/*
	datablock structure guide:
	
	div.datablock-wrapper[data-report-id="report-identifier"] - entire external container
		div.datablock-buttons                                 - associated buttons	
		div.datablock-header                                  - header scroller helper
			table                                             - headers table
				thead
					tr
						th
							div.datablock-header-text         - container for header text
								[HEADER TEXT]
							[RESIZE HANDLE WILL BE HERE]
		div.datablock-content                                 - content scroller area
			table                                             - content table
				colgroup
					col
				tbody
					tr[data-row-id="row-identifier"]
						td[data-field-name="db-module-field-name"]





*/

/*************************************************************************************************/
/* misc ******************************************************************************************/
/*************************************************************************************************/

.datablock-wrapper>div.json_data {
	display : none !important;
}

/*************************************************************************************************/
/* double-scroller mechanism - separated from others. don't modify without understanding *********/
/*************************************************************************************************/
.datablock-header {
	overflow-x : hidden; /* force no horizontal scroll */
	overflow-y : scroll; /* force vertical scroll ensuring padding spacer */
	width      : 100%;
}

.datablock-header>table {
	margin : 0px;
}

.datablock-content {
	overflow-x : auto;
	overflow-y : scroll;
	width      : 100%;
}

.datablock-content>table {
	margin : 0px;
}

/*************************************************************************************************/
/* special disabler class ************************************************************************/
/*************************************************************************************************/
.datablock-no-scroller>.datablock-wrapper>div {
	overflow: visible;
}

/*************************************************************************************************/
/* common datablock styling **********************************************************************/
/*************************************************************************************************/
.datablock-wrapper {
	width       : 100%;
	font-family : tahoma, verdana, arial;
	color       : #333;
}

/* some common for both header and contents */
	.datablock-wrapper>div>table {
		table-layout : fixed;
		border-collapse: collapse;
	}
		.datablock-wrapper>div>table>*>tr>* {
			border: 1px #bbb solid;
			text-align: center;
		}


	.datablock-caption {
		padding        : 5px;
		display        : inline-block;
		font-size      : 1.4em;
		vertical-align : middle;
	}
	
	.datablock-buttons {
		padding : 5px;
		width   : 100%;
		display : inline-block;
	}

		.datablock-buttons div {
			padding : 0px;
		}

		.datablock-buttons>* {
			margin : 5px;
		}
		.datablock-buttons img {
			vertical-align : text-top; /* don't know why but this is the best variant */
			margin         : 1px 7px 0px 0px;
		}
		.datablock-buttons .datablock-row-count {
			font-size: 1.4em;
			vertical-align: middle;
		}
		.datablock-filter-buttons {
		}
			.datablock-filter-buttons .btn-group {
				margin-left: 0.5em;
			}
				.datablock-filter-buttons input[type="checkbox"] {
					margin-top: 0px;
					border: 1px white solid;
				}

	.datablock-header {
		/* border : 1px #bbb solid; */
	}
		.datablock-header>table {
			text-align  : center;
			font-weight : bold;
		}
			.datablock-header th {
				height      : 2.8em;
				line-height : 1.2em;
			}
				.datablock-header .datablock-header-text {
					border   : 0px red solid;
					width    : 100%;
					padding  : 0px 0px;
					overflow : hidden;
				}

	.datablock-content {
		/* border : 1px #bbb solid; */
	}
		.datablock-content>table {
		}
		
			.datablock-content>table>tbody>tr:nth-child(odd) {
				background-color : #ffffff;
			}
			.datablock-content>table>tbody>tr:nth-child(odd):hover { 
				background-color : #dfdfdf; 
			}
			.datablock-content>table>tbody>tr:nth-child(even) {
				background-color : #f4f4f4; 
			}
			.datablock-content>table>tbody>tr:nth-child(even):hover { 
				background-color : #d4d4d4; 
			}

				.datablock-content>table>tbody>tr td {
					overflow : hidden;
					padding  : 3px;
				}

/*************************************************************************************************/
/* loadingbars ***********************************************************************************/
/*************************************************************************************************/
.button-with-loader {
	background-image    : url('../images/loadingbar.gif');
	background-position : center center;
	background-repeat   : no-repeat;
}

/*************************************************************************************************/
/* context menu **********************************************************************************/
/*************************************************************************************************/
.context_menu {
	position            : absolute;
	top                 : 10px;
	left                : 10px;
	background-color    : #ccc;
	z-index             : 900;
	box-shadow          : 3px 3px 4px 0px gray;
	border              : 1px #ccc solid;
}

.contextmenu_table {
	border-collapse     : collapse;
	min-width           : 10em;
}

.contextmenu_table tr {
	height              : 22px;
	vertical-align      : middle;
}

.contextmenu_table tr.contextmenu_divider{
	height              : 16px;
}

.contextmenu_table td {
	border-width        : 0px;
	color               : black;
	font-size           : 0.8rem;
	font-family         : verdana, tahoma, arial;
	padding             : 3px 5px 3px 2px;
	cursor              : pointer;
}

.contextmenu_table td hr {
	border-color        : #ccc white white #ccc;
	border-width        : 1px;
	border-style        : inset;
	margin-top          : 0px; /* override bootstrap values */
	margin-bottom       : 0px;
}

.contextmenu_table tr:hover td {
	color               : white;
	background-color    : #333;
}

.contextmenu_table tr.contextmenu_item_disabled td {
	color               : gray;
	text-shadow         : 1px 1px 1px white;
	cursor              : default;
}

.contextmenu_table tr.contextmenu_item_disabled:hover td {
	background-color    : inherit;
}

.db-menu-source-row {
	background          : #fbb !important;
}


input[data-meaning="simple-search-box"],
input[data-meaning="simple-filter-box"] {
	width: 10em;
	display: inline-block;
	vertical-align: middle;
}