#header {
  background-color: #34495D !important;
}
.default-cursor {
  cursor: default !important;
}
#topMain.nav-pills > li > a {
  color: white;
  text-transform: uppercase;
}
#topMain.nav-pills > li:hover > a,
#topMain.nav-pills > li:focus > a {
  color: white;
  background-color: #416178;
}
/* part 2: standard color, not dimmed*/
#topMain.nav-pills > li.active > a {
  color: white;
}
#topMain.nav-pills > li.active {
  background-color: #416178;
}
#header a.logo > img {
  max-height: 40px;
  margin-top: 2px;
}
.logo.pull-left {
  margin-left: 1em;
}
#header.fixed #topNav a.logo > img {
  max-height: 40px;
}
#header #topNav a.logo > img {
  max-height: 40px !important;
}
@media only screen and (max-width: 380px) {
  #header #topNav a.logo > img {
    max-height: 30px !important;
  }
}
#header {
  z-index: 2000;
}
#footer > .container {
  padding-top: 30px;
  margin-bottom: 30px;
}
#topNav button.btn-mobile i {
  color: white;
}
#topMain li {
  background: #34495D;
}
.h4-internal {
  margin: 14px 0 !important;
}
address {
  margin: 8px 0;
}
/*
body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
*/
html {
  height: 100% !important;
}
.fa {
  transform: translate(3px, 0);
}
.info-bar.info-bar-bordered {
  margin-bottom: 0 !important;
}
.fancy-form-select:before {
  content: normal;
}
.dropdown-sort {
  float: right;
  margin-right: 3em;
}
@media (min-width: 992px) {
  /* md */
  .dropdown-sort {
    margin-right: 0;
  }
}
.status {
  width: 3em;
  border-width: 0;
  cursor: default;
  background-color: #777;
}
.status[status=ok] {
  background-color: #00a379;
}
.status[status=ok]:hover {
  background-color: #00a379;
}
.status[status=nok] {
  background-color: darkred;
}
.status[status=nok]:hover {
  background-color: darkred;
}
.status-text:empty {
  display: none;
}
p.small-margin,
ul.small-margin {
  margin-bottom: 15px;
}
ul.small-margin-top {
  margin-top: 10px;
}
.h10 {
  height: 10px;
}
#popup {
  z-index: 2001;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  text-align: center;
  overflow-y: auto;
}
#popup .popup-inner {
  background-color: white;
  margin: 5em;
  text-align: left;
}
.tkmonitor_close-x {
  position: fixed;
  right: 1em;
  top: 0;
  cursor: pointer;
  padding: .5em;
  border: 1px solid transparent;
}
.tkmonitor_close-x:hover {
  border: 1px solid #777;
}
ul.dropdown-menu.inner {
  width: inherit;
  height: inherit;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  padding-left: 0;
  font-size: inherit;
  line-height: inherit;
  margin: 10px 0px 10px 0px;
}
.radio input[type=checkbox],
.checkbox input[type=checkbox] {
  left: inherit;
}
.radio,
.checkbox {
  /* margin: 0 15px 3px 0; */
  /* padding-left: 27px; */
  /* font-size: 15px; */
  /* line-height: 27px; */
}
#myModal {
  z-index: 2002;
}
#myModal .modal-content {
  border-top-color: white;
}
#myModal.error .modal-content {
  border-top-color: red;
}
#myModal.error .modal-header {
  border-bottom: 2px solid red;
}
/*
#myModal {
  z-index: 2002;
  .modal-content {
    border-top-color: green;
    // border-top-color: red;
  }
  .modal-header.error {
    border-bottom: 2px solid red;
  }
}
*/
.modal-body {
  /*
  p {
    margin-bottom: 10px;
  }
  h3 {
    margin-bottom: 10px;
  }
  */
}
.modal-body > * {
  margin-bottom: 10px;
}
.modal-body > dl dd {
  margin-bottom: 10px;
}
.modal-body > h1,
.modal-body > h2,
.modal-body > h3,
.modal-body > h4 {
  margin-top: 10px;
}
#wait div {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-size: 400%;
  color: black;
}
/*
#wait {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: @backdropColor;
  z-index: 10002;
  cursor: wait;

  div {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-size: 400%;
    color: @waitTextColor;
  }
}
*/
.tester,
.big {
  text-align: center;
  color: #34495D;
  background-color: white;
  margin: 1em 0 .66em 0;
  text-shadow: 0.25em 0.4em 0.3em black;
  font-weight: bold;
  font-size: 35px;
}
.tester img,
.big img {
  height: 4em;
  float: left;
  padding: 0 .5em 0 1em;
}
@media (min-width: 768px) {
  .tester,
  .big {
    font-size: 50px;
  }
}
@media (min-width: 992px) {
  .tester,
  .big {
    font-size: 70px;
  }
}
@media (min-width: 1200px) {
  .tester,
  .big {
    font-size: 85px;
  }
}
#nav-container {
  padding-right: 0;
}
.modal-body:empty {
  display: none;
}
.div-a > div {
  padding: .5em;
  box-shadow: 0 0 0 transparent;
  transform-origin: center center;
  background-color: white;
  color: #666666;
}
.div-a > div:hover {
  color: #666666;
  color: black;
  -webkit-transform: translate(0, 10px) scale(1.01);
  -moz-transform: translate(0, 10px) scale(1.01);
  -ms-transform: translate(0, 10px) scale(1.01);
  -o-transform: translate(0, 10px) scale(1.01);
  transform: translate(0, 0) scale(1.01);
  z-index: 1000;
}
.div-a > div:hover i {
  background-color: #34495D !important;
  color: white;
}
/*
@default-color: rgb(102,102,102);
@hover-scale: 1.03;
@hover-translate: 0,0;//1.003;
.div-a {
  box-shadow: 0 0 0 transparent;
  transform-origin: center center;
  background-color: white;
  i {
    margin-top: 15px;
    margin-bottom: -5px;
  }
  &:hover {
    box-shadow: 0 0 15px @default-color;
    color: @default-color;
    color: black;
    -webkit-transform: translate(0, 10px) scale(@hover-scale);
    -moz-transform: translate(0, 10px) scale(@hover-scale);
    -ms-transform: translate(0, 10px) scale(@hover-scale);
    -o-transform: translate(0, 10px) scale(@hover-scale);
    transform: translate(@hover-translate) scale(@hover-scale);
    z-index:1000;
    i {
      background-color: @color-theme !important;
      color: white;
    }
  }
  color: @default-color;
}
*/
.max-300 {
  max-width: 300px;
}
.form-group .control-label {
  padding-top: 7px;
  margin-bottom: 0;
  text-align: right;
}
.form-entry-description {
  margin: 5px 0 10px;
}
form {
  margin: 0;
}
.page > *:last-child {
  margin-bottom: 100px;
}