.logo {
  border-top: 20px solid transparent;
  clear: both;
  margin-top: 20px;
  text-align: center;
}

.buttonbarRight
{
    float: right;
    margin: 5px 0px 5px 0px;
    clear: both;
/*    overflow-x: hidden; */
}

/*
.buttonbarRight button
{
    float: right;
}
*/

.close {
  float: right;
}

.buttonbarLeft {
    margin-bottom: 10px;
    overflow-x: hidden;
}


/* Map styles */

.mapContainer
{
  float: left;
  background: white;
  margin: 5px;
  position: absolute;
}

.mapDropHover /* not used */
{
  border : solid 4px green;
}

.dropLibraryObject
{
  padding: 3px;
  border-style: none;
  border-color: #bbb;
  border-width: 0px;
  z-Index: 1000;
}

.projectMap {
  width:100%;
}

.projectMap .heading { /* used in TerritoryManager */
    font-size: 1.2em;
    border-top: solid 2px white;
    border-bottom: solid 2px white;
    margin-top: 5px;
    font-weight: bold;
}

.projectMaps {
  clear: both;
  float: left;
}

.removeMap, .drawMap {
  margin-top: 5px;
  margin-bottom: 5px;
}


.projectKeyLayers {
  margin-bottom: 5px;
}

.closeMap {
  border : solid 1px black;
  padding-left: 3px;
  padding-right: 3px;
  background: white;
}

.library, .maps, .project {
  padding: 0px;
}

.library, .maps, .mapContainer, .project {
  margin: 0px;
/*  border: solid 1px blue; */
}

.library, .maps, .project
{
/*  background: lightyellow; */
  position: relative;
/*  float: left; */
}


.project
{
/*  overflow: auto; */
  clear: both;
  width: 100%;
  font-size: 14px;
  color: white;
/*  margin-top: 10px; */
}

.project .name {
  font-size: 24px;
  font-weight: bold;
/*  border: solid 2px white; */
  padding: 5px;
}

.project hr {
  background: #A9A9A9;
  height: 2px;
  width: auto;
  margin-left: 5px;
  margin-right: 5px;
}

.prospex5 {
  background : #ddd;
}

/* various buttons */

.buttonAddMap, .buttonAddMap2, .buttonAddGoogleMap, .buttonSaveProject, .addSelection, .importData, .refreshData {
  margin-left: 5px;
  margin-top: 5px;
  float: left;
}

.addSelection {
  margin-bottom: 10px;
}

.buttonClose {
  position: absolute;
  right: 0px;
  float: right;
  background: #666;
  color: white;
  padding: 2px;
  cursor: pointer;
}



/* Project view table layout stuff */

.library .searchInput {
  width: 270px;
  margin-left: 3px;
}


.dataSources {
    margin-top: 5px;
    min-width: 180px;
}

.dataSources table {
    margin-bottom: 5px;
}

.dataSources tbody tr {
    border: solid 1px #AAA;
}

.dataSources th, .dataSources td {
    padding: 5px;
}

.dataSources .heading {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.dataSources .remove, .dataSources .edit {
    margin-top: 3px; /* reinstate the margin */
}

.variedColumn img {
    height: 16px;
    width: 24px;
}

.variedColumn img.selected {
  height: 20px;
}

li .variedColumn {
    display: inline;
    vertical-align: middle;
}

.projectTableNameCelldiv
{
/*    width: 180px; */
/*    height:19px; */
    max-width: 180px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 2px;
    text-align: left;
}

.dataValue {
    padding: 2px;
    text-align: right;
    justify-self: right;
}

.disabled {
    font-style: italic;
    opacity: 1; /* was 0.3 */
}

.number {
  text-align: right;
}

td, td span.libraryObjectName, td button, th {
  padding-left: 1px;
  padding-right: 1px;
  text-align: left;
/*  border: solid 1px blue; */
  margin: 3px 0px 0px 0px;
  white-space: nowrap;
  font-size: 9pt;
}

.tdInput {
  text-align: center;
}

span.layerName
{
    margin-left: 5px;
    vertical-align: middle;
    text-align: right;
    overflow: hidden;
    padding-bottom:12px;
}

.remove, .add {
  margin: 0px;
  width: 16px;
}


.progress {
    background-image: url('../../images/spinner32.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0px 24px;
}

.username {
    margin: 5px 10px 10px 10px;
    font-size: 1.5em;
}

.browseContent > div.container {
    max-width: 90vw;
    max-height: 500px;
    overflow: auto;
}

.browseContent table {
    margin-top: 5px;
    margin-bottom: 5px;
	  border: solid 1px gray;
}

.browseContent th, .browseContent td {
	border: solid 1px gray;
	padding: 2px;
	vertical-align: middle;
}

.browseContent th {
  font-weight: bold;
  padding: 1px 12px 1px 2px;  /* room for sort image */
}

.browseContent tr:hover {
  background-color: lightgray;
}

.browseContent.edit .container {
  display: table;
}

.browseContent.edit .container div {
  display: table-row;
}
.browseContent.edit input {
  display: table-cell;
  margin-bottom: 3px;
  margin-top: 3px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 2px;
}

.browseContent.edit span.name {
  display: table-cell;
  text-align: right;
  font-weight: bold;
}


th.ascending {
  color: blue;
  background-image: url(../../images/arrows/upArrowSolid.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: right;
}

th.descending {
	color: greenyellow;
  background-image: url(../../images/arrows/downArrowSolid.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: right;
}

tr.selected {
    background-color: lightgray;
}

.browseContent tr:hover .menu, .browseContent th.menu {
  background-image: url(https://mapvision.co.uk/images/icons/layers/hamburger.svg);
  background-size: contain;
}

.isDirty:after{
    content:" *";
    color:red;
    font-size: 16px;

}

.cookieMessage {
  position: absolute;
  z-index: 3;
  top: 80px;
  font-size: 25px;
  left: 25%;
  background-color: white;
  padding: 10px;
  border-radius: 8px;
  border: solid 3px darkgray;
}

.cookieMessage button {
  font-size: 0.6em;
  font-weight: bold;
}