/*----------------------------*/
.tleft {
	text-align:left;
}
.rate_A {
	text-align:center;
	color:#008000;
	font-weight:bold;	 
	font-size:150%;
}     	
.rate_B {
	text-align:center;
	color:#8BBC00;
	font-weight:bold;	 
	font-size:150%;
}     	
.rate_C {
	text-align:center;
	color:#F48400;
	font-weight:bold;	 
	font-size:150%;
}     	
.rate_D {
	text-align:center;
	color:#F00000;
	font-weight:bold;	 
	font-size:150%;
}     	
.rate_NA {
	text-align:center;
	color:black;
	font-weight:bold;	 
	font-size:150%;
}     	
.color_A  {color:#008000;}     	
.color_B  {color:#8BBC00;}     	
.color_C  {color:#F48400;}     	
.color_D  {color:#F00000;}     	
.color_NA {color:black;}     	
/*----------------------------*/
.mtkL {
	text-align:center;
	width:35px;
	font-size:10px;
}
	
.mtk {
	background-color:white;
	border:1px solid gray;
	height:5px;
}
/*----------------------------*/
.trsp {
	padding: 5px;
	font-size:14px;

}
/*----------------------------*/
.lineSeparator {
	border-bottom: 1px solid #2F7ED8;
	width:99%;
	margin-bottom:0px;
	margin-top:5px;
	font-weight:bold;
}
.lineSeparatorUp {
	border-top: 1px solid #2F7ED8;
	width:80%;
}
.halfSeparator {
	border-bottom: 1px solid #C3D9E0;
	width:90%;
	margin-bottom:0px;
	margin-top:5px;
	font-weight:normal;
}
.labelLeft {
	margin-left:15px;
	margin-right:2px;
}
.label {
	margin-left:10px;
	margin-right:2px;
}
.comment {
	font-size:10px;
	font-decoration:italic;
	margin-left:5px;
}
/*=============================PATTERNS =====================================*/
.btn_samples {
	border: 1px solid #939384;
	width:25px;
	height:25px;
}
.container_samples {
	padding-left:10px;
}

.ionButton {
	margin-left:10px;
	margin-top:10px;
	text-decoration:none;
	font-weight:bold;
	color:#13123E;
	text-align:center;
	font-size:24px;
	border: 1px solid #939384;
	width:25px;
	height:25px;		
}
.div_dashboard {
	display: inline-block;
	padding:0px;
	width: 600px;
	height: 400px;
	cursor: pointer;
	border: solid #939384 1px; 
}

.div_messageSpeed {
	padding:10px;
	padding-left:65px;
}
/* timer widget ------------------------------ */
#timer_div {
	padding:5px;
	border: solid #939384 1px;
	display: inline-block;
}
.tableWidget
{
	width:590px;
	color:white;
}

.tableWidget, .tableWidget tr,.tableWidget td
{
	border-collapse:collapse;
}

.tableWidget tr
{
	cursor: pointer;
	height:20px;
	border-right: solid #939384 1px;
}
.S0 {
	background-color:#F2F2F2;
	border-top: solid #4D4F53 1px;
	border-bottom: solid #4D4F53 1px;
}
.S1 {
	background-color:#F2F2F2;
	border-top: solid #4D4F53 1px;
	border-bottom: solid #4D4F53 1px;
	border-left:solid #4D4F53 2px;
}

#WB {
	cursor: pointer;
	display: inline-block;
	background-color:#1A7BC9;
	color:white;
	border: solid #4D4F53 1px;
	margin-left:10px;
	margin-bottom:3px;
	padding:3px;
}
/*=======bars ===========================================================================*/
    .bar-chart-bar {background-color: #e8e8e8; display: block; position:relative;}
    .bar {float: left; height: 100%; }
    .bar1 {background-color: #2F7ED8;}
    .bar2 {background-color: #215998;}
/*--------------------------------------------------------------------------------------*/
#szlider{
    width:300px;
    height:15px;
    border:1px solid #5F5545;
    overflow:hidden; }
#szliderbar{
    width:37%;
    height:15px;
    border-right: 1px solid #5F5545;
    background: #9CC8F7; }
#szazalek {
    color: #5F5545;
    left: 25px;
    position: relative;
    top: -16px; }
/*==================================================================================*/
.computing_panel {
/*	height:76px; */
	padding:10px;
	background:#f5f5f5;
	border:1px solid #1F719C;
	z-index:99;
	position:fixed;
	top:50%;
	left:40%;	
}
/*--------------------------------------------------------------------------------------*/
.computing_animation {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #FFCC33;
    border-radius: 50%;
    animation: wpdLoading 3s ease-in-out infinite;
    box-shadow: 0 0 1px 1px #1F719C;
}
/*--------------------------------------------------------------------------------------*/
@keyframes wpdLoading{
  0%{transform: translateX(0)}
  50%{transform: translateX(300px)}
  100%{transform: translateX(0)}
}
/*================history indexbuilder e hportfolio =========================================================================*/
.tableHistory {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
 }
.tableHistory td, #tableHistory th {
    border: 1px solid #ddd;
    padding: 3px;
    text-align: right;
	font-size:11px;
}
.tableHistory th {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #EBECED;
    color: black;
}
.tableHistory tr:nth-child(even){background-color: #F0F0F0;}

.tableHistory tr:hover {background-color: #9CC8F7;}

.w_expired {
	color:red;
}
.w_active {
	color:black;
}
.w_edited {
	color:blue;
}
.w_rebalance {
	color:black;
}
.keyFacts {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
	padding-right:10px;
	text-align:right;
	border:1px solid #c3d9e0;
	font-size: 1.2em;
}

/*=========================================================================================*/

/* Reusable compact style for Tabulator tables */
.tabulator {
    font-size: 12px;
	background-color: #fff;
}
.tabulator-row.tabulator-row-even {
    background-color: #fff;
}

.tr-tabulator-compact.tabulator {
	font-size: 12px;
}

.tr-tabulator-compact.tabulator .tabulator-row.tabulator-row-even {
	background-color: #fff;
}

.tr-tabulator-compact.tabulator .tabulator-row.tabulator-selected {
	color: #1e90ff;
}
/*========================== LAYOUT ==========================================*/
		html, body {
			height: 100%;
			margin: 0;
		}

		#page {
			display: grid;
			grid-template-rows: 50px 1fr;
			height: 100vh;
		}

		.layout {
			height: 100%;
			min-height: 0;
		}

		.splitRoot {
			display: flex;
			height: 100%;
			width: 100%;
			min-height: 0;
			min-width: 0;
		}

		.splitRootVertical {
			flex-direction: column;
		}

		.layoutLeft,
		.layoutRight,
		.layoutTop,
		.layoutBottom {
			min-width: 0;
			min-height: 0;
			box-sizing: border-box;
		}

		.layoutLeft,
		.layoutTop {
			overflow: auto;
		}

		.layoutRight,
		.layoutBottom {
			overflow: hidden;
		}

		.gutter {
			background-color: #ffffff;
			background-repeat: no-repeat;
			background-position: 50%;
			box-sizing: border-box;
			z-index: 5;
		}

		.gutter.gutter-horizontal {
			cursor: col-resize;
			border-left: 1px solid #d6d6d6;
			border-right: 1px solid #d6d6d6;
			background-image: none;
		}

		.gutter.gutter-vertical {
			cursor: row-resize;
			border-top: 1px solid #d6d6d6;
			border-bottom: 1px solid #d6d6d6;
			background-image: none;
		}
/*=================================================================================*/
.bwsButton {
    border: 1px solid gray;
    background-color: #2575ed;
    color: white;
    text-align: center;
    cursor: pointer;
    padding: 5px;
    text-decoration: none;
	border-radius: 4px;
}
.bwsButton:hover {
	color:orange;
}