.footer {
	 
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #999;
	text-align: center;
	background-color: #000;
	border-top: 1px solid #E5E5E5;
}

.container-border{
  border: 1px solid #ccc;
  border-radius: 5px;  
}
.table > tbody > tr.ticketNotAssigned > td, .table > tbody > tr.ticketNotAssigned > th, .table > tbody > tr > td.ticketNotAssigned, .table > tbody > tr > th.ticketNotAssigned, .table > tfoot > tr.ticketNotAssigned > td, .table > tfoot > tr.ticketNotAssigned > th, .table > tfoot > tr > td.ticketNotAssigned, .table > tfoot > tr > th.ticketNotAssigned, .table > thead > tr.ticketNotAssigned > td, .table > thead > tr.ticketNotAssigned > th, .table > thead > tr > td.ticketNotAssigned, .table > thead > tr > th.ticketNotAssigned {
	background-color: #aa1f67;
	color: white
}
.table > tbody > tr.ticketAssigned > td, .table > tbody > tr.ticketAssigned > th, .table > tbody > tr > td.ticketAssigned, .table > tbody > tr > th.ticketAssigned, .table > tfoot > tr.ticketAssigned > td, .table > tfoot > tr.ticketAssigned > th, .table > tfoot > tr > td.ticketAssigned, .table > tfoot > tr > th.ticketAssigned, .table > thead > tr.ticketAssigned > td, .table > thead > tr.ticketAssigned > th, .table > thead > tr > td.ticketAssigned, .table > thead > tr > th.ticketAssigned {
	background-color: #867411;
	color: white
}

th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(180deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}
 
.bc-head-txt-label {
	left: calc(50% - .5rem);
	line-height: 1;
	padding-top: .5rem;
	position: relative;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.rotate_text {
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.rotated_cell {
    width: 10%;
    text-align: right;
    vertical-align: bottom;
    padding: 1px;
    padding-bottom: 10px;
    padding-top: 20px;
}