/* Fonts */

@font-face { 
	font-family: "Open Sans"; 
	src: url("/font/OpenSans-Regular.ttf"); 
	
}
@font-face { 
	font-family: "Open Sans Semibold"; 
	src: url("/font/OpenSans-Semibold.ttf"); 
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../font/MaterialIcons-Regular.woff2) format('woff2'),
       url(../font/MaterialIcons-Regular.woff) format('woff'),
       url(../font/MaterialIcons-Regular.ttf) format('truetype');
}

body {
  font-family: 'Open Sans', 'sans-serif';
  
}
 
/* header */
h1 {
  color: #000000;
  text-align: center;
  font-size: 24px;
  font-family: 'Open Sans Semibold', 'sans-serif';
}

/* header/copyright link */
a {
  text-decoration: none;
  color: #55acee;
  border-bottom: 1px dotted #55acee;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
}

a:hover {
  color: #2ecc71;
  border-bottom: 1px dotted #2ecc71;
}

/* button div */
#buttons {
  text-align: center;
}

.btn {
  border-radius: 5px;
  padding: 15px 25px;
  font-size: 22px;
  text-decoration: none;
  margin-bottom: 5px;
  color: #fff;
  position: relative;
  display: inline-block;

}

.btnsmall {
  border-radius: 5px;
  padding-right: 2px;
  padding-left: 2px;
  text-decoration: none;
  color: #fff;
  position: relative;
  display: inline-block;

}

.btn:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  box-shadow: 0px 1px 0px 0px;
}

.blue {
  background-color: #55acee;
  box-shadow: 0px 5px 0px 0px #3C93D5;
}

.blue:hover {
  background-color: #6FC6FF;
}

.green {
  background-color: #2ecc71;
  box-shadow: 0px 5px 0px 0px #15B358;
}

.green:hover {
  background-color: #48E68B;
}

.orange {
  background-color: #e6ac22;
  box-shadow: 0px 5px 0px 0px #b0841a;
}

.orange:hover {
  background-color: #e5bc5b;
}

.orangesmall {
  background-color: #e6ac22;
  box-shadow: 0px 3px 0px 0px #b0841a;
}


p {
  text-align: center;
  color: #000000;
}

.oldversion {
  color: #FF0000;
  font-weight: bold;
}

.buildrunning {
  color: #FF0000;
  font-weight: bold;
}

.boxer {
   display: table;
   border-collapse: collapse;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #e7e7e7;
}
 
.boxer .box-row1 {
   display: table-row;
   margin-top:10px;
   background-color: #f1f1f1;
}

.boxer .box-row2 {
   display: table-row;
   margin-top:10px;
}
 
 .boxer .boxright {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   border: none;
   padding: 5px;
}
 
.boxer .boxleft {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   border: none;
   padding: 5px 20px 5px 5px;
   font-weight: bold;
   
}

.date {
	font-weight: bold;
}
.dateend {
	font-weight: bold;
   color: #FF0000;
}

.greentext {
  color: #2ecc71;
  font-weight: bold;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  width:24px;
  
   border-bottom: 0px;
   
  top: 0.19em;
   position: relative;
  
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

hr{
	color: #e7e7e7;
}