/* ================ */
/* General stylings */
/* ================ */

  *{

    margin:0px;
    padding:0px;
    border:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

  }


  body {

    font-size: 16px;                        /* Schriftgröße, global */
    color:#5A5A5A;
    font-family: 'Open Sans', sans-serif;  /* Schriftart, global */
    background:#eee;
   
  }

  textarea:focus, input:focus, select:focus, option:focus{
    outline: 0;
  }

  *:focus {
    outline: 0;
  }

  .clear, .ClearBoth{
    clear:both;
  }
#menu{		width:100%;	height:50px;	background:#6CB121;	margin-bottom:20px;	position:relative; 	z-index:100;}

.toogle-menu{display:inline-block; padding:13px 20px; margin-left:20px; color:#000; background:#F1E318; cursor:pointer; position:relative; z-index:100; font-weight:bold; font-size:1.1em;}

ul.menu{
	width:250px;
	display:block;
	position:absolute;
	height:100%;
	background:#6CB121;	top:0px;	left:-100%;	padding:70px 20px 20px 20px;	z-index:10;	overflow-x: scroll;
}
ul.menu.open{left:0px;}
ul.menu li{display:block; width:100%; margin-bottom:10px;}

ul.menu li a{background:#F1E318; color:#000; font-size:1em; text-decoration:none; padding:10px; display:block;}

.wrapper{
	
	width:98%;
	margin:20px 1%;
	
}

table {
  border-collapse: collapse;
  width:100%;
  color:#000 !important;
}

th, td {
  border: 1px solid black;
}

table{border:5px solid #000;}

th, td {padding:5px;text-align:center;}

th, tr.totali td{background:#6CB121; color:#fff;}

tr:nth-child(even) {
  background-color: #dddddd;
}

tr.totali{font-weight:600 !important;}

tr.totali td {border-top: 5px solid black;}

td:nth-child(1), th:nth-child(1), td:nth-child(4), th:nth-child(4), td:nth-child(7), th:nth-child(7), td:nth-child(9), th:nth-child(9), td:nth-child(12), th:nth-child(12), td:nth-child(15), th:nth-child(15){
  border-right: 5px solid black;
}

tr:nth-child(1) th:nth-child(2), tr:nth-child(1) th:nth-child(3), tr:nth-child(1) th:nth-child(4), tr:nth-child(1) th:nth-child(5), tr:nth-child(1) th:nth-child(6){border-right: 5px solid black;}

.loginweb{width:500px; height:auto; color:#000; background:#fff; margin:100px auto auto; padding:50px; border-radius:20px;}

.loginweb .tx-felogin-pi1 h3, .loginweb .tx-felogin-pi1 > div, .loginweb .tx-felogin-pi1 legend{display:none;}

.loginweb .tx-felogin-pi1 label{width:100%; padding-bottom:5px;float:left;}

.loginweb .tx-felogin-pi1 input{width:100%; padding:10px; background:#ddd; float:left; margin-bottom:20px;}

.loginweb .tx-felogin-pi1 input[type=submit]{
	
	background:#6CB121; color:#fff;
	
}.logOut{float:right; display:inline-block; padding-right:20px; margin-left:20px;}.logOut div {color:#fff; font-size:0.9em; font-weight:bold; margin-bottom:5px;}.logOut .tx-felogin-pi1 h3, .logOut .tx-felogin-pi1 > div, .logOut .tx-felogin-pi1 legend{display:none;}.logOut .tx-felogin-pi1 input[type=submit]{	background:#F1E318; color:#000; padding:8px; width:100%; font-size:1em; font-weight:600; cursor:pointer;}

.frame-ruler-before{width:100%; color:#000; background:#fff; padding:20px; margin:20px 0px;}.print-link{float:right; display:inline-block; padding:17px 20px; color:#000; background:#F1E318; cursor:pointer; position:relative; z-index:100;}.editPage{float:right; display:inline-block; padding:14.5px 20px; color:#000; background:#F1E318; cursor:pointer; position:relative; z-index:100; text-decoration:none; margin-right:20px;}

.color1{
  background: rgba(255, 255, 51, 0.6) !important;
  color: #000 !important;
}

.color2{
  background: rgba(153, 255, 51, 0.6) !important;
  color: #000 !important;
}

.color3{
  background: rgba(102, 255, 255, 0.6) !important;
  color: #000 !important;
}

.color4{
  background: rgba(255, 153, 51, 0.6) !important;
  color: #000 !important;
}

.color5{
  background: rgba(255, 102, 102, 0.6) !important;
  color: #000 !important;
  font-weight:600;
}
