.ggrid {
	padding: 0px;
	margin: 0px;
	border: 0px;
	/* Removed in order to show scroller on table having fixed width or height */
	/* overflow: hidden; */
	padding-bottom: 1px;
}

.ggrid * {
	padding: 0px;
	margin: 0px;
	/*border: 0px;*/
	border-collapse: collapse;
	/*border-width: 0px;*/
	border-spacing: 0px;
}

.ggrid .gridPager {
	background-color: #eaeaea;
	padding: 2px;
	margin: 2px;
	/*text-align: right;*/
}

.ggrid .gridPager .gridVisibleRows {
	font-weight: bold;
	float: left;
	padding: 2px;
}

.ggrid .gridPager .gridPageSelection {
	font-weight: bold;
	float: left;
	padding: 2px;
	margin-left: 20px;
}

.ggrid .gridPager .gridPageSelection a {
	border: 1px dotted #aaaaaa;
	padding: 0px 6px 0px 7px; /* 0 2 0 3 */
	margin: 0px 1px 0px 1px;
	color: #880000;
	background-color: #dddddd;
	text-decoration: none;
}

.ggrid .gridPager .gridPageSelection a:hover {
	background-color: #ffffff;
}

.ggrid .gridPager .gridPageSelection .firstPageLink {
	background: transparent url(chevron_left.gif) no-repeat 4px 2px;
	padding: 0px 6px 0px 6px;
	margin: 0px 4px 0px 0px;
}

.ggrid .gridPager .gridPageSelection .currentPage {
	background-color: #ffffcc;
	color: #000000;
}

.ggrid .gridPager .gridDirectPageSelector {
	margin-left: 20px;
	float: left;
}

.ggrid .gridPager .gridDirectPageSelector input {
	border: 1px solid #aaaaaa;
	float: left;
	width: 30px;
	text-align: center;
}

.ggrid .gridPager .gridDirectPageSelector .dpsLink {
	float: left;
	padding: 2px;
}

.ggrid .gridPager .gridDirectPageSelector .dpsLink a {
	border: 1px dotted #aaaaaa;
	padding: 0px 5px 0px 4px;
	text-decoration: none;
	background: transparent url(refresh.gif) no-repeat 1px 2px;
}

.ggrid .gridPager .gridDirectPageSelector .dpsLink a:hover {
	background-color: #ffffff;
}

.gridRightPager {
	float: right;
}

.ggrid .gridPager .gridRightPager .gridRowsPerPage {
	padding-left: 20px;
	font-weight: bold;
	float: left;
	/*background: transparent url(magnifier.png) no-repeat 5px 1px;*/
}

.ggrid .gridPager .gridRightPager .gridRowsPerPage a.rowsPerPageLink {
	float: left;
	color: #880000;
	border: 1px dotted #aaaaaa;
	text-decoration: none;
	padding: 0px 6px 0px 5px;
	margin-right: 2px;
	background: transparent url(chevron_dark_down.gif) no-repeat 2px 4px;
}

.ggrid .gridPager .gridRightPager .gridFullDataSet {
	padding: 0px;
	font-weight: bold;
	float: left;
}

.ggrid .gridPager .gridRightPager .gridFullDataSet input {
	float: left;
	width: 40px;
}

.ggrid .gridPager .gridRightPager .gridFullDataSet .mvrLink {
	float: left;
	padding-top: 1px;
	margin-left: 1px;
}

.ggrid .gridPager .gridRightPager .gridFullDataSet .mvrLink a {
	border: 1px dotted #aaaaaa;
	padding: 0px 5px 0px 4px;
	text-decoration: none;
	background: transparent url(refresh.gif) no-repeat 1px 2px;
}

.ggrid .gridPager .gridFullDataSet .mvrLink a:hover {
	background-color: #ffffff;
}

.ggrid .gridPager .gridRightPager .gridViewAllRows {
	padding-top: 1px;
	margin-left: 1px;
	font-weight: bold;
	float: left;
}

.ggrid .gridPager .gridRightPager .gridViewAllRows a {
	color: #880000;
	border: 1px dotted #aaaaaa;
	padding: 0px 2px 0px 3px;
	text-decoration: none;
	margin-left: 2px;
}

.ggrid .gridPager .gridRightPager .gridViewAllRows a:hover {
	background-color: #ffffff;
}

/* header */
.ggrid thead {
	background-color: #b3cae9;
	font-weight: bold;
	padding: 10px;
	margin: 0px;
}

.ggrid thead td {
	background-color: #b3cae9;
	padding: 3px 6px 3px 6px;
	margin: 0px;
	border: 1px solid #a0a0a0;
	cursor: default;
	word-wrap: break-word;
}

.ggrid thead span {
	line-height: 18px;
	vertical-align: middle;
}

.ggrid thead img {
	width:auto; 
	height:auto;
	vertical-align: middle;
}

.ggrid thead td.objectWrapperSelected {
	background-color: #00B53D;
}

.ggrid thead td.gridColInvisible {
	background-image: url('hidden_texture.png');
	background-repeat: repeat;
	background-color: rgba(255, 0, 0, 0.1);
}

.ggrid thead td.gridColInvisible.objectWrapperSelected {
	background-color: rgba(0, 181, 61, 0.5);
}

.ggrid thead .gridCheck {
	width: 1px;
}

.ggrid thead .gridRowNum {
	color: #888888;
	text-align: center;
	width: 1px;
	white-space: nowrap;
}

.ggrid thead td.colSortable {
	cursor: pointer;
	padding-right: 20px;
	background: transparent url(chevron_dark_sortable.gif) no-repeat right 6px;
}

.ggrid thead td.colSortedAsc {
	background: transparent url(chevron_dark_down.gif) no-repeat right 6px;
}

.ggrid thead td.colSortedDesc {
	background: transparent url(chevron_dark_up.gif) no-repeat right 6px;
}

/* body */
.ggrid tbody {
	background-color: #ffffff;
	font-weight: normal;
}

.ggrid tbody td {
	padding: 3px 6px 3px 6px;
	margin: 0px;
	border: 1px solid #a0a0a0;
	word-wrap: break-word;
}

.ggrid tbody .gridCheck {
	width: 1px;
}

/* MT 24.11.2011: before width was 1% and this forced grid to be 100% in width which is bad */
.ggrid tbody .gridRowNum, .ggrid table tr.clickable td.gridRowNum {
	color: #888888;
	text-align: center;
	width: 1px;
	white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
  cursor: cell;
}

.ggrid tbody td.cellsel {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
  cursor: cell;
}

.ggrid tbody td.cellselected {
  background-color: #c4ddff;
}

/* DS 14.01.2015. Bugfix for Firefox border rendering */
.ggrid table {
	border: 1px solid #A0A0A0;
}

.ggrid table table {
	border: none;
}

.ggrid tbody .gridSelectedRow {
	background-color: #e8f2ff;
}

.ggrid tbody .gridActiveRow {
	background-color: #c4ddff;
}

/* footer */
.ggrid tfoot {
	background-color: #f0f0f0;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

.ggrid tfoot td {
	padding: 3px 6px 3px 6px;
	margin: 0px;
	border: 1px solid #a0a0a0;
	word-wrap: break-word;
}

.ggrid tfoot .gridCheck {
	width: 1px;
}

/* MT 24.11.2011: before width was 1% and this forced grid to be 100% in width which is bad */
.ggrid tfoot .gridRowNum {
	color: #888888;
	text-align: center;
	width: 1px;
	white-space: nowrap;
}

.ggrid table tr.clickable td {
	cursor: pointer;
}

/* POPUP menu */
.ico_refresh {
	background-image: url(refresh.gif);
}

.ico_excel {
	background-image: url(excel.gif);
}

/**
 * It is recommended not to use table inside GGrid.
 * Instead - make subtables with DIVs using classes: gg_table, gg_tr, gg_td,... 
 */
table.e_clear tr td {
	background: none;
	padding: 1px;
	margin: 0px;
	border: none;
}

.ggrid div.gg_table   { display: table; }
.ggrid div.gg_tr      { display: table-row; }
.ggrid div.gg_thg     { display: table-header-group; }
.ggrid div.gg_tbody   { display: table-row-group; }
.ggrid div.gg_tfg     { display: table-footer-group; }
.ggrid div.gg_td      { display: table-cell; vertical-align:top }
.ggrid div.gg_th      { display: table-cell; }

/* new columns menu */
div.columns_pop_menu {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	padding: 1px;
	border: 1px solid gray;
	background-color: rgb(252, 252, 252);
	font-family: Calibri;
	min-width: 300px;
	box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.4)
}

div.columns_pop_menu_container {
	padding: 10px;
	padding-left: 23px;
	display: inline-block;
	margin-top: 15px;
}

.column_item_container {
	height: 22px;
	min-width: 250px;
	padding: 2px;
}

.column_item {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: black;
	border: 1px dotted rgb(140, 141, 142);
	background-color: white;
	position: relative;
}

.column_item input {
	position: relative;
	left: 13px;
	top: 5px;
}

.column_item input:hover {
	cursor: auto;
}

.column_left {
	width: 40px;
	background-color: rgb(209, 222, 253);
	border-right: 1px dashed rgb(140, 141, 142);
	height: 100%;
	float: left;
}

.column_right {
	height: 100%;
	float: left;
}

.column_right p {
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

.column_title p {
	margin-top: 5px;
	font-weight: bold;
	height: 12px;
	font-size: 12px;
}

.column_name p {
	font-style: italic;
	font-size: 11px;
}

.columnPlaceholder {
	padding-left: 3px;
	background-color: rgb(250, 250, 250);
	margin-top: 5px;
	margin-bottom: 5px;
	height: 25px;
	border: 1px solid rgb(204, 204, 204);
	-moz-box-shadow: inset 0 0 10px rgb(204, 204, 204);
	-webkit-box-shadow: inset 0 0 10px rgb(204, 204, 204);
	box-shadow: inset 0 0 10px rgb(204, 204, 204);
}

#columns_popup_title {
	text-align: center;
	font-size: 15px;
	position: relative;
	font-weight: bold;
	text-align: center;
	top: 12px;
}

.all_selector {
	position: absolute;
	left: 39px;
}

.delimiter {
	background-color: #CCCCCC;
	height: 1px;
	left: 1%;
	margin-top: 20px;
	position: absolute;
	width: 98%;
	border: 0px;
	border-width: 0px;
}

.button_look {
	color: #333333;
	text-decoration: none;
	background-color: #EEEEEE;
	padding: 2px 6px 2px 6px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
	margin-right: 2px;
	display: inline-block;
	width: 100px;
	height: 20px;
}

.button_look p {
	font-size: 14px;
	font-weight: bold;
	position: relative;
}

.button_look:hover {
	background-color: rgb(250, 250, 250);
}

.button_look:active {
	background-color: rgb(204, 204, 204);
}

.popup_header_container {
	text-align: center;
}

.footer_buttons {
	text-align: center;
	padding-bottom: 20px
}

.more_columns_link {
	float: left;
	border: 1px dotted #AAAAAA;
	padding: 0 2px 0 3px;
	text-decoration: none;
	margin-right: 5px;
	height: 11px;
}

.more_columns_link p {
	font-size: 12px;
	text-align: center;
	color: #880000;
	position: relative;
	bottom: 2px;
}

.more_columns_link:hover {
	background-color: #FFFFFF;
}

#applyColumnChanges,#resetColumnChanges {
	display: inline-block;
	width: 100px;
	height: 30px;
	font-weight: bold;
}

#applyColumnChanges {
	margin-right: 10px;
}

.ggrid a.colMasterLink,.ggrid a.colMasterLink:visited {
	cursor: pointer;
	cursor: hand;
	color: #0000EE;
	font-weight: bold;
	text-decoration: none;
}

.ggrid a.colMasterLink:hover {
	text-decoration: underline;
}

.ggrid a.colMasterLinkMedium {
	font-size: 14px;
	line-height: 16px;
}

.ggrid a.colMasterLinkLarge {
	font-size: 16px;
	line-height: 18px;
}

.ggrid a {
	text-decoration: none;
}

.ggrid a:hover {
	text-decoration: underline;
}

.ggrid .gridFooter td {
	white-space: nowrap;
}

.ggrid .group_header {
	white-space: nowrap;
}

.ggrid .group_header span {
	float: left;
	font-weight: bold;
	line-height: 16px;
}

.ggrid .group_header img {
	float: right;
	padding-left: 5px;
	cursor: pointer;
	cursor: hand;
}

.ggrid .grid_col_file a {
	color: #0000EE;
	padding: 2px;
}

.ggrid .grid_col_file a:hover {
	background: #40408F;
	color: #fff;
}

.ggrid .grid_col_file a:visited {
	color: #0000EE;
}

.ggrid .grid_col_file tbody {
	background-color: transparent;
}

.ggrid tbody .cellchecker span {
    color: #000000 !important;
    padding: 3px 6px !important;
    font-size: 12px;
    font-family: "Roboto Medium";
}
.ggrid tbody .cellchecker span:before {
    content: "\f00c";
    font-family: 'fontawesome-webfont';
    font-size: 10px;
    color: #4A8A0E;
    padding-right: 5px;
}
.ggrid tbody .cellbullet span {
    color: #000000 !important;
    padding: 3px 6px !important;
    font-size: 12px;
    font-family: "Roboto Medium";
}
.ggrid tbody .cellbullet span:before {
    content: "\f111";
    font-family: 'FontAwesome';
    font-size: 11px;
    color: #52BA29;
    padding-right: 5px;
}

.ggrid tbody td div.stamp div {
	float: left;
	border-radius: 3px;
	font-size: 12px;
	font-family: "Roboto Regular", Tahoma;
	padding: 4px 6px !important;
	color: #FFF !important;
	display: flex;
	line-height: 13px;
	min-height: 14px;
	white-space: pre-wrap;
}