.netmineGrid {
    width: 100%;
    padding: 0;
    color:gray;
}

.netmineGrid-content {
    display: table;
    font-size: 1.1rem;
    min-width: 280px;
    width: 100%;
}

.netmineGrid .row-wrapper {
    -webkit-transition: margin 0.2s linear;
    -moz-transition: margin 0.2s linear;
    transition: margin 0.2s linear;
	-webkit-box-shadow: inset 0 1px #fff;
	-moz-box-shadow: inset 0 1px #fff;
	box-shadow: inset 0 1px #fff;
    background: #fafafa;
    border: solid 1px #dbdbdb;
    border-top-width: 0;
    display: table;
    cursor: pointer;
    table-layout: fixed;
    width: 100%;
}

 .netmineGrid .row-wrapper:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZWZmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M5ZTJmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dceffa), color-stop(100%, #c9e2f0));
    background-image: -webkit-linear-gradient(#dceffa, #c9e2f0);
    background-image: -moz-linear-gradient(#dceffa, #c9e2f0);
    background-image: -o-linear-gradient(#dceffa, #c9e2f0);
    background-image: linear-gradient(#dceffa, #c9e2f0);
    border-bottom-color: #9ac0d6;
    border-top-color: #bcd9eb;
}

.netmineGrid .row-wrapper.selected-row,
.netmineGrid .row-wrapper.selected-row:hover {
    background: #d0122d;
    color: #ffffff;
	-webkit-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, .2);
	box-shadow: 0 4px 5px -1px rgba(0, 0, 0, .2);
	margin: 14px 0;
	border: solid 2px #d0122d;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    width: 100%;
}

.netmineGrid .row-wrapper.selected-row .gridCell {
    border-bottom: solid 1px #dbdbdb;
}

.netmineGrid .row-wrapper.selected-row .cell-wrapper {
    padding-left: .3rem;
}

.netmineGrid .row-wrapper.selected-row + .row-wrapper {
	border-top-width: 1px;
 }

.netmineGrid .noborder .row-wrapper {
    border-width: 1px 0;
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.netmineGrid .noborder .row-wrapper:hover
{
    border-bottom-color: #9ac0d6;
    border-top-color: #bcd9eb;
}

.netmineGrid .noborder .row-wrapper:active,
.netmineGrid .noborder .row-wrapper.selected-row {
    border-color: #d0122d;
    color: #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-width: 1px 0;
    background: #d0122d;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    width: 100%;
}

.netmineGrid .noborder .row-wrapper.selected-row .gridCell {
    border-bottom: 0;
}

.netmineGrid .ellipsis .cell-wrapper {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    word-wrap: normal;
}

.netmineGrid .gridRow {
    display: table-row;
    line-height: 1.4;
    position: relative;
}

.netmineGrid .noborder .gridRow {
    line-height: 1.5;
}

.netmineGrid .inactive .gridCell {
    background: #f2f2f2;
    color: #828282;
    font-style: italic;
    text-shadow: 0 .1rem #fff;
}

.netmineGrid .recommended .gridCell {
    font-weight: bold;
}

.netmineGrid .row-wrapper:hover .inactive .gridCell {
    background: none;
}

.netmineGrid .gridCell .cell-wrapper {
    padding: 1rem .4rem .9rem .4rem;
    overflow: hidden;    
}

.netmineGrid .details {
    display: none;
}


.netmineGrid .gridRow.showDetails {
    position: relative;
}
   
.netmineGrid .gridRow.showDetails + DIV.details {
    display: table-row;
}

.netmineGrid .details-content
{
    width: 100%;
    width: -webkit-calc(100% - 24px);
    width: -moz-calc(100% - 24px);
    width: calc(100% - 24px);
    position: absolute;
    height: auto;
    -webkit-box-shadow: inset 0 1px #fff;
    -moz-box-shadow: inset 0 1px #fff;
    box-shadow: inset 0 1px #fff;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    line-height: 1.5;
    padding: 1.5rem 0 .5rem 0;
}

.netmineGrid .details-content.loading > *:not(.spinner){
    display: none;
}

.netmineGrid .gridCell {
    margin: 0;
    display: table-cell;
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    word-wrap: break-word;
}

.gridHeader {
    background-color: silver;
    border-width: 1px;
    border-style: solid;
    border-color: #b2b2b2 #bfbfbf;
    border-bottom-width: 0;
    display: table;
    clear: both;
    color:black;
}

.gridHeader.noborder .gridCaption:first-child {
    border-left: 0;
}

.gridHeader.noborder .gridCaption:last-child {
    border-right: 0;
}

.gridHeader .gridCaption {
    -webkit-box-shadow: inset 0 -1px #ebebeb, inset 0 1px #fff;
    -moz-box-shadow: inset 0 -1px #ebebeb, inset 0 1px #fff;
    box-shadow: inset 0 -1px #ebebeb, inset 0 1px #fff;
    border-right: solid 1px #bfbfbf;
    border-bottom: solid 1px #9c9c9c;
    margin: 0;
    padding: .2rem .4rem; 
    display: table-cell;
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: none;
    padding-right: 24px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #fafafa), color-stop(80%, #d9d9d9));
    background-image: -webkit-linear-gradient(#fafafa 20%, #d9d9d9 80%);
    background-image: -moz-linear-gradient(#fafafa 20%, #d9d9d9 80%);
    background-image: -o-linear-gradient(#fafafa 20%, #d9d9d9 80%);
    background-image: linear-gradient(#fafafa 20%, #d9d9d9 80%);
    text-shadow: 0 1px #fff;
}

.gridCaption:last-child {
	border-right: 0;
}

.gridHeader .noborder .gridCaption {
    border-bottom-color: #969696;
    border-top-color: #969696;
}

.gridHeader .gridCaption.text-right {
    text-align: right;
    padding-left: 24px;
    padding-right: 4px;
}


.gridHeader .gridCaption:hover {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #fafafa), color-stop(80%, #d9d9d9));
    background-image: -webkit-linear-gradient(#e9e9e9 20%, #c8c8c8 80%);
    background-image: -moz-linear-gradient(#e9e9e9 20%, #c8c8c8 80%);
    background-image: -o-linear-gradient(#e9e9e9 20%, #c8c8c8 80%);
    background-image: linear-gradient(#e9e9e9 20%, #c8c8c8 80%);
}
 
.gridHeader .gridText {
    position: relative;
    line-height: 1.5;
    display: inline-block;
    width: 100%;
}

.gridHeader .sortbutton {
    width: 16px;
    height: 16px;
    float: right;
    display: inline-block;
    padding: 0;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -8px;
}

.gridHeader .sortbutton-left {
    left: -20px;
    right: auto;
}

.gridHeader .gridCaption.asc .sortbutton
{
  background: url('../images/grid-icons.png') -16px 0;
}

.gridHeader .gridCaption.desc .sortbutton
{
  background: url('../images/grid-icons.png') 0 0;
}

.netmineGrid .gridGroup {
    display: table-row-group;
}

.netmineGrid .gridGroup-caption {
    padding: 11px 6px 3px 6px;
}

.netmineGrid .noborder .gridGroup-caption {
    border-top: solid 1px #dedede;
    border-bottom: solid 1px #dedede;
    padding-top: 0;
}

.netmineGrid .gridGroup-caption + .row-wrapper {
    border-top-width: 1px;
}
.netmineGrid .gridGroup-caption + .row-wrapper.selected-row {
    border-top-width: 2px;
}

.netmineGrid .gridGroup-caption-floater {
    display: inline-block;
    cursor: pointer;
    color: #4387ae;
    font-size: 1.2rem;
    line-height: 1.3;
}

.netmineGrid .gridGroup-caption-floater::before {
    background: url('../images/grid-icons.png') -16px -16px;
    content: "";
    display: inline-block;
    position: relative;
    height: 16px;
    left: -2px;
    top: 2px;
    width: 16px;
}

.netmineGrid .closed-group .gridGroup-caption-floater::before {
    background-position: 0 -16px;
    top: 4px;
}