﻿.Subtable-Main {
	background-color: transparent;
	position: relative;
	display: flex;
	flex-direction: column;
	padding-bottom: 5px
}


.Subtable-Buttons {
	background-color: transparent;
	padding: 0px;
	overflow: hidden;
	align-items: baseline
	/*height: 100%*/
}

.Subtable-TitleButton:focus {
	border: none;
	outline: none;
}

.Subtable-TitleButton {
	background-color: transparent;
	display: inline-block;
	align-items: baseline;
	cursor: pointer;
	/*color: #1F1F23;*/
	color: rgba(53, 75, 100, 0.8);
	height: 48px;
	font-size: 18px;
	font-weight: 500;
	/*letter-spacing: -1px;*/
	padding: 0px 15px 0px 10px;
	border: none;
	outline: none;
	/*font-family: Arial;*/
	/*font-weight: bold;*/
	/*padding: 6px 24px;*/
	/*text-decoration: none;*/
	/*text-shadow: 0px 1px 0px #ffffff;*/
	/*margin-bottom: 3px;*/
}

.Subtable-TitleButton:focus {
	border: none;
	outline: none;
}

.Subtable-TitleButton:hover {
	background-color: transparent;
	cursor: pointer;
	color: rgba(53, 75, 100, 1);
}

.Subtable-TitleButton:active {
	position: relative;
	top: 1px;
}

.mcToggleButtonItem, .mcToggleButtonItem:active, .mcToggleButtonItem:focus {
		border: 0.5px solid rgba(00, 00, 00, 0.2);
		outline: none
}

.dyn-label-left, .dyn-label-right, .dyn-label-bottom, .dyn-label-top, .dyn-label-right-checkbox {
	position: absolute;
	background: transparent;
	color: rgba(0, 0, 0, 0.7);
	font-size: 11px;
}

.dyn-label-left {
	left: 0;
	/* height: 100%; - with height:100%, the label is on top, not centered*/
	margin-left: -2px;
	transform: translate(-100%);
	white-space: nowrap;
	align-self: center;
	margin-bottom: 0px !important
}

.dyn-label-right {
	/* height: height: 100%; - with height:100%, the label is on top, not centered*/
	margin-right: -2px;
	right: 0;
	transform: translate(100%);
	white-space: nowrap;
	align-self: center;
	margin-bottom: 0px !important
}

.dyn-label-right-checkbox {
	margin-right: -2px;
	white-space: nowrap;
	align-self: center;
	margin-bottom: 0px !important
}

.dyn-label-top {
	left: 2px;
	margin: 0px;
	top: -15px;
	text-align: left;
}

.dyn-label-bottom {
	margin: 0;
	bottom: -15px;
	text-align: left;
}