.airgms-switcher-true,
.airgms-switcher-null {
    background: linear-gradient(270deg, #5D3CAB 0%, #5D3CAB 100%) !important;
}
.card-PEWrapper .content .general .checkin-forms .checkin-forms-right .airgms-button-default .button-text svg,
.icon-menu-vertical-dots path
{
    fill: #5D3CAB !important;
}
.documents-left-sidebar dl > dd .custom-form-header .documents-sidebar-dropdown-button, .documents-left-sidebar dl > dd .custom-form-header .documents-sidebar-dropdown-button svg
{
    --fill: #5D3CAB !important;
}

.airgms-button-primary {
    color: #FFFFFF !important;
    background-color: #5D3CAB !important;
    border-color: #5D3CAB !important;
}

.mc-header .single-day-picker .toggle-button.calendar-arrow.calendar-icon-arrow .icon-calendar {
    background: none !important;
    margin-top: 3px !important;
    display: block !important;
}
.mc-header .single-day-picker .toggle-button.calendar-arrow.calendar-icon-arrow .icon-calendar::before {
    content: "\63" !important;
}
.reporting-nav-list ul li.active a {
    color: #333333 !important;
    border-bottom-color: #333333 !important;
}
.airgms-input.focused,
.airgms-input:hover,
.single-day-picker .calendar-arrow:hover,
.dropdown-button.blue-white .button-area:hover, .dropdown-button:hover,
.team-member-select:hover,
.team-member-select:active,
.card-PEWrapper .content .general .address .address-right .address-input:hover, .card-PEWrapper .content .general .parent .parent-right:hover, .card-PEWrapper .content .general .photo .photo-right .photo-input:hover,
.pe-general-labels__button:hover,
.card-PEWrapper .content .general .parent .parent-right .icon-arrowdown,
.airgms-button-default:hover, .airgms-button-default:focus, .airgms-dropdown-button-opened.airgms-dropdown-button-no-action a.airgms-button-default.airgms-dropdown-button-handler:hover,
.custom-select:hover,
.button:hover,
.number-picker .airgms-element-wrapper:hover,
.card-PEWrapper .content .cleaning .beds .beds-right .input:hover,
.checklist-editor .body .checklist-form,
.card-PEWrapper .sidebar .cleaning .content .cleaners-list .assigned-cleaner.assigned-new-cleaner .left .add-icon,
.thread-list-custom-filter-editor .add-condition:hover,
.ProfileWrapper .main-content .content .settings .auto-review-delay .right select:hover,
.ProfileWrapper .card-ProfileSettings .auto-review-delay .right select:hover,
.decorated-input.focused,
.decorated-input:hover,
.airgms-dropdown:hover
{
    border-color: #5D3CAB !important;
}

#reports .reports-category-block .reports-title-bottom-block h2,
.tour .tour-toggler,
.header-switch-to i,
.reporting-filter > *,
.dashboard-section .currency-select .options-area,
.calendar-arrow,
.airgms-button-default,
.mc-header .months-panel .month,
.tasks-main-block i,
.dropdown-button.white-blue, .dropdown-button ul,
.custom-select,
.ListingSection .accounts-container .account-info-container .account-listings .listing-property .account-listing .property .property-info .property-name,
.ListingSection .accounts-container .account-info-container .account-header .right button:not(.airgms-button-info), .ListingSection .accounts-container .account-info-container .account-header .right a,
.agms-back-button:hover,
.airgms-search-input i,
.property-reference-name.item,
.card-PEWrapper .header .right .calendar-button a,
.card-PEWrapper .content .tabs .tab-list .tab-list-item,
.card-PEWrapper .sidebar .general .group-property .child-property.property-vrbo .child-name-address .name, .card-PEWrapper .sidebar .general .group-property .child-property.property-airbnb .child-name-address .name, .card-PEWrapper .sidebar .general .group-property .child-property.property-booking .child-name-address .name, .card-PEWrapper .sidebar .general .group-property .child-property.property-airgms .child-name-address .name,
.card-PEWrapper .content .general .address .address-right .address-text, .card-PEWrapper .content .general .parent .parent-right .parent-name,
.card-PEWrapper .content .general .address .address-right .address-input:hover, .card-PEWrapper .content .general .parent .parent-right:hover, .card-PEWrapper .content .general .photo .photo-right .photo-input:hover,
.pe-general-labels__button,
.card-PEWrapper .content .general .address .address-right .icon-arrowdown,
.card-PEWrapper .content .general .parent .parent-right .icon-arrowdown,
.card-PEWrapper .content .tabs .icon-settings,
.airgms-switcher-wrapper .airgms-switcher:before,
.card-PEWrapper .content .calendar .import .import-right .calendar-import .calendar-update-icon i,
.card-PEWrapper .content .calendar .export .header-export .header-export-reset,
.card-PEWrapper .content .management .fee .fee-right .fee-buttons .none,
.card-PEWrapper .content .management .fee .fee-right .fee-buttons .basic,
.card-PEWrapper .content .management .fee .fee-right .fee-buttons .advance,
.card-PEWrapper .sidebar .management .footer-management .help-desk i,
.card-PEWrapper .content .management .property-owner .property-owner-right .property-owner-name,
.card-PEWrapper .content .cleaning .beds .beds-right .input .beds-string,
.card-PEWrapper .sidebar .cleaning .footer-cleaning .help-desk i,
.card-PEWrapper .sidebar .stealth .footer-stealth .help-desk i,
.card-PEWrapper .sidebar .calendar .footer-calendar .help-desk i, .card-PEWrapper .sidebar .calendar .footer-calendar-add-ical .footer-content-add-ical .help-desk-add-ical i,
.card-PEWrapper .sidebar .pricing .footer-pricing .help-desk i,
.team-member-list .team-member .team-member-name,
.task-owner i,
.airgms-checkbox-icon i,
.airgms-popup-closer .cross,
.filter-team-member .team-member-filter-button,
.button,
.number-picker .change-number,
.checklist-editor .body .caption .add-action,
.card-PEWrapper .sidebar .cleaning .content .cleaners-list .assigned-cleaner.assigned-new-cleaner .new-assigned, .card-PEWrapper .sidebar .cleaning .content .cleaners-list .assigned-cleaner .left .assigned-cleaner-info .cleaner-name,
.card-PEWrapper .sidebar .cleaning .content .cleaners-list .assigned-cleaner.assigned-new-cleaner .left .add-icon > div,
.plus-icon,
.tour .toc-chapter .toc-chapter-header,
.tour .toc-menu .toc-menu-item,
.properties-selector-item-main-data .name,
.airgms-selector-filter i,
.thread-category-dropdown-list .active-category-block .active-category-block-left i,
.thread-categories-popup .airgms-mobile-bottom-list .airgms-mobile-bottom-list-content ul li .categories-list-element .active-category-block-left, .thread-category-dropdown-list .categories-list .categories-list-element .active-category-block-left, .thread-category-dropdown-list .active-category-block .active-category-block-left,
.thread-list-custom-filter,
.thread-list-custom-filter-editor .add-condition,
.thread-list-custom-filter .actions-block .icon:hover,
.type-transparent.airgms-dropdown-button-opened .airgms-button-transparent, .type-transparent:hover .airgms-button-transparent, .type-transparent .airgms-button-transparent:active, .type-transparent .airgms-button-transparent:hover, .type-transparent .airgms-button-transparent:focus,
.ProfileWrapper .main-content .content .personal .email .right input, .ProfileWrapper .main-content .content .personal .phone .right input, .ProfileWrapper .main-content .content .personal .password .right input, .ProfileWrapper .main-content .content .personal .language .right input, .ProfileWrapper .main-content .content .personal .email .right i, .ProfileWrapper .main-content .content .personal .phone .right i, .ProfileWrapper .main-content .content .personal .password .right i, .ProfileWrapper .main-content .content .personal .language .right i,
.ProfileWrapper .page-profile .tabs .tab-list .tab-list-item,
.ProfileWrapper .main-content .content .payment .cards .card.new-card .new-card-text,
.notifications__accordion-icon.enabled i, .notifications__mobile-block-icon.enabled i,
.airgms-accordion .airgms-accordion-header .toggle-icon,
.ProfileWrapper .page-profile .sidebar .footer .help-desk i,
.ProfileWrapper .main-content .content .settings .auto-review-delay .right select,
.ProfileWrapper .main-content .content .settings .auto-review-delay .right .icon-arrowdown,
.ProfileWrapper .apps-section .applications .application .app-info .name,
.ProfileWrapper .main-content .content .personal .left i, .ProfileWrapper .main-content .content .payment .left i, .ProfileWrapper .main-content .content .settings .left i, .ProfileWrapper .main-content .content .app .left i, .ProfileWrapper .main-content .content .gateway .left i, .ProfileWrapper .main-content .content .leave-team .left i,
.ProfileWrapper .main-content .content .personal .right i, .ProfileWrapper .main-content .content .payment .right i, .ProfileWrapper .main-content .content .notifications .right i, .ProfileWrapper .main-content .content .notifications_new .right i, .ProfileWrapper .main-content .content .settings .right i, .ProfileWrapper .main-content .content .app .right i, .ProfileWrapper .main-content .content .gateway .right, .ProfileWrapper .main-content .content .leave-team .right i,
.ProfileWrapper .main-content .content .notifications .left i, .ProfileWrapper .main-content .content .gateway .left i, .ProfileWrapper .main-content .content .notifications_new .left i,
.ProfileWrapper .card-ProfilePersonal .personal .email .right input, .ProfileWrapper .card-ProfilePersonal .personal .phone .right input, .ProfileWrapper .card-ProfilePersonal .personal .password .right input, .ProfileWrapper .card-ProfilePersonal .personal .language .right input,
.ProfileWrapper .card-ProfilePersonal .personal .email .right .input-icon.input-icon-right, .ProfileWrapper .card-ProfilePersonal .personal .phone .right .input-icon.input-icon-right, .ProfileWrapper .card-ProfilePersonal .personal .password .right .input-icon.input-icon-right, .ProfileWrapper .card-ProfilePersonal .personal .language .right .input-icon.input-icon-right,
.ProfileWrapper .card-ProfilePayment .payment .card-header .right,
.notifications__mobile-block-arrow-icon,
.ProfileWrapper .card-ProfileSettings .auto-review-delay .right select,
.ProfileWrapper .card-ProfileSettings .auto-review-delay .right .icon-arrowdown,
.dashboard-section .dashboard-section-selector .dashboard-section-selector-option,
.section-sidebar-closer,
.selected-sidebar .min-stay span.link,
.selected-sidebar .booking .book > span, .selected-sidebar .date-note .note span,
.new-booking-editor .new-booking-editor-inline-control .new-booking-editor-selectable-text,
.new-booking-editor .fake-input input,
.new-booking-editor .fake-input .airgms-input .input-icon,
.booking-editor .active-font,
.mc-grid-properties-header .search-bar-input .input-icon i,
.mc-grid-day-price,
.selected-sidebar .dates .date,
.mc-grid-properties .minimize-panel .caption,
#page-header .header-right .header-extra-buttons,
.mc-grid-day-multiple-price,
.channel-selector .channel-info .channel-data .property-name,
#single-calendar .content .month-view .day .price span,
.chunk-size-picker-mobile .picker-closed-wrap,
.font-active,
.tasks-main-block .ontop-button,
.rounded-popup .option,
.task-editor .task-editor-new-task-controls .task-editor-mobile-controls .task-editor-mobile-control,
.task-duration-editor .task-duration-editor-controls ul,
.rounded-popup .cancel,
.task-editor .task-info-element .task-info-element-title,
.tm-content-header__switch-view .switch-left, .tm-content-header__switch-view .switch-right,
.tm-content-item__person-name,
.airgms-actionbar-action,
.tab-menu > .tab-list > .tab-item,
.airgms-dropdown .airgms-dropdown-options-area,
.airgms-dropdown .airgms-dropdown-button-area i,
.airgms-dropdown ul
{
    color: #5D3CAB !important;
}

.pagination-button button {
    color: #5D3CAB !important;
}
.pagination-arrow-button:not(.pagination-arrow-button-disabled) svg {
    --fill: #5D3CAB !important;
}
.pagination-button-active button {
    color: #FFF !important;
    background-color: #5D3CAB !important;
    border-color: #5D3CAB !important;
}

.mc-grid-day.past .mc-grid-day-price {
    color: #bababa !important;
}
.team-member-list .team-member-wrapper:hover, .team-member-list .team-member-wrapper.selected,
.tour .toc-chapter:hover,
.airgms-selector .selector-item-wrapper:hover, .airgms-selector .selector-item-selected,
.thread-list-custom-filters .item-wrapper:hover,
#page-container #bap-popup-navigation .price-list-button-blue:hover, #page-container #bap-popup-navigation .price-list-button-blue.secondary:hover,
.airgms-accordion .airgms-accordion-header:hover, .airgms-accordion .airgms-accordion-header:focus,
.ProfileWrapper .apps-section .applications .application:hover,
.task-duration-editor .task-duration-editor-controls ul li:hover, .task-duration-editor .task-duration-editor-controls ul li.selected,
.tm-content-item:hover,
.airgms-dropdown ul li:hover
{
    background-color: rgba(93, 60, 171, 0.04) !important;
}
.card-PEWrapper .header .left .property-info .name-address .note-empty {
    color: #927ba9 !important;
}
.card-PEWrapper .content .tabs .tab-list .tab-list-active,
.ProfileWrapper .page-profile .tabs .tab-list .tab-list-active,
.dashboard-section .dashboard-section-selector .dashboard-section-selector-option.active
{
    border-color: #333333 !important;
    color: #333333 !important;
}
.card-PEWrapper .header .right .calendar-button a {
    color: #fff !important;
}
#Card-Header,
.toc-chapter-header path,
.tour .tour-slide .slide-title svg path
{
    stroke: #5D3CAB !important;
}
.dropdown-button.blue-white, .dropdown-button.blue-white ul .option-list-element-block,
.airgms-paginator-dots .page-current div,
.ProfileWrapper .main-content .content .header .user-info .avatar .edit-avatar,
.mc-cell .drag-handler
{
    background-color: #5D3CAB !important;
}

.switch-view-tasks .active i {
    color: black !important;
}
.form-control:focus,
.custom-select:focus {
    border-color: #5D3CAB !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(93, 60, 171, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(93, 60, 171, 0.6) !important;
}
.dashboard-section .widget-content-block .active-properties-by-platform .active-properties-count {
    background-color: #757575 !important;
}
.view-switch-element .view-switch-option {
    color: #5D3CAB !important;
}
.view-switch-element .view-switch-option.active {
    color: #333333 !important;
}
.hide-on-closed-sidebar.placeholder-animated svg rect:first-child {
    --fill: #5D3CAB !important;
}
#ico-5 svg path {
    fill: #5D3CAB !important;
}
.hide-on-closed-sidebar.placeholder-animated svg mask rect:first-child {
    fill: white !important;
}
button.login-form-submit {
    background-color: #633AB1 !important;
    border-color: #633AB1 !important;
}

button.login-form-submit span {
    color: #F7F5F2 !important;
}

button.login-form-submit:hover:not(.busy) {
    border: 2px solid #471D88 !important;
    background-color: #471D88 !important;
}

#left-sidebar-container {
    background-color: #5D3CAB !important;
}
#sidebar-head {
    background-color: #5D3CAB !important;
}
.sidebar-menu-item:not(.active) a span:after {
    background-image: linear-gradient(to right, rgba(93, 60, 171, 0) 0%, rgba(93, 60, 171, 1) 80%) !important;
}
.sidebar-menu-item svg {
    --fill: #FBE54D !important;
}
.sidebar-menu-item.active, .sidebar-menu-item.active:hover {
    border-radius: 10px 0 0 10px !important;
}

.sidebar-menu-item:hover a span:after {
    background-image: none !important;
}
#sidebar-top-item:hover,
#left-sidebar-toggler:hover,
.sidebar-menu-item:not(.active):hover {
    background-color: #4b3188 !important;
}

#page-container #bap-popup-navigation .price-list-button-blue.secondary {
    background-color: rgb(152, 154, 156) !important;
}

.airgms-button-danger {
    color: #fff !important;
}

@media screen and (max-width: 992px) {
    .branding-logo logo-image {
        max-width: 100% !important;
    }
}

.card-PEWrapper .sidebar .icon-airgms,
.channel-selector .channel-info .channel-icon .icon-airgms {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin-top: 20% !important;
    margin-left: 20% !important;
}

.channel-selector .channel-info .channel-icon .icon-airgms {
    margin-top: 0 !important;
}

.card-PEWrapper .sidebar .channel-manager .group-property .icon .icon-airgms {
    margin-top: 18px !important;
    margin-left: 10px !important;
}

.icon-airgms::before, .icon-logo-igms3::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%222%201%2029%2029%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M21.9374%2020.498V10.5234H11.1074V20.498H21.9374Z%22%20fill%3D%22%23FBE54D%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M30.998%200.998047V1.31181C30.998%206.24279%2027.1512%2010.2772%2022.3609%2010.6022C22.1836%2010.6134%2022.0009%2010.619%2021.8182%2010.6246H21.7406L18.7192%2010.605C18.1892%2010.605%2017.7285%2010.8991%2017.4483%2011.3396C17.399%2011.4169%2017.3573%2011.4977%2017.3225%2011.5817C17.2295%2011.803%2017.1675%2012.0481%2017.167%2012.2908V14.6424C16.951%2014.7433%2016.7228%2014.7979%2016.4686%2014.7979C16.2437%2014.7979%2016.0312%2014.7225%2015.8346%2014.6424L15.8367%2011.4724L15.8383%2010.6156C14.6261%2010.809%2013.5168%2011.3923%2012.9354%2011.9302C12.2155%2012.597%2011.6894%2013.4879%2011.4678%2014.4965C11.3847%2014.8496%2011.3961%2015.2133%2011.3961%2015.5947V19.5567C11.3961%2019.7583%2011.2318%2019.9212%2011.0326%2019.9149C10.8767%2019.9101%2010.7311%2019.9023%2010.5873%2019.8925C10.4877%2019.8813%2010.3879%2019.8758%2010.2883%2019.8645C7.95129%2019.5955%205.88562%2018.4693%204.39595%2016.7939C3.78681%2016.1103%203.27177%2015.3426%202.88966%2014.5022C2.33588%2013.3254%202.02018%2012.0198%201.99805%2010.6359V10.4565C1.99805%205.22861%206.19023%200.998047%2011.346%200.998047H30.998Z%22%20fill%3D%22%23633AB1%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M1.99805%2029.9981V29.6844C1.99805%2024.7534%205.84135%2020.719%2010.6316%2020.394C10.8088%2020.3828%2010.9916%2020.3772%2011.1743%2020.3717H11.2519L14.2734%2020.3912C14.8033%2020.3912%2015.2641%2020.097%2015.5443%2019.6566C15.5936%2019.5793%2015.6351%2019.4986%2015.67%2019.4145C15.763%2019.1932%2015.8332%2018.9493%2015.8338%2018.7066V16.3614C16.0498%2016.2606%2016.2698%2016.1982%2016.5239%2016.1982C16.7488%2016.1982%2016.9703%2016.285%2017.1668%2016.3651L17.1558%2019.5239L17.1541%2020.3805C18.3664%2020.1872%2019.4756%2019.604%2020.0572%2019.066C20.7771%2018.3992%2021.3031%2017.5083%2021.5246%2016.4997C21.6077%2016.1467%2021.6465%2015.7824%2021.6465%2015.4014V11.4512C21.6465%2011.2435%2021.8161%2011.0753%2022.0211%2011.0831C22.1501%2011.088%2022.2784%2011.0951%2022.4052%2011.1036C22.5049%2011.1149%2022.6046%2011.1205%2022.7042%2011.1316C25.0412%2011.4006%2027.1068%2012.5269%2028.5965%2014.2023C29.2057%2014.8859%2029.7208%2015.6536%2030.1029%2016.4941C30.6566%2017.6708%2030.9723%2018.9763%2030.9944%2020.3604V20.5397C30.9944%2025.7676%2026.8023%2029.9981%2021.6465%2029.9981H1.99805Z%22%20fill%3D%22%23633AB1%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") !important;
    display: inline-block;
    width: 60%;
    height: 60%;
}

.icon-logo-igms3::before {
    width: 14px;
    height: 14px;
    margin-top: -4px;
}

#single-calendar .content .month-view .day .booking .start .icon-airgms::before {
    width: 100%;
    height: 100%;
}

.property-sidebar .data > div .listings-on .icon-airgms::before {
    width: 18px;
    height: 18px;
}

.card-PEWrapper .sidebar .channel-manager .group-property .icon .icon-airgms::before,
.property-reference-listing .icon-airgms::before {
    width: 20px;
    height: 20px;
}

/* Login page styles */
@media screen and (min-width: 768px) {
    :root {
        --smarthost-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 35' fill='none'%3E%3Cpath d='M112.349 25.9985C110.758 25.1573 109.508 23.9721 108.637 22.4428C107.766 20.9134 107.35 19.1547 107.35 17.1284C107.35 15.1402 107.766 13.3433 108.637 11.8139C109.508 10.2846 110.758 9.13762 112.349 8.29649C113.939 7.45535 115.833 7.03479 117.992 7.03479C120.112 7.03479 122.006 7.45535 123.597 8.29649C125.187 9.13762 126.437 10.2846 127.308 11.8139C128.179 13.3433 128.634 15.1402 128.634 17.1284C128.634 19.1547 128.179 20.9134 127.308 22.4428C126.437 23.9721 125.187 25.1573 123.597 25.9985C122.006 26.8396 120.112 27.2219 117.992 27.2219C115.833 27.2219 113.939 26.8396 112.349 25.9985ZM120.908 20.6458C121.589 19.7665 121.968 18.5812 121.968 17.1284C121.968 15.6755 121.589 14.5285 120.908 13.6491C120.188 12.7698 119.203 12.311 117.992 12.311C116.742 12.311 115.757 12.7698 115.075 13.6491C114.356 14.5285 114.015 15.6755 114.015 17.1284C114.015 18.5812 114.356 19.7665 115.075 20.6458C115.757 21.5252 116.742 21.9457 117.992 21.9457C119.203 21.9457 120.188 21.5252 120.908 20.6458Z' fill='%231a1a1a'/%3E%3Cpath d='M104.715 9.17585C106.003 10.5905 106.685 12.9992 106.685 16.4402V27.0308H100.133V16.0578C100.133 14.8344 99.9057 13.8785 99.4891 13.2668C99.0347 12.6551 98.353 12.311 97.4062 12.311C96.4594 12.311 95.702 12.6551 95.1339 13.305C94.5279 13.955 94.2628 14.8726 94.2628 16.0578V27.0308H87.711V16.0578C87.711 14.7961 87.4838 13.8403 87.0672 13.2286C86.6506 12.6168 85.9689 12.311 84.9842 12.311C83.9996 12.311 83.2421 12.6551 82.6741 13.305C82.106 13.955 81.8409 14.8726 81.8409 16.0578V27.0308H75.2891V7.26419H81.0456L81.5379 9.63465C82.2196 8.79352 83.0149 8.18179 83.9238 7.72299C84.8328 7.30242 86.0068 7.07302 87.3702 7.03479C90.0591 7.03479 91.9527 8.10532 93.0509 10.1699C93.7705 9.17585 94.7173 8.37295 95.8535 7.83769C96.9896 7.30242 98.2773 7.03479 99.7164 7.03479C101.761 7.03479 103.428 7.76122 104.715 9.17585Z' fill='%231a1a1a'/%3E%3Cpath d='M60.1969 7.2644L64.2871 20.3784L68.3394 7.2644H75.3457L66.8624 29.5161C66.4079 30.7396 65.9534 31.7337 65.499 32.4219C65.0445 33.1483 64.5143 33.6836 63.8326 34.0659C63.1509 34.4482 62.3177 34.6394 61.2952 34.6394H55.3115V29.172H58.3791C58.985 29.172 59.4395 29.0956 59.7425 28.9044C60.0454 28.7515 60.2727 28.3691 60.462 27.8339L60.7271 27.1074L53.2285 7.2644H60.1969Z' fill='%231a1a1a'/%3E%3Cpath d='M55.5351 21.5634V26.9925H52.2403C50.9526 26.9925 50.0058 26.7249 49.4377 26.1896C48.8318 25.6544 48.5667 24.8897 48.5667 23.9339V23.7809C47.8093 24.9279 46.9382 25.8073 45.9535 26.3808C44.931 26.9543 43.7191 27.2219 42.3178 27.2219C40.1213 27.2219 38.3413 26.7249 36.9779 25.7308C35.6145 24.7368 34.9707 23.2839 34.9707 21.4105C34.9707 19.2694 35.766 17.5872 37.4324 16.4019C39.0609 15.2549 41.4468 14.6432 44.5523 14.6432H47.4305V13.8785C47.4305 13.1903 47.1276 12.6551 46.5974 12.2345C46.0671 11.8139 45.3476 11.5845 44.4765 11.5845C43.6433 11.5845 42.9995 11.7757 42.4693 12.1198C41.9391 12.4639 41.674 12.9227 41.6361 13.4962H35.3494C35.5009 11.4316 36.4477 9.86405 38.1141 8.71705C39.7804 7.60829 41.977 7.03479 44.7795 7.03479C47.6578 7.03479 49.9301 7.64652 51.5207 8.86998C53.1113 10.0934 53.9066 11.8904 53.9066 14.2609V20.3782C53.9066 20.837 53.9824 21.1811 54.1717 21.334C54.3611 21.4869 54.664 21.5634 55.1185 21.5634H55.5351ZM47.4305 18.7342H44.6659C43.6812 18.7342 42.9238 18.9636 42.3936 19.3459C41.8255 19.7282 41.5604 20.2635 41.5604 20.9134C41.5604 21.4487 41.7498 21.9075 42.1285 22.2134C42.5072 22.5192 43.0374 22.6722 43.7191 22.6722C44.8174 22.6722 45.6884 22.3281 46.3701 21.6399C47.0518 20.9517 47.3927 19.9958 47.4305 18.8106V18.7342Z' fill='%231a1a1a'/%3E%3Cpath d='M24.3176 12.732H21.25V7.26464H24.3176V1.72083H30.8694V7.26464H35.0732V12.732H30.8694V19.7287C30.8694 20.3786 30.9831 20.8374 31.286 21.1051C31.5511 21.4109 32.0056 21.5256 32.6494 21.5256H35.0732V26.993H30.1877C28.2942 26.993 26.855 26.4959 25.8325 25.5019C24.81 24.5078 24.3176 23.0167 24.3176 21.0668V12.732Z' fill='%231a1a1a'/%3E%3Cpath d='M6.77906 18.3137C6.8548 19.3842 7.27139 20.2254 8.10457 20.8753C8.89988 21.5253 9.99816 21.8312 11.3994 21.8312C12.4977 21.8312 13.4066 21.64 14.0883 21.1812C14.77 20.7606 15.1109 20.1107 15.1109 19.2695C15.1109 18.7343 14.9215 18.3137 14.5428 18.0078C14.1641 17.702 13.5581 17.4726 12.7628 17.2432C11.9675 17.0138 10.6799 16.7079 8.86201 16.3256C7.08203 15.9433 5.60503 15.5227 4.46887 14.9874C3.29485 14.4522 2.34805 13.6875 1.66636 12.617C0.946795 11.5464 0.605949 10.1318 0.605949 8.37307C0.605949 6.80551 1.02254 5.39088 1.93146 4.09095C2.84039 2.82926 4.05228 1.83519 5.6429 1.10876C7.23352 0.382332 8.97562 0 10.945 0C12.9143 0 14.7321 0.382332 16.3228 1.10876C17.9134 1.87343 19.201 2.90572 20.1099 4.20565C21.0189 5.50558 21.5112 6.95844 21.5112 8.56424H14.7321C14.6564 7.64664 14.2777 6.88198 13.6339 6.30848C12.9522 5.73498 12.0811 5.42912 10.945 5.42912C9.96029 5.42912 9.12711 5.65851 8.52116 6.04085C7.91521 6.46141 7.61224 7.07314 7.61224 7.83781C7.61224 8.37307 7.76372 8.79364 8.14244 9.0995C8.52116 9.40537 9.08924 9.63477 9.88455 9.86417C10.642 10.0936 11.9296 10.3612 13.7096 10.7053C15.4896 11.0876 16.9666 11.5082 18.1785 12.0052C19.3525 12.5405 20.2993 13.3052 21.0189 14.2992C21.7384 15.3315 22.1171 16.7079 22.1171 18.3902C22.1171 20.0724 21.6248 21.5635 20.7159 22.9017C19.7691 24.2781 18.4814 25.3104 16.8151 26.075C15.1487 26.8397 13.3309 27.222 11.2858 27.222C9.16498 27.222 7.23352 26.8397 5.52929 26.0368C3.78718 25.2722 2.46167 24.1634 1.477 22.787C0.492334 21.4106 0 19.8813 0 18.1608L6.77906 18.3137Z' fill='%231a1a1a'/%3E%3C/svg%3E");
        --smarthost-card-bg: #FFFFFF;
        --smarthost-card-radius: 8px;
        --smarthost-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        --smarthost-btn-color: #633AB1;
        --smarthost-btn-hover: #471D88;
    }

    /* Background for all login-related pages */
    div#page-container:has(.login-wrapper),
    div#page-container:has(.success-wrap),
    div#page-container:has(.change-wrap),
    div#page-container:has(.join-wrap) {
        background-image: url('../branding/smarthost/img/login-background.jpg') !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        min-height: 100vh !important;
    }

    /* Common card styles */
    .login-wrapper,
    .change-wrap,
    .join-wrap,
    .success-wrap .recovery-text {
        background-color: var(--smarthost-card-bg) !important;
        border-radius: var(--smarthost-card-radius) !important;
        box-shadow: var(--smarthost-card-shadow) !important;
        box-sizing: border-box !important;
    }

    .login-wrapper,
    .change-wrap,
    .join-wrap {
        position: relative !important;
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }

    .success-wrap {
        background-color: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        width: auto !important;
    }

    .success-wrap .recovery-text {
        padding: 32px 40px !important;
        width: 480px !important;
    }

    .success-wrap .recovery-main-text {
        margin-top: 0 !important;
        padding-top: 0 !important;
        max-width: 100% !important;
        font-size: 32px !important;
        line-height: 40px !important;
    }

    .success-wrap .recovery-text-sub {
        max-width: 100% !important;
        font-size: 14px !important;
        line-height: 20px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
    }

    .success-wrap .recovery-form {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    .login-wrapper {
        padding-top: 72px !important;
    }

    /* Logo pseudo-elements */
    .login-wrapper::before,
    .success-wrap .recovery-text::before,
    .change-wrap .change-text::before {
        content: "" !important;
        display: block !important;
        width: 80px !important;
        height: 22px !important;
        background-image: var(--smarthost-logo) !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }

    .login-wrapper::before {
        position: absolute !important;
        top: 32px !important;
        left: 55px !important;
    }

    .success-wrap .recovery-text::before,
    .change-wrap .change-text::before {
        margin-bottom: 40px !important;
    }

    .success-wrap::before,
    .change-wrap::before {
        display: none !important;
    }

    /* Full-width form elements */
    .success-wrap .recovery-email,
    .success-wrap .recovery-send,
    .success-wrap .airgms-button-wrapper,
    .change-wrap .change-password,
    .change-wrap .change-password-confirm,
    .change-wrap .change-send {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Submit buttons */
    .login-wrapper button.login-form-submit,
    .success-wrap .recovery-send,
    .change-wrap .change-send {
        border-radius: 24px !important;
        background-color: var(--smarthost-btn-color) !important;
        border-color: var(--smarthost-btn-color) !important;
        color: #FFFFFF !important;
    }

    .success-wrap .recovery-send span,
    .change-wrap .change-send span {
        color: #FFFFFF !important;
    }

    .login-wrapper button.login-form-submit:hover,
    .success-wrap .recovery-send:hover,
    .change-wrap .change-send:hover {
        background-color: var(--smarthost-btn-hover) !important;
        border-color: var(--smarthost-btn-hover) !important;
    }

    /* Text alignment */
    .login-wrapper,
    .login-wrapper .welcome,
    .success-wrap,
    .success-wrap .recovery-main-text,
    .success-wrap .recovery-text-sub,
    .change-wrap,
    .change-wrap .change-text-sub {
        text-align: left !important;
    }

    .login-wrapper .welcome {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }

    .success-wrap .recovery-main-text-ok {
        font-size: 32px !important;
    }

    .success-wrap .recovery-main-text-ok,
    .success-wrap .recovery-text-sub-ok {
        text-align: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .login-wrapper .welcome-text {
        font-size: 0 !important;
    }

    .login-wrapper .welcome-text::after {
        content: "Welcome back" !important;
        font-size: 32px !important;
    }

    /* Hide header/footer on login pages */
    div#page-container:has(.login-wrapper) #header,
    div#page-container:has(.login-wrapper) #footer,
    div#page-container:has(.success-wrap) #header,
    div#page-container:has(.success-wrap) #footer,
    div#page-container:has(.change-wrap) #header,
    div#page-container:has(.change-wrap) #footer,
    div#page-container:has(.join-wrap) #header,
    div#page-container:has(.join-wrap) #footer {
        display: none !important;
    }

    /* Page wrapper layout */
    div#page-container:has(.login-wrapper) #page-wrapper,
    div#page-container:has(.success-wrap) #page-wrapper,
    div#page-container:has(.change-wrap) #page-wrapper,
    div#page-container:has(.join-wrap) #page-wrapper {
        padding-top: 10vh !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        min-height: 100vh !important;
    }
}