File manager - Edit - /home/premiey/www/wp-includes/images/media/less.tar
Back
backend/settings.less 0000666 00000013124 15165376205 0010702 0 ustar 00 @import "../common/_variables"; #am-settings { .am-settings-cards { padding-top: @padding-big*2; padding-bottom: @padding-big*2; .el-row { display: flex; @media @less-then-medium { display: block; } .el-col { border-right: 1px solid @color-divider-gray; margin-bottom: @margin-big*2; position: relative; &:nth-child(3) { border-right: none; } @media @less-then-medium { border-right: none; } } .am-settings-card { position: relative; height: 100%; margin-bottom: @margin-small; @media @less-then-medium { height: auto; } h3 { line-height: 1.4; margin-top: 0; margin-bottom: @margin-big; font-size: @medium-fs; img, svg { display: inline-block; vertical-align: sub; margin-right: @margin-small; max-width: 24px; max-height: 24px; } } p { font-size: @small-fs; margin: @margin-medium 0; min-height: 60px; &.link { min-height: 0; color: @color-blue; font-size: @mini-fs; font-weight: @bold; cursor: pointer; text-transform: uppercase; margin-bottom: 0; &:hover { color: fade(@color-blue, 75%); } @media @less-then-medium { position: static; } } } } } } .am-dialog-settings { .am-dialog-scrollable { .el-alert { &.el-alert--warning { color: @color-orange; margin-bottom: @margin-medium; .el-alert__title { color: @color-orange; } .el-alert__content { p { font-size: 14px; word-break: break-word; } } } } .el-collapse { .el-collapse-item__wrap { margin: 0; p { font-size: @small-fs } } } .el-textarea { margin-bottom: @margin-medium; } .am-notifications-placeholders { margin-top: 0; } .am-placeholder-wrapper { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-bottom: @margin-medium; &__dropdown { margin: 0 @margin-small @margin-small 0; } &__button { color: #606266; } } } .am-google-calendar-tooltip { margin: 0; } .am-google-calendar-button { width: 46px; height: 40px; float: right; svg { path { fill: @color-white !important; } } } .am-setting-box { #am-woocommerce { vertical-align: middle; max-width: 100px; max-height: 100px; } .am-customize-notifications-combined { display: flex; align-items: center; margin-bottom: @margin-big; border: 1px solid @color-divider-gray; padding: @padding-small; background-color: @color-light-gray; border-radius: 2%; .am-customize-notifications-combined-tooltip { font-size: 14px; margin: 0; line-height: 1.5; } p { margin: 0; } p.am-blue-link { color: @color-blue; text-align: right; cursor: pointer; margin: 0; &:hover { color: darken(@color-blue, 10%); } } } } .am-setting-notifications-select { .el-select__tags { top: 50%; overflow: visible; white-space: normal; flex-wrap: wrap; } } .am-activation-alert { margin-bottom: @margin-medium; .el-icon-info { color: @color-blue; } } .am-purchase-code { margin-bottom: @margin-medium; .am-purchase-code-hidden { p { display: table-cell; font-size: @small-fs; word-break: break-word; margin-right: 8px; } .el-icon-info { color: @color-blue; right: 12px; font-size: 28px; top: 12px; display: inline-block; margin-right: 8px; margin-left: 8px; } background-color: @color-light-gray; align-items: center; display: flex; } } .am-activate-plugin { float: right; width: 90%; max-width: 90%; padding-left: 0; padding-right: 0; } .am-envato-activation { margin-bottom: @margin-big; } .am-envato-activation-button { background: rgb(130, 181, 65); border: 1px solid rgb(130, 181, 65); color: @color-white; width: 100%; &:hover { background: #6D9837; border: 1px solid #6D9837; } .am-envato-activation-logo { width: 12px; margin-bottom: -2px; margin-right: 3px; } } .am-payments-meta-data { div { display: flex; margin: auto; } .el-input { margin-bottom: 0; } span { cursor: pointer; } } } } .amelia-dropdown { &.el-dropdown-menu { max-height: 400px; overflow: auto; } &.el-dropdown-menu::-webkit-scrollbar { width: 6px; } &.el-dropdown-menu::-webkit-scrollbar-thumb { background-color: #dddddd; border-radius: 10px; } } backend/lite.less 0000666 00000013542 15165376205 0010003 0 ustar 00 .am-lite { color: #354052; &.am-lite-popover { background-color: #323648; .am-lite-popover-content { cursor: pointer; display: flex; align-items: center; font-size: 12px; font-weight: 500; color: #ffffff; text-decoration: underline; img.am-lite-popover-icon { width: 24px; height: 24px; object-fit: contain; margin-right: 5px; } } } &.am-lite-block { background-color: #323648; display:flex; flex-direction: row; align-items: center; margin-bottom: 10px; .am-lite-block-text { text-align: left; font-size: 14px; font-weight: 500; color: #ffffff; line-height: normal; } .am-lite-block-icon { margin: 5px; } .am-lite-block-button { margin-left: auto; margin-right: 10px; width: 110px; height: 55px; } } &.am-lite-dialog { display:flex; flex-direction: column; align-items: center; font-size: 16px; line-height: 1.33; color: #354052; .am-lite-dialog-image-illus-left { position: absolute; left: 0; height: 310px; top: 122px; } .am-lite-dialog-image-illus-right { position: absolute; right: -15px; height: 175px; top: 187px; } .am-lite-dialog-title { max-width: 258px; font-weight: 800; font-size: 24px; line-height: 33px; color: #181059; text-align: center; margin-bottom: 0; } .am-lite-dialog-description { font-weight: 400; font-size: 16px; line-height: 22px; text-align: center; max-width: 351px; color: #010BFE; margin: 0 auto 25px; } .am-pricing-page-btn { margin: 24px auto; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 15px 20px; gap: 10px; width: 212px; height: 45px; background: linear-gradient(351.76deg, #FFD601 -8.07%, #FCFF7D 123.41%); border-radius: 62px; border: none; font-style: normal; font-weight: 700; font-size: 15px; line-height: 17px; text-align: center; text-transform: uppercase; color: #011CA4; &:hover { opacity: 0.8; border: none; } } .am-lite-features { .el-col { display: flex; align-items: center; margin-bottom: 5px; .am-lite-check { content: url("../../img/check-dark-blue.svg"); display: inline-block; vertical-align: middle; } span { line-height: 22px; font-size: 16px; margin-left: 10px; } } } } h2 { text-transform: uppercase; color: #181059; font-weight: 800; font-size: 44px; line-height: 60px; } .am-span-yellow { color: #FFD721; } .am-many-more { justify-content: center; margin-top: 20px; margin-bottom: 50px !important; span { font-weight: 600; font-size: 21px; line-height: 29px; text-align: center; color: #010BFE; } } } .am-lite-dialog-no-margin { margin-bottom: 0 !important; padding: 10px 20px !important; overflow-x: hidden !important; background: url("../../img/am-promo-bg.png") no-repeat; background-size: cover; .am-dialog-header { border-bottom: none !important; } button.am-dialog-close { background: transparent; border: none; .el-icon-close { content: url("../../img/close.svg"); width: 15px; height: 15px; display: inline-block; vertical-align: middle; } } .am-promo-banner-title { background: linear-gradient(351.76deg, #FFD601 -8.07%, #FCFF7D 123.41%); border-radius: 10px 50px; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; padding: 20px 30px; h2 { font-style: italic; font-weight: 600; font-size: 36px; line-height: 40px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #011CA4; } } .am-promo-banner-subtitle { text-align: center; p { margin-top: 5px; font-family: 'Inter'; font-style: italic; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: -0.03em; text-transform: uppercase; color: #011D9D; } } .pre-purchase-q { a { color: #010BFE; } } .am-discounts-holder { display: flex; flex-direction: row; gap: 10px; > div { background: linear-gradient(162.67deg, #000AFF 8.32%, #00237C 88.11%); border-radius: 8px; display: flex; flex-direction: column; height: 65px; width: 145px; align-items: center; justify-content: center; transform: skewX(170deg); .discount-number { margin: 0; font-weight: 600; font-size: 22px; line-height: 24px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #FFE224; transform: skewX(-170deg); } .licence-name { font-size: 14px; line-height: 15px; letter-spacing: 0.03em; text-transform: uppercase; text-align: center; margin: 0; font-weight: 600; color: #FFE224; transform: skewX(-170deg); } } } } .am-lite-calendar { .fc-day-button, .fc-month-button, .fc-timelineDay-button, .fc-listWeek-button { opacity: 0.4 !important; pointer-events: none; } } .am-lite-popover.el-popper[x-placement^=bottom] .popper__arrow:after { border-bottom-color: #323648; } .am-lite-disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; } .am-lite-container-disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; } backend/customers.less 0000666 00000006634 15165376205 0011076 0 ustar 00 @import "../common/_variables"; #am-customers { .am-empty-state { .am-empty-state-import { color: @color-blue; cursor: pointer; } } .am-customers-filter { .am-buttons { display: flex; justify-content: space-evenly; @media @less-then-small { justify-content: right; margin-top: 12px; } .el-button { &.button-export { line-height: 0.9; @media @less-then-medium { top: 56px; right: 8px; } @media @more-then-small { padding: 11px 11%; } } } } .el-row { .el-col { @media @less-then-medium { margin-bottom: @margin-medium; } &:last-child { margin-bottom: 0; } .el-input, .el-select { width: 100%; margin-bottom: 0; &.calc-width { margin-right: @margin-medium; width: calc(~'100% - 59px'); } } .el-button + .el-button { margin-left: @margin-small; } } } .el-input-group__append { .el-button { display: inline-block; &:hover { color: @color-blue; } } } } .am-customers-list-head { padding: @padding-medium @padding-big; @media @less-then-large { display: none; } p { margin: 0; color: @color-text-second; text-transform: uppercase; font-size: @mini-fs; } } .am-customers-list-day-title { padding: @padding-small/2 @padding-big @padding-small/2 @padding-big*2; background-color: @color-light-gray; } .am-customers { padding: 0; .am-customers-list { .am-customer { &:first-child { border-top: 1px solid @color-divider-gray; } .am-customer-data { h3 { margin-bottom: 0; } p { margin-bottom: 0; } .col-title { display: none; @media @less-then-large { display: block; } } .el-button { margin: 0 @margin-medium*2 0 0; @media @less-then-large { margin: 0; } } .el-select { display: block; .el-input { margin-bottom: 0; } } .am-assigned { display: flex; align-items: center; img { margin-right: @margin-small; } } .el-col { &:last-child { .am-customers-flex-row-middle-align { margin-bottom: 0; } } } } .am-customers-flex-row-middle-align { min-height: 44px; } } } } .am-customers-flex-row-middle-align { display: flex; align-items: center; min-height: 20px; @media @less-then-large { margin-bottom: @margin-big; align-items: inherit; } @media @less-then-small { display: block; &:first-of-type { margin-bottom: 0; } } .el-col { @media @less-then-small { margin-bottom: @margin-medium; } } } .am-customers-flex-row-top-align { display: flex; align-items: flex-start; @media @less-then-small { display: block; } } } backend/calendar.less 0000666 00000033536 15165376205 0010624 0 ustar 00 @import "../common/_variables"; @import '~fullcalendar/dist/fullcalendar.min.css'; @import '~fullcalendar-scheduler/dist/scheduler.min.css'; @import "../backend/recurring.less"; .am-ebe { display: none; } .am-old-time, .am-new-time { padding: @padding-small @padding-big; display: inline-block; border: 1px solid @color-divider-gray; margin: @margin-small 0; @media @less-then-small { padding: @padding-small @padding-medium; } } .am-old-time { margin-right: -1px; position: relative; &:after { position: absolute; z-index: 1; top: 16px; right: -17px; font-family: element-icons !important; font-size: 14px; content: "\e6e0"; line-height: 1; text-align: left; vertical-align: top; color: @color-text-second; background: #fff; border: 1px solid @color-divider-gray; border-radius: 50%; padding: 8px; } } #am-calendar { .am-page-header { .el-row { display: flex; align-items: center; @media @less-then-large { display: block; } } .el-col { @media @less-then-large { width: 100%; float: none; text-align: left; } .align-right { @media @less-then-large { text-align: left; } } } } .am-section.am-calendar { padding-top: @padding-medium - 4px; .am-spinner { position: absolute; top: 68px; right: 0; bottom: 0; left: 0; z-index: 10; background-color: @color-white; opacity: 0.7; img { position: absolute; top: 50%; left: 50%; width: auto; margin: 0; } } } .am-calendar-scroll { position: relative; @media @less-then-large { overflow: auto; } #calendar.fc { min-width: 720px !important; .fc-view-container { min-height: 150px; } } } //overrides .fc-view, .fc-view > table { z-index: 10; } .fc-ltr .fc-time-grid .fc-event-container { margin: 0; } .fc-agenda-view .fc-day-grid { z-index: 1; } .fc-time-grid .fc-event-container { z-index: auto; } .fc-time-grid .fc-business-container { z-index: 0; } .fc-head { line-height: 2.5; } .fc-icon-right-single-arrow:after { font-family: element-icons !important; content: "\e6e0"; font-size: 11px; } .fc-icon-left-single-arrow:after { font-family: element-icons !important; content: "\e6de"; font-size: 11px; } .fc-toolbar { padding: @padding-medium; background-color: @color-white; margin-bottom: 0; button { background-image: none; box-shadow: none; background-color: @color-white; border-color: @color-divider-gray; height: 36px; padding: 0 @padding-medium; text-transform: capitalize; } .fc-button { &:hover, &.fc-state-active { color: @color-blue; border-color: @color-blue; } &:focus { outline: none; } } .fc-center { position: relative; cursor: pointer; padding-right: 28px; @media @less-then-medium { margin-top: @margin-medium; } &.am-datepicker-active { &:after { transform: rotate(-180deg); } } &:after { transition: all 0.3s ease; width: 20px; height: 20px; position: absolute; top: 4px; right: 0; //content: url('../../img/calendar.svg'); //background: url('../../img/calendar.svg') no-repeat center / cover; border: 1px solid @color-divider-gray; border-radius: 50%; background: @color-white; font-family: element-icons !important; font-size: @small-fs; line-height: 1.5; content: "\e790"; cursor: pointer; color: @color-text-second; } &:hover { &:after { background: @color-blue; color: @color-white; } } } } .fc-scroller { height: auto !important; overflow: visible !important; } .fc-timelineWeek-view, .fc-timelineDay-view { .fc-scroller { overflow: auto !important; } } .fc-day-number { margin: 4px; padding: 5px 6px; } td.fc-today { background: none; //border-color: @color-red; .fc-day-number { //background-color: @color-blue; background-color: #FA2727; border-radius: 50%; color: @color-white; width: 16px; text-align: center; } } .flexed-between { align-items: center; } .fc-timeline { .fc-rows { padding-bottom: 200px; .fc-event-container { z-index: auto; top: 0; height: 100% !important; padding-bottom: 0; } } .fc-event { top: 0; bottom: 0; .am-tooltip { left: 100%; top: 0; bottom: auto; width: 100%; margin-left: 4px; text-align: left; &:after { left: 4px; bottom: auto; top: 10px; } } } } .fc-day-view, fc-agendaWeek-view { } .fc-event { border: none; margin: 0; padding: @padding-small; box-shadow: inset 0 2px 1px 0 rgba(255,255,255,0.2); border-radius: 4px; overflow: hidden; .am-tooltip { text-align: left; border: 1px solid @color-divider-gray; background: @color-white; bottom: 100%; color: #fff; display: block; left: -3px; opacity: 0; padding: @padding-medium; pointer-events: none; position: absolute; width: 100%; max-width: 320px; min-width: 175px; z-index: 2000; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -ms-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); &:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } &:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid @color-white 10px; bottom: -10px; content: " "; height: 0; /*left: 50%;*/ left: 25px; margin-left: -13px; position: absolute; width: 0; } p { color: @color-text-second; font-size: @mini-fs; margin: 0 0 @margin-small; } h4 { color: @color-text-prime; font-size: @small-fs; margin: 0 0 @margin-small; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; img { width: 18px; height: 18px; margin-right: @margin-small/2; border-radius: 50%; vertical-align: sub; } } .el-button { float: right; } .am-tooltip-color { display: block; width: 16px; height: 16px; position: absolute; right: 16px; top: 16px; border-radius: 3px; } .am-tooltip-address { padding-left: 22px; position: relative; white-space: initial; &:before { width: 18px; height: 18px; position: absolute; top: 1px; left: 0px; content: url('../../img/location.svg'); } } .am-calendar-status { margin-bottom: 2px; width: 16px; height: 16px; display: block; position: absolute; right: 16px; top: 46px; &.pending { content: url("../../img/pending-payment.svg"); } &.approved { content: url("../../img/check-circle-green.svg"); } } } &:hover { overflow: visible; .am-tooltip { display: block; opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); text-align: left; } } } .fc-agendaWeek-view, .fc-agendaDay-view, .fc-day-view, .fc-agenda-view, .fc-timelineWeek-view { .fc-event { &:hover { overflow: visible; z-index: 2000 !important; //min-height: 80px; /*bottom: auto !important;*/ } } } .fc-agendaWeek-view, .fc-agendaDay-view, .fc-day-view { .fc-event:hover { /*min-height: 80px;*/ } } .fc-content { height: 100%; color: @color-text-prime; white-space: normal; position: relative; font-size: @mini-fs; line-height: 20px; span { display: block; font-weight: @regular; } .fc-title, .fc-time, .am-calendar-customer, .am-calendar-employee { font-weight: @medium; font-size: 12px; display: block; margin: @margin-small/2 0; width: 100%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; mix-blend-mode: luminosity; color: rgba(0, 0, 0, 0.65); } .fc-title, .am-calendar-customer { font-weight: 600; font-size: 12px; } .am-calendar-employee { bottom: 8px; margin-bottom: 0; img { width: 16px; height: 16px; margin-right: @margin-small/2; border-radius: 50%; vertical-align: sub; } } .am-calendar-status { display: inline-block; width: 16px; height: 16px; margin-right: @margin-small/2; vertical-align: text-bottom; &.pending { content: url("../../img/pending-payment.svg"); } &.approved { content: url("../../img/check-circle-green.svg"); } } } #am-calendar-event-infobox { background-color: @color-white; box-shadow: #dddddd; position: absolute; span { display: block; } } .am-calendar-picker { opacity: 0; z-index: 0; font-family: @roboto; position: absolute; left: 50%; top: 55px; margin-left: -215px; transition: opacity 0.3s; background: @color-white !important; @media @less-then-medium { top: 105px; margin-left: 0; left: 226px; } } .am-calendar-employees { overflow-x: auto; white-space: nowrap; .am-calendar-employee { transition: all .4s ease-out; cursor: pointer; position: relative; display: inline-block; min-width: 80px; max-width: 80px; overflow: hidden; text-align: center; padding: 0 @padding-small - 2px; .am-calendar-employee-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .am-profile-photo { margin: 0 auto; border: 2px solid transparent; border-radius: 50%; width: 50px; height: 50px; max-width: 50px; min-width: 50px; padding: @padding-small/2; .am-all { border-radius: 50%; width: 100%; height: 100%; background-color: @color-blue; display: inline-block; vertical-align: middle; color: @color-white; line-height: 54px; } img { border-radius: 50%; width: 100%; height: 100%; display: inline-block; vertical-align: middle; } } p { margin: @margin-small/2 0 @margin-small 0; font-size: @mini-fs; font-weight: @medium; white-space: nowrap; overflow-x: hidden; } &:hover, &.active { .am-profile-photo { transition: border-color 0.4s ease-out; border-color: @color-blue; } } } } .fc-list-item { cursor: pointer; .am-calendar-list-customer-name { margin-left: @margin-big; } .am-calendar-employee { margin-left: @margin-big; margin-right: @margin-big; img { width: 16px; height: 16px; margin-right: 4px; border-radius: 50%; vertical-align: sub; } } .am-calendar-status { width: 12px; height: 12px; display: inline; line-height: 1; &.pending { content: url("../../img/pending-payment.svg"); } &.approved { content: url("../../img/check-circle-green.svg"); } } } .fc-time-grid-event { &.fc-short { padding: @padding-small/2; .fc-content { line-height: 16px; .fc-time { span { display: none; } &:after { content: ''; } } .fc-title { /*margin-left: 3px;*/ display: inline-block; width: 69%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } } } } .fc-nonbusiness { background-color: darken(@color-highlight, 3%); } .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #F1F3F3; } .fc-time-grid .fc-slats td { height: 3.5em; } .fc-unthemed .fc-list-empty { padding: @padding-medium; } } backend/appointments.less 0000666 00000020213 15165376205 0011560 0 ustar 00 @import "../common/_variables"; @import "../backend/recurring.less"; #am-appointments { @media @less-then-small { .am-dialog-scrollable { padding: @padding-small; } } .am-appointment-customer { .el-select__input { margin-left: -2px; } } .am-appointment-id { display: none; &-details { @media @less-then-small { display: none !important; } } } .am-appointments-filter { .el-row { .el-col { .el-input, .el-select, .el-date-editor { width: 100%; display: inline-block; vertical-align: top; &.calc-width { width: calc(~'100% - 63px'); @media @less-then-medium { width: calc(~'100% - 123px'); } } } .el-button { margin-left: @margin-small + 4px; } .el-button { &.button-filter-toggle { line-height: 0.9; display: none; @media @less-then-medium { display: inline-block; } } } } } .v-calendar-column { .el-form-item { margin-bottom: @margin-medium; } .popover-container { margin-bottom: 0; } } .am-filter-fields { .el-input, .el-date-editor { margin-bottom: 0; @media @less-then-small { margin-bottom: @margin-medium; } } .el-date-editor { @media @less-then-large { margin-bottom: @margin-medium; } } } .el-input-group__append { .el-button { display: inline-block; &:hover { color: @color-blue; } } } } .am-appointments-list-head { padding: @padding-medium @padding-big; @media @less-then-large { display: none; } p { margin: 0; color: @color-text-second; text-transform: uppercase; font-size: @mini-fs; } } .am-appointments-list-day-title { padding: @padding-small/2 @padding-big @padding-small/2 @padding-big; background-color: @color-light-gray; .el-checkbox { margin-right: @margin-small/2; vertical-align: initial; } .el-checkbox__label { display: none; } h2 { line-height: 2; font-size: 16px; color: @color-text-second; } } .am-appointments { padding: 0; .am-appointments-list { .am-appointment { &.is-active { .am-appointment-data { h3.grouped:after { background-color: inherit; } } } .am-appointment-data { .am-appointment-data-phone { display: none; } .el-checkbox { margin-right: @margin-small/2; } .el-checkbox__label { display: none; } h3 { margin-bottom: 0; overflow: hidden; max-width: 100%; height: 24px; &.grouped { padding-right: @padding-medium; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; svg { width: 16px; } } } p { margin-bottom: 0; } .el-button { margin-top: 0; @media @less-then-medium { padding-left: @padding-medium - 4px; padding-right: @padding-medium - 4px; } } .el-select { display: block; .el-input { margin-bottom: 0; } } .am-appointment-checkbox { @media only screen and ( max-width: 1367px) { display: block; margin-bottom: 2px; } } .am-appointment-time { line-height: 1.6; display: inline-block; padding: 0 @padding-small/2; border-radius: @border-radius/2; &.approved { background-color: fade(@color-green, 10%); color: @color-green; } &.pending { background-color: fade(@color-orange, 10%); color: @color-orange; } &.canceled { background-color: fade(@color-red, 10%); color: @color-red; } &.rejected { background-color: fade(@color-text-prime, 10%); color: @color-text-prime; } &.no-show { background-color: fade(@color-gray, 10%); color: @color-dark-gray; } &.paid { background-color: fade(@color-green, 10%); color: @color-green; } &.partiallyPaid { background-color: fade(@color-blue, 10%); color: @color-blue; } @media @less-then-medium { font-size: @mini-fs; } } .am-assigned { display: flex; align-items: center; img { margin-right: @margin-small; } } .am-appointments-flex-row-middle-align { min-height: 44px; @media @less-then-small { margin-bottom: 0; } } .am-edit-btn { text-align: right; margin-right: @margin-medium*2; @media @less-then-large { margin-right: @margin-small; } } .am-customer-status { margin-right: @margin-medium; color: @color-green; text-transform: capitalize; line-height: 1.8; display: inline-block; padding: 0 @padding-small/4; border-radius: @border-radius/2; min-width: 60px; text-align: center; &.pending { background-color: fade(@color-orange, 10%); color: @color-orange; } &.approved { background-color: fade(@color-green, 10%); color: @color-green; } &.canceled { background-color: fade(@color-red, 10%); color: @color-red; } &.rejected { background-color: fade(@color-text-prime, 10%); color: @color-text-prime; } &.no-show { background-color: fade(@color-gray, 10%); color: @color-dark-gray; } } .am-appointment-payment, .am-appointment-package { .am-appointment-package-wrap{ display: flex; align-items: center; } .am-appointment-package-wrap { h4 { width: auto; } img { margin-left: 5px; } } .am-appointment-payment-wrap { display: flex; align-items: end; img { &.am-appointment-payment-icons { width: 20px; height: 20px; margin-left: 0; } } &-price { overflow: hidden; text-overflow: ellipsis; } } img { display: inline-block; vertical-align: middle; margin-right: @margin-small/2; width: 16px; height: 16px; } } } } } } } @media @less-then-large { .el-col:first-child { .am-appointments-flex-row-middle-align { margin-bottom: @margin-medium; } } } .am-appointments-flex-row-middle-align { display: flex; align-items: center; min-height: 20px; @media @less-then-large { align-items: inherit; } @media @less-then-small { display: block; &:first-of-type { margin-bottom: 0; } } .el-col { @media @less-then-small { margin-bottom: @margin-medium; } } } backend/amelia-booking.less 0000666 00000001203 15165376205 0011713 0 ustar 00 //@import "~element-ui/lib/theme-chalk/index.css"; //@import "~v-calendar/lib/v-calendar.min.css"; @import "../external/vendor"; @import "../common/_overrides"; @import "../common/_variables"; @import "../common/_base"; @import "../common/_elements"; @import "../common/_animations"; //pages @import "dashboard"; @import "appointments"; @import "events"; @import "calendar"; @import "employees"; @import "customers"; @import "import"; @import "locations"; @import "services"; @import "finance"; @import "email-notifications"; @import "settings"; @import "customize"; //dialogs @import "dialogs"; @import "lite"; //RTL @import "../common/rtl"; backend/employees.less 0000666 00000015054 15165376205 0011050 0 ustar 00 @import "../common/_variables"; #am-employees { .am-employees-filter { position: relative; .el-row { .el-col { .am-search { .el-input { width: 100%; margin-bottom: 0; @media @less-then-large { margin-bottom: @margin-medium; } &.calc-width { @media @less-then-medium { width: calc(~'100% - 59px'); margin-right: @margin-small; } } } .el-button + .el-button { margin-left: @margin-small; } } .el-select { width: 100%; margin-bottom: 0; &.calc-width { width: calc(~'100% - 119px'); margin-right: @margin-small; @media @less-then-large { width: 100%; } } } .el-input { width: 100%; margin-bottom: 0; @media @less-then-medium { margin-bottom: @margin-medium; } } } .am-filter-fields { } .el-button { /*line-height: 0.9;*/ &.button-filter-toggle { display: none; @media @less-then-medium { display: inline-block; vertical-align: top; } } &.change-view { @media @less-then-large { display: none; } } } } .am-filter-buttons { position: absolute; right: 8px; top: 0; } .el-input-group__append { .el-button { display: inline-block; &:hover { color: @color-blue; } } } } .am-employees-table-view { padding: 0; @media @less-then-large { border-top: 1px solid @color-divider-gray; } } .am-employees-list-head { padding: @padding-medium @padding-big; border-bottom: 1px solid @color-divider-gray; @media @less-then-large { display: none; } p { margin: 0; color: @color-text-second; text-transform: uppercase; font-size: @mini-fs; } } .am-employee-row { border-bottom: 1px solid @color-divider-gray; padding: @padding-medium @padding-big; position: relative; &.am-hidden-entity { opacity: 0.6; &:after { display: block; width: 18px; height: 18px; position: absolute; bottom: 26px; right: 105px; content: url('../../img/hide.svg'); @media @less-then-small { bottom: 42px; } } } .am-employee-col { display: flex; align-items: center; min-height: 40px; @media @less-then-large { margin-bottom: @margin-medium; } &.am-edit-btn { justify-content: flex-end; } h4 { margin: @margin-small 0; } img { margin-right: @margin-small; border-radius: 50%; max-width: 32px; } button { float: right; } .am-employee-id { color: #7F8FA4; font-size: 14px; font-weight: 400; } } } .am-employee-status-label { display: inline-block; padding: @padding-small/2 @padding-small; border-radius: @border-radius/2; @media @less-then-small { margin-bottom: @margin-small; } &.available { background-color: fade(@color-green, 10%); color: @color-green; } &.busy { background-color: fade(@color-orange, 10%); color: @color-orange; } &.away, &.break, &.dayoff { background-color: fade(@color-red, 10%); color: @color-red; } } .am-google-calendar-button { padding: 0; height: 40px; border: 1px solid transparent; width: 206px; background-color: #4285F4; -webkit-border-radius: 1px; border-radius: 1px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s; transition: background-color .218s, border-color .218s, box-shadow .218s; -webkit-user-select: none; -webkit-appearance: none; background-image: none; cursor: pointer; outline: none; overflow: hidden; position: relative; text-align: center; vertical-align: middle; white-space: nowrap; &:hover { background-color: #4285F4; } &:focus { background-color: #3367D6; } &.connected { background-color: #DC4E41; &:hover { background-color: #DC4E41; } &:focus { background-color: #C53829; } } .am-google-calendar-button-image { float: left; padding: 9px; background: #fff; border-radius: 1px; } .am-google-calendar-button-text { padding: 12px 0; display: inline-block; margin: 0; } } #am-google-calendar-connected { .el-badge__content { background-color: @color-green; } } #am-google-calendar-disconnected { .el-badge__content { background-color: @color-red; } } .am-google-calendar-tooltip { margin: 28px 0 0 -12px; } .am-employee-card { margin-bottom: @margin-big; padding: @padding-medium; border-radius: 8px; border: 1px solid @color-divider-gray; position: relative; display: flex; align-items: center; justify-content: flex-start; cursor: pointer; overflow: hidden; min-height: 100px; &:hover { background-color: @color-highlight; } &.am-hidden-entity { opacity: 0.6; &:after { display: block; width: 18px; height: 18px; position: absolute; bottom: 16px; right: 16px; content: url('../../img/hide.svg'); } } @media @less-then-xsmall { display: block; } .am-employee-status-label { position: absolute; top: 12px; right: 16px; } img { margin: 0 @margin-small; border-radius: 50%; width: 64px; height: 64px; min-width: 64px; max-width: 64px; @media @less-then-xsmall { max-width: 48px; } } h4 { margin: 0 @margin-small 0 @margin-small; } p, p.am-email { margin: 0 @margin-small 0 @margin-small; color: @color-text-second; font-size: @small-fs; @media @less-then-xsmall { font-size: @small-fs*0.9; } } .am-employee-id { color: #7F8FA4; font-size: 14px; font-weight: 400; } } } backend/events.less 0000666 00000020302 15165376205 0010342 0 ustar 00 @import "../common/_variables"; #am-events { .am-events-filter { .el-row { .el-col { .el-input, .el-select, .el-date-editor { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 0; @media @less-then-medium { margin-bottom: @margin-medium; } } &:last-child { .el-input, .el-select, .el-date-editor { margin-bottom: 0; } } } } .v-calendar-column { .el-form-item { margin-bottom: 0; @media @less-then-medium { margin-bottom: @margin-medium; } } .popover-container { margin-bottom: 0; } } } .am-events-list-head { padding: @padding-medium @padding-big; @media @less-then-large { display: none; } p { margin: 0; color: @color-text-second; text-transform: uppercase; font-size: @mini-fs; } } .am-events-list-day-title { padding: @padding-small/2 @padding-big @padding-small/2 @padding-big; background-color: @color-light-gray; .el-checkbox { margin-right: @margin-small/2; vertical-align: initial; } .el-checkbox__label { display: none; } h2 { line-height: 2; font-size: 16px; color: @color-text-second; } } .am-events { padding: 0; .am-events-list { .am-event { padding: @padding-medium @padding-big; border-bottom: 1px solid @color-divider-gray; &.is-active { .am-event-data { h3.grouped:after { background-color: inherit; } } } .am-event-data { >.el-row { display: flex; align-items: center; @media @less-then-large { display: block; } } .el-checkbox { margin-right: @margin-small/2; } .el-checkbox__label { padding-left: @padding-small - 2px; } h4 { margin: 0; } h3 { margin-bottom: 0; overflow: hidden; max-width: 100%; height: 24px; &.grouped { padding-right: @padding-medium; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; svg { width: 16px; } } } p { margin: 0; font-size: @small-fs; } .am-event-closed { cursor: pointer; display: inline-block; padding: 0 @padding-medium /4; color: @color-red; background: fade(@color-red, 5%); border-radius: 4px; &:before { display: inline-block; width: 7px; height: 7px; background: @color-red; border-radius: 50%; content: ""; vertical-align: middle; margin-right: 4px; } } .am-event-open { cursor: pointer; display: inline-block; padding:0 @padding-medium /4; color: @color-green; background: fade(@color-green, 5%); border-radius: 4px; &:before { display: inline-block; width: 7px; height: 7px; background: @color-green; border-radius: 50%; content: ""; vertical-align: middle; margin-right: 4px; } } .am-recurring-label { color: @color-orange; img, svg { vertical-align: middle; margin-right: 2px; width: 14px; } } .el-button { margin-top: 0; @media @less-then-medium { padding-left: @padding-medium - 4px; padding-right: @padding-medium - 4px; } } .el-select { display: block; .el-input { margin-bottom: 0; } } .am-event-checkbox { @media only screen and ( max-width: 1367px) { display: block; margin-bottom: 2px; } } .am-align-right { @media @less-then-small { text-align: left; margin-bottom: 0; } } .am-event-time { line-height: 1.6; display: inline-block; padding: 0 @padding-small/4; border-radius: @border-radius/2; &.approved { background-color: fade(@color-green, 10%); color: @color-green; } &.pending { background-color: fade(@color-orange, 10%); color: @color-orange; } &.canceled { background-color: fade(@color-red, 10%); color: @color-red; } &.rejected { background-color: fade(@color-text-prime, 10%); color: @color-text-prime; } &.paid { background-color: fade(@color-green, 10%); color: @color-green; } &.partiallyPaid { background-color: fade(@color-blue, 10%); color: @color-blue; } @media @less-then-medium { font-size: @mini-fs; } } .am-events-flex-row-middle-align { min-height: 44px; @media @less-then-small { margin-bottom: 0; } .am-event-data-id { color: @color-text-second; font-size: 14px; font-weight: 400; } } .am-edit-btn { text-align: right; margin-right: @margin-medium*2; @media @less-then-large { margin-right: 0; } } .am-customer-status { margin-right: @margin-medium; color: @color-green; text-transform: capitalize; font-size: 12px; line-height: 1.8; display: inline-block; padding: 0 @padding-small/2; border-radius: @border-radius/2; text-align: center; &.pending { background-color: fade(@color-orange, 10%); color: @color-orange; } &.approved { background-color: fade(@color-green, 10%); color: @color-green; } &.canceled { background-color: fade(@color-red, 10%); color: @color-red; } &.rejected { background-color: fade(@color-text-prime, 10%); color: @color-text-prime; } &.closed { background-color: fade(@color-text-second, 10%); color: @color-text-second; } &.full { background-color: fade(@color-blue, 10%); color: @color-blue; } &.upcoming { background-color: fade(@color-orange, 10%); color: @color-orange; } &.opened { background-color: fade(@color-green, 10%); color: @color-green; } } } } } } } @media @less-then-large { .el-col:first-child { .am-events-flex-row-middle-align { margin-bottom: @margin-medium; } } } .am-events-flex-row-middle-align { display: flex; align-items: center; min-height: 20px; @media @less-then-large { align-items: inherit; } @media @less-then-small { display: block; &:first-of-type { margin-bottom: 0; } } .el-col { @media @less-then-small { margin-bottom: @margin-medium; } } .am-event-spots { @media @more-then-small { text-align: center; } } .am-event-location { display: none; } } backend/email-notifications.less 0000666 00000051123 15165376205 0013001 0 ustar 00 @import "../common/_variables"; @import '~quill/dist/quill.core.css'; @import '~quill/dist/quill.snow.css'; @import '~quill/dist/quill.bubble.css'; #am-notifications { .el-tabs__header { margin: @margin-small @margin-big 0 @margin-big; .el-tabs__item { font-size: @regular-fs; } } .am-notifications { padding: @padding-small 0 0; } .am-dialog-scrollable { margin-bottom: 40px; } .languages-list { margin-top: @margin-medium; } .am-languages-delete { padding: @padding-small + 1px; border: 1px solid #E2E6EC; border-radius: 4px; display: block; text-align: center; &:hover { cursor: pointer; } } .am-add-language-svg { vertical-align: middle; } .am-add-language { display: inline-block; color: #1A84EE; &:hover { cursor: pointer; } } #am-email-notifications, #am-sms-notifications, #am-whatsapp-notifications { .am-sub-header { background-color: @color-blue; padding: @padding-medium @padding-small; a { color: @color-white; font-size: @regular-fs; padding: @padding-medium - 1px @padding-medium; border-bottom: 1px solid transparent; margin-right: @margin-big; opacity: 0.6; @media @less-then-small { font-size: @small-fs; } &:hover { opacity: 1; } &.active { border-color: @color-white; opacity: 1; } } } .am-whatsapp-notifications-header { margin: @margin-medium !important; } .am-whatsapp { &-placeholders { .el-row { p { font-size: 13px; font-weight: 550; margin-bottom: 4px; margin-top: 4px; } } padding-bottom: 20px; &-notice-warn { border: 1px solid #F7E4A2; } .el-alert { margin-bottom: 16px; .el-alert__description { margin:0; font-weight: 500; font-size: 14px; line-height: 24px; } } } &-ph-header { border-bottom: 1px solid #D1D5D7; margin-bottom: 20px; } &-settings { &-button{ text-align:right; .el-button { position: relative; font-size: 16px; img { margin-right:10px; } } } margin-top: 40px; margin-left: 24px; img { margin-right: 20px } p { font-weight: 500; font-size: 15px; line-height: 20px; margin-bottom: 4px; margin-top:0; color: #1A2C37; } .el-row { //width: 400px; padding-bottom: 32px; } .el-input { margin-bottom:0; } &-buttons { display: flex; justify-content: right; margin-right: 30px; gap: 20px; margin-bottom: 56px; padding-top: 16px; border-top: 1px solid #D1D5D7; } .el-form-item__error { bottom: unset; } .select-languages { width: 100%; } textarea { color: @color-text-prime; padding: @padding-small; } &-auto-reply { .am-placeholder-wrapper { justify-content: right; } .el-row { margin-right: 18px } .el-alert--warning { .el-alert__description { margin-bottom: 0; } } } } &-feature { display: none; font-size: @regular-fs; font-weight: @medium; color: #354052; background-color: #FEF5A3; border: 1px solid #EDE38D; border-radius: @padding-small/2; padding: @padding-small; margin: 20px; } } .am-gray-section { background-color: @color-highlight; height: 100%; } .am-email-form-settings { h2 { margin-bottom: @margin-medium; } .am-divider { height: 2px; } p.am-blue-link { color: @color-blue; text-align: right; cursor: pointer; margin: 0; &:hover { color: darken(@color-blue, 10%); } } .el-textarea__inner { margin-bottom: @margin-medium; } .select-languages { max-width: 208px; width: 41%; margin-top: @margin-small; } .el-input, .el-select { width: 100%; } .quill-editor { display: inline-block; width: 100%; margin-bottom: @margin-big; .ql-toolbar.ql-snow { border-radius: 4px 4px 0 0; } .ql-container { border-radius: 0 0 4px 4px; .ql-tooltip { margin-left: 115px; } .ql-editor p { font-size: @small-fs; } } .ql-toolbar.ql-snow, .ql-container { border-color: @color-divider-gray; } } &__cancel-save { padding-top: @padding-medium; } .duplicate { max-width: 8em; margin-bottom: 0px; margin-right: @margin-medium; .el-input > .el-input__inner { text-align: center; height: 38px; font-weight: @bold; color: #7F8FA4; font-size: 12px } } .red { color: @color-red; } .deleteModal { position: absolute; right:0; top: 50px; border: 1px solid @color-light-gray; padding: 16px; border-radius: 6px; background-color: white; z-index:10; box-shadow: 2px 2px 7px @color-light-gray; p { font-size: 13px; } } .el-radio { border: 1px solid #E2E6EC; padding: 10px; border-radius: 10px; margin-bottom: @margin-medium; &.is-checked { background-color: fade(@color-blue, 20%); } } } .am-email-notification-labels { height: 21px; color: #354052; font-size: 18px; font-weight: 500; line-height: 21px; margin-top: 30px; } .am-email-notification-buttons { .am-button-checkbox { position: relative; margin: @margin-big 0 0; .el-checkbox { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; z-index: 2; } .am-cron-icon { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 16px; z-index: 2; height: 16px; width: 16px; display: block; opacity: 0.2; svg, img { path { } } &.active { opacity: 0.6; } &.right { right: 40px } } .el-button { width: 100%; color: @color-text-prime; padding: @padding-medium 40px; white-space: normal; line-height: 1.4; &.am-active { background-color: fade(@color-blue, 10%); border-color: @color-blue; &-create { color: @color-white; background-color: @color-blue; &:hover { background-color: fade(@color-blue, 90%); } } } &:hover { background-color: fade(@color-blue, 10%); border-color: fade(@color-blue, 30%); } &.text-margin span { margin-right: @margin-big; display: inline-block; } } } } .am-customize-notifications-combined { margin-bottom: @margin-big; border: 1px solid @color-divider-gray; padding: @padding-small; background-color: @color-light-gray; border-radius: 2%; .am-customize-notifications-combined-tooltip { font-size: 16px; margin: 0; line-height: 1.5; } p { margin: 0; } } .am-notifications-placeholders { margin-top: @margin-medium; } .am-placeholder-wrapper { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-bottom: @margin-medium; &__dropdown { margin: 0 @margin-small @margin-small 0; } &__button { color: #606266; } } .el-form-item { margin-bottom: 0; } .el-dialog { .el-select { width: 100%; } } .am-pop-modal { .el-dialog__body { padding: 15px 20px; .el-alert { color: @color-orange; margin-bottom: 10px; .el-alert__title { color: @color-orange; } } } } } //SMS Notifications #am-sms-notifications { .am-sms-auth-wrapper { padding: @padding-big*3 @padding-medium; } .am-sms-auth { max-width: 420px; margin: 0 auto; .am-sms-logo { text-align: center; line-height: @h3-lh; font-size: @medium-fs; font-weight: 500; margin-bottom: @margin-big; img { vertical-align: middle; margin-right: @margin-small; } } h4 { text-align: center; margin-top: 0; } .am-sms-login, .am-sms-signup { padding: @padding-big @margin-big*2; border: 1px solid @color-divider-gray; } .el-button { width: 100%; } p { text-align: center; margin-bottom: 0; } .am-forgot-pass { position: absolute; top: -21px; right: 0; } } .am-sms-dashboard { margin: 0 @margin-big 0 @margin-big; .am-sms-dashboard-header { display: flex; align-items: center; border-bottom: 1px solid @color-divider-gray; @media @less-then-large { display: block; } > * { padding: @padding-medium @padding-big; } .am-sms-logo { flex-grow: 1; line-height: @h3-lh; font-size: @regular-fs; font-weight: 500; img { vertical-align: middle; max-width: 40px; margin-right: @margin-small; } } .am-sms-loggedin-user, .am-sms-balance { display: flex; align-items: center; @media @less-then-medium { border: none; } @media @less-then-small { display: block; } > * { margin-right: @margin-medium; &:last-child { margin-right: 0; } } > div { display: inline-block; vertical-align: middle; } img { width: 32px; height: 32px; display: inline-block; vertical-align: middle; } .am-sms-user-email, p { margin: 0; font-weight: 500; } .el-button { @media @less-then-small { display: block; margin-top: @padding-small; } } } .am-sms-loggedin-user { border-right: 1px solid @color-divider-gray; @media @less-then-small, @less-then-medium { border: 0 } } } .am-sms-dashboard-body { display: flex; @media @less-then-medium { display: block; } .am-sms-dashboard-nav { padding: @padding-big; min-width: 160px; .am-sms-dashboard-nav-item { font-size: @regular-fs; font-weight: 500; margin-bottom: @margin-small; padding: @padding-small @padding-medium; cursor: pointer; border-radius: @btn-border-radius; transition: all 0.3s; &:hover, &.active { color: @color-blue; background-color: fade(@color-blue, 10%); } } } .am-sms-dashboard-content { min-height: 550px; padding: @padding-big; border-left: 1px solid @color-divider-gray; flex-grow: 1; @media @less-then-medium { border-top: 1px solid @color-divider-gray; border-left: none; } h2 { margin-bottom: @margin-medium; } //History, Purchase Log .am-sms-history, .am-sms-purchase-log { .popover-container { max-width: 320px; } .am-sms-history-list, .am-sms-purchase-log-list { margin-top: @margin-big; .am-sms-history-list-head, .am-sms-purchase-log-list-head { @media @less-then-large { display: none; } padding: @padding-medium; border-bottom: 1px solid @color-divider-gray; font-size: @small-fs; font-weight: 500; span { opacity: 0.6; } p { margin: 0; color: @color-text-second; text-transform: uppercase; font-size: @mini-fs; font-weight: @regular; } } .am-sms-history-list-body, .am-sms-purchase-log-list-body { .am-sms-history-data { width: 100%; } .am-sms-message, .am-sms-purchase-log-item { padding: @padding-medium; border-bottom: 1px solid @color-divider-gray; font-size: @small-fs; font-weight: 500; &:hover, &.is-active { background-color: @color-highlight; } &.is-active { .am-link { &:after { transform: rotate(180deg); } } } .el-col { @media @less-then-large { margin-bottom: @margin-small; } img { @media @less-then-medium { width: 13px; } } p.am-col-title { display: none; @media @less-then-large { display: block; } } span { img { margin-right: @margin-small/2; vertical-align: middle; } } } .am-link { position: relative; &:hover { text-decoration: none; } &:after { transition: all 0.3s; font-family: element-icons !important; top: 0; right: -16px; font-size: 12px; font-weight: 600; position: absolute; content: "\e6df"; } img { vertical-align: middle; margin-right: @margin-small/2; } } .el-collapse-item__arrow { display: none; } .el-collapse-item__header { cursor: default; } .am-sms-message-text { margin-top: @margin-medium; } &.am-sms-message-failed { background: fade(@color-red, 10%); } &.am-sms-message-queued { background: fade(@color-yellow, 10%); } .el-icon-refresh { font-weight: @bold; cursor: pointer; } } } } .am-pagination { padding-left: 0; padding-right: 0; } } //Pricelist .am-sms-pricelist { .am-selected-flag { .el-input__inner { background-color: unset; padding-left: 46px; } } .am-segment-tooltip-box-mobile { display: flex; align-items: baseline; gap: 8px; .el-tooltip { display: none; @media @less-then-large { display: flex; } } } .am-sms-country-pricelist-head { @media @less-then-large { display: none; } padding: @padding-medium; border-bottom: 1px solid @color-divider-gray; font-size: @small-fs; font-weight: 500; span { opacity: 0.6; } p { margin: 0; color: @color-text-second; text-transform: uppercase; font-size: @mini-fs; font-weight: @regular; } .am-segment-tooltip-box { display: flex; flex-direction: row; align-items: center; gap: 8px; } } .am-sms-country-pricelist-body { .am-sms-country-price { padding: @padding-medium; border-bottom: 1px solid @color-divider-gray; font-size: @small-fs; font-weight: 500; } } } .am-sms-user { .am-sms-user-info { padding-bottom: @padding-medium*2; border-bottom: 1px solid @color-divider-gray; margin-bottom: @margin-medium*2; p { margin-top: 0; margin-bottom: @margin-small; } } .am-sms-user-security { .am-change-password { margin-top: @margin-medium; } } } .am-customize-notifications { @media @less-then-small, @less-then-medium { display: block; } } } } } .am-dialog-sms-money { .am-sms-money { margin-top: @margin-big; .am-sms-money-card { border-radius: @border-radius; border: 2px solid @color-divider-gray; line-height: 80px; text-align: center; font-size: 24px; font-weight: 600; cursor: pointer; transition: all 0.3s; margin-bottom: @margin-small; &:hover { border-color: @color-blue; } &.active { background-color: @color-blue; color: @color-white; border-color: @color-blue; } } p { margin-top: 0; margin-bottom: @margin-medium; } .el-checkbox { margin: @margin-medium 0; } .el-button { width: 100%; margin-top: @margin-small; } .am-sms-money-recharge { margin-top: 16px; } .am-sms-money-total-price { color: #606266; font-weight: 500; } } } } } .el-notification.no-title { .el-notification__group { display: flex; align-items: center; .el-notification__content { margin: unset; } } } .amelia-dropdown { &.el-dropdown-menu { max-height: 400px; overflow: auto; } &.el-dropdown-menu::-webkit-scrollbar { width: 6px; } &.el-dropdown-menu::-webkit-scrollbar-thumb { background-color: #dddddd; border-radius: 10px; } } .el-input { .select-languages-flag { position: absolute; top: 35%; left: 20%; width: 20px; height: 14px; vertical-align: text-bottom; padding: 0 5px 0 0; } } .el-select-dropdown .el-select-dropdown__item { .option-languages-flag { width: 20px; height: 14px; vertical-align: text-bottom; padding-right: 5px; } } backend/finance.less 0000666 00000016330 15165376205 0010447 0 ustar 00 @import "../common/_variables"; #am-finance { .el-tabs__content { padding-right: 0; } .am-finances { padding: @padding-small 0 0; } #pane-payments .am-pagination { margin-top: @margin-big*2; } .am-finance-filter { padding: 0 @padding-big; margin-bottom: @margin-big; @media @less-then-large { margin-bottom: 0; } .v-calendar-column { .popover-container { margin-bottom: 0; } } .am-filter-fields { } .el-button { &.button-export { position: absolute; top: 0; right: 8px; line-height: 0.9; } &.button-filter-toggle { position: absolute; top: 0; right: 64px; line-height: 0.9; display: none; @media @less-then-medium { display: inline-block; } } } .el-row { .el-col { @media @less-then-large { margin-bottom: @margin-medium; } .el-input, .el-select, .el-date-editor, .el-form-item { width: 100%; margin-bottom: 0; &.calc-width { margin-right: @margin-medium; width: calc(~'100% - 60px'); @media @less-then-large { width: 100%; } } &.calc-width-mobile { @media @less-then-large { margin-right: @margin-medium; width: calc(~'100% - 60px'); } @media @less-then-medium { margin-right: @margin-medium; width: calc(~'100% - 118px'); } } } } } .el-button + .el-button { margin-left: @margin-small; } .el-input-group__append { .el-button { display: inline-block; &:hover { color: @color-blue; } } } } .el-tabs__header { margin: 0 @margin-big @margin-big; .el-tabs__item { font-size: @regular-fs; } } .am-finance-list-head { padding: @padding-medium @padding-big; @media @less-then-large { display: none; } p { margin: 0; color: @color-text-second; text-transform: uppercase; font-size: @mini-fs; } } .am-attendees-plus { font-size: @mini-fs; padding: 1px 6px; display: inline-block; vertical-align: top; background: fade(@color-blue, 20%); color: @color-blue; border-radius: 4px; margin: 0 @margin-small/2; font-weight: bold; } .am-finance-list { .am-finance { position: relative; &:first-child { border-top: 1px solid @color-divider-gray; } .am-entity-color { position: absolute; left: -24px; width: 16px; top: 0; bottom: 0; &.am-event-color { background-color: fade(@color-green, 30%); } &.am-appointment-color { background-color: fade(@color-blue, 30%); } } .am-finance-data { h3 { margin-bottom: 0; } p { margin-bottom: 0; } .el-button { margin: 0 @margin-medium*2 0 0; @media @less-then-large { margin: 0; padding-right: @padding-medium - 4px; padding-left: @padding-medium - 4px; } } .el-select { display: block; .el-input { margin-bottom: 0; } } .am-assigned { display: flex; align-items: center; &.am-multiple-employees { img + img { margin-left: -24px; } } img { margin-right: @margin-small; } } .el-col { &:last-child { .am-finance-flex-row-middle-align { margin-bottom: 0; } } } } .am-finance-flex-row-middle-align { min-height: 44px; .am-payment-service { display: flex; img { margin-right: @margin-small; } } } } } .am-finance-flex-row-middle-align { display: flex; align-items: center; min-height: 20px; @media @less-then-large { &:first-of-type { margin-bottom: @margin-medium; } align-items: inherit; } @media @less-then-small { display: block; &:first-of-type { margin-bottom: 0; } } .el-col { @media @less-then-small { margin-bottom: @margin-medium; } } } .am-finance-flex-row-top-align { display: flex; align-items: flex-start; @media @less-then-small { display: block; } } .am-coupon-row { border-bottom: 1px solid @color-divider-gray; padding: @padding-medium @padding-big; &:first-child { border-top: 1px solid @color-divider-gray; } &.am-hidden-entity { position: relative; opacity: 0.6; &:after { display: block; width: 18px; height: 18px; position: absolute; bottom: 50%; margin-bottom: -9px; right: 110px; content: url('../../img/hide.svg'); @media @less-then-large { bottom: 48px; margin-bottom: 0; } @media @less-then-small { bottom: 35px; } } } .am-finance-flex-row-middle-align { min-height: 40px; h4 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } h4 { margin: 0; } img { margin-right: @margin-small; border-radius: 50%; max-width: 32px; } button { float: right; } } .am-finance-data { .am-finance-payment-status { .am-payment-status { padding-left: 25px; padding-top: 2px; position: relative; .am-payment-status-symbol{ &:before { width: 16px; height: 16px; display: block; position: absolute; z-index: 1; top: 50%; margin-top: -8px; left: 0; pointer-events: none; } &-paid { &:before { content: url("../../img/am-status-approved.svg"); } } &-pending { &:before { content: url("../../img/am-status-pending.svg"); } } &-partiallyPaid { &:before { content: url("../../img/am-status-partiallyPaid.svg"); } } &-refunded { &:before { content: url("../../img/am-status-refunded.svg"); } } } } .el-icon-circle-check { color: @color-green; &.partially-paid { color: @color-blue; } } .el-icon-refresh { color: @color-orange; } } } .am-finance-details { .am-finance-payment-gateway { img { display: inline-block; vertical-align: middle; margin-right: @margin-small/2; margin-bottom: @margin-small; height: 16px; } p.am-value { display: inline-block; } } } } backend/import.less 0000666 00000001700 15165376205 0010351 0 ustar 00 @import "../common/_variables"; .am-import { &-rules { border: 1px solid #E0E2E4; border-radius: @border-radius; padding: @padding-small; } &-rule-list { ul { margin-left: 40px } li { display: list-item; list-style-type: disc; } } &-outcome { div { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; text-align: center; } } &-columns { &-select { margin-bottom: 0 !important; .el-form-item__error { bottom: 3px; @media @less-then-xsmall { bottom: -3px; } } } &-text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; @media @more-then-small { margin-top: 12px; margin-bottom: 0; } @media @less-then-small { margin-bottom: 12px !important; margin-top: 0; } } } } backend/dashboard.less 0000666 00000025654 15165376205 0011004 0 ustar 00 @import "../common/_variables"; @import "../backend/appointments.less"; @import "../backend/recurring.less"; #am-dashboard { .am-page-header { .el-date-editor { margin-bottom: 0; } .el-row { @media @less-then-small { display: block; .el-col { width: 100%; float: none; &:first-child { margin-bottom: @margin-medium; } } } } } .am-hello { padding: @padding-big*2; border-bottom: 1px solid @color-divider-gray; .am-user-name { h1 { font-size: @big-fs + 8px; img { width: 40px; } } } .am-user-alert { font-size: @regular-fs; line-height: 2; img { width: 18px; vertical-align: text-top; } } } .am-stats { margin-bottom: @margin-medium - 4; padding: 0; } .am-big-stats { .el-col { border-right: 1px solid @color-divider-gray; @media @less-then-medium { border-bottom: 2px solid @color-divider-gray; border-right: none; } &:last-child { border-right: none; } } .am-grid-content { padding: @padding-big; position: relative; @media @less-then-large { min-height: 100px; } @media @less-then-medium { min-height: 0; } .am-title { h3 { margin-top: 0; margin-bottom: @margin-big; position: relative; i { font-size: 12px; vertical-align: text-top; } } .am-change { position: absolute; top: 0; right: 0; padding-right: @padding-big; font-weight: normal; &.am-growth-increase { color: @color-green; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNiA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi42ICg2NzQ5MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+VXAgaWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJVcGRhdGVzLTIwMTkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJEYXNoYm9hcmQtMi06LVJvYm90byIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUyMy4wMDAwMDAsIC0zNzEuMDAwMDAwKSIgZmlsbD0iIzVGQ0UxOSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9IlN0YXRzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODIuMDAwMDAwLCAzMzQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iVG9wLVN0YXRzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi4wMDAwMDAsIDM0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJDYXJkLTkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVXAtbGFiZWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4NC4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTMiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJVcC1pY29uIiBwb2ludHM9IjMzLjcgNSAzNy4zIDUgMzMuNyA4LjYgMjkuNyA0LjYgMjUgOS4zIDI2LjQgMTAuNyAyOS43IDcuNCAzMy43IDExLjQgMzguNyA2LjQgMzguNyAxMCA0MC43IDEwIDQwLjcgMyAzMy43IDMiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% center; } &.am-growth-decrease { color: @color-red; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNiA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi42ICg2NzQ5MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+VXAgaWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJVcGRhdGVzLTIwMTkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJEYXNoYm9hcmQtMi06LVJvYm90byIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkxNC4wMDAwMDAsIC0zNzEuMDAwMDAwKSIgZmlsbD0iI0ZGMTU2MyIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9IlN0YXRzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODIuMDAwMDAwLCAzMzQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iVG9wLVN0YXRzLUNvcHktMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDIzLjAwMDAwMCwgMzQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNhcmQtOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJVcC1sYWJlbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjg5LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMyI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlVwLWljb24iIHBvaW50cz0iMjguNyA5LjQgMzIuMyA5LjQgMjguNyA1LjggMjQuNyA5LjggMjAgNS4xIDIxLjQgMy43IDI0LjcgNyAyOC43IDMgMzMuNyA4IDMzLjcgNC40IDM1LjcgNC40IDM1LjcgMTEuNCAyOC43IDExLjQiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% center; } &.am-growth-equal { color: @color-yellow; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMyAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi42ICg2NzQ5MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UmVjdGFuZ2xlPC90aXRsZT4KICAgIDxnIGlkPSJVcGRhdGVzLTIwMTkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJEYXNoYm9hcmQtMi06LVJvYm90byIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMDUuMDAwMDAwLCAtMzc0LjAwMDAwMCkiIGZpbGw9IiNGRkQ0MDAiPgogICAgICAgICAgICA8ZyBpZD0iU3RhdHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Mi4wMDAwMDAsIDMzNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJUb3AtU3RhdHMtQ29weS0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MTIuMDAwMDAwLCAzNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQ2FyZC05Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlVwLWxhYmVsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyODkuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTEzIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIyMiIgeT0iNiIgd2lkdGg9IjEzIiBoZWlnaHQ9IjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% center; } } } .am-big-num { margin-bottom: @margin-big; font-weight: 500; } a.am-goto { display: inline-block; cursor: pointer; font-size: 12px; color: @color-text-prime; background-color: @color-divider-gray; padding: @padding-small/2 @padding-small; margin-top: @margin-medium; border-radius: @border-radius; transition: all 0.3s ease; &:hover { background-color: fade(@color-divider-gray, 50%); } @media @less-then-large { display: none; } } } } .am-section { h2.am-section-title { margin-bottom: @margin-big; font-weight: 500; i { font-size: 16px; } } } .am-employee-table-stats { .am-pagination { padding-top: 0; padding-bottom: 0; } padding-top: @padding-big + 8px; margin-bottom: @margin-medium - 4; .el-table thead .cell{ color: @color-url; font-weight: normal; } .el-table .cell { display: flex; align-items: center; font-weight: 500; img, svg { margin-right: @margin-small; border-radius: 50%; width: 32px; height: 32px; } .el-progress { display: inline-block; width: 100px; margin-left: @margin-small; } } } .am-charts { padding-top: @padding-big + 8px; .el-col { &.am-border-right { @media @less-then-medium { border-right: none; } } } .am-chart { margin-bottom: @margin-big; &.doughnut-chart { padding: 0 @padding-medium; span { font-size: @small-fs; padding: @padding-small/2; border-radius: @border-radius; margin-left: @margin-small/2; vertical-align: middle; &.am-growth-increase { background-color: fade(@color-green, 10%); color: @color-green; } &.am-growth-decrease { background-color: fade(@color-red, 10%); color: @color-red; } &.am-growth-equal { background-color: fade(@color-yellow, 10%); color: @color-yellow; } } } .am-chart-filter { padding: @padding-medium 0; .el-date-editor--daterange.el-input { float: right; @media @less-then-small { float: none; } } .el-select { width: 100%; } .el-col { &:first-child { border-right: none; } } } p { margin: 0; &.am-big-num { font-size: @big-fs; } } } } #am-appointments.am-upcoming-appointments { padding-top: @padding-big + 8px; margin-bottom: @margin-medium - 4; .am-empty-state.am-section { padding: @padding-big; } .am-appointments-list-head p { text-transform: none; font-size: @small-fs; } .am-appointments { .am-appointment { &:first-child { border-top: 1px solid @color-divider-gray; } } } } } .el-popover { &.am-button-popover { background: rgba(0, 0, 0, 0.3); box-shadow: none; border-radius: 0; border: none; padding: 0; position: fixed; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; z-index: 999 !important; width: 100% !important; margin-bottom: 0 !important; .am-overlay { position: fixed; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; z-index: 999 !important; } .el-button { margin-bottom: @margin-medium; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); &:last-child { margin-bottom: 0; } &:hover, &:focus { color: @color-blue; border-color: @color-blue; } } .popper__arrow { display: none; } .am-button-new-items { text-align: right; margin: 0; width: 260px; bottom: 108px; position: absolute; right: 32px; } } } backend/dialogs.less 0000666 00000062060 15165376205 0010467 0 ustar 00 //Dialog .el-dialog__wrapper { } .am-side-dialog { .am-ticket-box { display: flex; flex-wrap: wrap; .am-ticket { width: 100%; align-items: center; padding: 7px 8px 7px 16px; background: #FFFFFF; box-sizing: border-box; margin: 0 16px 16px 0; &-info { height: 32px; font-size: 14px; line-height: 32px; .am-ticket-name { font-size: 14px; } } &-number-of-people { p { font-size: 12px; margin-bottom: 2px; } .el-input { height: 32px; input { height: 32px; } } .el-input-number { &__increase, &__decrease { height: 30px; } } } } } .ql-tooltip { left: 0 !important; z-index: 9999999 !important; } .el-dialog { font-family: @roboto; margin: 0 !important; position: absolute; top: 32px; bottom: 0; right: 0; left: unset; -webkit-transform: translateX(0); transform: translateX(0); box-shadow: 0 2px 58px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; min-width: 540px; width: 540px; height: auto; border-radius: 0; border-left: 1px solid @color-divider-gray; overflow: hidden; @media screen and (max-width: 782px) { min-width: 100px; width: 100%; top: 0; } .el-icon-close { font-weight: 600; } .el-dialog__body { padding: 0; word-break: break-word; } .am-dialog-scrollable { position: absolute; overflow-y: auto; bottom: 0; top: 0px; left: 0; right: 0; padding: 24px; margin-bottom: 70px; &.am-edit { @media @less-then-small { padding: @padding-medium; margin-bottom: 130px; } } &.am-add-custom-fields { margin-bottom: 0; } .am-custom-required-as-html { .el-form-item__label:before { content: '*'; color: #F56C6C; margin-right: 4px; } } } .el-dialog__header { display: none; } .am-dialog-header { border-bottom: 2px solid @color-divider-gray; padding-bottom: @padding-medium; .am-dialog-close { margin-left: @margin-small; padding: @padding-small @padding-small + 4px; } h2 { margin: 0; display: inline-block; vertical-align: middle; } .am-dialog-create { } } .el-form { padding: @padding-medium 0; } .el-select { display: block; } .am-appointment-status, .am-appointment-persons, .am-appointment-duration { .el-select { display: inline-block; } } .el-date-editor.el-input { display: block; width: 100%; } a { color: @color-blue; } .am-dialog-footer { position: absolute; z-index: 1; bottom: 0; width: 100%; left: 0; background: @color-white; box-sizing: border-box; border-top: 1px solid @color-divider-gray; @media @less-then-small { .align-left { text-align: right; margin-bottom: @margin-medium; } } .el-row { background-color: @color-white; padding: @padding-medium @padding-big; } } .am-event-close-after { .el-radio { margin-bottom: @margin-small; } .el-form-item { .el-input-number { width: 100%; } margin-bottom: @margin-small; .el-input { margin-bottom: @margin-small; } } } .am-setting-box { border: 1px solid @color-divider-gray; border-radius: 3px; margin-bottom: @margin-big; position: relative; line-height: 0.8; .am-service-deposit{ label { vertical-align: baseline; } } .el-checkbox { align-items: center; display: flex; .el-checkbox__label { white-space: normal; } } &.am-switch-box { padding: 13px; p { font-size: @small-fs; //height: 50px; } .el-col { min-height: 16px; } .am-event-ticket-row { .el-input-number { .el-input { margin-bottom: 0; } } } } .el-row { line-height: 1; } p { margin: 0; font-size: 14px; font-weight: 400; } .el-button { width: 100%; } .zero-margin-bottom { margin-bottom: 0 !important; } .small-margin-bottom { margin-bottom: 15px !important; } .small-padding-top { padding-top: 10px; } .el-collapse-item__header { padding: @padding-medium; vertical-align: middle; &:hover { background-color: @color-highlight; } i { position: absolute; right: 8px; //top: 0; color: @color-text-second; &.el-icon-circle-check { color: @color-blue; right: 40px; position: absolute; &.partially-paid { color: @color-blue; } } } img, svg { vertical-align: middle; max-width: 60px; //width: 60px; max-height: 16px; } } .el-collapse-item__wrap { padding: @padding-medium; margin: @margin-medium 0; .el-row { margin-bottom: @margin-big; } } } .am-add-element { color: @color-blue; display: inline-block; vertical-align: middle; padding: 0 @padding-small/2 0 @padding-small/2; cursor: pointer; margin-right: @margin-small; i { margin-right: @margin-small/2; border-radius: 50%; border: 1px solid @color-divider-gray; padding: @padding-small/2; font-size: @mini-fs - 2; } &:hover { color: darken(@color-blue, 10%); i { background-color: @color-blue; color: @color-white; } } .am-add-day-off { margin-left: 4px; } } .am-add-elements { margin-top: @margin-small; } .am-delete-element { color: @color-red; display: inline-block; vertical-align: middle; cursor: pointer; margin-left: @margin-small/2; min-width: 24px; i { border-radius: 50%; border: 1px solid @color-divider-gray; padding: @padding-small/2; font-size: @mini-fs - 2; } &:hover { color: darken(@color-red, 10%); i { background-color: @color-red; color: @color-white; } } } .am-edit-element { display: inline-block; vertical-align: middle; padding: @padding-small/2; cursor: pointer; i { color: @color-text-second } &:hover i { color: darken(@color-text-second, 10%); } } .am-payment-details { .am-payment-details-row { .am-payment-status { padding-left: 25px; padding-top: 2px; position: relative; .am-payment-status-symbol{ &:before { width: 16px; height: 16px; display: block; position: absolute; z-index: 1; top: 50%; margin-top: -8px; left: 0; pointer-events: none; } &-paid { &:before { content: url("../../img/am-status-approved.svg"); } } &-pending { &:before { content: url("../../img/am-status-pending.svg"); } } &-partiallyPaid { &:before { content: url("../../img/am-status-partiallyPaid.svg"); } } &-refunded { &:before { content: url("../../img/am-status-refunded.svg"); } } } } border-bottom: 1px solid @color-divider-gray; padding-bottom: @padding-medium; &.am-payment-summary { background-color: @color-light-gray; text-align: right; padding: @padding-medium; p { margin: 0; } .am-payment-total { font-size: @medium-fs; color: @color-text-prime; } } h3 { margin: 0; } h4 { margin: @margin-medium 0 @margin-small; } p { color: @color-text-second; font-size: @small-fs; margin: 0; line-height: 1.8; white-space: nowrap; &.am-semi-strong { color: @color-text-prime; } .el-icon-circle-check { color: @color-green; &.partially-paid { color: @color-blue; } } .el-icon-refresh { color: @color-orange; } } img { display: inline-block; vertical-align: middle; margin-right: @margin-small/2; width: 16px; height: 16px; &.am-employee-photo { border-radius: 50%; min-width: 16px; max-width: 16px; } } &-header { display: flex; justify-content: space-between } &-options { display: flex; align-content: center; gap: 10px; flex-wrap:wrap; align-items: center; margin-top:8px } } } .am-zoom-tabpane { div { padding-top: 10px; a { float: right; } } } } &.am-dialog-lite, &.am-dialog-location, &.am-dialog-settings, &.am-dialog-service { .el-dialog { width: 540px; } } &.am-dialog-employee { .el-dialog { width: 640px; } } &.am-dialog-employee-lite { .el-dialog { width: 640px; } } &.am-dialog-employee, &.am-dialog-location, &.am-dialog-settings, &.am-dialog-service { .el-dialog { @media @less-then-small { min-width: 100px; width: 100%; } .am-employee-profile, .am-location-profile, .am-service-profile { text-align: center; padding: @padding-big; position: relative; .am-service-color { position: absolute; top: 110px; left: 55%; width: 36px; height: 36px; display: block; border: 4px solid @color-white; border-radius: 50%; background-color: @color-blue; z-index: 2; cursor: pointer; } .am-profile-photo { cursor: pointer; position: relative; display: inline-block; border-radius: 50%; overflow: hidden; i { display: none; color: @color-white; position: absolute; top: 50%; left: 50%; z-index: 1; font-size: @medium-fs+4px; margin-left: -12px; margin-top: -12px; } img { border-radius: 50%; display: block; width: 120px; height: 120px; } &:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: " "; display: block; border-radius: 50%; } &:hover { &:before { background-color: fade(@color-text-prime, 60%); } i { display: block; } } } h2 { margin-bottom: @margin-small; } .am-employee-status { display: inline-block; } } #map { width: 100%; height: 250px; border: 1px solid @color-divider-gray; border-radius: @border-radius; margin-bottom: @margin-medium; box-sizing: border-box; } li { margin-bottom: @margin-small; font-size: @small-fs - 1px; } .am-working-hours { .am-select-service { flex-grow: 1; margin-right: 4px; } .am-dialog-table .am-period .am-edit-element { align-items: center; justify-content: center; } } .am-employee-days-off { .am-day-off { .el-col { overflow: hidden; white-space: nowrap; } } } .am-day-off-add { .el-form { padding: 0; .el-input { /*margin-bottom: 0;*/ } .el-form-item { margin-bottom: @margin-small/2; } } } .el-alert { &.el-alert--warning { color: @color-orange; margin-bottom: @margin-medium; .el-alert__title { color: @color-orange; } .el-alert__content { p { font-size: 14px; word-break: break-word; } } } } .am-special-day { margin-bottom: @margin-medium; border-bottom: 1px solid @color-divider-gray; .am-special-day-service { color: @color-blue; &:before { content: ", "; } &:first-child { &:before { content: ""; } } } .am-special-day-break { opacity: 0.6; &:before { content: ", "; } &:first-child { &:before { content: ""; } } } } .am-special-day-add { .el-form { margin-bottom: 180px; } } #pane-hours { .am-dialog-table { .el-row { .el-row { margin-bottom: @margin-small/2; } } } } .el-form-item { i.el-tooltip { @media @less-then-xsmall { display: none; } } } .am-add-period { padding: @padding-medium @padding-small; border-bottom: 1px solid @color-light-gray; border-left: 1px solid @color-light-gray; border-right: 1px solid @color-light-gray; > .el-row { margin-bottom: @margin-big/2; @media @less-then-small { .el-input { margin-bottom: @margin-small; } } .am-select-service { margin-right: 0; } } } .am-cabinet-timezone { font-size: 14px; cursor: pointer; &-icon { svg { fill: @color-white !important; margin-right: 2px; } } span { color: @color-white; display: flex; align-items: center; } .el-input__suffix { .el-input__suffix-inner { .el-icon-circle-close:before { color: @color-text-prime; } } } } } .am-service-translate { display: inline-block; float: right; padding-right: 10px; color: #1A84EE; } .am-dialog-translate-svg { vertical-align: text-top; } .am-dialog-translate-svg-back { vertical-align: text-top; padding-right: @padding-small; &:hover { cursor: pointer; } } .am-dialog-translate-svg-plus { vertical-align: middle; } .el-form-item { &__label { display: block; } } } &.am-dialog-custom-fields { .am-custom-field-selection { .am-custom-field-item { text-align: center; border-radius: 4px; border: 1px solid @color-divider-gray; margin-top: @margin-medium; cursor: pointer; &:hover:not(.am-custom-field-item-disabled) { border-color: @color-blue; p { color: @color-blue; } } p { margin-top: 0; color: @color-text-prime; } svg, img { margin-top: @margin-medium; width: 80px; } &-disabled { p { opacity: 0.7; } } &-tooltip { position: absolute; top: 24px; right: 16px; } } } } &.am-dialog-export { .el-checkbox { margin: 0 !important; display: block; border: none; } } &.am-dialog-import { .upload-disabled { .el-upload-dragger { display: none; } } .el-upload { width: 100%; .el-upload-dragger { width: 100%; background: #F4F7FE; border-radius: 5px; border: 1px dashed #265CF2; box-sizing: border-box; } } } &.am-dialog-translate { font-size: @from-small-to-medium; .am-dialog-header { margin-bottom: 20px; .am-dialog-translate-svg-back { vertical-align: text-bottom; padding-right: @padding-small; &:hover { cursor: pointer; } } } .am-dialog-translate-delete { padding: @padding-small + 1px; border: 1px solid #E2E6EC; border-radius: 4px; display: block; text-align: center; &:hover { cursor: pointer; } } .am-dialog-translate-flag { width: 20px; height: 14px; vertical-align: text-bottom; padding-right: 5px; } .am-dialog-translate-flag-selected { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 14px; vertical-align: text-bottom; padding: 0 5px 0 0; } .am-dialog-translate-svg { vertical-align: text-bottom; } .am-dialog-translate-svg-plus { vertical-align: middle; } .add-language { display: inline-block; color: #1A84EE; &:hover { cursor: pointer; } } .used-language { border: 1px solid #E2E6EC; border-radius: 5px; padding: @padding-small + 2px; margin-bottom: @margin-small; } .am-dialog-translate-description { } .am-dialog-translate-cf { padding: 10px 0 10px 5px; } .am-dialog-translate-cf-label { padding: 10px 0; color: #364053; opacity: 0.6; word-break: unset; } .am-dialog-translate-input { padding-right: 0; } } &.am-dialog-event { .am-search { margin-top: @margin-medium; } .am-event-dates { .am-event-date { position: relative; padding-top: @margin-medium; border-bottom: 1px solid @color-divider-gray; .am-delete-element { position: absolute; top: 16px; right: 0; } p { margin: 0; font-size: @small-fs; line-height: 40px; } } } .am-add-event-date { margin-top: @margin-medium; button { margin-bottom: @margin-medium; } } .am-booking-starts, .am-booking-ends { } .am-border-bottom { .el-checkbox { margin-bottom: @margin-medium; } padding: @padding-medium 0 0; .am-recurring-event { margin-top: @margin-medium; p { margin: 0 0 0 26px; font-size: @small-fs; line-height: 40px; @media @less-then-medium { margin: 0; } } } p { margin:0; font-size: @small-fs; line-height: 40px; } } .el-select__tags { top: 50%; overflow: visible; white-space: normal; flex-wrap: wrap; } .el-alert { &.el-alert--warning { color: @color-orange; margin-bottom: @margin-medium; .el-alert__title { color: @color-orange; } .el-alert__content { p { font-size: 14px; word-break: break-word; line-height: 1.5; } } } } .am-event-label { display: block; } .am-event-translate { display: inline-block; float: right; padding-right: 10px; color: #1A84EE; &:hover { cursor: pointer; } } .am-event-translate-ticket { color: #1A84EE; &:hover { cursor: pointer; } } .am-dialog-translate-svg { vertical-align: text-top; } } .am-event-deposit { margin-top: 0; } .am-event-description { margin-top: @margin-medium; } .am-section-grey { padding: 0 @padding-medium; background: @color-highlight; margin-bottom: @margin-medium; .el-checkbox { margin-bottom: @margin-small; margin-top: @margin-small; } p, label { font-size: 14px; margin: 0; line-height: 40px; } .el-input__inner { background-color: #FFF !important; } } .am-event-section-title { margin-bottom: @margin-medium; } .am-event-colors { padding: @padding-medium 0; margin: 0 0 @margin-medium; border-top: 1px solid @color-divider-gray; border-bottom: 1px solid @color-divider-gray; .am-event-color-selection > div:first-child { margin-bottom: @margin-medium; } .am-event-swatches { display: inline-block; vertical-align: middle; margin-left: @margin-medium; span{ cursor: pointer; display: inline-block; width: 24px; height: 24px; border-radius: 50%; position: relative; margin-right: @margin-small; &.color-active { &:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #ffffff; text-align: center; font-family: element-icons; content: "\e6da"; line-height: 1.9; } } } } .am-event-custom-color { margin-bottom: 0; width: 120px; margin-left: @margin-medium; } } .am-attendees { .am-attendee { border-bottom: 1px solid @color-divider-gray; padding: 0; &:first-child { border-top: 1px solid @color-divider-gray; } &.is-active, &:hover { background: @color-highlight; } .el-checkbox { margin-left: @margin-small; } .el-collapse-item__header { position: relative; } .el-row { align-items: center; display: flex; @media @less-then-small { display: block; } } .el-collapse-item__arrow { position: absolute; z-index: 1; top: 50%; right: 0; transform: translateY(-50%); cursor: pointer; pointer-events: all; padding: 8px; line-height: 1; margin: 0; } .am-attendee-name { display: inline-block; vertical-align: middle; margin-left: @margin-small; padding: @padding-medium 0; h3 { margin: 0; } span { color: @color-text-second; } .am-attendee-email, .am-attendee-phone { display: block; width: 100%; color: @color-text-second; &:focus { box-shadow: none; } } .am-attendees-plus { font-size: @mini-fs; font-weight: 600; padding: 1px 6px; display: inline-block; vertical-align: top; background: fade(@color-blue, 20%); color: @color-blue; border-radius: 4px; margin: 0 @margin-small/2; } } .am-appointment-status { .el-select { i { display: none; } input { width: 0; padding: 0 @padding-medium + 2px; color: @color-white; } } } .am-attendee-collapse { &-payments { display: flex; align-items: start; } padding: @padding-medium @padding-small @padding-medium @padding-medium*2; border-top: 1px solid @color-divider-gray; span { margin: 0; font-size: @small-fs; color: @color-text-second; } p { margin: 0; line-height: 24px; font-size: @small-fs; font-weight: 500; color: @color-text-prime; } .el-button { margin-top: @margin-medium; } } } } } .el-select-dropdown .el-select-dropdown__item { .am-dialog-translate-flag { width: 20px; height: 14px; vertical-align: text-bottom; padding-right: 5px; } } .el-input__prefix { width: 32px; } .el-input--prefix .el-input__inner { padding-left: 35px; } backend/recurring.less 0000666 00000013630 15165376205 0011044 0 ustar 00 .am-recurring-dates-edit { .el-row { display: flex; align-items: center; width: 100%; padding-top: 5px; padding-bottom: 5px; height: 50px; .el-col { margin: auto; @media @less-then-small { span.am-col-title-date { display: inline-block; } } } } } .am-recurring-setup { .el-input-number { width: 100%; } } .am-recurring-check { margin-top: 10px; margin-bottom: 30px; } .am-recurring-dates { @media @less-then-small { .am-dialog-scrollable { padding: @padding-small; } .v-calendar-column { .popover-origin { left: 80%; } } .am-recurring-dates-header { border-bottom: 1px solid @color-divider-gray; margin-bottom: 5px; } } .am-recurring-dates-rows { opacity: 1; padding-left: 10px; padding-right: 10px; @media @less-then-small { padding-left: 5px; padding-right: 0; margin: 0; } } .am-delete-element { display: inline-block; } .am-recurring-row-item-time { .el-input { margin-bottom: 0; } } .am-recurring-dates-row-header { margin-bottom: 8px; * { color: darken(@color-light-gray, 30%); } padding-left: 10px; padding-right: 10px; .el-row { border-bottom: 1px solid @color-divider-gray; span { padding-left: 30px; } } } .am-recurring-flex-row-middle-align { display: flex; align-items: center; width: 100%; padding-top: 5px; padding-bottom: 5px; height: 50px; &.am-recurring-dates-row-editing { background-color: @color-highlight; } &.am-recurring-dates-row-substitute { background-color: #ffe6e6; } @media @less-then-large { align-items: inherit; } @media @less-then-small { display: inline-block; &:first-of-type { margin-bottom: 0; } } .el-col { margin: auto; @media @less-then-small { span.am-col-title-date { display: inline-block; } } .el-icon-warning-outline { margin: auto; } .am-col-title { display: none; font-size: @small-fs; color: @color-text-second; } @media @less-then-small { .am-col-title { display: block; } } &.am-recurring-row-order { width: 12%; height: 100%; span { display: inline-flex; align-items: center; } } &.am-recurring-row-item { padding-left: 10px; padding-right: 10px; display: inline-flex; @media @less-then-small { padding-left: 0; padding-right: 0; &.am-recurring-row-item-date { width: 41%; display: inline-block; text-align: center; margin-left: 5px; .el-input__inner { padding-right: 0; padding-left: 5px; } } &.am-recurring-row-item-time { width: 33%; display: inline-block; text-align: center; margin-left: 5px; .el-input__inner { padding-right: 0; padding-left: 5px; } } } } &.am-recurring-row-action { text-align: center; width: 10%; display: flex; height: 100%; div { margin: auto; text-align: center; } .am-delete-element { } } .el-input__inner { background-color: transparent; } &.is-editing { .el-input__inner { border-color: #E2E6EC; } .el-select__caret { display: inline-block; } &.am-recurring-row-item { pointer-events: all; } &.am-recurring-row-action { border-color: transparent; } } @media @less-then-small { p { text-align: left; } width: 100%; } .am-edit-element { padding: 0; margin-right: 20px; } } } .v-calendar-column { @media @less-then-small { padding: 0 0 0; } } .am-pagination { justify-content: space-around; text-align: center; margin-bottom: 60px; @media @less-then-medium { border-bottom: none; text-align: center; @media @less-then-small { display: block; } } div { display: block; margin: auto; p { padding-top: @padding-small; padding-bottom: @padding-small; margin: auto; text-align: center; font-size: @small-fs; color: darken(@color-light-gray, 30%); @media @less-then-small { text-align: center; } } } .el-pagination { text-align: center; display: inline-block; padding: @padding-small 0 0; @media @less-then-small { text-align: center; } .el-pager li { height: 32px; line-height: 32px; padding: 0 @padding-small; color: @color-text-prime; border-top: 1px solid @color-divider-gray; border-bottom: 1px solid @color-divider-gray; border-left: 1px solid @color-divider-gray; &:first-child { border-left: none; } @media @less-then-small { padding: 0 @padding-small/3; min-width: 24px; } &.active { background-color: @color-blue; border-color: @color-blue; color: @color-white; &:hover { color: @color-white; } } &:hover { color: @color-blue; } } button { border: 1px solid @color-divider-gray; height: 32px; padding: 0 @padding-small; } } } .el-button--primary { float: right; } } backend/customize.less 0000666 00000330264 15165376205 0011073 0 ustar 00 @import "../common/_variables"; @color-accent: #A28FF3; @ch-button: el-checkbox-button; @calendar: v-calendar-column; @form: el-form; @form-el: el-form-item; @input: el-input; @slider: el-slider; @select: el-select; @dropdown: el-select-dropdown; .am-customize-page { .am-customize-step { &__item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: @padding-medium; img { width: 60px; padding: @padding-small/4; border-radius: @border-radius; border: 2px solid transparent; box-sizing: border-box; } p { margin: @margin-small/2 0 0; line-height: 1; } } .el-tabs { &__header { margin-top: @margin-big*2; @media only screen and (max-width: 1366px) { margin-top: 0; } } &__nav-next, &__nav-prev { top: 20px; font-size: @big-fs; } &__nav-next { right: -8px } &__nav-prev { left: -8px; } &__item { height: 86px; &.is-active { .am-customize-step__item { img { border-color: @color-blue; } p { color: @color-blue; } } } } } } .el-tabs__header { margin: 0 @margin-big 0; .el-tabs__item { font-size: @regular-fs; } } .am-customize { padding: @padding-small 0 0; &-global-colors { .el-collapse { &-item { &__header { border-bottom: 1px solid @color-divider-gray; } } } } } .am-customize-settings-preview { .am-flexed { flex-wrap: nowrap; @media @less-then-small { display: block; } } } // Reset Button .am-reset-button { position: absolute; top: 12px; right: 12px; span { display: flex; align-items: center; justify-content: space-between; font-size: @small-fs; line-height: 1; color: #818FA5; img { width: 16px; height: 16px; margin-right: @margin-small; } } } //Customize Settings .am-customize-settings { padding: 0 @padding-big; background-color: @color-highlight; height: 100%; .am-setting { display: flex; align-items: center; justify-content: space-between; padding: @padding-big 0; border-bottom: 1px solid @color-divider-gray; &__disabled { background-color: rgba(0, 0, 0, 0.1); } &-collapse { padding: @padding-small; } &-wrapper { flex-wrap: wrap; } &__inner { width: 100%; margin-top: 12px; &:first-of-type { margin-top: 0; } } p { margin: 0 @margin-small 0 0; padding: 0; color: @color-text-second; } .am-gradient-picker { min-width: 95px; } .el-input { margin: 0; background-color: @color-white; } .el-color-picker { margin-left: @margin-small/2; } } .am-actions { padding: @padding-big 0; display: flex; justify-content: flex-end; align-items: center; } } //Booking Preview .am-step-booking { position: relative; display: flex; max-width: 802px; border-radius: 6px; border: 1px solid @color-divider-gray; margin: @margin-big*2 auto; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1); overflow: hidden; @media only screen and (max-width: 1366px) { flex-wrap: wrap; } @media @less-then-medium { box-shadow: none; } @media @less-then-small { display: block; } } .am-active-picker { .am-select-service, .am-select-date, .am-package-info, .am-package-setup { width: 50%; @media only screen and (max-width: 1366px) { width: 100%; } } .am-package-info { &__inner { width: 100%; } } .am-package-setup { position: relative; right: 0; height: auto; &.am-mobile-collapsed { width: 100%; } } .am-package-setup { padding-right: @padding-big; padding-left: @padding-big; } } .am-select-service, .am-select-date, .am-select-package, .am-package-setup, .am-package-info, .am-package-list { padding: @padding-big*2; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); box-sizing: border-box; @media only screen and (max-width: 400px) { padding: 20px; } &.editable { padding: 58px 36px @padding-big*2; @media only screen and (max-width: 400px) { padding: 58px 20px @padding-big*2; } } & > p { margin-bottom: @margin-big; text-align: center; } .am-bringing-anyone { height: 20px; } } .el-form-item { margin-bottom: @margin-big; } .am-customize-field-bringing { &.el-form-item { margin-bottom: 0; } } .el-input, .el-date-editor, .el-form-item .popover-container { margin-bottom: 0; } .el-select { width: 100%; } .el-form--label-top .el-form-item__label, .el-select input.el-input__inner { color: inherit; } .el-switch.is-checked .el-switch__core { background-color: inherit; border-color: inherit; } .am-add-element { display: flex; align-items: center; font-size: @regular-fs; vertical-align: middle; color: @color-accent; background-color: fade(@color-accent, 7%); border-radius: @border-radius; border: 1px solid transparent; padding: @padding-small; cursor: pointer; i { font-size: @small-fs; padding: @padding-small/2; margin-right: @margin-small/2; background-color: #fcfdff; border-radius: 50%; border: 1px solid @color-divider-gray; } & > span { display: flex; align-items: center; } } .dialog-footer { margin-top: @margin-big; text-align: center; } //STEP SELECT SERVICE FORM .am-select-service { position: relative; .am-button-wrapper { text-align: center; padding: @margin-big 0; } .am-grouped { color: @color-text-prime; margin: @margin-medium 0; } .el-select { &__caret { color: inherit; } .@{input} { color: inherit; &__inner { color: inherit; background-color: transparent; } &__suffix { color: inherit; } } } .am-package { padding: @padding-big; border: 1px solid @color-accent; border-radius: @border-radius; background-color: fade(@color-accent, 5%); cursor: not-allowed; &:hover { background-color: fade(@color-accent, 15%); transition: all 0.3s ease-in-out; } p { font-size: @small-fs; margin: 0; } .am-large-text { font-size: @regular-fs; } &-name { p { text-align: left; margin-bottom: 0; } } &-price { padding: 0; background-color: transparent; p { color: @color-accent; text-align: right; margin-bottom: 0; } } &-services { padding-top: @padding-small; margin-top: @margin-small; border-top: 1px solid @color-divider-gray; display: flex; p { text-align: left; margin-bottom: 0; } } &-appointment-number { text-align: center; color: @color-accent; } &-book { margin: auto; .el-icon-right { color: @color-accent; font-weight: @bold; &:hover { font-weight: @medium; } } } } } //STEP SELECT TIME AND DATE FORM .am-select-date { position: relative; //* { // color: inherit; //} &.next-step { width: 100%; height: 100%; position: absolute; left: -97%; @media only screen and (max-width: 1366px) { left: -100%; } } .am-calendar-picker { background-color: transparent !important; border: none !important; div { color: inherit; font-weight: @light; } .c-weekdays { border: 0; div { font-weight: @regular; opacity: 0.7; } } .c-day-content { &:hover { background-color: @color-white !important; color: @color-accent !important; } } .c-day-background { background: transparent !important; border: 1px solid fade(@color-white, 35%) !important; } .popover-content { div, span { color: @color-text-prime; font-weight: @regular; } background: @color-white !important; table { padding: 0; margin: 0; } tr:nth-child(odd) { background: @color-white; } .c-table-cell { &.c-active, &:hover { background: fade(@color-accent, 15%); border-radius: 3px; } } } } .am-appointment-times { margin: @margin-small 0; max-height: 136px; overflow-y: auto; .el-radio-button { margin: @margin-small/4; .el-radio-button__inner { border: 1px solid @color-divider-gray; border-radius: 3px; background: transparent; color: @color-white; font-size: @mini-fs; font-weight: @light; padding: @padding-small; opacity: 0.7; &:hover { opacity: 1; background: fade(@color-white, 15%); } } .el-radio-button__orig-radio:checked + .el-radio-button__inner { color: @color-accent; background: @color-white; box-shadow: none; -webkit-box-shadow: none; opacity: 1; &:hover { color: @color-accent; } } .el-radio-button__orig-radio:disabled + .el-radio-button__inner { &:hover { color: @color-light-gray; } } } .el-radio-group { text-align: center; } } .am-button-wrapper { text-align: center; margin: @margin-medium auto; transition: all 0.3s ease; transform: translateY(0px); opacity: 1; pointer-events: none; &.am-active { transform: translateY(0px); opacity: 1; pointer-events: all; } } .am-recurring-check { font-size: @regular-fs; text-align: center; padding: @padding-medium 0; font-weight: 400; span { padding-right: 12px; } } } //collapsed on mobile &.am-mobile-collapsed { position: relative; display: block; min-height: 580px; margin: @margin-medium; .am-select-service { transform: translateX(0%); width: 100%; padding: @padding-medium; .am-button-wrapper { transition: all 0.3s ease; transition-delay: 0.15s; opacity: 1; pointer-events: all; } } .am-select-date { transform: translateX(100%); width: 100%; padding: @padding-medium 0; } &.am-active-picker { .am-select-service {} .am-select-date { transform: translateX(0%); .am-back { display: block; } } } } // RECURRING BLOCKS .am-recurring { position: relative; box-sizing: border-box; * { box-sizing: border-box; } &-flex-row-middle-align { border-bottom: 1px solid @color-divider-gray; & > div { z-index: 10; } } &-row { &-header { font-size: 16px; padding-left: 30px; &-wrapper { margin-bottom: 0; } } &-item { font-size: 16px; pointer-events: none; &.is-editing { pointer-events: all; z-index: 10; .@{input} { &__suffix { display: inline-block; } } &.@{calendar} { & > div { border-radius: 6px; &:after { content: ""; display: block; position: absolute; top: 2px; bottom: 2px; right: 8px; width: 16px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDIyIDI0Ij4NCiAgICA8cGF0aCBmaWxsPSIjRTJFNkVDIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiDQogICAgICAgICAgZD0iTTE1LjcxNCAyLjY2N0g2LjI4NlYwSDIuNzV2Mi42NjdILjc4QS43ODMuNzgzIDAgMCAwIDAgMy40NXYxOS43NjRBLjc4Ljc4IDAgMCAwIC43ODMgMjRoMjAuNDM0YS43ODUuNzg1IDAgMCAwIC43ODMtLjc4NVYzLjQ1MWEuNzgyLjc4MiAwIDAgMC0uNzgtLjc4NGgtMS45N1YwaC0zLjUzNnYyLjY2N3pNMi43NSAyMS40MjlWOGgxNi41djEzLjQyOUgyLjc1ek0xMiAxNHY2aDZ2LTZoLTZ6Ii8+DQo8L3N2Zz4NCg==') no-repeat center / contain; } } } } .@{input} { font-size: 16px; &__inner { padding-left: 22px; border-color: transparent; } &__suffix { display: none; } } } &-action { & > div { cursor: pointer; } .el-icon-close { padding: 4px; font-size: 12px; border-radius: 50%; background-color: @color-red; } } } .bgr-row { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; filter: contrast(0.93); } .@{ch-button} { border-radius: 4px; overflow: hidden; &__inner { color: inherit; display: table-cell; width: 40px; height: 40px; padding: 12px; vertical-align: middle; background-color: inherit; border: 1px solid #C0C4CC; border-radius: 4px; } &.is-checked { &:first-child { .@{ch-button}__inner { border-left-color: #C0C4CC; } } } &.is-disabled { opacity: 0.5; } } /* .@{input} { &__inner { color: inherit; background-color: transparent; } &-number { border-radius: 4px; &__decrease, &__increase { color: inherit; background-color: inherit; &:hover:not(.is-disabled) { &~.@{input} { & .@{input}__inner:not(.is-disabled) { border-color: inherit; } } } } } } */ .@{calendar} { .@{form}-item { &__content { & > div { border-radius: 4px; &:after { content: ""; display: block; position: absolute; top: 2px; bottom: 2px; right: 8px; width: 16px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDIyIDI0Ij4NCiAgICA8cGF0aCBmaWxsPSIjRTJFNkVDIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiDQogICAgICAgICAgZD0iTTE1LjcxNCAyLjY2N0g2LjI4NlYwSDIuNzV2Mi42NjdILjc4QS43ODMuNzgzIDAgMCAwIDAgMy40NXYxOS43NjRBLjc4Ljc4IDAgMCAwIC43ODMgMjRoMjAuNDM0YS43ODUuNzg1IDAgMCAwIC43ODMtLjc4NVYzLjQ1MWEuNzgyLjc4MiAwIDAgMC0uNzgtLjc4NGgtMS45N1YwaC0zLjUzNnYyLjY2N3pNMi43NSAyMS40MjlWOGgxNi41djEzLjQyOUgyLjc1ek0xMiAxNHY2aDZ2LTZoLTZ6Ii8+DQo8L3N2Zz4NCg==') no-repeat center / contain; } } } } } } //STEP RECURRING SETUP FORM .am-recurring-setup { width: 50%; padding: @padding-big; @media only screen and (max-width: 1366px) { width: 100%; } &.next-step { height: 100%; position: absolute; left: ~"calc(-50% + 24px)"; @media only screen and (max-width: 1366px) { left: -100% } } &.editable { padding-top: 58px; } } //STEP RECURRING DATES FORM .am-recurring-dates { min-height: 650px; width: ~"calc(100% - 24px)"; left: 24px; padding: @padding-big @padding-medium; @media only screen and (max-width: 1366px) { width: 100%; left: 0; } &.editable { padding: 58px @padding-big @padding-big; } .am-recurring-form { &-heading { margin-top: @margin-big; margin-bottom: 0; } &-subheading { opacity: 0.65; font-size: 14px; margin-top: 0; margin-bottom: 24px; } } } //STEP SELECT PACKAGE FORM .am-select-package { position: relative; display: flex; justify-content: center; width: 95%; &__inner { width: 50%; } @media only screen and (max-width: 1366px) { width: 100%; &__inner { width: 100%; } } } //STEP PACKAGE SETUP FORM .am-package-setup { position: absolute; top: 0; right: -95%; width: 100%; height: 100%; @media only screen and (max-width: 1366px) { right: -100%; } &.next-step { right: auto; left: -97%; @media only screen and (max-width: 1366px) { left: -100%; } } .am-package { &-service { &-name { margin: 0 0 @margin-big; text-align: center; } } &-appointments { &-rules { font-size: 14px; text-align: center; padding: @padding-small/2*3; margin: 0 0 @margin-medium; border-radius: @border-radius/2; background-color: rgba(0, 0, 0, 0.07); } } } .am-calendar-picker { background-color: rgba(0, 0, 0, 0.1) !important; border-radius: @border-radius/2; border: 1px solid rgba(252, 253, 255, 0.1) !important; div { color: inherit; font-weight: @light; } .c-weekdays { border: 0; div { font-weight: @regular; opacity: 0.7; } } .c-day-content { &:hover { background-color: @color-white !important; color: @color-accent !important; } } .c-day-background { background: transparent !important; border: 1px solid fade(@color-white, 35%) !important; } .popover-content { div, span { color: @color-text-prime; font-weight: @regular; } background: @color-white !important; table { padding: 0; margin: 0; } tr:nth-child(odd) { background: @color-white; } .c-table-cell { &.c-active, &:hover { background: fade(@color-accent, 15%); border-radius: 3px; } } } } .el-collapse-item { margin-top: 8px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: @border-radius/2; background-color: rgba(0, 0, 0, 0.05); & > div { color: inherit; } &__content { position: relative; padding: @padding-medium; } &__header { font-size: 16px; padding-left: 15px; border: none; background-color: transparent; height: 48px; line-height: 48px; color: inherit; } &__arrow { color: inherit; } } .am-button-wrapper { display: flex; align-items: center; justify-content: center; margin: @margin-medium 0 @margin-big; } } //STEP PACKAGE INFO FORM .am-package-info { position: relative; display: flex; justify-content: center; width: 95%; &__inner { width: 50%; } @media only screen and (max-width: 1366px) { width: 100%; &__inner { width: 100%; } } .am-package { &-header { position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: @margin-medium; &-image-data-wrapper { flex: 1 1 auto; display: flex; align-items: center; @media @less-then-xsmall { flex-direction: column; align-items: flex-start; } } } &-image { display: inline-block; width: 60px; max-width: 60px; height: 60px; max-height: 60px; position: relative; flex: none; vertical-align: middle; border-radius: 50%; & > span { display: flex; align-self: center; width: 26px; height: 26px; position: absolute; bottom: 0; right: -13px; padding: 3px; border: 3px solid #FFFFFF; border-radius: 50%; background-color: @color-accent; box-sizing: border-box; & > img { border-radius: 0; } } img, svg { width: 100%; height: 100%; border-radius: 50%; } } &-data { display: inline-block; width: 100%; vertical-align: middle; padding: 0 @padding-medium; @media @less-then-xsmall { display: block; padding: 0; margin-top: @margin-medium; } } &-title { max-width: 100%; h2 { font-size: @medium-fs; font-weight: @medium; } } &-price { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; border-radius: @border-radius; background-color: fade(@color-accent, 7%); color: @color-accent; font-size: @regular-fs; line-height: 1.2; padding: @padding-small; @media @less-then-xsmall { position: absolute; top: 0; right: 0; } sup { font-size: @small-fs; font-weight: @light; margin-left: 2px; } &__wrapper { color: @color-accent; &-discount { margin-bottom: @margin-small/2; } } &__discount { max-width: 112px; display: flex; align-items: center; justify-content: space-between; padding: 4px @padding-small; border-radius: 13px; background-color: @color-accent; } &__discount-image { height: 18px; } &__discount-text { font-size: @regular-fs; font-weight: @medium; line-height: 1; color: @color-white; margin-left: @margin-small; } } &-rule { margin-top: @margin-medium; div { padding: @padding-small; } span { border-radius: @border-radius; background-color: rgba(0, 0, 0, 0.05); margin-top: @margin-small; padding: @padding-small; font-size: @small-fs; } } &-description { margin-top: @margin-small; margin-bottom: @margin-big; font-size: @mini-fs; color: darken(@color-light-gray, 30%); } &-service { width: 100%; min-height: 41px; display: flex; align-items: center; justify-content: space-between; font-size: @regular-fs; font-weight: @medium; border-radius: @border-radius; border: 1px solid @color-divider-gray; border-top: none; padding: @padding-small; margin-bottom: @margin-medium; @media @less-then-xsmall { flex-direction: column; align-items: flex-start; } &__inner { display: flex; align-items: center; overflow: hidden; @media @less-then-xsmall { width: 100%; } } &__name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } &__quantity { padding: 0 @padding-small/2; margin-left: @margin-small; border-radius: @border-radius; background-color: fade(@color-accent, 10%); color: @color-accent; } &__employee { display: flex; align-items: center; justify-content: space-between; img, span { margin-left: 4px; } } } &-buttons { display: flex; align-items: center; justify-content: space-between; margin-top: @margin-big; text-align: center; } } } // STEP PACKAGE LIST FORM .am-package-list { width: 97%; position: relative; left: 3%; padding: @padding-big @padding-medium; box-sizing: border-box; @media only screen and (max-width: 1366px) { width: 100%; left: 0; } * { box-sizing: border-box; } h2 { font-weight: 500; padding: @padding-small; margin: 0; } p { text-align: left; margin: 0; padding: 0; font-size: @mini-fs; } .el-row { margin-bottom: @margin-small; } .el-collapse { border: none; &-item { &__header { height: auto; padding: 5px @padding-small; border-radius: @border-radius; background-color: rgba(0, 0, 0, 0.05); border: none; * { font-size: @small-fs; } > div { margin: 0 @margin-small 0 0; } } &__arrow { display: none; margin: 0 @margin-small 0 0; font-weight: 600; padding: @padding-small/2; border-radius: @border-radius; } } } .am-confirmation-booking-package-wrapper { padding: 0 @padding-small; h2 { font-weight: 500; } } .am-package { &-header { position: relative; display: flex; justify-content: space-between; align-items: flex-start; background: transparent; margin-bottom: @margin-medium; &-image-data-wrapper { flex: 1 1 auto; display: flex; align-items: center; } } &-image { display: inline-block; width: 60px; max-width: 60px; height: 60px; max-height: 60px; position: relative; flex: none; vertical-align: middle; border-radius: 50%; img { width: 100%; height: 100%; border-radius: 50%; } & > span { display: flex; align-self: center; width: 26px; height: 26px; position: absolute; bottom: 0; right: -13px; padding: 3px; border: 3px solid #ffffff; border-radius: 50%; background-color: #1a84ee; box-sizing: border-box; > img { border-radius: 0; } } } &-data { display: inline-block; width: 100%; vertical-align: middle; padding: 0 @padding-medium; } &-title { max-width: 100%; h2 { font-size: 18px; font-weight: 500; } } &-price { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; border-radius: @border-radius; background-color: rgba(26, 132, 238, 0.07000000000000001); color: #1a84ee; font-size: @regular-fs; line-height: 1.2; padding: @padding-small; } &-description { margin-top: @margin-small; margin-bottom: @margin-big; font-size: @mini-fs; white-space: pre-line; } &-rule { display: flex; flex-wrap: wrap; margin-top: @margin-medium; margin-bottom: @margin-big; div { padding: @padding-small/2; } span { position: relative; display: inline-block; border-radius: @border-radius; background-color: #6060601a; margin-top: 0; padding: @padding-small/4*3 @padding-small @padding-small/4*3 @padding-medium*2; font-size: @small-fs; i { position: absolute; top: 9px; left: 10px; } } } &-service-duration { div& { flex: 0 0 auto; margin: 0 @margin-small 0 auto; line-height: 0; } } &-buttons { display: flex; align-items: center; justify-content: center; & > div { margin: 0 @margin-small @margin-small; } } } .am-appointment { &-wrapper { margin-bottom: @margin-big; h2 { font-size: @regular-fs/8*9; font-weight: 500; } } &-block { padding: 0 @padding-small; } &-service-name { font-size: @regular-fs; font-weight: 500; line-height: 1.5; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; cursor: pointer; p { overflow: hidden; text-overflow: ellipsis; } } &-header { text-transform: uppercase; font-size: 14px; &-cell { &.am-mobile { display: none; } } } &-body { &-cell { font-size: 14px; &.am-mobile { display: flex; width: 100%; } } &-heading { display: none; &.am-mobile { display: block; max-width: 120px; width: 100%; flex: 0 0 auto; text-transform: uppercase; } } } } .am-blue-badge { display: flex; p { padding: @padding-small/4 @padding-small; margin: 0 @padding-small/2*3 0 0; flex: 1 0 auto; font-weight: 500; line-height: 1.5; border-radius: @border-radius; } } } // STEP EVENTS BOOKING FORM .am-events-booking { position: relative; max-width: 802px; width: 100%; margin: @margin-big*2 auto; padding: 0; box-sizing: border-box; &.editable { padding: 58px 20px; } } // STEP EVENTS FILTER FORM .am-events-filter { * { box-sizing: border-box; } .@{input} { &__inner { color: inherit; background-color: transparent; } &__prefix { display: flex; align-items: center; justify-content: center; svg { width: 16px; } } &-number { border-radius: 4px; &__decrease, &__increase { color: inherit; background-color: inherit; &:hover:not(.is-disabled) { &~.@{input} { & .@{input}__inner:not(.is-disabled) { border-color: inherit; } } } } } } .@{calendar} { .@{form}-item { &__content { & > div { border-radius: @border-radius; } } } } } // STEP CONFIRM BOOKING FORM .am-confirm-booking { position: relative; left: 3%; width: 97%; padding: @padding-big @padding-medium; box-sizing: border-box; @media only screen and (max-width: 1366px) { width: 100%; left: 0; } &.editable { padding-top: 58px; } * { box-sizing: border-box; } p { text-align: left; margin: 0; padding: 0; font-size: @small-fs; color: @color-text-prime; } .am-align-right { text-align: right; } .el-row { margin-bottom: @margin-small; padding: 0 @padding-small; } .@{form} { &-item { margin-bottom: @margin-medium; } } .@{input} { &__inner { color: inherit; background-color: transparent; } &-group__prepend { background-color: inherit; color: inherit; .el-select { color: inherit; } } } .am-employee-photo { border-radius: 50%; width: 24px; max-width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: @margin-small/2; } .am-confirmation { &-booking { &-header { text-align: center; margin-bottom: @margin-big; img, svg { border-radius: 50%; max-width: 80px; width: 80px; height: 80px; } h2 { font-size: @regular-fs/8*9; font-weight: @medium; padding: @padding-small; margin: 0; } } &-details { display: flex; align-items: center; justify-content: space-between; padding: @padding-medium 0; margin-bottom: @margin-big; border-top: 1px solid @color-divider-gray; border-bottom: 1px solid @color-divider-gray; &.recurring-string { padding-top: 0; border-top: none; } p { margin: 0 0 @padding-small/2; } } &-stripe { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 40px; background-color: #ffffff; border-radius: @border-radius/3*2; padding-right: @padding-small/2*3; .am-stripe-card { display: flex; &-left { width: 100%; max-width: 115px; align-items: center; justify-content: space-between; } &-icon { width: 100%; max-width: 25px; } } } &-package-wrapper { padding: 0 @padding-small; } } &-total { padding: @padding-small; p { font-weight: @medium; margin: 0; padding: 0; } .el-row { margin: @padding-small/2 0; } } } .am-package { &-header { position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: @margin-medium; &-image-data-wrapper { display: flex; align-items: center; flex: 1 1 auto; } } &-image { display: inline-block; width: 60px; max-width: 60px; height: 60px; max-height: 60px; position: relative; flex: none; vertical-align: middle; border-radius: 50%; img { width: 100%; height: 100%; border-radius: 50%; } & > span { display: flex; align-self: center; width: 26px; height: 26px; position: absolute; bottom: 0; right: -13px; padding: 3px; border: 3px solid #FFFFFF; border-radius: 50%; box-sizing: border-box; & > img { border-radius: 0; } } } &-data { display: inline-block; width: 100%; vertical-align: middle; padding: 0 @padding-medium; } &-title { max-width: 100%; h2 { font-size: 18px; font-weight: 500; } } &-price { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; border-radius: @border-radius; font-size: @regular-fs; line-height: 1.2; padding: @padding-small; } } .am-payment-type-checked { .el-radio__inner { border-color: @color-accent; background: @color-accent; &:after { transform: translate(-50%,-50%) scale(1); } } } } // STEP EVENT LIST FORM .am-event-list { margin-top: @margin-big; .am-event { position: relative; background: #ffffff; border-radius: @border-radius; margin-bottom: 2px; padding: @padding-medium @padding-medium @padding-medium @padding-medium; box-shadow: 0 20px 40px 0 rgba(0,0,0,0.1); transition: all 0.3s ease; overflow-x: hidden; &.inactive { opacity: 0.4; } &:hover { background-color: #f9f9f9; } @media @less-then-small { padding: @padding-medium; } &-data { &.closed { pointer-events: none; } &.canceled { pointer-events: none; } cursor: pointer; display: flex; justify-content: left; align-items: flex-start; @media @less-then-small { display: block; } .am-event-date, .am-event-dates { border: 1px solid @color-divider-gray; border-radius: @border-radius; //margin-bottom: @margin-medium; width: 64px; .am-event-date-month { text-align: center; text-transform: uppercase; font-weight: 600; line-height: 20px; font-size: 11px; color: @color-accent; border-bottom: 1px solid @color-divider-gray; } .am-event-date-day { text-align: center; line-height: 32px; font-weight: 400; font-size: 20px; } } .am-event-dates { display: flex; > div { width: 32px; &:first-child { border-right: 1px solid @color-divider-gray; } } } .am-event-info { padding: 0 @padding-big; @media @less-then-small { padding: @padding-medium 0 0; } .am-event-title { font-size: @regular-fs; font-weight: 500; line-height: 24px; margin-bottom: @margin-small/2; margin-right: @margin-medium; padding-right: @padding-big; @media @less-then-small { padding-right: 0; } .am-event-booking-status { display: inline-block; position: relative; vertical-align: text-bottom; padding:0 @padding-small 0 @padding-medium; border-radius: @border-radius; text-transform: capitalize; font-size: @mini-fs; font-weight: 400; line-height: 20px; &:before { display: inline-block; width: 6px; height: 6px; border-radius: 50%; content: ""; vertical-align: initial; margin-right: 4px; position: absolute; top: 50%; left: 7px; transform: translateY(-50%); } &.open { color: @color-green; background: fade(@color-green, 5%); &:before { background: @color-green } } &.closed { color: #ffffff; background: #a9b2bc; &:before { background: #ffffff; } } &.full { color: #ffffff; background: @color-blue; &:before { background: #ffffff; } } &.upcoming { color: #ffffff; background: fade(@color-orange, 90); &:before { background: #ffffff; } } &.canceled { color: #ffffff; background: @color-red; &:before { background: #ffffff; } } } } .am-event-sub-info { >div { display: inline-block; font-size: @mini-fs; margin-right: @margin-medium*2; margin-bottom: @margin-small/4*3; img, svg { width: 100%; max-width: 16px; max-height: 16px; display: inline-block; vertical-align: text-bottom; margin-right: @margin-small/4; } } } } .am-event-price { position: absolute; right: 16px; top: 16px; border-radius: 4px; background-color: @color-accent; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15); color: #ffffff; padding: 0 @padding-small + 2px; font-size: @regular-fs; font-weight: 500; line-height: 25px; &.am-event-free { background-color: #ffffff; } } } &-details { border-top: 1px solid @color-divider-gray; padding: @padding-medium 0; margin-top: @margin-medium; .am-event-about { > div { font-size: @mini-fs; font-weight: 400; &:first-child { font-size: @regular-fs; font-weight: 600; margin-bottom: @margin-small; } } } } &-book-cta { border-top: 1px solid @color-divider-gray; display: flex; padding-top: @padding-big; padding-bottom: @padding-small; @media @less-then-small { flex-direction: column; } > div { padding: 0 0 0 @padding-big; @media @less-then-small { padding: @padding-medium 0 0; } &.am-event-book-cta__inner { display: flex; align-items: center; max-width: 150px; font-size:20px; font-weight: 600; line-height: 26px; border-right: 1px solid @color-divider-gray; padding-left: 0; padding-right: @padding-big; @media @less-then-small { max-width: 100%; width: 100%; border-right: none; border-bottom: 1px solid @color-divider-gray; padding: 0 0 @padding-medium; } } .el-form-item { display: inline-block; vertical-align: bottom; margin-bottom: 0; margin-right: @margin-small; &:first-child { margin-bottom: @margin-small; } .el-select { } .el-button { margin: 0 0 @padding-small; &:hover { opacity: 0.8 } } } } } } .am-confirm-booking, .am-congratulations { width: 100%; left: 0; padding: @padding-medium 0 0; margin-top: @margin-medium; border-top: 1px solid @color-divider-gray; &.editable { padding: @padding-medium 20px 0; } } .am-congratulations { .am-svg-wrapper { svg { margin: 0; } } p { font-size: @small-fs; } .am-customize-field { &:not(.editable) { margin-bottom: 0; } } } } // STEP EVENT CALENDAR FORM .am-event-calendar-page { direction: ltr; margin-left: @margin-big; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a { font-size: @regular-fs; } .am { &-calendar { &-page-holder { flex-wrap: wrap; } } &-event { &-loader { width: 100%; height: 0; position: absolute; left: 0; top: 0; opacity: 0; z-index: -1; transition: opacity 0.1s ease-in-out; &.am-loading { height: 100%; opacity: 1; z-index: 10; } } &-calendar { margin-top: @margin-small; &-holder { position: relative; display: flex; flex-wrap: wrap; transition: opacity 0.1s ease-in-out; opacity: 1; border: 1px dashed transparent; margin-top: 20px; &.editable { padding: 12px; margin: 12px 20px 0 12px; border-color: #000; } &.am-loading { opacity: 0; } } &-wrapper { position: relative; padding: 0; &.editable { padding: 50px 0; } } } &-left { width: 75%; &.tablet, &.mobile { width: 100% !important; } } &-right { width: 25%; &.tablet, &.mobile { width: 100%; } } &-day-wrapper { &.fc { &-day-today { .fc-daygrid-day-top { position: relative; &:before { content: ''; position: absolute; top: 50%; left: 8px; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: @color-red; transform: translateY(-50%); } } } &-popover { border-radius: @border-radius/3*8; overflow: hidden; z-index: 100; @media @less-then-small { width: ~'calc(100% - 10px)'; } } } .fc { &-popover { &-body { max-height: 60vh; overflow-x: hidden; } &-title { margin-left: @margin-small/2*3; } } &-highlight { z-index: 1; } &-daygrid { &-day { &-number { font-weight: @medium; } &-top { &.small { .fc-daygrid-day-number{ font-size: @mini-fs; padding: @padding-small/4 @padding-small/4 0 0; } } } } } } } &-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: @margin-small; &__left { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; &.mobile { width: 100%; justify-content: space-between; } &-inner { margin-right: @margin-medium; &.mobile:nth-child(2) { order: 1; margin-right: 0; } &.small:last-of-type { width: 100%; order: -1; } } } &__right { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; &.mobile { width: 100%; justify-content: space-between; flex-wrap: nowrap; } &-inner { margin-left: @margin-medium; &:first-of-type { margin-left: 0; &.mobile { width: 100%; } } } } &__title { font-size: @semi-big-fs; font-weight: @bold; line-height: 1.67; margin: 0 0 @margin-small; &.mobile { font-size: 20px; } &.small { text-align: center; } } } &__btn { font-size: @regular-fs; font-weight: @medium; line-height: 1.4; border-radius: @border-radius/3*5; padding: @padding-small @padding-medium; margin: 0 0 @margin-small; i { font-weight: @bold; transition: transform 0.3s ease-in-out; &.rotate { transform-origin: center; transform: rotate(180deg); } } &-mright { margin-right: @margin-small; } &-tag { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; vertical-align: middle; overflow: hidden; color: #ffffff; } &-today { &:after { content: ''; display: inline-block; width: 8px; height: 8px; background-color: @color-red; border-radius: 50%; margin-left: @margin-small; } } &-gray { background-color: rgba(192, 193, 195, 0.2); border-color: transparent; &:hover, &:focus { background-color: rgba(101, 111, 124, 0.2); box-shadow: 0 0 0 4px rgba(192, 193, 195, 0.2); } } } &-search { .el-input { &--prefix { margin-bottom: @margin-small; .el-input__inner { padding-left: 48px; border-radius: @border-radius/3*5; border-color: #e2e6ec; } } &__prefix { left: 0; width: 48px; } svg { width: 20px; position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); } } } &-filters { &__item { width: 100%; max-width: 240px; margin: @margin-medium @margin-medium 0 0; &.small { margin-right: 0; } &:last-of-type { margin-right: 0; } .@{select} { &-dropdown { margin-top: @margin-small; &__list { padding: @padding-small @padding-small @padding-small/2 !important; } &__item { height: auto; min-height: unset; line-height: 1.2; padding: @padding-small/4*3 @padding-small; margin: 0 0 @margin-small/2; border-radius: @border-radius/2; &:hover { background-color: rgba(130, 130, 130, 0.1); } &.selected { &::after { content: ''; display: none; } } span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } &__tags { padding-left: @padding-medium*2; .@{select} { &__tags-text { display: inline-block; max-width: 70px; white-space: nowrap; text-overflow: ellipsis; } } } .el-tag { &.el-tag--info { display: flex; align-items: center; } } &__input { padding: 0; } } .@{input} { &--suffix { .@{input}__inner { border: none; border-radius: 20px; padding-left: 40px; } } &__prefix { img, svg { position: relative; top: 50%; left: 0; transform: translateY(-50%); } } } } } &-block { text-decoration: none !important; background: none; border: none; &:hover { text-decoration: none !important; cursor: pointer; } } &-wrapper { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; height: auto; border-radius: @border-radius/3*2; padding: @padding-small/4 @padding-small/4 @padding-small/4 @padding-small/4*5; overflow: hidden; &:hover { .am-event-background { transition: opacity 0.3s ease-in-out; opacity: 0.1; } } } &-inner { display: flex; overflow: hidden; } &-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.25; z-index: -1; } &-color { position: absolute; top: 4px; left: 4px; width: 4px; height: ~'calc(100% - 8px)'; border-radius: @border-radius/3; } &-text { display: inline-block; font-size: @small-fs; font-weight: @medium; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0; } &-spots-left { flex: 1; font-size: @mini-fs; font-weight: 600; line-height: 1.5; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; } &-spots-and-day { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } &-day { flex: 1; font-size: @mini-fs; font-weight: 600; line-height: 1.5; text-align: right; color: @color-icon; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } &-more-link { position: relative; display: flex; align-items: center; justify-content: flex-start; font-size: @small-fs; font-weight: 500; z-index: 2; span { display: block; background-color: rgba(176, 186, 199, 0.5); border-radius: @border-radius/2; padding: 0 @padding-small/2; margin-right: @margin-small/2; } &.mobile { flex-wrap: wrap; justify-content: center; span { min-width: 23px; text-align: center; } } } &-upcoming { padding-left: 48px; &.tablet, &.mobile { padding-left: 0; margin-top: @margin-big; } &__heading { font-size: @semi-big-fs; line-height: 1.35; font-weight: @bold; margin-bottom: @margin-big; } &__block { padding: @padding-medium; margin-bottom: 12px; background-color: #ffffff; border-radius: @border-radius; box-shadow: 0 8px 18px -4px rgba(38, 49, 61, 0.12), 0px 1px 4px -1px rgba(38, 49, 61, 0.34); cursor: pointer; &-wrapper { display: flex; flex-direction: column; &.mobile, &.small { flex-direction: row; flex-wrap: wrap; > div { width: 100%; } } &.tablet { flex-direction: row; flex-wrap: wrap; > div { width: ~'calc(50% - 6px)'; &:nth-child(even) { margin-right: 12px; } } } } &-top { display: flex; &-left { display: flex; width: 100%; align-items: flex-start; } } &-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: @margin-small; } &-date { display: flex; flex: 0 0 auto; max-width: 64px; width: 100%; align-items: flex-start; justify-content: center; border-radius: @border-radius; overflow: hidden; &-border { position: relative; &:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: ~"calc(50% - 1px)"; background-color: rgba(122, 122, 122, 0.19); } } &-item { display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(208, 214, 219, 0.3) 100%); div { width: 100%; font-size: @mini-fs; font-weight: @medium; line-height: 1; text-transform: uppercase; text-align: center; color: #ffffff; padding: @padding-small/4; } span { display: block; font-size: 20px; line-height: 1.2; padding: @padding-small/2; } } } &-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: @small-fs; font-weight: @bold; line-height: 1.45; word-break: break-word; padding-left: @padding-small/2*3; } &-price { font-size: @mini-fs; font-weight: @bold; line-height: 1.35; border-radius: @border-radius/2; background-color: rgba(202, 203, 205, 0.25); padding: @padding-small/4 @padding-small/2; } &-info { display: flex; align-items: center; overflow: hidden; &:first-of-type { flex: 0 0 auto; margin-right: @margin-medium; } &-text { font-size: @small-fs; font-weight: @medium; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-left: @margin-small/2; } } } .am-empty-state { p { font-size: @small-fs; } } } &-modal { position: relative; margin: @margin-big+@margin-small @margin-big+@margin-small/2; border: 1px dashed transparent; box-sizing: border-box; * { box-sizing: border-box; } &.editable { padding: 12px; margin: 12px 20px 0 12px; border-color: #000; } &__wrapper { width: 100%; max-width: 918px; position: relative; padding: 0; margin: 0 auto; &.editable { padding: 50px 0; } } &__inner { overflow: hidden; border-radius: @border-radius; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } @modal-selector-gallery: am-event-modal__gallery; @modal-selector-mini-info: am-event-modal__mini-info; &__header { display: flex; align-items: flex-start; justify-content: space-between; padding: @padding-big; @media @less-then-xsmall { flex-wrap: wrap; } &-title { width: 100%; font-size: @semi-big-fs; font-weight: @bold; margin-right: 6px; @media @less-then-xsmall { display: flex; max-width: 100%; align-items: flex-start; justify-content: space-between; margin: 0 0 @margin-medium; } &-standard { @media @less-then-xsmall { flex-wrap: wrap; } } &-text { display: block; width: 100%; word-break: break-word; font-size: inherit; line-height: 1.5; } &-subtext { font-size: @semi-medium-fs; font-weight: @medium; line-height: 1.8; padding-bottom: @padding-small; } &-status { display: inline-flex; font-size: @regular-fs; font-weight: @medium; line-height: 1.3; padding: @padding-small/2 @padding-small @padding-small/2 @padding-small/2; border-radius: 14px; @media @less-then-xsmall { flex: 0 0 auto; margin-top: @margin-small/4*3; } img { margin-right: @margin-small; } &.canceled { background-color: fade(@color-red, 10%); color: @color-red; } &.closed { background-color: @color-gray; color: @color-icon; } &.full { background-color: fade(@color-blue, 10%); color: @color-blue; } &.upcoming { background-color: fade(@color-orange, 10%); color: @color-orange; } &.open { background-color: fade(@color-green, 10%); color: @color-green; } } & .@{modal-selector-mini-info} { padding: 0; margin: 12px 0 0; border: none; } } &-booking-btn { font-size: @regular-fs; font-weight: 600; padding: @padding-small/2*3; margin: 0; @media @less-then-xsmall { margin: 0 auto; } &.is-disabled { opacity: 0.5; } &-price { display: inline-block; position: relative; padding-left: @padding-big; &:before { content: ''; display: block; height: 100%; width: 1px; background-color: fade(#fff, 40%); position: absolute; top: 50%; left: 11px; transform: translateY(-50%); } } } } &__body { padding: @padding-big; } &__gallery { display: flex; transition: all 0.3s ease-in-out; padding-bottom: @padding-big; &-full { flex-direction: column; } &-selected-image { width: 65%; border-radius: @border-radius; margin-bottom: @margin-small; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease-in-out; overflow: hidden; &.@{modal-selector-gallery}-item-full { padding-top: 50%; } } &-images { width: 35%; transition: all 0.3s ease-in-out; &:before, &:after { content: ''; display: block; clear: both; } > div { position: relative; display: inline-block; width: ~"calc(50% - 8px)"; padding-top: ~"calc(50% - 8px)"; margin: 0 0 @margin-small @margin-small; border-radius: @border-radius; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; cursor: pointer; float: left; span { position: absolute; display: block; } } &-more {} &-less { font-size: @small-fs; font-weight: 600; text-align: center; color: @color-accent; padding: @padding-small/2; border-bottom: 1px solid @color-divider-gray; cursor: pointer; } &-number { width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 32px; font-weight: 600; text-align: center; color: @color-accent; &-background { top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; background-color: @color-accent; //background-color: fade(@color-accent, 10%); } } &.@{modal-selector-gallery}-item-full { > div { width: ~"calc(20% - 8px)"; padding-top: ~"calc(20% - 8px)"; margin: 0 @margin-small/2 @margin-small @margin-small/2; } } } &-item-full { width: 100%; } } &__mini-info { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-bottom: @padding-big; margin-bottom: @margin-big; border-bottom: 1px solid @color-divider-gray; &-inner { display: flex; align-items: center; justify-content: flex-start; @media @less-then-xsmall { width: 100%; align-items: flex-start; } img { height: 24px; } } &-text { font-size: @small-fs; font-weight: 500; line-height: 1.75; word-break: break-word; color: @color-text-prime; margin-left: @margin-small/2*3; } } &__tags-description { padding-bottom: @padding-big; margin-bottom: @margin-big; border-bottom: 1px solid @color-divider-gray; } &__tags { display: flex; flex-wrap: wrap; &-inner { display: flex; align-items: center; justify-content: flex-start; background-color: @color-gray; padding: 6px @padding-small; margin-right: @margin-small; margin-bottom: @margin-small/2; border-radius: @border-radius; } &-text { font-size: @mini-fs; font-weight: 500; line-height: 1.35; word-break: break-word; margin-left: @margin-small; } } &__description { font-size: @regular-fs; font-weight: 400; white-space: pre-line; word-break: break-word; margin-top: @margin-small; line-height: 1.35; } &__periods { p { font-size: @small-fs; font-weight: 400; line-height: 1.7; margin-bottom: 12px; } &-wrapper { display: flex; padding: 12px 0; overflow-y: hidden; } &-inner { display: flex; flex-direction: column; flex: 0 0 auto; padding-right: 20px; margin-right: 20px; border-right: 1px solid @color-divider-gray; &:last-of-type { border-right: none; margin-right: 0; padding-right: 0; } } &-week { font-size: @mini-fs; font-weight: 500; line-height: 1.35; text-transform: uppercase; color: #26313D; margin-bottom: @margin-small/2; } &-month { font-size: @small-fs; font-weight: 500; line-height: 1.15; color: @color-text-prime; margin-bottom: 12px; } &-time { font-size: @small-fs; font-weight: 500; line-height: 1.45; color: @color-dark-gray; } } &__employees { padding-top: @padding-big; margin-top: @margin-big; border-top: 1px solid @color-divider-gray; p { font-size: @small-fs; font-weight: 400; line-height: 1.7; margin-bottom: 12px; } &-wrapper { display: flex; padding: 12px 0; overflow-y: hidden; } &-inner { display: flex; flex: 0 0 auto; align-items: center; padding-right: @padding-small*4; &:last-of-type { padding-right: 0; } img { flex: 0 0 auto; width: 28px; height: 28px; margin-right: @margin-small/2*3; border-radius: 50%; } } &-name { width: 100%; font-size: @regular-fs; font-weight: 500; line-height: 1.15; color: @color-text-prime; } } &__invite { &-wrapper { display: flex; flex-direction: column; align-items: center; .@{input} { &-number { &--small { max-width: 130px; width: 100%; } } } .@{form-el} { display: flex; flex-direction: column; align-items: center; &__label { font-size: 20px; font-weight: @medium; text-align: center; line-height: 1; word-break: break-word; padding: 0; margin-bottom: 20px; } &__content { text-align: center; } } } &-svg { width: 102px; height: 102px; margin: 20px 0 @margin-medium; } } } } &-confirm-booking { left: 0; width: 100%; } &-congratulations { position: relative; padding: @padding-big; &.editable { padding-top: 58px; } } &-customize-field { .am-event-modal { &__header { padding: 0; text-align: left; } &__mini-info { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-bottom: 0; margin-bottom: 0; &-inner { display: flex; align-items: center; justify-content: flex-start; @media @less-then-xsmall { width: 100%; align-items: flex-start; } img { height: 24px; } } &-text { font-size: @small-fs; font-weight: 500; line-height: 1.75; word-break: break-word; color: @color-text-prime; margin-left: @margin-small/2*3; } &-svg { width: 24px; height: 24px; } } } } } .fc { &-col { &-header { margin: 0; background-color: transparent; } } &-daygrid-day-bottom { margin: @margin-small @margin-small/2 0; } &-highlight { background-color: fade(@color-accent, 10%); } &-scrollgrid { &-section { &-body { & > td { border-color: transparent; } } } &-sync-table { margin: 0; background-color: transparent; } &-liquid { border: none; overflow: hidden; border-radius: 18px; box-shadow: 0 0 0 1px #ddd; background-color: #ffffff; tr { background-color: transparent; } } } &-scroller-liquid-absolute { overflow: hidden !important; } &-theme-standard { & td:last-of-type { border-right: none; } } &-popover { &-close { &:after { content: none; } } } } .el { &-collapse { border: none; &-item { > div[role=tab] { display: none; } &__wrap { overflow: unset; border-radius: 16px; } &__content { display: flex; flex-wrap: wrap; padding: 0 @padding-medium @padding-big; border-radius: 16px; &.small { padding: 0 @padding-small @padding-big; } } } } &-icon { &-arrow { &-left { &:before { content: "\E6DE"; } } &-right { &:before { content: "\E6E0"; } } } } &-input { &__prefix { left: 5px; right: auto; } } } th, tr, td { padding: 0; } } // STEP CATALOG LIST FORM .am-catalog { max-width: 802px; margin: @margin-big*2 auto; } .am-category { padding: @padding-medium; border: 1px solid @color-divider-gray; border-radius: @border-radius; cursor: pointer; margin-bottom: @margin-big; transition: all 0.3s ease; background-color: #FFFFFF; &:hover { box-shadow: 0 0 30px 0 fade(@color-divider-gray, 90%); .am-category-title { color: @color-accent; } } &-list { position: relative; &.editable { padding: 58px 20px; } &-wrapper { position: relative; &.editable { padding: @padding-small/2*3; border: 1px dashed #000; } } } &-title { font-size: @medium-fs; line-height: @medium-fs + 8px; font-weight: @medium; margin: 0 0 @margin-small 0; padding: 0; border: none; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } span { font-size: @small-fs; line-height: @regular-fs; font-weight: @regular; padding: 0; border: none; margin: 0; display: inline-block; vertical-align: middle; } &-services-thumbs { padding: 0 0 0 12px; margin: @margin-small 0 0 0; img { width: 36px; height: 36px; display: inline-block; vertical-align: middle; margin-left: -12px; border-radius: 50%; border: 3px solid #FFFFFF; } } } // STEP CATALOG - CATEGORY LIST FORM .am-categories { position: relative; padding: @padding-medium 0; &.editable { padding: 58px 20px; } &-wrapper { position: relative; &.editable { padding: @padding-small/2*3; border: 1px dashed #000; } } * { box-sizing: border-box; } .am-back { display: inline-block; margin-right: @margin-big; font-size: @small-fs; font-weight: @medium; cursor: pointer; transition: all 0.3s ease; &:hover { color: @color-accent; } } h3 { display: inline-block; margin: 0; padding: 0; } &-headline { margin-bottom: @margin-big; } &-color-wrapper { display: flex; justify-content: space-between; width: 100%; position: absolute; top: 0; left: 0; transform: translateY(-50%); align-items: center; padding: 0 @padding-medium; } &-item-type { font-size: @mini-fs; font-weight: bold; line-height: 1; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF; background-color: @color-blue; border-radius: 4px; padding: 7px 12px; } &-service { position: relative; width: 100%; height: 100%; background: #FFFFFF; border-radius: @border-radius; border: 1px solid @color-divider-gray; cursor: pointer; overflow: hidden; &:hover { box-shadow: 0 0 30px 0 fade(@color-divider-gray, 90%); .am-categories-service-hover { display: block; opacity: 1; } } &-hover { opacity: 0; transition: all 0.3s ease; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background: fade(@color-text-prime, 70%); .am-categories-service-title { width: 100%; color: #FFFFFF; font-size: 18px; text-align: center; white-space: normal; padding: 0 @padding-medium; margin-top: @margin-big; overflow-x: visible; box-sizing: border-box; } } .el-button { color: #FFFFFF; border-color: #FFFFFF; background: transparent; position: absolute; bottom: 24px; left: 50%; margin-right: -50%; transform: translateX(-50%); span { color: inherit; } } span { font-size: @small-fs; line-height: @regular-fs; font-weight: @regular; padding: 0; border: none; margin: 0; display: inline-block; vertical-align: middle; color: @color-icon; } &-wrapper { flex-wrap: wrap; } &-inner { display: flex; padding-bottom: @margin-big; } &-color { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; color: #FFFFFF; text-transform: uppercase; line-height: 1; border-radius: 50%; } &-image { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 140px; } &-info { position: relative; height: ~"calc(100% - 140px)"; padding: @padding-big @padding-medium; background-color: #FFFFFF; } //&-title-price { // margin: 12px 0 @margin-small; //} &-title { align-self: flex-start; font-size: 18px; font-weight: @regular; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; margin: 0 @margin-medium 0 0; padding: 0; border: none; } &-thumbs { padding: 0 0 0 12px; margin: @margin-small 0 0 0; overflow: hidden; white-space: nowrap; img { width: 36px; height: 36px; display: inline-block; vertical-align: middle; margin-left: -12px; border-radius: 50%; border: 3px solid #FFFFFF; } } } &-package-color { display: flex; img { margin: auto; } } &-package-title-price { display: flex; align-items: center; justify-content: space-between; span.am-categories-package-price { display: flex; flex: 0 0 auto; flex-direction: column; align-items: flex-end; font-size: 18px; line-height: 1.45; color: @color-text-prime; } } &-package-service-item { position: relative; margin-right: 8px; font-size: @small-fs; &:after { content: ','; position: absolute; bottom: 0; right: -4px; } &:last-child { &:after { content: ''; } } } } // STEP CONGRATULATIONS .am-congratulations { width: 100%; margin: 0 auto; padding: @padding-big*3; background: transparent; text-align: center; z-index: 2; box-sizing: border-box; @media only screen and (max-width: 1366px) { padding: 72px 20px; } &.editable { padding-top: 58px; } h4 { font-size: @regular-fs; line-height: 1.5; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 @margin-big; } .am-svg-wrapper { position: relative; margin: 0 0 @margin-big; svg { width: 96px; padding: 0; margin: @margin-big; } } p { margin: 0 0 @margin-big; font-size: @regular-fs; text-align: center; line-height: 1.5; } .el-select { max-width: 262px; } .el-button { font-size: @regular-fs; font-weight: 500; line-height: 1; } } /*&.am-active-confirm { min-height: 720px; &.am-mobile-collapsed { min-height: 1200px; } .am-select-service { transform: translateX(-200%); } .am-select-date { transform: translateX(-194%); } .am-confirm-booking { transition-delay: 0.5s; z-index: 1; display: block; width: 97%; position: absolute; bottom: 0; top: 0; left: 3%; right: 0; opacity: 1; padding: @padding-medium; @media @less-then-medium { left: 0; right: 0; width: 100%; } } } &.am-active-submit { min-height: inherit; &.am-mobile-collapsed { min-height: inherit; } .am-select-service { display: none; } .am-select-date { display: none; } .am-confirm-booking { display: none; } }*/ /*.am-waiting-confirmation, .am-success-payment, .am-booking-fetched { text-align: center; background: @color-white; z-index: 2; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto; padding: @padding-big*3; @media @less-then-small { padding: @padding-medium; } h4 { text-transform: uppercase; margin-bottom: @margin-big; color: @color-text-second; letter-spacing: 2px; } .am-svg-wrapper { position: relative; margin: 0 0 @margin-big; .am-hourglass { position: absolute; top: 50%; left: 50%; width: 32px; padding: 0; margin-left: -16px; margin-top: -24px; path { fill: @color-accent; } } .am-congrats { width: 96px; padding: 0; margin: @margin-big; !*border-radius: 50%; border: 2px solid @color-divider-gray;*! path { fill: @color-accent; } } .am-spin { width: 160px; padding: 0; margin: 0; path { stroke: @color-accent; } } } }*/ /*.am-booking-fetched { padding-top: 220px; }*/ .@{form} { &-item { &__label { font-size: @regular-fs; font-weight: bold; } } } .@{input} { &__inner { color: inherit; background-color: transparent; } &-number { border-radius: 4px; &__decrease, &__increase { color: inherit; background-color: inherit; &:hover:not(.is-disabled) { &~.@{input} { & .@{input}__inner:not(.is-disabled) { border-color: inherit; } } } } } } .am-delete-element { border-radius: 50%; padding: @padding-small / 2; font-size: @mini-fs - 2; vertical-align: middle; border: 1px solid @color-divider-gray; background-color: #fcfdff; color: #ff0000; cursor: pointer; } /*.am-extras { &__flex-row { align-items: center; } }*/ .am-custom-fields { padding: @padding-big; } .am-custom-field { background-color: @color-white; border-radius: 4px; border: 1px solid @color-gray; padding: @padding-medium; margin-bottom: @margin-big; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); &.sortable-ghost { background-color: @color-highlight; } &.sortable-chosen { opacity: .5; cursor: move; cursor: -webkit-grabbing; } p.am-label { margin-bottom: @padding-small/2; margin-top: 0; } h3 { margin: 0 0 @margin-medium; .am-custom-field-title { //cursor: pointer; font-size: @regular-fs; border: 1px solid transparent; &:hover, &.active { color: @color-blue; } } .am-custom-field-actions { display: flex; align-items: center; float: right; .am-custom-field-translate { display: inline-block; float: left; font-size: 13px; padding-right: 10px; padding-top: 5px; color: #636E7D; .am-dialog-translate-svg { vertical-align: text-bottom; } &:hover { cursor: pointer; } } } } .am-flexed2 { align-items: flex-end; div:first-child { flex: 1; margin-right: @margin-medium; } } .el-checkbox { margin-bottom: @margin-medium; vertical-align: middle; } .el-select { vertical-align: middle; width: 100%; } .el-textarea { margin-bottom: @margin-medium; } .am-custom-field-options { margin-left: @margin-medium; .am-custom-field-option { display: flex; align-items: center; margin-bottom: @margin-medium; > span { margin-right: @margin-small; } .am-option-label { flex: 0 0 60%; } .el-input { margin-bottom: 0; } .am-option-actions { span { margin-left: @margin-small; } } &.am-checkbox-input { .el-input { position: relative; &:before { content: ""; position: absolute; left: 12px; top: 13px; width: 14px; height: 14px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+OTU5M0JBQkItQ0Y2OS00OEUyLTk1RDQtODUwQkUzRTE0RUZBLXN2ZzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU2NyZWVucyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkN1c3RvbWl6ZS1DdXN0b20tRmllbGRzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA1MS4wMDAwMDAsIC0zMDguMDAwMDAwKSIgZmlsbD0iIzdGOEZBNCI+CiAgICAgICAgICAgIDxnIGlkPSJub3RpZmljYXRpb25fYmFzaWMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwNy4wMDAwMDAsIDIxOS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MjguMDAwMDAwLCA3Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iY2hlY2tlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCAxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUuODI4NDI3MTIsMTAuNDg1MjgxNCBMNi41MzU1MzM5MSwxMS4xOTIzODgyIEwxMi4xOTIzODgyLDUuNTM1NTMzOTEgTDEwLjc3ODE3NDYsNC4xMjEzMjAzNCBMNi41MzU1MzM5MSw4LjM2Mzk2MTAzIEw0LjQxNDIxMzU2LDYuMjQyNjQwNjkgTDMsNy42NTY4NTQyNSBMNS44Mjg0MjcxMiwxMC40ODUyODE0IFogTTIsMCBMMTIsMCBDMTMuMTA0NTY5NSwtMi4wMjkwNjEyNWUtMTYgMTQsMC44OTU0MzA1IDE0LDIgTDE0LDEyIEMxNCwxMy4xMDQ1Njk1IDEzLjEwNDU2OTUsMTQgMTIsMTQgTDIsMTQgQzAuODk1NDMwNSwxNCAxLjM1MjcwNzVlLTE2LDEzLjEwNDU2OTUgMCwxMiBMMCwyIEMtMS4zNTI3MDc1ZS0xNiwwLjg5NTQzMDUgMC44OTU0MzA1LDIuMDI5MDYxMjVlLTE2IDIsMCBaIiBpZD0iY2hlY2tib3hfY2hlY2tlZF9kaXNhYmxlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); } } input { padding-left: @padding-medium*2; } } &.am-radio-input { .el-input { position: relative; &:before { content: ""; position: absolute; left: 12px; top: 13px; width: 4px; height: 4px; border-radius: 50%; border: 5px solid #7F8FA4; background: #fff; } } input { padding-left: @padding-medium*2; } } } p.am-label { margin-top: @margin-small; } } .am-custom-field-actions { span { display: inline-block; vertical-align: middle; padding: 0 @padding-small/2; cursor: pointer; * { max-height: 20px; display: inline-block; vertical-align: middle; } .edit { display: block; } .done { font-size: 16px; display: none; color: @color-blue; } &:hover { svg { path { fill: @color-blue; } } } &.active { .edit { display: none; } .done { display: block; } } } } .am-drag-handle { line-height: 1; cursor: move; cursor: -webkit-grabbing; margin-right: @margin-small; vertical-align: middle; svg { max-height: 20px; vertical-align: sub; rect { fill: @color-text-second; } } &:hover { rect { fill: @color-text-prime; } } } .is-spinner { position: absolute; left: -30px; width: 22px; height: 22px; right: 35px; top: 9px; stroke: #7F8FA4; } } .am-payment-button { width: 112px; height: 90px; padding: @padding-medium; background-color: transparent; border: 2px solid @color-divider-gray; border-radius: @border-radius/3*4; &:hover { background: fade(@color-accent, 8%); border: 2px solid @color-accent; } p { text-align: center; text-transform: none; } &-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; } &-selected { background: fade(@color-accent, 8%); border: 2px solid @color-accent; } } } .am-button-new-items-custom-fields { text-align: right; margin: 0; width: 140px; bottom: 108px; position: absolute; right: 32px; } .am-customize-required { .el-checkbox.is-bordered { border: none; } } .am-customize { &-field { position: relative; margin-bottom: @margin-big; border: none; box-sizing: border-box; &.editable { padding: @padding-small/2*3; border: 1px dashed; box-sizing: border-box; .@{form-el}__content { position: static; } } &-recurring { display: flex; align-items: center; justify-content: center; padding: @padding-medium 0; &.@{form-el} { margin-bottom: 0; } } &__edit { position: absolute; top: -1px; right: -21px; display: flex; align-items: center; justify-content: center; width: 20px; height: 30px; background-color: @color-light-gray; border-radius: 0 4px 4px 0; cursor: pointer; } &-bringing { display: flex; align-items: center; justify-content: space-between; &:before, &:after { display: none; } } & > p { text-align: center; margin-bottom: @margin-big; } & .am-recurring-form-heading { margin-top: 0; } & .@{select}{ border-radius: 6px; .@{input} { &__suffix { color: inherit; &-inner { color: inherit; } } .@{select}__caret { color: inherit; } } } & .@{input} { color: inherit; border-color: inherit; border-radius: @border-radius; } & .@{input}__inner:focus { border-color: inherit; } } &__header { display: flex; @media @less-then-xlarge { flex-wrap: wrap; width: 100%; } &-wrapper { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding: @padding-big 0; margin: 0 @margin-big; border-bottom: 1px solid @color-divider-gray; } &-left { &-inner { margin-right: @margin-medium; @media @less-then-large { width: 100%; margin-right: 0; margin-bottom: @margin-medium; } span { font-size: @regular-fs; color: @color-text-second; } } } &-right { &-inner { //max-width: 258px; //width: 100%; margin-left: @margin-medium; @media @less-then-xlarge { margin-left: 0; margin-top: @margin-medium; margin-right: @margin-medium; } @media @less-then-large { width: 100%; margin-right: 0; margin-bottom: @margin-medium; } } } } &__preview {} &__color-settings { position: absolute; top: 12px; left: 12px; span { display: flex; align-items: center; justify-content: space-between; font-size: @small-fs; line-height: 1; color: #818FA5; img { width: 16px; height: 16px; margin-right: @margin-small; } } } &__edit { box-sizing: border-box; &-input { &-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: @margin-small; &-full { flex-wrap: wrap; .el-form-item__content { width: 100%; } } &:before, &:after { display: none; } .@{form-el} { &__label { white-space: nowrap; } &__content { display: flex; flex-direction: column; align-items: flex-end; .@{slider} { width: ~"calc(100% - 12px)"; } } } .@{input} { margin-bottom: 0; } } } .@{select} { .@{input}__inner { padding-right: 8px; } } &-body { max-height: 200px; overflow-x: hidden; padding-right: @padding-medium; } &-footer { display: flex; align-items: center; justify-content: flex-end; padding-top: @padding-small/2*3; margin-top: @margin-small/2*3; border-top: 1px solid @color-divider-gray; box-sizing: border-box; &--button { border: none; line-height: 1.17; padding: 5px 10px; &-cancel { &:hover { border: none; } } } } } &-drag-handle { position: absolute; top: -1px; left: -21px; width: 20px; height: 30px; background-color: @color-light-gray; display: flex; align-items: center; justify-content: center; border-radius: 4px 0 0 4px; cursor: grabbing; } .el-popover { &__reference { display: inline-flex; align-items: center; & > img { //margin-left: @margin-small; cursor: pointer; } } } .am-timezone { position: relative; display: flex; align-items: center; justify-content: center; &__text { background-color: rgba(0, 0, 0, 0.1); font-size: @small-fs; font-weight: 400; line-height: 1.15; padding: @padding-small/2 @padding-small; border-radius: @border-radius; box-sizing: border-box; } } } .am-service-booking { position: relative; font-size: @regular-fs; &.editable { padding: @padding-small/2*3; border: 1px dashed #000; } h3 {display: block; font-size: 18px; margin-bottom: @margin-big; padding: 0; } p { font-size: @small-fs; padding: 0; margin-bottom: @margin-medium; } .am-service { position: relative; padding: @padding-big; margin: 0; z-index: 3; @media @less-then-small { padding: 14px; } @media @less-then-medium { margin: 0; } h3 { width: 100%; margin-bottom: @margin-big; font-weight: 400; } &-gallery { min-height: 256px; //background-image: linear-gradient(90deg, fade(@color-accent, 65%) 0%, @color-accent 100%); @media @less-then-medium { min-height: 1px; } } &-header { position: relative; display: block; text-align: center; margin-bottom: @margin-big*2; .am-service-price { display: inline-block; padding: @padding-medium @padding-big; border-radius: 30px; background-color: @color-accent; color: @color-white; font-size: @regular-fs/2*3; line-height: 1.2; sup { font-size: @small-fs; font-weight: @light; margin-left: 2px; } @media @less-then-small { position: static; } } } &-data { display: block; margin-bottom: @margin-medium; margin-top: @margin-medium; vertical-align: middle; padding: 0 @padding-medium; .am-category-url { cursor: pointer; font-size: @small-fs; display: inline-block; &:hover { color: @color-accent; } } .am-service-info { margin-bottom: 0; div { font-size: @small-fs; color: @color-text-second; display: inline-block; border-right: 1px solid @color-divider-gray; margin-right: @margin-small; padding-right: @padding-small; @media @less-then-small { display: block; padding: 0; border: none; } &:last-child { border-right: none; } img, svg { display: inline-block; vertical-align: text-top; } } } } &-title { h2 { font-size: @regular-fs/2*3; font-weight: @regular; } } &-price { display: inline-block; font-size: @big-fs; line-height: 1.2; color: @color-white; background-color: @color-accent; padding: @padding-medium @padding-big; border-radius: 30px; sup { font-size: @small-fs; font-weight: @light; margin-left: 2px; } @media @less-then-small { position: static; } } &-image { display: inline-block; vertical-align: middle; border-radius: 50%; width: 100px; height: 100px; max-width: 100px; img, svg { width: 100%; border-radius: 50%; } } &-description { margin-bottom: @margin-big*2; } &-info { margin-bottom: @margin-big*2; .el-row { margin-bottom: @margin-small; .el-col:first-child { color: @color-text-second; } .am-service-info-column.el-col-sm-24:first-child { margin-bottom: @margin-big; } } .am-category-url { color: @color-text-prime; font-weight: @medium; cursor: pointer; &:hover { color: @color-accent; } } .el-collapse { border-top: 1px solid #EBEEF5; border-bottom: 1px solid #EBEEF5; &-item { & > div { color: inherit; } &__header { display: flex; align-items: center; height: 48px; line-height: 48px; color: inherit; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: @small-fs; font-weight: 500; transition: border-bottom-color .3s; outline: 0; background-color: rgba(0, 0, 0, 0.02); padding: 0 0 0 @padding-medium; } &__arrow { color: inherit; } &__content { display: inline-block; width: 100%; padding: @padding-small; } } } } &-providers { margin-bottom: @margin-big*2; } &-provider { display: inline-block; width: 220px; max-width: 220px; margin: 0 @margin-small @margin-big 0; img { border-radius: 50%; max-width: 32px; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin: 0 @margin-small/2 0 0; } span { display: inline-block; } } .am-step-booking { h3 { text-align: center; } } } .am-package { &-selected { &-col { padding-right: @padding-medium; } } &-rule { margin-top: @margin-medium; div { padding: @padding-small; } span { margin-top: @margin-small; padding: @padding-small; font-size: @small-fs; border-radius: @border-radius; background-color: rgba(0, 0, 0, 0.05); } } &-service { width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: @regular-fs; font-weight: 500; line-height: 1.5; border-radius: @border-radius; border: 1px solid #e2e6ec; border-top: none; padding: @padding-small; margin-bottom: @margin-small; } &-description { margin: @margin-small 0 @margin-big; font-size: @mini-fs; } } } .@{dropdown} { &.am-dropdown { border: none; border-radius: 6px; overflow: hidden; & .popper__arrow { display: none; } & .@{dropdown}__item { height: 40px; line-height: 40px; } } } .el-color-dropdown { .el-color-predefine__color-selector { border: 1px solid @color-divider-gray; } } .am-customize-main { * { box-sizing: border-box; font-family: 'Amelia Roboto', sans-serif; } &__header { display: flex; align-items: center; justify-content: center; &-inner { display: block; width: 100%; padding: 24px 8px 16px 8px; h2 { font-size: 28px; font-weight: 500; line-height: 1.2857; color: #1A2C37; margin: 0 0 2px; } p { font-size: 15px; font-weight: 400; line-height: 1.5; color: #667279; margin: 0; } } } &__content { display: flex; flex-direction: column; align-items: center; justify-content: center; } &__heading { max-width: 828px; width: 100%; h1 { font-family: 'Amelia Roboto', sans-serif; font-size: 28px; font-weight: 500; line-height: 1.2857; color: #1A2C37; margin: 24px 0 0; } p { font-family: 'Amelia Roboto', sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; color: #667279; margin: 2px 0 16px; } } &__form-card { display: flex; flex-direction: column; justify-content: space-between; max-width: 372px; width: 100%; padding: 16px; margin: 8px; border: 1px solid #D1D5D7; background-color: #FFFFFF; box-shadow: 0 2px 2px rgba(14, 25, 32, 0.03); border-radius: 6px; //cursor: pointer; &__wrapper { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 8px; } &__content { display: flex; flex-direction: column; flex-wrap: nowrap; &-img { border: 1px solid #ccc; border-radius: 6px; } } &__heading { margin: 16px 0 24px; h3 { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; margin: 0 0 8px; span { display: inline-flex; font-size: 18px; font-weight: 700; line-height: 1.55555; color: #265CF2; } .am-pill-new { //height: 24px; font-size: 14px; font-weight: 500; color: #1BBC35; background-color: #E9F9EB; border-radius: 24px; padding: 2px 8px; } } p { font-size: 14px; font-weight: 400; line-height: 1.42857; color: #4D5B63; margin: 0; } } button.el-button { span { font-family: 'Amelia Roboto', sans-serif; font-weight: 500; } } } } #adminmenu .wp-submenu li a[href*="wpamelia-customize-new"] { display: none !important; } .am-custom-field-all-selected { color: #409EFF; } .am-custom-field-all-selected:after { position: absolute; right: 20px; font-family: element-icons; content: "\E6DA"; } backend/services.less 0000666 00000045016 15165376205 0010672 0 ustar 00 @import "../common/_variables"; .el-collapse-item__content { .am-switch-box { .el-row { margin-bottom: 0 !important; } } } .am-services-categories { .am-resource-checkbox { .el-checkbox__label { display: none } } .el-row.am-flexed { flex-wrap: unset; } .am-categories-column { background-color: @color-highlight; height: 100%; h2 { margin-bottom: @margin-medium; } .el-button { width: 100%; margin: @margin-medium 0; } .am-category-item { background-color: fade(@color-white, 60%); border-bottom: 1px solid @color-divider-gray; border-left: 2px solid transparent; padding: @padding-medium; cursor: pointer; transition: all 0.3s ease; &.active, &:hover { background: @color-white; border-left-color: @color-blue; } &.sortable-ghost { background-color: @color-highlight; } &.sortable-chosen { opacity: .5; cursor: move; cursor: -webkit-grabbing; } h3 { margin: 0; width: 100%; .am-category-title { cursor: pointer; font-size: @regular-fs; border: 1px solid transparent; width: 83%; .am-category-title-id { color: @color-text-second; font-size: 14px; font-weight: 400; } /*&:hover, &.active { color: @color-blue; }*/ } input.am-category-title { padding: 0; margin: 0; border-color: fade(@color-blue, 75%); border-radius: 3px; color: @color-text-prime; background-color: @color-white; cursor: text; } .am-drag-handle { line-height: 1; cursor: move; cursor: -webkit-grabbing; margin-right: @margin-small; vertical-align: middle; svg { max-height: 20px; vertical-align: sub; rect { fill: @color-text-second; } } &:hover { rect { fill: @color-text-prime; } } } } .am-category-item-footer { margin-top: @margin-small; .service-count { display: inline-block; vertical-align: middle; padding: @padding-small/3 @padding-small; background-color: fade(@color-blue, 25%); color: @color-blue; border-radius: 4px; @media @less-then-small { width: 100%; text-align: center; } } .am-confirmation { padding: @padding-medium 0 0 0; border: none; p { margin: 0; font-size: @small-fs; } .el-button { margin: 0 0 0 @margin-small/2; width: auto; } } .category-actions { display: flex; justify-content: flex-end; align-items: flex-end; @media @less-then-small { justify-content: space-between; } span { display: inline-block; vertical-align: middle; padding: @padding-small/4 @padding-small/2; cursor: pointer; @media @less-then-large { padding: @padding-small/4; } * { max-height: 20px; display: inline-block; vertical-align: middle; } .edit { display: block; } .gray { path { fill: #636E7D; } } .done { font-size: 16px; display: none; color: @color-blue; } &:hover { svg { path { fill: @color-blue; } } } &.active { .edit { display: none; } .done { display: block; } } } } } } } .am-services-column { position: relative; min-height: 420px; height: 100%; h2 { margin-bottom: @margin-medium; } .am-resource-section { padding-left: 0; padding-right: 0; } .am-services-grid { .am-resources { padding: 0; .am-resources-header { padding: 0 24px; .el-col { p { font-weight: 400;font-size: 14px;line-height: 20px;color: #667279; } } @media @less-then-large { display: none; } } .am-resources-list { .el-collapse-item__header.is-active { border-bottom: 1px solid #e2e6ec; } .el-collapse-item.is-active { background: #FBFBFB; } .el-collapse-item__content .el-row { margin-bottom: @margin-medium; margin-top: @margin-medium; } .am-resource { border-bottom: 1px solid rgb(226, 230, 236); &.am-hidden-entity { opacity: 0.6; } .am-resource-data { p { color: #1A2C37; margin-top: @margin-medium; margin-bottom: @margin-medium; } width: 100%; .el-checkbox { margin-top: @margin-medium; margin-bottom: @margin-medium; } .el-checkbox__label { display: none; } h3 { margin-bottom: 0; overflow: hidden; max-width: 100%; height: 24px; } .el-button { margin-top: 0; @media @less-then-medium { padding-left: @padding-medium - 4px; padding-right: @padding-medium - 4px; } } .el-select { display: block; .el-input { margin-bottom: 0; } } .am-assigned { display: flex; align-items: center; &.am-multiple-employees { img + img { margin-left: -24px; margin-bottom: @margin-small; margin-top: @margin-small; } } img { margin-right: @margin-small; } } .am-edit-btn { text-align: right; margin-top: @margin-small; margin-bottom: @margin-small; @media @less-then-large { margin-right: @margin-small; } } .am-resource-entities { p { font-weight: 500; font-size: 15px; line-height: 20px; color: #1A2C37; } &-plus { font-weight: 600; font-size: 14px; line-height: 20px; padding: 0 4px; text-align: center; color: #1246D6; background: #EAEFFE; border: 1px solid #D4DEFC; border-radius: 5px; margin-left: 4px; } } } .am-resource-entity-wrap { p { font-weight: 500; font-size: 15px; line-height: 20px; color: #1A2C37; } } .am-resource-entity { &-list { .am-link { color: @color-blue } p { font-weight: 400; font-size: 13px; line-height: 18px; margin-top: @margin-medium; margin-bottom: @margin-medium; color: #1A2C37; } } img { display: inline-block; vertical-align: middle; margin-right: @margin-small/2; width: 16px; height: 16px; } } } } } } .am-empty-state { position: absolute; z-index: 0; left: 0; right: 0; top: 0; } .am-sort-services { @media @less-then-medium { margin: 0; width: 100%; } } .am-sort-services-label { display: inline-block; margin: 0 @margin-small @margin-small 0; @media @less-then-medium { margin-right: 0; } } } .am-service-card { margin-bottom: @margin-medium; padding: @padding-medium; border-radius: 8px; border: 1px solid @color-divider-gray; position: relative; display: flex; align-items: center; justify-content: flex-start; cursor: pointer; overflow: hidden; svg, img { vertical-align: middle; } &:hover { background-color: @color-highlight; } &.am-hidden-entity { opacity: 0.6; &:after { display: block; width: 18px; height: 18px; position: absolute; bottom: 12px; right: 12px; content: url('../../img/hide.svg'); } } @media @less-then-xsmall { display: block; text-align: center; } .am-drag-handle { display: inline-block; vertical-align: middle; cursor: move; cursor: -webkit-grabbing; rect { fill: @color-text-second; } &:hover { rect { fill: @color-text-prime; } } } .am-service-photo { display: inline; position: relative; img { margin: 0 @margin-small + 4px; border-radius: 50%; width: 48px; height: 48px; min-width: 48px; max-width: 48px; @media @less-then-xsmall { max-width: 48px; } } .am-service-color { position: absolute; bottom: 4px; right: 4px; width: 16px; height: 16px; display: block; border: 3px solid @color-white; border-radius: 50%; background-color: @color-blue; box-sizing: content-box; } } .am-service-data { flex: 1; } h4 { margin: 0 @margin-small 0 @margin-small; white-space: nowrap; .am-service-data-id { color: #7F8FA4; font-size: 14px; font-weight: 400; } } p { margin: 0 @margin-small 0 @margin-small; color: @color-text-second; font-size: @small-fs; @media @less-then-xsmall { font-size: @small-fs*0.9; } } } .am-side-bar-category { &.el-row.am-flexed { @media @less-then-xsmall { flex-wrap: wrap; } } } } .am-service-deposit { margin-top: @padding-small; p { margin: 0; font-size: 14px; line-height: 40px; } i { color: #1A84EE; } .el-icon-question { color: @color-icon; } } .am-package-price, .am-package-price-total { background-color: @color-light-gray; padding: @padding-medium; p { font-size: @small-fs; margin: 0; } } .am-package-price-total { border-top: 1px solid @color-divider-gray; color: @color-text-prime; padding-left: @padding-small; padding-right: @padding-small; } .am-package-price-calculated { p { font-style: italic; } } .am-package-service { font-size: @small-fs; padding: @padding-small; margin-top: @margin-small; border-radius: @padding-small/2; border: 1px solid @color-divider-gray; &-heading { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } &-heading-inner { display: flex; flex-direction: row; align-items: center; } &-photo { position: relative; width: 60px; height: 60px; border-radius: 50%; margin-right: @margin-big; & > span { display: block; width: 26px; height: 26px; position: absolute; bottom: 0; right: -13px; border-radius: 50%; border: 3px solid @color-white; background-color: @color-accent; box-sizing: border-box; } img { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; } } &-text { padding-right: @padding-small; word-break: break-word; } & > .el-row { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid @color-divider-gray; } .el-row { flex-wrap: wrap; } .el-collapse { &-item { &__header { padding: 12px; } &__arrow { font-size: @medium-fs; font-weight: 600; color: @color-blue; } } } &__booking-range { display: flex; align-items: flex-end; @media @less-then-xsmall { flex-direction: column; } .el-form-item { width: 100%; } &-custom { .el-form-item { margin-top: 12px; &:first-child { padding-right: @padding-small/2; @media @less-then-xsmall { padding: 0; } } &:last-child { padding-left: @padding-small/2; @media @less-then-xsmall { padding: 0; } } } } } &__checkbox { display: flex; align-items: center; justify-content: space-between; padding: 6px 12px; margin: 0 0 @margin-small/2; border-radius: 4px; &.is-checked { background-color: @color-light-gray; } &-text { display: flex; align-items: center; .am-package-service-photo { width: 20px; height: 20px; margin-right: @margin-small; img { width: 20px; height: 20px; } } > span { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: @margin-small; } } } .el-checkbox { white-space: normal; &__input { order: 1; white-space: normal; } &__inner { width: 16px; height: 16px; &::after { left: 5px; border-width: 2px; } } &__label { padding: 0; width: 90%; } } p { margin: 0; font-size: @small-fs; } .el-input-number { max-height: 40px; } } .am-entity-settings { .el-collapse-item__header { svg { vertical-align: middle; width: 16px; height: 16px; } } } .am-packages-feature { &:before { content: 'Packages feature is available only with Pro and Dev licenses'; display: none; font-size: @regular-fs; font-weight: @medium; color: #354052; background-color: #FEF5A3; border: 1px solid #EDE38D; border-radius: @padding-small/2; padding: @padding-small; } } .am-resources-feature { &:before { content: 'Resources feature is available only with Pro and Dev licenses'; display: none; font-size: @regular-fs; font-weight: @medium; color: #354052; background-color: #FEF5A3; border: 1px solid #EDE38D; border-radius: @padding-small/2; padding: @padding-small; margin-bottom: 20px; } } .am-assigned { display: flex; align-items: center; img { margin-right: @margin-small; } } .am-appointments-flex-row-middle-align { display: flex; align-items: center; min-height: 20px; @media @less-then-large { align-items: inherit; } @media @less-then-small { display: block; &:first-of-type { margin-bottom: 0; } } .el-col { @media @less-then-small { margin-bottom: @margin-medium; } } } .am-appointment-package-wrap { h4 { width: auto; & > div { overflow: hidden; text-overflow: ellipsis; } } img { margin-left: 5px; } } .am-finance-payment-status { .am-payment-status { padding-left: 25px; padding-top: 2px; position: relative; .am-payment-status-symbol{ &:before { width: 16px; height: 16px; display: block; position: absolute; z-index: 1; top: 50%; margin-top: -8px; left: 0; pointer-events: none; } &-paid { &:before { content: url("../../img/am-status-approved.svg"); } } &-pending { &:before { content: url("../../img/am-status-pending.svg"); } } &-partiallyPaid { &:before { content: url("../../img/am-status-partiallyPaid.svg"); } } &-refunded { &:before { content: url("../../img/am-status-refunded.svg"); } } } } .el-icon-circle-check { color: @color-green; &.partially-paid { color: @color-blue; } } .el-icon-refresh { color: @color-orange; } } .am-category-services-thumbs { padding: 0 0 0 12px; overflow: hidden; white-space: nowrap; img { width: 36px; height: 36px; display: inline-block; vertical-align: middle; margin-left: -12px; border-radius: 50%; border: 3px solid #FFFFFF; } } .am-service-custom-duration { margin-top: 15px; &-heading { .custom-duration-title p { margin-left: 16px !important; } .custom-pricing-title { padding-left: 8px !important; } } &-item { margin: 6px 0; display: flex; align-items: center; & > div { padding: 0 4px; height: 100%; input.el-input { height: 32px; max-width: 129px; margin-bottom: 0; } .el-select .el-input { height: 32px; background: #FFFFFF; margin-bottom: 0; max-width: 185px; input { height: 32px; } .el-input__suffix-inner { i { line-height: 32px; } } } span { cursor: pointer; } } } .el-button { width: 100%; border: none; span { display: flex; align-items: center; margin: auto; } } .el-icon-warning-outline { color: #1A84EE; } } .am-resource-all-selected { color: #409EFF; } .am-resource-all-selected:after { position: absolute; right: 20px; font-family: element-icons; content: "\E6DA"; } backend/locations.less 0000666 00000007767 15165376205 0011055 0 ustar 00 @import "../common/_variables"; #am-locations { .am-locations-filter { .el-button { &.button-filter-toggle { line-height: 0.9; display: none; @media @less-then-small { display: inline-block; vertical-align: top; } } } .el-row { .el-col { @media @less-then-small { margin-bottom: @margin-medium; } .el-input, .el-select { width: 100%; margin-bottom: 0; } .am-search { .el-input { width: 100%; margin-bottom: 0; &.calc-width { @media @less-then-small { margin-right: @margin-medium; width: calc(~'100% - 66px'); } } } } } } } .am-locations { .am-location-card { margin-bottom: @margin-big; border-radius: 8px; border: 1px solid @color-divider-gray; position: relative; overflow: hidden; @media @less-then-xsmall { display: block; } &.am-hidden-entity { opacity: 0.6; &:after { display: block; width: 18px; height: 18px; position: absolute; bottom: 22px; left: 70px; background: #fff; border-radius: 50%; padding: @padding-small/2 + 2px; content: url('../../img/hide.svg'); @media @less-then-xsmall { bottom: 16px; left: 16px; } } } .am-map-preview { position: relative; &:before { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } img { width: 100%; } } .am-location-info { display: flex; align-items: center; justify-content: flex-start; padding: @padding-big @padding-medium; position: relative; @media @less-then-xsmall { display: block; text-align: center; } img.location-photo { margin: 0 @margin-small; border-radius: 50%; width: 64px; height: 64px; min-width: 64px; max-width: 64px; } h4 { margin: 0 @margin-small 0 @margin-small; } .location-data { h4 { display: inline-block; white-space: nowrap; } padding-right: 60px; @media @less-then-xsmall { padding-right: 0; } p.address { overflow: hidden; max-height: 20px; @media @less-then-xsmall { overflow: visible; max-height: none; } } .am-location-data-id { color: #7F8FA4; font-size: 14px; font-weight: 400; } } p { overflow: hidden; max-height: 20px; span.svg-icon { width: 16px; display: inline-block; line-height: 1; vertical-align: middle; &.location { } img { margin: 0; } } margin: 0 @margin-small 0 @margin-small; color: @color-text-second; font-size: @small-fs; } .el-button { position: absolute; right: 16px; @media @less-then-xsmall { position: inherit; display: inline-block; margin-top: @margin-small; right: 0; } } } } } } backend/elementor.less 0000666 00000003216 15165376205 0011035 0 ustar 00 .elementor-element .icon .amelia-logo:before{ content: ""; height: 30px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; } .elementor-element .icon .amelia-logo:before { background-image: url(../../img/amelia-logo-symbol.svg); } .elementor-element .icon .amelia-logo-beta:before{ content: ""; height: 30px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-left: 19px; } .elementor-element .icon .amelia-logo-beta:before { background-image: url(../../img/amelia-logo-beta.svg); } #elementor-controls { .elementor-control-content { display: block; } } .amelia-elementor-content, .amelia-elementor-content-beta { margin: 15px; &:before { content: ""; height: 24px; width: 24px; position: absolute; top: 15px; left: 13px; background-size: contain; background-repeat: no-repeat; background-position: left; background-image: url(../../img/amelia-logo-symbol.svg); } &-title { font-weight: 600 !important; } &-p { font-weight: 400; font-size: 13px; line-height: 18px; color: #6d7882; } } .amelia-elementor-content-beta { &:before { width: 44px; background-image: url(../../img/amelia-logo-beta.svg); } } .elementor-control-amelia_booking_section, .elementor-control-amelia_catalog_section, .elementor-control-amelia_events_section, .elementor-control-amelia_customer_panel_section, .elementor-control-amelia_employee_panel_section, .elementor-control-amelia_search_section { .elementor-panel-heading { height: auto; } } external/vendor.less 0000666 00000000202 15165376205 0010563 0 ustar 00 @import "~element-ui/lib/theme-chalk/index.css"; @import "~v-calendar/lib/v-calendar.min.css"; @import "../common/_country-flags"; external/quill.less 0000666 00000000164 15165376205 0010423 0 ustar 00 @import '~quill/dist/quill.core.css'; @import '~quill/dist/quill.snow.css'; @import '~quill/dist/quill.bubble.css'; frontend/search.less 0000666 00000155406 15165376205 0010551 0 ustar 00 @import "_variables"; .amelia-search { overflow: hidden; h2 { padding: 0; &:before { display: none; } } } .amelia-app-booking #amelia-booking-wrap { #am-search-booking { //width: 100%; //display: table; display: flex; .am-search-filters { width: 320px; max-width: 360px; overflow: hidden; display: inline-block; vertical-align: top; padding: @padding-medium*2; border: 1px solid @color-divider-gray; border-right: none; background-color: @color-search-filters-bg; position: relative; line-height: 1; box-sizing: border-box; flex: 0 0 auto; .am-search-mobile-button { width: 100%; margin: 0 auto; margin-top: 10px; display: none; @media @less-then-small { display: block; } } .am-close-icon { display: none; position: absolute; top: 32px; right: 32px; cursor: pointer; font-size: 24px; @media @less-then-small { top: 16px; right: 16px; } } .am-search-filter { margin: @margin-big 0; h3 { margin: 0 0 @margin-small; font-size: @small-fs; color: @color-text-second; } .el-checkbox__label { display: inline; } } #am-calendar-picker { } .am-calendar-picker { background-color: transparent !important; border: none !important; & > div.c-pane { min-width: 100% !important; } .popover-content { background: #fff !important; table { padding: 0; margin: 0; } tr:nth-child(odd) { background: #fff; } .c-table-cell { &.c-active, &:hover { background: fade(@color-accent, 15%); border-radius: 3px; } } } } .el-col { .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 100%; } } .am-search-filter-services { list-style: none; padding: 0; margin: 0; label { list-style: none; padding: 0; margin: 0 0 @margin-small; width: 100%; display: inline-block; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } } } //Collapsed &.am-collapsed { .am-search-filters { position: absolute; left: -360px; z-index: 2; height: 100%; overflow-x: hidden; overflow-y: auto; transition: all 0.3s ease; border-right: 1px solid @color-divider-gray; &.am-show-filters { -ms-transform: translate(360px, 0); /* IE 9 */ -webkit-transform: translate(360px, 0); /* Safari */ transform: translate(360px, 0); /* Standard syntax */ } @media @less-then-small { width: 100%; padding: @padding-medium; } .am-close-icon { display: block; } } .am-search-results { .am-search-input { .el-input { margin-left: @margin-big*2 } .am-filter-icon { display: block; } } .am-service-list-container { .am-service { .am-service-header { display: block; .am-service-data { display: block; margin-top: @margin-big; padding: 0; } .am-service-price { position: absolute; top: 24px; right: 12px; font-size: 20px; padding: @padding-small @padding-medium; } } } .am-package { .am-service-header { display: flex; .am-service-data { display: inline-block; vertical-align: middle; margin-top: 0; padding: 0 @padding-medium; @media @less-then-small { padding: 0; margin-top: @margin-big; } } .am-service-price { position: static; font-size: 20px; padding: @padding-small @padding-medium; @media @less-then-small { position: absolute; } } } } } } } //Search results .am-search-results { //display: table-cell; width: 100%; vertical-align: top; border: 1px solid @color-divider-gray; .am-empty-state { text-align: center; padding:@padding-big*4 @padding-medium; h2 { font-size: @big-fs; padding-top: @padding-small; } p { color: @color-text-second; } img, svg { max-width: 240px; path#Oval-8 { fill: @color-accent; } } } .am-spinner { text-align: center; padding-top: @padding-big*8; padding-bottom: @padding-big*8; } .am-search-input { //background-color: @color-accent; background: linear-gradient(135deg, @color-gradient1 0%, @color-gradient2 100%); padding: @padding-medium @padding-medium; position: relative; overflow: hidden; .am-filter-icon { position: absolute; width: 24px; height: 24px; cursor: pointer; display: none; padding: @padding-small; box-sizing: content-box; background: shade(@color-accent, 25%); border-radius: 3px; border: 1px solid #fff; svg { path { fill: #fff; } } &:hover { opacity: 0.7; } } .el-input { width: calc(~'100%' - @margin-big * 2); span { color: @color-white; font-size: @regular-fs; i { font-weight: @bold; } } input { background-color: transparent; color: @color-white; border: none; font-size: @regular-fs; font-weight: @light; padding-left: @padding-medium*2; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: @color-white; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: @color-white; } ::-ms-input-placeholder { /* Microsoft Edge */ color: @color-white; } } } .am-service-list { padding: @padding-medium*2; @media @less-then-small { padding: @padding-medium; } } .am-service-list-container { padding: @padding-big 0; .el-collapse { border-bottom: 0; border-top: 1px solid @color-divider-gray; } .el-collapse-item { .el-collapse-item__header { justify-content: center; font-size: @medium-fs; font-weight: @light; text-align: center; padding: 0 @padding-medium; border-bottom: 1px solid @color-divider-gray; &:hover { color: @color-accent; span { color: @color-accent; } } .el-collapse-item__arrow { float: none; transform: rotate(90deg); margin: 0 @margin-small; } &.is-active { .el-collapse-item__arrow { transform: rotate(-90deg); } } } .el-collapse-item__wrap { padding: @padding-big; @media @less-then-small { padding: @padding-medium; } .el-collapse-item__content { position: relative; padding-bottom: 0; .am-booking-fetched { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: fade(@color-black, 20%); .am-svg-wrapper { position: absolute; width: 160px; height: 160px; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; .am-spin, .am-hourglass { filter: brightness(10); } } } .am-package-selected { .am-packages-buttons { position: static; justify-content: center; } } .am-package-setup { .am-next-date-button { width: 100%; margin: 0 0 @margin-big; } .am-button-wrapper { display: flex; justify-content: center; } } } h3 { text-align: center; margin-bottom: @margin-big; } .am-service-extras { margin: @margin-big 0; height: 132px; overflow-y: auto; .el-checkbox { white-space: normal; margin: 0; padding: 0; } .el-checkbox__input { margin-right: @margin-small; } .el-checkbox__label { padding-left: 0; display: inline; } .el-row { margin-bottom: @margin-medium; } .el-col { @media @less-then-small { margin-bottom: @margin-small; } } .el-input-number { max-width: 100%; &.is-disabled { .el-input-number__decrease, .el-input-number__increase { border-color: #e4e7ed; color: #e4e7ed; } } } } .am-grouped { margin-bottom: @margin-big; padding-bottom: @padding-big; border-bottom: 1px solid @color-divider-gray; h4 { margin: 0; font-weight: @regular; } } .am-appointment-times { margin-bottom: @margin-big; height: 132px; max-height: 132px; overflow-y: auto; .el-radio-button { margin: @margin-small/2; .el-radio-button__inner { border: 1px solid @color-divider-gray; border-radius: 3px; color: @color-text-prime; width: 168px; &:hover { color: @color-accent; } } .el-radio-button__orig-radio:checked + .el-radio-button__inner { background-color: @color-accent; border-color: @color-accent; box-shadow: none; -webkit-box-shadow: none; color: @color-white; &:hover { color: @color-white; } } .el-radio-button__orig-radio:disabled + .el-radio-button__inner { &:hover { color: @color-light-gray; } } } .el-radio-group { text-align: center; width: 100%; } } .am-duration { margin-bottom: @margin-medium; .el-form-item { margin-bottom: @margin-medium; } .el-input__inner { background-color: transparent; border-color: fade(@color-black, 10%); &::placeholder, &::-webkit-input-placeholder, &::-moz-placeholder, &:-ms-input-placeholder, &:-moz-placeholder { color: fade(@color-white, 70%); } } } .am-recurring-check { font-size: @small-fs; padding: @padding-medium 0 @padding-big 0; } } } .am-service-header { position: relative; display: flex; align-items: flex-start; padding: @padding-big; background: #FFFFFF; @media @less-then-small { padding: 12px; } .am-service-image { display: inline-block; width: 60px; max-width: 60px; height: 60px; max-height: 60px; position: relative; flex: none; vertical-align: middle; border-radius: 50%; & > span { display: flex; align-self: center; width: 26px; height: 26px; position: absolute; bottom: 0; right: -13px; padding: 3px; border: 3px solid #FFFFFF; border-radius: 50%; background-color: @color-accent; box-sizing: border-box; & > img { border-radius: 0; } } img, svg { width: 100%; height: 100%; border-radius: 50%; } } .am-service-data { display: inline-block; vertical-align: middle; padding: 0 @padding-medium; @media @less-then-medium { display: block; padding: 0; margin-top: @margin-medium; } .am-service-title { max-width: 80%; h2 { font-size: @medium-fs; font-weight: @regular; } } .am-service-provider { img { display: inline-block; font-size: @small-fs; margin-top: -5px; width: 24px; height: 24px; border-radius: 50%; border: 2px solid @color-white; margin-right: @margin-small/2; } } .am-service-info { display: flex; @media @less-then-small { display: block; } div { font-size: @small-fs; color: @color-text-second; display: inline-block; border-right: 1px solid @color-divider-gray; margin-right: @margin-small; padding-right: @padding-small; @media @less-then-small { display: block; padding: 0; border: none; } &:last-child { border-right: none; } img, svg { display: inline-block; vertical-align: text-top; } } } } .am-service-price { display: inline-block; margin-left: auto; padding: @padding-medium @padding-big; border-radius: 30px; background-color: fade(@color-accent, 7%); color: @color-accent; font-size: @big-fs; line-height: 1.2; sup { font-size: @small-fs; font-weight: @light; margin-left: 2px; } } } .am-service { border: 1px solid @color-divider-gray; margin-bottom: @margin-medium*2; border-radius: 3px; &.am-active-book { box-shadow: 0 0 16px 1px fade(@color-divider-gray, 90%); } } .am-package { border: 1px solid @color-accent; overflow: hidden; .am-service-header { justify-content: space-between; background-color: fade(@color-accent, 7%); .am-package-header-image-data-wrapper { flex: 1 1 auto; display: flex; align-items: flex-start; @media @less-then-small { flex-direction: column; } } .am-service-data { width: 100%; .am-service-title { max-width: 100%; } .am-package-header { &__services { display: flex; flex-wrap: wrap; font-size: @small-fs; } &__service-name { margin-left: 4px; color: @color-icon; &:after { content: ','; } &:last-child { &:after { content: ''; } } & span { font-weight: @medium; text-align: center; padding: 2px 4px; border-radius: 4px; color: @color-accent; background-color: fade(@color-accent, 7%); &:before { content: 'x'; } } } } } .am-service-price { display: flex; flex: 0 0 auto; flex-direction: column; align-items: flex-end; padding: 0; margin-left: @margin-medium; background-color: transparent; &__wrapper { color: @color-accent; } &__discount { max-width: 112px; display: flex; align-items: center; justify-content: space-between; padding: 4px @padding-small; border-radius: 13px; background-color: @color-accent; } &__discount-image { height: 18px; } &__discount-text { font-size: @regular-fs; font-weight: @medium; line-height: 1; color: @color-white; margin-left: @margin-small; } } } .el-collapse { border-top: 1px solid @color-accent; .el-collapse-item { &:last-child { & > div:first-child { padding: @padding-medium @padding-big; background-color: fade(@color-accent, 7%); border-bottom: 1px solid @color-accent; @media @less-then-small { padding: 0; } } } &__header { background-color: fade(@color-accent, 16%); font-weight: @medium; color: @color-accent; border-radius: 4px; border-bottom: 0; &:hover { background-color: fade(@color-accent, 25%); } @media @less-then-small { border-radius: unset; } .am-package-collapse-btn { font-weight: @medium; color: @color-accent; } } &__wrap { background-color: fade(@color-accent, 7%); } } } .am-package-description { font-size: 14px; font-weight: @medium; margin-top: 0px; margin-bottom: 16px; } .am-package-rule { margin: @margin-medium 0; & > div { padding: 0; margin-bottom: @margin-small; } span { display: block; background-color: #FFFFFF; } } .am-package-service { background-color: #FFFFFF; } .am-select-date { .am-package-service-name { font-size: @medium-fs; font-weight: @bold; } .el-collapse { margin-bottom: @margin-medium; border-top: none; &-item { border-radius: 4px; border: 1px solid @color-accent; &__header { @media @less-then-xsmall { font-size: 14px; padding: 0 6px; } } &__wrap { @media @less-then-xsmall { padding: 0; } } .c-pane { @media @less-then-xsmall { min-width: auto !important; } } } } } .am-package-list { .am-appointments-wrapper { background-color: #FFFFFF; padding: @padding-small @padding-medium @padding-medium; border: 1px solid @color-divider-gray; border-radius: 4px; margin-bottom: @margin-medium; } .am-appointment-block { p{ font-size: @small-fs; margin-bottom: 0; } } .el-collapse { border: none; &-item { &:last-child { & > div:first-child { padding: 0; border-bottom: none; background-color: transparent; } } &__header { position: relative; height: auto; padding: 5px 38px 5px @padding-small; border-radius: @border-radius; background-color: @color-light-gray; border: none; @media @less-then-xsmall { justify-content: space-between; flex-wrap: wrap; } * { font-size: @small-fs; } > div { margin: 0 @margin-small 0 0; } .am-blue-badge { display: flex; p { padding: 2px @padding-small; margin: 0 12px 0 0; @media @less-then-xsmall { margin: 0; } } } .am-package-service-duration { flex: 0 0 auto; margin: 0 @margin-small 0 auto; line-height: 0; @media @less-then-xsmall { margin: 0; } } } &__arrow { position: absolute; top: 50%; right: 10px; font-size: @medium-fs; font-weight: @bold; margin: 0; transform: translateY(-50%) rotate(90deg); &.is-active { transform: translateY(-50%) rotate(-90deg); } } &__wrap { border: none; padding: 0; background-color: #FFFFFF; } &__content { padding: 0; } } } .am-appointment-body { padding: 6px @padding-small; * { font-size: @small-fs; } > div { margin-bottom: 0; } &.el-row { margin: 0; } } .am-appointment-body-cell { @media @less-then-small { display: flex; } @media @less-then-xsmall { flex-direction: column; } } .am-appointment-body-heading { display: none; @media @less-then-small { display: block; max-width: 120px; width: 100%; flex: 0 0 auto; } } .am-appointment-service-name { font-size: @regular-fs; font-weight: @medium; line-height: @h1-lh; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; cursor: pointer; p { overflow: hidden; text-overflow: ellipsis; } } .am-appointment-header { @media @less-then-small { display: none; } &.el-row { margin: @margin-small @margin-small 0; } } .am-appointment-header-cell { line-height: 1.8; } .am-text-upper { text-transform: uppercase; } .am-text-center { text-align: center; } .am-text-gray { color: @color-dark-gray; } .am-confirmation-booking-package-wrapper { h2 { font-weight: @regular; margin-bottom: @margin-small; } .am-package-rule { display: flex; flex-wrap: wrap; } .am-blue-badge { display: inline-flex; p { flex: 1 0 auto; background-color: fade(@color-accent, 10%); padding: 4px @padding-small; font-weight: @medium; line-height: @h1-lh; color: @color-accent; border-radius: @border-radius; } } } .el-row { margin-bottom: @margin-small; } } } } .am-pagination { p { font-size: @mini-fs; color: @color-text-second; margin: @margin-small/2 0 @margin-small/2; padding: 0; @media @less-then-small { text-align: center; } } .el-pagination { text-align: right; @media @less-then-small { text-align: center; } .el-pager li { height: 32px; line-height: 32px; padding: 0 @padding-small; color: @color-text-second; border-top: 1px solid @color-divider-gray; border-bottom: 1px solid @color-divider-gray; border-left: 1px solid @color-divider-gray; &:first-child { border-left: none; } @media @less-then-small { padding: 0 @padding-small/3; min-width: 24px; } &.active { background-color: @color-accent; border-color: @color-accent; color: @color-white; &:hover { color: @color-white; } } &:hover { color: @color-accent; } } button { border: 1px solid @color-divider-gray; height: 32px; padding: 0 @padding-small; &:hover { color: @color-accent; } &.btn-prev { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 0; border-top-right-radius: 0; } &.btn-next { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; } } } } } } } /* Dialogs */ .am-modal { p { word-wrap: break-word; } @media @less-then-small { .v-calendar-column { text-align: center; .popover-origin { left: unset !important; -webkit-transform: unset !important; transform: unset !important; } } } .el-dialog { background: #fff; border-radius: 6px; width: 860px; overflow: hidden; @media @less-then-medium { width: 100%; } .am-confirmation-booking { position: relative; } .am-booking-fetched { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .el-dialog__header { padding: 0; margin: 0; } .el-dialog__body { padding: @padding-medium*2; text-align: left; } .el-dialog__footer { padding: 0 @padding-medium*2 @padding-medium*2; } } &.el-dialog-recurring-active { .el-dialog { overflow: visible; width: 600px; @media @less-then-small { width: 100%; .el-dialog__body { padding: @margin-small; } } } } .el-form-item { margin-bottom: @margin-big; } .am-recurring-setup { @media @less-then-small { padding: @margin-small; } .el-input-number { width: 100%; } .el-input-number__decrease { width: 30%; } .el-input-number__increase { width: 30%; } .el-row { padding: 0; } .el-checkbox-button__inner { border-radius: 4px; height: 40px; width: 40px; vertical-align: middle; display: table-cell; padding: 12px; } .am-recurring-setup-title { text-align: center; margin-bottom: @margin-medium; } .am-recurring-setup-description { margin-top: @margin-big; padding-top: @padding-medium; border-top: 1px solid @color-divider-gray; margin-bottom: @margin-extra-big; text-align: center; } .am-button-wrapper { text-align: center; .am-recurring-continue { background-color: @color-accent; span { color: @color-white; } } } } .am-recurring-dates { .am-recurring-dates-header { margin-top: @margin-big; margin-bottom: @margin-big; text-align: center; @media @less-then-small { border-bottom: 1px solid @color-divider-gray; margin-bottom: 5px; } .am-recurring-dates-header-first { margin: 0; } .am-recurring-dates-header-second { color: darken(@color-light-gray, 30%); font-size: @small-fs; word-wrap: break-word; } } .am-recurring-dates-rows { opacity: 1; padding-left: 10px; padding-right: 10px; margin-bottom: 100px; @media @less-then-small { padding-left: 5px; padding-right: 0; margin: 0; } } .am-recurring-row-delete-message { font-size: 12px; } .am-recurring-row-item-time { .el-input__inner { padding-left: 30px; } } .am-recurring-dates-row-header { padding-left: 10px; padding-right: 10px; * { color: darken(@color-light-gray, 30%); } .el-row { border-bottom: 1px solid @color-divider-gray; span { padding-left: 30px; } .am-recurring-dates-row-header-date { span { padding-left: 18px; } } } } .am-recurring-flex-row-middle-align { border-bottom: 1px solid @color-divider-gray; display: flex; align-items: center; width: 100%; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; &.am-recurring-dates-row-editing { background-color: @color-highlight; } &.am-recurring-dates-row-substitute { background-color: fade(@color-accent, 20%); } @media @less-then-large { align-items: inherit; } @media @less-then-small { display: inline-block; &:first-of-type { margin-bottom: 0; } } @media @more-then-small { .am-recurring-row-item-date { &.is-editing > div { &:after { content: ""; display: block; position: absolute; top: 2px; bottom: 2px; right: 8px; width: 16px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDIyIDI0Ij4NCiAgICA8cGF0aCBmaWxsPSIjRTJFNkVDIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiDQogICAgICAgICAgZD0iTTE1LjcxNCAyLjY2N0g2LjI4NlYwSDIuNzV2Mi42NjdILjc4QS43ODMuNzgzIDAgMCAwIDAgMy40NXYxOS43NjRBLjc4Ljc4IDAgMCAwIC43ODMgMjRoMjAuNDM0YS43ODUuNzg1IDAgMCAwIC43ODMtLjc4NVYzLjQ1MWEuNzgyLjc4MiAwIDAgMC0uNzgtLjc4NGgtMS45N1YwaC0zLjUzNnYyLjY2N3pNMi43NSAyMS40MjlWOGgxNi41djEzLjQyOUgyLjc1ek0xMiAxNHY2aDZ2LTZoLTZ6Ii8+DQo8L3N2Zz4NCg==') no-repeat center / contain; } } } .am-recurring-row-item-time { &.is-editing > div > div { &:before { content: ""; display: block; position: absolute; top: 2px; bottom: 2px; left: 8px; width: 16px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjRDNEQ0U2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMywyNyBDMTguMDI5MjM4NiwyNyAxNCwyMi45Njk3ODA1IDE0LDE3Ljk5OTcyMzkgQzE0LDEzLjAyOTY2NzMgMTguMDI5MjM4Niw5IDIzLDkgQzI3Ljk3MDIwOTEsOSAzMiwxMy4wMjk2NjczIDMyLDE3Ljk5OTcyMzkgQzMyLDIyLjk2OTc4MDUgMjcuOTcwMjA5MSwyNyAyMywyNyBMMjMsMjcgWiBNMjMsMTAuOTI4NTcxNCBDMTkuMDk0NTczNiwxMC45Mjg1NzE0IDE1LjkyODU3MTQsMTQuMDk0NDU0MSAxNS45Mjg1NzE0LDE3Ljk5OTczMyBDMTUuOTI4NTcxNCwyMS45MDUwMTE5IDE5LjA5NDU3MzYsMjUuMDcxNDI4NiAyMywyNS4wNzE0Mjg2IEMyNi45MDU0MjY0LDI1LjA3MTQyODYgMzAuMDcxNDI4NiwyMS45MDUwMTE5IDMwLjA3MTQyODYsMTcuOTk5NzMzIEMzMC4wNzE0Mjg2LDE0LjA5NDQ1NDEgMjYuOTA1NDQ2MSwxMC45Mjg1NzE0IDIzLDEwLjkyODU3MTQgTDIzLDEwLjkyODU3MTQgWiBNMjMuMDE0MzMzMiwxOS4xODc3NjQ2IEMyMi41NDg1MjE4LDE5LjE4Nzc2NDYgMjIuMTcwNTgzMiwxOC44MDk4Mzc2IDIyLjE3MDU4MzIsMTguMzQ0MDQwNSBMMjIuMTcwNTgzMiwxNC4zMzMzOTY5IEMyMi4xNzA1ODMyLDEzLjg2NzU5OTkgMjIuNTQ4NTIxOCwxMy40ODk2NzI4IDIzLjAxNDMzMzIsMTMuNDg5NjcyOCBDMjMuNDgwMTQ0NSwxMy40ODk2NzI4IDIzLjg1ODA4MzIsMTMuODY3NTk5OSAyMy44NTgwODMyLDE0LjMzMzM5NjkgTDIzLjg1ODA4MzIsMTcuNTAwMzE2NCBMMjYuNjcwNTgzMiwxNy41MDAzMTY0IEMyNy4xMzYzOTQ2LDE3LjUwMDMxNjQgMjcuNTE0MzMzMiwxNy44NzgyNDM0IDI3LjUxNDMzMzIsMTguMzQ0MDQwNSBDMjcuNTE0MzMzMiwxOC44MDk4Mzc2IDI3LjEzNjQxNSwxOS4xODc3NjQ2IDI2LjY3MDU4MzIsMTkuMTg3NzY0NiBMMjMuMDE0MzMzMiwxOS4xODc3NjQ2IFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNCAtOSkiLz4KPC9zdmc+Cg==') no-repeat center / contain; } } } } .el-col { margin: auto; @media @less-then-small { span.am-col-title-date { display: inline-block; color: darken(@color-light-gray, 30%); } } .el-icon-warning-outline { margin-left: 5px; } .am-col-title { display: none; font-size: @small-fs; color: @color-text-second; } @media @less-then-small { .am-col-title { display: block; } } &.am-recurring-row-item { padding-left: 1px; padding-right: 1px; pointer-events: none; @media @less-then-small { padding-left: 0; padding-right: 0; &.am-recurring-row-item-date { width: 56%; display: inline-block; text-align: center; margin-left: 5px; .el-input__inner { padding-right: 0; padding-left: 5px; } } &.am-recurring-row-item-time { width: 35%; display: inline-block; text-align: center; margin-left: 5px; .el-input__inner { padding-right: 0; padding-left: 5px; } } } } &.am-recurring-row-action { text-align: center; } .el-input__inner { background-color: transparent; border-color: transparent; } .el-select__caret { display: none; } &.is-substitute { .el-input__inner { color: @color-accent } } &.is-editing { .el-input__inner { border-color: #E2E6EC; } .el-select__caret { display: inline-block; } &.am-recurring-row-item { pointer-events: all; } &.am-recurring-row-action { border-color: transparent; } } &.is-deleting { text-align: center; } @media @less-then-small { p { text-align: left; } width: 100%; } .am-edit-element { padding: 0; &:first-child { margin-right: 20px; } } } } .v-calendar-column { @media @less-then-small { padding: 0 0 0; } } .am-pagination { display: flex; justify-content: space-around; padding-bottom: @padding-small; @media @less-then-medium { display: block; border-bottom: none; text-align: center; } div { display: inline-block; margin: auto; @media @less-then-medium { display: block; } p { padding-top: @padding-small; padding-bottom: @padding-small; margin: auto; text-align: center; font-size: @small-fs; color: darken(@color-light-gray, 30%); @media @less-then-small { text-align: center; } } } .el-pagination { text-align: center; display: inline-block; padding-top: @padding-small; padding-bottom: @padding-small; @media @less-then-small { text-align: center; } .el-pager li { height: 32px; line-height: 32px; padding: 0 @padding-small; color: @color-text-prime; border-top: 1px solid @color-divider-gray; border-bottom: 1px solid @color-divider-gray; border-left: 1px solid @color-divider-gray; &:first-child { border-left: none; } @media @less-then-small { padding: 0 @padding-small/3; min-width: 24px; } &.active { background-color: @color-accent; border-color: @color-accent; color: @color-white; &:hover { color: @color-white; } } &:hover { color: @color-accent; } } button { border: 1px solid @color-divider-gray; height: 32px; padding: 0 @padding-small; } } } .dialog-footer { border-top: 1px solid @color-divider-gray; padding-top: @padding-big; margin: @margin-big 10px 0 10px; width: 100%; text-align: center; } } .am-confirmation-booking-header { text-align: center; margin-bottom: @margin-big; img, svg { border-radius: 50%; max-width: 80px; width: 80px; height: 80px; } h2 { font-weight: @medium; padding: @padding-medium; margin: 0; } } p { margin: 0; padding: 0; font-size: @small-fs; color: @color-text-prime; } .am-employee-photo { border-radius: 50%; width: 24px; max-width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: @margin-small/2; } .el-row { margin-bottom: @margin-small; padding: 0 @padding-small; } .am-add-coupon { margin-bottom: @margin-medium; span { color: @color-accent; font-size: @mini-fs; } .el-input__inner { height: 32px; } svg, img { width: 20px; height: 20px; display: inline-block; margin-right: 2px; vertical-align: middle; path { fill: @color-accent; } } .el-form-item { margin-bottom: 0; } .el-input-group__append, .el-input-group__prepend { background-color: @color-accent; color: @color-white; border-color: @color-accent; &:hover { background-color: fade(@color-accent, 15%); border-color: fade(@color-accent, 15%); .el-button { color: @color-text-prime; background-color: transparent; border-color: transparent; } } .el-button { background-color: transparent; border-color: transparent; color: @color-white; } } } .am-add-coupon-field { span { visibility: hidden; } } .am-coupon-limit { background-color: #354052; padding: 10px; border-radius: @border-radius/2; margin-bottom: 10px; .am-coupon-limit-text { font-size: 14px; div { display: inline-block; padding-top: 6px; padding-bottom: 6px; } p, strong { color: @color-white; } } svg, img { width: 30px; height: 30px; display: inline-block; margin-right: 2px; vertical-align: middle; margin-bottom: 6px; margin-top: 6px; circle { fill: @color-accent; } } } .am-confirm-booking-form { p { word-break: break-word; } .am-confirm-booking-data { margin-bottom: 0; span.am-whatsapp-opt-in-text { color: fade(@color-input-text, 50%); font-weight: 400; font-size: 10px; display: flex; margin-top:5px; } } .am-confirm-booking-payment { margin-top: -24px; } .am-payment-buttons-wrapper { min-height: 132px; .el-form-item__label { span { color: @elf-text-color; } } .el-form-item__content { display: flex; align-items: flex-start; max-height: unset !important; flex-wrap: wrap; } .am-payment-button { width: 112px; height: 90px; padding: @padding-medium; background-color: transparent; border: 2px solid @color-divider-gray; border-radius: @border-radius/3*4; text-decoration: none; margin: 0 10px 10px 0; &:hover { background: fade(@color-accent, 8%); border: 2px solid @color-accent; } p { text-align: center; text-transform: none; } &-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; } &-selected { background: fade(@color-accent, 8%); border: 2px solid @color-accent; border-color: @color-accent !important; &:hover { border: 2px solid @color-accent; } } img { height: 32px; } } } .am-confirmation-booking-details { border-bottom: 1px solid @color-divider-gray; margin-bottom: @margin-big; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid @color-divider-gray; padding: @padding-big 0; @media @less-then-medium { display: block; } &.recurring-string { padding-top: 0; border-top: none; } > div { margin-right: @margin-small; @media @less-then-medium { display: inline-block; margin-bottom: @margin-medium; min-width: 48%; } p { margin: 0 0 @margin-small/2; } } } } .am-custom-fields { display: inline-block; width: 100%; .el-row { padding-left: 12px; padding-right: 12px; margin-bottom: 0; .el-col:nth-child(odd) { clear: both; } .am-custom-required-as-html { .el-form-item__label:before { content: '*'; color: #F56C6C; margin-right: 4px; } } .text-content-custom-field { label { visibility: hidden; } } } .el-upload { width: 100%; } .el-upload-dragger { border: 2px dashed @color-accent; height: 40px; text-align: center; cursor: pointer; position: relative; border-radius: 4px; justify-content: center; align-items: center; color: @color-accent; box-sizing: border-box; display: flex; width: 100%; .el-icon-upload { margin: 0 0 0 0; } i { display: inline; padding: @padding-small/4; color: @color-accent; font-size: @medium-fs+4px; line-height: 36px; } span { color: @color-accent; } } } .am-confirmation-total { background-color: fade(@color-accent, 10%); padding: @padding-small; .el-row { margin-top: @margin-small; margin-bottom: @margin-small; margin-left: 0 !important; margin-right: 0 !important; } .am-confirmation-deposit { &-price { border-bottom: 1px solid @color-dark-gray; padding-bottom: 8px; } .am-confirmation-deposit-info { font-style: italic; color: @color-dark-gray; display: inline-block; } } p { font-weight: @medium; &.am-align-right { color: @color-accent; } } } .am-payment-type { .el-form-item__content { max-height: unset !important; } &-radio { border-radius: 8px; margin: 0 8px 8px 0 !important; &-checked { border: 1px solid @color-accent !important; background-color: fade(@color-accent, 8%); .el-radio__inner { border-color: @color-accent; background: @color-accent; &:after { transform: translate(-50%,-50%) scale(1); } } } } } .am-confirmation-extras-cost { background-color: fade(@color-accent, 10%); padding-top: @padding-small/2; padding-bottom: @padding-small/2; margin-left: 0 !important; margin-right: 0 !important; div { line-height: 24px; } .el-collapse { border: none; .el-collapse-item__header { height: 24px; border: none; margin: 0; padding: 0; font-size: @small-fs; color: @color-text-prime; background: none; .am-extras-title { display: inline-block; font-weight: @regular; padding-left: 12px; } .am-extras-total-cost { float: right; } i { line-height: 24px; margin-right: -3px; margin-left: 1px; } } .el-collapse-item__wrap { background: none; border: none; padding-left: @padding-big/2; .el-collapse-item__content { padding: 0; .am-extras-details { display: inline-block; } .am-extras-cost { display: inline-block; float: right; padding-right: @padding-big/2; } } } } } .dialog-footer { margin-top: @margin-big; text-align: center; } } .am-waiting-confirmation, .am-success-payment, .am-booking-fetched { text-align: center; @media @less-then-small { padding: @padding-medium; } h4 { text-transform: uppercase; margin-bottom: @margin-big; color: @color-text-second; letter-spacing: 2px; } .el-button a { color: @color-white; } .am-svg-wrapper { position: relative; margin: 0 0 @margin-big; .am-hourglass { position: absolute; top: 50%; left: 50%; width: 32px; height: 42px; padding: 0; margin-left: -16px; margin-top: -24px; path { fill: @color-accent; } } .am-congrats { width: 96px; padding: 0; margin: @margin-big; /*border-radius: 50%; border: 2px solid @color-divider-gray;*/ path { fill: @color-accent; } &#shape-star { fill: #ffffff; } } .am-spin { width: 160px; padding: 0; margin: 0; path { stroke: @color-accent; } } } .el-col { width: 100%; } } .am-success-payment { .el-select { width: 100%; max-width: 250px; } } .el-dialog__body { .el-button.el-button--primary { color: @color-white; background-color: @color-accent; border-color: @color-accent; &:hover, &:focus { color: @color-white; background-color: fade(@color-accent, 75%); border-color: fade(@color-accent, 75%); span { color: @color-white; } } } .am-confirmation-booking { .am-confirmation-booking-package-wrapper { padding: 0 @padding-small; h2 { font-weight: @regular; } .am-package-rule { display: flex; flex-wrap: wrap; } .am-blue-badge { display: inline-flex; p { flex: 1 0 auto; background-color: fade(@color-accent, 10%); padding: 4px @padding-small; font-weight: @medium; line-height: @h1-lh; color: @color-accent; border-radius: @border-radius; } } .am-package-header { position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: @margin-extra-big; .am-package-header-image-data-wrapper { flex: 1 1 auto; display: flex; align-items: center; @media @less-then-xsmall { flex-direction: column; align-items: flex-start; } } .am-package-image { display: inline-block; width: 60px; max-width: 60px; height: 60px; max-height: 60px; position: relative; flex: none; vertical-align: middle; border-radius: 50%; & > span { display: flex; align-self: center; width: 26px; height: 26px; position: absolute; bottom: 0; right: -13px; padding: 3px; border: 3px solid #FFFFFF; border-radius: 50%; background-color: @color-accent; box-sizing: border-box; & > img { border-radius: 0; } } img, svg { width: 100%; height: 100%; border-radius: 50%; } } .am-package-data { display: inline-block; width: 100%; vertical-align: middle; padding: 0 @padding-medium; @media @less-then-xsmall { display: block; padding: 0; margin-top: @margin-medium; } .am-package-title { max-width: 100%; h2 { font-size: @medium-fs; font-weight: @medium; } } } .am-package-price { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; border-radius: @border-radius; background-color: fade(@color-accent, 7%); color: @color-accent; font-size: @regular-fs; line-height: 1.2; padding: @padding-small; @media @less-then-xsmall { position: absolute; top: 0; right: 0; } sup { font-size: @small-fs; font-weight: @light; margin-left: 2px; } &__wrapper { color: @color-accent; &-discount { margin-bottom: @margin-small/2; } } &__discount { max-width: 112px; display: flex; align-items: center; justify-content: space-between; padding: 4px @padding-small; border-radius: 13px; background-color: @color-accent; } &__discount-image { height: 18px; } &__discount-text { font-size: @regular-fs; font-weight: @medium; line-height: 1; color: @color-white; margin-left: @margin-small; } } } } .am-confirmation-booking-package-header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: @margin-big; padding: 0 @padding-small; .am-package-image { display: flex; flex-direction: row; align-items: center; justify-content: space-between; @media @less-then-xsmall { flex-wrap: wrap; } img, svg { width: 44px; height: 44px; max-width: 100%; max-height: 100%; border-radius: 50%; } } p { font-size: @regular-fs; } h2 { font-weight: @medium; padding: 0 @padding-medium; @media @less-then-xsmall { padding: 0; margin-top: @margin-small; } } } } } #am-modal.am-modal.am-in-body { .v-calendar-column { .am-calendar-searchForm-recurringSetupForm, &.am-calendar-searchForm-recurringDatesForm { .popover-container .popover-origin .popover-content-wrapper .popover-content { background-color: #ffffff; } } } } frontend/cabinet.less 0000666 00000170462 15165376205 0010710 0 ustar 00 @import "_variables"; .amelia-app-booking { #am-cabinet { .am-cabinet-timezone { font-size: 14px; cursor: pointer; &-icon { svg { fill: @color-white !important; margin-right: 2px; } } span { color: @color-white; display: flex; align-items: center; } .el-input__suffix { .el-input__suffix-inner { .el-icon-circle-close:before { color: @color-input-text; } } } } .el-input__inner { height: 40px !important; margin-bottom: 0 !important; background: none !important; } .am-event-ticket-row { .el-input__inner { height: 32px !important; } } .el-input--medium .el-input__inner { height: 36px !important; } .el-input--small .el-input__inner { height: 32px !important; } .el-input--mini .el-input__inner { height: 28px !important; } // Auth .am-cabinet-auth { max-width: 450px; margin: @margin-big auto; border-radius: 4px; background-color: @color-bgr; box-shadow: 0 0 20px 10px rgba(64, 74, 91, 0.15); @media @less-then-small { padding: @padding-small; } // Auth Alert .el-alert { margin-bottom: 15px; width: 100%; color: #ffffff; &.el-alert--success { background-color: @color-green; } &.el-alert--error { background-color: @color-red; } .el-alert__closebtn, span { color: #ffffff; font-size: @small-fs; } } // Auth Content .am-cabinet-auth-content { padding: @padding-big*2 @margin-medium*4; @media @less-then-small { padding: @padding-small; } // Auth Content Title .am-cabinet-auth-title { font-size: @h4-fs; font-weight: 500; margin-bottom: @margin-medium; } // Auth Content Subtitle .am-cabinet-subtitle { opacity: 0.8; color: @color-text-second; margin-bottom: @margin-big; } // Auth Content Form .am-cabinet-auth-form { p { &:hover { text-decoration: underline; } margin-top: 10px; text-align: center; margin-bottom: 0; span { color: @color-accent; cursor: pointer; font-weight: 500; } } } } } // Dashboard .am-cabinet-dashboard { box-shadow: 0 0 20px 10px rgba(64, 74, 91, 0.15); max-width: 1000px; margin: 0 auto 40px; overflow: hidden; border-radius: 4px; .timezone_warning { .el-alert__description { color: #d28f2b; margin: @margin-small; text-align: center; padding-right: 5px; } .el-alert__closebtn { color: #d28f2b; border: 1px solid #d28f2b; border-radius: 50%; padding: 2px; } } .am-cabinet-dashboard-appointments, .am-cabinet-dashboard-events { padding: 40px !important; @media @less-then-medium { padding: 20px 10px !important; } } // Dashboard Header .am-cabinet-dashboard-header { background: linear-gradient(135deg, @color-gradient1 0%, @color-gradient2 100%); padding: @padding-medium*2; display: flex; align-items: center; justify-content: space-between; @media @less-then-small { display: block; } .am-cabinet-dashboard-user-data { display: flex; align-items: center; * { color: #ffffff; } .am-cabinet-user-initials { width: 40px; height: 40px; min-width: 40px; line-height: 40px; text-align: center; background-color: @color-light-gray; border-radius: 50%; color: @color-text-second; font-size: 18px; margin-right: @margin-medium; display: flex; @media @less-then-small { display: none; } img { border-radius: 50%; } } .am-cabinet-user-email { font-size: 14px; cursor: pointer; .el-dropdown-link { color: @color-white; height: 25px; display: inline-block; i { color: @color-white; } } } } } // Dashboard Menu .am-cabinet-menu { background: linear-gradient(135deg, @color-gradient1 0%, @color-gradient2 100%); display: flex; align-items: center; justify-content: flex-start; width: 100%; border-top: 1px solid rgba(255, 255, 255, .1); @media @less-then-small { display: block; } > div { padding: @padding-small @padding-big; color: #ffffff; cursor: pointer; transition: all 0.3s; &:hover, &.am-active { background-color: rgba(255, 255, 255, .1); } } .am-cabinet-menu-item { color: @color-white; padding: 8px 40px; } } // Dashboard Content .am-cabinet-content { background-color: @color-bgr; min-height: 480px; &-profile-spinner { padding-top: 160px; padding-bottom: 160px } @media @less-then-small { padding: 0; } .am-cabinet-filter { margin-bottom: 16px; .am-filter-fields { .v-calendar-column .popover-container .popover-origin .popover-content-wrapper .popover-content { color: @color-text-prime; background-color: @color-bgr; * { color: @color-text-prime; } .c-title-popover.popover-container { .popover-origin { background-color: @color-bgr; * { background-color: @color-bgr; } } } .c-day-content:hover { & > div { color: @color-accent; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white; } } @media @less-then-xsmall { .popover-container { input { padding: 8px; font-size: 12px; } } .c-pane-container { padding: 0; } } @media @more-then-small { margin-right: 8px; } @media @less-then-medium { margin-bottom: 8px; } } } // Empty State .am-empty-state { text-align: center; padding: @padding-big 0; max-width: 300px; margin: 0 auto; p { margin: 0; } } .am-add-new-button { max-width: 100%; display: inline-block; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } // List Head .am-cabinet-list-head { padding: @padding-small @padding-medium * 2 @padding-small @padding-medium; @media @less-then-large { display: none; } @media @less-then-small { padding: @padding-small; } p { margin: 0; color: fade(@color-text-prime, 65%); font-size: @small-fs; &:first-letter { text-transform: uppercase; } } } // Cabinet List .am-cabinet-list { height: 410px; overflow-y: auto; overflow-x: hidden; &::-webkit-scrollbar { position: absolute; width: 8px; right: 1px; } &::-webkit-scrollbar-track { background: transparent; } &::-webkit-scrollbar-thumb { background: @color-dark-gray; border-radius: 0; } &::-webkit-scrollbar-thumb:hover { background: darken(@color-dark-gray, 10%); } @media @less-then-small { padding: @padding-small; } .am-cabinet { border-bottom: 1px solid @color-divider-gray; position: relative; &:first-child { @media @less-then-medium { border-top: none; } } h4 { display: inline-block; line-height: 1.1; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; margin: 0 !important; font-weight: normal; padding-top: 0 !important; padding-bottom: 0 !important; @media @less-then-large { font-size: 14px; padding: 0; margin: 0 auto; } } p, a { @media @less-then-large { font-size: 14px; } } img { border-radius: 50%; border: 2px solid #ffffff; display: inline-block; vertical-align: top; width: 32px; height: 32px; min-width: 32px; max-width: 32px; margin-top: 0 !important; } .am-assigned { display: flex; align-items: center; &.am-multiple-employees { img + img { margin-left: -24px; } } img { margin-right: @margin-small; } } .am-cabinet-dropdown-menu { li { font-weight: 500; &:nth-child(2) { color: @color-red; } } } .am-cabinet-button { display: flex; i { font-size: medium; } .am-cabinet-button-zoom { padding: 2px 12px; } } .am-cabinet-button-cancel { color: #ffffff; background-color: @color-red; border-color: @color-red; &:hover { color: #ffffff; background-color: darken(@color-red, 5%); border-color: darken(@color-red, 5%); } } .am-cabinet-button-disabled { color: @color-gray; opacity: 0.5; cursor: not-allowed; pointer-events: none; } p.am-col-title { display: none; font-size: @small-fs; margin: 0; color: @color-url; font-weight: normal; &:first-letter { text-transform: uppercase; } @media @less-then-large { display: block; } } .am-cabinet-row { display: flex; align-items: center; padding: 16px 0; position: relative; width: 100%; min-width: 100%; @media @less-then-large { display: block; align-items: unset; } } .am-cabinet-limited-col { //display: flex; span, h4 { display: inline-block; width: 90%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } } .am-recurring-label { display: flex; color: @color-orange; svg { margin-right: 4px; width: 15px; height: 15px; } } .am-cabinet-list-day-title { padding: 4px 16px; background-color: rgba(0, 0, 0, 0.05); } .am-cabinet-collapsed-content { padding: 16px 0; border-top: 1px solid @color-divider-gray; .am-data, .am-value { display: inline; align-items: center; margin: 0; &.am-text-red { color: @color-red; } &.am-text-green { color: @color-green; } } .am-customer-link { color: @color-text-prime; } .am-data { color: fade(@color-text-prime, 65%); } .am-has-divider { border-bottom: 1px solid @color-divider-gray; padding-bottom: 16px; margin-bottom: 16px; &:last-of-type { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } } .am-customer-name { line-height: 2; font-weight: 500; } @media @less-then-large { .am-hide-less-than-desktop { display: none; } } } .am-status { display: flex; align-items: center; @media @less-then-large { display: inline-flex; } } .am-cabinet-buttons-align-right { text-align: right; @media @less-then-small { .el-dropdown, .el-dropdown .el-button { width: 100%; } } @media @less-then-large { display: inline-flex; align-items: center; } } .am-cabinet-buttons-align-all { display: flex; align-items: center; justify-content: start; margin-right: @margin-small; .el-button { margin-bottom: 0; } } &:last-of-type { border-bottom: none; } } &.am-cabinet-list-package { .am-cabinet { img { height: auto; width: unset; max-width: 100%; } } } } // Flex Row .am-cabinet-flex-row-middle-align { display: flex; align-items: center; @media @less-then-large { align-items: inherit; } @media @from-small-to-large { padding-bottom: @padding-small; } @media @less-then-small { display: block; &:first-of-type { margin-bottom: 0; } } .el-col { @media @less-then-small { margin-bottom: @margin-small; } } } // Cabinet Profile .am-cabinet-profile { @media @less-then-large { p, span, label, div { font-size: 14px; } } &__title { padding: 24px 40px 16px; p { margin: 0; font-size: 20px; letter-spacing: 0; line-height: 24px; } } &__zoom { .el-form-item > label { margin-bottom: 0; } } &__outlook { display: inline-block; width: 100%; } .am-google-calendar-button { padding: 0; height: 40px; border: 1px solid transparent; margin: inherit; width: 100%; background-color: #4285F4; -webkit-border-radius: 1px; border-radius: 1px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s; transition: background-color .218s, border-color .218s, box-shadow .218s; -webkit-user-select: none; -webkit-appearance: none; background-image: none; cursor: pointer; outline: none; overflow: hidden; position: relative; text-align: center; vertical-align: middle; white-space: nowrap; &:hover { background-color: #4285F4; } &:focus { background-color: #3367D6; } &.connected { background-color: #DC4E41; &:hover { background-color: #DC4E41; } &:focus { background-color: #C53829; } } .am-google-calendar-button-image { float: left; padding: 9px; background: #fff; border-radius: 1px; } .am-google-calendar-button-text { padding: 12px 0; display: inline-block; margin: 0; } } #am-google-calendar-connected { .el-badge__content { background-color: @color-green; } } #am-google-calendar-disconnected { .el-badge__content { background-color: @color-red; } } .am-google-calendar-tooltip { margin: 28px 0 0 -12px; } .am-cabinet-button { height: 90px; display: flex; border-top: 2px solid #E4E7ED; @media @less-then-small { display: block; height: initial; > div { display: block !important; padding: @padding-medium; width: unset !important; button { margin: 0 !important; width: 100%; &:nth-child(2) { margin-top: 16px !important; } } } } > div { width: 100%; display: flex; align-items: center; } .am-save-button { margin-left: auto; margin-right: 32px; order: 2; } .el-button { margin-bottom: 0; } .el-button { @media @less-then-small { margin: 0 @padding-small @padding-small; } } } .el-tabs__nav-scroll { padding-left: 40px; @media @less-then-medium { padding-left: 0; } .el-tabs__item { font-size: 15px; color: #7F8FA4; &:hover { color: @color-text-prime; } &.is-active { color: @color-accent; } } .el-tabs__active-bar { background-color: @color-accent; } } .el-tabs__header { margin: 0; } & > div.el-tabs.el-tabs--top > div.el-tabs__header { margin-left: 20px; margin-right: 20px; } .el-tabs__content { height: 400px; padding: 40px; overflow-y: scroll; @media @less-then-medium { padding: 40px 30px; } @media @less-then-small { padding: 40px 24px; } &::-webkit-scrollbar { position: absolute; width: 8px; right: 1px; } &::-webkit-scrollbar-track { background: transparent; } &::-webkit-scrollbar-thumb { background: @color-dark-gray; border-radius: 0; } &::-webkit-scrollbar-thumb:hover { background: darken(@color-dark-gray, 10%); } } // fix for date-picker not visible .customer-details { .el-tabs__content { overflow: visible; } } // Validation Errors .el-form-item__error { @media @less-then-medium { font-size: 10px; } } // Profile Details .am-cabinet-profile-details { display: flex; flex-wrap: wrap; .v-calendar-column { .el-form-item { display: flex; flex-direction: column; &__content { .popover-origin { transform: unset; left: unset; } .am-v-date-picker-suffix { position: absolute; top: 0; right: 25px; color: #E2E6EC; cursor: pointer; &:hover { color: #354052; } } } } } .el-input-group__prepend { background-color: transparent; .el-input { background-color: transparent; &__inner { background-color: transparent; } } } // Profile .am-cabinet-profile-details-info { margin-left: auto; order: 2; display: flex; align-items: center; justify-content: center; &.mobile { order: 0; } @media @less-then-large { padding-bottom: @padding-big; } > div { .am-cabinet-details-picture { text-align: center; margin-bottom: 12px; img { border-radius: 50%; } } .am-cabinet-details-name { margin: 0; color: @color-text-second; font-size: 24px; text-align: center; line-height: 24px; } .am-cabinet-details-activity { display: flex; justify-content: center; .am-employee-status-label { margin-top: 12px; font-size: 14px; font-weight: 500; display: inline-block; padding: @padding-small/2 @padding-small; border-radius: @border-radius/2; @media @less-then-small { margin-bottom: @margin-small; } &.available { background-color: fade(@color-green, 10%); color: @color-green; } &.busy { background-color: fade(@color-orange, 10%); color: @color-orange; } &.away, &.break, &.dayoff { background-color: fade(@color-red, 10%); color: @color-red; } } } } } &-description { .align-right { text-align: right; } .is-align-middle { display: flex; .el-col { padding: 0; } } .el-button-group { & > button { margin-bottom: 0; } } } } } // Assigned Services .am-assigned-services { line-height: 2; &__service-row { max-width: 100%; display: flex; } .el-checkbox { margin-bottom: 0; margin-right: 16px; .el-checkbox__inner { width: 18px; height: 18px; &::after { height: 9px; left: 6px; top: 2px; } } } .am-dialog-table-head { background-color: rgba(0, 0, 0, 0.05); border-radius: 4px; margin-top: 16px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; color: @color-text-prime; @media @less-then-medium { .el-col-12 { width: 100%; display: inline-block; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .el-col-6 { display: none; } } &:first-child { margin-top: 0; } } &__service-row { margin-bottom: 16px; @media @less-then-medium { display: inline-block; margin: 0 !important; padding: 8px 0 12px; border-radius: 4px; &__name { width: 100%; padding: 0 0 4px 0 !important; } .el-col-6 { width: 100%; padding: 0 0 4px 0 !important; p { display: block !important; } } > .el-col-3 { padding-left: 0 !important; } .el-col-3 { width: 50%; &:last-of-type { padding-right: 0 !important; padding-left: 5px !important; } p { display: block !important; } } p { margin: 0; } } &__name { display: flex; align-items: center; span { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } } } .el-input-number { width: initial; } } // Working Hours .am-working-hours { .am-dialog-table { .am-dialog-table-head { display: flex; margin-bottom: 0; padding: 8px 16px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: rgba(0, 0, 0, 0.1); font-size: 15px; font-weight: 500; line-height: 24px; margin-top: 16px; } } .am-dialog-table:first-of-type { .am-dialog-table-head { margin-top: 0; } } .am-period { padding: 0 18px 0 16px; border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; font-weight: 500; @media @less-then-medium { display: flow-root; } .el-row { display: flex; flex-wrap: wrap; @media @less-then-medium { //display: block; .el-col { width: 100%; } } .am-flexed2 { display: flex; &:last-of-type { justify-content: flex-end; align-items: center; } &.mobile { position: absolute; display: flex; right: 0; } @media @less-then-medium { //display: block; .am-overflow-ellipsis { display: flex; } &:last-of-type { //float: left; position: absolute; display: flex; right: 0; } } &:last-child { margin-left: auto; order: 2; .am-edit-element, .am-delete-element { margin-right: 10px; cursor: pointer; } .am-edit-element { @media @less-then-medium { display: inline-block; } img { width: 15px; } } } } } &__services { > span { width: 100%; display: inherit; span { color: @color-text-prime; opacity: 0.6; display: inline-block; width: 90%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; line-height: 40px; } } } &__locations { > span { color: @color-text-prime; opacity: 0.6; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; line-height: 40px; } } &:last-of-type { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } } .am-add-period { font-size: 15px; padding: 10px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); .el-select { &--mini { margin-bottom: @margin-small/2*3; } &__input { &.is-mini { height: 28px; } } } .am-add-period-type { margin-bottom: 16px; } .el-form-item { margin-bottom: 0; } .am-working-hours-buttons { text-align: right; .el-button { margin-left: 0; } } .el-input { width: 100%; } } .el-tag--info { background-color: rgba(0, 0, 0, 0.1); } } // Days Off .am-days-off { .am-dialog-table { h4 { margin-bottom: 0; } .el-row { margin-bottom: 8px; display: flex; .type { display: inline-block; width: 16px; min-width: 16px; height: 16px; background-color: #D3DDEA; vertical-align: text-top; margin-right: 8px; border-radius: 4px; &.repeat { background-color: #FFA700; } &.once { background-color: #ff1563; } } } } &__header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } &__legend { display: flex; flex-wrap: wrap; order: 2; & > div { margin-top: @margin-medium; } .am-legend-once { margin-left: 16px; } } .am-employee-days-off, .am-company-days-off { line-height: 2; .am-dialog-table-head { padding: 0 16px; background-color: rgba(0, 0, 0, 0.1); margin-top: 16px; border-radius: 4px; } .am-day-off { padding: 0 16px 4px; border-bottom: 1px solid #E2E6EC; @media @less-then-small { display: inline-block; padding-left: 0; padding-right: 0; .el-col-12 { width: 100%; } .el-col-8, .el-col-4 { width: 50%; } } &__name-column { display: flex; span { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } } .align-right { margin-left: auto; order: 2; display: flex; align-items: center; justify-content: flex-end; .am-edit-element, .am-delete-element { margin-right: 10px; cursor: pointer; } } .am-edit-element { display: flex; img { width: 15px; } } } .am-day-off-add-buttons { display: flex; align-items: center; justify-content: flex-end; @media @less-then-small { margin-top: 16px; button { width: 100%; margin-left: 0; } } .am-dialog-create { margin: 0; } button { margin-bottom: 0; } } .am-add-day-off { margin-left: 4px; } } .am-company-days-off { margin-top: 16px; } } // Special Days .am-employee-special-days { .am-dialog-table { .am-dialog-table-head { line-height: 2; border-radius: 4px; background-color: rgba(0, 0, 0, 0.1); margin-bottom: 16px; display: flex; align-items: center; justify-content: center; color: @color-text-prime; } } .am-special-day { margin-bottom: @margin-medium; border-bottom: 1px solid @color-divider-gray; .el-row { margin-bottom: @margin-medium; } .am-special-day-service { color: @color-accent; &:before { content: ", "; } &:first-child { &:before { content: ""; } } } .align-right { margin-left: auto; order: 2; display: flex; align-items: center; justify-content: flex-end; min-width: 60px; .am-edit-element { display: inline-flex; img { width: 15px; } } .am-edit-element, .am-delete-element { margin-right: 10px; cursor: pointer; } } .am-special-day-break { opacity: 0.6; &:before { content: ", "; } &:first-child { &:before { content: ""; } } } } .am-special-day-add { .am-period { min-height: 80px; & > div.el-row.el-row--flex { width: 100%; display: flex; } } @media @less-then-small { .am-dialog-table-head { display: none; } .am-period { > .el-row { display: inline-block; .el-form-item { margin-bottom: 0; } .el-col-10, .el-col-7, .el-col-5 { width: 100%; margin-bottom: 16px; } > .el-col-12 { width: 91.66667%; } } } .am-add-elements { margin-bottom: 16px; } .am-special-day-buttons { > div { display: inline-block !important; button { width: 100%; margin: 0 !important; &:first-of-type { margin-bottom: 16px !important; } } } } } .am-special-day-buttons { .align-right { margin-left: auto; order: 2; display: flex; align-items: center; justify-content: flex-end; button { margin-bottom: 0; } .am-dialog-create { margin-right: 0; margin-left: 0; } } } .el-form { padding: 16px 0; .el-input { width: inherit; } .popover-container { margin-bottom: 0 !important; } } } .el-tag--info { background-color: rgba(0, 0, 0, 0.1); } } } } // Dialogs .el-dialog { max-width: 580px; width: 96%; background-color: @color-bgr; &__headerbtn { background-color: @color-bgr !important; } .el-dialog__header { padding: @padding-medium; } .el-dialog__body { padding: @padding-medium; } .am-reschedule-title { word-break: break-word; } input, .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 100%; } .am-custom-required-as-html { .el-form-item__label:before { content: '*'; color: #F56C6C; margin-right: 4px; } } } @media @less-then-medium { .el-select__tags { max-width: none !important; } } .el-collapse-item { padding: 0 16px; border-bottom: 1px solid @color-divider-gray; &:hover, &.is-active { background-color: rgba(0, 0, 0, 0.05); } &__header { border-bottom: none; } } .el-collapse-item__header { height: auto; line-height: inherit; padding-left: 0; background-color: transparent; color: @color-text-prime; cursor: pointer; border-bottom: none; font-size: inherit; position: relative; } .el-collapse-item__wrap { border-bottom: none; background-color: transparent; } .el-collapse { border: none; } .el-collapse-item__header__arrow { position: absolute; } .el-collapse-item__arrow { position: absolute; right: 0; z-index: 1; cursor: pointer; margin-right: 0; pointer-events: all; line-height: 1; } .el-collapse-item__content { padding: 0; } // Appointment package list - start .am-package { display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-radius: 5px; padding: @padding-small; margin-bottom: @margin-small; background: @color-bgr; box-shadow: 0px 1px 3px -1px rgba(1, 1, 1, 0.31), 0px 0px 4px -1px rgba(0, 0, 0, 0.11); @media @less-then-small { flex-direction: column; align-items: flex-start; } & div { display: flex; } &__left { flex-direction: row; align-items: center; justify-content: flex-start; } &__right { flex-direction: row; align-items: center; justify-content: flex-end; @media @less-then-small { align-self: center; } } &__img-holder { flex: 0 0 auto; position: relative; margin-right: 12px; img { display: block; width: 36px; height: 36px; border-radius: 50%; } } &__color { display: block; width: 22px; height: 22px; position: absolute; bottom: -3px; right: -3px; background-color: @color-blue; border-radius: 50%; border: 3px solid #FFFFFF; } &__text-holder { flex-direction: column; } &__heading { flex-direction: row; flex-wrap: wrap; align-items: center; } &__name { font-size: @regular-fs; font-weight: @medium; @media @less-then-xsmall { width: 100%; } } &__type { height: 16px; font-size: @mini-fs; font-weight: @bold; line-height: 1; padding: 2px 4px; margin-left: @margin-small; border-radius: 3px; background-color: rgba(0, 0, 0, 0.05); @media @less-then-xsmall { margin: @margin-small 0; } } &__valid-date { font-size: @small-fs; font-weight: @regular; line-height: 1.2; color: @color-dark-gray; span { margin-left: 6px; color: @color-dark-gray; &.am-package__expiration-date { display: flex; align-items: end; white-space: nowrap; } } &-text-holder { flex-direction: column; } } &__button { align-items: center; cursor: pointer; @media @less-then-small { margin-top: @margin-medium; } i { font-size: @big-fs; } } &__button-text { font-size: @small-fs; font-weight: @medium; &.am-package__nowrap { white-space: nowrap; } } &__rule { align-items: flex-start; padding: 4px @padding-small; border-radius: 4px; background-color: @color-light-gray; p { margin: 0 0 0 @margin-small; } span { font-weight: @medium; } svg { flex: 0 0 auto; } } } // Appointment package list - end // Appointment booking page - start .am-booking-page { &__left { display: flex; position: relative; flex-direction: column; align-items: start; margin: @margin-medium 0 0; div { display: flex; } } &__right { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-end; margin: @margin-medium 0 0; @media @less-then-small { width: 100%; justify-content: flex-start; } div { display: flex; } } &__heading { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: @margin-big; } &__heading-inner { align-items: center; margin-bottom: @margin-medium; } &__button-holder { .am-package__button { display: flex; } } &__service-info { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: @margin-medium; @media @less-then-xsmall { flex-direction: column; align-items: flex-start; } p { margin: 0; } &-popover { max-width: 300px; padding: @padding-medium @padding-medium 0; background-color: @color-bgr; } &-data { display: flex; flex-wrap: wrap; align-items: center; font-size: @regular-fs; font-weight: @medium; padding-bottom: @padding-small; margin-bottom: @margin-small; border-bottom: 1px solid @color-divider-gray; } &-content { > div { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; margin: @margin-small 0; span { display: inline-block; color: fade(@color-text-prime, 65%); &:after { content: ','; } &:last-child { &:after { content: ''; } } } i { font-size: @medium-fs; font-weight: @bold; margin-right: @margin-small; color: fade(@color-text-prime, 65%); } } &-locations, &-duration { padding-left: @padding-small; * { color: @color-icon; } } &-employees { p { font-weight: @medium; margin: 0 @margin-small 0 0; } } } } &__service-info-button { margin: 0; padding: 0; border: none; @media @less-then-xsmall { align-self: center; margin-top: @margin-small; } &:hover { background-color: #FFFFFF; span { color: @color-accent; } } & > span { display: flex; flex-direction: row; align-items: center; color: @color-accent; span { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 2px solid @color-accent; border-radius: 50%; color: @color-accent; margin-right: 5px; } p{ color: @color-accent; margin-left: 0 0 0 @margin-small/2; } } } &__appointment-booking { display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-radius: 5px; padding: 12px; margin-bottom: @margin-big; background: @color-bgr; box-shadow: 0px 1px 3px -1px rgba(1, 1, 1, 0.31), 0px 0px 4px -1px rgba(0, 0, 0, 0.11); @media @less-then-xsmall { flex-direction: column; align-items: flex-start; } &-left { flex-direction: row; align-items: center; justify-content: flex-start; } &-right { flex-direction: row; align-items: center; justify-content: flex-end; @media @less-then-small { align-self: center; margin-top: @margin-small; } } &-number { font-size: @small-fs; } &-button-booking { margin: 0; } &-button-text { text-transform: uppercase; color: @color-white; } } &__service-wrapper {} &__calendar-popover { width: 100%; max-width: 352px; padding: 0; background-color: @color-bgr; } &__calendar-block {} &__calendar-header { display: flex; align-items: center; justify-content: space-between; padding: 12px; margin-bottom: 12px; border-bottom: 1px solid @color-divider-gray; p { font-size: @regular-fs; font-weight: @medium; margin: 0; } .el-button { font-size: @big-fs; padding: 0; margin: 0; border: none; background-color: @color-white; } } &__date-block { padding: @padding-medium; .am-calendar-picker, .c-pane { @media @less-then-xsmall { min-width: 100% !important; } } } &__time-block { display: flex; flex-direction: column; padding-top: @padding-medium; .am-appointment-times { margin-bottom: 0; height: 190px; max-height: 190px; overflow-y: auto; .el-radio-button { margin: @margin-small/2; width: 100%; max-width: 150px; .el-radio-button__inner { width: 100%; padding: 10px; color: @color-text-prime; background-color: transparent; border: 1px solid @color-divider-gray; border-radius: 3px; &:hover { color: @color-accent; } } .el-radio-button__orig-radio:checked + .el-radio-button__inner { background-color: @color-accent; border-color: @color-accent; box-shadow: none; -webkit-box-shadow: none; color: @color-white; &:hover { color: @color-white; } } .el-radio-button__orig-radio:disabled + .el-radio-button__inner { &:hover { color: @color-light-gray; } } } .el-radio-group { text-align: center; width: 100%; } } } &__success { &-block { text-align: center; } &-images { position: relative; min-height: 60px; margin-top: 50px; > img { position: absolute; } &-first { top: 50%; left: 50%; transform: translate(-30%, -70%); } &-second { top: 0; left: 50%; transform: translateX(-50%); } } &-text { max-width: 200px; width: 100%; font-size: @regular-fs; color: @color-text-prime; margin: @margin-medium auto @margin-small; } &-left-appointment { color: fade(@color-text-prime, 65%); margin-bottom: @margin-medium; } &-button { margin-bottom: 2*@margin-medium; } } &__back-button { text-align: left; border: none; background-color: @color-white; margin: 0; &:hover { background-color: @color-white; } i { font-weight: @bold; } } &__booking-button { text-transform: uppercase; margin: 0 @margin-medium @margin-medium; } .am-package { &__img-holder { img { width: 52px; height: 52px; } } &__name { width: 100%; margin-bottom: @margin-small; } &__type { margin: 0; } &__color { width: 26px; height: 26px; } &__valid-date { display: flex; flex-direction: column; @media @less-then-small { width: 100%; flex-direction: row; align-items: center; justify-content: space-between; } span { color: @color-text-prime; line-height: 1.6; } } &__date-until { font-size: @regular-fs; font-weight: @medium; } } .el-tabs { &__item { color: @color-text-prime; } &__active-bar { background-color: @color-accent; } } } // Appointment booking page - end .v-calendar-column { .el-form-item { &__content { &:after { background-color: transparent; } } } } .el-button { &--default { background-color: transparent; color: @color-text-prime; &:hover, &:focus { color: @color-accent; background-color: fade(@color-accent, 10%); border-color: fade(@color-accent, 10%); } } } .el-switch { display: flex; justify-content: right; span { min-width: 40px !important; } } } .am-event-close-after { .el-radio-group { margin-top: @margin-medium; .el-radio { margin-top: @margin-small; } } .el-form-item { margin-bottom: @margin-small; .el-input { margin-bottom: @margin-small; } } } .am-setting-box { border: 1px solid @color-divider-gray; border-radius: 3px; margin-bottom: @margin-big; position: relative; line-height: 0.8; &.am-switch-box { padding: 13px; p { font-size: @small-fs; //height: 50px; } .el-col { min-height: 16px; } } .el-row { margin-bottom: 0 !important; } .am-service-deposit { margin-top: @padding-small; p { margin: 0; font-size: 14px; line-height: 40px; } i { color: #1A84EE; } label { display: inline-block; font-weight: normal; } } .align-right { text-align: right; } } .v-calendar-column { @media @less-then-small { text-align: left; } } .el-row, .el-form-item, .el-form-item__content { display: block; } } // Profile Dropdown .am-cabinet-profile-dropdown { color: @color-text-second; background-color: @color-bgr; .el-dropdown-menu__item { font-weight: 500; color: @color-text-second; display: flex; align-items: center; &:first-of-type { padding-top: 8px; } svg { padding-right: 4px; path { fill: @color-text-second; } } } .el-dropdown-menu__item:hover, .el-dropdown-menu__item:focus { background-color: inherit; color: @color-accent; svg { path { fill: @color-accent; } } } &__info { border-bottom: 1px solid #E2E6EC; } &__name { color: @color-text-second; display: block; font-size: 16px; padding: 0 16px; } &__email { color: @color-text-second; display: block; font-size: 14px; padding: 0 16px 8px; opacity: 0.6; } &.el-popper[x-placement^=top] { .popper__arrow { &:after { border-top-color: @color-bgr; } } } &.el-popper[x-placement^=bottom] { .popper__arrow { &:after { border-bottom-color: @color-bgr; } } } } .am-cabinet-timezone-dropdown { background-color: @color-bgr; .el-select-dropdown__item { color: @color-text-prime; &:hover, &:focus, &.selected:hover, &.selected:focus { background-color: inherit; color: @color-accent; } } &.el-popper[x-placement^=top] { .popper__arrow { &:after { border-top-color: @color-bgr; } } } &.el-popper[x-placement^=bottom] { .popper__arrow { &:after { border-bottom-color: @color-bgr; } } } } .am-dropdown { &-cabinet-phone { background-color: @color-bgr; .el-select-dropdown__item { &:hover, &.selected:hover { background-color: transparent; } } } &-cabinet { background-color: @color-bgr; .am-drop-parent { &:hover { background-color: darken(@color-bgr, 5%); } } .el-select-dropdown { &__item { &:hover, &.selected:hover { background-color: darken(@color-bgr, 5%); } } } .am-drop { .el-select-dropdown { &__item { &:hover, &.selected:hover, &.selected.hover, &.selected { background-color: darken(@color-bgr, 5%); } } } } .time-select-item { color: @color-text-prime; &:hover, &.selected:hover { background-color: darken(@color-bgr, 5%); } } &.el-popper[x-placement^=top] { .popper__arrow { &:after { border-top-color: @color-bgr; } } } &.el-popper[x-placement^=bottom] { .popper__arrow { &:after { border-bottom-color: @color-bgr; } } } } } .v-calendar-column { @media @less-then-small { text-align: left; //padding: @padding-small 0 0; } } .el-picker-panel, .el-popover, .el-select-dropdown, .el-tooltip__popper, .el-notification { font-family: @font; max-width: 100%; } .am-service-deposit { margin-top: @padding-small; p { margin: 0 !important; font-size: 14px !important; line-height: 40px !important; } i { color: #1A84EE; } .el-icon-question { color: @color-icon !important; } } .el-dialog { overflow: visible !important; .am-dialog-appointment { .el-tabs__content { overflow: visible; } .am-custom-fields { .popover-content { background-color: #ffffff !important; } .c-weekdays { border-bottom: 1px solid @color-divider-gray; margin-left: 3px; margin-right: 3px; } .c-day-content { font-size: 12px; } } @media @less-then-small { .am-dialog-scrollable { margin-bottom: 0 !important; } } } } #am-modal.am-modal.am-in-body { #am-cabinet { .am-dialog-appointment { .el-tag--info { background-color: rgba(0, 0, 0, 0.1); } .el-input-number { &__decrease, &__increase { background-color: transparent; width: 50px; } } textarea { background-color: transparent; } } .am-dialog-event-inner { .am-section-grey { .el-input__inner { background-color: #FFF !important; } } .el-input-number { &__decrease, &__increase { background-color: transparent; } } textarea { background-color: transparent; } .am-setting-box.el-collapse-item { .el-collapse-item__header { &:hover { background-color: rgba(0, 0, 0, 0.1); } } &.is-active { background-color: transparent; } } } .am-dialog-attendees-wrapper { .el-input-number { &__decrease, &__increase { background-color: transparent; } } .popover-content { background-color: @color-bgr; } textarea { background-color: transparent; } } } } .am-dialog-scrollable { .ql-tooltip { left: 10px !important; input { width: auto !important; } } .ql-font-serif { font-family: Georgia, Times New Roman, serif !important; } .ql-font-monospace { font-family: Monaco, Courier New, monospace !important; } } frontend/_variables.less 0000666 00000030573 15165376205 0011410 0 ustar 00 @custom-font-selected: unselected; @font-url: ""; & when (@custom-font-selected = unselected) { @import "../common/font"; }; & when (@custom-font-selected = selected) { @font-face { font-family: @font; src: url(@font-url) format('woff'), url(@font-url) format('woff2'), url(@font-url); } } //COLORS @color-text-second: #354052; @color-divider-gray: #E2E6EC; @color-icon: #616E7C; @color-url: #7F8FA4; @color-highlight: #f9f9f9; @color-dark-gray: #A9B2BC; @color-gray: #D3DDEA; @color-light-gray: #f2f3f5; //@color-red: #FF4949; @color-green: #5FCE19; @color-orange: #FFA700; @color-blue: #1A84EE; @color-black: #000000; @color-red: #FF0000; //customizable @color-accent: #1A84EE; @color-white: #FFFFFF; @color-text-prime: #354052; @color-bgr: #FFFFFF; @color-gradient1: #1A84EE; @color-gradient2: #0454A2; @color-dropdown: #FFFFFF; @color-dropdown-text: #354052; @color-input: #FFFFFF; @color-input-text: #354052; @color-search-filters-bg: #fff; // sbs - (STEP BY STEP), ssf - (SELECT SERVICE FORM) @sbs-ssf-bgr-color: #FFFFFF; @sbs-ssf-text-color: #354052; @sbs-ssf-input-color: #FFFFFF; @sbs-ssf-input-text-color: #354052; @sbs-ssf-dropdown-color: #FFFFFF; @sbs-ssf-dropdown-text-color: #354052; // sbs - (STEP BY STEP), cf - (CALENDAR FORM) @sbs-cf-gradient1: #1A84EE; @sbs-cf-gradient2: #0454A2; @sbs-cf-gradient-angle: 135deg; @sbs-cf-text-color: #FFFFFF; // sbs - (STEP BY STEP), rsf - (RECURRING SETUP FORM) @sbs-rsf-gradient1: #1A84EE; @sbs-rsf-gradient2: #0454A2; @sbs-rsf-gradient-angle: 135deg; @sbs-rsf-text-color: #FFFFFF; @sbs-rsf-input-color: rgba(0, 0, 0, 0); @sbs-rsf-input-text-color: #FFFFFF; @sbs-rsf-dropdown-color: #FFFFFF; @sbs-rsf-dropdown-text-color: #354052; // sbs - (STEP BY STEP), rdf - (RECURRING DATES FORM) @sbs-rdf-bgr-color: #FFFFFF; @sbs-rdf-text-color: #354052; @sbs-rdf-input-color: #FFFFFF; @sbs-rdf-input-text-color: #354052; @sbs-rdf-dropdown-color: #FFFFFF; @sbs-rdf-dropdown-text-color: #354052; // sbs - (STEP BY STEP), spf - (SELECT PACKAGE FORM) @sbs-spf-bgr-color: #FFFFFF; @sbs-spf-text-color: #354052; @sbs-spf-input-color: #FFFFFF; @sbs-spf-input-text-color: #354052; @sbs-spf-dropdown-color: #FFFFFF; @sbs-spf-dropdown-text-color: #354052; // sbs - (STEP BY STEP), pif - (PACKAGE INFO FORM) @sbs-pif-bgr-color: #FFFFFF; @sbs-pif-text-color: #354052; // sbs - (STEP BY STEP), psf - (PACKAGE SETUP FORM) @sbs-psf-gradient1: #1A84EE; @sbs-psf-gradient2: #0454A2; @sbs-psf-gradient-angle: 135deg; @sbs-psf-text-color: #FFFFFF; @sbs-psf-input-color: rgba(0, 0, 0, 0); @sbs-psf-input-text-color: #FFFFFF; @sbs-psf-dropdown-color: #FFFFFF; @sbs-psf-dropdown-text-color: #354052; // sbs - (STEP BY STEP), plf - (PACKAGE LIST FORM) @sbs-plf-bgr-color: #FFFFFF; @sbs-plf-text-color: #354052; // sbs - (STEP BY STEP), caf - (CONFIRMATION APPOINTMENT FORM) @sbs-caf-bgr-color: #FFFFFF; @sbs-caf-text-color: #354052; @sbs-caf-input-color: #FFFFFF; @sbs-caf-input-text-color: #354052; @sbs-caf-dropdown-color: #FFFFFF; @sbs-caf-dropdown-text-color: #354052; // sbs - (STEP BY STEP), cpf - (CONFIRMATION PACKAGE FORM) @sbs-cpf-bgr-color: #FFFFFF; @sbs-cpf-text-color: #354052; @sbs-cpf-input-color: #FFFFFF; @sbs-cpf-input-text-color: #354052; @sbs-cpf-dropdown-color: #FFFFFF; @sbs-cpf-dropdown-text-color: #354052; // sbs - (STEP BY STEP), coa - (CONGRATULATION APPOINTMENT) @sbs-coa-bgr-color: #FFFFFF; @sbs-coa-text-color: #354052; @sbs-coa-input-color: #FFFFFF; @sbs-coa-input-text-color: #354052; @sbs-coa-dropdown-color: #FFFFFF; @sbs-coa-dropdown-text-color: #354052; // sbs - (STEP BY STEP), cop - (CONGRATULATION PACKAGE) @sbs-cop-bgr-color: #FFFFFF; @sbs-cop-text-color: #354052; @sbs-cop-input-color: #FFFFFF; @sbs-cop-input-text-color: #354052; @sbs-cop-dropdown-color: #FFFFFF; @sbs-cop-dropdown-text-color: #354052; // cf - (CATALOG FORM), ssf - (SELECT SERVICE FORM) @cf-ssf-bgr-color: #FFFFFF; @cf-ssf-text-color: #354052; @cf-ssf-input-color: #FFFFFF; @cf-ssf-input-text-color: #354052; @cf-ssf-dropdown-color: #FFFFFF; @cf-ssf-dropdown-text-color: #354052; // cf - (CATALOG FORM), cf - (CALENDAR FORM) @cf-cf-gradient1: #1A84EE; @cf-cf-gradient2: #0454A2; @cf-cf-gradient-angle: 135deg; @cf-cf-text-color: #FFFFFF; // cf - (CATALOG FORM), rsf - (RECURRING SETUP FORM) @cf-rsf-gradient1: #1A84EE; @cf-rsf-gradient2: #0454A2; @cf-rsf-gradient-angle: 135deg; @cf-rsf-text-color: #FFFFFF; @cf-rsf-input-color: rgba(0, 0, 0, 0); @cf-rsf-input-text-color: #FFFFFF; @cf-rsf-dropdown-color: #FFFFFF; @cf-rsf-dropdown-text-color: #354052; // cf - (CATALOG FORM), rdf - (RECURRING DATES FORM) @cf-rdf-bgr-color: #FFFFFF; @cf-rdf-text-color: #354052; @cf-rdf-input-color: #FFFFFF; @cf-rdf-input-text-color: #354052; @cf-rdf-dropdown-color: #FFFFFF; @cf-rdf-dropdown-text-color: #354052; // cf - (CATALOG FORM), psf - (PACKAGE SETUP FORM) @cf-psf-gradient1: #1A84EE; @cf-psf-gradient2: #0454A2; @cf-psf-gradient-angle: 135deg; @cf-psf-text-color: #FFFFFF; @cf-psf-input-color: rgba(0, 0, 0, 0); @cf-psf-input-text-color: #FFFFFF; @cf-psf-dropdown-color: #FFFFFF; @cf-psf-dropdown-text-color: #354052; // cf - (CATALOG FORM), plf - (PACKAGE LIST FORM) @cf-plf-bgr-color: #FFFFFF; @cf-plf-text-color: #354052; // cf - (CATALOG FORM), caf - (CONFIRMATION APPOINTMENT FORM) @cf-caf-bgr-color: #FFFFFF; @cf-caf-text-color: #354052; @cf-caf-input-color: #FFFFFF; @cf-caf-input-text-color: #354052; @cf-caf-dropdown-color: #FFFFFF; @cf-caf-dropdown-text-color: #354052; // cf - (CATALOG FORM), cpf - (CONFIRMATION PACKAGE FORM) @cf-cpf-bgr-color: #FFFFFF; @cf-cpf-text-color: #354052; @cf-cpf-input-color: #FFFFFF; @cf-cpf-input-text-color: #354052; @cf-cpf-dropdown-color: #FFFFFF; @cf-cpf-dropdown-text-color: #354052; // cf - (CATALOG FORM), coa - (CONGRATULATIONS APPOINTMENT FORM) @cf-coa-bgr-color: #FFFFFF; @cf-coa-text-color: #354052; @cf-coa-input-color: #FFFFFF; @cf-coa-input-text-color: #354052; @cf-coa-dropdown-color: #FFFFFF; @cf-coa-dropdown-text-color: #354052; // cf - (CATALOG FORM), cop - (CONGRATULATIONS PACKAGE FORM) @cf-cop-bgr-color: #FFFFFF; @cf-cop-text-color: #354052; @cf-cop-input-color: #FFFFFF; @cf-cop-input-text-color: #354052; @cf-cop-dropdown-color: #FFFFFF; @cf-cop-dropdown-text-color: #354052; // elf - (EVENT LIST FORM) @elf-bgr-color: #FFFFFF; @elf-text-color: #354052; @elf-input-color: #FFFFFF; @elf-input-text-color: #354052; @elf-dropdown-color: #FFFFFF; @elf-dropdown-text-color: #354052; // ecf - (EVENT CALENDAR FORM), cef - (CONFIRM EVENT FORM) @ecf-cef-bgr-color: #FFFFFF; @ecf-cef-text-color: #354052; @ecf-cef-input-color: #FFFFFF; @ecf-cef-input-text-color: #354052; @ecf-cef-dropdown-color: #FFFFFF; @ecf-cef-dropdown-text-color: #354052; // ecf - (EVENT CALENDAR FORM), coe - (CONGRATULATIONS EVENT FORM) @ecf-coe-bgr-color: #FFFFFF; @ecf-coe-text-color: #354052; @ecf-coe-input-color: #FFFFFF; @ecf-coe-input-text-color: #354052; @ecf-coe-dropdown-color: #FFFFFF; @ecf-coe-dropdown-text-color: #354052; //font family @font: 'Amelia Roboto', sans-serif; //------------------------------- //WIDTHS @page-wrap: 1600px; //HEIGHTS @wrap-min-height: 720px; //FONTS // Roboto // @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext'); // Lato // @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin-ext'); // Merriweather // @import url('https://fonts.googleapis.com/css?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap&css'); // font-family: 'Merriweather', serif; // Montserrat // @import url('https://fonts.googleapis.com/css?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&css'); // font-family: 'Montserrat', sans-serif; // Mulish // @import url('https://fonts.googleapis.com/css?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&css'); // font-family: 'Mulish', sans-serif; // Nunito // @import url('https://fonts.googleapis.com/css?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap&css'); // font-family: 'Nunito', sans-serif; // Asap Condensed // @import url('https://fonts.googleapis.com/css?family=Asap+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap&css'); // font-family: 'Asap Condensed', sans-serif; // Open Sans // @import url('https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap&css'); // font-family: 'Open Sans', sans-serif; // Barlow // @import url('https://fonts.googleapis.com/css?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&css'); // font-family: 'Barlow', sans-serif; // Oswald // @import url('https://fonts.googleapis.com/css?family=Oswald:wght@200;300;400;500;600;700&display=swap&css'); // font-family: 'Oswald', sans-serif; // Bitter // @import url('https://fonts.googleapis.com/css?family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&css'); // font-family: 'Bitter', serif; // Poppins // @import url('https://fonts.googleapis.com/css?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&css'); // font-family: 'Poppins', sans-serif; // Carme // @import url('https://fonts.googleapis.com/css?family=Carme&display=swap&css'); //font weight @light: 300; @regular: 400; @medium: 500; @bold: 700; //------------------------------- //font size @big-fs: 24px; @medium-fs: 18px; @regular-fs: 16px; @small-fs: 14px; @mini-fs: 12px; //color @h1-color: @color-text-prime; @h2-color: @color-text-prime; @h3-color: @color-text-prime; @h4-color: @color-text-prime; @h5-color: @color-text-prime; //weight @h1-fw: @regular; @h2-fw: @light; @h3-fw: @regular; @h4-fw: @medium; //line height @h1-lh: 1.5; @h2-lh: 1.5; @h3-lh: 1.5; @h4-lh: 1.5; @h1-fs: @big-fs; @h2-fs: @medium-fs; @h3-fs: @regular-fs; @h4-fs: @regular-fs; //padding and margin @h1-padding: 28px 0 28px 0; @padding-extra-big: 56px; @padding-big: 24px; @padding-medium: 16px; @padding-small: 8px; @margin-extra-big: 56px; @margin-big: 24px; @margin-medium: 16px; @margin-small: 8px; //------------------------------- // MEDIA QUERIES //brakepoints @bp-xsmall-max: 479px; @bp-xsmall-min: 481px; @bp-small-max: 767px; @bp-small-min: 768px; @bp-medium-max: 991px; @bp-medium-min: 992px; @bp-large-max: 1199px; @bp-large-min: 1200px; @bp-xlarge-max: 1600px; @bp-xlarge-min: 1601px; //@media @less-then-xlarge: ~"only screen and ( max-width:" @bp-xlarge-max ~")"; @less-then-large: ~"only screen and ( max-width:" @bp-large-max ~")"; @less-then-medium: ~"only screen and ( max-width:" @bp-medium-max ~")"; @less-then-small: ~"only screen and ( max-width:" @bp-small-max ~")"; @less-then-xsmall: ~"only screen and ( max-width:" @bp-xsmall-max ~")"; @more-then-xlarge: ~"only screen and ( min-width:" @bp-xlarge-min ~")"; @more-then-large: ~"only screen and ( min-width:" @bp-large-min ~")"; @more-then-medium: ~"only screen and ( min-width:" @bp-medium-min ~")"; @more-then-small: ~"only screen and ( min-width:" @bp-small-min ~")"; @from-small-to-medium: ~"only screen and (min-width:" @bp-small-min ~") and (max-width:" @bp-medium-max ~")"; @from-small-to-large: ~"only screen and (min-width:" @bp-small-min ~") and (max-width:" @bp-large-max ~")"; @from-medium-to-large: ~"only screen and (min-width:" @bp-medium-min ~") and (max-width:" @bp-large-max ~")"; @from-medium-to-xlarge: ~"only screen and (min-width:" @bp-medium-min ~") and (max-width:" @bp-xlarge-max ~")"; @from-large-to-xlarge: ~"only screen and (min-width:" @bp-large-min ~") and (max-width:" @bp-xlarge-max ~")"; //------------------------------- // BORDERS / DIVIDERS //border radius @border-radius: 6px; //------------------------------- // BUTTONS //color @btn-light-bg: @color-white; @btn-light-font: @color-white; //font weight @btn-fw: @medium; //font size @btn-xlarge-fs: 15px; @btn-large-fs: 15px; @btn-small-fs: 14px; //border radius @btn-border-radius: 6px; //padding @btn-xlarge-pad: 20px 65px; @btn-large-pad: 13px 20px; @btn-medium-pad: 10px 20px; @btn-small-pad: 10px 15px; //letter spacing @btn-letter-spacing: 1px; //------------------------------- // SECTIONS //------------------------------- @section-padding: 80px 0 50px; //------------------------------- frontend/catalog.less 0000666 00000020366 15165376205 0010712 0 ustar 00 @import "_variables"; .am-mobile-collapsed { .am-package-selected-col { min-width: 300px; width: 100%; } } #am-catalog { padding: @padding-medium 0; #am-service-booking { .am-blue-badge { p { padding: 2px 8px; margin: 0 12px 0 0; } } .am-appointment-service-name { .el-popover__reference { margin: 0; } } } .am-catalog-headline { margin-bottom: @margin-big; h3 { display: inline-block; margin: 0; padding: 0; } } .am-category { padding: @padding-medium; border: 1px solid @color-divider-gray; border-radius: @border-radius; cursor: pointer; margin-bottom: @margin-big; transition: all 0.3s ease; background-color: #FFFFFF; &:hover { box-shadow: 0 0 30px 0 fade(@color-divider-gray, 90%); .am-category-title { color: @color-accent; } } .am-category-title { font-size: @medium-fs; line-height: @medium-fs + 8px; font-weight: @medium; margin: 0 0 @margin-small 0; padding: 0; border: none; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } span { font-size: @small-fs; line-height: @regular-fs; font-weight: @regular; padding: 0; border: none; margin: 0; display: inline-block; vertical-align: middle; } .am-category-services-thumbs { padding: 0 0 0 12px; margin: @margin-small 0 0 0; img { width: 36px; height: 36px; display: inline-block; vertical-align: middle; margin-left: -12px; border-radius: 50%; border: 3px solid #FFFFFF; } } } .am-spinner { text-align: center; padding-top: @padding-big*4; padding-bottom: @padding-big*4; margin: 0 auto; position: relative; .am-spin { width: 80px; padding: 0; margin: 0; path { stroke: @color-accent; } } .am-hourglass { position: absolute; top: 50%; left: 50%; width: 18px; height: 24px; padding: 0; margin-left: -9px; margin-top: -16px; path { fill: @color-accent; } } } .am-payment-type { &-radio { border-radius: 8px; margin: 0 8px 8px 0; &-checked { border: 1px solid @color-accent; background-color: fade(@color-accent, 8%); span { color: @color-accent; } .el-radio__inner { border-color: @color-accent; background: @color-accent; &:after { transform: translate(-50%,-50%) scale(1); } } } } } } #am-category { padding: @padding-medium 0; .am-category-headline { margin-bottom: @margin-big; .am-back { display: inline-block; margin-right: @margin-big; font-size: @small-fs; font-weight: @medium; cursor: pointer; transition: all 0.3s ease; &:hover { color: @color-accent; } } h3 { display: inline-block; margin: 0; padding: 0; } } .am-category-service-wrapper { display: flex; flex-wrap: wrap; } .am-category-service-inner { display: flex; padding-bottom: @margin-big; } .am-category-service { position: relative; width: 100%; height: 100%; background: #FFFFFF; border-radius: @border-radius; border: 1px solid @color-divider-gray; cursor: pointer; overflow: hidden; &:hover { box-shadow: 0 0 30px 0 fade(@color-divider-gray, 90%); .am-category-service-hover { display: block; opacity: 1; } } .am-category-service-hover { opacity: 0; transition: all 0.3s ease; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background: fade(@color-text-prime, 70%); span.am-category-service-title { width: 100%; text-align: center; margin-top: @margin-big; padding: 0 @padding-medium; color: @color-white; white-space: normal; overflow-x: visible; box-sizing: border-box; /*position: absolute; top: 10%; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/ } .el-button { color: @color-white; border-color: @color-white; background: transparent; position: absolute; bottom: 24px; left: 50%; margin-right: -50%; transform: translateX(-50%); span { color: @color-white; } } } .am-category-color-wrapper { display: flex; justify-content: space-between; width: 100%; position: absolute; top: 0; left: 0; transform: translateY(-50%); align-items: center; padding: 0 @padding-medium; } .am-category-service-color { color: #FFFFFF; text-transform: uppercase; border-radius: 50%; background-color: @color-accent; display: block; width: 52px; height: 52px; text-align: center; line-height: 53px; &.am-category-package-color { display: flex; img { margin: auto; } } } .am-category-item-type { font-size: @mini-fs; font-weight: bold; line-height: 1; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF; background-color: @color-blue; border-radius: 4px; padding: 7px 12px; } .am-category-service-image { background-image: linear-gradient(90deg, fade(@color-accent, 65%) 0%, @color-accent 100%); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 140px; } .am-category-service-info { position: relative; height: ~"calc(100% - 140px)"; padding: @padding-big @padding-medium; background-color: #FFFFFF; } am-category-service-title-price { margin: 12px 0 @margin-small; } .am-category-package-title-price { display: flex; align-items: center; justify-content: space-between; } .am-category-service-title { font-size: @medium-fs; font-weight: @regular; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; align-self: flex-start; margin: 0 @margin-medium 0 0; padding: 0; border: none; } .am-category-package-price { display: flex; flex: 0 0 auto; flex-direction: column; align-items: flex-end; font-size: @medium-fs; line-height: 1.45; color: @color-text-prime; } span { font-size: @small-fs; line-height: @regular-fs; font-weight: @regular; padding: 0; border: none; margin: 0; display: inline-block; vertical-align: middle; color: @color-icon; } .am-category-package-service-item { position: relative; margin-right: 8px; font-size: @small-fs; &:after { content: ','; position: absolute; bottom: 0; right: -4px; } &:last-child { &:after { content: ''; } } } .am-category-services-thumbs { padding: 0 0 0 12px; margin: @margin-small 0 0 0; overflow: hidden; white-space: nowrap; img { width: 36px; height: 36px; display: inline-block; vertical-align: middle; margin-left: -12px; border-radius: 50%; border: 3px solid #FFFFFF; } } } .am-spinner { text-align: center; padding-top: @padding-big*4; padding-bottom: @padding-big*4; margin: 0 auto; position: relative; .am-spin { width: 80px; padding: 0; margin: 0; path { stroke: @color-accent; } } .am-hourglass { position: absolute; top: 50%; left: 50%; width: 18px; height: 24px; padding: 0; margin-left: -9px; margin-top: -16px; path { fill: @color-accent; } } } } frontend/amelia-booking.less 0000666 00000000537 15165376205 0012154 0 ustar 00 //Common @import "_overrides"; @import "_base"; @import "_elements"; @import "_animations"; @import "_customize"; @import "_utils"; //Screens @import "search"; @import "booking"; @import "service"; @import "catalog"; @import "rtl"; @import "events"; @import "cabinet"; @import "dialog-appointment"; @import "dialog-event"; @import "dialog-attendees"; frontend/booking.less 0000666 00000163364 15165376205 0010736 0 ustar 00 @import "_variables"; @import "quill.less"; .amelia-app-booking #amelia-booking-wrap { * { box-sizing: border-box; } @media @less-then-small { .v-calendar-column { text-align: center; .popover-origin { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } } .am-spinner { text-align: center; padding-top: @padding-big*4; padding-bottom: @padding-big*4; } #am-step-booking, .am-step-booking-catalog { position: relative; max-width: 802px; //display: flex; /*align-items: center;*/ margin: @margin-big*2 auto; border: 1px solid @color-divider-gray; border-radius: 6px; opacity: 0; overflow: hidden; -moz-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1); //background: #fff; background-color: transparent; @media @less-then-medium { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } @media @less-then-small { /*display: block;*/ opacity: 0; } &.am-desktop { opacity: 1; .am-recurring-dates { .am-recurring-row-item-time { &.is-editing { padding-right: 80px; } } .am-recurring-row-item-date { &.is-editing { padding-right: 120px; } } } } p { margin-bottom: @margin-big; text-align: center; font-size: @regular-fs; } .am-select-service, .am-select-date { //width: 50%; background-color: #fff; padding: @padding-big*2; .am-select-service-title, .am-select-date-title { font-size: @regular-fs !important; margin-bottom: @margin-big !important; } .am-booking-fetched { width: 100%; height: 100%; padding: 0; background-color: fade(@color-black, 20%); .am-svg-wrapper { position: absolute; width: 160px; height: 160px; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; .am-spin, .am-hourglass { filter: brightness(10); } } } } .am-select-service-date-transition { -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); } .am-form-full-wrapper { display: flex; justify-content: center; width: 95%; } .am-select-picker { .am-form-full-wrapper { width: 50%; } } //STEP 1 .am-select-service { width: 50%; background-color: transparent; &.am-select-package { position: relative; padding-left: @padding-big; padding-right: @padding-big; padding-bottom: @padding-small*19; } .am-package { padding: @padding-big; margin-bottom: @margin-big; border: 1px solid @color-accent; border-radius: @border-radius; background-color: fade(@color-accent, 5%); cursor: pointer; &:hover { background-color: fade(@color-accent, 15%); transition: all 0.3s ease-in-out; } p { font-size: @small-fs; } .am-large-text { font-size: @regular-fs; } .am-package-name { p { text-align: left; margin: 0; } } .am-package-price { p { color: @color-accent; text-align: right; margin: 0; } } .am-package-services { padding-top: @padding-small; margin-top: @margin-small; border-top: 1px solid @color-divider-gray; display: flex; p { text-align: left; margin: 0; } .am-package-appointment-number { text-align: center; color: @color-accent; } .am-package-book { margin: auto; .el-icon-right { color: @color-accent; font-weight: @bold; cursor: pointer; &:hover { font-weight: @medium; } } } } } .am-button-wrapper { width: 100%; text-align: center; padding: @margin-big 0; } .am-grouped { color: @color-text-prime; margin: @margin-medium 0; } .am-add-element { padding: @padding-small; background-color: fade(@color-accent, 7%); display: block; border-radius: @border-radius; border: 1px solid transparent; margin-bottom: @margin-big; &:hover { border-color: @color-accent; } } } //STEP 2 .am-select-date { width: 50%; height: 100%; position: absolute; top: 0; right: -45%; //transform: translateX(90%); background: linear-gradient(135deg, @color-gradient1 0%, @color-gradient2 100%); box-sizing: border-box; * { color: @color-white; } //&.am-form { // &-stepByStepForm { // &-calendarDateTimeForm { // background: linear-gradient(@sbs-cf-gradient-angle, @sbs-cf-gradient1 0%, @sbs-cf-gradient2 100%); // } // } //} .am-back { display: none; position: absolute; top: 16px; left: 16px; cursor: pointer; } .am-calendar { &-picker { background-color: transparent !important; border: none !important; //div { // color: @color-white; // font-weight: @light; //} .c-weekdays { div { font-weight: @regular; opacity: 0.7; } } .c-day-content { &:hover { background-color: #fff !important; color: @color-accent !important; div { color: @color-accent !important; } } } //.c-day-background { // /*background: @color-white !important; // color: @color-accent !important;*/ // border: 1px solid fade(@color-white, 35%) !important; //} .popover-content { div, span { color: @color-text-prime; font-weight: @regular; } background: #fff !important; table { padding: 0; margin: 0; } tr:nth-child(odd) { background: #fff; } .c-table-cell { &.c-active, &:hover { background: fade(@color-accent, 15%); border-radius: 3px; } } } } &-stepByStepForm { &-calendarDateTimeForm { div { color: @sbs-cf-text-color; font-weight: @light; } } } } .am-appointment-times { margin: @margin-small 0; max-height: 136px; overflow-y: auto; .el-radio-button { margin: @margin-small/4; .el-radio-button__inner { border: 1px solid @color-divider-gray; border-radius: 3px; background: transparent; color: @color-white; font-size: @mini-fs; font-weight: @light; padding: @padding-small; opacity: 0.7; width: 126px; &:hover { opacity: 1; background: fade(#fff, 15%); } } .el-radio-button__orig-radio:checked + .el-radio-button__inner { color: @color-accent; background: #fff; box-shadow: none; -webkit-box-shadow: none; opacity: 1; &:hover { color: @color-accent; } } .el-radio-button__orig-radio:disabled + .el-radio-button__inner { &:hover { color: @color-light-gray; } } } .el-radio-group { text-align: center; width: 100%; } } .am-recurring-check { text-align: center; padding: @padding-medium 0; span { padding-right: 12px; color: @color-white; } } &.am-package-setup { padding-left: @padding-big * 2; padding-right: @padding-big * 2; .am-package-employee-location { @media @less-then-xsmall { flex-wrap: wrap; } } .el-form-item { margin-bottom: @margin-medium; } .el-input__inner { background-color: fade(@color-black, 10%); border-color: fade(@color-black, 10%); &::placeholder, &::-webkit-input-placeholder, &::-moz-placeholder, &:-ms-input-placeholder, &:-moz-placeholder { color: fade(@color-white, 70%); } } .am-package-appointments-rules { font-size: @small-fs; text-align: center; padding: 12px; margin: 0 0 @margin-medium; border-radius: @border-radius/2; background-color: fade(@color-black, 7%); } .el-collapse { border: none; &-item { margin-top: @margin-small; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: @border-radius/2; background-color: fade(@color-black, 5%); &.is-active { background-color: fade(@color-black, 5%); } &__header { font-size: @regular-fs; padding-left: 15px; border: none; background-color: transparent; } &__wrap { border: none; background-color: transparent; } &__content { position: relative; padding: @padding-medium; @media @less-then-small { padding: @padding-small / 2; } .am-calendar-picker { border-radius: @border-radius/2; background-color: fade(@color-black, 10%) !important; border: 1px solid fade(@color-white, 10%) !important; } .am-booking-fetched { width: 100%; height: 100%; padding: 0; background-color: fade(@color-black, 20%); .am-svg-wrapper { position: absolute; width: 160px; height: 160px; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; .am-spin, .am-hourglass { filter: brightness(10); } } } } &.am-package-booking-cleared { .el-collapse-item__header { color: @color-red; } } } } .am-next-date-button { width: 100%; margin-top: 10px; background-color: fade(@color-white, 10%); border: 1px solid fade(@color-white, 20%); &:hover { background-color: @color-white; span { color: @color-accent; } } span { color: @color-white; } &.el-button { margin: 10px 0 0 0; } } .am-package-previous-button-mobile { display: none; } } .am-button-wrapper { text-align: center; margin: @margin-medium auto; .el-button { min-width: 98.2px; .el-icon-loading { color: @color-accent; } &:hover { background-color: fade(#fff, 85%); } span { color: @color-accent; } } } } .am-show-calendar-container { text-align: center; margin: auto; } &.am-active-picker { display: flex; .am-form-full-wrapper { width: 50%; } .am-select-service { width: 100%; //transform: translateX(0%); .am-button-wrapper { transition: all 0.3s ease; transition-delay: 0.5s; transform: translateY(40px); opacity: 0; display: none; pointer-events: none; } } .am-select-date { //transform: translateX(0%); position: relative; right: 0; height: auto; } .am-package-setup { padding-left: @padding-big !important; padding-right: @padding-big !important; @media @less-then-small { padding-left: @padding-small / 2 !important; padding-right: @padding-small / 2 !important; } } } //collapsed on mobile &.am-mobile-collapsed { opacity: 1; transition: all 0.3s; transition-delay: 0.8s; position: relative; display: block; .am-form-full-wrapper { width: 100%; } .am-confirmation-booking-details { display: block !important; > div { display: inline-block; margin-bottom: @margin-medium; min-width: 48%; } } .am-select-service-wrapper { width: 100%; } .am-select-service { transform: translateX(0%); width: 100%; padding: @padding-medium @padding-medium @padding-small*10; box-sizing: border-box; .am-button-wrapper { transition: all 0.3s ease; transition-delay: 0.15s; opacity: 1; display: inline-block; pointer-events: all; } } .am-select-date { //transform: translateX(101%); position: absolute; top: 0; bottom: 0; right: -100%; width: 100%; z-index: 1; &.am-show-calendar { padding: @padding-medium 0; } } .am-package-selected { .am-packages-buttons { left: @padding-medium; bottom: @padding-small*3; .am-package-slots-loaded { display: inline-block; } } } &.am-active-picker { .am-select-date { position: relative !important; } .am-select-service { display: none; } .am-package-previous-button-mobile { display: inline-block; } .am-select-service { .am-button-wrapper { opacity: 0; transition-delay: 0s; } } .am-package-selected { .am-button-wrapper { opacity: 0; transition-delay: 0s; } } .am-select-date { //transform: translateX(0%); position: absolute; right: 0; .am-back { display: block; } } &.am-show-times { transition: none; } &.am-active-confirm { .am-pagination { display: block; border-bottom: none; text-align: center; } } } &.am-active-confirm { .am-confirm-booking { position: relative; } .am-select-service { position: absolute; } .am-select-date { left: -97%; } } &.am-active-recurring-dates { .am-recurring-setup { right: 0; left: -97%; } } .am-recurring-dates { .am-pagination { div { display: block; } } .am-recurring-row-item { padding-right: 1px; } } } .am-recurring-setup { padding: @margin-big; @media @less-then-small { padding: @margin-small; } .am-recurring-setup-all-cycle { .el-select__caret { display: none; } } .el-input-number { width: 100%; } .el-input-number__decrease { background-color: transparent; width: 30%; } .el-input-number__increase { background-color: transparent; width: 30%; } .am-recurring-setup-title { text-align: center; } .el-checkbox-button { margin: 0 auto; vertical-align: middle; } .el-checkbox-group { width: 100%; text-align: center; .is-checked { .el-checkbox-button__inner { background-color: @color-white; color: @color-accent; } } .is-disabled { opacity: 0.3; } } .el-checkbox-button__inner { background-color: transparent; border: 1px solid fade(@color-divider-gray, 50%); border-radius: 4px; height: 40px; width: 40px; vertical-align: middle; display: table-cell; padding: 12px; @media @less-then-small { height: 34px; width: 34px; padding: 5px; } } .el-input__inner { background-color: transparent; } .v-calendar-column { .el-form-item__content > div > div { margin-left: 30px; @media @less-then-small { margin-left: 0; } } * { color: #606266; } .el-form-item__label { color: @color-white; } .el-form-item__content, .am-calendar-picker { .el-input__inner { color: @color-white; } &:after { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDIyIDI0Ij4NCiAgICA8cGF0aCBmaWxsPSIjRTJFNkVDIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiDQogICAgICAgICAgZD0iTTE1LjcxNCAyLjY2N0g2LjI4NlYwSDIuNzV2Mi42NjdILjc4QS43ODMuNzgzIDAgMCAwIDAgMy40NXYxOS43NjRBLjc4Ljc4IDAgMCAwIC43ODMgMjRoMjAuNDM0YS43ODUuNzg1IDAgMCAwIC43ODMtLjc4NVYzLjQ1MWEuNzgyLjc4MiAwIDAgMC0uNzgtLjc4NGgtMS45N1YwaC0zLjUzNnYyLjY2N3pNMi43NSAyMS40MjlWOGgxNi41djEzLjQyOUgyLjc1ek0xMiAxNHY2aDZ2LTZoLTZ6Ii8+DQo8L3N2Zz4NCg==') no-repeat center / contain; } } .c-day-content { color: inherit; div { color: inherit; } } } .am-recurring-setup-description { padding-top: 30px; padding-bottom: 20px; text-align: center; border-top: 1px solid @color-divider-gray; } .el-loading-mask { background-color: transparent; } .am-button-wrapper { text-align: center; margin-top: @margin-extra-big !important; margin-bottom: @margin-extra-big !important; .el-button { min-width: 98.2px; .el-icon-loading { color: @color-accent; } &:hover { background-color: fade(#fff, 85%); } span { color: @color-accent; } } } } .am-recurring-dates, .am-package-list { transition: all 0.3s ease; z-index: -1; opacity: 0; position: absolute; bottom: 0; top: 0; left: 3%; right: 0; width: 97%; background: #fff; transform: translate(100%); } .am-recurring-dates { @media @less-then-small { .v-calendar-column > div > div { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .am-recurring-dates-header { margin-top: @margin-big; margin-bottom: @margin-big; .am-recurring-dates-header-first { margin: 0; } .am-recurring-dates-header-second { color: darken(@color-light-gray, 30%); font-size: @small-fs; word-wrap: break-word; } @media @less-then-small { border-bottom: 1px solid @color-divider-gray; margin-bottom: 5px; } } .am-recurring-dates-rows { opacity: 1; padding-left: 10px; padding-right: 10px; margin-bottom: 120px; @media @less-then-small { padding-left: 0; padding-right: 0; margin: 0; } } .am-recurring-row-delete-message { font-size: 12px; } .am-recurring-row-item-time { .el-input__inner { padding-left: 30px; } } .am-recurring-dates-row-header { padding-left: 10px; padding-right: 10px; * { color: darken(@color-light-gray, 30%); } .el-row { border-bottom: 1px solid @color-divider-gray; } .am-recurring-dates-row-header-date { padding-left: 30px; } .am-recurring-dates-row-header-time { padding-left: 30px; } } .am-recurring-flex-row-middle-align { border-bottom: 1px solid @color-divider-gray; display: flex; align-items: center; width: 100%; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; &.am-recurring-dates-row-editing { background-color: @color-highlight; } &.am-recurring-dates-row-substitute { background-color: fade(@color-accent, 20%); } @media @less-then-large { align-items: inherit; } @media @less-then-small { display: inline-block; &:first-of-type { margin-bottom: 0; } } @media @more-then-small { .am-recurring-row-item-date { &.is-editing > div { &:after { content: ""; display: block; position: absolute; top: 2px; bottom: 2px; right: 8px; width: 16px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDIyIDI0Ij4NCiAgICA8cGF0aCBmaWxsPSIjRTJFNkVDIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiDQogICAgICAgICAgZD0iTTE1LjcxNCAyLjY2N0g2LjI4NlYwSDIuNzV2Mi42NjdILjc4QS43ODMuNzgzIDAgMCAwIDAgMy40NXYxOS43NjRBLjc4Ljc4IDAgMCAwIC43ODMgMjRoMjAuNDM0YS43ODUuNzg1IDAgMCAwIC43ODMtLjc4NVYzLjQ1MWEuNzgyLjc4MiAwIDAgMC0uNzgtLjc4NGgtMS45N1YwaC0zLjUzNnYyLjY2N3pNMi43NSAyMS40MjlWOGgxNi41djEzLjQyOUgyLjc1ek0xMiAxNHY2aDZ2LTZoLTZ6Ii8+DQo8L3N2Zz4NCg==') no-repeat center / contain; } } } .am-recurring-row-item-time { &.is-editing > div > div { &:before { content: ""; display: block; position: absolute; top: 2px; bottom: 2px; left: 8px; width: 16px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjRDNEQ0U2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMywyNyBDMTguMDI5MjM4NiwyNyAxNCwyMi45Njk3ODA1IDE0LDE3Ljk5OTcyMzkgQzE0LDEzLjAyOTY2NzMgMTguMDI5MjM4Niw5IDIzLDkgQzI3Ljk3MDIwOTEsOSAzMiwxMy4wMjk2NjczIDMyLDE3Ljk5OTcyMzkgQzMyLDIyLjk2OTc4MDUgMjcuOTcwMjA5MSwyNyAyMywyNyBMMjMsMjcgWiBNMjMsMTAuOTI4NTcxNCBDMTkuMDk0NTczNiwxMC45Mjg1NzE0IDE1LjkyODU3MTQsMTQuMDk0NDU0MSAxNS45Mjg1NzE0LDE3Ljk5OTczMyBDMTUuOTI4NTcxNCwyMS45MDUwMTE5IDE5LjA5NDU3MzYsMjUuMDcxNDI4NiAyMywyNS4wNzE0Mjg2IEMyNi45MDU0MjY0LDI1LjA3MTQyODYgMzAuMDcxNDI4NiwyMS45MDUwMTE5IDMwLjA3MTQyODYsMTcuOTk5NzMzIEMzMC4wNzE0Mjg2LDE0LjA5NDQ1NDEgMjYuOTA1NDQ2MSwxMC45Mjg1NzE0IDIzLDEwLjkyODU3MTQgTDIzLDEwLjkyODU3MTQgWiBNMjMuMDE0MzMzMiwxOS4xODc3NjQ2IEMyMi41NDg1MjE4LDE5LjE4Nzc2NDYgMjIuMTcwNTgzMiwxOC44MDk4Mzc2IDIyLjE3MDU4MzIsMTguMzQ0MDQwNSBMMjIuMTcwNTgzMiwxNC4zMzMzOTY5IEMyMi4xNzA1ODMyLDEzLjg2NzU5OTkgMjIuNTQ4NTIxOCwxMy40ODk2NzI4IDIzLjAxNDMzMzIsMTMuNDg5NjcyOCBDMjMuNDgwMTQ0NSwxMy40ODk2NzI4IDIzLjg1ODA4MzIsMTMuODY3NTk5OSAyMy44NTgwODMyLDE0LjMzMzM5NjkgTDIzLjg1ODA4MzIsMTcuNTAwMzE2NCBMMjYuNjcwNTgzMiwxNy41MDAzMTY0IEMyNy4xMzYzOTQ2LDE3LjUwMDMxNjQgMjcuNTE0MzMzMiwxNy44NzgyNDM0IDI3LjUxNDMzMzIsMTguMzQ0MDQwNSBDMjcuNTE0MzMzMiwxOC44MDk4Mzc2IDI3LjEzNjQxNSwxOS4xODc3NjQ2IDI2LjY3MDU4MzIsMTkuMTg3NzY0NiBMMjMuMDE0MzMzMiwxOS4xODc3NjQ2IFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNCAtOSkiLz4KPC9zdmc+Cg==') no-repeat center / contain; } } } } .el-col { margin: auto; @media @less-then-small { span.am-col-title-date { display: inline-block; color: darken(@color-light-gray, 30%); } } .el-icon-warning-outline { margin-left: 5px; } .am-col-title { display: none; font-size: @small-fs; color: @color-text-second; } @media @less-then-small { .am-col-title { display: block; } } &.am-recurring-row-item { padding-left: 1px; pointer-events: none; @media @less-then-small { padding-left: 0; padding-right: 0; &.am-recurring-row-item-date { width: 56%; display: inline-block; text-align: center; margin-left: 5px; .el-input__inner { padding-right: 0; padding-left: 5px; } } &.am-recurring-row-item-time { width: 35%; display: inline-block; text-align: center; margin-left: 5px; .el-input__inner { padding-right: 0; padding-left: 5px; } } } } &.am-recurring-row-action { text-align: center; } .el-input__inner { background-color: transparent; border-color: transparent; } .el-select__caret { display: none; } &.is-substitute { .el-input__inner { color: @color-accent } } &.is-editing { .el-input__inner { border-color: darken(#E2E6EC, 20%); } .el-select__caret { display: inline-block; } &.am-recurring-row-item { pointer-events: all; } &.am-recurring-row-action { border-color: transparent; } .el-input__inner, .el-select { background-color: @color-white; } } &.is-deleting { text-align: center; } @media @less-then-small { p { text-align: left; } width: 100%; } .am-edit-element { padding: 0; &:first-child { margin-right: 20px; } } } } .v-calendar-column { @media @less-then-small { padding: 0 0 0; } } .am-pagination { &.am-pagination-hidden { visibility: hidden; } display: flex; justify-content: space-between; padding-bottom: @padding-small; @media @less-then-medium { display: block; border-bottom: none; text-align: center; } div { display: inline-block; @media @less-then-medium { display: block; } p { padding-top: @padding-small; padding-bottom: @padding-small; text-align: center; font-size: @small-fs; color: darken(@color-light-gray, 30%); margin-top: 8px; @media @less-then-small { text-align: center; } } } .el-pagination { margin-bottom: 90px; text-align: center; display: inline-block; padding-top: @padding-small; padding-bottom: @padding-small; @media @less-then-small { text-align: center; } .el-pager li { height: 32px; line-height: 32px; padding: 0 @padding-small; color: @color-text-prime; border-top: 1px solid @color-divider-gray; border-bottom: 1px solid @color-divider-gray; border-left: 1px solid @color-divider-gray; &:first-child { border-left: none; } @media @less-then-small { padding: 0 @padding-small/3; min-width: 24px; } &.active { background-color: @color-accent; border-color: @color-accent; color: @color-white; &:hover { color: @color-white; } } &:hover { color: @color-accent; } } button { border: 1px solid @color-divider-gray; height: 32px; padding: 0 @padding-small; } } } .dialog-footer { border-top: 1px solid @color-divider-gray; padding-top: @padding-big; text-align: center; position: absolute; bottom: 20px; width: 95%; @media @less-then-small { width: 100%; } } } //STEP 3 .am-package-list { h2 { font-weight: @medium; padding: @padding-small; margin: 0; } p { text-align: left; margin: 0; padding: 0; font-size: @small-fs; color: @color-text-prime; } .am-confirmation-booking-package-wrapper { padding: 0 @padding-small; h2 { font-weight: @regular; } .am-package-rule { display: flex; flex-wrap: wrap; } .am-blue-badge { display: inline-flex; p { flex: 1 0 auto; background-color: fade(@color-accent, 10%); padding: 4px @padding-small; font-weight: @medium; line-height: @h1-lh; color: @color-accent; border-radius: @border-radius; } } } .am-package-description { margin-top: @margin-small; margin-bottom: @margin-big; font-size: @mini-fs; color: darken(@color-light-gray, 30%); white-space: pre-line; } .am-appointments-wrapper { margin-bottom: @margin-big; } .am-appointment-block { padding: 0 @padding-small; p { font-size: @small-fs; } } .el-collapse { border: none; &-item { &__header { height: auto; padding: 5px @padding-small; border-radius: @border-radius; background-color: @color-light-gray; border: none; * { font-size: @small-fs; } > div { margin: 0 @margin-small 0 0; } .am-blue-badge { display: flex; p { padding: 2px @padding-small; margin: 0 12px 0 0; } } .am-package-service-duration { flex: 0 0 auto; margin: 0 @margin-small 0 auto; line-height: 0; } } &__arrow { margin: 0 @margin-small 0 0; color: @color-accent; font-weight: 600; padding: @padding-small/2; border-radius: @border-radius; background-color: fade(@color-accent, 10%); } &__wrap { border: none; } &__content { padding: 0; } } } .am-appointment-body { padding: 6px @padding-small; * { font-size: @small-fs; } > div { margin-bottom: 0; } &.el-row { margin: 0; } } .am-appointment-body-cell { @media @less-then-small { display: flex; } } .am-appointment-body-heading { display: none; @media @less-then-small { display: block; max-width: 120px; width: 100%; flex: 0 0 auto; } } .am-appointment-service-name { font-size: @regular-fs; font-weight: @medium; line-height: @h1-lh; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; cursor: pointer; p { overflow: hidden; text-overflow: ellipsis; } } .am-appointment-header { @media @less-then-small { display: none; } &.el-row { margin: @margin-small @margin-small 0; } } .am-appointment-header-cell { line-height: 1.8; } .am-text-upper { text-transform: uppercase; } .am-text-center { text-align: center; } .am-text-gray { color: @color-dark-gray; } .am-package-rule { margin-top: @margin-medium; margin-bottom: @margin-big; div { padding: 4px; } span { position: relative; display: inline-block; border-radius: @border-radius; background-color: rgba(0, 0, 0, 0.05); margin-top: 0; padding: @padding-small/4*3 @padding-small @padding-small/4*3 @padding-small*4; font-size: @small-fs; i { position: absolute; top: 9px; left: 10px; } } } .el-row { margin-bottom: @margin-small; } } .am-confirm-booking { transition: all 0.3s ease; z-index: -1; opacity: 0; position: absolute; bottom: 0; top: 0; left: 3%; right: 0; width: 97%; background: #fff; transform: translate(100%); h2 { font-weight: @medium; padding: @padding-small; margin: 0; } .am-confirmation-booking-header { text-align: center; margin-bottom: @margin-big; img, svg { border-radius: 50%; max-width: 80px; width: 80px; height: 80px; } } .am-confirmation-booking-package-wrapper { padding: 0 @padding-small; h2 { font-weight: @regular; } .am-package-rule { display: flex; flex-wrap: wrap; } } .am-package-rule { margin-top: @margin-medium; margin-bottom: @margin-big; div { padding: @padding-small; } span { border-radius: @border-radius; background-color: @color-light-gray; margin-top: @margin-small; padding: @padding-small; font-size: @small-fs; } } .am-custom-fields { display: inline-block; width: 100%; .el-row { padding-left: 12px; padding-right: 12px; margin-bottom: 0; .el-col:nth-child(odd) { clear: both; } .am-custom-required-as-html { .el-form-item__label:before { content: '*'; color: #F56C6C; margin-right: 4px; } } .text-content-custom-field { label { visibility: hidden; } } .el-upload--text { width: 100%; } .el-upload-dragger { border: 2px dashed @color-accent; height: 40px; text-align: center; cursor: pointer; position: relative; border-radius: 4px; justify-content: center; align-items: center; color: @color-accent; box-sizing: border-box; display: flex; width: 100%; .el-icon-upload { margin: 0 0 0 0; } i { display: inline; padding: @padding-small/4; color: @color-accent; font-size: @medium-fs+4px; line-height: 36px; } span { color: @color-accent; } } .popover-content { background-color: #ffffff; } .c-weekdays { border-bottom: 1px solid @color-divider-gray; margin-left: 3px; margin-right: 3px; } .c-day-content { font-size: 12px; } } } .el-form-item { margin-bottom: @margin-medium; } p { text-align: left; margin: 0; padding: 0; font-size: @small-fs; color: @color-text-prime; } p.am-align-right { text-align: right; } .am-employee-photo { border-radius: 50%; width: 24px; max-width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: @margin-small/2; } .el-row { margin-bottom: @margin-small; } .am-add-coupon { margin-bottom: @margin-medium; span { color: @color-accent; font-size: @mini-fs; } .el-input__inner { height: 32px; } svg, img { width: 20px; height: 20px; display: inline-block; margin-right: 2px; vertical-align: middle; path { fill: @color-accent; } } .el-form-item { margin-bottom: 0; } .el-form-item__content { position: static; } .el-form-item__error { padding-left: @padding-small; padding-top: 1px; } .el-input-group__append, .el-input-group__prepend { background-color: @color-accent; color: @color-white; border-color: @color-accent; &:hover { background-color: fade(@color-accent, 15%); border-color: fade(@color-accent, 15%); .el-button { color: @color-text-prime; background-color: transparent; border-color: transparent; } } .el-button { background-color: transparent; border-color: transparent; color: @color-white; } } } .am-add-coupon-field { span { visibility: hidden; } } .am-coupon-limit { background-color: #354052; padding: 10px; border-radius: @border-radius/2; .am-coupon-limit-text { font-size: 14px; div { display: inline-block; padding-top: 6px; padding-bottom: 6px; } p, strong { color: @color-white; } } svg, img { width: 30px; height: 30px; display: inline-block; margin-right: 2px; vertical-align: middle; margin-bottom: 6px; margin-top: 6px; circle { fill: @color-accent; } } } .am-confirmation-extras-cost { background-color: fade(@color-accent, 10%); padding-top: @padding-small/2; padding-bottom: @padding-small/2; margin-left: 0 !important; margin-right: 0 !important; div { line-height: 24px; } .el-collapse { border: none; .el-collapse-item__header { height: 24px; border: none; margin: 0; padding: 0; font-size: @small-fs; color: @color-text-prime; background: none; .am-extras-title { display: inline-block; font-weight: @regular; padding-left: 12px; } .am-extras-total-cost { float: right; margin-left: @margin-small; } i { line-height: 24px; margin-right: -3px; margin-left: 1px; } } .el-collapse-item__wrap { background: none; border: none; padding-left: @padding-big/2; .el-collapse-item__content { padding: 0; .am-extras-details { display: inline-block; } .am-extras-cost { display: inline-block; float: right; padding-right: @padding-big/2; } } } } } .am-confirm-booking-form { padding: 0 @padding-small; .am-confirm-booking-data { margin-bottom: 0; h2 { position: relative; font-weight: @regular; &.am-booking-data-heading { margin-bottom: @margin-medium; &:after { content: ''; display: block; width: 100%; height: 1px; background-color: @color-divider-gray; position: absolute; bottom: 0; left: 0; } } } } .am-confirm-booking-recaptcha-block { @media @less-then-small { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; } .grecaptcha-badge { @media @less-then-small { position: unset !important; } } } .am-payment-type { .el-form-item__content { max-height: unset; } &-radio { border-radius: 8px; margin: 0 8px 8px 0; span { color: @sbs-caf-text-color; } &-checked { border: 1px solid @color-accent; background-color: fade(@color-accent, 8%); span { color: @color-accent; } .el-radio__inner { border-color: @color-accent; background: @color-accent; &:after { transform: translate(-50%,-50%) scale(1); } } } } } .am-confirm-booking-payment { margin-top: -24px; } .am-payment-buttons-wrapper { min-height: 132px; .el-form-item__content { display: flex; align-items: flex-start; max-height: unset; flex-wrap: wrap; } .am-payment-button { width: 112px; height: 90px; padding: @padding-medium; background-color: transparent; border: 2px solid @color-divider-gray; border-radius: @border-radius/3*4; text-decoration: none; margin: 0 10px 10px 0; &:hover { background: fade(@color-accent, 8%); border: 2px solid @color-accent; color: @color-accent; svg { path { fill: @color-accent; } } p { color: @color-accent; } } p { text-align: center; text-transform: none; } &-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; } &-selected { background: fade(@color-accent, 8%); border: 2px solid @color-accent; svg { path { fill: @color-accent; } } p { color: @color-accent; } } img { height: 32px; } } } .am-confirmation-booking-cost { border-top: 1px solid @color-divider-gray; } .am-confirmation-booking-details { border-bottom: 1px solid @color-divider-gray; margin-bottom: @margin-big; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid @color-divider-gray; padding: @padding-medium 0; &.recurring-string { padding-top: 0; border-top: none; } > div { margin-right: @margin-small; p { margin: 0 0 @margin-small/2 !important; } } } .am-whatsapp-opt-in-text { color: fade(@color-input-text, 50%); font-weight: 400; font-size: 10px; display: flex; margin-top:5px; } } .am-confirmation-total { background-color: fade(@color-accent, 10%); padding: @padding-small; .el-row { margin-top: @margin-small; margin-bottom: @margin-small; margin-left: 0 !important; margin-right: 0 !important; } .am-confirmation-deposit { &-price { border-bottom: 1px solid @color-dark-gray; padding-bottom: 8px; } .am-confirmation-deposit-info { font-style: italic; color: @color-dark-gray; display: inline-block; } } p { /*font-size: @big-fs - 2px;*/ font-weight: @medium; margin: 0 !important; padding: 0; @media @less-then-small { /*font-size: @medium-fs;*/ } &.am-align-right { color: @color-accent; } } } .am-confirmation-extras-cost { padding-top: 0; background-color: fade(@color-accent, 10%); padding-bottom: 0; p { margin: 0; } } .dialog-footer { margin-top: @margin-big; text-align: center; } .dialog-footer-no-margin { margin-top: 0; } } &.am-active-recurring-dates, &.am-active-package-list { .am-select-service { transform: translateX(-200%); position: absolute; } &.am-mobile-collapsed { .am-select-date { left: -97%; position: absolute; top: 0; bottom: 0; } } .am-select-date { //transform: translateX(-94%); left: -47%; position: absolute; top: 0; bottom: 0; .am-calendar-picker, p { transition: all 0.1s; opacity: 0; transition-delay: 0.5s; } } .am-recurring-dates, .am-package-list { //transition-delay: 0.5s; z-index: 1; display: block; width: 97%; position: relative; bottom: 0; top: 0; left: 3%; right: 0; opacity: 1; padding: @padding-big @padding-medium; box-sizing: border-box; transform: translate(0); @media @less-then-medium { left: 0; right: 0; width: 100%; } @media @less-then-small { padding-left: 0; padding-right: 0; } } } &.am-active-confirm { .am-select-service { transform: translateX(-200%); position: absolute; } .am-select-date { position: absolute; top: 0; left: -47%; right: auto; bottom: 0; //transform: translateX(-94%); .am-calendar-picker, p { transition: all 0.1s; opacity: 0; transition-delay: 0.5s; } } .am-confirm-booking { //transition-delay: 0.5s; display: block; width: 97%; min-height: 500px; position: relative; bottom: 0; top: 0; left: 3%; right: 0; opacity: 1; padding: @padding-big @padding-medium; z-index: 1; box-sizing: border-box; transform: translate(0); @media @less-then-medium { left: 0; right: 0; width: 100%; } @media @less-then-small { padding-left: 0; padding-right: 0; } } } &.am-active-submit { .am-select-service { display: none; } .am-select-date { display: none; } .am-confirm-booking { display: none; } } .am-waiting-confirmation, .am-success-payment, .am-booking-fetched { text-align: center; background: transparent; z-index: 2; margin: 0 auto; padding: @padding-big*3; @media @less-then-small { padding: @padding-medium; } h4 { text-transform: uppercase; margin-bottom: @margin-big; color: @color-text-second; letter-spacing: 2px; } .el-button a { color: @color-white; } .am-svg-wrapper { position: relative; margin: 0 0 @margin-big; .am-hourglass { position: absolute; top: 50%; left: 50%; width: 32px; height: 42px; padding: 0; margin-left: -16px; margin-top: -24px; path { fill: @color-accent; } } .am-congrats { width: 96px; padding: 0; margin: @margin-big; /*border-radius: 50%; border: 2px solid @color-divider-gray;*/ path { fill: @color-accent; &#shape-star { fill: #ffffff; } } } .am-spin { width: 160px; padding: 0; margin: 0; path { stroke: @color-accent; } } } .el-col { width: 100%; } } .am-success-payment { .el-select { max-width: 250px; } } .am-booking-fetched { position: absolute; top: 50%; left: 50%; margin: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .am-package-selected { .am-package-selected-col { padding-right: @padding-medium; } .am-package-rule { margin-top: @margin-medium; div { padding: @padding-small; } span { border-radius: @border-radius; background-color: rgba(0, 0, 0, 0.05); margin-top: @margin-small; padding: @padding-small; font-size: @small-fs; } } .am-package-description { margin-top: @margin-small; margin-bottom: @margin-big; font-size: @mini-fs; color: darken(@color-light-gray, 30%); } .am-packages-buttons { display: flex; align-items: center; justify-content: space-between; position: absolute; left: 24px; bottom: @padding-small*7; text-align: center; .am-package-slots-loaded { display: none; } } .am-package-service { width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: @regular-fs; font-weight: @medium; border-radius: @border-radius; border: 1px solid @color-divider-gray; border-top: none; padding: @padding-small; margin-bottom: @margin-medium; @media @less-then-xsmall { flex-direction: column; align-items: flex-start; } &__inner { display: flex; align-items: center; overflow: hidden; @media @less-then-xsmall { width: 100%; } } &__name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } &__quantity { padding: 0 @padding-small/2; margin-left: @margin-small; border-radius: @border-radius; background-color: fade(@color-accent, 10%); color: @color-accent; } &__employee { display: flex; align-items: center; justify-content: space-between; img, span { margin-left: 4px; } } } } .am-package-header { position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: @margin-extra-big; .am-package-header-image-data-wrapper { flex: 1 1 auto; display: flex; align-items: center; @media @less-then-xsmall { flex-direction: column; align-items: flex-start; } } .am-package-image { display: inline-block; width: 60px; max-width: 60px; height: 60px; max-height: 60px; position: relative; flex: none; vertical-align: middle; border-radius: 50%; & > span { display: flex; align-self: center; width: 26px; height: 26px; position: absolute; bottom: 0; right: -13px; padding: 3px; border: 3px solid #FFFFFF; border-radius: 50%; background-color: @color-accent; box-sizing: border-box; & > img { border-radius: 0; } } img, svg { width: 100%; height: 100%; border-radius: 50%; } } .am-package-data { display: inline-block; width: 100%; vertical-align: middle; padding: 0 @padding-medium; @media @less-then-xsmall { display: block; padding: 0; margin-top: @margin-medium; } .am-package-title { max-width: 100%; h2 { font-size: @medium-fs; font-weight: @medium; } } } .am-package-price { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; border-radius: @border-radius; background-color: fade(@color-accent, 7%); color: @color-accent; font-size: @regular-fs; line-height: 1.2; padding: @padding-small; @media @less-then-xsmall { position: absolute; top: 0; right: 0; } sup { font-size: @small-fs; font-weight: @light; margin-left: 2px; } &__wrapper { color: @color-accent; &-discount { margin-bottom: @margin-small/2; } } &__discount { max-width: 112px; display: flex; align-items: center; justify-content: space-between; padding: 4px @padding-small; border-radius: 13px; background-color: @color-accent; } &__discount-image { height: 18px; } &__discount-text { font-size: @regular-fs; font-weight: @medium; line-height: 1; color: @color-white; margin-left: @margin-small; } } } .am-duration-container { padding-left: 20px; padding-right: 20px; } .am-duration { .el-form-item { margin-bottom: @margin-medium; } .el-input__inner { background-color: transparent; border-color: @sbs-cf-text-color; &::placeholder, &::-webkit-input-placeholder, &::-moz-placeholder, &:-ms-input-placeholder, &:-moz-placeholder { color: fade(@sbs-cf-text-color, 70%); } } } .am-timezone { position: relative; display: flex; align-items: center; justify-content: center; &__text { background-color: rgba(0, 0, 0, 0.1); font-size: @small-fs; font-weight: 400; line-height: 1.15; padding: @padding-small/2 @padding-small; border-radius: @border-radius; box-sizing: border-box; } } .am-lite-footer { width: 100%; text-align: center; font-size: 12px; opacity: 0.5; .am-lite-footer-link { text-decoration: none !important; color: @color-accent; } } } .StripeElement { margin-top: 3%; } .am-select-complex { border-color: @sbs-ssf-dropdown-color; .el-select-dropdown__list { background-color: @sbs-ssf-dropdown-color; } &.el-select-dropdown .el-select-dropdown__item { display: flex; align-items: center; justify-content: space-between; &:hover, &.hover { background-color: transparent; } &.selected { color: @color-accent; } span { display: flex; align-items: center; color: @sbs-ssf-dropdown-text-color; } span:last-child { color: fade(@sbs-ssf-dropdown-text-color, 70%); font-size: @small-fs; } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @sbs-ssf-dropdown-color; &::after { border-bottom-color: @sbs-ssf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @sbs-ssf-dropdown-color; &::after { border-top-color: @sbs-ssf-dropdown-color; } } } } .pac-container { z-index: 9999999991 !important; } frontend/_overrides.less 0000666 00000010443 15165376205 0011434 0 ustar 00 @import "_variables"; .amelia-app-booking #amelia-booking-wrap, #am-modal.am-modal.am-in-body { *:focus:not(.is-focus):not(:active) { -webkit-box-shadow: none; box-shadow: none; outline: none; } .el-select__tags { left: 1px; overflow: hidden; white-space: nowrap; .el-select__tags-text { max-width: 80px; overflow: hidden; display: inline-flex; } .el-select__input { border: none; background: transparent; } } .el-input-group__prepend { background-color: @color-light-gray; border-color: #dddddd; .el-input { margin-bottom: 0; min-width: 75px; } } .el-input-group--prepend .el-input__inner, .el-input-group__append { border-top-left-radius: 0; border-bottom-left-radius: 0; vertical-align: middle; display: table-cell; } .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-form-item.is-success .el-input__inner, .el-form-item.is-success .el-input__inner:focus, .el-form-item.is-success .el-textarea__inner, .el-form-item.is-success .el-textarea__inner:focus { border-color: @color-divider-gray; } // TODO - Move from overrides .payment-dialog-footer { display: flex; align-items: center; justify-content: center; position: relative; div.paypal-button { position: relative; #am-paypal-button-container { opacity: 0.01; position: absolute; top: 6px; left: 8px; z-index: 2; } span { position: relative; } } & .el-button { margin: 0 @margin-small @margin-small; } } // TODO - Move from overrides .calendar-link { span { font-size: @regular-fs; } a:hover, a:visited, a:link, a:active { color: @color-white; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; } &.is-disabled { color: @color-gray; } } // TODO - Move from overrides .redirect-link { span { font-size: @regular-fs; } a { color: @color-white; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; } } .el-form-item__content { line-height: 1; } } .el-popper { max-width: 97%; font-family: @font; .el-select-dropdown__item { white-space: normal; min-height: 40px; line-height: 40px; height: auto; } } .el-select-dropdown__empty { padding: 10px; } .el-select-dropdown { .el-select-dropdown__item { background-color: transparent; color: @color-text-second; &.hover { background-color: transparent; } &:hover { background-color: @color-highlight; } &.selected { background-color: transparent; color: inherit; &.hover { background-color: transparent; } &:hover { background-color: @color-highlight; } } &.is-disabled { color: @color-gray; } @media @less-then-medium { &.am-drop-child { padding: 0 12px; } } } } .el-button { margin: 0 @margin-small @margin-small; letter-spacing: 0; outline: none; &:hover, &:focus { outline: none; } } .el-button { &.am-delete { background-color: @color-red; border-color: @color-red; } } .el-message-box { font-family: @font; } .el-message--success { z-index: 999999 !important; } .el-message--error { z-index: 999999 !important; } .el-tooltip__popper { text-align: center; } .el-notification { h2 { &:before { display: none; } } &__title { line-height: 18px; } &__content { line-height: 21px; } } .el-dialog { border-radius: 4px; } .el-input__prefix, .el-input__suffix { color: #C0C4CC !important; } .el-dialog__headerbtn { background-color: #ffffff !important; } .el-dialog__wrapper { z-index: 1000001 !important; } .el-select-dropdown, .el-picker-panel, .el-tooltip__popper { z-index: 1100000 !important; } .el-tooltip__popper { z-index: 2111111112 !important; } .v-modal { z-index: 1000000 !important; } .el-scrollbar { & > .el-scrollbar__bar { opacity: 1 !important; } } frontend/service.less 0000666 00000014723 15165376205 0010740 0 ustar 00 @import "_variables"; .amelia-app-booking { #am-service-booking { .am-service-gallery { min-height: 256px; background-image: linear-gradient(90deg, fade(@color-accent, 65%) 0%, @color-accent 100%); @media @less-then-medium { min-height: 1px; } } h3 { font-size: @medium-fs; margin-bottom: @margin-big; padding: 0; } p { font-size: @small-fs; padding: 0; margin-bottom: @margin-medium; } .el-carousel__container { height: 570px; @media @less-then-medium { height: 480px; } @media @less-then-small { height: 300px; } .am-image-slide { height: 570px; width: 100%; background-size: cover; background-position: center; @media @less-then-medium { height: 480px; } @media @less-then-small { height: 300px; } } } .am-service { background: #fff; margin: -60px 5% 0; position: relative; padding: @padding-big; @media @less-then-small { padding: 14px; } z-index: 3; @media @less-then-medium { margin: 0; } &.am-active-book { box-shadow: 0 0 16px 1px fade(@color-divider-gray, 90%); } .am-service-header { position: relative; margin-bottom: @margin-big*2; display: flex; align-items: flex-start; justify-content: space-around; @media @less-then-medium { text-align: center; display: block; } .am-service-image { display: inline-block; vertical-align: middle; border-radius: 50%; width: 100px; height: 100px; max-width: 100px; img, svg { width: 100%; border-radius: 50%; } } .am-service-data { display: inline-block; vertical-align: middle; padding: 0 @padding-medium; flex: 1; @media @less-then-medium { display: block; margin-bottom: @margin-medium; margin-top: @margin-medium; } .am-category-url { cursor: pointer; font-size: @small-fs; display: inline-block; &:hover { color: @color-accent; } } .am-service-title { h2 { font-size: @big-fs; font-weight: @regular; //margin-bottom: @margin-small; } } .am-service-info { margin-bottom: 0; div { font-size: @small-fs; color: @color-text-second; display: inline-block; border-right: 1px solid @color-divider-gray; margin-right: @margin-small; padding-right: @padding-small; @media @less-then-small { display: block; padding: 0; border: none; } &:last-child { border-right: none; } img, svg { display: inline-block; vertical-align: text-top; } } } } .am-service-price { display: inline-block; /* position: absolute; top: 0; right: 0;*/ padding: @padding-medium @padding-big; border-radius: 30px; background-color: @color-accent; color: @color-white; font-size: @big-fs; line-height: 1.2; sup { font-size: @small-fs; font-weight: @light; margin-left: 2px; } @media @less-then-small { position: static; } } } .am-service-description { margin-bottom: @margin-big*2; } .am-service-info { margin-bottom: @margin-big*2; .el-row { margin-bottom: @margin-small; .el-col:first-child { color: @color-text-second; } .am-service-info-column.el-col-sm-24:first-child { margin-bottom: @margin-big; } } .am-category-url { color: @color-text-prime; font-weight: @medium; cursor: pointer; &:hover { color: @color-accent; } } .am-extra { &.el-collapse-item > div { color: inherit; } .el-collapse-item { &__header { background-color: rgba(0, 0, 0, 0.02); color: inherit; padding: 0 0 0 @padding-medium; font-size: @small-fs; } &__arrow { color: inherit; } &__wrap { background-color: transparent; } &__content { padding: @padding-small; display: inline-block; width: 100%; } } } } .am-service-providers { margin-bottom: @margin-big*2; .am-service-provider { display: inline-block; width: 100%; max-width: 220px; margin: 0 @margin-small @margin-big 0; img { border-radius: 50%; max-width: 32px; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin: 0 @margin-small/2 0 0; } span { display: inline-block; max-width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; } } } .am-step-booking { h3 { text-align: center; } } } } //Small columns &.am-mobile-collapsed { #am-service-booking { .am-service { .am-service-header { text-align: center; display: block; .am-service-data { display: block; margin-bottom: @margin-medium; margin-top: @margin-medium; } } } } } } .align-right-packages { text-align: right; @media @less-then-small { text-align: center; } .el-button { @media @less-then-small { margin-bottom: @margin-small; } } } frontend/_elements.less 0000666 00000077556 15165376205 0011270 0 ustar 00 @import "_variables"; @keyframes spinner { form {transform: rotate(0deg);} to {transform: rotate(360deg);} } /* WP Admin Bar Override */ body.admin-bar { .el-popper[x-placement^=bottom] { margin-top: 44px; } .el-popper[x-placement^=top] { /*margin-top: -36px;*/ } } .amelia-app-booking { position: relative; } //fix for phonecode on front-end .el-select-dropdown { .am-phone-input-nicename { float: left; } .am-phone-input-phonecode { float: right; color: @color-text-second; font-size: 13px } } .am-drop-parent { padding: @padding-small @padding-small+4px; cursor: pointer; font-size: @small-fs; border-bottom: 1px solid @color-divider-gray; color: @color-text-second; &:hover { background-color: @color-highlight; } } .am-drop-child { padding: 0 @padding-big; } .amelia-app-booking #amelia-booking-wrap, #am-modal.am-modal.am-in-body { .am-payment-type { label { margin-bottom: 12px; } } //helpers .am-align-right { text-align: right; } .am-align-left { text-align: left; } .am-align-center { text-align: center; } .am-strong { font-weight: @bold; } .am-semi-strong { font-weight: @medium; } .am-align-justify { text-align: justify; } ::-moz-placeholder { color: #ccc; } :-ms-input-placeholder { color: #ccc !important; } //v-calendar .am-calendar-picker { color: @color-text-prime; .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title { font-weight: 400; font-size: @regular-fs; } .c-header .c-arrow-layout .c-arrow { font-size: @medium-fs; } .c-weekdays { font-size: @small-fs; } .c-day-content { width: 28px; height: 28px; font-size: @small-fs; font-weight: @regular; line-height: 1.5; } .c-day-background { width: 28px !important; height: 28px !important; background-color: @color-accent !important; } } .el-input .el-icon-circle-close { color: @color-text-prime; } .el-select { &.am-sort { position: relative; &:before { width: 18px; height: 18px; position: absolute; z-index: 1; top: 14px; left: 12px; //content: url('../../img/sort.svg'); content: ' '; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE0IDEyIj4NCiAgICA8cGF0aCBmaWxsPSIjNjE2RTdDIiBmaWxsLXJ1bGU9Im5vbnplcm8iDQogICAgICAgICAgZD0iTTMgMTFhMSAxIDAgMCAwLTEtMUgxYTEgMSAwIDAgMCAwIDJoMWExIDEgMCAwIDAgMS0xek0xIDJoMTJhMSAxIDAgMCAwIDAtMkgxYTEgMSAwIDAgMCAwIDJ6bTggNGExIDEgMCAwIDAtMS0xSDFhMSAxIDAgMCAwIDAgMmg3YTEgMSAwIDAgMCAxLTF6Ii8+DQo8L3N2Zz4NCg==") no-repeat top; line-height: 1; text-align: left; vertical-align: top; color: @color-text-second; display: inline-block; } input { padding-left: @padding-medium * 2; } } } .el-button--primary.el-button { background-color: @color-accent; border-color: @color-accent; color: @color-white; &:hover, &:focus { color: @color-white; background-color: fade(@color-accent, 75%); border-color: fade(@color-accent, 75%); span { color: @color-white; } } span { color: @color-white; } } .el-button--danger.el-button { background-color: @color-red; border-color: @color-red; color: @color-white; &:hover, &:focus { color: @color-white; background-color: darken(@color-red, 5%); border-color: darken(@color-red, 5%); span { color: @color-white; } } span { color: @color-white; } } .el-button { height: auto; &:hover, &:focus { color: @color-accent; border-color: fade(@color-accent, 10%); background-color: fade(@color-accent, 10%); span { color: @color-accent; } } span { color: @color-text-prime; } @media @less-then-xsmall { font-size: 12px; } } .am-flex-row-middle-align { display: flex; align-items: center; @media @less-then-small { display: block; } } .am-flex-row-middle-align-mobile { display: flex; align-items: center; } .am-spinner-wrapper { text-align: center; height: 244px; display: flex; align-items: center; position: relative; .am-spinner-service { margin: 0 auto; .am-spin { width: 80px; padding: 0; margin: 0; path { stroke: @color-accent; } } .am-hourglass { position: absolute; top: 50%; left: 50%; width: 18px; height: 24px; padding: 0; margin-left: -9px; margin-top: -16px; path { fill: @color-accent; } } } } .am-spinner { margin: 0 auto; position: relative; .am-spin { width: 80px; padding: 0; margin: 0; path { stroke: @color-accent; } } .am-hourglass { position: absolute; top: 50%; left: 50%; width: 18px; height: 24px; padding: 0; margin-left: -9px; margin-top: -16px; path { fill: @color-accent; } } } .am-loader { position: relative; width: 80px; height: 80px; margin: 0 auto; &-spin { position: absolute; top: 0; left: 0; width: 100%; height: 100%; stroke: @color-accent; use { transform-origin: center; animation-name: spinner; animation-duration: 1s; animation-iteration-count: infinite; } } &-hourglass { position: absolute; top: 50%; left: 50%; width: 18px; height: 24px; transform: translate(-50%, -50%); fill: @color-accent; } } .am-scroll { padding-right: 8px; padding-left: 8px; scroll-color: @color-divider-gray @color-search-filters-bg; scrollbar-width: thin; &::-webkit-scrollbar { position: absolute; width: 8px; } &::-webkit-scrollbar-track { background: @color-search-filters-bg; } &::-webkit-scrollbar-thumb { background: @color-divider-gray; } &::-webkit-scrollbar-thumb:hover { background: darken(@color-divider-gray, 5%); } } .am-search-filters { .am-search-filter { } } .el-switch.is-checked .el-switch__core { background-color: @color-accent; border-color: @color-accent; } .am-add-element { color: @color-accent; display: inline-block; vertical-align: middle; padding: 0 4px 0 4px; cursor: pointer; background: transparent; i { margin-right: @margin-small/2; border-radius: 50%; //border: 1px solid @color-divider-gray; padding: @padding-small/2; //font-size: @mini-fs - 2; vertical-align: middle; border: 1px solid #E2E6EC; background-color: @color-white; color: @color-accent; font-size: 14px; &::before { font-weight: 600; } &:hover { background-color: @color-accent; color: @color-white; } } span { vertical-align: middle; color: @color-accent; } &:hover { color: darken(@color-accent, 10%); i { background-color: @color-accent; color: @color-white; } } } .am-delete-element { color: @color-red; display: inline-block; vertical-align: middle; cursor: pointer; i { border-radius: 50%; //border: 1px solid @color-divider-gray; padding: @padding-small/2; font-size: @mini-fs - 2; vertical-align: middle; border: 1px solid #E2E6EC; background-color: @color-white; color: @color-red; &::before { font-weight: 600; } &:hover { background-color: @color-red; color: @color-white; } } span { vertical-align: middle; color: @color-red; } &:hover { color: darken(@color-red, 10%); i { background-color: @color-red; color: @color-white; } } } .hide-on-mobile { @media @less-then-small { display: none; } } .am-edit-element { display: inline-block; vertical-align: middle; padding: @padding-small/2; cursor: pointer; i { color: @color-text-second } &:hover i { color: darken(@color-accent, 10%); } } .is-error { input { border-color: @color-red; } .el-form-item__error { color: @color-red; font-size: 10px; padding-top: 4px; } } .v-calendar-column { overflow: visible; .el-form-item__content, .am-calendar-picker { &:after { content: ""; display: block; position: absolute; top: 2px; bottom: 2px; right: 8px; width: 16px; background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDIyIDI0Ij4NCiAgICA8cGF0aCBmaWxsPSIjRTJFNkVDIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiDQogICAgICAgICAgZD0iTTE1LjcxNCAyLjY2N0g2LjI4NlYwSDIuNzV2Mi42NjdILjc4QS43ODMuNzgzIDAgMCAwIDAgMy40NXYxOS43NjRBLjc4Ljc4IDAgMCAwIC43ODMgMjRoMjAuNDM0YS43ODUuNzg1IDAgMCAwIC43ODMtLjc4NVYzLjQ1MWEuNzgyLjc4MiAwIDAgMC0uNzgtLjc4NGgtMS45N1YwaC0zLjUzNnYyLjY2N3pNMi43NSAyMS40MjlWOGgxNi41djEzLjQyOUgyLjc1ek0xMiAxNHY2aDZ2LTZoLTZ6Ii8+DQo8L3N2Zz4NCg==') no-repeat center / contain; } } .popover-container { width: 100%; .popover-origin .popover-content-wrapper .popover-content { background-color: @color-bgr; } input { width: 100%; padding-right: @padding-medium*2; } } .c-pane-container { background-color: transparent !important; } .c-day-content { font-size: @mini-fs; font-weight: 400; color: inherit; div { color: inherit; } } .c-weekdays { border-bottom: 1px solid @color-divider-gray; padding-bottom: @padding-small / 2; } .c-pane-container { font-family: @font; padding: 0 @padding-small; @media @less-then-medium { padding: 0; } } } .am-btns { margin-top: @margin-medium; border-top: 1px solid @color-divider-gray; padding: @padding-medium 0 0; .el-button { margin-left: 0; } } .am-round-icon { background-color: @color-accent; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; margin-right: @margin-medium; text-align: center; img, svg { vertical-align: middle; } } } .am-appointment-status.small { .am-appointment-status-symbol:before { margin-top: -8px; } .am-appointment-dialog-status-option { .am-appointment-status-symbol { &:before { margin-top: -14px; } } } } .am-appointment-dialog-status-option { .am-appointment-status-symbol { &:before { margin-top: -14px; } } } .am-appointment-status-symbol, .am-employee-status-symbol { vertical-align: sub; &.am-status-label { padding-left: 20px; &:before { left: 0; } } &:before { width: 16px; height: 16px; display: block; position: absolute; z-index: 1; top: 50%; margin-top: -5px; left: 10px; pointer-events: none; } &-approved { &:before { content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDhDMCAzLjU4MTcyIDMuNTgxNzIgMCA4IDBDMTIuNDE4MyAwIDE2IDMuNTgxNzIgMTYgOEMxNiAxMi40MTgzIDEyLjQxODMgMTYgOCAxNkMzLjU4MTcyIDE2IDAgMTIuNDE4MyAwIDhaTTggMS41QzQuNDEwMTUgMS41IDEuNSA0LjQxMDE1IDEuNSA4QzEuNSAxMS41ODk5IDQuNDEwMTUgMTQuNSA4IDE0LjVDMTEuNTg5OSAxNC41IDE0LjUgMTEuNTg5OSAxNC41IDhDMTQuNSA0LjQxMDE1IDExLjU4OTkgMS41IDggMS41Wk0xMC42MjMzIDUuMDk5NDhDMTAuOTgyNSA1LjMwNTYzIDExLjEwNjcgNS43NjM5OSAxMC45MDA1IDYuMTIzMjZMOC42MDY5IDEwLjEyMDZDNy45MDIxMSAxMS4zNDg4IDYuMTA2MjkgMTEuMjc1IDUuNTA0NzUgOS45OTI5Nkw1LjA3MTAzIDkuMDY4NThDNC44OTUwOCA4LjY5MzU5IDUuMDU2NDMgOC4yNDY5NyA1LjQzMTQyIDguMDcxMDNDNS44MDY0MSA3Ljg5NTA4IDYuMjUzMDMgOC4wNTY0MyA2LjQyODk3IDguNDMxNDJMNi44NjI3IDkuMzU1OEM2Ljk0ODY0IDkuNTM4OTUgNy4yMDUxOCA5LjU0OTUgNy4zMDU4NiA5LjM3NDAzTDkuNTk5NDggNS4zNzY3NEM5LjgwNTYzIDUuMDE3NDcgMTAuMjY0IDQuODkzMzMgMTAuNjIzMyA1LjA5OTQ4WiIgZmlsbD0iIzFCQkMzNSIvPgo8L3N2Zz4K'); } } &-canceled { &:before { content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDhDMCAzLjU4MTcyIDMuNTgxNzIgMCA4IDBDMTIuNDE4MyAwIDE2IDMuNTgxNzIgMTYgOEMxNiAxMi40MTgzIDEyLjQxODMgMTYgOCAxNkMzLjU4MTcyIDE2IDAgMTIuNDE4MyAwIDhaTTggMS41QzQuNDEwMTUgMS41IDEuNSA0LjQxMDE1IDEuNSA4QzEuNSAxMS41ODk5IDQuNDEwMTUgMTQuNSA4IDE0LjVDMTEuNTg5OSAxNC41IDE0LjUgMTEuNTg5OSAxNC41IDhDMTQuNSA0LjQxMDE1IDExLjU4OTkgMS41IDggMS41Wk01LjIxOTY3IDUuMjE5NjdDNS41MTI1NiA0LjkyNjc4IDUuOTg3NDQgNC45MjY3OCA2LjI4MDMzIDUuMjE5NjdMOCA2LjkzOTM0TDkuNzE5NjcgNS4yMTk2N0MxMC4wMTI2IDQuOTI2NzggMTAuNDg3NCA0LjkyNjc4IDEwLjc4MDMgNS4yMTk2N0MxMS4wNzMyIDUuNTEyNTYgMTEuMDczMiA1Ljk4NzQ0IDEwLjc4MDMgNi4yODAzM0w5LjA2MDY2IDhMMTAuNzgwMyA5LjcxOTY3QzExLjA3MzIgMTAuMDEyNiAxMS4wNzMyIDEwLjQ4NzQgMTAuNzgwMyAxMC43ODAzQzEwLjQ4NzQgMTEuMDczMiAxMC4wMTI2IDExLjA3MzIgOS43MTk2NyAxMC43ODAzTDggOS4wNjA2Nkw2LjI4MDMzIDEwLjc4MDNDNS45ODc0NCAxMS4wNzMyIDUuNTEyNTYgMTEuMDczMiA1LjIxOTY3IDEwLjc4MDNDNC45MjY3OCAxMC40ODc0IDQuOTI2NzggMTAuMDEyNiA1LjIxOTY3IDkuNzE5NjdMNi45MzkzNCA4TDUuMjE5NjcgNi4yODAzM0M0LjkyNjc4IDUuOTg3NDQgNC45MjY3OCA1LjUxMjU2IDUuMjE5NjcgNS4yMTk2N1oiIGZpbGw9IiNFMzQ2M0MiLz4KPC9zdmc+Cg=='); } } &-pending { &:before { content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjgwNzQ3IDAuMjQ4MjgzQzguMDg0NTYgMC41NTYxNjUgOC4wNTk2MSAxLjAzMDM4IDcuNzUxNzIgMS4zMDc0OEw2LjcwNDQ3IDIuMjUwMDFIOS4yNUMxMi45Nzc5IDIuMjUwMDEgMTYgNS4yNzIwOCAxNiA5LjAwMDAxVjkuMjUwMDFDMTYgOS42NjQyMiAxNS42NjQyIDEwIDE1LjI1IDEwQzE0LjgzNTggMTAgMTQuNSA5LjY2NDIyIDE0LjUgOS4yNTAwMVY5LjAwMDAxQzE0LjUgNi4xMDA1MSAxMi4xNDk1IDMuNzUwMDEgOS4yNSAzLjc1MDAxSDYuNzA0NDdMNy43NTE3MiA0LjY5MjU0QzguMDU5NjEgNC45Njk2MyA4LjA4NDU2IDUuNDQzODUgNy44MDc0NyA1Ljc1MTczQzcuNTMwMzggNi4wNTk2MSA3LjA1NjE2IDYuMDg0NTcgNi43NDgyOCA1LjgwNzQ4TDQuMjQ4MjggMy41NTc0OEM0LjA5MDI0IDMuNDE1MjUgNCAzLjIxMjYyIDQgMy4wMDAwMUM0IDIuNzg3MzkgNC4wOTAyNCAyLjU4NDc3IDQuMjQ4MjggMi40NDI1NEw2Ljc0ODI4IDAuMTkyNTM2QzcuMDU2MTYgLTAuMDg0NTU4NCA3LjUzMDM4IC0wLjA1OTU5OTYgNy44MDc0NyAwLjI0ODI4M1pNMC43NSA2LjAwMDAxQzEuMTY0MjEgNi4wMDAwMSAxLjUgNi4zMzU3OSAxLjUgNi43NTAwMVY3LjAwMDAxQzEuNSA5Ljg5OTUgMy44NTA1MSAxMi4yNSA2Ljc1IDEyLjI1SDkuMjk1NTNMOC4yNDgyOCAxMS4zMDc1QzcuOTQwMzkgMTEuMDMwNCA3LjkxNTQ0IDEwLjU1NjIgOC4xOTI1MyAxMC4yNDgzQzguNDY5NjIgOS45NDA0IDguOTQzODQgOS45MTU0NCA5LjI1MTcyIDEwLjE5MjVMMTEuNzUxNyAxMi40NDI1QzExLjkwOTggMTIuNTg0OCAxMiAxMi43ODc0IDEyIDEzQzEyIDEzLjIxMjYgMTEuOTA5OCAxMy40MTUyIDExLjc1MTcgMTMuNTU3NUw5LjI1MTcyIDE1LjgwNzVDOC45NDM4NCAxNi4wODQ2IDguNDY5NjIgMTYuMDU5NiA4LjE5MjUzIDE1Ljc1MTdDNy45MTU0NCAxNS40NDM4IDcuOTQwMzkgMTQuOTY5NiA4LjI0ODI4IDE0LjY5MjVMOS4yOTU1MyAxMy43NUg2Ljc1QzMuMDIyMDggMTMuNzUgMCAxMC43Mjc5IDAgNy4wMDAwMVY2Ljc1MDAxQzAgNi4zMzU3OSAwLjMzNTc4NiA2LjAwMDAxIDAuNzUgNi4wMDAwMVoiIGZpbGw9IiNFQkJDMTYiLz4KPC9zdmc+Cg=='); } } &-rejected { &:before { content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjkwMzk5IDMuOTY0NjVDMi4wMjQ5NiA1LjA3MzIzIDEuNSA2LjQ3NTMxIDEuNSA4QzEuNSAxMS41ODk5IDQuNDEwMTUgMTQuNSA4IDE0LjVDOS41MjQ2OSAxNC41IDEwLjkyNjggMTMuOTc1IDEyLjAzNTQgMTMuMDk2TDIuOTAzOTkgMy45NjQ2NVpNMy45NjQ2NSAyLjkwMzk5TDEzLjA5NiAxMi4wMzU0QzEzLjk3NSAxMC45MjY4IDE0LjUgOS41MjQ2OSAxNC41IDhDMTQuNSA0LjQxMDE1IDExLjU4OTkgMS41IDggMS41QzYuNDc1MzEgMS41IDUuMDczMjMgMi4wMjQ5NiAzLjk2NDY1IDIuOTAzOTlaTTAgOEMwIDMuNTgxNzIgMy41ODE3MiAwIDggMEMxMi40MTgzIDAgMTYgMy41ODE3MiAxNiA4QzE2IDEyLjQxODMgMTIuNDE4MyAxNiA4IDE2QzMuNTgxNzIgMTYgMCAxMi40MTgzIDAgOFoiIGZpbGw9IiMxQTJDMzciLz4KPC9zdmc+Cg=='); } } &-waiting { &:before { content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDEuNUM0LjQxMDE1IDEuNSAxLjUgNC40MTAxNSAxLjUgOEMxLjUgMTEuNTg5OSA0LjQxMDE1IDE0LjUgOCAxNC41QzExLjU4OTkgMTQuNSAxNC41IDExLjU4OTkgMTQuNSA4QzE0LjUgNC40MTAxNSAxMS41ODk5IDEuNSA4IDEuNVpNMCA4QzAgMy41ODE3MiAzLjU4MTcyIDAgOCAwQzEyLjQxODMgMCAxNiAzLjU4MTcyIDE2IDhDMTYgMTIuNDE4MyAxMi40MTgzIDE2IDggMTZDMy41ODE3MiAxNiAwIDEyLjQxODMgMCA4Wk04IDMuMjVDOC40MTQyMSAzLjI1IDguNzUgMy41ODU3OSA4Ljc1IDRWNy42ODkzNEwxMC41MzAzIDkuNDY5NjdDMTAuODIzMiA5Ljc2MjU2IDEwLjgyMzIgMTAuMjM3NCAxMC41MzAzIDEwLjUzMDNDMTAuMjM3NCAxMC44MjMyIDkuNzYyNTYgMTAuODIzMiA5LjQ2OTY3IDEwLjUzMDNMNy4yNSA4LjMxMDY2VjRDNy4yNSAzLjU4NTc5IDcuNTg1NzkgMy4yNSA4IDMuMjVaIiBmaWxsPSIjODA4QTkwIi8+Cjwvc3ZnPgo='); } } &-no-show { &:before { content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjI2OTUgN0M1LjA3NDY3IDcgNC42MjY5NSA3LjQ0NzcyIDQuNjI2OTUgOEM0LjYyNjk1IDguNTUyMjkgNS4wNzQ2NyA5IDUuNjI2OTUgOUgxMS4yNjM2QzExLjgxNTkgOSAxMi4yNjM2IDguNTUyMjkgMTIuMjYzNiA4QzEyLjI2MzYgNy40NDc3MiAxMS44MTU5IDcgMTEuMjYzNiA3SDUuNjI2OTVaIiBmaWxsPSIjODA4QTkwIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC40NDUzMSAwQzQuMDI3MDMgMCAwLjQ0NTMxMiAzLjU4MTcyIDAuNDQ1MzEyIDhDMC40NDUzMTIgMTIuNDE4MyA0LjAyNzAzIDE2IDguNDQ1MzEgMTZDMTIuODYzNiAxNiAxNi40NDUzIDEyLjQxODMgMTYuNDQ1MyA4QzE2LjQ0NTMgMy41ODE3MiAxMi44NjM2IDAgOC40NDUzMSAwWk0xLjk0NTMxIDhDMS45NDUzMSA0LjQxMDE1IDQuODU1NDYgMS41IDguNDQ1MzEgMS41QzEyLjAzNTIgMS41IDE0Ljk0NTMgNC40MTAxNSAxNC45NDUzIDhDMTQuOTQ1MyAxMS41ODk5IDEyLjAzNTIgMTQuNSA4LjQ0NTMxIDE0LjVDNC44NTU0NiAxNC41IDEuOTQ1MzEgMTEuNTg5OSAxLjk0NTMxIDhaIiBmaWxsPSIjODA4QTkwIi8+Cjwvc3ZnPgo='); } } &.am-relative { &:before { position: relative; left: 0; } } &.approved, &.opened, &.available { &:before { border-color: @color-green; } } &.pending, &.busy { &:before { border-color: @color-orange; } } &.canceled, &.away { &:before { border-color: @color-red; } } &.full { color: @color-blue; } &.upcoming { color: @color-orange; } &.rejected, &.closed { &:before { border-color: @color-text-prime; } } &.no-show { &:before { border-color: @color-dark-gray; } } } i.am-tooltip-icon { color: @color-icon; cursor: help; } .am-dialog-loader { position: absolute; z-index: 10000; top: 0; bottom: 0; left: 0; right: 0; background-color: #ffffff; padding: @padding-big; text-align: center; display: flex; align-items: center; justify-content: center; } .am-appointment-status-option, .am-employee-status-option { padding-left: 30px; .am-appointment-status-symbol { &:before { margin-top: -14px; } } span { display: flex; align-items: center; } } .am-gallery-images { .am-event-section-title { margin-bottom: 8px; } .am-gallery-image-wrapper { margin-bottom: @margin-big; border-radius: 3px; overflow: hidden; } .am-gallery-image { height: 120px; line-height: 120px; width: 100%; overflow: hidden; text-align: center; background-position: center; background-size: cover; cursor: pointer; position: relative; i { display: none; color: @color-white; position: absolute; top: 50%; left: 50%; z-index: 1; font-size: @medium-fs+4px; margin-left: -12px; margin-top: -12px; } &:hover { i { display: block; } &:before { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: " "; background-color: fade(@color-text-prime, 60%); } } img { width: 100%; } } .am-gallery-image-title { border: 1px solid @color-divider-gray; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: @padding-small; font-size: @mini-fs - 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; .am-drag-handle { cursor: move; cursor: -webkit-grabbing; margin-right: 2px; img, svg { display: inline-block; vertical-align: middle; rect { fill: @color-text-second; } } &:hover { rect { fill: @color-text-prime; } } } } .am-gallery-image-add { border: 2px dashed @color-blue; height: 160px; width: 100%; text-align: center; cursor: pointer; position: relative; border-radius: 4px; display: flex; justify-content: center; align-items: center; color: @color-blue; box-sizing: border-box; margin-bottom: @margin-big; &:hover { i { border-radius: 50%; border: 1px solid @color-blue; background-color: @color-blue; color: @color-white; } } i { display: inline; padding: @padding-small/4; color: @color-blue; font-size: @medium-fs+4px; line-height: 36px; } span { display: block; color: @color-blue; } } } #am-modal.am-modal.am-in-body { .am-event-modal { font-family: @font; box-sizing: border-box; margin: @margin-big; * { font-family: @font; box-sizing: border-box; } @modal-selector-gallery: am-event-modal__gallery; @modal-selector-mini-info: am-event-modal__mini-info; &__header { display: flex; align-items: flex-start; justify-content: space-between; padding: @padding-big; @media @less-then-xsmall { flex-wrap: wrap; } &-title { width: 100%; font-size: @big-fs; font-weight: @bold; margin-right: 6px; @media @less-then-xsmall { display: flex; max-width: 100%; align-items: flex-start; justify-content: space-between; margin: 0 0 @margin-medium; } &-standard { @media @less-then-xsmall { flex-wrap: wrap; } } &-text { display: block; width: 100%; word-break: break-word; font-size: inherit; line-height: 1.5; color: @color-text-prime; } &-subtext { font-size: @medium-fs; font-weight: @medium; line-height: 1.8; color: @color-text-prime; padding-bottom: @padding-small; } &-status { display: inline-flex; font-size: @regular-fs; font-weight: @medium; line-height: 1.3; padding: @padding-small/2 @padding-small @padding-small/2 @padding-small/2; border-radius: 14px; @media @less-then-xsmall { flex: 0 0 auto; margin-top: @margin-small/4*3; } img { margin-right: @margin-small; } &.canceled { background-color: fade(@color-red, 10%); color: @color-red; } &.closed { background-color: @color-gray; color: @color-icon; } &.full { background-color: fade(@color-blue, 10%); color: @color-blue; } &.upcoming { background-color: fade(@color-orange, 10%); color: @color-orange; } &.open { background-color: fade(@color-green, 10%); color: @color-green; } } & .@{modal-selector-mini-info} { padding: 0; margin: 12px 0 0; border: none; } } &-booking-btn { font-size: @regular-fs; font-weight: 600; padding: @padding-small/2*3; margin: 0; @media @less-then-xsmall { margin: 0 auto; } &.is-disabled { opacity: 0.5; } &-price { display: inline-block; position: relative; padding-left: @padding-big; &:before { content: ''; display: block; height: 100%; width: 1px; background-color: fade(#fff, 40%); position: absolute; top: 50%; left: 11px; transform: translateY(-50%); } } } } &__body { padding: @padding-big; } &__gallery { display: flex; transition: all 0.3s ease-in-out; padding-bottom: @padding-big; &-full { flex-direction: column; } &-selected-image { width: 65%; border-radius: @border-radius; margin-bottom: @margin-small; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease-in-out; overflow: hidden; &.@{modal-selector-gallery}-item-full { padding-top: 50%; } } &-images { width: 35%; transition: all 0.3s ease-in-out; &:before, &:after { content: ''; display: block; clear: both; } > div { position: relative; display: inline-block; width: ~"calc(50% - 8px)"; padding-top: ~"calc(50% - 8px)"; margin: 0 0 @margin-small @margin-small; border-radius: @border-radius; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; cursor: pointer; float: left; span { position: absolute; display: block; } } &-more {} &-less { font-size: @small-fs; font-weight: 600; text-align: center; color: @color-accent; padding: @padding-small/2; border-bottom: 1px solid @color-divider-gray; cursor: pointer; } &-number { width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 32px; font-weight: 600; text-align: center; color: @color-accent; &-background { top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; background-color: @color-accent; //background-color: fade(@color-accent, 10%); } } &.@{modal-selector-gallery}-item-full { > div { width: ~"calc(20% - 8px)"; padding-top: ~"calc(20% - 8px)"; margin: 0 @margin-small/2 @margin-small @margin-small/2; } } } &-item-full { width: 100%; } } &__mini-info { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-bottom: @padding-big; margin-bottom: @margin-big; border-bottom: 1px solid @color-divider-gray; &-inner { display: flex; align-items: center; justify-content: flex-start; @media @less-then-xsmall { width: 100%; align-items: flex-start; } img { height: 24px; } } &-text { font-size: @small-fs; font-weight: 500; line-height: 1.75; word-break: break-word; color: @color-text-prime; margin-left: @margin-small/2*3; } } &__tags-description { padding-bottom: @padding-big; margin-bottom: @margin-big; border-bottom: 1px solid @color-divider-gray; } &__tags { display: flex; flex-wrap: wrap; &-inner { display: flex; align-items: center; justify-content: flex-start; background-color: @color-gray; padding: 6px @padding-small; margin-right: @margin-small; margin-bottom: @margin-small/2; border-radius: @border-radius; } &-text { font-size: @mini-fs; font-weight: 500; line-height: 1.35; word-break: break-word; margin-left: @margin-small; } } &__description { font-size: @regular-fs; font-weight: 400; color: @color-text-prime; white-space: pre-line; word-break: break-word; margin-top: @margin-small; } &__periods { p { font-size: @small-fs; font-weight: 400; line-height: 1.7; margin-bottom: 12px; } &-wrapper { display: flex; padding: 12px 0; overflow-y: hidden; } &-inner { display: flex; flex-direction: column; flex: 0 0 auto; padding-right: 20px; margin-right: 20px; border-right: 1px solid @color-divider-gray; &:last-of-type { border-right: none; margin-right: 0; padding-right: 0; } } &-week { font-size: @mini-fs; font-weight: 500; line-height: 1.35; text-transform: uppercase; color: #26313D; margin-bottom: @margin-small/2; } &-month { font-size: @small-fs; font-weight: 500; line-height: 1.15; color: @color-text-prime; margin-bottom: 12px; } &-time { font-size: @small-fs; font-weight: 500; line-height: 1.45; color: @color-dark-gray; } } &__employees { padding-top: @padding-big; margin-top: @margin-big; border-top: 1px solid @color-divider-gray; p { font-size: @small-fs; font-weight: 400; line-height: 1.7; margin-bottom: 12px; } &-wrapper { display: flex; padding: 12px 0; overflow-y: hidden; } &-inner { display: flex; flex: 0 0 auto; align-items: center; padding-right: @padding-small*4; &:last-of-type { padding-right: 0; } img { flex: 0 0 auto; width: 28px; height: 28px; margin-right: @margin-small/2*3; border-radius: 50%; } } &-name { width: 100%; font-size: @regular-fs; font-weight: 500; line-height: 1.15; color: @color-text-prime; } } &__invite { .el-form-item { &__label { font-size: 20px; font-weight: @medium; text-align: center; line-height: 1; word-break: break-word; margin-bottom: 20px; } &__content { text-align: center; } } } &__invite-wrapper { display: flex; flex-direction: column; align-items: center; } &__invite-svg { width: 102px; height: 102px; margin: 20px 0 @margin-medium; } } &.am-event-modal { .el-dialog { &__headerbtn { top: -32px; right: 0; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; > i { font-weight: 600; } } .el-dialog__body { padding: 0; border-radius: @border-radius; overflow: hidden; } } .am-add-coupon { .el-input-group__append { border-color: @color-divider-gray; } } } } frontend/rtl.less 0000666 00000023103 15165376205 0010071 0 ustar 00 [dir=rtl] { [class*=el-col-] { float: right; } .amelia-app-booking { #am-search-booking { .am-search-results { .am-search-input { .el-input { input { padding-right: @padding-medium*2; padding-left: @padding-medium; } } } .am-service-list-container { .am-service { .am-service-header { .am-service-price { margin-left: 0; margin-right: auto; } .am-service-data { .am-service-info { div { border-left: 1px solid @color-divider-gray; margin-right: 0; margin-left: @margin-small; padding-right:0; padding-left: @padding-small; border-right: none; &:last-child { border-left: none; } &:first-child { border-left: 1px solid @color-divider-gray; } } } } } .el-collapse-item { .el-collapse-item__header { .el-collapse-item__arrow { &.el-icon-arrow-right { &:before { content: "\E604"; } } &.el-icon-arrow-left { &:before { content: "\E600"; } } } } } } } } .am-search-filters { border-right: 1px solid @color-divider-gray; border-left: none; .am-close-icon { right: auto; left: 32px; } } &.am-collapsed { .am-search-results { .am-search-input { .el-input { margin-left: 0; margin-right: @margin-big*2; } } .am-service-list-container .am-service .am-service-header .am-service-price { right: auto; left: 24px; } } .am-search-filters { left: auto; right: -360px; border-left: 1px solid @color-divider-gray; &.am-show-filters { transform: translate(-360px, 0); } } } } #am-step-booking, .am-step-booking-catalog { .am-select-date { right: auto; left: -45%; } &.am-active-confirm { .am-select-date { left: auto; right: -47%; } .am-confirm-booking { left: 0; right: 3%; @media only screen and (max-width: 767px) { padding-left: 0; padding-right: 0; } @media only screen and (max-width: 991px) { left: 0; right: 0; width: 100%; } } } &.am-active-recurring-dates, &.am-active-package-list { .am-recurring-dates, .am-package-list { left: 0; right: 3%; @media only screen and (max-width: 767px) { padding-left: 0; padding-right: 0; } @media only screen and (max-width: 991px) { left: 0; right: 0; width: 100%; } } .am-select-date { left: auto; right: -47%; } } &.am-mobile-collapsed { .am-select-date { left: -100%; right: auto; } &.am-active-confirm { .am-confirm-booking { position: relative; } } .am-confirmation-booking-details { & > div { text-align: right; p { text-align: right; } } } } &.am-active-picker { .am-select-date { left: 0; } } .am-confirm-booking { .am-confirmation-extras-cost { .el-collapse { .el-collapse-item__header { .am-extras-total-cost { margin-left: @margin-small; } } } } } } #am-service-booking { .am-service { .am-service-info { .am-extra { .el-collapse-item__header { padding: 0 @margin-medium 0 0; } } } .am-service-header { .am-service-data { .am-service-info { div { border-right: 0; border-left: 1px solid @color-divider-gray; margin-right: 0; padding-right: 0; margin-left: @margin-small; padding-left: @margin-small; &:last-child { border-left: 0; } } } } } .am-service-providers { .am-service-provider { margin-right: 0; margin-left: @margin-small; img { margin-left: @margin-small/2; margin-right: 0; } } } } } #am-events-booking { .am-event-list { .am-event { .am-event-data { .am-event-price { right: auto; left: 16px; } .am-event-info { .am-event-title { margin-right: 0; margin-left: @margin-medium; padding-right: 0; padding-left: @padding-big; } .am-event-sub-info { & > div { margin-right: 0; margin-left: @margin-medium*2; } } } } } } } .am-align-right { text-align: left !important; } .el-input-group--prepend .el-input__inner, .el-input-group__append { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .am-custom-fields { .el-checkbox, .el-radio { margin-right: 0; text-align: right; } } } #am-catalog { .am-category-services-thumbs { span { margin-right: @margin-small; } } } .el-select-dropdown__wrap, .el-scrollbar__wrap { margin-right: 0 !important; margin-left: -17px; } .el-checkbox__label, .el-radio__label { margin-left: 0; padding-right: @margin-small; } .c-header .c-arrow-layout { transform: rotate(180deg); } .am-confirmation-booking-cost p:not(.am-align-right) { text-align: right; } .am-add-coupon > div { text-align: right; } .el-form--label-top .el-form-item__label { display: block; text-align: right; } .el-input { &__prefix { left: auto; right: 5px; } &-group { &--append { .el-input__inner { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } } &__prepend { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #DCDFE6 ; } } } .el-icon { &-arrow { &-right { &:before { content: "\E600"; } } &-left { &:before { content: "\E604"; } } } &-back { &:before { content: "\E604"; } } } .am-modal { &.am-in-body { .el-input-group--prepend .el-input__inner, .el-input-group__append { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .am-align-right { text-align: left !important; } .am-custom-fields { .el-checkbox, .el-radio { margin-right: 0; text-align: right; } } } .am-confirm-booking-form { .am-confirmation-booking-details { text-align: right; } } .am-confirmation-extras-cost { .el-collapse { .el-collapse-item__header { i { margin-right: @margin-small; } } } } } // Event Calendar #am-modal.am-modal.am-in-body { &.am-event-modal { .el-dialog__body { text-align: initial; } .am-event-modal { &__header { &-booking-btn { &-price { padding-left: 0; padding-right: @padding-big; &:before { left: unset; right: 11px; } } } } } .el-input-group { &--prepend { .el-input-group__prepend { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } } &--append { .el-input-group__append { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .el-input__inner { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; } } } } } } frontend/_customize.less 0000666 00000345127 15165376205 0011466 0 ustar 00 @import "_variables"; // selector variable @checkGroup: el-checkbox-group; @checkBtn: el-checkbox-button; @calendar: v-calendar-column; @formItem: el-form-item; @input: el-input; @textarea: el-textarea; @select: el-select; @radio: el-radio; @checkbox: el-checkbox; @upload: el-upload; @collapse: el-collapse; .amelia-app-booking #amelia-booking-wrap { .am-step-booking-catalog { .am-form { //STEP BY STEP &-stepByStepForm { //STEP BY STEP - SELECT SERVICE FORM &-selectServiceForm { background-color: @sbs-ssf-bgr-color; .am-select-service { background-color: transparent; } } //STEP BY STEP - CALENDAR DATE TIME FORM &-calendarDateTimeForm { &.am-select-date { background: linear-gradient(@sbs-cf-gradient-angle, @sbs-cf-gradient1 0%, @sbs-cf-gradient2 100%); * { color: @sbs-cf-text-color; } .am-recurring-check { span { color: @sbs-cf-text-color; } } .am-appointment-times { .el-radio-button { .el-radio-button__inner { color: @sbs-cf-text-color; } } } } } //STEP BY STEP - RECURRING SETUP FORM &-recurringSetupForm { &.am-select-date { background: linear-gradient(@sbs-rsf-gradient-angle, @sbs-rsf-gradient1 0%, @sbs-rsf-gradient2 100%); } } //STEP BY STEP - RECURRING DATES FORM &-recurringDatesForm { &.am-recurring-dates { background-color: @sbs-rdf-bgr-color; .am-recurring-dates-header { p { color: @sbs-rdf-text-color; } p.am-recurring-dates-header-second { color: fade(@sbs-rdf-text-color, 65%); } } .am-recurring-dates-row-header { * { color: fade(@sbs-rdf-text-color, 65%); } } .am-recurring-flex-row-middle-align.am-recurring-dates-row-editing { background-color: fade(@sbs-rdf-bgr-color, 60%); } // NONE FORM ITEMS .am-select { &-stepByStepForm { //CUSTOMIZE - SELECT - STEP BY STEP - RECURRING DATES FORM &-recurringDatesForm { &.is-editing { .@{input} { &:hover { .@{select} { &__caret { color: @sbs-rdf-input-text-color; } } } & .@{input}__inner { color: @sbs-rdf-input-text-color; background-color: @sbs-rdf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@sbs-rdf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@sbs-rdf-input-text-color, 75%); } } } &.am-recurring-row-item { .@{select} { background-color: transparent; } } } .@{input} { & .@{input}__inner { color: @sbs-rdf-text-color; } &.is-disabled { .@{input}__inner { background-color: fade(@sbs-rdf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@sbs-rdf-input-text-color, 75%); } } } .@{select} { background-color: transparent; } } } } .am-block-stepByStepForm-recurringDatesForm { &.am-pagination.am-section { p { color: @sbs-rdf-text-color; } .el-pagination { button { background-color: @sbs-rdf-bgr-color; } .el-pager { li { background-color: @sbs-rdf-bgr-color; color: @sbs-rdf-text-color; &:hover { color: @color-accent; } } li.active { background-color: @color-accent; &:hover { color: @sbs-rdf-text-color; } } } } } } } } //STEP BY STEP - SELECT PACKAGE FORM &-selectPackageForm { background-color: @sbs-spf-bgr-color; p { color: @sbs-spf-text-color; } } //STEP BY STEP - PACKAGE INFO FORM &-packageInfoForm { background-color: @sbs-pif-bgr-color; p, h2 { color: @sbs-pif-text-color; } .am-package { &-rule { span, i { color: @sbs-pif-text-color; } } &-description { color: @sbs-pif-text-color; } } } //STEP BY STEP - PACKAGE SETUP FORM &-packageSetupForm { &.am-select-date { background: linear-gradient(@sbs-psf-gradient-angle, @sbs-psf-gradient1 0%, @sbs-psf-gradient2 100%); * { color: @sbs-psf-text-color; } .am-appointment-times { .el-radio-button { .el-radio-button__inner { color: @sbs-psf-text-color; } } } } } //STEP BY STEP - PACKAGE LIST FORM &-packageListForm { &.am-package-list { background-color: @sbs-plf-bgr-color; .am-package-header-image-data-wrapper, .am-overview-booking, .am-appointments-wrapper { * { color: @sbs-plf-text-color } } .am-package-price__wrapper { color: @color-accent; } .am-package-description { color: @sbs-plf-text-color; } .am-appointment { &-header-cell { color: fade(@sbs-plf-text-color, 50%); } &-body-heading { color: fade(@sbs-plf-text-color, 50%); } } .el-collapse { &-item { &__header { background-color: rgba(0, 0, 0, 0.05); } &__wrap { background-color: transparent; } } } } } //STEP BY STEP - CONFIRM BOOKING FORM &-confirmBookingForm { //STEP BY STEP - CONFIRM BOOKING FORM - APPOINTMENT &-appointment { &.am-confirm-booking { .@{formItem} { &__content { .am-payment-button { &-selected { p { color: @color-accent; } } &-inner { svg { path { fill: @sbs-caf-text-color; } } } } } } background-color: @sbs-caf-bgr-color; p { color: @sbs-caf-text-color; } } } //STEP BY STEP - CONFIRM BOOKING FORM - PACKAGE &-package { &.am-confirm-booking { .@{formItem} { &__content { .am-payment-button { &-selected { p { color: @color-accent; } } &-inner { svg { path { fill: @sbs-cpf-text-color; } } } } } } background-color: @sbs-cpf-bgr-color; p, h2 { color: @sbs-cpf-text-color; } } } } //STEP BY STEP - CONGRATULATIONS BOOKING FORM &-congratulationsForm { //STEP BY STEP - CONGRATULATIONS BOOKING FORM - APPOINTMENT &-appointment { &.am-success-payment { background-color: @sbs-coa-bgr-color; h4, p { color: @sbs-coa-text-color; } } } //STEP BY STEP - CONGRATULATIONS BOOKING FORM - PACKAGE &-package { &.am-success-payment { background-color: @sbs-cop-bgr-color; h4, p { color: @sbs-cop-text-color; } } } } } //CATALOG FORM &-catalogForm { //CATALOG FORM - SELECT SERVICE FORM &-selectServiceForm { background-color: @cf-ssf-bgr-color; .am-select-service { background-color: transparent; } } //CATALOG FORM - CALENDAR DATE TIME FORM &-calendarDateTimeForm { &.am-select-date { background: linear-gradient(@cf-cf-gradient-angle, @cf-cf-gradient1 0%, @cf-cf-gradient2 100%); * { color: @cf-cf-text-color; } .am-recurring-check { span { color: @cf-cf-text-color; } } .am-appointment-times { .el-radio-button { .el-radio-button__inner { color: @cf-cf-text-color; } } } } } //CATALOG FORM - RECURRING SETUP FORM &-recurringSetupForm { &.am-select-date { background: linear-gradient(@cf-rsf-gradient-angle, @cf-rsf-gradient1 0%, @cf-rsf-gradient2 100%); } } //CATALOG FORM - RECURRING DATES FORM &-recurringDatesForm { &.am-recurring-dates { background-color: @cf-rdf-bgr-color; .am-recurring-dates-header { p { color: @cf-rdf-text-color; } p.am-recurring-dates-header-second { color: fade(@cf-rdf-text-color, 65%); } } .am-recurring-dates-row-header { * { color: fade(@cf-rdf-text-color, 65%); } } .am-recurring-flex-row-middle-align.am-recurring-dates-row-editing { background-color: fade(@cf-rdf-bgr-color, 60%); } // NONE FORM ITEMS .am-select { &-catalogForm { //CUSTOMIZE - SELECT - STEP BY STEP - RECURRING DATES FORM &-recurringDatesForm { &.is-editing { .@{input} { &:hover { .@{select} { &__caret { color: @cf-rdf-input-text-color; } } } & .@{input}__inner { color: @cf-rdf-input-text-color; background-color: @cf-rdf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@cf-rdf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@cf-rdf-input-text-color, 75%); } } } &.am-recurring-row-item { .@{select} { background-color: transparent; } } } .@{input} { & .@{input}__inner { color: @cf-rdf-text-color; } &.is-disabled { .@{input}__inner { background-color: fade(@cf-rdf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@cf-rdf-input-text-color, 75%); } } } .@{select} { background-color: transparent; } } } } .am-block-catalogForm-recurringDatesForm { &.am-pagination.am-section { p { color: @cf-rdf-text-color; } .el-pagination { button { background-color: @cf-rdf-bgr-color; } .el-pager { li { background-color: @cf-rdf-bgr-color; color: @cf-rdf-text-color; &:hover { color: @color-accent; } } li.active { background-color: @color-accent; &:hover { color: @cf-rdf-text-color; } } } } } } } } //CATALOG FORM - PACKAGE SETUP FORM &-packageSetupForm { &.am-select-date { background: linear-gradient(@cf-psf-gradient-angle, @cf-psf-gradient1 0%, @cf-psf-gradient2 100%); * { color: @cf-psf-text-color; } .am-appointment-times { .el-radio-button { .el-radio-button__inner { color: @cf-psf-text-color; } } } } } //CATALOG FORM - PACKAGE LIST FORM &-packageListForm { &.am-package-list { background-color: @cf-plf-bgr-color; .am-package-header-image-data-wrapper, .am-overview-booking, .am-appointments-wrapper { * { color: @cf-plf-text-color } } .am-package-price__wrapper { color: @color-accent; } .am-package-description { color: @cf-plf-text-color; } .am-appointment { &-header-cell { color: fade(@cf-plf-text-color, 50%); } &-body-heading { color: fade(@cf-plf-text-color, 50%); } } .el-collapse { &-item { &__header { background-color: rgba(0, 0, 0, 0.05); } &__wrap { background-color: transparent; } } } } } //CATALOG FORM - CONFIRM BOOKING FORM &-confirmBookingForm { //CATALOG FORM - CONFIRM BOOKING FORM - APPOINTMENT &-appointment { &.am-confirm-booking { background-color: @cf-caf-bgr-color; p { color: @cf-caf-text-color; } } } //CATALOG FORM - CONFIRM BOOKING FORM - PACKAGE &-package { &.am-confirm-booking { .@{formItem} { &__content { .am-payment-button { &-selected { p { color: @color-accent; } } &-inner { svg { path { fill: @cf-cpf-text-color; } } } } } } background-color: @cf-cpf-bgr-color; p, h2 { color: @cf-cpf-text-color; } } } } //CATALOG FORM - CONGRATULATIONS BOOKING FORM &-congratulationsForm { //CATALOG FORM - CONGRATULATIONS BOOKING FORM - APPOINTMENT &-appointment { &.am-success-payment { background-color: @cf-coa-bgr-color; h4, p { color: @cf-coa-text-color; } } } //CATALOG FORM - CONGRATULATIONS BOOKING FORM - PACKAGE &-package { &.am-success-payment { background-color: @cf-cop-bgr-color; h4, p { color: @cf-cop-text-color; } } } } } } //CUSTOMIZE - BLOCK .am-block { //CUSTOMIZE - BLOCK - STEP BY STEP &-stepByStepForm { //CUSTOMIZE - BLOCK - STEP BY STEP - SELECT SERVICE FORM &-selectServiceForm { color: @sbs-ssf-text-color; .@{formItem} { &__label { color: @sbs-ssf-text-color; font-weight: 700; } } span, p { color: @sbs-ssf-text-color; } } //CUSTOMIZE - BLOCK - STEP BY STEP - CALENDAR DATE FORM &-calendarDateTimeForm { color: @sbs-cf-text-color; span, p { color: @sbs-cf-text-color; } } //CUSTOMIZE - BLOCK - STEP BY STEP - RECURRING SETUP FORM &-recurringSetupForm { color: @sbs-rsf-text-color; span, p { color: @sbs-rsf-text-color; } p.am-recurring-setup-title { color: @sbs-rsf-text-color } &.am-recurring-setup-description { span, p { color: @sbs-rsf-text-color; } } } //CUSTOMIZE - BLOCK - STEP BY STEP - RECURRING DATES FORM &-recurringDatesForm { span, p, i { color: @sbs-rdf-text-color; } &.am-delete-element { i { background-color: @color-accent; } &:hover { i { background-color: @sbs-rdf-text-color; color: @color-accent; } } } } //CUSTOMIZE - BLOCK - STEP BY STEP - PACKAGE INFO FORM &-packageInfoForm { color: @sbs-pif-text-color; fill: @sbs-pif-text-color; } //CUSTOMIZE - BLOCK - STEP BY STEP - PACKAGE SETUP FORM &-packageSetupForm { color: @sbs-psf-text-color; span, p { color: @sbs-psf-text-color; } } //CUSTOMIZE - BLOCK - STEP BY STEP - CONFIRM BOOKING FORM &-confirmBookingForm { // APPOINTMENT &-appointment { color: @sbs-caf-text-color; .@{formItem} { &__label { color: @sbs-caf-text-color; font-weight: 700; span { color: @sbs-caf-text-color; font-weight: 700; } } } div, i { color: @sbs-caf-text-color; } } // PACKAGE &-package { color: @sbs-cpf-text-color; .@{formItem} { &__label { color: @sbs-cpf-text-color; font-weight: 700; span { color: @sbs-cpf-text-color; } } } div, i { color: @sbs-cpf-text-color; } } } } //CUSTOMIZE - BLOCK - CATALOG FORM &-catalogForm { //CUSTOMIZE - BLOCK - CATALOG FORM - SELECT SERVICE FORM &-selectServiceForm { color: @cf-ssf-text-color; .@{formItem} { &__label { color: @cf-ssf-text-color; font-weight: 700; } } span, p { color: @cf-ssf-text-color; } } //CUSTOMIZE - BLOCK - CATALOG FORM - CALENDAR DATE FORM &-calendarDateTimeForm { color: @cf-cf-text-color; span, p { color: @cf-cf-text-color; } } //CUSTOMIZE - BLOCK - CATALOG FORM - RECURRING SETUP FORM &-recurringSetupForm { color: @cf-rsf-text-color; span, p { color: @cf-rsf-text-color; } p.am-recurring-setup-title { color: @cf-rsf-text-color } &.am-recurring-setup-description { span, p { color: @cf-rsf-text-color; } } } //CUSTOMIZE - BLOCK - CATALOG FORM - RECURRING DATES FORM &-recurringDatesForm { span, p, i { color: @cf-rdf-text-color; } &.am-delete-element { i { background-color: @color-accent; } &:hover { i { background-color: @cf-rdf-text-color; color: @color-accent; } } } } //CUSTOMIZE - BLOCK - CATALOG FORM - PACKAGE SETUP FORM &-packageSetupForm { color: @cf-psf-text-color; span, p { color: @cf-psf-text-color; } } //CUSTOMIZE - BLOCK - CATALOG FORM - CONFIRM BOOKING FORM &-confirmBookingForm { // APPOINTMENT &-appointment { color: @cf-caf-text-color; .am-payment-buttons-wrapper { label { span { color: @cf-caf-text-color; } } } .@{formItem} { &__label { color: @cf-caf-text-color; font-weight: 700; span { color: @cf-caf-text-color; font-weight: 700; } } } div, i { color: @cf-caf-text-color; } } // PACKAGE &-package { color: @cf-cpf-text-color; .@{formItem} { &__label { color: @cf-cpf-text-color; font-weight: 700; span { color: @cf-cpf-text-color; font-weight: 700; } } } div, i { color: @cf-cpf-text-color; } } } //CUSTOMIZE - BLOCK - CATALOG FORM - CONFIRM BOOKING FORM &-congratulationsForm { // APPOINTMENT &-appointment { color: @cf-coa-text-color; .@{formItem} { &__label { color: @cf-coa-text-color; font-weight: 700; span { color: @cf-coa-text-color; font-weight: 700; } } } div, i { color: @cf-coa-text-color; } } // PACKAGE &-package { color: @cf-cop-text-color; .@{formItem} { &__label { color: @cf-cop-text-color; font-weight: 700; span { color: @cf-cop-text-color; font-weight: 700; } } } div, i { color: @cf-cop-text-color; } } } } } .@{calendar} { .am-calendar { // STEP BY STEP &-stepByStepForm { // STEP BY STEP - RECURRING SETUP FORM &-recurringSetupForm { &.@{formItem} { & .@{formItem}__label { color: @sbs-rsf-text-color; font-weight: 700; } & .@{formItem}__content { & .@{input}__inner { color: @sbs-rsf-input-text-color; background-color: @sbs-rsf-input-color; } } } .popover-content-wrapper .popover-content { color: @sbs-rsf-dropdown-text-color; background-color: @sbs-rsf-dropdown-color; * { color: @sbs-rsf-dropdown-text-color; } .c-title-popover.popover-container { .popover-origin { background-color: @sbs-rsf-dropdown-color; * { background-color: @sbs-rsf-dropdown-color; } } } .c-day-content:hover { & > div { color: @color-accent; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white; } } } } // CATALOG FORM &-catalogForm { // CATALOG FORM - RECURRING SETUP FORM &-recurringSetupForm { &.@{formItem} { & .@{formItem}__label { color: @cf-rsf-text-color; font-weight: 700; } & .@{formItem}__content { & .@{input}__inner { color: @cf-rsf-input-text-color; background-color: @cf-rsf-input-color; } } } .popover-content-wrapper .popover-content { color: @cf-rsf-dropdown-text-color; background-color: @cf-rsf-dropdown-color; * { color: @cf-rsf-dropdown-text-color; } .c-title-popover.popover-container { .popover-origin { background-color: @cf-rsf-dropdown-color; * { background-color: @cf-rsf-dropdown-color; } } } .c-day-content:hover { & > div { color: @color-accent; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white; } } } } } &.am-calendar { // STEP BY STEP &-stepByStepForm { // STEP BY STEP - RECURRING DATES FORM &-recurringDatesForm { &.am-recurring-row-item.am-recurring-row-item-date { &.is-editing { & .@{input}__inner { color: @sbs-rdf-input-text-color; background-color: @sbs-rdf-input-color; } .popover-content-wrapper .popover-content { color: @sbs-rdf-dropdown-text-color; background-color: @sbs-rdf-dropdown-color; * { color: @sbs-rdf-dropdown-text-color; } .c-title-popover.popover-container { .popover-origin { background-color: @sbs-rdf-dropdown-color; * { background-color: @sbs-rdf-dropdown-color; } } } .c-day-content:hover { & > div { color: @color-accent; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white; } } } &.is-substitute { & .@{input}__inner { color: @color-accent; } } & .@{input}__inner { color: @sbs-rdf-text-color; } } .popover-container { .popover-content-wrapper .popover-content { color: @sbs-rdf-dropdown-text-color; background-color: @sbs-rdf-dropdown-color; * { color: @sbs-rdf-dropdown-text-color; } .c-title-popover.popover-container { .popover-origin { background-color: @sbs-rdf-dropdown-color; * { background-color: @sbs-rdf-dropdown-color; } } } .c-day-content:hover { & > div { color: @color-accent; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white; } } } } } // CATALOG FORM &-catalogForm { // CATALOG FORM - RECURRING DATES FORM &-recurringDatesForm { &.am-recurring-row-item.am-recurring-row-item-date { &.is-editing { & .@{input}__inner { color: @cf-rdf-input-text-color; background-color: @cf-rdf-input-color; } } &.is-substitute { & .@{input}__inner { color: @color-accent; } } & .@{input}__inner { color: @cf-rdf-text-color; } } .popover-container { .popover-content-wrapper .popover-content { color: @cf-rdf-dropdown-text-color; background-color: @cf-rdf-dropdown-color; * { color: @cf-rdf-dropdown-text-color; } .c-title-popover.popover-container { .popover-origin { background-color: @cf-rdf-dropdown-color; * { background-color: @cf-rdf-dropdown-color; } } } .c-day-content:hover { & > div { color: @color-accent; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white; } } } } } } } } #am-events-booking { .am-event-list { .am-form { //EVENT LIST &-eventListForm { &.am-event { background-color: @elf-bgr-color; &:hover { background-color: darken(@elf-bgr-color, 5%); } .am-event-data { .am-event-info { .am-event-sub-info { & > div { color: @elf-text-color; } } } } .am-event-book-cta { &__inner { span { color: @elf-text-color; } } } } div { color: @elf-text-color; &.am-calendar-picker * { color: @color-text-prime; } &.@{formItem}__error { color: @color-red; } } //EVENT LIST - CONFIRM BOOKING FORM &-confirmBookingForm { //EVENT LIST - CONFIRM BOOKING FORM - EVENT &-event { &.am-confirmation-booking { p { color: @elf-text-color; } .am-payment-button { &:hover { p { color: @color-accent; } } &-selected { p { color: @color-accent; } } } } } } //EVENT LIST - CONGRATULATIONS BOOKING FORM &-congratulationsForm { &-event { h4, p { color: @elf-text-color; } } } } } .am-block { &-eventListForm { &-confirmBookingForm { &-event { .@{formItem} { &__label { color: @elf-text-color; font-weight: 700; span { color: @elf-text-color; font-weight: 700; } } } } } } } } .@{calendar} { &.am-calendar { &-eventListForm { .@{input}__inner { color: @elf-input-text-color; background-color: @elf-input-color; } .@{input}__prefix { svg { path { fill: @elf-input-text-color; } } } .popover-content-wrapper .popover-content { color: @elf-dropdown-text-color; background-color: @elf-dropdown-color; * { color: @elf-dropdown-text-color; } .c-title-popover.popover-container { .popover-origin { background-color: @elf-dropdown-color; * { background-color: @elf-dropdown-color; } } } .c-day-content:hover { & > div { color: @color-accent; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white; } } } } } } // FORM ITEMS .@{formItem} { // CUSTOMIZE - INPUT &.am-input { // CUSTOMIZE - INPUT - STEP BY STEP &-stepByStepForm { // CUSTOMIZE - INPUT - STEP BY STEP - CONFIRM BOOKING &-confirmBookingForm { // CUSTOMIZE - INPUT - STEP BY STEP - CONFIRM BOOKING APPOINTMENT &-appointment { .@{formItem} { &__label { color: @sbs-caf-text-color; font-weight: 700; span { color: @sbs-caf-text-color; font-weight: 700; } } } .@{input} { &__inner { color: @sbs-caf-input-text-color; background-color: @sbs-caf-input-color; } &.is-disabled { .@{input}__inner { border-color: #e4e7ed; background-color: lighten(@sbs-caf-input-color, 15%); } } &-group { &__prepend { background-color: @sbs-caf-input-color; .@{input}__icon { color: @sbs-caf-input-text-color; } } .@{input} { &__suffix { i { color: @sbs-caf-input-text-color; } } } } } } // CUSTOMIZE - INPUT - STEP BY STEP - CONFIRM BOOKING PACKAGE &-package { .@{formItem} { &__label { color: @sbs-cpf-text-color; font-weight: 700; span { color: @sbs-cpf-text-color; font-weight: 700; } } } .@{input} { &__inner { color: @sbs-cpf-input-text-color; background-color: @sbs-cpf-input-color; } &.is-disabled { .@{input}__inner { border-color: #e4e7ed; background-color: lighten(@sbs-cpf-input-color, 15%); } } &-group { &__prepend { background-color: @sbs-cpf-input-color; .@{input}__icon { color: @sbs-cpf-input-text-color; } } .@{input} { &__suffix { i { color: @sbs-cpf-input-text-color; } } } } } } } } // CUSTOMIZE - INPUT - EVENT LIST &-eventListForm { // CUSTOMIZE - INPUT - EVENT LIST - CONFIRM BOOKING &-confirmBookingForm { // CUSTOMIZE - INPUT - EVENT LIST - CONFIRM BOOKING EVENT &-event { .@{formItem} { &__label { color: @elf-text-color; font-weight: 700; } } .@{input} { &__inner { color: @elf-input-text-color; background-color: @elf-input-color; } &.is-disabled { .@{input}__inner { border-color: #e4e7ed; background-color: lighten(@elf-input-color, 15%); } } &-group { &__prepend { background-color: @elf-input-color; .@{input}__icon { color: @elf-input-text-color; } } .@{input} { &__suffix { i { color: @elf-input-text-color; } } } } } } } } // CUSTOMIZE - INPUT - CATALOG FORM &-catalogForm { // CUSTOMIZE - INPUT - CATALOG FORM - CONFIRM BOOKING &-confirmBookingForm { // CUSTOMIZE - INPUT - CATALOG FORM - CONFIRM BOOKING APPOINTMENT &-appointment { .@{formItem} { &__label { color: @cf-caf-text-color; font-weight: 700; span { color: @cf-caf-text-color; font-weight: 700; } } } .@{input} { &__inner { color: @cf-caf-input-text-color; background-color: @cf-caf-input-color; } &.is-disabled { .@{input}__inner { border-color: #e4e7ed; background-color: lighten(@cf-caf-input-color, 15%); } } &-group { &__prepend { background-color: @cf-caf-input-color; .@{input}__icon { color: @cf-caf-input-text-color; } } .@{input} { &__suffix { i { color: @cf-caf-input-text-color; } } } } } } // CUSTOMIZE - INPUT - CATALOG FORM - CONFIRM BOOKING PACKAGE &-package { .@{formItem} { &__label { color: @cf-cpf-text-color; font-weight: 700; span { color: @cf-cpf-text-color; font-weight: 700; } } } .@{input} { &__inner { color: @cf-cpf-input-text-color; background-color: @cf-cpf-input-color; } &.is-disabled { .@{input}__inner { border-color: #e4e7ed; background-color: lighten(@cf-cpf-input-color, 15%); } } &-group { &__prepend { background-color: @cf-cpf-input-color; .@{input}__icon { color: @cf-cpf-input-text-color; } } .@{input} { &__suffix { i { color: @cf-cpf-input-text-color; } } } } } } } } } //CUSTOMIZE - SELECT &.am-select { //CUSTOMIZE - SELECT - STEP BY STEP &-stepByStepForm { //CUSTOMIZE - SELECT - STEP BY STEP - SELECT SERVICE FORM &-selectServiceForm { .@{formItem} { &__label { color: @sbs-ssf-text-color; font-weight: 700; } } .@{input} { &:hover { .@{select} { &__caret { color: @sbs-ssf-input-text-color; } } } &__inner { color: @sbs-ssf-input-text-color; background-color: @sbs-ssf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@sbs-ssf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@sbs-ssf-input-text-color, 75%); } } } } //CUSTOMIZE - SELECT - STEP BY STEP - RECURRING SETUP FORM &-recurringSetupForm { .@{formItem} { &__label { color: @sbs-rsf-text-color; font-weight: 700; } } .@{input} { &:hover { .@{select} { &__caret { color: @sbs-rsf-input-text-color; } } } & .@{input}__inner { color: @sbs-rsf-input-text-color; background-color: @sbs-rsf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@sbs-rsf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@sbs-rsf-input-text-color, 75%); } } } } //CUSTOMIZE - SELECT - STEP BY STEP - SELECT PACKAGE FORM &-selectPackageForm { .@{formItem} { &__label { color: @sbs-spf-text-color; font-weight: 700; } } .@{input} { &:hover { .@{select} { &__caret { color: @sbs-spf-input-text-color; } } } &__inner { color: @sbs-spf-input-text-color; background-color: @sbs-spf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@sbs-spf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@sbs-spf-input-text-color, 75%); } } } } //CUSTOMIZE - SELECT - STEP BY STEP - PACKAGE SETUP FORM &-packageSetupForm { .@{formItem} { &__label { color: @sbs-psf-text-color; font-weight: 700; } } .@{input} { &:hover { .@{select} { &__caret { color: @sbs-psf-input-text-color; } } } & input.@{input}__inner { color: @sbs-psf-input-text-color; background-color: @sbs-psf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@sbs-psf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@sbs-psf-input-text-color, 75%); } } } } //CUSTOMIZE - SELECT - STEP BY STEP - CONFIRM APPOINTMENT FORM &-confirmBookingForm { &-appointment { .@{formItem} { &__label { color: @sbs-caf-text-color; font-weight: 700; span { color: @sbs-caf-text-color; font-weight: 700; } } } .@{input} { &:hover { .@{select} { &__caret { color: @sbs-caf-input-text-color; } } } & .@{input}__inner { color: @sbs-caf-input-text-color; background-color: @sbs-caf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@sbs-caf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@sbs-caf-input-text-color, 75%); } } } } &-package { .@{formItem} { &__label { color: @sbs-cpf-text-color; font-weight: 700; span { color: @sbs-cpf-text-color; font-weight: 700; } } } .@{input} { &:hover { .@{select} { &__caret { color: @sbs-cpf-input-text-color; } } } & .@{input}__inner { color: @sbs-cpf-input-text-color; background-color: @sbs-cpf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@sbs-cpf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@sbs-cpf-input-text-color, 75%); } } } } } //CUSTOMIZE - SELECT - STEP BY STEP - CONGRATULATIONS APPOINTMENT FORM &-congratulationsForm { &-appointment { .@{formItem} { &__label { color: @sbs-coa-text-color; font-weight: 700; span { color: @sbs-coa-text-color; font-weight: 700; } } } .@{input} { &:hover { .@{select} { &__caret { color: @sbs-coa-input-text-color; } } } & .@{input}__inner { color: @sbs-coa-input-text-color; background-color: @sbs-coa-input-color; &::placeholder { color: fade(@sbs-coa-input-text-color, 60%); } &::-webkit-input-placeholder { color: fade(@sbs-coa-input-text-color, 60%); } &::-moz-placeholder { color: fade(@sbs-coa-input-text-color, 60%); } &:-ms-input-placeholder { color: fade(@sbs-coa-input-text-color, 60%); } &:-moz-placeholder { color: fade(@sbs-coa-input-text-color, 60%); } } &.is-disabled { .@{input}__inner { background-color: fade(@sbs-coa-input-color, 25%); } } & .@{select} { &__caret { color: fade(@sbs-coa-input-text-color, 75%); } } } } &-package { .@{formItem} { &__label { color: @sbs-cop-text-color; font-weight: 700; span { color: @sbs-cop-text-color; font-weight: 700; } } } .@{input} { &:hover { .@{select} { &__caret { color: @sbs-cop-input-text-color; } } } & .@{input}__inner { color: @sbs-cop-input-text-color; background-color: @sbs-cop-input-color; &::placeholder { color: fade(@sbs-cop-input-text-color, 60%); } &::-webkit-input-placeholder { color: fade(@sbs-cop-input-text-color, 60%); } &::-moz-placeholder { color: fade(@sbs-cop-input-text-color, 60%); } &:-ms-input-placeholder { color: fade(@sbs-cop-input-text-color, 60%); } &:-moz-placeholder { color: fade(@sbs-cop-input-text-color, 60%); } } &.is-disabled { .@{input}__inner { background-color: fade(@sbs-cop-input-color, 25%); } } & .@{select} { &__caret { color: fade(@sbs-cop-input-text-color, 75%); } } } } } } //CUSTOMIZE - SELECT - EVENT LIST &-eventListForm { .@{input} { &:hover { .@{select} { &__caret { color: @elf-input-text-color; } } } &__inner { color: @elf-input-text-color; background-color: @elf-input-color; &::placeholder { color: fade(@elf-input-text-color, 60%); } &::-webkit-input-placeholder { color: fade(@elf-input-text-color, 60%); } &::-moz-placeholder { color: fade(@elf-input-text-color, 60%); } &:-ms-input-placeholder { color: fade(@elf-input-text-color, 60%); } &:-moz-placeholder { color: fade(@elf-input-text-color, 60%); } } &__prefix { img, svg { path { fill: @elf-input-text-color } } } &.is-disabled { .@{input}__inner { background-color: fade(@elf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@elf-input-text-color, 75%); } } } //CUSTOMIZE - SELECT - EVENT LIST - CONFIRM EVENT FORM &-confirmBookingForm, &-congratulationsForm { &-event { .@{formItem} { &__label { color: @elf-text-color; font-weight: 700; span { color: @elf-text-color; font-weight: 700; } } } .@{input} { &:hover { .@{select} { &__caret { color: @elf-input-text-color; } } } & .@{input}__inner { color: @elf-input-text-color; background-color: @elf-input-color; &::placeholder { color: fade(@elf-input-text-color, 60%); } &::-webkit-input-placeholder { color: fade(@elf-input-text-color, 60%); } &::-moz-placeholder { color: fade(@elf-input-text-color, 60%); } &:-ms-input-placeholder { color: fade(@elf-input-text-color, 60%); } &:-moz-placeholder { color: fade(@elf-input-text-color, 60%); } } &.is-disabled { .@{input}__inner { background-color: fade(@elf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@elf-input-text-color, 75%); } } } } } } //CUSTOMIZE - SELECT - CATALOG FORM &-catalogForm { //CUSTOMIZE - SELECT - CATALOG FORM - SELECT SERVICE FORM &-selectServiceForm { .@{formItem} { &__label { color: @cf-ssf-text-color; font-weight: 700; } } .@{input} { &:hover { .@{select} { &__caret { color: @cf-ssf-input-text-color; } } } &__inner { color: @cf-ssf-input-text-color; background-color: @cf-ssf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@cf-ssf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@cf-ssf-input-text-color, 75%); } } } } //CUSTOMIZE - SELECT - CATALOG FORM - RECURRING SETUP FORM &-recurringSetupForm { .@{formItem} { &__label { color: @cf-rsf-text-color; font-weight: 700; } } .@{input} { &:hover { .@{select} { &__caret { color: @cf-rsf-input-text-color; } } } & .@{input}__inner { color: @cf-rsf-input-text-color; background-color: @cf-rsf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@cf-rsf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@cf-rsf-input-text-color, 75%); } } } } //CUSTOMIZE - SELECT - CATALOG FORM - PACKAGE SETUP FORM &-packageSetupForm { .@{formItem} { &__label { color: @cf-psf-text-color; font-weight: 700; } } .@{input} { &:hover { .@{select} { &__caret { color: @cf-psf-input-text-color; } } } & input.@{input}__inner { color: @cf-psf-input-text-color; background-color: @cf-psf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@cf-psf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@cf-psf-input-text-color, 75%); } } } } //CUSTOMIZE - SELECT - CATALOG FORM - CONFIRM FORM &-confirmBookingForm { // APPOINTMENT &-appointment { .@{formItem} { &__label { color: @cf-caf-text-color; font-weight: 700; span { color: @cf-caf-text-color; font-weight: 700; } } &__content { .am-payment-button { &-selected { p { color: @color-accent; } } &-inner { svg { path { fill: @cf-caf-text-color; } } } } } } .@{input} { &:hover { .@{select} { &__caret { color: @cf-caf-input-text-color; } } } & .@{input}__inner { color: @cf-caf-input-text-color; background-color: @cf-caf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@cf-caf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@cf-caf-input-text-color, 75%); } } } } // PACKAGE &-package { .@{formItem} { &__label { color: @cf-cpf-text-color; font-weight: 700; span { color: @cf-cpf-text-color; font-weight: 700; } } } .@{input} { &:hover { .@{select} { &__caret { color: @cf-cpf-input-text-color; } } } & .@{input}__inner { color: @cf-cpf-input-text-color; background-color: @cf-cpf-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@cf-cpf-input-color, 25%); } } & .@{select} { &__caret { color: fade(@cf-cpf-input-text-color, 75%); } } } } } //CUSTOMIZE - SELECT - CATALOG FORM - CONGRATULATIONS FORM &-congratulationsForm { // APPOINTMENT &-appointment { .@{formItem} { &__label { color: @cf-coa-text-color; font-weight: 700; span { color: @cf-coa-text-color; font-weight: 700; } } } .@{input} { &:hover { .@{select} { &__caret { color: @cf-coa-input-text-color; } } } & .@{input}__inner { color: @cf-coa-input-text-color; background-color: @cf-coa-input-color; &::placeholder { color: fade(@cf-coa-input-text-color, 60%); } &::-webkit-input-placeholder { color: fade(@cf-coa-input-text-color, 60%); } &::-moz-placeholder { color: fade(@cf-coa-input-text-color, 60%); } &:-ms-input-placeholder { color: fade(@cf-coa-input-text-color, 60%); } &:-moz-placeholder { color: fade(@cf-coa-input-text-color, 60%); } } &.is-disabled { .@{input}__inner { background-color: fade(@cf-coa-input-color, 25%); } } & .@{select} { &__caret { color: fade(@cf-coa-input-text-color, 75%); } } } } // PACKAGE &-package { .@{formItem} { &__label { color: @cf-cop-text-color; font-weight: 700; span { color: @cf-cop-text-color; font-weight: 700; } } } .@{input} { &:hover { .@{select} { &__caret { color: @cf-cop-input-text-color; } } } & .@{input}__inner { color: @cf-cop-input-text-color; background-color: @cf-cop-input-color; &::placeholder { color: fade(@cf-cop-input-text-color, 60%); } &::-webkit-input-placeholder { color: fade(@cf-cop-input-text-color, 60%); } &::-moz-placeholder { color: fade(@cf-cop-input-text-color, 60%); } &:-ms-input-placeholder { color: fade(@cf-cop-input-text-color, 60%); } &:-moz-placeholder { color: fade(@cf-cop-input-text-color, 60%); } } &.is-disabled { .@{input}__inner { background-color: fade(@cf-cop-input-color, 25%); } } & .@{select} { &__caret { color: fade(@cf-cop-input-text-color, 75%); } } } } } } } //CUSTOMIZE - INPUT NUMBER &.am-input-number { //CUSTOMIZE - INPUT NUMBER - STEP BY STEP &-stepByStepForm { //CUSTOMIZE - INPUT NUMBER - STEP BY STEP - RECURRING SETUP FORM &-recurringSetupForm { &:hover { .@{input}__inner { border-color: #C0C4CC; } } .@{formItem} { &__label { color: @sbs-rsf-text-color; font-weight: 700; } } .@{input} { &-number { & .@{input}-number__increase, & .@{input}-number__decrease { color: @sbs-rsf-input-text-color; background-color: @sbs-rsf-input-color; i { color: inherit; } &:hover { &:not(.is-disabled) { &~.@{input} { .@{input}__inner { &:not(.is-disabled) { border-color: #C0C4CC; } } } } } } & .@{input} { &__inner { color: @sbs-rsf-input-text-color; background-color: @sbs-rsf-input-color; } } &.is-disabled { .@{input}__inner { background-color: fade(@sbs-rsf-input-color, 25%); } } } } } } //CUSTOMIZE - INPUT NUMBER - EVENT LIST &-eventListForm { &:hover { .@{input}__inner { border-color: #C0C4CC; } } .@{formItem} { &__label { color: @elf-text-color; font-weight: 700; } } .@{input} { &-number { & .@{input}-number__increase, & .@{input}-number__decrease { color: @elf-input-text-color; background-color: @elf-input-color; i { color: inherit; } &:hover { &:not(.is-disabled) { &~.@{input} { .@{input}__inner { &:not(.is-disabled) { border-color: #C0C4CC; } } } } } } & .@{input} { &__inner { color: @elf-input-text-color; background-color: @elf-input-color; } } &.is-disabled { .@{input}__inner { background-color: fade(@elf-input-color, 25%); } } } } } //CUSTOMIZE - INPUT NUMBER - CATALOG FORM &-catalogForm { //CUSTOMIZE - INPUT NUMBER - CATALOG FORM - RECURRING SETUP FORM &-recurringSetupForm { &:hover { .@{input}__inner { border-color: #C0C4CC; } } .@{formItem} { &__label { color: @cf-rsf-text-color; font-weight: 700; } } .@{input} { &-number { & .@{input}-number__increase, & .@{input}-number__decrease { color: @cf-rsf-input-text-color; background-color: @cf-rsf-input-color; i { color: inherit; } &:hover { &:not(.is-disabled) { &~.@{input} { .@{input}__inner { &:not(.is-disabled) { border-color: #C0C4CC; } } } } } } & .@{input} { &__inner { color: @cf-rsf-input-text-color; background-color: @cf-rsf-input-color; } } &.is-disabled { .@{input}__inner { background-color: fade(@cf-rsf-input-color, 25%); } } } } } } } //CUSTOMIZE - CHECKBOX BTN &.am-checkbox-btn { //CUSTOMIZE - CHECKBOX BTN -STEP BY STEP &-stepByStepForm { //CUSTOMIZE - CHECKBOX BTN - STEP BY STEP - RECURRING SETUP FORM &-recurringSetupForm { .@{formItem} { &__label { color: @sbs-rsf-text-color; font-weight: 700; } } .@{checkBtn} { & .@{checkBtn}__inner { color: @sbs-rsf-input-text-color; background-color: @sbs-rsf-input-color; } } .@{checkGroup} { .@{checkBtn} { &.is-checked { .@{checkBtn}__inner { color: @sbs-rsf-input-text-color; background-color: @color-accent; } } } } } } //CUSTOMIZE - CHECKBOX BTN -CATALOG FORM &-catalogForm { //CUSTOMIZE - CHECKBOX BTN - CATALOG FORM - RECURRING SETUP FORM &-recurringSetupForm { .@{formItem} { &__label { color: @cf-rsf-text-color; font-weight: 700; } } .@{checkBtn} { & .@{checkBtn}__inner { color: @cf-rsf-input-text-color; background-color: @cf-rsf-input-color; } } .@{checkGroup} { .@{checkBtn} { &.is-checked { .@{checkBtn}__inner { color: @cf-rsf-input-text-color; background-color: @color-accent; } } } } } } } //CUSTOMIZE - RADIO BTN &.am-radio-btn { //CUSTOMIZE - RADIO BTN - STEP BY STEP &-stepByStepForm { //CUSTOMIZE - RADIO BTN - STEP BY STEP - CONFIRM APPOINTMENT FORM &-confirmBookingForm { &-appointment { .am-payment-type-radio { span { color: @sbs-caf-text-color; } } .@{formItem} { &__label { color: @sbs-caf-text-color; font-weight: 700; span { color: @sbs-caf-text-color; font-weight: 700; } } } } &-package { .am-payment-type-radio { span { color: @sbs-cpf-text-color; } } .@{formItem} { &__label { color: @sbs-cpf-text-color; font-weight: 700; span { color: @sbs-cpf-text-color; font-weight: 700; } } } } } } //CUSTOMIZE - RADIO BTN - EVENT LIST &-eventListForm { //CUSTOMIZE - RADIO BTN - EVENT LIST - CONFIRM EVENT FORM &-confirmBookingForm { &-event { .am-payment-type-radio-checked { .el-radio__label { color: @color-accent; } } .@{formItem} { &__label { color: @elf-text-color; font-weight: 700; span { color: @elf-text-color; font-weight: 700; } } &__content { span { color: @elf-text-color; } } } } } } //CUSTOMIZE - RADIO BTN - CATALOG FORM &-catalogForm { //CUSTOMIZE - RADIO BTN - CATALOG FORM - CONFIRM FORM &-confirmBookingForm { // APPOINTMENT &-appointment { .@{formItem} { &__label { color: @cf-caf-text-color; font-weight: 700; span { color: @cf-caf-text-color; font-weight: 700; } } &__content { span { color: @cf-caf-text-color; } } } } // PACKAGE &-package { .@{formItem} { &__label { color: @cf-cpf-text-color; font-weight: 700; span { color: @cf-cpf-text-color; font-weight: 700; } } &__content { span { color: @cf-cpf-text-color; } } } } } } } //CUSTOMIZE - CUSTOM FIELDS &.am-custom { //CUSTOMIZE - CUSTOM FIELDS - STEP BY STEP &-stepByStepForm { //CUSTOMIZE - CUSTOM FIELDS - STEP BY STEP - CONFIRM BOOKING &-confirmBookingForm { //CUSTOMIZE - CUSTOM FIELDS - STEP BY STEP - CONFIRM BOOKING - APPOINTMENT &-appointment { .@{formItem} { &__label { color: @sbs-caf-text-color; font-weight: 700; span { color: @sbs-caf-text-color; font-weight: 700; } } } .@{input} { &__inner { color: @sbs-caf-input-text-color; background-color: @sbs-caf-input-color; } &__suffix { i { color: @sbs-caf-input-text-color; } } } .@{textarea} { &__inner { color: @sbs-caf-input-text-color; background-color: @sbs-caf-input-color; } } .@{radio} { &__label { color: @sbs-caf-text-color; font-weight: 700; } } .@{checkbox} { &__label { color: @sbs-caf-text-color; font-weight: 700; } &.is-checked { .@{checkbox}__label { color: @color-accent; } } } .@{upload} { &-dragger { background-color: @sbs-caf-bgr-color; } } .am-calendar-picker.popover-container { .popover-content-wrapper .popover-content { color: @sbs-caf-dropdown-text-color; background-color: @sbs-caf-dropdown-color; * { color: @sbs-caf-dropdown-text-color; } .c-title-popover.popover-container { .popover-origin { background-color: @sbs-caf-dropdown-color; * { background-color: @sbs-caf-dropdown-color; } } } .c-day-content:hover { & > div { color: @color-accent; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white; } } } } //CUSTOMIZE - CUSTOM FIELDS - STEP BY STEP - CONFIRM BOOKING - PACKAGE &-package { .@{formItem} { &__label { color: @sbs-cpf-text-color; font-weight: 700; span { color: @sbs-cpf-text-color; font-weight: 700; } } } .@{input} { &__inner { color: @sbs-cpf-input-text-color; background-color: @sbs-cpf-input-color; } &__suffix { i { color: @sbs-cpf-input-text-color; } } } .@{textarea} { &__inner { color: @sbs-cpf-input-text-color; background-color: @sbs-cpf-input-color; } } .@{radio} { &__label { color: @sbs-cpf-text-color; font-weight: 700; } } .@{checkbox} { &__label { color: @sbs-cpf-text-color; font-weight: 700; } &.is-checked { .@{checkbox}__label { color: @color-accent; } } } .@{upload} { &-dragger { background-color: @sbs-cpf-bgr-color; } } .am-calendar-picker.popover-container { .popover-content-wrapper .popover-content { color: @sbs-cpf-dropdown-text-color; background-color: @sbs-cpf-dropdown-color; * { color: @sbs-cpf-dropdown-text-color; } .c-title-popover.popover-container { .popover-origin { background-color: @sbs-cpf-dropdown-color; * { background-color: @sbs-cpf-dropdown-color; } } } .c-day-content:hover { & > div { color: @color-accent; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white; } } } } } } //CUSTOMIZE - CUSTOM FIELDS - EVENT LIST &-eventListForm { //CUSTOMIZE - CUSTOM FIELDS - EVENT LIST - CONFIRM BOOKING &-confirmBookingForm { //CUSTOMIZE - CUSTOM FIELDS - EVENT LIST - CONFIRM BOOKING - EVENT &-event { .@{formItem} { &__label { color: @elf-text-color; font-weight: 700; span { color: @elf-text-color; font-weight: 700; } } } .@{input} { &__inner { color: @elf-input-text-color; background-color: @elf-input-color; } &__suffix { i { color: @elf-input-text-color; } } } .@{textarea} { &__inner { color: @elf-input-text-color; background-color: @elf-input-color; } } .@{radio} { &__label { color: @elf-text-color; font-weight: 700; } } .@{checkbox} { &__label { color: @elf-text-color; font-weight: 700; } &.is-checked { .@{checkbox}__label { color: @color-accent; } } } .@{upload} { &-dragger { background-color: @elf-bgr-color; } } .am-calendar-picker.popover-container { .popover-content-wrapper .popover-content { color: @elf-dropdown-text-color !important; background-color: @elf-dropdown-color !important; * { color: @elf-dropdown-text-color !important; } .c-title-popover.popover-container { .popover-origin { background-color: @elf-dropdown-color !important; * { background-color: @elf-dropdown-color !important; } } } .c-day-content:hover { & > div { color: @color-accent !important; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white !important; } } } } } } //CUSTOMIZE - CUSTOM FIELDS - CATALOG FORM &-catalogForm { //CUSTOMIZE - CUSTOM FIELDS - CATALOG FORM - CONFIRM BOOKING &-confirmBookingForm { //CUSTOMIZE - CUSTOM FIELDS - CATALOG FORM - CONFIRM BOOKING - APPOINTMENT &-appointment { .@{formItem} { &__label { color: @cf-caf-text-color; font-weight: 700; span { color: @cf-caf-text-color; font-weight: 700; } } } .@{input} { &__inner { color: @cf-caf-input-text-color; background-color: @cf-caf-input-color; } &__suffix { i { color: @cf-caf-input-text-color; } } } .@{textarea} { &__inner { color: @cf-caf-input-text-color; background-color: @cf-caf-input-color; } } .@{radio} { &__label { color: @cf-caf-text-color; font-weight: 700; } } .@{checkbox} { &__label { color: @cf-caf-text-color; font-weight: 700; } &.is-checked { .@{checkbox}__label { color: @color-accent; } } } .@{upload} { &-dragger { background-color: @cf-caf-bgr-color; } } .am-calendar-picker.popover-container { .popover-content-wrapper .popover-content { color: @cf-caf-dropdown-text-color; background-color: @cf-caf-dropdown-color; * { color: @cf-caf-dropdown-text-color; } .c-title-popover.popover-container { .popover-origin { background-color: @cf-caf-dropdown-color; * { background-color: @cf-caf-dropdown-color; } } } .c-day-content:hover { & > div { color: @color-accent; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white; } } } } //CUSTOMIZE - CUSTOM FIELDS - CATALOG FORM - CONFIRM BOOKING - PACKAGE &-package { .@{formItem} { &__label { color: @cf-cpf-text-color; font-weight: 700; span { color: @cf-cpf-text-color; font-weight: 700; } } } .@{input} { &__inner { color: @cf-cpf-input-text-color; background-color: @cf-cpf-input-color; } &__suffix { i { color: @cf-cpf-input-text-color; } } } .@{textarea} { &__inner { color: @cf-cpf-input-text-color; background-color: @cf-cpf-input-color; } } .@{radio} { &__label { color: @cf-cpf-text-color; font-weight: 700; } } .@{checkbox} { &__label { color: @cf-cpf-text-color; font-weight: 700; } &.is-checked { .@{checkbox}__label { color: @color-accent; } } } .@{upload} { &-dragger { background-color: @cf-cpf-bgr-color; } } .am-calendar-picker.popover-container { .popover-content-wrapper .popover-content { color: @cf-cpf-dropdown-text-color; background-color: @cf-cpf-dropdown-color; * { color: @cf-cpf-dropdown-text-color; } .c-title-popover.popover-container { .popover-origin { background-color: @cf-cpf-dropdown-color; * { background-color: @cf-cpf-dropdown-color; } } } .c-day-content:hover { & > div { color: @color-accent; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white; } } } } } } } } // CREDIT CARD - STRIPE .am-stripe { display: flex; align-items: center; height: 40px; margin: 0; padding-left: @padding-small; border-radius: 4px; background-color: #ffffff; > div { width: 100%; } } } // DROPDOWN CUSTOMIZE STYLES .@{select}-dropdown { &.am-dropdown { // STEP BY STEP FORM &-stepByStepForm { // STEP BY STEP FORM - SELECT SERVICE FORM &-selectServiceForm { background-color: @sbs-ssf-dropdown-color; border-color: @sbs-ssf-dropdown-color; & .@{select}-dropdown { &__item { color: @sbs-ssf-dropdown-text-color; &:hover { background-color: darken(@sbs-ssf-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @sbs-ssf-dropdown-color; &::after { border-bottom-color: @sbs-ssf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @sbs-ssf-dropdown-color; &::after { border-top-color: @sbs-ssf-dropdown-color; } } } } // STEP BY STEP FORM - SELECT PACKAGE FORM &-selectPackageForm { background-color: @sbs-spf-dropdown-color; border-color: @sbs-spf-dropdown-color; & .@{select}-dropdown { &__item { color: @sbs-spf-dropdown-text-color; &:hover { background-color: darken(@sbs-spf-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @sbs-spf-dropdown-color; &::after { border-bottom-color: @sbs-spf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @sbs-spf-dropdown-color; &::after { border-top-color: @sbs-spf-dropdown-color; } } } } // STEP BY STEP FORM - RECURRING SETUP FORM &-recurringSetupForm { background-color: @sbs-rsf-dropdown-color; border-color: @sbs-rsf-dropdown-color; & .@{select}-dropdown { &__item { color: @sbs-rsf-dropdown-text-color; &:hover { background-color: darken(@sbs-rsf-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @sbs-rsf-dropdown-color; &::after { border-bottom-color: @sbs-rsf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @sbs-rsf-dropdown-color; &::after { border-top-color: @sbs-rsf-dropdown-color; } } } } // STEP BY STEP FORM - RECURRING DATES FORM &-recurringDatesForm { background-color: @sbs-rdf-dropdown-color; border-color: @sbs-rdf-dropdown-color; & .@{select}-dropdown { &__item { color: @sbs-rdf-dropdown-text-color; &:hover { background-color: darken(@sbs-rdf-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @sbs-rdf-dropdown-color; &::after { border-bottom-color: @sbs-rdf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @sbs-rdf-dropdown-color; &::after { border-top-color: @sbs-rdf-dropdown-color; } } } } // STEP BY STEP FORM - RECURRING SETUP FORM &-packageSetupForm { background-color: @sbs-psf-dropdown-color; border-color: @sbs-psf-dropdown-color; & .@{select}-dropdown { &__item { color: @sbs-psf-dropdown-text-color; &:hover { background-color: darken(@sbs-psf-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @sbs-psf-dropdown-color; &::after { border-bottom-color: @sbs-psf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @sbs-psf-dropdown-color; &::after { border-top-color: @sbs-psf-dropdown-color; } } } } // STEP BY STEP FORM - CONFIRM APPOINTMENT FORM &-confirmBookingForm { &-appointment { background-color: @sbs-caf-dropdown-color; border-color: @sbs-caf-dropdown-color; & .@{select}-dropdown { &__item { color: @sbs-caf-dropdown-text-color; &:hover { background-color: darken(@sbs-caf-dropdown-color, 15%); } &.selected { color: @color-accent; } .am-phone-input-phonecode { color: @sbs-caf-dropdown-text-color; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @sbs-caf-dropdown-color; &::after { border-bottom-color: @sbs-caf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @sbs-caf-dropdown-color; &::after { border-top-color: @sbs-caf-dropdown-color; } } } } &-package { background-color: @sbs-cpf-dropdown-color; border-color: @sbs-cpf-dropdown-color; & .@{select}-dropdown { &__item { color: @sbs-cpf-dropdown-text-color; &:hover { background-color: darken(@sbs-cpf-dropdown-color, 15%); } &.selected { color: @color-accent; } .am-phone-input-phonecode { color: @sbs-cpf-dropdown-text-color; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @sbs-cpf-dropdown-color; &::after { border-bottom-color: @sbs-cpf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @sbs-cpf-dropdown-color; &::after { border-top-color: @sbs-cpf-dropdown-color; } } } } } // STEP BY STEP FORM - CONGRATULATIONS APPOINTMENT FORM &-congratulationsForm { &-appointment { background-color: @sbs-coa-dropdown-color; border-color: @sbs-coa-dropdown-color; & .@{select}-dropdown { &__item { color: @sbs-coa-dropdown-text-color; &:hover { background-color: darken(@sbs-coa-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @sbs-coa-dropdown-color; &::after { border-bottom-color: @sbs-coa-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @sbs-coa-dropdown-color; &::after { border-top-color: @sbs-coa-dropdown-color; } } } } &-package { background-color: @sbs-cop-dropdown-color; border-color: @sbs-cop-dropdown-color; & .@{select}-dropdown { &__item { color: @sbs-cop-dropdown-text-color; &:hover { background-color: darken(@sbs-cop-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @sbs-cop-dropdown-color; &::after { border-bottom-color: @sbs-cop-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @sbs-cop-dropdown-color; &::after { border-top-color: @sbs-cop-dropdown-color; } } } } } } // CATALOG FORM &-catalogForm { // CATALOG FORM - SELECT SERVICE FORM &-selectServiceForm { background-color: @cf-ssf-dropdown-color; border-color: @cf-ssf-dropdown-color; & .@{select}-dropdown { &__item { color: @cf-ssf-dropdown-text-color; &:hover { background-color: darken(@cf-ssf-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @cf-ssf-dropdown-color; &::after { border-bottom-color: @cf-ssf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @cf-ssf-dropdown-color; &::after { border-top-color: @cf-ssf-dropdown-color; } } } } // CATALOG FORM - RECURRING SETUP FORM &-recurringSetupForm { background-color: @cf-rsf-dropdown-color; border-color: @cf-rsf-dropdown-color; & .@{select}-dropdown { &__item { color: @cf-rsf-dropdown-text-color; &:hover { background-color: darken(@cf-rsf-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @cf-rsf-dropdown-color; &::after { border-bottom-color: @cf-rsf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @cf-rsf-dropdown-color; &::after { border-top-color: @cf-rsf-dropdown-color; } } } } // CATALOG FORM - RECURRING DATES FORM &-recurringDatesForm { background-color: @cf-rdf-dropdown-color; border-color: @cf-rdf-dropdown-color; & .@{select}-dropdown { &__item { color: @cf-rdf-dropdown-text-color; &:hover { background-color: darken(@cf-rdf-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @cf-rdf-dropdown-color; &::after { border-bottom-color: @cf-rdf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @cf-rdf-dropdown-color; &::after { border-top-color: @cf-rdf-dropdown-color; } } } } // CATALOG FORM - RECURRING SETUP FORM &-packageSetupForm { background-color: @cf-psf-dropdown-color; border-color: @cf-psf-dropdown-color; & .@{select}-dropdown { &__item { color: @cf-psf-dropdown-text-color; &:hover { background-color: darken(@cf-psf-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @cf-psf-dropdown-color; &::after { border-bottom-color: @cf-psf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @cf-psf-dropdown-color; &::after { border-top-color: @cf-psf-dropdown-color; } } } } // CATALOG FORM - CONFIRM APPOINTMENT FORM &-confirmBookingForm { &-appointment { background-color: @cf-caf-dropdown-color; border-color: @cf-caf-dropdown-color; & .@{select}-dropdown { &__item { color: @cf-caf-dropdown-text-color; &:hover { background-color: darken(@cf-caf-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @cf-caf-dropdown-color; &::after { border-bottom-color: @cf-caf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @cf-caf-dropdown-color; &::after { border-top-color: @cf-caf-dropdown-color; } } } } &-package { background-color: @cf-cpf-dropdown-color; border-color: @cf-cpf-dropdown-color; & .@{select}-dropdown { &__item { color: @cf-cpf-dropdown-text-color; &:hover { background-color: darken(@cf-cpf-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @cf-cpf-dropdown-color; &::after { border-bottom-color: @cf-cpf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @cf-cpf-dropdown-color; &::after { border-top-color: @cf-cpf-dropdown-color; } } } } } // CATALOG FORM - CONGRATULATIONS APPOINTMENT FORM &-congratulationsForm { &-appointment { background-color: @cf-coa-dropdown-color; border-color: @cf-coa-dropdown-color; & .@{select}-dropdown { &__item { color: @cf-coa-dropdown-text-color; &:hover { background-color: darken(@cf-coa-dropdown-color, 15%); } &.selected { color: @color-accent; } .am-phone-input-phonecode { color: @cf-coa-dropdown-text-color; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @cf-coa-dropdown-color; &::after { border-bottom-color: @cf-coa-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @cf-coa-dropdown-color; &::after { border-top-color: @cf-coa-dropdown-color; } } } } &-package { background-color: @cf-cop-dropdown-color; border-color: @cf-cop-dropdown-color; & .@{select}-dropdown { &__item { color: @cf-cop-dropdown-text-color; &:hover { background-color: darken(@cf-cop-dropdown-color, 15%); } &.selected { color: @color-accent; } .am-phone-input-phonecode { color: @cf-cop-dropdown-text-color; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @cf-cop-dropdown-color; &::after { border-bottom-color: @cf-cop-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @cf-cop-dropdown-color; &::after { border-top-color: @cf-cop-dropdown-color; } } } } } } // EVENT LIST FORM &-eventListForm { background-color: @elf-dropdown-color; border-color: @elf-dropdown-color; & .@{select}-dropdown { &__item { color: @elf-dropdown-text-color; &:hover { background-color: darken(@elf-dropdown-color, 15%); } &.selected { color: @color-accent; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @elf-dropdown-color; &::after { border-bottom-color: @elf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @elf-dropdown-color; &::after { border-top-color: @elf-dropdown-color; } } } // EVENT LIST FORM - CONFIRM EVENT FORM &-confirmBookingForm, &-congratulationsForm { &-event { background-color: @elf-dropdown-color; border-color: @elf-dropdown-color; & .@{select}-dropdown { &__item { color: @elf-dropdown-text-color; &:hover { background-color: darken(@elf-dropdown-color, 15%); } &.selected { color: @color-accent; } .am-phone-input-phonecode { color: @elf-dropdown-text-color; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @elf-dropdown-color; &::after { border-bottom-color: @elf-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @elf-dropdown-color; &::after { border-top-color: @elf-dropdown-color; } } } } } } // EVENT CALENDAR FORM &-eventCalendarForm { // EVENT CALENDAR FORM - CONFIRM EVENT FORM &-confirmBookingForm { &-event { background-color: @ecf-cef-dropdown-color; border-color: @ecf-cef-dropdown-color; & .@{select}-dropdown { &__item { color: @ecf-cef-dropdown-text-color; &:hover { background-color: darken(@ecf-cef-dropdown-color, 15%); } &.selected { color: @color-accent; } .am-phone-input-phonecode { color: @ecf-cef-dropdown-text-color; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @ecf-cef-dropdown-color; &::after { border-bottom-color: @ecf-cef-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @ecf-cef-dropdown-color; &::after { border-top-color: @ecf-cef-dropdown-color; } } } } } &-congratulationsForm { &-event { background-color: @ecf-coe-dropdown-color; border-color: @ecf-coe-dropdown-color; & .@{select}-dropdown { &__item { color: @ecf-coe-dropdown-text-color; &:hover { background-color: darken(@ecf-coe-dropdown-color, 15%); } &.selected { color: @color-accent; } .am-phone-input-phonecode { color: @ecf-coe-dropdown-text-color; } } } &[x-placement^=bottom] { & .popper__arrow { border-bottom-color: @ecf-coe-dropdown-color; &::after { border-bottom-color: @ecf-coe-dropdown-color; } } } &[x-placement^=top] { & .popper__arrow { border-top-color: @ecf-coe-dropdown-color; &::after { border-top-color: @ecf-coe-dropdown-color; } } } } } } } } // DIALOG #am-modal.am-modal.am-in-body { &.am-event-modal.event-dialog { .am-event-modal { &__confirm-booking { p { color: @ecf-cef-text-color; } } } // FORM .am-form { &-eventCalendarForm { //EVENT CALENDAR - CONGRATULATIONS BOOKING FORM &-congratulationsForm { //EVENT CALENDAR - CONGRATULATIONS BOOKING FORM - APPOINTMENT &-event { &.am-success-payment { h4, p { color: @ecf-coe-text-color; } } } } } } // FORM ITEMS .@{formItem} { // CUSTOMIZE - INPUT &.am-input { // CUSTOMIZE - INPUT - EVENT CALENDAR &-eventCalendarForm { // CUSTOMIZE - INPUT - EVENT CALENDAR - CONFIRM BOOKING &-confirmBookingForm { // CUSTOMIZE - INPUT - EVENT CALENDAR - CONFIRM BOOKING EVENT &-event { .@{formItem} { &__label { color: @ecf-cef-text-color; font-weight: 700; } } .@{input} { &__inner { color: @ecf-cef-input-text-color; background-color: @ecf-cef-input-color; &::placeholder { color: fade(@ecf-cef-input-text-color, 60%); } &::-webkit-input-placeholder { color: fade(@ecf-cef-input-text-color, 60%); } &::-moz-placeholder { color: fade(@ecf-cef-input-text-color, 60%); } &:-ms-input-placeholder { color: fade(@ecf-cef-input-text-color, 60%); } &:-moz-placeholder { color: fade(@ecf-cef-input-text-color, 60%); } } &.is-disabled { .@{input}__inner { border-color: #e4e7ed; background-color: lighten(@ecf-cef-input-color, 15%); } } &-group { &__prepend { background-color: @ecf-cef-input-color; .@{input}__icon { color: @ecf-cef-input-text-color; } .am-selected-flag { .@{input}__inner { background-color: transparent; } } } .@{input} { &__suffix { i { color: @ecf-cef-input-text-color; } } } } } } } } } //CUSTOMIZE - SELECT &.am-select { //CUSTOMIZE - SELECT - EVENT CALENDAR &-eventCalendarForm { //CUSTOMIZE - SELECT - EVENT CALENDAR - CONFIRM EVENT FORM &-confirmBookingForm { &-event { .@{formItem} { &__label { color: @ecf-cef-text-color; font-weight: 700; span { color: @ecf-cef-text-color; font-weight: 700; } } } .@{input} { &:hover { .@{select} { &__caret { color: @ecf-cef-input-text-color; } } } & .@{input}__inner { color: @ecf-cef-input-text-color; background-color: @ecf-cef-input-color; } &.is-disabled { .@{input}__inner { background-color: fade(@ecf-cef-input-color, 25%); } } & .@{select} { &__caret { color: fade(@ecf-cef-input-text-color, 75%); } } } .am-payment-button { svg { fill: @ecf-cef-text-color; } &-selected, &:hover { p { color: @color-accent; } } } } } &-congratulationsForm { &-event { .@{input} { &:hover { .@{select} { &__caret { color: @ecf-coe-input-text-color; } } } & .@{input}__inner { color: @ecf-coe-input-text-color; background-color: @ecf-coe-input-color; &::placeholder { color: fade(@ecf-coe-input-text-color, 60%); } &::-webkit-input-placeholder { color: fade(@ecf-coe-input-text-color, 60%); } &::-moz-placeholder { color: fade(@ecf-coe-input-text-color, 60%); } &:-ms-input-placeholder { color: fade(@ecf-coe-input-text-color, 60%); } &:-moz-placeholder { color: fade(@ecf-coe-input-text-color, 60%); } } &.is-disabled { .@{input}__inner { background-color: fade(@ecf-coe-input-color, 25%); } } & .@{select} { &__caret { color: fade(@ecf-coe-input-text-color, 75%); } } } } } } } // CUSTOMIZE - BLOCK &.am-block { &-eventCalendarForm { &-confirmBookingForm { &-event { .@{formItem} { &__label { color: @ecf-cef-text-color; span { color: @ecf-cef-text-color; } } } } } } } //CUSTOMIZE - CUSTOM FIELDS &.am-custom { //CUSTOMIZE - CUSTOM FIELDS - EVENT CALENDAR &-eventCalendarForm { //CUSTOMIZE - CUSTOM FIELDS - EVENT CALENDAR - CONFIRM BOOKING &-confirmBookingForm { //CUSTOMIZE - CUSTOM FIELDS - EVENT CALENDAR - CONFIRM BOOKING - EVENT &-event { .@{formItem} { &__label { color: @ecf-cef-text-color; font-weight: 700; span { color: @ecf-cef-text-color; font-weight: 700; } } } .@{input} { &__inner { color: @ecf-cef-input-text-color; background-color: @ecf-cef-input-color; } &__suffix { i { color: @ecf-cef-input-text-color; } } } .@{textarea} { &__inner { color: @ecf-cef-input-text-color; background-color: @ecf-cef-input-color; } } .@{radio} { &__label { color: @ecf-cef-text-color; font-weight: 700; } &.is-checked { .@{radio}__label { color: @color-accent; } } } .@{checkbox} { &__label { color: @ecf-cef-text-color; font-weight: 700; } &.is-checked { .@{checkbox}__label { color: @color-accent; } } } .@{upload} { &-dragger { background-color: @ecf-cef-bgr-color; span { color: @color-accent; } } } .am-calendar-picker.popover-container { .popover-content-wrapper .popover-content { color: @ecf-cef-dropdown-text-color; background-color: @ecf-cef-dropdown-color; * { color: @ecf-cef-dropdown-text-color; } .c-title-popover.popover-container { .popover-origin { background-color: @ecf-cef-dropdown-color; * { background-color: @ecf-cef-dropdown-color; } } } .c-day-content:hover { & > div { color: @color-accent; } } :not(.c-day-backgrounds.c-day-layer:empty) ~ .c-day-content-wrapper .c-day-content > div { color: @color-white; } } } } } } } } } // CREDIT CARD - STRIPE .am-stripe { display: flex; align-items: center; height: 40px; margin: 0; padding-left: @padding-small; border-radius: 4px; background-color: #ffffff; > div { width: 100%; } } } frontend/_utils.less 0000666 00000011636 15165376205 0010577 0 ustar 00 .am-mb-16-md { margin-bottom: 0 !important; } .am-m-0 { margin: 0 !important; } .am-mt-0, .am-my-0 { margin-top: 0 !important; } .am-mr-0, .am-mx-0 { margin-right: 0 !important; } .am-mb-0, .am-my-0 { margin-bottom: 0 !important; } .am-ml-0, .am-mx-0 { margin-left: 0 !important; } .am-m-4 { margin: 4px !important; } .am-mt-4, .am-my-4 { margin-top: 4px !important; } .am-mr-4, .am-mx-4 { margin-right: 4px !important; } .am-mb-4, .am-my-4 { margin-bottom: 4px !important; } .am-ml-4, .am-mx-4 { margin-left: 4px !important; } .am-m-8 { margin: 8px !important; } .am-mt-8, .am-my-8 { margin-top: 8px !important; } .am-mr-8, .am-mx-8 { margin-right: 8px !important; } .am-mb-8, .am-my-8 { margin-bottom: 8px !important; } .am-ml-8, .am-mx-8 { margin-left: 8px !important; } .am-m-12 { margin: 12px !important; } .am-mt-12, .am-my-12 { margin-top: 12px !important; } .am-mr-12, .am-mx-12 { margin-right: 12px !important; } .am-mb-12, .am-my-12 { margin-bottom: 12px !important; } .am-ml-12, .am-mx-12 { margin-left: 12px !important; } .am-m-16 { margin: 16px !important; } .am-mt-16, .am-my-16 { margin-top: 16px !important; } .am-mr-16, .am-mx-16 { margin-right: 16px !important; } .am-mb-16, .am-my-16 { margin-bottom: 16px !important; } .am-ml-16, .am-mx-16 { margin-left: 16px !important; } .am-m-20 { margin: 20px !important; } .am-mt-20, .am-my-20 { margin-top: 20px !important; } .am-mr-20, .am-mx-20 { margin-right: 20px !important; } .am-mb-20, .am-my-20 { margin-bottom: 20px !important; } .am-ml-20, .am-mx-20 { margin-left: 20px !important; } .am-m-24 { margin: 24px !important; } .am-mt-24, .am-my-24 { margin-top: 24px !important; } .am-mr-24, .am-mx-24 { margin-right: 24px !important; } .am-mb-24, .am-my-24 { margin-bottom: 24px !important; } .am-ml-24, .am-mx-24 { margin-left: 24px !important; } .am-m-32 { margin: 32px !important; } .am-mt-32, .am-my-32 { margin-top: 32px !important; } .am-mr-32, .am-mx-32 { margin-right: 32px !important; } .am-mb-32, .am-my-32 { margin-bottom: 32px !important; } .am-ml-32, .am-mx-32 { margin-left: 32px !important; } .am-m-48 { margin: 48px !important; } .am-mt-48, .am-my-48 { margin-top: 48px !important; } .am-mr-48, .am-mx-48 { margin-right: 48px !important; } .am-mb-48, .am-my-48 { margin-bottom: 48px !important; } .am-ml-48, .am-mx-48 { margin-left: 48px !important; } .am-p-0 { padding: 0 !important; } .am-pt-0, .am-py-0 { padding-top: 0 !important; } .am-pr-0, .am-px-0 { padding-right: 0 !important; } .am-pb-0, .am-py-0 { padding-bottom: 0 !important; } .am-pl-0, .am-px-0 { padding-left: 0 !important; } .am-p-4 { padding: 4px !important; } .am-pt-4, .am-py-4 { padding-top: 4px !important; } .am-pr-4, .am-px-4 { padding-right: 4px !important; } .am-pb-4, .am-py-4 { padding-bottom: 4px !important; } .am-pl-4, .am-px-4 { padding-left: 4px !important; } .am-p-8 { padding: 8px !important; } .am-pt-8, .am-py-8 { padding-top: 8px !important; } .am-pr-8, .am-px-8 { padding-right: 8px !important; } .am-pb-8, .am-py-8 { padding-bottom: 8px !important; } .am-pl-8, .am-px-8 { padding-left: 8px !important; } .am-p-12 { padding: 12px !important; } .am-pt-12, .am-py-12 { padding-top: 12px !important; } .am-pr-12, .am-px-12 { padding-right: 12px !important; } .am-pb-12, .am-py-12 { padding-bottom: 12px !important; } .am-pl-12, .am-px-12 { padding-left: 12px !important; } .am-p-16 { padding: 16px !important; } .am-pt-16, .am-py-16 { padding-top: 16px !important; } .am-pr-16, .am-px-16 { padding-right: 16px !important; } .am-pb-16, .am-py-16 { padding-bottom: 16px !important; } .am-pl-16, .am-px-16 { padding-left: 16px !important; } .am-p-20 { padding: 20px !important; } .am-pt-20, .am-py-20 { padding-top: 20px !important; } .am-pr-20, .am-px-20 { padding-right: 20px !important; } .am-pb-20, .am-py-20 { padding-bottom: 20px !important; } .am-pl-20, .am-px-20 { padding-left: 20px !important; } .am-p-24 { padding: 24px !important; } .am-pt-24, .am-py-24 { padding-top: 24px !important; } .am-pr-24, .am-px-24 { padding-right: 24px !important; } .am-pb-24, .am-py-24 { padding-bottom: 24px !important; } .am-pl-24, .am-px-24 { padding-left: 24px !important; } .am-p-32 { padding: 32px !important; } .am-pt-32, .am-py-32 { padding-top: 32px !important; } .am-pr-32, .am-px-32 { padding-right: 32px !important; } .am-pb-32, .am-py-32 { padding-bottom: 32px !important; } .am-pl-32, .am-px-32 { padding-left: 32px !important; } .am-p-40 { padding: 40px !important; } .am-p-48 { padding: 48px !important; } .am-pt-48, .am-py-48 { padding-top: 48px !important; } .am-pr-48, .am-px-48 { padding-right: 48px !important; } .am-pb-48, .am-py-48 { padding-bottom: 48px !important; } .am-pl-48, .am-px-48 { padding-left: 48px !important; } .am-w-100 { width: 100% !important; } frontend/dialog-event.less 0000666 00000024151 15165376205 0011652 0 ustar 00 .amelia-app-booking { #am-cabinet { .am-dialog-event-wrapper { .el-checkbox__label { white-space: normal; word-break: break-word; } .el-checkbox { display: flex; align-items: center; } // Element Dialog .el-dialog { overflow: hidden; min-height: 400px; .el-dialog__header { padding: @padding-big; } .el-dialog__body { padding: 0; } } // Dialog .am-dialog-event-inner { .am-pricing { .am-setting-box { .el-row { display: flex; .el-col { line-height: 16px; } } } .am-event-close-after { .el-radio { margin-bottom: @margin-small; } .el-form-item { .el-input-number { width: 100%; } margin-bottom: @margin-small; .el-input { margin-bottom: @margin-small; } } } } // Loader .am-dialog-loader { background-color: @color-bgr; } // Scrollable .am-dialog-scrollable { padding: 0 @padding-big 86px; margin-bottom: 70px; // Tabs Content .el-tabs__content { padding-top: @padding-medium; } // V-Calendar Column .v-calendar-column { .el-form-item__content, .am-calendar-picker { &:after { display: none; } } } // Grey Section .am-section-grey { padding: 0 16px; background: @color-highlight; margin-bottom: 16px; border-radius: 4px; &:last-of-type { margin-bottom: 0; } .am-recurring-event { .el-row { margin-bottom: 16px; } p { margin: 0 0 0 26px; font-size: @small-fs; line-height: 40px; @media @less-then-medium { margin: 0; } } } .el-checkbox { margin-bottom: @margin-medium; margin-top: @margin-medium; display: inline-flex; align-items: center; } p { font-size: 14px; margin: 0; line-height: 40px; } } // Event Description .am-event-description { margin-top: @margin-medium; .el-form-item { margin: 0; } } // Event Dates .am-event-dates { .am-event-date { position: relative; padding-top: @margin-medium; border-bottom: 1px solid @color-divider-gray; .el-row:nth-child(2) { margin-bottom: 16px; } .el-form-item { margin-bottom: 0; } .am-delete-element { position: absolute; top: 22px; right: 0; } p { margin: 0; font-size: @small-fs; line-height: 40px; } } } // Add Event Date .am-add-event-date { margin-top: @margin-medium; button { margin-bottom: @margin-medium; margin-left: 0; } } // Border Bottom .am-border-bottom { border-bottom: 1px solid @color-divider-gray; padding: @padding-medium 0 0; .el-input-number { width: 100%; } .el-row { margin-bottom: 16px; } .el-checkbox { margin-bottom: @margin-medium; .el-checkbox__input { line-height: 40px; } } p { margin: 0; font-size: @small-fs; line-height: 40px; } } // Tags .el-select__tags { top: 50%; overflow: visible; white-space: normal; flex-wrap: wrap; } .am-event-period-start { @media @less-then-medium { padding-bottom: 16px; } } } // Footer .am-dialog-footer { box-sizing: border-box; position: absolute; width: 100%; bottom: 0; height: 70px; border-top: 2px solid #E4E7ED; display: flex; align-items: center; padding: 0 24px; .am-dialog-confirmation { padding: @padding-medium @padding-big; z-index: 1; position: absolute; bottom: 73px; left:0px; background: @color-white; width: 100%; border-top: 1px solid @color-divider-gray; border-bottom: none; box-sizing: border-box; form.el-form { padding: 0 !important; } @media @less-then-small { z-index: 1; border-bottom: 1px solid @color-divider-gray; bottom: 72px; } } .am-dialog-footer-actions { width: 100%; .el-row { width: 100%; .align-left { text-align: left; } .align-right { text-align: right; } button { margin: 0; &:last-of-type { margin-left: 8px; } } } } } // Labels label, p { font-size: 14px; } // Spinner .el-form-item { .is-spinner { width: 22px; height: 22px; display: none; position: absolute; right: 35px; top: 8px; stroke: @color-text-second; &.is-spinner-right { right: 12px; } } &.active { .is-spinner { display: block; } } } // Customize .am-event-colors { padding: 0 0 @padding-medium; margin: 0 0 @margin-medium; border-bottom: 1px solid @color-divider-gray; .am-event-color-selection > div:first-child { margin-top: @margin-small; margin-bottom: @margin-medium; } .am-event-swatches { display: inline-block; vertical-align: middle; margin-left: @margin-small; span { cursor: pointer; display: inline-block; width: 24px; height: 24px; border-radius: 50%; position: relative; margin-right: @margin-small; &.color-active { &:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #ffffff; text-align: center; font-family: element-icons; content: "\e6da"; line-height: 1.9; } } } } .am-event-swatches-first { margin-top: 8px; margin-left: 0; } .am-event-custom-color { margin-top: 8px; margin-bottom: 0; width: 120px; } .el-radio { width: 100%; } } // Settings .am-entity-settings { .am-setting-box { border: 1px solid @color-divider-gray; border-radius: 3px; margin-bottom: @margin-big; position: relative; line-height: 0.8; .el-collapse-item__header i { right: 16px !important; } .am-setting-box:last-of-type { margin-bottom: 0; } &.el-collapse-item { padding: 0; } &.el-collapse-item.is-active { background-color: #ffffff; } &.am-switch-box { padding: 13px; p { font-size: @small-fs; } .el-col { min-height: 16px; } .align-right { text-align: right; } } .el-row { display: flex; .el-col { line-height: 16px; } } p { margin: 0; } .el-collapse-item__header { padding: @padding-medium; vertical-align: middle; &:hover { background-color: @color-highlight; } i { position: absolute; right: 8px; //top: 0; color: @color-text-second; &.el-icon-circle-check { color: @color-blue; right: 40px; position: absolute; } } img, svg { vertical-align: middle; max-width: 60px; //width: 60px; max-height: 16px; } } .el-collapse-item__wrap { padding: 0 @padding-medium; margin: @margin-medium 0; .el-row { margin-bottom: @margin-big; } .el-form-item:last-of-type { margin-bottom: 0; } } } } } } } } frontend/dialog-appointment.less 0000666 00000111022 15165376205 0013061 0 ustar 00 .amelia-app-booking { #am-cabinet { .am-dialog-appointment-wrapper { // Element Dialog .el-dialog { overflow: hidden; min-height: 400px; .el-dialog__header { padding: @padding-big; } .el-dialog__body { padding: 0; } } // Dialog .am-dialog-appointment { // Loader .am-dialog-loader { background-color: @color-bgr; } // Scrollable .am-dialog-scrollable { padding: 0 @padding-big 72px; margin-bottom: 70px; // Tabs Content .el-tabs__content { padding-top: @padding-medium; } // V-Calendar Column .v-calendar-column { .el-form-item__content, .am-calendar-picker { &:after { display: none; } } } // Extras Tab #pane-extras { .am-customer-extras { > .el-row { .el-row { margin-bottom: 0; } } } } // Payment Tab #pane-payment { .am-customer-extras { padding: 0 @padding-medium @padding-medium * 2; .am-customer-extras-payment { .el-col:nth-child(even) { text-align: right; } } .subtotal { background: @color-highlight; margin: 0; padding: 0 @padding-small; .align-right:nth-child(odd) { text-align: right; } .am-payment-package-deal { display: flex; margin: @margin-medium; background: @color-white; img { margin: @margin-small; } } } } } // Extras Tab & Payments Tab .am-dialog-table { line-height: 2; .am-customer-extras { .el-row { .el-col-10 { display: inline-block; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } } .am-appointment-payments-dialog { & > .am-customer-extras-payment { & > .el-col { & > .el-row:not(:last-of-type) { margin-bottom: 0; } } } } .am-customer-extras-data { border-bottom: 1px solid @color-divider-gray; padding: 0 0 @padding-medium; h3 { margin: 0 0 @margin-small - 1px; line-height: 1; font-weight: 500; } span { margin: 0; line-height: 1.1; color: @color-text-second; display: block; font-size: @mini-fs; } } .am-customer-extras-payment { margin-bottom: @margin-medium*2; .el-col:nth-child(1), .el-col:nth-child(2) { display: none; } .am-payment-status { padding-left: 25px; padding-top: 2px; position: relative; .am-payment-status-symbol{ &:before { width: 16px; height: 16px; display: block; position: absolute; z-index: 1; top: 50%; margin-top: -8px; left: 0; pointer-events: none; } &-paid { &:before { content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDhDMCAzLjU4MTcyIDMuNTgxNzIgMCA4IDBDMTIuNDE4MyAwIDE2IDMuNTgxNzIgMTYgOEMxNiAxMi40MTgzIDEyLjQxODMgMTYgOCAxNkMzLjU4MTcyIDE2IDAgMTIuNDE4MyAwIDhaTTggMS41QzQuNDEwMTUgMS41IDEuNSA0LjQxMDE1IDEuNSA4QzEuNSAxMS41ODk5IDQuNDEwMTUgMTQuNSA4IDE0LjVDMTEuNTg5OSAxNC41IDE0LjUgMTEuNTg5OSAxNC41IDhDMTQuNSA0LjQxMDE1IDExLjU4OTkgMS41IDggMS41Wk0xMC42MjMzIDUuMDk5NDhDMTAuOTgyNSA1LjMwNTYzIDExLjEwNjcgNS43NjM5OSAxMC45MDA1IDYuMTIzMjZMOC42MDY5IDEwLjEyMDZDNy45MDIxMSAxMS4zNDg4IDYuMTA2MjkgMTEuMjc1IDUuNTA0NzUgOS45OTI5Nkw1LjA3MTAzIDkuMDY4NThDNC44OTUwOCA4LjY5MzU5IDUuMDU2NDMgOC4yNDY5NyA1LjQzMTQyIDguMDcxMDNDNS44MDY0MSA3Ljg5NTA4IDYuMjUzMDMgOC4wNTY0MyA2LjQyODk3IDguNDMxNDJMNi44NjI3IDkuMzU1OEM2Ljk0ODY0IDkuNTM4OTUgNy4yMDUxOCA5LjU0OTUgNy4zMDU4NiA5LjM3NDAzTDkuNTk5NDggNS4zNzY3NEM5LjgwNTYzIDUuMDE3NDcgMTAuMjY0IDQuODkzMzMgMTAuNjIzMyA1LjA5OTQ4WiIgZmlsbD0iIzFCQkMzNSIvPgo8L3N2Zz4K'); } } &-pending { &:before { content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjgwNzQ3IDAuMjQ4MjgzQzguMDg0NTYgMC41NTYxNjUgOC4wNTk2MSAxLjAzMDM4IDcuNzUxNzIgMS4zMDc0OEw2LjcwNDQ3IDIuMjUwMDFIOS4yNUMxMi45Nzc5IDIuMjUwMDEgMTYgNS4yNzIwOCAxNiA5LjAwMDAxVjkuMjUwMDFDMTYgOS42NjQyMiAxNS42NjQyIDEwIDE1LjI1IDEwQzE0LjgzNTggMTAgMTQuNSA5LjY2NDIyIDE0LjUgOS4yNTAwMVY5LjAwMDAxQzE0LjUgNi4xMDA1MSAxMi4xNDk1IDMuNzUwMDEgOS4yNSAzLjc1MDAxSDYuNzA0NDdMNy43NTE3MiA0LjY5MjU0QzguMDU5NjEgNC45Njk2MyA4LjA4NDU2IDUuNDQzODUgNy44MDc0NyA1Ljc1MTczQzcuNTMwMzggNi4wNTk2MSA3LjA1NjE2IDYuMDg0NTcgNi43NDgyOCA1LjgwNzQ4TDQuMjQ4MjggMy41NTc0OEM0LjA5MDI0IDMuNDE1MjUgNCAzLjIxMjYyIDQgMy4wMDAwMUM0IDIuNzg3MzkgNC4wOTAyNCAyLjU4NDc3IDQuMjQ4MjggMi40NDI1NEw2Ljc0ODI4IDAuMTkyNTM2QzcuMDU2MTYgLTAuMDg0NTU4NCA3LjUzMDM4IC0wLjA1OTU5OTYgNy44MDc0NyAwLjI0ODI4M1pNMC43NSA2LjAwMDAxQzEuMTY0MjEgNi4wMDAwMSAxLjUgNi4zMzU3OSAxLjUgNi43NTAwMVY3LjAwMDAxQzEuNSA5Ljg5OTUgMy44NTA1MSAxMi4yNSA2Ljc1IDEyLjI1SDkuMjk1NTNMOC4yNDgyOCAxMS4zMDc1QzcuOTQwMzkgMTEuMDMwNCA3LjkxNTQ0IDEwLjU1NjIgOC4xOTI1MyAxMC4yNDgzQzguNDY5NjIgOS45NDA0IDguOTQzODQgOS45MTU0NCA5LjI1MTcyIDEwLjE5MjVMMTEuNzUxNyAxMi40NDI1QzExLjkwOTggMTIuNTg0OCAxMiAxMi43ODc0IDEyIDEzQzEyIDEzLjIxMjYgMTEuOTA5OCAxMy40MTUyIDExLjc1MTcgMTMuNTU3NUw5LjI1MTcyIDE1LjgwNzVDOC45NDM4NCAxNi4wODQ2IDguNDY5NjIgMTYuMDU5NiA4LjE5MjUzIDE1Ljc1MTdDNy45MTU0NCAxNS40NDM4IDcuOTQwMzkgMTQuOTY5NiA4LjI0ODI4IDE0LjY5MjVMOS4yOTU1MyAxMy43NUg2Ljc1QzMuMDIyMDggMTMuNzUgMCAxMC43Mjc5IDAgNy4wMDAwMVY2Ljc1MDAxQzAgNi4zMzU3OSAwLjMzNTc4NiA2LjAwMDAxIDAuNzUgNi4wMDAwMVoiIGZpbGw9IiNFQkJDMTYiLz4KPC9zdmc+Cg=='); } } &-partiallyPaid { &:before { content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQxNjggNC4yMzExM0MxNC4xMTY5IDQuODc5ODEgMTQuNjczOSA1LjY4MDcyIDE1LjAzNTEgNi41ODEyNUwxNS4wMzM5IDYuNTgxNzFDMTUuMTAxMSA2Ljc0OTk1IDE1LjE2MTkgNi45MjI2MiAxNS4yMTYgNy4wOTk1OUMxNS4yNzAxIDcuMjc2NTUgMTUuMzE2MyA3LjQ1MzczIDE1LjM1NDcgNy42MzA3NUMxNS40NDkzIDguMDcyMjYgMTUuNSA4LjUzMDIyIDE1LjUgOUMxNS41IDkuOTA4MzMgMTUuMzEzNyAxMC43NzMxIDE0Ljk3NzIgMTEuNTU4M0wxNC45NzU5IDExLjU1NzdDMTQuODMxOSAxMS44OTM1IDE0LjY2IDEyLjIxNjggMTQuNDYyMSAxMi41MjM5QzE0LjE2NjMgMTIuOTgxNiAxMy44MTQ5IDEzLjQgMTMuNDE2OCAxMy43Njg5QzEyLjgzODYgMTQuMzA0NyAxMi4xNjI3IDE0LjczNjYgMTEuNDE4OCAxNS4wMzUxTDExLjQxODQgMTUuMDMzOUMxMS4yNTAxIDE1LjEwMSAxMS4wNzc0IDE1LjE2MTkgMTAuOTAwNSAxNS4yMTZDMTAuNzIzNSAxNS4yNzAxIDEwLjU0NjMgMTUuMzE2MiAxMC4zNjkzIDE1LjM1NDZDOS45Mjc3OSAxNS40NDkzIDkuNDY5ODIgMTUuNSA5LjAwMDAyIDE1LjVDOC4wOTE3MSAxNS41IDcuMjI2OSAxNS4zMTM3IDYuNDQxNzUgMTQuOTc3Mkw2LjQ0MjM0IDE0Ljk3NThDNi4xMDY1NyAxNC44MzE5IDUuNzgzMjYgMTQuNjU5OSA1LjQ3NjE1IDE0LjQ2MjFDNS4zNDMxNSAxNC4zNzYxIDUuMjEzMTUgMTQuMjg1OSA1LjA4NzA3IDE0LjE5MDdMNC4zMTc2IDE1LjQ4NzJDNS4yNjU1NCAxNi4xNzI2IDYuMzY5NjcgMTYuNjU1NCA3LjU2NjQ0IDE2Ljg3MTlDOC4wMDUwNSAxNi45NTIyIDguNDUyNjkgMTYuOTk2MyA4LjkwNTE1IDE3LjAwMTZMOC45MDUxNyAxNi45OTk1QzguOTM2NzUgMTYuOTk5OCA4Ljk2ODM2IDE3IDkuMDAwMDIgMTdDMTAuNjkxNCAxNyAxMi4yNjAyIDE2LjQ3NTEgMTMuNTUyNCAxNS41Nzk0TDEzLjU1MzIgMTUuNTgwNUMxMy45MjUzIDE1LjMyMzIgMTQuMjcxOSAxNS4wMzY0IDE0LjU5MDcgMTQuNzI0NkwxNC41ODk1IDE0LjcyMzRDMTUuNzUyMyAxMy41ODc3IDE2LjU3MDMgMTIuMTAwNSAxNi44NzE5IDEwLjQzMzZDMTYuOTUyMiA5Ljk5NTAxIDE2Ljk5NjQgOS41NDczOCAxNy4wMDE2IDkuMDk0OTFMMTYuOTk5NSA5LjA5NDg5QzE2Ljk5OTggOS4wNjMzIDE3IDkuMDMxNjcgMTcgOUMxNyA3LjMwODY1IDE2LjQ3NTIgNS43Mzk4OSAxNS41Nzk0IDQuNDQ3NzJMMTUuNTgwNiA0LjQ0Njg5QzE1LjMyMzIgNC4wNzQ3MiAxNS4wMzY1IDMuNzI4MTEgMTQuNzI0NyAzLjQwOTM3TDE0LjcyMzUgMy40MTA1NUMxNC42MTI0IDMuMjk2OCAxNC40OTc5IDMuMTg2MzYgMTQuMzgwMyAzLjA3OTM3QzEzLjI5NTEgMi4wOTI2NSAxMS45Mzc1IDEuNDAwMiAxMC40MzM3IDEuMTI4MUM5Ljk5NTA3IDEuMDQ3ODUgOS41NDc0MyAxLjAwMzY3IDkuMDk0OTcgMC45OTg0MTdMOS4wOTQ5NSAxLjAwMDU1QzkuMDYzMzUgMS4wMDAxOSA5LjAzMTcxIDEgOS4wMDAwMiAxTDkgMi41QzkuOTA4MzUgMi41IDEwLjc3MzIgMi42ODYzMiAxMS41NTg0IDMuMDIyODNMMTEuNTU3OCAzLjAyNDE5QzExLjg5MzYgMy4xNjgxNSAxMi4yMTY5IDMuMzQwMDYgMTIuNTI0IDMuNTM3OTNDMTIuODQxNiAzLjc0MzI5IDEzLjE0MDUgMy45NzUxIDEzLjQxNjggNC4yMzExM1oiIGZpbGw9IiMyNjVDRjIiLz4KPHBhdGggZD0iTTcuMzEyODMgMS4xNzk0OUw3LjYzMDgxIDIuNjQ1NEM3LjQ1Mzc4IDIuNjgzOCA3LjI3NjYxIDIuNzI5OTIgNy4wOTk2NCAyLjc4NDAyQzYuOTIyNjggMi44MzgxMyA2Ljc1IDIuODk4OTYgNi41ODE3NyAyLjk2NjEyTDYuMDI1NjYgMS41NzMwMkM2LjIzMjQ0IDEuNDkwNDcgNi40NDQzMyAxLjQxNTgzIDYuNjYxMDkgMS4zNDk1N0M2Ljg3Nzg0IDEuMjgzMyA3LjA5NTI0IDEuMjI2NjkgNy4zMTI4MyAxLjE3OTQ5WiIgZmlsbD0iIzI2NUNGMiIvPgo8cGF0aCBkPSJNNC40NDY5NCAyLjQxOTQ2TDUuMzAwMTIgMy42NTMyQzQuOTk4MzIgMy44NjE5IDQuNzE3MTEgNC4wOTQ1MSA0LjQ1ODM0IDQuMzQ3NjVMMy40MDk0MyAzLjI3NTM3QzMuNzI4MTcgMi45NjM1NyA0LjA3NDc3IDIuNjc2ODMgNC40NDY5NCAyLjQxOTQ2WiIgZmlsbD0iIzI2NUNGMiIvPgo8cGF0aCBkPSJNMi4yNzcwNCA0LjY2MzY4TDMuNTM3OTggNS40NzYwOUMzLjM0MDEyIDUuNzgzMiAzLjE2ODIxIDYuMTA2NTEgMy4wMjQyNSA2LjQ0MjI4TDEuNjQ1NjIgNS44NTEyMUMxLjgyMjU2IDUuNDM4NSAyLjAzMzgzIDUuMDQxMTUgMi4yNzcwNCA0LjY2MzY4WiIgZmlsbD0iIzI2NUNGMiIvPgo8cGF0aCBkPSJNMS4xMjc4OCA3LjU2NjMzTDIuNjAzMzggNy44MzYzMUMyLjUzODIzIDguMTkyNCAyLjUwMjYzIDguNTU1NjEgMi40OTgzNyA4LjkyMjUxTDAuOTk4NDc0IDguOTA1MDlDMS4wMDM3MyA4LjQ1MjYzIDEuMDQ3NjMgOC4wMDQ5NCAxLjEyNzg4IDcuNTY2MzNaIiBmaWxsPSIjMjY1Q0YyIi8+CjxwYXRoIGQ9Ik0xLjE3OTU1IDEwLjY4NzJDMS4yMjY3NCAxMC45MDQ4IDEuMjgzMzUgMTEuMTIyMiAxLjM0OTYyIDExLjMzOUMxLjQxNTg5IDExLjU1NTcgMS40OTA1MyAxMS43Njc2IDEuNTczMDcgMTEuOTc0NEwyLjk2NjE4IDExLjQxODNDMi44OTkwMiAxMS4yNTAxIDIuODM4MTggMTEuMDc3NCAyLjc4NDA4IDEwLjkwMDRDMi43Mjk5OCAxMC43MjM1IDIuNjgzODYgMTAuNTQ2MyAyLjY0NTQ2IDEwLjM2OTNMMS4xNzk1NSAxMC42ODcyWiIgZmlsbD0iIzI2NUNGMiIvPgo8cGF0aCBkPSJNMi40MTk1MiAxMy41NTMxTDMuNjUzMjUgMTIuNjk5OUMzLjg2MTk1IDEzLjAwMTcgNC4wOTQ1NyAxMy4yODI5IDQuMzQ3NyAxMy41NDE3TDMuMjc1NDMgMTQuNTkwNkMyLjk2MzYyIDE0LjI3MTkgMi42NzY4OSAxMy45MjUzIDIuNDE5NTIgMTMuNTUzMVoiIGZpbGw9IiMyNjVDRjIiLz4KPHBhdGggZD0iTTExLjkwMDUgNy4xMjMyNkMxMi4xMDY3IDYuNzYzOTkgMTEuOTgyNiA2LjMwNTYzIDExLjYyMzMgNi4wOTk0OEMxMS4yNjQgNS44OTMzNCAxMC44MDU3IDYuMDE3NDcgMTAuNTk5NSA2LjM3Njc0TDguMzA1ODkgMTAuMzc0QzguMjkzMyAxMC4zOTYgOC4yNzgyOCAxMC40MTUgOC4yNjE0NyAxMC40MzExQzguMTQzNzQgMTAuNTQ0MiA3LjkzNzkyIDEwLjUxNjEgNy44NjI3MyAxMC4zNTU4TDcuNDI5IDkuNDMxNDJDNy4yNTMwNSA5LjA1NjQzIDYuODA2NDMgOC44OTUwOCA2LjQzMTQ0IDkuMDcxMDNDNi4zODQ1NyA5LjA5MzAyIDYuMzQxMDQgOS4xMTkyNCA2LjMwMTA4IDkuMTQ5MDNDNi4wMjEzOSA5LjM1NzUxIDUuOTE3MSA5Ljc0MDQ3IDYuMDcxMDUgMTAuMDY4Nkw2LjUwNDc4IDEwLjk5M0M2LjU3OTk3IDExLjE1MzIgNi42NzM4MiAxMS4yOTQ2IDYuNzgxODcgMTEuNDE2OUM3LjUzODIyIDEyLjI3MzEgOC45OTAyNCAxMi4xOTUzIDkuNjA2OTMgMTEuMTIwNkwxMS45MDA1IDcuMTIzMjZaIiBmaWxsPSIjMjY1Q0YyIi8+Cjwvc3ZnPgo='); } } &-refunded { &:before { content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEM1Ljc5MDA4IDAgMy44MDIzNyAwLjkwMjI3NSAyLjM1NDE3IDIuMzU0MTdMMS4xMDQxNyAxLjEwNDE3TDAuNjY2NjY3IDUuMzMzMzNMNC42NjY2NyA0LjY2NjY3TDMuMjkxNjcgMy4yOTE2N0M0LjQ5NjczIDIuMDgzMTUgNi4xNTQxNCAxLjMzMzMzIDggMS4zMzMzM0MxMS42ODk3IDEuMzMzMzMgMTQuNjY2NyA0LjMxMDMxIDE0LjY2NjcgOEMxNC42NjY3IDExLjY4OTcgMTEuNjg5NyAxNC42NjY3IDggMTQuNjY2N0g3LjMzMzMzVjE2SDhIOC42NjY2N1YxNS45NTgzQzEyLjc2MzkgMTUuNjE1OCAxNiAxMi4xODQgMTYgOEMxNiAzLjU4OTY5IDEyLjQxMDMgMCA4IDBaTTcuMzMzMzMgNFY0Ljc5MTY3QzYuNTYxMjUgNS4wNzE4NyA2IDUuODEwMDkgNiA2LjY2NjY3QzYgNy4yMjI0NSA2LjMwNjg3IDcuNjk0MTkgNi42NDU4MyA3Ljk3OTE3QzYuOTg0OCA4LjI2NDE0IDcuMzc0MjcgOC40MzU5MiA3LjcwODMzIDguNjA0MTdDOC4wNDI0IDguNzcyNDEgOC4zMzg1MiA4LjkyODczIDguNSA5LjA2MjVDOC42NjE0OCA5LjE5NjI3IDguNjY2NjcgOS4yMzE0NSA4LjY2NjY3IDkuMzMzMzNDOC42NjY2NyA5LjY4MyA4LjM2NTgzIDEwIDggMTBDNy42MjMzMSAxMCA3LjMzMzMzIDkuNzEwMDIgNy4zMzMzMyA5LjMzMzMzSDZDNiAxMC4xOTQ3IDYuNTYyODQgMTAuOTI5NSA3LjMzMzMzIDExLjIwODNWMTJIOC42NjY2N1YxMS4yMDgzQzkuNDM5NTQgMTAuOTI3NSAxMCAxMC4xODc2IDEwIDkuMzMzMzNDMTAgOC43Nzk1NSA5LjY3MTg1IDguMzIyMDkgOS4zMzMzMyA4LjA0MTY3QzguOTk0ODIgNy43NjEyNSA4LjYyNDI3IDcuNTg0MTcgOC4yOTE2NyA3LjQxNjY3QzcuOTU5MDcgNy4yNDkxNiA3LjY4MTg3IDcuMDkzNzEgNy41MjA4MyA2Ljk1ODMzQzcuMzU5OCA2LjgyMjk1IDcuMzMzMzMgNi43Nzg4OSA3LjMzMzMzIDYuNjY2NjdDNy4zMzMzMyA2LjMwNzk0IDcuNjMwNTUgNiA4IDZDOC4zNzY2OSA2IDguNjY2NjcgNi4yODk5OCA4LjY2NjY3IDYuNjY2NjdIMTBDMTAgNS44MDUzNCA5LjQzNzE2IDUuMDcwNDggOC42NjY2NyA0Ljc5MTY3VjRINy4zMzMzM1pNMC42NjY2NjcgNy4zMzMzM0MwLjI5ODQ3NyA3LjMzMzMzIDAgNy42MzE4MSAwIDhDMCA4LjM2ODE5IDAuMjk4NDc3IDguNjY2NjcgMC42NjY2NjcgOC42NjY2N0MxLjAzNDg2IDguNjY2NjcgMS4zMzMzMyA4LjM2ODE5IDEuMzMzMzMgOEMxLjMzMzMzIDcuNjMxODEgMS4wMzQ4NiA3LjMzMzMzIDAuNjY2NjY3IDcuMzMzMzNaTTEuMjI5MTcgMTAuMTQ1OEMxLjE0MjU3IDEwLjE0NTIgMS4wNjQyMSAxMC4xNTIzIDAuOTc5MTY3IDEwLjE4NzVDMC42MzkwMDQgMTAuMzI4NCAwLjQ2MzI2NiAxMC43MjIzIDAuNjA0MTY3IDExLjA2MjVDMC43NDUwNjcgMTEuNDAyNyAxLjEzOSAxMS41NTc2IDEuNDc5MTcgMTEuNDE2N0MxLjgxOTMzIDExLjI3NTggMS45NzQyMyAxMC44ODE4IDEuODMzMzMgMTAuNTQxN0MxLjcyNzY2IDEwLjI4NjUgMS40ODg5NiAxMC4xNDc4IDEuMjI5MTcgMTAuMTQ1OFpNMi44MTI1IDEyLjUyMDhDMi42NDE4OSAxMi41MjA4IDIuNDYzNTEgMTIuNTc4MiAyLjMzMzMzIDEyLjcwODNDMi4wNzI5OCAxMi45Njg3IDIuMDcyOTggMTMuNDA2MyAyLjMzMzMzIDEzLjY2NjdDMi41OTM2OCAxMy45MjcgMy4wMzEzMiAxMy45MjcgMy4yOTE2NyAxMy42NjY3QzMuNTUyMDIgMTMuNDA2MyAzLjU1MjAyIDEyLjk2ODcgMy4yOTE2NyAxMi43MDgzQzMuMTYxNDkgMTIuNTc4MiAyLjk4MzExIDEyLjUyMDggMi44MTI1IDEyLjUyMDhaTTUuMTg3NSAxNC4xMDQyQzQuOTI3NzEgMTQuMTA2MSA0LjY4OTAxIDE0LjI2NTcgNC41ODMzMyAxNC41MjA4QzQuNDQyNDMgMTQuODYxIDQuNTk3MzQgMTUuMjU0OSA0LjkzNzUgMTUuMzk1OEM1LjI3NzY2IDE1LjUzNjcgNS42NzE2IDE1LjM2MSA1LjgxMjUgMTUuMDIwOEM1Ljk1MzQgMTQuNjgwNyA1Ljc5ODUgMTQuMzA3NiA1LjQ1ODMzIDE0LjE2NjdDNS4zNzMyOSAxNC4xMzE0IDUuMjc0MSAxNC4xMDM1IDUuMTg3NSAxNC4xMDQyWiIgZmlsbD0iI0UzNDYzQyIvPgo8L3N2Zz4K'); } } } } .el-icon-circle-check { color: @color-green; &.partially-paid { color: @color-blue; } } .el-icon-refresh { color: @color-orange; } } .subtotal { background: @color-highlight; margin: 0; padding: 0 @padding-medium; } } .total { background-color: @color-light-gray; padding: @padding-medium; margin-bottom: @margin-small; .el-row { margin-bottom: 0; } .am-strong { font-size: @medium-fs; } border-radius: 4px; } .el-checkbox { margin-left: 5px; @media @less-then-xsmall { margin-left: 0; } } .am-period-break { color: @color-red; } .am-period { padding: 0 @padding-small; border-left: 1px solid @color-light-gray; border-right: 1px solid @color-light-gray; border-bottom: 1px solid @color-light-gray; .el-row--flex { @media @less-then-small { display: grid; } } .el-row { margin-bottom: 0 !important; line-height: 40px; } .am-delete-element { margin-right: @margin-small; } .am-edit-element { display: flex !important; padding-top: 0 !important; padding-bottom: 0 !important; } } .am-break { //margin-top: @margin-small; //display: flex; padding-bottom: @padding-small/2; &:first-child { margin-top: @margin-small; } .el-row { margin-bottom: @margin-small; } .el-date-editor.el-input { width: auto; display: inline-block; } } .el-row { margin-bottom: @margin-medium; &.am-dialog-table-head { background-color: @color-light-gray; font-weight: @bold; margin-top: @margin-medium; &.hours, &.days { .el-col:first-child span { margin-left: @margin-small; } } &.hours { padding: @padding-small/2 0; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: 0; } } .el-col { &.align-right { text-align: right; } .el-input, .el-date-editor { margin-bottom: 0; input[type=number] { @media @less-then-small { padding: 6px 2px; text-align: center; } } } } } } // Recurring #pane-recurring { .am-recurring-dates-edit { .el-row { display: flex; align-items: center; width: 100%; padding-top: 5px; padding-bottom: 5px; height: 50px; .el-col { margin: auto; @media @less-then-small { span.am-col-title-date { display: inline-block; } } } } } .am-recurring-setup { .el-input-number { width: 100%; } .am-recurring-setup-weekly, .am-recurring-setup-times { .el-form-item__label { display: block; width: 100%; } } } .am-recurring-check { margin-top: 10px; margin-bottom: 30px; } .am-recurring-dates { @media @less-then-small { .am-dialog-scrollable { padding: @padding-small; } .v-calendar-column { .popover-origin { left: 80%; } } .am-recurring-dates-header { border-bottom: 1px solid @color-divider-gray; margin-bottom: 5px; } } .am-recurring-dates-rows { opacity: 1; padding-left: 10px; padding-right: 10px; @media @less-then-small { padding-left: 5px; padding-right: 0; margin: 0; } } .am-delete-element { display: inline-block; } .am-recurring-row-item-time { .el-input { margin-bottom: 0; } } .am-recurring-dates-row-header { margin-bottom: 8px; * { color: darken(@color-light-gray, 30%); } padding-left: 10px; padding-right: 10px; .el-row { border-bottom: 1px solid @color-divider-gray; span { padding-left: 30px; } } } .am-recurring-flex-row-middle-align { display: flex; align-items: center; width: 100%; padding-top: 5px; padding-bottom: 5px; height: 50px; &.am-recurring-dates-row-editing { background-color: @color-highlight; } &.am-recurring-dates-row-substitute { background-color: #ffe6e6; } @media @less-then-large { align-items: inherit; } @media @less-then-small { display: inline-block; &:first-of-type { margin-bottom: 0; } } .el-col { margin: auto; @media @less-then-small { span.am-col-title-date { display: inline-block; } } .el-icon-warning-outline { margin: auto; } .am-col-title { display: none; font-size: @small-fs; color: @color-text-second; } @media @less-then-small { .am-col-title { display: block; } } &.am-recurring-row-order { width: 12%; height: 100%; span { display: inline-flex; align-items: center; } } &.am-recurring-row-item { padding-left: 10px; padding-right: 10px; display: inline-flex; pointer-events: unset; @media @less-then-small { padding-left: 0; padding-right: 0; &.am-recurring-row-item-date { width: 41%; display: inline-block; text-align: center; margin-left: 5px; .el-input__inner { padding-right: 0; padding-left: 5px; } } &.am-recurring-row-item-time { width: 33%; display: inline-block; text-align: center; margin-left: 5px; .el-input__inner { padding-right: 0; padding-left: 5px; } } } } &.am-recurring-row-action { text-align: center; width: 10%; display: flex; height: 100%; div { margin: auto; text-align: center; } .am-delete-element { } } .el-input__inner { background-color: transparent; } &.is-editing { .el-input__inner { border-color: #E2E6EC; } .el-select__caret { display: inline-block; } &.am-recurring-row-item { pointer-events: all; } &.am-recurring-row-action { border-color: transparent; } } @media @less-then-small { p { text-align: left; } width: 100%; } .am-edit-element { padding: 0; margin-right: 20px; } } } .v-calendar-column { @media @less-then-small { padding: 0 0 0; } } .am-pagination { justify-content: space-around; text-align: center; margin-bottom: 60px; @media @less-then-medium { border-bottom: none; text-align: center; @media @less-then-small { display: block; } } div { display: block; margin: auto; p { padding-top: @padding-small; padding-bottom: @padding-small; margin: auto; text-align: center; font-size: @small-fs; color: darken(@color-light-gray, 30%); @media @less-then-small { text-align: center; } } } .el-pagination { text-align: center; display: inline-block; padding: @padding-small 0 0; @media @less-then-small { text-align: center; } .el-pager li { height: 32px; line-height: 32px; padding: 0 @padding-small; color: @color-text-prime; border-top: 1px solid @color-divider-gray; border-bottom: 1px solid @color-divider-gray; border-left: 1px solid @color-divider-gray; &:first-child { border-left: none; } @media @less-then-small { padding: 0 @padding-small/3; min-width: 24px; } &.active { background-color: @color-blue; border-color: @color-blue; color: #ffffff; &:hover { color: #ffffff; } } &:hover { color: @color-blue; } } button { border: 1px solid @color-divider-gray; height: 32px; padding: 0 @padding-small; } } } .el-button--primary { float: right; } } } // Zoom Tab #pane-zoom { a { font-size: 14px; } } } // Footer .am-dialog-footer { box-sizing: border-box; position: absolute; width: 100%; bottom: 0; height: 70px; border-top: 2px solid #E4E7ED; display: flex; align-items: center; padding: 0 24px; .am-dialog-confirmation { padding: @padding-medium @padding-big; z-index: 1; position: absolute; bottom: 73px; left:0px; background: @color-white; width: 100%; border-top: 1px solid @color-divider-gray; border-bottom: none; box-sizing: border-box; form.el-form { padding: 0 !important; } @media @less-then-small { z-index: 1; border-bottom: 1px solid @color-divider-gray; bottom: 72px; } } .am-dialog-footer-actions { width: 100%; .el-row { width: 100%; .align-left { text-align: left; } .align-right { text-align: right; } button { margin: 0; &:last-of-type { margin-left: 8px; } } } } } // Labels label, p { font-size: 14px; } // Spinner .el-form-item { label { float: left; } .is-spinner { width: 22px; height: 22px; display: none; position: absolute; right: 35px; top: 32px; stroke: @color-text-second; &.is-spinner-right { right: 12px; } } &.active { .is-spinner { display: block; } } } // Selected Customers .am-selected-dropdown-items { margin-bottom: @margin-medium; .el-form-item { margin-bottom: 0; } .am-selected-dropdown-item { border-bottom: 1px solid @color-divider-gray; padding: @padding-medium 0; .el-row.is-align-middle { display: flex; align-items: center; } &__inner { display: flex; align-items: center; } &:first-child { padding-top: 0; } h3 { margin: 0 0 @margin-small/2; line-height: 1; font-weight: 500; } span { margin: 0; line-height: 1.1; color: @color-text-second; font-size: @mini-fs; } .am-customer-link { display: block; font-size: @mini-fs; line-height: 1.1; color: @color-text-second; margin: 0 0 4px 0; outline: none; box-shadow: none; &:focus, &:active { outline: none; box-shadow: none; } &:last-child { margin: 0; } } .am-appointment-status.small { display: inline-block; .am-appointment-status-symbol:before { width: 16px; height: 16px; display: block; position: absolute; z-index: 1; top: 50%; margin-top: -8px; left: 10px; pointer-events: none; } .el-select { i { display: none; } input { width: 0; padding: 0 @padding-medium + 2px; color: #ffffff; } } } .am-appointment-persons.small { display: inline-block; position: relative; .el-select { width: 64px; input { padding: 0 @padding-big; text-align: center; } i { width: 26px; } } svg, img { position: absolute; top: 14px; left: 7px; z-index: 900; } } .am-appointment-duration.small { display: inline-block; position: relative; .el-select { width: 114px; input { padding: 0 @padding-big; } i { width: 26px; } } svg, img { position: absolute; top: 11px; left: 7px; z-index: 1; } } .am-appointment-remove.small { display: inline-block; position: relative; .el-icon-question { padding-left: 25px; } .el-icon-close { padding-right: 20px; } } .el-select { display: inline-block; .el-input { margin-bottom: 0; input { padding-right: @padding-medium; } } } i.remove { color: @color-url; font-weight: 600; cursor: pointer; font-size: @regular-fs; position: absolute; top: 50%; right: 0; margin-top: -12px; padding: @padding-small/2; &:hover { color: @color-text-prime; } } @media @less-then-small { .am-align-right { text-align: left; margin-top: @margin-small; } } } label.el-form-item__label { padding-bottom: 0; } .group-status-change { h3 { margin: @margin-small - 2px 0; font-size: @small-fs; } margin-top: @margin-medium; } } // Appointment Status .am-appointment-status, .am-employee-status { .am-appointment-dialog-status-option { .am-appointment-status-symbol { &:before { margin-top: -14px; } } } position: relative; .el-select .el-input__inner { padding-left: 30px; background-color: #ffffff; } .el-input { margin-bottom: 0; } } } } } } // Customer Dropdown .am-drop { li.el-select-dropdown__item { height: auto; &:hover, .hover { background-color: @color-highlight; } &.am-has-option-meta { padding: @padding-small @padding-small @padding-small @padding-medium*3; border-bottom: 1px solid @color-divider-gray; &.selected::after { left: 12px; top: 16px; font-size: 8px; line-height: 1.9; color: @color-green; border: 1px solid @color-divider-gray; border-radius: 50%; width: 14px; height: 14px; text-align: center; padding: @padding-small/2; box-sizing: initial; } } } .el-select-dropdown__item { background-color: transparent; color: @color-text-second; &.hover { background-color: transparent; } &:hover { background-color: @color-highlight; } &.selected { background-color: transparent; color: inherit; &.hover { background-color: transparent; } &:hover { background-color: @color-highlight; } } } .am-drop-create-item { color: @color-blue; line-height: 2; border-bottom: 1px solid @color-divider-gray; padding: @padding-small @padding-small @padding-small @padding-medium*3; font-size: @small-fs; font-weight: @medium; cursor: pointer; position: relative; &:before { content: "+"; width: 14px; height: 14px; line-height: 1; border: 1px solid @color-divider-gray; border-radius: 16px; padding: @padding-small/2; position: absolute; top: 10px; left: 14px; text-align: center; box-sizing: initial; } &:hover { background-color: @color-highlight; } } .am-drop-item-data { display: block; color: @color-text-prime; font-size: @small-fs; } .am-drop-item-name { display: block; line-height: 1.8 !important; } .am-drop-item-meta { display: block; font-size: 12px; line-height: 1 !important; } } frontend/quill.less 0000666 00000014746 15165376205 0010433 0 ustar 00 .ql-description { .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-size-small { font-size: 0.75em; } .ql-size-large { font-size: 1.5em; } .ql-size-huge { font-size: 2.5em; } .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-align-center { text-align: center; } .ql-align-justify { text-align: justify; } .ql-align-right { text-align: right; } p { text-align: revert; } p, ol, ul, pre, blockquote, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } ol, ul { padding-left: 1.5em; } ol > li, ul > li { list-style-type: none; } ul > li::before { content: '\2022'; } ul[data-checked=true], ul[data-checked=false] { pointer-events: none; } ul[data-checked=true] > li *, ul[data-checked=false] > li * { pointer-events: all; } ul[data-checked=true] > li::before, ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } ul[data-checked=true] > li::before { content: '\2611'; } ul[data-checked=false] > li::before { content: '\2610'; } li::before { display: inline-block; white-space: nowrap; width: 1.2em; } li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } ol li:not(.ql-direction-rtl), ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } ol li.ql-direction-rtl, ul li.ql-direction-rtl { padding-right: 1.5em; } ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } ol li:before { content: counter(list-0, decimal) '. '; } ol li.ql-indent-1 { counter-increment: list-1; } ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } ol li.ql-indent-2 { counter-increment: list-2; } ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } ol li.ql-indent-3 { counter-increment: list-3; } ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } ol li.ql-indent-4 { counter-increment: list-4; } ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } ol li.ql-indent-5 { counter-increment: list-5; } ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } ol li.ql-indent-6 { counter-increment: list-6; } ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } ol li.ql-indent-7 { counter-increment: list-7; } ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } ol li.ql-indent-7 { counter-reset: list-8 list-9; } ol li.ql-indent-8 { counter-increment: list-8; } ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } ol li.ql-indent-8 { counter-reset: list-9; } ol li.ql-indent-9 { counter-increment: list-9; } ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } } frontend/dialog-attendees.less 0000666 00000017205 15165376205 0012507 0 ustar 00 .amelia-app-booking { #am-cabinet { .am-dialog-attendees-wrapper { // Element Dialog .el-dialog { overflow: hidden; min-height: 400px; .el-dialog__header { padding: @padding-big; } .el-dialog__body { padding: 0; } } // Dialog .am-dialog-attendees-inner { // Loader .am-dialog-loader { background-color: @color-bgr; } // Scrollable .am-dialog-scrollable { padding: 0 @padding-big 70px; margin-bottom: 70px; // Tabs Content .el-tabs__content { padding-top: @padding-medium; } // Add Attendee Button .el-button { margin: 0; } // Empty State .am-empty-state { text-align: center; padding: @padding-big*4 @padding-medium; h2 { margin-top: 16px; font-size: 16px; font-weight: normal; } } // Search .am-search { margin: @margin-medium 0; .el-input { &:before { content: "\e778"; font-family: element-icons !important; -webkit-font-smoothing: antialiased; vertical-align: baseline; display: inline-block; position: absolute; top: 50%; left: 11px; margin-top: -7px; color: @color-text-second; line-height: 1; } input { background-color: @color-light-gray; padding-left: @padding-medium*2; } } .button-export { padding: 10px 20px; width: 100%; } } // Attendees .am-attendees { .am-attendee { border-bottom: 1px solid @color-divider-gray; padding: 0; .am-attendee-data { padding: 0 8px; .el-popper { min-width: unset !important; .el-select-dropdown__item { padding: 20px; } } } &:first-child { border-top: 1px solid @color-divider-gray; } &.is-active, &:hover { background: rgba(0, 0, 0, 0.05); } .el-checkbox { margin-left: @margin-small; } .el-collapse-item__header { position: relative; } .el-row { display: flex; align-items: center; @media @less-then-small { display: block; } } .el-collapse-item__arrow { position: absolute; z-index: 1; right: 0; cursor: pointer; pointer-events: all; padding: 8px; line-height: 1; margin: 0; } .am-attendee-name { display: inline-block; vertical-align: middle; margin-left: @margin-small; padding: @padding-medium 0; h3 { margin: 0; font-size: 16px; color: @color-text-prime; display: flex; align-items: center; .am-attendees-plus { margin-left: 8px; } } span { color: @color-url; font-weight: normal; } .am-attendee-phone, .am-attendee-email { display: block; width: 100%; } .am-attendees-plus { font-size: @mini-fs; padding: 1px 6px; display: inline-block; vertical-align: top; background: fade(@color-blue, 20%); color: @color-blue; border-radius: 4px; margin: 0 @margin-small/2; } } .am-appointment-status { position: relative; @media @less-then-medium { margin-bottom: 16px; } .el-select { i { display: none; } input { width: 0; padding: 0 @padding-medium + 2px; color: #ffffff; } } } .am-attendee-collapse { padding: @padding-medium @padding-small @padding-medium @padding-medium*2; border-top: 1px solid @color-divider-gray; &-payments { display: flex; align-items: start; } span { margin: 0; font-size: @small-fs; color: @color-text-second; } p { margin: 0; line-height: 24px; font-size: @small-fs; font-weight: 500; color: @color-text-prime; } .el-button { margin-top: @margin-medium; } } } } } // Footer .am-dialog-footer { box-sizing: border-box; position: absolute; width: 100%; bottom: 0; height: 70px; border-top: 2px solid #E4E7ED; display: flex; align-items: center; padding: 0 24px; .am-dialog-confirmation { padding: @padding-medium @padding-big; z-index: 1; position: absolute; bottom: 73px; left:0px; background: @color-white; width: 100%; border-top: 1px solid @color-divider-gray; border-bottom: none; box-sizing: border-box; form.el-form { padding: 0 !important; } @media @less-then-small { z-index: 1; border-bottom: 1px solid @color-divider-gray; bottom: 72px; } } .am-dialog-footer-actions { width: 100%; .el-row { width: 100%; .align-left { text-align: left; } .align-right { text-align: right; } button { margin: 0; &:last-of-type { margin-left: 8px; } } } } } // Labels label, p { font-size: 14px; } // Spinner .el-form-item { .is-spinner { width: 22px; height: 22px; display: none; position: absolute; right: 35px; top: 8px; stroke: @color-text-second; &.is-spinner-right { right: 12px; } } &.active { .is-spinner { display: block; } } } // Number Input .el-input-number { width: 100%; } } } } } frontend/_animations.less 0000666 00000001616 15165376205 0011576 0 ustar 00 // Fade .fade-enter-active { transition: all .2s ease-out; transition-delay: 0.25s; } .fade-leave-active { transition: all .2s ease-out; display: none; } .fade-enter, .fade-leave-to { opacity: 0; } // Slide Horizontal .slide-enter-active, .slide-leave-active { transition: all .6s ease-out; } .slide-enter, .slide-leave-to { transform: translateX(100%); } // Slide Vertical .slide-vertical-enter-active, .slide-vertical-leave-active { transition: all .2s ease-out; //max-height: 300px; } .slide-vertical-enter, .slide-vertical-leave-to { transform: translateY(100%); opacity: 0; //max-height: 0; } // Slide Vertical Down .slide-vertical-down-enter-active, .slide-vertical-down-leave-active { transition: all .2s ease-out; //max-height: 300px; } .slide-vertical-down-enter, .slide-vertical-down-leave-to { transform: translateY(0px); opacity: 0; //max-height: 0; } frontend/_base.less 0000666 00000015350 15165376205 0010346 0 ustar 00 @import "_variables"; * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: 0; &:focus { outline: none; } -webkit-font-smoothing: antialiased; text-shadow: rgba(0, 0, 0, .01) 0 0 1px; } html { scroll-behavior: auto; } body .amelia-app-booking, html .amelia-app-booking { font-size: @regular-fs; } .amelia-app-booking #amelia-booking-wrap, #am-modal.am-modal.am-in-body { font-family: @font; //Font family h1, h2, h3, h4, p, span, div, section, ul, li, a { font-family: @font; } h1 { font-size: @h1-fs; line-height: @h1-lh; font-weight: @h1-fw; color: @h1-color; margin: 0; } h2 { font-size: @h2-fs; line-height: @h2-lh; font-weight: @h2-fw; color: @h2-color; margin: 0; &:before { display: none !important; } } h3 { font-size: @h3-fs; line-height: @h3-lh; font-weight: @h3-fw; color: @h3-color; } h4 { font-size: @h4-fs; line-height: @h4-lh; font-weight: @h4-fw; color: @h4-color; } div { color: @color-text-prime; } p { color: @color-text-prime; font-size: @small-fs; } a { color: @color-blue; font-size: @regular-fs; text-decoration: none !important;; box-shadow: none !important; &:hover { text-decoration: underline !important; } } span { color: @color-text-prime; } ul, ol { margin: 0; padding: 0; } ul, li { list-style: none; padding-left: 0; color: @color-text-prime; } a:hover { text-decoration: none; } //form elements input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea, select, .form-control, .am-stripe-card { font-family: @font; //font-size: @small-fs; font-weight: @regular; color: @color-text-prime; //line-height: 1; width: 100%; height: 40px; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid @color-divider-gray; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; outline: 0; padding: 0 @padding-medium; margin: 0; -webkit-appearance: none; -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); transition: border-color .2s cubic-bezier(.645, .045, .355, 1); box-shadow: none; } textarea { padding-top: @padding-medium - 4px; padding-bottom: @padding-medium - 4px; height: auto; display: block; } .el-textarea__inner { &:focus { border-color: @color-accent; } } .el-input-group--append .el-input__inner, .el-input-group__prepend { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-dialog__headerbtn { font-weight: @regular; &:hover { background: transparent; color: #ffffff; .el-dialog__close { color: @color-accent; } } } .el-select { position: relative; width: 100%; } .el-select .el-input__inner:focus { border-color: @color-accent; } .el-select .el-input.is-focus .el-input__inner { border-color: @color-accent; } .el-input-number .el-input__inner { } .el-input-number.is-controls-right .el-input__inner { padding-left: 15px; padding-right: 50px; } .el-input--small .el-input__inner { height: 32px; min-height: 32px; } .el-input--prefix .el-input__inner { padding-left: 30px; } .el-input--suffix .el-input__inner { padding-right: 30px; } input[type="file"].el-upload__input { display: none; } .el-checkbox__label { font-weight: @regular; text-transform: none; } .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: @color-accent; border-color: @color-accent; } .el-checkbox__input.is-checked + .el-checkbox__label { color: @color-accent; } label.el-form-item__label { max-width: 100%; margin: 0 0 @margin-small; padding: 0; font-size: 16px; color: @color-text-second; line-height: 1; } .el-input { &.is-disabled { .el-input__inner { background-color: #f5f7fa; border-color: #e4e7ed; color: #c0c4cc; cursor: not-allowed; } } } .am-stripe-card { .StripeElement { padding: 11px 0 11px 0; } } .am-confirmation-booking { min-height: 500px; .el-form-item__content { max-height: 40px; } } .am-confirm-booking-events-list { min-height: unset; } //Custom Fields .am-custom-fields { margin-bottom: @margin-medium; .el-form-item__content { max-height: none !important; } .am-front-texarea { .el-form-item__content { max-height: none !important; } } .el-checkbox, .el-radio { width: 100%; font-size: @small-fs; font-weight: 400; line-height: 1.5; margin-left: 0; } .el-checkbox-group, .el-radio-group { display: block; } .am-text-content { border-radius: 4px; border: 1px solid @color-divider-gray; padding: @padding-small; margin-bottom: @margin-medium; p { font-size: @small-fs; line-height: 1.5; } } .el-radio__input.is-checked .el-radio__inner { background: @color-accent; border-color: @color-accent; } .el-radio__input.is-checked .el-checkbox__inner, .el-radio__input.is-indeterminate .el-radio__inner { background-color: @color-accent; border-color: @color-accent; } .el-radio__input.is-checked + .el-radio__label { color: @color-accent; } .el-radio__label, .el-checkbox__label { white-space: pre-line; } } //Error .am-payment-error { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; .el-alert { background-color: @color-red; color: @color-white; border-radius: 0; .el-alert__closebtn, span { color: @color-white; font-size: @small-fs; word-break: break-word; } } } } //out of wrapper .time-select-item.selected:not(.disabled) { color: @color-accent; } .el-select-dropdown { .el-select-dropdown__item.selected { color: @color-accent; } } .el-select-dropdown, .el-popper { z-index: 2111111111 !important; } .am-modal { z-index: 2111111111 !important; } .am-no-services { box-shadow: #eaeaea 0 6px 20px 0, #eaeaea 0 5px 25px 0; text-align: center; padding: 56px; p, h4, h3, h2, h1 { margin-bottom: @margin-small; padding: 0; } h1 { font-weight: bold; } a { font-size: @small-fs; } } frontend/events.less 0000666 00000122462 15165376205 0010604 0 ustar 00 @import "_variables"; @import "quill.less"; .lightbox__image img { height: 100%; width: auto; display: block; margin: auto; } .lightbox__close { top: 6rem; font-size: 2rem; line-height: 2rem; border-radius: 50%; text-align: center; width: 2rem; height: 2rem; padding: 0; right: 1rem; background-color: @color-white; opacity: 0.85; transition: all 0.3s; &:hover { opacity: 1; } } .amelia-app-booking #amelia-booking-wrap { #am-events-booking { .am-empty-state { font-family: inherit; text-align: center; padding: @padding-big 0; max-width: 300px; margin: 0 auto; svg { path#Oval-8 { fill: @color-accent; } } } .el-textarea__inner { &:focus { border-color: @color-gray; } } .el-select .el-input__inner:focus { border-color: @color-gray; } .el-select .el-input.is-focus .el-input__inner { border-color: @color-gray; } .el-select-dropdown { .el-select-dropdown__item.selected { color: @color-dark-gray; } } .el-radio__input.is-checked .el-radio__inner { //background: @color-dark-gray; //border-color: @color-dark-gray; } .el-radio__input.is-checked .el-radio__inner, .el-radio__input.is-indeterminate .el-radio__inner { //background-color: @color-dark-gray; //border-color: @color-dark-gray; } .el-radio__input.is-checked + .el-radio__label { //color: @color-dark-gray; } .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { //background-color: @color-dark-gray; //border-color: @color-dark-gray; } .el-checkbox__input.is-checked + .el-checkbox__label { //color: @color-dark-gray; } .am-event-list { margin-top: @margin-big; .am-event { .am-ticket-box { display: flex; flex-wrap: wrap; .am-ticket { width: 283.5px; align-items: center; padding: 7px 8px 7px 16px; background: #FFFFFF; border: 1px solid #E2E6EC; box-sizing: border-box; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05); border-radius: 4px; margin: 0 16px 16px 0; &-info { .am-ticket-name { font-size: 16px; } font-size: 14px; line-height: 24px; } &-number-of-people { margin-top: 11px; p { font-size: 12px; margin-bottom: 2px; } .el-input { height: 32px; input { height: 32px; } } .el-input-number { &__increase, &__decrease { height: 30px; } } } } } .am-event-book-continue { border-top: 1px solid #e2e6ec; display: flex; justify-content: flex-end; padding-top: 12px; } .am-payment-type { .el-form-item__label { margin-bottom: 12px; } .el-form-item__content { max-height: unset !important; } } position: relative; background: #ffffff; border-radius: @border-radius; margin-bottom: 2px; padding: @padding-medium @padding-medium @padding-medium @padding-medium; box-shadow: 0 20px 40px 0 rgba(0,0,0,0.1); transition: all 0.3s ease; overflow-x: hidden; &.inactive { opacity: 0.4; } &:hover { background-color: @color-highlight; } //&.closed { // background-color: #f6f6f6; //} //&.full { // background-color: fade(@color-blue, 10%); //} //&.upcoming { // background-color: #f9f6f2; //} //&.canceled { // background-color: #F9F2F4; // pointer-events: none; //} @media @less-then-small { padding: @padding-medium; } .am-event-data { &.closed { pointer-events: none; } &.canceled { pointer-events: none; } cursor: pointer; display: flex; justify-content: left; align-items: flex-start; @media @less-then-small { display: block; } .am-event-date, .am-event-dates { border: 1px solid @color-divider-gray; border-radius: @border-radius; //margin-bottom: @margin-medium; width: 64px; .am-event-date-month { text-align: center; text-transform: uppercase; font-weight: 600; line-height: 20px; font-size: 11px; color: @color-accent; border-bottom: 1px solid @color-divider-gray; } .am-event-date-day { text-align: center; line-height: 32px; font-weight: 400; font-size: 20px; } } .am-event-dates { display: flex; > div { width: 32px; &:first-child { border-right: 1px solid @color-divider-gray; } } } .am-event-info { padding: 0 @padding-big; @media @less-then-small { padding: @padding-medium 0 0; } .am-event-title { font-size: @regular-fs; font-weight: 500; line-height: 24px; margin-bottom: @margin-small/2; margin-right: @margin-medium; padding-right: @padding-big; @media @less-then-small { padding-right: 0; } .am-event-booking-status { display: inline-block; position: relative; vertical-align: text-bottom; padding:0 @padding-small 0 @padding-medium; border-radius: @border-radius; text-transform: capitalize; font-size: @mini-fs; font-weight: 400; line-height: 20px; &:before { display: inline-block; width: 6px; height: 6px; border-radius: 50%; content: ""; vertical-align: initial; margin-right: 4px; position: absolute; top: 50%; left: 7px; transform: translateY(-50%); } &.open { color: @color-green; background: fade(@color-green, 5%); &:before { background: @color-green } } &.closed { color: #ffffff; background: @color-dark-gray; &:before { background: #ffffff; } } &.full { color: #ffffff; background: @color-blue; &:before { background: #ffffff; } } &.upcoming { color: #ffffff; background: fade(@color-orange, 90); &:before { background: #ffffff; } } &.canceled { color: #ffffff; background: @color-red; &:before { background: #ffffff; } } } } .am-event-sub-info { >div { display: inline-block; font-size: @mini-fs; color: @color-text-second; margin-right: @margin-medium*2; img, svg { max-width: 16px; max-height: 16px; display: inline-block; vertical-align: text-bottom; margin-right: @margin-small/4; } } } } .am-event-price { position: absolute; right: 16px; top: 16px; border-radius: 4px; background-color: @color-accent; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15); color: #ffffff; padding: 0 @padding-small + 2px; font-size: @regular-fs; font-weight: 500; line-height: 25px; &.am-event-free { background-color: #ffffff; color: @color-accent; } } } .am-event-details { border-top: 1px solid @color-divider-gray; padding: @padding-medium 0; margin-top: @margin-medium; .am-event-photos { overflow-x: auto; overflow-y: hidden; white-space: nowrap; >div { display: inline-block; } .lightbox { z-index: 1000; } .lightbox__thumbnail { img{ width: 100px; height: 100px; border-radius: @border-radius; margin-right: @margin-small; box-shadow: 0 0 0 0 transparent; } } } .am-event-about { > div { font-size: @mini-fs; font-weight: 400; &:first-child { font-size: @regular-fs; font-weight: 600; margin-bottom: @margin-small; } } } } .am-event-book-cta { border-top: 1px solid @color-divider-gray; display: flex; padding-top: @padding-big; padding-bottom: @padding-small; @media @less-then-small { flex-direction: column; } > div { padding: 0 0 0 @padding-big; @media @less-then-small { padding: @padding-medium 0 0; } &.am-event-book-cta__inner { display: flex; align-items: flex-start; max-width: 170px; font-size:20px; font-weight: 600; line-height: 26px; padding-left: 0; padding-right: @padding-big; border-right: 1px solid @color-divider-gray; @media @less-then-small { width: 100%; max-width: 100%; padding: 0 0 @padding-medium; border-right: none; border-bottom: 1px solid @color-divider-gray; } } .el-form-item { display: inline-block; vertical-align: bottom; margin-bottom: 0; margin-right: @margin-small; &:first-child { margin-bottom: @margin-small; } .el-select { } .el-button { margin: 0 0 @padding-small; &:hover { opacity: 0.8 } } } } } } } .am-event-pagination { text-align: center; margin-top: @margin-medium*2; margin-bottom: @margin-medium*2; .el-pagination { .el-pager li.active { color: @color-accent; border: 1px solid @color-accent; border-radius: 4px; background-color: @color-white; } .el-pager li { border: 1px solid transparent; padding:0; min-width: 32px; &:hover { color: @color-accent; } } } } } .am-events-filter { .el-input__prefix { display: flex; align-items: center; justify-content: center; img, svg { width: 16px; path { fill: @color-text-prime } } } .v-calendar-column { margin-bottom: 22px; .el-input__prefix { display: flex; align-items: center; justify-content: center; svg { width: 16px; path { fill: @color-text-prime; } } } .am-calendar-picker { &:after { content: none; } } } } .am-lite-footer { width: 100%; text-align: center; font-size: 12px; opacity: 0.5; .am-lite-footer-link { text-decoration: none !important; color: @color-accent; } } #am-event-calendar-page { direction: ltr; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .am-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .am-calendar { &-page-holder { flex-wrap: wrap; } } .am-event { &-empty { opacity: 0; &-state { position: absolute; top: 20%; left: 50%; transform: translateX(-50%); text-align: center; } } &-calendar { margin-top: @margin-small; } &-calendar-holder { position: relative; display: flex; flex-wrap: wrap; transition: opacity 0.1s ease-in-out; opacity: 1; &.am-loading { opacity: 0; } } &-loader { width: 100%; height: 0; position: absolute; left: 0; top: 0; opacity: 0; z-index: -1; transition: opacity 0.1s ease-in-out; &.am-loading { height: 100%; z-index: 10; opacity: 1; } } &-left { width: 75%; //position: relative; &.tablet, &.mobile { width: 100%; } } &-right { width: 25%; &.tablet, &.mobile { width: 100%; } } &-day-wrapper { &.fc-day-today { background-color: transparent; &.fc-popover { background-color: var(--fc-page-bg-color, #fff); } .fc-daygrid-day-top { position: relative; &:before { content: ''; position: absolute; top: 50%; left: 8px; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: @color-red; transform: translateY(-50%); } } } &.fc-popover { border-radius: @border-radius/3*8; overflow: hidden; z-index: 100; @media @less-then-small { width: ~'calc(100% - 10px)'; } } .fc { &-popover { &-body { max-height: 60vh; overflow-x: hidden; } &-title { margin-left: @margin-small/2*3; } } &-highlight { z-index: 1; } &-daygrid-day-number { font-weight: @medium; color: @color-dark-gray; } } .fc-daygrid-day-top { &.small { .fc-daygrid-day-number{ font-size: @mini-fs; padding: @padding-small/4 @padding-small/4 0 0; } } } } &-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: @margin-small; &__left { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; &.mobile { width: 100%; justify-content: space-between; } &-inner { margin-right: @margin-medium; &.mobile:nth-child(2) { order: 1; margin-right: 0; } &.small:last-of-type { width: 100%; order: -1; } } } &__right { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; &.mobile { width: 100%; justify-content: space-between; flex-wrap: nowrap; } &-inner { margin-left: @margin-medium; &:first-of-type { margin-left: 0; &.mobile { width: 100%; } } } } &__title { font-size: @big-fs; font-weight: @bold; line-height: 1.67; margin: 0 0 @margin-small; &.mobile { font-size: 20px; } &.small { text-align: center; } } } &__btn { font-size: @regular-fs; font-weight: @medium; line-height: 1.4; color: @color-text-prime; border-radius: @border-radius/3*5; padding: @padding-small @padding-medium; margin: 0 0 @margin-small; i { font-weight: @bold; transition: transform 0.3s ease-in-out; &.rotate { transform-origin: center; transform: rotate(180deg); } } &-mright { margin-right: @margin-small; } &-tag { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; vertical-align: middle; overflow: hidden; color: #ffffff; background-color: @color-accent; } &-today { &:after { content: ''; display: inline-block; width: 8px; height: 8px; background-color: @color-red; border-radius: 50%; margin-left: @margin-small; } } &-gray { background-color: @color-light-gray; border-color: transparent; &:hover, &:focus { > span { color: @color-text-prime; } background-color: @color-gray; box-shadow: 0 0 0 4px @color-light-gray; } } } &-search { .el-input { &--prefix { margin-bottom: @margin-small; .el-input__inner { padding-left: 48px; border-radius: @border-radius/3*5; } } &__prefix { left: 0; width: 48px; } img { width: 20px; position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); } } } &-filters { &__item { max-width: 240px; width: 100%; margin: @margin-medium @margin-medium 0 0; &.small { margin-right: 0; } &:last-of-type { margin-right: 0; } @input-inner: el-input__inner; .el-select { &-dropdown { margin-top: @margin-small; &__list { padding: @padding-small @padding-small @padding-small/2; } &__item { min-height: unset; line-height: 1.2; padding: @padding-small/4*3 @padding-small; margin: 0 0 @margin-small/2; border-radius: @border-radius/2; &.selected { background-color: @color-accent; color: @color-white; span { color: @color-white; } &::after { content: ''; display: none; } } span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } &__tags { padding-left: @padding-medium*2; .el-select__tags-text { display: inline-block; max-width: 70px; white-space: nowrap; text-overflow: ellipsis; } } &__input { padding: 0 0 0 @padding-small/2; } .el-input { &.is-focus { .@{input-inner} { background-color: @color-gray; box-shadow: 0 0 0 4px @color-light-gray; } } .el-select__caret { color: #26313D; } } .el-tag { &.el-tag--info { display: flex; align-items: center; background-color: #ffffff; .el-tag__close { color: #ffffff; background-color: @color-url; &:hover { background-color: @color-icon; } } } } } .el-input { &--suffix { .@{input-inner} { border: none; border-radius: 20px; padding-left: 40px; background-color: @color-light-gray; &::placeholder { color: #26313D; } &::-webkit-input-placeholder { color: #26313D; } &::-moz-placeholder { color: #26313D; } &:-ms-input-placeholder { color: #26313D; } &:-moz-placeholder { color: #26313D; } } } &__prefix { img { position: relative; top: 50%; left: 8px; transform: translateY(-50%); } } } } } &-block { text-decoration: none !important; &:hover { background: none; text-decoration: none !important; cursor: pointer; } } &-wrapper { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; height: auto; border-radius: @border-radius/3*2; padding: @padding-small/4 @padding-small/4 @padding-small/4 @padding-small/4*5; overflow: hidden; &:hover { .am-event-background { transition: opacity 0.3s ease-in-out; opacity: 0.1; } } } &-inner { display: flex; overflow: hidden; } &-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.25; z-index: -1; } &-color { position: absolute; top: 4px; left: 4px; width: 4px; height: ~'calc(100% - 8px)'; border-radius: @border-radius/3; } &-text { display: inline-block; font-size: @small-fs; font-weight: @medium; line-height: 1.4; color: @color-text-prime; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } &-spots-left { flex: 1; font-size: @mini-fs; font-weight: 600; line-height: 1.5; text-align: left; color: @color-icon; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } &-spots-and-day { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } &-day { flex: 1; font-size: @mini-fs; font-weight: 600; line-height: 1.5; text-align: right; color: @color-icon; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } &-hovered { filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.6)); } &-more-link { position: relative; display: flex; align-items: center; justify-content: flex-start; font-size: @small-fs; font-weight: 500; z-index: 2; span { display: block; padding: 0 @padding-small/2; background-color: rgba(176, 186, 199, 0.5); border-radius: @border-radius/2; margin-right: @margin-small/2; } &.mobile { flex-wrap: wrap; justify-content: center; span { min-width: 23px; text-align: center; &.mini { background-color: @color-accent; } } } } &-upcoming { padding-left: 48px; &.tablet, &.mobile { padding-left: 0; //margin-top: @margin-big; margin-top: 48px; } &__heading { font-size: @big-fs; line-height: 1.35; font-weight: @bold; color: @color-text-prime; margin-bottom: @margin-big; } &__block { padding: @padding-medium; margin-bottom: 12px; background-color: #ffffff; border-radius: @border-radius; box-shadow: 0px 8px 18px -4px rgba(38, 49, 61, 0.12), 0px 1px 4px -1px rgba(38, 49, 61, 0.34); cursor: pointer; &-wrapper { display: flex; flex-direction: column; &.mobile, &.small { flex-direction: row; flex-wrap: wrap; > div { width: 100%; } } &.tablet { flex-direction: row; flex-wrap: wrap; > div { width: ~'calc(50% - 6px)'; &:nth-child(even) { margin-right: 12px; } } } } &-top { display: flex; &-left { display: flex; width: 100%; align-items: flex-start; } } &-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: @margin-small; } &-date { display: flex; flex: 0 0 auto; max-width: 64px; width: 100%; align-items: flex-start; justify-content: center; border-radius: @border-radius; overflow: hidden; &-border { position: relative; &:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: ~"calc(50% - 1px)"; background-color: rgba(122, 122, 122, 0.19); } } &-item { display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; background: linear-gradient(180deg, #FFFFFF 0%, #EEF4F9 100%); div { width: 100%; font-size: @mini-fs; font-weight: @medium; line-height: 1; text-transform: uppercase; text-align: center; color: #ffffff; padding: @padding-small/4; } span { display: block; font-size: 20px; line-height: 1.2; padding: @padding-small/2; color: #26313D; } } } &-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: @small-fs; font-weight: @bold; line-height: 1.45; word-break: break-word; color: @color-text-prime; padding-left: @padding-small/2*3; } &-price { font-size: @mini-fs; font-weight: @bold; line-height: 1.35; color: @color-icon; background-color: @color-light-gray; padding: @padding-small/4 @padding-small/2; border-radius: @border-radius/2; } &-info { display: flex; align-items: center; overflow: hidden; &:first-of-type { flex: 0 0 auto; margin-right: @margin-medium; } &-text { font-size: @small-fs; font-weight: @medium; line-height: 1.45; color: @color-icon; margin-left: @margin-small/2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } } } .el-collapse { border: none; &-item { > div[role=tab] { display: none; } &__wrap { overflow: unset; border-radius: 16px; } &__content { display: flex; flex-wrap: wrap; padding: 0 @padding-medium @padding-big; border-radius: 16px; background: linear-gradient(180deg, rgba(38, 49, 61, 0.06) 0%, rgba(38, 49, 61, 0.03) 6.68%, rgba(38, 49, 61, 0.02) 15.28%, rgba(255, 255, 255, 0) 61.11%); &.small { padding: 0 @padding-small @padding-big; } } } } .fc { &-col { &-header { margin: 0; background-color: transparent; &-cell-cushion { text-transform: capitalize; font-size: @regular-fs; color: @color-text-prime; } } } &-daygrid-day-bottom { margin: @margin-small @margin-small/2 0; } &-highlight { background-color: fade(@color-accent, 10%); } &-scrollgrid { &-section { &-body { & > td { border-color: transparent; } } } &-sync-table { margin: 0; background-color: transparent; } &-liquid { border: none; overflow: hidden; border-radius: 18px; box-shadow: 0 0 0 1px #ddd; background-color: #ffffff; tr { background-color: transparent; } } } &-scroller-liquid-absolute { overflow: hidden !important; } &-theme-standard { & td:last-of-type { border-right: none; } } } .el { &-icon { &-arrow { &-left { &:before { content: "\E6DE"; } } &-right { &:before { content: "\E6E0"; } } } } &-input { &__prefix { left: 5px; right: auto; } } } th, tr, td { padding: 0; font-weight: 500; } } } #amelia-booking-wrap { .am-event-booking { padding: @padding-medium 0 0; margin-top: @margin-medium; border-top: 1px solid @color-divider-gray; p { margin: 0; } .el-form-item { label { padding: 0; margin: 0; } .am-payment-type { .el-form-item__label { margin-bottom: 12px; } .el-form-item__content { max-height: unset !important; } &-radio { padding: 12px 20px 0 10px; border-radius: 8px; margin: 0 8px 8px 0; &-checked { border: 1px solid @color-accent !important; background-color: fade(@color-accent, 8%); span { color: @color-accent; } .el-radio__inner { border-color: @color-accent; background: @color-accent; } } } } } .am-confirm-booking-payment { margin-top: -24px; } .am-payment-buttons-wrapper { min-height: 132px; .el-form-item__label { span { color: @elf-text-color; } } .el-form-item__content { display: flex; align-items: flex-start; max-height: unset; flex-wrap: wrap; } .am-payment-button { width: 112px; height: 90px; padding: @padding-medium; background-color: transparent; border: 2px solid @color-divider-gray; border-radius: @border-radius/3*4; text-decoration: none; margin: 0 10px 10px 0; &:hover { background: fade(@color-accent, 8%); border: 2px solid @color-accent; svg { path { fill: @color-accent; } } p { color: @color-accent; } } p { text-align: center; text-transform: none; } &-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; svg { path { fill: @elf-text-color; } } p { color: @elf-text-color; } } &-selected { background: fade(@color-accent, 8%); border: 2px solid @color-accent; svg { path { fill: @color-accent; } } p { color: @color-accent !important; } &:focus { border: 2px solid @color-accent; } } img { height: 32px; } } } .am-confirm-booking-recaptcha-block { @media @less-then-small { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; } .grecaptcha-badge { @media @less-then-small { position: unset !important; } } } .am-custom-fields { display: inline-block; width: 100%; .el-row { padding-left: 12px; padding-right: 12px; margin-bottom: 0; .el-col:nth-child(odd) { clear: both; } .am-custom-required-as-html { .el-form-item__label:before { content: '*'; color: #F56C6C; margin-right: 4px; } } .text-content-custom-field { label { visibility: hidden; } } .el-upload--text { width: 100%; } .el-upload-dragger { border: 2px dashed @color-accent; height: 40px; text-align: center; cursor: pointer; position: relative; border-radius: 4px; justify-content: center; align-items: center; color: @color-accent; box-sizing: border-box; display: flex; width: 100%; .el-icon-upload { margin: 0 0 0 0; } i { display: inline; padding: @padding-small/4; color: @color-accent; font-size: @medium-fs+4px; line-height: 36px; } span { color: @color-accent; } } .popover-content { background-color: #ffffff; } .c-weekdays { border-bottom: 1px solid @color-divider-gray; margin-left: 3px; margin-right: 3px; } .c-day-content { font-size: 12px; } } } .el-form-item { margin-bottom: @margin-medium; } .am-confirmation-booking-cost { margin-top: @margin-small; margin-bottom: @margin-medium; border-top: 1px solid @color-divider-gray; padding-top: @padding-medium; p { text-align: left; margin: 0 0 @margin-small; padding: 0; font-size: @small-fs; color: @color-text-prime; } p.am-align-right { text-align: right; } span { color: @color-accent; font-size: @mini-fs; } .el-input__inner { height: 32px; } svg, img { width: 20px; height: 20px; display: inline-block; margin-right: 2px; vertical-align: middle; path { fill: @color-accent; } } .el-form-item { margin-bottom: 0; } .el-form-item__content { position: static; } .el-form-item__error { padding-left: @padding-small; padding-top: 1px; } .el-input-group__append, .el-input-group__prepend { color: @color-white; &:hover { .el-button { color: @color-text-prime; background-color: transparent; border-color: transparent; } } .el-button { background-color: transparent; border-color: transparent; color: @color-white; } } .am-add-coupon { margin-bottom: @margin-medium; } .am-add-coupon-field { span { visibility: hidden; } button.am-add-coupon-button { height: 30px; margin-top: 0; margin-bottom: 0; } } .am-confirmation-total { background-color: fade(@color-accent, 10%); padding: @padding-small; .el-row { margin-top: @margin-small; margin-bottom: @margin-small; margin-left: 0 !important; margin-right: 0 !important; } .am-confirmation-deposit { border-top: none; &-price { border-bottom: 1px solid @color-dark-gray; padding-bottom: 8px; } .am-confirmation-deposit-info { font-style: italic; color: @color-dark-gray; display: inline-block; } } p { font-weight: @medium; margin: 0 !important; padding: 0; &.am-align-right { color: @color-accent; } } } } .am-whatsapp-opt-in-text { color: fade(@color-input-text, 50%); font-weight: 400; font-size: 10px; display: flex; margin-top:5px; } } } .payment-dialog-footer { display: flex; align-items: center; justify-content: center; position: relative; div.paypal-button { position: relative; #am-paypal-button-container { opacity: 0.01; position: absolute; top: 6px; left: 8px; z-index: 2; } span { position: relative; } } } #am-modal.am-event-modal { .am-payment-buttons-wrapper { min-height: 132px; .el-form-item__content { display: flex; align-items: flex-start; max-height: unset !important; flex-wrap: wrap; } .am-payment-button { width: 112px; height: 90px; padding: @padding-medium; background-color: transparent; border: 2px solid @color-divider-gray; border-radius: @border-radius/3*4; text-decoration: none; margin: 0 10px 10px 0; &:hover { background: fade(@color-accent, 8%); border: 2px solid @color-accent; svg { path { fill: @color-accent; } } p { color: @color-accent; } } p { text-align: center; text-transform: none; } &-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; } &-selected { background: fade(@color-accent, 8%); border: 2px solid @color-accent; svg { path { fill: @color-accent; } } p { color: @color-accent; } &:focus { border: 2px solid @color-accent; } } img { height: 32px; } } } .am-add-coupon-field { button.am-add-coupon-button { height: 30px; margin-top: 0; margin-bottom: 0; } } span.am-whatsapp-opt-in-text { color: fade(@color-input-text, 50%); font-weight: 400; font-size: 10px; display: flex; margin-top:5px; } } common/_variables.less 0000666 00000007014 15165376205 0011053 0 ustar 00 //COLORS @color-text-prime: #354052; @color-text-second: #7F8FA4; @color-divider-gray: #E2E6EC; @color-icon: #616E7C; @color-url: #7F8FA4; //@color-highlight: #fbfbfb; @color-highlight: #f9f9f9; @color-white: #ffffff; @color-gray: #D3DDEA; @color-light-gray: #f2f3f5; @color-orange: #FFA700; @color-green: #5FCE19; @color-blue: #1A84EE; @color-red: #ff1563; @color-yellow: #FFD400; @color-pink: #FF1563; @color-red-dark: #FF0040; @color-dark-gray: #A9B2BC; //------------------------------- //WIDTHS @page-wrap: 1600px; //HEIGHTS @wrap-min-height: 720px; //FONT @import "font"; //font weight @light: 300; @regular: 400; @medium: 500; @bold: 700; //font family @roboto: 'Roboto Amelia', sans-serif; //------------------------------- //font size @huge-fs: 40px; @big-fs: 30px; @semi-big-fs: 24px; @medium-fs: 20px; @semi-medium-fs: 18px; @regular-fs: 16px; @small-fs: 14px; @mini-fs: 12px; //color @h1-color: @color-text-prime; @h2-color: @color-text-prime; @h3-color: @color-text-prime; @h4-color: @color-text-prime; @h5-color: @color-text-prime; //weight @h1-fw: @regular; @h2-fw: @regular; @h3-fw: @medium; @h4-fw: @medium; //line height @h1-lh: 1.5; @h2-lh: 1.5; @h3-lh: 1.5; @h4-lh: 1.5; @h1-fs: @medium-fs; @h2-fs: @medium-fs; @h3-fs: @regular-fs; @h4-fs: @regular-fs; //padding and margin @h1-padding: 28px 0 28px 0; @padding-big: 24px; @padding-medium: 16px; @padding-small: 8px; @margin-big: 24px; @margin-medium: 16px; @margin-small: 8px; //------------------------------- // MEDIA QUERIES //brakepoints @bp-xsmall-max: 479px; @bp-xsmall-min: 481px; @bp-small-max: 767px; @bp-small-min: 768px; @bp-medium-max: 991px; @bp-medium-min: 992px; @bp-large-max: 1199px; @bp-large-min: 1200px; @bp-xlarge-max: 1600px; @bp-xlarge-min: 1601px; //@media @less-then-xlarge: ~"only screen and ( max-width:" @bp-xlarge-max ~")"; @less-then-large: ~"only screen and ( max-width:" @bp-large-max ~")"; @less-then-medium: ~"only screen and ( max-width:" @bp-medium-max ~")"; @less-then-small: ~"only screen and ( max-width:" @bp-small-max ~")"; @less-then-xsmall: ~"only screen and ( max-width:" @bp-xsmall-max ~")"; @more-then-xlarge: ~"only screen and ( min-width:" @bp-xlarge-min ~")"; @more-then-large: ~"only screen and ( min-width:" @bp-large-min ~")"; @more-then-medium: ~"only screen and ( min-width:" @bp-medium-min ~")"; @more-then-small: ~"only screen and ( min-width:" @bp-small-min ~")"; @from-small-to-medium: ~"only screen and (min-width:" @bp-small-min ~") and (max-width:" @bp-medium-max ~")"; @from-medium-to-large: ~"only screen and (min-width:" @bp-medium-min ~") and (max-width:" @bp-large-max ~")"; @from-medium-to-xlarge: ~"only screen and (min-width:" @bp-medium-min ~") and (max-width:" @bp-xlarge-max ~")"; @from-large-to-xlarge: ~"only screen and (min-width:" @bp-large-min ~") and (max-width:" @bp-xlarge-max ~")"; //------------------------------- // BORDERS / DIVIDERS //border radius @border-radius: 6px; //------------------------------- // BUTTONS //color @btn-light-bg: @color-white; @btn-light-font: @color-white; @btn-blue-bg: @color-blue; @btn-dark-font: @color-text-prime; //font weight @btn-fw: @medium; //font size @btn-xlarge-fs: 15px; @btn-large-fs: 15px; @btn-small-fs: 14px; //border radius @btn-border-radius: 6px; //padding @btn-xlarge-pad: 20px 65px; @btn-large-pad: 13px 20px; @btn-medium-pad: 10px 20px; @btn-small-pad: 10px 15px; //letter spacing @btn-letter-spacing: 1px; //------------------------------- // SECTIONS //------------------------------- @section-padding: 80px 0 50px; //------------------------------- common/rtl.less 0000666 00000031501 15165376205 0007543 0 ustar 00 [dir=rtl] { .am-wrap { margin: 20px 2px 20px 20px; } .am-page-header .am-logo { padding-right: 0; padding-left: @padding-big; } .am-button-new { right: auto; left: 32px; } .el-dialog__wrapper { overflow-x: hidden; } .am-side-dialog .el-dialog { right: auto; left: 0; } // Slide Horizontal .slide-enter-active, .slide-leave-active { transition: all .6s ease-out; } .slide-enter, .slide-leave-to { transform: translateX(0); } .am-page-header { .align-right { text-align: left; } } .am-page-header h1.am-page-title { padding-left: 0; padding-right: @padding-big; border-right: 1px solid #E2E6EC; border-left: none; } .align-right, .am-align-right { text-align: left; } .am-body a.am-help-button { } #am-dashboard .am-big-stats .am-grid-content .am-title .am-change { right: auto; left: 0; } .am-filter-fields, .am-customers-filter, #am-finance .am-finance-filter { .el-select.calc-width { //float: left; margin-right: 0 !important; } } #am-employees .am-employee-row .am-employee-col.am-edit-btn { justify-content: flex-start; } #am-employees .am-employee-card .am-employee-status-label { right: auto; left: 16px; } #am-locations .am-locations .am-location-card .am-location-info .location-data { padding-right: 0 ; padding-left: 60px; } #am-locations .am-locations .am-location-card .am-location-info .el-button { right: auto; left: 16px; } #am-appointments .am-appointments-filter .el-row .el-col .el-button { margin-left: 0; float: left; } #am-locations .am-locations .am-location-card.am-hidden-entity:after { right: 70px; left: auto; } #am-employees .am-employees-filter .el-row .el-button { margin-right: 0; margin-left: 10px; } .am-appointments .am-appointments-list .el-collapse-item__header__arrow, .am-customers .am-appointments-list .el-collapse-item__header__arrow, .am-finances .am-appointments-list .el-collapse-item__header__arrow, .am-appointments .am-customers-list .el-collapse-item__header__arrow, .am-customers .am-customers-list .el-collapse-item__header__arrow, .am-finances .am-customers-list .el-collapse-item__header__arrow, .am-appointments .am-finance-list .el-collapse-item__header__arrow, .am-customers .am-finance-list .el-collapse-item__header__arrow, .am-finances .am-finance-list .el-collapse-item__header__arrow, .am-appointments .am-appointments-list .el-collapse-item__arrow, .am-customers .am-appointments-list .el-collapse-item__arrow, .am-finances .am-appointments-list .el-collapse-item__arrow, .am-appointments .am-customers-list .el-collapse-item__arrow, .am-customers .am-customers-list .el-collapse-item__arrow, .am-finances .am-customers-list .el-collapse-item__arrow, .am-appointments .am-finance-list .el-collapse-item__arrow, .am-customers .am-finance-list .el-collapse-item__arrow, .am-finances .am-finance-list .el-collapse-item__arrow { left: -16px; right: auto; } .am-pagination { p { //text-align: left; } } .am-pagination .el-pagination { text-align: left; } #am-employees .am-employee-row .am-employee-col img { margin-right: 0; margin-left: @margin-small; } .el-tabs__active-bar { display: none; } .el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child { padding-right: 20px; //padding-left: 0; } #am-appointments .am-appointments .am-appointments-list .am-appointment .am-appointment-data .am-edit-btn { text-align: right; margin-right: 0; } #am-appointments .am-appointments .am-appointments-list .am-appointment .am-appointment-data .am-appointment-payment img { margin-right: 0; margin-left: 4px; } .el-pagination--small .arrow.disabled, .el-table .hidden-columns, .el-table td.is-hidden>*, .el-table th.is-hidden>*, .el-table--hidden { visibility: visible; } #am-dashboard .am-employee-table-stats .el-table .cell img, #am-dashboard .am-employee-table-stats .el-table .cell svg { margin-right: 0; margin-left: 8px; } .el-popover.am-button-popover .am-button-new-items { left: 32px; right: auto; text-align: left; .el-button+.el-button { margin-right: 0; } } .el-checkbox__label { padding-right: 10px; } [class*=el-col-] { float: right; } #am-finance .am-coupon-row button { float: left; } #am-finance .am-finance-filter .el-button.button-export { right: auto; left: 0; } #am-employees .am-employees-filter .am-filter-buttons { right: auto; left: 0; } .el-tabs__nav { float: right; } .am-border-right { border-right: none; border-left: 1px solid @color-divider-gray; } .el-color-hue-slider.is-vertical { float: left !important; } .el-icon-arrow-right:before { content: "\E600"; } .el-icon-arrow-left:before { content: "\E604"; } .am-side-dialog .el-dialog .am-delete-element { margin-right: 4px; } #am-notifications #am-email-notifications .am-email-form-settings p.am-blue-link, #am-notifications #am-sms-notifications .am-email-form-settings p.am-blue-link { text-align: left; } .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2), .el-tabs__nav .el-tabs__item:nth-child(2) { padding-right: 0; padding-left: 20px; } .ql-editor{ text-align: right; } .el-form-item__label { //float: right; padding: 0; } .am-sms-dashboard .el-form-item__label { float: right } #am-notifications #am-sms-notifications .am-sms-dashboard .am-sms-dashboard-body .am-sms-dashboard-content { border-left: none; border-right: 1px solid @color-divider-gray; } #am-notifications #am-sms-notifications .am-sms-dashboard .am-sms-dashboard-header .am-sms-loggedin-user > *, #am-notifications #am-sms-notifications .am-sms-dashboard .am-sms-dashboard-header .am-sms-balance > * { margin-right: 0; margin-left: @margin-big; } #am-notifications #am-sms-notifications .am-sms-dashboard .am-sms-dashboard-header .am-sms-logo img { margin-right: 0; margin-left: @margin-small; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { right: auto; left: 0; } #am-settings .am-settings-cards .el-row .el-col:nth-child(3) { border-right: 1px solid @color-divider-gray; } #am-settings .am-settings-cards .el-row .el-col:nth-child(1) { border-right: none; } .am-dialog-footer .align-left { text-align: right; } .el-picker-panel { margin-right: 20px; } .am-side-dialog .el-dialog .am-dialog-header .am-dialog-close { margin-left: 0; margin-right: @margin-small; } .am-dialog-table .el-row.am-dialog-table-head.hours .el-col:first-child span, .am-dialog-table .el-row.am-dialog-table-head.days .el-col:first-child span { margin-left: 0; margin-right: @margin-small; } #am-customers .am-customers .am-customers-list .am-customer .am-customer-data .el-button { margin-right: 0; margin-left: @margin-big; } #am-customers .am-customers-filter .el-button.button-export { left: 4px; right: auto; } #am-customers .am-customers .am-customers-list .am-customer .am-customer-data .am-assigned img { margin-right: 0; margin-left: @margin-small; } .am-side-dialog .el-dialog .am-add-element { margin-right: 0; margin-left: @margin-small/2; } .el-button+.el-button { margin-left: 0; margin-right: @margin-small; } .c-header .c-arrow-layout { transform: rotate(180deg); } .am-button-new-items-custom-fields { right: auto; left: 32px; .el-button+.el-button { margin-right: 0; } } .el-select .el-tag__close.el-icon-close { right: auto; left: 0; } .el-select-dropdown__wrap, .el-scrollbar__wrap { margin-right: 0 !important; margin-left: -17px; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { right: auto; left: 20px; } #am-customize .am-custom-field .am-flexed2 div:first-child { margin-right: 0; margin-left: @margin-small; } #am-customize .am-custom-field h3 .am-custom-field-actions { float: left; } #am-customize .am-custom-field .am-drag-handle { margin-right: 0; margin-left: @margin-small; } .el-select__tags { left: -4px; } .el-notification.right { right: auto; left: 32px; } .el-notification__closeBtn { right: auto; left: 16px; } .am-side-dialog .el-dialog .am-add-elements { text-align: right; } .am-selected-dropdown-items .am-selected-dropdown-item i.remove { right: auto; left: 0; } .am-selected-dropdown-items .am-selected-dropdown-item .am-appointment-persons.small svg, .am-selected-dropdown-items .am-selected-dropdown-item .am-appointment-persons.small .am-appointment-duration.small img { left: 30px; } .c-day-layer .c-day-background { border-radius: 0 !important; } .am-page-header .am-calendar-header-filters .el-form-item__label { padding-right: 0; padding-left: @padding-small; } .el-scrollbar__bar { right: auto; left: 2px; } #am-notifications #am-sms-notifications .am-sms-auth .am-forgot-pass { left: 0; right: auto; } .el-input-group__prepend { border-right: 1px solid #DCDFE6 ; } .el-input-group--append .el-input__inner, .el-input-group__prepend { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .am-side-dialog .el-dialog .am-setting-box .el-collapse-item__header i.el-icon-circle-check { right: auto; left: 40px; } .am-side-dialog .el-dialog .am-setting-box .el-collapse-item__header i { right: auto; left: 8px; } #am-finance .am-finance-list .am-finance .am-finance-data .am-assigned img { margin-right: 0; margin-left: @margin-small; } #am-finance .am-finance-list .am-finance .am-finance-data .el-button { margin: 0 0 0 @margin-medium; } .amelia-booking .v-calendar-column .el-form-item__content:after { left: 8px; right: unset; } .el-dialog{ .popover-origin.direction-bottom.align-left, .popover-origin.direction-top.align-left { right: 0; left: unset; } .popover-origin .popover-content-wrapper .popover-content.align-left:after { right: 20px; left: unset; } } .am-customize { &-page { .am-customize-step { .el-tabs__nav .el-tabs__item:nth-child(2) { padding: 0 20px; } } .am-recurring-dates { left: auto; right: 24px; } .am-recurring-setup.next-step { left: auto; right: ~"calc(-50% + 24px)"; } .am-select-date.next-step { left: auto; right: -97%; } .am-confirm-booking { left: auto; right: 3%; .el-form-item { direction: rtl; .el-radio-group { .el-radio { margin-left: 20px !important; margin-right: 0 !important; } } } p { text-align: right; &.am-align-right { text-align: left; } } } .am-select-package, .am-package-info { right: 5%; } .am-step-booking.am-active-picker .am-package-info { right: 0; } .am-package-list { left: auto; right: 3%; } .am-package-setup.next-step { left: auto; right: -97%; } .am-event-list { .am-confirm-booking, .am-congratulations { right: 0; padding: 16px 0 0; &.editable { padding: 16px 20px 0; } } } .am-event-calendar-page { .am-event-modal { direction: rtl; &__header { direction: rtl; text-align: unset !important; &-booking-btn { &-price { padding-right: 24px; padding-left: 0; &:before { left: auto; right: 11px; } } } } } .am-confirm-booking { right: 0; } } .am-reset-button { span { img { margin-right: 0; margin-left: 8px; } } } } &__edit { z-index: 10000 !important; &-body { padding-right: 0; padding-left: 16px; } .popper__arrow::after { display: none; } } &__color-settings { span { img { margin-right: 0; margin-left: 8px; } } } } } common/_elements.less 0000666 00000112342 15165376205 0010720 0 ustar 00 @import "_variables"; // Helpers .am-body { a { text-decoration: none; color: @color-text-prime; font-weight: @medium; } .goto { color: @color-blue; font-weight: @regular; } .am-section { padding: @padding-big; background-color: @color-white; } .am-divider { height: 1px; width: 100%; background-color: @color-divider-gray; margin: @margin-medium 0; } .am-strong { font-weight: @bold; } .am-semi-strong { font-weight: @medium; } .am-link { color: @color-blue; cursor: pointer; font-weight: 500; box-shadow: none; &:hover { text-decoration: underline; } } .am-margin-bottom { margin-bottom: @margin-medium; } .am-no-padding { padding: 0 !important; } .am-no-min-height { min-height: inherit !important; .el-row:first-child { display: flex; } } .am-no-margin { margin: 0 !important; } .am-small { font-size: @small-fs; } .am-email { font-size: @small-fs; } .hide-on-mobile { @media @less-then-small { display: none; } } .hide-on-desktop { @media @more-then-small { display: none; } } .am-empty-state { text-align: center; padding: @padding-big*4 @padding-medium; h2 { font-size: @big-fs; } } .el-form-item__error { top: auto; bottom: 3px; font-size: 10px; color: #ff4949; } .flexed-left-middle { display: flex; justify-items: flex-start; align-items: center; } .flexed-between { display: flex; justify-content: space-between; align-items: baseline; } .am-col-title { display: none; font-size: @small-fs; margin: 0; color: @color-text-second; @media @less-then-large { display: block; } } .el-row.am-flexed { display: flex; flex-wrap: wrap; } .am-flexed2 { display: flex; //flex-wrap: wrap; &:last-of-type { position: absolute; display: flex; right: 0; justify-content: flex-end; } &.mobile { position: absolute; display: flex; right: 0; justify-content: flex-end; } } a.am-help-button { display: inline-block; color: @color-text-second; cursor: pointer; padding-top: @padding-medium; padding-left: @padding-medium; box-shadow: none !important; font-weight: @regular; &:hover { color: @color-blue; } } .am-three-dots { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .am-overflow-ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; } } .am-spinner { text-align: center; img { margin: 12vh 0; } } .am-alert { padding: @padding-medium; margin-bottom: @margin-medium; } .am-page-header { border-bottom: 2px solid @color-divider-gray; .el-row { min-height: 42px; } .am-logo { display: inline-block; padding-right: @padding-big; vertical-align: middle; * { display: inline-block; vertical-align: middle; } @media @less-then-small { padding-right: @padding-small; } .logo-big { @media @less-then-small { display: none; } } .logo-small { display: none; @media @less-then-small { display: block; } } } h1.am-page-title { display: inline-block; border-left: 1px solid @color-divider-gray; padding-left: @padding-big; vertical-align: middle; line-height: 1.9; @media @less-then-small { padding-left: @padding-small; } span { line-height: 1.9; display: inline-block; vertical-align: middle; font-size: @mini-fs; @media @less-then-small { display: none; } } .am-appointments-number, .total-number, .total-number { line-height: 1.8; display: inline-block; padding: 0 @padding-small; margin-left: @margin-small/2; border-radius: 20px; font-size: @small-fs; text-align: center; background-color: fade(@color-text-prime, 10%); @media @less-then-small { display: none; } &.approved { background-color: fade(@color-green, 10%); color: @color-green; } &.pending { background-color: fade(@color-orange, 10%); color: @color-orange; } &.paid { background-color: fade(@color-green, 10%); color: @color-green; } } } .am-calendar-header-filters { @media @less-then-large { margin-top: @margin-medium; } .el-form { display: inline-block; vertical-align: middle; } .el-form-item__label { padding-right: @padding-small; @media @less-then-large { display: block; text-align: left; } } .el-form-item { margin: 0 0 0 @margin-small; @media @less-then-small { display: block; } } .el-input { margin: 0; } .el-button { margin-left: @margin-small; @media @less-then-large { /*margin: @margin-medium 0 0; display: block;*/ position: absolute; top: 0; right: 0; } span.button-text { @media only screen and ( max-width: 1367px) { display: none; } } } } } .am-border-bottom { border-bottom: 1px solid @color-divider-gray; } .am-border-right { border-right: 1px solid @color-divider-gray; } .am-big-num { font-family: @roboto; font-weight: @light; font-size: @huge-fs; line-height: 1; margin-bottom: @margin-medium; position: relative; word-break: break-all; @media @less-then-large { font-size: 32px; } } .am-search { .el-input { &:before { content: "\e778"; font-family: element-icons !important; -webkit-font-smoothing: antialiased; vertical-align: baseline; display: inline-block; position: absolute; top: 50%; left: 11px; margin-top: -7px; color: @color-text-second; line-height: 1; } input { background-color: @color-light-gray; padding-left: @padding-medium*2; } } } .am-rotate45 { -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .el-tabs__nav .el-tabs__item:nth-child(2) { padding-left: 0; } #doughnut-chart { margin-bottom: @margin-big; } .align-right, .am-align-right { text-align: right; } .align-left, .am-align-left { text-align: left; } .am-button-new { position: fixed; bottom: 32px; right: 32px; z-index: 1000; .el-button { border-radius: 40px; padding: 20px; background-color: @color-blue; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); &:hover, &:focus { color: @color-white; } } } .am-dialog-create { @media @less-then-medium { span.button-text { display: none; } } } .am-dialog-service { .am-dialog-table { margin-top: @margin-medium; .am-delete-element { margin-top: @margin-big - 2px; @media @less-then-small { padding-left: 0 !important; } } } } .am-dialog-loader { position: fixed; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; background-color: @color-white; padding: @padding-big; text-align: center; display: flex; align-items: center; justify-content: center; img { } } .am-appointments, .am-customers, .am-resources, .am-finances { .am-section-header { padding: @padding-medium @padding-big; border-bottom: 1px solid @color-divider-gray; h2 { line-height: 2; display: inline-block; } .el-button { float: right; } } .am-appointments-list, .am-customers-list, .am-resources-list, .am-finance-list { .am-appointment, .am-customer, .am-resource, .am-finance { padding: 0 @padding-big; border-bottom: 1px solid @color-divider-gray; &.is-active { background-color: @color-highlight; } &:hover { background-color: @color-highlight; } .el-col { @media @less-then-small { //margin-bottom: @margin-medium; } } p { margin-top: 0; margin-bottom: @margin-small; color: @color-text-second; } h3 { margin-top: 0; font-weight: @bold; margin-bottom: @margin-small } h3 + span { color: @color-text-second; display: block; line-height: 1.1; } h3 + span + span { color: @color-text-second; display: block; line-height: 1.1; } h4 { margin-top: 0; margin-bottom: 0; display: inline-block; line-height: 1.1; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; span { vertical-align: middle; } } .am-assigned { img { border-radius: 50%; border: 2px solid @color-white; display: inline-block; vertical-align: top; width: 32px; height: 32px; min-width: 32px; max-width: 32px; } } .el-button { margin-top: @margin-small; pointer-events: all; } } .el-collapse-item__header { position: relative; //pointer-events: none; } .el-collapse-item__header__arrow, .el-collapse-item__arrow { position: absolute; z-index: 1; top: 50%; right: -20px; cursor: pointer; margin-top: -@margin-medium; margin-right: 0; pointer-events: all; padding: 8px; line-height: 1; @media @less-then-large { top: 0; margin-top: 16px; } } .am-appointment-data, .am-customer-data, .am-finance-data { padding: @padding-medium 0; position: relative; width: 100%; .el-col { @media @less-then-small { //margin-bottom: @margin-medium; } } } .am-appointment-details, .am-customer-details, .am-finance-details { padding: @padding-medium 0; border-top: 1px solid @color-divider-gray; h3 { margin-bottom: @margin-medium; line-height: 1; } .am-data { color: @color-text-second; font-weight: @regular; } .am-value { color: @color-text-prime; font-weight: @regular; @media @less-then-small { margin-bottom: @margin-medium; } } .el-row { &.has-divider { border-bottom: 1px solid @color-divider-gray; margin-bottom: @margin-medium; &:first-child { padding-top: 0; } &:last-child { border-bottom: none; padding-bottom: 0; } } .el-row { padding: 0 0 @padding-small; &:last-child { padding: 0; } } } .am-appointment-collapsed-field:nth-child(odd) { clear: both; } .am-zoom { .am-zoom-col-icon { display: flex; align-items: end; svg { width: 25px; margin-right: 8px; } } } } } } .am-appointment-status, .am-employee-status { position: relative; .el-select .el-input__inner { padding-left: 30px; background-color: @color-white; } .el-input { margin-bottom: 0; } } .am-appointment-dialog-status-option { .am-appointment-status-symbol { &:before { margin-top: -14px; } } } .am-appointment-status-option, .am-employee-status-option { padding-left: 30px; .am-appointment-status-symbol { &:before { margin-top: -14px; } } span { line-height: 2.5; } } .am-appointment-status-symbol, .am-employee-status-symbol { &.am-status-label { padding-left: 20px; &:before { left: 0; } } &:before { width: 16px; height: 16px; display: block; position: absolute; z-index: 1; top: 50%; margin-top: -8px; left: 10px; pointer-events: none; } &-approved { &:before { content: url("../../img/am-status-approved.svg"); } } &-canceled { &:before { content: url("../../img/am-status-canceled.svg"); } } &-pending { &:before { content: url("../../img/am-status-pending.svg"); } } &-rejected { &:before { content: url("../../img/am-status-rejected.svg"); } } &-waiting { &:before { content: url("../../img/am-status-waiting.svg"); } } &-no-show { &:before { content: url("../../img/am-status-no-show.svg"); } } &-paid { &:before { content: url("../../img/am-status-approved.svg"); } } &-partiallyPaid { &:before { content: url("../../img/am-status-partiallyPaid.svg"); } } &-refunded { &:before { content: url("../../img/am-status-refunded.svg"); } } &.approved { &:before { border-color: @color-green; } } &.pending { &:before { border-color: @color-orange; } } &.canceled { &:before { border-color: @color-red; } } &.rejected { &:before { border-color: @color-text-prime; } } &.no-show { &:before { border-color: @color-dark-gray; } } &.available { &:before { border-color: @color-green; } } &.busy { &:before { border-color: @color-orange; } } &.away { &:before { border-color: @color-red; } } } .el-select-dropdown__list { padding: 0 !important; } .am-drop { li.el-select-dropdown__item { height: auto; &:hover, .hover { background-color: @color-highlight; } &.am-has-option-meta { padding: @padding-small @padding-small @padding-small @padding-medium*3; border-bottom: 1px solid @color-divider-gray; &.selected::after { left: 12px; top: 16px; font-size: 8px; line-height: 1.9; color: @color-green; border: 1px solid @color-divider-gray; border-radius: 50%; width: 14px; height: 14px; text-align: center; padding: @padding-small/2; } } } .el-select-dropdown__item { background-color: transparent; color: inherit; &.hover { background-color: transparent; } &:hover { background-color: @color-highlight; } &.selected { background-color: transparent; color: inherit; &.hover { background-color: transparent; } &:hover { background-color: @color-highlight; } } } .am-drop-create-item { color: @color-blue; line-height: 2; border-bottom: 1px solid @color-divider-gray; padding: @padding-small @padding-small @padding-small @padding-medium*3; font-size: @small-fs; font-weight: @medium; cursor: pointer; position: relative; &:before { content: "+"; width: 14px; height: 14px; line-height: 1; border: 1px solid @color-divider-gray; border-radius: 16px; padding: @padding-small/2; position: absolute; top: 10px; left: 14px; text-align: center; } &:hover { background-color: @color-highlight; } } .am-drop-item-data { display: block; color: @color-text-prime; font-size: @small-fs; } .am-drop-item-name { display: block; line-height: 1.8 !important; } .am-drop-item-meta { display: block; font-size: 12px; line-height: 1 !important; } } .no-tags { .el-select__tags { /*display: none;*/ } } .el-select-dropdown { .pin-icon { height: auto; padding: @padding-small/4 @padding-small; * { width: 24px; display: inline-block; vertical-align: middle; } } .am-phone-input-nicename, .am-payment-settings-currency-name { float: left; } .am-phone-input-phonecode, .am-payment-settings-currency-symbol { float: right; color: @color-text-second; font-size: 13px } } .am-drop-parent { padding: @padding-small @padding-small+4px; cursor: pointer; font-size: @small-fs; border-bottom: 1px solid @color-divider-gray; color: @color-text-second; &:hover { background-color: @color-highlight; } } .am-drop-child { padding: 0 @padding-big; } .am-selected-dropdown-items { margin-bottom: @margin-medium; .am-selected-dropdown-item { border-bottom: 1px solid @color-divider-gray; padding: @padding-medium 0; &:first-child { padding-top: 0; } &__inner { display: flex; align-items: center; } h3 { margin: 0 0 @margin-small/2; line-height: 1; } span { margin: 0; line-height: 1.1; color: @color-text-second; /*display: block;*/ font-size: @mini-fs; } .am-customer-link { display: block; font-size: @mini-fs; line-height: 1.1; color: @color-text-second; margin: 0 0 4px 0; outline: none; box-shadow: none; &:focus, &:active { outline: none; box-shadow: none; } &:last-child { margin: 0; } } .am-appointment-status.small { display: inline-block; .am-appointment-status-symbol:before { left: 11px; } .el-select { i { display: none; } input { width: 0; padding: 0 @padding-medium + 2px; color: @color-white; } } } .am-appointment-persons.small { display: inline-block; position: relative; .el-select { width: 64px; input { padding: 0 @padding-big; text-align: center; } i { width: 26px; } } svg, img { position: absolute; top: 14px; left: 7px; } } .am-appointment-duration.small { display: inline-block; position: relative; .el-select { width: 114px; input { padding: 0 @padding-big; } i { width: 26px; } } svg, img { position: absolute; top: 11px; left: 7px; z-index: 1; } } .am-appointment-remove.small { display: inline-block; position: relative; .el-icon-question { margin-left: 25px; } .el-icon-close { margin-right: 20px; } } .el-select { display: inline-block; .el-input { margin-bottom: 0; input { padding-right: @padding-medium; } } } i.remove { cursor: pointer; color: @color-text-second; font-size: @regular-fs; position: absolute; top: 50%; right: 0; margin-top: -12px; padding: @padding-small/2; &:hover { color: @color-text-prime; } } @media @less-then-small { .am-align-right { text-align: left; margin-top: @margin-small; } } } label.el-form-item__label { padding-bottom: 0; } .group-status-change { h3 { margin: @margin-small - 2px 0; font-size: @small-fs; } margin-top: @margin-medium; } } .am-dialog-table { line-height: 2; .am-customer-extras { .am-customer-extras-data { border-bottom: 1px solid @color-divider-gray; padding: @padding-medium 0; h3 { margin: 0 0 @margin-small - 1px; line-height: 1; } span { margin: 0; line-height: 1.1; color: @color-text-second; display: block; font-size: @mini-fs; } } .am-appointment-payments-dialog { & > .am-customer-extras-payment { & > .el-col { & > .el-row { margin-bottom: 0; } margin-bottom: 5px; } } } .am-customer-extras-payment { margin-bottom: @margin-medium*2; .el-icon-circle-check { color: @color-green; &.partially-paid { color: @color-blue; } } .am-payment-status { padding-left: 25px; padding-top: 7px; position: relative; .am-payment-status-symbol{ &:before { width: 16px; height: 16px; display: block; position: absolute; z-index: 1; top: 50%; margin-top: -8px; left: 0; pointer-events: none; } &-paid { &:before { content: url("../../img/am-status-approved.svg"); } } &-pending { &:before { content: url("../../img/am-status-pending.svg"); } } &-partiallyPaid { &:before { content: url("../../img/am-status-partiallyPaid.svg"); } } &-refunded { &:before { content: url("../../img/am-status-refunded.svg"); } } } } .el-icon-refresh { color: @color-orange; } img, svg { } .am-payment-package-name { display: flex; img { margin-right: 5px; } } } .subtotal { background: @color-highlight; /*font-weight: @bold;*/ padding-right: @padding-medium; margin-bottom: 0; .el-col:last-child { } .am-payment-package-deal { display: flex; margin: @margin-medium; background: @color-white; img { margin: @margin-small; } } } } .total { background-color: @color-light-gray; padding: @padding-medium; .el-row { margin-bottom: 0; } .am-strong { font-size: @medium-fs; } } .el-checkbox { margin-left: 5px; @media @less-then-xsmall { margin-left: 0; } } .am-period-break { color: @color-red; } .am-period { padding: 0 @padding-small; border-left: 1px solid @color-light-gray; border-right: 1px solid @color-light-gray; border-bottom: 1px solid @color-light-gray; //.el-row--flex { // @media @less-then-small { // display: grid; // } //} .el-row { margin-bottom: 0 !important; line-height: 40px; flex-wrap: wrap; } .am-delete-element { margin-right: @margin-small; } .am-edit-element { display: flex !important; padding-top: 0 !important; padding-bottom: 0 !important; } } .am-break { //margin-top: @margin-small; //display: flex; padding-bottom: @padding-small/2; &:first-child { margin-top: @margin-small; } .el-row { margin-bottom: @margin-small; } .el-date-editor.el-input { width: auto; display: inline-block; } } .el-row { margin-bottom: @margin-medium; &.am-dialog-table-head { background-color: @color-light-gray; font-weight: @bold; margin-top: @margin-medium; &.hours, &.days { .el-col:first-child span { margin-left: @margin-small; } } &.hours { padding: @padding-small/2 0; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: 0; } } .el-col { .el-input, .el-date-editor { margin-bottom: 0; input[type=number] { @media @less-then-small { padding: 6px 2px; text-align: center; } } } } } } .am-dialog-confirmation, .am-confirmation { padding: @padding-medium @padding-big; border-bottom: 1px solid @color-divider-gray; h3 { margin-top: 0; font-size: @small-fs; span { display: block; font-size: 13px; margin: 0; } } .el-alert--warning { background-color: transparent; margin-bottom: @margin-medium; padding: 0; } .el-alert__icon { color: @color-yellow; font-size: @big-fs; } .el-alert__content { padding-bottom: 0; .el-alert__description { color: @color-text-prime; } } } .am-dialog-confirmation { z-index: 1; position: absolute; bottom: 73px; background: @color-white; width: 100%; border-top: 1px solid @color-divider-gray; border-bottom: none; box-sizing: border-box; form.el-form { padding: 0 !important; } @media @less-then-small { z-index: 1; border-bottom: 1px solid @color-divider-gray; bottom: 72px; } } .am-pagination { p { font-size: @small-fs; @media @less-then-small { text-align: center; } } .el-pagination { text-align: right; padding: @padding-small 0 0; @media @less-then-small { text-align: center; } .el-pager li { height: 32px; line-height: 32px; padding: 0 @padding-small; color: @color-text-prime; border-top: 1px solid @color-divider-gray; border-bottom: 1px solid @color-divider-gray; border-left: 1px solid @color-divider-gray; &:first-child { border-left: none; } @media @less-then-small { padding: 0 @padding-small/3; min-width: 24px; } &.active { background-color: @color-blue; border-color: @color-blue; color: @color-white; &:hover { color: @color-white; } } &:hover { color: @color-blue; } } button { border: 1px solid @color-divider-gray; height: 32px; padding: 0 @padding-small; } } } .el-tooltip__popper { text-align: center; span { display: inline-block; vertical-align: top; margin-bottom: @margin-small/2; &:last-child { margin-bottom: 0; } &.am-appointment-status-symbol { &:before { display: inline-block; margin-right: @margin-small; margin-top: 0; position: static; } } } .am-all-event-employees { text-align: left; } &.am-tooltip-popper { max-width: 300px; } } .el-form-item { .is-spinner { width: 22px; height: 22px; display: none; position: absolute; right: 35px; top: 8px; stroke: @color-text-second; &.is-spinner-right { right: 12px; } } &.active { .is-spinner { display: block; } } } .am-days-off { margin-top: @margin-medium; .am-dialog-table { .el-date-editor.el-input { width: 200px !important; margin-left: 10px; margin-bottom: 0; input { width: 200px; } } } &__header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } &__legend { margin-left: auto; margin-right: 10px; order: 2; @media @less-then-xsmall { width: 100%; } & > div { margin-top: @margin-medium; } .am-legend-once { margin-left: 10px; } } &__legend { display: flex; } h4 { margin-bottom: 0; } .am-dialog-table-head { margin-top: @margin-small !important; } .type { display: inline-block; width: 16px; min-width: 16px; height: 16px; background-color: @color-gray; vertical-align: text-top; margin-right: @margin-small; border-radius: 3px; &.once { background-color: @color-red; } &.repeat { background-color: @color-orange; } } .am-day-off { border-bottom: 1px solid @color-divider-gray; } } .folded { .am-bottom-popover { margin-left: 36px; @media only screen and (max-width: 960px) { margin-left: 36px; } @media only screen and (max-width: 782px) { margin-left: 0; } } } .am-bottom-popover { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 999; background-color: @color-white; margin-left: 160px; padding: @padding-medium @padding-big; border: 1px solid @color-divider-gray; min-height: 74px; box-sizing: border-box; .el-button.am-button-icon { position: absolute; } .el-checkbox { margin-right: @margin-medium; } @media only screen and (max-width: 782px) { margin-left: 0; } .am-bottom-popover-confirmation { /* display: inline-block;*/ h3 { margin: 0 @margin-medium 0 0; @media @less-then-small { margin: 0 0 @margin-small; text-align: center; } } .el-row { min-height: 38px; @media @less-then-small { flex-direction: column; } } } } .am-gallery-images { padding-top: @padding-small; .am-gallery-image-wrapper { margin-bottom: @margin-big; border-radius: 3px; overflow: hidden; } .am-gallery-image { height: 120px; line-height: 120px; width: 100%; overflow: hidden; text-align: center; background-position: center; background-size: cover; cursor: pointer; position: relative; i { display: none; color: @color-white; position: absolute; top: 50%; left: 50%; z-index: 1; font-size: @medium-fs+4px; margin-left: -12px; margin-top: -12px; } &:hover { i { display: block; } &:before { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: " "; background-color: fade(@color-text-prime, 60%); } } img { width: 100%; } } .am-gallery-image-title { border: 1px solid @color-divider-gray; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: @padding-small; font-size: @mini-fs - 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; .am-drag-handle { cursor: move; cursor: -webkit-grabbing; margin-right: 2px; img, svg { display: inline-block; vertical-align: middle; rect { fill: @color-text-second; } } &:hover { rect { fill: @color-text-prime; } } } } .am-gallery-image-add { border: 2px dashed @color-blue; height: 160px; width: 100%; text-align: center; cursor: pointer; position: relative; border-radius: 4px; display: flex; justify-content: center; align-items: center; color: @color-blue; box-sizing: border-box; margin-bottom: @margin-big; &:hover { i { border-radius: 50%; border: 1px solid @color-blue; background-color: @color-blue; color: @color-white; } } i { display: inline; padding: @padding-small/4; color: @color-blue; font-size: @medium-fs+4px; line-height: 36px; } span { display: block; color: @color-blue; } } } .am-extra-list { padding: @padding-medium 0; .el-button { width: 100%; margin-bottom: @margin-medium; } .am-extra-item { background-color: @color-white; border-radius: 4px; border: 1px solid @color-divider-gray; padding: @padding-medium; margin-bottom: @margin-medium; &.sortable-ghost { background-color: @color-highlight; } &.sortable-chosen { opacity: .5; cursor: move; cursor: -webkit-grabbing; } .am-drag-handle { line-height: 1; cursor: move; cursor: -webkit-grabbing; margin-right: @margin-small; vertical-align: sub; svg { rect { fill: @color-text-second; } } } h3 { margin: 0; } .extra-item-actions { span { margin-left: @margin-small/2; cursor: pointer; &:hover, &.active { svg { path { fill: @color-blue; } } } } } .el-form { padding-bottom: 0; } .am-confirmation { padding: @padding-medium 0 0 0; border: none; p { margin: 0; font-size: @small-fs; padding-bottom: @padding-medium; } .el-button { margin: 0 0 0 @margin-small/2; width: auto; } } .am-extra-item-data { margin-top: @margin-medium; .el-col { margin-bottom: @margin-small; } span { display: block; font-size: @small-fs; white-space: nowrap; @media @less-then-small { white-space: normal; } &.data-title { color: fade(@color-text-prime, 75%); } } } .el-button { margin: @margin-medium 0 0 @margin-small; width: auto; } } } .el-select { &.sort { position: relative; &:before { width: 18px; height: 18px; position: absolute; top: 14px; left: 12px; content: url('../../img/sort.svg'); } input { padding-left: @padding-medium * 2; } } } .el-popover { &.am-color-popover { padding: @padding-medium; .am-service-color { width: 24px; height: 24px; display: inline-block; border: 4px solid @color-white; border-radius: 50%; cursor: pointer; position: relative; &.color-active:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: @color-white; text-align: center; font-family: element-icons; content: "\e6da"; line-height: 1.9; } } .el-input input { box-shadow: none; } .align-right { border-top: 1px solid @color-divider-gray; padding-top: @padding-medium; } } } // V-calendar .amelia-booking { .v-calendar-column { overflow: visible; .el-form-item__content { height: 100%; //&:after { // content: ""; // display: block; // position: absolute; // top: 12px; // bottom: 2px; // right: 8px; // height: 16px; // width: 16px; // background: #fff url('../../img/calendar-grey.svg') no-repeat center / contain; //} input { padding-right: @padding-big; } } } .popover-container { width: 100%; .popover-origin .popover-content-wrapper .popover-content { background-color: @color-white; } input { width: 100%; } } .c-pane-container { background-color: transparent !important; } .c-day-content { font-size: @mini-fs; font-weight: 400; color: inherit; div { color: inherit; } } .c-weekdays { border-bottom: 1px solid @color-divider-gray; padding-bottom: @padding-small / 2; } .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title { font-size: 1rem; } .c-pane-container { font-family: @roboto; padding: 0 @padding-small; } } // Icons & Buttons .el-button { vertical-align: middle; i { line-height: 0.9; } &.am-button-icon { line-height: 1; padding: @padding-small+3px @padding-small+6px; span { margin: 0; display: block; width: 16px; height: 16px; svg { vertical-align: middle; } } &:hover, &:focus, &.active { span { svg { path { fill: @color-blue; } } } } } &.am-text-button-icon { margin-bottom: @margin-medium; &:hover { border-color: transparent; } span { margin: 0; display: inline-block; width: 16px; height: 16px; svg { vertical-align: middle; } } } } .am-email-codes { padding: @padding-big 0; .am-email-code { p { cursor: pointer; position: relative; margin: 2px 0; &:hover { i { color: @color-blue; } .am-copy-code { display: inline-block; } } &.am-clicked-code { } i { color: @color-text-second; display: inline-block; vertical-align: middle; } .am-copy-code, .am-copied-code { position: absolute; right: 0; top: 4px; display: none; color: @color-blue; font-size: @mini-fs; } } } } i.am-tooltip-icon { color: @color-icon; cursor: help; } .am-pop-modal { .el-dialog { width: 580px; @media @less-then-medium { width: 90%; } } } .am-dialog-scrollable { } .am-dialog-table { &.am-custom-fields-container { padding-bottom: 400px; } } .am-custom-fields { .el-form-item__content { max-height: none !important; .am-front-texarea, .el-checkbox-group, .el-radio-group { margin-bottom: 16px; } .el-date-editor { width: 100% !important; } } .am-front-texarea { .el-form-item__content { max-height: none !important; } } .el-checkbox, .el-radio { width: 100%; margin-left: 0; font-weight: 400; line-height: 1.5; color: @color-text-prime; } .el-checkbox-group, .el-radio-group { display: block; margin-left: 3px; } .am-text-content { border-radius: 4px; border: 1px solid @color-divider-gray; padding: @padding-small; margin-bottom: @margin-medium; p { line-height: 1.5; } } } .am-align-left { text-align: left; } .el-table .cell { display: flex; align-items: center; img, svg { margin-right: @margin-small; } } common/_overrides.less 0000666 00000020312 15165376205 0011101 0 ustar 00 @import "_variables"; .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { box-shadow: none; } .el-col { overflow: hidden; } .el-collapse-item__header { height: auto; line-height: inherit; padding-left: 0; background-color: transparent; color: @color-text-prime; cursor: pointer; border-bottom: none; font-size: inherit; } .el-collapse-item__wrap { border-bottom: none; background-color: transparent; } .el-collapse { border: none; } .el-collapse-item__header__arrow { position: absolute; } .el-collapse-item__content { padding: 0; } .el-input, .el-date-editor, .el-form-item .popover-container { margin-bottom: @margin-medium; } .el-form-item .c-weeks .popover-container, .el-form .c-title-popover.popover-container { margin-bottom: 0; } .el-input-number { width: 100%; } .el-button.el-button--primary { color: @color-white; background-color: @color-blue; border-color: @color-blue; &:hover { color: @color-white; background-color: darken(@color-blue, 5%); } } .el-button.el-button--danger { color: @color-white; background-color: @color-red; border-color: @color-red; &:hover { color: @color-white; background-color: darken(@color-red, 5%); border-color: darken(@color-red, 5%); } } .el-button { color: @color-text-second; &:hover { color: @color-blue; border-color: @color-blue; } } .el-date-editor.el-input, .el-date-editor.el-input__inner, .el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner, .el-date-editor.el-input, .el-date-editor.el-input__inner, .el-input__inner { width: 100%; } .el-form--label-top .el-form-item__label { color: @color-text-prime; padding: 0; line-height: 2; } .el-form-item__label { } .el-picker-panel, .el-popover, .el-select-dropdown, .el-tooltip__popper, .el-notification { font-family: @roboto; max-width: 100%; } .el-tabs__content { padding-right: 1px; } .el-tabs__item.is-active { color: @color-blue; } .el-tabs__active-bar { background-color: @color-blue; } .v-modal { background: rgba(0, 0, 0, 0.3); opacity: 1; } .el-time-panel__btn.confirm { color: @color-blue; } input[type=text].el-select__input { border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .el-tag--primary { background-color: rgba(32, 160, 255, .1); border-color: rgba(32, 160, 255, .2); color: @color-blue; font-size: 10px; } .el-tag .el-icon-close { font-size: 9px; top: 1px; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover, .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: @color-highlight; } .el-select-dropdown__empty { padding: 10px; } .el-select-dropdown { .el-select-dropdown__item { background-color: transparent; color: inherit; &.hover { background-color: transparent; } &:hover { background-color: @color-highlight; } &.selected { background-color: transparent; color: inherit; &.hover { background-color: transparent; } &:hover { background-color: @color-highlight; } } &.is-disabled { color: @color-gray; } } } .el-form-item { margin-bottom: @margin-small/2; } .el-input-group__prepend { background-color: @color-light-gray; border-color: #dddddd; .el-input { margin-bottom: 0; min-width: 75px; } } .el-input-group__append { background-color: @color-highlight; button.el-button { border-radius: 0; border-right: 1px solid @color-divider-gray; padding: 12px @padding-medium; i { vertical-align: middle; } &:last-child { border: none; } &.active { color: @color-blue; } } } .el-switch.is-checked .el-switch__core { background-color: @color-blue; border-color: @color-blue; } button.el-button { &.active { color: @color-blue; border-color: @color-blue; } } .pac-container { z-index: 9999999991 !important; } .el-collapse-item:last-child { margin-bottom: 0; } .el-icon-plus { font-weight: 600; } .el-tabs__nav-wrap::after { height: 1px; background-color: @color-divider-gray; } .el-select-dropdown__item span { } .el-dialog { input[type=number] { height: 40px; line-height: 1; padding: 0 10px; } } .el-date-editor .el-range__close-icon { position: absolute; top: 0; right: 0; } .el-form-item__content { line-height: 1; .am-v-date-picker-suffix { position: absolute; top: 0; right: 5px; color: #E2E6EC; cursor: pointer; &:hover { color: #354052; } } } .el-select--mini { .el-select__tags { top: 14px; } } .el-select__tags { top: 20px; overflow: hidden; white-space: nowrap; flex-wrap: nowrap; left: 4px; .el-select__tags-text { max-width: 150px; overflow: hidden; display: inline-block; vertical-align: middle; @media @less-then-xlarge { max-width: 80px; } } .el-select__input { margin-left: @margin-small/2; max-width: 32px; } } .el-message-box { @media @less-then-small { width: 100%; } } // WP Overrides input.readonly, input[readonly], textarea.readonly, textarea[readonly] { background-color: transparent; } .amelia-booking input, .amelia-booking textarea { box-shadow: none; } input[type=text], input[type=search], input[type=radio], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=password], input[type=checkbox], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], select, textarea { border-color: @color-divider-gray; box-shadow: none; color: @color-text-prime; } input[type=text]:focus, input[type=search]:focus, input[type=radio]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=password]:focus, input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, select:focus, textarea:focus { border-color: @color-blue; box-shadow: none; } .amelia-booking input[type=radio], .amelia-booking input[type=checkbox] { display: none; } input, select { margin: 0; } dd, li { margin-bottom: 0; } @media screen and (max-width: 782px) { input[type=number] { height: auto; } .auto-fold #wpcontent { padding-left: 0; } #wpadminbar { z-index: 2000; } } /*!* Fix Input Zoom on devices older than iPhone 5: *! @media screen and (device-aspect-ratio: 2/3) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"]{ font-size: 16px; } } !* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g *! @media screen and (device-aspect-ratio: 40/71) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"]{ font-size: 16px; } } !* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7 *! @media screen and (device-aspect-ratio: 375/667) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"]{ font-size: 16px; } }*/ @media screen and (max-width: 667px) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], textarea { font-size: 16px !important; /* transform: scale(0.875); transform-origin: top left; width: 114.5% !important;*/ } } common/font.less 0000666 00000711403 15165376205 0007716 0 ustar 00 /* latin-ext */ @font-face { font-family: 'Amelia Lato'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u-w4BMUTPHjxsIPx-mPCLQ7A.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Lato'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u-w4BMUTPHjxsIPx-oPCI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Amelia Lato'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u_w4BMUTPHjxsI9w2_FQft1dw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Lato'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u_w4BMUTPHjxsI9w2_Gwft.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Amelia Lato'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Lato'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Amelia Lato'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Lato'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Amelia Lato'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u_w4BMUTPHjxsI3wi_FQft1dw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Lato'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u_w4BMUTPHjxsI3wi_Gwft.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Amelia Lato'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u8w4BMUTPHh30AUi-qJCY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Lato'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u8w4BMUTPHh30AXC-q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Amelia Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Amelia Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Amelia Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Amelia Lato'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Lato'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } // ROBOTO FONT - START /* cyrillic-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } // ROBOTO FONT - END // MERRIWEATHER FONT - START /* cyrillic-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7lXff1jvzRPA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7lXff8jvzRPA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7lXff3jvzRPA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7lXff2jvzRPA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4m0qyriQwlOrhSvowK_l5-eRZDf-LHrw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4m0qyriQwlOrhSvowK_l5-eRZKf-LHrw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4m0qyriQwlOrhSvowK_l5-eRZBf-LHrw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4m0qyriQwlOrhSvowK_l5-eRZAf-LHrw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4m0qyriQwlOrhSvowK_l5-eRZOf-I.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf1jvzRPA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf8jvzRPA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf3jvzRPA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf2jvzRPA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf4jvw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf1jvzRPA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf8jvzRPA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf3jvzRPA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf2jvzRPA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Merriweather'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l521wRZVcf6lvg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l521wRZXMf6lvg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l521wRZV8f6lvg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l521wRZVsf6lvg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l521wRZWMf6.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52xwNZVcf6lvg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52xwNZXMf6lvg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52xwNZV8f6lvg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52xwNZVsf6lvg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52_wFZVcf6lvg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52_wFZXMf6lvg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52_wFZV8f6lvg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52_wFZVsf6lvg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Merriweather'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } // MERRIWEATHER FONT - END // MONTSERRAT FONT - START /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUOjIg1_i6t8kCHKm459WxZqh7p29NNpQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUOjIg1_i6t8kCHKm459WxZqh7g29NNpQ.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUOjIg1_i6t8kCHKm459WxZqh7r29NNpQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUOjIg1_i6t8kCHKm459WxZqh7q29NNpQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUOjIg1_i6t8kCHKm459WxZqh7k29M.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZBg_z8fZwnCo.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZBg_z-PZwnCo.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZBg_z8_ZwnCo.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZBg_z8vZwnCo.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZBg_z_PZw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZYgzz8fZwnCo.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZYgzz-PZwnCo.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZYgzz8_ZwnCo.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZYgzz8vZwnCo.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZYgzz_PZw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZOg3z8fZwnCo.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZOg3z-PZwnCo.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZOg3z8_ZwnCo.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZOg3z8vZwnCo.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZOg3z_PZw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZFgrz8fZwnCo.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZFgrz-PZwnCo.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZFgrz8_ZwnCo.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZFgrz8vZwnCo.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZFgrz_PZw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZcgvz8fZwnCo.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZcgvz-PZwnCo.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZcgvz8_ZwnCo.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZcgvz8vZwnCo.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZcgvz_PZw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZbgjz8fZwnCo.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZbgjz-PZwnCo.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZbgjz8_ZwnCo.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZbgjz8vZwnCo.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZbgjz_PZw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZSgnz8fZwnCo.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZSgnz-PZwnCo.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZSgnz8_ZwnCo.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZSgnz8vZwnCo.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUPjIg1_i6t8kCHKm459WxZSgnz_PZw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm45_QpRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm45_QpRzS7mw9c.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm45_QpRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm45_QpRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm45_QpRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } // MONTSERRAT FONT - END // MULISH FONT - START /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jogaqRXBA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRXBA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jovaqQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jogaqRXBA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRXBA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jovaqQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jogaqRXBA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRXBA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jovaqQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jogaqRXBA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRXBA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jovaqQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jogaqRXBA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRXBA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jovaqQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jogaqRXBA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRXBA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jovaqQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jogaqRXBA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRXBA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jovaqQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jogaqRXBA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRXBA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2jovaqQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotcqA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotcqA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotcqA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotcqA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotcqA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotcqA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotcqA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotcqA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotcqA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotcqA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotcqA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotcqA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotcqA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotcqA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0AotcqA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk0QotcqA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Mulish'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/mulish/v3/1Ptvg83HX_SGhgqk3wot.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } // MULISH FONT - END /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN5MZ9vHUT8_DQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN5MZ9vOUT8_DQ.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN5MZ9vFUT8_DQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN5MZ9vEUT8_DQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN5MZ9vKUT8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4oZNvHUT8_DQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4oZNvOUT8_DQ.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4oZNvFUT8_DQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4oZNvEUT8_DQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4oZNvKUT8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXX3I6Li01BKofIMNaORs71cA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXX3I6Li01BKofIMNaHRs71cA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXX3I6Li01BKofIMNaMRs71cA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXX3I6Li01BKofIMNaNRs71cA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXX3I6Li01BKofIMNaDRs4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN5cYtvHUT8_DQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN5cYtvOUT8_DQ.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN5cYtvFUT8_DQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN5cYtvEUT8_DQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN5cYtvKUT8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN44Y9vHUT8_DQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN44Y9vOUT8_DQ.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN44Y9vFUT8_DQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN44Y9vEUT8_DQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN44Y9vKUT8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4kYNvHUT8_DQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4kYNvOUT8_DQ.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4kYNvFUT8_DQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4kYNvEUT8_DQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4kYNvKUT8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4AYdvHUT8_DQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4AYdvOUT8_DQ.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4AYdvFUT8_DQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4AYdvEUT8_DQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXQ3I6Li01BKofIMN4AYdvKUT8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA-seUbOvISTs.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA-seUZevISTs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA-seUbuvISTs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA-seUb-vISTs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA-seUYevI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUbOvISTs.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUZevISTs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUbuvISTs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUb-vISTs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUYevI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXV3I6Li01BKofINeaB.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUbOvISTs.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUZevISTs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUbuvISTs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUb-vISTs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUYevI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAjsOUbOvISTs.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAjsOUZevISTs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAjsOUbuvISTs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAjsOUb-vISTs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAjsOUYevI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAksCUbOvISTs.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAksCUZevISTs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAksCUbuvISTs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAksCUb-vISTs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAksCUYevI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAtsGUbOvISTs.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAtsGUZevISTs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAtsGUbuvISTs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAtsGUb-vISTs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Nunito'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAtsGUYevI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxifypY1o9NHyXh3WvSbGSggdOeJWEFkr1ap.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxifypY1o9NHyXh3WvSbGSggdOeJWEBkr1ap.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxifypY1o9NHyXh3WvSbGSggdOeJWE5krw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxiYypY1o9NHyXh3WvSbGSggdOeJUL1HumaIo8pO.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxiYypY1o9NHyXh3WvSbGSggdOeJUL1HumeIo8pO.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxiYypY1o9NHyXh3WvSbGSggdOeJUL1HummIow.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxiYypY1o9NHyXh3WvSbGSggdOeJUJFAumaIo8pO.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxiYypY1o9NHyXh3WvSbGSggdOeJUJFAumeIo8pO.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxiYypY1o9NHyXh3WvSbGSggdOeJUJFAummIow.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxiYypY1o9NHyXh3WvSbGSggdOeJUPVBumaIo8pO.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxiYypY1o9NHyXh3WvSbGSggdOeJUPVBumeIo8pO.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxiYypY1o9NHyXh3WvSbGSggdOeJUPVBummIow.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxidypY1o9NHyXh3WvSbGSggdOeDaEx8qw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxidypY1o9NHyXh3WvSbGSggdOeCaEx8qw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxidypY1o9NHyXh3WvSbGSggdOeMaEw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxieypY1o9NHyXh3WvSbGSggdO9_S1lMimuQpw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxieypY1o9NHyXh3WvSbGSggdO9_S1lNimuQpw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxieypY1o9NHyXh3WvSbGSggdO9_S1lDims.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxieypY1o9NHyXh3WvSbGSggdO9TTFlMimuQpw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxieypY1o9NHyXh3WvSbGSggdO9TTFlNimuQpw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxieypY1o9NHyXh3WvSbGSggdO9TTFlDims.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxieypY1o9NHyXh3WvSbGSggdO83TVlMimuQpw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxieypY1o9NHyXh3WvSbGSggdO83TVlNimuQpw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Asap Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/asapcondensed/v8/pxieypY1o9NHyXh3WvSbGSggdO83TVlDims.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hmIqOjjg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hvIqOjjg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hnIqOjjg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hoIqOjjg.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hkIqOjjg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hlIqOjjg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKXGUdhvIqOjjg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKXGUdhnIqOjjg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKXGUdhoIqOjjg.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKXGUdhkIqOjjg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKXGUdhlIqOjjg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKXGUdhrIqM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWiUNhvIqOjjg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWiUNhnIqOjjg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWiUNhoIqOjjg.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWiUNhkIqOjjg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWiUNhlIqOjjg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hmIqOjjg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hvIqOjjg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hnIqOjjg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hoIqOjjg.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hkIqOjjg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hlIqOjjg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Open Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hrIqM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Open Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHtv4kjgoGqM7E_CfNY8HIJmAci.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHtv4kjgoGqM7E_CfNY8HMJmAci.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHtv4kjgoGqM7E_CfNY8H0JmA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfP04WohvTobdw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfP04WogvTobdw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfP04WouvTo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfOQ4mohvTobdw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfOQ4mogvTobdw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfOQ4mouvTo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHrv4kjgoGqM7E_Cfs0wH8RnA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHrv4kjgoGqM7E_Cfs1wH8RnA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHrv4kjgoGqM7E_Cfs7wH8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfPI42ohvTobdw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfPI42ogvTobdw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfPI42ouvTo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfPk5GohvTobdw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfPk5GogvTobdw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfPk5GouvTo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfOA5WohvTobdw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfOA5WogvTobdw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfOA5WouvTo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfOc5mohvTobdw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfOc5mogvTobdw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfOc5mouvTo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfO452ohvTobdw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfO452ogvTobdw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfO452ouvTo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHrv4kjgoGqM7E3b_s0wH8RnA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHrv4kjgoGqM7E3b_s1wH8RnA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHrv4kjgoGqM7E3b_s7wH8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3w-os6FospT4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3w-os6VospT4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3w-os51os.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3p-ks6FospT4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3p-ks6VospT4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3p-ks51os.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHpv4kjgoGqM7E_A8s52Hs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3_-gs6FospT4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3_-gs6VospT4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3_-gs51os.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E30-8s6FospT4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E30-8s6VospT4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E30-8s51os.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3t-4s6FospT4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3t-4s6VospT4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3t-4s51os.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3q-0s6FospT4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3q-0s6VospT4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3q-0s51os.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3j-ws6FospT4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3j-ws6VospT4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Barlow'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3j-ws51os.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752GT8G.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752GT8G.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752GT8G.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752GT8G.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752GT8G.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752GT8G.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxmJD1img.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxvJD1img.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxkJD1img.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxlJD1img.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxrJD0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxmJD1img.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxvJD1img.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxkJD1img.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxlJD1img.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxrJD0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxmJD1img.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxvJD1img.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxkJD1img.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxlJD1img.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxrJD0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxmJD1img.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxvJD1img.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxkJD1img.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxlJD1img.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxrJD0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxmJD1img.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxvJD1img.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxkJD1img.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxlJD1img.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxrJD0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxmJD1img.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxvJD1img.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxkJD1img.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxlJD1img.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxrJD0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxmJD1img.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxvJD1img.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxkJD1img.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxlJD1img.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxrJD0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxmJD1img.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxvJD1img.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxkJD1img.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxlJD1img.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxrJD0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxmJD1img.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxvJD1img.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxkJD1img.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxlJD1img.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax-HiqOu8IVPmn7erxrJD0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Bitter'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/bitter/v19/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiAyp8kv8JHgFVrJJLmE0tDMPKzSQ.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiAyp8kv8JHgFVrJJLmE0tMMPKzSQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmv1pVFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmv1pVGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm21lVFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111VFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xVFteOcEg.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xVGdeOcEg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Amelia Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Amelia Carme'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/carme/v11/ptRHTiWdbvZIDNjBzrI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } common/_country-flags.less 0000666 00000101523 15165376205 0011700 0 ustar 00 /* SELECTBOX FLAGS*/ .am-flag { display: inline-block; width: 24px; height: 24px; background: url('../../img/flags/all.png') no-repeat; float: left; margin: 5px 10px 0 -5px; } .am-flag.am-flag-auto { background-image: url('../../img/flags/auto.png'); } .am-flag.am-flag-ar { background-position: -216px 0; } .am-flag.am-flag-pg { background-position: -216px -240px; } .am-flag.am-flag-cm { background-position: -264px -48px; } .am-flag.am-flag-gn { background-position: -24px -120px; } .am-flag.am-flag-ee { background-position: -264px -72px; } .am-flag.am-flag-ga { background-position: -192px -96px; } .am-flag.am-flag-tt { background-position: -168px -312px; } .am-flag.am-flag-gg { background-position: -288px -96px; } .am-flag.am-flag-vg { background-position: -72px -336px; } .am-flag.am-flag-cv { background-position: 0 -72px; } .am-flag.am-flag-ai { background-position: -96px 0; } .am-flag.am-flag-ck { background-position: -216px -48px; } .am-flag.am-flag-cy { background-position: -48px -72px; } .am-flag.am-flag-vn { background-position: -120px -336px; } .am-flag.am-flag-gd { background-position: -240px -96px; } .am-flag.am-flag-am { background-position: -144px 0; } .am-flag.am-flag-mh { background-position: -192px -192px; } .am-flag.am-flag-ss { background-position: -144px -288px; } .am-flag.am-flag-ye { background-position: -216px -336px; } .am-flag.am-flag-fr { background-position: -168px -96px; } .am-flag.am-flag-re { background-position: -168px -96px; } .am-flag.am-flag-gf { background-position: -168px -96px; } .am-flag.am-flag-gp { background-position: -168px -96px; } .am-flag.am-flag-ht { background-position: -288px -120px; } .am-flag.am-flag-ws { background-position: -192px -336px; } .am-flag.am-flag-mu { background-position: -72px -216px; } .am-flag.am-flag-mm { background-position: -264px -192px; } .am-flag.am-flag-ie { background-position: 0 -144px; } .am-flag.am-flag-gr { background-position: -72px -120px; } .am-flag.am-flag-gt { background-position: -120px -120px; } .am-flag.am-flag-ba { background-position: 0 -24px; } .am-flag.am-flag-ua { background-position: -264px -312px; } .am-flag.am-flag-kg { background-position: -312px -144px; } .am-flag.am-flag-mc { background-position: -72px -192px; } .am-flag.am-flag-mw { background-position: -120px -216px; } .am-flag.am-flag-cf { background-position: -120px -48px; } .am-flag.am-flag-cn { background-position: -288px -48px; } .am-flag.am-flag-dk { background-position: -144px -72px; } .am-flag.am-flag-ve { background-position: -48px -336px; } .am-flag.am-flag-rs { background-position: -120px -264px; } .am-flag.am-flag-np { background-position: -24px -240px; } .am-flag.am-flag-bw { background-position: 0 -48px; } .am-flag.am-flag-cg { background-position: -144px -48px; } .am-flag.am-flag-kz { background-position: -144px -168px; } .am-flag.am-flag-do { background-position: -192px -72px; } .am-flag.am-flag-de { background-position: -96px -72px; } .am-flag.am-flag-ad { background-position: 0 0; } .am-flag.am-flag-rw { background-position: -168px -264px; } .am-flag.am-flag-tz { background-position: -240px -312px; } .am-flag.am-flag-be { background-position: -72px -24px; } .am-flag.am-flag-sl { background-position: -24px -288px; } .am-flag.am-flag-iq { background-position: -96px -144px; } .am-flag.am-flag-fm { background-position: -120px -96px; } .am-flag.am-flag-ge { background-position: -264px -96px; } .am-flag.am-flag-ne { background-position: -264px -216px; } .am-flag.am-flag-mq { background-position: -360px -192px; } .am-flag.am-flag-kw { background-position: -96px -168px; } .am-flag.am-flag-gl { background-position: -360px -96px; } .am-flag.am-flag-cz { background-position: -72px -72px; } .am-flag.am-flag-sh { background-position: -336px -264px; } .am-flag.am-flag-fi { background-position: -48px -96px; } .am-flag.am-flag-mn { background-position: -288px -192px; } .am-flag.am-flag-bd { background-position: -48px -24px; } .am-flag.am-flag-to { background-position: -120px -312px; } .am-flag.am-flag-mk { background-position: -216px -192px; } .am-flag.am-flag-ae { background-position: -24px 0; } .am-flag.am-flag-fo { background-position: -144px -96px; } .am-flag.am-flag-ls { background-position: -312px -168px; } .am-flag.am-flag-in { background-position: -72px -144px; } .am-flag.am-flag-ec { background-position: -240px -72px; } .am-flag.am-flag-pt { background-position: 0 -264px; } .am-flag.am-flag-pf { background-position: -192px -240px; } .am-flag.am-flag-bb { background-position: -24px -24px; } .am-flag.am-flag-pl { background-position: -288px -240px; } .am-flag.am-flag-na { background-position: -216px -216px; } .am-flag.am-flag-jm { background-position: -216px -144px; } .am-flag.am-flag-me { background-position: -120px -192px; } .am-flag.am-flag-dm { background-position: -168px -72px; } .am-flag.am-flag-bz { background-position: -48px -48px; } .am-flag.am-flag-si { background-position: -360px -264px; } .am-flag.am-flag-lc { background-position: -216px -168px; } .am-flag.am-flag-zw { background-position: -312px -336px; } .am-flag.am-flag-xk { background-position: -336px -336px; } .am-flag.am-flag-kn { background-position: -24px -168px; } .am-flag.am-flag-sy { background-position: -216px -288px; } .am-flag.am-flag-gw { background-position: -168px -120px; } .am-flag.am-flag-cw { background-position: -24px -72px; } .am-flag.am-flag-ky { background-position: -120px -168px; } .am-flag.am-flag-ag { background-position: -72px 0; } .am-flag.am-flag-sz { background-position: -240px -288px; } .am-flag.am-flag-bg { background-position: -120px -24px; } .am-flag.am-flag-hk { background-position: -216px -120px; } .am-flag.am-flag-yt { background-position: -240px -336px; } .am-flag.am-flag-ni { background-position: -336px -216px; } .am-flag.am-flag-gm { background-position: 0 -120px; } .am-flag.am-flag-az { background-position: -360px 0; } .am-flag.am-flag-gs { background-position: -96px -120px; } .am-flag.am-flag-it { background-position: -168px -144px; } .am-flag.am-flag-es { background-position: -360px -72px; } .am-flag.am-flag-mf { background-position: -144px -192px; } .am-flag.am-flag-td { background-position: -288px -288px; } .am-flag.am-flag-tw { background-position: -216px -312px; } .am-flag.am-flag-mt { background-position: -48px -216px; } .am-flag.am-flag-pn { background-position: -312px -240px; } .am-flag.am-flag-wf { background-position: -168px -336px; } .am-flag.am-flag-us { background-position: -312px -312px; } .am-flag.am-flag-ml { background-position: -240px -192px; } .am-flag.am-flag-gi { background-position: -336px -96px; } .am-flag.am-flag-zm { background-position: -288px -336px; } .am-flag.am-flag-tl { background-position: -48px -312px; } .am-flag.am-flag-dj { background-position: -120px -72px; } .am-flag.am-flag-pw { background-position: -24px -264px; } .am-flag.am-flag-sg { background-position: -312px -264px; } .am-flag.am-flag-li { background-position: -240px -168px; } .am-flag.am-flag-vi { background-position: -96px -336px; } .am-flag.am-flag-hr { background-position: -264px -120px; } .am-flag.am-flag-ms { background-position: -24px -216px; } .am-flag.am-flag-kp { background-position: -48px -168px; } .am-flag.am-flag-sa { background-position: -192px -264px; } .am-flag.am-flag-ly { background-position: -24px -192px; } .am-flag.am-flag-cr { background-position: -336px -48px; } .am-flag.am-flag-nr { background-position: -48px -240px; } .am-flag.am-flag-sm { background-position: -48px -288px; } .am-flag.am-flag-za { background-position: -264px -336px; } .am-flag.am-flag-mx { background-position: -144px -216px; } .am-flag.am-flag-gy { background-position: -192px -120px; } .am-flag.am-flag-id { background-position: -360px -120px; } .am-flag.am-flag-py { background-position: -48px -264px; } .am-flag.am-flag-pk { background-position: -264px -240px; } .am-flag.am-flag-ax { background-position: -336px 0; } .am-flag.am-flag-bj { background-position: -192px -24px; } .am-flag.am-flag-dz { background-position: -216px -72px; } .am-flag.am-flag-ps { background-position: -360px -240px; } .am-flag.am-flag-gq { background-position: -48px -120px; } .am-flag.am-flag-tm { background-position: -72px -312px; } .am-flag.am-flag-bf { background-position: -96px -24px; } .am-flag.am-flag-my { background-position: -168px -216px; } .am-flag.am-flag-sd { background-position: -264px -264px; } .am-flag.am-flag-jo { background-position: -240px -144px; } .am-flag.am-flag-hu { background-position: -312px -120px; } .am-flag.am-flag-mp { background-position: -336px -192px; } .am-flag.am-flag-bo { background-position: -288px -24px; } .am-flag.am-flag-nl { background-position: -360px -216px; } .am-flag.am-flag-tf { background-position: -312px -288px; } .am-flag.am-flag-ma { background-position: -48px -192px; } .am-flag.am-flag-la { background-position: -168px -168px; } .am-flag.am-flag-jp { background-position: -264px -144px; } .am-flag.am-flag-fj { background-position: -72px -96px; } .am-flag.am-flag-sc { background-position: -240px -264px; } .am-flag.am-flag-er { background-position: -336px -72px; } .am-flag.am-flag-kh { background-position: -336px -144px; } .am-flag.am-flag-lv { background-position: 0 -192px; } .am-flag.am-flag-sb { background-position: -216px -264px; } .am-flag.am-flag-ao { background-position: -192px 0; } .am-flag.am-flag-eu { background-position: -24px -96px; } .am-flag.am-flag-lr { background-position: -288px -168px; } .am-flag.am-flag-tc { background-position: -264px -288px; } .am-flag.am-flag-bt { background-position: -360px -24px; } .am-flag.am-flag-bl { background-position: -216px -24px; } .am-flag.am-flag-tr { background-position: -144px -312px; } .am-flag.am-flag-km { background-position: 0 -168px; } .am-flag.am-flag-je { background-position: -192px -144px; } .am-flag.am-flag-is { background-position: -144px -144px; } .am-flag.am-flag-sr { background-position: -120px -288px; } .am-flag.am-flag-tv { background-position: -192px -312px; } .am-flag.am-flag-ph { background-position: -240px -240px; } .am-flag.am-flag-tj { background-position: 0 -312px; } .am-flag.am-flag-mv { background-position: -96px -216px; } .am-flag.am-flag-al { background-position: -120px 0; } .am-flag.am-flag-vu { background-position: -144px -336px; } .am-flag.am-flag-cd { background-position: -96px -48px; } .am-flag.am-flag-aw { background-position: -312px 0; } .am-flag.am-flag-nu { background-position: -72px -240px; } .am-flag.am-flag-bi { background-position: -168px -24px; } .am-flag.am-flag-uy { background-position: -336px -312px; } .am-flag.am-flag-ug { background-position: -288px -312px; } .am-flag.am-flag-ci { background-position: -192px -48px; } .am-flag.am-flag-tn { background-position: -96px -312px; } .am-flag.am-flag-nz { background-position: -96px -240px; } .am-flag.am-flag-no { background-position: 0 -240px; } .am-flag.am-flag-hn { background-position: -240px -120px; } .am-flag.am-flag-an { background-position: -168px 0; } .am-flag.am-flag-gh { background-position: -312px -96px; } .am-flag.am-flag-pr { background-position: -336px -240px; } .am-flag.am-flag-pa { background-position: -144px -240px; } .am-flag.am-flag-vc { background-position: -24px -336px; } .am-flag.am-flag-ng { background-position: -312px -216px; } .am-flag.am-flag-il { background-position: -24px -144px; } .am-flag.am-flag-au { background-position: -288px 0; } .am-flag.am-flag-qa { background-position: -72px -264px; } .am-flag.am-flag-mz { background-position: -192px -216px; } .am-flag.am-flag-tg { background-position: -336px -288px; } .am-flag.am-flag-st { background-position: -168px -288px; } .am-flag.am-flag-ki { background-position: -360px -144px; } .am-flag.am-flag-tk { background-position: -24px -312px; } .am-flag.am-flag-as { background-position: -240px 0; } .am-flag.am-flag-eg { background-position: -288px -72px; } .am-flag.am-flag-nc { background-position: -240px -216px; } .am-flag.am-flag-fk { background-position: -96px -96px; } .am-flag.am-flag-eh { background-position: -312px -72px; } .am-flag.am-flag-af { background-position: -48px 0; } .am-flag.am-flag-gb { background-position: -216px -96px; } .am-flag.am-flag-cu { background-position: -360px -48px; } .am-flag.am-flag-va { background-position: 0 -336px; } .am-flag.am-flag-sn { background-position: -72px -288px; } .am-flag.am-flag-sv { background-position: -192px -288px; } .am-flag.am-flag-th { background-position: -360px -288px; } .am-flag.am-flag-ty { background-position: -240px -312px; } .am-flag.am-flag-ru { background-position: -144px -264px; } .am-flag.am-flag-ic { background-position: -336px -120px; } .am-flag.am-flag-ch { background-position: -168px -48px; } .am-flag.am-flag-lu { background-position: -360px -168px; } .am-flag.am-flag-so { background-position: -96px -288px; } .am-flag.am-flag-bn { background-position: -264px -24px; } .am-flag.am-flag-at { background-position: -264px 0; } .am-flag.am-flag-md { background-position: -96px -192px; } .am-flag.am-flag-lb { background-position: -192px -168px; } .am-flag.am-flag-im { background-position: -48px -144px; } .am-flag.am-flag-by { background-position: -24px -48px; } .am-flag.am-flag-uz { background-position: -360px -312px; } .am-flag.am-flag-ke { background-position: -288px -144px; } .am-flag.am-flag-nf { background-position: -288px -216px; } .am-flag.am-flag-bm { background-position: -240px -24px; } .am-flag.am-flag-mr { background-position: 0 -216px; } .am-flag.am-flag-ro { background-position: -96px -264px; } .am-flag.am-flag-bs { background-position: -336px -24px; } .am-flag.am-flag-kr { background-position: -72px -168px; } .am-flag.am-flag-et { background-position: 0 -96px; } .am-flag.am-flag-om { background-position: -120px -240px; } .am-flag.am-flag-bh { background-position: -144px -24px; } .am-flag.am-flag-br { background-position: -312px -24px; } .am-flag.am-flag-gu { background-position: -144px -120px; } .am-flag.am-flag-pe { background-position: -168px -240px; } .am-flag.am-flag-se { background-position: -288px -264px; } .am-flag.am-flag-ca { background-position: -72px -48px; } .am-flag.am-flag-cl { background-position: -240px -48px; } .am-flag.am-flag-mo { background-position: -312px -192px; } .am-flag.am-flag-sk { background-position: 0 -288px; } .am-flag.am-flag-ir { background-position: -120px -144px; } .am-flag.am-flag-co { background-position: -312px -48px; } .am-flag.am-flag-mg { background-position: -168px -192px; } .am-flag.am-flag-lk { background-position: -264px -168px; } .am-flag.am-flag-lt { background-position: -336px -168px; } /* SELECTED FLAGS */ .am-selected-flag { background: no-repeat 14px 8px; min-width: 75px; } .am-selected-flag-auto { background-image: url('../../img/flags/auto.png'); } .am-selected-flag-eu { background-image: url('../../img/flags/eu.png'); } .am-selected-flag-tz { background-image: url('../../img/flags/tz.png'); } .am-selected-flag-bd { background-image: url('../../img/flags/bd.png'); } .am-selected-flag-zm { background-image: url('../../img/flags/zm.png'); } .am-selected-flag-ss { background-image: url('../../img/flags/ss.png'); } .am-selected-flag-np { background-image: url('../../img/flags/np.png'); } .am-selected-flag-gl { background-image: url('../../img/flags/gl.png'); } .am-selected-flag-bw { background-image: url('../../img/flags/bw.png'); } .am-selected-flag-py { background-image: url('../../img/flags/py.png'); } .am-selected-flag-cd { background-image: url('../../img/flags/cd.png'); } .am-selected-flag-sn { background-image: url('../../img/flags/sn.png'); } .am-selected-flag-ro { background-image: url('../../img/flags/ro.png'); } .am-selected-flag-it { background-image: url('../../img/flags/it.png'); } .am-selected-flag-mg { background-image: url('../../img/flags/mg.png'); } .am-selected-flag-cf { background-image: url('../../img/flags/cf.png'); } .am-selected-flag-va { background-image: url('../../img/flags/va.png'); } .am-selected-flag-ly { background-image: url('../../img/flags/ly.png'); } .am-selected-flag-uz { background-image: url('../../img/flags/uz.png'); } .am-selected-flag-sc { background-image: url('../../img/flags/sc.png'); } .am-selected-flag-bf { background-image: url('../../img/flags/bf.png'); } .am-selected-flag-kr { background-image: url('../../img/flags/kr.png'); } .am-selected-flag-pk { background-image: url('../../img/flags/pk.png'); } .am-selected-flag-td { background-image: url('../../img/flags/td.png'); } .am-selected-flag-pl { background-image: url('../../img/flags/pl.png'); } .am-selected-flag-be { background-image: url('../../img/flags/be.png'); } .am-selected-flag-so { background-image: url('../../img/flags/so.png'); } .am-selected-flag-ls { background-image: url('../../img/flags/ls.png'); } .am-selected-flag-kp { background-image: url('../../img/flags/kp.png'); } .am-selected-flag-jm { background-image: url('../../img/flags/jm.png'); } .am-selected-flag-fm { background-image: url('../../img/flags/fm.png'); } .am-selected-flag-as { background-image: url('../../img/flags/as.png'); } .am-selected-flag-cy { background-image: url('../../img/flags/cy.png'); } .am-selected-flag-aw { background-image: url('../../img/flags/aw.png'); } .am-selected-flag-sg { background-image: url('../../img/flags/sg.png'); } .am-selected-flag-eg { background-image: url('../../img/flags/eg.png'); } .am-selected-flag-sd { background-image: url('../../img/flags/sd.png'); } .am-selected-flag-vg { background-image: url('../../img/flags/vg.png'); } .am-selected-flag-az { background-image: url('../../img/flags/az.png'); } .am-selected-flag-gr { background-image: url('../../img/flags/gr.png'); } .am-selected-flag-si { background-image: url('../../img/flags/si.png'); } .am-selected-flag-cg { background-image: url('../../img/flags/cg.png'); } .am-selected-flag-sa { background-image: url('../../img/flags/sa.png'); } .am-selected-flag-do { background-image: url('../../img/flags/do.png'); } .am-selected-flag-us { background-image: url('../../img/flags/us.png'); } .am-selected-flag-gu { background-image: url('../../img/flags/gu.png'); } .am-selected-flag-jo { background-image: url('../../img/flags/jo.png'); } .am-selected-flag-mt { background-image: url('../../img/flags/mt.png'); } .am-selected-flag-ru { background-image: url('../../img/flags/ru.png'); } .am-selected-flag-nc { background-image: url('../../img/flags/nc.png'); } .am-selected-flag-sk { background-image: url('../../img/flags/sk.png'); } .am-selected-flag-sh { background-image: url('../../img/flags/sh.png'); } .am-selected-flag-pe { background-image: url('../../img/flags/pe.png'); } .am-selected-flag-in { background-image: url('../../img/flags/in.png'); } .am-selected-flag-fj { background-image: url('../../img/flags/fj.png'); } .am-selected-flag-sz { background-image: url('../../img/flags/sz.png'); } .am-selected-flag-pg { background-image: url('../../img/flags/pg.png'); } .am-selected-flag-dj { background-image: url('../../img/flags/dj.png'); } .am-selected-flag-gy { background-image: url('../../img/flags/gy.png'); } .am-selected-flag-bg { background-image: url('../../img/flags/bg.png'); } .am-selected-flag-hk { background-image: url('../../img/flags/hk.png'); } .am-selected-flag-fi { background-image: url('../../img/flags/fi.png'); } .am-selected-flag-cw { background-image: url('../../img/flags/cw.png'); } .am-selected-flag-fk { background-image: url('../../img/flags/fk.png'); } .am-selected-flag-gh { background-image: url('../../img/flags/gh.png'); } .am-selected-flag-dm { background-image: url('../../img/flags/dm.png'); } .am-selected-flag-ao { background-image: url('../../img/flags/ao.png'); } .am-selected-flag-pa { background-image: url('../../img/flags/pa.png'); } .am-selected-flag-bb { background-image: url('../../img/flags/bb.png'); } .am-selected-flag-mo { background-image: url('../../img/flags/mo.png'); } .am-selected-flag-by { background-image: url('../../img/flags/by.png'); } .am-selected-flag-lb { background-image: url('../../img/flags/lb.png'); } .am-selected-flag-sy { background-image: url('../../img/flags/sy.png'); } .am-selected-flag-vn { background-image: url('../../img/flags/vn.png'); } .am-selected-flag-mm { background-image: url('../../img/flags/mm.png'); } .am-selected-flag-cz { background-image: url('../../img/flags/cz.png'); } .am-selected-flag-br { background-image: url('../../img/flags/br.png'); } .am-selected-flag-ne { background-image: url('../../img/flags/ne.png'); } .am-selected-flag-bj { background-image: url('../../img/flags/bj.png'); } .am-selected-flag-at { background-image: url('../../img/flags/at.png'); } .am-selected-flag-pt { background-image: url('../../img/flags/pt.png'); } .am-selected-flag-cr { background-image: url('../../img/flags/cr.png'); } .am-selected-flag-cv { background-image: url('../../img/flags/cv.png'); } .am-selected-flag-ba { background-image: url('../../img/flags/ba.png'); } .am-selected-flag-tv { background-image: url('../../img/flags/tv.png'); } .am-selected-flag-ch { background-image: url('../../img/flags/ch.png'); } .am-selected-flag-ki { background-image: url('../../img/flags/ki.png'); } .am-selected-flag-mf { background-image: url('../../img/flags/mf.png'); } .am-selected-flag-jp { background-image: url('../../img/flags/jp.png'); } .am-selected-flag-bl { background-image: url('../../img/flags/bl.png'); } .am-selected-flag-tg { background-image: url('../../img/flags/tg.png'); } .am-selected-flag-bh { background-image: url('../../img/flags/bh.png'); } .am-selected-flag-mc { background-image: url('../../img/flags/mc.png'); } .am-selected-flag-am { background-image: url('../../img/flags/am.png'); } .am-selected-flag-pf { background-image: url('../../img/flags/pf.png'); } .am-selected-flag-la { background-image: url('../../img/flags/la.png'); } .am-selected-flag-no { background-image: url('../../img/flags/no.png'); } .am-selected-flag-kg { background-image: url('../../img/flags/kg.png'); } .am-selected-flag-ad { background-image: url('../../img/flags/ad.png'); } .am-selected-flag-ht { background-image: url('../../img/flags/ht.png'); } .am-selected-flag-is { background-image: url('../../img/flags/is.png'); } .am-selected-flag-mh { background-image: url('../../img/flags/mh.png'); } .am-selected-flag-ir { background-image: url('../../img/flags/ir.png'); } .am-selected-flag-bo { background-image: url('../../img/flags/bo.png'); } .am-selected-flag-pw { background-image: url('../../img/flags/pw.png'); } .am-selected-flag-il { background-image: url('../../img/flags/il.png'); } .am-selected-flag-ky { background-image: url('../../img/flags/ky.png'); } .am-selected-flag-lt { background-image: url('../../img/flags/lt.png'); } .am-selected-flag-ph { background-image: url('../../img/flags/ph.png'); } .am-selected-flag-gq { background-image: url('../../img/flags/gq.png'); } .am-selected-flag-tw { background-image: url('../../img/flags/tw.png'); } .am-selected-flag-sl { background-image: url('../../img/flags/sl.png'); } .am-selected-flag-ga { background-image: url('../../img/flags/ga.png'); } .am-selected-flag-tj { background-image: url('../../img/flags/tj.png'); } .am-selected-flag-ae { background-image: url('../../img/flags/ae.png'); } .am-selected-flag-md { background-image: url('../../img/flags/md.png'); } .am-selected-flag-lk { background-image: url('../../img/flags/lk.png'); } .am-selected-flag-co { background-image: url('../../img/flags/co.png'); } .am-selected-flag-tl { background-image: url('../../img/flags/tl.png'); } .am-selected-flag-kn { background-image: url('../../img/flags/kn.png'); } .am-selected-flag-me { background-image: url('../../img/flags/me.png'); } .am-selected-flag-af { background-image: url('../../img/flags/af.png'); } .am-selected-flag-cl { background-image: url('../../img/flags/cl.png'); } .am-selected-flag-om { background-image: url('../../img/flags/om.png'); } .am-selected-flag-ax { background-image: url('../../img/flags/ax.png'); } .am-selected-flag-hn { background-image: url('../../img/flags/hn.png'); } .am-selected-flag-mw { background-image: url('../../img/flags/mw.png'); } .am-selected-flag-hu { background-image: url('../../img/flags/hu.png'); } .am-selected-flag-er { background-image: url('../../img/flags/er.png'); } .am-selected-flag-bt { background-image: url('../../img/flags/bt.png'); } .am-selected-flag-gg { background-image: url('../../img/flags/gg.png'); } .am-selected-flag-gm { background-image: url('../../img/flags/gm.png'); } .am-selected-flag-ai { background-image: url('../../img/flags/ai.png'); } .am-selected-flag-mp { background-image: url('../../img/flags/mp.png'); } .am-selected-flag-mn { background-image: url('../../img/flags/mn.png'); } .am-selected-flag-lu { background-image: url('../../img/flags/lu.png'); } .am-selected-flag-ar { background-image: url('../../img/flags/ar.png'); } .am-selected-flag-vu { background-image: url('../../img/flags/vu.png'); } .am-selected-flag-iq { background-image: url('../../img/flags/iq.png'); } .am-selected-flag-zw { background-image: url('../../img/flags/zw.png'); } .am-selected-flag-de { background-image: url('../../img/flags/de.png'); } .am-selected-flag-ws { background-image: url('../../img/flags/ws.png'); } .am-selected-flag-xk { background-image: url('../../img/flags/xk.png'); } .am-selected-flag-nl { background-image: url('../../img/flags/nl.png'); } .am-selected-flag-bz { background-image: url('../../img/flags/bz.png'); } .am-selected-flag-za { background-image: url('../../img/flags/za.png'); } .am-selected-flag-na { background-image: url('../../img/flags/na.png'); } .am-selected-flag-ec { background-image: url('../../img/flags/ec.png'); } .am-selected-flag-vc { background-image: url('../../img/flags/vc.png'); } .am-selected-flag-nr { background-image: url('../../img/flags/nr.png'); } .am-selected-flag-ci { background-image: url('../../img/flags/ci.png'); } .am-selected-flag-ge { background-image: url('../../img/flags/ge.png'); } .am-selected-flag-mx { background-image: url('../../img/flags/mx.png'); } .am-selected-flag-nz { background-image: url('../../img/flags/nz.png'); } .am-selected-flag-rw { background-image: url('../../img/flags/rw.png'); } .am-selected-flag-gb { background-image: url('../../img/flags/gb.png'); } .am-selected-flag-bm { background-image: url('../../img/flags/bm.png'); } .am-selected-flag-lc { background-image: url('../../img/flags/lc.png'); } .am-selected-flag-uy { background-image: url('../../img/flags/uy.png'); } .am-selected-flag-my { background-image: url('../../img/flags/my.png'); } .am-selected-flag-th { background-image: url('../../img/flags/th.png'); } .am-selected-flag-ty { background-image: url('../../img/flags/ty.png'); } .am-selected-flag-lr { background-image: url('../../img/flags/lr.png'); } .am-selected-flag-fr { background-image: url('../../img/flags/fr.png'); } .am-selected-flag-re { background-image: url('../../img/flags/fr.png'); } .am-selected-flag-gf { background-image: url('../../img/flags/fr.png'); } .am-selected-flag-gp { background-image: url('../../img/flags/fr.png'); } .am-selected-flag-ng { background-image: url('../../img/flags/ng.png'); } .am-selected-flag-nf { background-image: url('../../img/flags/nf.png'); } .am-selected-flag-au { background-image: url('../../img/flags/au.png'); } .am-selected-flag-ma { background-image: url('../../img/flags/ma.png'); } .am-selected-flag-pr { background-image: url('../../img/flags/pr.png'); } .am-selected-flag-ug { background-image: url('../../img/flags/ug.png'); } .am-selected-flag-ni { background-image: url('../../img/flags/ni.png'); } .am-selected-flag-dk { background-image: url('../../img/flags/dk.png'); } .am-selected-flag-qa { background-image: url('../../img/flags/qa.png'); } .am-selected-flag-ua { background-image: url('../../img/flags/ua.png'); } .am-selected-flag-ps { background-image: url('../../img/flags/ps.png'); } .am-selected-flag-sr { background-image: url('../../img/flags/sr.png'); } .am-selected-flag-bn { background-image: url('../../img/flags/bn.png'); } .am-selected-flag-lv { background-image: url('../../img/flags/lv.png'); } .am-selected-flag-kh { background-image: url('../../img/flags/kh.png'); } .am-selected-flag-mk { background-image: url('../../img/flags/mk.png'); } .am-selected-flag-bs { background-image: url('../../img/flags/bs.png'); } .am-selected-flag-ms { background-image: url('../../img/flags/ms.png'); } .am-selected-flag-dz { background-image: url('../../img/flags/dz.png'); } .am-selected-flag-hr { background-image: url('../../img/flags/hr.png'); } .am-selected-flag-fo { background-image: url('../../img/flags/fo.png'); } .am-selected-flag-ve { background-image: url('../../img/flags/ve.png'); } .am-selected-flag-cn { background-image: url('../../img/flags/cn.png'); } .am-selected-flag-ie { background-image: url('../../img/flags/ie.png'); } .am-selected-flag-al { background-image: url('../../img/flags/al.png'); } .am-selected-flag-im { background-image: url('../../img/flags/im.png'); } .am-selected-flag-to { background-image: url('../../img/flags/to.png'); } .am-selected-flag-vi { background-image: url('../../img/flags/vi.png'); } .am-selected-flag-mr { background-image: url('../../img/flags/mr.png'); } .am-selected-flag-gw { background-image: url('../../img/flags/gw.png'); } .am-selected-flag-st { background-image: url('../../img/flags/st.png'); } .am-selected-flag-cu { background-image: url('../../img/flags/cu.png'); } .am-selected-flag-tc { background-image: url('../../img/flags/tc.png'); } .am-selected-flag-ag { background-image: url('../../img/flags/ag.png'); } .am-selected-flag-ee { background-image: url('../../img/flags/ee.png'); } .am-selected-flag-ca { background-image: url('../../img/flags/ca.png'); } .am-selected-flag-gt { background-image: url('../../img/flags/gt.png'); } .am-selected-flag-ye { background-image: url('../../img/flags/ye.png'); } .am-selected-flag-es { background-image: url('../../img/flags/es.png'); } .am-selected-flag-tk { background-image: url('../../img/flags/tk.png'); } .am-selected-flag-sm { background-image: url('../../img/flags/sm.png'); } .am-selected-flag-et { background-image: url('../../img/flags/et.png'); } .am-selected-flag-tn { background-image: url('../../img/flags/tn.png'); } .am-selected-flag-tm { background-image: url('../../img/flags/tm.png'); } .am-selected-flag-li { background-image: url('../../img/flags/li.png'); } .am-selected-flag-mv { background-image: url('../../img/flags/mv.png'); } .am-selected-flag-cm { background-image: url('../../img/flags/cm.png'); } .am-selected-flag-ke { background-image: url('../../img/flags/ke.png'); } .am-selected-flag-ml { background-image: url('../../img/flags/ml.png'); } .am-selected-flag-sb { background-image: url('../../img/flags/sb.png'); } .am-selected-flag-rs { background-image: url('../../img/flags/rs.png'); } .am-selected-flag-sv { background-image: url('../../img/flags/sv.png'); } .am-selected-flag-id { background-image: url('../../img/flags/id.png'); } .am-selected-flag-tr { background-image: url('../../img/flags/tr.png'); } .am-selected-flag-se { background-image: url('../../img/flags/se.png'); } .am-selected-flag-mz { background-image: url('../../img/flags/mz.png'); } .am-selected-flag-mq { background-image: url('../../img/flags/mq.png'); } .am-selected-flag-bi { background-image: url('../../img/flags/bi.png'); } .am-selected-flag-je { background-image: url('../../img/flags/je.png'); } .am-selected-flag-nu { background-image: url('../../img/flags/nu.png'); } .am-selected-flag-ck { background-image: url('../../img/flags/ck.png'); } .am-selected-flag-kz { background-image: url('../../img/flags/kz.png'); } .am-selected-flag-mu { background-image: url('../../img/flags/mu.png'); } .am-selected-flag-kw { background-image: url('../../img/flags/kw.png'); } .am-selected-flag-gi { background-image: url('../../img/flags/gi.png'); } .am-selected-flag-tt { background-image: url('../../img/flags/tt.png'); } .am-selected-flag-km { background-image: url('../../img/flags/km.png'); } .am-selected-flag-gn { background-image: url('../../img/flags/gn.png'); } .am-selected-flag-yt { background-image: url('../../img/flags/yt.png'); } .am-selected-flag input { padding-left: 46px; } common/_animations.less 0000666 00000002033 15165376205 0011241 0 ustar 00 // Fade .fade-enter-active, .fade-leave-active { transition: all .4s ease-out; } .fade-enter, .fade-leave-to { opacity: 0; } //Fade IN .fadeIn-enter-active { transition: all .2s ease-out; transition-delay: 0.2s; } .fadeIn-leave-active { transition: all .2s ease-out; display: none; } .fadeIn-enter, .fadeIn-leave-to { opacity: 0; } // Slide Horizontal .slide-enter-active, .slide-leave-active { transition: all .6s ease-out; } .slide-enter, .slide-leave-to { transform: translateX(100%); } // Slide Vertical .slide-vertical-enter-active, .slide-vertical-leave-active { transition: all .2s ease-out; //max-height: 300px; } .slide-vertical-enter, .slide-vertical-leave-to { transform: translateY(100%); opacity: 0; //max-height: 0; } // Slide Vertical Down .slide-vertical-down-enter-active, .slide-vertical-down-leave-active { transition: all .2s ease-out; //max-height: 300px; } .slide-vertical-down-enter, .slide-vertical-down-leave-to { transform: translateY(0px); opacity: 0; //max-height: 0; } common/_base.less 0000666 00000002157 15165376205 0010020 0 ustar 00 @import "_variables"; .am-wrap { margin: 20px 20px 20px 2px; * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and ( max-width: 782px) { margin: 16px 0; } } .am-body { font-family: @roboto; h1 { font-size: @h1-fs; line-height: @h1-lh; font-weight: @h1-fw; color: @h1-color; margin: 0; } h2 { font-size: @h2-fs; line-height: @h2-lh; font-weight: @h2-fw; color: @h2-color; margin: 0; } h3 { font-size: @h3-fs; line-height: @h3-lh; font-weight: @h3-fw; color: @h3-color; } h4 { font-size: @h4-fs; line-height: @h4-lh; font-weight: @h4-fw; color: @h4-color; } div { color: @color-text-prime; } p { color: @color-text-prime; font-size: @regular-fs; } section { padding: @section-padding; position: relative; } ul { padding-left: 0; } main { & section:first-child { padding-top: 120px; margin-top: -83px; } ul { padding-left: 20px; } } a:hover { text-decoration: none; } }
| ver. 1.4 |
Github
|
.
| PHP 5.4.45 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings