/* Variables */
/* Fonts */
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/opensans-regular.eot");
  src: url("fonts/opensans-regular.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-regular.woff") format("woff"), url("fonts/opensans-regular.ttf") format("truetype"), url("fonts/opensans-regular.svg#open_sansregular") format("svg"); }
@font-face {
  font-family: 'Open Sans';
  src: url("fonts/opensans-bold.eot");
  src: url("fonts/opensans-bold.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-bold.woff") format("woff"), url("fonts/opensans-bold.ttf") format("truetype"), url("fonts/opensans-bold.svg#open_sansbold") format("svg");
  font-weight: bold; }
/* Markup */
html {
  background: #ddd;
  color: #333;
  font: 14px "Open Sans", sans-serif;
  overflow-y: scroll; }

a {
  text-decoration: none; }

label {
  cursor: pointer; }

.clear {
  clear: both;
  height: 0;
  overflow: hidden; }

.dark {
  background: #ddd; }

.login form,
.box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background: #fff; }

.login form {
  margin: 0 auto;
  padding: 50px 50px 40px;
  width: 250px; }

.box {
  color: #264b80;
  float: left;
  margin-bottom: 40px;
  padding: 70px 0;
  text-align: center;
  transition: all 0.2s ease-out;
  width: calc(25% - 30px); }

.box:not(:nth-of-type(4n)) {
  margin-right: 40px; }

.box:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); }

.box span {
  font-size: 24px;
  font-weight: bold; }

#machine_types li:hover,
#machine_types li.active {
  color: #264b80;
  cursor: pointer; }

.login li {
  margin-bottom: 10px; }

.login input[type='text'],
.login input[type='password'] {
  width: calc(100% - 10px); }

.login input[type='checkbox'] {
  cursor: pointer;
  margin-right: 5px; }

.login label:hover {
  color: #0f248c; }

header {
  background: linear-gradient(to bottom, #3569b2 0%, #264b80 100%);
  height: 90px;
  position: relative; }

header .left,
header .right {
  float: left; }

header .left {
  width: 60%; }

header .right {
  width: 40%; }

nav {
  margin: 50px 0 0 20px; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

nav li {
  border-radius: 3px 3px 0 0;
  float: left;
  transition: background 0.3s ease-out; }

nav ul:not(.sub) li:hover {
  background: rgba(221, 221, 221, 0.5); }

nav ul:not(.sub) .active,
nav ul:not(.sub) .active:hover {
  background: #ddd; }

nav ul:not(.sub) li:hover a,
nav ul:not(.sub) .active a {
  color: #333; }

nav ul:not(.sub) .hidden {
  display: none; }

nav a {
  transition: color 0.2s ease-out; }

nav ul:not(.sub) a {
  color: #fff;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 20px; }

nav .sub {
  position: absolute;
  top: 15px; }

nav .sub .hidden {
  display: block; }

nav .sub li:not(.hidden) {
  display: none; }

header .right a {
  float: right;
  margin-left: 10px; }

header .options {
  margin-top: 45px; }

header .options a {
  color: #b8cae6;
  transition: color 0.3s ease-out; }

header .options a:hover {
  color: #fff; }

header .logo {
  margin: 15px 20px 0 20px !important; }

h1 {
  color: #fff;
  font-size: 18px;
  line-height: 15px;
  margin: 0; }

.content {
  padding: 20px;
  width: calc(100% - 40px); }

.filter,
.search {
  margin-bottom: 20px; }

.filter form {
  display: inline; }

.filter select {
  margin-left: 10px; }

.search input {
  background: #fff url(../../base/img/icon_search.png) 96% 7px no-repeat; }

input[type='text'],
input[type='password'],
textarea,
select {
  border: 0;
  box-shadow: 0 0 5px rgba(38, 75, 128, 0);
  transition: box-shadow 0.3s ease-out; }

input[type='text'],
input[type='password'],
textarea {
  padding: 3px 5px;
  border-radius: 3px; }

select {
  padding: 2px 3px;
  border-radius: 3px 0 0 3px; }

input[type='text']:not([disabled]):hover,
input[type='text']:focus,
input[type='password']:not([disabled]):hover,
input[type='password']:focus,
textarea:not([disabled]):hover,
textarea:focus,
select:not([disabled]):hover {
  box-shadow: 0 0 5px rgba(38, 75, 128, 0.5); }

.scroll,
#customers .full {
  overflow-y: auto; }

#offers table, #open table,
#confirmations table,
#lost_orders table,
#customers table,
#attachments table {
  width: 100%; }
  #offers table .center, #open table .center,
  #confirmations table .center,
  #lost_orders table .center,
  #customers table .center,
  #attachments table .center {
    text-align: center; }
  #offers table i, #open table i,
  #confirmations table i,
  #lost_orders table i,
  #customers table i,
  #attachments table i {
    color: #264b80; }

#offers thead, #open thead,
#confirmations thead,
#lost_orders thead,
#offers tr,
#open tr,
#confirmations tr,
#lost_orders tr,
#customers thead,
#customers tr,
#attachments thead,
#attachments tr {
  height: 30px; }

#offers thead, #open thead,
#confirmations thead,
#lost_orders thead,
#customers thead,
#attachments thead {
  background: linear-gradient(to bottom, #3569b2 0%, #3d78cc 50%, #3569b2 51%, #264b80 100%);
  color: #fff;
  text-shadow: 1px 1px 3px #264b80; }

#offers th, #open th,
#confirmations th,
#lost_orders th,
#offers td,
#open td,
#confirmations td,
#lost_orders td,
#customers th,
#customers td,
#attachments th,
#attachments td {
  padding: 0 20px 0 10px; }

th {
  font: bold 14px "Open Sans", sans-serif; }

#offers th, #open th,
#confirmations th,
#lost_orders th,
#customers th,
#attachments th {
  text-align: left; }

#offers th, #open th,
#confirmations th,
#lost_orders th,
#attachments th {
  border-right: 1px solid #6c85a6; }

#offers tbody tr, #open tbody tr,
#confirmations tbody tr,
#lost_orders tbody tr,
#customers tbody tr,
#attachments tbody tr {
  transition: background 0.3s ease-out; }

#offers tbody tr:hover, #open tbody tr:hover,
#confirmations tbody tr:hover,
#lost_orders tbody tr:hover,
#offers tbody .active,
#open tbody .active,
#confirmations tbody .active,
#lost_orders tbody .active,
#customers tbody tr:hover,
#customers tbody .active,
#attachments tbody tr:hover {
  background: #c2d6f2 !important; }

#offers tbody .active, #open tbody .active,
#confirmations tbody .active,
#lost_orders tbody .active,
#customers tbody .active {
  cursor: pointer; }

#offers tbody tr:nth-child(odd), #open tbody tr:nth-child(odd),
#confirmations tbody tr:nth-child(odd),
#lost_orders tbody tr:nth-child(odd),
#customers tbody tr:nth-child(odd),
#attachments tbody tr:nth-child(odd) {
  background: #fff; }

#attachments table a {
  color: #264b80; }

.popup a {
  color: #264b80; }

#chooser select {
  margin-bottom: 10px; }

.pdf {
  margin-top: 5px; }

.tablesorter .header {
  background: url(../../base/img/tablesorter/bg.png) center right no-repeat;
  cursor: pointer; }

.tablesorter .headerSortUp {
  background-image: url(../../base/img/tablesorter/asc.png); }

.tablesorter .headerSortDown {
  background-image: url(../../base/img/tablesorter/desc.png); }

.buttons {
  margin-top: 20px; }

.button {
  background: linear-gradient(to bottom, #3569b2 0%, #3d78cc 50%, #3569b2 51%, #264b80 100%);
  border-radius: 3px;
  color: #fff;
  float: right;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin-left: 10px;
  padding: 5px 15px;
  text-shadow: 1px 1px 3px #264b80; }

button.button,
input[type='submit'].button {
  border: 0; }

a.button {
  cursor: pointer; }

.button:hover {
  background: linear-gradient(to bottom, #4487e5 0%, #4c96ff 50%, #4487e5 51%, #356bb2 100%); }

.button:active,
.button.disabled {
  padding: 5px 14px 5px 16px; }

.button.disabled {
  background: #aaa !important; }

.button.new,
.button.main_menu {
  float: none;
  margin-left: 0; }

.button.main_menu {
  box-shadow: 0 0 3px rgba(38, 75, 128, 0.5);
  margin-right: 20px;
  padding: 5px 20px; }

hr {
  background: #808080;
  border: none;
  height: 1px;
  margin: 20px 0; }

#portal .hidden {
  display: none; }

#portal #machine_types {
  margin-top: 15px; }

#portal #machine_types li {
  margin-bottom: 5px; }

#portal .button,
#attachments .button {
  float: none; }

#portal .button {
  margin: 15px 0 0 0; }

#attachments .button {
  margin: 20px 0 0 0; }

.groups {
  float: left;
  /*overflow-y: scroll;*/
  width: 300px; }

.groups li:not(.admin):first-of-type a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.groups li:last-of-type a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.groups .machine_type {
  height: 40px; }

.groups .title {
  /*background:   #EEEEEE;*/
  background: linear-gradient(to bottom, #eee 0%, #e6e6e6 100%);
  color: #333;
  display: block;
  line-height: 40px;
  height: 40px;
  padding-left: 20px;
  /*transition:   background 0.3s ease-out;*/ }

.groups .title:hover {
  background: #bacce6; }

.groups .active {
  width: 215px; }

.groups .active.static,
.groups .active.full {
  width: calc(100% - 20px); }

.groups .active,
.groups .active:hover {
  background: linear-gradient(to bottom, #3569b2 0%, #3d78cc 50%, #3569b2 51%, #264b80 100%);
  color: #fff; }

/*.groups .title:not(.active):active {
    padding-left: 21px;
}*/
.groups .active,
.groups .icons {
  float: left; }

.groups .icons a {
  float: left;
  background: linear-gradient(to bottom, #3569b2 0%, #3d78cc 50%, #3569b2 51%, #264b80 100%);
  line-height: 40px;
  padding: 0 5px; }

.groups .icons .last {
  padding-right: 10px; }

.move {
  cursor: n-resize; }

.groups .add {
  margin-top: 5px; }

.add span {
  color: #888;
  transition: color 0.3s ease-out; }

.groups .add .title:hover span {
  color: #333; }

.details {
  float: left;
  margin-left: 20px;
  /*overflow-y: auto;*/
  width: calc(100% - 320px); }

.details h2 {
  float: left;
  line-height: 1;
  margin: 0 0 20px 0; }

.details .close {
  color: #0f248c;
  float: right;
  margin-right: 0;
  transition: color 0.3s ease-out; }

.details .close:hover {
  color: #333; }

.details .headline {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin-bottom: 10px; }

.details li {
  clear: left; }

.details .property {
  border-bottom: 1px solid #ccc;
  padding: 10px 0; }

.details .highlight {
  background: transparent;
  padding: 10px;
  transition: background 0.3s ease-out; }

.details .highlight:hover {
  background-color: #eee; }

.details .options li {
  background: transparent;
  transition: background 0.3s ease-out; }

.details .options li:not(.dark):hover {
  background-color: #fff; }

.details .title,
.details .identifier,
.details .label,
.details input[type='text'],
.details input[type='radio'],
.details input[type='checkbox'],
.details textarea,
.details select,
.details .options,
.details .amount,
.details .icons {
  float: left; }

.details .title {
  cursor: help;
  width: 200px; }

.details .title a {
  color: #333; }

.details .title a:hover {
  color: #264b80; }

.details .identifier {
  width: 45px; }

.details .center {
  text-align: center; }

.details input[type='text'],
.details textarea {
  min-width: 280px;
  width: 40%; }

.spacer {
  float: left;
  min-width: 290px;
  width: calc(40% + 90px); }

.details input[type='text'].half {
  min-width: 90px;
  width: calc(20% - 50px); }

.details select {
  min-width: 290px;
  width: calc(40% + 10px); }

textarea {
  resize: none; }

.details textarea {
  height: 150px; }

.details label,
.details .title,
.details .amount,
.details a,
.details .price {
  line-height: 26px; }

.details .options {
  width: calc(100% - 200px); }

.details .options li {
  margin-bottom: 0; }

.details .options input[type='radio'],
.details .options input[type='checkbox'] {
  cursor: pointer;
  margin: 6px 5px 0 0; }

.details .icons {
  margin-left: 10px; }

.details a,
.details .warning {
  margin-right: 10px; }

.details .price {
  color: #aaa;
  float: right;
  margin-left: 30px; }

.details .price img {
  margin-left: 10px; }

.details .grey {
  color: #333; }

.details .total {
  float: right; }

.details .total.top {
  margin-top: 20px; }

.details .add a {
  color: #333; }

.details .add a:hover span {
  color: #264b80; }

#portal #addMachineType {
  margin-left: 20px; }

@media (max-height: 900px) {
  #offers .scroll, #open .scroll,
  #confirmations .scroll,
  #lost_orders .scroll,
  #customers .full {
    height: 420px; }

  #customers .scroll {
    max-height: 150px; }

  /*.groups,
  .details {
      max-height: 480px;
  }*/ }
@media (min-height: 901px) {
  #offers .scroll, #open .scroll,
  #confirmations .scroll,
  #lost_orders .scroll,
  #customers .full {
    height: 660px; }

  #customers .scroll {
    max-height: 240px; }

  /*.groups,
  .details {
      max-height: 680px;
  }*/ }
#pagination {
  line-height: 20px;
  margin-top: 10px;
  text-align: center; }

/*# sourceMappingURL=style.css.map */