/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: black;
}

.modal { overflow-y:scroll; }

#contentwrapper {
  width: 100%;
  height:100%;
}

.btn-toolbar {
  padding: 11px 2px;
  display: flex;
  justify-content: space-between;
}
/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
.pageTurn {
  height: calc(100% - 50px);
  width: auto;
}

.pwbox { width:120px; }

.fa-exclamation {color: red; }

.rolelabel { margin-top:15px;}
.roleselect {margin-top: 10px; }
.workstream {margin-top: 10px; }
.grouplabel {margin-top: 25px;}
.groupbox {margin-top: 10px;}
.js-group-select {margin-top: 10px;}

.cimg {
  margin:2px;
  max-height: 256px;
}

.ctxt {
  padding-right: 20px;
  min-height: 20px;
}

.ctxt2 {
  font-size: smaller;
}

.ctxright {
  float:right;
  padding-right: 20px;
}

.cbox {
  float: right;
  padding-right: 20px;
}

#displayPic {
  overflow: hidden;
}

#wholepic {
  max-width:100%;
}

#publicpic {
  max-width:100%;
  max-height:100%;
}

#pictoolbar {
  height: 50px;
}

#tabicon {
  float:right;
  padding-right: 30px;
  padding-top: 5px;
}

.qq-gallery .qq-upload-list li {
  height:100%;
}

iframe {
  width: 100%;
  height: 100%
}

.zoomImg {
  cursor: zoom-in;
}

.leaflet-div-icon {
  color:white;
  background: blue;
  padding-left:5px;
  padding-bottom: 5px;
  border-radius: 5px;
}

#takePictureField { display:none }
#makenew { float: left; }
.badge {
  vertical-align: top;
}

#contextMenu {
    position: absolute;
    display:none;
}

.KMLIcon { width: 20px; }

.scrollbox {
  padding-right: 30px;
  padding-left: 30px;
}

button.slick-disabled {
  visibility: hidden;
}

.pwbox {
  margin-top:15px;
}

td.day.disabled {
  color:red !important;
}

.tagentry { margin: 0 0 2px;}

.hiddentext { color: white; }

.flexible {
  display: flex;
  padding-bottom:10px
}

.formspace {
	padding: 10px 0;
}

.usertick {
  overflow:auto;
  height: 400px;
}

.palette {
  min-width:28px;
  min-height:28px;
  background-color:black;
  border-width: 2px;
  border-style: solid;
  border-color: #d0d0d0;
}

.leftbox { padding-right:20px; }
.usertable { width:100% }
.tagstable { width:100% }
.grouptable td { width:20px; }

#tagList tr.altered {
    background: #9acfea;
}

.scroll-modal-dialog{ overflow-y: initial !important }
.scroll-modal-body {
	max-height: calc(100vh - 190px);
	overflow-y: auto;
}

.locationName {
  margin-left:10px;
  margin-top:8px;
}

.imgwrapper {
  position: relative;
}

.playicon, .goicon {
  position: absolute;
  z-index:1;
  pointer-events: none
}
.playicon {
  top: calc(50% - 22px);
  left: 103px;
}
.goicon {
  top: calc(50% + 4px);
  left: 130px;
}

.js-contextmenu {
  position: absolute;
  top: 4px;
  left: 5px;
  z-index: 1;
}

.fa-bars {
  background: white;
  height: 1em;
  width: 12px;
}

.dropdown-submenu {
  position: relative;
}

.fa-border {
  border-color: black;
}

.iconButton>i {
    font-size: 28px;
    width:28px
}

.iconButton {
  width: 42px;
  height: 32px;
  margin-top: 5px !important;
  border-radius: 5px;
  border-style: solid;
  border-width: 2px;
  border-color: #d0d0d0;
  background-color: #dddddd;
}

button.active {
  border-color: black;
}

.dropdown-submenu>.dropdown-menu {
  bottom: -20px;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.videopreview {
  width: 100%;
  height: 100%;
  display:none;
}

.levelBtn {
  border-color: lightgrey;
  margin-bottom: 2px !important;
}

.activeLevel {
  border-color: black;
}

.dropdownbox select {
    width:auto;
}

.searchtag .dropdownbox {
    display:inline-flex;
//    margin-left: -85px;
}
select.form-control {
	display:inline;
}

.toast {
  position: absolute;
  top: 0;
  right: 0;
  background: lightgreen;
  padding: 15px;
  margin-right: 5px;
  border-radius: 5px;
  display: none;
}
.toast.urgent {
  background: red;
  color: white;
}

li.selected {
  border: solid 2px gray;
}

.planthumb {
  width: 250px;
}
.tooltip {
  pointer-events: none;
}
.levelList {
   top:0;
    left:100%;
}
.containBox{display:table;width:100%; height:100%;}

.leftplan, .rightplan{ width:50%;
    display:table-cell;
    vertical-align:middle; width:50%; text-align:center; padding:2%;}

.rightplan{border-left:1px solid black;}

#numberBox input { width: 60px;}
#numberBox { margin-top:40px;}

.annctrl {
  padding: 1px 3px;
}

.hidden {
  display:none;
}