* { margin: 0;  padding: 0;  box-sizing: border-box; }

html, body {
  font:12px/1.2 "Open Sans", sans-serif;
  width:100vw;
  height:100vh;
  display:flex;
}

/************************ Themes style ************************/
[data-theme='Blue'] {
  --login-border: Blue;
  --login-footer: LightBlue;
  --login-footer-border: SkyBlue;
  --Color-Button: Blue;
  --Left-Menu-Background: rgba(210,245,255,1);
}

[data-theme='Red'] {
  --login-border: FireBrick;
  --login-footer: DarkSalmon;
  --login-footer-border: Brown;
  --Color-Button: Red;
  --Left-Menu-Background: rgba(255,220,230,1);
}

[data-theme='Green'] {
  --login-border: SeaGreen;
  --login-footer: rgb(60, 210, 150);
  --login-footer-border: DarkGreen;
  --Color-Button: Green;
  --Left-Menu-Background: rgba(210,255,235,1);
}
/************************ End Themes style ************************/

input {
  font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif; 
  border: 1px solid grey;
  padding: 2px 3px;
}

main { flex-grow:1;  display: flex;  min-height: 0;  }


  /* Mobile styles */
@media (max-width: 1024px) {
  body { flex-direction:column; }
}

/************************ Printer style ************************/
@media screen {
    #PrintPage {
        display: none;
    }
}

@page {
    size: A4 portrait;
    margin: 1.5cm;
}

@media print {

    body {
        margin: 0;
        padding: 0;
    }

    /* скриваме всичко */
    body * {
        visibility: hidden;
    }

    /* показваме само печатната зона */
    #PrintPage,
    #PrintPage * {
        visibility: visible;

    }

    #PrintPage {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    #PrintPage h1 {
      font-size: 15px;
      font-style: italic;
      text-align: center;
      margin: 0 0 8px 0;
      padding: 0;
    }

    #PrintPage table.DataTable td,
    #PrintPage table.DataTable th
    { border: 1px solid black; }

}