@import url('./views/new-customer-view.css');
@import url('./views/new-invoice-view.css');
@import url('./views/invoice-list-view.css');
@import url('./views/invoice-details-view.css');
@import url('./views/dog-data-tab.css');
@import url('./views/customer-data-tab.css');
@import url('./views/customer-invoices-tab.css');
@import url('./views/dog-notes-tab.css');
@import url('./views/dog-invoices-tab.css');
@import url('./views/dog-overview-tab.css');
@import url('./views/customer-overview-tab.css');
@import url('./views/new-dog-view.css');
@import url('./views/cash-book-view.css');
@import url('./views/service-item-list-view.css');
@import url('./views/realm-view.css');
@import url('./views/user-tab.css');
@import url('./views/audit-tab.css');
@import url('./views/receipt-view.css');
@import url('./views/realm-settings-tab.css');
@import url('./views/realm-select-view.css');
@import url('./views/start-view.css');
@import url('./views/login-view.css');
@import url('./views/password-reset-view.css');
@import url('./views/user-settings-view.css');
@import url('./views/new-realm-view.css');
@import url('./views/license-selection-view.css');
@import url('./views/contact-form-dialog.css');
@import url('./views/config-view.css');
@import url('./views/accountinvites-view.css');
@import url('./main-layout.css');
    [theme~="dark"] {
      --lumo-shade: rgb(0, 22, 35);
      --lumo-shade-5pct: rgba(0, 22, 35, 0.05);
      --lumo-shade-10pct: rgba(0, 22, 35, 0.1);
      --lumo-shade-20pct: rgba(0, 22, 35, 0.2);
      --lumo-shade-30pct: rgba(0, 22, 35, 0.3);
      --lumo-shade-40pct: rgba(0, 22, 35, 0.4);
      --lumo-shade-50pct: rgba(0, 22, 35, 0.5);
      --lumo-shade-60pct: rgba(0, 22, 35, 0.6);
      --lumo-shade-70pct: rgba(0, 22, 35, 0.7);
      --lumo-shade-80pct: rgba(0, 22, 35, 0.8);
      --lumo-shade-90pct: rgba(0, 22, 35, 0.9);
      --lumo-primary-color: rgb(0, 152, 242);
      --lumo-primary-color-50pct: rgba(0, 152, 242, 0.5);
      --lumo-primary-color-10pct: rgba(0, 152, 242, 0.1);
      --lumo-primary-text-color: rgb(0, 152, 242);

    }

.back-button {
  width: 7rem;
  margin-right: 3rem;
  margin-left: 1rem;
}

.delete-button {
  width: 10rem;
  margin-right: 3rem;
}

.edit-button {
  width: 10rem;
}

.save-button {
  width: 10rem;
}

.new-button {
  width: 10rem;
}

.remove-button {
  width: 10rem;
  margin-right: 3rem;
}

.invite-button {
  width: 10rem;
}

.date-range-date-picker {
  max-width: 40%;
}

.date-range-options-select {
  max-width: 2.2rem;
}

vaadin-select.date-range-options-select::part(toggle-button) {
    display: none !important;
}

footer {
  position: fixed;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100% !important;
  background-color: var(--lumo-base-color);
}

.base-footer-tab-layout {
  width: 100%;
  height: 83% !important;
}

.base-footer-layout {
  width: 100%;
  height: 90% !important;
}

.base-layout {
  width: 100%;
  height: 100% !important;
}

vaadin-dialog {
  filter: none !important;
}

.blurred > *:not(.unblurred,
                 vaadin-combo-box-overlay,
                 vaadin-date-picker-overlay,
                 vaadin-context-menu-overlay,
                 vaadin-select-overlay,
                 vaadin-menu-bar-overlay) {
  filter: blur(3px);
}

.grid-header-layout {
  width: 100%;
}

.grid-header-config-menu {
  float: left;
}

.grid-header-search-field {
  width: 60%;
  padding-left: 3rem;
}

.grid-header-entry-label {
  float: right;
}

.choose-entity-dialog {
  width: 100%;
}

.choose-entity-grid {
  width: 100%;
}

.choose-entity-layout {
  width: 100%;
  height: 100%;
}

.choose-entity-button-layout {
  width: 100%;
  display: inline-block;
  overflow: auto;
  white-space: nowrap;
  margin: 0px auto;
  text-align: center;
}

.choose-entity-cancel-button {
  margin-right: 2rem;
  width: 10rem;
}

.choose-entity-submit-button {
  margin-left: 2rem;
  width: 10rem;
}

.pdf-dialog-button-layout {
  width: 100%;
  display: inline-block;
  overflow: auto;
  white-space: nowrap;
  margin: 0px auto;
  text-align: center;
}

.pdf-dialog-close-button {
  width: 10rem;
}

.csv-dialog-button-layout {
  width: 100%;
  display: inline-block;
  overflow: auto;
  white-space: nowrap;
  margin: 0px auto;
  text-align: center;
}

.csv-dialog-close-button {
  width: 10rem;
}

.csv-dialog-download-button {
  float: right;
}

.language-flag {
  width: 2rem;
  height: 2rem;
}

.login-language-select {
  width: 4.5rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.login-language-select::part(input-field) {
  background-color: transparent;
}

.login-language-select vaadin-select-value-button > vaadin-select-item::part(content){
  width: 100%;
  display: inline-block;
  overflow: auto;
  white-space: nowrap;
  margin: 0px auto;
  text-align: center;
}

.login-language-select::part(toggle-button)  {
  display: none;
}

vaadin-login-form {
  margin-left: auto;
  margin-right: auto;
}

vaadin-login-form-wrapper {
  border-radius: 10px;
  box-shadow: 2px 2px 5px 1px rgba(0,0,0,.2);
}

.code-verification-div-textfield {
    width: 2.5rem;
    font-size: 1.2rem;
}

.code-verification-div-textfield-layout {
    margin-left: auto;
    margin-right: auto;
}

.verify-code-dialog-cancel-button {
    float: left;
}

.verify-code-dialog-resend-button {
    float: right;
}

.verify-code-dialog-button-layout {
    width: 100%;
}

.forgot-password-dialog-cancel-button {
    float: left;
}

.forgot-password-dialog-send-button {
    float: right;
}

.forgot-password-dialog-button-layout {
    width: 100%;
}

.forgot-password-dialog vaadin-radio-group {
    width: 70%;
}

.forgot-password-dialog-text-field {
    width: 100%;
}

.cookieconsent-language-select {
  width: 4.5rem;
  float: right;
}

.cookieconsent-language-select::part(input-field) {
  background-color: transparent;
}

.cookieconsent-language-selectvaadin-select-value-button > vaadin-select-item::part(content){
  width: 100%;
  display: inline-block;
  overflow: auto;
  white-space: nowrap;
  margin: 0px auto;
  text-align: center;
}

.cookieconsent-language-select::part(toggle-button)  {
  display: none;
}

.cookieconsent-button-layout {
  width: 100%;
  display: inline-block;
  overflow: auto;
  white-space: nowrap;
  margin: 0px auto;
  text-align: center;
}

.cookieconsent-rejectall-button {
  float: left;
}

.cookieconsent-acceptall-button {
  float: right;
}

.passwordverificationdialog-password-field {
  width: 100%;
}

.passwordverificationdialog-button-layout {
  width: 100%;
}

.passwordverificationdialog-cancel-button {
  float: left;
}

.passwordverificationdialog-confirm-button {
  float: right;
}

.newemaildialog-email-field {
  width: 100%;
}

.newemaildialog-cancel-button {
  float: left;
}

.newemaildialog-confirm-button {
  float: right;
}

.newemaildialog-button-layout {
  width: 100%;
}