.gd-btns {
	line-height: 3em;
	word-break: break-all;
}
.gd-place {
	display: inline-block;
	line-height: 2em;
	border: 1px solid #141544;
	color: #141544;
	padding: 0.2em 0.5em;
	margin-right: 0.5em;
	white-space: nowrap;
}
.gd-place:hover {
	cursor: pointer;
}
.gd-place.gd-place-selected {
	background-color: #141544;
	color: white;
}
.gd-rows { margin-top: 1em; }
.gd-item {
    display: block;
    padding: 1em 0.5em;
    border-bottom: 1px solid black;
    position: relative;
}
.gd-item.gd-hidden {
    display: none;
}
.gd-item-part { 
    display: block;
    margin: 0 3em 0 0;
    vertical-align: top;
    border-bottom: none;
}
.gd-item:first-child .gd-item-part {
    border-top: none;
}
.gd-item-part.gd-icons {
    margin-right: 0;
    position: absolute;
    right: 1em;
    top: 1em;
    width: 3em;
    text-align: right;
}
.gd-item-part.gd-icons img {
    width: 2em;
}
.gd-so-title { font-weight: bold; }
.gd-rows-header {
    border-bottom: 1px solid black;
}
.gd-rows-header .gd-item-part {
    margin-right: 0;
}
@media (min-width: 40em) {
    .gd-item-part {
        display: table-cell;
        margin: 0 1em;
        padding: 0.5em;
        border-bottom: 1px solid black;
        width: auto;
    }
    .gd-rows-header {
	border-bottom: none;
	display: table-row;
    }
    .gd-rows-header .gd-item-part {
	padding: 0;
	margin: 0;
    }
    .gd-item {
        display: table-row;
        border-bottom: none;
        border-top: none;
        position: static;
    }
    .gd-item-datum {
        white-space: nowrap;
    }
    .gd-item-part.gd-icons {
        position: static;
        text-align: center;
    }
}