@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600);
.row:before, .row:after, .clearfix:before, .clearfix:after {
  display: table;
  content: " "; }

.row:after, .clearfix:after {
  clear: both; }

.row, .clearfix {
  *zoom: 1; }

img {
  max-width: 100%;
  height: auto; }

*, *:before, *:after {
  box-sizing: border-box; }

.column {
  float: none; }
  .column.col-1-1, .column.col-1-2, .column.col-1-3, .column.col-1-4 {
    width: 100%; }
  .column.col-1-4 {
    padding-right: 10px; }
  .column.contact {
    text-align: center;
    margin-bottom: 64px; }

.template-container {
  display: none; }

@media only screen and (min-width: 740px) {
  .column {
    float: left;
    padding-left: 0px; }
    .column.col-1-2 {
      width: 50%; }
      .column.col-1-2.col-center {
        float: none;
        margin: 0 auto; }
    .column.col-1-3 {
      width: 33.333%; }
    .column.col-2-3 {
      width: 66%; }
    .column.col-1-4 {
      width: 25%; } }

@media only print {
  #menu {
    display: none; }
  .economy-summary {
    display: none; }
  .project-controls, .button {
    display: none; }
  .project-list-filter {
    display: none; }
  .project-meta, .project-info p {
    font-size: 9pt !important;
    margin-top: 0px !important; }
  .customer-name {
    font-weight: 700; }
  .single-project {
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
    page-break-inside: avoid; }
  .project-economy-summary {
    font-size: 9pt;
    line-height: 1em; } }

body {
  letter-spacing: 0.025em;
  font-family: "Opens Sans", sans-serif;
  font-weight: 100;
  background-color: #fff; }

.column.pad-left {
  padding-left: 2%; }

h1, h2, h3 {
  margin: 0.5em 0 1em;
  font-family: "Droid Serif", serif;
  font-weight: 100; }

p, h1, h2, h3, h4, li, label {
  line-height: 1.4em;
  font-size: 12pt;
  margin: 0px 0px 1em 0px; }

.smalltext {
  font-size: 0.75em;
  font-weight: 300; }

.number {
  font-family: monospace; }

h1 {
  font-size: 21pt; }

h2 {
  font-size: 19pt; }

h3 {
  font-size: 17pt; }
  h3.char-index {
    margin-bottom: 0px; }

table {
  width: 100%; }
  table td, table th {
    padding: 0.4em 4px;
    line-height: 1.2em; }
    table td.max-width-200, table th.max-width-200 {
      max-width: 240px; }
    table td.date, table th.date {
      font-size: 10px; }
  table th {
    text-align: left; }
  table td .button {
    padding-top: 2px;
    padding-bottom: 2px; }
  table tr.bottom-line {
    border-top: 1px solid #000; }
    table tr.bottom-line td {
      padding-top: 8px; }

th {
  font-family: "Opens Sans", sans-serif; }

input.listfilter {
  padding: 0.25em;
  font-weight: 300;
  letter-spacing: 0.035em;
  width: 100%;
  max-width: 520px; }
  input.listfilter:focus {
    outline: none; }

.filterable-list.filtered li {
  display: none; }

.filterable-list.filtered li.filtered-in {
  display: block; }

.hidden {
  display: none !important; }

.capitalized {
  text-transform: capitalize; }

.supered {
  font-size: 50%;
  text-align: top;
  vertical-align: top; }

.button {
  border: 1px solid #9FD080;
  border-left: 4px solid #9FD080;
  padding: 0.5em 0.75em;
  text-align: center;
  cursor: pointer;
  position: relative;
  color: #3f3f3f;
  font-size: 11pt;
  vertical-align: top; }
  .button:hover {
    border: 1px solid #7AB741;
    border-left: 4px solid #7AB741; }
  .button.armed {
    color: #fff;
    border-radius: 8px;
    background: red !important;
    border-color: red; }
  .button.large {
    padding: 0.75em 1.5em; }
  .button.small {
    padding: 0.15em 0.5em; }
  .button.right {
    float: right;
    margin-left: 1em; }
  .button.wide {
    width: 100%;
    padding: 0.75em 0px;
    display: block; }
  .button.has-tooltip .tooltip {
    position: absolute;
    top: 110%;
    left: -50%;
    right: -50%;
    background-color: rgba(0, 0, 0, 0.92);
    color: #fff;
    font-family: "Opens Sans", sans-serif;
    font-size: 8pt;
    padding: 6px 4px;
    border-radius: 3px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 0;
    z-index: 90;
    pointer-events: none; }
    .button.has-tooltip .tooltip.visible {
      opacity: 1; }

#app-canvas {
  width: 100%;
  padding: 96px 5%; }

.form-field {
  padding-right: 5%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }
  .form-field.inline {
    display: inline-block;
    margin-right: 2em; }
  .form-field label.large {
    /*font-family: $font_serif;*/
    font-size: 17pt;
    padding-bottom: 0.25em; }
  .form-field input[type="text"], .form-field input[type="date"], .form-field input[type="number"], .form-field input[type="password"], .form-field textarea {
    font-weight: 100;
    letter-spacing: 0.025em;
    font-family: "Opens Sans", sans-serif;
    margin-bottom: 1em;
    min-width: 280px;
    border: none;
    border-bottom: 1px solid #D0D0D0;
    padding: 0.25em 0em 0.25em; }
  .form-field input:focus, .form-field textarea:focus {
    outline: none; }
  .form-field input.completed, .form-field textarea.completed {
    color: #999999;
    position: relative;
    background-image: url("../images/checked-green.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 1em 1em; }
  .form-field textarea {
    padding: 0.5em;
    border: 1px solid #D0D0D0;
    font-size: 12pt; }
    .form-field textarea.width-full {
      width: 100%; }
    .form-field textarea:focus {
      border: 1px solid #717171; }
  .form-field input {
    font-size: 14pt; }
    .form-field input:focus {
      border-bottom: 1px solid #717171; }
  .form-field input[type="submit"] {
    padding: 1em 3em;
    /*background-color: #7FAF77;*/
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
    position: relative;
    background: transparent; }
    .form-field input[type="submit"]:hover {
      /*background-color: #A2CE6F;*/ }

#menu {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 2px 5% 1px;
  background: #7E8081;
  border-bottom: 1px solid #ebebeb;
  z-index: 30; }
  #menu img#logo {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 36px;
    height: 36px; }
  #menu li {
    display: inline-block;
    padding: 0px 4px 0px 4px;
    margin: 0px 0.25em; }
    #menu li p {
      margin: 0px;
      text-align: center;
      color: #fff;
      text-shadow: 1px 1px 0px #3f3f3f;
      border-bottom: 1px solid #B3B3B3; }
    #menu li a {
      display: inline-block;
      color: #fff;
      padding-top: 2px;
      padding-bottom: 0px;
      padding-left: 0.5em;
      padding-right: 0.5em;
      text-shadow: 1px 1px 0px #3f3f3f;
      border-bottom: 1px solid transparent;
      -webkit-transition: all 0.15s;
      transition: all 0.15s; }
      #menu li a:hover {
        border-bottom: 1px solid #ebebeb; }
    #menu li.logged-in-user {
      display: none; }

ul.action-list {
  cursor: pointer; }

ul li {
  margin-bottom: 0.25em;
  padding: 0.5em;
  display: block; }

input:disabled {
  opacity: 0.25; }

.selection-list {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */ }
  .selection-list li {
    border: 1px solid #ebebeb;
    border-left: 4px solid #ebebeb;
    cursor: pointer;
    display: inline-block;
    clear: right;
    margin: 0.5em 1em 0.5em 0em; }
    .selection-list li:hover {
      border: 1px solid #3f3f3f;
      border-left: 4px solid #3f3f3f; }
    .selection-list li.selected-item {
      border: 1px solid #717171;
      border-left: 4px solid #717171; }

p.project-meta {
  margin: 0px;
  margin-bottom: 1em;
  line-height: 2em;
  font-size: 11pt;
  position: relative; }
  p.project-meta .button {
    font-size: 9pt; }
  p.project-meta .radar-open {
    background-color: #7AB741; }
  p.project-meta .deadline.deadline-margin-0 {
    color: red;
    font-weight: 700; }
    p.project-meta .deadline.deadline-margin-0 .deadline-margin {
      display: none; }

.projects .button.list-control .show-compact {
  display: block; }

.projects .button.list-control .show-full {
  display: none; }

.projects .button.list-control.compact .show-compact {
  display: none; }

.projects .button.list-control.compact .show-full {
  display: block; }

.projects .project-list.compact-list .single-project {
  padding-bottom: 0em;
  margin-bottom: 0.5em; }
  .projects .project-list.compact-list .single-project .radar-row, .projects .project-list.compact-list .single-project .summary-row, .projects .project-list.compact-list .single-project .project-meta {
    display: none; }

.projects .project-list .column.project-summary {
  padding-left: 0px; }

.projects .project-list .single-project {
  width: 100%;
  margin-bottom: 3em;
  padding-bottom: 3em;
  border-bottom: 1px solid #D0D0D0; }
  .projects .project-list .single-project .contracts-single-project {
    display: none; }
  .projects .project-list .single-project .project-data {
    display: none; }

.projects .project-title-row {
  padding-right: 0px;
  margin-bottom: 0.66em; }
  .projects .project-title-row h1 {
    font-size: 15pt;
    padding: 0px;
    margin: 0px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 0.25em; }
  .projects .project-title-row .project-controls {
    display: inline-block;
    verticle-align: middle;
    margin-top: 4px;
    float: right; }
    .projects .project-title-row .project-controls .button.project-control {
      margin-left: 1em; }

.projects p.project-description {
  margin-top: 1.5em; }

.project.get table tr td, .project.get table tr th {
  padding-right: 1em; }
  .project.get table tr td:nth-child(1), .project.get table tr th:nth-child(1) {
    width: 12%; }
  .project.get table tr td:nth-child(2), .project.get table tr th:nth-child(2) {
    width: 10%; }
  .project.get table tr td:nth-child(3), .project.get table tr th:nth-child(3) {
    width: 30%; }
  .project.get table tr td:nth-child(4), .project.get table tr td:nth-child(5), .project.get table tr th:nth-child(4), .project.get table tr th:nth-child(5) {
    width: 6%; }
  .project.get table tr td:nth-child(6), .project.get table tr th:nth-child(6) {
    width: 10%; }
  .project.get table tr td:nth-child(7), .project.get table tr th:nth-child(7) {
    width: 8%; }
  .project.get table tr td .button, .project.get table tr th .button {
    display: inline-block;
    margin-bottom: 2pt; }

.button-spline .button {
  display: inline-block;
  padding: 4px 8px; }

form {
  -webkit-transition: all 0.25s;
  transition: all 0.25s; }
  form.submit-pending {
    -webkit-filter: blur(3px); }
  form.submit-success {
    -webkit-filter: blur(3px); }
  form .form-field {
    margin-bottom: 16px; }
    form .form-field.hidden-field {
      opacity: 0.6; }
    form .form-field label {
      display: block;
      margin-bottom: 2px; }

.form-helpers {
  width: 50%;
  padding-right: 32px; }
  .form-helpers label {
    display: block;
    margin-bottom: 2px; }

.form-container {
  width: 50%; }

.flexbox-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .flexbox-container > div {
    min-width: 400px; }
  .flexbox-container .form-field {
    padding-right: 32px;
    width: auto; }

#app-canvas.login .form-container {
  max-width: 400px;
  margin: auto; }
  #app-canvas.login .form-container .form-field {
    margin-bottom: 2.66em; }
    #app-canvas.login .form-container .form-field input {
      display: block; }

#app-canvas.log.new .selects-quantity li {
  padding-left: 12px;
  padding-right: 12px; }

#app-canvas.log.new #worktype-target {
  text-transform: capitalize; }

#app-canvas.log.new #log-description {
  min-height: 300px;
  width: 100%;
  min-width: 280px; }

#app-canvas.log.new .submits-form {
  margin-top: 24px; }

#app-canvas.log.new .log-summary {
  margin-top: 0.5em;
  transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s; }
  #app-canvas.log.new .log-summary.incomplete {
    opacity: 0; }

#app-canvas.project.new .form-helpers.customer-filter.filtered h3, #app-canvas.project.edit .form-helpers.customer-filter.filtered h3 {
  display: none; }

#app-canvas.project.new .customer-list.filtered li, #app-canvas.project.edit .customer-list.filtered li {
  display: none; }
  #app-canvas.project.new .customer-list.filtered li.filtered-in, #app-canvas.project.edit .customer-list.filtered li.filtered-in {
    display: inline-block; }

#app-canvas.project.get .project-title {
  margin-bottom: 0px; }
  #app-canvas.project.get .project-title span.project-number {
    font-weight: 100;
    margin-right: 0.1em;
    padding-right: 0.4em;
    border-right: 1px solid #3f3f3f; }

.dashboard h2 {
  text-align: center; }

.dashboard table tr:nth-child(odd) {
  background-color: #ebebeb; }

.dashboard .fulfillment {
  width: 100%;
  font-size: 0px; }
  .dashboard .fulfillment .progress-bar, .dashboard .fulfillment .bonus-bar {
    font-size: 16pt;
    padding: 0.5em 0;
    color: #fff;
    text-align: center;
    background-color: #8bd88b;
    text-shadow: 1px 1px 1px #3f3f3f;
    display: inline-block; }
  .dashboard .fulfillment .bonus-bar {
    background-color: #89ff60; }

.planning .timeline ul {
  display: block;
  padding-bottom: 4px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 40px; }
  .planning .timeline ul:before {
    content: attr(data-weeknumber);
    position: absolute;
    top: 30%;
    left: 0px;
    bottom: 0px;
    width: 80px; }

.planning .timeline .single-date {
  font-size: 10pt;
  display: inline-block;
  padding: 2px 5px;
  margin: 0px;
  width: 100px;
  position: relative;
  outline: 1px solid #ebebeb;
  border-right: 10px solid #ebebeb; }
  .planning .timeline .single-date.wd-sat {
    opacity: 0.5; }
  .planning .timeline .single-date.wd-sun {
    opacity: 0.5; }
    .planning .timeline .single-date.wd-sun:after {
      content: '';
      display: block; }
  .planning .timeline .single-date span {
    display: block;
    text-align: center;
    padding: 3px 0;
    z-index: 2;
    position: relative; }
  .planning .timeline .single-date .indicator {
    position: absolute;
    width: 10px;
    left: 100%;
    bottom: 0px;
    background: green;
    z-index: 0; }
    .planning .timeline .single-date .indicator.caution {
      background-color: yellow; }
    .planning .timeline .single-date .indicator.overload {
      background-color: red; }
  .planning .timeline .single-date .project-list {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.25s;
    transition: all 0.25s; }
  .planning .timeline .single-date:hover .project-list {
    max-height: 200px; }

.planning .timeline hr {
  margin: 0 0 8px; }

.customer.get .customer-info h2 {
  margin: 2.5em 0 0.5em; }

.customer.get .radar-form label {
  font-size: 12pt;
  display: inline-block;
  margin-right: 1em; }

.customer.get .radar-form input {
  text-align: center;
  font-weight: 100;
  padding: 0px; }

.radar-container {
  -webkit-transition: all 0.25s;
  transition: all 0.25s; }
  .radar-container.radar-active {
    padding: 8px 5%;
    border-top: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0; }

.form-container.radar-form h1, .radar-container h1 {
  margin: 0px 0px 8px 0px; }

.form-container.radar-form .form-field, .radar-container .form-field {
  margin-bottom: 15px; }
  .form-container.radar-form .form-field label, .radar-container .form-field label {
    display: inline-block;
    padding: 0px 1em 0px 0px;
    margin: 0px; }
  .form-container.radar-form .form-field input, .radar-container .form-field input {
    text-align: center;
    font-weight: 300;
    background-color: transparent;
    margin-bottom: 0px; }

.customer.index ul.customer-list li:hover {
  background-color: #fafafa; }

.customer.index ul.customer-list li p {
  margin: 0px; }
/*# sourceMappingURL=maskinen.css.map */