	.table-header-rotated th.row-header{

	  width: auto;

	}



	.table-header-rotated th.no-rotate {

		border-top: 1px solid #fff;

		border-left: 1px solid #fff;

		border-right: 1px solid #fff;

		vertical-align: middle;

		text-align: center;

		color: white;

	}

	th.no-rotate:nth-child(odd), th.rotate-45:nth-child(odd) > div {
		background-color: #AC0707;
	}
	th.no-rotate:nth-child(even), th.rotate-45:nth-child(even) > div {
		background-color: #BB3D3B;
	}

	th:first-child {
		width: 236px;
	}

	.table-header-rotated td{

	  width: 40px;

	  border-top: 1px solid #fff;

	  border-left: 1px solid #fff;

	  border-right: 1px solid #fff;

	  vertical-align: middle;

	  text-align: center;

	  padding: 10px;

	}



	.table-header-rotated th.rotate-45{

	  height: 80px;

	  width: 40px;

	  min-width: 40px;

	  max-width: 40px;

	  position: relative;

	  vertical-align: bottom;

	  padding: 0;

	  font-size: 12px;

	  line-height: 0.8;

	  color: white;

	}



	.table-header-rotated th.rotate-45 > div{

	  position: relative;

	  bottom: 0px;

	  left: 40px; /* 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);

	  /*transform: rotate(-90deg);*/

	  overflow: hidden;

	  border-left: 1px solid #fff;

	  border-right: 1px solid #fff;

	  border-top: 1px solid #fff;

	}


	.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);

	  /*transfrom: rotate(90deg);*/

	  position: absolute;

	  bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/

	  left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/

	  display: inline-block;

	  /* width: 100%;*/

	  width: 85px; /* 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 tbody tr:nth-child(even)  { background: #BB3D3B }
	.table-header-rotated tbody tr:nth-child(odd) { background: #AC0707; }

	tbody {
		color: white;
	}
    /*.col-alt-1 {
        background-color: #e8bc6d;
    }

    .col-alt-2 {
        background-color: #ffce77;
    }*/

    .filterText {
        /*font-size: 12pt;
		color: #1b4264;*/
		color: black;
	}

	.filter-text-red
	{
		color: #AC0707;
	}

    .button {
        border-radius: 3px;
        border: none;
        color: white;
        background-color: #AC0707;
        padding: 5px 10px;
        cursor: pointer;
    }

    tbody a {
        text-decoration: none;
		/*color: #1346b9;*/
		color: white;
		font-weight: bold;
    }

	tbody a:visited {
		color: #e4d1d3;
	}

    tbody a:hover {
         text-decoration: underline;
         color: #e4d1d3;
	}

.ag-dropdown {
  transform: translateY(-50%);
}

a {
  color: #fff;
}

.ag-dropdown dd,
.ag-dropdown dt {
  margin: 0px;
  padding: 0px;
}

.ag-dropdown ul {
  margin: -1px 0 0 0;
}

.ag-dropdown dd {
  position: relative;
}

.ag-dropdown a,
.ag-dropdown a:visited {
  color: #fff;
  text-decoration: none;
  outline: none;
  font-size: 12px;
}

.ag-dropdown dt a {
	background-color: white;
	border: 1px solid #AC0707;
  display: block;
  padding: 8px 20px 5px 10px;
  min-height: 25px;
  line-height: 24px;
  overflow: auto;
  border: 0;
  width: 350px;
  max-height: 70px;
}

.ag-dropdown dt a span,
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
  color: #AC0707;
}

.ag-dropdown dd ul {
	/*background-color: #AC0707;*/
	background-color: #FFFFFF;
  border: 0;
  color: #000;
  display: none;
  left: 0px;
  padding: 2px 15px 2px 5px;
  position: absolute;
  top: 2px;
  width: 350px;
  list-style: none;
  height: 200px;
	overflow: auto;
	border-left: 1px solid #AC0707;
	border-right: 1px solid #AC0707;
	border-bottom: 1px solid #AC0707;
}

.ag-dropdown span.value {
  display: none;
}

.ag-dropdown dd ul li a {
  padding: 5px;
  display: block;
}

.ag-dropdown dd ul li a:hover {
  background-color: #fff;
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2e9;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#wrap {
    overflow: auto;
    height: 600px;
}

thead {
	background-color: white;
}

input[type=text] {
	max-width: 100%;
}

input[type=checkbox] {
	margin-right: 4px;
}

div#wrap::-webkit-scrollbar {
    display: none;
}

div#wrap {
	 -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}