@import url('./variables.css');
@import url('./about-us.css');
@import url('./account.css');
@import url('./action-styles.css');
@import url('./alternate-panels.css');
@import url('./billing-faq.css');
@import url('./blog-card.css');
@import url('./blog-grid.css');
@import url('./breadbutter-op.css');
@import url('./category-card.css');
@import url('./category-select.css');
@import url('./category-editor.css');
@import url('./carousel.css');
@import url('./checkout-wizard.css');
@import url('./code-block.css');
@import url('./common.css');
@import url('./compare-manager.css');
@import url('./competition.css');
@import url('./competition-banner.css');
@import url('./competition-views.css');
@import url('./custom-accordian.css');
@import url('./dialog-onepub.css');
@import url('./discussion.css');
@import url('./faq.css');
@import url('./faq-expanding-item.css');
@import url('./feature-card.css');
@import url('./flyout.css');
@import url('./footer.css');
@import url('./glimps-tips.css');
@import url('./header.css');
@import url('./help.css');
@import url('./help-styles.css');
@import url('./homepage.css');
@import url('./highlight/default.min.css');
@import url('./image-assignment.css');
@import url('./landing.css');
@import url('./menu.css');
@import url('./menu-bar-item.css');
@import url('./menu-bar-submenu.css');
@import url('./notice.css');
@import url('./overview.css');
@import url('./op-notification.css');
@import url('./package-card.css');
@import url('./package-carousel.css');
@import url('./package-details.css');
@import url('./package-filters-sidebar.css');
@import url('./package-list-item.css');
@import url('./package-review.css');
@import url('./package-scores.css');
@import url('./package-watch.css');
@import url('./payment-method.css');
@import url('./pricing.css');
@import url('./profile.css');
@import url('./questionaire.css');
@import url('./ribbon.css');
@import url('./search-bar.css');
@import url('./search-view.css');
@import url('./search-view-category.css');
@import url('./search-view-package.css');
@import url('./select-organisation.css');
@import url('./simple-search-bar.css');
@import url('./stacked-panels.css');
@import url('./stars.css');
@import url('./subscription.css');
@import url('./support.css');
@import url('./text-block.css');
@import url('./thermostat.css');
@import url('./ufo.css');
@import url('./view-holder.css');
@import url('./widgets.css');
@import url('./wizard.css');
@import url('./modemanager.css');
@import url('./optabs2.css');


* {
    box-sizing: border-box;

    --lumo-font-family: helvetica;
}

html {
    --lumo-primary-color: hsl(257, 14%, 29%);
    --lumo-primary-color-50pct: hsla(257, 14%, 29%, 0.5);
    --lumo-primary-color-10pct: hsla(257, 14%, 29%, 0.1);

}

.v-loading-indicator {

    background: var(--op-color-orange) !important;
}

.v-reconnect-dialog,
.v-system-error {
    width: 100% !Important;
    max-width: 100% !Important;
    left: 0 !Important;
    border: #fff !Important;
    top: 0 !Important;
    color: white !Important;
    position: fixed !Important;
    height: 100% !Important;
    padding: 0 !Important;
    max-height: 100% !Important;
    background: transparent !important;
}

.v-reconnect-dialog div:nth-child(1),
.v-system-error div:nth-child(1) {
    padding: 10px 10px 0;
    background: #2b77afe8;
    color: white;
    font-weight: 700;
}

.v-reconnect-dialog div:nth-child(2),
.v-system-error div:nth-child(2) {
    padding: 0 10px 10px;
    background: #2b77afe8;
    color: white;
    font-weight: 700;
}

body {
    font-family: 'helvetica', sans-serif;
    font-weight: 400;
}

.vaadin-menu-item {
    cursor: pointer !Important;
}

.vaadin-menu-item:hover {
    background: #423c52 !Important;
}