.btn-group > .btn:first-child:not(:last-child),
.btn-group > .dropdown-toggle:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-secondary {
  color: #ffffff;
  background-color: #878787;
  border-color: #878787;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.toggle {
  color: #ffffff;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}

.not-allowed {
  cursor: not-allowed;
  margin-top:  0;
}

.active .Wt-tv-c {
  background-color: #428bca;
}

span.hover-highlight:hover {
  background-color: #5bc0de;
}

.bold {
  font-weight: bold;
}

form.rbt-upload > input {
  margin-top: -15px;
}

.grayed {
  color: #666;
}

.simulation {
  background: url('/resources/img/watermark.png');
}

.replay {
  background: url('/resources/img/replay.png');
}

.production {
  background: url('/resources/img/prod_sw.png');
}

.modal-body {
  max-height: calc(100vh - 150px);
  max-width: calc(100vw - 10px);
  overflow-y: auto;
}

.rbt-modal-body {
  max-height: calc(100vh - 220px);
  overflow-y: auto;
  margin-bottom: 10px;
}

.splash {
  background: white;
  border: 3px solid #333333;
  z-index: 10001; visibility: visible;
  position: absolute; left: 50%; top: 50%;
  margin-left: -50px; margin-top: 100px;
  width: 200px; height: 100px;
  font-family: arial,sans-serif;
  text-align: center
}

.table-sub-row {
  border-top: 0px !important;
  padding-top: 0px !important;
}

.inner-border-table {
    border-collapse: collapse;
    border-style: hidden;
}

.inner-border-table td, .inner-border-table th {
    border: 1px solid lightgray;
}

.align-middle {
  vertical-align: middle;
}

.grayed-progress {
  background-color: #A3A3A3;
}

.progress-handle {
  display: block;
  position:relative;
  z-index: 100;
  margin-top: -17px;
  margin-left: -12px;
  width: 24px;
  height: 24px;
  border: 5px solid #D3D5DF;
  border-radius: 100%;
  background-color: #428bca;
  cursor: pointer;
}

.progress-play {
    background: linear-gradient(to bottom, #000000 0%, #D3D5DF 50%);
}

.progress-play .progress-bar {
  -webkit-transition: none !important;
  transition: none !important;
}

.player-dropup > .dropdown-menu{
  border-radius: 4px;
}

.btn-player {
  background-color: transparent !important;
  border-color: transparent !important;
  border: none !important;
  outline: 0 !important;
}

.player-cont:-webkit-full-screen {
  width: 100%
}

.player-cont:-ms-fullscreen {
  width: 100%
}

.player-cont:fullscreen{
  width: 100%
}

.player-camCont > img {
  width: 100%;
  height: auto;
}

.alert-close-icon {
  float: right;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  margin-top: -5px;
  margin-left: 5px;
}

.alert-close-icon:hover {
  color: #000000;
}

.input-group > .btn-free,
.input-group > .btn-free.active:hover,
.input-group > .btn-free.active:focus,
.dropdown-menu > li.btn-free > a,
.dropdown-menu > li.btn-free > a:hover,
.dropdown-menu > li.btn-free > a:focus {
  background-color: #FFFFFF;
  color: #000000;
  border-color: #ADADAD;
  cursor: pointer;
}

.input-group > .btn-occupied,
.input-group > .btn-occupied.active:hover,
.input-group > .btn-occupied.active:focus,
.dropdown-menu > li.btn-occupied > a,
.dropdown-menu > li.btn-occupied > a:hover,
.dropdown-menu > li.btn-occupied > a:focus {
  background-color: #000000;
  color: #FFFFFF;
  border-color: #ADADAD;
  cursor: pointer;
}

.input-group > .btn-unknown,
.input-group > .btn-unknown.active:hover,
.input-group > .btn-unknown.active:focus,
.dropdown-menu > li.btn-unknown > a,
.dropdown-menu > li.btn-unknown > a:hover,
.dropdown-menu > li.btn-unknown > a:focus {
  background-color: #808080;
  color: #FFFFFF;
  border-color: #ADADAD;
  cursor: pointer;
}

.input-group > .btn-erase,
.input-group > .btn-erase.active:hover,
.input-group > .btn-erase.active:focus,
.dropdown-menu > li.btn-erase > a,
.dropdown-menu > li.btn-erase > a:hover,
.dropdown-menu > li.btn-erase > a:focus {
  background-color: #E8AEAF;
  color: #FFFFFF;
  border-color: #ADADAD;
  cursor: pointer;
}

.input-group > .btn-anti-erase,
.input-group > .btn-anti-erase.active:hover,
.input-group > .btn-anti-erase.active:focus,
.dropdown-menu > li.btn-anti-erase > a,
.dropdown-menu > li.btn-anti-erase > a:hover,
.dropdown-menu > li.btn-anti-erase > a:focus {
  background-color: #5A9E4F;
  color: #FFFFFF;
  border-color: #ADADAD;
  cursor: pointer;
}

.dropdown-menu > li.btn-free > a:hover,
.dropdown-menu > li.btn-free > a:focus,
.dropdown-menu > li.btn-occupied > a:hover,
.dropdown-menu > li.btn-occupied > a:focus,
.dropdown-menu > li.btn-erase > a:hover,
.dropdown-menu > li.btn-erase > a:focus,
.dropdown-menu > li.btn-anti-erase > a:hover,
.dropdown-menu > li.btn-anti-erase > a:focus,
.dropdown-menu > li.btn-unknown > a:hover,
.dropdown-menu > li.btn-unknown > a:focus {
  color: #337AB7;
}

.tablecont-scroll-size {
  width: 97%;
  height: calc(100vh - 220px);
}

.clickable:hover {
  cursor: pointer;
}

.border-container {
  border: 2px solid black;
  overflow: hidden;
  position: relative;
}

.track-cursor {
  cursor: none;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
}

.cursor-border {
  border: black 1px solid;
  outline: grey 1px dashed;
  outline-offset: -1px;
}

.cursor-icon {
  margin-left: 20px;
  margin-top: 20px;
  color: #286090;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.map-info-text {
  position: relative;
  z-index: 99;
  background-color: white;
  border: 1px solid black;
  border-radius:10px;
  padding-left: 5px;
  padding-right: 5px;
  opacity: 75%;
}

.site-select {
  color: #777;
  font-size: 18px;
  border: 0px;
  background-color: transparent;
}

.button-cont {
  padding: 0.2cm;
  border: 0.25cm solid #D9D9D7;
  display: inline-block;
  border-radius: 50%;
  margin-left: 10px;
  margin-right: 10px;
}

.action-btn {
  width: 2cm;
  height: 2cm;
  border-radius: 50%;
  font-size: 1cm;
  vertical-align: middle;
  background-color: #D9D9D7;
  padding: 0px;
}

.action-btn:active {
  background-color: #999999;
}

.button-online {
  background-color: #00BFFF;
}

.button-activated {
  background-color: #32CD32;
}

.button-error {
  background-color: #CD3232;
}

.button-col {
  min-height: 4cm;
}

@keyframes asigned-animation {
  0% { background-color: #FFFFFF; }
  50% { background-color: #FFFFFF; }
  50.01% { background-color: #32CD32; }
  100% { background-color: #32CD32; }
}

.button-assigned {
  animation: asigned-animation 1000ms infinite;
}

@keyframes fail-animation {
  0% { background-color: #FFFFFF; }
  50% { background-color: #FFFFFF; }
  50.01% { background-color: #CD3232; }
  100% { background-color: #CD3232; }
}

.button-failed {
  animation: fail-animation 1000ms infinite;
}

@keyframes cancelled-animation {
  0% { background-color: #00BFFF; }
  50% { background-color: #00BFFF; }
  50.01% { background-color: #32CD32; }
  100% { background-color: #32CD32; }
}

@media screen and (min-width: 1370px) {
  .full-width {
    position: absolute;
    right: 50px;
    left: 50px;
  }
}

.button-network-error {
  animation: network-error-animation 1000ms infinite;
}

@keyframes network-error-animation {
  0% { background-color: #00BFFF; }
  50% { background-color: #00BFFF; }
  50.01% { background-color: #CD3232; }
  100% { background-color: #CD3232; }
}

.button-cancelled {
  animation:  cancelled-animation 1000ms infinite;
}

.float-inline {
  float:left;
  display:inline;
}

.pwa-body {
   -webkit-user-select: none;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
   touch-action: manipulation;
}

a.Wt-tv-c:nth-child(odd) {
  background-color: #f9f9f9;
}

.row-disabled {
  /*background-color: #d4d4d4;*/
  color: #808080;
  background-color: #ebebeb;
}

.rbt_passive, ul.rbt_event_list {
  font-weight: normal
}

.rbt_active {
  font-weight: bold
}