/* 
Specific format changes for WarMachine
----------------------------------------------------------------------------------------------
*/
.floatingMenu {
  position: absolute;
  z-index: 101;
  text-align: center;
  top: 50%;
  border: 1px solid #17273d;
}
.floatingMenuHeader {
  border-bottom: 1px solid #989898;
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: #191919;
  color: #ffffff;
  font-family: "Cormorant-Regular", "CasablancaAntique", Arial, sans-serif;
  font-style: normal;
  font-size: 1.3em;
}

.floatingMenuHeader:hover {
  background: #17273d;
}
.floatingMenu ul {
  padding: 0px;
  margin: 0px;
  min-width: 150px;
  list-style: none;
}

.floatingMenu ul li {
  padding-bottom: 7px;
  padding-top: 7px;
  border: 1px solid black;
}

.floatingMenu ul li a {
  text-decoration: none;
  color: #f9ce62;
}

.floatingMenu ul li:hover {
  background: #bba366;
}
/* End Popup 
----------------------------------------------------------------------------------------------
*/
#mainWindow > * {
  /* ensures the width of border + padding + margins are included in width of elements
    so that the size individual column sizes dont exceed 100% of the screen width */
  box-sizing: border-box;
}

#leftColumn {
  background: white;
  border: 1px solid #333;
  float: left;
  width: 25%;
}

#rightColumn {
  background: white;
  border: 1px solid #333;
  float: right;
  width: 75%;
}

#footer {
  clear: both;
  text-align: center;
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.submitButtonBar {
  background: #262626;
  padding: 5px;
  clear: both;
  text-align: center;
  /*border: 1px solid #333;*/
  border: hidden;
}

.WMbutton {
  border: none;
  background: #252525;
  color: #ece9e2;
}
.WMbutton:hover {
  border: none;
  background: #424242;
  color: #f3f3f3;
}
.WMbutton:active {
  border: none;
  background: #17273d;
  color: #ece9e2;
}
.WMbutton-delete-button {
  border: none;
  background: #421414;
  color: #f3f3f3;
}
.WMbutton-delete-button:hover {
  border: none;
  background: #b6211c;
  color: #f8ca67;
}

.infoBar {
  width: 100%;
  height: 30px;
  background: #828490;
  color: #ffffff;
  
  font-family: "Cormorant-Regular", "CasablancaAntique", Arial, sans-serif;
  font-style: normal;
  font-size: 1.3em;
}

#opacityslider {
  width: 300px;
  float: left;
  text-align: center;
}
#statusbar_lon_lat_position {
 float: right;
 text-align: center;
}
#cursor_lon_lat_position {
  width: 150px;
  float: right;
  border: none;
  text-align: center;
}

#map {
  height: 700px;
  padding: 0em;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  /*color: #180202;*/
  border: 1px solid #3d3940;
  border-style: ridge;
}

.Calculator {
  background: #82888f;
  color: #000000;
  padding: 0.8em;
  justify-content: space-between;
  border: 1px solid #5d5068;
}

.Calculator input[type="number"] {
  outline: none;
  border: hidden;
  width: 8ch;
  background: #cccccc;
  color: #000000;
  font-family: "Cormorant-Regular", "Andada", Verdana, Arial, Helvetica,
    sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 1.2em;
}
.Calculator input[type="text"] {
  outline: none;
  border: hidden;
  width: 100%;
  background: #cccccc;
  color: #000000;
  font-family: "Cormorant-Regular", "Andada", Verdana, Arial, Helvetica,
    sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 1.2em;
}

.Calculator input:hover {
  background: #d3bc92;
}

.calculatorDataEntry {
  background: #fefefe;
  border: 1px solid #54493f;
  border-radius: 20px;
  padding: 10px;
}

#scaleline-id {
  margin: 10px;
}

.ol-popup {
  background: #252525;
  position: absolute;
  box-shadow: 0 2px 10px black;
  border-radius: 20px;
  border: 1px solid #cccccc;
  min-width: 200px;
  margin: 0px;
  padding: 0px;
}

.ol-popup-closer {
  float: right;
  background: #cccccc;
  color: #000000;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer:after {
  content: "✖";
}

.ol-popup-header {
  float: left;
  margin: 0px;
  padding: 0px;
  background: #cccccc;
  color: #000000;
  width: 100%;
  border-bottom: 1px solid #989898;
  font-family: "Cormorant-Regular", "CasablancaAntique", Arial, sans-serif;
  font-style: normal;
  font-size: 1.2em;
}

.ol-popup-content {
  background: #fefefe;
  color: #000000;
}
.ol-popup-footer {
  padding: 5px;
}

#combatResults {
  padding: 0.8em;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  color: #180202;
  border: 4px solid #81421b;
  background: #faeacf;
}

#combatResults select {
  outline: none;
  border: hidden;
  width: 100%;
  background: #faeacf;
  font-weight: normal;
  font-style: italic;
  text-align: center;
}