.normal{/*background:rgba(255,255,255, 0.6);*/}
.normal table     {border-spacing:0; border-collapse:collapse;}
.normal td        {vertical-align:top;padding-left:10px;font-size:12px;/*padding:4px; padding:0;*/}

.panel{margin-top:1%;margin-left:1%;margin-right:1%;margin-bottom:1%;background-color:#fff;border-radius:4px;}
.panel-body{padding:15px 15px 0px 15px}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}
.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}
.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}
.list-group+.panel-footer{border-top-width:0}
.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}
.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}
.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd*/}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{/*border-color:#337ab7*/}.panel-primary>.panel-heading{color:#fff;background-color:#58749b;}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}

.panel .panel-infobox
{
	display:none;
	margin:0;
	border-radius:0;
	border:0;
	text-align:justify;
}

.panel .panel-infobox .panel-heading{
	
	border-radius:0;
	background:#ffcf9d;	
	text-align:center;
}
.panel .filterTitle{
	
	text-align:left;
	padding:10px 10px 20px 10px;
	/*border-bottom:1px solid #D8D9D8;*/
	font-size:10pt;
	
}

.switchToggle {text-align:center;}
.switchToggle input[type=checkbox]{height: 0; width: 0; visibility: hidden; position: absolute; }
.switchToggle label {cursor: pointer; text-indent: -9999px; width: 70px; max-width: 70px; height: 24px; background: #d1d1d1; display: block; border-radius: 100px; position: relative; }
.switchToggle label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border-radius: 90px; transition: 0.3s; }
.switchToggle input:checked + label, .switchToggle input:checked + input + label  {background: #28a745; }
.switchToggle input + label:before, .switchToggle input + input + label:before { position: absolute; top: 5px; left: 35px; width: 26px; height: 20px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {position: absolute; top: 5px; left: 10px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {left: calc(100% - 2px); transform: translateX(-100%); }
.switchToggle label:active:after {width: 60px; } 
.toggle-switchArea { margin: 10px 0 10px 0; }


#main-content{	
				
			/*	background-color:#fff;
				background-image:url("../media/chart-icons/motiment_80_t.png");
				background-position:center 75;
				background-size:100%;
				background-repeat: repeat-y, round;
				opacity: 0.1;	 */
				z-index:1;			
				position:relative;	
				/*margin-top:50px;*/
				padding-top:0px;
				padding-left:0px;
				padding-right:0px;
				/*border:1px solid #D8D9D8;*/
				/*width:800px;*/
				position:relative;
				
			}

.iconHeader{
	width: 48px;
	vertical-align:middle;
}

.iconLetter{
	
	 display: table-cell;
	 text-align:center;
	 vertical-align:middle;
	 height:50px;
	 width:50px;
	 border-radius:10px;
	
}

.iconLetter2{
	
	 display: table-cell;
	 text-align:center;
	 vertical-align:middle;
	 height:30px;
	 width:30px;
	 margin:5px;
	 border-radius:10px;
	
}

.pageHeader{	
	font-family: "Open Sans","Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,sans-serif;
	font-weight:200;
	font-size:22pt;
	color: #293846;
	/*padding:0px 10px;*/
	padding:0px;
}

.filterIcon{
	height:20px;
	margin-right:5px;
	margin-bottom:4px;
}
/*
.filterIcon
{
	
	float:left;
	
	/*margin:-5px 0 15px 0;
	height:25px;
	color:#fff;
	cursor:pointer;
	text-align:center;
	display:inline-block;
	margin:5px;
	
}*/

.filterIcon2
{
	
	height:20px;
	margin:5px;
	cursor:pointer;
	text-align:center;

}


#chartPeriod, #chartPeriod2{
	border-radius:5px;
	border: 1px solid #A4A4A4;
	min-height: 14px;	
    text-align:center;
	padding: 5px 5px 5px 5px;
}

.chart-div{
	background-color:#fff;
				background-image:url("../media/chart-icons/motiment_80_t.png");
				background-position:center 75;
				background-size:100%;
				background-repeat: repeat-y, round;	
				z-index:1;	
				
	width:700px;
	text-align:center;
	/*margin-right:1%;*/
	float:left;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05), 0 0 0 1px rgba(63,63,68,.1));box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 0 0 1px rgba(63,63,68,.1);
	-webkit-print-color-adjust: exact; 
}

.chart-div-c{
	
	background-color:#fff;
				background-image:url("../media/chart-icons/motiment_80_t.png");
				background-position:center 75;
				background-size:100%;
				background-repeat: repeat-y, round;	
				z-index:1;	
				
	width:700px;
	text-align:center;
	/*font-size:180%;*/
	/*margin-right:1%;*/
	float:left;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05), 0 0 0 1px rgba(63,63,68,.1));box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 0 0 1px rgba(63,63,68,.1);
	-webkit-print-color-adjust: exact; 
	/*zoom:80%;*/
}

.chart-div-sub{
	
	width:180px;

	margin-left:0px;
	margin-right:0px;
	text-align:center;
	/*margin-right:1%;*/
	float:left;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05), 0 0 0 1px rgba(63,63,68,.1));box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 0 0 1px rgba(63,63,68,.1);
	-webkit-print-color-adjust: exact; 
}

.chart-div-percent{
	width:220px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	float:left;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05), 0 0 0 1px rgba(63,63,68,.1));box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 0 0 1px rgba(63,63,68,.1);
	-webkit-print-color-adjust: exact; 
}
.filter_tbl{
		margin:5px 5px 5px 5px;
		font-size:12px;
}
.filter_sub{
	float:left;
	text-align:left;
	margin:5px 5px 5px 5px;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.tbl_sub:hover{
	font-weight:bold;
	/*color:red;*/
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
 .circle
    {    
        padding: 10px 11px;
        width: 2px;
        border-radius: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 1%;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    }

.td240 , .td240p{
	
	width:16%;
	padding:2px;
}

.td240
{
	background-color: #94BC78;
	text-align:center;
	border-radius:50px;
	color:#fff;
	float:left;
	margin-top:5px;
}

.td240p
{
	background-color: #FF9966;
	text-align:center;
	border-radius:50px;
	color:#fff;
	float:left;
	margin-top:5px;
	margin-left:2px;
}


.iconLine{font-weight:bolder;}
.swRow{
	cursor:pointer;
}
.swRow2{
	cursor:pointer;
}

.monthPeriod{
	
	float:left;
	margin-right:4px;
	font-size:12px;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.period{
	
	float:left;
	margin-right:5px;
	font-size:14px;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.row_period{
	
	max-width:150px;
	text-align:left;
	font-size:12px;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.periodSub{
	
	float:left;
	font-size:13px;
	margin-right:5px;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.percent_filter{
	float:left;
	text-align:left;
	margin:5px 5px 5px 5px;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.percentType1{
	color:red;
}
.percentType2{
	color:#ff8000;
}
.percentType3{
	color:#ffb399;
}
.percentType4{
	color:#8fbc8f;
}
.percentType5{
	color:green;
}

.filterType1{
	background-color:red;
}
.filterType2{
	background-color:#ff8000;
}
.filterType3{
	background-color:#ffb399;
}
.filterType4{
	background-color:#8fbc8f;
}
.filterType5{
	background-color:green;
}

.otherStatus
{
  text-align:left;
  margin: 5px 5px 5px 5px;
  float:left;
}

.otherSWsub
{
  font-weight:10pt;
  max-width:140px;
  overflow:hidden;
  text-align:left;
  cursor: help;
}

.apnLine2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#595959;
	text-align:left;
}

.apnLine{
		 
		 font-family:Verdana, Arial, Helvetica, sans-serif;
		 font-weight: bold;
		 font-size:14px;
		 color:#595959;
		 padding-left: 20px;
		  float:left;
		  text-align:left;
		  cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
		 }
		 
.eventText{
		font-weight:normal;
	font-size:12px;
}	
.eventNum{
	font-weight:bold;
	font-size:14px;
	padding-left:10px;
}		 
		 
		 
		 
.chartLineTD{
	padding-left: 20px;
	
}
.chartLine{	
			display:none;
		    background-color: rgb(0, 102, 153);
		  /*  background-image: linear-gradient(to top, #006699 0%, #003366 100%);*/
			border-radius:50px;
			border-top-right-radius:50px;
			border-bottom-right-radius:50px;
			float:left;
			min-height: 22px;
}

/*
.chartLine:hover{
	
	filter: brightness(1.4);
	
}
*/

.chartLine2{
	color:#595959;
	float:left;
	padding-top:2px;
	padding-left:7px;
	font-size:13px;
	
	font-weight:bold;
}

.chartLine2 span{
	
	font-weight:normal;
	font-size:12px;
}

.chartLineUser{	
		    display:none;
		  /*  background-image: linear-gradient(to top, #006699 0%, #003366 100%);*/
			border-radius:50px;
			border-top-right-radius:0px;
			border-bottom-right-radius:0px;
			float:left;
			background:#94BC78;
			text-align:center;
			min-width:1px;
			color:white;
			font-weight:normal;
			
			}
.chartLineUser2{	
			 display:none;
		   /* background-color: rgb(0, 102, 153);*/
		  /*  background-image: linear-gradient(to top, #006699 0%, #003366 100%);*/
			border-radius:50px;
			border-top-left-radius:0px;
			border-bottom-left-radius:0px;
			float:left;
			background:#FF9966;
			text-align:center;
			min-width:1px;
			color:white;
			font-weight:normal;
			
			}
.chartLineSwUser span, .chartLineEvent span{
	
	  vertical-align: middle;
	  position: relative;
	  font-size:10px;
}	
.chartLineSwUser, .chartLineEvent{	
		    
			display:none;
			
		  	border-radius:50px;
			border-top-right-radius:0px;
			border-bottom-right-radius:0px;
			
			float:left;
			text-align:center;
			min-width:1px;
			color:white;
			font-weight:normal;
			/*display: inline-block;*/
			 
			 min-height:22px;
			padding-top: 4px;
			font-size: 11px;
			
			}
/*
.chartLineSwUser:hover{
	box-shadow:0px 0px 3px 3px #333;
	filter: brightness(1.4);
}*/

.chartLineP2P{
	  	display:block;
		float:left;
		text-align:center;
		min-width:1px;
		color:white;
		font-weight:normal;
	    min-height:22px;
		padding-top: 4px;
        font-size: 11px;
		/*cursor:pointer;*/
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}


.eventIcons
{
	color:#fff;
	cursor:pointer;
	padding:0px 10px 0px 10px;
	border-radius:50px;
	text-align:center;
	background-color:rgb(0, 102, 153);
	display:inline-block;
	margin:5px;
	
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.swIcons
{
	color:#fff;
	cursor:pointer;
	padding:0px 10px 0px 10px;
	border-radius:50px;
	text-align:center;
	background-color:rgb(0, 102, 153);
	display:inline-block;
	margin:5px;
	
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.swIcons2
{
	color:#fff;
	cursor:pointer;
	padding:0px 10px 0px 10px;
	border-radius:50px;
	text-align:center;
	background-color:rgb(0, 102, 153);
	display:inline-block;
	margin:5px;
}

.swRow2.line {
	
	border-radius:50px;
	float:left; 
	height:14px;
	margin-top:2px;
	min-width:2px;
	
}


#numOfAlphabetic{
	
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
	border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
#numOfCalc{
	
	border-radius:0;
}
#numOfKeyboard{
	border-radius:0;
}
#numOfEnter{
	
	border-radius:0;
}
#numOfFunctionKey{
	
	border-radius:0;
}
#numOfMouseClick{
	
	border-radius:0;
}
#numOfLeftMouseClick{
	
	border-radius:0;
}
#numOfLeftMouseDoubleClick{
	
	border-radius:0;
}
#numOfMiddleMouseClick{
	
	border-radius:0;
}
#numOfMiddleMouseDoubleClick{
	
	border-radius:0;
}
#numOfModification{
	
	border-radius:0;
}
#numOfMouseClickUp{
	
	border-radius:0;
}
#numOfMouseWheel{
	
	border-radius:0;
}
#numOfNavigation{
	
	border-radius:0;
}
#numOfNumeric{
	
	border-radius:0;
}
#numOfOther{
	
	border-radius:0;
}
#numOfRightMouseClick{
	
	border-radius:0;
}
#numOfRightMouseDoubleClick{
	
	border-radius:0;
}
#numOfShortcut{
	
	border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
	border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#numOfSpecialAlphabetic{
	
	border-radius:0;
}
#numOfSpecialMouseEvent{
	
	border-radius:0;
}

.tgUserRow
{
	font-weight:bold;
}

.tg th{
	
	background:#fff;
}

.toggleDiv{
	
	display:none;
	text-align: left;
	margin-top:5px;
}

.toggleImg
{
	
	float:left;
	border-radius:10px;
	/*margin:-5px 0 15px 0;*/
	height:40px;
	
}

.chart-div-um{

float:left;
width:1500px;
overflow:hidden;
text-align:center;
}

#chartText{
cursor:pointer;	
font-size:20px;
FLOAT:left;
-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */   
}
/*
#chartText:hover {
	color:#dc3545;
	background: #fff;
    border-radius: 50%;
}*/

#saveImage, #saveImage2, #savePDF, #generateCSV
{
	color:#000;
	text-decoration:none;
}

.panel-infotext
{
	padding-bottom:15px;
}

.filterHR
{
	margin-top: 0.5rem;
    margin-bottom: 0.25rem;
}
.swFa{
	color: #17a2b8;
}
.transformed{
	
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	transform": rotate(270deg) ;/* For modern browsers(CSS3)  */
	
}

#disabled_div
{	
	/*display:none;*/
	pointer-events: none; 
	opacity: 0.4;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}
.filter_txt{
	float:left;
}
.title_data_range_text{
	
	font-size:13px;
	margin:5px 0px 0px 10px;
	
}

.ctn{
	transform:scale(1);
	transform-origin:0 0;
}