th.chartheaderrotate {
  /* Something you can count on */
  height: 100px;
  white-space: nowrap;
  color: #ECF0F1 !important;
  /*background: rgba(52,73,94,.94) !important;*/
  vertical-align: bottom;
}

th.chartheaderrotate > div
{
    transform: translate(4px, 60px) rotate(270deg);
    width: 27px;
}
th.chartheaderrotate > div {
  border-bottom: 1px solid #ccc;
  padding: 5px 0px;
}

.tdcenter
{
  text-align: center;
  /* width: 30px; */
  padding: 0px 2px 0px 2px !important;
}

.tdred
{
  background-color: rgba(255,0,0,0.05);
  width: 10px;
}

.tdgreen
{
  background-color: rgba(0,255,0,0.05);
  width: 10px;
}

.tdcenter {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

/* for the punchcard graphs */
.g1p { min-width:1px; height: 10px; }
.gpn { background-color:#1ABB9C !important; }
.gpo { background-color:rgba(52,73,94,.88) !important; }

.g1pgpn { min-width:1px; height: 10px; background-color:#1ABB9C !important;}
.g1pgpo { min-width:1px; height: 10px; background-color:rgba(52,73,94,.88) !important;}
}

/* charts */

.chartup5 { background-color: #b3ffb3 !important;}
.chartup10 { background-color: #80ff80 !important;}
.chartup20 { background-color: #4dff4d !important;}
.chartup50 { background-color: #00cc00 !important;}
	
.chartdown5 { background-color: #FFA07A !important;}
.chartdown10 { background-color: #FA8072 !important;}
.chartdown20 { background-color:#CD5C5C !important;}
.chartdown50 { background-color: #8B0000 !important;}
.chartnew { background-color: #ffff80 !important;}

/* hourly playment chart for the verticle lines */
.hpct{  border-left: 1px solid #ddd; text-align: center;}
                        
/*print stuff*/
@media print
{

  .printerhide
  {
    display: none !important;
  }
  
  .table-responsive {
      min-height: 100%;
      overflow-x: visible;
  }
  
  td.chartup5 { background-color: #b3ffb3 !important;}
  td.chartup10 { background-color: #80ff80 !important;}
  td.chartup20 { background-color: #4dff4d !important;}
  td.chartup50 { background-color: #00cc00 !important;}
  td.chartdown5 { background-color: #FFA07A !important;}
  td.chartdown10 { background-color: #FA8072 !important;}
  td.chartdown20 { background-color:#CD5C5C !important;}
  td.chartdown50 { background-color: #8B0000 !important;}
  td.tdcenter { text-align: center; }  
  td.tdred { background-color: rgba(255,0,0,0.05) !important; width: 10px; }
  td.tdgreen { background-color: rgba(0,255,0,0.05) !important; width: 10px; }  
  td.tdcenter { margin: 0 !important; padding: 0 !important; text-align: center; }
  th.chartheaderrotate { color: #ECF0F1 !important; display: table-cell !important; /*background: rgba(52,73,94,.94) !important; */}
  th.chartheaderrotate > div { transform: translate(4px, 52px) rotate(270deg)  !important; width: 27px !important; }

  body .container.body .right_col { background: #ffffff !important; } 

}

.metadatatag
{
  padding: 3px;
  font-size: smaller;
  background-color: #ddd;
  color: salmon;
  border-radius: 3px;
}

.metadatatagexplicit
{
  padding: 3px;
  font-size: smaller;
  background-color: #888888;
  color: white;
  border-radius: 3px;
}


@media print {
  a[href]:after {
    content: none !important;
  }
  body {-webkit-print-color-adjust: exact !important;}
}

/* Printing solution found here: https://gist.github.com/donnierayjones/6fd9802d992b2d8d6cfd*/
@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  
  th.column-title, td.chartheaderrotate
  {
    background:rgba(52,73,94,.94) !important;
  }
  
}


.spl0 {background-color: RGBA(5,255,0,.2); }
.spl1 {background-color: RGBA(5,255,0,.2); }
.spl2 {background-color: RGBA(10,255,0,.2); }
.spl3 {background-color: RGBA(15,255,0,.2); }
.spl4 {background-color: RGBA(20,255,0,.2); }
.spl5 {background-color: RGBA(25,255,0,.2); }
.spl6 {background-color: RGBA(30,255,0,.2); }
.spl7 {background-color: RGBA(35,255,0,.2); }
.spl8 {background-color: RGBA(40,255,0,.2); }
.spl9 {background-color: RGBA(45,255,0,.2); }
.spl10 {background-color: RGBA(51,255,0,.2); }
.spl11 {background-color: RGBA(56,255,0,.2); }
.spl12 {background-color: RGBA(61,255,0,.2); }
.spl13 {background-color: RGBA(66,255,0,.2); }
.spl14 {background-color: RGBA(71,255,0,.2); }
.spl15 {background-color: RGBA(76,255,0,.2); }
.spl16 {background-color: RGBA(81,255,0,.2); }
.spl17 {background-color: RGBA(86,255,0,.2); }
.spl18 {background-color: RGBA(91,255,0,.2); }
.spl19 {background-color: RGBA(96,255,0,.2); }
.spl20 {background-color: RGBA(102,255,0,.2); }
.spl21 {background-color: RGBA(107,255,0,.2); }
.spl22 {background-color: RGBA(112,255,0,.2); }
.spl23 {background-color: RGBA(117,255,0,.2); }
.spl24 {background-color: RGBA(122,255,0,.2); }
.spl25 {background-color: RGBA(127,255,0,.2); }
.spl26 {background-color: RGBA(132,255,0,.2); }
.spl27 {background-color: RGBA(137,255,0,.2); }
.spl28 {background-color: RGBA(142,255,0,.2); }
.spl29 {background-color: RGBA(147,255,0,.2); }
.spl30 {background-color: RGBA(153,255,0,.2); }
.spl31 {background-color: RGBA(158,255,0,.2); }
.spl32 {background-color: RGBA(163,255,0,.2); }
.spl33 {background-color: RGBA(168,255,0,.2); }
.spl34 {background-color: RGBA(173,255,0,.2); }
.spl35 {background-color: RGBA(178,255,0,.2); }
.spl36 {background-color: RGBA(183,255,0,.2); }
.spl37 {background-color: RGBA(188,255,0,.2); }
.spl38 {background-color: RGBA(193,255,0,.2); }
.spl39 {background-color: RGBA(198,255,0,.2); }
.spl40 {background-color: RGBA(204,255,0,.2); }
.spl41 {background-color: RGBA(209,255,0,.2); }
.spl42 {background-color: RGBA(214,255,0,.2); }
.spl43 {background-color: RGBA(219,255,0,.2); }
.spl44 {background-color: RGBA(224,255,0,.2); }
.spl45 {background-color: RGBA(229,255,0,.2); }
.spl46 {background-color: RGBA(234,255,0,.2); }
.spl47 {background-color: RGBA(239,255,0,.2); }
.spl48 {background-color: RGBA(244,255,0,.2); }
.spl49 {background-color: RGBA(249,255,0,.2); }
.spl50 {background-color: RGBA(255,255,0,.2); }
.spl51 {background-color: RGBA(255,255,0,.2); }
.spl52 {background-color: RGBA(255,249,0,.2); }
.spl53 {background-color: RGBA(255,244,0,.2); }
.spl54 {background-color: RGBA(255,239,0,.2); }
.spl55 {background-color: RGBA(255,234,0,.2); }
.spl56 {background-color: RGBA(255,229,0,.2); }
.spl57 {background-color: RGBA(255,224,0,.2); }
.spl58 {background-color: RGBA(255,219,0,.2); }
.spl59 {background-color: RGBA(255,214,0,.2); }
.spl60 {background-color: RGBA(255,209,0,.2); }
.spl61 {background-color: RGBA(255,204,0,.2); }
.spl62 {background-color: RGBA(255,198,0,.2); }
.spl63 {background-color: RGBA(255,193,0,.2); }
.spl64 {background-color: RGBA(255,188,0,.2); }
.spl65 {background-color: RGBA(255,183,0,.2); }
.spl66 {background-color: RGBA(255,178,0,.2); }
.spl67 {background-color: RGBA(255,173,0,.2); }
.spl68 {background-color: RGBA(255,168,0,.2); }
.spl69 {background-color: RGBA(255,163,0,.2); }
.spl70 {background-color: RGBA(255,158,0,.2); }
.spl71 {background-color: RGBA(255,153,0,.2); }
.spl72 {background-color: RGBA(255,147,0,.2); }
.spl73 {background-color: RGBA(255,142,0,.2); }
.spl74 {background-color: RGBA(255,137,0,.2); }
.spl75 {background-color: RGBA(255,132,0,.2); }
.spl76 {background-color: RGBA(255,127,0,.2); }
.spl77 {background-color: RGBA(255,122,0,.2); }
.spl78 {background-color: RGBA(255,117,0,.2); }
.spl79 {background-color: RGBA(255,112,0,.2); }
.spl80 {background-color: RGBA(255,107,0,.2); }
.spl81 {background-color: RGBA(255,102,0,.2); }
.spl82 {background-color: RGBA(255,96,0,.2); }
.spl83 {background-color: RGBA(255,91,0,.2); }
.spl84 {background-color: RGBA(255,86,0,.2); }
.spl85 {background-color: RGBA(255,81,0,.2); }
.spl86 {background-color: RGBA(255,76,0,.2); }
.spl87 {background-color: RGBA(255,71,0,.2); }
.spl88 {background-color: RGBA(255,66,0,.2); }
.spl89 {background-color: RGBA(255,61,0,.2); }
.spl90 {background-color: RGBA(255,56,0,.2); }
.spl91 {background-color: RGBA(255,51,0,.2); }
.spl92 {background-color: RGBA(255,45,0,.2); }
.spl93 {background-color: RGBA(255,40,0,.2); }
.spl94 {background-color: RGBA(255,35,0,.2); }
.spl95 {background-color: RGBA(255,30,0,.2); }
.spl96 {background-color: RGBA(255,25,0,.2); }
.spl97 {background-color: RGBA(255,20,0,.2); }
.spl98 {background-color: RGBA(255,15,0,.2); }
.spl99 {background-color: RGBA(255,10,0,.2); }
.spl100 {background-color: RGBA(255,5,0,.2); }


.topmenuli
{
border-left: 1px solid lightgray;
border-right: 1px solid lightgray;
height: 100%;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
}

li.topmenuli:hover
{
background: #D9DEE4;
}


/* MENU*/
.custom-menu {
 /*
  background: #ccc;
  display: inline-block;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
  display: none;
  */
    display: none;
  position: absolute;
  z-index: 10;
  padding: 12px;
  width: 240px;
  background-color: #fff;
  border: solid 1px #dfdfdf;
  box-shadow: 1px 1px 2px #cfcfcf;
  
}
.custom-menu ul {
 list-style: none;
 padding: 0;
 margin: 0;
}
.custom-menu li {
 display: block;
  
  color: #0066aa;
  text-decoration: none;
}
.custom-menu .selected {
  background: #990;
}
.custom-menu .hovered {
    color: #fff;
  background-color: #0066aa;
}

.gold
{
  color: #ff9900;
}
/*
*.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
 /*  -ms-user-select: none;
   user-select: none;
}
*/