@import url('./main-layout.css');
/*@import url('line-awesome/dist/line-awesome/css/line-awesome.min.css');*/
@import url('./rentBill.css');
@import url('./signUp.css');
@import url('./settings.css');
@import url('./miscReceipts.css');
@import url('./dashBoard.css');
@import url('./cashReceipt.css');

html {
 /* --lumo-base-color: white;*/
 --lumo-base-color: #e9eff3;
 /*  --lumo-base-color: #c8d2d9;
 /* --lumo-primary-color: green;*/
/*  --lumo-font-family: 'Roboto';*/
}

.stretchContainer{
    display: flex;
    flex-flow: wrap;
    align-items: stretch;
    align-content: stretch;
}
.flexWrapOnly{
    display: flex;
    flex-flow: wrap;
    flex-grow: 1 1;
}

.repPurchasedMachines[width-range~="-599px"] {
     /* minimize spacing/padding on small screens */
     vaadin-board {
      padding: 0;
        }
     }

.repActiveRentalAgree[width-range~="-599px"] {
  /* minimize spacing/padding on small screens */
  vaadin-board {
    padding: 0;
  }
}

vaadin-grid.styling-header::part(delete-header) {
      font-size: var(--lumo-font-size-l);
      white-space: unset;
      color: red;
  }

  vaadin-grid.first-footer-row-cell::part(first-footer-row-cell) {
      display: none;
  }

/* Example: the style is applied only to the textfields which have the `bordered` class name. */
/*vaadin-text-field::part(input-field) {
  box-shadow: inset 0 0 0 1px var(--lumo-contrast-80pct);
  background-color: var(--lumo-base-color);
}*/

/*vaadin-menu-bar-button::part(label){
    color: red;
}*/

vaadin-dialog-overlay::part(header){
 background-color: #8391d3;
}

.searchForm{
         background-image: linear-gradient(to bottom, var(--lumo-contrast-50pct) 50px, var(--lumo-contrast-5pct) 8px);
         box-shadow: var(--lumo-box-shadow-m);
        /* background-image: linear-gradient(to bottom, #9fc6f6 60px, #ced6f6 8px);
         border: solid 2px;
         border-color: --lumo-contrast-90pct;*/
         border-radius: 15px;
         padding:15px 30px 30px 30px;
         flex-grow: 1;
 }

 .customerForm{
            background: var(--lumo-contrast-5pct);
            box-shadow: var(--lumo-box-shadow-m);
            border-radius: 15px;
            padding: 0px 15px 15px 15px;
            flex-grow: 1;
 }

 .summary{
      display: flex;
      justify-content: space-between;
  }

  vaadin-grid.warn::part(cell){
   background: yellow;
 }

[theme~="light"] {
    vaadin-grid::part(selected-row-cell) {
                       background: #9ec3dd;
                   }
             }

  [theme~="dark"] {
      vaadin-grid::part(selected-row-cell) {
            background: #1a5a2c;
      }
    }

    .customerHl{
            background-color:#0e4d7e;
            padding: 0px 0px 0px 0px;
    }

    .customerHl_margin {
        background-color:#0e4d7e;
        padding: 0px 10px 0px 10px;
    }

    .fields_margin {
            display: flex;
            background-color:#0e4d7e;
            justify-content: space-between;
            padding: 0px 5px 0px 5px;
            gap: 5px;
        }
    .fields_inner {
            display: flex;
            padding: 0px 0px 0px 0px;
            gap: 5px;
    }

    .footerLayout {
        padding: 3px 5px 3px 5px;
    }

    .topPaddingLayout {
        padding: 15px 0px 0px 0px;
    }

    .customerHl_margin_all {
        background-color:#0e4d7e;
        padding: 10px 10px 10px 10px;
    }

    .showNewMachs{
        background-color:#0e4d7e;
        padding: 10px 10px 10px 10px;
    }

    .hlSummary_small {
        background-color:#0e4d7e;
        padding: 0px 10px 0px 10px;
       /* justify-content: center;*/
    }

     .hlSummary_small_noPadding {
            background-color:#0e4d7e;
            padding: 0px 0px 0px 10px;
           /* justify-content: center;*/
        }

    .hlPreDate {
       spacing: 5px;
    }

    .roundCornerButton {
        --lumo-border-radius-m: 1em;
    }

    .hlSummary_large {
        display: flex;
        background-color:#0e4d7e;
        padding: 0px 10px 0px 10px;
        gap: 100px;
    }

    .workSiteHl{
            background-color:#2d6b9b;
            padding: 0px 0px 0px 5px;
           }
    .buttonLayout{
            display: flex;
            justify-content: end;
            padding: 0px 5px 0px 5px;
    }

    .sidePadding {
        padding: 0px 12px 0px 12px;
    }

    .buttonRound{
         border-radius: 10px;
    }

     .buttonLayout_previousAgree{
                display: flex;
                justify-content: space-between;
                padding: 0px 5px 0px 5px;
        }

     .whatsappColour{
        color:#25D366;
     }

     .pdfColour{
        color:#FF0000;
     }

     .rupeeColour{
        color:#3da5b8;
     }

    .hlTxtFields{
      display: flex;
      justify-content: end;
      background-color:#0e4d7e;
      padding: 0px 5px 0px 5px;
    }

    .addMachineLayout[theme~="sarams-theme"]{
        background: #d9e2f1;
    }
    ::part(input-field) {
      box-shadow: inset 0 0 0 1px var(--lumo-contrast-80pct);
      background-color: var(--lumo-base-color);
    }

   .link-button {
        color: #FFC300;
        font-weight: bold;
   }

   .link-button::part(label) {
     text-decoration: underline;
   }

   .smallViews{
            display: flex;
            background-image: linear-gradient(to bottom, var(--lumo-contrast-50pct) 50px, var(--lumo-contrast-5pct) 8px);
            box-shadow: var(--lumo-box-shadow-m);
            border-radius: 15px;
            padding: 15px 15px 15px 15px;

            flex-grow: 1;
            align-items: stretch;
            align-content: stretch;
            max-width: 420px
    }

html {
  --vcf-nav-child-indent: var(--lumo-space-m);
}

vcf-nav {
  padding: 0;
  font-size: var(--lumo-font-size-m);
  color: var(--lumo-body-text-color);
}

vcf-nav::part(label) {
  text-transform: uppercase;
  font-size: var(--lumo-font-size-xs);
}

vcf-nav-item::part(item) {
  border-inline-start: 2px solid transparent;
}

vcf-nav-item[active]::part(item) {
  border-inline-start-color: var(--lumo-primary-color);
}
vaadin-app-layout::part(drawer) {
  width: 300px;
}