body {
  background: rgb(204,204,204); 
}
/*page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"] {  
  width: 21cm;
  height: 29.7cm; 
}*/
/*@media print {
    body{
        width: 21cm;
        height: 29.7cm;
        margin: 30mm 45mm 30mm 45mm; 
        border: 0.25 solid black;
        /* change the margins as you want them to be. */
   } 
}
    body{
        width: 21cm;
        height: 29.7cm;
        margin: 30mm 45mm 30mm 45mm; 
        border: 0.25 solid black;
        /* change the margins as you want them to be. */
   } */

@media print {
  body, page {
    margin: 0;
    box-shadow: 0;
  }
}
.thing-form {
    margin: 20px 0;
}

#banner {
    border-bottom: none;
    margin-top: -20px;
}

#banner h1 {
    font-size: 40px;
    line-height: 1;
    letter-spacing: -2px;
}

.hero-unit {
/*    position: relative;
    padding: 30px 15px;
    color: #F5F5F5;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background: #4393B9;
*/
    position: relative;
    padding: 20px 10px;
    color: #F5F5F5;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background: #428bca;

}

.footer {
    text-align: center;
    padding: 30px 0;
    margin-top: 70px;
    border-top: 1px solid #E5E5E5;
}


table {
  border-collapse: collapse;
  /* height: 400px; */
  /* scroll-behavior: auto; overflow:scroll; display: block; */
  /* overflow: auto; */
  /* width: auto; */
  table-layout: auto;
}
th, td {
  /* border: 1px solid orange; */
  /* padding: 10px; */
  /* text-align: left; */
  /* min-width: 10px; */
  /* min-width: 150px; */
}


td div, td p {
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
    width: 100%;
}

td div span {
  /*height:35px;*/
}

.search-table-outter {border:2px solid red;}
.search-table{table-layout: fixed; margin:40px auto 0px auto; }
.search-table, td, th{border-collapse:collapse; border:1px solid #777; padding: 5px 5px;}
/* th{padding:20px 7px; font-size:15px; color:#444; background:#66C2E0;} */
/* td{padding:5px 10px; height:35px;} */

.search-table-outter { overflow-x: scroll; }
/* th, td { min-width: 20px; } */


select{ display: none }

.caret {
  border-color: transparent !important;
}

.locks .select-wrapper {
  display: inline-block;
}

.container1 {
    /*width: 30em;*/
    overflow-x: auto;
    white-space: nowrap;
}

.red_month {
  background: red;
}
.class-1 {
  background: red;
}
.class-2 {
  background: blue;
}
.class-3 {
  background: gray;
}
.class-4 {
  background: orange;
}
.class-5 {
  background: yellow;
}
.class-6 {
  background: purple;
}
.class-7 {
  background: red;
}
.class-8 {
  background: red;
}
.class-9, .color_red {
  background: red;
}

.lgrey {
  background-color: #D3D3D3
}

.kumon, .kumon tr, .kumon td {
  font-size: 1.5em;
  border: 0.15 solid black;
}

.kumon1 {
  page-break-after: always;
}



body {
  background: rgb(204,204,204); 
  font-size: .8em;
}
/*page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"] {  
  width: 21cm;
  height: 29.7cm; 
}
page[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 21cm;  
}
page[size="A3"] {
  width: 29.7cm;
  height: 42cm;
}
page[size="A3"][layout="landscape"] {
  width: 42cm;
  height: 29.7cm;  
}
page[size="A5"] {
  width: 14.8cm;
  height: 21cm;
}
page[size="A5"][layout="landscape"] {
  width: 21cm;
  height: 14.8cm;  
}*/
@media print {
  body, page {
    margin: 0;
    box-shadow: 0;
  }
}

/* .grouped-inputs {
  border: 1px solid #ccc;
  padding: 20px;
  margin: 20px 0;
  border-radius: 4px;
}

.grouped-inputs h2 {
  margin-top: 0;
} */

.md-input-container {
  text-align: left; /* Align the input fields to the left */
  margin: 0 auto; /* Center the input containers */
  width: 100%; /* Adjust the width as necessary */
}

.grouped-inputs {
  display: flex;
  align-items: center; /* This ensures vertical alignment of all children to the center */
  width: 100%; /* Optional: Adjust width as needed */
}

.grouped-inputs h2 {
  margin-right: 20px; /* Adds some spacing between the heading and the input containers */
}

.formula_left {
  /* background: #D3D3D3; */
  margin: 0 auto; /* Center the input containers */
}

.formula_right {
  /* background: gray; */
  margin: 0 auto; /* Center the input containers */
}


.pandl md-toolbar {
  background-color: white;
  color: black;
}

.pandl .md-display-1 {
  font-size: 2.5rem;
  margin-right: 30px; /* Adjust as needed */
}

.pandl .md-headline {
  font-size: 1.5rem;
  margin: 0;
}

.pandl .logo {
  height: 25px; /* Adjust as needed */
}

.pandl md-button.md-icon-button {
  margin: 0;
  height: auto;
  min-height: auto;
}

.pandl .md-toolbar-tools > .md-button:last-child {
  margin-right: -48px;
}

/* Add your custom styles for specific branding colors, fonts, etc. */