@media (max-width: 767px) {
		.hidden-xs {
			display: none !important;
}
}

@media (min-width: 768px) {
		.hidden-gross {
		display: none !important;
}
}  


table thead {
	  border-width: 0px 0px 0 0 !important;
      position: sticky;
      top: 0;
      z-index: 1;
    }

    .table>thead {
      height: 130px;
    }

    .table-header-rotated {
      width: auto;
    }

    .row-header {
      width: min-content; 
    }

    .table-header-rotated td {
      width: 10px !important;
      border-top: 1px solid #dddddd;
      border-left: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
      vertical-align: middle;
      text-align: center;
    }

    .table-header-rotated th.rotate-45 {
      height: 130px;
      width: 10px !important
    /* min-width: 40px;
      max-width: 40px;
    */position: relative;
      vertical-align: bottom;
      padding: 0;
      font-size: 12px;
      line-height: 0.8;

    }

    .table-header-rotated th.rotate-45>div {
      position: relative;
      top: 0px;
      left: 65px;
      /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
      height: 100%;
      -ms-transform: skew(-45deg, 0deg);
      -moz-transform: skew(-45deg, 0deg);
      -webkit-transform: skew(-45deg, 0deg);
      -o-transform: skew(-45deg, 0deg);
      transform: skew(-45deg, 0deg);
      overflow: hidden;
      border-left: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
      border-top: 1px solid #dddddd;
      background: #369;
    }

    .table-header-rotated th.rotate-45 span {
      -ms-transform: skew(45deg, 0deg) rotate(315deg);
      -moz-transform: skew(45deg, 0deg) rotate(315deg);
      -webkit-transform: skew(45deg, 0deg) rotate(315deg);
      -o-transform: skew(45deg, 0deg) rotate(315deg);
      transform: skew(45deg, 0deg) rotate(315deg);
      position: absolute;
      bottom: 24px;
      /* 40 cos(45) = 28 with an additional 2px margin*/
      left: -10px;
      /*Because it looked good, but there is probably a mathematical link here as well*/
      display: inline-block;
      /* width: 100%; */
      width: 50px;
      /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
      text-align: left;
      white-space: nowrap;
      /*whether to display in one line or not*/
    }

    .table-header-rotated th.rotate-45 span h3 {
      font: bold 12px Sans-Serif !important;
      text-transform: uppercase;
      color: #fff;
    }


    div.flex {
      display: flex;
    }


    .s-form {
      font: bold Sans-Serif;
      text-transform: uppercase;
      color: #fff;
      background: #369;
      padding: 10px;
      margin: 10px;
    }
    
    .s-fbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    div.oval {
      width: 15px;
      height: 15px;
      margin: 0px auto 0px auto;
      border-radius: 15px;
      box-shadow: 1px 1px 1px #ccc, -1px -1px #24548B;
      background-image: -moz-linear-gradient(top, #fff, #24548B);
      background-image: -webkit-linear-gradient(top, #fff, #24548B);
      background-image: linear-gradient(top, #fff, #24548B);
      background-color: #24548B;
    }

    .table-header-rotated th.filtercheckbox {
      border-left: 1px solid #dddddd !important;
      border-right: 1px solid #dddddd !important;
      border-top: 1px solid #dddddd !important;
	  border-bottom: 2px solid #000000 !important;
      background: #fff;
    }

    .table-header-rotated th.rotate-45>div.isSelect {
      background: #a81815
    }

    #main {
      flex: 1;
      /* Main takes up all remaining space */
      order: 1;
      /* Place it after (to the right of) the navigation */
      min-width: 12em;
      /* Optimize main content area sizing */
    }

    .text-left {
      text-align: left !important;
    }

    .text-center {
      text-align: center;
      vertical-align: middle;
    }

    .arrow_right {
      /*width: 0;*/
      height: 0;
      border-style: solid;
      border-width: 18.5px 0 18.5px 32.0px;
      border-color: transparent transparent transparent #a81815;
      vertical-align: middle;
    }

    h5#Verlauf {
      padding: 0 0 0 10px;
      height: 36px;
      line-height: 0;
    }

    .center {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width:auto;
    }

    .listmargin {
      margin-left: 30px;
    }

    .form-switch {
    padding-left: 0!important;
    }

	#content button{
    width: 130px!important;
    }

    .bg-white {
	background-color: #ffffff;
    }

    .table-header-rotated th.filtercheckbox {
    padding-bottom: 0px ;
	padding-top: 0px;

    }

    .form-check-label {
    display: none !important;
    }
	
    .form-check {
    min-height: 0px!important;
    }


    .scrollTable{
	height:600px !important;
	width:980px !important;
	overflow-x:auto !important;
	}