/*
    This file will auto-generate to layout.css
    
    
    */
.table-split-row {
  margin: 3px;
  border: #999999 1px solid;
  /*thead {
        border: @darkborder @borderWidth solid;
    }
    tfoot {
        border: @darkborder @borderWidth solid;
    }
    tbody {
        border: @darkborder @borderWidth solid;
    }*/
}
.table-split-row .major-row {
  border-top: #999999 1px solid;
}
.table-split-row .minor-row {
  border-top: #BBBBBB 1px solid;
}
.table-split-row td,
.table-split-row th {
  border-left: #BBBBBB 1px solid;
  text-align: center;
}
.table-split-row tbody tr:last-of-type {
  display: none;
}
.table-search {
  border: 2px solid #999999;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.table-search input {
  margin-left: 5px;
  margin-right: 5px;
}
#mainContent {
  position: absolute;
  top: 50px;
  bottom: 60px;
  left: 0;
  right: 0;
  overflow: auto;
}
#mainContent.with-classification {
  top: 70px;
}
body {
  overflow-x: auto;
}
#cesiumContainer * {
  box-sizing: content-box;
}
navbar-absolute-top {
  top: 0px;
  border-width: 0px 0px 1px;
  position: absolute;
  right: 0px;
  left: 0px;
  border-radius: 0;
  z-index: 2030;
}
.inline-widget {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.inline-widget .header {
  position: absolute;
  border-bottom: #101010 2px solid;
  height: 50px;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.inline-widget .footer {
  position: absolute;
  border-top: #101010 2px solid;
  height: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.inline-widget .body {
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 0;
  right: 0;
  overflow: auto;
}
.quadrant-layout-with-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.quadrant-layout-with-nav .quadrant-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  top: 50px;
}
.quadrant-layout-with-nav .sub-navbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  border-bottom: #101010 2px solid;
}
.quadrant-layout-with-nav .sub-navbar > * {
  margin: 5px;
}
.quadrant-layout-with-nav .quadrant-container > * {
  overflow: auto;
  padding: 5px;
}
.quadrant-layout-with-nav .quadrant-container .slot-0 {
  left: 0;
  top: 0;
  bottom: 50%;
  right: 50%;
  position: absolute;
  border-bottom: #101010 2px solid;
  border-right: #101010 2px solid;
}
.quadrant-layout-with-nav .quadrant-container .slot-1 {
  left: 50%;
  top: 0;
  bottom: 50%;
  right: 0;
  position: absolute;
  border-bottom: #101010 2px solid;
  border-left: #101010 2px solid;
}
.quadrant-layout-with-nav .quadrant-container .slot-2 {
  left: 50%;
  top: 50%;
  bottom: 0;
  right: 0;
  position: absolute;
  border-top: #101010 2px solid;
  border-left: #101010 2px solid;
}
.quadrant-layout-with-nav .quadrant-container .slot-3 {
  left: 0;
  top: 50%;
  bottom: 0;
  right: 50%;
  position: absolute;
  border-top: #101010 2px solid;
  border-right: #101010 2px solid;
}
.quadrant-layout-with-nav .quadrant-container .slot-03 {
  left: 0;
  top: 0;
  bottom: 0;
  right: 50%;
  position: absolute;
  border-right: #101010 2px solid;
}
.quadrant-layout-with-nav .quadrant-container .slot-12 {
  left: 50%;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  border-top: #101010 2px solid;
  border-left: #101010 2px solid;
}
.quadrant-layout-with-nav .quadrant-container .resize-button {
  position: absolute;
  left: 0;
  width: 10px;
  bottom: 0;
  height: 10px;
  content: "M";
}
.quadrant-layout-with-nav .quadrant-container .fullscreen-widget {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 5;
  display: inherit;
  border: none;
}
.quadrant-layout-with-nav .quadrant-container .hidden-widget {
  display: none;
}
.quadrant-layout-without-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.quadrant-layout-without-nav .quadrant-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.quadrant-layout-without-nav .quadrant-container > * {
  overflow: auto;
  padding: 5px;
}
.quadrant-layout-without-nav .quadrant-container .slot-0 {
  left: 0;
  top: 0;
  bottom: 50%;
  right: 50%;
  position: absolute;
  border-bottom: #101010 2px solid;
  border-right: #101010 2px solid;
}
.quadrant-layout-without-nav .quadrant-container .slot-1 {
  left: 50%;
  top: 0;
  bottom: 50%;
  right: 0;
  position: absolute;
  border-bottom: #101010 2px solid;
  border-left: #101010 2px solid;
}
.quadrant-layout-without-nav .quadrant-container .slot-2 {
  left: 50%;
  top: 50%;
  bottom: 0;
  right: 0;
  position: absolute;
  border-top: #101010 2px solid;
  border-left: #101010 2px solid;
}
.quadrant-layout-without-nav .quadrant-container .slot-3 {
  left: 0;
  top: 50%;
  bottom: 0;
  right: 50%;
  position: absolute;
  border-top: #101010 2px solid;
  border-right: #101010 2px solid;
}
.quadrant-layout-without-nav .quadrant-container .slot-03 {
  left: 0;
  top: 0;
  bottom: 0;
  right: 50%;
  position: absolute;
  border-right: #101010 2px solid;
}
.quadrant-layout-without-nav .quadrant-container .slot-12 {
  left: 50%;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  border-top: #101010 2px solid;
  border-left: #101010 2px solid;
}
.quadrant-layout-without-nav .quadrant-container .resize-button {
  position: absolute;
  left: 0;
  width: 10px;
  bottom: 0;
  height: 10px;
  content: "M";
}
.quadrant-layout-without-nav .quadrant-container .fullscreen-widget {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 5;
  display: inherit;
  border: none;
}
.quadrant-layout-without-nav .quadrant-container .hidden-widget {
  display: none;
}
#browse-container {
  position: absolute;
  /*top: @navBarHeight;
  bottom: @footerHeight;*/
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#browse-container .divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 348px;
  width: 2px;
  background-color: #101010;
}
#browse-container .padded {
  padding-left: 15px;
  padding-right: 15px;
}
#browse-container .padded-vertical {
  padding-top: 15px;
  padding-bottom: 15px;
}
#browse-container #summary-pane {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 350px;
  overflow-y: auto;
}
#browse-container #summary-pane-with-footer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 55px;
  width: 350px;
  overflow-y: auto;
}
#browse-container #summary-pane-footer {
  position: absolute;
  height: 55px;
  bottom: 0;
  left: 0;
  width: 350px;
  overflow: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: solid #404040 1px;
}
#browse-container #detail-pane {
  position: absolute;
  top: 70px;
  right: 0;
  bottom: 0;
  width: 300px;
  overflow: auto;
}
#browse-container #detail-center {
  position: absolute;
  top: 70px;
  left: 350px;
  bottom: 0;
  right: 300px;
  overflow-y: auto;
}
#browse-container #detail-header {
  position: absolute;
  top: 0;
  left: 350px;
  height: 70px;
  right: 0;
  border-bottom: solid #404040 1px;
}
#browse-container #unsplit-detail-pane {
  position: absolute;
  top: 70px;
  left: 350px;
  bottom: 0;
  right: 0;
  overflow-y: auto;
}
#browse-container #unsplit-detail-pane-with-footer {
  position: absolute;
  top: 70px;
  left: 350px;
  bottom: 55px;
  right: 0;
  overflow-y: auto;
}
#browse-container #detail-pane-footer {
  position: absolute;
  left: 350px;
  right: 0;
  bottom: 0;
  height: 55px;
  overflow: hidden;
  border-top: solid #404040 1px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.table-striped thead {
  background-color: rgba(128, 128, 128, 0.09);
}
.long-content {
  word-wrap: break-word;
}
.dl-horizontal dt {
  width: 180px;
  padding-right: 5px;
  text-align: left;
}
.dl-horizontal dd {
  margin-left: 180px;
}
.validation-summary-errors {
  max-width: 400px;
}
.dl-horizontal-wide dd {
  margin-left: 400px;
}
.dl-horizontal-wide dt {
  width: 400px;
}
.multicontainer {
  margin: 4px;
  border: solid black 2px;
  border-radius: 5px;
  padding: 3px;
  overflow: auto;
}
.multicontainer label {
  float: left;
}
.multicontainer input {
  float: right;
}
.multicontainer br {
  clear: both;
}
.multicontainer h3 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.center-box {
  position: absolute;
  left: 20%;
  min-width: 400px;
}
#order-filter-parent {
  display: flex;
  flex-flow: column wrap;
}
#order-filter-parent filter-type {
  max-width: 250px;
}
.text-muted > a {
  color: #6868B8;
}
.company-logo {
  position: absolute;
  right: 15px;
  height: 70%;
  margin-top: 7px;
  /*width:195px;
  height:70px;*/
}
.notification :first-child {
  border: solid 3px #333333;
  border-radius: 15px;
  padding: 8px;
  float: left;
}
.notification :last-child {
  clear: both;
}
.dl-horizontal dd::after {
  display: table;
  content: "";
  clear: both;
}
.narrow-table td {
  width: 90px;
}
.narrow-table input {
  width: 95%;
}
.table-options td {
  padding: 3px;
}
.input-box {
  margin-top: 10px;
  border-width: 3px;
  border-color: #333333;
  border-radius: 15px;
  border-style: solid;
  padding: 0;
  padding-bottom: 10px;
}
.input-box .error {
  color: red;
}
.input-box img {
  border-radius: 15px;
}
.input-box > * {
  margin-right: 15px;
  margin-left: 15px;
}
.input-box td {
  padding: 5px;
  height: 30px;
}
.input-box h1,
.input-box h2 {
  padding: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  background-color: #F5F5F5;
  border-color: #DDDDDD;
  color: #333333;
  border-style: none;
  border-bottom-style: solid;
  clear: both;
  text-align: center;
}
input,
select {
  border-radius: 5px;
  /*background: black;*/
}
input[readonly] {
  background-color: darkgray;
}
.required-item:after {
  color: red;
  content: "*";
}
.required-item-label:before {
  color: red;
  content: "*";
}
.fillParent {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.fill-parent-with-overflow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: auto;
}
.table-search-margins {
  margin-bottom: 0px;
}
.navbar {
  border-radius: 0px;
}
.glyphicon-accept {
  color: #4CAF50;
}
.glyphicon-reject {
  color: #F44336;
}
a.action:hover {
  text-decoration: none;
  cursor: pointer;
}
