.crd2Table {
	margin-bottom: 2px;
	word-wrap: break-word;
}

.crd2Title {
	display: inline-block;
	margin-right: 20px;
}

.crd2TitleTooltip {
	display: inline-block;
	margin-left: 8px;
}

.crd2Toolbar {
	display: inline-block;
	position: relative;
	top: -7px;
}

.as-text-edit {
	position: absolute;
	top: 5px;
	left: 5px;
}

.crd2Filter {
	margin: 10px 0;
}

.crd2OtherOperation {
	display: inline-block;
	margin-right: 12px;
}


.crd2GroupOperations {
	display: inline-block;
	margin-left: 20px;
}

.crd2SortUp {
	background: url('../images/up.png') no-repeat 0 0;
	background-position: right center;
	text-transform: uppercase;
}

.crd2SortDown {
	background: url('../images/down.png') no-repeat 0 0;
	background-position: right center;
	text-transform: uppercase;
}

.crd2SortUp2 {
	background: url('../images/up2.png') no-repeat 0 0;
	background-position: right center;
	text-transform: uppercase;
}

.crd2SortDown2 {
	background: url('../images/down2.png') no-repeat 0 0;
	background-position: right center;
	text-transform: uppercase;
}


.glyphicon-move {
	background: url('../images/move.png') no-repeat 0 0;
	background-position: right center;
	position: relative;
	top: 3px;
	left: -5px;
	cursor: move;
}

.hide {
	display: none;
}

.crd2ReplceFrom {
	display: inline-block;
	margin: 0 5px;
}

.crd2Pagingwrapper {
	text-align: right;
	margin: 15px auto;
}

.crd2PagingwrapperDown {
	margin-top: 5px;
	display: block;
	width: 100%;
}

.pagingcontainer {
	display: inline-block;
}

	.pagingcontainer a {
		border-radius: 3px;
	}

.crd2FilterItems {
	/*vertical-align: bottom;
	display: inline-block;
	width: 70%;*/
}

	.crd2FilterItems > * {
		margin: 15px auto;
	}

.crd2FilterItem {
	/*display: block;
	margin: 2px;*/
}

	.crd2FilterItem:last-child {
		/*display: block;*/
		/*margin-top: 10px;*/
	}

	.crd2FilterItem .as-checkboxes label {
		/*display: inline-block;
		margin-right: 10px;
		font-weight: normal;*/
	}

	.crd2FilterItem .as-checkboxes input {
		/*display: inline-block;
		margin-right: 3px;
		position: relative;
		top: 2px;*/
	}

	.crd2FilterItem .form-control {
		/*display: inline-block;
		width: auto;*/
	}

.crd2ResetFilterLink {
	margin: 0 3px;
}

.crd2PredefinedFilters {
	margin: 5px 0;
}

	.crd2PredefinedFilters a.crd2PredefinedFilterLink {
		display: inline-block;
		margin-right: 2px;
	}

.crd2FNewTypicalFilter {
	display: inline-block;
	width: 250px;
	margin-right: 2px;
	position: relative;
	top: 1px;
}

.crd2TypicalFilter {
	display: inline-block;
	margin: 1px;
}


.crd2Table .editable-input textarea.form-control {
	width: 600px;
	height: 200px;
}

.crd2Frozen {
	position: fixed;
	top: 0;
	width: 100%;
	background: #f6f6f6;
	padding: 3px;
	border-bottom: solid 1px #ccc;
	z-index: 1000;
}

.crd2FrozenToolbar h3, .crd2FrozenToolbar div {
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	line-height: 1em;
	font-size: 14px;
}

.crd2FrozenToolbar .btn {
	padding: 2px 5px;
	font-size: 12px;
}

@media only screen and (max-width: 1199px) {
	.crd2Frozen {
		display: none;
	}
	/*решение плохое, но иначе никак для адаптива*/
	.crd2Item .float-right {
		float: left !important;
	}
	/* Force table to not be like tables anymore */
	div[data-g] table,
	div[data-g] thead,
	div[data-g] tbody,
	div[data-g] th,
	div[data-g] td,
	div[data-g] tr {
		display: block;
	}

		/* Hide table headers (but not display: none;, for accessibility) */
		div[data-g] thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

	div[data-g] tr {
		border: 1px solid #ccc;
	}

	.el-text-ellipsis {
		margin: inherit !important;
	}

	div[data-g] td {
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important;
		position: relative;
		padding-left: 50% !important;
		white-space: normal;
		text-align: left;
		min-height: 30px;
	}


		div[data-g] td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
			text-align: left;
			font-weight: bold;
		}

		/*
	Label the data
	*/
		div[data-g] td:before {
			content: attr(data-title);
		}

	/*table comments*/
	div[data-g] .crd2AddRow td {
		padding-left: 5px !important;
		width: auto !important;
		max-width: initial !important;
	}

		div[data-g] .crd2AddRow td:before {
			width: 0;
		}

		div[data-g] .crd2AddRow td:before {
			content: '';
		}

	.crd2CommentText {
		width: 100%;
	}

	.crd2CommentAddLink {
		width: 100%;
		top: 0;
		left: 0;
		margin-left: 0;
		height: auto;
		padding: 10px 0;
	}


	.crd2Item {
		max-width: none !important;
		overflow: visible !important;
	}
}

.crdShowColSettingDialog {
	margin-left: 5px;
}


.pagingsizecontainer {
	display: inline-block;
}

	.pagingsizecontainer .pagingsizesel {
		display: block;
		float: right;
		padding: 0.19em 0.5em;
		margin-right: 5px;
		min-width: 1em;
		text-align: center;
	}

	.pagingsizecontainer .pagingsizecontainer-form {
		bottom: 9px;
	}

	.pagingsizecontainer .pagingsizecontainer-label {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 2px;
	}