.projectLayers {
    grid-column: 2 / span 11;
 }

 .projectLayer.heading img {
    height: 20px;
 }

.projectLayer {
    padding: 2px;
    display: grid;
    grid-template-columns: 24px 40px 24px 28px 190px 12px 24px 24px 24px 24px 24px;
    justify-items: center;
    align-items: center;
}

.projectLayers.territoryManager {
    display: table;
    margin-bottom: 5px;
}

.projectLayer.territoryManager {
/*    grid-template-columns: 40px 24px 190px 24px 24px; */
/*    grid-auto-flow: column; */
    grid-gap: 5px;
    display: table-row;
    text-align: center;
}

.projectLayer.territoryManager > div {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

.projectLayer.territoryManager > div.dataValue:nth-child(even) {
    background: lightgray;
}

.layerName {
  justify-self: left;
}

.layerType.icon {
    margin-right: 5px;
}

.projectLayer.heading .icon {
    width: 22px;
    height: 22px;
}

.projectLayer.layer .icon, .projectLayer.territoryManager .icon {
    width: 20px;
    height: 20px;
}

.projectLayer .icon {
    background-size: contain;
    background-repeat: no-repeat;
}

.layerVisible, .layerVisibility {
    background-image: url(https://mapvision.co.uk/images/icons/layers/eye.svg);
}

.layerVisible.off {
    background-image: url(https://mapvision.co.uk/images/icons/layers/eyeOff.svg);
}

.showInfo {
    background-image: url(https://mapvision.co.uk/images/icons/layers/info.svg);
}

.showInfo.off {
    background-image: url(https://mapvision.co.uk/images/icons/layers/infoOff.svg);
}

.layerExtent {
    background-image: url(https://mapvision.co.uk/images/icons/layers/extent_arrow.svg);
}

.layerExtent.off {
    background-image: url(https://mapvision.co.uk/images/icons/layers/extent_arrowOff.svg);
}

.canEditContent {
    background-image: url(https://mapvision.co.uk/images/icons/layers/pencil.svg);
}

.canEditContent.off {
    background-image: url(https://mapvision.co.uk/images/icons/layers/pencilOff.svg);
}

.layerMenu.icon {
    background-image: url(https://mapvision.co.uk/images/icons/layers/hamburgerOff.svg);
}
.layerMenu.icon.hover, .projectLayer.heading .layerMenu.icon {
    background-image: url(https://mapvision.co.uk/images/icons/layers/hamburger.svg);
}

.visibleScale {
    width: 12px;
    height: 20px;
    border: 1px solid #777; /* matches Windows check box borders */
    padding: 0px;
    position: relative;
}

.visibleScale .scaleLimits {
    position: absolute;
    background: #60BE60;
    width: 100%;
}

.visibleScale .usableLimits {
    position: absolute;
    background: green;
    width: 25%;
}

.visibleScale .currentScale {
    position: absolute;
    background: blue;
    height: 2px;
    width: 100%;
}

.remove.icon {
    background-image: url(https://mapvision.co.uk/images/icons/layers/trashOff.svg);
}

.remove.icon.hover, .projectLayer.heading .remove.icon {
    background-image: url(https://mapvision.co.uk/images/icons/layers/trash.svg);
}

.mapBounds {
    margin-left: 10px;
    border: solid 1px white;
    vertical-align: middle;
    padding: 2px;
}

.layerScale .scaleContainer {
    border: 1px solid #D3D3D3;
    padding: 10px;
    background: #FFA;
    margin-top: 10px;
    margin-bottom: 10px;
}

.layerTitle{
    font-size:1.4em;
    margin-top:0.2em;
}

.layerScale .scale {
    position: relative;
    height: 300px;
    width: 100px;
}

.layerScale .slider {
    position: absolute;
    width: 29px; /*was 30*/
    cursor: ns-resize;
}

.currentScale {
    height: 21px;
    width: 32px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
}

.layerScale .slider, .currentScale {
    display: flex;
    align-items: center;
}

.currentScale.objectVisible {
    background-image: url(../../images/MV/Eye_Icon_visible.png);
}

.currentScale.objectHidden {
    background-image: url('../../images/MV/Eye_Icon_hidden_red.png');
}

.scaleMarker {
    position: relative;
    width: 5px;
    background: lightblue;
    left: 12px;
    height: 100%;
}

.usableScaleMarker {
    position: absolute;
    width: 6px;
    background: green;
    left: -6px;
    height: 0%;
}

.layerScale .mapBounds {
    margin-left: 0px;
}

.scaleTick5, .scaleTick10 {
    position: absolute;
    left: -8px;
    background: #888;
}

.scaleTick5 {
    width: 20px;
    height: 1px;
}

.scaleTick10 {
    width: 20px;
    height: 3px;
}

.slider div, .currentScale div {
    margin-left: 32px;
    font-size: 16px;
}

.obscured { /* layer not visible */
	font-style: italic;
	color: #666666;
}

.multipleLayers td {
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
/*    border: solid 1px lightgray; */
}

.multiStyleEditor td.name, .multiStyleEditor th.name {
    text-align: left;
    padding-left: 5px;
}

.multiStyleEditor table.layers {
    margin: 10px;
}

.multiStyleEditor th {
    font-size: 1.3em;
    padding-bottom: 5px;
}

.layerGroup img {
    height: 20px;
}