body
{ font: normal .80em 'trebuchet ms', arial, sans-serif;
  color: black;
  /*background: #F0EFE2 url(background.png) repeat;
  color: white;
*/
  }

.page_container {
  margin: 10px;
}
@font-face {
    font-family: 'B612-Regular';
    src: url('../fonts/B612-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'B612-Bold';
    src: url('../fonts/B612-Bold.otf') format('opentype');
}


.button-success,
.button-error,
.button-warning,
.button-secondary,
.button-yellow, {
    font-size: 14pt;
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65);
    /* this is a green */
    color: white;
}

.button-error {
    background: rgb(202, 60, 60);
    /* this is a maroon */
    color: white;
}

.button-warning {
    background: rgb(223, 117, 20);
    /* this is an orange */
    color: white;
}

.button-secondary {
    background: rgb(66, 184, 221);
    /* this is a light blue */
    color: white;
}
.button-yellow {
    background: rgb(249, 231, 159);
    color:black;
    /* this is a light blue */
    color: black;
}
 



.calendar_green_button {
  background-color: #006400; /* Dark Green */
  border: none;
  color: white;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 2px 1px;
  cursor: pointer;
  -webkit-border-radius: 4;  -moz-border-radius: 4;  border-radius: 4px;
  width:50px;
}

.active_red_button {
  background-color: #ff0000; /* red */
  border: none;
  color: white;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 2px 1px;
  cursor: pointer;
  -webkit-border-radius: 4;  -moz-border-radius: 4;  border-radius: 4px;
  width:55px;
}

.active_green_button {
  background-color: #006400; /* Dark Green */
  border: none;
  color: white;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 2px 1px;
  cursor: pointer;
  -webkit-border-radius: 4;  -moz-border-radius: 4;  border-radius: 4px;
  width:55px;
}
.tiny_red_button {
  background-color: #ff0000; /* red */
  border: none;
  color: white;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 2px 1px;
  cursor: pointer;
  -webkit-border-radius: 4;  -moz-border-radius: 4;  border-radius: 4px;
  width:25px;
}

.tiny_green_button {
  background-color: #006400; /* Dark Green */
  border: none;
  color: white;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 2px 1px;
  cursor: pointer;
  -webkit-border-radius: 4;  -moz-border-radius: 4;  border-radius: 4px;
  width:25px;
}

 
}

 
  gn:right;
    background-color:#B8ECF8;
}