@charset "UTF-8";
/* Common Elements */
/* z-index Layers */
.upload-image-modal__scrollable-content, .select-theme-light.select2-container.select2-container .select2-results .select2-results__options, .select-theme-dark.select2-container.select2-container .select2-results .select2-results__options { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ }
.upload-image-modal__scrollable-content::-webkit-scrollbar, .select-theme-light.select2-container.select2-container .select2-results .select2-results__options::-webkit-scrollbar, .select-theme-dark.select2-container.select2-container .select2-results .select2-results__options::-webkit-scrollbar { width: 0px; background: transparent; /* Chrome/Safari/Webkit */ }

.spinner-button, .tooltip-inner, .app-entry, .app-entry__exit-warning-modal-container, .exit-warning-modal__button, .login-shell__content-container, .login-shell__header, .login-content__legacy-message, .login-shell__footer, .login-shell__footer-row, .interior-shell__sticky-header-button, .filter-selection__clear-button, .filter-selection__add-button, .selection-item__delete, .user-profile__initials-block, .user-profile-option__icon, .subscriptions__grid-heading-cell-mobile, .subscriptions__grid-heading-cell-web, .subscriptions__grid-heading-cell-email, .subscriptions__grid-body-cell-mobile, .subscriptions__grid-body-cell-web, .subscriptions__grid-body-cell-email, .navigation-item__badge, .navigation-item__badge-count, .more-navigation-item__badge, .more-navigation-item__badge-count, .login-section, .login-content__sign-in, .login-section__forgot-password, .login-section__footer, .login-section__account-in-progress, .account-in-progress__container, .account-in-progress__content, .account-closed-confirmation, .account-closed-confirmation__sign-in, .signup-subsection-success, .signup-footer__center-container, .check-box, .tab-collection__tab-title-container, .audio-recorder__input-path, .membership-selection__delete, .analytics__grid-row, .analytics-graph__empty-notice-container, .analytics-graph__legend, .analytics-graph__legend-item, .analytics-list__grid-body-cell-status, .analytics-list__grid-body-cell-duration, .analytics-totals__item, .schedule-range__day, .schedule-range__day--first, .schedule-range__day--last, .billing-close-account__rating-button, .common-button-contained, .common-button-outlined, .common-button-text, .common-button-outlined-dashed, .common-button-pill, .common-button-small-pill, .contact-details__header-text-button, .conversation-details__header-text-button, .conversation-details__name-button, .conversation-media__button, .remove-plan__rating-button, .integrations-card__button, .route-block-item__keypress, .route-block-item__keypress-message, .schedule-block-item__keypress, .schedule-block-item__keypress-message, .submenu-key-block-item, .submenu-key-block-item__key-container, .submenu-block-item__keypress, .submenu-block-item__keypress-message, .add-contact__address-row .add-contact__delete, .add-contact__delete, .forgot-password, .forgot-password__sign-in, .reset-password, .reset-password__sign-in, .signup-modal-container, .signup-billing-modal-container, .signup-payment-modal-container, .signup-number-picker-modal-container, .number-type__card, .number-type__card--selected, .number-port__tab, .number-port__tab--active, .number-port__actions, .number-port__actions--delete, .signup-profile__form, .confirmation-screen__mobile-number-container, .add-phone-number-type-chooser__card-container, .add-phone-number-type-chooser__card, .add-number-port__tab, .add-number-port__actions, .warning-modal, .warning-modal__button, .number-picker__picker-vanity-search-submit, .number-picker__selected-number-row, .signup-number-picker__picker-vanity-search-icon, .ui-datepicker td span, .ui-datepicker td a, .inbox-view-option__badge, .inbox-view-option__badge-count, .inbox-sidebar__clear-filters, .contact-header__avatar-container, .contact-action__button, .messages-sidebar-coming-soon__header-button, .receptionist-sidebar__clear-filters, .add-number-google-warning__message-container, .add-number-port-warning__message-container, .number-picker__numbers-error-message, .billing-history-warning, .three-state-save, .action-modal__footer, .uploader .action, .user-invite__mobile, .user-invite__mobile-header, .user-invite__mobile-footer, .user-invite__mobile-footer-row, .data-grid__header-column__analytics-list-date, .timeframe__clear-button, .connected-tab-collection__tab, .add-plan__content, .package-picker__content, .package-picker__tab-content, .billing-package-cards__container, .billing-package-card, .billing-package-card__popular-badge-container, .billing-package__compare, .billing-package-compare__grid-header, .billing-package-compare__grid-header-column, .billing-package-compare__grid-row, .billing-package-compare__grid-row-data, .billing-package-compare__grid-body-cell--price, .billing-package-compare__grid-body-cell--includedChats, .billing-package-compare__grid-body-cell--includedContacts, .billing-package-compare__grid-body-cell--includedMinutes, .billing-package-compare__grid-body-cell--includedNumbers, .billing-package-compare__grid-body-cell--includedScripts, .billing-package-compare__grid-body-cell--includedUsers, .billing-package-compare__grid-body-cell--extraChat, .billing-package-compare__grid-body-cell--extraContact, .billing-package-compare__grid-body-cell--extraMinute, .billing-package-compare__grid-body-cell--extraNumber, .billing-package-compare__grid-body-cell--extraScript, .billing-package-compare__grid-body-cell--extraUser, .reactivation, .reactivation__sign-in, .integrations__card { display: flex; justify-content: center; align-items: center; }

.interior-shell__sticky-header-text, .payment-method__text, .common-list-item__label--payment-method, .common-list-item__label--payment-method--first, .user-profile__name, .user-profile-menu__name, .user-devices-edit__header-text, .subscriptions__grid-body-column, .subscriptions-subscriber__name, .voicemail-greeting__label, .voicemail-greeting-edit__header-text, .audio-recorder__label, .analytics-list__fromName, .analytics-list__toName, .analytics-list__from-line-1, .analytics-list__to-line-1, .analytics-list__from-line-2, .analytics-list__to-line-2, .analytics-list__time, .analytics-summary__name, .filter-menu-option__meta1, .filter-menu-option__meta2, .sort-menu-popup__label, .permission-item__label, .route-block-item__header-title, .route-block-item__expand-call-flow-title, .schedule-map__legend-title, .schedule-block-item__label-field, .schedule-block-item__header-title, .submenu-route-to-block-item__header-title, .submenu-route-to-block-item__detail, .audio-file__label, .edit-user-modal__integrity-item-label, .edit-user-modal__integrity-item-text, .user-group-modal__integrity-item-label, .user-group-modal__integrity-item-text, .call-route-step__header-title, .call-route-step__metadata-text, .select-theme-light.select2-container.select2-container .select2-selection--single .select2-selection__rendered, .select-theme-light.select2-container.select2-container .select2-results .select2-results__option, .add-phone-number-summary__phone-number-list-item-content, .number-picker__selected-number-metadata, .inbox-item-metadata, .inbox-item-metadata--detail, .sidebar-contact-metadata__display-name, .contact-details__name-wrapper, .messages-sidebar__conversation-metadata-name, .messages-sidebar__conversation-metadata-message, .messages-sidebar__conversation-date, .messages-sidebar-coming-soon__header-search-text, .conversation-details__header-text-button--ellipse-on-overflow, .conversation-details__created-date-time, .conversation-header__recipient-meta1, .receptionist-item-metadata, .receptionist-item-metadata--detail, .common-list-item__label, .common-list-item__text, .common-modal-object__header-title, .call-media-block-item__metadata, .call-media-block-item__label, .call-media-block-item__text, .action-modal__contact-display-name, .uploader input, .uploader .filename, .billing-history__column--date, .billing-history-header__column.date, .billing-history__column--description, .billing-history-header__column.description, .billing-history__column--payment-method, .billing-history-header__column.paymentMethod, .billing-history__column--payment-method span, .billing-history__column--amount, .billing-history-header__column.amount, .bill-cycle-to-date__details-group-header-title, .bill-cycle-to-date__details-group-header-subtitle, .bill-cycle-to-date__details-group-row-column-title, .bill-cycle-to-date__details-group-row-column-description, .bill-cycle-to-date__details-group-row-column-total, .bill-cycle-to-date__details-group-row-column-amount, .warning-box__phone-number-list-item-content, .select-option__text, .select-option__meta-text, .data-grid__header-column, .data-grid__row-column, .data-grid__header-column-title--analytics, .full-screen-media-modal__header-file-name, .full-screen-media-modal__header-file-sent-date, .conversation-details-links-card__content-header, .conversation-details-links-card__content-link, .conversation-links-card__header-title, .conversation-links-card-content__text--link, .section-details-group__header-title, .remove-plan-modal__integrity-item-label, .remove-plan-modal__integrity-item-text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

input[type="text"].messages-sidebar__section-search-input:focus, .intl-tel-input input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="postalcode"]:focus, input[type="zipcode"]:focus, textarea:focus, .invalid > input[type="text"]:focus, .invalid > input[type="email"]:focus, .invalid > input[type="password"]:focus, .invalid > .credit-card-input input[type="text"]:focus, .invalid > .intl-tel-input > input:focus, .invalid > textarea:focus, .dropdown.invalid.focus span, .dropdown.focus span { border-color: #808795; box-shadow: 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.08); }

.route-block-item__header, .messages-sidebar-coming-soon__call-metadata { justify-content: center; justify-content: space-around; justify-content: space-evenly; }

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)
*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Rebuild a few things */
body { background: #ffffff; }

body, input, textarea { font-size: 16px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

pre { font: 16px Monaco,monospace; line-height: 1.5; margin-bottom: 1.5em; }

code { font: 16px Monaco,monospace; }

a { outline: none; }

a img { border: none; }

img { -ms-interpolation-mode: bicubic; }

body, html { height: 100%; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; background: #ffffff; font-size: 14px; width: 200px; color: #5d6470; z-index: 2000; border: 1px solid #bcbcbc; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); }

.ui-helper-hidden, .ui-helper-hidden-accessible { display: none; }

/* workarounds */
.ui-menu { list-style: none; margin: 0; display: block; outline: none; }

.ui-menu .ui-menu { margin-top: -4px; position: absolute; }

.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }

.ui-menu .ui-menu-divider { display: none; }

.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 6px 6px; line-height: 16px; zoom: 1; font-weight: normal; color: #5d6470; }
.ui-menu .ui-menu-item a:hover { color: #5d6470; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }

.ui-menu .ui-state-disabled a { cursor: default; }

.ui-timepicker-div { padding-top: 12px; }
.ui-timepicker-div select { margin: 0; }
.ui-timepicker-div .ui_tpicker_hour_label, .ui-timepicker-div .ui_tpicker_minute_label { padding-top: 4px; }

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }

.ui-timepicker-div dl { text-align: left; }

.ui-timepicker-div dl dt { float: left; clear: left; padding: 0 0 0 5px; }

.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }

.ui-timepicker-div td { font-size: 16px; }

.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

h1 { font-size: 30px; color: #2f3641; font-weight: 400; margin-bottom: 24px; line-height: 30px; }

h2, h3, h4, h5, h6 { color: #5d6470; margin: 12px 0 18px; font-weight: 400; }

h2 { font-size: 24px; }

h3 { font-size: 20px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

p { padding-bottom: 12px; }

@font-face { font-family: "canada-type-gibson"; src: url("../fonts/canada-type-gibson-100-normal.woff") format("woff"); font-display: auto; font-style: normal; font-weight: 100; }
@font-face { font-family: "canada-type-gibson"; src: url("../fonts/canada-type-gibson-300-normal.woff") format("woff"); font-display: auto; font-style: normal; font-weight: 300; }
@font-face { font-family: "canada-type-gibson"; src: url("../fonts/canada-type-gibson-400-normal.woff") format("woff"); font-display: auto; font-style: normal; font-weight: 400; }
@font-face { font-family: "canada-type-gibson"; src: url("../fonts/canada-type-gibson-400-italic.woff") format("woff"); font-display: auto; font-style: italic; font-weight: 400; }
@font-face { font-family: "canada-type-gibson"; src: url("../fonts/canada-type-gibson-500-normal.woff") format("woff"); font-display: auto; font-style: normal; font-weight: 500; }
@font-face { font-family: "canada-type-gibson"; src: url("../fonts/canada-type-gibson-500-italic.woff") format("woff"); font-display: auto; font-style: italic; font-weight: 500; }
@font-face { font-family: "canada-type-gibson"; src: url("../fonts/canada-type-gibson-600-normal.woff") format("woff"); font-display: auto; font-style: normal; font-weight: 600; }
@font-face { font-family: "canada-type-gibson"; src: url("../fonts/canada-type-gibson-600-italic.woff") format("woff"); font-display: auto; font-style: italic; font-weight: 600; }
@font-face { font-family: 'FF-DIN'; src: url("../fonts/DINWeb.woff2") format("woff2"), url("../fonts/DINWeb.woff") format("woff"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'FF-DIN'; src: url("../fonts/DINWeb-Italic.woff2") format("woff2"), url("../fonts/DINWeb-Italic.woff") format("woff"); font-weight: 400; font-style: italic; }
@font-face { font-family: 'FF-DIN'; src: url("../fonts/DINWeb-Medium.woff2") format("woff2"), url("../fonts/DINWeb-Medium.woff") format("woff"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'FF-DIN'; src: url("../fonts/DINWeb-MediumItalic.woff2") format("woff2"), url("../fonts/DINWeb-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; }
@font-face { font-family: 'FF-DIN'; src: url("../fonts/DINWeb-Bold.woff2") format("woff2"), url("../fonts/DINWeb-Bold.woff") format("woff"); font-weight: 700; font-style: normal; }
@font-face { font-family: 'FF-DIN'; src: url("../fonts/DINWeb-BoldItalic.woff2") format("woff2"), url("../fonts/DINWeb-BoldItalic.woff") format("woff"); font-weight: 700; font-style: italic; }
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot"); src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNova'; src: url("../fonts/ProximaNova-Light.woff2") format("woff2"), url("../fonts/ProximaNova-Light.woff") format("woff"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'ProximaNova'; src: url("../fonts/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/ProximaNova-Regular.woff") format("woff"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'ProximaNova'; src: url("../fonts/ProximaNova-Semibold.woff2") format("woff2"), url("../fonts/ProximaNova-Semibold.woff") format("woff"); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-Light.woff2") format("woff2"), url("../fonts/CircularXXWeb-Light.woff") format("woff"); font-weight: 100; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-LightItalic.woff2") format("woff2"), url("../fonts/CircularXXWeb-LightItalic.woff") format("woff"); font-weight: 100; font-style: italic; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-Thin.woff2") format("woff2"), url("../fonts/CircularXXWeb-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-ThinItalic.woff2") format("woff2"), url("../fonts/CircularXXWeb-ThinItalic.woff") format("woff"); font-weight: 200; font-style: italic; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-Regular.woff2") format("woff2"), url("../fonts/CircularXXWeb-Regular.woff") format("woff"); font-weight: 300; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-Book.woff2") format("woff2"), url("../fonts/CircularXXWeb-Book.woff") format("woff"); font-weight: 400; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-BookItalic.woff2") format("woff2"), url("../fonts/CircularXXWeb-BookItalic.woff") format("woff"); font-weight: 400; font-style: italic; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-Italic.woff2") format("woff2"), url("../fonts/CircularXXWeb-Italic.woff") format("woff"); font-weight: 400; font-style: italic; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-Medium.woff2") format("woff2"), url("../fonts/CircularXXWeb-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-MediumItalic.woff2") format("woff2"), url("../fonts/CircularXXWeb-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-Bold.woff2") format("woff2"), url("../fonts/CircularXXWeb-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-BoldItalic.woff2") format("woff2"), url("../fonts/CircularXXWeb-BoldItalic.woff") format("woff"); font-weight: 700; font-style: italic; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-Black.woff2") format("woff2"), url("../fonts/CircularXXWeb-Black.woff") format("woff"); font-weight: 800; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-BlackItalic.woff2") format("woff2"), url("../fonts/CircularXXWeb-BlackItalic.woff") format("woff"); font-weight: 800; font-style: italic; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-ExtraBlack.woff2") format("woff2"), url("../fonts/CircularXXWeb-ExtraBlack.woff") format("woff"); font-weight: 900; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Circular'; src: url("../fonts/CircularXXWeb-ExtraBlackItalic.woff2") format("woff2"), url("../fonts/CircularXXWeb-ExtraBlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-stretch: normal; }
.spinner-button { background: #868686; border-radius: 1.4375rem; color: #ffffff; cursor: pointer; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: bold; height: 2.875rem; line-height: 1.875rem; margin-left: 0; margin-right: 0.75rem; outline: 0; padding: 0.625rem 1.25rem; position: relative; text-align: center; text-decoration: none; white-space: nowrap; }
.spinner-button::-moz-focus-inner { border: 0; }
.spinner-button:first-child { margin-left: 0.125rem; }
.spinner-button:last-child { margin-left: 0.0625rem; margin-right: 0.0625rem; }
.spinner-button:hover { text-decoration: none; background-color: #868686; }
.spinner-button:active { line-height: 2rem; transition: none; }
.spinner-button:focus { outline: none; }
.ui-priority-secondary.spinner-button { background: #f5f7fa; color: #5d6470; }
.ui-priority-secondary.spinner-button:hover { background: #f5f7fa; border-color: #bcbcbc; box-shadow: 0 0.0625rem 0.125rem #5d6470; color: #5d6470; }
.ui-priority-primary.spinner-button { background: #2696c6; box-shadow: inset 0 0 0 0.0625rem #1e789e; color: #ffffff; }
.ui-priority-primary.spinner-button:hover { background: #1e789e; box-shadow: 0 0.0625rem 0.125rem #165a76; color: #ffffff; }

.spinner-button { border: 0; overflow: hidden; }
.spinner-button .label { display: inline-block; position: relative; transition: all 220ms ease-out; }
.spinner-button .spin { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; transition: all 220ms ease-out; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); }
.spinner-button .will-fade { display: inline-block; line-height: normal; opacity: 1; position: relative; transition: all 220ms ease-out; }
.spinner-button .fade { bottom: 0; display: block; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 220ms ease-out; }

.spinner-button.loading { cursor: default; }
.spinner-button.loading .spin { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.spinner-button.loading .label { -webkit-transform: translate(0, -48px); -moz-transform: translate(0, -48px); -ms-transform: translate(0, -48px); -o-transform: translate(0, -48px); transform: translate(0, -48px); }
.spinner-button.loading .will-fade { opacity: 0; }
.spinner-button.loading .fade { opacity: 1; }

.borderedIcon-background-red .borderedIcon-border { background-color: #2696c6; }

.borderedIcon-background-grayLight .borderedIcon-border, .subscriptions-subscriber__avatar .borderedIcon-border, .subscriptions-subscriber__avatar--group .borderedIcon-border, .add-auto-attendant__route .borderedIcon-border, .croppable-image__icon .borderedIcon-border, .call-details-subscriber__icon .borderedIcon-border, .analytics-list__from-icon .borderedIcon-border, .analytics-list__from-user .borderedIcon-border, .analytics-list__to-icon .borderedIcon-border, .analytics-list__to-user .borderedIcon-border, .analytics-list__to-group .borderedIcon-border, .phone-numbers__item-detail .borderedIcon-border, .disabled-item__icon .borderedIcon-border, .permission-item__icon .borderedIcon-border, .auto-attendant-item__route .borderedIcon-border, .call-route-step__icon .borderedIcon-border, .call-route-step__icon--usergroup .borderedIcon-border, .inbox-list-item__info .borderedIcon-border, .messages-sidebar__conversation-avatar .borderedIcon-border, .conversation-header__recipient-avatar .borderedIcon-border, .conversation-recipients__selected-number-details-avatar .borderedIcon-border, .conversation-recipients-option__avatar .borderedIcon-border, .conversation-message__external-participant-avatar .borderedIcon-border, .conversation-message__system-avatar .borderedIcon-border, .conversation-message__user-avatar .borderedIcon-border, .receptionist-list-item__info .borderedIcon-border, .common-modal-object__icon .borderedIcon-border, .call-media-block-item__avatar .borderedIcon-border, .call-media-block-item__avatar--group .borderedIcon-border, .action-modal__action-submenu .borderedIcon-border, .extension-picker__preview-icon .borderedIcon-border, .full-screen-media-modal__header-sent-by-user-avatar .borderedIcon-border, .full-screen-media-modal__header-sent-by-external-participant-avatar .borderedIcon-border { background-color: #d5d5d5; }

.inherited-subscriber__avatar .borderedIcon-border, .inherited-subscriber__avatar--usergroup .borderedIcon-border, .select-option__icon .borderedIcon-border, .select-option__avatar .borderedIcon-border { background-color: #e6eaee; }

.borderedIcon-background-gray .borderedIcon-border, .borderedIcon-background-clear .borderedIcon-border, .croppable-image__icon:hover .borderedIcon-border { background-color: #bcbcbc; }

.message-compose-area__menu-bar-send-icon:disabled .borderedIcon-border { background-color: transparent; }

.borderedIcon-background-tertiary-blue .borderedIcon-border, .message-compose-area__menu-bar-send-icon:enabled .borderedIcon-border { background-color: #3490d5; }

.borderedIcon-icon-white .borderedIcon-border, .croppable-image__icon .borderedIcon-border, .message-compose-area__menu-bar-send-icon:enabled .borderedIcon-border, .common-modal-object__icon .borderedIcon-border { fill: #ffffff; }
.borderedIcon-icon-white .borderedIcon-border .stroke-path, .croppable-image__icon .borderedIcon-border .stroke-path, .message-compose-area__menu-bar-send-icon:enabled .borderedIcon-border .stroke-path, .common-modal-object__icon .borderedIcon-border .stroke-path { stroke: #ffffff; }

.borderedIcon-icon-grayDark .borderedIcon-border, .subscriptions-subscriber__avatar .borderedIcon-border, .subscriptions-subscriber__avatar--group .borderedIcon-border, .add-auto-attendant__route .borderedIcon-border, .call-details-subscriber__icon .borderedIcon-border, .analytics-list__from-icon .borderedIcon-border, .analytics-list__from-user .borderedIcon-border, .analytics-list__to-icon .borderedIcon-border, .analytics-list__to-user .borderedIcon-border, .analytics-list__to-group .borderedIcon-border, .phone-numbers__item-detail .borderedIcon-border, .disabled-item__icon .borderedIcon-border, .permission-item__icon .borderedIcon-border, .auto-attendant-item__route .borderedIcon-border, .call-route-step__icon .borderedIcon-border, .call-route-step__icon--usergroup .borderedIcon-border, .inbox-list-item__info .borderedIcon-border, .messages-sidebar__conversation-avatar .borderedIcon-border, .conversation-header__recipient-avatar .borderedIcon-border, .conversation-recipients__selected-number-details-avatar .borderedIcon-border, .conversation-recipients-option__avatar .borderedIcon-border, .conversation-recipients__selected-number-details-remove-icon .borderedIcon-border, .conversation-message__external-participant-avatar .borderedIcon-border, .conversation-message__system-avatar .borderedIcon-border, .conversation-message__user-avatar .borderedIcon-border, .receptionist-list-item__info .borderedIcon-border, .call-media-block-item__avatar .borderedIcon-border, .call-media-block-item__avatar--group .borderedIcon-border, .action-modal__action-submenu .borderedIcon-border, .inherited-subscriber__avatar .borderedIcon-border, .inherited-subscriber__avatar--usergroup .borderedIcon-border, .select-option__icon .borderedIcon-border, .select-option__avatar .borderedIcon-border, .extension-picker__preview-icon .borderedIcon-border, .full-screen-media-modal__header-sent-by-user-avatar .borderedIcon-border, .full-screen-media-modal__header-sent-by-external-participant-avatar .borderedIcon-border { fill: #5d6470; }
.borderedIcon-icon-grayDark .borderedIcon-border .stroke-path, .subscriptions-subscriber__avatar .borderedIcon-border .stroke-path, .subscriptions-subscriber__avatar--group .borderedIcon-border .stroke-path, .add-auto-attendant__route .borderedIcon-border .stroke-path, .call-details-subscriber__icon .borderedIcon-border .stroke-path, .analytics-list__from-icon .borderedIcon-border .stroke-path, .analytics-list__from-user .borderedIcon-border .stroke-path, .analytics-list__to-icon .borderedIcon-border .stroke-path, .analytics-list__to-user .borderedIcon-border .stroke-path, .analytics-list__to-group .borderedIcon-border .stroke-path, .phone-numbers__item-detail .borderedIcon-border .stroke-path, .disabled-item__icon .borderedIcon-border .stroke-path, .permission-item__icon .borderedIcon-border .stroke-path, .auto-attendant-item__route .borderedIcon-border .stroke-path, .call-route-step__icon .borderedIcon-border .stroke-path, .call-route-step__icon--usergroup .borderedIcon-border .stroke-path, .inbox-list-item__info .borderedIcon-border .stroke-path, .messages-sidebar__conversation-avatar .borderedIcon-border .stroke-path, .conversation-header__recipient-avatar .borderedIcon-border .stroke-path, .conversation-recipients__selected-number-details-avatar .borderedIcon-border .stroke-path, .conversation-recipients-option__avatar .borderedIcon-border .stroke-path, .conversation-recipients__selected-number-details-remove-icon .borderedIcon-border .stroke-path, .conversation-message__external-participant-avatar .borderedIcon-border .stroke-path, .conversation-message__system-avatar .borderedIcon-border .stroke-path, .conversation-message__user-avatar .borderedIcon-border .stroke-path, .receptionist-list-item__info .borderedIcon-border .stroke-path, .call-media-block-item__avatar .borderedIcon-border .stroke-path, .call-media-block-item__avatar--group .borderedIcon-border .stroke-path, .action-modal__action-submenu .borderedIcon-border .stroke-path, .inherited-subscriber__avatar .borderedIcon-border .stroke-path, .inherited-subscriber__avatar--usergroup .borderedIcon-border .stroke-path, .select-option__icon .borderedIcon-border .stroke-path, .select-option__avatar .borderedIcon-border .stroke-path, .extension-picker__preview-icon .borderedIcon-border .stroke-path, .full-screen-media-modal__header-sent-by-user-avatar .borderedIcon-border .stroke-path, .full-screen-media-modal__header-sent-by-external-participant-avatar .borderedIcon-border .stroke-path { stroke: #5d6470; }

.borderedIcon-icon-grayLight .borderedIcon-border, .message-compose-area__menu-bar-send-icon:disabled .borderedIcon-border { fill: #bcbcbc; }
.borderedIcon-icon-grayLight .borderedIcon-border .stroke-path, .message-compose-area__menu-bar-send-icon:disabled .borderedIcon-border .stroke-path { stroke: #bcbcbc; }

.borderedIcon-border { background-color: #454545; fill: #ffffff; }
.borderedIcon-border .stroke-path { stroke: #ffffff; }

.icon-browser-chrome, .icon-browser-edge, .icon-browser-firefox, .icon, .icon-large, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-attendant-warning, .icon-date, .icon-drop-arrow, .icon-download, .icon-info, .icon-play, .icon-signup-remove-x, .icon-signup-remove-x-emphasis, .icon-signup-remove-x-hover, .icon-selected-check, .icon-signup-step-valid, .icon-signup-step-invalid, .icon-signup-step-incomplete, .icon-signup-large-explanation-mark, .icon-signup-large-telephone, .icon-signup-large-checkbox, .icon-signup-free-trial-toggle-content-closed, .icon-signup-free-trial-toggle-content-opened, .icon-signup-need-assistance-phone, .icon-signup-need-assistance-chat, .icon-phone-warning, .icon-user-warning, .icon-user-group-warning, .icon-recording-warning, .icon-forwarding-warning, .icon-user-device-warning, .icon-schedule-warning, .icon-voicemail-warning, .icon-mobile, .icon-mobile-contrast, .icon-billing-nav-overview-hover, .icon-checkbox-checked, .icon-inline-edit-accept, .icon-inline-edit-cancel, .icon-dashed-line, .icon-exclamation-small, .icon-exclamation-small-grey, .icon-exclamation-small-white, .icon-exclamation-small-light-grey, .icon-exclamation, .icon-warning-exclamation, .icon-checkmark, .icon-checkmark-emphasize { background-position: -1500px 0; display: inline-block; position: relative; vertical-align: middle; background: url("../img/sprite.png") no-repeat 0px 0px; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-browser-chrome, .icon-browser-edge, .icon-browser-firefox, .icon, .icon-large, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-attendant-warning, .icon-date, .icon-drop-arrow, .icon-download, .icon-info, .icon-play, .icon-signup-remove-x, .icon-signup-remove-x-emphasis, .icon-signup-remove-x-hover, .icon-selected-check, .icon-signup-step-valid, .icon-signup-step-invalid, .icon-signup-step-incomplete, .icon-signup-large-explanation-mark, .icon-signup-large-telephone, .icon-signup-large-checkbox, .icon-signup-free-trial-toggle-content-closed, .icon-signup-free-trial-toggle-content-opened, .icon-signup-need-assistance-phone, .icon-signup-need-assistance-chat, .icon-phone-warning, .icon-user-warning, .icon-user-group-warning, .icon-recording-warning, .icon-forwarding-warning, .icon-user-device-warning, .icon-schedule-warning, .icon-voicemail-warning, .icon-mobile, .icon-mobile-contrast, .icon-billing-nav-overview-hover, .icon-checkbox-checked, .icon-inline-edit-accept, .icon-inline-edit-cancel, .icon-dashed-line, .icon-exclamation-small, .icon-exclamation-small-grey, .icon-exclamation-small-white, .icon-exclamation-small-light-grey, .icon-exclamation, .icon-warning-exclamation, .icon-checkmark, .icon-checkmark-emphasize { background-image: url("../img/sprite@2X.png"); background-size: 1400px 636px; } }

.icon-visa, .credit-card-details .visa, .credit-card-horizontal .visa, .icon-discover, .credit-card-details .discover, .credit-card-horizontal .discover, .icon-amex, .credit-card-details .amex, .credit-card-horizontal .amex, .icon-mastercard, .credit-card-details .mastercard, .credit-card-horizontal .mastercard { background: url("../img/sprite.png") no-repeat 0px 0px; width: 2.8125rem; height: 2.8125rem; display: block; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-visa, .credit-card-details .visa, .credit-card-horizontal .visa, .icon-discover, .credit-card-details .discover, .credit-card-horizontal .discover, .icon-amex, .credit-card-details .amex, .credit-card-horizontal .amex, .icon-mastercard, .credit-card-details .mastercard, .credit-card-horizontal .mastercard { background-image: url("../img/sprite@2X.png"); background-size: 1400px 636px; } }

.icon-visa-small, .credit-card-input span.visa, .icon-discover-small, .credit-card-input span.discover, .icon-amex-small, .credit-card-input span.amex, .icon-mastercard-small, .credit-card-input span.mastercard { background-size: cover; display: block; position: absolute; background: url("../img/credit-cards.png") no-repeat 0px 0px; width: 1.625rem; height: 1.625rem; }

.icon-large { width: 32px; height: 32px; }

.icon-exclamation, .icon-checkmark, .icon-checkmark-emphasize { width: 48px; height: 48px; }

.icon-caret-up, .icon-caret-down { width: auto; height: auto; background: none; }
.icon-caret-up:before, .icon-caret-down:before { display: block; content: ""; position: absolute; right: 24px; top: 50%; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #8D96A6; transition: all 220ms; }

.icon-browser-chrome, .icon-browser-edge, .icon-browser-firefox { width: 16px; height: 16px; vertical-align: top; }

.icon-caret-down:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.icon-arrow-right { width: 0; height: 0; background: 0 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #5d6470; border-right: 0; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -4px; }

.icon-arrow-left { width: 0; height: 0; background: 0 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 9px solid #5d6470; border-left: 0; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-right: -4px; }

.icon-arrow-down { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #5d6470; }

.icon-attendant-warning { background-position: -1156px 0; }

.icon-date { background-position: -256px -13px; }

.icon-drop-arrow { width: 0; height: 0; display: inline-block; position: relative; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #5d6470; top: -1px; vertical-align: middle; }

.icon-download { background-position: -435px -210px; }

.icon-info { height: 13px; width: 13px; background-position: -128px -210px; }
.icon-info:hover { background-position: -128px -226px; }

.icon-play { background-position: -272px -13px; }

.icon-signup-remove-x { width: 16px; height: 16px; background-position: -215px -212px; }

.icon-signup-remove-x-emphasis { background-position: -192px -242px; }

.icon-signup-remove-x-hover { width: 16px; height: 16px; background-position: -215px -228px; }

.icon-selected-check { width: 20px; height: 20px; background-position: -151px -11px; }

.icon-signup-step-valid { width: 14px; height: 14px; background-position: -210px -246px; }

.icon-signup-step-invalid { width: 24px; height: 24px; background-position: -234px -208px; }

.icon-signup-step-incomplete { width: 14px; height: 14px; background-position: -208px -279px; }

.icon-signup-large-explanation-mark { width: 74px; height: 74px; background-position: -1293px -210px; }

.icon-signup-large-telephone { width: 72px; height: 72px; background-position: -1214px -198px; }

.icon-signup-large-checkbox { width: 72px; height: 72px; background-position: -1328px -455px; }

.icon-signup-free-trial-toggle-content-closed { width: 36px; height: 36px; background-position: -1211px -405px; }

.icon-signup-free-trial-toggle-content-opened { width: 36px; height: 36px; background-position: -1172px -405px; }

.icon-signup-need-assistance-phone { width: 54px; height: 64px; background-position: -1011px -209px; }

.icon-signup-need-assistance-chat { width: 66px; height: 54px; background-position: -940px -209px; }

.icon-visa, .credit-card-details .visa, .credit-card-horizontal .visa { background-position: 0px -416px; }

.icon-visa-small, .credit-card-input span.visa { background-position: -52px 0; }

.icon-discover, .credit-card-details .discover, .credit-card-horizontal .discover { background-position: -192px -416px; }

.icon-discover-small, .credit-card-input span.discover { background-position: -26px 0; }

.icon-amex, .credit-card-details .amex, .credit-card-horizontal .amex { background-position: -128px -416px; }

.icon-amex-small, .credit-card-input span.amex { background-position: 0 0; }

.icon-mastercard, .credit-card-details .mastercard, .credit-card-horizontal .mastercard { background-position: -64px -416px; }

.icon-mastercard-small, .credit-card-input span.mastercard { background-position: -78px 0; }

.icon-phone-warning { background-position: -1140px 0; }

.icon-user-warning { background-position: -1172px 0; }

.icon-user-group-warning { background-position: -1188px 0; }

.icon-recording-warning { background-position: -1220px 0; }

.icon-forwarding-warning { background-position: -1236px 0; }

.icon-user-device-warning { background-position: -1252px 0; }

.icon-schedule-warning { background-position: -1245px -32px; }

.icon-schedule-warning { background-position: -1294px 0; }

.icon-voicemail-warning { background-position: -1314px 0; }

.icon-mobile { background-position: -64px -32px; }

.icon-mobile-contrast { background-position: -64px -64px; }

.icon-group-avatar, .icon-group-half, .icon-group-quarter { position: relative; display: inline-block; overflow: hidden; float: left; width: 3rem; height: 3rem; }

.icon-group-half { overflow: hidden; width: 1.4375rem; height: 3rem; }
.icon-group-half img { object-position: -15px; width: 3rem; height: 3rem; }

.icon-group-quarter { overflow: hidden; width: 1.4375rem; height: 1.4375rem; }
.icon-group-quarter img { width: 1.4375rem; height: 1.4375rem; }

.user-avatar-icon { border-radius: 4px; width: 3rem; height: 3rem; }
.user-avatar-icon img { border-radius: 4px; width: 3rem; height: 3rem; }

.icon-billing-nav-overview-hover { background-position: -48px -258px; }

.icon-checkbox-checked { width: 12px; height: 12px; background-position: -75px -11px; }

.icon-inline-edit-accept { background-position: -112px -226px; }

.icon-inline-edit-cancel { background-position: -112px -210px; }

.icon-dashed-line { width: 100%; height: 1px; background-position: 0px -197px; }

.icon-exclamation-small { background-position: -237px -14px; }

.icon-exclamation-small-grey { background-position: -483px -210px; }

.icon-exclamation-small-white { background-position: -483px -226px; }

.icon-exclamation-small-light-grey { background-position: -483px -242px; }

.icon-exclamation { background-position: -1351px -405px; }

.icon-warning-exclamation { width: 24px; height: 24px; background-position: -1268px 0; }

.icon-checkmark { background-position: -1300px -405px; }

.icon-checkmark-emphasize { background-position: -1249px -405px; }

.icon-browser-chrome { background-position: 0 -309px; }

.icon-browser-edge { background-position: -16px -309px; }

.icon-browser-firefox { background-position: -32px -309px; }

.icon-column-1 { -webkit-background-clip: padding-box; -webkit-border-radius: 2px; -moz-background-clip: padding-box; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; width: 60px; display: inline-block; margin: 4px; }

.icon-group-quarter-top-left { margin-bottom: 0.0625rem; margin-right: 0.0625rem; }
.icon-group-quarter-top-left .avatar img { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.icon-group-quarter-top-left .borderedIcon-border { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.icon-group-quarter-top-right { margin-bottom: 0.0625rem; margin-left: 0.0625rem; }
.icon-group-quarter-top-right .avatar img { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.icon-group-quarter-top-right .borderedIcon-border { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.icon-group-quarter-bottom-left { margin-right: 0.0625rem; margin-top: 0.0625rem; }
.icon-group-quarter-bottom-left .avatar img { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 0; }
.icon-group-quarter-bottom-left .borderedIcon-border { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 0; }

.icon-group-quarter-bottom-right { margin-left: 0.0625rem; margin-top: 0.0625rem; }
.icon-group-quarter-bottom-right .avatar img { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 3px; }
.icon-group-quarter-bottom-right .borderedIcon-border { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 3px; }

.icon-group-half-left { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 0; margin-right: 0.0625rem; z-index: 1; }
.icon-group-half-left .avatar img { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 0; }
.icon-group-half-left .borderedIcon-border { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 0; }

.icon-group-half-right { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 3px; margin-left: 0.0625rem; z-index: 1; }
.icon-group-half-right .avatar img { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 3px; }
.icon-group-half-right .borderedIcon-border { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 3px; }

.icon-group-full .avatar img { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.icon-group-full .borderedIcon-border { -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.borderedIcon { display: inline-block; }

.borderedIcon-border { display: inline-block; border-radius: 3px; }

.borderedIcon-icon { display: flex; }

.indicator-triangle, .indicator-triangle--down, .indicator-triangle--up { position: relative; }
.indicator-triangle:after, .indicator-triangle--down:after, .indicator-triangle--up:after { display: inline-block; vertical-align: middle; margin-left: 4px; content: ''; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid #808795; position: relative; transition: all 220ms ease; }

.indicator-triangle--down:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); top: -1px; }

.indicator-triangle--up:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); top: -2px; }

.tooltip { display: block; font-size: 0.8125rem; font-weight: 400; line-height: 1.4; opacity: 0; position: absolute; text-align: center; visibility: visible; z-index: 3; width: fit-content; width: -moz-fit-content; }
.tooltip.in { opacity: 1; }
.tooltip.top { margin-top: -0.1875rem; padding: 0.3125rem 0; }
.tooltip.right { margin-left: 0.1875rem; padding: 0 0.3125rem; text-align: left; }
.tooltip.bottom { margin-top: 0.1875rem; padding: 0.3125rem 0; }
.tooltip.left { margin-left: -0.625rem; padding: 0 0.3125rem; text-align: left; }

.tooltip-inner { background-color: #2b2b2b; border: 0.0625rem solid #2b2b2b; border-radius: 1.4375rem; box-shadow: 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.1); color: #ffffff; font-family: "Circular", "Helvetica", "Arial", sans-serif; padding: 0.375rem 1rem; text-decoration: none; }

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

.tooltip:after { border-color: transparent; border-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; z-index: 0; }

.tooltip.top:after { border-width: 0.5rem 0.5rem 0; border-top-color: #2b2b2b; bottom: 0; left: 50%; margin-left: -0.5rem; }
.tooltip.right:after { border-right-color: #2b2b2b; border-width: 0.5rem 0.5rem 0.5rem 0; left: 0; margin-top: -0.5rem; top: 50%; }
.tooltip.left:after { border-left-color: #2b2b2b; border-width: 0.5rem 0 0.5rem 0.5rem; margin-top: -0.5rem; right: 0; top: 50%; }
.tooltip.bottom:after { border-bottom-color: #2b2b2b; border-width: 0 0.5rem 0.5rem; left: 50%; margin-left: -0.5rem; top: 0; }

.tooltip.top .tooltip-arrow { border-top-color: #2b2b2b; border-width: 0.5rem 0.5rem 0; bottom: -0.125rem; left: 50%; margin-left: -0.5rem; }
.tooltip.right .tooltip-arrow { border-right-color: #2b2b2b; border-width: 0.5rem 0.5rem 0.5rem 0; left: -0.125rem; margin-top: -0.5rem; top: 50%; }
.tooltip.left .tooltip-arrow { border-left-color: #2b2b2b; border-width: 0.5rem 0 0.5rem 0.5rem; margin-top: -0.5rem; right: -0.125rem; top: 50%; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #2b2b2b; border-width: 0 0.5rem 0.5rem; left: 50%; margin-left: -0.5rem; top: -0.125rem; }

.tooltip--compact-round { font-size: 0.875rem; font-weight: normal; letter-spacing: -0.5px; }
.tooltip--compact-round .tooltip-inner { padding: 0.1875rem 0.8125rem 0.125rem 0.8125rem; }

.tooltip--compact { font-size: 0.875rem; }
.tooltip--compact .tooltip-inner { border-radius: 0.1875rem; padding: 0.1875rem 0.5rem; max-width: 13.125rem; }

.tooltip--compact-padded { font-size: 14px; font-weight: normal; letter-spacing: -0.5px; position: fixed; }
.tooltip--compact-padded .tooltip-inner { border-radius: 0.9375rem; height: 4rem; padding: 0.6875rem 0.6875rem 0.8125rem; text-align: left; width: 13.125rem; }

.tooltip-compact-no-arrow, .tooltip-compact-no-arrow-right, .tooltip-compact-no-arrow-left { font-size: 14px; }
.tooltip-compact-no-arrow.top .tooltip-arrow, .tooltip-compact-no-arrow.right .tooltip-arrow, .tooltip-compact-no-arrow.left .tooltip-arrow, .tooltip-compact-no-arrow.bottom .tooltip-arrow, .tooltip-compact-no-arrow.top:after, .tooltip-compact-no-arrow.right:after, .tooltip-compact-no-arrow.left:after, .tooltip-compact-no-arrow.bottom:after, .tooltip-compact-no-arrow-right.top .tooltip-arrow, .tooltip-compact-no-arrow-right.right .tooltip-arrow, .tooltip-compact-no-arrow-right.left .tooltip-arrow, .tooltip-compact-no-arrow-right.bottom .tooltip-arrow, .tooltip-compact-no-arrow-right.top:after, .tooltip-compact-no-arrow-right.right:after, .tooltip-compact-no-arrow-right.left:after, .tooltip-compact-no-arrow-right.bottom:after, .tooltip-compact-no-arrow-left.top .tooltip-arrow, .tooltip-compact-no-arrow-left.right .tooltip-arrow, .tooltip-compact-no-arrow-left.left .tooltip-arrow, .tooltip-compact-no-arrow-left.bottom .tooltip-arrow, .tooltip-compact-no-arrow-left.top:after, .tooltip-compact-no-arrow-left.right:after, .tooltip-compact-no-arrow-left.left:after, .tooltip-compact-no-arrow-left.bottom:after { display: none; }
.tooltip-compact-no-arrow .tooltip-inner, .tooltip-compact-no-arrow-right .tooltip-inner, .tooltip-compact-no-arrow-left .tooltip-inner { border-radius: 0.1875rem; margin-bottom: 0.40625rem; padding: 0.1875rem 0.5rem; }

.tooltip-compact-no-arrow-right .tooltip-inner { margin-left: 1.875rem; }

.tooltip-compact-no-arrow-left .tooltip-inner { margin-right: 4.375rem; }

.tooltip--in-dropdown { z-index: 1001; }

.tooltip--large-square { font-size: 0.875rem; font-weight: normal; letter-spacing: -0.5px; text-align: left; }
.tooltip--large-square .tooltip-inner { height: 101px; padding: 1.25rem 1rem 1.3125rem 1.1875rem; width: 250px; }

body { font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 14px; }

body, html { height: 100%; overflow: hidden; scrollbar-color: #d5d5d5 transparent !important; scrollbar-width: auto !important; }
body::-webkit-scrollbar, html::-webkit-scrollbar { height: 8px; width: 8px; }
body::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb { background: #d5d5d5; border-radius: 10px; }
body::-webkit-scrollbar-thumb:hover, html::-webkit-scrollbar-thumb:hover { background: #bcbcbc; }
body::-webkit-scrollbar-track, html::-webkit-scrollbar-track { background: transparent; }

a { color: #2696c6; text-decoration: none; }
a:hover { text-decoration: none; }

.loading-blockout { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 6; opacity: 0; filter: alpha(opacity=0); }

.remove-fixed-for-touch-devices { position: absolute !important; }

.app-entry { background: #f4f4f4; bottom: 0; flex-flow: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; -webkit-overflow-scrolling: touch; }

.app-entry__dots { position: absolute; }

.app-entry__dots--top { -webkit-transform: translate(-65%, -45%); -moz-transform: translate(-65%, -45%); -ms-transform: translate(-65%, -45%); -o-transform: translate(-65%, -45%); transform: translate(-65%, -45%); }

.app-entry__dots--bottom { -webkit-transform: translate(65%, 45%); -moz-transform: translate(65%, 45%); -ms-transform: translate(65%, 45%); -o-transform: translate(65%, 45%); transform: translate(65%, 45%); }

.app-entry__content-container { margin: auto; width: 100%; z-index: 3; -webkit-transform: translate3d(0, 0, 0); }

.app-entry__header { display: flex; justify-content: center; margin-top: 2rem; margin-bottom: 2rem; }

.app-entry__header-logo { fill: #2696c6; cursor: pointer; }

.app-entry__mobile-header { align-items: center; background-color: #ffffff; box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.07); display: none; justify-content: space-between; padding: 1.375rem 1.25rem; position: fixed; width: 100%; top: 0; z-index: 6; }

.app-entry__mobile-header-logo { fill: #2696c6; }

.app-entry__mobile-header-phone-number { color: #868686; font-size: 16px; font-weight: 500; margin-top: 0.125rem; }

.app-entry__mobile-header-spacer { height: 4.25rem; width: 100%; -webkit-transform: translate3d(0, 0, 0); }

.app-entry__mobile-header-spacer--hidden { display: none; }

.app-entry__mobile-header-container { display: none; }

.app-entry__nested-page-content-container { background-color: #f4f4f4; border-radius: 5px; box-shadow: 0 0.3rem 2rem rgba(0, 0, 0, 0.05); display: flex; height: 40rem; margin: auto; position: relative; width: 60.9375rem; }

.app-entry__footer { color: #868686; font-size: 0.9375rem; line-height: 4rem; text-align: center; }

.app-entry__footer-contact-number { color: #868686; transition: color 0.2s ease; }
.app-entry__footer-contact-number:hover { color: #2696c6; }

.app-entry__exit-warning-modal-container { border-radius: 0.375rem; height: 100%; left: 0; position: absolute; top: 0; width: 100%; transition: opacity 0.2s ease; z-index: 7; opacity: 0; filter: alpha(opacity=0); }

.app-entry__exit-warning-modal-container--visible { opacity: 1; filter: alpha(opacity=100); }

.app-entry__exit-warning-modal-backdrop { background-color: #f4f4f4; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 6; opacity: 0.8; filter: alpha(opacity=80); }

.app-entry__exit-warning-modal { align-items: center; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0.125rem 0.5625rem 0 rgba(0, 0, 0, 0.05); display: flex; flex-flow: column; font-size: 16px; height: 23.6875rem; justify-content: flex-start; position: relative; width: 30.625rem; z-index: 7; }

.exit-warning-modal__cancel { cursor: pointer; fill: #d5d5d5; position: absolute; right: 20px; top: 20px; transition: all .2s ease; }
.exit-warning-modal__cancel:hover { fill: #868686; }

.exit-warning-modal__icon { padding-top: 3.25rem; }

.exit-warning-modal__heading { color: #2696c6; font-size: 2rem; font-weight: 500; margin: 1.1875rem 0; }

.exit-warning-modal__body-text { color: #6a6a6a; line-height: 1.375rem; margin-bottom: 1.25rem; padding: 0 4.25rem; text-align: center; }

.exit-warning-modal__button { border-radius: 4px; cursor: pointer; height: 2.8125rem; margin-top: 0.625rem; width: 11.375rem; }

.exit-warning-modal__button--decline { background-color: #2696c6; color: #ffffff; font-weight: 500; transition: all .2s; }
.exit-warning-modal__button--decline:hover { background-color: #165a76; }

.exit-warning-modal__button--confirm { background-color: #ffffff; color: #2696c6; font-weight: 400; }

.gradient-shell { align-items: center; background: #f4f4f4; bottom: 0; display: flex; flex-flow: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 100%; justify-content: center; left: 0; overflow: hidden; position: absolute; right: 0; size: 16px; top: 0; width: 100%; -webkit-overflow-scrolling: touch; }

.gradient-shell__dots { position: absolute; }

.gradient-shell__dots--top { -webkit-transform: translate(-65%, -45%); -moz-transform: translate(-65%, -45%); -ms-transform: translate(-65%, -45%); -o-transform: translate(-65%, -45%); transform: translate(-65%, -45%); }

.gradient-shell__dots--bottom { -webkit-transform: translate(65%, 45%); -moz-transform: translate(65%, 45%); -ms-transform: translate(65%, 45%); -o-transform: translate(65%, 45%); transform: translate(65%, 45%); }

.gradient-shell__content-container { height: 100%; }

.login-shell { align-items: center; background-color: #f4f7fa; bottom: 0; display: flex; flex-flow: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 100%; justify-content: center; left: 0; overflow: hidden; position: absolute; right: 0; size: 16px; top: 0; width: 100%; -webkit-overflow-scrolling: touch; }

.login-shell__content-container { flex-direction: column; height: 100%; width: 100%; }

.login-shell__header { flex-direction: column; justify-content: flex-end; min-height: 6.25rem; width: 100%; }

.login-shell__header--mobile { justify-content: flex-start; margin-top: 2.75rem; }

.login-shell__header-logo { cursor: pointer; fill: #2696c6; }

.login-shell__content { align-items: center; display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-start; margin-top: 3.3125rem; max-height: calc(100vh - 100px); width: 100%; }

.login-shell__scrollable-content { height: 100%; width: 28.125rem; }

.login-shell__scrollable-content--wide { width: 52rem; }

.login-content__content-container { align-items: center; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0.3rem 2rem rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; flex-grow: 0; justify-content: flex-start; padding: 2.5rem; }

.login-content__legacy-message { margin-top: 3.125rem; }

.login-content__legacy-message-text { color: #808795; font-size: 15px; font-weight: normal; letter-spacing: -0.32px; line-height: 1.38; text-align: center; }

.login-content__legacy-message-link { color: #67b5d7; cursor: pointer; font-size: 15px; font-weight: 400; letter-spacing: -0.34px; text-align: center; text-decoration: none; }

.login-shell__footer { flex-direction: column; flex-grow: 0; justify-content: flex-end; padding-bottom: 2.375rem; width: 100%; }

.login-shell__footer-row { flex-direction: row; flex-wrap: nowrap; margin-top: 1.6875rem; width: 100%; }

.login-shell__footer-row-item { display: flex; }

.login-shell__footer-row-item + .login-shell__footer-row-item { margin-left: 1.125rem; }

.login-shell__footer-text { color: #868686; font-size: 14px; letter-spacing: -0.32px; }

.login-shell__footer-link { color: #454545; cursor: pointer; font-size: 14px; letter-spacing: -0.32px; text-decoration: none; }

@media (max-height: 800px) { .app-entry__content-container { overflow-y: scroll; } }
@media screen and (max-width: 960px), screen and (max-height: 800px) { .app-entry__content-container { overflow-y: hidden; height: 100%; }
  .app-entry__header, .app-entry__footer, .app-entry__dots { display: none; }
  .app-entry__mobile-header { display: flex; }
  .app-entry__mobile-header-container { display: block; }
  .app-entry__nested-page-content-container { border-radius: none; box-shadow: none; height: 100%; width: 100%; }
  .app-entry__exit-warning-modal { height: auto; width: 90%; }
  .exit-warning-modal__body-text { padding: 0 2.25rem; }
  .app-entry__exit-warning-modal-backdrop { background-color: #000000; opacity: 0.39; filter: alpha(opacity=39); }
  .exit-warning-modal__cancel { fill: #868686; }
  .exit-warning-modal__button--confirm { padding: 1.25rem 0 3.125rem 0; }
  .gradient-shell__dots { display: none; } }
.interior-shell { background-color: #f4f7fa; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }

.interior-shell .panes { overflow: hidden; }

.interior-shell__navigation { background-color: #f4f7fa; display: flex; justify-content: center; padding-top: 1.6875rem; position: relative; width: 100%; z-index: 4; }

.interior-shell__navigation-logo { display: flex; margin-left: 1.4375rem; margin-top: 0.125rem; width: 100%; max-width: 18rem; min-width: 15rem; }

.interior-shell__link-logo { display: flex; width: 18rem; }
.interior-shell__link-logo ._svg-icon { fill: #2696c6; }

.interior-shell__navigation-main { display: flex; justify-content: space-between; margin-right: 1.4375rem; width: 100%; max-width: 52rem; }

.interior-shell__navigation-wrapper { display: flex; width: 100%; max-width: 52rem; min-width: 44rem; }

.interior-shell__navigation-options { display: flex; flex-basis: 80%; margin-top: 0.0625rem; width: 100%; }

.interior-shell__navigation-user-profile { display: flex; flex-basis: 20%; justify-content: flex-end; position: relative; z-index: 4; min-width: 9.375rem; width: 100%; height: 54px; }

.interior-shell__main { background-color: #f4f7fa; display: flex; justify-content: center; position: relative; left: 0; height: calc(100vh - 82px); overflow: hidden; right: 0; scrollbar-color: #d5d5d5 transparent !important; scrollbar-width: auto !important; }
.interior-shell__main::-webkit-scrollbar { height: 8px; width: 8px; }
.interior-shell__main::-webkit-scrollbar-thumb { background: #d5d5d5; border-radius: 10px; }
.interior-shell__main::-webkit-scrollbar-thumb:hover { background: #bcbcbc; }
.interior-shell__main::-webkit-scrollbar-track { background: transparent; }

.interior-shell__sidebar { align-items: flex-end; background-color: #f4f7fa; display: flex; flex-direction: column; margin-left: 1.4375rem; position: relative; width: 100%; max-width: 18rem; min-width: 15rem; }

.interior-shell__sidebar-content { display: flex; height: calc(100vh - 82px); overflow-y: auto; width: 100%; max-width: 18rem; min-width: 15rem; -webkit-overflow-scrolling: touch; }

.interior-shell__content-container { margin-right: 1.4375rem; z-index: 1; }

.interior-shell__content, .interior-shell__error { background-color: #ffffff; box-shadow: 0 0.1875rem 0.25rem 0 rgba(0, 0, 0, 0.07); display: flex; flex-direction: column; max-height: calc(100vh - 82px); overflow: hidden; position: relative; width: 100%; max-width: 52rem; min-width: 52rem; }
.interior-shell__content .content, .interior-shell__error .content { height: 100%; min-height: calc(100vh - 82px); }

.interior-shell__error { margin: 0 1.4375rem; max-width: 70rem; min-width: 59rem; -webkit-border-top-left-radius: 0.3125rem; -moz-border-top-left-radius: 0.3125rem; border-top-left-radius: 0.3125rem; -webkit-border-top-right-radius: 0.3125rem; -moz-border-top-right-radius: 0.3125rem; border-top-right-radius: 0.3125rem; }

.interior-shell__content--no-sidebar { margin-left: 17.125rem; }

.interior-shell__top-content { background-color: #f4f7fa; box-shadow: 0 -0.375rem 0.375rem 0 #f4f7fa; top: 0; width: 100%; z-index: 5; position: -webkit-sticky; position: sticky; }

.interior-shell__top-fixed { background-color: #ffffff; height: 0.625rem; width: 100%; max-width: 52rem; min-width: 52rem; -webkit-border-top-left-radius: 0.375rem; -moz-border-top-left-radius: 0.375rem; border-top-left-radius: 0.375rem; -webkit-border-top-right-radius: 0.375rem; -moz-border-top-right-radius: 0.375rem; border-top-right-radius: 0.375rem; }

.interior-shell__sticky-header { align-items: center; color: #454545; display: flex; flex-direction: row; font-size: 22px; height: 73px; justify-content: space-between; margin-left: 30px; width: calc(100% - 60px); max-width: 52rem; }

.interior-shell__sticky-header-backdrop { background: #ffffff; height: 100%; width: 100%; z-index: 4; }

.interior-shell__sticky-header-wrapper { height: 75px; margin-top: -0.625rem; }

.interior-shell__sticky-header-separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; margin: 0 1.875rem; }

.interior-shell__sticky-header-text { flex: 0 0 40%; font-weight: 500; letter-spacing: -0.83px; line-height: normal; }

.interior-shell__sticky-header-text--wide { flex: 0 0 70%; }

.interior-shell__sticky-header-options { display: flex; flex: 0 0 60%; justify-content: flex-end; position: relative; }

.interior-shell__sticky-header-button { background-color: #f4f4f4; border-bottom: 2px solid #d5d5d5; border-bottom-color: #dedede; border-radius: 5px; color: #5d6470; cursor: pointer; fill: currentColor; flex: 0 0 2.8125rem; height: 2.8125rem; margin-left: 15px; }
.interior-shell__sticky-header-button:hover { background-color: #dedede; border-bottom-color: #d5d5d5; }

.interior-shell__sticky-header-search { flex: 0 0 40%; margin-left: 15px; }
.interior-shell__sticky-header-search .search-textbox .search-textbox__input { width: 100%; }

.interior-shell__sticky-header-search-sort { flex: 0 0 50%; margin-left: 15px; }
.interior-shell__sticky-header-search-sort .search-textbox .search-textbox__input { width: 100%; }

.interior-shell__sticky-header-button--cancel { background: none; border-bottom: solid 0.125rem #ffffff; flex-basis: 4.5625rem; margin-right: 0.4375rem; }
.interior-shell__sticky-header-button--cancel:hover { background: #f4f4f4; border-bottom-color: #d5d5d5; }

.interior-shell__sticky-header-button-text { font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; }

.interior-shell__scrollable-content { max-height: calc(100vh - calc(75px + 82px)); min-height: calc(100vh - calc(75px + 82px)); padding: 30px; }

.interior-shell__scrollable-content--with-footer { max-height: calc(100vh - calc(75px + 142px)); min-height: calc(100vh - calc(75px + 142px)); }

@media screen and (max-width: 600px), screen and (max-height: 800px) { .login-shell__header { min-height: 3.125rem; }
  .login-shell__content { margin-top: 0.625rem; }
  .login-shell__scrollable-content { width: 100%; }
  .login-content__content-container { background-color: unset; border-radius: 0; box-shadow: none; }
  .login-content__legacy-message { margin-top: 0; } }
@media screen and (max-width: 960px) { .login-shell__scrollable-content--wide { width: 100%; }
  .login-shell__scrollable-content--wide .login-content__content-container { background-color: unset; border-radius: 0; box-shadow: none; } }
@media screen and (max-width: 1200px) { .interior-shell, .interior-shell .panes { position: relative; }
  .interior-shell__navigation, .interior-shell__main { justify-content: flex-start; }
  .interior-shell__main { top: 0; }
  .interior-shell__main.disabled-scrollbar::-webkit-scrollbar { background: transparent; width: 0; }
  .interior-shell__navigation-wrapper, .interior-shell__content, .interior-shell__top-fixed { width: 100%; max-width: 52rem; min-width: 52rem; }
  .interior-shell__sidebar { height: 100%; position: -webkit-sticky; position: sticky; }
  .interior-shell__content-container { width: 100%; min-width: 44rem; } }
.interior-shell__snackbar-container { bottom: 1.25rem; padding: 0 1.5rem; position: absolute; width: 100%; }

@media screen and (max-width: 1200px) { .interior-shell__navigation-logo { max-width: 18rem; }
  .interior-shell__link-logo { max-width: 18rem; min-width: 15rem; }
  .interior-shell__navigation-main { max-width: 44rem; } }
@media screen and (max-width: 990px) { .interior-shell { max-height: 100vh; overflow-x: auto; overflow-y: hidden; scrollbar-color: #d5d5d5 transparent !important; scrollbar-width: auto !important; }
  .interior-shell::-webkit-scrollbar { height: 8px; width: 8px; }
  .interior-shell::-webkit-scrollbar-thumb { background: #d5d5d5; border-radius: 10px; }
  .interior-shell::-webkit-scrollbar-thumb:hover { background: #bcbcbc; }
  .interior-shell::-webkit-scrollbar-track { background: transparent; }
  .interior-shell__main { overflow: unset; }
  .interior-shell__navigation, .interior-shell .panes { min-width: 61.875rem; } }
@media (hover: none) and (pointer: coarse) { /* touchscreens */
  .interior-shell__scrollable-content { overflow-x: auto; overflow-y: auto; } }
@media (hover: none) and (pointer: fine) { /* stylus */
  .interior-shell__scrollable-content { overflow-x: auto; overflow-y: auto; } }
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html, html.os-html > .os-host { display: block; overflow: hidden; box-sizing: border-box; height: 100% !important; width: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */ }

html.os-html > .os-host > .os-padding { position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */ }

body.os-dragging, body.os-dragging * { cursor: default; }

.os-host, .os-host-textarea { position: relative; overflow: visible !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; }

.os-host-flexbox { overflow: hidden !important; display: -webkit-box; display: -ms-flexbox; display: flex; }

.os-host-flexbox > .os-size-auto-observer { height: inherit !important; }

.os-host-flexbox > .os-content-glue { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; }

.os-host-flexbox > .os-size-auto-observer, .os-host-flexbox > .os-content-glue { min-height: 0; min-width: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; }

#os-dummy-scrollbar-size { position: fixed; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; visibility: hidden; overflow: scroll; height: 500px; width: 500px; }

#os-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; }

/* fix restricted measuring */
#os-dummy-scrollbar-size:before, #os-dummy-scrollbar-size:after, .os-content:before, .os-content:after { content: ''; display: table; width: 0.01px; height: 0.01px; line-height: 0; font-size: 0; flex-grow: 0; flex-shrink: 0; visibility: hidden; }

#os-dummy-scrollbar-size, .os-viewport { -ms-overflow-style: scrollbar !important; }

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport { scrollbar-width: none !important; }

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner { display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; background: transparent !important; }

.os-content-glue { box-sizing: inherit; max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; }

.os-padding { box-sizing: inherit; direction: inherit; position: absolute; overflow: visible; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; }

.os-host-overflow > .os-padding { overflow: hidden; }

.os-viewport { direction: inherit !important; box-sizing: inherit !important; resize: none !important; outline: none !important; position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; }

.os-content-arrange { position: absolute; z-index: -1; min-height: 1px; min-width: 1px; pointer-events: none; }

.os-content { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: 100%; height: 100%; width: 100%; visibility: visible; }

.os-content > .os-textarea { box-sizing: border-box !important; direction: inherit !important; background: transparent !important; outline: 0px none transparent !important; overflow: hidden !important; position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; margin: 0 !important; border-radius: 0px !important; float: none !important; -webkit-filter: none !important; filter: none !important; border: none !important; resize: none !important; -webkit-transform: none !important; transform: none !important; max-width: none !important; max-height: none !important; box-shadow: none !important; -webkit-perspective: none !important; perspective: none !important; opacity: 1 !important; z-index: 1 !important; clip: auto !important; vertical-align: baseline !important; padding: 0px; }

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea { right: 0 !important; }

.os-content > .os-textarea-cover { z-index: -1; pointer-events: none; }

.os-content > .os-textarea[wrap='off'] { white-space: pre !important; margin: 0px !important; }

.os-text-inherit { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit; text-transform: inherit; text-decoration: inherit; text-indent: inherit; text-align: inherit; text-shadow: inherit; text-overflow: inherit; letter-spacing: inherit; word-spacing: inherit; line-height: inherit; unicode-bidi: inherit; direction: inherit; color: inherit; cursor: text; }

.os-resize-observer, .os-resize-observer-host { box-sizing: inherit; display: block; visibility: hidden; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; }

.os-resize-observer-host { padding: inherit; border: inherit; border-color: transparent; border-style: solid; box-sizing: border-box; }

.os-resize-observer-host.observed { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }

.os-resize-observer-host > .os-resize-observer, .os-resize-observer-host.observed > .os-resize-observer { height: 200%; width: 200%; padding: inherit; border: inherit; margin: 0; display: block; box-sizing: content-box; }

.os-resize-observer-host.observed > .os-resize-observer, .os-resize-observer-host.observed > .os-resize-observer:before { display: flex; position: relative; flex-grow: 1; flex-shrink: 0; flex-basis: auto; box-sizing: border-box; }

.os-resize-observer-host.observed > .os-resize-observer:before { content: ''; box-sizing: content-box; padding: inherit; border: inherit; margin: 0; }

.os-size-auto-observer { box-sizing: inherit !important; height: 100%; width: inherit; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; flex-basis: 0; }

.os-size-auto-observer > .os-resize-observer { width: 1000%; height: 1000%; min-height: 1px; min-width: 1px; }

.os-resize-observer-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; opacity: 0; direction: ltr !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

.os-resize-observer-item-final { position: absolute; left: 0; top: 0; -webkit-transition: none !important; transition: none !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

.os-resize-observer { -webkit-animation-duration: 0.001s; animation-duration: 0.001s; -webkit-animation-name: os-resize-observer-dummy-animation; animation-name: os-resize-observer-dummy-animation; }

object.os-resize-observer { box-sizing: border-box !important; }

@-webkit-keyframes os-resize-observer-dummy-animation { from { z-index: 0; }
  to { z-index: -1; } }
@keyframes os-resize-observer-dummy-animation { from { z-index: 0; }
  to { z-index: -1; } }
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner { -webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }

html.os-html > .os-host > .os-scrollbar { position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */ z-index: 999999; /* highest z-index of the page */ }

.os-scrollbar, .os-scrollbar-corner { position: absolute; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; z-index: 1; }

.os-scrollbar-corner { bottom: 0; right: 0; }

.os-scrollbar { pointer-events: none; }

.os-scrollbar-track { pointer-events: auto; position: relative; height: 100%; width: 100%; padding: 0 !important; border: none !important; }

.os-scrollbar-handle { pointer-events: auto; position: absolute; width: 100%; height: 100%; }

.os-scrollbar-handle-off, .os-scrollbar-track-off { pointer-events: none; }

.os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * { pointer-events: none !important; }

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle { opacity: 0 !important; }

.os-scrollbar-horizontal { bottom: 0; left: 0; }

.os-scrollbar-vertical { top: 0; right: 0; }

.os-host-rtl > .os-scrollbar-horizontal { right: 0; }

.os-host-rtl > .os-scrollbar-vertical { right: auto; left: 0; }

.os-host-rtl > .os-scrollbar-corner { right: auto; left: 0; }

.os-scrollbar-auto-hidden, .os-padding + .os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner, .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner { opacity: 0; visibility: hidden; pointer-events: none; }

.os-scrollbar-corner-resize-both { cursor: nwse-resize; }

.os-host-rtl > .os-scrollbar-corner-resize-both { cursor: nesw-resize; }

.os-scrollbar-corner-resize-horizontal { cursor: ew-resize; }

.os-scrollbar-corner-resize-vertical { cursor: ns-resize; }

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize { cursor: default; }

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical { top: 0; bottom: 0; }

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal { right: 0; left: 0; }

.os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize { opacity: 1 !important; visibility: visible !important; }

.os-scrollbar-corner.os-scrollbar-corner-resize { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+); background-repeat: no-repeat; background-position: 100% 100%; pointer-events: auto !important; }

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }

.os-host-overflow { overflow: hidden !important; }

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical, .os-theme-none > .os-scrollbar-corner { display: none !important; }

.os-theme-none > .os-scrollbar-corner-resize { display: block !important; min-width: 10px; min-height: 10px; }

.os-scrollbar { pointer-events: auto; visibility: visible; }

/* TRESTA THEME: */
.interior-shell__scrollable-content, .overlay-scrollbars-content-wrapper, .filter-menu__popup, .integrity-warning-modal__scrollable-content--overflow, .conversation-messages, .message-compose-area__textarea, .route-to-modal__scrollable-content--overflow, .action-modal__scrollable-content--overflow, .list-box, .style-guide { display: inline-block; height: 100%; width: 100%; }

.os-theme-tresta > .os-scrollbar-horizontal { right: 16px; height: 12px; padding: 2px; }

.os-theme-tresta > .os-scrollbar-vertical { bottom: 16px; width: 12px; padding: 2px; }

.os-theme-tresta.os-host-rtl > .os-scrollbar-horizontal { left: 16px; right: 0; }

.os-theme-tresta > .os-scrollbar-corner { height: 16px; width: 16px; background-color: transparent; }

.os-theme-tresta > .os-scrollbar-horizontal > .os-scrollbar-track { background: transparent; }

.os-theme-tresta > .os-scrollbar-vertical > .os-scrollbar-track { background: transparent; }

.os-theme-tresta > .os-scrollbar-horizontal > .os-scrollbar-track:hover { background: transparent; }

.os-theme-tresta > .os-scrollbar-vertical > .os-scrollbar-track:hover { background: transparent; }

.os-theme-tresta > .os-scrollbar-horizontal > .os-scrollbar-track.active { background: transparent; }

.os-theme-tresta > .os-scrollbar-vertical > .os-scrollbar-track.active { background: transparent; }

.os-theme-tresta.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }

.os-theme-tresta.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }

.os-theme-tresta > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before, .os-theme-tresta > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; }

.os-theme-tresta > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before { top: -6px; bottom: -2px; }

.os-theme-tresta > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before { left: -6px; right: -2px; }

.os-theme-tresta.os-host-rtl > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before { right: -6px; left: -2px; }

.os-theme-tresta > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle { border-radius: 12px; }

.os-theme-tresta > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle { border-radius: 12px; }

.os-theme-tresta > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle { min-width: 30px; max-width: none; background: rgba(213, 213, 213, 0.7); }

.os-theme-tresta > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle { min-height: 30px; max-height: none; background: rgba(213, 213, 213, 0.7); }

.os-theme-tresta > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover { background: #d5d5d5; }

.os-theme-tresta > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover { background: #d5d5d5; }

.os-theme-tresta > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active { background: #d5d5d5; }

.os-theme-tresta > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active { background: #d5d5d5; }

.os-theme-tresta.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }

.os-theme-tresta.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }

.mCSB_container { width: auto; overflow: hidden; }

.mCSB_container.mCS_no_scrollbar { margin-right: 0; }

.mCustomScrollBox > .mCSB_scrollTools { width: 16px; height: 100%; top: 0; right: 0; }

.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; }

.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; height: 100%; margin: 0 auto; }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: relative; height: 20px; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown { top: 100%; margin-top: -40px; }

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container { height: auto; margin-right: 0; margin-bottom: 30px; overflow: hidden; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-bottom: 0; }

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-right: 0; margin-bottom: 30px; }

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools { width: 100%; height: 16px; top: auto; right: auto; bottom: 0; left: 0; overflow: hidden; }

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 0 20px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { display: block; position: relative; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; float: left; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { margin-left: -40px; float: right; }

.mCustomScrollBox { -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/ }

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools { opacity: 0; -webkit-transition: opacity 200ms; -moz-transition: opacity 200ms; -o-transition: opacity 200ms; transition: opacity 200ms; margin-top: 2px; margin-right: -2px; }

.mCustomScrollBox:hover > .mCSB_scrollTools { opacity: 1; }

.mCustomScrollBox > .mCSB_scrollTools .mCSB_draggerContainer { bottom: 3px; }

.mCSB_scrollTools .mCSB_draggerRail { background: transparent; opacity: 0; margin-bottom: 10px; }

.mCustomScrollBox:hover > .mCSB_scrollTools .mCSB_draggerRail { opacity: 1.0; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #333; background: rgba(0, 0, 0, 0.5); width: 6px; border-radius: 4px; }

.filter-selection { display: flex; flex-direction: column; width: 100%; }

.filter-selection--open { height: calc(100% + 18.75rem); }

.filter-selection__header { align-items: center; display: flex; justify-content: space-between; margin-bottom: 1rem; padding-right: 1.25rem; width: 100%; }

.filter-selection__label { margin-bottom: 0.4375rem; padding-left: 0.75rem; text-align: left; }

.filter-selection__button-container { align-items: center; display: flex; justify-content: flex-end; }

.filter-selection__clear-button { background: #e6eaee; border-radius: 1.5625rem; cursor: pointer; height: 1.5rem; line-height: 1.57; margin-left: 0.375rem; padding: 0 0.25rem; width: 3.25rem; }

.filter-selection__clear-button { color: #808795; font-size: 14px; font-weight: 400; letter-spacing: -0.32px; }

.filter-selection__add-button { background: #e6eaee; border-radius: 5px; fill: #5d6470; cursor: pointer; margin-left: 0.8125rem; width: 2rem; height: 2rem; }
.filter-selection__add-button:hover { background: #dedede; }

.filter-selection__add-button--disabled { background: #f4f4f4; fill: #d5d5d5; }
.filter-selection__add-button--disabled:hover { background: #f4f4f4; }

.filter-selection__container { display: flex; cursor: pointer; flex-direction: column; margin-bottom: 0.25rem; position: relative; }

.selection-item { align-items: flex-start; cursor: pointer; display: flex; flex-direction: column; height: 100%; justify-content: center; position: relative; width: 100%; }
.selection-item:hover { background-color: #e6eaee; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.selection-item--empty { height: 2.8125rem; }

.selection-item__label { color: #454545; font-size: 15px; font-weight: normal; letter-spacing: -0.32px; line-height: 1.27; padding-left: 0.75rem; }

.selection-item__delete { align-self: center; cursor: pointer; flex: 0 0 1.875rem; height: 1.875rem; padding-right: 1.375rem; position: absolute; right: -1px; top: 8px; }
.selection-item__delete ._svg-icon { fill: #868686; }

.selection-item__separator { background-color: #e6eaee; height: 0.125rem; margin-left: 0.75rem; width: 90%; }

.selection-item:hover + .selection-item__separator { background: transparent; }

.selection-item:last-child .selection-item__divider--bottom { background-color: #e6eaee; display: block; }
.selection-item:last-child:hover .selection-item__divider--bottom { background-color: transparent; }

.selection-item + .selection-item .selection-item__divider { background-color: #e6eaee; display: block; }
.selection-item + .selection-item .selection-item__divider--bottom { display: none; }

.selection-item + .selection-item:last-child .selection-item__divider--bottom { display: block; }

.selection-item:hover + .selection-item .selection-item__divider { background-color: transparent; }
.selection-item:hover + .selection-item .selection-item__divider--bottom { background-color: #e6eaee; }

.selection-item + .selection-item:hover .selection-item__divider { background-color: transparent; }

.selection-item__divider { background-color: transparent; border-radius: 0.0625rem; display: none; height: 0.125rem; margin-left: 0.75rem; width: 90%; }

.selection-item__divider--bottom { display: none; }

.sidebar-select { position: relative; width: 100%; }

.selection-item .select-theme-dark.select2-container.select2-container .select2-selection--single .select2-selection__rendered, .selection-item .select-theme-dark.select2-container.select2-container .select2-selection--single:hover .select2-selection__rendered { padding-right: 4.75rem; }
.selection-item .select-theme-dark.select2-container.select2-container .select2-selection__arrow { right: 45px; }

.payment-methods__list { width: 40.625rem; }

.payment-method.common-list__item { align-items: center; flex-direction: row; }

.payment-method__card--default.common-list-item__block { border-color: #454545; }

.payment-method__card--expired.common-list-item__block { border-color: #fc4636; }

.payment-method .card-image { height: 3.125rem; width: 3.4375rem; }

.edit-payment-method__uneditable-text { color: #5d6470; font-size: 16px; margin: 0.4375rem 0 1.5625rem 0.875rem; }

.payment-method-container .payment-method__validation-text { color: #fc4636; display: block; font-size: 14px; line-height: 1.125rem; margin-top: 0.25rem; max-width: 100%; padding: 0; position: absolute; text-align: left; width: auto; word-break: break-word; }

.payment-method__expiration-date-container { display: flex; flex: 1; margin-top: 0.3125rem; flex-direction: column; }

.payment-method__expiration-date-container .bottom:after { border-bottom-color: #2696c6; border-top-color: #2696c6; }

.payment-method__expiration-date-container .bottom *:after { border-top-color: #2696c6; }

.payment-method__expiration-date-container .bottom .tooltip-arrow { border-bottom-color: #2696c6; border-top-color: #2696c6; }

.payment-method__expiration-date-container .tooltip .tooltip-inner { background-color: #2696c6; border-color: #2696c6; }

.payment-method-container .payment-method__credit-card-input { width: 30rem; }

.payment-method__expiration-date { color: #454545; font-size: 16px; font-weight: 500; padding-top: 0.0625rem; text-align: center; width: 2.5rem; }

.payment-method--expired { color: #67b5d7; }

.payment-method__expiration-tooltip { background-color: #67b5d7; color: #ffffff; }

.payment-method-container .error-tooltip { position: absolute; width: auto; }

.payment-method__icon-container { align-items: flex-end; align-self: stretch; display: flex; flex: 4; justify-content: space-between; flex-direction: column; }

.payment-method__default-card-indicator--make-default .fade, .payment-method__default-card-indicator--is-default, .payment-method__default-card-indicator--make-default, .common-list__item.payment-method:hover .payment-method__default-card-indicator--make-default { align-items: center; border-radius: 1.25rem; color: #ffffff; display: flex; height: 1.5rem; justify-content: center; margin-left: 1.25rem; width: 7.8125rem; transition: all 0.25s ease; }

.payment-method__default-card-indicator--make-default .fade { background-color: #868686; margin-left: 0; }

.payment-method__default-card-indicator--is-default { background-color: #000000; cursor: default; }

.payment-method__default-card-indicator--make-default { background-color: #ffffff; cursor: pointer; }

.common-list__item.payment-method:hover .payment-method__default-card-indicator--make-default { background-color: #d5d5d5; }
.common-list__item.payment-method:hover .payment-method__default-card-indicator--make-default:hover { background-color: #5d6470; }

.payment-method__default-card-indicator--make-default-text { background-color: transparent; height: 1.5rem; font-size: 14px; font-weight: 400; }

.add-payment-method__multiple-input-container { display: flex; justify-content: space-between; min-height: 5.5rem; width: 30rem; }

.payment-method__label { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-weight: 500; font-size: 16px; min-width: 8.75rem; overflow: visible; text-align: left; }

.payment-method__credit-card-input .credit-card-input .credit-card-number { width: 30rem; }

.payment-method__credit-card-input .credit-card-input .credit-card-icon { top: 10px; right: 10px; }

.payment-method__label--no-edit { font-weight: 500; overflow: visible; padding-top: 0.125rem; }

.payment-method__label--heavy { color: #454545; font-size: 16px; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-weight: 500; }

.payment-method__text { align-items: flex-start; color: #868686; display: flex; flex-direction: column; font-size: 14px; font-weight: 400; justify-content: space-between; line-height: normal; }

.payment-method__metadata { align-items: flex-start; color: #868686; display: flex; flex-direction: column; font-size: 13px; justify-content: space-around; line-height: normal; overflow: hidden; width: 40%; }

.payment-method__item { align-items: center; display: flex; flex-direction: row; margin-bottom: 1.25rem; }

.common-list-item__label--payment-method, .common-list-item__label--payment-method--first { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 500; margin-top: -0.25rem; width: 30%; }

.add-payment-method__form { width: 480px; }

.add-payment-method__input-field { min-height: 5.8125rem; }

.add-payment-method__input-field .text-box input.text-box__input { width: 30rem; }

.add-payment-method__input-field--expiration-month { width: 5.9375rem; }

.add-payment-method__input-field--expiration-year { margin-top: 1.375rem; width: 7.1875rem; }

.add-payment-method__input-field--cvv .text-box input.text-box__input { width: 14.375rem; }

.add-payment-method__input-field--country { width: 19.1875rem; }

.add-payment-method__input-field--postal-code input.text-box__input { border: 2px solid #d5d5d5; border-radius: 5px; color: #5d6470; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; height: 2.8125rem; outline: none; padding-left: 0.9375rem; width: 9.5625rem; }
.add-payment-method__input-field--postal-code input.text-box__input:hover, .add-payment-method__input-field--postal-code input.text-box__input:focus { border-color: #bcbcbc; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }

.payment-method__credit-card-input.invalid, .add-payment-method__input-field--postal-code input.text-box__input.invalid { border-color: #fc4636; }
.payment-method__credit-card-input.invalid:hover, .payment-method__credit-card-input.invalid:focus, .add-payment-method__input-field--postal-code input.text-box__input.invalid:hover, .add-payment-method__input-field--postal-code input.text-box__input.invalid:focus { border-color: #fc4636; }

.add-payment-method__input-field--expiration-month.invalid span.select2-selection--single, .add-payment-method__input-field--expiration-year.invalid span.select2-selection--single { border-color: #fc4636; }

.payment_method__warning-box { margin-bottom: 1.25rem; width: 30rem; }

.user-profile__metadata, .user-profile-menu__metadata { align-items: flex-end; color: #808795; display: flex; flex-direction: column; font-weight: 500; justify-content: center; line-height: normal; }

.user-profile__impersonating, .user-profile-menu__impersonating { font-size: 0.5625rem; letter-spacing: 0.028125rem; text-transform: uppercase; }

.user-profile__name, .user-profile-menu__name { font-size: 0.75rem; letter-spacing: -0.01875rem; }

.user-profile { font-family: "Circular", "Helvetica", "Arial", sans-serif; font-weight: normal; margin-left: 1.25rem; position: relative; }
.user-profile:hover .user-profile__metadata { color: #5d6470; }
.user-profile:hover .user-profile__avatar { background-color: #e6eaee; }
.user-profile:hover .user-profile__presence-indicator { border-color: #e6eaee; }

.user-profile__toggle { cursor: pointer; display: flex; height: 2.375rem; max-width: 10.25rem; padding-right: 0.0625rem; }
.user-profile__toggle img { border-radius: 4px; width: 1.75rem; height: 1.75rem; }

.user-profile__metadata { align-items: flex-end; height: 2.375rem; margin-right: 0.5rem; }

.user-profile__name { max-width: 7.5rem; }

.user-profile__avatar { border-radius: 4px; padding: 0.3125rem; }

.user-profile__initials-block { background-color: #808795; border-radius: 0.1875rem; color: #ffffff; font-size: 16px; letter-spacing: -0.01875rem; line-height: normal; width: 1.75rem; height: 1.75rem; }

.user-profile__menu { background: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; box-shadow: 0 0 1.125rem 0.125rem #d5d5d5; padding: 1.625rem 0 0.5625rem; position: absolute; right: 0; top: 44px; transition: all 0.15s ease; visibility: hidden; width: 16rem; }

.user-profile__menu--visible { visibility: visible; z-index: 10; }

.user-profile-menu__metadata { align-items: flex-start; padding: 0 1.5rem; }

.user-profile-menu__impersonating { margin-bottom: 0.1875rem; }

.user-profile-menu__name { color: #5d6470; font-size: 0.8125rem; font-weight: bold; letter-spacing: 0.03125rem; max-width: 12.5rem; text-transform: uppercase; }

.user-profile-menu__presence { display: flex; flex-direction: column; font-size: 16px; font-weight: normal; letter-spacing: -0.02rem; line-height: normal; margin-top: 0.875rem; }

.user-profile-menu__list, .user-profile-presence__list { display: flex; flex-direction: column; font-size: 16px; font-weight: normal; letter-spacing: -0.02rem; line-height: normal; }

.user-profile-presence__list { margin-top: 0.875rem; }

.user-profile-option { align-items: center; color: #454545; display: flex; height: 3rem; padding: 0 1.125rem; transition: color 80ms; }
.user-profile-option:hover { background-color: #f4f4f4; cursor: pointer; }
.user-profile-option:active { background-color: #e6eaee; }

.user-profile-option__icon { fill: currentColor; width: 1.5rem; height: 1.5rem; }

.user-profile-option__icon--arrow { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

.user-profile-option__label { margin-left: 0.84375rem; width: 100%; }

.user-profile-option__separator { background-color: #d5d5d5; border: solid 0.0625rem #d5d5d5; height: 0.0625rem; margin: 0.75rem auto; width: 12.8125rem; }

.user-profile-presence__menu { background: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; box-shadow: 0 0 1.125rem 0.125rem #d5d5d5; padding: 1.625rem 0 0.5625rem; position: absolute; top: 44px; transition: all 0.15s ease; visibility: hidden; width: 16rem; }

.user-profile-presence__menu--visible { visibility: visible; z-index: 10; }

.user-profile-presence__label { padding-left: 0.75rem; }

.user-profile__presence-indicator, .user-profile-option__presence-indicator { background: #389a60; border-radius: 50%; width: 0.5rem; height: 0.5rem; }

.user-profile__presence-indicator { border: 2px solid #f4f7fa; bottom: 1.125rem; position: absolute; right: 0.125rem; width: 0.75rem; height: 0.75rem; }

.user-settings-profile { display: flex; flex-direction: column; }
.user-settings-profile .interior-shell__sticky-header-text { flex: 50%; }

.user-profile__form-container { width: 480px; }

.user-profile__form-row { display: flex; flex-direction: row; justify-content: space-between; }

.user-profile__avatar-container { width: 4.625rem; height: 4.625rem; }

.user-profile__avatar-container, .user-profile__name-container, .user-profile__title-container, .user-profile__email-container { min-height: 5.8125rem; }

.user-profile__security-container, .user-profile__timezone-container { margin-bottom: 1.25rem; }

.user-profile__label { margin-bottom: 0.4375rem; }

.user-profile__name-input .text-box .text-box__input { width: 11.4375rem; }

.user-profile__input .text-box .text-box__input { width: 480px; }
.user-profile__input .text-box .text-box__input::placeholder { letter-spacing: -0.57px; }

.user-profile__link { color: #808795; cursor: pointer; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; letter-spacing: -0.57px; line-height: 1.625rem; height: 1.625rem; margin-left: 0.875rem; }
.user-profile__link:hover { color: #5d6470; }

.user-profile__link + .user-profile__link { margin-top: 0.4375rem; }

.user-settings-profile .error-tooltip { width: inherit; }

.user-profile-modal__confirmation-content { align-items: center; display: flex; flex-direction: column; height: 18rem; max-width: fit-content; padding-top: 2.875rem; }

.user-profile-modal__text-container { margin-bottom: 2.1875rem; margin-top: 0.75rem; }

.user-profile-modal__text { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.36px; }

.user-profile-modal__dropdown { text-align: left; }

.user-profile-modal__confirmation-icon { margin-bottom: 0.625rem; width: 480px; }
.user-profile-modal__confirmation-icon .cls-1 { fill: #ffffff; }
.user-profile-modal__confirmation-icon .cls-2 { fill: #454545; }

.user-profile-modal__footer { height: 1.5625rem; }

.user-devices .interior-shell__sticky-header-text { flex: 0 0 70%; }
.user-devices .interior-shell__sticky-header-options { flex: 0 0 30%; }

.user-devices__add-another-container { align-items: center; border: 2px dashed #d5d5d5; border-radius: 5px; cursor: pointer; display: flex; height: 2.8125rem; justify-content: center; padding: 1.125rem; width: 480px; }
.user-devices__add-another-container:hover { border-color: #868686; }
.user-devices__add-another-container:hover .user-devices-add-another-link { color: #5d6470; }

.user-devices-add-another-link-add-another-tooltip { width: 100%; }

.user-devices-add-another-link { color: #808795; font-size: 16px; letter-spacing: -0.57px; line-height: normal; text-decoration: none; }

.user-devices__add-another-container--disabled { border-color: #d5d5d5; cursor: default; }
.user-devices__add-another-container--disabled .user-devices-add-another-link { color: #d5d5d5; }
.user-devices__add-another-container--disabled:focus, .user-devices__add-another-container--disabled:hover { border-color: #d5d5d5; }
.user-devices__add-another-container--disabled:focus .user-devices-add-another-link, .user-devices__add-another-container--disabled:hover .user-devices-add-another-link { color: #d5d5d5; }

.user-devices-edit { display: flex; flex-direction: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 100%; padding: 0 0.75rem; position: relative; width: 480px; }

.user-devices__name-container, .user-devices__number-container, .user-devices__caller-id-container { min-height: 5.8125rem; }

.user-devices__label { margin-bottom: 0.4375rem; }

.user-devices__name-input .text-box .text-box__input { width: 100%; }

.user-devices__number-input, .user-devices__number-input .intl-tel-input { width: 100%; }

.user-devices-edit__header { align-items: center; color: #454545; display: flex; flex-direction: row; font-size: 22px; height: 4.625rem; justify-content: space-between; width: 100%; }

.user-devices-edit__header-text { flex: 0 0 30%; font-weight: 500; letter-spacing: -0.83px; line-height: normal; }

.user-devices-edit__header-separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; margin-bottom: 1.5625rem; }

.user-devices__number-text { color: #5d6470; display: inline-block; font-size: 16px; font-weight: normal; margin-left: 0.9375rem; vertical-align: middle; }

.user-devices__warning-message { margin: 0.9375rem 0; }

.subscriptions__grid-heading, .subscriptions__grid-heading-cell-name { align-items: center; background: #f4f4f4; border-radius: 5px; color: #6a6a6a; display: flex; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; overflow: hidden; }

.subscriptions__grid-body { color: #5d6470; overflow: hidden; }

.subscriptions__grid-row { border: 0.0625rem solid transparent; border-bottom: 0.0625rem solid #f4f4f4; overflow: hidden; }

.user-subscriptions .interior-shell__sticky-header-text { flex: 0 0 70%; }
.user-subscriptions .interior-shell__sticky-header-options { flex: 0 0 30%; }

.user-subscriptions__form-container { position: relative; width: 480px; }

.user-subscriptions__tab-collection { background-color: #ffffff; padding-bottom: 1.625rem; width: 480px; z-index: 4; position: -webkit-sticky; position: sticky; }

.subscriptions__grid-heading { height: 2.875rem; padding-left: 0.75rem; top: 0; width: 480px; z-index: 4; position: -webkit-sticky; position: sticky; }

.subscriptions__grid-heading-text { color: #5d6470; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; letter-spacing: -0.38px; }

.subscriptions__grid-heading-cell-name { cursor: pointer; width: 14rem; }

.subscriptions__grid-heading-cell-mobile { height: 1.875rem; width: 5rem; }

.subscriptions__grid-heading-cell-web { height: 1.875rem; width: 5rem; }

.subscriptions__grid-heading-cell-email { height: 1.875rem; width: 5rem; }

.subscriptions__grid-body-column { color: #808795; }

.subscriptions__grid-body-cell-name { width: 14rem; }

.subscriptions__grid-body-cell-name--clickable { cursor: pointer; }

.subscriptions__grid-body-cell-mobile { width: 5rem; }

.subscriptions__grid-body-cell-web { width: 5rem; }

.subscriptions__grid-body-cell-email { width: 5rem; }

.subscriptions__grid-row { align-items: center; display: flex; flex-wrap: wrap; line-height: 1.875rem; padding: 1rem 0 1rem 0.75rem; }

.subscriptions__grid-body-cell { font-size: 16px; }

.subscriptions__grid-row--empty { color: #868686; font-size: 16px; font-weight: 400; line-height: 1.875rem; padding: 1.875rem 0 1.875rem 0; text-align: center; }

.subscriptions__avatar-and-name { align-items: center; display: flex; justify-content: flex-start; line-height: normal; }
.subscriptions__avatar-and-name .common-list-item__icon--user { margin-right: 0.75rem; }
.subscriptions__avatar-and-name .common-list-item__icon--usergroup { width: 4.125rem; }

.subscriptions__name { max-width: 10.25rem; }

.subscriptions__icon { margin-right: 0.75rem; }

.subscriptions__toggle { line-height: normal; }

.subscriptions__subscribers { display: flex; flex-direction: column; margin-left: 1.5rem; margin-top: 1.25rem; width: 100%; }

.subscriptions__subscribers-list { border-left: 2px solid #d5d5d5; display: flex; flex-direction: column; padding-left: 2.125rem; }

.subscriptions-subscriber { align-items: center; display: flex; }

.subscriptions-subscriber + .subscriptions-subscriber { margin-top: 0.5rem; }

.subscriptions-subscriber__avatar span { vertical-align: bottom; }
.subscriptions-subscriber__avatar .user-avatar-icon { vertical-align: inherit; width: 2rem; height: 2rem; }

.subscriptions-subscriber__avatar--group { width: 2.375rem; }
.subscriptions-subscriber__avatar--group .icon-group-avatar, .subscriptions-subscriber__avatar--group .icon-group-half, .subscriptions-subscriber__avatar--group .icon-group-quarter { width: 2rem; height: 2rem; }
.subscriptions-subscriber__avatar--group .icon-group-half { width: 1rem; height: 2rem; }
.subscriptions-subscriber__avatar--group .icon-group-half img { object-position: -10px; position: relative; width: 2rem; height: 2rem; }
.subscriptions-subscriber__avatar--group .icon-group-quarter { width: 1rem; height: 1rem; }
.subscriptions-subscriber__avatar--group .icon-group-quarter img { width: 1rem; height: 1rem; }
.subscriptions-subscriber__avatar--group .borderedIcon-border, .subscriptions-subscriber__avatar--group img { vertical-align: top; }

.subscriptions-subscriber__metadata { margin-left: 1rem; max-width: 21.875rem; }

.subscriptions-subscriber__name { color: #454545; font-size: 16px; font-weight: 300; letter-spacing: -0.32px; line-height: normal; }

.subscriptions-subscriber__avatar--group + .subscriptions-subscriber__metadata { margin-left: 0.6875rem; }

@media screen and (max-width: 1200px) { .user-subscriptions__tab-collection, .subscriptions__grid-heading { position: unset; }
  .subscriptions__grid-body { padding-top: 0rem; } }
.user-voicemail__form-container { padding-bottom: 1.875rem; position: relative; width: 40.625rem; }

.user-voicemail__tab-collection { background-color: #ffffff; padding-bottom: 1.625rem; padding-right: 10.625rem; top: 0; width: inherit; z-index: 4; position: -webkit-sticky; position: sticky; }

.user-voicemail .interior-shell__sticky-header-text { flex: 0 0 70%; }
.user-voicemail .interior-shell__sticky-header-options { flex: 0 0 30%; }

.voicemail-greetings__list { width: 40.625rem; }

.voicemail-greeting.common-list__item { align-items: center; flex-direction: row; }

.voicemail-greeting--default.common-list-item__block { border: 0.125rem solid #454545; }

.voicemail-greeting__label { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 500; width: 100%; }

.voicemail-greeting__default-indicator { align-items: center; background: #d5d5d5; border-radius: 1.25rem; color: #ffffff; cursor: pointer; display: flex; height: 1.5rem; justify-content: center; margin-left: 1.25rem; opacity: 0; position: relative; transition: all 0.25s ease; width: 9.0625rem; }
.voicemail-greeting__default-indicator:hover { background: #5d6470; }

.voicemail-greeting:hover .voicemail-greeting__default-indicator { opacity: 1; }

.voicemail-greeting__default-indicator--active { background-color: #2b2b2b; cursor: default; opacity: 1; }
.voicemail-greeting__default-indicator--active:hover { background-color: #2b2b2b; }

.voicemail-greeting__default-text { font-size: 14px; font-weight: 400; line-height: normal; }

.user-voicemail-greetings__add-another-container { align-items: center; border: 2px dashed #d5d5d5; border-radius: 5px; cursor: pointer; display: flex; height: 2.8125rem; justify-content: center; padding: 1.125rem; width: 480px; }
.user-voicemail-greetings__add-another-container:hover { border-color: #868686; }
.user-voicemail-greetings__add-another-container:hover .user-voicemail-greetings-add-another-link { color: #5d6470; }

.user-voicemail-greetings-add-another-link { color: #808795; font-size: 16px; letter-spacing: -0.57px; line-height: normal; text-decoration: none; }

.voicemail-greeting-edit { display: flex; flex-direction: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 100%; padding: 0 0.75rem; position: relative; width: 480px; }

.voicemail-greeting-edit__header { align-items: center; color: #454545; display: flex; flex-direction: row; font-size: 22px; height: 4.625rem; justify-content: space-between; width: 100%; }

.voicemail-greeting-edit__header-text { flex: 0 0 30%; font-weight: 500; letter-spacing: -0.83px; line-height: normal; }

.voicemail-greeting-edit__header-separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; margin-bottom: 1.5625rem; }

.voicemail-greeting-edit .add-audio-file__form-container, .voicemail-greeting-edit .add-audio-file__input .text-box .text-box__input, .voicemail-greeting-edit .audio-recorder, .voicemail-greeting-edit .add-audio-file__audio-controls .audio-player { width: 28.125rem; }

.voicemail-greeting-edit .add-audio-file__preview-container { margin-bottom: 0.9375rem; }

.voicemail-subscribers { width: 480px; }

.human-detection .interior-shell__sticky-header-text { flex: 0 0 70%; }
.human-detection .interior-shell__sticky-header-options { flex: 0 0 30%; }
.human-detection .interior-shell__sticky-header-search-sort { flex: 0 0 96%; }

.human-detection__form { display: flex; flex-direction: column; padding-left: 1.375rem; padding-top: 1.875rem; width: 480px; }

.human-detection__label { color: #454545; font-size: 16px; letter-spacing: -0.32px; line-height: 1.38; margin-bottom: 0.4375rem; width: 480px; }

.human-detection__number-input, .human-detection__number-input .intl-tel-input { width: 100%; }

.human-detection__icon .borderedIcon-border { background-color: #d5d5d5; }
.human-detection__icon ._svg-icon { fill: #5d6470; }

.human-detection__warning-banner { padding-bottom: 17px; }

.human-detection__whitelist-banner { align-items: center; background-color: #f4f4f4; border-radius: 5px; color: #454545; display: flex; font-size: 14px; font-weight: 500; height: 52px; letter-spacing: -0.38px; line-height: 2.29; margin-bottom: 32px; padding-left: 17.3px; width: 100%; }

.human-detection__empty { align-items: center; color: #868686; display: flex; flex-direction: column; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.32px; padding-top: 6.3125rem; }

.add-forwarding-number .interior-shell__sticky-header-text { flex: 0 0 70%; }
.add-forwarding-number .interior-shell__sticky-header-options { flex: 0 0 30%; }

.add-forwarding-number__form-container { position: relative; width: 480px; }

.add-forwarding-number__form-row { display: flex; flex-direction: column; min-height: 5.8125rem; width: 100%; }

.add-forwarding-number__label { margin-bottom: 0.4375rem; }

.add-forwarding-number__input .text-box .text-box__input { width: 100%; }

.add-forwarding-number__phone-input .intl-tel-input { width: 100%; }

.main-navigation { display: flex; font-family: "Circular", "Helvetica", "Arial", sans-serif; width: 100%; height: 3.375rem; }

.main-navigation__container { display: flex; z-index: 1; }

.main-navigation__list-item { display: block; float: left; height: 2rem; position: relative; }

.navigation-item__link { color: #5d6470; cursor: pointer; display: flex; flex-direction: column; font-size: 15px; font-weight: normal; letter-spacing: -0.43px; line-height: normal; margin-right: 2.25rem; margin-top: 0.25rem; }
.navigation-item__link:hover { color: #000000; }

.navigation-item__link-content { align-items: center; display: flex; }

.navigation-item__icon { fill: currentColor; height: 1.5rem; position: relative; }
.navigation-item__icon ._svg-icon { width: 1.5rem; height: 1.5rem; }

.navigation-item__icon ._svg-icon._svg-icon__svg-more { width: 1rem; }

.navigation-item__link--calls .navigation-item__label, .navigation-item__link--inbox .navigation-item__label, .navigation-item__link--settings .navigation-item__label { margin-left: 0.125rem; }

.navigation-item__link--contacts .navigation-item__label { margin-left: 0.0625rem; }

.navigation-item__link--messages .navigation-item__label { margin-left: 0.1875rem; }

.navigation-item__badge { background: #f4f7fa; border-radius: 1.5625rem; height: 1rem; padding: 0.0625rem; position: absolute; top: 0.0625rem; width: 1rem; }

.navigation-item__badge--pill { height: 0.875rem; top: 0.125rem; width: unset; }

.navigation-item__badge-count { background: #2696c6; border-radius: 1.5625rem; color: #ffffff; font-size: 0.5625rem; font-weight: normal; height: 100%; letter-spacing: -0.06px; padding-bottom: 0.0625rem; width: 100%; }

.navigation-item__badge--pill .navigation-item__badge-count { line-height: 0.75rem; padding: 0.0625rem 0.225rem; }

.main-navigation__list-item--active .navigation-item__link { color: #000000; }

.main-navigation__more { align-items: center; height: 2rem; display: flex; }

.more-navigation { font-family: "Circular", "Helvetica", "Arial", sans-serif; font-weight: normal; position: relative; }
.more-navigation:hover .navigation-item__icon { color: #000000; }

.more-navigation__toggle { color: #5d6470; cursor: pointer; display: flex; }

.more-navigation__options { background: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; box-shadow: 0 0 1.125rem 0.125rem #d5d5d5; padding-bottom: 0.5625rem; position: absolute; right: -240px; top: 44px; transition: all 0.15s ease; visibility: hidden; width: 16rem; }

.more-navigation__options--visible { visibility: visible; z-index: 10; }

.more-navigation-options__list { display: flex; flex-direction: column; font-size: 16px; font-weight: normal; letter-spacing: -0.02rem; line-height: normal; margin-top: 0.875rem; }

.more-navigation-option { align-items: center; color: #454545; display: flex; height: 3rem; padding: 0 1.125rem; position: relative; transition: color 80ms; }
.more-navigation-option:hover { background-color: #f4f4f4; cursor: pointer; }
.more-navigation-option:active { background-color: #e6eaee; }

.more-navigation-option__icon { fill: currentColor; width: 1.5rem; height: 1.5rem; }

.more-navigation-option__label { margin-left: 0.84375rem; }

.more-navigation-option__separator { background-color: #d5d5d5; border: solid 0.0625rem #d5d5d5; height: 0.0625rem; margin: 0.75rem auto; width: 12.8125rem; }

.more-navigation-item__badge { background: #f4f7fa; border-radius: 1.5625rem; height: 1rem; padding: 0.0625rem; position: absolute; top: 0.1875rem; width: 1rem; }

.more-navigation-item__badge--pill { height: 0.875rem; top: 0.125rem; width: unset; }

.more-navigation-item__badge-count { background: #2696c6; border-radius: 1.5625rem; color: #ffffff; font-size: 0.5625rem; font-weight: normal; height: 100%; letter-spacing: -0.06px; padding-bottom: 0.0625rem; width: 100%; }

.more-navigation-item__badge--pill .more-navigation-item__badge-count { line-height: 0.75rem; padding: 0.0625rem 0.225rem; }

.sidebar__container { font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 100%; max-height: calc(100vh - 82px); min-height: calc(100vh - 82px); padding: 1.25rem 0; width: 100%; max-width: 18rem; min-width: 15rem; }

.sidebar__list { margin-top: 0; margin-bottom: 1.875rem; width: 100%; }

.sidebar__section-header { align-items: center; background-color: #e6eaee; color: #5d6470; display: flex; font-size: 0.8125rem; font-weight: bold; height: 2rem; line-height: normal; margin-bottom: 1.125rem; text-transform: uppercase; width: 100%; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.sidebar__section-title, .sidebar__sub-menu { padding-left: 0.75rem; }

.sidebar__list-item { color: #808795; height: 2.0625rem; margin-bottom: 0.25rem; }
.sidebar__list-item:hover { color: #2f3641; cursor: pointer; }

.sidebar__list-item--active { color: #2f3641; }

.sidebar__list-item--active .sidebar__item-link { color: #2f3641; }

.sidebar__item-link { align-items: center; color: #808795; display: flex; height: 100%; }
.sidebar__item-link:hover { color: #2f3641; }

.sidebar__item-icon { fill: currentColor; width: 1.5rem; height: 1.5rem; }

.sidebar__item-label { font-size: 14px; font-weight: 500; margin-left: 0.75rem; }

.sidebar__nested-item { padding-left: 1.75rem; }

@media screen and (max-width: 1200px) { .main-navigation__list { display: flex; justify-content: space-between; } }
@media screen and (max-width: 1199px) { .main-navigation__list-item { margin-right: 5rem; } }
.login-section { flex-direction: column; height: 100%; opacity: 0; width: 100%; }

.login-section__login, .login-section__closed-cannot-reactivate, .login-section__closed-do-not-reactivate, .login-section__misc-problems, .login-section__pay-balance { width: 23rem; }

.login-section--mobile { margin: 0 2.3125rem 0 2.3125rem; }

.login-section--visible { opacity: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }

.login-section__content-container { align-items: center; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; }

.login-content__header { align-items: center; display: flex; flex-direction: column; justify-content: flex-start; top: 0; width: 100%; position: -webkit-sticky; position: sticky; }

.login-content__header-content { align-items: center; display: flex; flex-direction: row; justify-content: space-between; max-height: 5.3125rem; padding-bottom: 1.25rem; width: 100%; }

.login-content__header-title { color: #454545; font-size: 22px; letter-spacing: -0.83px; }

.login-content__content-container .warning-box__title { text-align: center; width: 100%; }

.login-content__content-container .warning-box__message-text { text-align: center; width: 100%; }

.login-content__form { align-items: flex-start; display: flex; flex-direction: column; min-height: 6rem; width: 100%; }
.login-content__form .error-tooltip { width: inherit; }

.login-content__form-header { display: flex; flex-direction: column; }

.login-content__form-header-title { color: #454545; font-size: 22px; font-weight: 700; letter-spacing: -0.32px; line-height: 2rem; text-align: center; }

.login-content__form-header-message { color: #868686; font-size: 16px; letter-spacing: -0.32px; line-height: 1.57; margin-top: 0.5rem; padding: 0rem 1.1875rem 0.375rem 1.1875rem; text-align: center; }

.pay-balance__form { margin-top: 1.125rem; }

.login-content__form-row { display: flex; flex-direction: row; justify-content: space-between; min-height: 6rem; }

.login-content__label { line-height: 1.1875rem; margin-bottom: 0.4375rem; }

.login-content__label-row { align-items: center; display: flex; justify-content: space-between; width: 100%; }

.login-content__select { width: 100%; }

.login-content__text-box .text-box input, .login-content__text-box .credit-card-input input { width: 23rem; }

.login-content__text-box .credit-card-input .credit-card-icon { right: 10px; top: 10px; }

.login-content__accept-terms { min-height: 2.75rem; }

.login-content__accept-terms + .login-content__accept-terms { margin-top: 0.375rem; }

.login-content__accept-terms .error-tooltip { margin-left: 1.875rem; width: inherit; }

.login-content__accept-terms .check-box-text { font-size: 14px; text-align: left; }

.login-content__button-group { align-items: center; display: flex; justify-content: space-between; margin-top: 0.875rem; width: 100%; }

.login-content__button-group > span { color: #5d6470; }

.login-content__sign-in { height: 6.8125rem; }

.login-content__sign-in-link { cursor: pointer; color: #67b5d7; font-size: 15px; font-weight: 400; letter-spacing: -0.34px; text-align: center; text-decoration: none; }

.login-content__agent-bypass { background-color: transparent; color: #389a60; min-width: 6.75rem; }
.login-content__agent-bypass:hover { background-color: transparent; border-bottom-color: transparent; }
.login-content__agent-bypass:active { background-color: transparent; color: #24623d; }
.login-content__agent-bypass:disabled { background-color: transparent; color: #5fae7f; }

.pay-balance__button { margin-top: 0.375rem; }

.login-content__failure-warning-box { margin-top: 1.125rem; }

.login-section__form-container { align-items: center; display: flex; flex-direction: column; flex-grow: 0; justify-content: flex-start; }

.login-section__form { display: flex; flex-direction: column; margin-top: 2.1875rem; min-height: 23.875rem; width: 100%; }

.login-section__form-header { display: flex; flex-direction: column; }

.login-section__form-header-title { color: #454545; font-size: 22px; font-weight: 700; letter-spacing: -0.32px; line-height: 2rem; text-align: center; }

.login-section__form-header-message { color: #868686; font-size: 16px; letter-spacing: -0.32px; line-height: 1.57; margin-top: 0.5rem; padding: 0rem 1.1875rem 0.375rem 1.1875rem; text-align: center; }

.login-section__form-header-message--mobile { font-size: 18px; margin-top: 1.375rem; padding: 0rem; }

.login-section__form-field { min-height: 5.5625rem; }

.login-section__form-field .error-tooltip { width: inherit; }

.login-section__form-field + .login-section__form-field { margin-top: 0.4375rem; }

.login-section__form-label { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; text-align: left; }

.login-section__input .text-box .text-box__input { width: 23rem; }

.login-section__closed-do-not-reactivate .login-section__input .text-box .text-box__input, .login-section__pay-balance .login-section__input .text-box .text-box__input { width: 23rem; }

.login-section__form .login-section__form-login-button { height: 3.3125rem; margin-top: 2.125rem; }

.login-section__forgot-password { margin-top: 3rem; }

.login-section__forgot-password-link { cursor: pointer; color: #67b5d7; font-size: 15px; font-weight: 400; letter-spacing: -0.34px; text-align: center; text-decoration: none; }

.login-section__footer { flex-direction: column; flex-grow: 1; justify-content: flex-end; margin-bottom: 2.375rem; width: 100%; }

.login-section__footer--mobile { max-width: 21.25rem; }

.login-section__footer--mobile .login-section__footer-button { width: 100%; }

.login-resend-invite__text { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; margin-bottom: 20; }

/* Balance Paid Action Modal */
.balance-paid { margin-bottom: 1.25rem; }

.balance-paid__message { color: #454545; font-size: 16px; line-height: 1.375rem; }

/* Account Creation in Progress */
.login-section__account-in-progress { height: 100%; }

.account-in-progress__background, .account-in-progress__background-blur, .account-in-progress__background-image { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; }

.account-in-progress__background { background: #f4f7fa; }

.account-in-progress__background-blur { background: #2b2b2b; opacity: 0.5; }

.account-in-progress__background-image { filter: blur(4px); width: 66%; }

.account-in-progress__container { background-color: #ffffff; border-radius: 5px; box-shadow: 0 0.1875rem 1.25rem rgba(0, 0, 0, 0.07); margin: 0.625rem; position: relative; width: 43.5rem; }

.account-in-progress__content { flex-direction: column; margin-bottom: 1.75rem; margin-top: 1.5rem; width: 28.125rem; }

.account-in-progress__content-header { color: #2696c6; font-size: 22px; font-weight: 500; letter-spacing: -0.83px; margin-bottom: 1.25rem; }

.account-in-progress__content-text { color: #454545; font-size: 16px; letter-spacing: -0.32px; line-height: 1.38; margin-bottom: 3.125rem; }

.account-in-progress__content-row { text-align: center; width: 25rem; }

.account-in-progress__content-image { height: 10.8125rem; margin-bottom: 2.8125rem; }

.account-in-progress__content-image svg .audio, .account-in-progress__content-image svg .calls, .account-in-progress__content-image svg .messages, .account-in-progress__content-image svg .user, .account-in-progress__content-image svg .clock { -webkit-animation: pulseRed 3s infinite ease-in-out; -moz-animation: pulseRed 3s infinite ease-in-out; -o-animation: pulseRed 3s infinite ease-in-out; animation: pulseRed 3s infinite ease-in-out; }
.account-in-progress__content-image svg .dotted-path-0-deg, .account-in-progress__content-image svg .dotted-path-45-deg, .account-in-progress__content-image svg .dotted-path-90-deg, .account-in-progress__content-image svg .dotted-path-135-deg, .account-in-progress__content-image svg .dotted-path-180-deg { -webkit-animation: pulseGrey 3s infinite ease-in-out; -moz-animation: pulseGrey 3s infinite ease-in-out; -o-animation: pulseGrey 3s infinite ease-in-out; animation: pulseGrey 3s infinite ease-in-out; }
.account-in-progress__content-image svg .gear { -webkit-animation: rotation 6s infinite linear; -moz-animation: rotation 6s infinite linear; -o-animation: rotation 6s infinite linear; animation: rotation 6s infinite linear; transform-origin: 223.75px 122.75px; -webkit-transform-origin: 223.75px 122.75px; -moz-transform-origin: 223.75px 122.75px; }
.account-in-progress__content-image svg .clock, .account-in-progress__content-image svg .dotted-path-0-deg { animation-delay: 0s; }
.account-in-progress__content-image svg .user, .account-in-progress__content-image svg .dotted-path-45-deg { animation-delay: 0.5s; }
.account-in-progress__content-image svg .messages, .account-in-progress__content-image svg .dotted-path-90-deg { animation-delay: 1.0s; }
.account-in-progress__content-image svg .calls, .account-in-progress__content-image svg .dotted-path-135-deg { animation-delay: 1.5s; }
.account-in-progress__content-image svg .audio, .account-in-progress__content-image svg .dotted-path-180-deg { animation-delay: 2s; }

.add-auto-attendant { display: flex; flex-direction: column; flex-grow: 1; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: auto; line-height: normal; }

.add-auto-attendant__form-container { margin-bottom: 1.5625rem; width: 480px; }

.add-auto-attendant__validation-warning-box { margin-bottom: 1.5625rem; }

.add-auto-attendant__form-container--name { height: 5.8125rem; margin-bottom: 0; }

.add-auto-attendant__form-container--voice-prompt { margin-bottom: 0.625rem; }

.add-auto-attendant__label-container { display: flex; align-items: center; text-align: left; margin-bottom: 0.5rem; color: #454545; width: 100%; }

.add-auto-attendant__label-link { color: #3490d5; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; margin-left: 0.25rem; }

.add-auto-attendant__text-box .text-box input[type='text'] { width: 100%; }

.auto-attendant { position: relative; }

.add-auto-attendant__audio-player-container { margin-top: 0.625rem; }

.add-auto-attendant__audio-recorder-container { width: 22.8125rem; }

.add-auto-attendant__audio-recorder-container .text-box input[type="text"] { width: 22.8125rem; }

.add-auto-attendant__warning-box { margin-top: 0.6875rem; }

.add-auto-attendant__route { display: flex; padding-bottom: 1.875rem; }

.add-auto-attendant__route-detail { padding-top: 1.4375rem; }

.add-auto-attendant__route-adjoining-block { border-bottom: 2px solid #d5d5d5; border-bottom-left-radius: 0.625rem; border-left: 2px solid #d5d5d5; display: flex; height: 3.8125rem; margin-left: 2.375rem; width: 2.4375rem; }

.add-auto-attendant__submenu-header { display: flex; flex-direction: row; line-height: 1.125rem; }

.add-auto-attendant__separator { background-color: #f4f7fa; border: solid 0.0625rem #f4f7fa; height: 0.0625rem; margin-bottom: 1.125rem; width: 100%; }

.add-auto-attendant__copy-container { color: #808795; cursor: pointer; font-size: 16px; letter-spacing: -0.57px; line-height: 1.38; padding-bottom: 1.875rem; }
.add-auto-attendant__copy-container:hover { color: #5d6470; }

.add-auto-attendant__select .select2-container.select2-container.select2-container--disabled .select2-selection__arrow { display: block; }

.credit-card-input { position: relative; }
.credit-card-input input[type="text"] { width: 250px; }

.credit-card-horizontal div { display: inline-block; vertical-align: top; font-size: smaller; line-height: 1.2em; }
.credit-card-horizontal .amex { margin-bottom: 3px; display: inline-block; }
.credit-card-horizontal .discover { margin-bottom: 3px; display: inline-block; }
.credit-card-horizontal .mastercard { margin-bottom: 3px; display: inline-block; }
.credit-card-horizontal .visa { margin-bottom: 3px; display: inline-block; }

.credit-card-details { padding-top: 0.75rem; }
.credit-card-details:before, .credit-card-details:after { display: table; content: ""; }
.credit-card-details:after { clear: both; }
.credit-card-details .credit-card-display { width: 25.5rem; border: 0.0625rem solid #bcbcbc; -webkit-background-clip: padding-box; -webkit-border-radius: 0.1875rem; -moz-background-clip: padding-box; -moz-border-radius: 0.1875rem; border-radius: 0.1875rem; background-clip: padding-box; -webkit-box-shadow: 0 0 6px #c9c9c9; -moz-box-shadow: 0 0 6px #c9c9c9; box-shadow: 0 0 6px #c9c9c9; float: left; }
.credit-card-details .credit-card-display h3 { padding: 14px 12px 14px 18px; margin: 0; border-bottom: 0.0625rem solid #bcbcbc; line-height: 1.5rem; }
.credit-card-details .credit-card-display h3 .credit-card-icon { float: right; margin-top: -4px; }
.credit-card-details .credit-card-display h3 .credit-card-display-name { font-weight: bold; }
.credit-card-details .credit-card-display .credit-card-details-body { padding: 24px 30px 24px; font-family: 'Courier', monospace; color: #5d6470; }
.credit-card-details .credit-card-display .credit-card-details-body .numbers { font-size: 1.875rem; color: #bcbcbc; margin: 24px 0 42px; }
.credit-card-details .credit-card-display .credit-card-details-body .numbers .dark { color: #5d6470; }
.credit-card-details .credit-card-display .credit-card-details-body .expiration-date, .credit-card-details .credit-card-display .credit-card-details-body .card-holder-name { text-transform: uppercase; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.credit-card-details .credit-card-display .credit-card-details-body .expiration-date span { margin-left: 0.4375rem; color: #5d6470; }
.credit-card-details .credit-card-display .credit-card-details-body .card-holder-name { font-size: 1.125rem; }
.credit-card-details .credit-card-display .credit-card-details-body .expiration-date { font-size: 0.75rem; margin-bottom: 0.625rem; line-height: 1rem; }
.credit-card-details .credit-card-display .credit-card-details-body .expiration-date .expired { background: #2696c6; color: #ffffff; -webkit-background-clip: padding-box; -webkit-border-radius: 0.125rem; -moz-background-clip: padding-box; -moz-border-radius: 0.125rem; border-radius: 0.125rem; background-clip: padding-box; padding-left: 0.25rem; padding-right: 0.25rem; margin-left: 0.375rem; position: relative; font-family: "Circular", "Helvetica", "Arial", sans-serif; line-height: 1.125rem; height: 1rem; display: inline-block; font-size: 0.6875rem; }
.credit-card-details .credit-card-display .credit-card-details-body .expiration-date .expired:before { display: block; content: ""; width: 0; height: 0; position: absolute; left: -7px; top: 0; border-top: 0.5rem solid transparent; border-bottom: 0.5rem solid transparent; border-right: 0.5rem solid #2696c6; }

.account-profile__form-container { padding-bottom: 1.875rem; width: 480px; }

.account-profile__form-container .warning-box { margin-bottom: 1.25rem; }

.account-profile__form-container .warning-box .warning-box__list { display: grid; grid-auto-flow: column; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(9, auto); margin-top: 0.5rem; }

.account-profile__form-container .warning-box .warning-box__list .warning-box__list-item { flex: 0 50%; }

.account-profile__form-row-container { display: flex; flex-direction: row; justify-content: space-between; }

.account-profile__form-row-container + .account-profile__form-row-container { margin-top: 0.5rem; }

.account-profile__form-row-empty, .account-profile__form-row { min-height: 5.8125rem; width: 100%; }

.account-profile__form-row-empty { min-height: 3.75rem; }

.account-profile__form-row + .account-profile__form-row { margin-left: 0.625rem; }

.account-profile__account-number { display: flex; flex-direction: column; margin-top: 0.3125rem; }

.account-profile__account-type { margin-bottom: 1.5625rem; margin-top: 1.875rem; }

.account-profile__name-container { min-height: 5.8125rem; width: 100%; }

.account-profile__name-container + .account-profile__name-container { margin-left: 0.625rem; }

.account-profile__state-container { min-height: 5.8125rem; width: 100%; }

.account-profile__postal-code-container { margin-left: 0.625rem; }

.account-profile__header-label { color: #454545; font-size: 16px; font-weight: 700; letter-spacing: -0.32px; line-height: 1.63; margin-bottom: 1rem; margin-top: 1rem; }

.account-profile__header-label-caption { margin-top: -0.625rem; margin-bottom: 1rem; }

.account-profile__header-label-caption-text { color: #454545; font-size: 14px; font-weight: 300; letter-spacing: -0.32px; line-height: 1.375rem; }

.account-profile__header-label-caption-text--bold { font-weight: 700; }

.account-profile__label-row { align-items: center; display: flex; }

.account-profile__label-check-box, .account-profile__label { letter-spacing: -0.32px; margin-bottom: 0.4375rem; }

.account-profile__info-icon { display: flex; fill: #d5d5d5; margin-bottom: 0.375rem; margin-left: 0.25rem; }
.account-profile__info-icon:hover { fill: #868686; }

.account-profile__text { color: #5d6470; font-size: 16px; font-weight: 400; letter-spacing: -0.57px; line-height: 1.63; margin-left: 0.75rem; }

.account-profile__email-input .text-box .text-box__input, .account-profile__name-input .text-box .text-box__input { width: 100%; }

.account-profile__phone-number-input .intl-tel-input { width: 100%; }

.account-profile__separator-line { background-color: #f4f4f4; height: 0.125rem; margin-bottom: 1.875rem; margin-top: 1.875rem; width: 480px; }

.account-profile__email-row-container { display: flex; }

.account-profile__email-row-container + .account-profile__email-row-container { margin-top: 0.625rem; }

.account-profile__email-input { width: 100%; }

.account-profile__error .error-tooltip { width: 100%; }

.account_profile__close-account-link { color: #808795; font-size: 16px; letter-spacing: -0.32px; line-height: 1.38; margin-top: 1.25rem; }
.account_profile__close-account-link:hover { color: #5d6470; cursor: pointer; }

.account_profile__account-closed-text { color: #808795; font-size: 16px; letter-spacing: -0.32px; line-height: 1.38; margin-top: 1.25rem; }

.account-profile__tooltip-container { opacity: 1; position: fixed; width: 0rem; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }

.account-profile__tooltip { -webkit-background-clip: padding-box; -webkit-border-radius: 0.3125rem; -moz-background-clip: padding-box; -moz-border-radius: 0.3125rem; border-radius: 0.3125rem; background-clip: padding-box; background-color: #67b5d7; left: -220px; padding: 1rem 0.875rem 1rem 1rem; position: relative; width: 14.25rem; }

.account-profile__tooltip:after { background-color: #67b5d7; content: ''; left: 96%; position: absolute; top: 70%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 1rem; height: 1rem; }

.account-profile__tooltip-text { color: #ffffff; font-size: 15px; letter-spacing: -0.32px; line-height: 21px; }

.account-profile__tooltip-text--bold-and-italicized { font-style: italic; font-weight: 600; }

.account-profile__tooltip-text + .account-profile__tooltip-text { margin-top: 0.5rem; }

.billing-close-account__form-container-item, .billing-close-account__reason, .billing-close-account__rating { min-height: 6.125rem; }

.billing-close-account__rating .billing-close-account__rating-button { background-color: #f4f4f4; border-bottom-color: #dedede; color: #5d6470; min-height: 2.5625rem; min-width: 2.8125rem; padding-bottom: 0.0625rem; }
.billing-close-account__rating .billing-close-account__rating-button:hover { background-color: #dedede; border-bottom-color: #d5d5d5; }
.billing-close-account__rating .billing-close-account__rating-button:active { border-bottom-color: #dedede; color: #000000; }

.billing-close-account__form-container { position: relative; width: 480px; }

.billing-close-account__textbox .text-box .text-box__input { width: 480px; }

.billing-close-account .warning-box { margin-bottom: 1.375rem; }

.billing-close-account__rating-buttons { display: flex; flex-direction: row; justify-content: space-between; }

.billing-close-account__rating .common-button-contained { min-height: 2.5625rem; min-width: 2.8125rem; }
.billing-close-account__rating .common-button-contained:active { background-color: #808795; border-bottom-color: #5d6470; }
.billing-close-account__rating .common-button-contained:focus { color: #ffffff; background-color: #454545; border-bottom-color: #2b2b2b; }

.billing-close-account__rating .billing-close-account__rating-button--selected { color: #ffffff; background-color: #808795; border-bottom-color: #5d6470; }
.billing-close-account__rating .billing-close-account__rating-button--selected:hover { color: #ffffff; background-color: #808795; border-bottom-color: #5d6470; }

.billing-close-account__features { min-height: 16.5rem; }

.billing-close-account__features-list { display: grid; grid-auto-flow: column; grid-template: repeat(7, 1fr)/repeat(2, 1fr); }

.billing-close-account__features-list-item { flex: 0 50%; margin-top: 0.5625rem; }

.billing-close-account__too-expensive-form { min-height: 10.25rem; }

.billing-close-account__checkbox-list-item { margin-bottom: 0.5625rem; }

.billing-close-account__options-box-container { min-height: 12rem; }

.billing-close-account__options-box .options-box__text { color: #454545; }

.billing-close-account__features-list-item .checkBox { margin-bottom: 0rem; }

.billing-close-account__textarea-container { min-height: 14.0625rem; margin-bottom: 0.625rem; }

.billing-close-account__textarea { border: 2px solid #d5d5d5; border-radius: 5px; height: unset; line-height: 1.57; min-height: 11.0625rem; padding: 0.5rem 0.5rem 1.125rem 0.5rem; resize: none; width: 100%; }
.billing-close-account__textarea:focus, .billing-close-account__textarea:hover { border-color: #d5d5d5; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); outline: none; }
.billing-close-account__textarea.invalid { border: 0.125rem solid #fc4636; }

.billing-close-account__textarea-error { height: 1.125rem; }

.billing-close-account__label { margin-bottom: 0.625rem; }

.billing-close-account__text { color: #5d6470; font-size: 16px; font-weight: 400; letter-spacing: -0.57px; line-height: 1.63; margin-left: 0.75rem; }

.billing-close-account__separator-line { background-color: #f4f4f4; height: 0.125rem; margin-bottom: 1.5625rem; width: 480px; }

/* Action Modal */
.billing-close-account-action-modal__title { color: #454545; display: flex; font-size: 16px; justify-content: center; letter-spacing: -0.57px; margin-bottom: 1.6875rem; }

.billing-close-account-action-modal .warning-box .warning-box__message-block { align-items: flex-start; display: flex; flex-direction: column; text-align: left; }

/* Account Closed Confirmation */
.account-closed-confirmation { flex-direction: column; height: 100%; min-width: 23rem; }

.account-closed-confirmation__form-container { display: flex; flex-direction: column; flex-grow: 0; justify-content: flex-start; margin-top: 3.3125rem; min-height: 23.875rem; width: 23rem; }

.account-closed-confirmation__form-header { display: flex; flex-direction: column; }

.account-closed-confirmation__form-header--confirmation { justify-content: flex-start; }

.account-closed-confirmation__form-header-title { color: #454545; font-size: 22px; font-weight: 700; letter-spacing: -0.32px; line-height: 2rem; text-align: center; }

.account-closed-confirmation__form-header-message { color: #868686; font-size: 16px; letter-spacing: -0.32px; line-height: 1.57; margin-top: 1.25rem; padding: 0rem 1.1875rem 0.375rem 1.1875rem; text-align: center; }

.account-closed-confirmation__sign-in { margin-top: 1.25rem; }

.account-closed-confirmation__sign-in-link { cursor: pointer; color: #67b5d7; font-size: 15px; font-weight: 400; letter-spacing: -0.34px; text-align: center; text-decoration: none; }

.signup-aside-main__message, .signup-aside__caption-text, .signup-aside__caption-title { color: #868686; font-size: 16px; font-weight: 300; letter-spacing: -0.01875rem; line-height: 1.5rem; text-align: center; width: 13.75rem; padding: 0 0.9375rem; }

.signup-email__email-label, .signup-email__email-verification-label, .number-port__form-label, .signup-profile__label { margin-top: 0.625rem; text-align: left; }

.signup-page-counter__bar--past, .signup-page-counter__bar--future { flex-basis: 100%; height: 0.1875rem; }

.signup-page-counter__dot--complete, .signup-page-counter__dot--todo { border-radius: 3.125rem; display: block; height: 0.75rem; width: 0.75rem; -webkit-transform: translateY(-35%); -moz-transform: translateY(-35%); -ms-transform: translateY(-35%); -o-transform: translateY(-35%); transform: translateY(-35%); }

.signup-aside-main, .signup-aside-main__email { display: flex; flex-flow: column; justify-content: space-around; align-items: center; margin: 3.125rem 2.0625rem; height: 5rem; }

.signup-section { display: flex; flex-flow: row; max-height: 40rem; min-height: 32.5rem; }

.signup-aside { align-items: center; background-color: #ffffff; box-shadow: 0.25rem 0rem 0.25rem -0.125rem rgba(0, 0, 0, 0.025); display: flex; flex-flow: column; height: 40rem; justify-content: space-around; text-align: center; width: 17.875rem; z-index: 5; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.signup-page-counter { display: flex; justify-content: center; position: relative; width: 100%; max-width: 12.5rem; }

.signup-page-counter--aside { position: absolute; top: 60px; z-index: 5; }

.signup-page-counter--footer { display: none; }

.signup-page-counter--bars, .signup-page-counter--dots { display: flex; position: absolute; top: 0; width: inherit; }

.signup-page-counter--dots { justify-content: space-between; }

.signup-page-counter--current-page { -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); }
.signup-page-counter--current-page .circle { fill: #2696c6; }
.signup-page-counter--current-page .check { fill: #ffffff; }

.signup-page-counter__bar--past { background-color: #2696c6; }

.signup-page-counter__bar--future { background-color: #e6eaee; }

.signup-page-counter__dot--complete { background-color: #2696c6; }

.signup-page-counter__dot--todo { background-color: #e6eaee; }

.signup-aside-main__email { left: 0; position: absolute; margin-left: 2.1875rem; margin-top: 4.6875rem; top: 0; }

.signup-aside-main__header { display: block; color: #000000; font-size: 1.4375rem; font-weight: 400; justify-content: center; }

.signup-aside-main__divider { background-color: #165a76; border-radius: 3px; margin: 1rem; padding: 0.125rem; width: 3.125rem; }

.signup-aside-main__message { padding: 0; }

.signup-aside__caption { bottom: 49px; position: absolute; }

.signup-aside__caption-title { color: #2696c6; cursor: pointer; }

.signup-for-customer { align-content: center; background-color: #389a60; border-radius: 3px; color: #f4f4f4; justify-content: space-between; }

.signup-for-customer__aside { display: flex; flex-flow: column; font-weight: 600; margin-bottom: 1.5rem; padding: 0 0.75rem 0.75rem 0.75rem; }
.signup-for-customer__aside div { padding-top: 0.75rem; }

.signup-for-customer__footer { display: none; }

.signup-subsection { align-content: center; display: flex; flex-flow: column; justify-content: space-between; position: relative; width: 43.125rem; }

.signup-subsection-success { flex-flow: column; height: 100%; position: relative; width: 100%; }

.signup-subsection--disabled { pointer-events: none; }

.signup-subsection__header { align-content: center; display: flex; flex-flow: row; font-size: 16px; justify-content: space-between; }

.signup-subsection__header--icon { fill: #2696c6; margin-right: 0.3125rem; }

.signup-subsection__header, .signup-subsection__header--icon-text, .signup-subsection__header--phone-number-section, .signup-subsection__header--phone-numbers { align-items: center; display: flex; flex-flow: row; }

.signup-subsection__header-icon-text, .signup-subsection__header-phone-numbers { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.signup-subsection__header--phone-numbers { opacity: 1; transition: 0.5s ease opacity; -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.signup-subsection__header-phone-numbers--hidden { opacity: 0; }

.signup-subsection__header--mobile-button { display: none; }

.fade-in { opacity: 1; transition: 0.5s all; }

.fade-out { opacity: 0; transition: 0.5s all; }

.signup-subsection__header--phone-number, .signup-subsection__header--mobile-button { color: #868686; -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.signup-subsection__header--carrier { margin-left: 0.3125rem; max-height: 1rem; max-width: 6.25rem; overflow: hidden; text-overflow: ellipsis; }

.signup-subsection__header--divider { padding: 0 0.3125rem; }

.signup-subsection__header--divider, .signup-subsection__header--carrier { color: #bcbcbc; }

.signup-subsection__header-icon-text { align-items: center; display: flex; justify-content: left; }

.signup-subsection__header--text { color: #454545; font-weight: 400; }

.signup-subsection__header--icon, .signup-subsection__header--icon, .signup-subsection__header--check-mark { display: inline-block; }

.signup-subsection__header-icon { fill: #2696c6; margin-right: 0.4375rem; width: 1.875rem; height: 1.875rem; }

.signup-subsection__header-phone-numbers { justify-content: right; -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.signup-subsection__header-phone-number { color: #868686; }

.signup-subsection__header--check-mark .circle { fill: none; }
.signup-subsection__header--check-mark .check { fill: #2696c6; }

.signup-article__header-container { height: 3.625rem; padding: 1.5625rem 1.5625rem 0rem 1.5625rem; width: 100%; }

.signup-article__header-container--hidden { display: none; }

.signup-subsection__footer { padding: 0rem 1.5625rem 1.5625rem 1.5625rem; width: 100%; z-index: 5; }

.signup-subsection__modal-backdrop { background-color: #f4f4f4; height: 100%; left: 0; position: absolute; top: 0; opacity: 0; transition: opacity 0.2s ease; width: 100%; z-index: 7; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.signup-subsection__modal-backdrop--visible { opacity: 0.75; }

.signup-article { align-items: center; display: flex; flex-direction: column; flex-grow: 1; opacity: 0; position: relative; width: 100%; }

.signup-article__mobile-spacer { display: none; }

.signup-article__fade-in { opacity: 1; transition: .2s all; }

.signup-article__form { display: flex; flex-flow: column; max-width: 25.625rem; }

.signup-article__form-field { position: relative; }

.signup-footer__button--inline { height: auto; width: auto; }
.signup-footer__button--inline.spinner-button { background-color: transparent; height: 2.5rem; left: unset; line-height: unset; padding: 2.75rem 2.5rem 0rem 0rem; position: relative; right: unset; top: unset; width: 3rem; }
.signup-footer__button--inline.spinner-button .spin { left: unset; width: 2.5rem; }
.signup-footer__button--inline.spinner-button .will-fade { line-height: unset; }
.signup-footer__button--inline.spinner-button.loading .will-fade { opacity: 1; }
.signup-footer__button--inline.spinner-button.loading .fade { height: 2.75rem; }
.signup-footer__button--inline:hover .signup-footer__arrow--active .outline, .signup-footer__button--inline:hover .signup-footer__arrow--active .fill { fill: #0f3c4f; }

.signup-footer { align-items: center; background: transparent; display: flex; justify-content: space-between; position: relative; width: 100%; z-index: 5; }

.signup-footer__arrow { cursor: not-allowed; opacity: 1; }
.signup-footer__arrow .outline { fill: #bcbcbc; transition: all 0.3s; }
.signup-footer__arrow .fill { fill: #f4f4f4; transition: 0.3s; -webkit-transform: scale(1.03) translate(-0.5px, -0.5px); -moz-transform: scale(1.03) translate(-0.5px, -0.5px); -ms-transform: scale(1.03) translate(-0.5px, -0.5px); -o-transform: scale(1.03) translate(-0.5px, -0.5px); transform: scale(1.03) translate(-0.5px, -0.5px); }
.signup-footer__arrow .arrow { fill: #bcbcbc; transition: 0.3s; }

.signup-footer__arrow--back { align-items: flex-end; cursor: pointer; display: inline-block; transition: 0.3s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.signup-footer__arrow--back:hover .outline, .signup-footer__arrow--back:hover .arrow { fill: #0f3c4f; }
.signup-footer__arrow--back .outline { fill: #2696c6; transition: 0.3s; }
.signup-footer__arrow--back .fill { transition: 0.3s; fill: transparent; -webkit-transform: scale(1.03) translate(-0.5px, -0.5px); -moz-transform: scale(1.03) translate(-0.5px, -0.5px); -ms-transform: scale(1.03) translate(-0.5px, -0.5px); -o-transform: scale(1.03) translate(-0.5px, -0.5px); transform: scale(1.03) translate(-0.5px, -0.5px); }
.signup-footer__arrow--back .arrow { fill: #2696c6; transition: 0.3s; }

.signup-footer__agent-bypass { background-color: transparent; color: #389a60; min-width: 6.75rem; }
.signup-footer__agent-bypass:hover { background-color: transparent; }
.signup-footer__agent-bypass:active { background-color: transparent; color: #24623d; }
.signup-footer__agent-bypass:disabled { background-color: transparent; color: #5fae7f; }

.signup-footer__center-container { flex-direction: column; padding: 0rem 0.625rem; width: 100%; }

.signup-footer__caption { display: none; text-align: center; }

.signup-footer__caption-text { color: #868686; font-size: 16px; margin: 0 auto; }

.signup-footer__caption-title { color: #2696c6; cursor: pointer; font-size: 16px; margin: 0 auto; }

.signup-footer__arrow--active { cursor: not-allowed; bottom: 0; opacity: 0; position: absolute; transition: .3s; }
.signup-footer__arrow--active .outline, .signup-footer__arrow--active .fill { fill: #2696c6; }
.signup-footer__arrow--active .arrow { fill: #f4f4f4; }
.signup-footer__arrow--active .outline { fill: #2696c6; transition: 0.3s; }
.signup-footer__arrow--active .outline:hover { fill: #0f3c4f; }
.signup-footer__arrow--active .fill { fill: #2696c6; transition: 0.3s; }
.signup-footer__arrow--active .fill:hover { fill: #0f3c4f; }
.signup-footer__arrow--active .arrow { fill: #ffffff; transition: 0.3s; }
.signup-footer__arrow--active.valid { cursor: pointer; opacity: 1; transition: 0.3s; }
.signup-footer__arrow--active:hover { fill: #0f3c4f; }

.signup-footer__arrow--hidden { cursor: default; opacity: 0; width: 2.5rem; }

.signup-footer__arrow--inactive { bottom: 0; cursor: not-allowed; opacity: 0; position: absolute; transition: 0.3s; }
.signup-footer__arrow--inactive.valid { opacity: 1; transition: 0.3s; }
.signup-footer__arrow--inactive .outline { fill: #bcbcbc; }
.signup-footer__arrow--inactive .fill { fill: #bcbcbc; }
.signup-footer__arrow--inactive .arrow { fill: #f4f4f4; }

.signup-footer__arrow--hidden--email { bottom: 0; cursor: not-allowed; opacity: 0; position: absolute; transition: 0.3s; }
.signup-footer__arrow--hidden--email.valid { opacity: 1; transition: 0.3s; }
.signup-footer__arrow--hidden--email .outline { fill: #2696c6; transition: 0.3s; }
.signup-footer__arrow--hidden--email .fill { fill: none; transition: 0.3s; -webkit-transform: scale(1.03) translate(-0.5px, -0.5px); -moz-transform: scale(1.03) translate(-0.5px, -0.5px); -ms-transform: scale(1.03) translate(-0.5px, -0.5px); -o-transform: scale(1.03) translate(-0.5px, -0.5px); transform: scale(1.03) translate(-0.5px, -0.5px); }
.signup-footer__arrow--hidden--email .arrow { fill: #2696c6; transition: 0.3s; }

.signup-footer__arrow--active--email { bottom: 0; cursor: not-allowed; opacity: 0; position: absolute; transition: 0.3s; }
.signup-footer__arrow--active--email .outline { fill: #2696c6; transition: 0.3s; }
.signup-footer__arrow--active--email .fill { fill: #2696c6; transition: 0.3s; -webkit-transform: scale(1.03) translate(-0.5px, -0.5px); -moz-transform: scale(1.03) translate(-0.5px, -0.5px); -ms-transform: scale(1.03) translate(-0.5px, -0.5px); -o-transform: scale(1.03) translate(-0.5px, -0.5px); transform: scale(1.03) translate(-0.5px, -0.5px); }
.signup-footer__arrow--active--email .arrow { fill: #ffffff; transition: 0.3s; }
.signup-footer__arrow--active--email.valid { cursor: pointer; opacity: 1; transition: 0.3s; }

.signup-footer__message { color: #bcbcbc; cursor: default; transition: opacity 0.35s ease; }
.signup-footer__message a { color: #bcbcbc; font-size: 0.75rem; }
.signup-footer__message a:hover { color: #2696c6; }

.signup-footer__message--mobile { margin-top: 4.6875rem; }

.signup-footer__message--clickable { cursor: pointer; }

.signup-footer__message-link { color: #bcbcbc; cursor: pointer; font-size: 14px; }
.signup-footer__message-link:hover { color: #2696c6; }

.signup-footer__agree-to-terms { color: #2b2b2b; font-size: 0.8125rem; opacity: 0.6; }

@media screen and (max-width: 960px), screen and (max-height: 800px) { .signup-subsection__footer { background-color: #f4f4f4; bottom: 0; box-shadow: 0 0 1.875rem 1.875rem #f4f4f4; pointer-events: none; position: fixed; }
  .signup-subsection__footer-navigation { pointer-events: all; }
  .signup-subsection__footer--red { background-color: transparent; box-shadow: none; }
  .signup-subsection { align-items: center; height: 100%; justify-content: center; position: absolute; width: 100%; }
  .signup-subsection__header { display: flex; justify-content: space-between; padding: 0; width: 100%; }
  .signup-subsection__header-button-text { font-size: 14px; }
  .signup-subsection__header--carrier { max-height: 0.875rem; max-width: 50px; }
  .signup-subsection__header--check-mark { display: none; }
  .signup-subsection__header--phone-number-section { font-size: 14px; }
  .signup-subsection__header--mobile-button { align-items: center; background-color: #ffffff; border-radius: 4px; box-shadow: 0.125rem 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.2); display: flex; justify-content: center; margin-left: 0.3125rem; padding: 0.3125rem; }
  .signup-header-modal { display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-radius: 0.375rem; height: 30%; width: 70%; z-index: 9; }
  .signup-header-modal__container { align-items: center; display: flex; flex-flow: column; justify-content: space-around; height: 100%; padding: 1.25rem; text-align: center; }
  .signup-header-modal__close-icon { cursor: pointer; fill: #7d6b4b; position: absolute; right: 15px; top: 15px; width: fit-content; }
  .signup-header-modal__close-icon:hover { fill: #2696c6; }
  .signup-header-modal__message-title { color: #454545; font-size: 1.25rem; }
  .signup-header-modal__message-subtitle { color: #868686; font-size: 1rem; }
  .signup-header-modal__message-body { color: #868686; line-height: 1.25rem; }
  .signup-subsection-modal__backdrop { align-items: center; background-color: rgba(0, 0, 0, 0.25); display: flex; height: 100vh; justify-content: center; left: 0; position: absolute; top: 0; width: 100vw; z-index: 6; }
  .signup-header-modal__button { background-color: #2696c6; border-radius: 5px; color: #ffffff; font-size: 0.8125rem; font-weight: 600; height: 2.5rem; width: 12.5rem; }
  .signup-subsection__footer--shadow { box-shadow: 0 50px 30px 80px #f4f4f4; }
  .signup-footer__caption { bottom: 20px; display: inline; left: 50%; pointer-events: all; position: absolute; z-index: 6; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .signup-footer__message { display: none; }
  .signup-footer__message-link { line-height: 1rem; margin-top: -3.125rem; max-width: 12.25rem; padding-bottom: 1.125rem; text-align: center; }
  .signup-page-counter--footer { display: flex; }
  .signup-article { align-items: center; display: flex; justify-content: flex-start; margin-bottom: 8.125rem; overflow-y: scroll; position: relative; }
  .signup-article-email { margin-bottom: 0; }
  .signup-article.signup-article-email { padding-bottom: 0; }
  .signup-article--centered { justify-content: center; }
  .signup-article__tresta-svg { display: block; margin-bottom: 1.5625rem; margin-top: 0.9375rem; }
  .signup-article__tresta-svg ._svg-icon { fill: #2696c6; }
  .signup-article__form { max-width: 18.125rem; }
  .signup-article__mobile-spacer { display: inline; flex-grow: 1; }
  .signup-aside { display: none; }
  .signup-modal--large { left: initial; top: initial; width: 95%; }
  .signup-for-customer__aside { display: none; }
  .signup-for-customer__footer { display: flex; flex-flow: row; font-weight: 500; margin-bottom: 0.75rem; padding: 0 0.75rem 0.5rem 0.75rem; }
  .signup-for-customer__footer div { padding-top: 0.5rem; } }
.check-box-container { align-items: center; display: flex; justify-content: flex-start; position: relative; }

.check-box__overlay { background-color: rgba(213, 213, 213, 0.4); border-radius: 50%; opacity: 0; position: absolute; top: -7px; transition: all 0.15s ease; width: 1.9375rem; height: 1.9375rem; }

.check-box__overlay--visible { opacity: 1; }

.check-box { background-color: #f4f7fa; border: 2px solid #d5d5d5; border-radius: 5px; cursor: pointer; position: relative; width: 1.3125rem; height: 1.3125rem; }
.check-box:focus { background-color: #e6eaee; border-color: #3490d5; }

.check-box--deselected { background-color: #ffffff; }
.check-box--deselected:hover { background-color: #f4f7fa; }

.check-box--disabled { background-color: #f4f4f4; border: none; }

.check-box--invalid { border-color: #fc4636; }

.check-box__check { fill: #808795; height: 1.5rem; opacity: 0; }
.check-box__check .check { fill: #808795; }

.check-box__check--visible { opacity: 1; }

.check-box__check--disabled { fill: #e6eaee; }

.check-box-text { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: normal; line-height: normal; letter-spacing: -0.32px; margin-left: 0.5rem; }

.check-box-tooltip-container { margin-left: 0.5rem; }
.check-box-tooltip-container .check-box-text { margin-left: 0rem; }

.check-box-error-text { color: #67b5d7; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; left: 0; letter-spacing: -0.28px; line-height: normal; position: absolute; top: 1.4375rem; }

.check-box-link { color: #3490d5; }

@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes spin { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-ms-keyframes spin { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes pulseGrey { 0% { stroke: #e6eaee; }
  10% { stroke: #868686; }
  20%, 100% { stroke: #e6eaee; } }
@keyframes pulseRed { 0% { fill: #e6eaee; }
  10% { fill: #2696c6; }
  20%, 100% { fill: #e6eaee; } }
@keyframes dot-anim { 0% { background-color: #808795; }
  50%,
    100% { background-color: #d5d5d5; } }
@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); } }
@-moz-keyframes rotation { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(359deg); } }
@-o-keyframes rotation { from { -o-transform: rotate(0deg); }
  to { -o-transform: rotate(359deg); } }
@keyframes rotation { from { transform: rotate(0deg); }
  to { transform: rotate(359deg); } }
.tresta-com-header { font-family: "FF-DIN", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 400; height: 70px; }
@media (max-width: 766px) { .tresta-com-header { font-size: 89.9552572707%; } }
@media (max-width: 765px) { .tresta-com-header { font-size: 89.9105145414%; } }
@media (max-width: 764px) { .tresta-com-header { font-size: 89.8657718121%; } }
@media (max-width: 763px) { .tresta-com-header { font-size: 89.8210290828%; } }
@media (max-width: 762px) { .tresta-com-header { font-size: 89.7762863535%; } }
@media (max-width: 761px) { .tresta-com-header { font-size: 89.7315436242%; } }
@media (max-width: 760px) { .tresta-com-header { font-size: 89.6868008949%; } }
@media (max-width: 759px) { .tresta-com-header { font-size: 89.6420581655%; } }
@media (max-width: 758px) { .tresta-com-header { font-size: 89.5973154362%; } }
@media (max-width: 757px) { .tresta-com-header { font-size: 89.5525727069%; } }
@media (max-width: 756px) { .tresta-com-header { font-size: 89.5078299776%; } }
@media (max-width: 755px) { .tresta-com-header { font-size: 89.4630872483%; } }
@media (max-width: 754px) { .tresta-com-header { font-size: 89.418344519%; } }
@media (max-width: 753px) { .tresta-com-header { font-size: 89.3736017897%; } }
@media (max-width: 752px) { .tresta-com-header { font-size: 89.3288590604%; } }
@media (max-width: 751px) { .tresta-com-header { font-size: 89.2841163311%; } }
@media (max-width: 750px) { .tresta-com-header { font-size: 89.2393736018%; } }
@media (max-width: 749px) { .tresta-com-header { font-size: 89.1946308725%; } }
@media (max-width: 748px) { .tresta-com-header { font-size: 89.1498881432%; } }
@media (max-width: 747px) { .tresta-com-header { font-size: 89.1051454139%; } }
@media (max-width: 746px) { .tresta-com-header { font-size: 89.0604026846%; } }
@media (max-width: 745px) { .tresta-com-header { font-size: 89.0156599553%; } }
@media (max-width: 744px) { .tresta-com-header { font-size: 88.970917226%; } }
@media (max-width: 743px) { .tresta-com-header { font-size: 88.9261744966%; } }
@media (max-width: 742px) { .tresta-com-header { font-size: 88.8814317673%; } }
@media (max-width: 741px) { .tresta-com-header { font-size: 88.836689038%; } }
@media (max-width: 740px) { .tresta-com-header { font-size: 88.7919463087%; } }
@media (max-width: 739px) { .tresta-com-header { font-size: 88.7472035794%; } }
@media (max-width: 738px) { .tresta-com-header { font-size: 88.7024608501%; } }
@media (max-width: 737px) { .tresta-com-header { font-size: 88.6577181208%; } }
@media (max-width: 736px) { .tresta-com-header { font-size: 88.6129753915%; } }
@media (max-width: 735px) { .tresta-com-header { font-size: 88.5682326622%; } }
@media (max-width: 734px) { .tresta-com-header { font-size: 88.5234899329%; } }
@media (max-width: 733px) { .tresta-com-header { font-size: 88.4787472036%; } }
@media (max-width: 732px) { .tresta-com-header { font-size: 88.4340044743%; } }
@media (max-width: 731px) { .tresta-com-header { font-size: 88.389261745%; } }
@media (max-width: 730px) { .tresta-com-header { font-size: 88.3445190157%; } }
@media (max-width: 729px) { .tresta-com-header { font-size: 88.2997762864%; } }
@media (max-width: 728px) { .tresta-com-header { font-size: 88.255033557%; } }
@media (max-width: 727px) { .tresta-com-header { font-size: 88.2102908277%; } }
@media (max-width: 726px) { .tresta-com-header { font-size: 88.1655480984%; } }
@media (max-width: 725px) { .tresta-com-header { font-size: 88.1208053691%; } }
@media (max-width: 724px) { .tresta-com-header { font-size: 88.0760626398%; } }
@media (max-width: 723px) { .tresta-com-header { font-size: 88.0313199105%; } }
@media (max-width: 722px) { .tresta-com-header { font-size: 87.9865771812%; } }
@media (max-width: 721px) { .tresta-com-header { font-size: 87.9418344519%; } }
@media (max-width: 720px) { .tresta-com-header { font-size: 87.8970917226%; } }
@media (max-width: 719px) { .tresta-com-header { font-size: 87.8523489933%; } }
@media (max-width: 718px) { .tresta-com-header { font-size: 87.807606264%; } }
@media (max-width: 717px) { .tresta-com-header { font-size: 87.7628635347%; } }
@media (max-width: 716px) { .tresta-com-header { font-size: 87.7181208054%; } }
@media (max-width: 715px) { .tresta-com-header { font-size: 87.6733780761%; } }
@media (max-width: 714px) { .tresta-com-header { font-size: 87.6286353468%; } }
@media (max-width: 713px) { .tresta-com-header { font-size: 87.5838926174%; } }
@media (max-width: 712px) { .tresta-com-header { font-size: 87.5391498881%; } }
@media (max-width: 711px) { .tresta-com-header { font-size: 87.4944071588%; } }
@media (max-width: 710px) { .tresta-com-header { font-size: 87.4496644295%; } }
@media (max-width: 709px) { .tresta-com-header { font-size: 87.4049217002%; } }
@media (max-width: 708px) { .tresta-com-header { font-size: 87.3601789709%; } }
@media (max-width: 707px) { .tresta-com-header { font-size: 87.3154362416%; } }
@media (max-width: 706px) { .tresta-com-header { font-size: 87.2706935123%; } }
@media (max-width: 705px) { .tresta-com-header { font-size: 87.225950783%; } }
@media (max-width: 704px) { .tresta-com-header { font-size: 87.1812080537%; } }
@media (max-width: 703px) { .tresta-com-header { font-size: 87.1364653244%; } }
@media (max-width: 702px) { .tresta-com-header { font-size: 87.0917225951%; } }
@media (max-width: 701px) { .tresta-com-header { font-size: 87.0469798658%; } }
@media (max-width: 700px) { .tresta-com-header { font-size: 87.0022371365%; } }
@media (max-width: 699px) { .tresta-com-header { font-size: 86.9574944072%; } }
@media (max-width: 698px) { .tresta-com-header { font-size: 86.9127516779%; } }
@media (max-width: 697px) { .tresta-com-header { font-size: 86.8680089485%; } }
@media (max-width: 696px) { .tresta-com-header { font-size: 86.8232662192%; } }
@media (max-width: 695px) { .tresta-com-header { font-size: 86.7785234899%; } }
@media (max-width: 694px) { .tresta-com-header { font-size: 86.7337807606%; } }
@media (max-width: 693px) { .tresta-com-header { font-size: 86.6890380313%; } }
@media (max-width: 692px) { .tresta-com-header { font-size: 86.644295302%; } }
@media (max-width: 691px) { .tresta-com-header { font-size: 86.5995525727%; } }
@media (max-width: 690px) { .tresta-com-header { font-size: 86.5548098434%; } }
@media (max-width: 689px) { .tresta-com-header { font-size: 86.5100671141%; } }
@media (max-width: 688px) { .tresta-com-header { font-size: 86.4653243848%; } }
@media (max-width: 687px) { .tresta-com-header { font-size: 86.4205816555%; } }
@media (max-width: 686px) { .tresta-com-header { font-size: 86.3758389262%; } }
@media (max-width: 685px) { .tresta-com-header { font-size: 86.3310961969%; } }
@media (max-width: 684px) { .tresta-com-header { font-size: 86.2863534676%; } }
@media (max-width: 683px) { .tresta-com-header { font-size: 86.2416107383%; } }
@media (max-width: 682px) { .tresta-com-header { font-size: 86.1968680089%; } }
@media (max-width: 681px) { .tresta-com-header { font-size: 86.1521252796%; } }
@media (max-width: 680px) { .tresta-com-header { font-size: 86.1073825503%; } }
@media (max-width: 679px) { .tresta-com-header { font-size: 86.062639821%; } }
@media (max-width: 678px) { .tresta-com-header { font-size: 86.0178970917%; } }
@media (max-width: 677px) { .tresta-com-header { font-size: 85.9731543624%; } }
@media (max-width: 676px) { .tresta-com-header { font-size: 85.9284116331%; } }
@media (max-width: 675px) { .tresta-com-header { font-size: 85.8836689038%; } }
@media (max-width: 674px) { .tresta-com-header { font-size: 85.8389261745%; } }
@media (max-width: 673px) { .tresta-com-header { font-size: 85.7941834452%; } }
@media (max-width: 672px) { .tresta-com-header { font-size: 85.7494407159%; } }
@media (max-width: 671px) { .tresta-com-header { font-size: 85.7046979866%; } }
@media (max-width: 670px) { .tresta-com-header { font-size: 85.6599552573%; } }
@media (max-width: 669px) { .tresta-com-header { font-size: 85.615212528%; } }
@media (max-width: 668px) { .tresta-com-header { font-size: 85.5704697987%; } }
@media (max-width: 667px) { .tresta-com-header { font-size: 85.5257270694%; } }
@media (max-width: 666px) { .tresta-com-header { font-size: 85.48098434%; } }
@media (max-width: 665px) { .tresta-com-header { font-size: 85.4362416107%; } }
@media (max-width: 664px) { .tresta-com-header { font-size: 85.3914988814%; } }
@media (max-width: 663px) { .tresta-com-header { font-size: 85.3467561521%; } }
@media (max-width: 662px) { .tresta-com-header { font-size: 85.3020134228%; } }
@media (max-width: 661px) { .tresta-com-header { font-size: 85.2572706935%; } }
@media (max-width: 660px) { .tresta-com-header { font-size: 85.2125279642%; } }
@media (max-width: 659px) { .tresta-com-header { font-size: 85.1677852349%; } }
@media (max-width: 658px) { .tresta-com-header { font-size: 85.1230425056%; } }
@media (max-width: 657px) { .tresta-com-header { font-size: 85.0782997763%; } }
@media (max-width: 656px) { .tresta-com-header { font-size: 85.033557047%; } }
@media (max-width: 655px) { .tresta-com-header { font-size: 84.9888143177%; } }
@media (max-width: 654px) { .tresta-com-header { font-size: 84.9440715884%; } }
@media (max-width: 653px) { .tresta-com-header { font-size: 84.8993288591%; } }
@media (max-width: 652px) { .tresta-com-header { font-size: 84.8545861298%; } }
@media (max-width: 651px) { .tresta-com-header { font-size: 84.8098434004%; } }
@media (max-width: 650px) { .tresta-com-header { font-size: 84.7651006711%; } }
@media (max-width: 649px) { .tresta-com-header { font-size: 84.7203579418%; } }
@media (max-width: 648px) { .tresta-com-header { font-size: 84.6756152125%; } }
@media (max-width: 647px) { .tresta-com-header { font-size: 84.6308724832%; } }
@media (max-width: 646px) { .tresta-com-header { font-size: 84.5861297539%; } }
@media (max-width: 645px) { .tresta-com-header { font-size: 84.5413870246%; } }
@media (max-width: 644px) { .tresta-com-header { font-size: 84.4966442953%; } }
@media (max-width: 643px) { .tresta-com-header { font-size: 84.451901566%; } }
@media (max-width: 642px) { .tresta-com-header { font-size: 84.4071588367%; } }
@media (max-width: 641px) { .tresta-com-header { font-size: 84.3624161074%; } }
@media (max-width: 640px) { .tresta-com-header { font-size: 84.3176733781%; } }
@media (max-width: 639px) { .tresta-com-header { font-size: 84.2729306488%; } }
@media (max-width: 638px) { .tresta-com-header { font-size: 84.2281879195%; } }
@media (max-width: 637px) { .tresta-com-header { font-size: 84.1834451902%; } }
@media (max-width: 636px) { .tresta-com-header { font-size: 84.1387024609%; } }
@media (max-width: 635px) { .tresta-com-header { font-size: 84.0939597315%; } }
@media (max-width: 634px) { .tresta-com-header { font-size: 84.0492170022%; } }
@media (max-width: 633px) { .tresta-com-header { font-size: 84.0044742729%; } }
@media (max-width: 632px) { .tresta-com-header { font-size: 83.9597315436%; } }
@media (max-width: 631px) { .tresta-com-header { font-size: 83.9149888143%; } }
@media (max-width: 630px) { .tresta-com-header { font-size: 83.870246085%; } }
@media (max-width: 629px) { .tresta-com-header { font-size: 83.8255033557%; } }
@media (max-width: 628px) { .tresta-com-header { font-size: 83.7807606264%; } }
@media (max-width: 627px) { .tresta-com-header { font-size: 83.7360178971%; } }
@media (max-width: 626px) { .tresta-com-header { font-size: 83.6912751678%; } }
@media (max-width: 625px) { .tresta-com-header { font-size: 83.6465324385%; } }
@media (max-width: 624px) { .tresta-com-header { font-size: 83.6017897092%; } }
@media (max-width: 623px) { .tresta-com-header { font-size: 83.5570469799%; } }
@media (max-width: 622px) { .tresta-com-header { font-size: 83.5123042506%; } }
@media (max-width: 621px) { .tresta-com-header { font-size: 83.4675615213%; } }
@media (max-width: 620px) { .tresta-com-header { font-size: 83.4228187919%; } }
@media (max-width: 619px) { .tresta-com-header { font-size: 83.3780760626%; } }
@media (max-width: 618px) { .tresta-com-header { font-size: 83.3333333333%; } }
@media (max-width: 617px) { .tresta-com-header { font-size: 83.288590604%; } }
@media (max-width: 616px) { .tresta-com-header { font-size: 83.2438478747%; } }
@media (max-width: 615px) { .tresta-com-header { font-size: 83.1991051454%; } }
@media (max-width: 614px) { .tresta-com-header { font-size: 83.1543624161%; } }
@media (max-width: 613px) { .tresta-com-header { font-size: 83.1096196868%; } }
@media (max-width: 612px) { .tresta-com-header { font-size: 83.0648769575%; } }
@media (max-width: 611px) { .tresta-com-header { font-size: 83.0201342282%; } }
@media (max-width: 610px) { .tresta-com-header { font-size: 82.9753914989%; } }
@media (max-width: 609px) { .tresta-com-header { font-size: 82.9306487696%; } }
@media (max-width: 608px) { .tresta-com-header { font-size: 82.8859060403%; } }
@media (max-width: 607px) { .tresta-com-header { font-size: 82.841163311%; } }
@media (max-width: 606px) { .tresta-com-header { font-size: 82.7964205817%; } }
@media (max-width: 605px) { .tresta-com-header { font-size: 82.7516778523%; } }
@media (max-width: 604px) { .tresta-com-header { font-size: 82.706935123%; } }
@media (max-width: 603px) { .tresta-com-header { font-size: 82.6621923937%; } }
@media (max-width: 602px) { .tresta-com-header { font-size: 82.6174496644%; } }
@media (max-width: 601px) { .tresta-com-header { font-size: 82.5727069351%; } }
@media (max-width: 600px) { .tresta-com-header { font-size: 82.5279642058%; } }
@media (max-width: 599px) { .tresta-com-header { font-size: 82.4832214765%; } }
@media (max-width: 598px) { .tresta-com-header { font-size: 82.4384787472%; } }
@media (max-width: 597px) { .tresta-com-header { font-size: 82.3937360179%; } }
@media (max-width: 596px) { .tresta-com-header { font-size: 82.3489932886%; } }
@media (max-width: 595px) { .tresta-com-header { font-size: 82.3042505593%; } }
@media (max-width: 594px) { .tresta-com-header { font-size: 82.25950783%; } }
@media (max-width: 593px) { .tresta-com-header { font-size: 82.2147651007%; } }
@media (max-width: 592px) { .tresta-com-header { font-size: 82.1700223714%; } }
@media (max-width: 591px) { .tresta-com-header { font-size: 82.1252796421%; } }
@media (max-width: 590px) { .tresta-com-header { font-size: 82.0805369128%; } }
@media (max-width: 589px) { .tresta-com-header { font-size: 82.0357941834%; } }
@media (max-width: 588px) { .tresta-com-header { font-size: 81.9910514541%; } }
@media (max-width: 587px) { .tresta-com-header { font-size: 81.9463087248%; } }
@media (max-width: 586px) { .tresta-com-header { font-size: 81.9015659955%; } }
@media (max-width: 585px) { .tresta-com-header { font-size: 81.8568232662%; } }
@media (max-width: 584px) { .tresta-com-header { font-size: 81.8120805369%; } }
@media (max-width: 583px) { .tresta-com-header { font-size: 81.7673378076%; } }
@media (max-width: 582px) { .tresta-com-header { font-size: 81.7225950783%; } }
@media (max-width: 581px) { .tresta-com-header { font-size: 81.677852349%; } }
@media (max-width: 580px) { .tresta-com-header { font-size: 81.6331096197%; } }
@media (max-width: 579px) { .tresta-com-header { font-size: 81.5883668904%; } }
@media (max-width: 578px) { .tresta-com-header { font-size: 81.5436241611%; } }
@media (max-width: 577px) { .tresta-com-header { font-size: 81.4988814318%; } }
@media (max-width: 576px) { .tresta-com-header { font-size: 81.4541387025%; } }
@media (max-width: 575px) { .tresta-com-header { font-size: 81.4093959732%; } }
@media (max-width: 574px) { .tresta-com-header { font-size: 81.3646532438%; } }
@media (max-width: 573px) { .tresta-com-header { font-size: 81.3199105145%; } }
@media (max-width: 572px) { .tresta-com-header { font-size: 81.2751677852%; } }
@media (max-width: 571px) { .tresta-com-header { font-size: 81.2304250559%; } }
@media (max-width: 570px) { .tresta-com-header { font-size: 81.1856823266%; } }
@media (max-width: 569px) { .tresta-com-header { font-size: 81.1409395973%; } }
@media (max-width: 568px) { .tresta-com-header { font-size: 81.096196868%; } }
@media (max-width: 567px) { .tresta-com-header { font-size: 81.0514541387%; } }
@media (max-width: 566px) { .tresta-com-header { font-size: 81.0067114094%; } }
@media (max-width: 565px) { .tresta-com-header { font-size: 80.9619686801%; } }
@media (max-width: 564px) { .tresta-com-header { font-size: 80.9172259508%; } }
@media (max-width: 563px) { .tresta-com-header { font-size: 80.8724832215%; } }
@media (max-width: 562px) { .tresta-com-header { font-size: 80.8277404922%; } }
@media (max-width: 561px) { .tresta-com-header { font-size: 80.7829977629%; } }
@media (max-width: 560px) { .tresta-com-header { font-size: 80.7382550336%; } }
@media (max-width: 559px) { .tresta-com-header { font-size: 80.6935123043%; } }
@media (max-width: 558px) { .tresta-com-header { font-size: 80.6487695749%; } }
@media (max-width: 557px) { .tresta-com-header { font-size: 80.6040268456%; } }
@media (max-width: 556px) { .tresta-com-header { font-size: 80.5592841163%; } }
@media (max-width: 555px) { .tresta-com-header { font-size: 80.514541387%; } }
@media (max-width: 554px) { .tresta-com-header { font-size: 80.4697986577%; } }
@media (max-width: 553px) { .tresta-com-header { font-size: 80.4250559284%; } }
@media (max-width: 552px) { .tresta-com-header { font-size: 80.3803131991%; } }
@media (max-width: 551px) { .tresta-com-header { font-size: 80.3355704698%; } }
@media (max-width: 550px) { .tresta-com-header { font-size: 80.2908277405%; } }
@media (max-width: 549px) { .tresta-com-header { font-size: 80.2460850112%; } }
@media (max-width: 548px) { .tresta-com-header { font-size: 80.2013422819%; } }
@media (max-width: 547px) { .tresta-com-header { font-size: 80.1565995526%; } }
@media (max-width: 546px) { .tresta-com-header { font-size: 80.1118568233%; } }
@media (max-width: 545px) { .tresta-com-header { font-size: 80.067114094%; } }
@media (max-width: 544px) { .tresta-com-header { font-size: 80.0223713647%; } }
@media (max-width: 543px) { .tresta-com-header { font-size: 79.9776286353%; } }
@media (max-width: 542px) { .tresta-com-header { font-size: 79.932885906%; } }
@media (max-width: 541px) { .tresta-com-header { font-size: 79.8881431767%; } }
@media (max-width: 540px) { .tresta-com-header { font-size: 79.8434004474%; } }
@media (max-width: 539px) { .tresta-com-header { font-size: 79.7986577181%; } }
@media (max-width: 538px) { .tresta-com-header { font-size: 79.7539149888%; } }
@media (max-width: 537px) { .tresta-com-header { font-size: 79.7091722595%; } }
@media (max-width: 536px) { .tresta-com-header { font-size: 79.6644295302%; } }
@media (max-width: 535px) { .tresta-com-header { font-size: 79.6196868009%; } }
@media (max-width: 534px) { .tresta-com-header { font-size: 79.5749440716%; } }
@media (max-width: 533px) { .tresta-com-header { font-size: 79.5302013423%; } }
@media (max-width: 532px) { .tresta-com-header { font-size: 79.485458613%; } }
@media (max-width: 531px) { .tresta-com-header { font-size: 79.4407158837%; } }
@media (max-width: 530px) { .tresta-com-header { font-size: 79.3959731544%; } }
@media (max-width: 529px) { .tresta-com-header { font-size: 79.3512304251%; } }
@media (max-width: 528px) { .tresta-com-header { font-size: 79.3064876957%; } }
@media (max-width: 527px) { .tresta-com-header { font-size: 79.2617449664%; } }
@media (max-width: 526px) { .tresta-com-header { font-size: 79.2170022371%; } }
@media (max-width: 525px) { .tresta-com-header { font-size: 79.1722595078%; } }
@media (max-width: 524px) { .tresta-com-header { font-size: 79.1275167785%; } }
@media (max-width: 523px) { .tresta-com-header { font-size: 79.0827740492%; } }
@media (max-width: 522px) { .tresta-com-header { font-size: 79.0380313199%; } }
@media (max-width: 521px) { .tresta-com-header { font-size: 78.9932885906%; } }
@media (max-width: 520px) { .tresta-com-header { font-size: 78.9485458613%; } }
@media (max-width: 519px) { .tresta-com-header { font-size: 78.903803132%; } }
@media (max-width: 518px) { .tresta-com-header { font-size: 78.8590604027%; } }
@media (max-width: 517px) { .tresta-com-header { font-size: 78.8143176734%; } }
@media (max-width: 516px) { .tresta-com-header { font-size: 78.7695749441%; } }
@media (max-width: 515px) { .tresta-com-header { font-size: 78.7248322148%; } }
@media (max-width: 514px) { .tresta-com-header { font-size: 78.6800894855%; } }
@media (max-width: 513px) { .tresta-com-header { font-size: 78.6353467562%; } }
@media (max-width: 512px) { .tresta-com-header { font-size: 78.5906040268%; } }
@media (max-width: 511px) { .tresta-com-header { font-size: 78.5458612975%; } }
@media (max-width: 510px) { .tresta-com-header { font-size: 78.5011185682%; } }
@media (max-width: 509px) { .tresta-com-header { font-size: 78.4563758389%; } }
@media (max-width: 508px) { .tresta-com-header { font-size: 78.4116331096%; } }
@media (max-width: 507px) { .tresta-com-header { font-size: 78.3668903803%; } }
@media (max-width: 506px) { .tresta-com-header { font-size: 78.322147651%; } }
@media (max-width: 505px) { .tresta-com-header { font-size: 78.2774049217%; } }
@media (max-width: 504px) { .tresta-com-header { font-size: 78.2326621924%; } }
@media (max-width: 503px) { .tresta-com-header { font-size: 78.1879194631%; } }
@media (max-width: 502px) { .tresta-com-header { font-size: 78.1431767338%; } }
@media (max-width: 501px) { .tresta-com-header { font-size: 78.0984340045%; } }
@media (max-width: 500px) { .tresta-com-header { font-size: 78.0536912752%; } }
@media (max-width: 499px) { .tresta-com-header { font-size: 78.0089485459%; } }
@media (max-width: 498px) { .tresta-com-header { font-size: 77.9642058166%; } }
@media (max-width: 497px) { .tresta-com-header { font-size: 77.9194630872%; } }
@media (max-width: 496px) { .tresta-com-header { font-size: 77.8747203579%; } }
@media (max-width: 495px) { .tresta-com-header { font-size: 77.8299776286%; } }
@media (max-width: 494px) { .tresta-com-header { font-size: 77.7852348993%; } }
@media (max-width: 493px) { .tresta-com-header { font-size: 77.74049217%; } }
@media (max-width: 492px) { .tresta-com-header { font-size: 77.6957494407%; } }
@media (max-width: 491px) { .tresta-com-header { font-size: 77.6510067114%; } }
@media (max-width: 490px) { .tresta-com-header { font-size: 77.6062639821%; } }
@media (max-width: 489px) { .tresta-com-header { font-size: 77.5615212528%; } }
@media (max-width: 488px) { .tresta-com-header { font-size: 77.5167785235%; } }
@media (max-width: 487px) { .tresta-com-header { font-size: 77.4720357942%; } }
@media (max-width: 486px) { .tresta-com-header { font-size: 77.4272930649%; } }
@media (max-width: 485px) { .tresta-com-header { font-size: 77.3825503356%; } }
@media (max-width: 484px) { .tresta-com-header { font-size: 77.3378076063%; } }
@media (max-width: 483px) { .tresta-com-header { font-size: 77.293064877%; } }
@media (max-width: 482px) { .tresta-com-header { font-size: 77.2483221477%; } }
@media (max-width: 481px) { .tresta-com-header { font-size: 77.2035794183%; } }
@media (max-width: 480px) { .tresta-com-header { font-size: 77.158836689%; } }
@media (max-width: 479px) { .tresta-com-header { font-size: 77.1140939597%; } }
@media (max-width: 478px) { .tresta-com-header { font-size: 77.0693512304%; } }
@media (max-width: 477px) { .tresta-com-header { font-size: 77.0246085011%; } }
@media (max-width: 476px) { .tresta-com-header { font-size: 76.9798657718%; } }
@media (max-width: 475px) { .tresta-com-header { font-size: 76.9351230425%; } }
@media (max-width: 474px) { .tresta-com-header { font-size: 76.8903803132%; } }
@media (max-width: 473px) { .tresta-com-header { font-size: 76.8456375839%; } }
@media (max-width: 472px) { .tresta-com-header { font-size: 76.8008948546%; } }
@media (max-width: 471px) { .tresta-com-header { font-size: 76.7561521253%; } }
@media (max-width: 470px) { .tresta-com-header { font-size: 76.711409396%; } }
@media (max-width: 469px) { .tresta-com-header { font-size: 76.6666666667%; } }
@media (max-width: 468px) { .tresta-com-header { font-size: 76.6219239374%; } }
@media (max-width: 467px) { .tresta-com-header { font-size: 76.5771812081%; } }
@media (max-width: 466px) { .tresta-com-header { font-size: 76.5324384787%; } }
@media (max-width: 465px) { .tresta-com-header { font-size: 76.4876957494%; } }
@media (max-width: 464px) { .tresta-com-header { font-size: 76.4429530201%; } }
@media (max-width: 463px) { .tresta-com-header { font-size: 76.3982102908%; } }
@media (max-width: 462px) { .tresta-com-header { font-size: 76.3534675615%; } }
@media (max-width: 461px) { .tresta-com-header { font-size: 76.3087248322%; } }
@media (max-width: 460px) { .tresta-com-header { font-size: 76.2639821029%; } }
@media (max-width: 459px) { .tresta-com-header { font-size: 76.2192393736%; } }
@media (max-width: 458px) { .tresta-com-header { font-size: 76.1744966443%; } }
@media (max-width: 457px) { .tresta-com-header { font-size: 76.129753915%; } }
@media (max-width: 456px) { .tresta-com-header { font-size: 76.0850111857%; } }
@media (max-width: 455px) { .tresta-com-header { font-size: 76.0402684564%; } }
@media (max-width: 454px) { .tresta-com-header { font-size: 75.9955257271%; } }
@media (max-width: 453px) { .tresta-com-header { font-size: 75.9507829978%; } }
@media (max-width: 452px) { .tresta-com-header { font-size: 75.9060402685%; } }
@media (max-width: 451px) { .tresta-com-header { font-size: 75.8612975391%; } }
@media (max-width: 450px) { .tresta-com-header { font-size: 75.8165548098%; } }
@media (max-width: 449px) { .tresta-com-header { font-size: 75.7718120805%; } }
@media (max-width: 448px) { .tresta-com-header { font-size: 75.7270693512%; } }
@media (max-width: 447px) { .tresta-com-header { font-size: 75.6823266219%; } }
@media (max-width: 446px) { .tresta-com-header { font-size: 75.6375838926%; } }
@media (max-width: 445px) { .tresta-com-header { font-size: 75.5928411633%; } }
@media (max-width: 444px) { .tresta-com-header { font-size: 75.548098434%; } }
@media (max-width: 443px) { .tresta-com-header { font-size: 75.5033557047%; } }
@media (max-width: 442px) { .tresta-com-header { font-size: 75.4586129754%; } }
@media (max-width: 441px) { .tresta-com-header { font-size: 75.4138702461%; } }
@media (max-width: 440px) { .tresta-com-header { font-size: 75.3691275168%; } }
@media (max-width: 439px) { .tresta-com-header { font-size: 75.3243847875%; } }
@media (max-width: 438px) { .tresta-com-header { font-size: 75.2796420582%; } }
@media (max-width: 437px) { .tresta-com-header { font-size: 75.2348993289%; } }
@media (max-width: 436px) { .tresta-com-header { font-size: 75.1901565996%; } }
@media (max-width: 435px) { .tresta-com-header { font-size: 75.1454138702%; } }
@media (max-width: 434px) { .tresta-com-header { font-size: 75.1006711409%; } }
@media (max-width: 433px) { .tresta-com-header { font-size: 75.0559284116%; } }
@media (max-width: 432px) { .tresta-com-header { font-size: 75.0111856823%; } }
@media (max-width: 431px) { .tresta-com-header { font-size: 74.966442953%; } }
@media (max-width: 430px) { .tresta-com-header { font-size: 74.9217002237%; } }
@media (max-width: 429px) { .tresta-com-header { font-size: 74.8769574944%; } }
@media (max-width: 428px) { .tresta-com-header { font-size: 74.8322147651%; } }
@media (max-width: 427px) { .tresta-com-header { font-size: 74.7874720358%; } }
@media (max-width: 426px) { .tresta-com-header { font-size: 74.7427293065%; } }
@media (max-width: 425px) { .tresta-com-header { font-size: 74.6979865772%; } }
@media (max-width: 424px) { .tresta-com-header { font-size: 74.6532438479%; } }
@media (max-width: 423px) { .tresta-com-header { font-size: 74.6085011186%; } }
@media (max-width: 422px) { .tresta-com-header { font-size: 74.5637583893%; } }
@media (max-width: 421px) { .tresta-com-header { font-size: 74.51901566%; } }
@media (max-width: 420px) { .tresta-com-header { font-size: 74.4742729306%; } }
@media (max-width: 419px) { .tresta-com-header { font-size: 74.4295302013%; } }
@media (max-width: 418px) { .tresta-com-header { font-size: 74.384787472%; } }
@media (max-width: 417px) { .tresta-com-header { font-size: 74.3400447427%; } }
@media (max-width: 416px) { .tresta-com-header { font-size: 74.2953020134%; } }
@media (max-width: 415px) { .tresta-com-header { font-size: 74.2505592841%; } }
@media (max-width: 414px) { .tresta-com-header { font-size: 74.2058165548%; } }
@media (max-width: 413px) { .tresta-com-header { font-size: 74.1610738255%; } }
@media (max-width: 412px) { .tresta-com-header { font-size: 74.1163310962%; } }
@media (max-width: 411px) { .tresta-com-header { font-size: 74.0715883669%; } }
@media (max-width: 410px) { .tresta-com-header { font-size: 74.0268456376%; } }
@media (max-width: 409px) { .tresta-com-header { font-size: 73.9821029083%; } }
@media (max-width: 408px) { .tresta-com-header { font-size: 73.937360179%; } }
@media (max-width: 407px) { .tresta-com-header { font-size: 73.8926174497%; } }
@media (max-width: 406px) { .tresta-com-header { font-size: 73.8478747204%; } }
@media (max-width: 405px) { .tresta-com-header { font-size: 73.8031319911%; } }
@media (max-width: 404px) { .tresta-com-header { font-size: 73.7583892617%; } }
@media (max-width: 403px) { .tresta-com-header { font-size: 73.7136465324%; } }
@media (max-width: 402px) { .tresta-com-header { font-size: 73.6689038031%; } }
@media (max-width: 401px) { .tresta-com-header { font-size: 73.6241610738%; } }
@media (max-width: 400px) { .tresta-com-header { font-size: 73.5794183445%; } }
@media (max-width: 399px) { .tresta-com-header { font-size: 73.5346756152%; } }
@media (max-width: 398px) { .tresta-com-header { font-size: 73.4899328859%; } }
@media (max-width: 397px) { .tresta-com-header { font-size: 73.4451901566%; } }
@media (max-width: 396px) { .tresta-com-header { font-size: 73.4004474273%; } }
@media (max-width: 395px) { .tresta-com-header { font-size: 73.355704698%; } }
@media (max-width: 394px) { .tresta-com-header { font-size: 73.3109619687%; } }
@media (max-width: 393px) { .tresta-com-header { font-size: 73.2662192394%; } }
@media (max-width: 392px) { .tresta-com-header { font-size: 73.2214765101%; } }
@media (max-width: 391px) { .tresta-com-header { font-size: 73.1767337808%; } }
@media (max-width: 390px) { .tresta-com-header { font-size: 73.1319910515%; } }
@media (max-width: 389px) { .tresta-com-header { font-size: 73.0872483221%; } }
@media (max-width: 388px) { .tresta-com-header { font-size: 73.0425055928%; } }
@media (max-width: 387px) { .tresta-com-header { font-size: 72.9977628635%; } }
@media (max-width: 386px) { .tresta-com-header { font-size: 72.9530201342%; } }
@media (max-width: 385px) { .tresta-com-header { font-size: 72.9082774049%; } }
@media (max-width: 384px) { .tresta-com-header { font-size: 72.8635346756%; } }
@media (max-width: 383px) { .tresta-com-header { font-size: 72.8187919463%; } }
@media (max-width: 382px) { .tresta-com-header { font-size: 72.774049217%; } }
@media (max-width: 381px) { .tresta-com-header { font-size: 72.7293064877%; } }
@media (max-width: 380px) { .tresta-com-header { font-size: 72.6845637584%; } }
@media (max-width: 379px) { .tresta-com-header { font-size: 72.6398210291%; } }
@media (max-width: 378px) { .tresta-com-header { font-size: 72.5950782998%; } }
@media (max-width: 377px) { .tresta-com-header { font-size: 72.5503355705%; } }
@media (max-width: 376px) { .tresta-com-header { font-size: 72.5055928412%; } }
@media (max-width: 375px) { .tresta-com-header { font-size: 72.4608501119%; } }
@media (max-width: 374px) { .tresta-com-header { font-size: 72.4161073826%; } }
@media (max-width: 373px) { .tresta-com-header { font-size: 72.3713646532%; } }
@media (max-width: 372px) { .tresta-com-header { font-size: 72.3266219239%; } }
@media (max-width: 371px) { .tresta-com-header { font-size: 72.2818791946%; } }
@media (max-width: 370px) { .tresta-com-header { font-size: 72.2371364653%; } }
@media (max-width: 369px) { .tresta-com-header { font-size: 72.192393736%; } }
@media (max-width: 368px) { .tresta-com-header { font-size: 72.1476510067%; } }
@media (max-width: 367px) { .tresta-com-header { font-size: 72.1029082774%; } }
@media (max-width: 366px) { .tresta-com-header { font-size: 72.0581655481%; } }
@media (max-width: 365px) { .tresta-com-header { font-size: 72.0134228188%; } }
@media (max-width: 364px) { .tresta-com-header { font-size: 71.9686800895%; } }
@media (max-width: 363px) { .tresta-com-header { font-size: 71.9239373602%; } }
@media (max-width: 362px) { .tresta-com-header { font-size: 71.8791946309%; } }
@media (max-width: 361px) { .tresta-com-header { font-size: 71.8344519016%; } }
@media (max-width: 360px) { .tresta-com-header { font-size: 71.7897091723%; } }
@media (max-width: 359px) { .tresta-com-header { font-size: 71.744966443%; } }
@media (max-width: 358px) { .tresta-com-header { font-size: 71.7002237136%; } }
@media (max-width: 357px) { .tresta-com-header { font-size: 71.6554809843%; } }
@media (max-width: 356px) { .tresta-com-header { font-size: 71.610738255%; } }
@media (max-width: 355px) { .tresta-com-header { font-size: 71.5659955257%; } }
@media (max-width: 354px) { .tresta-com-header { font-size: 71.5212527964%; } }
@media (max-width: 353px) { .tresta-com-header { font-size: 71.4765100671%; } }
@media (max-width: 352px) { .tresta-com-header { font-size: 71.4317673378%; } }
@media (max-width: 351px) { .tresta-com-header { font-size: 71.3870246085%; } }
@media (max-width: 350px) { .tresta-com-header { font-size: 71.3422818792%; } }
@media (max-width: 349px) { .tresta-com-header { font-size: 71.2975391499%; } }
@media (max-width: 348px) { .tresta-com-header { font-size: 71.2527964206%; } }
@media (max-width: 347px) { .tresta-com-header { font-size: 71.2080536913%; } }
@media (max-width: 346px) { .tresta-com-header { font-size: 71.163310962%; } }
@media (max-width: 345px) { .tresta-com-header { font-size: 71.1185682327%; } }
@media (max-width: 344px) { .tresta-com-header { font-size: 71.0738255034%; } }
@media (max-width: 343px) { .tresta-com-header { font-size: 71.029082774%; } }
@media (max-width: 342px) { .tresta-com-header { font-size: 70.9843400447%; } }
@media (max-width: 341px) { .tresta-com-header { font-size: 70.9395973154%; } }
@media (max-width: 340px) { .tresta-com-header { font-size: 70.8948545861%; } }
@media (max-width: 339px) { .tresta-com-header { font-size: 70.8501118568%; } }
@media (max-width: 338px) { .tresta-com-header { font-size: 70.8053691275%; } }
@media (max-width: 337px) { .tresta-com-header { font-size: 70.7606263982%; } }
@media (max-width: 336px) { .tresta-com-header { font-size: 70.7158836689%; } }
@media (max-width: 335px) { .tresta-com-header { font-size: 70.6711409396%; } }
@media (max-width: 334px) { .tresta-com-header { font-size: 70.6263982103%; } }
@media (max-width: 333px) { .tresta-com-header { font-size: 70.581655481%; } }
@media (max-width: 332px) { .tresta-com-header { font-size: 70.5369127517%; } }
@media (max-width: 331px) { .tresta-com-header { font-size: 70.4921700224%; } }
@media (max-width: 330px) { .tresta-com-header { font-size: 70.4474272931%; } }
@media (max-width: 329px) { .tresta-com-header { font-size: 70.4026845638%; } }
@media (max-width: 328px) { .tresta-com-header { font-size: 70.3579418345%; } }
@media (max-width: 327px) { .tresta-com-header { font-size: 70.3131991051%; } }
@media (max-width: 326px) { .tresta-com-header { font-size: 70.2684563758%; } }
@media (max-width: 325px) { .tresta-com-header { font-size: 70.2237136465%; } }
@media (max-width: 324px) { .tresta-com-header { font-size: 70.1789709172%; } }
@media (max-width: 323px) { .tresta-com-header { font-size: 70.1342281879%; } }
@media (max-width: 322px) { .tresta-com-header { font-size: 70.0894854586%; } }
@media (max-width: 321px) { .tresta-com-header { font-size: 70.0447427293%; } }
.tresta-com-header .header-mobile { display: none; }
.tresta-com-header .header-tablet-desktop { position: fixed; width: 100%; top: 0; left: 0; z-index: 4; }
@media screen and (max-width: 991px) { .tresta-com-header .header-tablet-desktop { display: none; } }
.tresta-com-header .header-tablet-desktop .header-bar-outer-limit { margin-left: auto; margin-right: auto; max-width: 1440px; background-color: #fff; }
.tresta-com-header .header-tablet-desktop .header-bar-container { height: 70px; margin-left: auto; margin-right: auto; max-width: 1092px; position: relative; }
.tresta-com-header .header-tablet-desktop .header-bar-container .main-navigation { position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.tresta-com-header .header-tablet-desktop .header-bar-container .main-navigation li { display: inline; margin-right: 25px; }
.tresta-com-header .header-tablet-desktop .header-bar-container .main-navigation li:last-child { margin-right: 0; }
.tresta-com-header .header-tablet-desktop .header-bar-container .main-navigation li a { color: #454545; text-transform: uppercase; font-size: 0.875rem; font-weight: 500; letter-spacing: 1px; text-decoration: none; }
.tresta-com-header .header-tablet-desktop .header-bar-container .main-navigation li a:hover { color: #e84c38; }
.tresta-com-header .header-tablet-desktop .header-bar-container .main-navigation li a.active { color: #e84c38; }
.tresta-com-header .header-tablet-desktop .header-bar-container .site-logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.tresta-com-header .header-tablet-desktop .header-bar-container .site-logo img { width: 76px; height: 25px; display: block; }
.tresta-com-header .header-tablet-desktop .header-bar-container .sub-navigation { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: 20px; }
.tresta-com-header .header-tablet-desktop .header-bar-container .sub-navigation a { font-size: 0.9375rem; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-transform: uppercase; margin-right: 15px; font-weight: 500; color: #454545; border-radius: 3px; display: inline-block; padding: 0.5rem 0.5rem 0.25rem 0; }
.tresta-com-header .header-tablet-desktop .header-bar-container .sub-navigation a:hover { color: #e84c38; }
.tresta-com-header .header-tablet-desktop .header-bar-container .sub-navigation .button-group { display: inline-block; }
.tresta-com-header .header-tablet-desktop .header-bar-container .sub-navigation .button-group a { margin-right: 0; border-radius: 0; position: relative; color: #fff; background: #1f54d0; border: 2px solid #1f54d0; padding: 0.75rem 1.875rem 0.5rem; font-weight: 400; }
.tresta-com-header .header-tablet-desktop .header-bar-container .sub-navigation .button-group a:hover { background: #386ae8; border-color: #386ae8; }
.tresta-com-header .header-tablet-desktop .header-bar-container .sub-navigation .button-group a::after { content: ""; border-right: solid 1px #fff; position: absolute; height: 21px; top: 50%; right: -1px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.tresta-com-header .header-tablet-desktop .header-bar-container .sub-navigation .button-group a:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.tresta-com-header .header-tablet-desktop .header-bar-container .sub-navigation .button-group a:last-child::after { border-right: none; }
.tresta-com-header .header-tablet-desktop .header-bar-container .sub-navigation .button-group a:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
@media screen and (max-width: 991px) { .tresta-com-header .header-tablet-desktop .header-bar-container { height: 50px; }
  .tresta-com-header .header-tablet-desktop .header-bar-container .main-navigation li { margin-right: 8px; }
  .tresta-com-header .header-tablet-desktop .header-bar-container .main-navigation li a { font-size: 12px; }
  .tresta-com-header .header-tablet-desktop .header-bar-container .sub-navigation a { font-size: 12px; padding: 8px 20px 6px; }
  .tresta-com-header .header-tablet-desktop .header-bar-container .sub-navigation .button-group a::after { height: 17px; } }
@media screen and (max-width: 991px) { .tresta-com-header { height: 5em; }
  .tresta-com-header .header-tablet-desktop { display: none; }
  .tresta-com-header .header-mobile { display: block; position: fixed; width: 100%; top: 0; left: 0; background-color: #fff; height: 5em; z-index: 4; }
  .tresta-com-header .header-mobile .mobile-menu-slider { position: absolute; top: -33.5714em; width: 100%; background-color: #fff; padding: 6.0714em 3.5714em 1.0714em; text-align: center; }
  .tresta-com-header .header-mobile .mobile-menu-slider .well { border: solid 1px rgba(147, 149, 152, 0.3); box-shadow: 0 3px 0 rgba(147, 149, 152, 0.3); border-radius: 6px; padding: 15px 30px; }
  .tresta-com-header .header-mobile .mobile-menu-slider .well li a { display: block; text-transform: uppercase; padding-top: 9px; padding-bottom: 4px; border-bottom: solid 1px rgba(147, 149, 152, 0.3); font-size: 1.429em; line-height: 1.4996em; color: #454545; }
  .tresta-com-header .header-mobile .mobile-menu-slider .well li a:hover { color: #e84c38; text-decoration: none; }
  .tresta-com-header .header-mobile .mobile-menu-slider .well li a:active { color: #e84c38; }
  .tresta-com-header .header-mobile .mobile-menu-slider .well li:last-child a { border-bottom: none; }
  .tresta-com-header .header-mobile .navbar { position: absolute; width: 100%; top: 0; left: 0; background-color: #fff; height: 5em; }
  .tresta-com-header .header-mobile .navbar .mobile-menu-control { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; height: 5em; width: 7.144em; padding-left: 1.4246em; overflow: hidden; }
  .tresta-com-header .header-mobile .navbar .mobile-menu-control:hover { text-decoration: none; }
  .tresta-com-header .header-mobile .navbar .mobile-menu-control .icon-hamburger { position: absolute; top: 50%; height: 1.428em; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .tresta-com-header .header-mobile .navbar .site-logo { position: absolute; top: 50%; left: 46%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .tresta-com-header .header-mobile .navbar .site-logo img { width: 5.143em; height: 1.713em; display: block; }
  .tresta-com-header .header-mobile .navbar .sub-navigation { display: inline-block; float: right; position: absolute; top: 50%; right: 10%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .tresta-com-header .header-mobile .navbar .sub-navigation .button-group { display: inline-block; }
  .tresta-com-header .header-mobile .navbar .sub-navigation .button-group a { margin-right: 0; border-radius: 3px; position: relative; color: #fff; text-transform: uppercase; background: #1f54d0; border: 2px solid #1f54d0; padding: 0.4375rem 0.9375rem 0.4375rem; font-weight: 400; }
  .tresta-com-header .header-mobile .navbar .sub-navigation .button-group a:hover { background: #386ae8; border-color: #386ae8; } }

.tab-collection { display: flex; height: 2.1875rem; justify-content: space-between; margin-bottom: 1.5625rem; }

.tab-collection__tab-container { cursor: pointer; display: flex; flex-direction: column; }

.tab-collection__tab-title-container { flex-grow: 1; }

.tab-collection__tab-title { color: #868686; font-size: 16px; font-weight: 500; letter-spacing: -0.54px; text-align: center; }
.tab-collection__tab-title:hover { color: #5d6470; }

.tab-collection__tab-title--active { color: #454545; }
.tab-collection__tab-title--active:hover { color: #454545; }

.tab-collection__tab-title--invalid { color: #fc4636; }
.tab-collection__tab-title--invalid:hover { color: #fc4636; }

.tab-collection__tab-underline { background-color: #454545; border-radius: 0.125rem; height: 0.25rem; opacity: 0; }

.tab-collection__tab-underline--active { opacity: 1; }

.audio-player__current-position, .audio-player__duration, .audio-player__total-duration, .audio-player__elapsed-duration { color: #868686; font-size: 16px; letter-spacing: -0.57px; }

.audio-player { align-items: center; display: flex; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 1.875rem; -webkit-box-flex: auto; -moz-box-flex: auto; box-flex: auto; -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; flex: auto; }

.audio-player--disabled { cursor: default; pointer-events: none; }

.audio-player__play-pause { cursor: pointer; margin-right: 0.375rem; position: relative; width: 1.25rem; height: 1.25rem; }

.audio-player__icon--play { fill: #808795; stroke: #808795; }

.audio-player__icon--play ._svg-icon:hover { border-radius: 25px; box-shadow: 0 0 0 0.375rem rgba(213, 213, 213, 0.2); }
.audio-player__icon--play ._svg-icon:hover .play-border { fill: #2b2b2b; stroke: #2b2b2b; }

.audio-player__icon--pause { fill: #67b5d7; stroke: #67b5d7; }

.audio-player__icon--pause ._svg-icon:hover { border-radius: 25px; box-shadow: 0 0 0 0.375rem rgba(213, 213, 213, 0.2); }
.audio-player__icon--pause ._svg-icon:hover .pause-border { fill: #0f3c4f; stroke: #0f3c4f; }

.audio-player__icon--disabled { fill: #e6eaee; stroke: #e6eaee; }

.audio-player__current-position { min-width: 3rem; text-align: left; width: 3rem; }

.audio-player__current-position--disabled { color: #d5d5d5; }

.audio-player__slider { flex-grow: 1; height: 100%; padding-left: 0.25rem; }

.audio-player__circle-path { background: #dedede; border-radius: 0.875rem; cursor: pointer; height: 0.5rem; position: relative; top: 12px; width: 100%; }

.audio-player__circle-path--disabled { background-color: #e6eaee; }

.audio-player__circle-path .ui-slider-range { background: #67b5d7; cursor: pointer; height: 0.5rem; -webkit-border-top-left-radius: 0.875rem; -moz-border-top-left-radius: 0.875rem; border-top-left-radius: 0.875rem; -webkit-border-bottom-left-radius: 0.875rem; -moz-border-bottom-left-radius: 0.875rem; border-bottom-left-radius: 0.875rem; }

.audio-player__circle-path .ui-slider-handle { background: #ffffff; border-radius: 50%; box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5); display: inline-block; height: 0.875rem; margin-left: -0.125rem; position: absolute; top: -3px; width: 0.875rem; }
.audio-player__circle-path .ui-slider-handle:hover { box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.5), 0 0 0 0.375rem rgba(213, 213, 213, 0.2); }

.audio-player__duration, .audio-player__total-duration { margin-left: 0.5625rem; min-width: 2.25rem; }

.audio-player__duration--disabled { color: #d5d5d5; }

.processing-spinner__container { font-size: 13px; }

.processing-spinner { display: inline-block; margin-right: 0.25rem; vertical-align: top; width: 0.875rem; height: 0.875rem; }
.processing-spinner:before { border-top: 0.125rem solid #ffffff; border-right: 0.125rem solid #e6eaee; border-bottom: 0.125rem solid #bcbcbc; border-left: 0.125rem solid #6a6a6a; border-radius: 100%; content: ""; display: block; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; width: 0.625rem; height: 0.625rem; }

.processing-message { position: relative; }

.audio-recorder { display: flex; flex-direction: column; margin-bottom: 1.5625rem; width: 480px; }

.audio-recorder__mic-container { margin-bottom: 1.875rem; }

.audio-recorder__mic-dropdown { height: 100%; }

.add-audio-file__input .text-box .text-box__input { width: 480px; }

.audio-recorder__error .error-tooltip { width: inherit; }

.audio-recorder__input-path { flex-direction: column; margin-bottom: 2.0625rem; margin-top: 0.125rem; width: 100%; }

.audio-recorder__preview { margin-bottom: 1.9375rem; }

.audio-recorder__button { align-items: center; background: #f4f4f4; border: none; border-bottom: solid 0.125rem #dedede; border-radius: 5px; color: #5d6470; cursor: pointer; display: flex; flex: 0 0 4.5625rem; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: normal; height: 2.375rem; justify-content: space-between; line-height: 19px; outline: none; overflow: hidden; position: relative; vertical-align: middle; width: 10.375rem; }
.audio-recorder__button:hover { background: #dedede; border-bottom-color: #d5d5d5; }

.audio-recorder__icon-and-label { align-items: center; display: flex; margin-left: 0.25rem; z-index: 3; }

.audio-recorder__icon { align-items: center; display: flex; height: 1.25rem; margin-right: 0.5rem; }
.audio-recorder__icon svg { height: 1.1875rem; width: 1.1875rem; }
.audio-recorder__icon .outer-ring { stroke: #5d6470; }
.audio-recorder__icon .inner-eye { fill: #5d6470; }

.audio-recorder__label { width: 100%; }

.audio-recorder__button--recording { background: #2696c6; border-bottom-color: #165a76; color: #ffffff; }
.audio-recorder__button--recording:hover { background: #165a76; border-bottom-color: #0f3c4f; }
.audio-recorder__button--recording .audio-recorder__icon .outer-ring { stroke: #ffffff; }
.audio-recorder__button--recording .audio-recorder__icon .inner-eye { fill: #ffffff; }

.audio_recorder__duration { min-width: 2.125rem; z-index: 3; }

.audio-recorder__warning-message { margin-top: 0.625rem; }

.audio-recorder__sound-meter { display: flex; justify-content: space-between; width: 100%; }

.sound-meter__cell { background-color: #e6eaee; border-radius: 4px; display: flex; height: 0.3125rem; width: 0.625rem; }

.sound-meter__cell--active { background-color: #1e789e; }

.audio-recorder__button-pulse { background: #1e789e; border: none; border-radius: 50%; box-shadow: 0 0 0 0 rgba(30, 120, 158, 0.5); cursor: pointer; left: -40px; position: absolute; -webkit-animation: buttonPulse 1.5s infinite; -moz-animation: buttonPulse 1.5s infinite; -o-animation: buttonPulse 1.5s infinite; animation: buttonPulse 1.5s infinite; width: 6.25rem; height: 6.25rem; }
.audio-recorder__button-pulse:hover { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; }

@-webkit-keyframes buttonPulse { 0% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
  70% { box-shadow: 0 0 0 3.125rem rgba(30, 120, 158, 0); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  100% { box-shadow: 0 0 0 0 rgba(30, 120, 158, 0); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } }
@-moz-keyframes buttonPulse { 0% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
  70% { box-shadow: 0 0 0 3.125rem rgba(30, 120, 158, 0); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  100% { box-shadow: 0 0 0 0 rgba(30, 120, 158, 0); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } }
@-ms-keyframes buttonPulse { 0% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
  70% { box-shadow: 0 0 0 3.125rem rgba(30, 120, 158, 0); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  100% { box-shadow: 0 0 0 0 rgba(30, 120, 158, 0); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } }
@keyframes buttonPulse { 0% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
  70% { box-shadow: 0 0 0 3.125rem rgba(30, 120, 158, 0); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  100% { box-shadow: 0 0 0 0 rgba(30, 120, 158, 0); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } }
.membership-selection__description, .inherited-subscriptions__description, .subscriber-selection-history__title, .subscriber-selection-history__view-more, .checklist-item__text { color: #454545; font-size: 16px; letter-spacing: -0.32px; line-height: 1.38; margin-bottom: 0.5rem; }

.subscriber-selection { margin-bottom: 1.5625rem; }

.membership-selection__container--disabled { cursor: default; }

.membership-selection__item-container { display: flex; margin-bottom: 0.25rem; position: relative; }

.membership-selection__item-container--large-margin { margin-bottom: 0.625rem; }

.membership-selection__control { display: inline-block; width: 100%; }

.membership-selection__delete { background: #f4f4f4; border-bottom: solid 0.125rem #d5d5d5; border-radius: 5px; cursor: pointer; fill: #5d6470; flex: 0 0 2.8125rem; height: 2.8125rem; margin-left: 0.3125rem; }
.membership-selection__delete:hover { background: #f4f4f4; border-bottom-color: #bcbcbc; }

.membership-selection__delete--large-margin { margin-left: 0.625rem; }

.membership-selection__delete--disabled { fill: #d5d5d5; }
.membership-selection__delete--disabled:hover { background: #f4f4f4; border-bottom-color: #d5d5d5; }

.membership-selection__add-another-container { align-items: center; border: 2px dashed #d5d5d5; border-radius: 5px; cursor: pointer; display: flex; justify-content: center; margin-top: 0.625rem; min-height: 2.875rem; width: 100%; }
.membership-selection__add-another-container:hover { border-color: #5d6470; }
.membership-selection__add-another-container:hover .membership-selection-add-another-link { color: #5d6470; }

.membership-selection-add-another-tooltip { width: 100%; }

.membership-selection-add-another-link { color: #808795; font-size: 16px; height: 1.25rem; line-height: 1.25rem; text-decoration: none; }

.membership-selection__add-another-container--disabled { border-color: #d5d5d5; cursor: default; flex-direction: column; }
.membership-selection__add-another-container--disabled .membership-selection-add-another-link { color: #d5d5d5; }
.membership-selection__add-another-container--disabled:hover { border-color: #d5d5d5; }
.membership-selection__add-another-container--disabled:hover .membership-selection-add-another-link { color: #d5d5d5; }

.inherited-subscriptions__permission-checklist { margin-bottom: 0.5rem; }

.inherited-subscriber { align-items: center; background-color: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; display: flex; flex-direction: row; height: 2.8125rem; justify-content: flex-start; }

.inherited-subscriber + .inherited-subscriber { margin-top: 0.625rem; }

.inherited-subscriber__avatar { margin: 0 0.625rem; }

.inherited-subscriber__avatar--usergroup { margin: 0 0.625rem; width: 1.6875rem; }

.inherited-subscriber__name { color: #5d6470; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; letter-spacing: -0.57px; }

.subscriber-selection-history { margin-top: 1.5625rem; }

.subscriber-selection-history__title, .subscriber-selection-history__view-more { font-weight: 400; }

.subscriber-selection-history__view-more { margin-top: 0.3125rem; }

.subscriber-selection-history__link { cursor: pointer; color: #3490d5; }

.subscriber-selection-history__list-item { color: #5d6470; font-size: 16px; font-weight: normal; letter-spacing: -0.57px; line-height: 1.5; }

.checklist-item { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; margin-left: 0.9375rem; }

.checklist-item__check { fill: #454545; height: 1.375rem; }

.checklist-item__text { margin: 0; }

/*!
 * Cropper v2.3.3
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2016 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2016-08-10T08:58:55.176Z
 */
.cropper-container { font-size: 0; line-height: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; direction: ltr !important; }

.cropper-container img { display: block; width: 100%; min-width: 0 !important; max-width: none !important; height: 100%; min-height: 0 !important; max-height: none !important; image-orientation: 0deg !important; }

.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; }

.cropper-wrap-box { overflow: hidden; }

.cropper-drag-box { opacity: 0; background-color: #fff; filter: alpha(opacity=0); }

.cropper-modal { opacity: .5; background-color: #000; filter: alpha(opacity=50); }

.cropper-view-box { display: block; overflow: hidden; width: 100%; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, 0.75); }

.cropper-dashed { position: absolute; display: block; opacity: .5; border: 0 dashed #eee; filter: alpha(opacity=50); }

.cropper-dashed.dashed-h { top: 33.33333%; left: 0; width: 100%; height: 33.33333%; border-top-width: 1px; border-bottom-width: 1px; }

.cropper-dashed.dashed-v { top: 0; left: 33.33333%; width: 33.33333%; height: 100%; border-right-width: 1px; border-left-width: 1px; }

.cropper-center { position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; opacity: .75; filter: alpha(opacity=75); }

.cropper-center:before, .cropper-center:after { position: absolute; display: block; content: ' '; background-color: #eee; }

.cropper-center:before { top: 0; left: -3px; width: 7px; height: 1px; }

.cropper-center:after { top: -3px; left: 0; width: 1px; height: 7px; }

.cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; opacity: .1; filter: alpha(opacity=10); }

.cropper-face { top: 0; left: 0; background-color: #fff; }

.cropper-line { background-color: #39f; }

.cropper-line.line-e { top: 0; right: -3px; width: 5px; cursor: e-resize; }

.cropper-line.line-n { top: -3px; left: 0; height: 5px; cursor: n-resize; }

.cropper-line.line-w { top: 0; left: -3px; width: 5px; cursor: w-resize; }

.cropper-line.line-s { bottom: -3px; left: 0; height: 5px; cursor: s-resize; }

.cropper-point { width: 5px; height: 5px; opacity: .75; background-color: #39f; filter: alpha(opacity=75); }

.cropper-point.point-e { top: 50%; right: -3px; margin-top: -3px; cursor: e-resize; }

.cropper-point.point-n { top: -3px; left: 50%; margin-left: -3px; cursor: n-resize; }

.cropper-point.point-w { top: 50%; left: -3px; margin-top: -3px; cursor: w-resize; }

.cropper-point.point-s { bottom: -3px; left: 50%; margin-left: -3px; cursor: s-resize; }

.cropper-point.point-ne { top: -3px; right: -3px; cursor: ne-resize; }

.cropper-point.point-nw { top: -3px; left: -3px; cursor: nw-resize; }

.cropper-point.point-sw { bottom: -3px; left: -3px; cursor: sw-resize; }

.cropper-point.point-se { right: -3px; bottom: -3px; width: 20px; height: 20px; cursor: se-resize; opacity: 1; filter: alpha(opacity=100); }

.cropper-point.point-se:before { position: absolute; right: -50%; bottom: -50%; display: block; width: 200%; height: 200%; content: ' '; opacity: 0; background-color: #39f; filter: alpha(opacity=0); }

@media (min-width: 768px) { .cropper-point.point-se { width: 15px; height: 15px; } }
@media (min-width: 992px) { .cropper-point.point-se { width: 10px; height: 10px; } }
@media (min-width: 1200px) { .cropper-point.point-se { width: 5px; height: 5px; opacity: .75; filter: alpha(opacity=75); } }
.cropper-invisible { opacity: 0; filter: alpha(opacity=0); }

.cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); background-size: 0.3125rem; border-radius: 5px; }

.cropper-hide { position: absolute; display: block; width: 0; height: 0; }

.cropper-hidden { display: none !important; }

.cropper-move { cursor: move; }

.cropper-crop { cursor: crosshair; }

.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; }

.croppable-image__icon { cursor: pointer; }

.croppable-image__avatar img { border-radius: 4px; width: 4.625rem; height: 4.625rem; }

.upload-image-modal__scrollable-content { display: flex; flex-direction: column; max-height: 100%; overflow-y: auto; padding: 0 1.875rem; }

.upload-image-modal__header { align-items: center; background: #ffffff; display: flex; flex-direction: column; justify-content: flex-start; pointer-events: none; top: 0; width: 100%; z-index: 14; position: -webkit-sticky; position: sticky; }

.upload-image-modal__header-content { align-items: center; display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 1.25rem; padding-top: 1.875rem; width: 100%; }

.upload-image-modal__header-title { color: #454545; font-size: 22px; }

.upload-image-modal__header-separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; margin-bottom: 2.1875rem; width: 100%; }

.upload-image-modal__upload, .upload-image-modal__crop, .upload-image-modal__preview { align-items: flex-start; display: flex; flex-direction: column; margin-bottom: 1.5625rem; width: 100%; }

.upload-image-modal__label { margin-bottom: 0.4375rem; }

.upload-image-modal__image { background-color: #d5d5d5; border-radius: 5px; height: 12.5rem; position: relative; width: 480px; }
.upload-image-modal__image #image { height: 12.5rem; }

.upload-image-modal__no-file-message { color: #5d6470; font-size: 16px; left: 50%; letter-spacing: -0.57px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.upload-image-modal__loading-container { padding: 0 1.25rem; position: absolute; opacity: 0; text-align: left; top: 70px; width: 100%; }

.upload-image-modal__loading-container.loading { opacity: 1.0; }

.upload-image-modal__loading-message { color: #868686; font-size: 14px; font-weight: 500; letter-spacing: -0.5px; margin-bottom: 0.9375rem; }

.upload-image-modal__progress-slider { background-color: #ffffff; border-radius: 5px; height: 0.4375rem; width: 100%; }

.upload-image-modal__progress-slider #percent { background-color: #67b5d7; border-radius: 5px; height: 0.4375rem; width: 0; }

.upload-image-modal__preview-container { background: #d5d5d5; border-radius: 5px; overflow: hidden; width: 4.625rem; height: 4.625rem; }

.upload-image-modal__preview-container--active { background: #ffffff; }

.upload-image-modal__preview-image { border-radius: 5px; width: 4.625rem; height: 4.625rem; }

.upload-image-modal__footer { height: 1.5625rem; }

.intl-tel-input { position: relative; display: inline-block; }
.intl-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box; }
.intl-tel-input .hide { display: none; }
.intl-tel-input .v-hide { visibility: hidden; }
.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; }
.intl-tel-input .flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; }
.intl-tel-input .selected-flag { z-index: 1; position: relative; width: 36px; height: 100%; padding: 0 0 0 8px; }
.intl-tel-input .selected-flag .iti-flag { position: absolute; top: 0; bottom: 0; margin: auto; }
.intl-tel-input .selected-flag .iti-arrow { position: absolute; top: 50%; margin-top: -2px; right: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; }
.intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid #555; }
.intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: #ffffff; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; }
.intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; }
.intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; }
@media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } }
.intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; }
.intl-tel-input .country-list .country { padding: 5px 10px; }
.intl-tel-input .country-list .country .dial-code { color: #999; }
.intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); }
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; }
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; }
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; }
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { left: 0; right: auto; }
.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag { width: 46px; }
.intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; }
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); }
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; }
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; }
.intl-tel-input.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); display: table; }
.intl-tel-input.separate-dial-code .selected-dial-code { display: table-cell; vertical-align: middle; padding-left: 28px; }
.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] { padding-left: 66px; }
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag { width: 60px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] { padding-left: 76px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { width: 70px; }
.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] { padding-left: 74px; }
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag { width: 68px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] { padding-left: 84px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag { width: 78px; }
.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] { padding-left: 82px; }
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag { width: 76px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] { padding-left: 92px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag { width: 86px; }
.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] { padding-left: 90px; }
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag { width: 84px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] { padding-left: 100px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag { width: 94px; }
.intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; }
.intl-tel-input.iti-container:hover { cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container { top: 0; bottom: 0; left: 0; right: 0; position: fixed; background: rgba(47, 53, 64, 0.8); padding: 20px; }
.iti-mobile .intl-tel-input .country-list { max-height: 100%; width: calc(100% - (2 * 20px)); top: 50%; transform: translateY(-50%); }
.iti-mobile .intl-tel-input .country-list .country { padding: 10px 10px; line-height: 1.5em; }

.iti-flag { width: 20px; }
.iti-flag.be { width: 18px; }
.iti-flag.ch { width: 15px; }
.iti-flag.mc { width: 19px; }
.iti-flag.ne { width: 18px; }
.iti-flag.np { width: 13px; }
.iti-flag.va { width: 15px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-size: 5630px 15px; } }
.iti-flag.ac { height: 10px; background-position: 0px 0px; }
.iti-flag.ad { height: 14px; background-position: -22px 0px; }
.iti-flag.ae { height: 10px; background-position: -44px 0px; }
.iti-flag.af { height: 14px; background-position: -66px 0px; }
.iti-flag.ag { height: 14px; background-position: -88px 0px; }
.iti-flag.ai { height: 10px; background-position: -110px 0px; }
.iti-flag.al { height: 15px; background-position: -132px 0px; }
.iti-flag.am { height: 10px; background-position: -154px 0px; }
.iti-flag.ao { height: 14px; background-position: -176px 0px; }
.iti-flag.aq { height: 14px; background-position: -198px 0px; }
.iti-flag.ar { height: 13px; background-position: -220px 0px; }
.iti-flag.as { height: 10px; background-position: -242px 0px; }
.iti-flag.at { height: 14px; background-position: -264px 0px; }
.iti-flag.au { height: 10px; background-position: -286px 0px; }
.iti-flag.aw { height: 14px; background-position: -308px 0px; }
.iti-flag.ax { height: 13px; background-position: -330px 0px; }
.iti-flag.az { height: 10px; background-position: -352px 0px; }
.iti-flag.ba { height: 10px; background-position: -374px 0px; }
.iti-flag.bb { height: 14px; background-position: -396px 0px; }
.iti-flag.bd { height: 12px; background-position: -418px 0px; }
.iti-flag.be { height: 15px; background-position: -440px 0px; }
.iti-flag.bf { height: 14px; background-position: -460px 0px; }
.iti-flag.bg { height: 12px; background-position: -482px 0px; }
.iti-flag.bh { height: 12px; background-position: -504px 0px; }
.iti-flag.bi { height: 12px; background-position: -526px 0px; }
.iti-flag.bj { height: 14px; background-position: -548px 0px; }
.iti-flag.bl { height: 14px; background-position: -570px 0px; }
.iti-flag.bm { height: 10px; background-position: -592px 0px; }
.iti-flag.bn { height: 10px; background-position: -614px 0px; }
.iti-flag.bo { height: 14px; background-position: -636px 0px; }
.iti-flag.bq { height: 14px; background-position: -658px 0px; }
.iti-flag.br { height: 14px; background-position: -680px 0px; }
.iti-flag.bs { height: 10px; background-position: -702px 0px; }
.iti-flag.bt { height: 14px; background-position: -724px 0px; }
.iti-flag.bv { height: 15px; background-position: -746px 0px; }
.iti-flag.bw { height: 14px; background-position: -768px 0px; }
.iti-flag.by { height: 10px; background-position: -790px 0px; }
.iti-flag.bz { height: 14px; background-position: -812px 0px; }
.iti-flag.ca { height: 10px; background-position: -834px 0px; }
.iti-flag.cc { height: 10px; background-position: -856px 0px; }
.iti-flag.cd { height: 15px; background-position: -878px 0px; }
.iti-flag.cf { height: 14px; background-position: -900px 0px; }
.iti-flag.cg { height: 14px; background-position: -922px 0px; }
.iti-flag.ch { height: 15px; background-position: -944px 0px; }
.iti-flag.ci { height: 14px; background-position: -961px 0px; }
.iti-flag.ck { height: 10px; background-position: -983px 0px; }
.iti-flag.cl { height: 14px; background-position: -1005px 0px; }
.iti-flag.cm { height: 14px; background-position: -1027px 0px; }
.iti-flag.cn { height: 14px; background-position: -1049px 0px; }
.iti-flag.co { height: 14px; background-position: -1071px 0px; }
.iti-flag.cp { height: 14px; background-position: -1093px 0px; }
.iti-flag.cr { height: 12px; background-position: -1115px 0px; }
.iti-flag.cu { height: 10px; background-position: -1137px 0px; }
.iti-flag.cv { height: 12px; background-position: -1159px 0px; }
.iti-flag.cw { height: 14px; background-position: -1181px 0px; }
.iti-flag.cx { height: 10px; background-position: -1203px 0px; }
.iti-flag.cy { height: 13px; background-position: -1225px 0px; }
.iti-flag.cz { height: 14px; background-position: -1247px 0px; }
.iti-flag.de { height: 12px; background-position: -1269px 0px; }
.iti-flag.dg { height: 10px; background-position: -1291px 0px; }
.iti-flag.dj { height: 14px; background-position: -1313px 0px; }
.iti-flag.dk { height: 15px; background-position: -1335px 0px; }
.iti-flag.dm { height: 10px; background-position: -1357px 0px; }
.iti-flag.do { height: 13px; background-position: -1379px 0px; }
.iti-flag.dz { height: 14px; background-position: -1401px 0px; }
.iti-flag.ea { height: 14px; background-position: -1423px 0px; }
.iti-flag.ec { height: 14px; background-position: -1445px 0px; }
.iti-flag.ee { height: 13px; background-position: -1467px 0px; }
.iti-flag.eg { height: 14px; background-position: -1489px 0px; }
.iti-flag.eh { height: 10px; background-position: -1511px 0px; }
.iti-flag.er { height: 10px; background-position: -1533px 0px; }
.iti-flag.es { height: 14px; background-position: -1555px 0px; }
.iti-flag.et { height: 10px; background-position: -1577px 0px; }
.iti-flag.eu { height: 14px; background-position: -1599px 0px; }
.iti-flag.fi { height: 12px; background-position: -1621px 0px; }
.iti-flag.fj { height: 10px; background-position: -1643px 0px; }
.iti-flag.fk { height: 10px; background-position: -1665px 0px; }
.iti-flag.fm { height: 11px; background-position: -1687px 0px; }
.iti-flag.fo { height: 15px; background-position: -1709px 0px; }
.iti-flag.fr { height: 14px; background-position: -1731px 0px; }
.iti-flag.ga { height: 15px; background-position: -1753px 0px; }
.iti-flag.gb { height: 10px; background-position: -1775px 0px; }
.iti-flag.gd { height: 12px; background-position: -1797px 0px; }
.iti-flag.ge { height: 14px; background-position: -1819px 0px; }
.iti-flag.gf { height: 14px; background-position: -1841px 0px; }
.iti-flag.gg { height: 14px; background-position: -1863px 0px; }
.iti-flag.gh { height: 14px; background-position: -1885px 0px; }
.iti-flag.gi { height: 10px; background-position: -1907px 0px; }
.iti-flag.gl { height: 14px; background-position: -1929px 0px; }
.iti-flag.gm { height: 14px; background-position: -1951px 0px; }
.iti-flag.gn { height: 14px; background-position: -1973px 0px; }
.iti-flag.gp { height: 14px; background-position: -1995px 0px; }
.iti-flag.gq { height: 14px; background-position: -2017px 0px; }
.iti-flag.gr { height: 14px; background-position: -2039px 0px; }
.iti-flag.gs { height: 10px; background-position: -2061px 0px; }
.iti-flag.gt { height: 13px; background-position: -2083px 0px; }
.iti-flag.gu { height: 11px; background-position: -2105px 0px; }
.iti-flag.gw { height: 10px; background-position: -2127px 0px; }
.iti-flag.gy { height: 12px; background-position: -2149px 0px; }
.iti-flag.hk { height: 14px; background-position: -2171px 0px; }
.iti-flag.hm { height: 10px; background-position: -2193px 0px; }
.iti-flag.hn { height: 10px; background-position: -2215px 0px; }
.iti-flag.hr { height: 10px; background-position: -2237px 0px; }
.iti-flag.ht { height: 12px; background-position: -2259px 0px; }
.iti-flag.hu { height: 10px; background-position: -2281px 0px; }
.iti-flag.ic { height: 14px; background-position: -2303px 0px; }
.iti-flag.id { height: 14px; background-position: -2325px 0px; }
.iti-flag.ie { height: 10px; background-position: -2347px 0px; }
.iti-flag.il { height: 15px; background-position: -2369px 0px; }
.iti-flag.im { height: 10px; background-position: -2391px 0px; }
.iti-flag.in { height: 14px; background-position: -2413px 0px; }
.iti-flag.io { height: 10px; background-position: -2435px 0px; }
.iti-flag.iq { height: 14px; background-position: -2457px 0px; }
.iti-flag.ir { height: 12px; background-position: -2479px 0px; }
.iti-flag.is { height: 15px; background-position: -2501px 0px; }
.iti-flag.it { height: 14px; background-position: -2523px 0px; }
.iti-flag.je { height: 12px; background-position: -2545px 0px; }
.iti-flag.jm { height: 10px; background-position: -2567px 0px; }
.iti-flag.jo { height: 10px; background-position: -2589px 0px; }
.iti-flag.jp { height: 14px; background-position: -2611px 0px; }
.iti-flag.ke { height: 14px; background-position: -2633px 0px; }
.iti-flag.kg { height: 12px; background-position: -2655px 0px; }
.iti-flag.kh { height: 13px; background-position: -2677px 0px; }
.iti-flag.ki { height: 10px; background-position: -2699px 0px; }
.iti-flag.km { height: 12px; background-position: -2721px 0px; }
.iti-flag.kn { height: 14px; background-position: -2743px 0px; }
.iti-flag.kp { height: 10px; background-position: -2765px 0px; }
.iti-flag.kr { height: 14px; background-position: -2787px 0px; }
.iti-flag.kw { height: 10px; background-position: -2809px 0px; }
.iti-flag.ky { height: 10px; background-position: -2831px 0px; }
.iti-flag.kz { height: 10px; background-position: -2853px 0px; }
.iti-flag.la { height: 14px; background-position: -2875px 0px; }
.iti-flag.lb { height: 14px; background-position: -2897px 0px; }
.iti-flag.lc { height: 10px; background-position: -2919px 0px; }
.iti-flag.li { height: 12px; background-position: -2941px 0px; }
.iti-flag.lk { height: 10px; background-position: -2963px 0px; }
.iti-flag.lr { height: 11px; background-position: -2985px 0px; }
.iti-flag.ls { height: 14px; background-position: -3007px 0px; }
.iti-flag.lt { height: 12px; background-position: -3029px 0px; }
.iti-flag.lu { height: 12px; background-position: -3051px 0px; }
.iti-flag.lv { height: 10px; background-position: -3073px 0px; }
.iti-flag.ly { height: 10px; background-position: -3095px 0px; }
.iti-flag.ma { height: 14px; background-position: -3117px 0px; }
.iti-flag.mc { height: 15px; background-position: -3139px 0px; }
.iti-flag.md { height: 10px; background-position: -3160px 0px; }
.iti-flag.me { height: 10px; background-position: -3182px 0px; }
.iti-flag.mf { height: 14px; background-position: -3204px 0px; }
.iti-flag.mg { height: 14px; background-position: -3226px 0px; }
.iti-flag.mh { height: 11px; background-position: -3248px 0px; }
.iti-flag.mk { height: 10px; background-position: -3270px 0px; }
.iti-flag.ml { height: 14px; background-position: -3292px 0px; }
.iti-flag.mm { height: 14px; background-position: -3314px 0px; }
.iti-flag.mn { height: 10px; background-position: -3336px 0px; }
.iti-flag.mo { height: 14px; background-position: -3358px 0px; }
.iti-flag.mp { height: 10px; background-position: -3380px 0px; }
.iti-flag.mq { height: 14px; background-position: -3402px 0px; }
.iti-flag.mr { height: 14px; background-position: -3424px 0px; }
.iti-flag.ms { height: 10px; background-position: -3446px 0px; }
.iti-flag.mt { height: 14px; background-position: -3468px 0px; }
.iti-flag.mu { height: 14px; background-position: -3490px 0px; }
.iti-flag.mv { height: 14px; background-position: -3512px 0px; }
.iti-flag.mw { height: 14px; background-position: -3534px 0px; }
.iti-flag.mx { height: 12px; background-position: -3556px 0px; }
.iti-flag.my { height: 10px; background-position: -3578px 0px; }
.iti-flag.mz { height: 14px; background-position: -3600px 0px; }
.iti-flag.na { height: 14px; background-position: -3622px 0px; }
.iti-flag.nc { height: 10px; background-position: -3644px 0px; }
.iti-flag.ne { height: 15px; background-position: -3666px 0px; }
.iti-flag.nf { height: 10px; background-position: -3686px 0px; }
.iti-flag.ng { height: 10px; background-position: -3708px 0px; }
.iti-flag.ni { height: 12px; background-position: -3730px 0px; }
.iti-flag.nl { height: 14px; background-position: -3752px 0px; }
.iti-flag.no { height: 15px; background-position: -3774px 0px; }
.iti-flag.np { height: 15px; background-position: -3796px 0px; }
.iti-flag.nr { height: 10px; background-position: -3811px 0px; }
.iti-flag.nu { height: 10px; background-position: -3833px 0px; }
.iti-flag.nz { height: 10px; background-position: -3855px 0px; }
.iti-flag.om { height: 10px; background-position: -3877px 0px; }
.iti-flag.pa { height: 14px; background-position: -3899px 0px; }
.iti-flag.pe { height: 14px; background-position: -3921px 0px; }
.iti-flag.pf { height: 14px; background-position: -3943px 0px; }
.iti-flag.pg { height: 15px; background-position: -3965px 0px; }
.iti-flag.ph { height: 10px; background-position: -3987px 0px; }
.iti-flag.pk { height: 14px; background-position: -4009px 0px; }
.iti-flag.pl { height: 13px; background-position: -4031px 0px; }
.iti-flag.pm { height: 14px; background-position: -4053px 0px; }
.iti-flag.pn { height: 10px; background-position: -4075px 0px; }
.iti-flag.pr { height: 14px; background-position: -4097px 0px; }
.iti-flag.ps { height: 10px; background-position: -4119px 0px; }
.iti-flag.pt { height: 14px; background-position: -4141px 0px; }
.iti-flag.pw { height: 13px; background-position: -4163px 0px; }
.iti-flag.py { height: 11px; background-position: -4185px 0px; }
.iti-flag.qa { height: 8px; background-position: -4207px 0px; }
.iti-flag.re { height: 14px; background-position: -4229px 0px; }
.iti-flag.ro { height: 14px; background-position: -4251px 0px; }
.iti-flag.rs { height: 14px; background-position: -4273px 0px; }
.iti-flag.ru { height: 14px; background-position: -4295px 0px; }
.iti-flag.rw { height: 14px; background-position: -4317px 0px; }
.iti-flag.sa { height: 14px; background-position: -4339px 0px; }
.iti-flag.sb { height: 10px; background-position: -4361px 0px; }
.iti-flag.sc { height: 10px; background-position: -4383px 0px; }
.iti-flag.sd { height: 10px; background-position: -4405px 0px; }
.iti-flag.se { height: 13px; background-position: -4427px 0px; }
.iti-flag.sg { height: 14px; background-position: -4449px 0px; }
.iti-flag.sh { height: 10px; background-position: -4471px 0px; }
.iti-flag.si { height: 10px; background-position: -4493px 0px; }
.iti-flag.sj { height: 15px; background-position: -4515px 0px; }
.iti-flag.sk { height: 14px; background-position: -4537px 0px; }
.iti-flag.sl { height: 14px; background-position: -4559px 0px; }
.iti-flag.sm { height: 15px; background-position: -4581px 0px; }
.iti-flag.sn { height: 14px; background-position: -4603px 0px; }
.iti-flag.so { height: 14px; background-position: -4625px 0px; }
.iti-flag.sr { height: 14px; background-position: -4647px 0px; }
.iti-flag.ss { height: 10px; background-position: -4669px 0px; }
.iti-flag.st { height: 10px; background-position: -4691px 0px; }
.iti-flag.sv { height: 12px; background-position: -4713px 0px; }
.iti-flag.sx { height: 14px; background-position: -4735px 0px; }
.iti-flag.sy { height: 14px; background-position: -4757px 0px; }
.iti-flag.sz { height: 14px; background-position: -4779px 0px; }
.iti-flag.ta { height: 10px; background-position: -4801px 0px; }
.iti-flag.tc { height: 10px; background-position: -4823px 0px; }
.iti-flag.td { height: 14px; background-position: -4845px 0px; }
.iti-flag.tf { height: 14px; background-position: -4867px 0px; }
.iti-flag.tg { height: 13px; background-position: -4889px 0px; }
.iti-flag.th { height: 14px; background-position: -4911px 0px; }
.iti-flag.tj { height: 10px; background-position: -4933px 0px; }
.iti-flag.tk { height: 10px; background-position: -4955px 0px; }
.iti-flag.tl { height: 10px; background-position: -4977px 0px; }
.iti-flag.tm { height: 14px; background-position: -4999px 0px; }
.iti-flag.tn { height: 14px; background-position: -5021px 0px; }
.iti-flag.to { height: 10px; background-position: -5043px 0px; }
.iti-flag.tr { height: 14px; background-position: -5065px 0px; }
.iti-flag.tt { height: 12px; background-position: -5087px 0px; }
.iti-flag.tv { height: 10px; background-position: -5109px 0px; }
.iti-flag.tw { height: 14px; background-position: -5131px 0px; }
.iti-flag.tz { height: 14px; background-position: -5153px 0px; }
.iti-flag.ua { height: 14px; background-position: -5175px 0px; }
.iti-flag.ug { height: 14px; background-position: -5197px 0px; }
.iti-flag.um { height: 11px; background-position: -5219px 0px; }
.iti-flag.us { height: 11px; background-position: -5241px 0px; }
.iti-flag.uy { height: 14px; background-position: -5263px 0px; }
.iti-flag.uz { height: 10px; background-position: -5285px 0px; }
.iti-flag.va { height: 15px; background-position: -5307px 0px; }
.iti-flag.vc { height: 14px; background-position: -5324px 0px; }
.iti-flag.ve { height: 14px; background-position: -5346px 0px; }
.iti-flag.vg { height: 10px; background-position: -5368px 0px; }
.iti-flag.vi { height: 14px; background-position: -5390px 0px; }
.iti-flag.vn { height: 14px; background-position: -5412px 0px; }
.iti-flag.vu { height: 12px; background-position: -5434px 0px; }
.iti-flag.wf { height: 14px; background-position: -5456px 0px; }
.iti-flag.ws { height: 10px; background-position: -5478px 0px; }
.iti-flag.xk { height: 15px; background-position: -5500px 0px; }
.iti-flag.ye { height: 14px; background-position: -5522px 0px; }
.iti-flag.yt { height: 14px; background-position: -5544px 0px; }
.iti-flag.za { height: 14px; background-position: -5566px 0px; }
.iti-flag.zm { height: 14px; background-position: -5588px 0px; }
.iti-flag.zw { height: 10px; background-position: -5610px 0px; }

.iti-flag { width: 20px; height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("../img/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-image: url("../img/flags@2x.png"); } }

.iti-flag.np { background-color: transparent; }

.intl-tel-input2 { display: block; }
.intl-tel-input2 input, .intl-tel-input2 input[type="tel"] { border: 2px solid #d5d5d5; border-radius: 5px; color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; height: 2.8125rem; padding: 0.25rem 0.75rem; width: 100%; }
.intl-tel-input2 input:focus, .intl-tel-input2 input:hover, .intl-tel-input2 input[type="tel"]:focus, .intl-tel-input2 input[type="tel"]:hover { border-color: #bcbcbc; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); outline: none; }
.intl-tel-input2 .selected-flag { padding: 0 0 0 1rem; }
.intl-tel-input2 .separate-dial-code .selected-flag { background-color: transparent; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.intl-tel-input2 .separate-dial-code .selected-flag:focus { background: transparent; outline: none; }
.intl-tel-input2 .flag-container:hover .selected-dial-code { color: #454545; }
.intl-tel-input2 .invalid > .intl-tel-input > input:focus { border-color: transparent; }
.intl-tel-input2 .selected-flag .iti-arrow { border: none; margin-top: none; right: 20px; }
.intl-tel-input2 .selected-flag .iti-arrow:after { border-left: 0.125rem solid #bcbcbc; border-top: 0.125rem solid #bcbcbc; content: ''; height: 0.5rem; position: absolute; right: -11px; top: -6px; width: 0.5rem; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.intl-tel-input2 .separate-dial-code .selected-dial-code { color: #5d6470; font-size: 0.9375rem; }
.intl-tel-input2 .separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { width: 5.625rem; }
.intl-tel-input2 .country-list { border: 2px solid #d5d5d5; border-color: #bcbcbc; border-top: 0.0625rem solid #d5d5d5; box-shadow: 0px 18px 18px -15px rgba(0, 0, 0, 0.07), -18px 6px 18px -15px rgba(0, 0, 0, 0.07), 18px 6px 18px -15px rgba(0, 0, 0, 0.07); overflow: hidden; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.intl-tel-input2 .country-list .country-name, .intl-tel-input2 .country-list .dial-code { color: #5d6470; }
.intl-tel-input2 .country-list .divider { margin-bottom: 0; padding-bottom: 0; }
.intl-tel-input2 .selected-flag, .intl-tel-input2 .country-list .country { padding: 0.625rem 1rem; }
.intl-tel-input2 .country-list .country-name { color: #454545; font-size: 16px; }
.intl-tel-input2 .country-list .country.highlight { background-color: #e6eaee; }
.intl-tel-input2 .country-list .country.highlight .country-name, .intl-tel-input2 .country-list .country.highlight .dial-code { color: #5d6470; }
.intl-tel-input2 .separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input2 .separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] { padding-left: 5.6875rem; }
.intl-tel-input2 .intl-tel-input.allow-dropdown .flag-container:focus .selected-flag, .intl-tel-input2 .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: transparent; }
.intl-tel-input2 input.intl-tel-input2--open { border: 2px solid #d5d5d5; border-color: #bcbcbc; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.intl-tel-input2 input.intl-tel-input2--glow { border: 2px solid #d5d5d5; border-color: #bcbcbc; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }
.intl-tel-input2 .separate-dial-code .selected-flag.intl-tel-input2--open { border-bottom-left-radius: 0; }

.intl-tel-input2.iti-theme-tresta input:focus, .intl-tel-input2.iti-theme-tresta input:hover, .intl-tel-input2.iti-theme-tresta input[type="tel"]:focus, .intl-tel-input2.iti-theme-tresta input[type="tel"]:hover { border-color: #d5d5d5; }
.intl-tel-input2.iti-theme-tresta input.intl-tel-input2--glow, .intl-tel-input2.iti-theme-tresta input.intl-tel-input2--open { border-color: #d5d5d5; border-radius: 5px; }
.intl-tel-input2.iti-theme-tresta .country-list { border: 2px solid #d5d5d5; border-radius: 5px; padding: 0.4375rem 0; margin-top: 0.3125rem; }
.intl-tel-input2.iti-theme-tresta .selected-flag { padding: 0.5625rem; }
.intl-tel-input2.iti-theme-tresta .country-list .country { padding: 0.9375rem; padding-left: 0.6875rem; }
.intl-tel-input2.iti-theme-tresta .country-list .country .iti-flag, .intl-tel-input2.iti-theme-tresta .selected-flag .iti-flag { zoom: 120%; }
.intl-tel-input2.iti-theme-tresta .selected-flag .iti-arrow { right: 25px; }
.intl-tel-input2.iti-theme-tresta .separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { border-right: 2px solid #d5d5d5; height: calc(100% - 0.125rem); margin-top: 0.0625rem; padding: 0.5625rem; width: 6.3125rem; }
.intl-tel-input2.iti-theme-tresta .separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input2.iti-theme-tresta .separate-dial-code.allow-dropdown.iti-sdc-2 input[type="tel"] { padding-left: 7.1875rem; }
.intl-tel-input2.iti-theme-tresta .separate-dial-code .selected-dial-code { font-size: 16px; letter-spacing: -0.57px; line-height: 1.38; padding-left: 2rem; }
.intl-tel-input2.iti-theme-tresta .country-list .country.highlight { background-color: #f4f4f4; }
.intl-tel-input2.iti-theme-tresta .country-list .country.active { background-color: #e6eaee; }
.intl-tel-input2.iti-theme-tresta .country-list .country .country-name { padding-left: 0.5rem; }
.intl-tel-input2.iti-theme-tresta .separate-dial-code .selected-dial-code, .intl-tel-input2.iti-theme-tresta .country-list .country .country-name, .intl-tel-input2.iti-theme-tresta .country-list .country .dial-code, .intl-tel-input2.iti-theme-tresta .country-list .country.highlight .country-name, .intl-tel-input2.iti-theme-tresta .country-list .country.highlight .dial-code { color: #454545; font-size: 16px; }

.invalid .intl-tel-input2 input, .invalid .intl-tel-input2 input[type="tel"] { border-color: #fc4636; }
.invalid .country-list { border-top: 0.0625rem solid #fc4636; }

@media screen and (max-width: 960px) { .separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { width: 2.5rem; }
  .intl-tel-input2 .selected-flag, .intl-tel-input2 .country-list .country { padding: 0.625rem; }
  .selected-flag .iti-arrow { right: 5px; }
  .separate-dial-code.allow-dropdown.iti-sdc-2 input, .separate-dial-code.allow-dropdown.iti-sdc-2 input[type="tel"] { padding-left: 5rem; } }
.options-box { background-color: #f4f4f4; border-radius: 5px; display: flex; justify-content: space-between; }

.options-box__icon, .number-port__selector { height: 1.1875rem; margin-right: 0.5rem; }
.options-box__icon svg, .number-port__selector svg { height: 1.125rem; width: 1.1875rem; }
.options-box__icon .outer-ring, .number-port__selector .outer-ring { stroke: #868686; }
.options-box__icon .inner-eye, .number-port__selector .inner-eye { fill: #868686; fill-opacity: 0; }

.options-box__icon--selected .outer-ring, .number-port__selector--selected .outer-ring { stroke: #2696c6; }
.options-box__icon--selected .inner-eye, .number-port__selector--selected .inner-eye { fill: #2696c6; fill-opacity: 1; }

.options-box__text { font-size: 16px; }

.options-box__option { align-items: center; background-color: #f4f4f4; border: 0.125rem solid #f4f4f4; border-radius: 5px; color: #868686; cursor: pointer; display: flex; flex-grow: 1; height: 2.8125rem; justify-content: center; padding: 0.3125rem 0.625rem; }
.options-box__option:hover { background-color: #e6eaee; }
.options-box__option:hover .options-box__icon .inner-eye, .options-box__option:hover .number-port__selector .inner-eye { fill-opacity: 1; }

.options-box__option--disabled { color: #bcbcbc; cursor: not-allowed; }
.options-box__option--disabled:hover { color: #bcbcbc; }
.options-box__option--disabled:hover .options-box__icon .inner-eye, .options-box__option--disabled:hover .number-port__selector .inner-eye { fill-opacity: 0; }

.options-box__option--selected { background-color: #ffffff; color: #000000; }
.options-box__option--selected:hover { background-color: #ffffff; }

.options-box__option-backdrop { align-items: center; border-radius: 50%; display: flex; justify-content: center; left: 5px; position: absolute; transition: all 0.15s ease; width: 1.9375rem; height: 1.9375rem; }

.options-box__option--vertical { background-color: unset; border: none; color: #5d6470; height: 2.25rem; justify-content: unset; position: relative; }
.options-box__option--vertical .options-box__icon, .options-box__option--vertical .number-port__selector { align-items: center; display: flex; height: 1.875rem; margin-right: 0.75rem; }
.options-box__option--vertical .options-box__icon svg, .options-box__option--vertical .number-port__selector svg { width: 1.3125rem; height: 1.3125rem; }
.options-box__option--vertical .options-box__icon .outer-ring, .options-box__option--vertical .number-port__selector .outer-ring { stroke: #d5d5d5; }
.options-box__option--vertical:hover { background-color: unset; color: #5d6470; }
.options-box__option--vertical:hover .options-box__option-backdrop { background: rgba(213, 213, 213, 0.2); }
.options-box__option--vertical:hover .options-box__icon .outer-ring, .options-box__option--vertical:hover .number-port__selector .outer-ring { stroke: #d5d5d5; }
.options-box__option--vertical:hover .options-box__icon .inner-eye, .options-box__option--vertical:hover .number-port__selector .inner-eye { fill-opacity: 0; }
.options-box__option--vertical:active .options-box__option-backdrop { background: rgba(213, 213, 213, 0.4); }
.options-box__option--vertical:active .options-box__icon .inner-eye, .options-box__option--vertical:active .number-port__selector .inner-eye { fill-opacity: 1; }

.options-box__option--vertical.options-box__option--disabled { color: #bcbcbc; }
.options-box__option--vertical.options-box__option--disabled .options-box__icon .outer-ring, .options-box__option--vertical.options-box__option--disabled .number-port__selector .outer-ring { stroke: #d5d5d5; }
.options-box__option--vertical.options-box__option--disabled .options-box__icon .inner-eye, .options-box__option--vertical.options-box__option--disabled .number-port__selector .inner-eye { fill-opacity: 0; }

.options-box__option--vertical.options-box__option--selected { color: #5d6470; font-weight: 400; }
.options-box__option--vertical.options-box__option--selected .options-box__icon .outer-ring, .options-box__option--vertical.options-box__option--selected .number-port__selector .outer-ring { stroke: #d5d5d5; }
.options-box__option--vertical.options-box__option--selected .options-box__icon .inner-eye, .options-box__option--vertical.options-box__option--selected .number-port__selector .inner-eye { fill: #5d6470; fill-opacity: 1; }
.options-box__option--vertical.options-box__option--selected:hover .options-box__icon .inner-eye, .options-box__option--vertical.options-box__option--selected:hover .number-port__selector .inner-eye { fill-opacity: 1; }

.analytics-sidebar__options-box .options-box__option--vertical { color: #454545; flex-direction: row-reverse; font-weight: 400; height: 2.625rem; justify-content: space-between; letter-spacing: -0.54px; line-height: 1.07; padding-left: 0.875rem; padding-right: 0; }
.analytics-sidebar__options-box .options-box__option--vertical:hover { background-color: #e6eaee; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.analytics-sidebar__options-box .options-box__option--vertical:hover .inner-eye { fill-opacity: 0; }
.analytics-sidebar__options-box .options-box__option--vertical.options-box__option--selected:hover .inner-eye { fill-opacity: 1; }
.analytics-sidebar__options-box .options-box__option { cursor: pointer; }
.analytics-sidebar__options-box .options-box__option-backdrop { display: none; }
.analytics-sidebar__options-box .options-box__option--vertical .options-box__icon, .analytics-sidebar__options-box .options-box__option--vertical .number-port__selector { margin-right: 1.125rem; }
.analytics-sidebar__options-box .options-box__option--vertical .options-box__text { font-size: 0.9375rem; }

.invalid .options-box__option--vertical .options-box__icon .outer-ring, .invalid .options-box__option--vertical .number-port__selector .outer-ring { stroke: #fc4636; }

.answer-timeout { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; padding-bottom: 0.4375rem; white-space: nowrap; }

.answer-timeout__selector { align-items: center; cursor: pointer; display: flex; flex-direction: row; justify-content: flex-start; }

.answer-timeout__label, .answer-timeout__selector-text { color: #454545; font-size: 16px; letter-spacing: -0.32px; line-height: 1.38; }

.answer-timeout__selector-text { color: #3490d5; }

.answer-timeout__selector-icon { fill: #d5d5d5; margin-bottom: -0.25rem; width: 1.5rem; height: 1.5rem; }

.answer-timeout__selector-icon--inverted { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.answer-timeout__popup { background-color: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; bottom: 4.6875rem; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); padding: 0.4375rem 0; position: absolute; right: 8.6875rem; width: 8rem; }

.answer-timeout__item { align-items: center; color: #454545; cursor: pointer; display: flex; font-size: 16px; font-weight: 500; height: 2rem; letter-spacing: -0.32px; line-height: 1.625rem; padding: 0 0.8125rem; }
.answer-timeout__item:hover { background-color: #f4f4f4; }

.answer-timeout__item--selected { background-color: #e6eaee; }
.answer-timeout__item--selected:hover { background-color: #e6eaee; }

.answer-timeout__backdrop { height: 100%; left: 0; position: fixed; top: 0; width: 100%; }

.call-details { display: flex; flex-wrap: wrap; font-family: "Circular", "Helvetica", "Arial", sans-serif; opacity: 0; transition: opacity 0.75s ease; }

.call-details--fade-in { opacity: 1; }

.call-details__location, .call-details__call-flow { display: flex; flex-direction: column; margin-bottom: 0.625rem; width: 100%; }

.call-details__form-submission, .call-details__recipients, .call-details__recording, .call-details__voicemail { border-bottom: 0.0625rem solid #f4f7fa; display: flex; flex-direction: column; padding-bottom: 1.125rem; width: 100%; }

.call-details__id-header, .call-details__location-header, .call-details__recording-header, .call-details__voicemail-header, .call-details__form-submission-header, .call-details__recipients-header, .call-details__subscribers-header { color: #454545; font-size: 16px; font-weight: 500; margin-top: 1.5625rem; letter-spacing: -0.57px; line-height: 1.0625rem; }

.call-details__id-header { margin-top: 0rem; }

.call-details__location-map { margin-top: 0.875rem; }
.call-details__location-map img { border-radius: 4px; width: 100%; }

.call-details__location-map--empty { align-items: center; background: #f4f4f4; border-radius: 0.1875rem; display: flex; height: 2.625rem; justify-content: center; margin-bottom: 1rem; margin-top: 2rem; width: 100%; }

.call-details__recording-row, .call-details__voicemail-row { align-items: flex-end; display: flex; flex-direction: row; justify-content: space-between; }

.call-details__voicemail-text, .call-details__recording-text { color: #808795; font-size: 13px; font-weight: 400; letter-spacing: -0.32px; line-height: normal; }

.call-details__recording-row-audio, .call-details__voicemail-row-audio { display: flex; flex-direction: row; height: 3.125rem; width: 100%; }

.call-details__recording-audio-controls, .call-details__voicemail-audio-controls { margin-top: 1.125rem; width: 100%; }

.call-details__audio-commands { align-self: flex-end; color: #808795; display: flex; font-size: 16px; font-weight: normal; justify-content: flex-end; line-height: 1.0625rem; margin-top: 1.375rem; min-height: 1.75rem; width: 100%; }

.call-details__audio-status, .call-details__audio-delete, .call-details__audio-download { cursor: pointer; display: flex; margin-left: 2.5625rem; }
.call-details__audio-status:hover, .call-details__audio-delete:hover, .call-details__audio-download:hover { color: #5d6470; }

.call-details__form-submission, .call-details__recipients, .call-details__subscribers { display: flex; flex-direction: column; width: 100%; }

.call-details__form-submission-header, .call-details__recipients-header, .call-details__subscribers-header { margin-bottom: 0.6875rem; }

.call-details__form-submission-list, .call-details__recipients-list, .call-details__subscribers-list { display: flex; flex-direction: column; }

.call-details-form-submission__empty { color: #868686; font-size: 16px; font-weight: 400; margin-top: 0.625rem; }

.call-details-form-response { display: flex; flex-direction: column; margin-bottom: 0.5rem; margin-left: 0.75rem; min-height: 3.4375rem; }

.call-details-recipient { align-items: center; display: flex; height: 2rem; }

.call-details-recipient__text { color: #868686; font-size: 16px; font-weight: 400; }

.call-details-subscriber { align-items: center; display: flex; height: 3.4375rem; }

.call-details-form-response__name, .call-details-subscriber__name { color: #454545; font-size: 15px; font-weight: 500; letter-spacing: -0.5px; line-height: 2.1875rem; }

.call-details-form-response__text { color: #808795; font-size: 13px; font-weight: 400; letter-spacing: -0.54px; line-height: 1rem; }

.call-details__separator { background: #f4f7fa; border-radius: 5px; height: 0.125rem; margin-bottom: 0.25rem; margin-top: 0.25rem; width: 100%; }

.call-details__end { display: flex; justify-content: space-between; margin-top: 1.5625rem; width: 100%; }

.call-details__id { display: flex; flex-direction: column; }

.call-details__id-content { align-items: center; display: flex; flex-basis: 40%; margin-top: 0.625rem; position: relative; }

.call-details__collapse { align-items: flex-end; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; width: 100%; }

.call-details__text { color: #868686; font-size: 15px; font-weight: normal; height: 1.25rem; letter-spacing: -0.3px; line-height: 1.47; }

.call-details__icon { align-items: center; cursor: pointer; display: flex; fill: #868686; width: 1.5rem; height: 1.5rem; }

.call-details__expandable-area { cursor: pointer; height: 100%; flex-basis: 60%; }

@media screen and (max-width: 1200px) { .call-details__location-map img { width: 100%; } }
.analytics__grid, .analytics-summary__grid { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: -0.5px; overflow: hidden; }

.analytics__grid-body, .analytics-summary__grid-body { background: #ffffff; color: #454545; overflow: hidden; }

.analytics-list__grid-body-cell-status, .analytics-list__grid-body-cell-duration, .analytics-summary__grid-body-cell { color: #454545; font-size: 14px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: -0.32px; line-height: 1.57; }

.analytics .interior-shell__scrollable-content { max-height: calc(100vh - 82px); min-height: calc(100vh - 82px); padding: 0 1.875rem; }

.analytics-header__warning-message { background: #fffae6; border: 2px solid #f7f1d5; border-radius: 0.125rem; color: #7d6b4b; display: inline-block; font-size: 13px; line-height: 1.125rem; margin-top: 1.25rem; padding: 0.875rem; width: 100%; }

.analytics-section-content { padding: 0; }

.analytics__grid-row { flex-direction: column; height: 2.875rem; }
.analytics__grid-row:hover { background-color: #f4f7fa; border-radius: 4px; }

.analytics-list__grid-row--expanded { border-radius: 4px; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.19); }
.analytics-list__grid-row--expanded:hover { background-color: #ffffff; padding-top: 0; z-index: 2; }

.analytics__grid-row--unset-height { height: unset; }

.analytics__grid-row:hover .analytics__grid-row-data { background-color: #f4f7fa; }
.analytics__grid-row:last-child .analytics__grid-row-divider--bottom { background-color: #f4f4f4; display: block; }
.analytics__grid-row:last-child:hover .analytics__grid-row-divider--bottom { background-color: transparent; }

.analytics__grid-row + .analytics__grid-row .analytics__grid-row-divider { background-color: #f4f4f4; display: block; }
.analytics__grid-row + .analytics__grid-row .analytics__grid-row-divider--bottom { display: none; }

.analytics__grid-row + .analytics__grid-row:last-child .analytics__grid-row-divider--bottom { display: block; }

.analytics__grid-row:hover + .analytics__grid-row .analytics__grid-row-divider { background-color: transparent; }
.analytics__grid-row:hover + .analytics__grid-row .analytics__grid-row-divider--bottom { background-color: #f4f4f4; }

.analytics__grid-row + .analytics__grid-row:hover .analytics__grid-row-divider { background-color: transparent; }

.analytics__grid-row-divider { background-color: transparent; border-radius: 0.0625rem; display: none; height: 0.125rem; width: 100%; }

.analytics__grid-row-divider--visible { background-color: #f4f4f4; display: block; }

.analytics__grid-row-divider--bottom { display: none; }

.analytics-header { background-color: #ffffff; margin-left: -30px; max-width: 52rem; width: calc(100% + 60px); top: -1px; z-index: 4; position: -webkit-sticky; position: sticky; }

.analytics-header--first { top: 0; }

.analytics-header__container { display: flex; flex-direction: column; padding: 0 30px; }

.analytics-header__title-container { align-items: center; display: flex; height: 3.75rem; justify-content: space-between; }

.analytics-header__title { color: #454545; font-size: 22px; font-stretch: normal; font-style: normal; font-weight: 500; letter-spacing: -0.83px; line-height: normal; }

.analytics-header__options { display: flex; }

.analytics-header__option, .analytics-header__download { border-bottom: 0.125rem transparent; color: #868686; cursor: pointer; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.5px; padding-bottom: 0.4375rem; }

.analytics-header__download { fill: #808795; margin-left: 1.6875rem; }
.analytics-header__download:hover { fill: #2b2b2b; }

.analytics-header__option + .analytics-header__option { margin-left: 1.25rem; }

.analytics-header__option--selected { border-bottom: 0.125rem solid #2b2b2b; border-radius: 0.0625rem; color: #2b2b2b; }

.analytics-header__bottom-border { background-color: #f4f4f4; border-radius: 0.0625rem; height: 0.125rem; width: 100%; }

@media screen and (max-width: 1200px) { .analytics .interior-shell__scrollable-content { margin-top: 0.625rem; } }
.analytics-graph__spinner { position: relative; top: 6.25rem; }

.analytics-graph__container { max-width: 50.3125rem; padding-top: 2.5rem; }

.analytics-graph__chart-container { max-height: 31.25rem; max-width: 50.3125rem; position: relative; }

.analytics-graph__empty-notice-container { color: #454545; flex-direction: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 500; position: absolute; width: 100%; }

.analytics-graph__empty-notice-header { color: #868686; font-size: 16px; font-weight: 400; padding-top: 1.5625rem; }

.analytics-graph__legend { padding-top: 1rem; text-align: center; width: 100%; }

.analytics-graph__legend ul { display: flex; }

.analytics-graph__legend-item { cursor: pointer; padding: 0 0.75rem; }

.analytics-graph__legend-item-text { color: #5d6470; font-size: 0.8125rem; padding-left: 0.25rem; }

.analytics-graph__legend-inbound-icon { fill: #2696c6; }

.analytics-graph__legend-outbound-icon { fill: #5d6470; }

.analytics-graph__legend-total-icon { fill: #d5d5d5; }

.analytics-graph__legend-icon--disabled { fill: #dedede; }

.analytics-graph__legend-text--disabled { color: #dedede; }

.analytics-graph__legend-item-text--unselected { text-decoration: line-through; }

.analytics-chart__tooltip { align-items: center; background-color: #2b2b2b; border-radius: 5px; color: #ffffff; display: flex; flex-direction: column; min-width: 12.5rem; padding: 0.875rem; position: relative; top: 10px; width: max-content; }

.analytics-chart__tooltip--above { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.analytics-chart__tooltip-caret { align-items: center; border-bottom: 10px solid #2b2b2b; border-left: 10px solid transparent; border-right: 10px solid transparent; display: flex; flex-direction: column; height: 0; position: absolute; width: 0; }

.analytics-chart__tooltip-caret--above { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.analytics-chart__tooltip-header-text { align-self: flex-start; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 12px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: -0.43px; line-height: 1.38; }

.analytics-chart__tooltip-body { align-self: flex-start; display: flex; flex-direction: column; margin-top: 0.6875rem; width: fit-content; }

.analytics-chart__tooltip-body-text { font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 14px; font-stretch: normal; font-style: normal; font-weight: 400; letter-spacing: -0.54px; line-height: 1.38; }

.analytics-chart__tooltip-divider { border: 0.0625rem solid #ffffff; border-radius: 0.0625rem; height: 0.125rem; margin: 0.25rem 0; }

.analytics-list__header { background: #ffffff; z-index: 1; }

.analytics-list__spinner { height: 6.25rem; position: relative; }

.analytics-list__grid { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: -0.5px; padding-bottom: 0.75rem; }

.analytics-list__grid-body-cell { display: flex; flex: 1; }

.analytics-list__grid-body-cell-from, .analytics-list__grid-body-cell-to { max-width: 15.375rem; min-width: 11.625rem; }

.analytics-list__grid-body-cell-status { justify-content: flex-start; max-width: 4.625rem; min-width: 4.625rem; }

.analytics-list__grid-body-cell-duration { justify-content: flex-start; max-width: 4.5625rem; min-width: 4.5625rem; }

.analytics-list__grid-body-cell-date { align-items: flex-end; flex-direction: column; justify-content: center; max-width: 6.4375rem; min-width: 5.8125rem; }

.analytics-list__grid-row-data { border-radius: 5px; color: #868686; display: flex; flex-direction: column; font-size: 16px; overflow: hidden; padding: 0.5rem 1rem; pointer-events: auto; width: 100%; }

.analytics-list__grid-row-summary { cursor: pointer; display: flex; }

.analytics-list__grid-row--bold { color: #454545; font-size: 15px; font-weight: 500; letter-spacing: -0.54px; line-height: 1.3125rem; }

.analytics-list__grid-row--empty { color: #868686; padding: 1.875rem 0 1.875rem 0; font-size: 16px; font-weight: 400; line-height: 1.875rem; text-align: center; }

.analytics-list__from, .analytics-list__to { align-items: center; display: flex; }

.analytics-list__from-icon, .analytics-list__from-user, .analytics-list__to-icon, .analytics-list__to-user { display: inline-block; margin-right: 0.75rem; }

.analytics-list__from-contact, .analytics-list__to-contact { margin-right: 0.75rem; }

.analytics-list__to-group { display: inline-block; width: 3.9375rem; }

.analytics-list__from-metadata, .analytics-list__to-metadata { display: flex; flex-direction: column; justify-content: center; max-width: 11.875rem; }

.analytics-list__fromName, .analytics-list__toName { display: inline-block; }

.analytics-list__fromName { width: 7.75rem; }

.analytics-list__toName { width: 7.75rem; }

.analytics-list__from-line-1, .analytics-list__to-line-1 { color: #454545; display: flex; font-size: 15px; letter-spacing: -0.54px; max-width: inherit; }

.analytics-list__from-line-2, .analytics-list__to-line-2, .analytics-list__time { color: #868686; display: flex; font-size: 13px; letter-spacing: -0.5px; line-height: normal; max-width: inherit; }

.analytics-list_loading { height: 6.25rem; margin-left: auto; margin-right: auto; width: 6.25rem; }
.analytics-list_loading .available-numbers-loading-blockout { background: #ffffff; height: 3.125rem; width: 3.125rem; }

.analytics-list__call-detail { min-height: 18.75rem; position: relative; transition: opacity 0.5s ease; }

.analytics-list__call-details { display: flex; min-height: 18.75rem; padding-bottom: 1.5625rem; width: 100%; }
.analytics-list__call-details .call-details { margin-top: 0.125rem; width: 100%; }

@media screen and (max-width: 1200px) { .analytics-list__header--sticky { top: 0; z-index: 4; position: -webkit-sticky; position: sticky; }
  .analytics-list__from-metadata, .analytics-list__to-metadata { margin-right: 0.625rem; max-width: 8.4375rem; width: 8.4375rem; }
  .analytics-list__fromName, .analytics-list__toName { width: 7.625rem; } }
.analytics-sidebar { display: flex; flex-direction: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: calc(100vh - 82px); padding-top: 1.25rem; width: 100%; max-width: 18rem; min-width: 15rem; }

.analytics-sidebar__header { align-items: center; background-color: #e6eaee; display: flex; height: 2rem; justify-content: space-between; margin-bottom: 1.25rem; padding: 0 1.5rem 0 0.75rem; top: 0; width: 100%; z-index: 4; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; position: -webkit-sticky; position: sticky; }

.analytics-sidebar__header-text { color: #5d6470; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }

.analytics-sidebar__header-button { align-items: center; background-color: #808795; border: solid 0.0625rem #e6eaee; border-radius: 25px; color: #ffffff; display: flex; font-size: 13px; font-weight: normal; height: 1.5rem; justify-content: center; letter-spacing: -0.3px; line-height: 1.13; padding: 0 0.1875rem 0 0.25rem; width: 4.125rem; }
.analytics-sidebar__header-button:hover { background-color: #5d6470; }

.analytics-sidebar__header-button-spinner { display: flex; fill: #ffffff; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); }

.analytics-sidebar__spinner { height: 12.5rem; position: relative; top: 100%; }

.analytics-sidebar__content { flex-direction: column; opacity: 0; padding-bottom: 15rem; transition: opacity 0.5s ease; width: 100%; max-width: 18rem; min-width: 15rem; }

.analytics-sidebar__content--loaded { opacity: 1; }

.analytics-sidebar__section { margin-bottom: 1.25rem; width: 100%; }
.analytics-sidebar__section .select--max-width { max-width: 12.8125rem; min-width: 100%; }

.analytics-sidebar__label-row { align-items: center; display: flex; justify-content: space-between; }

.analytics-sidebar__label { margin-top: 0.625rem; margin-bottom: 0.4375rem; padding-left: 0.75rem; }

.analytics-sidebar__info-icon { display: flex; fill: #d5d5d5; margin-right: 1.25rem; }
.analytics-sidebar__info-icon:hover { fill: #868686; }

.analytics-sidebar__show-selection { margin-top: 0.75rem; width: 100%; }

.analytics-sidebar__form-separator { background-color: #e6eaee; height: 0.125rem; margin-left: 0.75rem; margin-right: 1.125rem; }

.analytics-sidebar__during-custom-date { display: flex; justify-content: space-between; margin: 1.25rem 1.125rem 0 0.75rem; }

.analytics-sidebar__during-dropdown { margin-left: 0.75rem; margin-right: 1.125rem; }

.analytics-sidebar__from-to-items-selection { margin-top: 1.25rem; }

.analytics-sidebar__separator { background-color: #e6eaee; height: 0.125rem; margin-left: 0.75rem; margin-right: 1.125rem; }

@media screen and (max-width: 1200px) { .analytics-sidebar { position: relative; }
  .analytics-sidebar__section .select--max-width { max-width: 9.875rem; } }
.analytics-totals { margin: 1.25rem 0; }

.analytics-totals__container { align-items: center; display: flex; justify-content: space-between; }

.analytics-totals__item { flex: 0 0 16%; flex-direction: column; }

.analytics-totals__divider { background-color: #f4f4f4; border-radius: 0.0625rem; height: 5rem; width: 0.125rem; }
.analytics-totals__divider:last-child { display: none; }

.analytics-totals__item-value { color: #454545; font-size: 2rem; font-stretch: normal; font-style: normal; font-weight: 500; letter-spacing: -0.32px; line-height: normal; }

.analytics-totals__item-title { color: #5d6470; font-size: -0.5px; font-stretch: normal; font-style: normal; font-weight: 500; letter-spacing: 0.46px; line-height: normal; text-transform: uppercase; }

.analytics-summary__divider { background-color: #f4f4f4; border-radius: 0.0625rem; display: inline-block; height: 0.125rem; margin-top: 0.9375rem; width: 100%; }

.analytics-summary__header { background: #ffffff; z-index: 1; }

.analytics-summary__spinner { height: 6.25rem; position: relative; }

.analytics-summary__calls .analytics__grid-row { align-items: flex-start; }

.analytics-summary__grid-body-cell-name--clickable { cursor: pointer; }

.analytics-summary__grid-row-data { align-items: center; border-radius: 5px; display: flex; flex-direction: row; height: 2.875rem; justify-content: flex-start; line-height: 1.875rem; padding: 0 1rem; width: 100%; }

.analytics-summary__grid-body-cell { flex: 1; }

.analytics-summary__grid-body-cell-phone-number { margin-right: 0.25rem; max-width: 8.0625rem; min-width: 7.875rem; }

.analytics-summary__grid-body-cell-calls { max-width: 3.75rem; min-width: 3.5625rem; }

.analytics-summary__grid-body-cell-outbound { max-width: 5.8125rem; min-width: 3.1875rem; }

.analytics-summary__grid-body-cell-inbound { max-width: 5.0625rem; min-width: 2.4375rem; }

.analytics-summary__grid-body-cell-answered { max-width: 5.8125rem; min-width: 5.625rem; }

.analytics-summary__grid-body-cell-missed { max-width: 4.6875rem; min-width: 4.5rem; }

.analytics-summary__grid-body-cell-inbox { max-width: 4.0625rem; min-width: 3.875rem; }

.analytics-summary__grid-body-cell-duration { max-width: 5.1875rem; min-width: 5rem; }

.analytics-summary__grid-body-cell-average { max-width: 5.3125rem; min-width: 3.6875rem; }

.analytics-summary__grid-body-cell-phone-number--minutes { max-width: 8.5625rem; min-width: 7.75rem; }

.analytics-summary__grid-body-cell-calls--minutes { max-width: 5.5rem; min-width: 4.6875rem; }

.analytics-summary__grid-body-cell-outbound--minutes { max-width: 6.3125rem; min-width: 3.8125rem; }

.analytics-summary__grid-body-cell-inbound--minutes { max-width: 5.5625rem; min-width: 3.8125rem; }

.analytics-summary__grid-body-cell-answered--minutes { max-width: 6.3125rem; min-width: 5.5rem; }

.analytics-summary__grid-body-cell-missed--minutes { max-width: 5.1875rem; min-width: 4.375rem; }

.analytics-summary__grid-body-cell-inbox--minutes { max-width: 5.125rem; min-width: 4.25rem; }

.analytics-summary__grid-body-cell-duration--minutes { max-width: 4.4375rem; min-width: 4.0625rem; }

.analytics-summary__grid-row--empty { color: #868686; font-size: 16px; font-weight: 400; line-height: 1.875rem; padding: 1.875rem 0 1.875rem 0; text-align: center; }

.analytics-summary__avatar-and-name { align-items: center; display: flex; line-height: normal; }

.analytics-summary__name { color: #6a6a6a; font-size: 14px; max-width: 8.0625rem; text-align: left; width: 100%; }

@media screen and (max-width: 1200px) { .analytics-summary__name { max-width: 7.875rem; } }
.schedule-list-item.common-list-item__block { cursor: pointer; flex-direction: column; height: 100%; min-height: 76px; }

.schedule-list-item.common-list-item__block--disabled { cursor: unset; }

.schedule-list-item__metadata { display: flex; width: 100%; }

.schedule-list-item__map { display: flex; width: 100%; }

.add-schedule { display: flex; flex-direction: column; }

.add-schedule .error-tooltip { width: inherit; }

.add-schedule__form-container { width: 480px; }

.add-schedule__name-container, .schedule-range__days-container { min-height: 5.8125rem; }
.add-schedule__name-container .error-tooltip, .schedule-range__days-container .error-tooltip { width: 480px; }

.add-schedule__input .text-box .text-box__input { width: 480px; }

.add_schedule__error-message { margin-bottom: 1.25rem; }

.add-schedule__label { margin-bottom: 0.4375rem; }

.add-schedule__range-label, .add-schedule__map-label { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 700; margin-bottom: 0.4375rem; }

.add-schedule__range-container, .add-schedule__range-custom { display: flex; flex-direction: column; }

.add-schedule__range-add-another { margin-top: 0.625rem; }

.add-schedule__range-default { margin-top: 2.5rem; }

.schedule-range { display: flex; flex-direction: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 100%; padding: 1.25rem; position: relative; width: 480px; }

.schedule-range__item + .schedule-range__item { margin-top: 1rem; }

.schedule-range__header { display: flex; justify-content: space-between; margin-bottom: 1.5rem; }

.schedule-range__delete { margin-right: -0.625rem; margin-top: -0.625rem; }

.schedule-range__label { margin-bottom: 0.4375rem; }

.schedule-range__name-textbox-control { position: relative; }
.schedule-range__name-textbox-control input { width: 25.875rem; border: none; }
.schedule-range__name-textbox-control input[type="text"]:focus { box-shadow: none; }

.schedule-range__name-textbox-indicator { border-radius: 4px; position: absolute; right: 10px; top: 10px; width: 1.625rem; height: 1.625rem; }

.schedule-range__name-textbox-input .text-box .text-box__input { padding-right: 2.5rem; }

.schedule-range__days-selector { display: flex; flex-direction: row; width: max-content; }

.schedule-range__day, .schedule-range__day--first, .schedule-range__day--last { background: #f4f7fa; color: #808795; cursor: pointer; font-size: 14px; font-weight: 700; min-width: 2.5rem; width: 2.5rem; height: 2.5rem; }
.schedule-range__day:hover, .schedule-range__day--first:hover, .schedule-range__day--last:hover { background: #e6eaee; }

.schedule-range__day--first { -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.schedule-range__day--last { -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.schedule-range__day--selected { background: #67b5d7; color: #ffffff; }
.schedule-range__day--selected:hover { background: #165a76; }

.schedule-range__time-container { display: flex; flex-wrap: wrap; min-height: 5.8125rem; }
.schedule-range__time-container .error-tooltip { width: 18.75rem; }

.schedule-range__time-controls { display: flex; flex-direction: column; }

.schedule-range__time-start-container, .schedule-range__time-end-container { display: flex; }

.schedule-range__time-start, .schedule-range__time-end { width: 8rem; }

.schedule-range__time-start { margin-right: 0.875rem; }

.schedule-range__timezone { align-self: center; color: #454545; font-size: 16px; letter-spacing: -0.32px; line-height: normal; margin-left: 0.75rem; }

.schedule-range__routing-content { width: 25.875rem; }

.schedule-range__routing-content-error { margin-top: -1.125rem; }

.schedule-range__routing-content .route-to__warning-box { padding-bottom: 1.25rem; }

.schedule-range__default-range-header { display: flex; margin-bottom: 1.25rem; }

.schedule-range__default-range-language { color: #2b2b2b; font-size: 16px; letter-spacing: -0.32px; line-height: 1.38; margin-bottom: 1.25rem; width: 100%; }

.add-schedule__map-container { margin-top: 2.5rem; }

.add-schedule__map-container .schedule-map__header { width: 29.25rem; }

.add-schedule__map-container .schedule-map__day-label { width: 3.625rem; }

@media screen and (max-width: 1200px) { .schedule-map__legend { margin-top: 1.25rem; }
  .schedule-map__legend-item { margin-left: 0; } }
.filter-menu { align-items: center; display: flex; height: 100%; margin-top: 1.75rem; width: 100%; }

.filter-menu--with-pills { margin-top: 1.0625rem; }

.filter-menu__filter-icon { cursor: pointer; fill: #808795; height: 15px; position: absolute; left: 10px; width: 15px; }

.filter-menu__filter-icon--expanded { fill: #5d6470; }

.filter-menu__filter-icon--disabled { cursor: default; pointer-events: none; }

.filter-menu__sort { display: none; transition: all 0.15s ease; }

.filter-menu__sort--expanded { display: contents; }

.filter-menu__popup { background-color: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); padding: 0.4375rem 0 0.4375rem; position: absolute; right: 0; top: 100px; width: 100%; z-index: 999; }
.filter-menu__popup .os-scrollbar { z-index: 1000; }

.filter-menu-popup__header { color: #808795; font-weight: 500; line-height: normal; padding: 0.9375rem 1.5rem; }

.filter-menu-popup__label { color: #454545; font-size: 16px; font-weight: bold; letter-spacing: -0.32px; max-width: 12.5rem; text-transform: capitalize; }

.filter-menu__option { align-items: center; display: flex; font-weight: normal; height: 3rem; justify-content: space-between; padding: 0 1.5625rem; position: relative; transition: color 80ms; }
.filter-menu__option .options-box__icon, .filter-menu__option .number-port__selector { align-items: center; display: flex; flex-direction: column; justify-content: center; margin-right: 0; }
.filter-menu__option .options-box__icon svg, .filter-menu__option .number-port__selector svg { width: 1.3125rem; height: 1.3125rem; }
.filter-menu__option .options-box__icon .outer-ring, .filter-menu__option .number-port__selector .outer-ring { stroke: #d5d5d5; }
.filter-menu__option:hover { background-color: #f4f4f4; cursor: pointer; }
.filter-menu__option:hover .options-box__option-backdrop { background: rgba(213, 213, 213, 0.2); }
.filter-menu__option:hover .options-box__icon .outer-ring, .filter-menu__option:hover .number-port__selector .outer-ring { stroke: #d5d5d5; }
.filter-menu__option:active { background-color: #e6eaee; }
.filter-menu__option:active .options-box__option-backdrop { background: rgba(213, 213, 213, 0.4); }

.filter-menu__checkbox-option { height: 3.5rem; }

.filter-menu-option__text { color: #454545; font-size: 16px; font-weight: normal; letter-spacing: -0.32px; line-height: 1.19; text-transform: capitalize; width: 100%; }

.filter-menu-option__metas-container { display: flex; flex-direction: column; }

.filter-menu-option__meta1 { color: #2f3641; font-size: 15px; font-weight: bold; line-height: 1.2; letter-spacing: -0.5px; width: 175px; }

.filter-menu-option__meta2 { color: #868686; font-size: 13px; font-weight: normal; line-height: normal; letter-spacing: -0.32px; padding-top: 0.25rem; width: 175px; }

.filter-menu__option.filter-menu__option--selected .options-box__icon .outer-ring, .filter-menu__option.filter-menu__option--selected .number-port__selector .outer-ring { stroke: #d5d5d5; }
.filter-menu__option.filter-menu__option--selected .options-box__icon .inner-eye, .filter-menu__option.filter-menu__option--selected .number-port__selector .inner-eye { fill: #5d6470; fill-opacity: 1; }

.filter-menu__filter-pills { cursor: grab; display: flex; margin-left: 2.5rem; overflow-x: hidden; }

.filter-menu__pill { align-items: center; border: solid 1px #d5d5d5; border-radius: 11px; display: flex; height: 1.375rem; margin-right: 0.4375rem; padding: 0.125rem 0.3125rem; width: max-content; }

.filter-menu__pill-content { display: flex; justify-content: center; width: max-content; }

.filter-menu__pill-icon ._svg-icon { fill: #808795; }

.filter-menu__pill-label { color: #454545; height: 14px; margin: 0.125rem 0.125rem 0 0.125rem; font-size: 12px; font-weight: 500; letter-spacing: -0.32px; }

.filter-menu__pill-status-icon { align-self: center; height: 0.375rem; width: 0.375rem; }

.filter-menu__pill-status-icon--active { background-color: #3490d5; border-radius: 5px; fill: #3490d5; }

.search-sort-menu { align-items: center; display: flex; height: 100%; position: relative; width: 100%; }

.search-sort-menu__search .search-textbox .search-textbox__input { padding-left: 2.375rem; }

.search-sort-menu__sort-icon { fill: #808795; position: absolute; left: 10px; width: 1.5rem; height: 1.5rem; }

.search-sort-menu__sort-icon--expanded { fill: #5d6470; }

.search-sort-menu__sort { transition: all 0.15s ease; visibility: hidden; }

.search-sort-menu__sort--expanded { visibility: visible; }

.sort-menu__popup { background-color: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); padding: 1.25rem 0 0.4375rem; position: absolute; left: 0; top: 50px; width: calc(100% + 60px); z-index: 999; }

.sort-menu-popup__header { align-items: flex-start; color: #808795; display: flex; flex-direction: column; font-weight: 500; justify-content: center; line-height: normal; margin-bottom: 0.3125rem; margin-right: 0.5rem; padding: 0 1.5rem; }

.sort-menu-popup__label { color: #5d6470; font-size: 0.8125rem; font-weight: bold; letter-spacing: 0.03125rem; max-width: 12.5rem; text-transform: uppercase; }

.sort-menu__option { align-items: center; color: #454545; display: flex; font-size: 16px; font-weight: normal; height: 3rem; letter-spacing: -0.32px; line-height: 1.1875rem; padding: 0 1.25rem; position: relative; transition: color 80ms; }
.sort-menu__option .sort-menu-option__icon, .sort-menu__option .options-box__icon, .sort-menu__option .number-port__selector { align-items: center; display: flex; flex-direction: column; justify-content: center; }
.sort-menu__option .sort-menu-option__icon { margin-right: 0.875rem; width: 1.875rem; height: 1.875rem; }
.sort-menu__option .options-box__icon svg, .sort-menu__option .number-port__selector svg { width: 1.3125rem; height: 1.3125rem; }
.sort-menu__option .options-box__icon .outer-ring, .sort-menu__option .number-port__selector .outer-ring { stroke: #d5d5d5; }
.sort-menu__option:hover { background-color: #f4f4f4; cursor: pointer; }
.sort-menu__option:hover .sort-menu-option__icon .outline { fill: #f4f4f4; }
.sort-menu__option:hover .options-box__option-backdrop { background: rgba(213, 213, 213, 0.2); }
.sort-menu__option:hover .options-box__icon .outer-ring, .sort-menu__option:hover .number-port__selector .outer-ring { stroke: #d5d5d5; }
.sort-menu__option:active { background-color: #e6eaee; }
.sort-menu__option:active .sort-menu-option__icon .outline { fill: #e6eaee; }
.sort-menu__option:active .options-box__option-backdrop { background: rgba(213, 213, 213, 0.4); }

.sort-menu-option__text { width: 100%; }

.sort-menu__option.sort-menu__option--selected { background-color: #e6eaee; }
.sort-menu__option.sort-menu__option--selected .sort-menu-option__icon .outline { fill: #e6eaee; }
.sort-menu__option.sort-menu__option--selected .options-box__icon .outer-ring, .sort-menu__option.sort-menu__option--selected .number-port__selector .outer-ring { stroke: #d5d5d5; }
.sort-menu__option.sort-menu__option--selected .options-box__icon .inner-eye, .sort-menu__option.sort-menu__option--selected .number-port__selector .inner-eye { fill: #5d6470; fill-opacity: 1; }

.sort-menu__separator { background-color: #d5d5d5; border: solid 0.0625rem #d5d5d5; height: 0.0625rem; margin: 0.75rem auto; width: 14.1875rem; }

.search-textbox input[type='text'] { font-weight: 500; letter-spacing: -0.57px; line-height: 1.57; }
.search-textbox input::placeholder { color: #dedede; }

.phone-numbers__item-detail { display: flex; flex-direction: column; }

.phone-numbers__item-detail--row { display: flex; min-height: 6.25rem; }

.phone-numbers__adjoining-block--top { border-left: 2px solid #d5d5d5; display: flex; height: 1.4375rem; margin-left: 2.375rem; width: 2.4375rem; }

.phone-numbers__tab-collection { height: 3.25rem; width: 480px; }

.phone-numbers__adjoining-block--bottom { border-bottom: 2px solid #d5d5d5; border-bottom-left-radius: 0.625rem; border-left: 2px solid #d5d5d5; display: flex; height: 3.8125rem; margin-left: 2.375rem; width: 2.4375rem; }

.phone-numbers__unassigned-item { align-items: center; border: 2px solid #d5d5d5; border-radius: 5px; cursor: pointer; display: flex; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 76px; margin-top: 1.5rem; padding: 12px 8px 12px 12px; width: 404px; }

.disabled-item__label-container { display: flex; justify-content: space-between; width: 100%; }

.disabled-item__label-meta { display: flex; align-items: center; }

.disabled-item__caret--open { -webkit-transform: rotate(180); -moz-transform: rotate(180); -ms-transform: rotate(180); -o-transform: rotate(180); transform: rotate(180); }

.disabled-item__label, .unassigned-item__label { color: #454545; font-size: 16px; font-weight: 500; }

.phone-numbers__disabled-item { align-items: center; border: 2px dashed #d5d5d5; border-radius: 5px; cursor: pointer; display: flex; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 76px; margin-top: 1.5rem; padding: 12px 8px 12px 12px; width: 404px; }

.phone-numbers__disabled-item--empty { cursor: unset; margin-top: 0; }

.phone-numbers__expandable-disabled-item { align-items: flex-start; border: 2px dashed #d5d5d5; border-radius: 5px; cursor: pointer; display: flex; flex-direction: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; margin-top: 1.5rem; padding: 12px 8px 12px 12px; width: 404px; }

.phone-numbers__expandable-disabled-item-row { align-items: center; display: flex; flex-direction: row; width: 100%; }

.phone-numbers__expandable-disabled-item-row + .phone-numbers__expandable-disabled-item-row { margin-top: 1.25rem; }

.disabled-item__icon { color: #5d6470; margin-right: 0.75rem; }

.disabled-item__description { font-size: 14px; line-height: 1.57; }

.disabled-item__description-block + .disabled-item__description-block { margin-top: 1rem; }

.disabled-item__description-link { color: #3490d5; cursor: pointer; }

.call-flow-list-block-item_connecting-line, .route-block-item__connecting-line { border-left: 2px solid #d5d5d5; height: 1.4375rem; margin-left: 2.4375rem; }

.phone-numbers__permission { align-items: flex-start; display: flex; flex-direction: column; }

.phone-numbers__permission-description { color: #868686; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 400; height: 0.875rem; letter-spacing: -0.5px; line-height: normal; margin-bottom: 0.625rem; text-align: left; }

.phone-numbers__permission-container { border: 2px solid #d5d5d5; border-radius: 5px; cursor: pointer; display: flex; flex-direction: column; min-height: 76px; padding: 0 0.75rem; width: 404px; }

.phone-numbers__permission-container--disabled { cursor: unset; }

.phone-numbers__permission-container:hover { box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }

.phone-numbers__permission-container--disabled:hover { box-shadow: none; }

.phone-numbers__disabled-item:hover { box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }

.phone-numbers__disabled-item--empty:hover { box-shadow: none; }

.phone-numbers__expandable-disabled-item:hover { box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }

.phone-numbers__permission-item { align-items: center; display: flex; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 4.5rem; line-height: normal; position: relative; width: 100%; }
.phone-numbers__permission-item:hover .phone-numbers__arrow { fill: #5d6470; }

.phone-numbers__permission-item + .phone-numbers__permission-item { border-top: 0.0625rem solid #e6eaee; }

.permission-item__icon { margin-right: 0.75rem; width: 3rem; height: 3rem; }

.permission-item__icon--usergroup { width: 3.9375rem; }

.permission-item__metadata-container { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; min-width: 0; width: 100%; }

.permission-item__label { color: #454545; font-size: 16px; font-weight: 500; line-height: normal; text-align: left; width: inherit; }

.phone-numbers__arrow-container { align-items: center; border: none; display: flex; justify-content: center; height: 100%; }

.phone-numbers__arrow { display: inline-block; fill: #808795; height: 1.5rem; }

.phone-numbers__arrow--down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.phone-numbers__schedule-container .schedule-block-item__metadata-container { max-width: 14.875rem; }
.phone-numbers__schedule-container .call-flow-list__schedule-container .schedule-block-item__metadata-container { max-width: 8.75rem; }

.phone-block-item__call-recording { left: 45px; position: absolute; top: 40px; width: 1.5rem; height: 1.5rem; }

.phone-block-item__call-recording-icon { width: 1.5rem; height: 1.5rem; }

.phone-block-item__call-recording-icon--inbound { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.user-devices-edit, .voicemail-greeting-edit, .schedule-range, .route-block-item--first, .combo-box .combo-box-list-box, .auto-attendant-item__collapsed-container, .contact-selection-menu__menu, .contact-action__menu-container, .conversation-message__retry-menu, .common-list-item__block, .bill-cycle-to-date__details-group, .list-box--self-contained, .conversation-participant-card__menu, .conversation-subscriber-card__menu, .add-plan__section-details-group { border: 2px solid #d5d5d5; border-radius: 5px; }
.no-touch .user-devices-edit:hover, .no-touch .voicemail-greeting-edit:hover, .no-touch .schedule-range:hover, .no-touch .route-block-item--first:hover, .no-touch .combo-box .combo-box-list-box:hover, .combo-box .no-touch .combo-box-list-box:hover, .no-touch .auto-attendant-item__collapsed-container:hover, .no-touch .contact-selection-menu__menu:hover, .no-touch .contact-action__menu-container:hover, .no-touch .conversation-message__retry-menu:hover, .no-touch .common-list-item__block:hover, .no-touch .bill-cycle-to-date__details-group:hover, .no-touch .list-box--self-contained:hover, .no-touch .conversation-participant-card__menu:hover, .no-touch .conversation-subscriber-card__menu:hover, .no-touch .add-plan__section-details-group:hover { box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }

.conversation-participant-card__button, .conversation-subscriber-card__button, .video-player__video-controls-button { border: solid 0.125rem transparent; cursor: pointer; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-stretch: normal; font-style: normal; outline: none; }
.conversation-participant-card__button:focus, .conversation-subscriber-card__button:focus, .video-player__video-controls-button:focus { border-color: #3490d5; }
.conversation-participant-card__button:hover, .conversation-subscriber-card__button:hover, .video-player__video-controls-button:hover { border-color: transparent; }
.conversation-participant-card__button:active, .conversation-subscriber-card__button:active, .video-player__video-controls-button:active { border-color: transparent; }
.conversation-participant-card__button:disabled, .conversation-subscriber-card__button:disabled, .video-player__video-controls-button:disabled { cursor: not-allowed; }

.billing-close-account__rating-button, .common-button-contained, .common-button-outlined, .common-button-text, .common-button-outlined-dashed, .common-button-pill, .common-button-small-pill, .contact-details__header-text-button, .conversation-details__header-text-button, .conversation-details__name-button, .conversation-media__button, .remove-plan__rating-button, .integrations-card__button { border: solid 0.125rem transparent; border-radius: 5px; cursor: pointer; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: 500; height: 2.5rem; letter-spacing: -0.57px; line-height: 1.13; min-width: 6.25rem; outline: none; padding: 0 0.8125rem; white-space: nowrap; }
.billing-close-account__rating-button:focus, .common-button-contained:focus, .common-button-outlined:focus, .common-button-text:focus, .common-button-outlined-dashed:focus, .common-button-pill:focus, .common-button-small-pill:focus, .contact-details__header-text-button:focus, .conversation-details__header-text-button:focus, .conversation-details__name-button:focus, .conversation-media__button:focus, .remove-plan__rating-button:focus, .integrations-card__button:focus { border-color: #3490d5; }
.billing-close-account__rating-button:hover, .common-button-contained:hover, .common-button-outlined:hover, .common-button-text:hover, .common-button-outlined-dashed:hover, .common-button-pill:hover, .common-button-small-pill:hover, .contact-details__header-text-button:hover, .conversation-details__header-text-button:hover, .conversation-details__name-button:hover, .conversation-media__button:hover, .remove-plan__rating-button:hover, .integrations-card__button:hover { border-color: transparent; }
.billing-close-account__rating-button:active, .common-button-contained:active, .common-button-outlined:active, .common-button-text:active, .common-button-outlined-dashed:active, .common-button-pill:active, .common-button-small-pill:active, .contact-details__header-text-button:active, .conversation-details__header-text-button:active, .conversation-details__name-button:active, .conversation-media__button:active, .remove-plan__rating-button:active, .integrations-card__button:active { border-color: transparent; box-shadow: 0 0.125rem 0.25rem 0 #d5d5d5; }
.billing-close-account__rating-button:disabled, .common-button-contained:disabled, .common-button-outlined:disabled, .common-button-text:disabled, .common-button-outlined-dashed:disabled, .common-button-pill:disabled, .common-button-small-pill:disabled, .contact-details__header-text-button:disabled, .conversation-details__header-text-button:disabled, .conversation-details__name-button:disabled, .conversation-media__button:disabled, .remove-plan__rating-button:disabled, .integrations-card__button:disabled { box-shadow: none; cursor: not-allowed; }

.common-button-group { display: flex; justify-content: flex-end; pointer-events: auto; }
.common-button-group .common-button-contained { margin-left: 0.5rem; }

.common-button-contained { background-color: #f4f4f4; border-bottom-color: #dedede; color: #5d6470; }
.common-button-contained:hover { background-color: #dedede; border-bottom-color: #d5d5d5; }
.common-button-contained:active { border-bottom-color: #dedede; color: #000000; }
.common-button-contained:disabled { background-color: #f4f4f4; border-bottom-color: #dedede; color: #d5d5d5; }

.common-button-contained--primary { background-color: #2696c6; border-bottom-color: #1e789e; color: #ffffff; }
.common-button-contained--primary:hover { background-color: #1e789e; border-bottom-color: #0f3c4f; }
.common-button-contained--primary:active { border-bottom-color: #1e789e; color: #ffffff; }
.common-button-contained--primary:disabled { background-color: #bddfed; border-color: #bddfed; color: #ffffff; }

.common-button-contained--primary-dark { background-color: #165a76; border-bottom-color: #0f3c4f; color: #ffffff; }
.common-button-contained--primary-dark:hover { background-color: #0f3c4f; border-bottom-color: #0f3c4f; }
.common-button-contained--primary-dark:active { border-bottom-color: #0f3c4f; box-shadow: 0 0.125rem 0.25rem 0 #2b2b2b; color: #ffffff; }
.common-button-contained--primary-dark:disabled { background-color: #bddfed; border-color: #bddfed; color: #ffffff; }

.common-button-contained--disabled { background-color: #bddfed; border-color: #bddfed; color: #ffffff; cursor: pointer; }
.common-button-contained--disabled:hover { background-color: #bddfed; border-color: #bddfed; color: #ffffff; }

.common-button-contained--tertiary { background-color: #3490d5; border-bottom-color: #2a75ad; color: #ffffff; }
.common-button-contained--tertiary:hover { background-color: #2a75ad; border-bottom-color: #125872; }
.common-button-contained--tertiary:active { border-bottom-color: #125872; color: #ffffff; }
.common-button-contained--tertiary:disabled { background-color: #3490d5; border-bottom-color: #2a75ad; color: #ffffff; opacity: 0.4; }

.common-button-contained--icon { fill: currentColor; min-width: unset; padding: 0; width: 2.5rem; }
.common-button-contained--icon ._svg-icon { fill: currentColor; }
.common-button-contained--icon:focus { background-color: #ffffff; }
.common-button-contained--icon:hover { background-color: #dedede; }
.common-button-contained--icon:disabled { background-color: #f4f4f4; }

.common-button-contained--sidebar-icon { background-color: #e6eaee; fill: currentColor; min-width: unset; padding: 0; width: 2.5rem; }
.common-button-contained--sidebar-icon ._svg-icon { fill: currentColor; }

.common-button-contained--full-width { width: 100%; }

.common-button-contained--header-width { min-width: 4.375rem; }

.common-button-contained--no-min-width { min-width: unset; }

.common-button-contained--relative { position: relative; }

.common-button-contained__icon { fill: currentColor; margin-right: 0.5rem; }

.common-button-contained__status-container { align-items: center; display: flex; justify-content: flex-end; }

.common-button-contained__status-loading { height: 1.875rem; position: absolute; right: 0.5rem; width: 1.875rem; }

.common-button-contained__status-check { fill: currentColor; height: 1.25rem; position: absolute; right: 0.75rem; }

.common-button-outlined { background-color: transparent; border-color: #2f3641; color: #2f3641; }
.common-button-outlined:hover { background-color: #2f3641; color: #ffffff; }
.common-button-outlined:active { box-shadow: none; }
.common-button-outlined:disabled { background-color: transparent; border-color: #d5d5d5; color: #d5d5d5; }

.common-button-outlined--primary { background-color: transparent; border-color: #67b5d7; color: #67b5d7; }
.common-button-outlined--primary:hover { background-color: #67b5d7; color: #ffffff; }
.common-button-outlined--primary:disabled { background-color: transparent; border-color: #d5d5d5; color: #d5d5d5; }

.common-button-text { background-color: transparent; color: #5d6470; padding: 0 0.5rem; min-width: unset; }
.common-button-text:hover { background-color: #f4f4f4; border-bottom-color: #dedede; }
.common-button-text:active { background-color: transparent; border-bottom-color: transparent; box-shadow: none; color: #000000; }
.common-button-text:disabled { background-color: transparent; border-bottom-color: transparent; color: #d5d5d5; }

.common-button-text--tertiary { color: #389a60; }
.common-button-text--tertiary:active { color: #24623d; }
.common-button-text--tertiary:disabled { color: #5fae7f; }

.common-button-text--add-margin-bottom { margin-bottom: 0.1875rem; }

.common-button-text--header-width { min-width: 4.375rem; }

.common-button-outlined-dashed { background-color: transparent; border-color: #d5d5d5; border-style: dashed; color: #808795; font-weight: normal; height: 2.8125rem; width: 100%; }
.common-button-outlined-dashed:hover { background-color: #f4f4f4; border-color: #808795; color: #808795; }
.common-button-outlined-dashed:active { background-color: transparent; border-color: #808795; box-shadow: none; color: #000000; font-weight: 500; }
.common-button-outlined-dashed:disabled { background-color: transparent; border-color: #dedede; color: #dedede; }

.common-button-pill { background-color: #2f3641; border-radius: 1.5625rem; color: #ffffff; font-size: 14px; font-weight: normal; height: 1.5625rem; line-height: 1.57; min-width: 7.8125rem; }
.common-button-pill:hover { background-color: #5d6470; }
.common-button-pill:active { box-shadow: none; }
.common-button-pill:disabled { background-color: #d5d5d5; }

.common-button-small-pill { background-color: #ffffff; border-radius: 1.5625rem; border: 0.0625rem solid; color: #808795; font-size: 12px; font-weight: normal; height: 1.25rem; line-height: 12; min-width: 1.5625rem; margin-right: 0.5rem; }
.common-button-small-pill:hover { color: #5d6470; border: 0.0625rem solid; }
.common-button-small-pill:active { box-shadow: none; }

.common-button-small-pill--active { background-color: #808795; color: #ffffff; }
.common-button-small-pill--active:hover { background-color: #5d6470; color: #ffffff; }
.common-button-small-pill--active:active { box-shadow: none; }

.typography-example--headline-1 { color: #454545; font-size: 22px; font-weight: 700; letter-spacing: -0.83px; line-height: normal; margin: 0; }

.contact-permissions__permission-form-description, .typography-example--headline-2 { color: #454545; font-size: 18px; font-weight: 700; letter-spacing: -0.36px; line-height: normal; margin: 0; }

.typography-example--headline-3 { color: #454545; font-size: 16px; font-weight: 700; letter-spacing: -0.43px; line-height: normal; margin: 0; }

.typography-example--headline-4 { color: #454545; font-size: 15px; font-weight: 700; letter-spacing: -0.54px; line-height: normal; margin: 0; }

.typography-example--subtitle { color: #2f3641; font-size: 15px; font-weight: 400; letter-spacing: -0.06px; line-height: 2.0625rem; }

.signup-email__email-verification-error .error-tooltip, .signup-email__resend-link, .protected-content, .contact-permissions__permission-form-label, .sms-pin-modal__description, .blocking__permission-form-label, .messaging-compliance__sms-pin-description, .plans__description, .typography-example--body { color: #2b2b2b; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; line-height: 1.375rem; }

.typography-example--caption { color: #868686; font-size: 14px; font-weight: 400; letter-spacing: -0.32px; line-height: 1.375rem; }

.typography-example--button { color: #5d6470; font-size: 16px; font-weight: 500; letter-spacing: -0.57px; line-height: 1.125rem; }

.typography-example--overline { color: #5d6470; font-size: 13px; font-weight: 700; letter-spacing: -0.5px; line-height: normal; }

.route-block-item { border: 2px solid #d5d5d5; border-radius: 5px; display: flex; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 76px; line-height: normal; padding: 12px 8px 12px 12px; width: 404px; }

.route-block-item__header-title { color: #454545; font-size: 16px; font-weight: 500; line-height: 1.125rem; text-align: left; width: 100%; }

.route-block-item { position: relative; }
.route-block-item:hover .phone-numbers__arrow, .route-block-item:hover .route-block-item__arrow { fill: #5d6470; }

.route-block-item--first { cursor: pointer; }
.route-block-item--first:hover .route-block-item__action-icon { opacity: 0.7; }

.route-block-item__cursor-pointer { cursor: pointer; }

.route-block-item__icon { margin-right: 0.75rem; }

.route-block-item__icon--usergroup { width: 3.9375rem; }

.route-block-item__keypress { background: #ffffff; border-radius: 1.5625rem; height: 0.875rem; left: 6.5px; padding: 0.0625rem; position: absolute; top: 7px; width: 2.375rem; z-index: 1; }

.route-block-item__keypress-message { background: #808795; border-radius: 1.5625rem; color: #ffffff; font-size: 0.5625rem; font-weight: normal; height: 100%; letter-spacing: -0.06px; line-height: 0.75rem; padding: 0.25rem 0.125rem; width: 100%; }

.route-block-item__metadata-container { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; min-width: 0; width: 100%; }
.route-block-item__metadata-container.end-block { justify-content: center; }

.route-block-item__header { align-items: flex-start; display: flex; flex-direction: column; width: inherit; }

.route-block-item__header-title.end-block { justify-content: center; overflow: visible; text-overflow: clip; white-space: normal; }

.route-block-item__looped-call-flow-message { color: #808795; font-size: 13px; text-align: left; white-space: normal; }

.route-block-item__expand-call-flow-title { color: #454545; font-size: 16px; font-weight: 500; }

.route-block-item__actions { display: flex; flex-direction: column; justify-content: space-between; }

.route-block-item__audio-controls { width: 100%; }

.route-block-item__arrow-container { align-items: center; border: none; display: flex; justify-content: center; height: 100%; }

.route-block-item__arrow { display: inline-block; fill: #808795; height: 1.5rem; }

.route-block-item__arrow--down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.route-block-item--deactivated { opacity: 0.7; }

.route-block-item__connecting-line { border-left: 2px solid #d5d5d5; margin-left: 2.375rem; height: 1.375rem; }
.route-block-item__connecting-line.last { border: none; }

.route-block-separator { text-align: left; }

.route-block-separator__message, .route-block-separator__timeout { color: #868686; font-size: 14px; letter-spacing: -0.5px; }

.combo-box { cursor: pointer; display: flex; flex-direction: column; flex-grow: 1; min-height: 100%; position: relative; text-align: right; width: 100%; outline: none; }
.combo-box:focus { outline: none; }
.combo-box .combo-box-list-box { background-color: #ffffff; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); overflow: hidden; position: absolute; right: 0; text-align: left; top: 100%; width: 18rem; z-index: 999; }
.combo-box .combo-box-list-box:focus { border-color: #3490d5; }

.combo-box-search { display: flex; flex-grow: 1; padding-right: 0.25rem; width: 100%; }

.combo-box-search__arrow { margin-left: 0.625rem; padding-top: 0.625rem; width: 1.25rem; }
.combo-box-search__arrow ._svg-icon { fill: #d5d5d5; width: 1.6875rem; }

.combo-box-search__field { border: none; color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; margin-top: 0.375rem; margin-bottom: 0.375rem; outline: none; text-align: right; width: calc(100% - 1.25rem); }
.combo-box-search__field::placeholder { color: #808795; }

.combo-box-search__selected-option { font-family: "Circular", "Helvetica", "Arial", sans-serif; line-height: 1.125rem; user-select: none; width: calc(100% - 1.25rem); }

.combo-box-list-box__option { display: flex; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; justify-content: space-between; line-height: 1.1875rem; padding: 0.6875rem 0.9375rem; user-select: none; }

.combo-box-list-box__option--highlight { color: #000000; font-weight: 700; }

.combo-box-list-box__not-found { color: #454545; line-height: 1.1875rem; margin: 0; padding: 1.375rem 0 1.1875rem 1.375rem; }

.combo-box--closed .combo-box-search__field::placeholder { color: white; }

.combo-box--selected .combo-box-search__field { display: none; }

.combo-box--empty .combo-box-search__selected-option { display: none; }

.combo-box--open .combo-box-search__field { display: unset; }
.combo-box--open ._svg-icon { fill: #454545; }
.combo-box--open .combo-box-search__selected-option { display: none; }

.combo-box-phone-card .combo-box-phone-card__limit-reached { background-color: #808795; border: solid 1px #ffffff; border-radius: 1.21875rem; color: #ffffff; font-size: 12px; font-stretch: normal; font-style: normal; height: 1.1875rem; letter-spacing: -0.32px; line-height: 1.47; margin-top: 0.875rem; text-align: center; width: 7.125rem; }
.combo-box-phone-card .combo-box-phone-card__description { color: #454545; display: inline-block; font-size: 15px; font-weight: bold; line-height: normal; letter-spacing: -0.4px; max-width: 15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.combo-box-phone-card .combo-box-phone-card__phone-number { color: #868686; font-size: 13px; font-weight: normal; line-height: normal; letter-spacing: -0.32px; }

.combo-box-list-box__option--disabled { cursor: not-allowed; }
.combo-box-list-box__option--disabled .combo-box-phone-card__description { max-width: 8.3125rem; }
.combo-box-list-box__option--disabled .combo-box-phone-card__info { max-width: 8.3125rem; opacity: 0.5; }

.range-name-textbox-indicator__sequence-1 { background: #2696C6; border: #2696C6; border-radius: 0.1875rem; fill: #2696C6; }

.range-name-textbox-indicator__sequence-2 { background: #BDDFED; border: #BDDFED; border-radius: 0.1875rem; fill: #BDDFED; }

.range-name-textbox-indicator__sequence-3 { background: #92CAE2; border: #92CAE2; border-radius: 0.1875rem; fill: #92CAE2; }

.range-name-textbox-indicator__sequence-4 { background: #59C9F9; border: #59C9F9; border-radius: 0.1875rem; fill: #59C9F9; }

.range-name-textbox-indicator__sequence-5 { background: #40B0E0; border: #40B0E0; border-radius: 0.1875rem; fill: #40B0E0; }

.range-name-textbox-indicator__sequence-6 { background: #006393; border: #006393; border-radius: 0.1875rem; fill: #006393; }

.range-name-textbox-indicator__sequence-7 { background: #006393; border: #006393; border-radius: 0.1875rem; fill: #006393; }

.range-name-textbox-indicator__sequence-8 { background: #004A7A; border: #004A7A; border-radius: 0.1875rem; fill: #004A7A; }

.range-name-textbox-indicator__sequence-9 { background: #003060; border: #003060; border-radius: 0.1875rem; fill: #003060; }

.range-background__sequence-1 { background: #2696C6; border-bottom: 0.0625rem solid #0D7DAD; border-right: 0.0625rem solid #006393; }

.range-background__sequence-2 { background: #D7F9FF; border-bottom: 0.0625rem solid #BDDFED; border-right: 0.0625rem solid #92CAE2; }

.range-background__sequence-3 { background: #BDDFED; border-bottom: 0.0625rem solid #92CAE2; border-right: 0.0625rem solid #59C9F9; }

.range-background__sequence-4 { background: #59C9F9; border-bottom: 0.0625rem solid #2696C6; border-right: 0.0625rem solid #0D7DAD; }

.range-background__sequence-5 { background: #40B0E0; border-bottom: 0.0625rem solid #2696C6; border-right: 0.0625rem solid #006393; }

.range-background__sequence-6 { background: #0D7DAD; border-bottom: 0.0625rem solid #006393; border-right: 0.0625rem solid #003060; }

.range-background__sequence-7 { background: #006393; border-bottom: 0.0625rem solid #004A7A; border-right: 0.0625rem solid #003060; }

.range-background__sequence-8 { background: #004A7A; border-bottom: 0.0625rem solid #003060; border-right: 0.0625rem solid #00002D; }

.range-background__sequence-9 { background: #003060; border-bottom: 0.0625rem solid #001747; border-right: 0.0625rem solid #00002D; }

.range-background__sequence-all-other { background: #ffffff; border-bottom: 0.0625rem solid #dedede; border-right: 0.0625rem solid #bcbcbc; }

.schedule-map__section-title { color: #5d6470; font-size: 18px; font-weight: 600; }

.schedule-map__container { height: 38.25rem; margin-top: 0.9375rem; width: 100%; }

.schedule-map__header { background: #f4f4f4; border: 0.0625rem solid #dedede; display: flex; height: 2.1875rem; justify-content: flex-end; padding-left: 3.875rem; width: 100%; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; }

.schedule-map__day-label { color: #5d6470; display: inline-block; font-weight: 500; height: 2.1875rem; padding-top: 0.8125rem; text-align: center; width: 3.5rem; }

.schedule-map__body { display: inline-block; }

.schedule-map__sidebar { background: #f4f4f4; border: 0.0625rem solid #dedede; border-bottom-left-radius: 5px; border-top: 0.0625rem solid transparent; display: inline-block; float: left; height: 36rem; width: 3.875rem; }

.schedule-map__sidebar-hour-label { height: 1.5rem; color: #5d6470; float: left; font-weight: 500; padding-right: 0.3125rem; padding-top: 0.125rem; text-align: right; width: 3.875rem; }

.schedule-map__time-grid { display: flex; height: 36rem; }

.schedule-map__time-grid-is-sunday, .schedule-map__time-grid-is-monday, .schedule-map__time-grid-is-tuesday, .schedule-map__time-grid-is-wednesday, .schedule-map__time-grid-is-thursday, .schedule-map__time-grid-is-friday { float: left; height: 100%; width: 3.625rem; }

.schedule-map__time-grid-is-saturday { height: 100%; width: 3.625rem; }

.schedule-map__time-grid-cell { height: 0.375rem; width: 100%; }

.schedule-map__time-grid-is-saturday > .schedule-map__time-grid-cell.range-background__sequence-all-other { border-right-color: #dedede; }

.schedule-map__time-grid-is-saturday > .schedule-map__time-grid-cell:last-child { border-bottom-right-radius: 0.25rem; }

.schedule-map__time-grid-cell:nth-child(4n-4) { border-bottom-color: #bcbcbc; }
.schedule-map__time-grid-cell:nth-child(4n-4):last-child { border-bottom-color: #dedede; }
.schedule-map__time-grid-cell:nth-child(4n-4).range-background__sequence-1 { border-bottom-color: #006393; }
.schedule-map__time-grid-cell:nth-child(4n-4).range-background__sequence-2 { border-bottom-color: #92CAE2; }
.schedule-map__time-grid-cell:nth-child(4n-4).range-background__sequence-3 { border-bottom-color: #59C9F9; }
.schedule-map__time-grid-cell:nth-child(4n-4).range-background__sequence-4 { border-bottom-color: #0D7DAD; }
.schedule-map__time-grid-cell:nth-child(4n-4).range-background__sequence-5 { border-bottom-color: #006393; }
.schedule-map__time-grid-cell:nth-child(4n-4).range-background__sequence-6 { border-bottom-color: #003060; }
.schedule-map__time-grid-cell:nth-child(4n-4).range-background__sequence-7 { border-bottom-color: #003060; }
.schedule-map__time-grid-cell:nth-child(4n-4).range-background__sequence-8 { border-bottom-color: #00002D; }
.schedule-map__time-grid-cell:nth-child(4n-4).range-background__sequence-9 { border-bottom-color: #00002D; }

.schedule-map__legend { display: inline-block; height: 100%; max-width: 18.75rem; vertical-align: middle; }

.schedule-map__legend-item { display: flex; height: 1.875rem; margin-left: 3.75rem; }

.schedule-map__legend-icon { float: left; height: 1.125rem; border: none; border-radius: 0.1875rem; width: 1.125rem; }
.schedule-map__legend-icon.range-background__sequence-all-other { border: 0.0625rem solid #d5d5d5; }

.schedule-map__legend-title { color: #808795; display: inline-block; line-height: 1.125rem; margin-left: 0.625rem; width: 14.375rem; }

.schedule-block-item, .schedule-route-to-block-item, .schedule-route-to-block-item--autoattendant-looped-call-flow { border: 2px solid #d5d5d5; border-radius: 5px; display: flex; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 76px; line-height: normal; padding: 12px 8px 12px 12px; width: 20.5rem; }

.schedule-route-to-block-item { position: relative; }

.schedule-route-to-block-item--autoattendant-looped-call-flow { position: relative; width: 404px; }

.schedule-block-item__containers { display: flex; flex-direction: row; justify-content: space-between; width: 100%; }

.schedule-block-item__container { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; max-width: 18.75rem; width: 100%; }

.schedule-block-item__label-field { color: #454545; font-size: 16px; font-weight: 500; text-align: left; width: 100%; }

.schedule-block-item__days-field, .schedule-block-item__hours-field { color: #868686; font-size: 0.75rem; font-weight: normal; }

.schedule-block-item__icon { margin-right: 0.75rem; }

.schedule-block-item__icon--usergroup { width: 3.9375rem; }

.schedule-block-item__keypress { background: #ffffff; border-radius: 1.5625rem; height: 0.875rem; left: 6.5px; padding: 0.0625rem; position: absolute; top: 7px; width: 2.375rem; z-index: 1; }

.schedule-block-item__keypress-message { background: #808795; border-radius: 1.5625rem; color: #ffffff; font-size: 0.5625rem; font-weight: normal; height: 100%; letter-spacing: -0.06px; line-height: 0.75rem; padding: 0.25rem 0.125rem; width: 100%; }

.schedule-block-item__metadata-container { display: flex; flex-direction: column; justify-content: space-around; max-width: 8.75rem; text-align: left; width: 100%; }

.schedule-block-item__header { display: flex; flex-direction: row; }

.schedule-block-item__header-title { color: #454545; font-size: 16px; font-weight: 500; line-height: 1.125rem; width: 100%; }
.schedule-block-item__header-title.end-block { justify-content: center; overflow: visible; text-overflow: clip; white-space: normal; }

.schedule-block-item__detail { color: #5d6470; font-size: -0.5px; margin-top: 0.25rem; }

.schedule-block-item--deactivated { opacity: 0.7; }

.schedule-segment__route-assignment-container { display: flex; flex-direction: column; }

.schedule-segment__row { display: flex; }

.schedule-segment-block-item__connecting-line { border-left: 2px solid #d5d5d5; width: 2.375rem; margin-left: 2.375rem; position: relative; }

.schedule-segment-block-item__connecting-line--horizontal { border-top: 2px solid #d5d5d5; width: 2.375rem; position: absolute; left: -38px; top: 38px; }

.schedule-segment-block-item__connecting-line--last { height: 2.5rem; border-bottom: 2px solid #d5d5d5; border-bottom-left-radius: 0.625rem; }

.schedule-segment-block-item__segment-connecting-line { border-left: 2px solid #d5d5d5; margin-left: 2.375rem; height: 1.375rem; }

.schedule-segment__route-assignment { display: flex; flex-direction: column; }

.schedule-segment-block-item { display: flex; flex-direction: column; position: relative; }

.add-voicemailBox__form-container { padding-bottom: 1.875rem; width: 480px; }

.add-voicemailBox__validation-warning-box { margin-bottom: 1.5625rem; }

.add-voicemailBox__name-container { min-height: 5.8125rem; width: 100%; }

.add-voicemailBox__name-container--inline, .add-voicemailBox__type-container { display: flex; margin-bottom: 1.5625rem; width: 100%; }

.add-voicemailBox__label { margin-bottom: 0.4375rem; }

.add-voicemailBox__label--inline { margin-bottom: 0; }

.add-voicemailBox__name-text, .add-voicemailBox__type-text { color: #5d6470; display: inline-block; font-size: 16px; font-weight: normal; margin-left: 0.3125rem; vertical-align: middle; }

.add-voicemailBox__name-input .text-box .text-box__input { width: 480px; }

.add-voicemailBox__tab-collection { background-color: #ffffff; margin-bottom: 1.25rem; z-index: 4; }

.add-voicemailBox__tab-collection .tab-collection { justify-content: flex-start; }

.add-voicemailBox__tab-collection .tab-collection__tab-container { margin-right: 3.125rem; }

.user-group-membership .interior-shell__sticky-header-text { flex: 0 0 70%; }
.user-group-membership .interior-shell__sticky-header-options { flex: 0 0 30%; }

.user-group-membership__form { display: flex; flex-direction: column; padding-bottom: 1.875rem; width: 480px; }

.user-group-membership__label { margin-bottom: 0.4375rem; }

.submenu-key-block-item { border: 2px solid #d5d5d5; border-radius: 5px; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; width: 76px; height: 76px; }

.submenu-route-to-block-item, .route-block-item--autoattendant-looped-call-flow { border: 2px solid #d5d5d5; border-radius: 5px; display: flex; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 76px; line-height: normal; padding: 12px 8px 12px 12px; position: relative; width: 19rem; }

.submenu__route-assignment-container { display: flex; flex-direction: column; justify-content: space-around; }

.submenu-block-item_connecting-line { border-left: 2px solid #d5d5d5; height: 1.4375rem; margin-left: 2.4375rem; }
.submenu-block-item_connecting-line.first { border-color: transparent; }

.submenu-block-item_key-connecting-line { border-left: 2px solid #d5d5d5; flex: 1 1 auto; margin-left: 2.4375rem; }
.submenu-block-item_key-connecting-line.last { border: none; }

.submenu__route-assignment { display: flex; flex-direction: column; }

.submenu-block-item { display: flex; flex-direction: row; }

.sub-menu-block-item { width: 18.75rem; }

.submenu-block-item .schedule-block-item, .submenu-block-item .schedule-route-to-block-item { width: 14rem; }

.submenu-block-item .submenu-route-to-block-item--auto-attendant { width: 404px; }

.submenu-key-block-item__adjoining-block { display: flex; max-height: 76px; }

.submenu-key-block-item__adjoining-line { background: #d5d5d5; height: 0.125rem; position: relative; top: 50%; width: 1.4375rem; }

.submenu-key-block-item__containers { display: flex; flex-direction: row; justify-content: space-between; }

.submenu-key-block-item__key-container { background-color: #dedede; border-radius: 0.125rem; line-height: 0; text-align: center; width: 3rem; height: 3rem; }

.submenu-key-block-item__key-field { color: #5d6470; font-size: 1.5rem; }

.submenu-route-to-block-item--first .submenu-route-to-block-item__metadata-container { max-width: 11.375rem; }

.submenu-route-to-block-item--auto-attendant, .submenu-route-to-block-item--voice-prompt, .route-block-item--autoattendant-looped-call-flow { width: 404px; }
.submenu-route-to-block-item--auto-attendant .submenu-route-to-block-item__metadata-container, .submenu-route-to-block-item--voice-prompt .submenu-route-to-block-item__metadata-container, .route-block-item--autoattendant-looped-call-flow .submenu-route-to-block-item__metadata-container { max-width: 100%; }

.submenu-route-to-block-item__icon { margin-right: 0.75rem; }

.submenu-route-to-block-item__icon--usergroup { width: 3.9375rem; }

.submenu-block-item__keypress { background: #ffffff; border-radius: 1.5625rem; height: 0.875rem; left: 6.5px; padding: 0.0625rem; position: absolute; top: 7px; width: 2.375rem; z-index: 1; }

.submenu-block-item__keypress-message { background: #808795; border-radius: 1.5625rem; color: #ffffff; font-size: 0.5625rem; font-weight: normal; height: 100%; letter-spacing: -0.06px; line-height: 0.75rem; padding: 0.25rem 0.125rem; width: 100%; }

.submenu-route-to-block-item__metadata-container { align-items: flex-start; display: flex; flex-direction: column; justify-content: space-around; max-width: 13.75rem; min-width: 0; text-align: left; width: 100%; }

.submenu-route-to-block-item__header { display: flex; flex-direction: column; width: inherit; }

.submenu-route-to-block-item__header-title { color: #454545; font-size: 16px; font-weight: 500; line-height: normal; text-align: left; width: 100%; }

.submenu-container .schedule-block-item__audio-controls .audio-player { width: 8.625rem; }

.submenu-route-to-block-item__detail { align-items: flex-start; color: #868686; display: flex; flex-direction: column; font-size: 14px; font-weight: 500; justify-content: space-between; letter-spacing: -0.32px; line-height: normal; }

.submenu-route-to-block-item--deactivated { opacity: 0.7; }

.submenu-route-to-block-item__audio-controls { width: 100%; }

.submenu-route-to-block-item__prompt-form { display: flex; width: 100%; }

.submenu-route-to-block-item__form-group { display: flex; flex-direction: column; justify-content: space-around; max-width: 17.6875rem; width: 100%; }

.submenu__call-flow { display: flex; flex-direction: column; }

.submenu__unassigned-item { align-items: center; border: 2px dashed #d5d5d5; border-radius: 5px; cursor: pointer; display: flex; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 76px; justify-content: space-between; padding: 12px 8px 12px 12px; width: 19rem; }
.submenu__unassigned-item:hover { border-color: #868686; }

.auto-attendant-item__route { display: flex; }

.auto-attendant-item__adjoining-block { border-bottom: 2px solid #d5d5d5; border-bottom-left-radius: 0.625rem; border-left: 2px solid #d5d5d5; display: flex; height: 3.8125rem; margin-left: 2.375rem; width: 2.4375rem; }

.auto-attendant-item__collapsed-container { cursor: pointer; display: flex; flex-direction: column; min-height: 76px; padding: 0 0.75rem; width: 404px; }

.auto-attendant-item__collapsed-item { align-items: center; display: flex; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 4.625rem; line-height: normal; position: relative; width: 100%; }
.auto-attendant-item__collapsed-item:hover .auto-attendant-item__arrow { fill: #5d6470; }

.collapsed-item__icon--usergroup { margin-right: 0.75rem; width: 3.9375rem; }

.collapsed-item__metadata-container { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; min-width: 0; width: 100%; }

.collapsed-item__label { color: #454545; font-weight: 500; text-align: left; width: inherit; display: -webkit-box; font-size: 16px; line-height: 1.38; max-height: 44.16px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.auto-attendant-item__arrow-container { align-items: center; border: none; display: flex; height: 100%; justify-content: center; }

.auto-attendant-item__arrow { display: inline-block; fill: #808795; height: 1.5rem; }

.auto-attendant-item__arrow--down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.auto-attendant-item__flow { margin-top: 1.5rem; }
.auto-attendant-item__flow .route-block-item__connecting-line { display: none; }
.auto-attendant-item__flow .call-flow-list__autoattendant .route-block-item__connecting-line { display: block; }

.add-audio-file__download-container, .add-audio-file__download-greeting-container { color: #808795; cursor: pointer; font-size: 16px; letter-spacing: -0.57px; line-height: 1.38; }
.add-audio-file__download-container:hover, .add-audio-file__download-greeting-container:hover { color: #5d6470; }

.add-audio-file { display: flex; flex-direction: column; }

.add-audio-file__form-container { width: 480px; }

.add-audio-file__name-container { min-height: 5.8125rem; }

.add-audio-file__method-container, .add-audio-file__upload-container { margin-bottom: 1.25rem; }

.add-audio-file__label { margin-bottom: 0.4375rem; }

.add-audio-file__input .text-box .text-box__input { width: 480px; }

.add-audio-file .error-tooltip { width: inherit; }

.add-audio-file__upload-container, .add-audio-file__preview-container { display: flex; flex-direction: column; }

.add-audio-file__audio-controls .audio-player { width: 480px; }

.add-audio-file__separator { background-color: #f4f7fa; border: solid 0.0625rem #f4f7fa; height: 0.0625rem; margin: 3.125rem 0 1.125rem 0; width: 100%; }

.add-audio-file__download-greeting-container { align-items: flex-start; display: flex; height: 2.5rem; }

.audio-file__label { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 500; width: 100%; }

.add-contact__form-container { margin-top: 2rem; padding-bottom: 6.25rem; position: relative; width: 480px; }

.add-contact__validation-warning-box { margin-bottom: 1.5625rem; }

.add-contact__input-container { min-height: 4.875rem; margin: 0.75rem 0; }

.add-contact__phone-label-row { column-gap: 0.5rem; display: flex; flex-direction: row; margin-right: 2.8125rem; }

.add-contact__phone-row { column-gap: 0.5rem; display: flex; flex-direction: row; margin-bottom: 1.25rem; }

.add-contact__phone-type-column { flex: 1; max-width: 6.5625rem; }

.add-contact__phone-number-column { flex: 3; }

.add-contact__email-label-row { column-gap: 0.5rem; display: flex; flex-direction: row; margin-right: 2.8125rem; }

.add-contact__email-row { column-gap: 0.5rem; display: flex; flex-direction: row; margin-bottom: 1.25rem; }

.add-contact__url-row { column-gap: 7px; display: flex; flex-direction: row; margin-bottom: 1.25rem; }

.add-contact__email-type-column { flex: 1; }

.add-contact__email-address-column { flex: 3; }

.add-contact__url-input-column { flex: 3; }

.add-contact__address-row { column-gap: 0.5rem; display: flex; flex-direction: row; margin-bottom: 1.25rem; margin-top: 0.5rem; }
.add-contact__address-row .add-contact__delete { background: #f4f4f4; border-bottom: solid 0.125rem #d5d5d5; border-radius: 5px; cursor: pointer; fill: #5d6470; flex: 0 0 2.8125rem; height: 2.8125rem; margin-top: 1.4375rem; }
.add-contact__address-row .add-contact__delete:hover { background: #dedede; border-bottom-color: #bcbcbc; }

.add-contact__address-type-column { flex: 2; }

.add-contact__address-inputs-column { flex: 6; }

.add-contact__section-label { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 700; margin-bottom: 1rem; }

.add-contact__label { font-weight: 300; margin-bottom: 0.4375rem; }

.add-contact__address-column-label { font-weight: 300; margin-bottom: 0.4375rem; margin-top: 0.75rem; }

.add-contact__input .text-box .text-box__input { width: 480px; }
.add-contact__input .text-box .text-box__input::placeholder { letter-spacing: -0.57px; }

.add-contact__birthday_input .birthday-input { width: 100%; }
.add-contact__birthday_input .birthday-input::placeholder { letter-spacing: -0.57px; }

.add-contact__number-input .text-box .text-box__input { width: 100%; }
.add-contact__number-input .text-box .text-box__input::placeholder { letter-spacing: -0.57px; }

.add-contact__email-input .text-box .text-box__input { width: 100%; }
.add-contact__email-input .text-box .text-box__input::placeholder { letter-spacing: -0.57px; }

.add-contact__url-input .text-box .text-box__input { width: 100%; }
.add-contact__url-input .text-box .text-box__input::placeholder { letter-spacing: -0.57px; }

.add-contact__address-input .text-box .text-box__input { width: 100%; }
.add-contact__address-input .text-box .text-box__input::placeholder { letter-spacing: -0.57px; }

.add-contact__region-postal-container { column-gap: 0.5rem; display: flex; flex-direction: row; }

.add-contact__region-container { flex: 1; }

.add-contact__postal-container { flex: 1; }

.add-contact__delete { background: #f4f4f4; border-bottom: solid 0.125rem #d5d5d5; border-radius: 5px; cursor: pointer; fill: #5d6470; flex: 0 0 2.8125rem; height: 2.8125rem; }
.add-contact__delete:hover { background: #dedede; border-bottom-color: #bcbcbc; }

.add-contact__add-another-container { align-items: center; border: 2px dashed #d5d5d5; border-radius: 5px; cursor: pointer; display: flex; justify-content: center; margin-bottom: 1.25rem; margin-top: 0.625rem; min-height: 2.875rem; width: 100%; }
.add-contact__add-another-container:hover { border-color: #5d6470; }
.add-contact__add-another-container:hover .add-contact-add-another-link { color: #5d6470; }

.add-contact-add-another-link { color: #808795; font-size: 16px; height: 1.25rem; line-height: 1.25rem; text-decoration: none; }

.add-contact__add-another-container--disabled { border-color: #d5d5d5; cursor: default; flex-direction: column; }
.add-contact__add-another-container--disabled .add-contact-add-another-link { color: #d5d5d5; }
.add-contact__add-another-container--disabled:hover { border-color: #d5d5d5; }
.add-contact__add-another-container--disabled:hover .add-contact-add-another-link { color: #d5d5d5; }

.add-contact__textarea { border: 2px solid #d5d5d5; border-radius: 5px; height: unset; line-height: 1.57; margin-bottom: 1.25rem; min-height: 7.5rem; padding: 0.5rem 0.5rem 1.125rem 0.5rem; resize: none; width: 100%; }
.add-contact__textarea:focus, .add-contact__textarea:hover { border-color: #d5d5d5; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); outline: none; }
.add-contact__textarea.invalid { border: 0.125rem solid #fc4636; }

.add-contact__source { margin-bottom: 1.25rem; }

.add-contact__section-separator { border: solid 1px #f4f4f4; height: 1px; margin-bottom: 20px; width: 100%; }

.add-contact__meta-section { display: flex; flex-direction: column; }

.add-contact__item-metadata { display: flex; flex-direction: column; margin-bottom: 1.25rem; }

.add-contact__meta-title { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 700; }

.add-contact__meta-text { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; line-height: 1.38; }

.add-contact__red-clickable-text { color: #67b5d7; cursor: pointer; font-size: 16px; font-weight: normal; height: 1.625rem; letter-spacing: -0.32px; line-height: 1.38; margin-top: 0.75rem; width: fit-content; }

.add-contact__error .error-tooltip { max-width: none; width: 100%; }

.edit-user__form-container { padding-bottom: 1.875rem; position: relative; width: 480px; }

.edit-user__validation-warning-box { margin-bottom: 1.5625rem; }

.edit-user__tab-collection { background-color: #ffffff; padding-bottom: 1.5625rem; padding-right: 10.625rem; top: 0; width: 40.625rem; z-index: 4; position: -webkit-sticky; position: sticky; }
.edit-user__tab-collection .tab-collection { margin-bottom: 0; }

.edit-user__tab-collection--unset { position: unset; }

.edit-user__tab-collection--unset + .edit-user__tab-content { padding-top: 0; }
.edit-user__tab-collection--unset + .edit-user__tab-content .user-subscriptions__tab-collection, .edit-user__tab-collection--unset + .edit-user__tab-content .user-voicemail__tab-collection, .edit-user__tab-collection--unset + .edit-user__tab-content .subscriptions__grid-heading { position: unset; }
.edit-user__tab-collection--unset + .edit-user__tab-content .subscriptions__grid-body, .edit-user__tab-collection--unset + .edit-user__tab-content .user-voicemail__form { padding-top: 0; }

.add-user-modal__text-container { display: flex; font-size: 1.125rem; justify-content: center; margin-bottom: 2.1875rem; width: 100%; }

.add-user-modal__statement { color: #454545; font-size: 18px; font-weight: 500; letter-spacing: -0.36px; margin-bottom: 0.9375rem; width: 100%; }

.add-user-modal__statement--single { margin-bottom: 1.5625rem; }

.add-user-modal__text { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.36px; }

.add-user-modal__link { color: #3490d5; cursor: pointer; font-size: 16px; font-weight: 400; }

.add-user-modal__add-another { margin-bottom: 1.5625rem; width: 100%; }

.edit-user-modal__text-container { margin-bottom: 2.1875rem; }

.edit-user-modal__text { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.36px; }

.edit-user-modal__group { margin-bottom: 1.5625rem; text-align: left; width: 480px; }

.edit-user-modal__dropdown { width: 100%; }

.edit-user-modal__integrity-warnings { display: flex; flex-direction: column; justify-content: center; width: 100%; }

.edit-user-modal__integrity-item { align-items: center; background-color: #fffae6; border: 2px solid #d5d5d5; border-color: #f7f1d5; border-radius: 5px; display: flex; height: 76px; line-height: normal; padding: 0.9375rem; }
.edit-user-modal__integrity-item:before, .edit-user-modal__integrity-item:after { display: table; content: ""; }
.edit-user-modal__integrity-item:after { clear: both; }

.edit-user-modal__integrity-item + .edit-user-modal__integrity-item { margin-top: 0.625rem; }

.edit-user-modal__integrity-item-icon { margin-right: 0.75rem; width: 3rem; height: 3rem; }
.edit-user-modal__integrity-item-icon .borderedIcon-border { background-color: #454545; }

.edit-user-modal__integrity-item-metadata { align-items: flex-start; color: #868686; display: flex; flex-direction: column; justify-content: space-around; line-height: normal; width: 100%; max-width: 24.125rem; }

.edit-user-modal__integrity-item-label { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 500; line-height: normal; width: 100%; }

.edit-user-modal__integrity-item-text { align-items: flex-start; color: #868686; display: flex; flex-direction: column; font-size: 14px; font-weight: 500; justify-content: space-between; letter-spacing: -0.32px; line-height: normal; }

.edit-user-modal__footer { height: 1.5625rem; }

@media screen and (max-width: 1200px) { .edit-user__tab-collection { position: unset; }
  .edit-user__tab-content { padding-top: 0; } }
.add-user-group__form-container { padding-bottom: 1.875rem; position: relative; width: 480px; }

.add-user-group__validation-warning-box { margin-bottom: 1.5625rem; }

.add-user-group__tab-collection { background-color: #ffffff; padding-bottom: 1.5625rem; padding-right: 10.625rem; top: 0; width: 40.625rem; z-index: 4; position: -webkit-sticky; position: sticky; }
.add-user-group__tab-collection .tab-collection { margin-bottom: 0; }

.add-user-group__tab-collection .tab-collection { justify-content: flex-start; }

.add-user-group__tab-collection .tab-collection__tab-container { margin-right: 3.125rem; }

.add-user-group__tab-collection--unset { position: unset; }

.add-user-group__tab-collection--unset + .add-user-group__tab-content { padding-top: 0; }
.add-user-group__tab-collection--unset + .add-user-group__tab-content .user-voicemail__tab-collection { position: unset; }
.add-user-group__tab-collection--unset + .add-user-group__tab-content .user-voicemail__form { padding-top: 0; }

.user-group-profile { width: 480px; }

.user-group-profile__name-container { min-height: 5.8125rem; }

.user-group-profile__members-container { display: flex; flex-direction: column; width: 480px; }

.user-group-profile__label { margin-bottom: 0.4375rem; }

.user-group-profile__name-input .text-box .text-box__input { width: 480px; }

.user-group-profile .error-tooltip { width: inherit; }

.user-group-modal__group { margin-bottom: 1.5625rem; text-align: left; width: 480px; }

.user-group-modal__dropdown .select { max-width: unset; }

.user-group-modal__integrity-warnings { display: flex; flex-direction: column; justify-content: center; width: 100%; }

.user-group-modal__integrity-item { align-items: center; background-color: #fffae6; border: 2px solid #d5d5d5; border-color: #f7f1d5; border-radius: 5px; color: #7d6b4b; display: flex; height: 76px; line-height: normal; padding: 0.9375rem; }
.user-group-modal__integrity-item:before, .user-group-modal__integrity-item:after { display: table; content: ""; }
.user-group-modal__integrity-item:after { clear: both; }

.user-group-modal__integrity-item + .user-group-modal__integrity-item { margin-top: 0.625rem; }

.user-group-modal__integrity-item-icon { margin-right: 0.75rem; width: 3rem; height: 3rem; }
.user-group-modal__integrity-item-icon .borderedIcon-border { background-color: #454545; }

.user-group-modal__integrity-item-metadata { align-items: flex-start; color: #868686; display: flex; flex-direction: column; justify-content: space-around; line-height: normal; width: 100%; max-width: 24.125rem; }

.user-group-modal__integrity-item-label { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 500; line-height: normal; width: 100%; }

.user-group-modal__integrity-item-text { align-items: flex-start; color: #868686; display: flex; flex-direction: column; font-size: 14px; font-weight: 500; justify-content: space-between; letter-spacing: -0.32px; line-height: normal; }

.user-group-modal__footer { height: 1.5625rem; }

@media screen and (max-width: 1200px) { .add-user-group__tab-collection { position: unset; } }
.call-details-subscriber__icon, .call-route-step__icon, .call-route-step__icon--usergroup, .call-route-step__icon--contact { margin-right: 0.75rem; }
.call-details-subscriber__icon .user-avatar-icon, .call-route-step__icon .user-avatar-icon, .call-route-step__icon--usergroup .user-avatar-icon, .call-route-step__icon--contact .user-avatar-icon { width: 2.5rem; height: 2.5rem; }
.call-details-subscriber__icon .user-avatar-icon img, .call-route-step__icon .user-avatar-icon img, .call-route-step__icon--usergroup .user-avatar-icon img, .call-route-step__icon--contact .user-avatar-icon img { width: 2.5rem; height: 2.5rem; }
.call-details-subscriber__icon .icon-group-avatar, .call-route-step__icon .icon-group-avatar, .call-route-step__icon--usergroup .icon-group-avatar, .call-route-step__icon--contact .icon-group-avatar, .call-details-subscriber__icon .icon-group-half, .call-route-step__icon .icon-group-half, .call-route-step__icon--usergroup .icon-group-half, .call-route-step__icon--contact .icon-group-half, .call-details-subscriber__icon .icon-group-quarter, .call-route-step__icon .icon-group-quarter, .call-route-step__icon--usergroup .icon-group-quarter, .call-route-step__icon--contact .icon-group-quarter { width: 2.5rem; height: 2.5rem; }
.call-details-subscriber__icon .icon-group-half, .call-route-step__icon .icon-group-half, .call-route-step__icon--usergroup .icon-group-half, .call-route-step__icon--contact .icon-group-half { width: 1.1875rem; height: 2.5rem; }
.call-details-subscriber__icon .icon-group-half img, .call-route-step__icon .icon-group-half img, .call-route-step__icon--usergroup .icon-group-half img, .call-route-step__icon--contact .icon-group-half img { position: relative; width: 2.5rem; height: 2.5rem; }
.call-details-subscriber__icon .icon-group-quarter, .call-route-step__icon .icon-group-quarter, .call-route-step__icon--usergroup .icon-group-quarter, .call-route-step__icon--contact .icon-group-quarter { width: 1.1875rem; height: 1.1875rem; }
.call-details-subscriber__icon .icon-group-quarter img, .call-route-step__icon .icon-group-quarter img, .call-route-step__icon--usergroup .icon-group-quarter img, .call-route-step__icon--contact .icon-group-quarter img { width: 1.1875rem; height: 1.1875rem; }

.call-route { display: flex; flex-direction: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; width: 100%; }

.call-route__header { color: #454545; font-size: 16px; font-weight: 500; letter-spacing: -0.57px; line-height: 1.0625rem; margin-top: 1.125rem; }

.call-route__body { margin-top: 0.8125rem; }

.call-route-step__container { align-items: center; display: flex; flex-direction: row; height: 4rem; width: 100%; }

.call-route-step__icon { flex: 1; }

.call-route-step__icon--usergroup { width: 2.5rem; }

.call-route-step__metadata-container-left, .call-route-step__metadata-container-right { display: flex; flex-direction: column; justify-content: center; }

.call-route-step__metadata-container-left { flex: 20; overflow: hidden; }

.call-route-step__metadata-container-right { flex: 1; margin-left: 1.25rem; max-width: 10rem; text-align: right; }

.call-route-step__header { align-items: center; display: flex; flex-direction: row; width: 100%; }

.call-route-step__header-title { color: #454545; font-size: 15px; font-weight: 500; height: 1.0625rem; letter-spacing: -0.36px; line-height: 1.0625rem; }

.call-route-step__metadata { display: flex; flex-direction: row; height: 1.125rem; justify-content: space-between; width: 100%; }

.call-route-step__metadata--double { display: flex; flex-direction: row; justify-content: flex-start; }

.call-route-step__metadata--double .call-route-step__metadata-text:first-child { margin-right: 0.5rem; }

.call-route-step__metadata-text { color: #808795; font-size: 13px; font-weight: 400; letter-spacing: -0.54px; line-height: 1rem; }

.call-route-step__audio-controls { margin-left: 0.625rem; }
.call-route-step__audio-controls .audio-player-control { width: 100%; }

.call-route-step__separator { background: #f4f7fa; border-radius: 5px; height: 0.125rem; width: 100%; }

@media screen and (max-width: 1200px) { .call-route-step__header { width: 100%; } }
.forgot-password { flex-direction: column; height: 100%; width: 23rem; }

.forgot-password--mobile { margin: 0 2.3125rem 0 2.3125rem; width: 21.25rem; }

.forgot-password__form-container { align-items: center; display: flex; flex-direction: column; flex-grow: 0; justify-content: flex-start; }

.forgot-password__form { display: flex; flex-direction: column; margin-top: 2.1875rem; width: 100%; }

.forgot-password__form-header { display: flex; flex-direction: column; }

.forgot-password__form-header--confirmation { justify-content: flex-start; }

.forgot-password__form-header-title { color: #454545; font-size: 22px; font-weight: 700; letter-spacing: -0.32px; line-height: 2rem; text-align: center; }

.forgot-password__form-header-message { color: #868686; font-size: 16px; letter-spacing: -0.32px; line-height: 1.57; margin-top: 0.5rem; padding: 0rem 1.1875rem 0.375rem 1.1875rem; text-align: center; }

.forgot-password__form-header-message--mobile { font-size: 18px; margin-top: 1.375rem; padding: 0rem; }

.forgot-password__form-field { min-height: 5.5625rem; position: relative; }

.forgot-password__form-field .error-tooltip { width: inherit; }

.forgot-password__form-field + .forgot-password__form-field { margin-top: 0.4375rem; }

.forgot-password__form-label { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; text-align: left; }

.forgot-password__input .text-box .text-box__input { width: 23rem; }

.forgot-password__form .forgot-password__form-login-button { height: 3.3125rem; margin-top: 2.125rem; }

.forgot-password__sign-in { height: 6.8125rem; }

.forgot-password__sign-in-link { cursor: pointer; color: #67b5d7; font-size: 15px; font-weight: 400; letter-spacing: -0.34px; text-align: center; text-decoration: none; }

.reset-password { flex-direction: column; height: 100%; width: 23rem; }

.reset-password--mobile { margin: 0 2.3125rem 0 2.3125rem; width: 21.25rem; }

.reset-password__form-container { align-items: center; display: flex; flex-direction: column; flex-grow: 0; justify-content: flex-start; }

.reset-password__form { display: flex; flex-direction: column; margin-top: 2.1875rem; width: 100%; }

.reset-password__form-header { display: flex; flex-direction: column; }

.reset-password__form-header--confirmation { justify-content: flex-start; }

.reset-password__form-header-title { color: #454545; font-size: 22px; font-weight: 700; letter-spacing: -0.32px; line-height: 2rem; text-align: center; }

.reset-password__form-header-message { color: #868686; font-size: 16px; letter-spacing: -0.32px; line-height: 1.57; margin-top: 0.5rem; padding: 0rem 1.1875rem 0.375rem 1.1875rem; text-align: center; }

.reset-password__form-header-message--mobile { font-size: 18px; margin-top: 1.375rem; padding: 0rem; }

.reset-password__form-field { min-height: 5.5625rem; position: relative; }

.reset-password__form-field + .reset-password__form-field { margin-top: 0.4375rem; }

.reset-password__form-label { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; text-align: left; }

.reset-password__input .text-box .text-box__input { width: 23rem; }

.reset-password__password-icon { color: #d5d5d5; left: 336px; position: absolute; top: 34px; }
.reset-password__password-icon:hover { color: #868686; }
.reset-password__password-icon ._svg-icon { fill: currentColor; }

.reset-password__form-reset-password-button, .reset-password__form-sign-in-button { height: 3.3125rem; margin-top: 2.125rem; }

.reset-password__form .reset-password__form-reset-password-button { margin-top: 1rem; }

.reset-password__sign-in { margin-top: 3rem; }

.reset-password__sign-in-link { cursor: pointer; color: #67b5d7; font-size: 15px; font-weight: 400; letter-spacing: -0.34px; text-align: center; text-decoration: none; }

.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }

.select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear { position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }

.select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-search--inline { float: left; }

.select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

.select2-results { display: block; }

.select2-results__options { list-style: none; margin: 0; padding: 0; }

.select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; }

.select2-results__option[aria-selected] { cursor: pointer; }

.select2-container--open .select2-dropdown { left: 0; }

.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-search--dropdown { display: block; padding: 4px; }

.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] { padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; }

.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; }

.select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above { border-bottom: none; }

.select2-container--classic .select2-dropdown--below { border-top: none; }

.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] { padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; }

.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; }

input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; }

.select2-container.select2-container { font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; text-align: left; }
.select2-container.select2-container input { outline: 0; }
.select2-container.select2-container .select2-selection--single { background-color: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; color: #5d6470; height: 2.8125rem; outline: 0; transition: all 0.35s ease; }
.select2-container.select2-container .select2-selection--single:focus, .select2-container.select2-container .select2-selection--single:hover { background-color: #ffffff; }
.select2-container.select2-container .select2-selection--single .select2-selection__rendered { background-color: #ffffff; border-radius: 0.1875rem; }
.select2-container.select2-container .select2-selection--single:hover .select2-selection__rendered { background-color: #ffffff; }
.select2-container.select2-container .select2-results .select2-results__option { color: #5d6470; line-height: normal; padding-left: 0.75rem; }
.select2-container.select2-container .select2-results .select2-results__option--hidden { display: none; }
.select2-container.select2-container .select2-results .select2-results__option--highlighted { background-color: #e6eaee; color: #5d6470; }
.select2-container.select2-container .select2-results .select2-results__option--highlighted[aria-selected=true] { background-color: #d5d5d5; color: #5d6470; }
.select2-container.select2-container .select2-results__options { -webkit-overflow-scrolling: touch; }
.select2-container.select2-container .select2-selection__placeholder { transition: all 0.35s ease; }
.select2-container.select2-container .select2-selection__rendered { transition: all 0.35s ease; color: #5d6470; height: 2.5625rem; line-height: 2.5625rem; padding: 0 1.875rem 0 0.9375rem; }
.select2-container.select2-container .select2-selection__arrow { height: 2.5625rem; pointer-events: none; }
.select2-container.select2-container .select2-selection__arrow b { border: solid #bcbcbc; border-width: 0 2px 2px 0; padding: 0.25rem; display: inline-block; height: 0.3125rem; width: 0.3125rem; left: -0.125rem; margin-top: -0.4375rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.select2-container.select2-container .select2-dropdown { -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow: 0px 18px 18px -15px rgba(0, 0, 0, 0.07), -18px 6px 18px -15px rgba(0, 0, 0, 0.07), 18px 6px 18px -15px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 18px 18px -15px rgba(0, 0, 0, 0.07), -18px 6px 18px -15px rgba(0, 0, 0, 0.07), 18px 6px 18px -15px rgba(0, 0, 0, 0.07); box-shadow: 0px 18px 18px -15px rgba(0, 0, 0, 0.07), -18px 6px 18px -15px rgba(0, 0, 0, 0.07), 18px 6px 18px -15px rgba(0, 0, 0, 0.07); position: absolute; border: 2px solid #d5d5d5; border-color: #bcbcbc; border-top: none; }
.select2-container.select2-container .select2-search--dropdown { border-radius: 5px; position: absolute; background-color: #ffffff; height: 1.25rem; padding: 0; top: -2.625rem; left: 0.3125rem; width: calc(100% - 34px); z-index: 999; }
.select2-container.select2-container .select2-search__field { font-family: "Circular", "Helvetica", "Arial", sans-serif; background-color: #ffffff; color: #5d6470; border: none; height: 2.1875rem; padding-left: 0.625rem; }
.select2-container.select2-container .select2-dropdown--above.select2-dropdown { border-bottom: none; border-top: 0.125rem solid #bcbcbc; box-shadow: 0px 18px 18px -25px rgba(0, 0, 0, 0.07), -18px 6px 18px -15px rgba(0, 0, 0, 0.07), 18px 6px 18px -15px rgba(0, 0, 0, 0.07); -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.select2-container.select2-container .select2-dropdown--above .select2-search--dropdown { bottom: -1.375rem; top: unset; }
.select2-container.select2-container.select2-container--open .select2-selection--single { background-color: #ffffff; border: 2px solid #d5d5d5; border-color: #bcbcbc; box-shadow: 0 0.0625rem 1.125rem 0 rgba(0, 0, 0, 0.07); }
.select2-container.select2-container.select2-container--open .select2-selection__arrow b { border: solid #bcbcbc; border-width: 0 2px 2px 0; margin-top: -0.1875rem; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.select2-container.select2-container.select2-container--disabled .select2-selection__arrow { display: none; }
.select2-container.select2-container input.select2-search__field::-webkit-contacts-auto-fill-button { visibility: hidden; width: 0; }

.invalid .select2-container.select2-container span.select2-selection--single, .invalid .select2-container.select2-container span.select2-selection--single:hover { border-color: #fc4636; }

.select2-container.select2-container .select2-selection--single:focus { border: 2px solid #d5d5d5; border-color: #bcbcbc; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }

.select2-container.select2-container.no-scroll .select2-results > .select2-results__options { max-height: unset; }

/*
THEMES:
*/
/* LIGHT THEME: */
.select-theme-light.select2-container.select2-container .select2-selection--single { color: #454545; transition: box-shadow 0.15s ease, all 0s; }

.select-theme-light.select2-container.select2-container .select2-selection--single:hover { border-color: #d5d5d5; }

.select-theme-light.select2-container.select2-container.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-color: #d5d5d5; }

.select-theme-light.select2-container.select2-container.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-color: #d5d5d5; }

.select-theme-light.select2-container.select2-container .select2-selection--single .select2-selection__rendered { color: #454545; line-height: 1.625rem; padding: 0.46875rem; transition: box-shadow 0.15s ease, all 0s; width: calc(100% - 1.125rem); }

.select-theme-light.select2-container.select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered { color: #d5d5d5; width: 100%; }

.select-theme-light.select2-container.select2-container .select2-selection__arrow b { border-color: #d5d5d5; }

.select-theme-light.select2-container.select2-container .select2-dropdown { border-color: #d5d5d5; }

.select-theme-light.select2-container.select2-container .select2-dropdown--above.select2-dropdown { box-shadow: 0px 6px 18px -25px rgba(0, 0, 0, 0.07), -18px 0 18px -15px rgba(0, 0, 0, 0.07), 18px 6px 0px -18px rgba(0, 0, 0, 0.07); }

.select-theme-light.select2-container.select2-container .select2-search__field { color: #454545; }

.select-theme-light.select2-container.select2-container .select2-dropdown--below .select2-results { padding-bottom: 0.4375rem; }

.select-theme-light.select2-container.select2-container .select2-dropdown--above .select2-results { padding-top: 0.375rem; }

.select-theme-light.select2-container.select2-container .select2-results .select2-results__option { color: #454545; height: 3rem; line-height: 1.625rem; padding: 0.6875rem; }
.select-theme-light.select2-container.select2-container .select2-results .select2-results__option:active { background-color: #e6eaee; }

.select-theme-light.select2-container.select2-container .select2-results .select2-results__option[aria-selected=true], .select-theme-light.select2-container.select2-container .select2-results .select2-results__option--highlighted[aria-selected=true] { background-color: #e6eaee; }

.select-theme-light.select2-container.select2-container .select2-results .select2-results__option--highlighted { background-color: #f4f4f4; }

/* DARK THEME: */
.select-theme-dark.select2-container.select2-container .select2-selection--single, .select-theme-dark.select2-container.select2-container .select2-selection--single:hover, .select-theme-dark.select2-container.select2-container .select2-selection--single:focus { background-color: transparent; border: none; box-shadow: none; transition: box-shadow 0.15s ease, all 0s; }

.select-theme-dark.select2-container.select2-container .select2-selection--single .select2-selection__rendered, .select-theme-dark.select2-container.select2-container .select2-selection--single:hover .select2-selection__rendered { background-color: transparent; color: #454545; font-size: 15px; padding: 0 2.75rem 0 0.75rem; transition: box-shadow 0.15s ease, all 0s; }

.select-theme-dark.select2-container.select2-container .select2-selection--single:hover .select2-selection__rendered { background-color: transparent; }

.select-theme-dark > .select-option { color: #454545; }

.select-theme-dark.select2-container.select2-container .select2-selection__arrow { right: 12px; }

.select-theme-dark.select2-container.select2-container .select2-selection__arrow b, .select-theme-dark.select2-container.select2-container.select2-container--open .select2-selection__arrow b { border-color: #868686; }

.select-theme-dark.select2-container.select2-container.select2-container--open .select2-selection--single { background-color: #f4f7fa; border: 1px solid #d5d5d5; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }

.select-theme-dark.select2-container.select2-container .select2-dropdown { background-color: #f4f7fa; border: 1px solid #d5d5d5; }

.select-theme-dark.select2-container.select2-container .select2-dropdown--above.select2-dropdown { box-shadow: 0px 6px 18px -25px rgba(0, 0, 0, 0.07), -18px 0 18px -15px rgba(0, 0, 0, 0.07), 18px 6px 0px -18px rgba(0, 0, 0, 0.07); }

.select-theme-dark.select2-container.select2-container .select2-dropdown--above.select2-dropdown, .select-theme-dark.select2-container.select2-container.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; }

.select-theme-dark.select2-container.select2-container .select2-dropdown--below.select2-dropdown, .select-theme-dark.select2-container.select2-container.select2-container--open.select2-container--above .select2-selection--single { border-top: none; }

.select-theme-dark.select2-container.select2-container .select2-search--dropdown, .select-theme-dark.select2-container.select2-container .select2-search__field { background-color: #f4f7fa; color: #454545; }

.select-theme-dark.select2-container.select2-container .select2-search--dropdown { width: calc(100% - 5rem); }

.select-theme-dark.select2-container.select2-container .select2-search__field { height: 2.625rem; width: 100%; }

.select-theme-dark.select2-container.select2-container .select2-results .select2-results__option { background-color: #f4f7fa; color: #454545; font-size: 15px; padding: 0.5625rem; }

.select-theme-dark.select2-container.select2-container .select2-dropdown--below .select2-results { padding-bottom: 0.4375rem; }

.select-theme-dark.select2-container.select2-container .select2-dropdown--above .select2-results { padding-top: 0.375rem; }

.select-theme-dark.select2-container.select2-container .select2-results .select2-results__option--highlighted, .select-theme-dark.select2-container.select2-container .select2-results .select2-results__option--highlighted[aria-selected=true] { background-color: #e6eaee; }

@media screen and (any-hover: hover) { .select2-container.select2-container .select2-selection--single:hover { border: 2px solid #d5d5d5; border-color: #bcbcbc; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); } }
.signup-email__form { display: flex; flex-flow: column; max-width: 25.625rem; width: 100%; }

.signup-email { display: flex; justify-content: center; margin-top: 13.125rem; width: 80%; }

.signup-email--verification { margin-top: 11.25rem; }

.signup-email__email-container { position: relative; }

.signup-email__email input[type="email"].text-box__input, .signup-email__email-verification input[type="text"].text-box__input { margin-bottom: 0; width: 100%; }

.signup-email__email-verification-error .error-tooltip { color: #67b5d7; }

.signup-email__verification-message { color: #454545; font-size: 16px; font-weight: 700; letter-spacing: -0.32px; line-height: 1.375rem; }

.signup-email__email-verification-label { margin-top: 1.25rem; }

.signup-email__resend-link { color: #67b5d7; cursor: pointer; position: relative; text-decoration: none; }

.signup-email__resend-link-text { opacity: 1; padding-top: 1rem; position: absolute; width: max-content; }

.signup-email__resend-link-text--hidden { opacity: 0; }

.signup-email__resend-link-text--disabled { cursor: not-allowed; opacity: 0.5; }

.signup-email__resend-spinner { position: absolute; left: 2.875rem; top: 1.625rem; }

@media screen and (max-width: 960px), screen and (max-height: 800px) { .signup-email { align-items: center; flex-flow: column; height: 100%; margin-top: 0rem; position: absolute; }
  .signup-email .error-tooltip { position: absolute; }
  .signup-email__email-label { margin-top: 0; }
  .signup-email__email-container { display: flex; flex-flow: column; width: 100%; } }
@media screen and (max-height: 350px) { .signup-email .error-tooltip { top: 75px; } }
.signup-error__header { display: flex; justify-content: center; margin-top: 3rem; margin-bottom: 3rem; }

.signup-error__header-logo { fill: #2696c6; cursor: pointer; }

.signup-error__content-container { background: #ffffff; border-radius: 5px; box-shadow: 0 0.125rem 0.5625rem 0 rgba(0, 0, 0, 0.07); display: flex; flex-direction: column; max-height: calc(100vh - 100px); max-width: 36.625rem; text-align: center; }

.signup-error__content { color: #868686; font-size: 16px; font-weight: 300; line-height: 1.38; padding: 3rem; }

.signup-error__title { color: #000000; font-size: 22px; font-weight: 400; margin-bottom: 2rem; }

.signup-error__message + .signup-error__message { margin-top: 0.75rem; }

.signup-error__link { color: #3490d5; cursor: pointer; }

.signup-modal__row, .signup-modal__header-row, .signup-modal__message-row { display: flex; flex-direction: row; height: auto; justify-content: center; opacity: 1; transition: opacity 0.5s ease; width: 100%; }

.signup-modal-container { height: 100%; margin: auto 0; padding-bottom: 130px; position: absolute; width: 100%; }

.signup-billing-modal-container, .signup-payment-modal-container, .signup-number-picker-modal-container { height: 100%; left: 0; padding-bottom: 5.625rem; position: absolute; top: 0; width: 100%; }

.signup-modal { background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.07); display: flex; flex-direction: column; font-size: 16px; height: 19.375rem; opacity: 0; padding: 1.25rem; pointer-events: all; position: absolute; transition: opacity 0.2s ease; width: 22.875rem; z-index: 8; }

.signup-modal--center { justify-content: center; }

.signup-payment-modal { align-items: center; justify-content: center; }

.signup-reservation-modal { height: 16.8125rem; }

.signup-reservation-modal--failed { height: 24.625rem; }

.signup-modal--visible { opacity: 1; }

.signup-modal--large { height: auto; left: calc(50% - 250px); top: calc(50% - 160px); width: 31.25rem; }

.signup-modal__row { margin-bottom: 1.875rem; }

.signup-modal__header-row { margin-bottom: 1.375rem; }

.signup-modal__message-row { margin-bottom: 1.5625rem; }

.signup-modal__row--hidden { height: 0; opacity: 0; }

.signup-modal__row--align-end { justify-content: flex-end; margin-bottom: 0.625rem; }

.signup-modal__row--margin-bottom-0 { margin-bottom: 0rem; }

.signup-modal__cancel { fill: #868686; transition: all 0.2s ease; }
.signup-modal__cancel:hover { cursor: pointer; fill: #868686; }

.signup-modal__cancel--align-right { text-align: right; }

.signup-modal__phone-number { align-items: center; background-color: #fffae6; border: 0.0625rem solid #f7f1d5; border-radius: 5px; display: flex; height: 2.8125rem; justify-content: space-between; padding: 0.75rem; width: 12.1875rem; }
.signup-modal__phone-number:hover { cursor: default; }

.signup-modal__phone-number--in-progress { background-color: #f4f4f4; border: 0.125rem solid #d5d5d5; }

.signup-modal__phone-number--failed { background-color: #fffae6; border: 0.125rem solid #f7f1d5; }

.signup-modal__phone-icon { fill: #bcbcbc; margin-left: 0.375rem; position: relative; top: 2px; }

.signup-modal__phone-icon--in-progress { fill: #bcbcbc; }

.signup-modal__phone-icon--failed { fill: #7d6b4b; }

.signup-modal__phone-number-text { color: #7d6b4b; font-size: 16px; font-weight: 500; }

.signup-modal__phone-number-text--in-progress { color: #868686; letter-spacing: -0.57px; line-height: 1.625rem; }

.signup-modal__phone-number-text--failed { color: #7d6b4b; letter-spacing: -0.57px; line-height: 1.625rem; }

.signup-modal__attention-icon, .signup-modal__attention-icon--large, .signup-modal__check-mark-icon { position: relative; top: 1px; opacity: 1; transition: opacity 0.5s ease; }

.signup-modal__attention-icon { fill: #2696c6; }

.signup-modal__attention-icon--large { fill: #bcbcbc; }

.signup-modal__check-mark-icon { fill: #2696c6; margin-right: 0.3125rem; }

.signup-modal__header-icon { text-align: center; margin-bottom: 1.25rem; }

.signup-modal__header-icon--spinner { margin-bottom: 1.3125rem; }
.signup-modal__header-icon--spinner.spinner { height: 3.125rem; margin-top: 2rem; position: relative; }

.signup-modal__header, .signup-modal__message { color: #2b2b2b; line-height: 1.375rem; text-align: center; width: 15rem; }
.signup-modal__header:hover, .signup-modal__message:hover { cursor: default; }

.signup-modal__header { font-weight: 500; }

.signup-modal__message { color: #6a6a6a; }

.signup-modal__header--large, .signup-modal__header--xlarge, .signup-modal__message--large { margin: 0 1.875rem; width: 100%; }

.signup-modal__header--xlarge { color: #454545; font-size: 1.25rem; line-height: 1.125rem; }

.signup-modal__submit-button { align-items: center; background-color: #2696c6; border-radius: 5px; display: flex; height: 2.8125rem; transition: all 0.2s ease; width: 12.1875rem; }
.signup-modal__submit-button:hover { background-color: #165a76; cursor: pointer; }
.signup-modal__submit-button.spinner-button { font-size: 16px; justify-content: center; }

.signup-modal__submit-button-text { color: #ffffff; font-weight: 500; text-align: center; width: 100%; }

@media screen and (max-width: 959px) { .signup-reservation-modal { width: 90%; }
  .signup-modal__message--large { width: 70%; } }
.signup-payment__form { display: flex; flex-direction: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; max-width: 30rem; padding-top: 3.125rem; width: 100%; }
.signup-payment__form .error-tooltip { width: 100%; }
.signup-payment__form .credit-card-icon { right: 0.3125rem; }

.signup-payment__row { display: flex; }
.signup-payment__row label { font-size: 16px; font-weight: normal; }

.signup-payment__name-container, .signup-payment__number-container, .signup-payment__expiration-date-container, .signup-payment__cvv-container, .signup-payment__postal-container { height: 5.625rem; padding-bottom: 1.25rem; width: 100%; }

.signup-payment__name .text-box input, .signup-payment__name .text-box input[type='text'] { width: 100%; }

.signup-payment__number-container { margin-right: 0.625rem; width: 49%; }

.signup-payment__number .credit-card-input input, .signup-payment__number .credit-card-input input[type='tel'], .signup-payment__number .credit-card-input input[type='text'] { width: 100%; }

.signup-payment__number .credit-card-input span.amex, .signup-payment__number .credit-card-input span.discover, .signup-payment__number .credit-card-input span.mastercard, .signup-payment__number .credit-card-input span.visa { right: 10px; top: 10px; }

.signup-payment__expiration-date-container { margin-right: 0.625rem; width: 35%; }

.signup-payment__expiration-date { display: flex; }
.signup-payment__expiration-date .select2-container.select2-container .select2-selection__arrow { height: 2.5625rem; width: 1rem; }
.signup-payment__expiration-date .select2-container.select2-container .select2-selection--single { transition: all 0s ease; }

.signup-payment__expiration-date.invalid .signup-payment__expiration-month + .select2, .signup-payment__expiration-date.invalid .signup-payment__expiration-year + .select2 { border-color: #fc4636; border-radius: 5px; }
.signup-payment__expiration-date.invalid .signup-payment__expiration-month.select2-container--open + .select2, .signup-payment__expiration-date.invalid .signup-payment__expiration-year.select2-container--open + .select2 { border-color: #fc4636; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.signup-payment__expiration-date.invalid .select2-container.select2-container .select2-selection--single { border: unset; height: 2.5625rem; }

.signup-payment__expiration-month { width: 40%; }
.signup-payment__expiration-month + .select2 { margin-right: 0.625rem; }

.signup-payment__expiration-year { width: 49%; }

.select2-container.signup-payment__expiration-month-select2 .select2-search--dropdown, .select2-container.signup-payment__expiration-year-select2 .select2-search--dropdown { margin: 0.25rem; padding: 0; width: calc(100% - 36px); }
.select2-container.signup-payment__expiration-month-select2 .select2-search--dropdown .select2-search__field, .select2-container.signup-payment__expiration-year-select2 .select2-search--dropdown .select2-search__field { background-color: #ffffff; padding-left: 0.3125rem; }
.select2-container.signup-payment__expiration-month-select2.select2-container.select2-container .select2-search--dropdown, .select2-container.signup-payment__expiration-year-select2.select2-container.select2-container .select2-search--dropdown { top: -2.8125rem; }

.signup-payment__cvv-container { width: 12%; }

.signup-payment__cvv .text-box input, .signup-payment__cvv .text-box input[type='tel'], .signup-payment__cvv .text-box input[type='text'], .signup-payment__postal .text-box input, .signup-payment__postal .text-box input[type='tel'], .signup-payment__postal .text-box input[type='text'] { width: 100%; }

.signup-payment__cvv .text-box input, .signup-payment__cvv .text-box input[type='tel'] { padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; }

.signup-payment__country-container { height: 5.625rem; padding-bottom: 1.25rem; margin-right: 0.625rem; width: 100%; }
.signup-payment__country-container .select2-container.select2-container .select2-selection__arrow { height: 2.5625rem; }

.signup-payment__go { background-color: #d5d5d5; border-radius: 0.375rem; color: #5d6470; height: 2.8125rem; font-size: 16px; width: 100%; }
.signup-payment__go .label { width: inherit; }
.signup-payment__go .spin { background-color: #f4f4f4; }

.signup-payment__go--enabled { background-color: #2696c6; color: #f4f4f4; }

.signup-payment__agree-to-terms { display: none; }

@media screen and (any-hover: hover) { .signup-payment__go:hover { background-color: #bcbcbc; color: #5d6470; }
  .signup-payment__go--enabled:hover { background-color: #165a76; color: #ffffff; } }
@media screen and (max-width: 960px), screen and (max-height: 800px) { .signup-payment__form { display: block; padding: 1.5625rem; padding-bottom: 9.375rem; }
  .signup-payment__row { flex-wrap: wrap; flex-shrink: 0; }
  .signup-payment__country-container, .signup-payment__number-container { margin-right: 0; width: 100%; }
  .signup-payment__postal-container { width: 100%; }
  .signup-payment__expiration-date-container { width: 75%; }
  .signup-payment__cvv-container { width: 22.5%; }
  .signup-payment__agree-to-terms { display: block; cursor: pointer; margin-bottom: 0; margin-top: 1.625rem; text-align: center; width: 100%; }
  .signup-payment__agree-to-terms a { color: #bcbcbc; font-size: 0.75rem; font-weight: normal; } }
.number-port__text-box--account-number .text-box input, .number-port__text-box--address .text-box input, .number-port__text-box--apt .text-box input, .number-port__text-box--city .text-box input, .number-port__text-box--country .text-box input, .number-port__text-box--name .text-box input, .number-port__text-box--pin-passcode .text-box input, .number-port__text-box--state .text-box input, .number-port__text-box--zip .text-box input, .number-port__text-box--signature .text-box input, .number-port__text-box--account-number .text-box input[type="text"], .number-port__text-box--address .text-box input[type="text"], .number-port__text-box--apt .text-box input[type="text"], .number-port__text-box--city .text-box input[type="text"], .number-port__text-box--country .text-box input[type="text"], .number-port__text-box--name .text-box input[type="text"], .number-port__text-box--pin-passcode .text-box input[type="text"], .number-port__text-box--state .text-box input[type="text"], .number-port__text-box--zip .text-box input[type="text"], .number-port__text-box--signature .text-box input[type="text"] { width: 15.3125rem; }

.signup-article__number-type { justify-content: center; margin-top: 11.6875rem; width: 100%; }

.signup-article__tresta-svg { display: none; }

.number-type__svg--mobile { display: none; }

.number-type__svg--desktop { display: block; }

.number-type__directly-unselected-card { animation-duration: .3s; animation-name: directly-unselected-card; }

.number-type__card { background: #ffffff; border-radius: 5px; box-shadow: 0 0.75rem 0.625rem 0 rgba(0, 0, 0, 0.06); color: #2696c6; cursor: pointer; flex-direction: column; height: 9.375rem; position: relative; transition: 0.15s ease-in; width: 9.375rem; }
.number-type__card:hover { box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); }
.number-type__card .number-type__svg--desktop ._svg-icon { fill: #454545; transition: 0.15s; }

.number-type__error-container { align-items: center; display: flex; justify-content: space-around; padding: 1rem 0; }

.number-type__error-message { color: #389a60; margin-top: 2.1875rem; text-align: center; transition: 0.5s; }

.number-type__card--selected { animation-duration: .3s; animation-name: card-selection; background: #2696c6; border-radius: 5px; box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); color: #f4f4f4; cursor: pointer; flex-direction: column; font-weight: 400; height: 9.375rem; position: relative; transition: 0.15s ease-out; width: 9.375rem; }
.number-type__card--selected .number-type__card--selected p { padding-bottom: 0; }

@-webkit-keyframes card-selection { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); }
  50% { -webkit-transform: translateY(0.125rem); -moz-transform: translateY(0.125rem); -ms-transform: translateY(0.125rem); -o-transform: translateY(0.125rem); transform: translateY(0.125rem); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); } }
@-moz-keyframes card-selection { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); }
  50% { -webkit-transform: translateY(0.125rem); -moz-transform: translateY(0.125rem); -ms-transform: translateY(0.125rem); -o-transform: translateY(0.125rem); transform: translateY(0.125rem); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); } }
@-ms-keyframes card-selection { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); }
  50% { -webkit-transform: translateY(0.125rem); -moz-transform: translateY(0.125rem); -ms-transform: translateY(0.125rem); -o-transform: translateY(0.125rem); transform: translateY(0.125rem); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); } }
@keyframes card-selection { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); }
  50% { -webkit-transform: translateY(0.125rem); -moz-transform: translateY(0.125rem); -ms-transform: translateY(0.125rem); -o-transform: translateY(0.125rem); transform: translateY(0.125rem); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); } }
@-webkit-keyframes directly-unselected-card { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); }
  50% { -webkit-transform: translateY(0.125rem); -moz-transform: translateY(0.125rem); -ms-transform: translateY(0.125rem); -o-transform: translateY(0.125rem); transform: translateY(0.125rem); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); } }
@-moz-keyframes directly-unselected-card { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); }
  50% { -webkit-transform: translateY(0.125rem); -moz-transform: translateY(0.125rem); -ms-transform: translateY(0.125rem); -o-transform: translateY(0.125rem); transform: translateY(0.125rem); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); } }
@-ms-keyframes directly-unselected-card { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); }
  50% { -webkit-transform: translateY(0.125rem); -moz-transform: translateY(0.125rem); -ms-transform: translateY(0.125rem); -o-transform: translateY(0.125rem); transform: translateY(0.125rem); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); } }
@keyframes directly-unselected-card { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); }
  50% { -webkit-transform: translateY(0.125rem); -moz-transform: translateY(0.125rem); -ms-transform: translateY(0.125rem); -o-transform: translateY(0.125rem); transform: translateY(0.125rem); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); } }
.number-type__card--selected ._svg-icon { fill: #ffffff; transition: 0.15s; }

.number-type__svg--checkmark { fill: #ffffff; position: absolute; right: 12px; top: 10px; }

.number-type__card-container { align-items: center; display: flex; justify-content: space-around; padding: 0rem 6.5625rem; }

.number-type-chooser__spinner { height: 3.1875rem; position: relative; top: 26px; }

.number-type-chooser__spinner--mobile { display: none; }

.number-type__text { font-weight: 500; margin: 0.625rem 0 0 0; padding-bottom: 0; white-space: nowrap; }

.signup-article__number-picker { align-items: center; display: flex; flex-direction: column; margin-top: 1.25rem; width: 100%; }

span.select2-container.select2-container.signup-number-picker .select2-dropdown.signup-number-picker__vanity-dropdown { min-width: 18.125rem; }
span.select2-container.select2-container.signup-number-picker .select2-dropdown.signup-number-picker__vanity-dropdown .select2-search-field { border-top: 0.0625rem solid #bcbcbc; }

.signup-article--select-a-number-message { color: #2696c6; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: normal; }

.signup-article__number-port { align-items: center; display: flex; flex-direction: column; min-height: 28.125rem; width: 100%; }

.number-port__content { max-width: 32.125rem; width: 100%; }

.number-port__tab-container { align-items: space-between; background-color: #dedede; border-radius: 5px; display: flex; margin: 1.25rem 0; width: 100%; }

.number-port__tab, .number-port__tab--active { background-color: #dedede; border: 0.125rem solid #dedede; border-radius: 5px; flex-grow: 1; height: 2.5rem; position: relative; }

.number-port__tab--active { background: #ffffff; }

.number-port__tab-after--active:after { border-bottom: 18px solid transparent; border-left: 18px solid #ffffff; border-top: 18px solid transparent; content: ''; height: 0; position: absolute; right: -16px; top: 0; width: 0; z-index: 1; }

.number-port__tab-after:after { background-color: #dedede; border-left: 2px solid #dedede; border-top: 2px solid #dedede; content: ''; height: 26px; position: absolute; right: -18px; top: 4px; width: 26px; z-index: 1; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.number-port__tab-number-svg { display: flex; fill: #868686; }

.number-port__tab-number-svg--active { fill: #2696c6; }

.number-port__tab-title { color: #868686; font-size: 16px; margin-left: 0.5rem; }

.number-port__tab-title--active { font-size: 16px; margin-left: 0.5rem; }

.number-port-mobile-spacer { display: none; }

.number-port__form { display: flex; min-height: 5.9375rem; position: relative; }

.number-port__form--no-label { min-height: 4.375rem; }

.number-port__form-row { display: flex; justify-content: space-between; }

.number-port__form-container { min-height: 5.9375rem; position: relative; }

.number-port__label-row { align-items: center; display: flex; justify-content: space-between; }

.number-port__form-label--info { color: #5d6470; font-weight: 300; }

.number-to-port__form { display: flex; flex-direction: column; height: 100%; position: relative; }

.number-to-port__form-row { min-height: 6.25rem; }

.number-to-port__form-row--no-label { min-height: 4.375rem; }

.number-to-port__form-container { position: relative; width: 50%; }

.number-to-port__form-container--small .intl-tel-input2 .country-list { max-width: 14.5rem; }

.number-port__number-input .intl-tel-input2 input, .number-port__number-input .intl-tel-input2 input[type="tel"] { -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.number-port__text-box .text-box input, .number-port__text-box .text-box input[type="text"], .number-port__text-box--carrier .text-box input, .number-port__text-box--carrier .text-box input[type="text"] { width: 100%; }

.number-port__text-box--carrier .text-box input, .number-port__text-box--carrier .text-box input[type="text"] { border-left: none; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.number-port__text-box--carrier .text-box input:focus, .number-port__text-box--carrier .text-box input:hover, .number-port__text-box--carrier .text-box input[type="text"]:focus, .number-port__text-box--carrier .text-box input[type="text"]:hover { border-left: none; }

.number-port__text-box--carrier--disabled { align-items: center; background: #ffffff; border: 2px solid #d5d5d5; border-left: none; border-radius: 5px; color: #5d6470; cursor: not-allowed; display: flex; font-size: 16px; height: 2.8125rem; padding: 0.25rem 0.9375rem; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }

.number-port__form-container--add-more, .number-port__form-container--add-number { align-items: center; border-radius: 5px; display: flex; flex-direction: row; justify-content: space-around; min-height: 2.8125rem; width: 100%; }

.number-port__form-container--add-number { border: 0.125rem dashed #868686; color: #868686; cursor: pointer; }

.number-port__form-container--add-number:hover { border-color: #868686; color: #868686; }

.number-port__error .error-tooltip { max-width: none; width: 100%; }

.number-port__error--address .error-tooltip { width: 14.375rem; }

.number-port__error--billing .error-tooltip { width: 15.3125rem; }

.number-port__error--city .error-tooltip { width: 10rem; }

.number-port__error--zip .error-tooltip { width: 5.3125rem; }

.number-to-port__error .error-tooltip { margin-bottom: 1.125rem; }

.number-port__billing { display: flex; justify-content: space-between; height: 5.9375rem; position: relative; width: 100%; }

.number-port__number-input--billing .intl-tel-input2 input, .number-port__number-input--billing .intl-tel-input2 input[type="tel"] { width: 15.3125rem; }

.number-port__text-box--account-number .text-box input, .number-port__text-box--account-number .text-box input[type="text"], .number-port__text-box--address .text-box input, .number-port__text-box--address .text-box input[type="text"], .number-port__text-box--apt .text-box input, .number-port__text-box--apt .text-box input[type="text"], .number-port__text-box--city .text-box input, .number-port__text-box--city .text-box input[type="text"], .number-port__text-box--country .text-box input, .number-port__text-box--country .text-box input[type="text"], .number-port__text-box--name .text-box input, .number-port__text-box--name .text-box input[type="text"], .number-port__text-box--pin-passcode .text-box input, .number-port__text-box--pin-passcode .text-box input[type="text"], .number-port__text-box--state .text-box input, .number-port__text-box--state .text-box input[type="text"], .number-port__text-box--zip .text-box input, .number-port__text-box--zip .text-box input[type="text"] { width: 15.3125rem; }

.number-port__text-box--account-number .text-box input, .number-port__text-box--account-number .text-box input[type="text"], .number-port__text-box--pin-passcode .text-box input, .number-port__text-box--pin-passcode .text-box input[type="text"] { padding-right: 2.5rem; }

.number-port__text-box--address .text-box input, .number-port__text-box--address .text-box input[type="text"] { width: 14.375rem; }

.number-port__text-box--apt .text-box input, .number-port__text-box--apt .text-box input[type="text"] { width: 5rem; }

.number-port__text-box--city .text-box input, .number-port__text-box--city .text-box input[type="text"] { width: 10rem; }

.number-port__text-box--country { width: 10.3125rem; }

.number-port__text-box--state { width: 13.4375rem; }

.number-port__text-box--zip .text-box input, .number-port__text-box--zip .text-box input[type="text"] { width: 5.3125rem; }

.number-port__actions { margin-left: 0.3125rem; max-height: 6.375rem; }

.number-port__actions--add { font-size: 14px; white-space: nowrap; }

.number-port__actions--no-label { justify-content: center; align-items: flex-start; }
.number-port__actions--no-label .number-port__actions--delete { margin-top: 0rem; }

.number-port__actions--delete { background: #dedede; border-bottom: 0.125rem solid #d5d5d5; border-radius: 5px; flex-direction: column; margin-top: 0.4375rem; transition: all 0.2s ease; width: 2.8125rem; height: 2.8125rem; }
.number-port__actions--delete ._svg-icon { fill: #868686; }
.number-port__actions--delete:hover { background-color: #e6eaee; cursor: pointer; }
.number-port__actions--delete:hover ._svg-icon { fill: #454545; }

.number-port__action-icon { width: 1.5rem; height: 1.5rem; }

.number-port__calendar-icon { cursor: pointer; fill: #808795; left: 136px; position: absolute; top: 41px; }
.number-port__calendar-icon:hover { fill: #454545; }

.number-port__info-icon { margin-top: 0.625rem; }
.number-port__info-icon ._svg-icon { fill: #868686; }
.number-port__info-icon:hover ._svg-icon { fill: #454545; }

.number-port__date-picker:focus + .number-port__calendar-icon { fill: #454545; }

.number-port__date-picker::-ms-clear { display: none; }

.number-port__date-picker.ui-datepicker:before { left: 43%; top: 16.25rem; }

.number-port__google-warning { position: absolute; top: 86px; z-index: 3; }

.google-warning__message-container, .number-port-warning__message-container { display: flex; }

.google-warning__message-container { background: #fffae6; border: 0.0625rem solid #f7f1d5; border-radius: 0.125rem; color: #7d6b4b; display: table; line-height: 1.125rem; margin-top: 0.75rem; padding: 0.875rem; -webkit-font-smoothing: antialiased; }

.number-port-warning__message-container { align-items: center; border: 0.125rem dashed #d5d5d5; border-radius: 5px; color: #5d6470; flex-direction: row; font-weight: 300; height: 100%; justify-content: space-around; padding: 0.75rem; min-height: 2.8125rem; width: 100%; }

.number-port-warning__message-container .error-tooltip { margin-top: 0; }

.google-warning__message, .google-warning__message--last { display: flex; flex-basis: 90%; flex-direction: column; }

.google-warning__message--last { margin-bottom: 0; }

.google-warning__message-icon { align-items: flex-start; display: flex; flex-basis: 10%; justify-content: flex-end; }

.google-warning__message-icon { fill: #7d6b4b; cursor: pointer; }
.google-warning__message-icon:hover { fill: #2696c6; }

.google-warning__message-span { margin-bottom: 1.25rem; }

.google-warning__after:after { background-color: #fffae6; border-left: 1px solid #f7f1d5; border-top: 1px solid #f7f1d5; content: ''; height: 16px; position: absolute; right: 120px; top: -10px; width: 16px; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.number-port__port-type { margin-top: 0.75rem; width: 100%; }

.number-port__selector-options { display: flex; flex-direction: column; }

.number-port__selector-option { display: flex; margin: 0.3125rem 0; }

.number-port__selector-container { display: flex; height: 100%; }

.number-port__selector { cursor: pointer; margin-right: 0.625rem; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.number-port__selector-text { color: #454545; cursor: pointer; font-size: 16px; font-weight: 100; }

.number-port__message-link { color: #bcbcbc; cursor: pointer; font-size: 14px; margin-top: 1.875rem; text-align: center; }
.number-port__message-link:hover { color: #2696c6; }

.number-port__authorization { display: flex; flex-direction: column; justify-content: space-between; position: relative; }

.number-port__text-box--port-date input, .number-port__text-box--port-date input[type='text'] { background: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; color: #5d6470; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; height: 2.8125rem; padding: 0.25rem 0.9375rem; width: 10.9375rem; }
.number-port__text-box--port-date input:focus, .number-port__text-box--port-date input:hover, .number-port__text-box--port-date input[type='text']:focus, .number-port__text-box--port-date input[type='text']:hover { border-color: #bcbcbc; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); outline: none; }

.number-port__text-box--signature .text-box input, .number-port__text-box--signature .text-box input[type="text"] { width: 19.375rem; }

.number-port__authorization-statement, .number-port__port-date-statement { color: #5d6470; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 300; line-height: 1.125rem; }

.number-port__authorization-statement { margin-bottom: 1.25rem; margin-right: 0.875rem; }

.number-port__port-date-statement { margin-left: 1.25rem; }

.number-port__form-checkbox { margin-bottom: 1.25rem; }

.number-port__form-checkbox .check-box-container { align-items: flex-start; }

.number-port__form-checkbox .check-box { top: 2px; }

.number-port__form-checkbox .check-box-text { color: #5d6470; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 300; letter-spacing: unset; line-height: 1.125rem; margin-left: 0.75rem; width: 100%; }

.number-port__form-checkbox .check-box-error-text { bottom: -20px; top: unset; }

.number-port__date-picker#ui-datepicker-div { margin-bottom: 0.625rem; min-height: 17.125rem; }

@media screen and (any-hover: hover) { .number-picker__results-refresh:hover .number-picker__results-refresh-icon { fill: #2696c6; }
  .number-picker__results-refresh:hover .number-picker__results-refresh-text { color: #2696c6; }
  .number-picker__results-item:hover, .number-picker__form-button:hover { background-color: #f4f4f4; color: #454545; }
  .number-picker__results-item--selected:hover, .number-picker__form-button--selected:hover { background-color: #165a76; color: #ffffff; } }
@media screen and (max-width: 960px), screen and (max-height: 800px) { .number-port-mobile-spacer { display: block; height: 2.5rem; }
  .number-picker__magnifying-glass--valid:hover { background: #2696c6; }
  .toll-number-picker__results-yellow-box--visible { margin-bottom: 0.9375rem; }
  .local-number-picker__results-yellow-box--visible { margin-bottom: 1.625rem; }
  .number-picker__form-row-item--large { padding-top: 0.4375rem; }
  .type-selector__tab-text { margin-left: 0rem; }
  .signup-article__number-type { margin-top: 0rem; }
  .number-type__card-container { flex-flow: column; }
  .number-type__error-message { bottom: 15%; display: block; position: absolute; margin: 0 auto; text-align: center; width: 100%; }
  .number-type { background-color: #f4f4f4; flex-flow: column; justify-content: flex-start; width: 100vw; }
  .number-type__card, .number-type__card--selected { align-content: center; box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.06); flex-flow: row; height: 4rem; margin-top: 1.25rem; padding: 0 4.375rem; width: 18.125rem; }
  .number-type__text { font-weight: 500; margin: 0rem; padding: 0 0 0 0.9375rem; }
  .number-type__svg--mobile { display: block; }
  .number-type__svg--desktop { display: none; }
  .number-type-chooser__spinner { display: none; }
  .number-type-chooser__spinner--mobile { display: inline-block; height: 0; margin-right: 1rem; top: 0; }
  .signup-article__number-port { margin-bottom: 2.5rem; margin-top: 0.625rem; }
  .number-port__content { font-size: 14px; max-width: 32.375rem; padding: 0rem 1.875rem 3.125rem 1.875rem; width: 100%; }
  .number-port__tab, .number-port__tab--active { flex-direction: column; height: 3.75rem; }
  .number-port__tab--middle { padding-left: 0.625rem; }
  .number-port__tab-title, .number-port__tab-title--active { font-size: 14px; margin-top: 0.25rem; }
  .number-port__tab-after:after { border-right: 0.125rem solid #dedede; border-top: 0.125rem solid #dedede; height: 2rem; right: -22px; top: 11px; width: 2rem; -webkit-transform: rotate(30deg) skewY(25deg); -moz-transform: rotate(30deg) skewY(25deg); -ms-transform: rotate(30deg) skewY(25deg); -o-transform: rotate(30deg) skewY(25deg); transform: rotate(30deg) skewY(25deg); }
  .number-port__tab-after--active:after { border-bottom: 1.75rem solid transparent; border-top: 1.75rem solid transparent; }
  .number-port__form-container--mobile, .number-port__form-row--mobile { width: 100%; }
  .number-port__form-container--mobile-half { width: 48%; }
  .number-port__form-container--address { width: 72%; }
  .number-port__form-container--apt { width: 25%; }
  .number-port__form-container--add-number { min-height: 2.8125rem; }
  .number-port__form-row--mobile-row-wrap { flex-wrap: wrap; }
  .number-port__number-input .intl-tel-input, .number-port__number-input--billing .intl-tel-input { width: 100%; }
  .number-port__number-input .intl-tel-input2 input, .number-port__number-input .intl-tel-input2 input[type="tel"], .number-port__number-input--billing .intl-tel-input2 input, .number-port__number-input--billing .intl-tel-input2 input[type="tel"] { border-radius: 5px; margin-right: 0; width: 100%; }
  .number-port__info-icon--google { right: 38px; top: 47px; }
  .number-port__google-warning { top: -12px; }
  .google-warning__after:after { right: 35px; }
  .number-port__billing { flex-wrap: wrap; }
  .number-port__actions { justify-content: initial; }
  .number-port-warning__message-container { height: 5rem; }
  .number-port__selector-option--others { height: 2rem; }
  .number-port__text-box--account-number .text-box input, .number-port__text-box--account-number .text-box input[type="text"], .number-port__text-box--address .text-box input, .number-port__text-box--address .text-box input[type="text"], .number-port__text-box--apt .text-box input, .number-port__text-box--apt .text-box input[type="text"], .number-port__text-box--carrier .text-box input, .number-port__text-box--carrier .text-box input[type="text"], .number-port__text-box--city .text-box input, .number-port__text-box--city .text-box input[type="text"], .number-port__text-box--name .text-box input, .number-port__text-box--name .text-box input[type="text"], .number-port__text-box--pin-passcode .text-box input, .number-port__text-box--pin-passcode .text-box input[type="text"], .number-port__text-box--signature .text-box input, .number-port__text-box--signature .text-box input[type="text"], .number-port__text-box--zip .text-box input, .number-port__text-box--zip .text-box input[type="text"] { width: 100%; }
  .number-port__text-box--carrier .text-box input, .number-port__text-box--carrier .text-box input[type="text"] { border-left: 2px solid #d5d5d5; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
  .number-port__text-box--carrier .text-box input:focus, .number-port__text-box--carrier .text-box input:hover, .number-port__text-box--carrier .text-box input[type="text"]:focus, .number-port__text-box--carrier .text-box input[type="text"]:hover { border-left: 2px solid #d5d5d5; }
  .number-port__text-box--port-date, .number-port__text-box--state, .number-port__text-box--country { width: 100%; }
  .number-port__text-box--port-date input, .number-port__text-box--port-date input[type="text"], .number-port__text-box--state input, .number-port__text-box--state input[type="text"], .number-port__text-box--country input, .number-port__text-box--country input[type="text"] { width: 100%; }
  .number-port__port-date-statement { margin-left: 1.625rem; }
  .number-port__calendar-icon { right: 16px; left: auto; } }
.signup-profile__first-name .text-box input, .signup-profile__last-name .text-box input, .signup-profile__business-name .text-box input, .signup-profile__first-name .text-box input[type='text'], .signup-profile__last-name .text-box input[type='text'], .signup-profile__business-name .text-box input[type='text'] { width: 13.5625rem; }

.signup-profile__form { flex-flow: column; margin-top: 2.5rem; width: 66%; }
.signup-profile__form .error-tooltip { width: 100%; }

.signup-profile__row { align-items: center; display: flex; justify-content: space-between; width: 100%; }

.signup-profile__first-name-container, .signup-profile__last-name-container, .signup-profile__business-name-container, .signup-profile__mobile-number-container, .signup-profile__verification-question-container, .signup-profile__verification-answer-container, .signup-profile__password-container { height: 5.625rem; width: 100%; }

.signup-profile__first-name-container, .signup-profile__business-name-container { margin-right: 1.25rem; }

.signup-profile__mobile-number-container .intl-tel-input2 .country-list, .signup-profile__mobile-number-container .intl-tel-input2 input, .signup-profile__mobile-number-container .intl-tel-input2 input[type="tel"] { max-width: 13.5625rem; }

.signup-profile__password-container { position: relative; }

.signup-profile__verification-answer .text-box input, .signup-profile__verification-answer .text-box input[type='text'] { width: 100%; }

.signup-profile__password .text-box input, .signup-profile__password .text-box input[type='password'], .signup-profile__password .text-box input[type='text'] { padding-right: 2.125rem; width: 100%; }

.signup-profile__password-icon { color: #d5d5d5; cursor: pointer; position: absolute; right: 9px; top: 42px; }
.signup-profile__password-icon:hover { color: #868686; }
.signup-profile__password-icon ._svg-icon { fill: currentColor; }

.signup-profile__spacer-container { display: none; }

@media screen and (max-width: 960px), screen and (max-height: 800px) { .signup-profile__spacer-container { display: block; height: 5.625rem; width: 100%; }
  .signup-profile__form { flex-shrink: 0; margin-top: 1.5625rem; max-width: 31.25rem; padding-bottom: 9.375rem; width: 80%; }
  .signup-profile__row { flex-wrap: wrap; }
  .signup-profile__first-name-container, .signup-profile__business-name-container { margin-right: 0; width: 100%; }
  .signup-profile__first-name .text-box input, .signup-profile__first-name .text-box input[type="text"], .signup-profile__last-name .text-box input, .signup-profile__last-name .text-box input[type="text"], .signup-profile__business-name .text-box input, .signup-profile__business-name .text-box input[type="text"] { width: 100%; }
  .signup-profile__mobile-number .intl-tel-input { max-width: 31.25rem; width: 100%; }
  .signup-profile__mobile-number-container .intl-tel-input2 .country-list, .signup-profile__mobile-number-container .intl-tel-input2 input, .signup-profile__mobile-number-container .intl-tel-input2 input[type="tel"] { max-width: 31.25rem; } }
.signup-article__confirmation-screen { align-items: center; display: flex; flex-flow: column; justify-content: flex-start; width: 100%; }

.confirmation-screen__message { align-items: center; display: flex; flex-flow: column; }

.confirmation-screen__message--title-text { color: #2696c6; font-size: 1.875rem; font-weight: 400; margin-bottom: 0.625rem; text-align: center; }

.confirmation-screen__message--body-text { color: #6a6a6a; font-size: 16px; line-height: 22px; margin-bottom: 2.1875rem; margin-top: 0.625rem; text-align: center; width: 39.375rem; }

.call-to-action__message-container { line-height: 1.5rem; width: 100%; }

.confirmation-screen__app-store-svg, .confirmation-screen__google-play-svg { cursor: pointer; height: 2.3125rem; width: 7.6875rem; }

.confirmation-screen__app-store-link { margin-left: 1.4375rem; }

.confirmation-screen__google-play-link { margin-left: 0.8125rem; margin-right: 1.9375rem; }

.confirmation-screen__call-to-action-section { align-items: center; flex-direction: column; display: flex; gap: 1.25rem; margin: 0 3.75rem; }

.confirmation-screen__call-to-action { align-items: center; background-color: rgba(230, 234, 238, 0.4); border-radius: 10px; display: flex; height: 5.8125rem; width: 100%; }

.confirmation-screen__call-to-action-message--body-text-link { color: #2696c6; cursor: pointer; font-size: 16px; }

.confirmation-screen__mobile-numbers { align-items: center; color: #6a6a6a; display: flex; justify-content: center; }

.confirmation-screen__calendar-icon, .confirmation-screen__mobile-icon, .confirmation-screen__desktop-icon { margin-left: 1.875rem; margin-right: 1.4375rem; width: 3rem; }

.confirmation-screen__mobile-icon path, .confirmation-screen__calendar-icon path { fill: #2696c6; }
.confirmation-screen__mobile-icon ._svg-icon, .confirmation-screen__calendar-icon ._svg-icon { width: 3rem; height: 3rem; }

.confirmation-screen__form--trial-end { max-width: 40.625rem; padding-top: 0rem; }

.confirmation-screen__trial-end-date { padding-top: 2.25rem; text-align: center; width: 100%; }

label.confirmation-screen__trial-end-date { font-weight: bold; font-size: 14px; }

.confirmation-screen__trial-end { font-size: 14px; font-weight: normal; text-align: center; width: 100%; }

.confirmation-screen__call-to-action--desktop .call-to-action__message-container { padding-bottom: 0; }

.confirmation-screen__mobile-numbers-section { align-items: center; display: flex; flex-shrink: 0; margin-bottom: 1.25rem; }

.confirmation-screen__mobile-number-divider { background-color: #bcbcbc; height: 0.125rem; width: 0.9375rem; }

.confirmation-screen__airwaves-icon { margin: 0 0.875rem; }

.confirmation-screen__call-to-action-message--title-text { color: #454545; font-size: 1.125rem; font-weight: 400; }

.confirmation-screen__call-to-action-message--body-text { color: #6a6a6a; font-size: 16px; font-weight: 400; }

.confirmation-screen__mobile-number-container { background-color: #f4f4f4; border: solid 2px #bcbcbc; border-radius: 5px; height: 2.8125rem; width: 10.25rem; }

.mobile-number-container__number-text { color: #6a6a6a; font-size: 0.9375rem; font-weight: 400; margin-left: 0.3125rem; }

.mobile-number-container__icon { fill: #bcbcbc; width: 1rem; height: 1rem; }

.confirmation-screen__checkmark { font-size: 3rem; margin-bottom: 0.6875rem; width: 3.75rem; }

.confirmation-screen__mobile-footer { display: none; }

.confirmation-screen__item-spinner { position: relative; }

@media screen and (max-width: 960px), screen and (max-height: 800px) { .signup-subsection-success { align-items: center; justify-content: center; height: 100%; position: absolute; width: 100%; }
  .confirmation-screen__checkmark { flex-shrink: 0; margin-top: 3.5625rem; }
  .confirmation-screen__call-to-action-message--body-text, .confirmation-screen__call-to-action-message--body-text-link { font-size: 14px; line-height: 1.25rem; }
  .confirmation-screen__mobile-numbers-section--porting { flex-flow: column; }
  .confirmation-screen__mobile-numbers--porting { flex-flow: column; }
  .confirmation-screen__airwaves-icon--porting, .confirmation-screen__mobile-number-divider--porting { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  .confirmation-screen__mobile-number-container--porting { margin: 0.25rem 0; }
  .confirmation-screen__message { flex-shrink: 0; }
  .confirmation-screen__message--body-text { width: 90%; }
  .confirmation-screen__calendar-icon, .confirmation-screen__mobile-icon, .confirmation-screen__desktop-icon { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
  .confirmation-screen__google-play-link, .confirmation-screen__app-store-link { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
  .confirmation-screen__google-play-link, .confirmation-screen__app-store-link, .confirmation-screen__airwaves-icon { margin: 0; }
  .confirmation-screen__mobile-number-container { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
  .confirmation-screen__mobile-footer { color: #bcbcbc; display: block; font-size: 0.8125rem; line-height: 6rem; text-align: center; }
  .confirmation-screen__mobile-footer-contact-number { color: #bcbcbc; transition: color 0.2s ease; }
  .confirmation-screen__call-to-action { justify-content: space-between; flex-flow: column; flex-shrink: 0; height: auto; padding: 2rem 1.5rem; text-align: center; width: 88%; }
  .call-to-action__message-container { padding: 1.875rem 0; }
  .confirmation-screen__google-play-link { padding-top: 1.125rem; }
  .signup-article__confirmation-screen { overflow: scroll; }
  .confirmation-screen__trial-end-date { margin-bottom: 0; padding-top: 1.625rem; }
  .confirmation-screen__trial-end { margin-bottom: 0; padding: 1.625rem 1rem 0 1rem; } }
.add-phone-number-type-chooser__prompt { color: #454545; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: normal; line-height: 1.38; letter-spacing: -0.32px; }

.add-phone-number-type-chooser__cards { display: flex; margin-top: 1.875rem; }

.add-phone-number-type-chooser__card-container { flex-direction: column; margin-right: 2rem; }

.add-phone-number-type-chooser__card { background: #f4f4f4; border-radius: 4px; cursor: pointer; flex-direction: column; height: 5rem; position: relative; width: 5rem; }
.add-phone-number-type-chooser__card:hover { background: #dedede; }

.add-phone-number-type-chooser__card--selected { background: #d5d5d5; }
.add-phone-number-type-chooser__card--selected:hover { background: #d5d5d5; }

.add-phone-number-type-chooser__card-label { color: #5d6470; font-stretch: normal; font-style: normal; letter-spacing: -0.54px; line-height: normal; margin-top: 0.5rem; text-align: center; }

.add-phone-number-type-chooser__icon { fill: #5d6470; }

.add-phone-number-type-chooser__spinner { height: 3.1875rem; position: relative; top: 26px; }

.add-phone-number header { border-bottom: 0.0625rem solid #e6eaee; padding-bottom: 0.9375rem; }

.add-phone-number__footer-message { color: #454545; font-size: 16px; letter-spacing: -0.32px; line-height: 1.38; width: 100%; }

.add-phone-number__footer-message-content { display: inline; margin: 0; }

.add-phone-number__footer-message-content--link { color: #3490d5; }

.add-local-phone-number__sms-limit-warning { padding-bottom: 1.5rem; width: 480px; }

.add-phone-number__port-warning { color: #67b5d7; font-size: 16px; font-weight: 700; margin-right: 1.25rem; vertical-align: middle; }

.add-phone-number-port__container { display: flex; max-width: 480px; min-height: 32.5rem; padding-bottom: 6.25rem; }

.add-phone-number-port__subsection { align-content: center; display: flex; flex-flow: column; justify-content: space-between; position: relative; width: 100%; }

.add-phone-number-port { display: flex; flex-direction: column; flex-grow: 1; opacity: 0; position: relative; width: 100%; }

.add-phone-number-port__fade-in { opacity: 1; }

.add-number-port__container { display: flex; flex-direction: column; width: 100%; }

.add-phone-number-port__back { cursor: pointer; width: 5rem; }

.add-number-port__content { width: 100%; }

.add-numbers-port__warning-box .warning-box { margin-bottom: 1.25rem; }

.add-number-port__tab-container { display: flex; flex-direction: column; margin-bottom: 1.25rem; width: 100%; }

.add-number-port__tabs { display: flex; height: 1.875rem; }

.add-number-port__tab-progress-container { background-color: #f4f4f4; border-radius: 0.125rem; height: 0.25rem; width: 100%; }

.add-number-port__tab-progress { background-color: #67b5d7; border-radius: 0.125rem; height: 0.25rem; width: 0; }

.add-number-port__tab { color: #868686; flex-grow: 1; }

.add-number-port__tab--active { color: #2b2b2b; }

.add-number-port__tab-text { font-size: 13px; letter-spacing: -0.5px; line-height: normal; position: absolute; }

.add-number-port__form { display: flex; min-height: 5.9375rem; position: relative; }

.add-number-port__form-label { text-align: left; }

.add-number-port__form--no-label { min-height: 4.375rem; }

.add-number-port__form-row { display: flex; }

.add-number-port__form-container { min-height: 5.9375rem; position: relative; }

.add-number-port__form-container--full-width { grid-column: 1 / -1; }

.add-number-port__label-row { align-items: center; display: flex; justify-content: space-between; }

.add-number-to-port__form { display: flex; flex-direction: column; height: 100%; position: relative; }

.add-number-to-port__form-row { min-height: 5.75rem; }

.add-number-to-port__form-row--no-label { min-height: 4.375rem; }

.add-number-to-port__form-container { position: relative; }

.add-number-to-port__form-container--carrier { margin-left: 1.25rem; }

.add-number-port__text-box .text-box input, .add-number-port__text-box .text-box input[type="text"] { width: 100%; }

.add-number-port__text-box.invalid .text-box input, .add-number-port__text-box.invalid .text-box input[type="text"] { border: 0.125rem solid #fc4636; }

.add-number-port__form-container--add-more, .add-number-port__form-container--add-number { align-items: center; border-radius: 5px; display: flex; flex-direction: row; justify-content: space-around; min-height: 2.8125rem; width: 100%; }

.add-number-port__form-container--add-number { border: 2px dashed #d5d5d5; color: #808795; cursor: pointer; }

.add-number-port__form-container--add-number:hover { border-color: #5d6470; color: #5d6470; }

.add-number-port__form-container--signature { display: flex; flex-direction: column; flex-grow: 1; margin-left: 1.25rem; }

.add-number-port__error .error-tooltip { max-width: none; width: 100%; }

.add-number-to-port__error .error-tooltip { max-width: 14.25rem; }

.porting-preview { cursor: pointer; display: flex; justify-content: flex-end; margin-bottom: 1.75rem; }

.porting-preview__numbers { color: #808795; display: flex; flex-wrap: wrap; font-size: 14px; font-weight: normal; justify-content: flex-end; letter-spacing: -0.32px; line-height: 1.57; }

.porting-preview__number { margin-right: 0.25rem; white-space: nowrap; }

.porting-preview__check-container { align-items: flex-end; display: flex; }

.porting-preview__check { fill: #67b5d7; height: 1.375rem; margin-left: 0.25rem; }

.add-number-port__billing { display: flex; height: 5.9375rem; justify-content: space-between; position: relative; width: 100%; }

.add-number-port__billing-message-container { padding-bottom: 1.25rem; }

.add-number-port__billing-message { color: #454545; font-size: 16px; font-weight: normal; letter-spacing: -0.32px; line-height: 1.38; }

.add-number-port__billing-message--bold { font-weight: 700; }

.add-number-port__billing-grid { display: grid; gap: 0rem 1.25rem; grid-template-columns: repeat(2, 1fr); }

.add-number-port__billing--last-row { height: auto; min-height: 5.9375rem; }

.add-number-port__billing-number-input .intl-tel-input2 input, .add-number-port__billing-number-input .intl-tel-input2 input[type="tel"] { width: 14.25rem; }
.add-number-port__billing-number-input .intl-tel-input2.iti-theme-tresta .separate-dial-code.allow-dropdown.iti-sdc-2 input[type="tel"] { padding-left: 6.3125rem; }

.add-number-port__billing-number-input .separate-dial-code .selected-dial-code { font-size: 1.25rem; }
.add-number-port__billing-number-input .separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { width: 5.375rem; }
.add-number-port__billing-number-input .flag-container .selected-flag { width: 5.9375rem; }
.add-number-port__billing-number-input .intl-tel-input2 .separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { width: 5.75rem; }
.add-number-port__billing-number-input .selected-flag .iti-arrow { right: 24px; }

.add-number-port__text-box--account-number .text-box input, .add-number-port__text-box--account-number .text-box input[type="text"], .add-number-port__text-box--address .text-box input, .add-number-port__text-box--address .text-box input[type="text"], .add-number-port__text-box--apt .text-box input, .add-number-port__text-box--apt .text-box input[type="text"], .add-number-port__text-box--city .text-box input, .add-number-port__text-box--city .text-box input[type="text"], .add-number-port__text-box--name .text-box input, .add-number-port__text-box--name .text-box input[type="text"], .add-number-port__text-box--pin-passcode .text-box input, .add-number-port__text-box--pin-passcode .text-box input[type="text"], .add-number-port__text-box--zip .text-box input, .add-number-port__text-box--zip .text-box input[type="text"] { width: 100%; }

.add-number-port__text-box--country, .add-number-port__text-box--state { width: 100%; }

.add-number-port__actions { margin-left: 0.75rem; max-height: 6.375rem; }

.add-number-port__actions > .common-button-contained { margin-bottom: 0.25rem; }

.add-number-port__actions--no-label > .common-button-contained { margin-top: 0.125rem; }

.add-number-port__actions--no-label { align-items: flex-start; }

.add-number-port__calendar-icon { cursor: pointer; fill: #808795; left: 136px; position: absolute; top: 33px; }
.add-number-port__calendar-icon:hover { fill: #454545; }

.add-number-port__info-icon ._svg-icon { fill: #868686; }
.add-number-port__info-icon:hover ._svg-icon { fill: #454545; }

.add-number-port__date-picker:focus + .add-number-port__calendar-icon { fill: #454545; }

.add-number-port__date-picker::-ms-clear { display: none; }

.add-number-google-warning__message-container, .add-number-port-warning__message-container { display: flex; }

.add-number-port-warning__message-container { align-items: center; border: 2px dashed #d5d5d5; border-radius: 5px; color: #5d6470; flex-direction: row; font-weight: 300; height: 100%; justify-content: space-around; min-height: 2.8125rem; padding: 0.75rem; width: 100%; }

.add-number-port-warning__message-container .error-tooltip { margin-top: 0; }

.add-number-google-warning__message, .add-number-google-warning__message--last { display: flex; flex-basis: 90%; flex-direction: column; }

.add-number-google-warning__message--last { margin-bottom: 0; }

.add-number-google-warning__message-icon { align-items: flex-end; align-self: flex-start; display: flex; flex-basis: 10%; justify-content: flex-end; }

.add-number-google-warning__message-icon { cursor: pointer; fill: #7d6b4b; }

.add-number-google-warning__message-span { margin-bottom: 1.25rem; }
.add-number-google-warning__message-span a { color: #3490d5; }

.add-number-google-warning__after:after { background-color: #fffae6; border-left: 0.125rem solid #f7f1d5; border-top: 0.125rem solid #f7f1d5; content: ''; position: absolute; right: 120px; top: -8px; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 1rem; height: 1rem; }

.add-number-port__port-type { margin-top: 0.75rem; width: 100%; }

.add-number-port__selector-options { display: flex; flex-direction: column; }

.add-number-port__selector-option { display: flex; margin: 0.3125rem 0; }

.add-number-port__selector-container { display: flex; height: 100%; }

.add-number-port__authorization { display: flex; flex-direction: column; justify-content: space-between; position: relative; }

.add-number-port__text-box--port-date input, .add-number-port__text-box--port-date input[type='text'] { background: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; color: #5d6470; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; height: 2.8125rem; padding: 0.25rem 0.9375rem; width: 10.9375rem; }
.add-number-port__text-box--port-date input:focus, .add-number-port__text-box--port-date input:hover, .add-number-port__text-box--port-date input[type='text']:focus, .add-number-port__text-box--port-date input[type='text']:hover { border-color: #bcbcbc; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); outline: none; }

.add-number-port__text-box--signature .text-box input, .add-number-port__text-box--signature .text-box input[type="text"] { width: 19.375rem; }

.add-number-port__agent-statement, .add-number-port__authorization-statement, .add-number-port__port-date-statement { color: #454545; font-size: 16px; font-weight: normal; letter-spacing: -0.32px; line-height: 1.38; }

.add-number-port__agent-statement { color: #389a60; margin-bottom: 1.75rem; }

.add-number-port__authorization-statement { margin-right: 0.875rem; margin-bottom: 1.25rem; }

.add-number-port__port-date-statement { margin-bottom: 1.75rem; }

.add-number-port__date-picker#ui-datepicker-div { margin-bottom: 0.625rem; min-height: 17.125rem; }

.add-number-port__date-picker.ui-datepicker:before { left: 43%; top: 16.25rem; }

.add-phone-number-summary { width: 480px; }

.add-phone-number-summary__section { color: #454545; padding: 1.25rem 0; }

.add-phone-number-summary__section-header { color: #2b2b2b; font-size: 16px; letter-spacing: -0.32px; line-height: 1.38; margin-bottom: 0.5rem; }

.add-phone-number-summary__phone-number-list { display: flex; flex-direction: column; }

.add-phone-number-summary__phone-number-list-item { align-items: center; display: flex; height: 3rem; justify-content: space-between; width: 100%; }

.add-phone-number-summary__metadata { align-items: center; display: flex; flex-direction: row; }

.add-phone-number-summary__phone-number-list-item-content { margin: 0 1rem; max-width: 20.625rem; }

.add-phone-number-summary__phone-number-list-item-content--smaller-width { max-width: 10.625rem; }

.add-phone-number-summary__phone-number-list-item-content + .add-phone-number-summary__phone-number-list-item-content { margin-left: 0.5rem; }

.add-phone-number-summary__phone-number-list-item-content--bold { font-weight: 700; }

.add-phone-number-summary__phone-number-list-divider { background-color: #f4f4f4; border-radius: 0.0625rem; height: 0.125rem; width: 100%; }

.warning-modal { font-size: 16px; height: 100vh; transition: all 0.2s ease; width: 100%; }

.warning-modal__modal { align-items: center; background: #ffffff; border-radius: 5px; box-shadow: 0 0.125rem 0.5625rem 0 rgba(0, 0, 0, 0.07); display: flex; flex-direction: column; padding-top: 2.25rem; width: 30.25rem; z-index: 10; }

.warning-modal__heading { color: #454545; font-size: 1.1875rem; font-weight: 400; line-height: 1.13; margin-bottom: 1.25rem; }

.warning-modal__icon { margin-bottom: 1.1875rem; }

.warning-modal__html, .warning-modal__text { font-weight: 300; line-height: 1.25rem; margin: 0 auto; width: 85%; }

.warning-modal__html { margin-bottom: 1.25rem; }

.warning-modal__buttons { align-items: center; display: flex; flex-direction: column; margin-bottom: 1.25rem; margin-top: 1.5625rem; }

.warning-modal__button { cursor: pointer; height: 2.8125rem; padding: 0.5625rem 2.875rem 0.625rem 2.875rem; margin-bottom: 0.625rem; }

.warning-modal__button-text { color: #2696c6; }
.warning-modal__button-text:hover { color: #165a76; }

.warning-modal__button-active { background-color: #2696c6; border-radius: 5px; color: #f4f4f4; }
.warning-modal__button-active:hover { background-color: #165a76; }

.warning-modal__numbers { margin: 1.625rem; }

.warning-modal__number { align-items: center; background-color: #f4f4f4; border: 2px solid #d5d5d5; border-radius: 5px; color: #868686; display: flex; font-size: 16px; font-weight: bold; height: 2.8125rem; justify-content: space-between; letter-spacing: -0.57px; line-height: 1.63; width: 12.1875rem; }

.warning-modal__number-error { background-color: #fffae6; border-color: #f7f1d5; color: #7d6b4b; }

.warning-modal__number-icon-phone { fill: #bcbcbc; height: 1.0625rem; padding-left: 1.5rem; }

.warning-modal__number-icon-status { padding-right: 1.5rem; }
.warning-modal__number-icon-status path.cls-1 { fill: #2696c6; }

.integrity-warning-modal__sticky-header-wrapper { position: relative; height: 5.3125rem; width: 100%; }

.integrity-warning-modal__scrollable-content { padding: 2.1875rem 1.875rem 0; height: 100%; width: 34rem; }

.integrity-warning-modal__header { align-items: center; background: #ffffff; display: flex; flex-direction: column; justify-content: flex-start; padding: 0 1.875rem; pointer-events: none; top: 0; width: 100%; z-index: 14; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; position: -webkit-sticky; position: sticky; }

.integrity-warning-modal__header-content { align-items: center; display: flex; flex-direction: row; justify-content: space-between; height: 85px; max-height: 5.3125rem; padding: 1.25rem 0; width: 100%; }

.integrity-warning-modal__header-title { color: #454545; font-size: 22px; letter-spacing: -0.83px; }

.integrity-warning-modal__header-separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; width: 100%; }

.integrity-warning-modal__texts { margin-bottom: 2.1875rem; width: 100%; }

.integrity-warning-modal__warning-texts { margin: 2.1875rem 0; width: 100%; }

.integrity-warning-modal__text { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.36px; line-height: 1.375rem; max-width: 480px; text-align: left; }

.integrity-warning-modal__text--expandable { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.36px; line-height: 1.375rem; }

.integrity-warning-modal__system-object { width: 480px; }

.integrity-warning-modal__system-object .common-list__item, .integrity-warning-modal__system-object .common-modal__system-object { margin-bottom: 0; }

.integrity-warning-modal__system-object .auto-attendant-item__flow { width: 404px; }

.integrity-warning-modal__integrity-warnings { display: flex; flex-direction: column; justify-content: center; width: 100%; }

.integrity-warning-modal__warning + .integrity-warning-modal__warning { margin-top: 0.625rem; }

.integrity-warning-modal__footer { height: 2.5rem; }

.number-picker__container { transition: opacity .1s; width: 480px; }

.number-picker__pricing-warning-box .warning-box { margin-bottom: 1.25rem; }

.number-picker__options { margin-bottom: 2.625rem; }

.number-picker__picker { display: flex; flex-direction: column; }

.number-picker__picker .number-picker__picker-vanity-search span.select2-container { border: unset; border-radius: unset; }
.number-picker__picker .number-picker__picker-vanity-search span.select2-container.select2-container .select2-selection--single { background: transparent; border: unset; box-shadow: unset; }

span.select2-container.select2-container .select2-dropdown.number-picker__vanity-dropdown { margin-left: -0.125rem; min-width: 8.75rem; }
span.select2-container.select2-container .select2-dropdown.number-picker__vanity-dropdown .select2-search--dropdown { top: -2.5625rem; width: 6.25rem; }

.number-picker__picker-row { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 1.1875rem; }

.number-picker__picker-row--last { margin-bottom: 0; }

.number-picker__picker-country, .number-picker__picker-region { flex-basis: 50%; }

.number-picker__picker-country { margin-right: 1.25rem; }

.number-picker__picker-city { flex-basis: 100%; }

.number-picker__picker-repeating-npa { flex-basis: 100%; }

.number-picker__picker-vanity-npa { flex-basis: 22%; margin-right: 1.25rem; }

.number-picker__picker-vanity-search { flex-basis: 78%; height: 5.9375rem; }

.number-picker__picker-vanity-search-container { align-items: center; display: flex; }

.number-picker__picker-vanity-search-input-container { align-items: center; background-color: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; display: flex; height: 2.8125rem; overflow: hidden; width: 100%; }
.number-picker__picker-vanity-search-input-container:focus, .number-picker__picker-vanity-search-input-container:hover { box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }

.number-picker__picker-vanity-search-input-container.invalid { border-color: #fc4636; }
.number-picker__picker-vanity-search-input-container.invalid:hover { border-color: #fc4636; }

.number-picker__picker-vanity-search-input-container.select2-adjacent--open { box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }

.number-picker__picker-vanity-error .error-tooltip { width: initial; }

.number-picker__picker-vanity-search-type { height: 2.5625rem; width: 8.5rem; }
.number-picker__picker-vanity-search-type .select2-container.select2-container .select2-selection--single { border-radius: 0.1875rem 0 0 0.1875rem; height: 2.5625rem; }
.number-picker__picker-vanity-search-type .select2-container.select2-container .select2-selection__rendered { height: 2.5625rem; line-height: 2.5625rem; padding: 0 1.875rem 0 0.9375rem; }
.number-picker__picker-vanity-search-type .select2-container.select2-container .select2-selection__arrow { height: 2.5625rem; }
.number-picker__picker-vanity-search-type span.select2-container.select2-container .select2-selection--single { border: none; }
.number-picker__picker-vanity-search-type span.select2-container.select2-container .select2-selection--single:hover { background: transparent; border: none; box-shadow: none; }

.number-picker__picker-vanity-search-divider { background-color: #d5d5d5; height: 2.5625rem; width: 0.125rem; }

.number-picker__picker-vanity-search-text .text-box input, .number-picker__picker-vanity-search-text .text-box input[type='text'] { border: none; border-radius: 0; height: 2.5625rem; width: 8.75rem; }
.number-picker__picker-vanity-search-text .text-box input:focus, .number-picker__picker-vanity-search-text .text-box input:hover, .number-picker__picker-vanity-search-text .text-box input[type='text']:focus, .number-picker__picker-vanity-search-text .text-box input[type='text']:hover { border: none; box-shadow: none; }

.number-picker__picker-vanity-search-submit { background-color: #f4f4f4; border: none; color: #5d6470; cursor: pointer; font-size: 16px; font-weight: 500; height: 2.625rem; transition: all 0.15s; width: 5rem; }
.number-picker__picker-vanity-search-submit:hover { background-color: #d5d5d5; }

.number-picker__available-numbers-header { align-items: center; display: flex; font-size: 16px; font-weight: 600; justify-content: space-between; line-height: 1.75; margin-bottom: 1.25rem; margin-top: 0.625rem; }

.number-picker__picker-dropdown-label { letter-spacing: -0.32px; line-height: 1.38; margin-bottom: 0.5rem; }

.number-picker__available-numbers-refresh { align-items: center; color: #808795; cursor: pointer; display: flex; }
.number-picker__available-numbers-refresh:hover { color: #5d6470; }

.number-picker__available-numbers-refresh-icon { fill: currentColor; line-height: 0; margin-right: 0.375rem; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); }

.number-picker__available-numbers-refresh-text { font-size: 14px; font-weight: 300; }

.number-picker__options-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, 1fr); padding-bottom: 1.5rem; transition: opacity 0.5s ease; }

.number-picker__options-location-icon { width: 1.375rem; height: 1.375rem; }

.number-picker__selected-numbers-header { align-items: center; display: flex; margin-bottom: 0.5rem; margin-top: 0.625rem; }

.number-picker__selected-numbers { display: flex; flex-direction: column; padding-bottom: 1.5rem; }

.number-picker__selected-number-row { display: flex; flex-direction: column; }
.number-picker__selected-number-row:hover .number-picker__selected-number-row-data { background-color: #f4f7fa; }
.number-picker__selected-number-row:hover .number-picker__selected-number-x { display: block; }
.number-picker__selected-number-row:last-child .number-picker__selected-number-row-divider--bottom { background-color: #f4f4f4; display: block; }
.number-picker__selected-number-row:last-child:hover .number-picker__selected-number-row-divider--bottom { background-color: transparent; }

.number-picker__selected-number-row + .number-picker__selected-number-row .number-picker__selected-number-row-divider { background-color: #f4f4f4; display: block; }
.number-picker__selected-number-row + .number-picker__selected-number-row .number-picker__selected-number-row-divider--bottom { display: none; }

.number-picker__selected-number-row + .number-picker__selected-number-row:last-child .number-picker__selected-number-row-divider--bottom { display: block; }

.number-picker__selected-number-row:hover + .number-picker__selected-number-row .number-picker__selected-number-row-divider { background-color: transparent; }
.number-picker__selected-number-row:hover + .number-picker__selected-number-row .number-picker__selected-number-row-divider--bottom { background-color: #f4f4f4; }

.number-picker__selected-number-row + .number-picker__selected-number-row:hover .number-picker__selected-number-row-divider { background-color: transparent; }

.number-picker__selected-number-row-data { border-radius: 5px; display: flex; justify-content: space-between; padding: 0.5rem 0.75rem; width: 100%; }

.number-picker__selected-number-row-content { align-items: center; display: flex; height: 1.875rem; }

.number-picker__selected-number-metadata { color: #454545; font-size: 14px; font-weight: normal; letter-spacing: -0.32px; line-height: 1.57; max-width: 18.75rem; }

.number-picker__selected-number-metadata--smaller-width { max-width: 9.375rem; }

.number-picker__selected-number-metadata + .number-picker__selected-number-metadata { margin-left: 1.5rem; }

.number-picker__selected-number-metadata--number { font-weight: 700; width: 6.25rem; }

.number-picker__selected-number-row-divider { background-color: transparent; border-radius: 0.0625rem; display: none; height: 0.125rem; width: 100%; }

.number-picker__selected-number-row-divider--visible { background-color: #f4f4f4; display: block; }

.number-picker__selected-number-row-divider--bottom { display: none; }

.number-picker__number-reservation-status { align-items: center; display: flex; justify-content: flex-end; width: 2.5rem; }

.number-picker__selected-number-loading { position: relative; right: 0.9375rem; }

.number-picker__selected-number-x { cursor: pointer; display: none; }
.number-picker__selected-number-x ._svg-icon { fill: currentColor; }

.number-picker__selected-number-divider { background-color: #f4f4f4; border-radius: 0.0625rem; height: 0.125rem; width: 100%; }

.add-phone-number-summary__phone-number-list-divider { background-color: #f4f4f4; border-radius: 0.0625rem; height: 0.125rem; width: 100%; }

.number-picker__numbers-error-message { border-radius: 5px; border-width: 0.125rem; margin-bottom: 1rem; text-align: center; width: 100%; }

.number-picker__loading-container { align-items: center; border: 2px dashed #d5d5d5; border-radius: 5px; display: flex; flex-direction: row; height: 7.5rem; justify-content: space-around; margin-bottom: 1.875rem; opacity: 1; overflow: hidden; transition: opacity 0.75s ease; }

.number-picker__loading-icon { animation: spin 1.25s linear infinite; fill: #d5d5d5; height: 2.5rem; }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-ms-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
.number-picker__loading-text { color: #868686; font-size: 16px; }

.number-picker__failed-reservations { align-items: center; background-color: #f3c8c4; border: 1px solid #fc4636; border-radius: 5px; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 1rem; padding: 0 0.75rem 0.75rem; }

.number-picker__failed-reservation { color: #fc4636; font-size: 14px; display: flex; height: 1rem; justify-content: space-between; margin-top: 0.75rem; width: 100%; }

.number-picker__failed-reservation-icon { fill: currentColor; position: relative; top: -0.4375rem; }

.number-picker__prefixes-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(4, 1fr); margin-bottom: 1.25rem; }

.signup-number-picker__container { transition: opacity .1s; width: 29.25rem; }

.signup-number-picker__options { margin-bottom: 1rem; }
.signup-number-picker__options .options-box, .signup-number-picker__options .options-box__option { background-color: #dedede; border-color: #dedede; }
.signup-number-picker__options .options-box__option:hover { background-color: #e6eaee; }
.signup-number-picker__options .options-box__option--selected, .signup-number-picker__options .options-box__option--selected:hover { background-color: #ffffff; }

.signup-number-picker__picker { display: flex; flex-direction: column; }

.signup-number-picker__picker .signup-number-picker__picker-vanity-search span.select2-container { border: unset; border-radius: unset; }
.signup-number-picker__picker .signup-number-picker__picker-vanity-search span.select2-container.select2-container .select2-selection--single { border: unset; box-shadow: unset; background: transparent; }

span.select2-container.select2-container .select2-dropdown.signup-number-picker__vanity-dropdown { border-top: 0.125rem solid #bcbcbc; margin-left: -0.125rem; min-width: 18.75rem; }
span.select2-container.select2-container .select2-dropdown.signup-number-picker__vanity-dropdown .select2-search--dropdown { top: -2.5625rem; width: 6.25rem; }

.signup-number-picker__picker-row { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 1.1875rem; }

.signup-number-picker__picker-country, .signup-number-picker__picker-region { flex-basis: 50%; }

.signup-number-picker__picker-country { margin-right: 1.25rem; }

.signup-number-picker__picker-city { flex-basis: 100%; }

.signup-number-picker__picker-repeating-npa { flex-basis: 100%; }

.signup-number-picker__picker-vanity-npa { flex-basis: 22%; margin-right: 1.25rem; }

.signup-number-picker__picker-vanity-search { flex-basis: 78%; }

.signup-number-picker__picker-vanity-search-container { align-items: center; display: flex; }

.signup-number-picker__picker-vanity-search-input-container { align-items: center; background-color: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; display: flex; flex-basis: 84%; height: 2.8125rem; margin-right: 1.25rem; }
.signup-number-picker__picker-vanity-search-input-container:focus, .signup-number-picker__picker-vanity-search-input-container:hover { border-color: #bcbcbc; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }

.signup-number-picker__picker-vanity-search-input-container.invalid { border: 0.125rem solid #e84c38; }
.signup-number-picker__picker-vanity-search-input-container.invalid:hover { border: 0.125rem solid #e84c38; }

.signup-number-picker__picker-vanity-search-input-container.vanity-wrapper__select--open { border: 2px solid #d5d5d5; border-color: #bcbcbc; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.signup-number-picker__picker-vanity-search-type { height: 2.5625rem; width: 8.5rem; }
.signup-number-picker__picker-vanity-search-type .select2-container.select2-container .select2-selection--single { border-radius: 0.1875rem 0 0 0.1875rem; height: 2.5625rem; }
.signup-number-picker__picker-vanity-search-type .select2-container.select2-container .select2-selection__rendered { height: 2.5625rem; line-height: 2.5625rem; padding: 0 1.875rem 0 0.9375rem; }
.signup-number-picker__picker-vanity-search-type .select2-container.select2-container .select2-selection__arrow { height: 2.5625rem; }
.signup-number-picker__picker-vanity-search-type span.select2-container.select2-container .select2-selection--single { border: none; }
.signup-number-picker__picker-vanity-search-type span.select2-container.select2-container .select2-selection--single:hover { background: transparent; border: none; box-shadow: none; }

.signup-number-picker__picker-vanity-search-type.vanity-wrapper__select--open { width: 18.75rem; }

.signup-number-picker__picker-vanity-search-text .text-box input, .signup-number-picker__picker-vanity-search-text .text-box input[type='text'] { border: none; height: 2.5625rem; width: 9.375rem; }
.signup-number-picker__picker-vanity-search-text .text-box input:focus, .signup-number-picker__picker-vanity-search-text .text-box input:hover, .signup-number-picker__picker-vanity-search-text .text-box input[type='text']:focus, .signup-number-picker__picker-vanity-search-text .text-box input[type='text']:hover { border: none; box-shadow: none; }

.signup-number-picker__picker-vanity-search-icon { background-color: #dedede; border-radius: 5px; border: none; border-bottom: 0.125rem solid #d5d5d5; cursor: not-allowed; flex-basis: 15%; height: 2.8125rem; transition: all 0.15s; width: 2.8125rem; }
.signup-number-picker__picker-vanity-search-icon ._svg-icon .magnifier { fill: #868686; }
.signup-number-picker__picker-vanity-search-icon:hover { background-color: #e6eaee; }
.signup-number-picker__picker-vanity-search-icon:hover ._svg-icon .magnifier { fill: #454545; }

.signup-number-picker__picker-vanity-search-icon--active { background-color: #2696c6; border-bottom-color: #165a76; cursor: pointer; }
.signup-number-picker__picker-vanity-search-icon--active ._svg-icon .magnifier { fill: #ffffff; }
.signup-number-picker__picker-vanity-search-icon--active:hover { background-color: #165a76; border-bottom-color: #0f3c4f; }
.signup-number-picker__picker-vanity-search-icon--active:hover ._svg-icon .magnifier { fill: #ffffff; }

.signup-number-picker__available-numbers-header { align-items: center; display: flex; font-size: 16px; font-weight: 600; justify-content: space-between; line-height: 1.75; margin-bottom: 1.5625rem; margin-top: 0.625rem; }

.signup-number-picker__selected-numbers-header { align-items: center; display: flex; margin-bottom: 1.5625rem; margin-top: 0.625rem; }

.signup-number-picker__available-numbers-refresh { align-items: center; color: #868686; cursor: pointer; display: flex; }
.signup-number-picker__available-numbers-refresh:hover { color: #868686; }

.signup-number-picker__available-numbers-refresh-icon { line-height: 0; margin-right: 0.375rem; }
.signup-number-picker__available-numbers-refresh-icon ._svg-icon { fill: #868686; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.signup-number-picker__available-numbers-refresh-icon:hover ._svg-icon { fill: #868686; }

.signup-number-picker__available-numbers-refresh-text { font-size: 14px; font-weight: 300; }

.signup-number-picker__numbers { display: flex; flex-wrap: wrap; font-family: "Circular", "Helvetica", "Arial", sans-serif; justify-content: space-between; transition: opacity 0.75s ease; }

.signup-number-picker__number, .signup-number-picker__prefix, .signup-number-picker__selected-number { align-items: center; background-color: #ffffff; border-bottom: 0.125rem solid #d5d5d5; border-radius: 5px; color: #5d6470; cursor: pointer; display: flex; flex-basis: 48%; font-size: 16px; font-weight: 500; height: 2.8125rem; justify-content: center; margin-bottom: 1.125rem; position: relative; transition: all 0.2s ease; }
.signup-number-picker__number:hover, .signup-number-picker__prefix:hover, .signup-number-picker__selected-number:hover { background-color: #dedede; color: #454545; }

.signup-number-picker__selected-number { transition: none; }

.signup-number-picker__prefix--selected, .signup-number-picker__number--selected { background-color: #2696c6; border-bottom-color: #165a76; color: #ffffff; }
.signup-number-picker__prefix--selected:hover, .signup-number-picker__number--selected:hover { background-color: #165a76; border-bottom-color: #0f3c4f; color: #ffffff; }
.signup-number-picker__prefix--selected .signup-number-picker__number-icon-phone, .signup-number-picker__number--selected .signup-number-picker__number-icon-phone { fill: #ffffff; }

.signup-number-picker__number--disabled { color: #bcbcbc; cursor: not-allowed; }
.signup-number-picker__number--disabled:hover { background-color: #dedede; color: #bcbcbc; }

.signup-number-picker__number-reservation-status { align-items: center; display: flex; justify-content: flex-end; }

.signup-number-picker__number-icon-phone { fill: #bcbcbc; height: 1.125rem; margin-right: 0.875rem; margin-top: 0.25rem; }

.signup-number-picker__number-icon-check { fill: #ffffff; height: 1.25rem; position: absolute; right: 0.625rem; }

.signup-number-picker__number-icon-x { position: absolute; right: 0.875rem; }
.signup-number-picker__number-icon-x .circle { fill: #d5d5d5; }

.signup-number-picker__number-spinner { height: 1.875rem; position: absolute; right: 0.25rem; width: 1.875rem; }

.signup-number-picker__number--failed { background-color: #dedede; color: #454545; }

.signup-number-picker__selected-number { background-color: #dedede; border: 0.125rem solid #d5d5d5; }
.signup-number-picker__selected-number:hover { background-color: #d5d5d5; color: #454545; }
.signup-number-picker__selected-number:hover .circle { fill: #454545; }

.signup-number-picker__selected-number:nth-child(odd) { margin-right: 1rem; }

.signup-number-picker__numbers-error-message { background: #fffae6; border: 0.125rem solid #f7f1d5; border-radius: 5px; color: #7d6b4b; display: table; line-height: 1.125rem; padding: 0.875rem; margin-bottom: 1rem; margin-top: 0.75rem; text-align: center; width: 100%; -webkit-font-smoothing: antialiased; }

.signup-number-picker__loading-container { align-items: center; border: 0.125rem dashed #bcbcbc; border-radius: 5px; display: flex; flex-direction: row; height: 6.75rem; justify-content: space-around; margin-bottom: 1.875rem; opacity: 1; overflow: hidden; transition: opacity 0.75s ease; }

.signup-number-picker__loading-icon { animation: spin 1.25s linear infinite; fill: #bcbcbc; height: 3.75rem; }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-ms-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
.signup-number-picker__loading-text { color: #868686; font-size: 16px; }

.signup-number-picker__failed-reservations { align-items: center; background-color: #f3c8c4; border: 0.0625rem solid #fc4636; border-radius: 5px; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 1rem; padding: 0 0.75rem 0.75rem; }

.signup-number-picker__failed-reservation { color: #fc4636; display: flex; font-size: 14px; justify-content: space-between; height: 1rem; margin-top: 0.75rem; width: 100%; }

.signup-number-picker__number-phone-number { font-size: 16px; font-weight: normal; }

.signup-number-picker__prefixes { display: flex; flex-wrap: wrap; }

.signup-number-picker__prefix { flex: 0 0 auto; font-size: 16px; font-weight: normal; margin-right: 1.0625rem; width: 6.5rem; }

.signup-number-picker__prefix:nth-child(4) { margin-right: 0; }

@media screen and (max-width: 960px), screen and (max-height: 800px) { .signup-number-picker__container { padding-bottom: 9.375rem; width: 20rem; }
  .signup-number-picker__options { margin-bottom: 0.75rem; }
  .signup-number-picker__picker-row { flex-direction: column; margin-bottom: 1.1875rem; }
  .signup-number-picker__picker-country, .signup-number-picker__picker-region { flex-basis: 100%; }
  .signup-number-picker__picker-country { margin-bottom: 1.25rem; margin-right: 0; }
  .signup-number-picker__picker-vanity-npa { flex-basis: 100%; margin-bottom: 1.25rem; margin-right: 0; }
  .signup-number-picker__picker-vanity-search { flex-basis: 100%; }
  .signup-number-picker__picker-vanity-search-type { width: 8.5rem; }
  .signup-number-picker__picker-vanity-search-text .text-box input, .signup-number-picker__picker-vanity-search-text .text-box input[type='text'] { padding: 0.25rem 0; width: 7.125rem; }
  span.select2-container.select2-container .select2-dropdown.signup-number-picker__vanity-dropdown { min-width: 15.9375rem; }
  .signup-number-picker__picker-vanity-search-icon { height: 2.8125rem; width: 2.8125rem; }
  .signup-number-picker__numbers { flex-direction: column; }
  .signup-number-picker__number { flex: 1 0 auto; height: 2.8125rem; }
  .signup-number-picker__prefixes { margin-top: 1rem; }
  .signup-number-picker__prefix { height: 2.625rem; margin-right: 0.5rem; width: 4.625rem; }
  .signup-number-picker__available-numbers-header { margin-bottom: 1rem; } }
.ui-datepicker { background: #ffffff; border: none; border-radius: 5px; box-shadow: 0 0 1.125rem 0.125rem rgba(0, 0, 0, 0.18); color: #bcbcbc; display: none; font-size: 0.75rem; margin-bottom: 0.625rem; margin-top: 0.125rem; padding: 0.25rem; width: 18.75rem; }

.ui-datepicker:before { background: #ffffff; border-left: 0.5rem solid transparent; border-top: 0.5rem solid transparent; box-shadow: 0px 18px 18px -25px rgba(0, 0, 0, 0.07), -18px 6px 18px -15px rgba(0, 0, 0, 0.07), 18px 6px 18px -15px rgba(0, 0, 0, 0.07); content: ''; display: block; height: 0.5rem; left: 48%; position: absolute; top: -6px; width: 0.5rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 1.25rem; height: 0.6875rem; }

.ui-datepicker .ui-datepicker-header { color: #454545; padding: 0.625rem; position: relative; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; height: 0.5rem; line-height: 0.875rem; position: absolute; top: 12px; transition: opacity 0.15s; width: 0.5rem; text-indent: 100%; white-space: nowrap; overflow: hidden; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 0.625rem; height: 0.625rem; }
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { opacity: 0.7; filter: alpha(opacity=70); }

.ui-datepicker .ui-datepicker-prev { border-bottom: 0.0625rem solid #bcbcbc; border-left: 0.0625rem solid #bcbcbc; left: 10px; }

.ui-datepicker .ui-datepicker-next { border-right: 0.0625rem solid #bcbcbc; border-top: 0.0625rem solid #bcbcbc; right: 10px; }

.ui-datepicker .ui-datepicker-title { margin: 0; line-height: 1.25rem; text-align: center; font-size: 14px; font-weight: 600; }

.ui-datepicker table { width: 100%; font-size: 12px; border-collapse: collapse; margin: 0; }

.ui-datepicker thead { border-bottom: 0.0625rem solid #f4f4f4; border-top: 0.0625rem solid #f4f4f4; color: #bcbcbc; }

.ui-datepicker th { border: 0; padding: 0.625rem; text-align: center; }

.ui-datepicker .date-picker-dot { border-radius: 50%; left: 8px; position: absolute; top: 4px; z-index: -10; width: 1.625rem; height: 1.625rem; }

.ui-datepicker td { border: 0; padding-left: 0.375rem; }

.ui-datepicker .ui-datepicker-current-day { background: transparent; }

.ui-datepicker td span, .ui-datepicker td a { border-radius: 50%; font-weight: 400; margin: 0.25rem; padding: 0rem; text-align: center; text-decoration: none; z-index: 1; width: 1.5rem; height: 1.5rem; }

.ui-datepicker td span { color: #bcbcbc; }

.ui-datepicker td a { color: #3490d5; }

.ui-datepicker .ui-state-default:hover { background-color: #f4f4f4; }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today span { color: #454545; font-weight: 600; }

.ui-datepicker .ui-state-active { background: #3490d5; border-radius: 50%; color: #ffffff; }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today { background: transparent; }

.ui-datepicker .ui-timepicker-div { display: none; }

.date-range-selection { display: flex; flex-direction: column; width: 100%; }
.date-range-selection input, .date-range-selection input[type="text"] { background-color: transparent; border: none; color: #868686; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; height: 2.625rem; padding: 0; width: 100%; }
.date-range-selection input:focus, .date-range-selection input[type="text"]:focus { box-shadow: none; outline: none; }

.date-range-selection__form { align-items: center; display: flex; position: relative; }

.date-range-selection__form--start input, .date-range-selection__form--start input[type="text"] { border-bottom: none; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; }

.date-range-selection__form--end input, .date-range-selection__form--end input[type="text"] { border-top: none; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.date-range-selection__calendar-placeholder { background-color: transparent; border-radius: 5px; color: #808795; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; height: 2.625rem; left: 0; padding: 0.875rem 0 0.75rem 0.125rem; position: absolute; top: 0; width: calc(100% - 25px); }

.date-range-selection__calendar-icon { cursor: pointer; fill: #808795; }
.date-range-selection__calendar-icon:hover { fill: #454545; }

.date-range-selection__date-picker::-ms-clear { display: none; }

.date-range-selection__date-picker.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a { color: #3490d5; font-weight: 400; }
.date-range-selection__date-picker.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a.ui-state-active, .date-range-selection__date-picker.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover { color: #ffffff; }

.inbox { display: flex; flex-direction: column; flex-grow: 1; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 100%; }

.inbox .interior-shell__scrollable-content { padding-top: 0; }

.inbox__loading { align-items: center; display: flex; flex-grow: 1; height: 50vh; position: relative; }

.inbox__spinner { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; }

.inbox__empty { align-items: center; display: flex; flex-direction: column; height: 50vh; justify-content: center; }

.inbox__empty-text { color: #868686; font-size: 16px; font-weight: 400; margin-top: 0.625rem; }

.inbox__list { display: flex; flex-direction: column; padding-bottom: 1.875rem; }

.inbox-list-item { background-color: #ffffff; position: relative; }
.inbox-list-item:hover { border-radius: 4px; background-color: #f4f7fa; }

.inbox-list-item--expanded { border-radius: 4px; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.19); z-index: 2; }
.inbox-list-item--expanded:hover { background-color: #ffffff; padding-top: 0; }

.inbox-list-item__status-dot { background: #3490d5; border-radius: 50%; left: 6px; position: absolute; top: 45px; width: 0.375rem; height: 0.375rem; }

.inbox-list-item__list-view { cursor: pointer; padding: 1.375rem 1.375rem 0; }

.inbox-list-item__section { display: flex; padding-bottom: 0.5rem; }

.inbox-list-item__section--collapsed { padding-bottom: 1.125rem; }

.inbox-list-item__section--expanded { cursor: pointer; display: flex; justify-content: flex-end; min-height: 1.75rem; padding: 0 1.3125rem 1.3125rem; }

.inbox-list-item__info { display: flex; width: 18.75rem; }

.inbox-list-item__info-avatar { width: 3rem; }

.inbox-list-item__info-metadata { display: flex; flex-direction: column; height: 100%; justify-content: center; margin-left: 0.75rem; max-width: 13.75rem; }

.inbox-list-item__info-metadata--time { align-items: flex-end; justify-content: center; height: 3rem; width: 100%; max-width: 8.9375rem; }

.inbox-item-metadata__title { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.43px; line-height: 1.13; }

.inbox-item-metadata__title--bold { font-weight: 500; }

.inbox-item-metadata__text { color: #808795; font-size: 0.9375rem; letter-spacing: -0.34px; line-height: normal; }

.inbox-list-item__link { display: flex; margin-left: 2.625rem; }

.inbox-list-item__link-status, .inbox-list-item__link-text { color: #808795; font-size: 16px; letter-spacing: -0.57px; line-height: 1.38; }
.inbox-list-item__link-status:hover, .inbox-list-item__link-text:hover { color: #5d6470; }

.inbox-list-item__link-status { opacity: 0; transition: opacity 0.5s ease; }

.inbox-list-item__link-status--fade-in { opacity: 1; }

.inbox-list-item__separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; margin: 0 auto; opacity: 1; width: 95%; }

.inbox-list-item:last-child .inbox-list-item__divider--bottom { background-color: #f4f4f4; display: block; }
.inbox-list-item:last-child:hover .inbox-list-item__divider--bottom { background-color: transparent; }

.inbox-list-item + .inbox-list-item .inbox-list-item__divider { background-color: #f4f4f4; display: block; }
.inbox-list-item + .inbox-list-item .inbox-list-item__divider--bottom { display: none; }

.inbox-list-item:hover + .inbox-list-item .inbox-list-item__divider { background-color: transparent; }
.inbox-list-item:hover + .inbox-list-item .inbox-list-item__divider--bottom { background-color: #f4f4f4; }

.inbox-list-item + .inbox-list-item:hover .inbox-list-item__divider { background-color: transparent; }

.inbox-list-item__divider { background-color: transparent; border-radius: 0.0625rem; display: none; height: 0.125rem; width: 100%; }

.inbox-list-item__divider--bottom { display: none; }

.inbox-list-item__call-details { display: flex; min-height: 18.75rem; padding: 0 1.3125rem 1.5625rem; }

.inbox-list-item__call-details-loading { align-items: center; display: flex; height: 18.75rem; justify-content: center; position: relative; width: 100%; }

.inbox-list-item__section--audio { display: flex; padding-bottom: 1.125rem; }
.inbox-list-item__section--audio .audio-player-control { width: 100%; }

@media screen and (max-width: 1200px) { .inbox { height: unset; }
  .inbox-list-item__info-metadata { padding-right: 1rem; }
  .inbox-list-item__info-metadata--time { padding-right: 0; text-align: right; }
  .inbox-item-metadata, .inbox-item-metadata--detail { width: 9rem; } }
.inbox-sidebar { display: flex; flex-direction: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: calc(100vh - 82px); padding-top: 1.25rem; width: 100%; max-width: 18rem; min-width: 15rem; }

.inbox-sidebar__header { display: flex; flex-direction: column; justify-content: center; padding-left: 0.75rem; margin-bottom: 1.125rem; width: 100%; }

.inbox-sidebar__view { align-items: center; display: flex; height: 1.5rem; margin-bottom: 0.75rem; position: relative; }

.inbox-view-option { align-items: center; color: #808795; cursor: pointer; display: flex; height: 1.5rem; line-height: normal; }
.inbox-view-option:hover { color: #454545; }

.inbox-view-option--active { color: #454545; }

.inbox-view-option__icon { fill: currentColor; margin-right: 0.75rem; width: 1.5rem; height: 1.5rem; }

.inbox-view-option__label { font-size: 15px; font-weight: 400; }

.inbox-view-option__badge { background: #f4f7fa; border-radius: 1.5625rem; height: 0.875rem; margin-top: 0.125rem; padding: 0.0625rem; }

.inbox-view-option__badge-count { background: #808795; border-radius: 1.5625rem; color: #ffffff; font-size: 0.5625rem; font-weight: normal; height: 100%; letter-spacing: -0.06px; line-height: 0.875rem; margin-left: 0.5rem; padding: 0.0625rem 0.375rem; width: 100%; }

.inbox-view-option__badge-count--single-digit { padding: 0.0625rem 0.375rem 0.0625rem 0.4375rem; }

.inbox-sidebar__section-title { align-items: center; background-color: #e6eaee; color: #5d6470; display: flex; font-size: 13px; font-weight: 700; height: 2rem; justify-content: space-between; margin-bottom: 1.125rem; padding-left: 0.75rem; padding-right: 1.25rem; text-transform: uppercase; width: 100%; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.inbox-sidebar__clear-filters { background-color: #f4f7fa; height: 1.5rem; width: 5.625rem; }
.inbox-sidebar__clear-filters:hover { background-color: #dedede; }

.inbox-sidebar__clear-filters.spinner-button { color: #808795; font-size: 13px; font-weight: 300; letter-spacing: -0.32px; }

.inbox-sidebar__container { flex-direction: column; width: 100%; }

.inbox-sidebar__form { margin-bottom: 1.25rem; min-height: 2.5rem; width: 100%; }

.inbox-sidebar__date-range { margin-bottom: 1.125rem; padding-left: 0.75rem; padding-right: 1.125rem; }

.inbox-sidebar__show { margin-bottom: 0.75rem; width: 100%; }

.inbox-sidebar__filter { margin-bottom: 1.25rem; width: 100%; }

.inbox-sidebar__form-separator { background-color: #e6eaee; height: 0.125rem; margin-left: 0.75rem; margin-right: 1.125rem; }

.inbox-sidebar__label-row { align-items: center; display: flex; height: 1.5rem; justify-content: space-between; margin-bottom: 0.4375rem; margin-top: 0.625rem; padding-left: 0.75rem; }

.inbox-sidebar__label { text-align: left; }

.inbox-sidebar__form-textbox .text-box { margin-right: 1.125rem; }
.inbox-sidebar__form-textbox .text-box input, .inbox-sidebar__form-textbox .text-box input[type='text'] { height: 2.5rem; width: 100%; }
.inbox-sidebar__form-textbox .text-box input:-moz-placeholder, .inbox-sidebar__form-textbox .text-box input[type='text']:-moz-placeholder { color: #d5d5d5; }
.inbox-sidebar__form-textbox .text-box input:-ms-input-placeholder, .inbox-sidebar__form-textbox .text-box input[type='text']:-ms-input-placeholder { color: #d5d5d5; }
.inbox-sidebar__form-textbox .text-box input::-webkit-input-placeholder, .inbox-sidebar__form-textbox .text-box input[type='text']::-webkit-input-placeholder { color: #d5d5d5; }

.inbox-sidebar__options { margin-top: 0.75rem; width: 100%; }

.inbox-sidebar__filter-dropdown { margin-top: 0.625rem; }
.inbox-sidebar__filter-dropdown .select--max-width { max-width: 14.625rem; min-width: 100%; }

.inbox-sidebar__text { align-items: center; color: #868686; display: flex; font-size: 16px; height: 3.75rem; margin-top: 0.625rem; padding-left: 0.75rem; }

@media screen and (max-width: 1200px) { .inbox-sidebar { position: relative; }
  .inbox-sidebar__form-options-dropdown .select--max-width { max-width: 10.8125rem; } }
.analytics-list__from-contact, .analytics-list__to-contact, .inbox-list-item__info-avatar--contact, .contact-avatar-img, .receptionist-list-item__info-avatar--contact { font-size: 80%; object-fit: cover; -webkit-background-clip: padding-box; -webkit-border-radius: 4px; -moz-background-clip: padding-box; -moz-border-radius: 4px; border-radius: 4px; background-clip: padding-box; width: 3rem; height: 3rem; }
.analytics-list__from-contact img, .analytics-list__to-contact img, .inbox-list-item__info-avatar--contact img, .contact-avatar-img img, .receptionist-list-item__info-avatar--contact img { width: 3rem; height: 3rem; }
.analytics-list__from-contact .icon-group-avatar, .analytics-list__to-contact .icon-group-avatar, .inbox-list-item__info-avatar--contact .icon-group-avatar, .contact-avatar-img .icon-group-avatar, .receptionist-list-item__info-avatar--contact .icon-group-avatar, .analytics-list__from-contact .icon-group-half, .analytics-list__to-contact .icon-group-half, .inbox-list-item__info-avatar--contact .icon-group-half, .contact-avatar-img .icon-group-half, .receptionist-list-item__info-avatar--contact .icon-group-half, .analytics-list__from-contact .icon-group-quarter, .analytics-list__to-contact .icon-group-quarter, .inbox-list-item__info-avatar--contact .icon-group-quarter, .contact-avatar-img .icon-group-quarter, .receptionist-list-item__info-avatar--contact .icon-group-quarter { width: 3rem; height: 3rem; }
.analytics-list__from-contact .icon-group-half, .analytics-list__to-contact .icon-group-half, .inbox-list-item__info-avatar--contact .icon-group-half, .contact-avatar-img .icon-group-half, .receptionist-list-item__info-avatar--contact .icon-group-half { width: 1.4375rem; height: 3rem; }
.analytics-list__from-contact .icon-group-half img, .analytics-list__to-contact .icon-group-half img, .inbox-list-item__info-avatar--contact .icon-group-half img, .contact-avatar-img .icon-group-half img, .receptionist-list-item__info-avatar--contact .icon-group-half img { object-position: -10px; position: relative; width: 3rem; height: 3rem; }
.analytics-list__from-contact .icon-group-quarter, .analytics-list__to-contact .icon-group-quarter, .inbox-list-item__info-avatar--contact .icon-group-quarter, .contact-avatar-img .icon-group-quarter, .receptionist-list-item__info-avatar--contact .icon-group-quarter { width: 1.4375rem; height: 1.4375rem; }
.analytics-list__from-contact .icon-group-quarter img, .analytics-list__to-contact .icon-group-quarter img, .inbox-list-item__info-avatar--contact .icon-group-quarter img, .contact-avatar-img .icon-group-quarter img, .receptionist-list-item__info-avatar--contact .icon-group-quarter img { width: 1.4375rem; height: 1.4375rem; }

.call-route-step__icon--contact, .contacts-sidebar__contact-avatar, .contact-details__avatar-container, .contact-details__avatar, .action-modal__contact-avatar, .conversation-participant-card__icon--contact { font-size: 80%; object-fit: cover; -webkit-background-clip: padding-box; -webkit-border-radius: 4px; -moz-background-clip: padding-box; -moz-border-radius: 4px; border-radius: 4px; background-clip: padding-box; width: 2.5rem; height: 2.5rem; }
.call-route-step__icon--contact img, .contacts-sidebar__contact-avatar img, .contact-details__avatar-container img, .contact-details__avatar img, .action-modal__contact-avatar img, .conversation-participant-card__icon--contact img { width: 2.5rem; height: 2.5rem; }
.call-route-step__icon--contact .icon-group-avatar, .contacts-sidebar__contact-avatar .icon-group-avatar, .contact-details__avatar-container .icon-group-avatar, .contact-details__avatar .icon-group-avatar, .action-modal__contact-avatar .icon-group-avatar, .conversation-participant-card__icon--contact .icon-group-avatar, .call-route-step__icon--contact .icon-group-half, .contacts-sidebar__contact-avatar .icon-group-half, .contact-details__avatar-container .icon-group-half, .contact-details__avatar .icon-group-half, .action-modal__contact-avatar .icon-group-half, .conversation-participant-card__icon--contact .icon-group-half, .call-route-step__icon--contact .icon-group-quarter, .contacts-sidebar__contact-avatar .icon-group-quarter, .contact-details__avatar-container .icon-group-quarter, .contact-details__avatar .icon-group-quarter, .action-modal__contact-avatar .icon-group-quarter, .conversation-participant-card__icon--contact .icon-group-quarter { width: 2.5rem; height: 2.5rem; }
.call-route-step__icon--contact .icon-group-half, .contacts-sidebar__contact-avatar .icon-group-half, .contact-details__avatar-container .icon-group-half, .contact-details__avatar .icon-group-half, .action-modal__contact-avatar .icon-group-half, .conversation-participant-card__icon--contact .icon-group-half { width: 1.1875rem; height: 2.5rem; }
.call-route-step__icon--contact .icon-group-half img, .contacts-sidebar__contact-avatar .icon-group-half img, .contact-details__avatar-container .icon-group-half img, .contact-details__avatar .icon-group-half img, .action-modal__contact-avatar .icon-group-half img, .conversation-participant-card__icon--contact .icon-group-half img { object-position: -10px; position: relative; width: 2.5rem; height: 2.5rem; }
.call-route-step__icon--contact .icon-group-quarter, .contacts-sidebar__contact-avatar .icon-group-quarter, .contact-details__avatar-container .icon-group-quarter, .contact-details__avatar .icon-group-quarter, .action-modal__contact-avatar .icon-group-quarter, .conversation-participant-card__icon--contact .icon-group-quarter { width: 1.1875rem; height: 1.1875rem; }
.call-route-step__icon--contact .icon-group-quarter img, .contacts-sidebar__contact-avatar .icon-group-quarter img, .contact-details__avatar-container .icon-group-quarter img, .contact-details__avatar .icon-group-quarter img, .action-modal__contact-avatar .icon-group-quarter img, .conversation-participant-card__icon--contact .icon-group-quarter img { width: 1.1875rem; height: 1.1875rem; }

.contacts { display: flex; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 100%; transition: opacity 0.5s 0.25s ease; }

.contacts__main-content { display: flex; flex-direction: column; flex-grow: 1; height: 100%; max-width: 100%; min-width: 29.25rem; }

.contacts__protected-content { width: 100%; }

.contacts__content { flex-direction: column; padding-bottom: 6.25rem; }

.contacts__contact-section-outer { background-color: #ffffff; height: 17.9375rem; position: sticky; top: 0; }

.contact-avatar--no-image { align-items: center; background-color: #d5d5d5; color: #5d6470; display: flex; flex-direction: column; justify-content: center; font-size: 1rem; font-weight: 500; text-transform: uppercase; }

.contact-group-avatar--no-image { align-items: center; background-color: #d5d5d5; color: #5d6470; display: flex; flex-direction: column; justify-content: center; height: 100%; font-weight: 500; }

.contacts__details-pane { flex: 0 1 0; max-width: 18rem; min-width: 0; opacity: 0; overflow-x: hidden; }

.contacts__details-pane--visible { border-left: 1px solid #f4f4f4; flex: 1 1 31.25rem; min-width: 15rem; opacity: 1; overflow-x: unset; }

.contacts-sidebar { font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 100%; padding-bottom: 1.25rem; max-width: 18rem; min-height: calc(100vh - 82px); min-width: 15rem; overflow: hidden; width: 100%; }

.contacts-sidebar__container { font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 100%; padding: 1.25rem 0; max-width: 18rem; min-height: calc(100vh - 82px); min-width: 15rem; width: 100%; }

.contacts-sidebar__header { align-items: center; background-color: #e6eaee; color: #5d6470; display: flex; flex-direction: row; height: 2rem; justify-content: space-between; width: 100%; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.contacts-sidebar__header-title { font-size: 13px; font-weight: 700; margin-left: 0.75rem; text-transform: uppercase; }

.contacts-sidebar__header-search { display: flex; justify-content: space-between; margin-right: 0.75rem; }

.contacts-sidebar__header-icon { fill: #2f3641; }

.contacts-sidebar__header-icon--active { fill: #2f3641; cursor: pointer; }

.contacts-sidebar__header-filter { margin-bottom: 1.25rem; }

.contacts-sidebar__no-contacts { padding-left: 0.875rem; padding-top: 1.25rem; }

.contacts-sidebar__no-contacts-text { color: #454545; font-size: 16px; letter-spacing: -0.32px; line-height: 1.875rem; }

.contacts-sidebar__scrollable-content { height: calc(100% - 72px); }

.contacts-sidebar__group-title { color: #5d6470; font-size: 13px; font-weight: 700; height: 1rem; padding-left: 0.75rem; text-transform: uppercase; background-color: #f4f7fa; position: sticky; top: 0; }

.contacts-sidebar__contact { align-items: center; display: flex; height: 3.5rem; width: 100%; -webkit-border-top-left-radius: 0.3125rem; -moz-border-top-left-radius: 0.3125rem; border-top-left-radius: 0.3125rem; -webkit-border-bottom-left-radius: 0.3125rem; -moz-border-bottom-left-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; }
.contacts-sidebar__contact:hover { cursor: pointer; background-color: #e6eaee; }

.contacts_sidebar__contact--active { background-color: #e6eaee; }

.contacts-sidebar__contact-avatar-container { margin-left: 0.75rem; width: 2.5rem; height: 2.5rem; }
.contacts-sidebar__contact-avatar-container .contact-avatar { width: 2.5rem; height: 2.5rem; }

.contacts-sidebar__contact-metadata { display: flex; margin-left: 0.625rem; max-width: 12.5625rem; min-width: 11.1875rem; width: 100%; padding: 0.375rem 0; }

.sidebar-contact-metadata__display-name { color: #454545; font-size: 15px; font-weight: 700; letter-spacing: -0.2px; line-height: normal; }

.contacts-sidebar__group-divider { border: 1px solid #e6eaee; margin-bottom: 0.625rem; margin-left: 0.75rem; margin-right: 1.25rem; }

.contacts-sidebar__contact-placeholder { align-items: center; border-radius: 0.25rem 0 0 0.25rem; display: flex; height: 3.75rem; padding: 0.625rem 0.8125rem 0.625rem 0.0625rem; width: 100%; }

.contacts-sidebar__contact-placeholder-avatar { background-color: #e6eaee; border-radius: 0.25rem; margin: 0 0.625rem 0 0.75rem; height: 2.5rem; width: 2.5rem; }

.contacts-sidebar__contact-placeholder-metadata { display: flex; flex-direction: column; flex-grow: 2; height: 3.125rem; justify-content: space-evenly; margin-right: 0.3125rem; overflow: hidden; padding: 0.375rem 0; }

.contacts-sidebar__contact-placeholder-metadata-name { background-color: #e6eaee; border-radius: 0.25rem; height: 1.125rem; margin-bottom: 0.125rem; }

.contact-card { display: flex; flex-direction: row; height: 100%; opacity: 0; }

.contact-card__header { display: flex; flex-direction: column; height: 19rem; margin-left: -5px; margin-top: -10px; position: sticky; top: calc(14.6875rem - 19rem); width: calc(100% + 10px); z-index: 4; }

.contact-header__edit-container { display: flex; flex-direction: row; justify-content: flex-end; }

.contacts-header__info-icon { fill: #868686; }
.contacts-header__info-icon:hover { cursor: pointer; }

.contacts-header__edit-text { color: #5d6470; cursor: pointer; font-size: 16px; }

.contacts-header__edit-text--disabled { cursor: default; opacity: 0.4; }

.contact-card__header-shrinking-content { align-items: center; background-color: #ffffff; display: flex; flex: 1; flex-direction: row; height: 19rem; justify-content: center; position: sticky; top: 0; }

.contact-card__header-icon { cursor: pointer; fill: #808795; width: 1.5rem; height: 1.5rem; }

.contact-header { align-items: center; display: flex; flex-direction: column; justify-content: flex-start; }

.contact-header__avatar-container { width: 5rem; height: 5rem; }

.contact-header__avatar { font-size: 1.5rem; object-fit: cover; -webkit-background-clip: padding-box; -webkit-border-radius: 4px; -moz-background-clip: padding-box; -moz-border-radius: 4px; border-radius: 4px; background-clip: padding-box; width: 5rem; height: 5rem; }
.contact-header__avatar img { width: 5rem; height: 5rem; }
.contact-header__avatar .icon-group-avatar, .contact-header__avatar .icon-group-half, .contact-header__avatar .icon-group-quarter { width: 5rem; height: 5rem; }
.contact-header__avatar .icon-group-half { width: 2.4375rem; height: 5rem; }
.contact-header__avatar .icon-group-half img { object-position: -10px; position: relative; width: 5rem; height: 5rem; }
.contact-header__avatar .icon-group-quarter { width: 2.4375rem; height: 2.4375rem; }
.contact-header__avatar .icon-group-quarter img { width: 2.4375rem; height: 2.4375rem; }
.contact-header__avatar .contact-group-avatar--no-image { font-size: 80%; }

.contact-header__avatar--no-image { align-items: center; background-color: #d5d5d5; color: #5d6470; display: flex; flex-direction: column; font-size: 1.5rem; font-weight: 500; justify-content: center; text-transform: uppercase; }

.contact-header__name { color: #454545; font-size: 18px; font-weight: 500; height: 1.5rem; letter-spacing: -0.36px; line-height: normal; margin-top: 1.25rem; }

.contact-header__title { color: #868686; font-size: 14px; font-weight: 400; height: 1.5rem; letter-spacing: -0.32px; line-height: 1.43; }

.contact-header__title--hidden { display: none; }

.contact-header__actions { align-items: flex-start; display: flex; flex-direction: row; height: 3.9375rem; margin-top: 1rem; }

.contact-card__section { display: flex; flex-direction: column; justify-content: flex-start; }

.contact-card__label { color: #454545; display: flex; flex-direction: column; font-size: 16px; font-weight: 700; height: 2rem; justify-content: center; letter-spacing: -0.43px; line-height: 2.06; margin-top: 1rem; }

.contact-card__section-item { align-items: center; border-bottom: solid 0.125rem #f4f7fa; display: flex; flex-direction: row; justify-content: space-between; padding: 1rem 0; }

.contact-card__section-item--address { align-items: flex-start; }

.contact-card__section-item--first { padding-top: 0; }

.contact-card__section-item--borderless { border-bottom: none; }

.contact-card__section-item--meta { border-bottom: none; padding: 0; }

.contact-card__map { border-radius: 0.25rem; }

.contact-card__map-src { border-radius: 0.25rem; width: 100%; }

.contact-card__map--empty { background-color: #e6eaee; border-radius: 0.25rem; color: #868686; display: flex; height: 10.75rem; justify-content: center; width: 23.9375rem; }
.contact-card__map--empty p { align-self: center; padding: 0; }

.contact-card__item-metadata { display: flex; flex-direction: column; }

.contact-card__item-label { color: #868686; font-size: 14px; font-weight: normal; height: 1.375rem; letter-spacing: -0.32px; line-height: 1.57; margin-top: 0.5rem; }

.contact-card__item-clickable-text { color: #3490d5; font-size: 16px; font-weight: normal; height: 1.625rem; letter-spacing: -0.32px; line-height: 1.38; }
.contact-card__item-clickable-text:hover { cursor: pointer; }

.contact-card__item-text { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; line-height: 1.38; }

.contact-card__map-link { width: 2.5rem; }

.contact-card__actions { display: flex; flex-direction: row; justify-content: flex-end; width: 6.375rem; }

.contact-card__action { background-color: #dedede; border-radius: 5px; height: 2.5rem; margin-left: 0.875rem; width: 2.3125rem; }

.contact-card__action-icon { fill: #5d6470; width: 1.5rem; height: 1.5rem; }

.contact-card__tooltip { display: flex; width: 100%; }
.contact-card__tooltip span { align-self: center; }

.contact-details { height: 100%; }
.contact-details section { margin-top: 1.25rem; }

.contact-details__header { display: flex; flex-direction: column; justify-content: center; padding: 0 1rem; z-index: 4; }

.contact-details__header-content { align-items: center; display: flex; height: 4.0625rem; justify-content: flex-end; }

.contact-details__header-content-section { align-items: center; display: flex; min-width: 0; }

.contact-details__header-content-section--no-shrink { flex-shrink: 0; }

.contact-details__header-separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; }

.contact-details__header-text-button { background: none; color: #808795; display: initial; font-size: 16px; font-weight: 400; height: unset; letter-spacing: -0.32px; margin-right: 0.5rem; min-width: initial; padding: 0 0.125rem; }
.contact-details__header-text-button:focus { border-color: #3490d5; }
.contact-details__header-text-button:hover, .contact-details__header-text-button:active { border-color: transparent; box-shadow: none; color: #5d6470; }
.contact-details__header-text-button:disabled { cursor: not-allowed; }

.contact-details__header-icon { display: flex; }

.contact-details__button--disabled { cursor: not-allowed; opacity: 0.4; }
.contact-details__button--disabled .common-button-contained--icon:hover { background-color: #f4f7fa; cursor: not-allowed; }

.contact-details__scrollable-content { height: calc(100% - 192px); }

.contact-details__container { align-items: center; display: flex; justify-content: space-between; padding: 0.5rem 1rem; }

.contact-details__container--clickable { cursor: pointer; }
.contact-details__container--clickable:hover { background-color: #f4f4f4; }

.contact-details__avatar-container { margin-right: 0.75rem; min-width: 2.5rem; width: 2.5rem; height: 2.5rem; }

.contact-details__name-wrapper { display: flex; flex-grow: 1; margin-right: 0.75rem; max-width: 10rem; }

.contact-details__name-text { color: #454545; font-size: 15px; font-weight: 500; letter-spacing: -0.4px; line-height: 1.125rem; margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.contact-details__extension { align-items: center; color: #868686; display: flex; font-size: 13px; justify-content: center; height: 1.375rem; min-width: 1.375rem; padding: 0; }

.contact-details__name { display: flex; flex-direction: column; }

.contact-details__section-title { color: #454545; display: block; font-size: 15px; font-weight: 500; letter-spacing: -0.32px; line-height: 1.375rem; margin-bottom: 0.375rem; padding: 0 1rem; }

.contact-action__button { flex-direction: column; margin-right: 1.75rem; width: 3rem; }

.contact-action__button--disabled { cursor: not-allowed; opacity: 0.4; }
.contact-action__button--disabled .common-button-contained--icon:hover { background-color: #f4f7fa; cursor: not-allowed; }

.contact-action__button--disabled-not-allowed { cursor: not-allowed; }
.contact-action__button--disabled-not-allowed .common-button-contained--icon:hover { cursor: not-allowed; }

.contact-action__button--disabled-default { cursor: default; }
.contact-action__button--disabled-default .common-button-contained--icon:hover { cursor: default; }

.contact-action__button--last { margin-right: 0; }

.contact-action__button--unset-min-width { min-width: unset; padding: 0 0.5rem; }

.contact-action__button-icon { fill: #ffffff; width: 1.5rem; height: 1.5rem; }

.contact-action__button-text { color: #868686; font-size: 14px; font-weight: normal; height: 1.375rem; letter-spacing: -0.32px; line-height: 1.57; padding-top: 0.0625rem; }

.contact-action__button-text--disabled { color: #5d6470; opacity: 0.4; }

.contact-action__button-text--hidden { display: none; }

.contact-action__selection-menu { position: relative; }

.contact-selection-menu__menu { background-color: #ffffff; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); left: -11.125rem; overflow: hidden; padding: 1.25rem 0; position: absolute; text-align: left; top: 2.8125rem; width: 18.125rem; z-index: 999; }
.contact-selection-menu__menu:focus { outline: none; }

.contact-selection-menu__title { color: #454545; font-size: 16px; font-weight: 700; letter-spacing: -0.43px; line-height: 2.06; padding-left: 1.25rem; }

.contact-selection-menu__options { margin-bottom: 1rem; }
.contact-selection-menu__options .list-box { border: none; border-radius: 0; }
.contact-selection-menu__options .list-box--self-contained { box-shadow: none; }
.contact-selection-menu__options .list-box--self-contained:hover { box-shadow: none; }

.contact-selection-menu__option { align-items: center; color: #454545; display: flex; font-size: 16px; font-weight: normal; height: 3.75rem; letter-spacing: -0.32px; line-height: 1.1875rem; padding-left: 1.25rem; }
.contact-selection-menu__option span { max-height: 1.5rem; }
.contact-selection-menu__option:hover { background-color: #e6eaee; cursor: pointer; }
.contact-selection-menu__option ._svg-icon { fill: #454545; margin: 0 0.5rem 0 0.125rem; }

.selection-menu-option { display: flex; flex-direction: column; }

.selection-menu-option__label { color: #868686; font-size: 14px; font-weight: normal; height: 1.375rem; letter-spacing: -0.32px; line-height: 1.57; }

.selection-menu-option__text { color: #3490d5; font-size: 16px; font-weight: normal; height: 1.625rem; letter-spacing: -0.32px; line-height: 1.38; }
.selection-menu-option__text:hover { cursor: pointer; }

.contact-action__context-menu { position: relative; }

.contact-action__menu-container { background-color: #ffffff; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); left: 0; overflow: hidden; padding: 0.3125rem 0 0.3125rem 0; position: absolute; text-align: left; top: -1rem; width: 11.875rem; z-index: 999; }
.contact-action__menu-container:focus { outline: none; }

.contact-action__menu-option { align-items: center; color: #454545; display: flex; font-size: 16px; font-weight: normal; height: 2.75rem; letter-spacing: -0.32px; line-height: 1.1875rem; margin: 0.5rem 0; padding: 0.5rem 1rem 0.5rem 0.875rem; }
.contact-action__menu-option span { max-height: 1.5rem; }
.contact-action__menu-option:hover { background-color: #e6eaee; cursor: pointer; }
.contact-action__menu-option ._svg-icon { fill: #454545; margin: 0 0.5rem 0 0.125rem; }

.contact-action__menu-option--disabled { opacity: 40%; }
.contact-action__menu-option--disabled:hover { cursor: not-allowed; }

.messages { font-family: "Circular", "Helvetica", "Arial", sans-serif; height: calc(100vh - 82px); }

.messages__no-messaging, .messages__conversation-not-found { align-items: center; display: flex; flex-direction: column; padding-top: 8.125rem; }

.messages__no-messaging-text, .messages__conversation-not-found-text, .messages__no-messaging-link { color: #454545; font-size: 16px; letter-spacing: -0.32px; line-height: 1.875rem; }

.messages__no-messaging-link { color: #3490d5; cursor: pointer; }

.messages__no-messaging-text--bold { font-weight: 700; }

.messages__conversation { height: 100%; width: 100%; }

.messages__access-revoked-action-modal .action-modal__action-text { line-height: 1.375rem; }

.messages-sidebar { font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 100%; padding: 1.25rem 0; max-width: 18rem; min-height: calc(100vh - 82px); min-width: 15rem; overflow: hidden; width: 100%; }

.messages-sidebar__filter-sort-container { margin-bottom: 1.25rem; }

.messages-sidebar__section { margin-top: 1.125rem; }

.messages-sidebar__section-header { align-items: center; background-color: #e6eaee; color: #5d6470; display: flex; flex-direction: row; height: 2rem; justify-content: space-between; width: 100%; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.messages-sidebar__section-default-container--show { animation: 2s moveLeft 0ms 1 normal forwards; left: 300px; position: relative; }

.messages-sidebar__section-default-container--hide { animation: 1.5s moveOutDefault 0ms 1 normal forwards; }

@keyframes moveOutDefault { 0% { transform: translate(10, 0); }
  100% { transform: translate(300px, 0); } }
.messages-sidebar__section-title { font-size: 13px; font-weight: 700; text-transform: uppercase; margin-left: 0.75rem; }

.messages-sidebar__section-default-container { display: flex; justify-content: space-between; margin-right: 0.75rem; }

.messages-sidebar__section-search-container { align-items: center; display: flex; height: 2rem; flex-direction: row; left: 300px; position: relative; width: 100%; }

.messages-sidebar__section-search-container--show { animation: 2s moveLeft 0ms 1 normal forwards; }

.messages-sidebar__section-search-container--hide { animation: 1.5s moveRight 0ms 1 normal forwards; }

@keyframes moveLeft { 0% { transform: translate(10, 0); }
  100% { transform: translate(-300px, 0); } }
@keyframes moveRight { 0% { transform: translate(-300px, 0); }
  100% { transform: translate(10, 0); } }
.messages-sidebar__section-default-icon { cursor: pointer; }
.messages-sidebar__section-default-icon ._svg-icon { fill: #2f3641; }

.messages-sidebar__section-default-icon--disabled { pointer-events: none; }

input[type="text"].messages-sidebar__section-search-input { all: initial; background-color: #ffffff; border: 1px solid #bcbcbc; border-radius: 0.25rem; outline: none; color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 14px; height: 1.625rem; margin: 0.3125rem 0.3125rem 0.3125rem 0.1875rem; max-width: 13.625rem; padding-left: 1.5625rem; width: 12.1875rem; }
input[type="text"].messages-sidebar__section-search-input:focus { outline: none; }

.messages-sidebar__section-search-icon { fill: #2f3641; position: absolute; }

.messages-sidebar__section-search-icon--search { left: 10px; }

.messages-sidebar__section-search-icon--cancel { cursor: pointer; right: 25%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.messages-sidebar__search-input-label { color: #454545; cursor: pointer; font-size: 14px; letter-spacing: -0.26px; line-height: 1.57; margin: 2px 0 2px 2px; text-align: right; text-transform: capitalize; }

.messages-sidebar__no-messaging { padding-left: 0.875rem; padding-top: 1.25rem; }

.messages-sidebar__no-messaging-text { color: #454545; font-size: 16px; letter-spacing: -0.32px; line-height: 1.875rem; }

.messages-sidebar__scrollable-content { height: calc(100% - 72px); }

.messages-sidebar__conversation { align-items: center; border-radius: 0.25rem 0 0 0.25rem; display: flex; height: 3.75rem; margin: 0.25rem 0; padding: 0.625rem 0.8125rem 0.625rem 0.0625rem; width: 100%; }
.messages-sidebar__conversation:hover { background-color: #e6eaee; cursor: pointer; }

.messages-sidebar__conversation--hover { background-color: #e6eaee; cursor: pointer; }

.messages-sidebar__conversation--selected { background-color: #e6eaee; }

.messages-sidebar__conversation--fade-in { opacity: 1; overflow: hidden; transition: height 0.25s linear, padding 0.25s linear, opacity 0.25s linear 0.25s; }

.messages-sidebar__conversation--fade-out { height: 0; opacity: 0; overflow: hidden; padding: 0; transition: opacity 0.25s linear, height 0.25s linear 0.25s, padding 0.25s linear 0.25s; }

.messages-sidebar__conversation-status { display: flex; flex-direction: column; justify-content: center; padding-left: 0.21875rem; padding-right: 0.15625rem; }

.messages-sidebar__conversation-status-icon { height: 0.375rem; width: 0.375rem; }

.messages-sidebar__conversation-status-icon--active { background-color: #3490d5; border-radius: 5px; fill: #3490d5; }

.messages-sidebar__conversation-metadata { display: flex; flex-direction: column; flex-grow: 2; height: 3.125rem; justify-content: space-evenly; margin-left: 0.625rem; margin-right: 0.3125rem; overflow: hidden; padding: 0.375rem 0; }

.messages-sidebar__conversation-metadata-name { color: #2f3641; font-size: 15px; font-weight: 500; line-height: normal; }

.messages-sidebar__conversation-metadata-message { color: #868686; font-size: 13px; font-weight: 300; line-height: normal; margin-top: 0.0625rem; }

.messages-sidebar__conversation-date { color: #868686; flex-shrink: 0; font-size: 13px; font-weight: normal; letter-spacing: -0.32px; line-height: normal; text-align: right; }

.messages-sidebar__conversation-failed-sending { fill: #67b5d7; margin-right: 0.125rem; text-align: right; }

.messages-sidebar__conversation-unsent { fill: #868686; text-align: right; }

.messages-sidebar__conversation-placeholder { align-items: center; border-radius: 0.25rem 0 0 0.25rem; display: flex; height: 3.75rem; padding: 0.625rem 0.8125rem 0.625rem 0.0625rem; width: 100%; }

.messages-sidebar__conversation-placeholder-avatar { background-color: #e6eaee; border-radius: 0.25rem; margin: 0 0.625rem 0 0.75rem; height: 2.5rem; width: 2.5rem; }

.messages-sidebar__conversation-placeholder-metadata { display: flex; flex-direction: column; flex-grow: 2; height: 3.125rem; justify-content: space-evenly; margin-right: 0.3125rem; overflow: hidden; padding: 0.375rem 0; }

.messages-sidebar__conversation-placeholder-metadata-name { background-color: #e6eaee; border-radius: 0.25rem; height: 1.125rem; margin-bottom: 0.125rem; }

.messages-sidebar__conversation-placeholder-metadata-message { background-color: #e6eaee; border-radius: 0.25rem; height: 1.125rem; margin-top: 0.125rem; }

.messages-sidebar__conversation-close-button { background-color: #e6eaee; border: solid 0.1875rem #f4f7fa; border-radius: 100%; display: flex; height: 1.5rem; justify-content: center; position: absolute; margin: 0; width: 1.5rem; }
.messages-sidebar__conversation-close-button:hover { cursor: pointer; }
.messages-sidebar__conversation-close-button ._svg-icon { align-self: center; fill: #868686; min-height: 1.125rem; min-width: 1.125rem; transform: scale(1.2); }

.messages-coming-soon__content { flex-direction: column; height: 37.5rem; min-height: 80vh; pointer-events: none; }

.messages-coming-soon__coming_soon { color: #454545; font-size: 22px; font-weight: 700; left: 50%; letter-spacing: -0.83px; line-height: normal; position: absolute; top: 17.875rem; z-index: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.messages-coming-soon__header-section { border-bottom-color: #f4f4f4; border-bottom-style: solid; border-bottom-width: 0.125rem; display: flex; flex-direction: row; height: 3.625rem; justify-content: space-between; margin-top: 0.625rem; opacity: 0.4; }

.messages-coming-soon__header-user { align-items: flex-start; display: flex; flex-direction: row; height: 2.5rem; justify-content: space-between; width: 11.0625rem; }

.messages-coming-soon__header-user-avatar { border-radius: 4px; height: 2.5rem; width: 2.5rem; }

.messages-coming-soon__header-user-details { display: flex; flex-direction: column; height: 2.5rem; padding: 0.125rem 0; }

.messages-coming-soon__header-user-name { color: #454545; font-size: 15px; font-weight: 700; letter-spacing: -0.54px; line-height: normal; }

.messages-coming-soon__header-user-device { color: #868686; font-size: 13px; font-weight: normal; letter-spacing: -0.5px; line-height: normal; }

.messages-coming-soon__header-search { align-items: center; display: flex; flex-direction: row; height: 2.5rem; justify-content: space-between; width: 5.5rem; }

.messages-coming-soon__header-search-text { color: #d5d5d5; font-size: 16px; font-weight: 500; letter-spacing: -0.57px; line-height: 1.13; }

.messages-coming-soon__header-search-icon { fill: #808795; width: 1.5rem; height: 1.5rem; }

.messages-coming-soon__date-section { align-items: flex-end; border-bottom: solid 0.125rem #f4f4f4; display: flex; flex-direction: row; height: 3.8125rem; justify-content: center; opacity: 0.4; }

.messages-coming-soon__date { color: #868686; font-size: 14px; font-weight: 700; height: 1.5625rem; letter-spacing: -0.32px; line-height: 1.57; }

.messages-coming-soon__message-section { display: flex; flex-direction: row; max-height: 20.5rem; }

.messages-coming-soon__message-avatar { border-radius: 0.1875rem; height: 2.5rem; margin-right: 0.625rem; margin-top: 1.75rem; opacity: 0.4; width: 2.5rem; }

.messages-coming-soon__message-title { display: flex; flex-direction: row; margin-bottom: 0.25rem; margin-top: 1.5rem; }

.messages-coming-soon__message-user-name { color: #454545; font-size: 16px; font-weight: 700; letter-spacing: -0.32px; line-height: normal; margin-right: 0.375rem; min-width: 6.3125rem; opacity: 0.4; }

.messages-coming-soon__message-time, .messages-coming-soon__message-time-old { color: #bcbcbc; font-size: 14px; font-weight: normal; letter-spacing: -0.32px; line-height: 1.6; }

.messages-coming-soon__message-time-old { opacity: 0.4; }

.messages-coming-soon__message-text, .messages-coming-soon__message-link { font-size: 16px; font-weight: normal; line-height: 1.38; letter-spacing: -0.32px; color: #454545; opacity: 0.4; }

.messages-coming-soon__message-link { color: #3490d5; }

.messages-coming-soon__message-text-image { height: 1.125rem; width: 1.125rem; }

.messages-coming-soon__message-website-preview-section { border-left: solid 0.125rem #f4f4f4; display: flex; flex-direction: row; height: 13.6875rem; margin-top: 0.625rem; }

.messages-coming-soon__message-website-preview { display: flex; flex-direction: column; margin-left: 0.6875rem; }

.messages-coming-soon__message-website-header { display: flex; flex-direction: row; height: 1.375rem; justify-content: space-between; margin-top: 0.375rem; width: 9.375rem; }

.messages-coming-soon__header-website-header-avatar { height: 1.0625rem; width: 1.5rem; }

.messages-coming-soon__message-website-header-one { color: #2b2b2b; font-size: 16px; font-weight: 700; height: 1.375rem; letter-spacing: -0.57px; opacity: 0.4; }

.messages-coming-soon__message-website-header-divider { border: solid 0.0625rem #d5d5d5; height: 0.875rem; margin: 0.125rem 0; opacity: 0.4; }

.messages-coming-soon__message-website-header-two { color: #868686; font-size: 16px; font-weight: normal; height: 1.375rem; letter-spacing: -0.57px; }

.messages-coming-soon__header-website-sub-header { color: #3490d5; font-size: 16px; font-weight: normal; height: 1.1875rem; letter-spacing: -0.32px; margin-top: 0.3125rem; opacity: 0.4; }

.messages-coming-soon__header-website-preview-image { border-radius: 4px; height: 10.1875rem; margin-top: 0.3125rem; width: 17.4375rem; }

@media screen and (min-width: 1200px) { .messages .messages-coming-soon__content { margin-top: -0.625rem; } }
.messages-sidebar-coming-soon { opacity: 0.4; pointer-events: none; }

.messages-sidebar-coming-soon__header-container { display: flex; justify-content: flex-start; }

.messages-sidebar-coming-soon__header-search { align-items: center; background-color: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; display: flex; flex-direction: row; flex-grow: 1; height: 2.5rem; justify-content: flex-start; max-width: 13.875rem; padding-left: 0.6875rem; }

.messages-sidebar-coming-soon__header-search-text { color: #d5d5d5; font-size: 16px; font-weight: 500; letter-spacing: -0.43px; line-height: 2.06; padding-left: 0.5rem; }

.messages-sidebar-coming-soon__header-button { background: #e6eaee; border-radius: 5px; color: #5d6470; fill: currentColor; margin: 0 0.75rem; width: 2.5rem; height: 2.5rem; }

.messages-sidebar-coming-soon__section { margin-top: 1.125rem; }

.messages-sidebar-coming-soon__section-header { align-items: center; background-color: #e6eaee; color: #5d6470; display: flex; flex-direction: row; height: 2rem; justify-content: space-between; width: 100%; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.messages-sidebar-coming-soon__section-title { font-size: 13px; font-weight: 700; text-transform: uppercase; margin-left: 0.75rem; }

.messages-sidebar-coming-soon__section-filter { align-items: center; display: flex; flex-direction: row; margin-right: 1.25rem; }

.messages-sidebar-coming-soon__section-filter-label { color: #868686; font-size: 13px; font-weight: normal; line-height: normal; letter-spacing: -0.5px; }

.messages-sidebar-coming-soon__section-filter-icon { fill: #454545; margin-left: 0.375rem; width: 1rem; height: 1rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.messages-sidebar-coming-soon__section-call { display: flex; height: 3.125rem; margin: 0.625rem 0; width: 100%; -webkit-border-top-left-radius: 0.625rem; -moz-border-top-left-radius: 0.625rem; border-top-left-radius: 0.625rem; -webkit-border-bottom-left-radius: 0.625rem; -moz-border-bottom-left-radius: 0.625rem; border-bottom-left-radius: 0.625rem; }

.messages-sidebar-coming-soon__section-call-direction { align-items: flex-end; display: flex; flex-direction: column; justify-content: center; margin-left: 0.3125rem; }

.messages-sidebar-coming-soon__section-call-direction--icon { height: 0.375rem; width: 0.375rem; }

.messages-sidebar-coming-soon__section-call-direction--icon-active { background-color: #3490d5; border-radius: 5px; fill: #3490d5; }

.messages-sidebar-coming-soon__call-avatar { margin: 0.3125rem; width: 2.5rem; height: 2.5rem; }

.messages-sidebar-coming-soon__call-metadata { display: flex; flex-direction: column; height: 3.125rem; margin-left: 0.3125rem; margin-right: 1.25rem; max-width: 12.625rem; min-width: 9.9375rem; padding: 0.375rem 0; }

.conversation { opacity: 0; display: flex; flex-direction: row; height: 100%; transition: opacity 0.5s 0.25s ease; }

.conversation--visible { opacity: 1; }

.conversation__main-content { display: flex; flex-direction: column; flex-grow: 1; height: 100%; max-width: 100%; min-width: 29.25rem; }

.conversation__header { flex-basis: content; }

.conversation__header--details-pane-visible { max-width: 34rem; }

.conversation__recipients { height: 0; }

.conversation__messages { display: flex; flex-direction: column; flex: 1; }

.conversation__message-compose-area, .conversation__blocked-contact-area { flex-basis: content; }

.conversation__blocked-contact-pill-container { align-items: center; background-color: #ffffff; bottom: 1.25rem; display: flex; flex-direction: column; justify-content: center; margin-top: 0.75rem; max-height: 6.25rem; min-height: 2.5rem; position: relative; width: 100%; }

.conversation__blocked-contact-pill { align-items: center; background-color: #2b2b2b; border-radius: 0.84375rem; display: flex; height: 1.6875rem; justify-content: center; padding: 0.25rem 1rem; width: fit-content; }

.conversation__blocked-contact-pill-label { color: #ffffff; font-size: 14px; font-weight: 500; letter-spacing: -0.32px; }

.conversation__blocked-contact-link { color: #3490d5; cursor: pointer; font-size: 15px; font-weight: 500; letter-spacing: -0.19px; margin-top: 0.75rem; width: fit-content; }
.conversation__blocked-contact-link:hover { color: #2a75ad; }
.conversation__blocked-contact-link:active { color: #125872; }

.conversation__details-pane { flex: 0 1 0; max-width: 18rem; min-width: 0; opacity: 0; overflow-x: hidden; }

.conversation__details-pane--visible { border-left: 1px solid #f4f4f4; flex: 1 1 31.25rem; min-width: 15rem; opacity: 1; overflow-x: unset; }

.conversation-details { height: 100%; }
.conversation-details section { margin-top: 1.25rem; padding-right: 0.9375rem; }

section.conversation-details__links { margin-top: 0; }

.conversation-details__header { display: flex; flex-direction: column; padding-left: 0.9375rem; padding-right: 0.9375rem; z-index: 4; }

.conversation-details__header-content { align-items: center; display: flex; flex-grow: 1; height: 4.0625rem; justify-content: space-between; }

.conversation-details__header-content-section { align-items: center; display: flex; min-width: 0; }

.conversation-details__header-content-section--no-shrink { flex-shrink: 0; }

.conversation-details__header-text-button { background: none; color: #808795; display: initial; font-size: 16px; font-weight: 400; height: unset; letter-spacing: -0.32px; margin-right: 0.5rem; min-width: initial; padding: 0 0.125rem; }
.conversation-details__header-text-button:focus { border-color: #3490d5; }
.conversation-details__header-text-button:hover, .conversation-details__header-text-button:active { border-color: transparent; box-shadow: none; color: #5d6470; }
.conversation-details__header-text-button:disabled { cursor: not-allowed; }

.conversation-details__header-text-button--ellipse-on-overflow { min-width: 0; }

.conversation-details__header-icon { display: flex; }

.conversation-details__header-separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; }

.conversation-details__scrollable-content { height: calc(100% - 69px); }

.conversation-details__created, .conversation-details__name { display: flex; flex-direction: column; padding-left: 0.9375rem; }

.conversation-details__section-title-with-action-container { display: flex; justify-content: space-between; }

.conversation-details__section-title { color: #454545; display: block; font-size: 15px; font-weight: 500; letter-spacing: -0.32px; line-height: 1.375rem; margin-bottom: 0.375rem; white-space: nowrap; }

.conversation-details__section-action { color: #3490d5; cursor: pointer; float: right; font-size: 14px; letter-spacing: -0.32px; line-height: 1.57; }
.conversation-details__section-action:hover { color: #2a75ad; }
.conversation-details__section-action:active { color: #125872; }

.conversation-details__created-date-time { color: #868686; font-size: 16px; letter-spacing: -0.32px; line-height: 1.1875rem; }

.conversation-details__name-input-container { align-items: center; border: 2px solid #d5d5d5; border-radius: 5px; display: flex; }
.conversation-details__name-input-container:focus-within { box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }

.conversation-details__participant-card { align-items: center; display: flex; flex-direction: row; justify-content: space-between; padding-top: 0.5625rem; padding-bottom: 0.5625rem; }

.conversation-details__participant-card-text { display: flex; flex-direction: column; flex-grow: 2; }

.conversation-details__participant-number { color: #454545; font-size: 15px; font-weight: 500; letter-spacing: -0.4px; line-height: 1.125rem; margin: 0; padding: 0; }

.conversation-details__participant-location { color: #868686; font-size: 13px; letter-spacing: -0.3px; margin-top: 0.1875rem; padding: 0; }

input[type="text"].conversation-details__name-input { all: initial; color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; flex-grow: 1; height: 2.875rem; letter-spacing: -0.32px; outline: none; padding: 0 0.75rem; text-overflow: ellipsis; width: 100%; }

.conversation-details__name-input-clear { cursor: pointer; margin-right: 0.25rem; }
.conversation-details__name-input-clear ._svg-icon { fill: #5d6470; }

.conversation-details__name-buttons-container { align-items: flex-end; height: 1.625rem; display: flex; justify-content: flex-end; }
.conversation-details__name-buttons-container .conversation-details__name-button + .conversation-details__name-button { margin-left: 0.125rem; }

.conversation-details__name-button { background: none; color: #808795; border-radius: 1.375rem; font-size: 14px; font-weight: 300; height: 1.375rem; line-height: 1.57; min-width: initial; padding: 0; width: 3.75rem; }
.conversation-details__name-button:hover { color: #5d6470; }
.conversation-details__name-button:active { box-shadow: none; }

.conversation-details__name-button--filled-background { background-color: #808795; color: #ffffff; }
.conversation-details__name-button--filled-background:hover { background-color: #5d6470; color: #ffffff; }
.conversation-details__name-button--filled-background:active { background-color: #5d6470; box-shadow: none; }

.conversation-details__name-button-spinner { position: absolute; }

.conversation-details__participants, .conversation-details__subscribers, .conversation-details__location, .conversation-details__media, .conversation-details__links { padding-left: 0.9375rem; }

.conversation-header { display: flex; flex-direction: column; z-index: 4; }

.conversation-header--new-conversation .interior-shell__sticky-header-text { flex: 0 0 55%; }
.conversation-header--new-conversation .interior-shell__sticky-header-options { flex: 0 0 45%; }

.conversation-header--hidden { display: none; }

.conversation-header__combo-box { margin-right: 0.9375rem; width: 100%; }

.conversation-header__existing-conversation { align-items: center; display: flex; flex-grow: 1; height: 4.0625rem; margin: 0 1.5625rem; justify-content: space-between; }

.conversation-header__recipient-avatar-container { align-items: center; display: flex; justify-content: flex-start; }

.conversation-header__recipient-metadata-container { align-items: center; display: flex; flex-grow: 1; flex-shrink: 1; min-width: 0; }

.conversation-header__search-container { align-items: center; display: flex; justify-content: flex-end; }

.conversation-header__recipient-metadata { display: flex; flex-direction: column; justify-content: space-around; padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; }

.conversation-header__recipient-meta1 { color: #454545; font-size: 15px; font-weight: 700; letter-spacing: -0.54px; line-height: normal; }

.conversation-header__recipient-meta2 { color: #868686; font-size: 13px; letter-spacing: -0.5px; line-height: normal; }

input[type="text"].conversation-header__search-input { all: initial; border: none; color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; letter-spacing: -0.32px; outline: none; text-align: right; }
input[type="text"].conversation-header__search-input::placeholder { color: #808795; }
input[type="text"].conversation-header__search-input:disabled { border: none; cursor: default !important; width: 3.125rem; }

.conversation-header__search-clear-icon { fill: #808795; margin: 0 0.25rem 0 0.5rem; opacity: 0; overflow: hidden; width: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

.conversation-header__search-clear-icon--visible { cursor: pointer; opacity: 1; width: 2rem; }

.conversation-header__details-icon { cursor: pointer; fill: #808795; }

.conversation-header__separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; margin: 0 1.5625rem; }

.conversation-location { margin-top: 0.6875rem; }

.conversation-location-map { border-radius: 0.25rem; width: 100%; }

.conversation-location-map--empty { background-color: #e6eaee; border-radius: 0.25rem; color: #868686; display: flex; height: 8.5rem; justify-content: center; }
.conversation-location-map--empty p { align-self: center; padding: 0; }

.conversation-details-media { display: grid; gap: 0.5rem 0.5rem; grid-template-columns: repeat(3, 1fr); margin-top: 0.25rem; padding-bottom: 1.25rem; width: 100%; }

.messages_media { height: 100%; }

.conversation-media { display: flex; flex-direction: column; height: 100%; }

.conversation-media__buttons { display: flex; padding: 0 1.5rem; }

.conversation-media__button { background-color: #ffffff; border: solid 0.0625rem #808795; border-radius: 0.84375rem; color: #808795; font-size: 12px; font-weight: 500; height: 1.375rem; letter-spacing: -0.32px; margin: 1.25rem 0.3125rem 1.25rem 0; width: 5.125rem; }
.conversation-media__button:hover { background-color: #808795; color: #ffffff; }

.conversation-media__button--active { background-color: #808795; color: #ffffff; }

.conversation-media__body { display: grid; gap: 0.75rem; grid-template-columns: repeat(3, 1fr); margin-top: 0.25rem; padding: 0 1.5rem 1.75rem 1.5rem; width: 100%; }

.conversation-media__body-scrollbar { flex-grow: 2; }

.conversation-media__body-empty { align-items: center; display: flex; flex-grow: 2; justify-content: center; }
.conversation-media__body-empty p { color: #868686; font-size: 16px; }

.conversation-media-card { aspect-ratio: 1; border-radius: 5px; cursor: pointer; overflow: hidden; position: relative; }
.conversation-media-card video { background-color: #2b2b2b; height: 100%; object-fit: cover; width: 100%; }
.conversation-media-card ._svg-icon { fill: #f4f4f4; }
.conversation-media-card img { height: 100%; object-fit: cover; width: 100%; }

.conversation-media-card__video-icon { align-items: center; background-color: #808795; border-radius: 50%; bottom: calc(50% - 1rem); display: flex; height: 2rem; justify-content: center; left: calc(50% - 1rem); position: absolute; width: 2rem; }

.conversation-media-card__video-icon--small { bottom: calc(50% - 0.75rem); height: 1.5rem; left: calc(50% - 0.75rem); width: 1.5rem; }

.conversation-recipients { background-color: #ffffff; margin: auto; width: 100%; z-index: 5; }

.conversation-recipients__selected-numbers-container { background-color: #ffffff; border: solid 0.125rem #d5d5d5; border-radius: 0.3125rem; color: #d5d5d5; display: flex; flex-basis: 0; flex-grow: 1; flex-wrap: wrap; height: auto; justify-content: flex-start; margin-left: 1.5rem; margin-right: 1.5rem; margin-top: 1.25rem; max-width: 49rem; padding: 0.25rem 0.3125rem 0.25rem 0.3125rem; /* Enforcing 3 columns */ }
.conversation-recipients__selected-numbers-container:focus-within { border: solid 0.125rem #868686; box-shadow: 0 0 1.125rem 0.125rem rgba(213, 213, 213, 0.5); }
@media (max-width: 1143px) { .conversation-recipients__selected-numbers-container { /* Shortening to fit 3 columns */ }
  .conversation-recipients__selected-numbers-container .conversation-recipients__selected-number-details { width: calc(32.9% - 3.5px); /* Adjusting icon for shortened length */ }
  .conversation-recipients__selected-numbers-container .conversation-recipients__selected-number-details .conversation-recipients__selected-number-details-remove-icon { margin-left: -0.3125rem; } }

.conversation-recipients__selected-number-details { background-color: #ffffff; border: solid 0.125rem #d5d5d5; border-radius: 0.25rem; display: flex; height: 3.1875rem; margin: 0.125rem 0.1875rem 0.125rem 0.1875rem; padding: 0.375rem 0.3125rem 0.5rem 0.375rem; width: calc(33% - 3.5px); }

.conversation-recipients__selected-number-details-avatar, .conversation-recipients-option__avatar { color: #5d6470; height: 2.25rem; margin: 0 0.625rem 0 0; width: 2.25rem; }

.conversation-recipients-option__avatar--contact { align-items: center; background-color: #d5d5d5; color: #5d6470; display: flex; flex-direction: column; justify-content: center; font-size: 1rem; font-weight: 500; margin-right: 0.75rem; text-transform: uppercase; -webkit-background-clip: padding-box; -webkit-border-radius: 4px; -moz-background-clip: padding-box; -moz-border-radius: 4px; border-radius: 4px; background-clip: padding-box; width: 2.25rem; height: 2.25rem; }

.conversation-recipients__selected-number-details-avatar--blocked, .conversation-recipients-option__avatar--blocked { opacity: 0.4; }

.conversation-recipients__selected-number-details-info { display: flex; flex-direction: column; padding-top: 0.125rem; width: 15rem; }

.conversation-recipients__selected-number-details-number { color: #454545; font-size: 15px; font-weight: bold; height: 1.1875rem; letter-spacing: -0.32px; width: 7.75rem; }

.conversation-recipients__selected-number-details-location { color: #868686; font-size: 13px; height: 1rem; letter-spacing: -0.32px; }

.conversation-recipients__selected-number-details-remove-icon { align-self: center; cursor: pointer; fill: #868686; }

.conversation-recipients__phone-number { display: flex; flex-grow: 1; }

.conversation-recipients__phone-number-input { align-self: center; background-color: #ffffff; border: none; border-radius: 0.3125rem; height: 3.375rem; justify-self: start; padding: 0.375rem 0.5rem 0.375rem 0.5rem; width: 100%; }
.conversation-recipients__phone-number-input:focus { color: #454545; outline: none; }

::placeholder { color: #d5d5d5; font-size: 16px; opacity: 1; /* Firefox */ }

.conversation-recipients__max-recipients-legend { align-self: center; color: #868686; font-size: 14px; height: 1.1875rem; justify-self: start; letter-spacing: -0.32px; margin-left: 0.625rem; width: 21rem; }

.conversation-recipients__list-box-container { border-radius: 0.3125rem; margin-left: 1.5rem; margin-right: 1.5rem; position: relative; width: 100%; z-index: 10; }

.conversation-recipients__list-box-options { background-color: #ffffff; border: solid 0.125rem #d5d5d5; border-radius: 0.3125rem; box-shadow: 0 0 1.125rem 0.125rem #d5d5d5; margin: 0.25rem 0 0; max-width: 49rem; padding-top: 0.5rem; position: absolute; top: 100%; width: 100%; }
.conversation-recipients__list-box-options li:last-of-type { margin-bottom: 0.4375rem; }
.conversation-recipients__list-box-options li:last-of-type:hover { background-color: #ffffff; }

.conversation-recipients__selected-list-box-option-details { align-items: center; color: #868686; cursor: pointer; display: flex; padding: 0.5625rem 0.5625rem 0.5625rem 0.875rem; }
.conversation-recipients__selected-list-box-option-details:hover { background-color: #e6eaee; }

.conversation-recipients__selected-list-box-option-details--blocked { cursor: default; }

.conversation-recipients-option__blocked, .conversation-recipients-option__info { display: flex; flex: 1; }

.conversation-recipients-option__blocked { justify-content: flex-end; padding-right: 0.5rem; }

.conversation-recipients-option__meta { display: flex; flex-direction: column; justify-content: center; padding-top: 0.125rem; }

.conversation-recipients-option__number { font-size: 15px; font-weight: bold; height: 1.1875rem; letter-spacing: -0.32px; margin-top: auto; margin-bottom: auto; width: 7.8125rem; }

.conversation-recipients__matching-text-highlight { color: #454545; font-weight: bold; }

.conversation-recipients-option__text--blocked { color: #67b5d7; }
.conversation-recipients-option__text--blocked .conversation-recipients__matching-text-highlight { color: #67b5d7; }
.conversation-recipients-option__text--blocked:hover { cursor: default; }

.conversation-recipients-option__location { font-size: 13px; height: 1rem; letter-spacing: -0.32px; margin-top: auto; margin-bottom: auto; width: 12.5rem; }

.conversation-recipients-option__blocked-text { align-self: flex-end; color: #67b5d7; }

.conversation-message { display: flex; flex-direction: row; justify-content: flex-start; padding: 0 1.5rem; }

.conversation-message__avatar { min-width: 2.5rem; }

.conversation-message__system-avatar .borderedIcon-icon { height: 1.25rem; margin-left: 0.25rem; width: 1.25rem; }

.conversation-message__user-avatar .user-avatar-icon, .conversation-message__user-avatar .contact-avatar { height: 2.5rem; width: 2.5rem; }
.conversation-message__user-avatar .contact-avatar--no-contact, .conversation-message__user-avatar .contact-avatar--no-image { border-radius: 5px; height: 100%; width: 100%; }

.conversation-message__default-user-avatar { align-items: center; background-color: #d5d5d5; border-radius: 5px; color: #5d6470; display: flex; font-size: 18px; height: 2.5rem; justify-content: center; width: 2.5rem; }

.conversation-message__short-time { color: #bcbcbc; display: none; font-size: 14px; height: 1.375rem; letter-spacing: -0.28px; text-align: right; width: 2.5rem; }
.conversation-message__short-time time { line-height: 1.375rem; }

.conversation-message__content-container { display: flex; flex-direction: column; justify-content: flex-start; margin-left: 0.625rem; position: relative; }

.conversation-message__metadata { display: flex; flex-direction: row; margin-bottom: 0.15625rem; }

.conversation-message__sent-by { color: #454545; font-size: 16px; font-weight: 700; letter-spacing: -0.32px; line-height: 1.1875rem; }

.conversation-message__date-time { color: #bcbcbc; font-size: 14px; letter-spacing: -0.28px; line-height: normal; margin-left: 0.625rem; }

.conversation-message__text-content { align-items: center; color: #454545; font-size: 15px; letter-spacing: -0.37px; line-height: 1.375rem; /* Carriage Return Spacing */ }
.conversation-message__text-content a { color: #3490d5; overflow-wrap: anywhere; }
.conversation-message__text-content br { content: ""; display: block; margin: 0.75rem; }

.conversation-message__auto-text-content { font-size: 14px; }

.conversation-message__status-icon-container { align-items: center; display: flex; flex-direction: row; margin-top: 0.15625rem; }

.conversation-message__status-icon { fill: #808795; height: 0.875rem; width: 0.875rem; }

.conversation-message__status-icon--failed { cursor: pointer; fill: #67b5d7; }

.conversation-message__status-icon--sending { animation-name: rotation; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; }

.conversation-message__status-icon-text { color: #67b5d7; font-size: 14px; line-height: normal; letter-spacing: -0.5px; margin-left: 0.375rem; }

.conversation-message__retry-menu { background-color: #ffffff; bottom: 1.125rem; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); left: -1.4375rem; overflow: hidden; padding: 0.3125rem 0 0.3125rem 0; position: absolute; text-align: left; width: 16rem; z-index: 999; }
.conversation-message__retry-menu:focus { outline: none; }

.conversation-message__retry-menu-option { align-items: center; color: #454545; display: flex; font-size: 16px; font-weight: normal; height: 2.75rem; letter-spacing: -0.32px; line-height: 1.1875rem; padding: 0 1rem; }
.conversation-message__retry-menu-option span { max-height: 1.5rem; }
.conversation-message__retry-menu-option:hover { background-color: #e6eaee; cursor: pointer; }
.conversation-message__retry-menu-option ._svg-icon { fill: #454545; margin-right: 0.5rem; }

.conversation-message__retry-menu-option--disabled { opacity: 40%; }
.conversation-message__retry-menu-option--disabled:hover { cursor: not-allowed; }

.conversation-message__pending-three-dots { display: flex; flex-direction: row; flex-grow: 2; }
.conversation-message__pending-three-dots span { align-self: center; animation: dot-anim 1s infinite linear alternate; background-color: #d5d5d5; border-radius: 0.3125rem; height: 0.375rem; margin-right: 0.25rem; width: 0.375rem; }
.conversation-message__pending-three-dots span:nth-child(1) { animation-delay: 0s; }
.conversation-message__pending-three-dots span:nth-child(2) { animation-delay: .5s; }
.conversation-message__pending-three-dots span:nth-child(3) { animation-delay: 1s; }

.conversation-messages__images-container { margin-top: 0.5rem; }

.conversation-messages__videos-container { margin-top: 0.25rem; }

.conversation-messages__images-container + .conversation-message__status-icon-container, .conversation-messages__videos-container + .conversation-message__status-icon-container { margin-top: 0.25rem; }

.conversation-messages__videos-overlay { position: relative; bottom: 5.0625rem; }

.conversation-messages-container { height: 100%; position: relative; }

.conversation-messages__list { display: flex; flex-direction: column-reverse; justify-content: flex-start; min-height: 100%; }

.conversation-messages__message { margin-bottom: 0.6875rem; padding-bottom: 0.3125rem; padding-top: 0.3125rem; }
.conversation-messages__message:hover { background-color: rgba(244, 244, 244, 0.7); }
.conversation-messages__message:hover .conversation-message__short-time { display: contents; }

.conversation-messages__message--selected { background-color: rgba(52, 144, 213, 0.4); }
.conversation-messages__message--selected:hover { background-color: rgba(52, 144, 213, 0.4); }

.conversation-messages__message--fade-in { opacity: 1; overflow: hidden; transition: opacity 1s linear 0.5s; }

.conversation-messages__message--fade-out { opacity: 0; overflow: hidden; transition: opacity 1s linear, max-height 0.5s linear 1s; }

.conversation-messages__loading-state { display: flex; flex-direction: column; padding: 0 1.5625rem; }

.conversation-messages__loading-state-message { display: flex; flex-direction: row; height: 2.5rem; justify-content: flex-start; margin: 0.5rem 0; }

.conversation-messages__loading-state-message-avatar { background-color: #e6eaee; border-radius: 5px; height: 2.5rem; width: 2.5rem; }

.conversation-messages__loading-state-message-content-container { align-items: flex-start; display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; margin-left: 0.625rem; }

.conversation-messages__loading-state-message-metadata, .conversation-messages__loading-state-message-content { background-color: #e6eaee; border-radius: 5px; height: 1.125rem; width: 100%; }

.conversation-messages__loading-state-message-metadata { width: 13.25rem; }

.conversation-messages__message + .conversation-messages__message--visible-metadata { margin-top: 0.1875rem; }

.conversation-messages__message--visible-metadata { padding-top: 0.25rem; }

.conversation-messages__divider-container { margin-bottom: 0.3125rem; }

.conversation-messages__divider-container + .conversation-messages__message { padding-bottom: 0.5rem; margin-bottom: 0.5rem; }

.conversation-messages__message + .conversation-messages__message { margin-bottom: 0; }

.conversation-messages__date-divider-label { background-color: #ffffff; border: 2px solid #d5d5d5; border-radius: 0.75rem; color: #454545; font-size: 12px; font-weight: 500; height: 1.625rem; letter-spacing: -0.27px; margin-top: -0.8125rem; padding: 0.375rem 0.75rem 0.375rem 0.8125rem; text-align: center; }

.conversation-messages__date-divider { border: 2px solid #d5d5d5; border-width: 0.0625rem; display: flex; height: 0.0625rem; justify-content: center; margin: 1.375rem 1.5625rem 1.5rem 1.5625rem; }

.conversation-messages__new-messages-divider-label { background-color: #ffffff; border: 2px solid #d5d5d5; border-color: #3490d5; border-radius: 0.75rem; color: #3490d5; font-size: 12px; font-weight: 500; height: 1.625rem; letter-spacing: -0.27px; margin-top: -0.8125rem; padding: 0.375rem 0.8125rem 0.375rem 0.875rem; text-align: center; }

.conversation-messages__new-messages-divider { border: solid 0.0625rem #3490d5; display: flex; height: 0.0625rem; justify-content: center; margin: 1.375rem 1.5625rem 1.5rem 1.5625rem; }

.conversation-messages__new-messages-pill-container { bottom: 10px; display: flex; justify-content: center; position: absolute; width: 100%; }

.conversation-messages__new-messages-pill-container--hidden { visibility: hidden; opacity: 0; transition: visibility 0s 1s, opacity 2s linear; }

.conversation-messages__new-messages-pill { align-items: center; background-color: #3490d5; border-radius: 0.84375rem; display: flex; height: 1.6875rem; justify-content: center; padding: 0.25rem 1rem; }

.conversation-messages__new-messages-pill-label { color: #ffffff; font-size: 14px; font-weight: 500; letter-spacing: -0.32px; }

.conversation-messages__retry-message-pill-container, .conversation-messages__max-attachments-pill-container { bottom: 10px; cursor: pointer; display: flex; justify-content: center; position: absolute; transition: opacity 0.5s ease, visibility 0.5s 0s; width: 100%; }

.conversation-messages__retry-message-pill-container--hidden, .conversation-messages__max-attachments-pill-container--hidden { visibility: hidden; opacity: 0; }

.conversation-messages__retry-message-pill { align-items: center; background-color: #3490d5; border-radius: 0.84375rem; display: flex; fill: #ffffff; height: 1.6875rem; justify-content: center; padding: 0 0.75rem 0 0.5rem; }

.conversation-messages__retry-message-pill--loading { height: 1.5625rem; width: 1.5625rem; border-radius: 0.78125rem; padding: 0 0.28125rem 0 0.28125rem; }

.conversation-messages__retry-message-pill--error { background-color: #67b5d7; }
.conversation-messages__retry-message-pill--error:hover { background-color: #165a76; }

.conversation-messages__retry-message-pill--success { background-color: #3490d5; }

.conversation-messages__retry-pill-icon { height: 0.875rem; width: 0.875rem; }

.conversation-messages__retry-pill-icon--spinning { animation-name: rotation; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; margin: 0; }

.conversation-messages__retry-message-pill-label { color: #ffffff; font-size: 14px; font-weight: 500; letter-spacing: -0.32px; line-height: 1.0625rem; text-align: center; }

.conversation-messages__max-attachments-pill-label { color: #ffffff; font-size: 12px; letter-spacing: -0.32px; text-align: center; }

.conversation-messages__max-attachments-pill { align-items: center; background-color: #808795; border-radius: 0.84375rem; display: flex; fill: #ffffff; height: 1.375rem; justify-content: center; padding: 0.25rem 0.8125rem; }

.message-compose-area__resizable-textarea-drag-bar { cursor: ns-resize; height: 12px; position: absolute; top: -6px; width: 100%; z-index: 5; }

.message-compose-area__resizable-textarea-drag-bar--clicked { bottom: 0; height: 100vh; top: unset; user-select: none; -moz-user-select: none; -webkit-user-select: none; }

.message-compose-area__resizable-textarea-indicator { align-self: center; border: 2px solid #d5d5d5; border-radius: 5px; height: 0.0625rem; position: absolute; top: -3px; width: 3.375rem; }

.message-compose-area { background-color: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; display: flex; flex-direction: column; margin: 0 1.5rem 2rem 1.5rem; max-height: 32rem; min-height: 5.25rem; position: relative; }

.message-compose-area--with-one-row-attachments { min-height: 11.5rem; }

.message-compose-area--with-two-row-attachments { min-height: 17.125rem; }

.message-compose-area--with-three-row-attachments { min-height: 22.75rem; }

.message-compose-area--focused { border-color: #868686; box-shadow: 0 0 0.5625rem 0.125rem rgba(213, 213, 213, 0.5); color: #454545; }
.message-compose-area--focused .message-compose-area__textarea { box-shadow: none; color: #454545; }
.message-compose-area--focused .message-compose-area__menu-bar { opacity: 1; }
.message-compose-area--focused .message-compose-area__resizable-textarea-indicator { border-color: #868686; }
.message-compose-area--focused .message-compose-area__limit-reached { background-color: #2b2b2b; }
.message-compose-area--focused .message-compose-area__menu-bar-attachment-icon ._svg-icon { fill: #808795; }

.message-compose-area--with-rate-limit-banner { margin: 0 1.5rem 3.875rem 1.5rem; }

.message-compose-area--hidden { display: none; }

.message-compose-area__overlay-scrollbars-textarea-wrapper { display: flex; flex-direction: column; width: auto; }

.message-compose-area__textarea { border: none; box-shadow: none; color: #d5d5d5; font-size: 15px; letter-spacing: -0.32px; line-height: 1.375rem; margin-top: 0.0625rem; min-height: 2.375rem; overflow-x: hidden; padding: 0.5rem 0.8125rem 0.5rem 1.0625rem; text-overflow: ellipsis; width: 100% !important; }
.message-compose-area__textarea::placeholder { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.message-compose-area__menu-bar { align-items: center; background-color: #f4f4f4; border-radius: 3px; display: flex; height: 2.4375rem; opacity: 0.4; padding: 0.3125rem 0.25rem 0.375rem 0.4375rem; width: auto; }

.message-compose-area__limit-reached { align-items: center; background-color: #808795; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; bottom: -30px; display: flex; height: 32px; justify-content: space-between; left: -2px; padding: 0 1rem; position: absolute; width: calc(100% + 4px); }

.message-compose-area__limit-reached-text { color: #ffffff; font-weight: 300; }

.message-compose-area__limit-reached-link { color: #ffffff; font-weight: 500; }

button.message-compose-area__menu-bar-send-icon { border: none; background: none; outline: none; padding: 0.125rem 0 0 0; }

.message-compose-area__menu-bar-attachment-icon { border: none; border-radius: 0.125rem; cursor: pointer; margin-right: 0.4375rem; padding-top: 0.125rem; }
.message-compose-area__menu-bar-attachment-icon ._svg-icon { fill: #bcbcbc; }
.message-compose-area__menu-bar-attachment-icon:hover { background-color: #f4f4f4; }
.message-compose-area__menu-bar-attachment-icon:hover ._svg-icon { fill: #6a6a6a; }

.message-compose-area__menu-bar-attachment-icon:active:hover { background-color: #dedede; }
.message-compose-area__menu-bar-attachment-icon:active:hover ._svg-icon { fill: #2b2b2b; }

.message-compose-area__menu-bar-attachment-icon--maximum-attachments { cursor: unset; opacity: 0.4; }
.message-compose-area__menu-bar-attachment-icon--maximum-attachments ._svg-icon { fill: #808795; }

.message-compose-area__menu-bar-send-icon:disabled { margin-left: auto; }

.message-compose-area__menu-bar-send-icon:enabled { cursor: pointer; margin-left: auto; }
.message-compose-area__menu-bar-send-icon:enabled:hover .borderedIcon-border { background-color: #2a75ad; }

.message-compose-area-attachment-preview-container { display: grid; grid-gap: 0.625rem 1.25rem; grid-template-columns: repeat(auto-fill, 80px); padding: 0.625rem 1.125rem; width: 100%; }

.message-compose-area-attachment-preview { height: 5rem; width: 5rem; }

.message-compose-area-attachment-preview__remove-button { background-color: #e6eaee; border: solid 0.1875rem #f4f7fa; border-radius: 100%; display: flex; height: 1.5rem; justify-content: center; position: absolute; margin: 0; width: 1.5rem; }
.message-compose-area-attachment-preview__remove-button:hover { background-color: #d5d5d5; cursor: pointer; }
.message-compose-area-attachment-preview__remove-button ._svg-icon { align-self: center; fill: #868686; min-height: 1.125rem; min-width: 1.125rem; transform: scale(1.2); }
.message-compose-area-attachment-preview__remove-button ._svg-icon:hover { fill: #2b2b2b; }

.receptionist { display: flex; flex-direction: column; flex-grow: 1; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 100%; }

.receptionist .interior-shell__scrollable-content { padding-top: 0; }

.receptionist__loading { align-items: center; display: flex; flex-grow: 1; height: 50vh; position: relative; }

.receptionist__spinner { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; }

.receptionist__empty { align-items: center; display: flex; flex-direction: column; height: 50vh; justify-content: center; }

.receptionist__empty-text { color: #868686; font-size: 16px; font-weight: 400; margin-top: 0.625rem; }

.receptionist__list { display: flex; flex-direction: column; padding-bottom: 1.875rem; }

.receptionist-list-item { background-color: #ffffff; position: relative; }
.receptionist-list-item:hover { border-radius: 4px; background-color: #f4f7fa; }

.receptionist-list-item--expanded { border-radius: 4px; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.19); z-index: 2; }
.receptionist-list-item--expanded:hover { background-color: #ffffff; padding-top: 0; }

.receptionist-list-item__status-dot { background: #3490d5; border-radius: 50%; left: 6px; position: absolute; top: 45px; width: 0.375rem; height: 0.375rem; }

.receptionist-list-item__list-view { cursor: pointer; padding: 1.375rem; }

.receptionist-list-item__section { display: flex; }

.receptionist-list-item__section--expanded { display: flex; flex-direction: column; justify-content: flex-end; min-height: 1.75rem; padding: 0 1.3125rem 1.3125rem; }

.receptionist-list-item__info { display: flex; width: 18.75rem; }

.receptionist-list-item__info-avatar { width: 3rem; }

.receptionist-list-item__info-metadata { display: flex; flex-direction: column; height: 100%; justify-content: center; margin-left: 0.75rem; max-width: 13.75rem; }

.receptionist-list-item__info-metadata--time { align-items: flex-end; justify-content: center; height: 3rem; width: 100%; max-width: 8.9375rem; }

.receptionist-item-metadata__title { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.43px; line-height: 1.13; }

.receptionist-item-metadata__title--bold { font-weight: 500; }

.receptionist-item-metadata__text { color: #808795; font-size: 0.9375rem; letter-spacing: -0.34px; line-height: normal; }

.receptionist-list-item__link { display: flex; flex-direction: row-reverse; margin-left: 2.625rem; }

.receptionist-list-item__link-status, .receptionist-list-item__link-text { color: #808795; font-size: 16px; letter-spacing: -0.57px; line-height: 1.38; }
.receptionist-list-item__link-status:hover, .receptionist-list-item__link-text:hover { color: #5d6470; }

.receptionist-list-item__link-status { opacity: 0; transition: opacity 0.5s ease; }

.receptionist-list-item__link-status--fade-in { opacity: 1; }

.receptionist-list-item:last-child .receptionist-list-item__divider--bottom { background-color: #f4f4f4; display: block; }
.receptionist-list-item:last-child:hover .receptionist-list-item__divider--bottom { background-color: transparent; }

.receptionist-list-item + .receptionist-list-item .receptionist-list-item__divider { background-color: #f4f4f4; display: block; }
.receptionist-list-item + .receptionist-list-item .receptionist-list-item__divider--bottom { display: none; }

.receptionist-list-item:hover + .receptionist-list-item .receptionist-list-item__divider { background-color: transparent; }
.receptionist-list-item:hover + .receptionist-list-item .receptionist-list-item__divider--bottom { background-color: #f4f4f4; }

.receptionist-list-item + .receptionist-list-item:hover .receptionist-list-item__divider { background-color: transparent; }

.receptionist-list-item__divider { background-color: transparent; border-radius: 0.0625rem; display: none; height: 0.125rem; width: 100%; }

.receptionist-list-item__divider--bottom { display: none; }

.receptionist-list-item__call-details { display: flex; min-height: 18.75rem; padding: 0 1.3125rem 1.5625rem; width: 100%; }

.receptionist-list-item__call-details--loading { align-items: center; display: flex; height: 18.75rem; justify-content: center; width: 100%; }

.receptionist-list-item__call-details--loaded { display: flex; flex-direction: column; width: 100%; }

@media screen and (max-width: 1200px) { .receptionist { height: unset; }
  .receptionist-list-item__info-metadata { padding-right: 1rem; }
  .receptionist-list-item__info-metadata--time { padding-right: 0; text-align: right; }
  .receptionist-item-metadata, .receptionist-item-metadata--detail { width: 9rem; } }
.receptionist-sidebar { display: flex; flex-direction: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: calc(100vh - 82px); padding-top: 1.25rem; width: 100%; max-width: 18rem; min-width: 15rem; }

.receptionist-sidebar__form { margin-bottom: 1.25rem; min-height: 2.5rem; width: 100%; }

.receptionist-sidebar__section-title { align-items: center; background-color: #e6eaee; color: #5d6470; display: flex; font-size: 13px; font-weight: 700; height: 2rem; justify-content: space-between; margin-bottom: 1.125rem; padding-left: 0.75rem; padding-right: 1.25rem; text-transform: uppercase; width: 100%; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.receptionist-sidebar__clear-filters { background-color: #f4f7fa; height: 1.5rem; width: 5.625rem; }
.receptionist-sidebar__clear-filters:hover { background-color: #dedede; }

.receptionist-sidebar__clear-filters.spinner-button { color: #808795; font-size: 13px; font-weight: 300; letter-spacing: -0.32px; }

.receptionist-sidebar__container { flex-direction: column; width: 100%; }

.receptionist-sidebar__date-range { margin-bottom: 1.125rem; padding-left: 0.75rem; padding-right: 1.125rem; }

.receptionist-sidebar__show { margin-bottom: 0.75rem; width: 100%; }

.receptionist-sidebar__toggle { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; line-height: 1.25rem; padding-bottom: 0.75rem; padding-left: 0.75rem; }

.receptionist-sidebar__toggle-button { margin-right: 1.0625rem; }

.receptionist-sidebar__toggle-message { color: #5d6470; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; }

.receptionist-sidebar__filter { margin-bottom: 1.25rem; width: 100%; }

.receptionist-sidebar__form-separator { background-color: #e6eaee; height: 0.125rem; margin-left: 0.75rem; margin-right: 1.125rem; }

.receptionist-sidebar__label-row { align-items: center; display: flex; height: 1.5rem; justify-content: space-between; margin-bottom: 0.4375rem; margin-top: 0.625rem; padding-left: 0.75rem; }

.receptionist-sidebar__label { text-align: left; }

.receptionist-sidebar__form-textbox .text-box { margin-right: 1.125rem; }
.receptionist-sidebar__form-textbox .text-box input, .receptionist-sidebar__form-textbox .text-box input[type='text'] { height: 2.5rem; width: 100%; }
.receptionist-sidebar__form-textbox .text-box input:-moz-placeholder, .receptionist-sidebar__form-textbox .text-box input[type='text']:-moz-placeholder { color: #d5d5d5; }
.receptionist-sidebar__form-textbox .text-box input:-ms-input-placeholder, .receptionist-sidebar__form-textbox .text-box input[type='text']:-ms-input-placeholder { color: #d5d5d5; }
.receptionist-sidebar__form-textbox .text-box input::-webkit-input-placeholder, .receptionist-sidebar__form-textbox .text-box input[type='text']::-webkit-input-placeholder { color: #d5d5d5; }

.receptionist-sidebar__options { margin-top: 0.75rem; width: 100%; }

.receptionist-sidebar__filter-dropdown { margin-top: 0.625rem; }
.receptionist-sidebar__filter-dropdown .select--max-width { max-width: 14.625rem; min-width: 100%; }

.receptionist-sidebar__text { align-items: center; color: #868686; display: flex; font-size: 16px; height: 3.75rem; margin-top: 0.625rem; padding-left: 0.75rem; }

@media screen and (max-width: 1200px) { .receptionist-sidebar { position: relative; }
  .receptionist-sidebar__form-options-dropdown .select--max-width { max-width: 10.8125rem; } }
.route-to-modal__scrollable-content { height: 100%; padding: 0 1.875rem; width: 34rem; }

.route-to-modal__header { align-items: center; background: #ffffff; display: flex; flex-direction: column; justify-content: flex-start; padding: 0 1.875rem; pointer-events: none; top: 0; width: 100%; z-index: 14; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; position: -webkit-sticky; position: sticky; }

.route-to-modal__sticky-header-wrapper { position: relative; width: 100%; }

.route-to-modal__header-content { align-items: center; display: flex; flex-direction: row; justify-content: space-between; padding: 1.25rem 0; width: 100%; }

.route-to-modal__header-title { color: #454545; font-size: 22px; }

.route-to-modal__header-separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; margin-bottom: 2.1875rem; width: 100%; }

.route-to-modal__content { display: flex; flex-direction: column; min-height: 11.75rem; width: 480px; }
.route-to-modal__content .error-tooltip { width: inherit; max-width: 480px; }

.route-to-modal__footer { height: 2.5rem; }

.route-to { display: flex; flex-direction: column; padding-bottom: 1.5625rem; width: 100%; }

.route-to__title { color: #454545; display: flex; font-size: 16px; letter-spacing: -0.32px; margin-bottom: 0.5rem; }

.route-to__options { display: flex; }

.route-to__options-error-message { color: #fc4636; font-size: 14px; letter-spacing: -0.32px; margin-top: 0.25rem; }

.route-to__selected-form { opacity: 0; transition: opacity 0.15s ease; }

.route-to__selected-form--visible { opacity: 1; }

.route-to__form { display: flex; flex-direction: column; max-width: 480px; position: relative; padding-bottom: 1.5625rem; width: 100%; }

.route-to__form--with-divider { border-bottom: solid 0.125rem #e6eaee; margin-bottom: 1.5625rem; }

.route-to__label { align-items: center; color: #454545; display: flex; font-size: 16px; letter-spacing: -0.32px; margin-bottom: 0.5rem; text-align: left; width: 100%; }

.route-to__label-text--info { font-size: 14px; color: #868686; margin-left: 0.625rem; }

.route-to__create-new-link { color: #3490d5; }

.route-to__text-box .text-box input[type='text'] { width: 100%; }

.route-to__audio { margin-top: 0.625rem; padding: 0 0.75rem; }

.route-to__warning-message { margin-top: 0.6875rem; text-align: left; }

.route-to__warning-box { margin-top: -0.3125rem; }

.route-to__form .select2-container.select2-container .select2-selection--single { text-align: left; }

.route-to-submenu__select .select2-container.select2-container.select2-container--disabled .select2-selection__arrow { display: block; }

.user-settings-profile .error-tooltip, .login-section__form-field .error-tooltip, .account-profile__error .error-tooltip, .audio-recorder__error .error-tooltip, .add-schedule .error-tooltip, .add-audio-file .error-tooltip, .add-contact__error .error-tooltip, .user-group-profile .error-tooltip, .forgot-password__form-field .error-tooltip, .reset-password__form-field .error-tooltip, .signup-payment__form .error-tooltip, .number-port__error .error-tooltip, .number-port__error--address .error-tooltip, .number-port__error--billing .error-tooltip, .number-port__error--city .error-tooltip, .number-port__error--zip .error-tooltip, .signup-profile__form .error-tooltip, .add-number-port__error .error-tooltip, .error-tooltip, .sms-pin-modal__error .error-tooltip, .messaging-compliance__error .error-tooltip { color: #fc4636; font-size: 14px; }

.payment-method__label--no-edit, .user-profile__label, .user-devices__label, .human-detection__label, .add-forwarding-number__label, .login-content__label, .add-auto-attendant__label, .account-profile__label-check-box, .account-profile__label, .billing-close-account__label, .signup-email__email-label, .signup-email__email-verification-label, .number-port__form-label, .signup-profile__label, .upload-image-modal__label, .add-schedule__label, .schedule-range__label, .add-voicemailBox__label, .user-group-membership__label, .add-audio-file__label, .add-contact__label, .add-contact__address-column-label, .user-group-profile__label, .add-number-port__form-label, .number-picker__available-numbers-header-text, .number-picker__picker-dropdown-label, .number-picker__selected-numbers-header, .signup-number-picker__available-numbers-header-text, .signup-number-picker__selected-numbers-header, .signup-number-picker__picker-dropdown-label, .common-modal__label, .make-a-payment__label, .blocking-form-label, .messaging-compliance__label-check-box, .messaging-compliance__label, .messaging-compliance__description-link, .remove-plan__label, .inline-add-payment-method__label, .reactivation__label { color: #454545; font-size: 16px; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-weight: 400; }

.filter-selection__label, .user-profile-presence__label, .analytics-sidebar__label, .inbox-sidebar__label, .receptionist-sidebar__label, .timeframe__label { color: #454545; font-size: 16px; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-weight: 500; }

.login-section__form-field .invalid input, .forgot-password__form-field .invalid input, .reset-password__form-field .invalid input, .invalid.number-port__text-box--port-date input, .invalid.add-number-port__text-box--port-date input, .invalid.payment-method__credit-card-input input, .invalid.add-payment-method__input-field input, .invalid.add-payment-method__input-field--expiration-month input, .invalid.add-payment-method__input-field--expiration-year input, .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input, .invalid.add-payment-method__input-field--country input, .add-payment-method__input-field--postal-code input.invalid.text-box__input input, .invalid.login-content__text-box input, .invalid.search-textbox input, .invalid.text-box input, .invalid.add-contact__birthday_input input, .invalid.signup-payment__number input, .invalid.make-a-payment__input-field input, .invalid.inline-add-payment-method__text-box input, .common-modal__form .invalid input, .login-section__form-field .invalid input[type='email'], .forgot-password__form-field .invalid input[type='email'], .reset-password__form-field .invalid input[type='email'], .invalid.number-port__text-box--port-date input[type='email'], .invalid.add-number-port__text-box--port-date input[type='email'], .invalid.payment-method__credit-card-input input[type='email'], .invalid.add-payment-method__input-field input[type='email'], .invalid.add-payment-method__input-field--expiration-month input[type='email'], .invalid.add-payment-method__input-field--expiration-year input[type='email'], .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input[type='email'], .invalid.add-payment-method__input-field--country input[type='email'], .add-payment-method__input-field--postal-code input.invalid.text-box__input input[type='email'], .invalid.login-content__text-box input[type='email'], .invalid.search-textbox input[type='email'], .invalid.text-box input[type='email'], .invalid.add-contact__birthday_input input[type='email'], .invalid.signup-payment__number input[type='email'], .invalid.make-a-payment__input-field input[type='email'], .invalid.inline-add-payment-method__text-box input[type='email'], .common-modal__form .invalid input[type='email'], .login-section__form-field .invalid input[type='password'], .forgot-password__form-field .invalid input[type='password'], .reset-password__form-field .invalid input[type='password'], .invalid.number-port__text-box--port-date input[type='password'], .invalid.add-number-port__text-box--port-date input[type='password'], .invalid.payment-method__credit-card-input input[type='password'], .invalid.add-payment-method__input-field input[type='password'], .invalid.add-payment-method__input-field--expiration-month input[type='password'], .invalid.add-payment-method__input-field--expiration-year input[type='password'], .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input[type='password'], .invalid.add-payment-method__input-field--country input[type='password'], .add-payment-method__input-field--postal-code input.invalid.text-box__input input[type='password'], .invalid.login-content__text-box input[type='password'], .invalid.search-textbox input[type='password'], .invalid.text-box input[type='password'], .invalid.add-contact__birthday_input input[type='password'], .invalid.signup-payment__number input[type='password'], .invalid.make-a-payment__input-field input[type='password'], .invalid.inline-add-payment-method__text-box input[type='password'], .common-modal__form .invalid input[type='password'], .login-section__form-field .invalid input[type='tel'], .forgot-password__form-field .invalid input[type='tel'], .reset-password__form-field .invalid input[type='tel'], .invalid.number-port__text-box--port-date input[type='tel'], .invalid.add-number-port__text-box--port-date input[type='tel'], .invalid.payment-method__credit-card-input input[type='tel'], .invalid.add-payment-method__input-field input[type='tel'], .invalid.add-payment-method__input-field--expiration-month input[type='tel'], .invalid.add-payment-method__input-field--expiration-year input[type='tel'], .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input[type='tel'], .invalid.add-payment-method__input-field--country input[type='tel'], .add-payment-method__input-field--postal-code input.invalid.text-box__input input[type='tel'], .invalid.login-content__text-box input[type='tel'], .invalid.search-textbox input[type='tel'], .invalid.text-box input[type='tel'], .invalid.add-contact__birthday_input input[type='tel'], .invalid.signup-payment__number input[type='tel'], .invalid.make-a-payment__input-field input[type='tel'], .invalid.inline-add-payment-method__text-box input[type='tel'], .common-modal__form .invalid input[type='tel'], .login-section__form-field .invalid input[type='text'], .forgot-password__form-field .invalid input[type='text'], .reset-password__form-field .invalid input[type='text'], .invalid.number-port__text-box--port-date input[type='text'], .invalid.add-number-port__text-box--port-date input[type='text'], .invalid.payment-method__credit-card-input input[type='text'], .invalid.add-payment-method__input-field input[type='text'], .invalid.add-payment-method__input-field--expiration-month input[type='text'], .invalid.add-payment-method__input-field--expiration-year input[type='text'], .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input[type='text'], .invalid.add-payment-method__input-field--country input[type='text'], .add-payment-method__input-field--postal-code input.invalid.text-box__input input[type='text'], .invalid.login-content__text-box input[type='text'], .invalid.search-textbox input[type='text'], .invalid.text-box input[type='text'], .invalid.add-contact__birthday_input input[type='text'], .invalid.signup-payment__number input[type='text'], .invalid.make-a-payment__input-field input[type='text'], .invalid.inline-add-payment-method__text-box input[type='text'], .common-modal__form .invalid input[type='text'] { border-color: #fc4636; }
.login-section__form-field .invalid input:hover, .forgot-password__form-field .invalid input:hover, .reset-password__form-field .invalid input:hover, .invalid.number-port__text-box--port-date input:hover, .invalid.add-number-port__text-box--port-date input:hover, .invalid.payment-method__credit-card-input input:hover, .invalid.add-payment-method__input-field input:hover, .invalid.add-payment-method__input-field--expiration-month input:hover, .invalid.add-payment-method__input-field--expiration-year input:hover, .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input:hover, .invalid.add-payment-method__input-field--country input:hover, .add-payment-method__input-field--postal-code input.invalid.text-box__input input:hover, .invalid.login-content__text-box input:hover, .invalid.search-textbox input:hover, .invalid.text-box input:hover, .invalid.add-contact__birthday_input input:hover, .invalid.signup-payment__number input:hover, .invalid.make-a-payment__input-field input:hover, .invalid.inline-add-payment-method__text-box input:hover, .common-modal__form .invalid input:hover, .login-section__form-field .invalid input:focus, .forgot-password__form-field .invalid input:focus, .reset-password__form-field .invalid input:focus, .invalid.number-port__text-box--port-date input:focus, .invalid.add-number-port__text-box--port-date input:focus, .invalid.payment-method__credit-card-input input:focus, .invalid.add-payment-method__input-field input:focus, .invalid.add-payment-method__input-field--expiration-month input:focus, .invalid.add-payment-method__input-field--expiration-year input:focus, .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input:focus, .invalid.add-payment-method__input-field--country input:focus, .add-payment-method__input-field--postal-code input.invalid.text-box__input input:focus, .invalid.login-content__text-box input:focus, .invalid.search-textbox input:focus, .invalid.text-box input:focus, .invalid.add-contact__birthday_input input:focus, .invalid.signup-payment__number input:focus, .invalid.make-a-payment__input-field input:focus, .invalid.inline-add-payment-method__text-box input:focus, .common-modal__form .invalid input:focus, .login-section__form-field .invalid input[type='email']:hover, .forgot-password__form-field .invalid input[type='email']:hover, .reset-password__form-field .invalid input[type='email']:hover, .invalid.number-port__text-box--port-date input[type='email']:hover, .invalid.add-number-port__text-box--port-date input[type='email']:hover, .invalid.payment-method__credit-card-input input[type='email']:hover, .invalid.add-payment-method__input-field input[type='email']:hover, .invalid.add-payment-method__input-field--expiration-month input[type='email']:hover, .invalid.add-payment-method__input-field--expiration-year input[type='email']:hover, .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input[type='email']:hover, .invalid.add-payment-method__input-field--country input[type='email']:hover, .add-payment-method__input-field--postal-code input.invalid.text-box__input input[type='email']:hover, .invalid.login-content__text-box input[type='email']:hover, .invalid.search-textbox input[type='email']:hover, .invalid.text-box input[type='email']:hover, .invalid.add-contact__birthday_input input[type='email']:hover, .invalid.signup-payment__number input[type='email']:hover, .invalid.make-a-payment__input-field input[type='email']:hover, .invalid.inline-add-payment-method__text-box input[type='email']:hover, .common-modal__form .invalid input[type='email']:hover, .login-section__form-field .invalid input[type='email']:focus, .forgot-password__form-field .invalid input[type='email']:focus, .reset-password__form-field .invalid input[type='email']:focus, .invalid.number-port__text-box--port-date input[type='email']:focus, .invalid.add-number-port__text-box--port-date input[type='email']:focus, .invalid.payment-method__credit-card-input input[type='email']:focus, .invalid.add-payment-method__input-field input[type='email']:focus, .invalid.add-payment-method__input-field--expiration-month input[type='email']:focus, .invalid.add-payment-method__input-field--expiration-year input[type='email']:focus, .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input[type='email']:focus, .invalid.add-payment-method__input-field--country input[type='email']:focus, .add-payment-method__input-field--postal-code input.invalid.text-box__input input[type='email']:focus, .invalid.login-content__text-box input[type='email']:focus, .invalid.search-textbox input[type='email']:focus, .invalid.text-box input[type='email']:focus, .invalid.add-contact__birthday_input input[type='email']:focus, .invalid.signup-payment__number input[type='email']:focus, .invalid.make-a-payment__input-field input[type='email']:focus, .invalid.inline-add-payment-method__text-box input[type='email']:focus, .common-modal__form .invalid input[type='email']:focus, .login-section__form-field .invalid input[type='password']:hover, .forgot-password__form-field .invalid input[type='password']:hover, .reset-password__form-field .invalid input[type='password']:hover, .invalid.number-port__text-box--port-date input[type='password']:hover, .invalid.add-number-port__text-box--port-date input[type='password']:hover, .invalid.payment-method__credit-card-input input[type='password']:hover, .invalid.add-payment-method__input-field input[type='password']:hover, .invalid.add-payment-method__input-field--expiration-month input[type='password']:hover, .invalid.add-payment-method__input-field--expiration-year input[type='password']:hover, .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input[type='password']:hover, .invalid.add-payment-method__input-field--country input[type='password']:hover, .add-payment-method__input-field--postal-code input.invalid.text-box__input input[type='password']:hover, .invalid.login-content__text-box input[type='password']:hover, .invalid.search-textbox input[type='password']:hover, .invalid.text-box input[type='password']:hover, .invalid.add-contact__birthday_input input[type='password']:hover, .invalid.signup-payment__number input[type='password']:hover, .invalid.make-a-payment__input-field input[type='password']:hover, .invalid.inline-add-payment-method__text-box input[type='password']:hover, .common-modal__form .invalid input[type='password']:hover, .login-section__form-field .invalid input[type='password']:focus, .forgot-password__form-field .invalid input[type='password']:focus, .reset-password__form-field .invalid input[type='password']:focus, .invalid.number-port__text-box--port-date input[type='password']:focus, .invalid.add-number-port__text-box--port-date input[type='password']:focus, .invalid.payment-method__credit-card-input input[type='password']:focus, .invalid.add-payment-method__input-field input[type='password']:focus, .invalid.add-payment-method__input-field--expiration-month input[type='password']:focus, .invalid.add-payment-method__input-field--expiration-year input[type='password']:focus, .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input[type='password']:focus, .invalid.add-payment-method__input-field--country input[type='password']:focus, .add-payment-method__input-field--postal-code input.invalid.text-box__input input[type='password']:focus, .invalid.login-content__text-box input[type='password']:focus, .invalid.search-textbox input[type='password']:focus, .invalid.text-box input[type='password']:focus, .invalid.add-contact__birthday_input input[type='password']:focus, .invalid.signup-payment__number input[type='password']:focus, .invalid.make-a-payment__input-field input[type='password']:focus, .invalid.inline-add-payment-method__text-box input[type='password']:focus, .common-modal__form .invalid input[type='password']:focus, .login-section__form-field .invalid input[type='tel']:hover, .forgot-password__form-field .invalid input[type='tel']:hover, .reset-password__form-field .invalid input[type='tel']:hover, .invalid.number-port__text-box--port-date input[type='tel']:hover, .invalid.add-number-port__text-box--port-date input[type='tel']:hover, .invalid.payment-method__credit-card-input input[type='tel']:hover, .invalid.add-payment-method__input-field input[type='tel']:hover, .invalid.add-payment-method__input-field--expiration-month input[type='tel']:hover, .invalid.add-payment-method__input-field--expiration-year input[type='tel']:hover, .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input[type='tel']:hover, .invalid.add-payment-method__input-field--country input[type='tel']:hover, .add-payment-method__input-field--postal-code input.invalid.text-box__input input[type='tel']:hover, .invalid.login-content__text-box input[type='tel']:hover, .invalid.search-textbox input[type='tel']:hover, .invalid.text-box input[type='tel']:hover, .invalid.add-contact__birthday_input input[type='tel']:hover, .invalid.signup-payment__number input[type='tel']:hover, .invalid.make-a-payment__input-field input[type='tel']:hover, .invalid.inline-add-payment-method__text-box input[type='tel']:hover, .common-modal__form .invalid input[type='tel']:hover, .login-section__form-field .invalid input[type='tel']:focus, .forgot-password__form-field .invalid input[type='tel']:focus, .reset-password__form-field .invalid input[type='tel']:focus, .invalid.number-port__text-box--port-date input[type='tel']:focus, .invalid.add-number-port__text-box--port-date input[type='tel']:focus, .invalid.payment-method__credit-card-input input[type='tel']:focus, .invalid.add-payment-method__input-field input[type='tel']:focus, .invalid.add-payment-method__input-field--expiration-month input[type='tel']:focus, .invalid.add-payment-method__input-field--expiration-year input[type='tel']:focus, .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input[type='tel']:focus, .invalid.add-payment-method__input-field--country input[type='tel']:focus, .add-payment-method__input-field--postal-code input.invalid.text-box__input input[type='tel']:focus, .invalid.login-content__text-box input[type='tel']:focus, .invalid.search-textbox input[type='tel']:focus, .invalid.text-box input[type='tel']:focus, .invalid.add-contact__birthday_input input[type='tel']:focus, .invalid.signup-payment__number input[type='tel']:focus, .invalid.make-a-payment__input-field input[type='tel']:focus, .invalid.inline-add-payment-method__text-box input[type='tel']:focus, .common-modal__form .invalid input[type='tel']:focus, .login-section__form-field .invalid input[type='text']:hover, .forgot-password__form-field .invalid input[type='text']:hover, .reset-password__form-field .invalid input[type='text']:hover, .invalid.number-port__text-box--port-date input[type='text']:hover, .invalid.add-number-port__text-box--port-date input[type='text']:hover, .invalid.payment-method__credit-card-input input[type='text']:hover, .invalid.add-payment-method__input-field input[type='text']:hover, .invalid.add-payment-method__input-field--expiration-month input[type='text']:hover, .invalid.add-payment-method__input-field--expiration-year input[type='text']:hover, .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input[type='text']:hover, .invalid.add-payment-method__input-field--country input[type='text']:hover, .add-payment-method__input-field--postal-code input.invalid.text-box__input input[type='text']:hover, .invalid.login-content__text-box input[type='text']:hover, .invalid.search-textbox input[type='text']:hover, .invalid.text-box input[type='text']:hover, .invalid.add-contact__birthday_input input[type='text']:hover, .invalid.signup-payment__number input[type='text']:hover, .invalid.make-a-payment__input-field input[type='text']:hover, .invalid.inline-add-payment-method__text-box input[type='text']:hover, .common-modal__form .invalid input[type='text']:hover, .login-section__form-field .invalid input[type='text']:focus, .forgot-password__form-field .invalid input[type='text']:focus, .reset-password__form-field .invalid input[type='text']:focus, .invalid.number-port__text-box--port-date input[type='text']:focus, .invalid.add-number-port__text-box--port-date input[type='text']:focus, .invalid.payment-method__credit-card-input input[type='text']:focus, .invalid.add-payment-method__input-field input[type='text']:focus, .invalid.add-payment-method__input-field--expiration-month input[type='text']:focus, .invalid.add-payment-method__input-field--expiration-year input[type='text']:focus, .add-payment-method__input-field--cvv .text-box input.invalid.text-box__input input[type='text']:focus, .invalid.add-payment-method__input-field--country input[type='text']:focus, .add-payment-method__input-field--postal-code input.invalid.text-box__input input[type='text']:focus, .invalid.login-content__text-box input[type='text']:focus, .invalid.search-textbox input[type='text']:focus, .invalid.text-box input[type='text']:focus, .invalid.add-contact__birthday_input input[type='text']:focus, .invalid.signup-payment__number input[type='text']:focus, .invalid.make-a-payment__input-field input[type='text']:focus, .invalid.inline-add-payment-method__text-box input[type='text']:focus, .common-modal__form .invalid input[type='text']:focus { border-color: #fc4636; }

.invalid .text-box input, .invalid .text-box input[type='email'], .invalid .text-box input[type='password'], .invalid .text-box input[type='tel'], .invalid .text-box input[type='text'] { border-color: #fc4636; }
.invalid .text-box input:hover, .invalid .text-box input:focus, .invalid .text-box input[type='email']:hover, .invalid .text-box input[type='email']:focus, .invalid .text-box input[type='password']:hover, .invalid .text-box input[type='password']:focus, .invalid .text-box input[type='tel']:hover, .invalid .text-box input[type='tel']:focus, .invalid .text-box input[type='text']:hover, .invalid .text-box input[type='text']:focus { border-color: #fc4636; }

.payment-method__credit-card-input input, .add-payment-method__input-field input, .add-payment-method__input-field--expiration-month input, .add-payment-method__input-field--expiration-year input, .add-payment-method__input-field--cvv .text-box input.text-box__input input, .add-payment-method__input-field--country input, .add-payment-method__input-field--postal-code input.text-box__input input, .login-content__text-box input, .search-textbox input, .text-box input, .add-contact__birthday_input input, .signup-payment__number input, .make-a-payment__input-field input, .inline-add-payment-method__text-box input, .payment-method__credit-card-input input[type='email'], .add-payment-method__input-field input[type='email'], .add-payment-method__input-field--expiration-month input[type='email'], .add-payment-method__input-field--expiration-year input[type='email'], .add-payment-method__input-field--cvv .text-box input.text-box__input input[type='email'], .add-payment-method__input-field--country input[type='email'], .add-payment-method__input-field--postal-code input.text-box__input input[type='email'], .login-content__text-box input[type='email'], .search-textbox input[type='email'], .text-box input[type='email'], .add-contact__birthday_input input[type='email'], .signup-payment__number input[type='email'], .make-a-payment__input-field input[type='email'], .inline-add-payment-method__text-box input[type='email'], .payment-method__credit-card-input input[type='password'], .add-payment-method__input-field input[type='password'], .add-payment-method__input-field--expiration-month input[type='password'], .add-payment-method__input-field--expiration-year input[type='password'], .add-payment-method__input-field--cvv .text-box input.text-box__input input[type='password'], .add-payment-method__input-field--country input[type='password'], .add-payment-method__input-field--postal-code input.text-box__input input[type='password'], .login-content__text-box input[type='password'], .search-textbox input[type='password'], .text-box input[type='password'], .add-contact__birthday_input input[type='password'], .signup-payment__number input[type='password'], .make-a-payment__input-field input[type='password'], .inline-add-payment-method__text-box input[type='password'], .payment-method__credit-card-input input[type='tel'], .add-payment-method__input-field input[type='tel'], .add-payment-method__input-field--expiration-month input[type='tel'], .add-payment-method__input-field--expiration-year input[type='tel'], .add-payment-method__input-field--cvv .text-box input.text-box__input input[type='tel'], .add-payment-method__input-field--country input[type='tel'], .add-payment-method__input-field--postal-code input.text-box__input input[type='tel'], .login-content__text-box input[type='tel'], .search-textbox input[type='tel'], .text-box input[type='tel'], .add-contact__birthday_input input[type='tel'], .signup-payment__number input[type='tel'], .make-a-payment__input-field input[type='tel'], .inline-add-payment-method__text-box input[type='tel'], .payment-method__credit-card-input input[type='text'], .add-payment-method__input-field input[type='text'], .add-payment-method__input-field--expiration-month input[type='text'], .add-payment-method__input-field--expiration-year input[type='text'], .add-payment-method__input-field--cvv .text-box input.text-box__input input[type='text'], .add-payment-method__input-field--country input[type='text'], .add-payment-method__input-field--postal-code input.text-box__input input[type='text'], .login-content__text-box input[type='text'], .search-textbox input[type='text'], .text-box input[type='text'], .add-contact__birthday_input input[type='text'], .signup-payment__number input[type='text'], .make-a-payment__input-field input[type='text'], .inline-add-payment-method__text-box input[type='text'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; box-shadow: none; box-sizing: border-box; color: #454545; font-size: 16px; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-weight: 400; padding: 0.25rem 0.46875rem; width: 25.625rem; height: 2.8125rem; }
.payment-method__credit-card-input input:focus, .add-payment-method__input-field input:focus, .add-payment-method__input-field--expiration-month input:focus, .add-payment-method__input-field--expiration-year input:focus, .add-payment-method__input-field--cvv .text-box input.text-box__input input:focus, .add-payment-method__input-field--country input:focus, .add-payment-method__input-field--postal-code input.text-box__input input:focus, .login-content__text-box input:focus, .search-textbox input:focus, .text-box input:focus, .add-contact__birthday_input input:focus, .signup-payment__number input:focus, .make-a-payment__input-field input:focus, .inline-add-payment-method__text-box input:focus, .payment-method__credit-card-input input:hover, .add-payment-method__input-field input:hover, .add-payment-method__input-field--expiration-month input:hover, .add-payment-method__input-field--expiration-year input:hover, .add-payment-method__input-field--cvv .text-box input.text-box__input input:hover, .add-payment-method__input-field--country input:hover, .add-payment-method__input-field--postal-code input.text-box__input input:hover, .login-content__text-box input:hover, .search-textbox input:hover, .text-box input:hover, .add-contact__birthday_input input:hover, .signup-payment__number input:hover, .make-a-payment__input-field input:hover, .inline-add-payment-method__text-box input:hover, .payment-method__credit-card-input input[type='email']:focus, .add-payment-method__input-field input[type='email']:focus, .add-payment-method__input-field--expiration-month input[type='email']:focus, .add-payment-method__input-field--expiration-year input[type='email']:focus, .add-payment-method__input-field--country input[type='email']:focus, .add-payment-method__input-field--postal-code input.text-box__input input[type='email']:focus, .login-content__text-box input[type='email']:focus, .search-textbox input[type='email']:focus, .text-box input[type='email']:focus, .add-contact__birthday_input input[type='email']:focus, .signup-payment__number input[type='email']:focus, .make-a-payment__input-field input[type='email']:focus, .inline-add-payment-method__text-box input[type='email']:focus, .payment-method__credit-card-input input[type='email']:hover, .add-payment-method__input-field input[type='email']:hover, .add-payment-method__input-field--expiration-month input[type='email']:hover, .add-payment-method__input-field--expiration-year input[type='email']:hover, .add-payment-method__input-field--country input[type='email']:hover, .add-payment-method__input-field--postal-code input.text-box__input input[type='email']:hover, .login-content__text-box input[type='email']:hover, .search-textbox input[type='email']:hover, .text-box input[type='email']:hover, .add-contact__birthday_input input[type='email']:hover, .signup-payment__number input[type='email']:hover, .make-a-payment__input-field input[type='email']:hover, .inline-add-payment-method__text-box input[type='email']:hover, .payment-method__credit-card-input input[type='password']:focus, .add-payment-method__input-field input[type='password']:focus, .add-payment-method__input-field--expiration-month input[type='password']:focus, .add-payment-method__input-field--expiration-year input[type='password']:focus, .add-payment-method__input-field--country input[type='password']:focus, .add-payment-method__input-field--postal-code input.text-box__input input[type='password']:focus, .login-content__text-box input[type='password']:focus, .search-textbox input[type='password']:focus, .text-box input[type='password']:focus, .add-contact__birthday_input input[type='password']:focus, .signup-payment__number input[type='password']:focus, .make-a-payment__input-field input[type='password']:focus, .inline-add-payment-method__text-box input[type='password']:focus, .payment-method__credit-card-input input[type='password']:hover, .add-payment-method__input-field input[type='password']:hover, .add-payment-method__input-field--expiration-month input[type='password']:hover, .add-payment-method__input-field--expiration-year input[type='password']:hover, .add-payment-method__input-field--country input[type='password']:hover, .add-payment-method__input-field--postal-code input.text-box__input input[type='password']:hover, .login-content__text-box input[type='password']:hover, .search-textbox input[type='password']:hover, .text-box input[type='password']:hover, .add-contact__birthday_input input[type='password']:hover, .signup-payment__number input[type='password']:hover, .make-a-payment__input-field input[type='password']:hover, .inline-add-payment-method__text-box input[type='password']:hover, .payment-method__credit-card-input input[type='tel']:focus, .add-payment-method__input-field input[type='tel']:focus, .add-payment-method__input-field--expiration-month input[type='tel']:focus, .add-payment-method__input-field--expiration-year input[type='tel']:focus, .add-payment-method__input-field--country input[type='tel']:focus, .add-payment-method__input-field--postal-code input.text-box__input input[type='tel']:focus, .login-content__text-box input[type='tel']:focus, .search-textbox input[type='tel']:focus, .text-box input[type='tel']:focus, .add-contact__birthday_input input[type='tel']:focus, .signup-payment__number input[type='tel']:focus, .make-a-payment__input-field input[type='tel']:focus, .inline-add-payment-method__text-box input[type='tel']:focus, .payment-method__credit-card-input input[type='tel']:hover, .add-payment-method__input-field input[type='tel']:hover, .add-payment-method__input-field--expiration-month input[type='tel']:hover, .add-payment-method__input-field--expiration-year input[type='tel']:hover, .add-payment-method__input-field--country input[type='tel']:hover, .add-payment-method__input-field--postal-code input.text-box__input input[type='tel']:hover, .login-content__text-box input[type='tel']:hover, .search-textbox input[type='tel']:hover, .text-box input[type='tel']:hover, .add-contact__birthday_input input[type='tel']:hover, .signup-payment__number input[type='tel']:hover, .make-a-payment__input-field input[type='tel']:hover, .inline-add-payment-method__text-box input[type='tel']:hover, .payment-method__credit-card-input input[type='text']:focus, .add-payment-method__input-field input[type='text']:focus, .add-payment-method__input-field--expiration-month input[type='text']:focus, .add-payment-method__input-field--expiration-year input[type='text']:focus, .add-payment-method__input-field--country input[type='text']:focus, .add-payment-method__input-field--postal-code input.text-box__input input[type='text']:focus, .login-content__text-box input[type='text']:focus, .search-textbox input[type='text']:focus, .text-box input[type='text']:focus, .add-contact__birthday_input input[type='text']:focus, .signup-payment__number input[type='text']:focus, .make-a-payment__input-field input[type='text']:focus, .inline-add-payment-method__text-box input[type='text']:focus, .payment-method__credit-card-input input[type='text']:hover, .add-payment-method__input-field input[type='text']:hover, .add-payment-method__input-field--expiration-month input[type='text']:hover, .add-payment-method__input-field--expiration-year input[type='text']:hover, .add-payment-method__input-field--country input[type='text']:hover, .add-payment-method__input-field--postal-code input.text-box__input input[type='text']:hover, .login-content__text-box input[type='text']:hover, .search-textbox input[type='text']:hover, .text-box input[type='text']:hover, .add-contact__birthday_input input[type='text']:hover, .signup-payment__number input[type='text']:hover, .make-a-payment__input-field input[type='text']:hover, .inline-add-payment-method__text-box input[type='text']:hover { box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); outline: none; }
.payment-method__credit-card-input input::placeholder, .add-payment-method__input-field input::placeholder, .add-payment-method__input-field--expiration-month input::placeholder, .add-payment-method__input-field--expiration-year input::placeholder, .add-payment-method__input-field--cvv .text-box input.text-box__input input::placeholder, .add-payment-method__input-field--country input::placeholder, .add-payment-method__input-field--postal-code input.text-box__input input::placeholder, .login-content__text-box input::placeholder, .search-textbox input::placeholder, .text-box input::placeholder, .add-contact__birthday_input input::placeholder, .signup-payment__number input::placeholder, .make-a-payment__input-field input::placeholder, .inline-add-payment-method__text-box input::placeholder { color: #868686; }

.add-number-google-warning__message-container, .add-number-port-warning__message-container, .number-picker__numbers-error-message, .billing-history-warning { background: #fffae6; border: 0.125rem solid #f7f1d5; border-radius: 5px; color: #7d6b4b; font-size: 14px; line-height: 1.125rem; padding: 1rem 1.25rem; width: 100%; }

.intl-tel-input input, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="postalcode"], input[type="zipcode"], textarea { padding: 4px 6px; border: 1px solid #bcbcbc; outline: none; display: inline-block; vertical-align: middle; font-size: 14px; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 30px; color: #454545; -webkit-background-clip: padding-box; -webkit-border-radius: 2px; -moz-background-clip: padding-box; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; }
.intl-tel-input input:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="postalcode"]:-moz-placeholder, input[type="zipcode"]:-moz-placeholder, textarea:-moz-placeholder { color: #bcbcbc; }
.intl-tel-input input:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="postalcode"]:-ms-input-placeholder, input[type="zipcode"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bcbcbc; }
.intl-tel-input input::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="postalcode"]::-webkit-input-placeholder, input[type="zipcode"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bcbcbc; }
.intl-tel-input input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="postalcode"]:focus, input[type="zipcode"]:focus, textarea:focus { outline: none; }
.intl-tel-input input.invalid, input[type="text"].invalid, input[type="email"].invalid, input[type="password"].invalid, input[type="tel"].invalid, input[type="postalcode"].invalid, input[type="zipcode"].invalid, textarea.invalid { border: 1px solid #e84c38; }
.intl-tel-input input:disabled, input[type="text"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled, input[type="tel"]:disabled, input[type="postalcode"]:disabled, input[type="zipcode"]:disabled, textarea:disabled { border: 1px solid #bcbcbc; outline: none; color: #2f3641; opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed; }

.invalid > input[type="text"], .invalid > input[type="email"], .invalid > input[type="password"], .invalid > .credit-card-input input[type="text"], .invalid > .intl-tel-input > input, .invalid > textarea { border: 1px solid #e84c38; }

input[type="file"] { color: #5d6470; }

label { display: block; width: auto; margin-bottom: 6px; font-size: 13px; font-weight: bold; color: #5d6470; vertical-align: middle; top: 0; }

.error-click { cursor: pointer; }

.error-tooltip { display: block; line-height: 1.125rem; padding: 0; position: relative; margin-top: 0.25rem; max-width: 100%; text-align: left; width: 30rem; word-break: break-word; }

.dropdown { -webkit-font-smoothing: antialiased; background: url("../img/sprite.png") no-repeat 0 -166px; line-height: 30px; height: 30px; width: 100%; font-size: 14px; color: #5d6470; position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .dropdown { background-image: url("../img/sprite@2X.png"); background-size: 1400px 636px; } }
.dropdown.invalid { background: url("../img/sprite.png") no-repeat 0 -373px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .dropdown.invalid { background-image: url("../img/sprite@2X.png"); background-size: 1400px 636px; } }
.dropdown.invalid span { background: url("../img/sprite.png") no-repeat right -373px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .dropdown.invalid span { background-image: url("../img/sprite@2X.png"); background-size: 1400px 636px; } }
.dropdown.large { background: url("../img/sprite.png") no-repeat 0 -564px; height: 36px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .dropdown.large { background-image: url("../img/sprite@2X.png"); background-size: 1400px 636px; } }
.dropdown.large span { height: 36px; background: url("../img/sprite.png") no-repeat right -564px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .dropdown.large span { background-image: url("../img/sprite@2X.png"); background-size: 1400px 636px; } }
.dropdown.large select { height: 36px; }
.dropdown.disabled { opacity: 0.5; }
.dropdown.disabled select { cursor: not-allowed; }
.dropdown span { background: url("../img/sprite.png") no-repeat right -166px; height: 1.875rem; line-height: 1.875rem; position: absolute; left: 0.125rem; padding-left: 0.5rem; right: 0; cursor: pointer; color: #5d6470; display: block; overflow: hidden; text-overflow: ellipsis; padding-right: 2.375rem; background-color: #ffffff; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .dropdown span { background-image: url("../img/sprite@2X.png"); background-size: 1400px 636px; } }
.dropdown.focus { outline: none; }
.dropdown.focus .phone-wrapper span { border: none; -webkit-box-shadow: 0 0 5px #ffffff; -moz-box-shadow: 0 0 5px #ffffff; box-shadow: 0 0 5px #ffffff; }
.dropdown select { opacity: 0; border: none; background: none; position: absolute; height: 30px; top: 0; left: 0; width: 100%; cursor: pointer; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 14px; }
.dropdown * { margin: 0; padding: 0; }

.common-list { display: flex; flex-direction: column; flex-grow: 1; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: auto; line-height: normal; }

.common-list__empty { align-items: center; display: flex; flex-direction: column; height: 50vh; justify-content: center; }

.common-list__empty-text { color: #868686; font-size: 16px; font-weight: 400; margin-top: 0.625rem; }

.common-list__listing { display: flex; flex-direction: column; justify-content: space-around; }

.common-list__item { display: flex; flex-direction: column; margin-bottom: 1.25rem; }

.common-list-item__row { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; }

.common-list__item--warning-modal { display: flex; flex-direction: column; margin-bottom: 1.25rem; overflow: auto; padding: 0 1.875rem; width: 100%; }

.common-list-item__row div:first-child { margin-right: 0.5rem; }

.common-list-item__block { display: flex; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 76px; padding: 12px 8px 12px 12px; position: relative; width: 480px; }

.common-list-item__block--deactivated { border-color: #e6eaee; }
.common-list-item__block--deactivated .common-list-item__icon, .common-list-item__block--deactivated .common-list-item__icon--usergroup { opacity: 0.5; }

.common-list-item__block--pending { border: 2px dashed #d5d5d5; }

.common-list-item__block--disabled { opacity: 0.4; }

.common-list-item__icon { margin-right: 0.75rem; }

.common-list-item__icon--usergroup { margin-right: 0.75rem; width: 3.9375rem; }

.common-list-item__metadata { align-items: flex-start; color: #868686; display: flex; flex-direction: column; justify-content: space-around; line-height: normal; max-width: 22.375rem; width: 100%; }

.common-list-item__header { display: flex; flex-direction: column; width: 100%; }

.common-list-item__label { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 500; line-height: normal; text-align: left; width: 100%; }

.common-list-item__text { align-items: flex-start; color: #868686; display: flex; flex-direction: column; font-size: 14px; font-weight: 500; justify-content: space-between; letter-spacing: -0.32px; line-height: normal; }

.common-list-item__controls { display: flex; flex-direction: column; justify-content: space-between; margin: -0.25rem 0; }

.common-list-item__control-icon { cursor: pointer; fill: #808795; height: 1.5rem; margin-left: 0.875rem; }
.common-list-item__control-icon:hover { fill: #5d6470; }

.common-list-item__control-icon.spinner-button { background-color: unset; margin-right: 0; padding: 0; }

.common-list-item__control-icon--disabled { cursor: unset; position: relative; white-space: nowrap; }
.common-list-item__control-icon--disabled ._svg-icon { opacity: 0.4; }
.common-list-item__control-icon--disabled:hover { fill: #808795; }

.common-list-item__audio-controls { width: 100%; }

.modal-backdrop { background: #2f3641; bottom: 0; position: fixed; right: 0; top: 0; left: 0; transition: all 220ms ease-out; z-index: 9; opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.visible { opacity: 0.8; filter: alpha(opacity=80); }

.modal-container { bottom: 0; display: flex; justify-content: center; left: 0; overflow: auto; position: fixed; right: 0; text-align: center; top: 0; z-index: 10; }

.common-modal { align-items: center; display: flex; font-size: 16px; height: 100%; justify-content: center; padding: 3.125rem 0; transition: all 0.2s ease; width: 100%; }

.common-modal--flex-column { flex-direction: column; }

.common-modal__modal { align-items: center; background: #ffffff; border-radius: 5px; box-shadow: 0 0.125rem 0.5625rem 0 rgba(0, 0, 0, 0.07); display: flex; flex-direction: column; max-height: calc(100vh - 100px); max-width: 34rem; opacity: 0; transition: opacity 0.25s ease; z-index: 10; }

.common-modal__modal--visible { opacity: 1; }

.common-modal__heading { color: #454545; font-size: 1.1875rem; font-weight: 400; line-height: 1.13; margin-bottom: 1.25rem; }

.common-modal__form-row { display: flex; flex-direction: row; justify-content: space-between; min-height: 6rem; }

.common-modal__form { align-items: flex-start; display: flex; flex-direction: column; min-height: 6rem; width: 100%; }
.common-modal__form .error-tooltip { width: inherit; }

.common-modal__icon { margin-bottom: 1.1875rem; }

.common-modal__label-row { align-items: center; display: flex; justify-content: space-between; width: 100%; }

.common-modal__label { line-height: 1.1875rem; margin-bottom: 0.4375rem; }

.common-modal__info-icon { margin-right: 0.625rem; position: relative; }
.common-modal__info-icon ._svg-icon { fill: #d5d5d5; }
.common-modal__info-icon:hover ._svg-icon { fill: #868686; }

.common-modal__info-icon + .tooltip { z-index: 16; }
.common-modal__info-icon + .tooltip .tooltip-inner { line-height: 1.43; max-width: 15.625rem; padding: 1.25rem; text-align: left; }

.common-modal__text { font-weight: 300; line-height: 1.25rem; margin: 0 auto; width: 85%; }

.common-modal__buttons { align-items: center; display: flex; flex-direction: column; }

.common-modal__button { align-items: center; cursor: pointer; display: flex; height: 2.8125rem; justify-content: center; margin-bottom: 0.625rem; padding: 0.5625rem 2.875rem 0.625rem 2.875rem; }

.common-modal__button-text { color: #2696c6; }
.common-modal__button-text:hover { color: #165a76; }

.common-modal__button-active { background-color: #2696c6; border-radius: 5px; color: #f4f4f4; }
.common-modal__button-active:hover { background-color: #165a76; }

.common-modal__text-box .text-box input, .common-modal__text-box .credit-card-input input { width: 480px; }

.common-modal__dropdown { text-align: left; }

.common-modal__select { width: 100%; }

.common-modal__text-box .credit-card-input .credit-card-icon { right: 10px; top: 10px; }

.common-modal__system-object { align-items: center; border: 2px solid #d5d5d5; border-radius: 5px; display: flex; flex-direction: row; font-family: "Circular", "Helvetica", "Arial", sans-serif; height: 76px; margin-bottom: 1.5rem; padding: 12px 8px 12px 12px; width: 480px; }

.common-modal__system-object--action { margin-bottom: 0.625rem; }

.common-modal-object__container { display: flex; flex-direction: row; width: 100%; }

.common-modal-object__avatar { margin-right: 0.75rem; width: 3rem; height: 3rem; }
.common-modal-object__avatar .borderedIcon-border { background-color: #454545; }

.common-modal-object__icon--user { margin-right: 0.75rem; }

.common-modal-object__icon--usergroup { margin-right: 0.75rem; width: 3.9375rem; }

.common-modal-object__icon { margin-right: 0.625rem; }

.common-modal-object__metadata-container { display: flex; flex-direction: column; justify-content: center; width: 100%; }

.common-modal-object__header { display: flex; flex-direction: row; width: 24.375rem; }

.common-modal-object__header-title { color: #454545; font-size: 16px; font-weight: 500; letter-spacing: -0.36px; line-height: 1.25rem; text-align: left; width: 100%; }

.common-modal-object__metadata { display: flex; height: 1.125rem; margin-top: 0.25rem; }

.common-modal-object__metadata-text { color: #868686; font-size: 14px; font-weight: normal; letter-spacing: -0.54px; line-height: 1rem; }

.three-state-save { background: #67b5d7; border-bottom: 0.125rem solid #165a76; border-radius: 5px; cursor: pointer; flex: 0 0 4.5625rem; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: normal; height: 2.8125rem; }
.three-state-save:hover { background: #165a76; border-bottom-color: #0f3c4f; }
.three-state-save:active { background: #67b5d7; border-bottom-color: #1e789e; box-shadow: 0 0.125rem 0.25rem 0 #d5d5d5; }
.three-state-save:disabled { background: #f4f4f4; border-bottom-color: #d5d5d5; color: #5d6470; cursor: not-allowed; }

.action-modal__sticky-header-wrapper { position: relative; width: 100%; }

.action-modal__scrollable-content { padding: 2.1875rem 1.875rem 0; height: 100%; width: 34rem; }

.action-modal__header { align-items: center; background: #ffffff; display: flex; flex-direction: column; justify-content: flex-start; padding: 0 1.875rem; pointer-events: none; top: 0; width: 100%; z-index: 14; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; position: -webkit-sticky; position: sticky; }

.action-modal__header-content { align-items: center; display: flex; flex-direction: row; justify-content: space-between; max-height: 5.3125rem; padding: 1.25rem 0; width: 100%; }

.action-modal__header-title { color: #454545; font-size: 22px; letter-spacing: -0.83px; }

.action-modal__header-separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; width: 100%; }

.action-modal__form-separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; margin-bottom: 1.5625rem; width: 100%; }

.action-modal__content { align-items: center; display: flex; flex-direction: column; width: 100%; }
.action-modal__content .error-tooltip { width: inherit; max-width: 30rem; }

.action-modal__content + .membership-selection__add-another-container { margin-top: 0; }

.action-modal__content-container .common-list__item { padding-right: 1.875rem; width: fit-content; width: -moz-fit-content; }

.action-modal__action-statement { color: #454545; display: block; font-size: 16px; font-weight: 400; letter-spacing: -0.36px; line-height: 1.375rem; margin-bottom: 2.1875rem; }

.action-modal__action-sub-statement { color: #454545; font-size: 18px; font-weight: 400; line-height: 1.375rem; max-width: fit-content; margin-bottom: 0.9375rem; margin-top: -1.25rem; }

.action-modal__action-text { color: #454545; font-size: 16px; font-weight: normal; letter-spacing: -0.32px; line-height: normal; }

.action-modal__footer { margin-top: 2.1875rem; min-height: 2.5rem; }

.action-modal__footer-message { margin: 1.5rem 0 1.5rem 0; }

.action-modal__footer-message-text { color: #868686; font-size: 14px; letter-spacing: -0.32px; }

.action-modal__footer-message-link { color: #454545; cursor: pointer; font-size: 14px; letter-spacing: -0.32px; text-decoration: none; }

/* deleteCallMediaAction */
.call-media-block-item { align-items: center; border: 2px solid #d5d5d5; border-radius: 5px; display: flex; flex-direction: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; padding: 12px 8px 12px 12px; width: 480px; }

.call-media-block-item__section { display: flex; margin-bottom: 0.5625rem; width: 100%; }

.call-media-block-item__section--audio-player { margin-bottom: 0; }
.call-media-block-item__section--audio-player .audio-player-control { width: 100%; }

.call-media-block-item__column { display: flex; flex-direction: row; width: 50%; }

.call-media-block-item__avatar { margin-right: 0.75rem; width: 3rem; height: 3rem; }

.call-media-block-item__avatar--group { height: 3rem; }

.call-media-block-item__metadata { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; padding-right: 0.75rem; text-align: left; width: 100%; }

.call-media-block-item__label { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 500; width: 100%; }

.call-media-block-item__text { color: #868686; font-size: -0.5px; margin-top: 0.25rem; width: 100%; }

/* deleteSubMenuAction */
.action-modal__action-submenu { display: flex; justify-content: center; width: 480px; }

/* duplicateContactAction */
.action-modal__contact-main-text { color: #454545; display: block; font-size: 18px; font-weight: 700; letter-spacing: -0.36px; line-height: 1.375rem; margin-bottom: 1.25rem; }

.action-modal__contact-secondary-text { color: #454545; display: block; font-size: 16px; font-weight: 300; letter-spacing: -0.36px; line-height: 1.375rem; margin-bottom: 0.171875rem; }

.action-modal__contact { align-items: center; display: flex; height: 3.5rem; margin-left: 0.75rem; width: 100%; -webkit-border-top-left-radius: 0.3125rem; -moz-border-top-left-radius: 0.3125rem; border-top-left-radius: 0.3125rem; -webkit-border-bottom-left-radius: 0.3125rem; -moz-border-bottom-left-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; }

.action-modal__contact-metadata { display: flex; margin-left: 0.625rem; max-width: 12.5625rem; min-width: 11.1875rem; width: 100%; padding: 0.375rem 0; }

.action-modal__contact-display-name { color: #454545; font-size: 15px; font-weight: 700; letter-spacing: -0.2px; line-height: normal; }

.action-modal__contact-avatar-container { width: 2.5rem; height: 2.5rem; }

.action-modal__sms-disabled { display: flex; flex-direction: column; justify-content: center; width: 480px; }

.action-modal__messaging-fee-confirmation { display: flex; flex-direction: column; justify-content: center; width: 480px; }
.action-modal__messaging-fee-confirmation .action-modal__action-statement { text-align: left; }
.action-modal__messaging-fee-confirmation .check-box-container { align-items: flex-start; }
.action-modal__messaging-fee-confirmation .check-box { margin-top: 0.25rem; }

.messaging-fee-confirmation__message { text-align: left; }

.messaging-fee-confirmation__button { margin-top: 2rem; }

.uploader { background: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; box-shadow: none; color: #5d6470; display: inline-block; font-size: 16px; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-weight: 400; height: 2.8125rem; position: relative; vertical-align: middle; -webkit-font-smoothing: antialiased; width: 100%; zoom: 1; }
.uploader:focus, .uploader:hover { border-color: #bcbcbc; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }
.uploader:focus .action, .uploader:hover .action { background: #bcbcbc; }
.uploader.invalid { border-color: #fc4636; }
.uploader.invalid .action { width: 6.875rem; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.uploader input { float: right; height: 2.8125rem; opacity: 0; outline: none; position: absolute; right: 0; top: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
.uploader.disabled { opacity: 0.5; }
.uploader.disabled input { cursor: not-allowed; }
.uploader .filename { align-items: center; color: #5d6470; cursor: default; font-size: 16px; height: 2.5625rem; left: 109px; line-height: 2.5625rem; padding: 0 0.875rem; position: absolute; right: 0; text-align: left; }
.uploader .action { background: #d5d5d5; border: none; color: #5d6470; cursor: pointer; font-size: 16px; font-weight: normal; height: 2.5625rem; letter-spacing: -0.57px; line-height: normal; width: 6.8125rem; }
.uploader .action:hover { background: #bcbcbc; }

.toggle-button, .long-toggle-button { align-items: center; background: #5d6470; border-radius: 0.75rem; cursor: pointer; display: flex; height: 1.5rem; position: relative; transition: all 0.15s ease; width: 2.875rem; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.toggle-button__icon, .long-toggle-button__icon { border-radius: 50%; fill: #ffffff; height: 1.5rem; margin-left: 0.1875rem; margin-top: 0.0625rem; position: relative; width: 1.5rem; }

.long-toggle-button__icon { color: #d5d5d5; }

.toggle-button__slider-backdrop, .long-toggle-button__slider-backdrop { align-items: center; border-radius: 50%; display: flex; justify-content: center; position: absolute; right: -4px; transition: all 0.15s ease; width: 1.875rem; height: 1.875rem; }

.toggle-button__slider, .long-toggle-button__slider { background: #ffffff; border-radius: 50%; margin-right: 0.1875rem; width: 1.125rem; height: 1.125rem; }

.toggle-button__slider-backdrop--off, .long-toggle-button__slider-backdrop--off { left: -2px; }

.long-toggle-button__tooltip-container { height: 2.125rem; position: absolute; width: 2.875rem; }

.toggle-button:focus, .long-toggle-button:focus { border: 0.125rem solid #3490d5; outline: none; }

.toggle-button:hover .toggle-button__slider, .toggle-button:hover .long-toggle-button__slider, .long-toggle-button:hover .toggle-button__slider, .long-toggle-button:hover .long-toggle-button__slider { box-shadow: 0 0 0.25rem 0 #454545; }
.toggle-button:hover .toggle-button__slider-backdrop, .toggle-button:hover .long-toggle-button__slider-backdrop, .long-toggle-button:hover .toggle-button__slider-backdrop, .long-toggle-button:hover .long-toggle-button__slider-backdrop { background: rgba(213, 213, 213, 0.2); }

.toggle-button:active .toggle-button__slider-backdrop, .toggle-button:active .long-toggle-button__slider-backdrop, .long-toggle-button:active .toggle-button__slider-backdrop, .long-toggle-button:active .long-toggle-button__slider-backdrop { background: rgba(213, 213, 213, 0.4); }

.toggle-button--off, .long-toggle-button--off { background: #d5d5d5; }

.toggle-button--disabled, .toggle-button--disabled:hover, .toggle-button--disabled:active, .long-toggle-button--disabled, .long-toggle-button--disabled:hover, .long-toggle-button--disabled:active { cursor: not-allowed; }
.toggle-button--disabled .toggle-button__slider-backdrop, .toggle-button--disabled .long-toggle-button__slider-backdrop, .toggle-button--disabled:hover .toggle-button__slider-backdrop, .toggle-button--disabled:hover .long-toggle-button__slider-backdrop, .toggle-button--disabled:active .toggle-button__slider-backdrop, .toggle-button--disabled:active .long-toggle-button__slider-backdrop, .long-toggle-button--disabled .toggle-button__slider-backdrop, .long-toggle-button--disabled .long-toggle-button__slider-backdrop, .long-toggle-button--disabled:hover .toggle-button__slider-backdrop, .long-toggle-button--disabled:hover .long-toggle-button__slider-backdrop, .long-toggle-button--disabled:active .toggle-button__slider-backdrop, .long-toggle-button--disabled:active .long-toggle-button__slider-backdrop { background: none; }
.toggle-button--disabled .toggle-button__slider, .toggle-button--disabled .long-toggle-button__slider, .toggle-button--disabled:hover .toggle-button__slider, .toggle-button--disabled:hover .long-toggle-button__slider, .toggle-button--disabled:active .toggle-button__slider, .toggle-button--disabled:active .long-toggle-button__slider, .long-toggle-button--disabled .toggle-button__slider, .long-toggle-button--disabled .long-toggle-button__slider, .long-toggle-button--disabled:hover .toggle-button__slider, .long-toggle-button--disabled:hover .long-toggle-button__slider, .long-toggle-button--disabled:active .toggle-button__slider, .long-toggle-button--disabled:active .long-toggle-button__slider { box-shadow: none; }

.long-toggle-button--pending { background-color: #808795; }

.edit-connector__form-container { width: 480px; }

.edit-connector__tab-content { padding-bottom: 1.875rem; }

.edit-connector__validation-warning-box { margin-bottom: 1.5625rem; }

.edit-connector__number-container, .edit-connector__number-location-container { margin-bottom: 1.25rem; }

.edit-connector__name-container { min-height: 5.8125rem; }

.edit-connector__label { color: #454545; display: inline-block; font-size: 16px; font-weight: normal; margin-bottom: 0.4375rem; }

.edit-connector__label--inline { margin-bottom: 0; }

.edit-connector__number-text, .edit-connector__number-location-text { color: #5d6470; display: inline-block; font-size: 16px; font-weight: normal; vertical-align: middle; }

.edit-connector__name-input .text-box .text-box__input { width: 480px; }

.edit-connector__toggle { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; line-height: 1.25rem; }

.edit-connector__toggle + .edit-connector__toggle { align-items: unset; margin-top: 1.75rem; }

.edit-connector__toggle-button { margin-right: 1.0625rem; }

.edit-connector__toggle-message { color: #5d6470; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; }

.edit-connector__toggle-icon ._svg-icon { fill: #868686; }

.edit-connector__inbound-disabled-message { color: #454545; font-size: 16px; font-weight: 400; margin-top: 1.5625rem; letter-spacing: -0.32px; line-height: normal; }

.edit-connector__inbound-route { margin-top: 1.5625rem; }

.edit-connector__dropdown-description, .edit-connector__check-box-description { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; line-height: normal; margin: 1.5625rem 0 0.5rem 0; }

.edit-connector__check-box-description { margin: 1.5625rem 0 0.9375rem 0; }

.edit-connector__dropdown, .edit-connector__check-box { margin-bottom: 1.5625rem; }

.edit-connector__check-box { margin-left: 0.875rem; }

.edit-connector__messaging-error { margin-top: 1.25rem; }

.edit-connector__resubmit-button-container { margin-bottom: 1.25rem; margin-top: 1.25rem; }

.billing-history__column--date, .billing-history-header__column.date, .billing-history__column--description, .billing-history-header__column.description, .billing-history__column--payment-method, .billing-history-header__column.paymentMethod, .billing-history__column--amount, .billing-history-header__column.amount, .billing-history__column--outcome, .billing-history-header__column.outcome { align-items: center; display: flex; padding: 0.75rem 0 0.75rem 0.75rem; position: relative; text-overflow: ellipsis; white-space: nowrap; }

.billing-history .interior-shell__sticky-header-text { line-height: 2; }

.billing-history { font-family: "Circular", "Helvetica", "Arial", sans-serif; }

.billing-history-table-header { border-bottom: solid 0.125rem #f4f4f4; display: flex; justify-content: space-between; padding-bottom: 1.875rem; padding-top: 1.875rem; }

.billing-history__title { color: #5d6470; font-size: 22px; font-weight: 400; margin: 0; }

.billing-history__current-balance-container { display: flex; }

.billing-history__current-balance { color: #5d6470; font-size: 16px; font-weight: 400; }

.transaction-invoice-icon { cursor: pointer; fill: #808795; height: 0.9375rem; margin-left: 0.3125rem; }
.transaction-invoice-icon:hover { fill: #5d6470; }

.billing-history__no-results { align-items: center; color: #868686; display: flex; font-size: 16px; justify-content: center; margin-top: 12.5rem; }

.billing-history-warning { display: block; line-height: 1.25rem; }

.billing-history-warning-link { color: #7d6b4b; }

.billing-history-warning__container { background-color: #ffffff; padding-bottom: 1.5625rem; width: 100%; z-index: 2; }

.billing-history__data-grid { font-size: 13px; }

.billing-history__data-grid.with-warning { margin-top: 8.125rem; }

.billing-history-header__column { align-items: center; background-color: #f4f4f4; display: flex; font-weight: 500; height: 2.8125rem; line-height: 1rem; text-overflow: ellipsis; white-space: nowrap; }

.billing-history__sort-arrow { fill: #5d6470; height: 1rem; }

.billing-history__sort-arrow--hidden { display: none; }

.billing-history__sort-arrow--pointed-down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.billing-history__column-title { margin-right: 0.25rem; }

.billing-history-body__row { align-items: center; border-bottom: 0.125rem solid #f4f4f4; border-radius: 0.0625rem; display: flex; font-size: 13px; height: 2.875rem; max-width: 50.3125rem; }

.billing-history__column--date, .billing-history-header__column.date { flex: 1; }

.billing-history__column--description, .billing-history-header__column.description { display: flex; flex: 1.8; flex-direction: row; }

.billing-history__column--payment-method, .billing-history-header__column.paymentMethod { flex: 1.8; }

.billing-history__column--amount, .billing-history-header__column.amount { flex: 1; }

.billing-history__column--outcome, .billing-history-header__column.outcome { flex: 1; }

@media screen and (min-width: 1200px) { .billing-history { min-width: 40rem; } }
@media screen and (max-width: 1200px) { .billing-history-warning__container, .billing-history-warning__container.with-warning { position: relative; top: unset; }
  .billing-history__data-grid-header, .billing-history__data-grid-header.with-warning { position: relative; top: unset; } }
.bill-cycle-to-date__details-group { border: 2px solid #f4f4f4; display: flex; flex-flow: column; flex: 1 1 auto; margin-bottom: 0.9375rem; min-width: 0; width: 100%; }

.bill-cycle-to-date__details-group-row-column-title, .bill-cycle-to-date__details-group-row-column-description, .bill-cycle-to-date__details-group-row-column-amount { border-bottom: solid 0.125rem #f4f4f4; padding-bottom: 0.8125rem; }

.bill-cycle-to-date__details-group-header-title, .bill-cycle-to-date__details-group-header-subtitle, .bill-cycle-to-date__details-group-header-total, .bill-cycle-to-date__details-group-header-amount, .bill-cycle-to-date__details-group-header-icon-arrow { display: flex; flex: 1 1 auto; text-align: left; }

.bill-cycle-to-date__details-group-header, .bill-cycle-to-date__details-group-row, .bill-cycle-to-date__details-group-row-2-column, .bill-cycle-to-date__details-group-row-3-column { color: #454545; display: flex; letter-spacing: -0.32px; line-height: 1.38; padding: 0.8125rem 1.25rem 0rem 1.25rem; }

.bill-cycle-to-date__warning-box { margin-bottom: 1.5625rem; }

.bill-cycle-to-date__details-group--current-charges { display: flex; flex-flow: column; flex: 1 1 auto; margin-bottom: 0.9375rem; }

.bill-cycle-to-date__details-group-header { border-bottom: none; color: #454545; cursor: pointer; font-size: 16px; font-weight: 700; letter-spacing: -0.43px; line-height: 2; padding: 1rem 1.25rem; }

.bill-cycle-to-date__details-group-header--current-charges { cursor: default; padding: 0 1.375rem; }

.bill-cycle-to-date__details-group-header-title { flex: 1 1 12.5625rem; }

.bill-cycle-to-date__details-group-header-subtitle { padding: 0 1.375rem; }

.bill-cycle-to-date__details-group-header-subtitle--line-1 { color: #868686; display: flex; font-size: 14px; font-weight: 500; letter-spacing: -0.5px; line-height: 1; }

.bill-cycle-to-date__details-group-header-total { flex: 0 0 8.25rem; }

.bill-cycle-to-date__details-group-header-amount { flex: 0 0 5rem; }

.bill-cycle-to-date__details-group-header-icon-arrow { align-items: center; border-bottom: none; justify-content: center; margin-left: 2.5625rem; }
.bill-cycle-to-date__details-group-header-icon-arrow ._svg-icon { transition: all 220ms; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.expanded .bill-cycle-to-date__details-group-header-icon-arrow ._svg-icon { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }

.bill-cycle-to-date__details-group-rows { display: none; padding-bottom: 1rem; }

.bill-cycle-to-date__details-group-row-column-title { flex: 1 0 12.5625rem; padding-right: 1rem; }

.bill-cycle-to-date__details-group-row-column-description { flex: 1 1 auto; padding-right: 1rem; }

.bill-cycle-to-date__details-group-row-column-total { flex: 0 0 8.25rem; }

.bill-cycle-to-date__details-group-row-column-amount { width: 5rem; }

.bill-cycle-to-date__details-group-row-2-column .bill-cycle-to-date__details-group-row-column-title { flex: 1 1 12.5625rem; }
.bill-cycle-to-date__details-group-row-2-column .bill-cycle-to-date__details-group-row-column-total { flex: 0 0 8.25rem; }
.bill-cycle-to-date__details-group-row-2-column .bill-cycle-to-date__details-group-row-column-total .bill-cycle-to-date__details-group-row-column-amount { width: 5rem; }

.bill-cycle-to-date__details-group-row-3-column .bill-cycle-to-date__details-group-row-column-title { flex: 0 0 12.5625rem; }
.bill-cycle-to-date__details-group-row-3-column .bill-cycle-to-date__details-group-row-column-description { flex: 1 1 auto; }
.bill-cycle-to-date__details-group-row-3-column .bill-cycle-to-date__details-group-row-column-total { flex: 0 0 8.25rem; }
.bill-cycle-to-date__details-group-row-3-column .bill-cycle-to-date__details-group-row-column-total .bill-cycle-to-date__details-group-row-column-amount { width: 5rem; }

.bill-cycle-to-date__details-group-row-2-column:last-child .bill-cycle-to-date__details-group-row-column-title, .bill-cycle-to-date__details-group-row-2-column:last-child .bill-cycle-to-date__details-group-row-column-description { border-bottom: none; }
.bill-cycle-to-date__details-group-row-2-column:last-child .bill-cycle-to-date__details-group-row-column-total .bill-cycle-to-date__details-group-row-column-amount { border-bottom: none; }

.bill-cycle-to-date__details-group-row-3-column:last-child .bill-cycle-to-date__details-group-row-column-title, .bill-cycle-to-date__details-group-row-3-column:last-child .bill-cycle-to-date__details-group-row-column-description { border-bottom: none; }
.bill-cycle-to-date__details-group-row-3-column:last-child .bill-cycle-to-date__details-group-row-column-total .bill-cycle-to-date__details-group-row-column-amount { border-bottom: none; }

.bill-cycle-to-date__list { display: flex; flex-direction: column; }

.bill-cycle-to-date__list-item { display: flex; margin-left: 2.5rem; }

.bill-cycle-to-date__list-item--last { border: none; }

.bill-cycle-to-date__list-item-adjoining-block { flex: 0 0 1.875rem; height: 2.3125rem; }

.bill-cycle-to-date__list-item-adjoining-block--last { flex: 0 0 2rem; }

.bill-cycle-to-date__totals { padding-bottom: 1.5625rem; padding-left: 1.375rem; }

.bill-cycle-to-date__totals-group { display: flex; flex-direction: column; }

.bill-cycle-to-date__totals-group-header { color: #454545; display: flex; flex-direction: row; font-size: 16px; font-weight: 700; letter-spacing: -0.43px; line-height: 2; }

.bill-cycle-to-date__totals-group-title { align-items: center; display: flex; width: 100%; }

.bill-cycle-to-date__totals-group-total { flex: 0 0 9.75rem; }

.bill-cycle-to-date__totals-group-line-1 { color: #868686; display: flex; font-size: 14px; font-weight: 500; letter-spacing: -0.5px; line-height: 1; }

.bill-cycle-to-date__totals-group-line-1-column-1 { flex: 1 1 auto; }

.bill-cycle-to-date__totals-group-line-1-column-2 { flex: 0 0 9.75rem; }

.bill-cycle-to-date__info-icon { display: flex; fill: #d5d5d5; margin-left: 0.125rem; }
.bill-cycle-to-date__info-icon:hover { fill: #868686; }

.warning-box { background: #fffae6; border-radius: 5px; color: #7d6b4b; display: flex; flex-direction: column; font-size: 14px; font-weight: 300; line-height: 1.57; padding: 1.25rem; }

.warning-box--closed { display: none; }

.warning-box__title-container { display: flex; justify-content: space-between; }

.warning-box__close { cursor: pointer; fill: currentColor; margin-top: -0.375rem; }

.warning-box__title { font-size: 15px; font-weight: 700; letter-spacing: -0.32px; line-height: 1.57; margin-bottom: 0.625rem; text-align: center; }

.warning-box__title--without-messages { margin-bottom: 0; }

.warning-box__message-block { display: flex; justify-content: space-between; }

.warning-box__message-block + .warning-box__message-block { margin-top: 0.9375rem; }

.warning-box__message--italic { font-style: italic; }

.warning-box__list { display: flex; flex-direction: column; }

.warning-box__list-item { display: flex; flex-direction: row; }

.warning-box__list-item-bullet { background: #7d6b4b; border-radius: 100%; height: 0.375rem; margin: 0.4375rem 0.4375rem 0 0.4375rem; padding: 0.1875rem; }

.integrity-warning-box { align-items: center; background-color: #fffae6; border: 2px solid #d5d5d5; border-color: #f7f1d5; border-radius: 5px; display: flex; height: 76px; padding: 0.9375rem; width: 480px; }

.integrity-warning-box__icon { margin-right: 0.75rem; width: 3rem; height: 3rem; }
.integrity-warning-box__icon .borderedIcon-border { background-color: #7d6b4b; }

.integrity-warning-box__message { color: #7d6b4b; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; line-height: normal; text-align: left; }

.warning-box__message-link { color: #3490d5; cursor: pointer; }

.warning-box__phone-number-list { display: flex; flex-direction: column; width: 100%; }

.warning-box__phone-number-list-item { align-items: center; display: flex; height: 3rem; width: 100%; }

.warning-box__phone-number-list-item-content { flex: 1; margin: 0 1rem; max-width: 17.5rem; }

.warning-box__phone-number-list-item-content + .warning-box__phone-number-list-item-content { flex: 2; margin-left: 0.5rem; }

.warning-box__phone-number-list-item-content--bold { font-weight: 700; }

.warning-box__phone-number-list-divider { background-color: #f7f1d5; border-radius: 0.0625rem; height: 0.125rem; width: 100%; }

.inherited-subscriber__avatar, .inherited-subscriber__avatar--usergroup, .select-option__icon, .select-option__avatar { border-radius: 0.1875rem; margin-right: 0.4375rem; min-width: 1.625rem; overflow: hidden; width: 1.625rem; height: 1.625rem; }
.inherited-subscriber__avatar img, .inherited-subscriber__avatar--usergroup img, .select-option__icon img, .select-option__avatar img { max-height: 1.625rem; max-width: 1.625rem; }
.inherited-subscriber__avatar .borderedIcon-border, .inherited-subscriber__avatar--usergroup .borderedIcon-border, .select-option__icon .borderedIcon-border, .select-option__avatar .borderedIcon-border { vertical-align: top; }
.inherited-subscriber__avatar .icon-group-avatar, .inherited-subscriber__avatar--usergroup .icon-group-avatar, .select-option__icon .icon-group-avatar, .select-option__avatar .icon-group-avatar, .inherited-subscriber__avatar .icon-group-half, .inherited-subscriber__avatar--usergroup .icon-group-half, .select-option__icon .icon-group-half, .select-option__avatar .icon-group-half, .inherited-subscriber__avatar .icon-group-quarter, .inherited-subscriber__avatar--usergroup .icon-group-quarter, .select-option__icon .icon-group-quarter, .select-option__avatar .icon-group-quarter { width: 1.625rem; height: 1.625rem; }
.inherited-subscriber__avatar .icon-group-half, .inherited-subscriber__avatar--usergroup .icon-group-half, .select-option__icon .icon-group-half, .select-option__avatar .icon-group-half { width: 0.75rem; height: 1.625rem; }
.inherited-subscriber__avatar .icon-group-half img, .inherited-subscriber__avatar--usergroup .icon-group-half img, .select-option__icon .icon-group-half img, .select-option__avatar .icon-group-half img { object-position: -8px; position: relative; vertical-align: top; width: 1.625rem; height: 1.625rem; }
.inherited-subscriber__avatar .icon-group-quarter, .inherited-subscriber__avatar--usergroup .icon-group-quarter, .select-option__icon .icon-group-quarter, .select-option__avatar .icon-group-quarter { width: 0.75rem; height: 0.75rem; }
.inherited-subscriber__avatar .icon-group-quarter img, .inherited-subscriber__avatar--usergroup .icon-group-quarter img, .select-option__icon .icon-group-quarter img, .select-option__avatar .icon-group-quarter img { vertical-align: top; width: 0.75rem; height: 0.75rem; }

.select { width: 100%; }

.select--max-width { max-width: 26.5625rem; }

.select-option { align-items: center; color: #454545; display: flex; flex-direction: row; justify-content: flex-start; }

.select-option-with-meta { align-items: center; align-items: flex-start; color: #454545; display: flex; flex-direction: column; line-height: 1.2; }

.select-option-with-meta__disabled { align-items: center; align-items: flex-start; color: #454545; display: flex; flex-direction: column; line-height: 1.2; opacity: 0.4; }

.select-option__icon { background-color: #e6eaee; margin-right: 0.5rem; }

.select-option__meta-text { font-size: 13px; }

.user-invite { display: flex; flex-direction: column; height: 100%; opacity: 0; position: relative; transition: opacity 0.25s ease; }

.user-invite--visible { opacity: 1; }

.user-invite__header { cursor: pointer; display: flex; fill: #2696c6; justify-content: center; margin-bottom: 2.1875rem; }

.user-invite__content { height: 100%; }

.user-invite__create { margin-bottom: 1.125rem; }

.user-invite__modal-header { display: flex; flex-direction: column; margin-bottom: 1.125rem; }

.user-invite__instruction { font-size: 18px; font-weight: 700; margin-bottom: 0.9375rem; text-align: center; }

.user-invite__description { font-size: 18px; font-weight: 300; margin-bottom: 0.9375rem; text-align: center; }

.account-closed, .invalid-link { align-items: center; display: flex; flex-direction: column; padding: 1.875rem; width: 33.75rem; }

.account-closed__header, .invalid-link__header { color: #454545; font-size: 22px; margin-bottom: 1.875rem; }

.user-invite__mobile { flex-direction: column; height: 100vh; width: 100%; }

.user-invite__mobile-content { display: flex; flex-direction: column; height: 100%; margin: 0 2.3125rem 0 2.3125rem; max-width: 21.25rem; }

.user-invite__mobile-header { flex-direction: column; flex-grow: 1; justify-content: flex-start; margin-top: 2.75rem; }

.user-invite__mobile-header-logo { cursor: pointer; fill: #2696c6; }

.user-invite__mobile-form-header { display: flex; flex-direction: column; }

.user-invite__mobile-form-title { color: #454545; font-size: 22px; font-weight: 700; letter-spacing: -0.32px; line-height: 2rem; text-align: center; }

.user-invite__mobile-form-message { color: #868686; font-size: 18px; letter-spacing: -0.32px; line-height: 1.57; margin-top: 1.375rem; padding: 0rem; text-align: center; }

.user-invite__mobile-footer { flex-direction: column; flex-grow: 1; justify-content: flex-end; margin-bottom: 2.375rem; }

.user-invite__mobile-footer-row { flex-direction: row; flex-wrap: nowrap; margin-top: 1.6875rem; width: 100%; }

.user-invite__mobile-footer-row-item { display: flex; }

.user-invite__mobile-footer-row-item + .user-invite__mobile-footer-row-item { margin-left: 1.125rem; }

.user-invite__mobile-footer-text { color: #868686; font-size: 14px; letter-spacing: -0.32px; }

.user-invite__mobile-footer-link { color: #454545; cursor: pointer; font-size: 14px; letter-spacing: -0.32px; text-decoration: none; }

.make-a-payment__label { margin-bottom: 0.4375rem; }

.make-a-payment__warning-box { margin-bottom: 1.5625rem; }

.make-a-payment__options { color: #454545; font-weight: 400; letter-spacing: -0.54px; line-height: 1.07; margin-bottom: 1.25rem; padding-right: 0; }

.make-a-payment__form { width: 480px; }

.make-a-payment__other-amount { min-height: 5.8125rem; }

.make-a-payment__validation-text { color: #fc4636; font-size: 15px; margin-top: 0.3125rem; position: absolute; }

.make-a-payment__input { background: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; box-shadow: none; box-sizing: border-box; color: #5d6470; font-size: 14px; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-weight: 400; height: 2.8125rem; padding: 0.25rem 0.9375rem; width: 480px; }
.make-a-payment__input:focus, .make-a-payment__input:hover { border: 2px solid #d5d5d5; border-color: #bcbcbc; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); outline: none; }

.make-a-payment__input-field { min-height: 5.8125rem; width: 480px; }

.payment-confirmation-modal-content { border: unset; justify-content: center; height: unset; }

.payment-confirmation--modal__action-statement { color: #454545; display: block; font-size: 1.125rem; font-weight: 500; letter-spacing: -0.36px; line-height: normal; margin-bottom: 2.1875rem; }

.make-a-payment-modal .action-modal__warning-box .warning-box__title { text-align: center; width: 100%; }

.make-a-payment-modal .action-modal__warning-box .warning-box__message-text { text-align: center; width: 100%; }

.extension-picker__header { font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: -0.32px; line-height: 1.38; }

.extension-picker__preview, .extension-picker__page-selector, .extension-picker__page-container { font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: -0.32px; line-height: 1.57; }

.extension-picker { position: relative; }

.extension-picker__extension { color: #3490d5; cursor: pointer; }

.extension-picker__dropdown { background-color: #ffffff; border: 2px solid #d5d5d5; border-radius: 5px; left: -14.0625rem; position: absolute; top: 1.5625rem; transition: opacity 0.25s ease; z-index: 3; }
.extension-picker__dropdown:focus { outline: none; }

.extension-picker__dropdown-content { align-items: center; flex-direction: column; justify-content: center; padding: 0.875rem; width: 480px; }

.extension-picker__header { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 0.875rem; }

.extension-picker__extension-input { border: none; color: #454545; padding: 0; }
.extension-picker__extension-input:focus { outline: none; }

.extension-picker__divider { border: 2px solid #d5d5d5; border-radius: 0.0625rem; border-width: 0.0625rem; height: 0.0625rem; margin-bottom: 0.4375rem; }

.extension-picker__preview { align-items: center; display: flex; flex-direction: row; height: 1.625rem; justify-content: flex-start; margin-bottom: 0.875rem; }

.extension-picker__preview-icon { border-radius: 0.1875rem; margin-right: 0.4375rem; min-width: 1.625rem; overflow: hidden; width: 1.625rem; height: 1.625rem; }
.extension-picker__preview-icon img { max-height: 1.625rem; max-width: 1.625rem; }
.extension-picker__preview-icon .borderedIcon-border { vertical-align: top; }
.extension-picker__preview-icon .icon-group-avatar, .extension-picker__preview-icon .icon-group-half, .extension-picker__preview-icon .icon-group-quarter { width: 1.625rem; height: 1.625rem; }
.extension-picker__preview-icon .icon-group-half { width: 0.75rem; height: 1.625rem; }
.extension-picker__preview-icon .icon-group-half img { object-position: -8px; position: relative; vertical-align: top; width: 1.625rem; height: 1.625rem; }
.extension-picker__preview-icon .icon-group-quarter { width: 0.75rem; height: 0.75rem; }
.extension-picker__preview-icon .icon-group-quarter img { vertical-align: top; width: 0.75rem; height: 0.75rem; }

.extension-picker__preview-message { margin-left: 0.4375rem; }

.extension-picker__page-selector { display: flex; margin-bottom: 0.4375rem; }

.extension-picker__arrow { cursor: pointer; height: 1.5625rem; }
.extension-picker__arrow ._svg-icon { fill: #d5d5d5; }

.extension-picker__arrow--back { margin-right: 0.3125rem; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.extension-picker__arrow--next { margin-left: 0.3125rem; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

.extension-picker__page-list { display: flex; flex-direction: row; flex-grow: 1; height: 1.375rem; justify-content: space-between; margin-top: 0.125rem; }

.extension-picker__page-label { cursor: pointer; }

.extension-picker__page-label--selected { border-bottom: 0.125rem solid #3490d5; border-radius: 0.0625rem; color: #3490d5; margin-bottom: -0.0625rem; }

.extension-picker__page-container { column-gap: 0.3125rem; display: grid; grid-template-columns: repeat(10, 1fr); margin-top: 0.875rem; row-gap: 0.4375rem; }

.extension-picker__extension-button { align-items: center; border-radius: 25px; color: #808795; cursor: pointer; display: flex; height: 1.5rem; justify-content: center; transition: background-color 0.25s ease; width: auto; }
.extension-picker__extension-button:hover { background-color: #e6eaee; }

.extension-picker__extension-button--selected { background-color: #3490d5; color: #ffffff; }
.extension-picker__extension-button--selected:hover { background-color: #3490d5; }

.extension-picker__extension-button--disabled { background-color: #f4f4f4; color: #d5d5d5; }
.extension-picker__extension-button--disabled:hover { background-color: #f4f4f4; }

.data-grid__header-column { color: #454545; font-size: 14px; font-stretch: normal; font-style: normal; font-weight: 500; letter-spacing: -0.36px; line-height: 2.06; }

.data-grid__row-column { color: #454545; font-size: 14px; font-stretch: normal; font-style: normal; font-weight: 400; letter-spacing: -0.32px; line-height: 1.57; }

.data-grid { border-collapse: collapse; border-spacing: 0; width: 100%; }

.data-grid__header { align-items: center; background-color: #f4f4f4; border-radius: 5px; color: #5d6470; display: flex; height: 3.25rem; overflow: hidden; top: 0; z-index: 4; position: -webkit-sticky; position: sticky; }

.data-grid__header-column { align-items: center; cursor: pointer; display: flex; flex: 1; padding: 0 0.75rem; }

.data-grid__header-column + .data-grid__header-column { padding-left: 0; }

.data-grid__header-column-title { display: inline; }

.data-grid__header-sort-arrow { display: none; }

.data-grid__header-sort-arrow--visible { display: inline-flex; }

.data-grid__header-sort-arrow--inverted { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.data-grid__row { align-items: center; border-bottom: 0.125rem solid #f4f4f4; border-radius: 0.0625rem; display: flex; flex-direction: row; height: 2.875rem; }

.data-grid__row-column { align-items: center; flex: 1; padding: 0 0.75rem; }

.data-grid__row-column--no-ellipse { overflow: visible; }

.data-grid__row-column + .data-grid__row-column { padding-left: 0; }

.data-grid__header--analytics { padding: 0 1rem; top: 59px; }

.data-grid__header-column--analytics { padding: 0; }

.data-grid__header-column--analytics-summary { flex: 2; padding: 0; }

.data-grid__header-column--analytics-summary + .data-grid__header-column--analytics-summary { flex: 1; }

.data-grid__header-column__analytics-list-from, .data-grid__header-column__analytics-list-to { max-width: 15.375rem; min-width: 11.625rem; padding: 0; }

.data-grid__header-column__analytics-list-status { max-width: 4.625rem; min-width: 4.625rem; padding: 0; }

.data-grid__header-column__analytics-list-duration { max-width: 4.5625rem; min-width: 4.5625rem; padding: 0; }

.data-grid__header-column__analytics-list-date { justify-content: flex-end; max-width: 6.4375rem; min-width: 5.8125rem; padding: 0; }

.data-grid__header-column-title--analytics { margin: 0; }

.timeframe { display: flex; flex-direction: column; }

.timeframe__header-row { align-items: center; display: flex; height: 1.5rem; justify-content: space-between; margin-bottom: 0.4375rem; margin-top: 0.625rem; padding-left: 0.75rem; padding-right: 1.25rem; width: 100%; }

.timeframe__label { text-align: left; }

.timeframe__clear-button { background: #e6eaee; border-radius: 1.5625rem; cursor: pointer; height: 1.5rem; line-height: 1.57; margin-left: 0.375rem; padding: 0 0.25rem; width: 3.25rem; }

.timeframe__clear-button { color: #808795; font-size: 14px; font-weight: 400; letter-spacing: -0.32px; }

.timeframe__option-select { margin-top: 0.375rem; width: 100%; }

.timeframe__date-range-selection { display: flex; margin-bottom: 0.625rem; padding: 0 1.25rem 0 0.75rem; }

.timeframe__date-range-selection--inbox { padding-left: 0.5625rem; }

.connected-tab-collection__tabs { align-items: center; display: flex; height: 2.5rem; justify-content: space-between; }

.connected-tab-collection__tab { cursor: pointer; height: 100%; width: 100%; }

.connected-tab-collection__tab-label { color: #2b2b2b; font-size: 13px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: -0.32px; line-height: normal; text-align: center; }

.connected-tab-collection__border { background: #f4f7fa; border-radius: 0.0625rem; height: 0.125rem; width: 100%; }

.connected-tab-collection__border-underline { background: #2b2b2b; border-radius: 0.0625rem; height: 0.125rem; transition: all 0.25s ease; }

.not-found { margin-top: 10.9375rem; }

.not-found__headline { color: #454545; font-size: 22px; font-weight: 500; letter-spacing: -0.83px; line-height: normal; text-align: center; }

.not-found__message-container { margin-top: 1rem; text-align: center; }

.not-found__message { color: #454545; font-size: 16px; font-weight: normal; letter-spacing: -0.32px; line-height: 1.38; text-align: center; }

.not-found__message--link { color: #3490d5; cursor: pointer; }

.snackbar { align-items: center; border-radius: 5px; display: flex; font-size: 16px; justify-content: space-between; letter-spacing: -0.32px; min-height: 3rem; padding: 0 0.375rem; width: 100%; }

.snackbar--action { background-color: #67b5d7; color: #ffffff; }

.snackbar--warning { background-color: #fffae6; border: 2px solid #f7f1d5; color: #7d6b4b; }

.snackbar__left-content { flex-grow: 1; line-height: 1.38; margin: 0.75rem; }

.snackbar__right-content { flex-shrink: 1; line-height: 1.38; margin: 0.75rem; }

.snackbar__link { color: #ffffff; font-weight: 600; letter-spacing: -0.57px; line-height: 1.13; white-space: nowrap; }

.list-box { background-color: #ffffff; box-sizing: content-box; display: flex; flex-direction: column; height: 21.875rem; outline: none; }

.list-box--self-contained { box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }
.list-box--self-contained:focus { border-color: #3490d5; }

.list-box--no-pointer-events { cursor: none; pointer-events: none; }

.list-box__option { cursor: pointer; box-sizing: border-box; }

.list-box__option--focused { background-color: #f4f4f4; }

.list-box__option--selected { background-color: #e6eaee; }

.list-box__option--no-results { cursor: default; }

.conversation-participant-card__title { color: #808795; font-size: 14px; letter-spacing: -0.32px; line-height: 1.375rem; margin-bottom: 0.25rem; white-space: nowrap; }

.conversation-participant-card__icon { margin-right: 0.75rem; }
.conversation-participant-card__icon .borderedIcon-border { background-color: #d5d5d5; }
.conversation-participant-card__icon ._svg-icon { fill: #5d6470; }

.conversation-participant-card__icon--contact { margin-right: 0.75rem; }

.conversation-participant-card__wrapper { width: 100%; }

.conversation-participant-card__card { align-items: center; display: flex; justify-content: space-between; padding: 0.5rem 0 0.5rem 0; }

.conversation-participant-card__tooltip { display: flex; width: 100%; }
.conversation-participant-card__tooltip span { align-self: center; }

.conversation-participant-card__name { display: flex; flex-direction: column; flex-grow: 2; overflow: hidden; }

.conversation-participant-card__name-container { align-items: center; display: flex; }

.conversation-participant-card__blocked-icon { align-items: center; display: flex; justify-content: center; margin: 0 1rem 0 0.5rem; max-height: 1.5rem; max-width: 1.5rem; }
.conversation-participant-card__blocked-icon ._svg-icon { fill: currentColor; margin-top: 2px; }

.conversation-participant-card__pill { background-color: #0f3c4f; border-radius: 0.59375rem; border: solid 0.0625rem #ffffff; color: #ffffff; display: table; float: left; font-size: 0.6875rem; left: 0.375rem; letter-spacing: -0.32px; line-height: 1.4; padding-left: 0.25rem; position: absolute; width: 1.75rem; }

.conversation-participant-card__number { color: #454545; font-size: 15px; font-weight: 500; letter-spacing: -0.4px; line-height: 1.125rem; margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.conversation-participant-card__location { color: #868686; font-size: 13px; letter-spacing: -0.3px; margin-top: 0.1875rem; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.conversation-participant-card__button { align-items: center; background: none; display: flex; justify-content: center; height: 1.375rem; min-width: 1.375rem; padding: 0; }
.conversation-participant-card__button ._svg-icon { fill: #808795; }
.conversation-participant-card__button:hover { background-color: #dedede; border-radius: 0.25rem; cursor: pointer; }

.conversation-participant-card__menu-container { float: right; position: relative; }

.conversation-participant-card__menu { background-color: #ffffff; bottom: 1.125rem; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); left: -11.125rem; overflow: hidden; padding: 0.3125rem 0 0.3125rem 0; position: absolute; text-align: left; width: 11.125rem; z-index: 999; }
.conversation-participant-card__menu:focus { outline: none; }

.conversation-participant-card__menu-option { align-items: center; color: #454545; display: flex; font-size: 16px; font-weight: normal; height: 2.75rem; letter-spacing: -0.32px; line-height: 1.1875rem; padding: 0 1rem 0 0.875rem; }
.conversation-participant-card__menu-option span { max-height: 1.5rem; }
.conversation-participant-card__menu-option:hover { background-color: #e6eaee; cursor: pointer; }
.conversation-participant-card__menu-option ._svg-icon { fill: #454545; margin: 0 0.5rem 0 0.125rem; }

.conversation-participant-card__menu-option--disabled { opacity: 40%; }
.conversation-participant-card__menu-option--disabled:hover { cursor: not-allowed; }

.conversation-subscriber-card { align-items: center; display: flex; flex-direction: row; justify-content: space-between; padding: 0.3125rem 0 0.3125rem 0; }

.conversation-subscriber-card__avatar { border-radius: 0.25rem; }
.conversation-subscriber-card__avatar .borderedIcon-border { background-color: #d5d5d5; }
.conversation-subscriber-card__avatar ._svg-icon { fill: #5d6470; }

.conversation-subscriber-card__initials { align-items: center; background-color: #d5d5d5; border-radius: 0.25rem; color: #5d6470; display: flex; height: 1.875rem; justify-content: center; user-select: none; width: 1.875rem; }

.conversation-subscriber-card__tooltip { display: flex; width: 100%; }
.conversation-subscriber-card__tooltip span { align-self: center; }

.conversation-subscriber-card__name { color: #454545; flex-grow: 2; font-size: 15px; font-weight: 500; letter-spacing: -0.4px; line-height: 1.125rem; margin-left: 0.75rem; overflow: hidden; padding-bottom: 0; text-overflow: ellipsis; white-space: nowrap; }

.conversation-subscriber-card__button { align-items: center; background: none; display: flex; justify-content: center; height: 1.375rem; min-width: 1.375rem; padding: 0; }
.conversation-subscriber-card__button ._svg-icon { fill: #808795; }
.conversation-subscriber-card__button:hover { background-color: #dedede; border-radius: 0.25rem; cursor: pointer; }

.conversation-subscriber-card__menu-container { position: relative; }

.conversation-subscriber-card__menu { background-color: #ffffff; bottom: 1.125rem; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); left: -11.125rem; overflow: hidden; padding: 0.3125rem 0 0.3125rem 0; position: absolute; text-align: left; width: 11.125rem; z-index: 999; }
.conversation-subscriber-card__menu:focus { outline: none; }

.conversation-subscriber-card__menu-option { align-items: center; color: #454545; display: flex; font-size: 16px; font-weight: normal; height: 2.75rem; letter-spacing: -0.32px; line-height: 1.1875rem; padding: 0 1rem 0 0.875rem; }
.conversation-subscriber-card__menu-option span { max-height: 1.5rem; }
.conversation-subscriber-card__menu-option:hover { background-color: #e6eaee; cursor: pointer; }
.conversation-subscriber-card__menu-option ._svg-icon { fill: #454545; margin: 0 0.5rem 0 0.125rem; }

.conversation-subscriber-card__menu-option--disabled { opacity: 40%; }
.conversation-subscriber-card__menu-option--disabled:hover { cursor: not-allowed; }

.video-player { border-radius: 4px; overflow: hidden; }

.video-player-container--inline { display: inline-block; position: relative; }

.video-player-video { background-color: #e6eaee; border-radius: 4px; cursor: pointer; height: 16.75rem; object-fit: fill; width: 26.875rem; z-index: 1; }

.video-player--full-screen, .video-player-video--full-screen { height: 100% !important; width: 100% !important; }

.video-player__video-controls-overlay { background-color: rgba(43, 43, 43, 0.7); border-radius: 0.25rem; bottom: 0; color: #ffffff; left: 0; position: absolute; right: 0; width: 100%; z-index: 2; }

.video-player__video-controls-overlay--fade-in { opacity: 1; transition: max-height 0.25s linear, opacity 0.5s linear 0.25s; }

.video-player__video-controls-overlay--fade-out { opacity: 0; transition: opacity 0.5s linear, max-height 0.25s linear 0.5s; }

.video-player__video-controls-buttons-container { display: flex; justify-content: space-between; }

.video-player__video-controls-left-container, .video-player__video-controls-right-container { height: 2.0625rem; width: 13.4375rem; }

.video-player__video-controls-right-container { display: flex; flex: 0; /* needed for Safari */ justify-content: right; }

.video-player__video-controls-left-container--full-screen { width: auto; }

.video-player__video-controls-button { background: transparent; background-size: contain; border: none; margin: 0.3125rem 0.125rem 0.125rem; }

.video-player__video-controls-button--media-modal-play-button { margin-left: -3.75rem; }

.video-player__video-controls-button-icon { fill: #ffffff; }

.video-player__video-controls-button--disabled { cursor: default; opacity: 0.4; }

.video-player__video-controls-volume-controls { display: flex; height: 100%; justify-content: space-between; margin-left: 1.25rem; max-height: 1.875rem; max-width: 5.3125rem; width: 100%; }

.video-player__video-controls-volume-controls__volume-slider-wrapper { background: transparent; /* wrapper box encasing slider */ cursor: pointer; height: 2.0625rem; position: relative; width: 3.125rem; }

/* Encasing Volume Slider */
.video-player__video-controls-volume-controls__volume-slider { background-color: transparent; /* padding color */ cursor: pointer; left: -0.1875rem; padding: 0.875rem 0 0.9375rem 0; /* expanding touch area around slider track & positioning track within */ position: relative; top: -1px; width: 3.125rem; --volumeValue: linear-gradient(to right, #ffffff 0%, #ffffff 100%, #ffffff33 100%, #ffffff33 100%); -webkit-appearance: none; /* Default Volume Slider Track */ /* Default Volume Slider Dot */ /* Default Volume Slider Track On Click */ /* Firefox Volume Slider Track */ /* Firefox Volume Slider Dot */ }
.video-player__video-controls-volume-controls__volume-slider::-webkit-slider-runnable-track { background: var(--volumeValue); /* actual slider track colors */ border: none; border-radius: 0.875rem; height: 0.25rem; width: 3.125rem; }
.video-player__video-controls-volume-controls__volume-slider::-webkit-slider-thumb { background: #ffffff; border: none; border-radius: 1rem; height: 0.6875rem; margin-top: -0.25rem; width: 0.6875rem; -webkit-appearance: none; }
.video-player__video-controls-volume-controls__volume-slider:focus::-webkit-slider-runnable-track { background: var(--volumeValue); }
.video-player__video-controls-volume-controls__volume-slider:focus { outline: none; }
.video-player__video-controls-volume-controls__volume-slider::-moz-range-track { background: var(--volumeValue); /* actual slider track colors */ border: none; border-radius: 0.875rem; height: 0.25rem; width: 3.125rem; }
.video-player__video-controls-volume-controls__volume-slider::-moz-range-thumb { background: #ffffff; border: none; border-radius: 1rem; cursor: pointer; height: 0.6875rem; margin-top: -0.25rem; width: 0.6875rem; }
.video-player__video-controls-volume-controls__volume-slider:-moz-focusring { outline: none; }

/* Firefox Encasing Volume Slider */
@-moz-document url-prefix() { .video-player__video-controls-volume-controls__volume-slider { background-color: transparent; /* padding color */ cursor: pointer; left: -3px; padding: 0.375rem 0; /* expanding touch area around slider track & positioning track within */ position: relative; top: -1px; width: 3.125rem; --volumeValue: linear-gradient(to right, #ffffff 0%, #ffffff 100%, #ffffff33 100%, #ffffff33 100%); } }
.video-player__video-controls-volume-controls__volume-slider--visible { opacity: 1; }

.video-player__video-controls-volume-controls__volume-slider--hidden { opacity: 0; }

.video-player__video-controls-time-container { color: #ffffff; cursor: default; font-size: 12px; margin-left: 2.125rem; margin-top: -1.375rem; }

.video-player__video-controls-time--faded { color: #808795; }

.video-player__video-controls-progress-container { margin-bottom: 0.25rem; position: relative; }

/* Default Progress Bar & Value */
.video-player__video-controls-progress-bar { appearance: none; background-color: #2b2b2b; border: none; border-radius: 0.875rem; color: #67b5d7; cursor: pointer; left: 0; max-height: 0.25rem; pointer-events: none; position: absolute; top: 0; width: 100%; -moz-appearance: none; -moz-border-radius: 0.875rem; -webkit-appearance: none; -webkit-border-radius: 0.875rem; /* Chrome & Safari Progress Bar & Value */ /* Firefox Progress Bar */ }
.video-player__video-controls-progress-bar::-webkit-progress-bar { background-color: #2b2b2b; border-radius: 0.875rem; width: 100%; }
.video-player__video-controls-progress-bar::-webkit-progress-value { background-color: #67b5d7; border-radius: 0.875rem; }
.video-player__video-controls-progress-bar::-moz-progress-bar { background-color: #67b5d7; border: none; border-radius: 0.875rem; }

/* Scrubber Dot via Range Input */
.video-player__video-controls-seek-bar { background: transparent; cursor: pointer; height: 0.25rem; left: 0; margin: 0; position: absolute; top: 0; width: 100%; -moz-appearance: none; -webkit-appearance: none; /* Chrome & Safari */ /* Default Scrubber Dot */ /* Firefox */ /* Firefox Scrubber Dot */ }
.video-player__video-controls-seek-bar:focus { outline: none; }
.video-player__video-controls-seek-bar::-webkit-slider-runnable-track { border-radius: 0.08125rem; cursor: pointer; transition: all 0.5s ease; width: 100%; -webkit-appearance: none; }
.video-player__video-controls-seek-bar:focus::-webkit-slider-runnable-track { background: transparent; }
.video-player__video-controls-seek-bar::-webkit-slider-thumb { background: #ffffff; border-radius: 1rem; cursor: pointer; height: 1rem; margin-left: -1px; visibility: hidden; width: 1rem; -webkit-appearance: none; }
:hover > .video-player__video-controls-seek-bar::-webkit-slider-thumb { visibility: visible; }
.video-player__video-controls-seek-bar::-webkit-slider-thumb:hover { box-shadow: 0 0 0 10px rgba(213, 213, 213, 0.2); }
.video-player__video-controls-seek-bar::-moz-range-track { background: transparent; border: 1px solid transparent; border-radius: 0.08125rem; cursor: pointer; height: 0.25rem; width: 100%; }
.video-player__video-controls-seek-bar::-moz-range-thumb { background: #ffffff; border: 1px solid #ffffff; border-radius: 3.125rem; cursor: pointer; height: 0.875rem; margin-top: 0.3125rem; visibility: hidden; width: 0.875rem; }
:hover > .video-player__video-controls-seek-bar::-moz-range-thumb { visibility: visible; }
.video-player__video-controls-seek-bar::-moz-range-thumb:hover { box-shadow: 0 0 0 10px rgba(213, 213, 213, 0.2); }
.video-player__video-controls-seek-bar:focus::-moz-range-track { outline: none; }

.video-player__play-pill-button-container { bottom: 0; position: absolute; z-index: 2; }

.video-player__play-pill-button { align-items: center; background-color: #808795; border: none; border-radius: 0.25rem; cursor: pointer; display: flex; margin: 0.78125rem 0.5625rem; outline: none; }
.video-player__play-pill-button ._svg-icon { fill: #ffffff; margin-bottom: -0.125rem; margin-left: -0.125rem; margin-top: 0.0625rem; }

.video-player__play-pill-button-text { color: #ffffff; font-size: 14px; margin: 0 0.0625rem -0.0625rem 0.5rem; }

.conversation-images-grid { margin-bottom: 0.375rem; }
.conversation-images-grid .conversation-images-grid__image { background-color: #e6eaee; border-radius: 0.25rem; object-fit: cover; }

.conversation-images-grid--single .conversation-images-grid__image { height: auto; max-height: 20rem; max-width: 26.875rem; width: 100%; }
.conversation-images-grid--single .conversation-images-grid__image--empty { height: 13.125rem; width: 13.125rem; }

.conversation-images-grid--multiple { display: grid; grid-auto-rows: minmax(210px, 210px); grid-gap: 0.625rem 0.625rem; grid-template-columns: repeat(2, 210px); }
.conversation-images-grid--multiple .conversation-images-grid__image { height: 13.125rem; width: 13.125rem; }

.conversation-images-grid__container { display: flex; position: relative; }
.conversation-images-grid__container:hover { box-shadow: 0 0 0.375rem 0 rgba(0, 0, 0, 0.2); cursor: pointer; }

.protected-content { color: #868686; margin-top: 8.125rem; text-align: center; }

.conversation-group-avatar { border-radius: 3px; overflow: hidden; }
.conversation-group-avatar img { height: 100%; object-position: 0; width: auto; }
.conversation-group-avatar .icon-group-half, .conversation-group-avatar .icon-group-quarter { font-size: 0.4375rem; }

.conversation-group-avatar__user { align-items: center; background-color: #d5d5d5; border-bottom-right-radius: 0.1875rem; color: #5d6470; display: flex; justify-content: space-around; user-select: none; }

.conversation-group-avatar__contact { align-items: center; background-color: #d5d5d5; color: #5d6470; display: flex; justify-content: space-around; user-select: none; }

.loading-bar { background-color: rgba(244, 247, 250, 0.5); border: none; color: #3490d5; height: 0.5rem; width: 100%; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; /* Chrome & Safari Progress Bar & Value */ /* Firefox Progress Bar */ }
.loading-bar::-webkit-progress-bar { background-color: rgba(244, 247, 250, 0.5); border-radius: 0.25rem; width: 100%; }
.loading-bar::-webkit-progress-value { background-color: #3490d5; border-radius: 0.25rem; }
.loading-bar::-moz-progress-bar { background-color: #3490d5; border: none; border-radius: 0.25rem; }

.sms-attachment-error-overlay { align-items: center; background: rgba(255, 255, 255, 0.8); display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; }
.sms-attachment-error-overlay:hover { background: rgba(43, 43, 43, 0.5); border-radius: 0.25rem; cursor: pointer; }

.sms-attachment-error-overlay__icon ._svg-icon { fill: #67b5d7; }

.sms-attachment-error-overlay-badge { background-color: #67b5d7; border-radius: 0.84375rem; color: #ffffff; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 10px; font-weight: 500; height: 1.125rem; left: 0; line-height: normal; letter-spacing: -0.06px; margin: -0.625rem 0 0 -0.75rem; padding: 0.1875rem 0.3125rem 0.1875rem 0.375rem; position: absolute; text-align: center; width: 4.875rem; }

.sms-attachment-loading-overlay { align-items: flex-end; display: flex; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.sms-attachment-loading-overlay__loading-bar { width: 100%; }

.sms-attachment-preview { align-items: center; display: flex; flex-direction: column; justify-items: center; position: relative; }

.sms-attachment-preview--compose-area { height: 5rem; }

.sms-attachment-preview--success-hover:hover { background: #2b2b2b; border-radius: 4px; cursor: pointer; height: 5rem; overflow: hidden; }
.sms-attachment-preview--success-hover:hover img, .sms-attachment-preview--success-hover:hover video { opacity: .4; }

.sms-attachment-preview__image-wrapper img { border-radius: 4px; height: 5rem; object-fit: cover; width: 5rem; }

.sms-attachment-preview__image-wrapper--empty { background-color: #e6eaee; border-radius: 4px; height: 5rem; width: 5rem; }
.sms-attachment-preview__image-wrapper--empty img { display: none; }

.sms-attachment-preview__video-wrapper { align-items: center; display: flex; justify-content: center; }
.sms-attachment-preview__video-wrapper video { background-color: #2b2b2b; border-radius: 4px; height: 5rem; object-fit: cover; width: 5rem; }
.sms-attachment-preview__video-wrapper .sms-attachment-preview__video-icon { background-color: #808795; border-radius: 50%; height: 1.4375rem; padding: 0.4375rem 0.4375rem 0.375rem 0.5625rem; position: absolute; width: 1.4375rem; }
.sms-attachment-preview__video-wrapper ._svg-icon { bottom: 4%; fill: #f4f4f4; position: absolute; right: 2%; }

.sms-attachment-preview__overlay-error-overlay--fade-in, .sms-attachment-preview__overlay-loading-bar--fade-in { opacity: 1; transition: max-height 0.25s linear, opacity 0.5s linear 0.5s; }

.sms-attachment-preview__overlay-error-overlay--fade-out, .sms-attachment-preview__overlay-loading-bar--fade-out { opacity: 0; transition: opacity 0.5s linear, max-height 0.25s linear 0.5s; }

.sms-video-attachment-preview { background-color: #e6eaee; border-radius: 4px; position: relative; height: 16.75rem; margin-bottom: 0.375rem; width: 26.875rem; }

.sms-video-attachment-preview__video { background-color: #e6eaee; border-radius: 4px; height: 16.75rem; width: 26.875rem; }

.sms-attachment-error-overlay { background: transparent; }

.full-screen-media-modal { background-color: #2b2b2b; color: #d5d5d5; height: 100vh; width: 100vw; }

.full-screen-media-modal--isolated { isolation: isolate; }

.full-screen-media-modal--not-isolated { isolation: auto; }

.full-screen-media-modal__header { background-color: rgba(43, 43, 43, 0.7); display: grid; grid-template-columns: repeat(3, 1fr); height: 4.625rem; padding: 0 1rem; position: fixed; width: 100%; z-index: 2; }

.full-screen-media-modal__header-left { align-items: center; display: flex; }

.full-screen-media-modal__header-sent-by { display: flex; height: 2.5rem; }

.full-screen-media-modal__header-sent-by-avatar { height: 2.5rem; width: 2.5rem; }

.full-screen-media-modal__header-sent-by-user-avatar .user-avatar-icon { height: 2.5rem; width: 2.5rem; }

.full-screen-media-modal__header-sent-by-user-initials { align-items: center; background-color: #d5d5d5; border-radius: 5px; color: #5d6470; display: flex; font-size: 18px; height: 2.5rem; justify-content: center; width: 2.5rem; }

.full-screen-media-modal__header-sent-by-meta { display: flex; flex-direction: column; margin-left: 0.75rem; justify-content: space-between; }

.full-screen-media-modal__header-sent-by-meta-1 { font-size: 15px; font-weight: 700; letter-spacing: -0.54px; line-height: 1.125rem; margin-top: 0.25rem; text-align: left; }

.full-screen-media-modal__header-sent-by-meta-2 { font-size: 13px; font-weight: 400; letter-spacing: -0.83px; line-height: normal; margin-top: 0.25rem; text-align: left; }

.full-screen-media-modal__header-center { display: flex; flex-direction: column; height: 100%; justify-content: center; }

.full-screen-media-modal__header-file-name { font-size: 14px; letter-spacing: -0.32px; line-height: 1rem; }

.full-screen-media-modal__header-file-sent-date { font-size: 12px; font-weight: 500; letter-spacing: -0.32px; margin-top: 0.5rem; }

.full-screen-media-modal__header-right { align-items: center; display: flex; justify-content: flex-end; height: 100%; }

.full-screen-media-modal__header-action-icon { cursor: pointer; margin-left: 1rem; }
.full-screen-media-modal__header-action-icon ._svg-icon { fill: currentColor; }
.full-screen-media-modal__header-action-icon:hover { opacity: 0.4; }
.full-screen-media-modal__header-action-icon:active { color: #000000; }

.full-screen-media-modal__header-action-icon--downloading ._svg-icon { fill: #3490d5; }

.full-screen-media-modal__content { display: flex; height: 100%; padding-top: 4.625rem; width: 100%; }

.full-screen-media-modal__content-arrow-container { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; width: 3.75rem; }

.full-screen-media-modal__back-arrow ._svg-icon, .full-screen-media-modal__forward-arrow ._svg-icon { fill: currentColor; height: 1.25rem !important; width: 1.25rem !important; }
.full-screen-media-modal__back-arrow:hover, .full-screen-media-modal__forward-arrow:hover { opacity: 0.4; }
.full-screen-media-modal__back-arrow:active, .full-screen-media-modal__forward-arrow:active { color: #000000; }

.full-screen-media-modal__back-arrow { transform: rotate(90deg); }

.full-screen-media-modal__forward-arrow { transform: rotate(270deg); }

.full-screen-media-modal__media { align-items: center; display: flex; flex-grow: 1; justify-content: center; position: relative; }

.full-screen-media-modal__media-image { border-radius: 4px; max-height: 100%; max-width: 100%; }

.message-link-preview { cursor: pointer; margin-top: 0.125rem; }
.message-link-preview img { border-radius: 4px; }

.message-link-preview__header { align-items: center; display: flex; justify-content: left; }
.message-link-preview__header img + span { margin-left: 0.5625rem; }
.message-link-preview__header img { height: 1.25rem; width: 1.25rem; }

.message-link-preview__header__name { color: #2f3641; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 15px; font-weight: 700; letter-spacing: -0.43px; line-height: 1.2; }

.message-link-preview__link-meta-title { color: #3490d5; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 15px; font-stretch: normal; font-weight: normal; letter-spacing: -0.32px; line-height: 1.47; }

.message-link-preview__description { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 15px; font-stretch: normal; font-weight: normal; line-height: 1.47; letter-spacing: -0.32px; text-transform: capitalize; }

.message-link-preview__preview-image { max-height: 11.25rem; max-width: 20.25rem; min-height: 100%; }

.conversation-details__links-grid { display: grid; gap: 0.5rem 0.5rem; grid-template-columns: repeat(2, 1fr); margin-top: 0.25rem; padding-bottom: 1.75rem; width: 100%; }

.conversation-details__links-card { cursor: pointer; display: flex; flex-direction: column; overflow: hidden; max-width: 7.8125rem; }

.conversation-details-links-card__image { border-top-left-radius: 4px; border-top-right-radius: 4px; height: 4.125rem; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }

.conversation-details-links-card__preview-image { border: solid 2px #f4f4f4; object-fit: contain; width: 100%; }

.conversation-details-links-card__preview-image--empty { align-items: center; background-color: #dedede; display: flex; justify-content: center; }
.conversation-details-links-card__preview-image--empty ._svg-icon { fill: #bcbcbc; }

.conversation-details-links-card__content { background-color: #f4f4f4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: flex; bottom: 0.0625rem; flex-direction: column; height: 3rem; justify-content: center; position: relative; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; }
.conversation-details-links-card__content:hover { background-color: #dedede; }

.conversation-details-links-card__content-header { color: #454545; font-size: 14px; font-weight: 500; letter-spacing: -0.32px; line-height: normal; margin: 0.375rem 0 0 0.625rem; min-width: 5.3125rem; width: 5.9375rem; }

.conversation-details-links-card__content-link { color: #868686; font-size: 12px; line-height: normal; letter-spacing: -0.32px; margin: 0 0 0.375rem 0.625rem; min-width: 5.3125rem; width: 5.9375rem; }

.messages_links { height: 100%; }

.conversation-links { display: flex; flex-direction: column; height: 100%; }

.conversation-links__body, .conversation-links__loading-state-body { display: grid; gap: 1.125rem; grid-template-columns: repeat(3, 1fr); margin-top: 1.875rem; padding: 0 1.5rem 1.75rem 1.5rem; width: 100%; }

.conversation-links__body-scrollbar { flex-grow: 2; }

.conversation-links-card { cursor: pointer; display: flex; flex-direction: column; max-width: 15.875rem; min-width: 13.4375rem; overflow: hidden; }

.conversation-links-card__image { border-top-left-radius: 4px; border-top-right-radius: 4px; max-height: 8.5rem; height: 100%; min-height: 6.875rem; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }

.conversation-links-card__preview-image { border: solid 2px #f4f4f4; object-fit: contain; width: 100%; }

.conversation-links-card__preview-image--empty { align-items: center; background-color: #dedede; display: flex; justify-content: center; }
.conversation-links-card__preview-image--empty ._svg-icon { fill: #bcbcbc; }

.conversation-links-card__content { background-color: #f4f4f4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; bottom: 0.0625rem; height: 4.25rem; min-height: 4.25rem; position: relative; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; }
.conversation-links-card__content:hover { background-color: #dedede; }

.conversation-links-card__header { align-items: center; display: flex; justify-content: space-between; margin: 0.9375rem 0.9375rem 0 0.9375rem; }

.conversation-links-card__header-title { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 15px; font-weight: 500; letter-spacing: -0.32px; line-height: normal; max-width: 10.5rem; }

.conversation-links-card-content__text { color: #868686; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 13px; line-height: normal; letter-spacing: -0.32px; }

.conversation-links-card__link { align-items: center; display: flex; }

.conversation-links-card-content__text--link { margin: 0 0 0.375rem 0.9375rem; width: 12.5rem; }
.conversation-links-card-content__text--link:hover { color: #2b2b2b; }

.conversation-links-card__loading-state-link { border-radius: 4px; display: flex; flex-direction: column; max-width: 15.875rem; min-width: 13.4375rem; overflow: hidden; }

.conversation-links-card__loading-state-link__image { height: 8.125rem; }

.conversation-links-card__loading-state-link__content { bottom: 0.0625rem; height: 4.25rem; margin-top: 0.8125rem; position: relative; }

.conversation-links-card__loading-state-link__image, .conversation-links-card__loading-state-link__content { background-color: #e6eaee; border-radius: 4px; width: 100%; }

.contact-permissions__permission-form { width: 30rem; }

.contact-permissions__permission-form-description { color: #454545; font-weight: 500; margin-bottom: 1.25rem; }

.contact-permissions__permission-form-label { color: #454545; margin-bottom: 1.25rem; }

.sms-pin-action-modal { text-align: initial; }

.sms-pin-modal__description { line-height: 1.625rem; padding-bottom: 1.5rem; }

.sms-pin-modal__input input[type="text"] { width: 100%; }

.sms-pin-modal__resend-link { color: #3490d5; cursor: pointer; display: block; margin-top: 0.5rem; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }

.sms-pin-modal__resend-link--inactive { cursor: not-allowed; opacity: 0.7; }

.sms-pin-modal__error .error-tooltip { width: 100%; }

.blocking .interior-shell__sticky-header-button { height: 2.5rem; }

.blocking__permission-form { margin-bottom: 1.25rem; width: 30rem; }

.blocking__permission-form-label { color: #454545; margin-bottom: 1.25rem; }

.blocking__whitelist-banner { align-items: center; background-color: #f4f4f4; border-radius: 5px; color: #454545; display: flex; font-size: 14px; font-weight: 500; height: 52px; letter-spacing: -0.38px; line-height: 2.29; margin-bottom: 32px; padding-left: 17.3px; width: 100%; }

.blocking__icon .borderedIcon-border { background-color: #d5d5d5; }
.blocking__icon ._svg-icon { fill: #5d6470; }

.blocking__empty { align-items: center; color: #868686; display: flex; flex-direction: column; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.32px; padding-top: 6.3125rem; }

.blocking-form { display: flex; flex-direction: column; padding-left: 1.375rem; padding-top: 1.875rem; width: 480px; }

.blocking-form-label { color: #454545; font-size: 16px; letter-spacing: -0.32px; line-height: 1.38; margin-bottom: 0.4375rem; width: 480px; }

.blocking__number-input, .blocking__number-input .intl-tel-input { width: 100%; }

.messaging-compliance__validation-warning-box { margin-bottom: 1.5625rem; }

.messaging-compliance__non-profit-warning, .messaging-compliance__tcr-validation-failed-warning, .messaging-compliance__sms-pin-required-warning { width: 100%; }

.messaging-compliance__sms-pin-rejected-error { color: #fc4636; font-size: 14px; font-weight: 400; letter-spacing: -0.32px; line-height: 1.38; }

.messaging-compliance__tab-content { padding-bottom: 1.875rem; }

.messaging-compliance__form-container { width: 480px; }

.messaging-compliance__form-container .info-box, .messaging-compliance__form-container .warning-box { margin-bottom: 1.25rem; }

.messaging-compliance__form-container .warning-box .warning-box__list { display: grid; grid-auto-flow: column; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(9, auto); margin-top: 0.5rem; }

.messaging-compliance__form-container .warning-box .warning-box__list .warning-box__list-item { flex: 0 50%; }

.messaging-compliance__form-row-container { display: flex; flex-direction: row; justify-content: space-between; }

.messaging-compliance__form-row-container + .messaging-compliance__form-row-container { margin-top: 0.5rem; }

.messaging-compliance__form-row-empty, .messaging-compliance__form-row { min-height: 5.8125rem; width: 100%; }

.messaging-compliance__form-row-empty { min-height: 3.75rem; }

.messaging-compliance__form-row + .messaging-compliance__form-row { margin-left: 0.625rem; }

.messaging-compliance__use-cases-container { display: flex; flex-wrap: wrap; }

.messaging-compliance__address-container, .messaging-compliance__business-name-container, .messaging-compliance__city-container, .messaging-compliance__country-container, .messaging-compliance__name-container, .messaging-compliance__phone-number-container, .messaging-compliance__state-container, .messaging-compliance__website-container { min-height: 5.8125rem; }

.messaging-compliance__state-container select:disabled, .messaging-compliance__country-container select:disabled { cursor: not-allowed; opacity: 0.5; }

.messaging-compliance__business-number-container, .messaging-compliance__ein-container { min-height: 13.125rem; }

.messaging-compliance__website-container { min-height: 15.75rem; }

.messaging-compliance__authorized-signature-container { min-height: 6.25rem; }

.messaging-compliance__name-container { width: 50%; }

.messaging-compliance__address-container, .messaging-compliance__authorized-signature-container, .messaging-compliance__city-container, .messaging-compliance__country-container, .messaging-compliance__phone-number-container, .messaging-compliance__postal-code-container, .messaging-compliance__state-container { width: 100%; }

.messaging-compliance__name-container + .messaging-compliance__name-container { margin-left: 0.625rem; }

.messaging-compliance__postal-code-container { margin-left: 0.625rem; }

.messaging-compliance__label-row { align-items: center; display: flex; }

.messaging-compliance__messaging-header-label, .messaging-compliance__header-label { color: #454545; font-size: 16px; font-weight: 700; letter-spacing: -0.32px; line-height: 1.63; margin-bottom: 1rem; margin-top: 1rem; }

.messaging-compliance__messaging-header-label { margin-bottom: 0.4375rem; }

.messaging-compliance__header-label-caption { margin-bottom: 1.5625rem; }

.messaging-compliance__header-label-caption-text { color: #454545; font-size: 14px; font-weight: 300; letter-spacing: -0.32px; line-height: 1.375rem; }

.messaging-compliance__header-label-caption-text--bold { font-weight: 700; }

.messaging-compliance__header-label-description { margin-bottom: 1rem; }

.messaging-compliance__header-label-description-text { color: #454545; font-size: 16px; font-weight: 300; letter-spacing: -0.32px; line-height: 1.5rem; }

.messaging-compliance__header-label-description-text--bold { font-weight: 700; }

.messaging-compliance__label-row { align-items: center; display: flex; }

.messaging-compliance__label-check-box, .messaging-compliance__label { letter-spacing: -0.32px; margin-bottom: 0.4375rem; }

.messaging-compliance__label-caption { margin-bottom: 0.4375rem; }

.messaging-compliance__label-caption-text { color: #454545; font-size: 14px; font-weight: 300; letter-spacing: -0.32px; line-height: 1.375rem; }

.messaging-compliance__label-caption-text--bold { font-weight: 700; }

.messaging-compliance__info-icon { display: flex; fill: #d5d5d5; margin-bottom: 0.375rem; margin-left: 0.25rem; }
.messaging-compliance__info-icon:hover { fill: #868686; }

.messaging-compliance__label-check-box--bold, .messaging-compliance__label-check-box { margin-bottom: 1rem; }

.messaging-compliance__label-check-box--bold { font-weight: 700; }

.messaging-compliance__form-row-check-box { width: 100%; }

.messaging-compliance__form-row-check-box--same-as { margin-bottom: 0rem; }

.messaging-compliance__form-row--use-case { width: 50%; }

.messaging-compliance__check-box { margin-bottom: 0.4375rem; margin-top: 0.4375rem; }

.messaging-compliance__text { color: #5d6470; font-size: 16px; font-weight: 400; letter-spacing: -0.57px; line-height: 1.63; margin-left: 0.75rem; }

.messaging-compliance__textarea-container--sub, .messaging-compliance__textarea-container--small, .messaging-compliance__textarea-container { min-height: 9.625rem; margin-bottom: 0.625rem; }

.messaging-compliance__textarea-container--small { min-height: 4.8125rem; }

.messaging-compliance__textarea-container--sub { min-height: 4.8125rem; margin-left: 1.75rem; }

.messaging-compliance__textarea--small, .messaging-compliance__textarea { border: 2px solid #d5d5d5; border-radius: 5px; height: unset; line-height: 1.57; min-height: 7.5rem; padding: 0.5rem 0.5rem 1.125rem 0.5rem; resize: none; width: 100%; }
.messaging-compliance__textarea--small:focus, .messaging-compliance__textarea--small:hover, .messaging-compliance__textarea:focus, .messaging-compliance__textarea:hover { border-color: #d5d5d5; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); outline: none; }
.messaging-compliance__textarea--small.invalid, .messaging-compliance__textarea.invalid { border: 0.125rem solid #fc4636; }

.messaging-compliance__textarea--small { min-height: 3.75rem; }

.messaging-compliance__textarea-error { height: 1.125rem; }

.messaging-compliance__toggle { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; line-height: 1.25rem; }

.messaging-compliance__toggle-button { margin-right: 1.0625rem; }

.messaging-compliance__toggle-message { color: #5d6470; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; }

.messaging-compliance__messaging-error { margin-top: 1.25rem; }

.messaging-compliance__address-input .text-box .text-box__input, .messaging-compliance__email-input .text-box .text-box__input, .messaging-compliance__input .text-box .text-box__input, .messaging-compliance__phone-number-input .text-box .text-box__input, .messaging-compliance__website-input .text-box .text-box__input { border-width: 0.125rem; width: 100%; }
.messaging-compliance__address-input .text-box .text-box__input:disabled, .messaging-compliance__email-input .text-box .text-box__input:disabled, .messaging-compliance__input .text-box .text-box__input:disabled, .messaging-compliance__phone-number-input .text-box .text-box__input:disabled, .messaging-compliance__website-input .text-box .text-box__input:disabled { border-width: 0.125rem; }

.messaging-compliance__phone-number-input .intl-tel-input { width: 100%; }

.messaging-compliance__phone-number-input .intl-tel-input input:disabled { border-width: 0.125rem; }

.action-modal__content .messaging-compliance__phone-number-input .intl-tel-input2.iti-theme-tresta .separate-dial-code .selected-dial-code { padding-left: 0; }

.messaging-compliance__separator-line { background-color: #f4f4f4; height: 0.125rem; margin-bottom: 1.875rem; width: 480px; }

.messaging-compliance__email-row-container { display: flex; }

.messaging-compliance__email-row-container + .messaging-compliance__email-row-container { margin-top: 0.625rem; }

.messaging-compliance__email-input { width: 100%; }

.messaging-compliance__error .error-tooltip { width: 100%; }

.messaging-compliance__agreement-warning-box { margin-top: 1.375rem; }

.messaging-compliance__tooltip-container { opacity: 1; position: fixed; width: 0rem; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }

.messaging-compliance__tooltip { -webkit-background-clip: padding-box; -webkit-border-radius: 0.3125rem; -moz-background-clip: padding-box; -moz-border-radius: 0.3125rem; border-radius: 0.3125rem; background-clip: padding-box; background-color: #67b5d7; left: -220px; padding: 1rem 0.875rem 1rem 1rem; position: relative; width: 14.25rem; }

.messaging-compliance__tooltip:after { background-color: #67b5d7; content: ''; left: 96%; position: absolute; top: 70%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 1rem; height: 1rem; }

.messaging-compliance__tooltip-text { color: #ffffff; font-size: 15px; letter-spacing: -0.32px; line-height: 1.3125rem; }

.messaging-compliance__tooltip-text--bold-and-italicized { font-style: italic; font-weight: 600; }

.messaging-compliance__tooltip-text + .messaging-compliance__tooltip-text { margin-top: 0.5rem; }

.messaging-compliance__authorized-signature-container { min-height: 6.25rem; }

.authorized-signature-action-modal .warning-box .warning-box__title { text-align: left; }

.authorized-signature-action-modal .warning-box .warning-box__message-block { text-align: left; }

.authorized-signature-action-modal .text-box .text-box__input { width: 100%; }

.messaging-compliance__list { display: flex; flex-direction: column; margin-top: 1rem; }

.messaging-compliance__list-item { display: flex; flex-direction: row; margin-left: 1.375rem; }

.messaging-compliance__list-item-bullet { background: #5d6470; border-radius: 100%; height: 0.375rem; margin: 0.4375rem 0.4375rem 0 0.4375rem; padding: 0.1875rem; }

.messaging-compliance__description-link { color: #3490d5; cursor: pointer; letter-spacing: -0.32px; margin-bottom: 0.4375rem; }

.messaging-compliance__description-link--disabled { cursor: not-allowed; opacity: 0.4; }

.messaging-compliance__resubmit-button-container { margin-bottom: 1.25rem; }

.messaging-compliance__sms-pin-description { line-height: 1.625rem; padding-bottom: 1.5rem; }

.info-box { background: #e9f4f9; border-radius: 5px; color: #0f3c4f; display: flex; flex-direction: column; font-size: 14px; font-weight: 300; line-height: 1.57; padding: 1.25rem; }

.info-box--closed { display: none; }

.info-box__title-container { display: flex; justify-content: space-between; }

.info-box__close { cursor: pointer; fill: currentColor; margin-top: -0.375rem; }

.info-box__title { font-size: 15px; font-weight: 700; letter-spacing: -0.32px; line-height: 1.57; margin-bottom: 0.625rem; text-align: center; }

.info-box__title--without-messages { margin-bottom: 0; }

.info-box__message-block { display: flex; justify-content: space-between; }

.info-box__message-block + .info-box__message-block { margin-top: 0.9375rem; }

.info-box__message--italic { font-style: italic; }

.info-box__list { display: flex; flex-direction: column; }

.info-box__list-item { display: flex; flex-direction: row; }

.info-box__list-item-bullet { background: #0f3c4f; border-radius: 100%; height: 0.375rem; margin: 0.4375rem 0.4375rem 0 0.4375rem; padding: 0.1875rem; }

.info-box__message-link { color: #3490d5; cursor: pointer; }

.reactivate-script-modal__text-container { display: flex; font-size: 1.125rem; justify-content: center; margin-bottom: 2.1875rem; width: 100%; }

.reactivate-script-modal__text { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.36px; }

.reactivate-script-modal__link { color: #3490d5; cursor: pointer; font-size: 16px; font-weight: 400; }

.add-script__form-container { padding-bottom: 1.875rem; width: 100%; }

.add-script__validation-warning-box { margin-bottom: 1.5625rem; width: 480px; }

.add-script__script-id-container { align-items: center; display: flex; gap: 0.4375rem; margin-bottom: 1.25rem; width: 480px; }

.add-script__form-row-container { width: 100%; }

.add-script__form-row-container--disabled { opacity: 0.4; pointer-events: none; }

.add-script__name-container, .add-script__template-container { min-height: 5.8125rem; width: 480px; }

.add-script__label { color: #454545; display: inline-block; font-size: 16px; font-weight: normal; margin-bottom: 0.4375rem; }

.add-script__label--inline { margin-bottom: 0; }

.add-script__script-id-text { color: #5d6470; display: inline-block; font-size: 16px; font-weight: normal; vertical-align: middle; }

.add-script__script-id-link { color: #3490d5; cursor: pointer; display: inline-block; font-size: 16px; font-weight: normal; vertical-align: middle; }

.add-script__script-id-icon { cursor: pointer; fill: #3490d5; }

.add-script__name-input .text-box .text-box__input { width: 480px; }

.add-script__tab-collection { background-color: #ffffff; margin-bottom: 1.25rem; z-index: 4; }

.add-script__tab-collection .tab-collection { justify-content: flex-start; }

.add-script__tab-collection .tab-collection__tab-container { margin-right: 2rem; }

.add-script__tab-content { padding-bottom: 1.875rem; width: 480px; }

.add-script__tab { display: flex; flex-direction: column; gap: 1.5625rem; }

.add-script__dropdown-description { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; line-height: normal; margin-bottom: 0.4375rem; }

.plans .interior-shell__sticky-header-text { line-height: 2; }

.plans { font-family: "Circular", "Helvetica", "Arial", sans-serif; }

.plans__content { display: flex; flex-direction: column; gap: 1.25rem; padding-bottom: 2rem; width: 40.625rem; }

.plans__description { color: #454545; margin-bottom: 1.25rem; }

.plans-list-item { align-items: center; flex-direction: row; }

.plans-list-item__block { height: unset; }

.plans-list-item__block--column { height: unset; flex-direction: column; }

.plans-list-item__block--flex { position: relative; border: none; }

.plans-list-item__block--flex:before { content: ""; position: absolute; inset: 0; padding: 2px; background: linear-gradient(45deg, #e84c38, #2696c6); border-radius: inherit; --m:conic-gradient(#000 0 0); mask: var(--m) content-box exclude, var(--m); pointer-events: none; }

.plans-list-item--row { display: flex; width: 100%; }

.plans-list-item__metadata { max-width: unset; }

.plans-list-item__description { margin-top: 20px; }

.plans-list-item__label { width: fit-content; }

.plans-list-item__tag { background-color: #f4f4f4; border: 2px solid #d5d5d5; border-color: #bcbcbc; color: #bcbcbc; font-size: 12px; margin-left: 0.5rem; padding: 0rem 0.375rem; -webkit-background-clip: padding-box; -webkit-border-radius: 1.5rem; -moz-background-clip: padding-box; -moz-border-radius: 1.5rem; border-radius: 1.5rem; background-clip: padding-box; }

.plans-list-item__tag--active { background-color: #cbecd8; border-color: #389a60; color: #389a60; }

.plans-list-item__tag--onboarding { background-color: #bddfed; border-color: #2696c6; color: #2696c6; }

.plan__activate-indicator .fade, .plan__activate-indicator { align-items: center; border-radius: 1.25rem; color: #ffffff; display: flex; height: 1.5rem; justify-content: center; margin-left: 1.25rem; width: 7.8125rem; transition: all 0.25s ease; }

.plan__activate-indicator .fade { background-color: #868686; margin-left: 0; }

.plan__activate-indicator { background-color: #d5d5d5; cursor: pointer; }
.plan__activate-indicator:hover { background-color: #5d6470; }

.plan__activate-indicator-text { background-color: transparent; height: 1.5rem; font-size: 14px; font-weight: 400; }

@media screen and (min-width: 1200px) { .manage-plan { min-width: 40rem; } }
.add-plan .interior-shell__sticky-header-text { line-height: 2; }

.add-plan { font-family: "Circular", "Helvetica", "Arial", sans-serif; }

.add-plan__content { flex-direction: column; gap: 1.25rem; padding-bottom: 2rem; width: 100%; }
.add-plan__content .durandal-wrapper { width: 100%; }

.add-plan__section-title { color: #454545; font-size: 18px; font-weight: 500; letter-spacing: -0.36px; line-height: normal; margin-top: 1.25rem; }

.add-plan__section-details-group { border: 2px solid #f4f4f4; display: flex; flex-flow: column; flex: 1 1 auto; width: 100%; }

.section-details-group__header { border-bottom: none; color: #454545; cursor: pointer; display: flex; font-size: 16px; font-weight: 700; letter-spacing: -0.43px; line-height: 2; padding: 1rem; }

.section-details-group__header-title { display: flex; flex: 1 1 12.5625rem; }

.section-details-group__header-toggle { display: flex; }

.section-details-group__header-toggle-arrow { align-items: center; border-bottom: none; display: flex; flex: 1 1 auto; justify-content: center; margin-left: 2.5625rem; }
.section-details-group__header-toggle-arrow ._svg-icon { transition: all 220ms; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.expanded .section-details-group__header-toggle-arrow ._svg-icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.section-details-group__content { display: none; padding: 0 1rem 1rem; }

.section-details-group__content-text { color: #6a6a6a; font-size: 14px; font-weight: 400; letter-spacing: -0.32px; line-height: 1.57; margin-bottom: 1rem; }
.section-details-group__content-text li { padding-left: 1rem; }

.add-plan-action-modal .warning-box .warning-box__message-block { align-items: flex-start; display: flex; flex-direction: column; text-align: left; }

.add-plan-action-modal__button-group { align-items: center; display: flex; justify-content: space-between; margin-top: 1rem; }

.add-plan-action-modal__button-group > span { color: #5d6470; }

@media screen and (min-width: 1200px) { .add-plan { min-width: 40rem; } }
.package-picker__content { flex-direction: column; gap: 2rem; width: 100%; }

.package-picker__tab-content { flex-direction: column; gap: 2rem; width: 100%; }

.package-picker__section-title { color: #454545; font-size: 18px; font-weight: 500; letter-spacing: -0.36px; line-height: normal; margin-top: 1.25rem; }

.billing-package-cards__container { flex-wrap: wrap; gap: 1rem; }

.billing-package-card { background-color: #ffffff; border: 2px solid #f4f4f4; border-radius: 5px; box-shadow: 0 0.1875rem 0.25rem 0 rgba(0, 0, 0, 0.07); flex-direction: column; gap: 1.25rem; max-width: 15rem; padding: 1.25rem; width: 15rem; }
.billing-package-card:hover { box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }

.billing-package-card--selected { background-color: #f4f4f4; }

.billing-package-card--popular { border-color: #5fae7f; }

.billing-package-card__popular-badge-container { height: 0; position: relative; top: -22px; width: 100%; }

.billing-package-card__popular-badge { align-items: center; background-color: #5fae7f; border-radius: 0.84375rem; display: flex; height: 1.25rem; justify-content: center; padding: 0.25rem 1rem; }

.billing-package-card__popular-badge-label { color: #ffffff; font-size: 14px; font-weight: 500; letter-spacing: -0.32px; }

.billing-package-card__info { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; width: 100%; }

.billing-package-card__title-container { align-items: center; display: flex; gap: 0.5rem; margin-bottom: 0.625rem; }

.billing-package-card__title { color: #454545; font-size: 22px; font-weight: 500; letter-spacing: -0.83px; line-height: normal; }

.billing-package-card__active-indicator { align-items: center; background-color: #d5d5d5; border-radius: 0.84375rem; display: flex; height: 1.25rem; justify-content: center; padding: 0.25rem 1rem; }

.billing-package-card__active-indicator-label { color: #ffffff; font-size: 14px; font-weight: 500; letter-spacing: -0.32px; }

.billing-package-card__description { color: #2b2b2b; font-size: 14px; font-weight: 300; height: 4.375rem; letter-spacing: -0.32px; line-height: normal; }

.billing-package-card__price-container { display: flex; align-items: flex-end; gap: 0.25rem; justify-content: center; width: 100%; }

.billing-package-card__price { color: #454545; font-size: 22px; font-weight: 500; letter-spacing: -0.83px; margin-top: 0.625rem; }

.billing-package-card__price-period { color: #868686; font-size: 14px; font-weight: 500; letter-spacing: -0.32px; margin-bottom: 0.125rem; }

.billing-package-card__info-icon { margin-top: 0.625rem; }
.billing-package-card__info-icon ._svg-icon { fill: #868686; }
.billing-package-card__info-icon:hover ._svg-icon { fill: #454545; }

.billing-package-card__button-container { width: 100%; }

.billing-package__compare { flex-direction: column; padding: 0 0.5rem; width: 100%; }

.billing-package-compare__grid-header { background-color: #ffffff; width: 100%; -webkit-background-clip: padding-box; -webkit-border-radius: 0; -moz-background-clip: padding-box; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; }

.billing-package-compare__grid-header-column { cursor: unset; min-width: 6.75rem; padding: 0; }

.billing-package-compare__grid-header-column--first { flex: 1; justify-content: flex-start; max-width: 15.625rem; }

.billing-package-compare__grid-header-column + .billing-package-compare__grid-header-column { background-color: #f4f4f4; height: 100%; }

.billing-package-compare__grid-header-column:nth-of-type(2) { -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; }

.billing-package-compare__grid-header-column:last-of-type { -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; }

.billing-package-compare__grid { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: -0.5px; overflow: hidden; width: 100%; }

.billing-package-compare__grid-body { background: #ffffff; color: #454545; overflow: hidden; }

.billing-package-compare__grid-row { flex-direction: column; height: 2.875rem; }

.billing-package-compare__grid-row-data { border-radius: 5px; height: 2.875rem; line-height: 1.875rem; width: 100%; }
.billing-package-compare__grid-row-data:hover .billing-package-compare__grid-body-cell, .billing-package-compare__grid-row-data:hover .billing-package-compare__grid-body-cell--first { background-color: #f4f7fa; }
.billing-package-compare__grid-row-data:hover .billing-package-compare__grid-section-cell { background-color: #ffffff; }

.billing-package-compare__grid-body-cell, .billing-package-compare__grid-section-cell { align-items: center; color: #454545; display: flex; flex: 1; font-size: 14px; font-stretch: normal; font-style: normal; font-weight: 400; height: 100%; letter-spacing: -0.32px; line-height: 1.57; min-width: 6.75rem; }

.billing-package-compare__grid-section-cell { align-items: flex-end; color: #bcbcbc; margin-bottom: 0.25rem; width: 100%; }

.billing-package-compare__grid-body-cell--first { font-weight: 500; letter-spacing: -0.36px; line-height: 2.06; max-width: 15.625rem; }

.billing-package-compare__grid-body-cell--price, .billing-package-compare__grid-body-cell--includedChats, .billing-package-compare__grid-body-cell--includedContacts, .billing-package-compare__grid-body-cell--includedMinutes, .billing-package-compare__grid-body-cell--includedNumbers, .billing-package-compare__grid-body-cell--includedScripts, .billing-package-compare__grid-body-cell--includedUsers, .billing-package-compare__grid-body-cell--extraChat, .billing-package-compare__grid-body-cell--extraContact, .billing-package-compare__grid-body-cell--extraMinute, .billing-package-compare__grid-body-cell--extraNumber, .billing-package-compare__grid-body-cell--extraScript, .billing-package-compare__grid-body-cell--extraUser { border: 0.0625rem solid #f4f4f4; }

.billing-package-compare__grid-body-cell--first + .billing-package-compare__grid-body-cell--extraUser { -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.billing-package-compare__grid-body-cell--extraUser:last-of-type { -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.billing-package-card__footer-text { color: #868686; font-size: 12px; letter-spacing: -0.32px; }

.remove-plan__form-container-item, .remove-plan__reason, .remove-plan__rating { min-height: 6.125rem; }

.remove-plan__rating .remove-plan__rating-button { background-color: #f4f4f4; border-bottom-color: #dedede; color: #5d6470; min-height: 2.5625rem; min-width: 2.8125rem; padding-bottom: 0.0625rem; }
.remove-plan__rating .remove-plan__rating-button:hover { background-color: #dedede; border-bottom-color: #d5d5d5; }
.remove-plan__rating .remove-plan__rating-button:active { border-bottom-color: #dedede; color: #000000; }

.remove-plan .interior-shell__sticky-header-text { line-height: 2; }

.remove-plan { font-family: "Circular", "Helvetica", "Arial", sans-serif; }

.remove-plan__content { display: flex; flex-direction: column; gap: 1.25rem; padding-bottom: 2rem; width: 100%; }

.remove-plan__form-container { position: relative; width: 480px; }

.remove-plan__textbox .text-box .text-box__input { width: 480px; }

.remove-plan .warning-box { margin-bottom: 1.375rem; }

.remove-plan__rating-buttons { display: flex; flex-direction: row; justify-content: space-between; }

.remove-plan__rating .common-button-contained { min-height: 2.5625rem; min-width: 2.8125rem; }
.remove-plan__rating .common-button-contained:active { background-color: #808795; border-bottom-color: #5d6470; }
.remove-plan__rating .common-button-contained:focus { color: #ffffff; background-color: #454545; border-bottom-color: #2b2b2b; }

.remove-plan__rating .remove-plan__rating-button--selected { color: #ffffff; background-color: #808795; border-bottom-color: #5d6470; }
.remove-plan__rating .remove-plan__rating-button--selected:hover { color: #ffffff; background-color: #808795; border-bottom-color: #5d6470; }

.remove-plan__features { min-height: 16.5rem; }

.remove-plan__too-expensive-form { min-height: 10.25rem; }

.remove-plan__checkbox-list-item { margin-bottom: 0.5625rem; }

.remove-plan__options-box-container { min-height: 12rem; }

.remove-plan__options-box .options-box__text { color: #454545; }

.remove-plan__features-list-item .checkBox { margin-bottom: 0rem; }

.remove-plan__textarea-container { min-height: 14.0625rem; margin-bottom: 0.625rem; }

.remove-plan__textarea { border: 2px solid #d5d5d5; border-radius: 5px; height: unset; line-height: 1.57; min-height: 11.0625rem; padding: 0.5rem 0.5rem 1.125rem 0.5rem; resize: none; width: 100%; }
.remove-plan__textarea:focus, .remove-plan__textarea:hover { border-color: #d5d5d5; box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); outline: none; }
.remove-plan__textarea.invalid { border: 0.125rem solid #fc4636; }

.remove-plan__textarea-error { height: 1.125rem; }

.remove-plan__label { margin-bottom: 0.625rem; }

.remove-plan__text { color: #5d6470; font-size: 16px; font-weight: 400; letter-spacing: -0.57px; line-height: 1.63; margin-left: 0.75rem; }

.remove-plan__separator-line { background-color: #f4f4f4; height: 0.125rem; margin-bottom: 1.5625rem; width: 480px; }

.remove-plan-modal__text-container { margin-bottom: 2.1875rem; }

.remove-plan-modal__text { color: #454545; font-size: 16px; font-weight: 400; letter-spacing: -0.36px; }

.remove-plan-modal__icon .borderedIcon-border { background-color: #454545; }

.remove-plan-modal__group { margin-bottom: 1.5625rem; text-align: left; width: 480px; }

.remove-plan-modal__dropdown { width: 100%; }

.remove-plan-modal__integrity-warnings { display: flex; flex-direction: column; justify-content: center; width: 100%; }

.remove-plan-modal__integrity-item { align-items: center; background-color: #fffae6; border: 2px solid #d5d5d5; border-color: #f7f1d5; border-radius: 5px; display: flex; height: 76px; line-height: normal; padding: 0.9375rem; }
.remove-plan-modal__integrity-item:before, .remove-plan-modal__integrity-item:after { display: table; content: ""; }
.remove-plan-modal__integrity-item:after { clear: both; }

.remove-plan-modal__integrity-item + .remove-plan-modal__integrity-item { margin-top: 0.625rem; }

.remove-plan-modal__integrity-item-icon { margin-right: 0.75rem; width: 3rem; height: 3rem; }
.remove-plan-modal__integrity-item-icon .borderedIcon-border { background-color: #454545; }

.remove-plan-modal__integrity-item-metadata { align-items: flex-start; color: #868686; display: flex; flex-direction: column; justify-content: space-around; line-height: normal; width: 100%; max-width: 24.125rem; }

.remove-plan-modal__integrity-item-label { color: #454545; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 500; line-height: normal; width: 100%; }

.remove-plan-modal__integrity-item-text { align-items: flex-start; color: #868686; display: flex; flex-direction: column; font-size: 14px; font-weight: 500; justify-content: space-between; letter-spacing: -0.32px; line-height: normal; }

.remove-plan-modal__footer { height: 1.5625rem; }

.remove-plan-confirmation-modal .warning-box .warning-box__message-block { align-items: flex-start; display: flex; flex-direction: column; text-align: left; }

@media screen and (min-width: 1200px) { .remove-plan { min-width: 40rem; } }
.inline-add-payment-method { opacity: 0; }

.inline-add-payment-method--visible { opacity: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }

.inline-add-payment-method__form { align-items: flex-start; display: flex; flex-direction: column; min-height: 6rem; width: 100%; }
.inline-add-payment-method__form .error-tooltip { width: inherit; }

.inline-add-payment-method__form-row { display: flex; flex-direction: row; justify-content: space-between; min-height: 6rem; }

.inline-add-payment-method__label { line-height: 1.1875rem; margin-bottom: 0.4375rem; }

.inline-add-payment-method__label-row { align-items: center; display: flex; justify-content: space-between; width: 100%; }

.inline-add-payment-method__select { width: 100%; }

.inline-add-payment-method__text-box .text-box input, .inline-add-payment-method__text-box .credit-card-input input { width: 23rem; }

.inline-add-payment-method__text-box .credit-card-input .credit-card-icon { right: 10px; top: 10px; }

.inline-add-payment-method .error-tooltip { margin-left: 0.6875rem; position: absolute; width: inherit; }

.inline-add-payment-method .text-box input.text-box__input, .inline-add-payment-method .credit-card-input input.credit-card-number[type='tel'] { width: 23rem; }

.inline-add-payment-method__expiration-month { min-width: 6.25rem; }

.inline-add-payment-method__expiration-year { min-width: 7.125rem; }

.inline-add-payment-method__cvv .text-box input.text-box__input { width: 7.5rem; }

.inline-add-payment-method__country { width: 14.75rem; }

.inline-add-payment-method__postal-code .text-box input.text-box__input { width: 7.5rem; }

.reactivation { flex-direction: column; height: 100%; opacity: 0; width: 23rem; }

.reactivation--plans, .reactivation--success { width: 100%; }

.reactivation--visible { opacity: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }

.reactivation__content-container { align-items: center; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; }

.reactivation__content-container .warning-box__title { text-align: center; width: 100%; }

.reactivation__content-container .warning-box__message-text { text-align: center; width: 100%; }

.reactivation__form-header { display: flex; flex-direction: column; width: 100%; }

.reactivation__form-header-title { color: #454545; font-size: 22px; font-weight: 700; letter-spacing: -0.32px; line-height: 2rem; text-align: center; }

.reactivation__form-header-message { color: #868686; font-size: 16px; letter-spacing: -0.32px; line-height: 1.57; margin-top: 0.5rem; padding: 0rem 1.1875rem 0.375rem 1.1875rem; text-align: center; }

.reactivation__form-header-icon-container { cursor: pointer; fill: #454545; height: 1.5rem; position: absolute; }
.reactivation__form-header-icon-container:hover { fill: #5d6470; }

.reactivation__form-header-icon { width: 1.5rem; height: 1.5rem; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.reactivation__form { align-items: flex-start; display: flex; flex-direction: column; min-height: 6rem; width: 100%; }
.reactivation__form .error-tooltip { width: inherit; }

.reactivation__form--payment-method { margin-top: 1.875rem; }

.reactivation__label { line-height: 1.1875rem; margin-bottom: 0.4375rem; }

.reactivation__select { width: 100%; }

.reactivation__accept-terms { min-height: 2.75rem; width: 100%; }

.reactivation__accept-terms + .reactivation__accept-terms { margin-top: 0.375rem; }

.reactivation__accept-terms .error-tooltip { margin-left: 1.875rem; width: inherit; }

.reactivation__accept-terms .check-box-text { font-size: 14px; text-align: left; }

.reactivation__button-group { align-items: center; display: flex; flex-direction: column; gap: 0.375rem; justify-content: space-between; margin-top: 0.875rem; width: 100%; }

.reactivation--plans .reactivation__button-group, .reactivation--success .reactivation__button-group { width: 480px; }

.reactivation__button-group > span { color: #5d6470; }

.reactivation__button-group .reactivation__button { width: 100%; }

.reactivation__failure-warning-box { margin-top: 1.125rem; }

.reactivation__sign-in { height: 6.8125rem; }

.reactivation__sign-in-text { color: #454545; font-size: 15px; font-weight: 400; letter-spacing: -0.36px; }

.reactivation__sign-in-link { cursor: pointer; color: #67b5d7; font-size: 15px; font-weight: 400; letter-spacing: -0.36px; text-align: center; text-decoration: none; }

.reactivation__agent-bypass { background-color: transparent; color: #389a60; min-width: 6.75rem; }
.reactivation__agent-bypass:hover { background-color: transparent; border-bottom-color: transparent; }
.reactivation__agent-bypass:active { background-color: transparent; color: #24623d; }
.reactivation__agent-bypass:disabled { background-color: transparent; color: #5fae7f; }

.reactivation .common-list__listing { margin-bottom: 1.25rem; }

.reactivation .common-list__listing, .reactivation__package-picker { margin-top: 1.25rem; }

.reactivation__checkmark { font-size: 3rem; margin-bottom: 0.6875rem; margin-left: 0.75rem; width: 3.75rem; }

.reactivation__call-to-action-section { align-items: center; flex-direction: column; display: flex; gap: 1.25rem; margin: 2.5rem 3.75rem; }

.reactivation__call-to-action { align-items: center; background-color: rgba(230, 234, 238, 0.4); border-radius: 10px; display: flex; padding: 0.75rem 0.5rem; width: 100%; }

.reactivation__calendar-icon, .reactivation__desktop-icon { margin-left: 1.875rem; margin-right: 1.4375rem; width: 3rem; }

.reactivation__calendar-icon path { fill: #2696c6; }
.reactivation__calendar-icon ._svg-icon { width: 3rem; height: 3rem; }

.reactivation__call-to-action-message--title-text { color: #454545; font-size: 1.125rem; font-weight: 400; }

.reactivation__call-to-action-message--body-text { color: #6a6a6a; font-size: 16px; font-weight: 400; }

.reactivation__call-to-action-message--body-text-link { color: #2696c6; cursor: pointer; font-size: 16px; }

@media screen and (max-width: 960px), screen and (max-height: 800px) { .reactivation__checkmark { flex-shrink: 0; margin-top: 3.5625rem; }
  .reactivation__call-to-action-message--body-text, .reactivation__call-to-action-message--body-text-link { font-size: 14px; line-height: 1.25rem; }
  .reactivation__calendar-icon, .reactivation__desktop-icon { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
  .reactivation__call-to-action { justify-content: space-between; flex-flow: column; flex-shrink: 0; height: auto; padding: 2rem 1.5rem; text-align: center; width: 88%; } }
.integrations__list { display: flex; flex-wrap: wrap; gap: 2rem; }

.integrations__card { background-color: #ffffff; border: 2px solid #f4f4f4; border-radius: 5px; box-shadow: 0 0.1875rem 0.25rem 0 rgba(0, 0, 0, 0.07); flex-direction: column; gap: 1.25rem; padding: 1.25rem; width: 23.125rem; }
.integrations__card:hover { box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.07); }

.integrations-card__header { align-items: flex-start; display: flex; justify-content: space-between; width: 100%; }

.integrations-card__info { align-items: flex-start; display: flex; flex-direction: column; gap: 0.5rem; justify-content: center; width: 100%; }

.integrations-card__icon { padding-left: 0.0625rem; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; width: 3rem; height: 3rem; }

.integrations-card__icon--clio { background: url("../img/clio-icon.webp") center/contain no-repeat; }

.integrations-card__icon--hubSpot { background: url("../img/hubSpot-icon.png") center/contain no-repeat; background-clip: content-box; }

.integrations-card__icon--jobber { background: url("../img/jobber-icon.webp") center/contain no-repeat; }

.integrations-card__icon--practicePanther { background: url("../img/practicepanther-icon.webp") center/contain no-repeat; }

.integrations-card__button { background-color: #f4f7fa; border-color: #e6eaee; height: 2rem; padding: 0 0.125rem; }
.integrations-card__button:focus { border-color: #3490d5; }
.integrations-card__button:hover, .integrations-card__button:active { background-color: #e6eaee; }
.integrations-card__button:disabled { cursor: not-allowed; }

.integrations-card__button--connected { background-color: #cbecd8; border-color: transparent; pointer-events: none; }

.integrations-card__label { color: #5d6470; font-size: 14px; font-weight: 500; letter-spacing: -0.57px; line-height: normal; }

.integrations-card__label--connected { color: #24623d; }

.integrations-card__title { color: #454545; font-size: 18px; font-weight: 500; letter-spacing: -0.36px; line-height: normal; }

.integrations-card__description { color: #868686; font-size: 14px; font-weight: 300; height: 2.5rem; letter-spacing: -0.32px; line-height: normal; }

.integrations .sort-menu__popup { width: 100%; }

.add-integration__confirmation { align-items: center; display: flex; flex-flow: column; gap: 2rem; justify-content: flex-start; margin-top: 6.25rem; width: 100%; }

.add-integration__icon { font-size: 3rem; margin-bottom: 0.6875rem; padding-left: 0.0625rem; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; width: 3.75rem; height: 3.75rem; }

.add-integration__icon--clio { background: url("../img/clio-icon.webp") center/contain no-repeat; }

.add-integration__icon--hubSpot { background: url("../img/hubSpot-icon.png") center/contain no-repeat; background-clip: content-box; }

.add-integration__icon--jobber { background: url("../img/jobber-icon.webp") center/contain no-repeat; }

.add-integration__icon--practicePanther { background: url("../img/practicepanther-icon.webp") center/contain no-repeat; }

.add-integration__message { align-items: center; display: flex; flex-flow: column; }

.add-integration__message--title-text { color: #454545; font-size: 22px; font-weight: 500; margin-bottom: 0.625rem; text-align: center; }

.add-integration__message--body-text { color: #6a6a6a; font-size: 16px; line-height: 22px; margin-bottom: 2.1875rem; margin-top: 0.625rem; text-align: center; width: 39.375rem; }

.style-guide { height: 100vh; }

.style-guide__header { align-items: center; color: #454545; display: flex; flex-direction: column; font-family: "Circular", "Helvetica", "Arial", sans-serif; font-size: 1.875rem; font-weight: 500; height: 9.375rem; justify-content: space-between; letter-spacing: -0.051875rem; line-height: normal; padding: 1.5rem; width: 100%; }

.style-guide-header__icon { font-size: 3rem; }

.style-guide__section { display: flex; flex-direction: column; margin: 0 8.375rem; }

.style-guide-section__header { align-items: flex-start; color: #454545; display: flex; flex-direction: column; font-size: 22px; height: 100%; margin-bottom: 1.5625rem; width: 100%; }

.style-guide-section__separator { background: #f4f4f4; border-radius: 5px; height: 0.125rem; margin-top: 0.9375rem; width: 100%; }

.style-guide-section__content { display: flex; justify-content: space-between; margin-bottom: 1.5625rem; }

.colors__list { display: flex; flex-direction: column; }

.colors__header { color: #595959; font-size: 1.125rem; font-weight: 500; height: 1.375rem; letter-spacing: -0.36px; line-height: normal; margin-bottom: 1.6875rem; }

.color-example { align-items: center; display: flex; height: 4.625rem; justify-content: space-between; padding: 1.5rem; width: 20.25rem; }

.color-example--primary-050 { background-color: #bddfed; }

.color-example--primary-100 { background-color: #92cae2; }

.color-example--primary-200 { background-color: #67b5d7; }

.color-example--primary-300 { background-color: #2696c6; }

.color-example--primary-400 { background-color: #1e789e; }

.color-example--primary-500 { background-color: #165a76; }

.color-example--primary-600 { background-color: #0f3c4f; }

.color-example--secondary-warm-050 { background-color: #f4f4f4; }

.color-example--secondary-warm-100 { background-color: #dedede; }

.color-example--secondary-warm-200 { background-color: #d5d5d5; }

.color-example--secondary-warm-300 { background-color: #bcbcbc; }

.color-example--secondary-warm-400 { background-color: #868686; }

.color-example--secondary-warm-500 { background-color: #6a6a6a; }

.color-example--secondary-warm-600 { background-color: #454545; }

.color-example--secondary-warm-700 { background-color: #2b2b2b; }

.color-example--secondary-cool-050 { background-color: #f4f7fa; }

.color-example--secondary-cool-100 { background-color: #e6eaee; }

.color-example--secondary-cool-200 { background-color: #808795; }

.color-example--secondary-cool-300 { background-color: #5d6470; }

.color-example--secondary-cool-400 { background-color: #2f3641; }

.color-example--warning-fill { background-color: #fffae6; }

.color-example--warning-outline { background-color: #f7f1d5; }

.color-example--warning-text { background-color: #7d6b4b; }

.color-example--tertiary-focus { background-color: #3490d5; }

.color-example--tertiary-200 { background-color: #2a75ad; }

.color-example--tertiary-green { background-color: #389a60; }

.color-example__text { color: #ffffff; font-size: 16px; font-weight: 500; letter-spacing: -0.57px; line-height: normal; }

.color-example__text--dark { color: #000000; }

.style-guide__typography-examples { display: flex; flex-direction: column; }

.typography-example { margin-bottom: 1rem; }

.style-guide__buttons { display: flex; flex-direction: column; }

.style-guide__button-row-label { margin-bottom: 0.625rem; }

.style-guide__button-row { display: flex; margin-bottom: 2.5rem; }
.style-guide__button-row .common-button-contained, .style-guide__button-row .common-button-outlined, .style-guide__button-row .common-button-text, .style-guide__button-row .common-button-pill { margin-right: 2.5rem; }

.style-guid__button-row--wide { flex-direction: column; width: 480px; }
.style-guid__button-row--wide .common-button-outlined-dashed + .common-button-outlined-dashed { margin-top: 2.5rem; }

.style-guide__snackbars { display: flex; flex-direction: column; width: 46.875rem; }

.style-guide__snackbar-row-label { margin-bottom: 0.625rem; }

.style-guide__snackbar-row { margin-bottom: 2.5rem; }

.style-guide__snackbar-info-bubble { display: flex; fill: #7d6b4b; margin-left: 0.125rem; }
.style-guide__snackbar-info-bubble:hover { fill: #868686; }

.style-guide__selects { display: flex; flex-direction: column; width: 46.875rem; }
.style-guide__selects .tab-collection { width: 12.5rem; }

.style-guide__select-row-label { margin-bottom: 0.625rem; }

.style-guide__select-row { margin-bottom: 2.5rem; height: 22.5rem; }

.style-guide__select-option { align-items: center; display: flex; padding: 0.5rem; }

.style-guide__icons { display: grid; grid-template-columns: repeat(auto-fit, 7.5rem); grid-auto-rows: 7.5rem; grid-gap: 0.625rem; width: 100%; }

.style-guide__icon { align-items: center; display: flex; flex-direction: column; justify-content: space-evenly; }
.style-guide__icon:hover .style-guide__icon-text { opacity: 1; }

.style-guide__icon-text { opacity: 0; }

/*!
 * # Semantic UI 2.2.13 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/******************************* Transitions
*******************************/
.transition { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/******************************* States
*******************************/
/* Animating */
.animating.transition { -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: visible !important; }

/* Loading */
.loading.transition { position: absolute; top: -99999px; left: -99999px; }

/* Hidden */
.hidden.transition { display: none; visibility: hidden; }

/* Visible */
.visible.transition { display: block !important; visibility: visible !important; /*  backface-visibility: @backfaceVisibility; transform: @use3DAcceleration;*/ }

/* Disabled */
.disabled.transition { -webkit-animation-play-state: paused; animation-play-state: paused; }

/******************************* Variations
*******************************/
.looping.transition { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/******************************* Transitions
*******************************/
/* Some transitions adapted from Animate CSS https://github.com/daneden/animate.css
 Additional transitions adapted from Glide by Nick Pettit - https://github.com/nickpettit/glide
*/
/*-------------- Browse
---------------*/
.transition.browse { -webkit-animation-duration: 500ms; animation-duration: 500ms; }

.transition.browse.in { -webkit-animation-name: browseIn; animation-name: browseIn; }

.transition.browse.out, .transition.browse.left.out { -webkit-animation-name: browseOutLeft; animation-name: browseOutLeft; }

.transition.browse.right.out { -webkit-animation-name: browseOutRight; animation-name: browseOutRight; }

/* In */
@-webkit-keyframes browseIn { 0% { -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; }
  10% { -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; opacity: 0.7; }
  80% { -webkit-transform: scale(1.05) translateZ(0px); transform: scale(1.05) translateZ(0px); opacity: 1; z-index: 999; }
  100% { -webkit-transform: scale(1) translateZ(0px); transform: scale(1) translateZ(0px); z-index: 999; } }
@keyframes browseIn { 0% { -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; }
  10% { -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; opacity: 0.7; }
  80% { -webkit-transform: scale(1.05) translateZ(0px); transform: scale(1.05) translateZ(0px); opacity: 1; z-index: 999; }
  100% { -webkit-transform: scale(1) translateZ(0px); transform: scale(1) translateZ(0px); z-index: 999; } }
/* Out */
@-webkit-keyframes browseOutLeft { 0% { z-index: 999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% { z-index: -1; -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: -1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } }
@keyframes browseOutLeft { 0% { z-index: 999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% { z-index: -1; -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: -1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } }
@-webkit-keyframes browseOutRight { 0% { z-index: 999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% { z-index: 1; -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: 1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } }
@keyframes browseOutRight { 0% { z-index: 999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% { z-index: 1; -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: 1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } }
/*-------------- Drop
---------------*/
.drop.transition { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); }

.drop.transition.in { -webkit-animation-name: dropIn; animation-name: dropIn; }

.drop.transition.out { -webkit-animation-name: dropOut; animation-name: dropOut; }

/* Drop */
@-webkit-keyframes dropIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes dropIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes dropOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } }
@keyframes dropOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } }
/*-------------- Fade
---------------*/
.transition.fade.in { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.transition[class*="fade up"].in { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

.transition[class*="fade down"].in { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

.transition[class*="fade left"].in { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

.transition[class*="fade right"].in { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

.transition.fade.out { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

.transition[class*="fade up"].out { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

.transition[class*="fade down"].out { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

.transition[class*="fade left"].out { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

.transition[class*="fade right"].out { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

/* In */
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); }
  100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); }
  100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } }
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); }
  100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); }
  100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } }
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); }
  100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); }
  100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); }
  100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); }
  100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } }
/* Out */
@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { opacity: 0; -webkit-transform: translateY(5%); transform: translateY(5%); } }
@keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { opacity: 0; -webkit-transform: translateY(5%); transform: translateY(5%); } }
@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { opacity: 0; -webkit-transform: translateY(-5%); transform: translateY(-5%); } }
@keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { opacity: 0; -webkit-transform: translateY(-5%); transform: translateY(-5%); } }
@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); }
  100% { opacity: 0; -webkit-transform: translateX(5%); transform: translateX(5%); } }
@keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); }
  100% { opacity: 0; -webkit-transform: translateX(5%); transform: translateX(5%); } }
@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); }
  100% { opacity: 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); } }
@keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); }
  100% { opacity: 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); } }
/*-------------- Flips
---------------*/
.flip.transition.in, .flip.transition.out { -webkit-animation-duration: 600ms; animation-duration: 600ms; }

.horizontal.flip.transition.in { -webkit-animation-name: horizontalFlipIn; animation-name: horizontalFlipIn; }

.horizontal.flip.transition.out { -webkit-animation-name: horizontalFlipOut; animation-name: horizontalFlipOut; }

.vertical.flip.transition.in { -webkit-animation-name: verticalFlipIn; animation-name: verticalFlipIn; }

.vertical.flip.transition.out { -webkit-animation-name: verticalFlipOut; animation-name: verticalFlipOut; }

/* In */
@-webkit-keyframes horizontalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; } }
@keyframes horizontalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; } }
@-webkit-keyframes verticalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; } }
@keyframes verticalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; } }
/* Out */
@-webkit-keyframes horizontalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } }
@keyframes horizontalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } }
@-webkit-keyframes verticalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } }
@keyframes verticalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } }
/*-------------- Scale
---------------*/
.scale.transition.in { -webkit-animation-name: scaleIn; animation-name: scaleIn; }

.scale.transition.out { -webkit-animation-name: scaleOut; animation-name: scaleOut; }

@-webkit-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
/* Out */
@-webkit-keyframes scaleOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } }
@keyframes scaleOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } }
/*-------------- Fly
---------------*/
/* Inward */
.transition.fly { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.transition.fly.in { -webkit-animation-name: flyIn; animation-name: flyIn; }

.transition[class*="fly up"].in { -webkit-animation-name: flyInUp; animation-name: flyInUp; }

.transition[class*="fly down"].in { -webkit-animation-name: flyInDown; animation-name: flyInDown; }

.transition[class*="fly left"].in { -webkit-animation-name: flyInLeft; animation-name: flyInLeft; }

.transition[class*="fly right"].in { -webkit-animation-name: flyInRight; animation-name: flyInRight; }

/* Outward */
.transition.fly.out { -webkit-animation-name: flyOut; animation-name: flyOut; }

.transition[class*="fly up"].out { -webkit-animation-name: flyOutUp; animation-name: flyOutUp; }

.transition[class*="fly down"].out { -webkit-animation-name: flyOutDown; animation-name: flyOutDown; }

.transition[class*="fly left"].out { -webkit-animation-name: flyOutLeft; animation-name: flyOutLeft; }

.transition[class*="fly right"].out { -webkit-animation-name: flyOutRight; animation-name: flyOutRight; }

/* In */
@-webkit-keyframes flyIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes flyIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@-webkit-keyframes flyInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 1500px, 0); transform: translate3d(0, 1500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes flyInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 1500px, 0); transform: translate3d(0, 1500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@-webkit-keyframes flyInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -1500px, 0); transform: translate3d(0, -1500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes flyInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -1500px, 0); transform: translate3d(0, -1500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-transform: none; transform: none; } }
@-webkit-keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: translate3d(1500px, 0, 0); transform: translate3d(1500px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: translate3d(1500px, 0, 0); transform: translate3d(1500px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@-webkit-keyframes flyInRight { 0% { opacity: 0; -webkit-transform: translate3d(-1500px, 0, 0); transform: translate3d(-1500px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes flyInRight { 0% { opacity: 0; -webkit-transform: translate3d(-1500px, 0, 0); transform: translate3d(-1500px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
/* Out */
@-webkit-keyframes flyOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,
    55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes flyOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,
    55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@-webkit-keyframes flyOutUp { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%,
    45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes flyOutUp { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%,
    45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@-webkit-keyframes flyOutDown { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%,
    45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes flyOutDown { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%,
    45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@-webkit-keyframes flyOutRight { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes flyOutRight { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@-webkit-keyframes flyOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes flyOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
/*-------------- Slide
---------------*/
.transition.slide.in, .transition[class*="slide down"].in { -webkit-animation-name: slideInY; animation-name: slideInY; -webkit-transform-origin: top center; transform-origin: top center; }

.transition[class*="slide up"].in { -webkit-animation-name: slideInY; animation-name: slideInY; -webkit-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="slide left"].in { -webkit-animation-name: slideInX; animation-name: slideInX; -webkit-transform-origin: center right; transform-origin: center right; }

.transition[class*="slide right"].in { -webkit-animation-name: slideInX; animation-name: slideInX; -webkit-transform-origin: center left; transform-origin: center left; }

.transition.slide.out, .transition[class*="slide down"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; -webkit-transform-origin: top center; transform-origin: top center; }

.transition[class*="slide up"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; -webkit-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="slide left"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; -webkit-transform-origin: center right; transform-origin: center right; }

.transition[class*="slide right"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; -webkit-transform-origin: center left; transform-origin: center left; }

/* In */
@-webkit-keyframes slideInY { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); }
  100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } }
@keyframes slideInY { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); }
  100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } }
@-webkit-keyframes slideInX { 0% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); }
  100% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } }
@keyframes slideInX { 0% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); }
  100% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } }
/* Out */
@-webkit-keyframes slideOutY { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); }
  100% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } }
@keyframes slideOutY { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); }
  100% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } }
@-webkit-keyframes slideOutX { 0% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); }
  100% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } }
@keyframes slideOutX { 0% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); }
  100% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } }
/*-------------- Swing
---------------*/
.transition.swing { -webkit-animation-duration: 800ms; animation-duration: 800ms; }

.transition[class*="swing down"].in { -webkit-animation-name: swingInX; animation-name: swingInX; -webkit-transform-origin: top center; transform-origin: top center; }

.transition[class*="swing up"].in { -webkit-animation-name: swingInX; animation-name: swingInX; -webkit-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="swing left"].in { -webkit-animation-name: swingInY; animation-name: swingInY; -webkit-transform-origin: center right; transform-origin: center right; }

.transition[class*="swing right"].in { -webkit-animation-name: swingInY; animation-name: swingInY; -webkit-transform-origin: center left; transform-origin: center left; }

.transition.swing.out, .transition[class*="swing down"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; -webkit-transform-origin: top center; transform-origin: top center; }

.transition[class*="swing up"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; -webkit-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="swing left"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; -webkit-transform-origin: center right; transform-origin: center right; }

.transition[class*="swing right"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; -webkit-transform-origin: center left; transform-origin: center left; }

/* In */
@-webkit-keyframes swingInX { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateX(15deg); transform: perspective(1000px) rotateX(15deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } }
@keyframes swingInX { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateX(15deg); transform: perspective(1000px) rotateX(15deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } }
@-webkit-keyframes swingInY { 0% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateY(-17.5deg); transform: perspective(1000px) rotateY(-17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } }
@keyframes swingInY { 0% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateY(-17.5deg); transform: perspective(1000px) rotateY(-17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } }
/* Out */
@-webkit-keyframes swingOutX { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); }
  40% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateX(17.5deg); transform: perspective(1000px) rotateX(17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } }
@keyframes swingOutX { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); }
  40% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateX(17.5deg); transform: perspective(1000px) rotateX(17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } }
@-webkit-keyframes swingOutY { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); }
  40% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateY(-10deg); transform: perspective(1000px) rotateY(-10deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; } }
@keyframes swingOutY { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); }
  40% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateY(-10deg); transform: perspective(1000px) rotateY(-10deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; } }
/******************************* Static Animations
*******************************/
/*-------------- Emphasis
---------------*/
.flash.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: flash; animation-name: flash; }

.shake.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: shake; animation-name: shake; }

.bounce.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: bounce; animation-name: bounce; }

.tada.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: tada; animation-name: tada; }

.pulse.transition { -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-name: pulse; animation-name: pulse; }

.jiggle.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: jiggle; animation-name: jiggle; }

/* Flash */
@-webkit-keyframes flash { 0%,
    50%,
    100% { opacity: 1; }
  25%,
    75% { opacity: 0; } }
@keyframes flash { 0%,
    50%,
    100% { opacity: 1; }
  25%,
    75% { opacity: 0; } }
/* Shake */
@-webkit-keyframes shake { 0%,
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%,
    30%,
    50%,
    70%,
    90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  20%,
    40%,
    60%,
    80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
@keyframes shake { 0%,
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%,
    30%,
    50%,
    70%,
    90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  20%,
    40%,
    60%,
    80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
/* Bounce */
@-webkit-keyframes bounce { 0%,
    20%,
    50%,
    80%,
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes bounce { 0%,
    20%,
    50%,
    80%,
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
/* Tada */
@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); }
  10%,
    20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%,
    50%,
    70%,
    90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%,
    60%,
    80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); }
  10%,
    20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%,
    50%,
    70%,
    90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%,
    60%,
    80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
/* Pulse */
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
@keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
/* Rubberband */
@-webkit-keyframes jiggle { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes jiggle { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
/******************************* Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.13 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/* Tresta customizations: replaced ".ui" with ".semanticUi" replaced ".dropdown" with ".semanticDropdown" */
/******************************* Dropdown
*******************************/
.semanticUi.semanticDropdown { cursor: pointer; position: relative; display: inline-block; outline: none; text-align: left; -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease, width 0.1s ease; transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/******************************* Content
*******************************/
/*-------------- Menu
---------------*/
.semanticUi.semanticDropdown .menu { cursor: auto; position: absolute; display: none; outline: none; top: 100%; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; margin: 0em; padding: 0em 0em; background: #FFFFFF; font-size: 1em; text-shadow: none; text-align: left; -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; z-index: 11; will-change: transform, opacity; }

.semanticUi.semanticDropdown .menu > * { white-space: nowrap; }

/*-------------- Hidden Input
---------------*/
.semanticUi.semanticDropdown > input:not(.search):first-child, .semanticUi.semanticDropdown > select { display: none !important; }

/*-------------- Dropdown Icon
---------------*/
.semanticUi.semanticDropdown > .semanticDropdown.icon { position: relative; width: auto; font-size: 0.85714286em; margin: 0em 0em 0em 1em; }

.semanticUi.semanticDropdown .menu > .item .semanticDropdown.icon { width: auto; float: right; margin: 0em 0em 0em 1em; }

.semanticUi.semanticDropdown .menu > .item .semanticDropdown.icon + .text { margin-right: 1em; }

/*-------------- Text
---------------*/
.semanticUi.semanticDropdown > .text { display: inline-block; -webkit-transition: none; transition: none; }

/*-------------- Menu Item
---------------*/
.semanticUi.semanticDropdown .menu > .item { position: relative; cursor: pointer; display: block; border: none; height: auto; text-align: left; border-top: none; line-height: 1em; color: rgba(0, 0, 0, 0.87); padding: 0.78571429rem 1.14285714rem; font-size: 1rem; text-transform: none; font-weight: normal; -webkit-box-shadow: none; box-shadow: none; -webkit-touch-callout: none; }

.semanticUi.semanticDropdown .menu > .item:first-child { border-top-width: 0px; }

/*-------------- Floated Content
---------------*/
.semanticUi.semanticDropdown > .text > [class*="right floated"], .semanticUi.semanticDropdown .menu .item > [class*="right floated"] { float: right !important; margin-right: 0em !important; margin-left: 1em !important; }

.semanticUi.semanticDropdown > .text > [class*="left floated"], .semanticUi.semanticDropdown .menu .item > [class*="left floated"] { float: left !important; margin-left: 0em !important; margin-right: 1em !important; }

.semanticUi.semanticDropdown .menu .item > .icon.floated, .semanticUi.semanticDropdown .menu .item > .flag.floated, .semanticUi.semanticDropdown .menu .item > .image.floated, .semanticUi.semanticDropdown .menu .item > img.floated { margin-top: 0em; }

/*-------------- Menu Divider
---------------*/
.semanticUi.semanticDropdown .menu > .header { margin: 1rem 0rem 0.75rem; padding: 0em 1.14285714rem; color: rgba(0, 0, 0, 0.85); font-size: 0.78571429em; font-weight: bold; text-transform: uppercase; }

.semanticUi.semanticDropdown .menu > .divider { border-top: 1px solid rgba(34, 36, 38, 0.1); height: 0em; margin: 0.5em 0em; }

.semanticUi.semanticDropdown .menu > .input { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 1.14285714rem 0.78571429rem; min-width: 10rem; }

.semanticUi.semanticDropdown .menu > .header + .input { margin-top: 0em; }

.semanticUi.semanticDropdown .menu > .input:not(.transparent) input { padding: 0.5em 1em; }

.semanticUi.semanticDropdown .menu > .input:not(.transparent) .button, .semanticUi.semanticDropdown .menu > .input:not(.transparent) .icon, .semanticUi.semanticDropdown .menu > .input:not(.transparent) .label { padding-top: 0.5em; padding-bottom: 0.5em; }

/*----------------- Item Description
-------------------*/
.semanticUi.semanticDropdown > .text > .description, .semanticUi.semanticDropdown .menu > .item > .description { float: right; margin: 0em 0em 0em 1em; color: rgba(0, 0, 0, 0.4); }

/*----------------- Message
-------------------*/
.semanticUi.semanticDropdown .menu > .message { padding: 0.78571429rem 1.14285714rem; font-weight: normal; }

.semanticUi.semanticDropdown .menu > .message:not(.semanticUi) { color: rgba(0, 0, 0, 0.4); }

/*-------------- Sub Menu
---------------*/
.semanticUi.semanticDropdown .menu .menu { top: 0% !important; left: 100%; right: auto; margin: 0em 0em 0em -0.5em !important; border-radius: 0.28571429rem !important; z-index: 21 !important; }

/* Hide Arrow */
.semanticUi.semanticDropdown .menu .menu:after { display: none; }

/*-------------- Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.semanticUi.semanticDropdown > .text > .icon, .semanticUi.semanticDropdown > .text > .label, .semanticUi.semanticDropdown > .text > .flag, .semanticUi.semanticDropdown > .text > img, .semanticUi.semanticDropdown > .text > .image { margin-top: 0em; }

.semanticUi.semanticDropdown .menu > .item > .icon, .semanticUi.semanticDropdown .menu > .item > .label, .semanticUi.semanticDropdown .menu > .item > .flag, .semanticUi.semanticDropdown .menu > .item > .image, .semanticUi.semanticDropdown .menu > .item > img { margin-top: 0em; }

.semanticUi.semanticDropdown > .text > .icon, .semanticUi.semanticDropdown > .text > .label, .semanticUi.semanticDropdown > .text > .flag, .semanticUi.semanticDropdown > .text > img, .semanticUi.semanticDropdown > .text > .image, .semanticUi.semanticDropdown .menu > .item > .icon, .semanticUi.semanticDropdown .menu > .item > .label, .semanticUi.semanticDropdown .menu > .item > .flag, .semanticUi.semanticDropdown .menu > .item > .image, .semanticUi.semanticDropdown .menu > .item > img { margin-left: 0em; float: none; margin-right: 0.78571429rem; }

/*-------------- Image
---------------*/
.semanticUi.semanticDropdown > .text > img, .semanticUi.semanticDropdown > .text > .image, .semanticUi.semanticDropdown .menu > .item > .image, .semanticUi.semanticDropdown .menu > .item > img { display: inline-block; vertical-align: top; width: auto; margin-top: -0.5em; margin-bottom: -0.5em; max-height: 2em; }

/******************************* Coupling
*******************************/
/*-------------- Menu
---------------*/
/* Remove Menu Item Divider */
.semanticUi.semanticDropdown .semanticUi.menu > .item:before, .semanticUi.menu .semanticUi.semanticDropdown .menu > .item:before { display: none; }

/* Prevent Menu Item Border */
.semanticUi.menu .semanticUi.semanticDropdown .menu .active.item { border-left: none; }

/* Automatically float dropdown menu right on last menu item */
.semanticUi.menu .right.menu .semanticDropdown:last-child .menu, .semanticUi.menu .right.semanticDropdown.item .menu, .semanticUi.buttons > .semanticUi.semanticDropdown:last-child .menu { left: auto; right: 0em; }

/*-------------- Label
---------------*/
/* Dropdown Menu */
.semanticUi.label.semanticDropdown .menu { min-width: 100%; }

/*-------------- Button
---------------*/
/* No Margin On Icon Button */
.semanticUi.semanticDropdown.icon.button > .semanticDropdown.icon { margin: 0em; }

.semanticUi.button.semanticDropdown .menu { min-width: 100%; }

/******************************* Types
*******************************/
/*-------------- Selection
---------------*/
/* Displays like a select box */
.semanticUi.selection.semanticDropdown { cursor: pointer; word-wrap: break-word; line-height: 1em; white-space: normal; outline: 0; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); min-width: 14em; min-height: 2.71428571em; background: #FFFFFF; display: inline-block; padding: 0.78571429em 2.1em 0.78571429em 1em; color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease, width 0.1s ease; transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease; }

.semanticUi.selection.semanticDropdown.visible, .semanticUi.selection.semanticDropdown.active { z-index: 10; }

select.semanticUi.semanticDropdown { height: 38px; padding: 0.5em; border: 1px solid rgba(34, 36, 38, 0.15); visibility: visible; }

.semanticUi.selection.semanticDropdown > .search.icon, .semanticUi.selection.semanticDropdown > .delete.icon, .semanticUi.selection.semanticDropdown > .semanticDropdown.icon { cursor: pointer; position: absolute; width: auto; height: auto; line-height: 1.21428571em; top: 0.78571429em; right: 1em; z-index: 3; margin: -0.78571429em; padding: 0.91666667em; opacity: 0.8; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; }

/* Compact */
.semanticUi.compact.selection.semanticDropdown { min-width: 0px; }

/*  Selection Menu */
.semanticUi.selection.semanticDropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; border-top-width: 0px !important; width: auto; outline: none; margin: 0px -1px; min-width: calc(100% +  2px ); width: calc(100% +  2px ); border-radius: 0em 0em 0.28571429rem 0.28571429rem; -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; }

.semanticUi.selection.semanticDropdown .menu:after, .semanticUi.selection.semanticDropdown .menu:before { display: none; }

/*-------------- Message
---------------*/
.semanticUi.selection.semanticDropdown .menu > .message { padding: 0.78571429rem 1.14285714rem; }

@media only screen and (max-width: 767px) { .semanticUi.selection.semanticDropdown .menu { max-height: 8.01428571rem; } }
@media only screen and (min-width: 768px) { .semanticUi.selection.semanticDropdown .menu { max-height: 10.68571429rem; } }
@media only screen and (min-width: 992px) { .semanticUi.selection.semanticDropdown .menu { max-height: 16.02857143rem; } }
@media only screen and (min-width: 1920px) { .semanticUi.selection.semanticDropdown .menu { max-height: 21.37142857rem; } }
/* Menu Item */
.semanticUi.selection.semanticDropdown .menu > .item { border-top: 1px solid #FAFAFA; padding: 0.78571429rem 1.14285714rem !important; white-space: normal; word-wrap: normal; }

/* User Item */
.semanticUi.selection.semanticDropdown .menu > .hidden.addition.item { display: none; }

/* Hover */
.semanticUi.selection.semanticDropdown:hover { border-color: rgba(34, 36, 38, 0.35); -webkit-box-shadow: none; box-shadow: none; }

/* Active */
.semanticUi.selection.active.semanticDropdown { border-color: #96C8DA; -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.semanticUi.selection.active.semanticDropdown .menu { border-color: #96C8DA; -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Focus */
.semanticUi.selection.semanticDropdown:focus { border-color: #96C8DA; -webkit-box-shadow: none; box-shadow: none; }

.semanticUi.selection.semanticDropdown:focus .menu { border-color: #96C8DA; -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Visible */
.semanticUi.selection.visible.semanticDropdown > .text:not(.default) { font-weight: normal; color: rgba(0, 0, 0, 0.8); }

/* Visible Hover */
.semanticUi.selection.active.semanticDropdown:hover { border-color: #96C8DA; -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.semanticUi.selection.active.semanticDropdown:hover .menu { border-color: #96C8DA; -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Dropdown Icon */
.semanticUi.active.selection.semanticDropdown > .semanticDropdown.icon, .semanticUi.visible.selection.semanticDropdown > .semanticDropdown.icon { opacity: 1; z-index: 3; }

/* Connecting Border */
.semanticUi.active.selection.semanticDropdown { border-bottom-left-radius: 0em !important; border-bottom-right-radius: 0em !important; }

/* Empty Connecting Border */
.semanticUi.active.empty.selection.semanticDropdown { border-radius: 0.28571429rem !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

.semanticUi.active.empty.selection.semanticDropdown .menu { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

/*-------------- Searchable
---------------*/
/* Search Selection */
.semanticUi.search.semanticDropdown { min-width: ''; }

/* Search Dropdown */
.semanticUi.search.semanticDropdown > input.search { background: none transparent !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; cursor: text; top: 0em; left: 1px; width: 100%; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); padding: inherit; }

/* Text Layering */
.semanticUi.search.semanticDropdown > input.search { position: absolute; z-index: 2; }

.semanticUi.search.semanticDropdown > .text { cursor: text; position: relative; left: 1px; z-index: 3; }

/* Search Selection */
.semanticUi.search.selection.semanticDropdown > input.search { line-height: 1.21428571em; padding: 0.67857143em 2.1em 0.67857143em 1em; }

/* Used to size multi select input to character width */
.semanticUi.search.selection.semanticDropdown > span.sizer { line-height: 1.21428571em; padding: 0.67857143em 2.1em 0.67857143em 1em; display: none; white-space: pre; }

/* Active/Visible Search */
.semanticUi.search.semanticDropdown.active > input.search, .semanticUi.search.semanticDropdown.visible > input.search { cursor: auto; }

.semanticUi.search.semanticDropdown.active > .text, .semanticUi.search.semanticDropdown.visible > .text { pointer-events: none; }

/* Filtered Text */
.semanticUi.active.search.semanticDropdown input.search:focus + .text .icon, .semanticUi.active.search.semanticDropdown input.search:focus + .text .flag { opacity: 0.45; }

.semanticUi.active.search.semanticDropdown input.search:focus + .text { color: rgba(115, 115, 115, 0.87) !important; }

/* Search Menu */
.semanticUi.search.semanticDropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 767px) { .semanticUi.search.semanticDropdown .menu { max-height: 8.01428571rem; } }
@media only screen and (min-width: 768px) { .semanticUi.search.semanticDropdown .menu { max-height: 10.68571429rem; } }
@media only screen and (min-width: 992px) { .semanticUi.search.semanticDropdown .menu { max-height: 16.02857143rem; } }
@media only screen and (min-width: 1920px) { .semanticUi.search.semanticDropdown .menu { max-height: 21.37142857rem; } }
/*-------------- Multiple
---------------*/
/* Multiple Selection */
.semanticUi.multiple.semanticDropdown { padding: 0.22619048em 2.1em 0.22619048em 0.35714286em; }

.semanticUi.multiple.semanticDropdown .menu { cursor: auto; }

/* Multiple Search Selection */
.semanticUi.multiple.search.semanticDropdown, .semanticUi.multiple.search.semanticDropdown > input.search { cursor: text; }

/* Selection Label */
.semanticUi.multiple.semanticDropdown > .label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: top; white-space: normal; font-size: 1em; padding: 0.35714286em 0.78571429em; margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em; -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; }

/* Dropdown Icon */
.semanticUi.multiple.semanticDropdown .semanticDropdown.icon { margin: ''; padding: ''; }

/* Text */
.semanticUi.multiple.semanticDropdown > .text { position: static; padding: 0; max-width: 100%; margin: 0.45238095em 0em 0.45238095em 0.64285714em; line-height: 1.21428571em; }

.semanticUi.multiple.semanticDropdown > .label ~ input.search { margin-left: 0.14285714em !important; }

.semanticUi.multiple.semanticDropdown > .label ~ .text { display: none; }

/*----------------- Multiple Search
-----------------*/
/* Prompt Text */
.semanticUi.multiple.search.semanticDropdown > .text { display: inline-block; position: absolute; top: 0; left: 0; padding: inherit; margin: 0.45238095em 0em 0.45238095em 0.64285714em; line-height: 1.21428571em; }

.semanticUi.multiple.search.semanticDropdown > .label ~ .text { display: none; }

/* Search */
.semanticUi.multiple.search.semanticDropdown > input.search { position: static; padding: 0; max-width: 100%; margin: 0.45238095em 0em 0.45238095em 0.64285714em; width: 2.2em; line-height: 1.21428571em; }

/*-------------- Inline
---------------*/
.semanticUi.inline.semanticDropdown { cursor: pointer; display: inline-block; color: inherit; }

.semanticUi.inline.semanticDropdown .semanticDropdown.icon { margin: 0em 0.5em 0em 0.21428571em; vertical-align: baseline; }

.semanticUi.inline.semanticDropdown > .text { font-weight: bold; }

.semanticUi.inline.semanticDropdown .menu { cursor: auto; margin-top: 0.21428571em; border-radius: 0.28571429rem; }

/******************************* States
*******************************/
/*-------------------- Active
----------------------*/
/* Menu Item Active */
.semanticUi.semanticDropdown .menu .active.item { background: transparent; font-weight: bold; color: rgba(0, 0, 0, 0.95); -webkit-box-shadow: none; box-shadow: none; z-index: 12; }

/*-------------------- Hover
----------------------*/
/* Menu Item Hover */
.semanticUi.semanticDropdown .menu > .item:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); z-index: 13; }

/*-------------------- Loading
---------------------*/
.semanticUi.loading.semanticDropdown > i.icon { height: 1em !important; }

.semanticUi.loading.selection.semanticDropdown > i.icon { padding: 1.5em 1.28571429em !important; }

.semanticUi.loading.semanticDropdown > i.icon:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.64285714em 0em 0em -0.64285714em; width: 1.28571429em; height: 1.28571429em; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); }

.semanticUi.loading.semanticDropdown > i.icon:after { position: absolute; content: ''; top: 50%; left: 50%; -webkit-box-shadow: 0px 0px 0px 1px transparent; box-shadow: 0px 0px 0px 1px transparent; margin: -0.64285714em 0em 0em -0.64285714em; width: 1.28571429em; height: 1.28571429em; -webkit-animation: dropdown-spin 0.6s linear; animation: dropdown-spin 0.6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; }

/* Coupling */
.semanticUi.loading.semanticDropdown.button > i.icon:before, .semanticUi.loading.semanticDropdown.button > i.icon:after { display: none; }

@-webkit-keyframes dropdown-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes dropdown-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/*-------------------- Default Text
----------------------*/
.semanticUi.semanticDropdown:not(.button) > .default.text, .semanticUi.default.semanticDropdown:not(.button) > .text { color: rgba(191, 191, 191, 0.87); }

.semanticUi.semanticDropdown:not(.button) > input:focus ~ .default.text, .semanticUi.default.semanticDropdown:not(.button) > input:focus ~ .text { color: rgba(115, 115, 115, 0.87); }

/*-------------------- Loading
----------------------*/
.semanticUi.loading.semanticDropdown > .text { -webkit-transition: none; transition: none; }

/* Used To Check Position */
.semanticUi.semanticDropdown .loading.menu { display: block; visibility: hidden; z-index: -1; }

.semanticUi.semanticDropdown > .loading.menu { left: 0px !important; right: auto !important; }

.semanticUi.semanticDropdown > .menu .loading.menu { left: 100% !important; right: auto !important; }

/*-------------------- Keyboard Select
----------------------*/
/* Selected Item */
.semanticUi.semanticDropdown.selected, .semanticUi.semanticDropdown .menu .selected.item { background: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.95); }

/*-------------------- Search Filtered
----------------------*/
/* Filtered Item */
.semanticUi.semanticDropdown > .filtered.text { visibility: hidden; }

.semanticUi.semanticDropdown .filtered.item { display: none !important; }

/*-------------------- Error
----------------------*/
.semanticUi.semanticDropdown.error, .semanticUi.semanticDropdown.error > .text, .semanticUi.semanticDropdown.error > .default.text { color: #9F3A38; }

.semanticUi.selection.semanticDropdown.error { background: #FFF6F6; border-color: #E0B4B4; }

.semanticUi.selection.semanticDropdown.error:hover { border-color: #E0B4B4; }

.semanticUi.semanticDropdown.error > .menu, .semanticUi.semanticDropdown.error > .menu .menu { border-color: #E0B4B4; }

.semanticUi.semanticDropdown.error > .menu > .item { color: #9F3A38; }

.semanticUi.multiple.selection.error.semanticDropdown > .label { border-color: #E0B4B4; }

/* Item Hover */
.semanticUi.semanticDropdown.error > .menu > .item:hover { background-color: #FFF2F2; }

/* Item Active */
.semanticUi.semanticDropdown.error > .menu .active.item { background-color: #FDCFCF; }

/*-------------------- Disabled
----------------------*/
/* Disabled */
.semanticUi.disabled.semanticDropdown, .semanticUi.semanticDropdown .menu > .disabled.item { cursor: default; pointer-events: none; opacity: 0.45; }

/******************************* Variations
*******************************/
/*-------------- Direction
---------------*/
/* Flyout Direction */
.semanticUi.semanticDropdown .menu { left: 0px; }

/* Default Side (Right) */
.semanticUi.semanticDropdown .right.menu > .menu, .semanticUi.semanticDropdown .menu .right.menu { left: 100% !important; right: auto !important; border-radius: 0.28571429rem !important; }

/* Leftward Opening Menu */
.semanticUi.semanticDropdown > .left.menu { left: auto !important; right: 0px !important; }

.semanticUi.semanticDropdown > .left.menu .menu, .semanticUi.semanticDropdown .menu .left.menu { left: auto; right: 100%; margin: 0em -0.5em 0em 0em !important; border-radius: 0.28571429rem !important; }

.semanticUi.semanticDropdown .item .left.semanticDropdown.icon, .semanticUi.semanticDropdown .left.menu .item .semanticDropdown.icon { width: auto; float: left; margin: 0em 0em 0em 0em; }

.semanticUi.semanticDropdown .item .left.semanticDropdown.icon, .semanticUi.semanticDropdown .left.menu .item .semanticDropdown.icon { width: auto; float: left; margin: 0em 0em 0em 0em; }

.semanticUi.semanticDropdown .item .left.semanticDropdown.icon + .text, .semanticUi.semanticDropdown .left.menu .item .semanticDropdown.icon + .text { margin-left: 1em; margin-right: 0em; }

/*-------------- Upward
---------------*/
/* Upward Main Menu */
.semanticUi.upward.semanticDropdown > .menu { top: auto; bottom: 100%; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

/* Upward Sub Menu */
.semanticUi.semanticDropdown .upward.menu { top: auto !important; bottom: 0 !important; }

/* Active Upward */
.semanticUi.simple.upward.active.semanticDropdown, .semanticUi.simple.upward.semanticDropdown:hover { border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; }

.semanticUi.upward.semanticDropdown.button:not(.pointing):not(.floating).active { border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

/* Selection */
.semanticUi.upward.selection.semanticDropdown .menu { border-top-width: 1px !important; border-bottom-width: 0px !important; -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

.semanticUi.upward.selection.semanticDropdown:hover { -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); }

/* Active Upward */
.semanticUi.active.upward.selection.semanticDropdown { border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }

/* Visible Upward */
.semanticUi.upward.selection.semanticDropdown.visible { -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }

/* Visible Hover Upward */
.semanticUi.upward.active.selection.semanticDropdown:hover { -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); }

.semanticUi.upward.active.selection.semanticDropdown:hover .menu { -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

/*-------------- Simple
---------------*/
/*  Selection Menu */
.semanticUi.scrolling.semanticDropdown .menu, .semanticUi.semanticDropdown .scrolling.menu { overflow-x: hidden; overflow-y: auto; }

.semanticUi.scrolling.semanticDropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; min-width: 100% !important; width: auto !important; }

.semanticUi.semanticDropdown .scrolling.menu { position: static; overflow-y: auto; border: none; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; min-width: 100% !important; width: auto !important; border-top: 1px solid rgba(34, 36, 38, 0.15); }

.semanticUi.scrolling.semanticDropdown .menu .item.item.item, .semanticUi.semanticDropdown .scrolling.menu > .item.item.item { border-top: none; }

.semanticUi.scrolling.semanticDropdown .menu .item:first-child, .semanticUi.semanticDropdown .scrolling.menu .item:first-child { border-top: none; }

.semanticUi.semanticDropdown > .animating.menu .scrolling.menu, .semanticUi.semanticDropdown > .visible.menu .scrolling.menu { display: block; }

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) { .semanticUi.scrolling.semanticDropdown .menu, .semanticUi.semanticDropdown .scrolling.menu { min-width: calc(100% -  17px ); } }
@media only screen and (max-width: 767px) { .semanticUi.scrolling.semanticDropdown .menu, .semanticUi.semanticDropdown .scrolling.menu { max-height: 10.28571429rem; } }
@media only screen and (min-width: 768px) { .semanticUi.scrolling.semanticDropdown .menu, .semanticUi.semanticDropdown .scrolling.menu { max-height: 15.42857143rem; } }
@media only screen and (min-width: 992px) { .semanticUi.scrolling.semanticDropdown .menu, .semanticUi.semanticDropdown .scrolling.menu { max-height: 20.57142857rem; } }
@media only screen and (min-width: 1920px) { .semanticUi.scrolling.semanticDropdown .menu, .semanticUi.semanticDropdown .scrolling.menu { max-height: 20.57142857rem; } }
/*-------------- Simple
---------------*/
/* Displays without javascript */
.semanticUi.simple.semanticDropdown .menu:before, .semanticUi.simple.semanticDropdown .menu:after { display: none; }

.semanticUi.simple.semanticDropdown .menu { position: absolute; display: block; overflow: hidden; top: -9999px !important; opacity: 0; width: 0; height: 0; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; }

.semanticUi.simple.active.semanticDropdown, .semanticUi.simple.semanticDropdown:hover { border-bottom-left-radius: 0em !important; border-bottom-right-radius: 0em !important; }

.semanticUi.simple.active.semanticDropdown > .menu, .semanticUi.simple.semanticDropdown:hover > .menu { overflow: visible; width: auto; height: auto; top: 100% !important; opacity: 1; }

.semanticUi.simple.semanticDropdown > .menu > .item:active > .menu, .semanticUi.simple.semanticDropdown:hover > .menu > .item:hover > .menu { overflow: visible; width: auto; height: auto; top: 0% !important; left: 100% !important; opacity: 1; }

.semanticUi.simple.disabled.semanticDropdown:hover .menu { display: none; height: 0px; width: 0px; overflow: hidden; }

/* Visible */
.semanticUi.simple.visible.semanticDropdown > .menu { display: block; }

/*-------------- Fluid
---------------*/
.semanticUi.fluid.semanticDropdown { display: block; width: 100%; min-width: 0em; }

.semanticUi.fluid.semanticDropdown > .semanticDropdown.icon { float: right; }

/*-------------- Floating
---------------*/
.semanticUi.floating.semanticDropdown .menu { left: 0; right: auto; -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; border-radius: 0.28571429rem !important; }

.semanticUi.floating.semanticDropdown > .menu { margin-top: 0.5em !important; border-radius: 0.28571429rem !important; }

/*-------------- Pointing
---------------*/
.semanticUi.pointing.semanticDropdown > .menu { top: 100%; margin-top: 0.78571429rem; border-radius: 0.28571429rem; }

.semanticUi.pointing.semanticDropdown > .menu:after { display: block; position: absolute; pointer-events: none; content: ''; visibility: visible; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 0.5em; height: 0.5em; -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); background: #FFFFFF; z-index: 2; }

.semanticUi.pointing.semanticDropdown > .menu:after { top: -0.25em; left: 50%; margin: 0em 0em 0em -0.25em; }

/* Top Left Pointing */
.semanticUi.top.left.pointing.semanticDropdown > .menu { top: 100%; bottom: auto; left: 0%; right: auto; margin: 1em 0em 0em; }

.semanticUi.top.left.pointing.semanticDropdown > .menu { top: 100%; bottom: auto; left: 0%; right: auto; margin: 1em 0em 0em; }

.semanticUi.top.left.pointing.semanticDropdown > .menu:after { top: -0.25em; left: 1em; right: auto; margin: 0em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/* Top Right Pointing */
.semanticUi.top.right.pointing.semanticDropdown > .menu { top: 100%; bottom: auto; right: 0%; left: auto; margin: 1em 0em 0em; }

.semanticUi.top.pointing.semanticDropdown > .left.menu:after, .semanticUi.top.right.pointing.semanticDropdown > .menu:after { top: -0.25em; left: auto !important; right: 1em !important; margin: 0em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/* Left Pointing */
.semanticUi.left.pointing.semanticDropdown > .menu { top: 0%; left: 100%; right: auto; margin: 0em 0em 0em 1em; }

.semanticUi.left.pointing.semanticDropdown > .menu:after { top: 1em; left: -0.25em; margin: 0em 0em 0em 0em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.semanticUi.left:not(.top):not(.bottom).pointing.semanticDropdown > .left.menu { left: auto !important; right: 100% !important; margin: 0em 1em 0em 0em; }

.semanticUi.left:not(.top):not(.bottom).pointing.semanticDropdown > .left.menu:after { top: 1em; left: auto; right: -0.25em; margin: 0em 0em 0em 0em; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

/* Right Pointing */
.semanticUi.right.pointing.semanticDropdown > .menu { top: 0%; left: auto; right: 100%; margin: 0em 1em 0em 0em; }

.semanticUi.right.pointing.semanticDropdown > .menu:after { top: 1em; left: auto; right: -0.25em; margin: 0em 0em 0em 0em; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

/* Bottom Pointing */
.semanticUi.bottom.pointing.semanticDropdown > .menu { top: auto; bottom: 100%; left: 0%; right: auto; margin: 0em 0em 1em; }

.semanticUi.bottom.pointing.semanticDropdown > .menu:after { top: auto; bottom: -0.25em; right: auto; margin: 0em; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

/* Reverse Sub-Menu Direction */
.semanticUi.bottom.pointing.semanticDropdown > .menu .menu { top: auto !important; bottom: 0px !important; }

/* Bottom Left */
.semanticUi.bottom.left.pointing.semanticDropdown > .menu { left: 0%; right: auto; }

.semanticUi.bottom.left.pointing.semanticDropdown > .menu:after { left: 1em; right: auto; }

/* Bottom Right */
.semanticUi.bottom.right.pointing.semanticDropdown > .menu { right: 0%; left: auto; }

.semanticUi.bottom.right.pointing.semanticDropdown > .menu:after { left: auto; right: 1em; }

/* Upward pointing */
.semanticUi.pointing.upward.semanticDropdown .menu, .semanticUi.top.pointing.upward.semanticDropdown .menu { top: auto !important; bottom: 100% !important; margin: 0em 0em 0.78571429rem; border-radius: 0.28571429rem; }

.semanticUi.pointing.upward.semanticDropdown .menu:after, .semanticUi.top.pointing.upward.semanticDropdown .menu:after { top: 100% !important; bottom: auto !important; -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); margin: -0.25em 0em 0em; }

/* Right Pointing Upward */
.semanticUi.right.pointing.upward.semanticDropdown:not(.top):not(.bottom) .menu { top: auto !important; bottom: 0 !important; margin: 0em 1em 0em 0em; }

.semanticUi.right.pointing.upward.semanticDropdown:not(.top):not(.bottom) .menu:after { top: auto !important; bottom: 0 !important; margin: 0em 0em 1em 0em; -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); }

/* Left Pointing Upward */
.semanticUi.left.pointing.upward.semanticDropdown:not(.top):not(.bottom) .menu { top: auto !important; bottom: 0 !important; margin: 0em 0em 0em 1em; }

.semanticUi.left.pointing.upward.semanticDropdown:not(.top):not(.bottom) .menu:after { top: auto !important; bottom: 0 !important; margin: 0em 0em 1em 0em; -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); }

/******************************* Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face { font-family: 'Dropdown'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff"); font-weight: normal; font-style: normal; }
.semanticUi.semanticDropdown > .semanticDropdown.icon { font-family: 'Dropdown'; line-height: 1; height: 1em; width: 1.23em; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-weight: normal; font-style: normal; text-align: center; }

.semanticUi.semanticDropdown > .semanticDropdown.icon { width: auto; }

.semanticUi.semanticDropdown > .semanticDropdown.icon:before { content: '\f0d7'; }

/* Sub Menu */
.semanticUi.semanticDropdown .menu .item .semanticDropdown.icon:before { content: ""; }

.semanticUi.semanticDropdown .item .left.semanticDropdown.icon:before, .semanticUi.semanticDropdown .left.menu .item .semanticDropdown.icon:before { content: ""; }

/* Vertical Menu Dropdown */
.semanticUi.vertical.menu .semanticDropdown.item > .semanticDropdown.icon:before { content: ""; }

/* Icons for Reference
.semanticDropdown.down.icon { content: "\f0d7";
}
.semanticDropdown.up.icon { content: "\f0d8";
}
.semanticDropdown.left.icon { content: "\f0d9";
}
.semanticDropdown.icon.icon { content: "\f0da";
}
*/
/******************************* User Overrides
*******************************/
.semanticUi.semanticDropdown { height: 1.875rem; border: 1px solid #bcbcbc; background: #ffffff; border-radius: 3px; width: 100%; }
.semanticUi.semanticDropdown .text { vertical-align: middle; line-height: 1.875rem; margin-left: 0.5625rem; color: #5d6470; }
.semanticUi.semanticDropdown .menu.withScrollbars { max-height: 20.3125rem; overflow-y: scroll; }
.semanticUi.semanticDropdown .menu.withScrollbars .item { width: 19.3125rem; }
.semanticUi.semanticDropdown .menu.withScrollbars::-webkit-scrollbar { -webkit-appearance: none; }
.semanticUi.semanticDropdown .menu.withScrollbars::-webkit-scrollbar:vertical { width: 11px; }
.semanticUi.semanticDropdown .menu.withScrollbars::-webkit-scrollbar:horizontal { height: 11px; }
.semanticUi.semanticDropdown .menu.withScrollbars::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white; /* should match background, can't be transparent */ background-color: rgba(0, 0, 0, 0.5); }
.semanticUi.semanticDropdown .menu.withScrollbars::-webkit-scrollbar-track { background-color: #fff; border-radius: 8px; }
.semanticUi.semanticDropdown .menu.withoutScrollbars { overflow-y: hidden; }
.semanticUi.semanticDropdown .menu.withoutScrollbars .item { width: 20.3125rem; }
.semanticUi.semanticDropdown .menu .item { padding-top: 0.125rem; padding-right: 0rem; padding-bottom: 0.125rem; padding-left: 0.3125rem; color: #5d6470; }
.semanticUi.semanticDropdown .menu .active.item { color: #5d6470; }
.semanticUi.semanticDropdown .menu .divider { margin: 0; }
.semanticUi.semanticDropdown .semanticDropdown.icon { float: right; margin-top: 0.5rem; margin-right: 0.5rem; background: none; }