.highcharts-tooltip>span {
    background: white;
    border: 1px solid silver;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #888;
    padding: 8px;
}

.truncateextralong {
     max-width: 42em;
     overflow: hidden;
     display: inline-block;
     text-overflow: ellipsis;
     white-space: nowrap;

 }

.truncatextralong {
     max-width: 22em;
     overflow: hidden;
     display: inline-block;
     text-overflow: ellipsis;
     white-space: nowrap;

 }

.truncatelong {
     max-width: 12em;
     overflow: hidden;
     display: inline-block;
     text-overflow: ellipsis;
     white-space: nowrap;

 }

 .truncate {
     max-width: 6em;
     overflow: hidden;
     display: inline-block;
     text-overflow: ellipsis;
     white-space: nowrap;

 }

.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}

.popup_content {
	display: none;
	position: fixed;
	top: 15%;
	left: 15%;
	width: 65%;
	height: 65%;
	padding: 16px;
	border: 1px solid  #373b41;
	background-color: #1d1f21;
	color: #c5c8c6;
	z-index:1002;
}

.confirm_content {
    display: none;
    position: fixed;
    top: 15%;
    left: 15%;
    width: 65%;
    padding: 16px;
    border: 1px solid  #373b41;
    background-color: #1d1f21;
    color: #c5c8c6;
    z-index:1002;
    
}


    [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
            font-family: Flaticon;
            font-size: 20px;
            font-style: normal;
            margin-left: 5px;
        }
    .clickable:before {
        color: #81a2be;
    }
    .non-clickable:before{
        color: #c5c8c6;
    }
    .invalid:before{
        color: #3c3f42;
    }

   
    .normal-text {color:#c5c8c6;}

  
    .error:before{
        color: #c86452;
    }
    .warn:before{
        color: #eec761;
    }

.rotate {
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}

td.rotate {
  /* Something you can count on */
  white-space: nowrap;
}

td.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(270deg);
  width: 40px;
}
td.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}
/*  color:  #81a2be */
.text-link A:link {text-decoration: none;color:  #81a2be;}
.text-link A:visited {text-decoration: none;color:  #81a2be;} 
.text-link A:active {text-decoration: none;color:  #81a2be;}
.text-link A:hover {text-decoration: none; color: #cc6666;}    


A:link {text-decoration: none;}
A:visited {text-decoration: none;} 
A:active {text-decoration: none;}
A:hover {text-decoration: none; }

/* redefine table 
.table_ct {
    th {
        color: #11111f;
        font: {
            weight: normal!;
        }
    }
*/
table.table_ct tr td th {
        color: #11111f;
        font-weight: normal;
        font: {
            weight: normal;
        }
    }
