.pull-right {
  text-align: right !important;
}

.dataTables_wrapper {
  min-width: 100%;
  width: inherit;
  margin-right: 25px;
  .dataTables_length {
    clear: both;
    width: 50%;
    margin: -20px 5px 5px 5px;
  }
  .paging_simple_numbers {
    width: auto;
    cursor: pointer;
  }
}

#wrapper {
  #container {
    #left {
      width: 190px;
      padding-top: 50px;
      .box.submenu {
        ul {
          li {
            a {
              color: #e5342a !important;
              background: none !important;
              padding-left: 1ex !important;
              &:hover {
                color: #612b53 !important;
                text-decoration: none;
              }
            }
            border-top-style: dashed;
            background: none;
            font-family: "Montserrat", sans-serif;
          }
        }
      }
      .box {
        box-shadow: none;
        border-width: 0;
        border: 1px solid #f2f1ef;
        margin-top: 0 !important;
        .content {
          display: block;
          clear: both;
          width: auto;
        }
      }
      .box.search {
        button {
          position: relative;
          left: 2px;
        }
        input {
          color: inherit;
        }
        display: block;
        clear: both;
        overflow: hidden;
        margin-top: 0;
        margin-bottom: 20px;
      }
    }
    #right {
      margin: 0 0 0 189px;
      padding-top: 50px;
      background: none !important;
      padding-bottom: 100px;
      .row {
        .right {
          a.item.small {
            display: inline-block;
            float: right;
            position: absolute;
            left: 160px;
            top: 6px;
            img {
              padding: 5px 10px 0;
            }
          }
        }
      }
      div.actions {
        min-width: 112px;
        white-space: nowrap;
        a.small {
          width: 35px;
          height: 26px;
          img {
            width: auto;
            height: 16px;
          }
          img.hidden {
            visibility: hidden;
          }
        }
      }
      div.button-bar {
        .box {
          border: 0;
          border-left: 1px solid #e6e6e6;
          border-right: 1px solid #e6e6e6;
          border-bottom: 1px solid #e6e6e6;
          border-width: 0;
          .content {
            overflow: auto;
            padding: 0;
          }
        }
      }
      .section {
        width: 99%;
        .box {
          background: none !important;
          margin-top: 0;
          margin-bottom: 20px;
          box-shadow: none;
          border-width: 0;
          .content {
            background: none;
            padding-left: 0;
            margin-right: 0;
            .flot-graph {
              .legend {
                table {
                  td {
                    white-space: normal;
                    vertical-align: top;
                  }
                  tr {
                    background-color: #fff;
                  }
                }
              }
            }
          }
          .title {
            background: none;
            padding-left: 0;
            padding-top: 40px;
            clear: both;
            overflow: hidden;
            color: #0097ab;
            position: relative;
            top: -5px;
            font-size: 28.6px;
            font-weight: 700;
            text-transform: none;
            height: auto;
            .show {
              height: 24px;
              i.fa {
                color: #909090;
                font-size: 22px;
              }
            }
            .titleText {
              position: absolute;
              bottom: 0;
            }
          }
          .hide-text {
            font-size: 12px;
            float: right;
            cursor: pointer;
          }
          .show-text {
            font-size: 12px;
            float: right;
            cursor: pointer;
          }
          a.contract_link {
            color: #0097ab !important;
          }
        }
        background: none !important;
      }
      .btn-box {
        background: none;
        text-align: left;
        .content {
          padding-top: 0;
        }
      }
      #breadcrumbs {
        margin-left: 0;
        border-width: 0;
        margin-bottom: 20px;
        ul {
          width: auto !important;
          padding: 0;
          li {
            padding: 0.75em 0;
            margin: 0 1em 0 0;
            background: none;
            color: #909090;
            &:first-child {
              display: none;
            }
          }
        }
        .chevronOverlay {
          display: none !important;
        }
      }
      .box {
        .content {
          .wizard {
            .wizard-row {
              &:not(.odd) {
                &:nth-child(odd) {
                  background-color: #ccc;
                }
              }
              padding-top: 10px;
              padding-bottom: 10px;
              border-bottom: 0;
              overflow: hidden;
              p {
                margin-bottom: 5px;
              }
              form {
                h2 {
                  margin-top: 0;
                }
              }
            }
            border: 1px solid #f2f1ef;
            margin-top: 20px;
            .stepContainer {
              overflow: hidden;
              padding-bottom: 20px;
            }
            ul.anchor {
              background: none !important;
              li {
                a.active {
                  background: #8a9623;
                }
              }
            }
            .actionBar {
              background: none !important;
            }
          }
          table.import_preview {
            tbody {
              tr {
                background-color: #fff !important;
                td {
                  background-color: #fff !important;
                  border-width: 1px;
                  span {
                    display: block;
                    width: 30px;
                  }
                }
              }
              tr.invalid {
                td.invalid {
                  border-bottom: 1px solid red;
                  i.fa {
                    color: red;
                    cursor: pointer;
                    cursor: hand;
                  }
                }
              }
            }
          }
        }
        a.item.small {
          position: relative;
          top: 3px;
          /*					i.fa.fa-building.revised {
						color: #666;
						top: 3px;
						position: relative;
						font-size: 18px !important;
					}
					i.fa.fa-download.revised {
						color: #7b7b7b;
						top: 3px;
						position: relative;
						font-size: 18px !important;
					}
					i.fa.fa-list.revised {
						color: #009999;
						top: 5px;
						position: relative;
						font-size: 18px !important;
					}
					i.fa.fa-exchange.revised {
						color: #009999;
						top: 3px;
						position: relative;
						font-size: 18px !important;
					}
					i.fa.fa-tasks {
						top: 3px;
						position: relative;
						font-size: 18px !important;
					}
					i.fa.fa-building.revised.green {
						color: #a0b700;
					}
					i.fa.fa-building.revised.red {
						color: #e20000;
					}*/
        }
        a.item.small.ticked {
          i {
            color: #88b300;
            font-size: 28px;
            position: absolute;
            left: 5px;
          }
        }
        /*				a.item.small.fa-icon {
					top: -3px;
				}*/
      }
      #contract_value {
        .row {
          margin-bottom: 20px;
        }
      }
      .info.red {
        span {
          background: #000 url("../img/gfx/btn-info.gif") repeat scroll -1px -20px;
        }
      }
      div.adduser {
        a.item.small {
          position: relative;
          top: -34px;
          left: 160px;
        }
      }
      div.contractors {
        a.item.small {
          position: relative;
          top: -34px;
          left: 160px;
        }
      }
      .content.faqs {
        a.item {
          display: block;
          float: left;
        }
      }
      a.item.stats_loader {
        margin-top: 17px !important;
      }
      .section#contract-config {
        .box {
          .title {
            .show {
              background: none;
              i.fa {
                color: #0097ab;
                font-weight: bold;
                font-size: 26px;
              }
            }
          }
        }
      }
    }
    #top {
      h1#logo {
        float: left;
        display: block;
        margin-left: 30px;
        z-index: 999999;
      }
      #labels {
        .user {
          &:hover {
            span {
              color: #fff !important;
            }
          }
        }
        a {
          background: none;
        }
        ul {
          li {
            a.user {
              background: none;
              padding: 0;
              span {
                background: #a19589;
                padding: 0 1em;
              }
            }
          }
        }
        top: auto;
        bottom: -1em;
      }
      #menu {
        background: none;
        background-position: 0 0;
        position: absolute;
        top: 32px;
        right: 20px;
        margin-left: 310px;
        ul {
          li {
            display: inline;
            margin-left: 1em;
            margin-bottom: 1em;
            border-width: 0;
            background: none !important;
            a {
              border-width: 0;
              background: none !important;
              font-size: 18px;
              font-weight: bold;
              color: #fff;
              font-family: "Montserrat", sans-serif;
              padding: 0;
              text-transform: lowercase;
              &:active {
                text-decoration: underline;
              }
            }
          }
        }
      }
      background-color: #fff;
      box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
      /* width: 100%; */
      /* position: fixed; */
    }
    .box.wysiwyg {
      width: 88%;
      overflow: visible;
      width: 100%;
      margin-right: 0;
      .content {
        margin: 0 0 0 10px;
        margin-right: 20px;
        padding-top: 10px !important;
      }
      .title {
        display: block !important;
        font-size: 21px !important;
      }
      div.wysiwyg {
        border: 1px solid #dcdcdc;
        overflow: hidden;
        position: relative;
        display: block;
        margin: 0 0;
        padding: 0 5px;
      }
    }
    table:not(.beta-wizzr-table) {
      a.with_label {
        &:hover {
          text-decoration: none;
        }
      }
      border: 1px solid #f2f1ef;
      background: #ffffff;
      thead {
        tr {
          background-color: #b5b700 !important;
          /* background-color: #e8521b !important; */
          border-width: 0;
        }
        th {
          color: #000;
          border-width: 0;
        }
        tr.thead-links {
          background: none !important;
          td {
            padding: 5px;
            a {
              text-decoration: none;
            }
          }
        }
      }
      tbody {
        td {
          border-width: 0;
        }
        tr {
          &:not(.odd) {
            &:nth-child(odd) {
              background-color: #ccc;
            }
          }
        }
        tr.not_current_rev {
          background: #ccc !important;
          input[type="text"] {
            background: #ccc !important;
          }
          td {
            background: #ccc !important;
          }
        }
        tr.hide {
          display: none;
        }
      }
      input {
        border: 2px solid #f2f1ef !important;
      }
      .select2-container {
        * {
          border-width: 1px !important;
        }
      }
      thead.first_tr_option {
        background: none !important;
        tr {
          &:first-child {
            background: none !important;
          }
        }
      }
      td.sufficient {
        background: #b5b700;
        color: #000;
      }
      td.insufficient {
        background: #e20000;
        color: #000;
      }
      td.special_conditions_desc {
        input[type="text"] {
          width: 100% !important;
        }
      }
    }
    background: none;
    box-shadow: none;
    .hide-btn {
      display: none;
    }
    div.legend {
      table {
        tbody {
          tr {
            &:not(.odd) {
              &:nth-child(odd) {
                background-color: inherit;
              }
            }
          }
        }
      }
    }
    table.manuals {
      tr.filter {
        background: #0097ab !important;
        th {
          color: #b5b700;
          text-transform: uppercase;
          line-height: 1.8em;
        }
        ul {
          margin: 0;
          padding: 0;
          li {
            float: right;
            display: block;
            margin: 0 2.5px;
            padding: 0;
          }
        }
      }
      tr {
        th {
          color: #fff;
        }
        ul {
          li {
            a {
              color: #c0c0c0;
              &:active {
                color: #fff;
                text-decoration: none;
              }
              &:hover {
                color: #fff;
                text-decoration: none;
              }
            }
            a.active {
              color: #fff;
              text-decoration: none;
            }
          }
        }
      }
      tr.spacer {
        background: #fff !important;
        td {
          color: #000;
          padding-bottom: 30px;
        }
      }
      tbody {
        tr.active {
          td {
            color: #000;
            a {
              color: #000;
            }
          }
        }
        td {
          color: #c0c0c0;
          a {
            color: #c0c0c0;
            font-weight: bold;
            line-height: 24px;
            text-decoration: none;
            img {
              margin: -9px 0;
            }
          }
        }
        tr.header {
          td {
            color: #fff;
            background: #b5b700;
          }
        }
      }
    }
    div#right {
      div.section {
        div.orange {
          div.title {
            color: #e97c1f !important;
          }
        }
        div.purple {
          div.title {
            color: #aa4b9d !important;
          }
        }
        .refresh {
          i.fa {
            color: #009999 !important;
          }
          span {
            color: #009999 !important;
          }
        }
      }
      div.section.purple {
        button i.fa,
        i.fa {
          color: #aa4b9d !important;
        }
        button span,
        span {
          color: #aa4b9d !important;
        }
        button,
        a {
          color: #aa4b9d !important;
        }
      }
    }
    .orange {
      table {
        thead {
          tr {
            background-color: #e97c1f !important;
          }
          th {
            color: #fff;
          }
        }
      }
    }
    .purple {
      table {
        thead {
          tr {
            background-color: #aa4b9d !important;
          }
          th {
            color: #fff;
          }
        }
      }
    }
    .green {
      table {
        thead {
          th {
            color: #fff;
          }
        }
      }
    }
  }
  background: none;
  width: 100%;
  .box {
    .title {
      .hide {
        display: none;
      }
    }
    /* TEMPORARY VUE FIX ROW-WIZZR */
    .row,
    .row-wizzr {
      border-width: 0;
      padding: 10px 0;
      padding: 5px 10px;
      padding-left: 200px;
      &:nth-child(odd) {
        background-color: #fafafa;
      }
      .right {
        margin-left: 0;
        margin-right: 11px;
      }
      input[type="text"] {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        max-width: 100%;
        width: 100%;
        vertical-align: top;
      }
      input[type="password"] {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        max-width: 100%;
        width: 100%;
        vertical-align: top;
      }
      input[type="email"] {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        max-width: 100%;
        width: 100%;
        vertical-align: top;
      }
      select {
        max-width: 300px;
      }
      .inline {
        height: auto;
        > label {
          position: static;
          padding-bottom: 0.25em;
          display: block;
        }
      }
      > label {
        line-height: 1.5em;
        top: auto;
        width: 180px;
        padding-top: 5px;
        padding-left: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
    .row-wizzr.custom-row-environment-documents {
      > label {
        top: 0;
        padding-top: 0;
        white-space: inherit;
        overflow: auto;
      }
    }
    .row.date_end_revised {
      input[type="text"] {
        width: 65px;
      }
    }
    .row.contract_value {
      input[type="text"] {
        width: 95%;
      }
    }
    .row.contract_worth {
      input[type="text"] {
        width: 95%;
      }
    }
    .row.forecast_contract_value {
      input[type="text"] {
        width: 95%;
      }
    }
    .row.contract_value_extra_perc {
      label {
        display: none;
      }
      .row {
        padding-left: 13px;
        input {
          display: block;
          width: 50px;
        }
      }
    }
    .contacts {
      .contact {
        clear: both;
        display: block;
        float: left;
        margin: 2px 0;
        input {
          float: left;
          height: 12px;
          width: 300px;
        }
        button {
          margin-top: 2px;
        }
      }
    }
    .contractors {
      .row {
        .select2-container {
          float: left;
        }
      }
    }
    .row.date {
      label {
        top: 0;
        padding-left: 10px;
        padding-top: 2px;
        width: 150px;
      }
    }
    .row.nolabel {
      padding-left: 20px;
    }
    .row.postal {
      input.postal_part_one {
        width: 40px;
      }
      input.postal_part_two {
        width: 25px;
      }
    }
    .matrix-selection,
    .matrix_usage_option-selection{
      .row {
        padding-left: 690px;
      }
    }
  }
  .dataTables_wrapper {
    .dataTables_filter {
      float: right;
      top: -65px;
      right: 0px;
      input {
        border: 1px solid #ccc;
        color: #656565;
        font-weight: bold;
        font-size: 22px;
        background: #ccc url("../img/gfx/btn-search-db.gif") no-repeat scroll
          215px center;
        padding: 0.1em 0;
        padding-left: 1ex;
        padding-right: 35px;
        width: 200px;
        height: 34px;
      }
    }
  }
  #right {
    #breadcrumbs {
      > div {
        width: auto !important;
      }
    }
    ul.faq {
      span.actions {
        position: absolute;
        right: 0;
        a {
          text-decoration: none;
          margin: 0 2.5px;
        }
      }
    }
  }
  .select2-container {
    .select2-choice {
      background: #fff;
      div {
        border-left-width: 0;
      }
    }
    width: 100%;
    overflow: hidden;
  }
  .select2-results {
    .select2-highlighted {
      background: #d2b900;
    }
  }

  #footer {
    background: #a19589;
    border-width: 0;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    background-color: #b3a9a2;
    clear: both;
    margin-bottom: -40px;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    height: auto;
    font-size: 18.2px;
    color: #dc3545;
    .footer-bar {
      background-color: #b3a9a2;
      padding: 10px;
      margin: 20px;
      overflow: hidden;
      .copyright {
        float: left;
      }
      .poweredby {
        float: right;
      }
    }
  }
  .loginFooter {
    width: auto !important;
    color: #fff !important;
  }
  .row {
    .custom-checkbox {
      margin-top: 0;
      margin-bottom: 5px;
    }
  }
  a:not(.item,.btn) {
    color: #e5342a;
    text-decoration: none;
    &:hover {
      color: #612b53;
      text-decoration: underline;
    }
  }
  #logo {
    a {
      color: #000;
      &:hover {
        text-decoration: none;
      }
    }
    span {
      display: block;
      font-family: "Montserrat", sans-serif;
      padding-left: 100px;
      font-size: 18px;
      line-height: 1.5em;
    }
  }
  a.attachments {
    i.fa {
      color: #666;
      display: inline;
      font-size: 16px;
      cursor: pointer !important;
    }
    display: inline;
    &:hover {
      text-decoration: none;
    }
  }
  .vcard {
    padding-left: 20px;
    font-style: normal;
    padding-top: 30px;
    .org {
      color: #d2b900;
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 0.5em;
    }
  }
  .message {
    background-color: #ffffff;
  }
  #top {
    #utils {
      font-family: "Work Sans", sans-serif;
      float: right;
      /* position: absolute;
      right: 20px;
	  bottom: -1em; */
      margin-top: 26px;
      margin-right: 25px;
      line-height: 1em;
      font-size: 13.6px;
      z-index: 2;
      /* a {
        display: block;
        float: left;
        margin-left: 10px;
        padding: 0.5em 1em;
        color: #ffffff;
        background: #000;
        text-decoration: none;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
        &:hover {
          background: #666;
        }
	  } */
      a {
        border-radius: 50px;
        color: #e5342a;
        padding: 6px 12px;
        border: 2px solid #e5342a;

        /* font-size: 1.2em; */
        &:hover {
          background-color: #e8521b;
          color: white;
        }
      }
      select {
        /* display: block;
        float: left;
        margin-left: 10px;
        padding: 2.5px 0.3em;
        color: #ffffff;
        background: #000;
        text-decoration: none;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
        border: 0; */
        border-radius: 50px;
        color: #e5342a;
        padding: 6px 12px;
        border: 2px solid #e5342a;

        /*Temporary positioning/size fix */
        height: 2.4em;
        padding-top: 4px;
      }
    }
  }
  table {
    .nowrap {
      white-space: nowrap;
    }
  }
  a.select2-choice {
    color: #000000;
    text-decoration: none;
  }
  #DataTables_Table_0_paginate {
    a {
      color: #666;
    }
    a.current {
      font-weight: bold;
    }
  }
  #container.dashboard {
    #right {
      margin: 0;
    }
  }
  #action {
    li {
      a {
        color: #e97c1f;
        white-space: nowrap;
      }
    }
  }
  div[data-traject="oordeel"] {
    .box {
      .client_customfields {
        .row {
          input[type="text"] {
            border: 0 !important;
            background: none;
          }
        }
      }
    }
  }
  a.item.purple {
    color: #aa4b9d;
  }
  a.item.green {
    color: #b5b700;
  }
  div.dashboard-buttons {
    a {
      &:hover {
        text-decoration: none;
        opacity: 0.7;
      }
    }
  }
  .faqs {
    a {
      color: #009999 !important;
    }
    a.item {
      span {
        color: #009999 !important;
      }
    }
  }
  .row.inline-contractor-view {
    padding-top: 0px;
    background: none !important;
    margin-top: -35px;
  }
}

.ui-dialog {
  z-index: 9999 !important;
}


.row {
  label.error {
    width: 85%;
  }
  .right {
    input {
      width: 85%;
    }
    textarea {
      width: 85%;
    }
    .slider {
      input {
        width: inherit;
      }
      .ui-slider-horizontal {
        width: 85%;
      }
    }
    textarea[name="description"] {
      height: 30px;
    }
    span.ui-spinner {
      display: none;
    }
    div.file-btn {
      input {
        background: green;
        padding: 0px !important;
      }
    }
  }
  overflow: hidden;
  overflow: hidden;
  label.doc_vis {
    margin-top: -3px;
    margin-left: 460px;
    white-space: nowrap;
    width: 15px;
    span {
      position: absolute;
      top: -2px;
      left: 25px;
    }
  }
}

/* VUE CONFLICT QUICK FIX */
.row-wizzr {
  label.error {
    width: 85%;
  }
  .right {
    input {
      width: 85%;
      box-sizing: initial;
    }
    textarea {
      width: 85%;
      box-sizing: initial;
    }
    .slider {
      input {
        width: inherit;
      }
      .ui-slider-horizontal {
        width: 85%;
      }
    }
    textarea[name="description"] {
      height: 30px;
    }
    span.ui-spinner {
      display: none;
    }
    div.file-btn {
      input {
        background: green;
        padding: 0px !important;
      }
    }
  }
  overflow: hidden;
  overflow: hidden;
  label.doc_vis {
    margin-top: -3px;
    margin-left: 460px;
    white-space: nowrap;
    width: 15px;
    span {
      position: absolute;
      top: -2px;
      left: 25px;
    }
  }
}

.select2-container {
  width: 85%;
}

.is-sticky {
  z-index: 99999 !important;
  position: relative;
}

#contract-properties.section {
  .right {
    textarea {
      width: 100%;
    }
  }
}

table {
  thead {
    tr {
      th.no-sorting {
        background-image: none;
      }
    }
  }
  input[type="text"] {
    width: 50%;
  }
  form.upload {
    button {
      float: left;
      height: 28px;
      margin-top: 10px;
      border-width: 1px !important;
    }
    .row {
      float: left;
      width: 245px;
      margin: 5px 0;
      background: #efefee;
    }
    .row-wizzr {
      float: left;
      width: 245px;
      margin: 5px 0;
      background: #efefee;
      box-sizing: content-box;
    }
  }
  tr.mood {
    td {
      color: #666 !important;
      a {
        color: #666 !important;
      }
    }
  }
  tr.mood.insufficient {
    td {
      &:first-child {
        background-image: url("../img/mood-red.jpg");
        background-size: 5px 200px;
        background-repeat: no-repeat;
      }
    }
  }
  tr.mood.sufficient {
    td {
      &:first-child {
        background-image: url("../img/mood-green.jpg");
        background-size: 5px 200px;
        background-repeat: no-repeat;
      }
    }
  }
  tr {
    td {
      a {
        color: #666 !important;
      }
    }
  }
  tr.mood.expected_value_realised {
    td {
      color: #009999 !important;
      a {
        color: #009999 !important;
      }
    }
  }
  tr.expected_value_realised.warning {
    td {
      color: #e20000 !important;
      a {
        color: #e20000 !important;
      }
    }
  }
  tr.warning {
    td {
      color: #e20000 !important;
      a {
        color: #e20000 !important;
      }
    }
  }
}

div.button-bar {
  .content {
    .row {
      border: 0;
      float: right;
    }
    .right {
      margin: 0;
    }
  }
  .row {
    border: 0;
    float: right;
  }
  .right {
    margin: 0;
  }
}

form {
  .message {
    clear: right;
    margin-bottom: 20px;
  }
}

.message {
  clear: right;
  margin-bottom: 20px;
}

body {
  #wrapper {
    #container {
      #left {
        .submenu {
          .content {
            ul {
              li {
                ul {
                  li.current {
                    a {
                      background: none !important;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    #filter {
      .title {
        span.hide {
          display: inherit;
        }
      }
    }
    #dashboard {
      #left {
        padding-top: 0;
      }
      #right {
        padding-top: 0;
      }
    }
  }
  background: #fff;
  font-family: sans-serif;
  font-size: 13px;
  div.legend {
    table {
      width: inherit !important;
    }
  }
  .box.resetpassword {
    .title {
      i {
        font-size: 14px;
      }
    }
  }
}

#right {
  .select2-container {
    li.select2-search-choice {
      margin: 3px 0 3px 5px;
      padding: 5px 5px 5px 18px;
      line-height: 13px;
    }
  }
  .select2-search-choice-close {
    top: 5px;
  }
  ul.files {
    li {
      line-height: 16px;
      padding: 0;
      a {
        display: block;
        float: left;
        line-height: 16px;
        margin: 0px 2px;
        text-decoration: none;
      }
      span {
        display: block;
        float: left;
        width: 125px;
      }
    }
  }
  #vacancy-header {
    li {
      strong {
        display: inline-block;
        width: 250px;
      }
    }
  }
  #vacancy-body {
    li {
      strong {
        display: inline-block;
        width: 250px;
      }
    }
  }
  ul.arrow {
    li.header {
      background: none;
    }
  }
  ol.no-arrow {
    li {
      background: none;
    }
  }
  ul.faq {
    border: 1px solid #c0c0c0;
    padding: 5px;
    overflow: auto;
    li {
      background: #fff;
      border: 1px solid #c0c0c0;
      margin: 5px;
      position: relative;
    }
    span {
      display: inline-block;
      margin: 5px;
    }
    span.sort {
      cursor: move;
    }
  }
}

.right-checkbox {
  margin: 0 0 0 125px;
}

.matrix-selection,
.matrix_usage_option-selection{
  .row {
    .right {
      margin: 0;
    }
    label {
      width: inherit;
      top: 0px;
    }
  }
}

#evaluations {
  .row {
    .right {
      margin: 0;
    }
  }
}

#contract-evaluations {
  .row.nolabel {
    .right {
      margin: 0;
    }
    label {
      visibility: hidden;
    }
  }
}

.matrix-actions,
.matrix_usage_option-actions{
  padding: 10px 15px 0 0;
  display: none;
}

.group-actions {
  padding: 10px 15px 0 0;
  display: none;
}

.matrix-actions.display,
.matrix_usage_option-actions.display {
  display: block;
}

.group-actions.display {
  display: block;
}

.clone {
  display: none;
}

.footer-actions {
  padding: 10px 15px 0 0;
  display: none;
}

.footer-actions.display {
  display: block;
}

.wizard-row {
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 10px;
  table {
    margin: 8px 0px;
  }
}

html {
  background: #fff;
  /* font-family: sans-serif; */
  font-family: "Work Sans", sans-serif !important;
  font-size: 13px;
  body {
    div#wrapper {
      div#container {
        div#right {
          div#filter.section {
            div#vacancies.section {
              div.box.orange {
                div.title {
                  span.hide {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }
      div#container.dashboard {
        div#right {
          div#dashboard {
            div.large-2.columns {
              div#left {
                section {
                  div.overzicht {
                    ul#action {
                      li {
                        a.remove_notification {
                          /*													i.fa.fa-trash-o {
														font-size: 14px !important;
													}*/
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable {
      div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
        a.ui-dialog-titlebar-close.ui-corner-all {
          span.ui-icon.ui-icon-closethick {
            display: none;
          }
        }
      }
    }
  }
}

.vcard {
  font-family: "Montserrat", sans-serif;
  font-weight: lighter;
}

#menu {
  ul {
    font-family: "Montserrat", sans-serif;
  }
}

a.lost_pass {
  display: block;
  padding: 5px 0 0 0;
  text-align: right;
}

.modal#lost_pass {
  .row {
    border: 0;
    .right {
      input {
        width: 100%;
      }
    }
  }
  button[type="submit"] {
    float: right;
  }
}
.modal#feedback {
  position: initial;
}

.select2-drop {
  width: 100%;
  overflow: hidden;
}

.select2-search {
  width: 100%;
  width: 100%;
  overflow: hidden;
  overflow: hidden;
}

div#right {
  .fileman {
    ul {
      li {
        padding: 0;
      }
    }
  }
}

#top {
  .decoration.line {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
  }
}

tr.closing {
  td {
    color: #009999 !important;
    a {
      color: #009999 !important;
    }
  }
}

#contract-config {
  button.modalopen {
    margin: 5px 0;
    margin: 5px 0;
  }
  .wizard-row {
    padding: 0;
  }
  .contractors {
    button.modalopen {
      margin-right: 5px;
    }
  }
}

.button-bar {
  margin-top: 10px;
  padding-top: 10px;
  overflow: hidden;
}

#footer {
  .line {
    background-color: #aa4c9d;
    height: auto;
    left: 0;
    max-height: 27px;
    position: absolute;
    top: 0;
    width: 100%;
  }
  a {
    color: #e5342a !important;
    &:hover {
      color: #612b53;
      text-decoration: underline;
    }
  }
}

.summary {
  color: #aa4c9d;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  right: 25px;
  /*	.fa-calculator {
		font-size: 16px !important;
	}*/
}

span.label {
  display: block;
  float: right;
  margin-right: 30px;
  font-size: 10px;
  margin-top: -4px;
}

a.delete-eval {
  float: right;
}

a.edit-eval {
  float: right;
}

section.news {
  overflow: hidden;
  header {
    h2 {
      font-size: 28.6px;
    }
    .more {
      color: #b9417e;
    }
  }
  .columns {
    margin: -10px -10px 0 -10px;
  }
  .column {
    article {
      margin: 10px;
    }
  }
  article {
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px;
    border-radius: 10px;
    background-color: #ebebeb;
    min-height: 70px;
    h3 {
      display: inline;
      color: #666;
    }
    .more {
      font-size: 18.2px;
      font-weight: bold;
    }
    &:hover {
      background-color: #dbd8d3;
    }
  }
}

.smaller {
  section.news {
    article {
      min-height: auto;
    }
  }
}

.smallest {
  section.news {
    article {
      min-height: auto;
    }
  }
}

aside {
  section.news {
    margin-bottom: 0;
    header {
      display: none;
    }
    article {
      background-color: #fff;
      &:hover {
        a {
          color: #fff;
        }
        h3 {
          color: #fff;
        }
      }
    }
  }
}

.columns {
  .row {
    position: relative;
    width: 100%;
    float: left;
    clear: both;
  }
  .scale-media {
    iframe {
      width: 100%;
    }
    object {
      width: 100%;
    }
    video {
      width: 100%;
    }
    img {
      width: 100%;
    }
  }
  .scale {
    width: 100%;
  }
  .column {
    position: relative;
    float: left;
    clear: none;
    width: 100%;
  }
  .column.span-three-quarters {
    width: 75%;
  }
  .column.span-two-thirds {
    width: 66.666666666667%;
  }
  .column.span-half {
    width: 50%;
  }
  .column.span-third {
    width: 33.333333333333%;
  }
  .column.span-quarter {
    width: 25%;
  }
  .column.left-three-quarters {
    margin-left: 75%;
  }
  .column.left-two-thirds {
    margin-left: 66.666666666667%;
  }
  .column.left-half {
    margin-left: 50%;
  }
  .column.left-third {
    margin-left: 33.333333333333%;
  }
  .column.left-quarter {
    margin-left: 25%;
  }
  .column.right-three-quarters {
    margin-right: 75%;
  }
  .column.right-two-thirds {
    margin-right: 66.666666666667%;
  }
  .column.right-half {
    margin-right: 50%;
  }
  .column.right-third {
    margin-right: 33.333333333333%;
  }
  .column.right-quarter {
    margin-right: 25%;
  }
}

.columns.two {
  > .column {
    width: 50%;
    &:nth-child(odd) {
      clear: left;
    }
    &:nth-child(even) {
      clear: right;
    }
  }
  > .row {
    .column {
      width: 50%;
      &:nth-child(odd) {
        clear: left;
      }
      &:nth-child(even) {
        clear: right;
      }
    }
    .column.span-1 {
      width: 50%;
    }
    .column.left-1 {
      margin-left: 50%;
    }
    .column.right-1 {
      margin-right: 50%;
    }
    .column.span-2 {
      width: 100%;
    }
    .column.left-2 {
      margin-left: 100%;
    }
    .column.right-2 {
      margin-right: 100%;
    }
    .column.three-quarters {
      width: 37.5%;
    }
    .column.two-thirds {
      width: 33.333333333333%;
    }
    .column.half {
      width: 25%;
    }
    .column.third {
      width: 16.666666666667%;
    }
    .column.quarter {
      width: 12.5%;
    }
  }
  > .column.span-1 {
    width: 50%;
  }
  > .column.left-1 {
    margin-left: 50%;
  }
  > .column.right-1 {
    margin-right: 50%;
  }
  > .column.span-2 {
    width: 100%;
  }
  > .column.left-2 {
    margin-left: 100%;
  }
  > .column.right-2 {
    margin-right: 100%;
  }
  > .column.three-quarters {
    width: 37.5%;
  }
  > .column.two-thirds {
    width: 33.333333333333%;
  }
  > .column.half {
    width: 25%;
  }
  > .column.third {
    width: 16.666666666667%;
  }
  > .column.quarter {
    width: 12.5%;
  }
}

.columns.three {
  > .column {
    width: 33.333333333333%;
    &:first-child {
      clear: left;
    }
    &:nth-child(4) {
      clear: left;
    }
    &:nth-child(3) {
      clear: right;
    }
  }
  > .row {
    .column {
      width: 33.333333333333%;
      &:first-child {
        clear: left;
      }
      &:nth-child(4) {
        clear: left;
      }
      &:nth-child(3) {
        clear: right;
      }
    }
    .column.span-1 {
      width: 33.333333333333%;
    }
    .column.left-1 {
      margin-left: 33.333333333333%;
    }
    .column.right-1 {
      margin-right: 33.333333333333%;
    }
    .column.span-2 {
      width: 66.666666666667%;
    }
    .column.left-2 {
      margin-left: 66.666666666667%;
    }
    .column.right-2 {
      margin-right: 66.666666666667%;
    }
    .column.span-3 {
      width: 100%;
    }
    .column.left-3 {
      margin-left: 100%;
    }
    .column.right-3 {
      margin-right: 100%;
    }
    .column.three-quarters {
      width: 25%;
    }
    .column.two-thirds {
      width: 22.222222222222%;
    }
    .column.half {
      width: 16.666666666667%;
    }
    .column.third {
      width: 11.111111111111%;
    }
    .column.quarter {
      width: 8.3333333333333%;
    }
  }
  > .column.span-1 {
    width: 33.333333333333%;
  }
  > .column.left-1 {
    margin-left: 33.333333333333%;
  }
  > .column.right-1 {
    margin-right: 33.333333333333%;
  }
  > .column.span-2 {
    width: 66.666666666667%;
  }
  > .column.left-2 {
    margin-left: 66.666666666667%;
  }
  > .column.right-2 {
    margin-right: 66.666666666667%;
  }
  > .column.span-3 {
    width: 100%;
  }
  > .column.left-3 {
    margin-left: 100%;
  }
  > .column.right-3 {
    margin-right: 100%;
  }
  > .column.three-quarters {
    width: 25%;
  }
  > .column.two-thirds {
    width: 22.222222222222%;
  }
  > .column.half {
    width: 16.666666666667%;
  }
  > .column.third {
    width: 11.111111111111%;
  }
  > .column.quarter {
    width: 8.3333333333333%;
  }
}

.columns.four {
  > .column {
    width: 25%;
    &:first-child {
      clear: left;
    }
    &:nth-child(5) {
      clear: left;
    }
    &:nth-child(4) {
      clear: right;
    }
  }
  > .row {
    .column {
      width: 25%;
      &:first-child {
        clear: left;
      }
      &:nth-child(5) {
        clear: left;
      }
      &:nth-child(4) {
        clear: right;
      }
    }
    .column.span-1 {
      width: 25%;
    }
    .column.left-1 {
      margin-left: 25%;
    }
    .column.right-1 {
      margin-right: 25%;
    }
    .column.span-2 {
      width: 50%;
    }
    .column.left-2 {
      margin-left: 50%;
    }
    .column.right-2 {
      margin-right: 50%;
    }
    .column.span-3 {
      width: 75%;
    }
    .column.left-3 {
      margin-left: 75%;
    }
    .column.right-3 {
      margin-right: 75%;
    }
    .column.span-4 {
      width: 100%;
    }
    .column.left-4 {
      margin-left: 100%;
    }
    .column.right-4 {
      margin-right: 100%;
    }
    .column.three-quarters {
      width: 18.75%;
    }
    .column.two-thirds {
      width: 16.666666666667%;
    }
    .column.half {
      width: 12.5%;
    }
    .column.third {
      width: 8.3333333333333%;
    }
    .column.quarter {
      width: 6.25%;
    }
  }
  > .column.span-1 {
    width: 25%;
  }
  > .column.left-1 {
    margin-left: 25%;
  }
  > .column.right-1 {
    margin-right: 25%;
  }
  > .column.span-2 {
    width: 50%;
  }
  > .column.left-2 {
    margin-left: 50%;
  }
  > .column.right-2 {
    margin-right: 50%;
  }
  > .column.span-3 {
    width: 75%;
  }
  > .column.left-3 {
    margin-left: 75%;
  }
  > .column.right-3 {
    margin-right: 75%;
  }
  > .column.span-4 {
    width: 100%;
  }
  > .column.left-4 {
    margin-left: 100%;
  }
  > .column.right-4 {
    margin-right: 100%;
  }
  > .column.three-quarters {
    width: 18.75%;
  }
  > .column.two-thirds {
    width: 16.666666666667%;
  }
  > .column.half {
    width: 12.5%;
  }
  > .column.third {
    width: 8.3333333333333%;
  }
  > .column.quarter {
    width: 6.25%;
  }
}

td.max-width-100 {
  display: block;
  width: 100px;
  overflow: hidden;
}

a.max-width-100 {
  display: block;
  width: 100px;
  overflow: hidden;
}

td.max-width-200 {
  width: 200px;
  overflow: hidden;
}

.modal {
  .row {
    label:not(".col-form-label") {
      width: 175px;
    }
  }
  .right {
    margin: 0 0 0 175px;
  }
  .right-checkbox {
    margin: 0 0 0 175px;
  }
  div.dashboard-buttons {
    margin-top: 0px;
    margin-left: 100px;
    a {
      color: #e97c1f !important;
    }
  }
}

/* VUE CONFLICT QUICK FIX */
.modal {
  .row-wizzr {
    label {
      width: 175px;
    }
  }
  .right {
    margin: 0 0 0 175px;
  }
  .right-checkbox {
    margin: 0 0 0 175px;
  }
  div.dashboard-buttons {
    margin-top: 0px;
    margin-left: 100px;
    a {
      color: #e97c1f !important;
    }
  }
}

#contract-evaluations-add {
  .right {
    margin: 0 0 0 200px;
  }
}

#mpfilter {
  h3 {
    color: #008893;
    padding-bottom: 10px;
  }
  div {
    float: left;
    margin: 0px 10px 10px 0;
  }
  ul {
    li {
      margin: 0;
      padding: 0;
    }
  }
  div.row {
    width: 300px;
    div#s2id_autogen1 {
      width: 250px;
    }
  }
  .select2-container {
    li.select2-search-choice {
      line-height: 8px;
      padding: 8px 5px 1px 18px;
    }
  }
}

#vacancies {
  margin-top: 10px;
}

#step-99 {
  [data-type="add-file-input"] {
    display: none;
  }
  .cloneme {
    [data-type="add-file-input"] {
      display: inline-block;
    }
  }
}

.btn-box {
  .info {
    background: #000 url("../img/gfx/btn-info.gif") repeat scroll left -20px;
  }
}

button.pull-right {
  float: right;
}

.contractors {
  button {
    float: left;
    margin-left: 5px;
  }
}

.force_hidden {
  display: none;
}

.hidden {
  display: none;
  display: none !important;
}
input:not([type="button"]).collapsed {
  display: none;
  display: none !important;
}

.force_show {
  display: block;
}

.file-error-required {
  color: red;
  position: absolute;
  top: 8px;
  left: 465px;
}

.cloneme {
  .file-error-required {
    left: 500px;
  }
  button[type="submit"] {
    margin-left: 88px;
  }
}

.file-attached {
  color: black;
  position: absolute;
  top: 8px;
  left: 465px;
}

.user-login-blocked {
  color: red;
}

div.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden !important;
}

.display-none {
  display: none;
}

#help_div_section {
  margin-top: 15px;
  .first-div {
  
  }
}

.mood-bar {
  float: right;
  margin-right: -10px;
  font-size: 12px;
  line-height: 30px;
  width: 50% !important;
  textarea {
    font-size: 12px;
    width: 99%;
    height: 90px;
    margin-bottom: 0.5rem;
  }
  button {
  }
}

.match_status,
.candidate_status {
  label {
    display: block;
    float: left;
    font-size: 20px;
    line-height: 30px;
    margin: 0 5px 0 0;
  }
  float: right;
  top: -65px;
  right: 0px;
  div.row {
    background: none !important;
  }
}

#matching_status,
#candidate_status {
  font-size: 20px !important;
}

#modalApplicationContract.modal {
  .row {
    label {
      width: 325px;
    }
    .right {
      input {
        width: 95%;
      }
    }
  }
  .right {
    margin-left: 330px;
  }
  .file-attached {
    left: 600px;
  }
  .file-error-required {
    left: 600px;
  }
  .select2-container {
    width: 95%;
  }
}

.greyed {
  color: #c0c0c0;
  border: 1px solid #dcdcdc;
}

table.contracts {
  tbody {
    tr {
      div.row {
        label {
          display: none;
        }
      }
    }
  }
  div.row {
    border: 0;
    padding: 0;
    .right {
      margin: 0;
    }
    .file-error-required {
      left: 265px;
    }
  }
  margin-bottom: 10px;
}

#add_contractor {
  .row.postal {
    input.postal_part_one {
      width: 40px;
    }
    input.postal_part_two {
      width: 25px;
    }
  }
}

#contractor_contacts {
  .row.postal {
    input.postal_part_one {
      width: 40px;
    }
    input.postal_part_two {
      width: 25px;
    }
  }
}

#client_contacts {
  .row.postal {
    input.postal_part_one {
      width: 40px;
    }
    input.postal_part_two {
      width: 25px;
    }
  }
}

#modalApply {
  .row.postal {
    input.postal_part_one {
      width: 40px;
    }
    input.postal_part_two {
      width: 25px;
    }
  }
}

ul.arrow {
  li {
    p {
      display: inline;
    }
  }
}

h2 {
  color: #0097ab;
}

h2.wizard-title {
  font-size: 12px;
  margin: 25px 0px -10px 0px;
}

h2.wizard-title.custom {
  font-size: 18px;
  font-weight: bold;
  margin: 25px 0px -10px 0px;
}

.stepContainer {
  h2 {
    font-size: 12px;
    margin: 0;
  }
  p {
    padding: 0;
  }
}

div.display_view {
  display: none;
}

div.wizard-row {
  table {
    tr {
      input.expected {
        width: 80px !important;
      }
    }
  }
}

table.manuals {
  width: 86%;
}

table.manual_icons {
  tr {
    background: #fff !important;
    border: 0;
    td {
      background: #fff !important;
      border: 0;
    }
  }
  float: left;
  width: 12%;
  border: 0 !important;
}

.paginate_button {
  padding: 0px 2px;
}

.dataTables_paginate {
  span.paginate_button {
    border: 0;
    background: none;
  }
  span {
    span {
      border: 0;
      background: none;
    }
  }
}

table.attachments {
  /*	i.fa {
		font-size: 18px;
		font-color: #666 important;
	}*/
}

/*i.fa.fa-desktop.revised {
	bottom: 1px;
	color: #666;
	top: 3px;
	position: relative;
	font-size: 18px;
}
i.fa.fa-compress.revised {
	bottom: 1px;
	color: #666 !important;
	top: 3px;
	position: relative;
	font-size: 18px;
}
i.fa.fa-download.revised {
	bottom: 1px;
	color: #666;
	top: 3px;
	position: relative;
	font-size: 18px;
}
i.fa.fa-paperclip.revised {
	bottom: 1px;
	color: #666;
	top: 3px;
	position: relative;
	font-size: 18px;
}
i.fa.fa-money.revised {
	bottom: 1px;
	color: #C0C0C0;
	top: 3px;
	position: relative;
	font-size: 18px;
}
i.fa.fa-file-text-o.revised {
	bottom: 1px;
	color: #C0C0C0;
	top: 3px;
	position: relative;
	font-size: 18px;
}
i.fa.fa-cloud-download.revised {
	bottom: 1px;
	color: #666;
	top: 3px;
	position: relative;
	font-size: 18px;
}
i.fa.fa-code-fork.revised {
	bottom: 1px;
	color: #666;
	top: 3px;
	position: relative;
	font-size: 18px;
}*/

.ui-dialog-buttonset {
  float: right;
  button {
    margin: 5px;
  }
}

a.stats_loader.loaded {
  opacity: 0.7;
}

table.table-collapsed {
  tbody {
    display: none;
  }
  .table-toggle-plus {
    display: inline-block;
  }
  .table-toggle-minus {
    display: none;
  }
  a {
    color: #000;
    i.fa {
      color: #000;
    }
  }
}

table.table-not-collapsed {
  .table-toggle-minus {
    display: inline-block;
  }
  .table-toggle-plus {
    display: none;
  }
  a {
    color: #000;
    i.fa {
      color: #000;
    }
  }
}

.content.faqs {
  p {
    display: block;
  }
}

div#dashboard {
  .nieuw {
    margin: 0;
    float: left;
    .titlebar {
      h2 {
        background: #b3b603;
      }
    }
    a.item {
      color: #b3b603 !important;
    }
  }
  .remove_notification {
    .fa {
      margin: 0 0;
    }
  }
  .acties {
    .titlebar {
      h2 {
        background: #0097ab;
      }
    }
    a.item {
      color: #0097ab !important;
    }
  }
  .lopend {
    .titlebar {
      h2 {
        background: #e97c1f;
      }
    }
    a.item * {
      color: #e97c1f !important;
    }
  }
  .afronden {
    .titlebar {
      h2 {
        background: #0097ab;
      }
    }
    a.item {
      color: #0097ab !important;
    }
  }
  .aanbesteden {
    .titlebar {
      h2 {
        background: #aa4b9d;
      }
    }
    a.item {
      color: #aa4b9d !important;
    }
  }
  .raporteren {
    .titlebar {
      h2 {
        background: #aa4b9d;
      }
    }
    a.item {
      color: #aa4b9d !important;
    }
  }
  .maatwaarde {
    .titlebar {
      h2 {
        background: #aa4b9d;
      }
    }
    a.item * {
      color: #aa4b9d !important;
    }
  }
  .overzicht {
    .titlebar2 {
      h2 {
        background: #0097ab;
      }
    }
    ul {
      list-style: none;
      padding: 0px;
      border: solid 1px #dcdcdc;
    }
    li {
      border-bottom: dashed 1px #ccc;
      padding: 5px;
      font-size: 12px;
      color: #0097ab;
      line-height: 19px;
      margin: 5px 0px;
      &:last-child {
        border-bottom: none;
      }
      i {
        color: #e97c1f;
      }
      p {
        padding: 0px;
      }
    }
  }
  .titlebar {
    h2 {
      color: #fff;
      padding: 9px 2px;
      font-size: 12px;
      text-align: center;
      font-family: "Montserrat", sans-serif;
    }
    margin: 15px 12px 0 0;
  }
  .titlebar2 {
    h2 {
      color: #fff;
      padding: 9px 2px;
      font-size: 12px;
      text-align: center;
      font-family: "Montserrat", sans-serif;
    }
    margin: 15px 0px 0 0;
  }
  .welkom {
    h2 {
      font-family: "Montserrat", sans-serif;
      color: #000;
    }
  }
  .fa {
    font-size: 28px !important;
    margin: 18px 0px 5px 0px;
  }
  button.item,
  a.item {
    p {
      line-height: 12px;
      padding: 3px 0px 0px 0px;
      height: 30px;
      overflow: hidden !important;
    }
  }
  #wrapper {
    #container {
      background: #fff !important;
      #left {
        width: 210px;
        padding-top: 5px;
        min-height: 760px;
      }
      #right {
        .btn-box {
          background: none;
        }
        button.item,
        a.item {
          span {
            font-weight: bold;
            font-size: 1.1em !important;
            text-transform: uppercase;
          }
          margin: 15px 12px 0 0;
          width: 102px;
          min-width: 100px;
          height: 100px;
          border: solid 1px #dcdcdc;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          background: -webkit-linear-gradient(#fff, #f6f6f6);
          background: -o-linear-gradient(#fff, #f6f6f6);
          background: -moz-linear-gradient(#fff, #f6f6f6);
          background: linear-gradient(#fff, #f6f6f6);
          img {
            margin: 10px 0px 5px;
            padding: 3px;
            background: linear-gradient(
              rgba(255, 0, 0, 0.45),
              rgba(255, 0, 0, 0.45)
            );
          }
        }
        a.test {
          display: inline-block;
          margin: 15px 12px 0 0;
          color: #7b7b7b;
          text-decoration: none;
          text-align: center;
          font: 11px/18px Arial;
          height: 103px;
          border: solid 1px #dcdcdc;
          border-radius: 5px;
          -webkit-border-radius: 5px;
        }
      }
    }
  }
  #right {
    margin: 0px !important;
  }
  .clear {
    clear: both;
  }
  .footerbckg {
    background: #aa4b9d;
    height: 90px;
  }
  #footer {
    color: #d0bd00 !important;
    .split {
      float: left;
      font-size: 15px;
      font-family: "Montserrat", sans-serif;
      margin-top: 20px;
    }
  }
  .arrow {
    position: relative;
    display: inline-block;
    height: 7px;
    width: 100%;
    text-align: center;
    background: #aa4b9d;
    line-height: 43px;
    text-decoration: none;
    padding-bottom: 13%;
    background-clip: content-box;
    overflow: hidden;
    &:after {
      content: "";
      position: absolute;
      top: 587px;
      left: -582px;
      bottom: -23px;
      background-color: inherit;
      padding-bottom: 72%;
      width: 77.7%;
      z-index: -1;
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: rotate(-30deg) skewX(30deg);
      -ms-transform: rotate(-30deg) skewX(30deg);
      transform: rotate(-40deg) skewX(49deg);
    }
  }
}

.lopend {
  margin: 0;
  float: left;
  a.item {
    span {
      color: #e97c1f !important;
    }
  }
}

.afronden {
  margin: 0;
  float: left;
  a.item {
    span {
      color: #0097ab !important;
    }
  }
}

.raporteren {
  margin: 0;
  float: left;
  a.item {
    span {
      color: #aa4b9d !important;
    }
  }
}

.maatwaarde {
  margin: 0;
  float: left;
  a.item {
    span {
      color: #aa4b9d !important;
    }
  }
}

div.dashboard-buttons {
  .fa {
    margin: 0 0;
    font-size: 28px !important;
    margin: 18px 0px 5px 0px;
  }
  a.orange {
    color: #e97c1f !important;
  }
  button.item,
  a.item {
    p {
      line-height: 12px;
      padding: 3px 0px 0px 0px;
      height: 30px;
      overflow: hidden !important;
    }
    span {
      padding: 0;
      letter-spacing: normal;
      background: none;
    }
    margin-top: 0px !important;
    background: url("../img/gfx/btn-box.gif") repeat-x scroll left bottom
      #fdfdfd !important;
    color: #7b7b7b;
    display: inline-block;
    font: 13px/18px Arial;
    height: 103px;
    margin: 0 0px 17px 17px;
    text-align: center;
    text-decoration: none;
    width: 126px;
    border: 0;
  }
  margin-top: 63px;
  .content {
    padding: 0px 20px 0 0px !important;
  }
  a,
  button {
    span {
      display: block;
      text-transform: uppercase;
      font: 13px "Montserrat", Arial;
    }
    text-decoration: none;
    p {
      font: 13px "Montserrat", Arial;
    }
  }
}

span.counter {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.nieuw {
  a.item {
    span {
      color: #b3b603 !important;
    }
  }
}

.acties {
  a.item {
    span {
      color: #0097ab !important;
    }
  }
}

.aanbesteden {
  a.item {
    span {
      color: #aa4b9d !important;
    }
  }
}

div.box {
  .title {
    i.fa {
      font-size: 34px;
      float: left;
      padding-right: 10px;
    }
  }
}

#dashboard {
  .btn-box {
    .content {
      max-width: 1141px;
    }
  }
  div.titlebar.less {
    display: none;
  }
}

div.faqs {
  .item {
    .fa {
      font-size: 28px !important;
      margin: 18px 0px 5px 0px;
    }
  }
}

div.dashboard-buttons.stats {
  margin-top: 0 !important;
}

div.print {
  text-align: right;
  display: block;
  font-size: 18px;
  margin: 5px 0;
}

.col-sm-6.lopend.block.full {
  width: 37.6%;
  min-width: 135px;
}
.dash-col-sm-6.lopend.block.full {
  width: 37.6%;
  min-width: 135px;
}

.nieuw.block.full {
  width: 11.5%;
  min-width: 135px;
}

.afronden.block.full {
  width: 11.5%;
  min-width: 135px;
}

.raporteren.block.full {
  width: 11.5%;
  min-width: 135px;
}

.acties.block.full {
  width: 11.5%;
  min-width: 135px;
}

.aanbesteden.block.full {
  width: 11.5%;
  min-width: 135px;
}

.maatwaarde.block.full {
  width: 11.5%;
  min-width: 135px;
}

.tegel {
  background: #e97c1f;
}

.smallmarge {
  clear: both;
  height: 60px;
}

.accordion {
  h3 {
    background: #0097ab;
    border: 1px solid #0097ab;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    font-weight: bold;
    &:hover {
      opacity: 0.7;
    }
  }
  h3.ui-state-active {
    opacity: 0.7;
  }
  div {
    padding: 0 10px 10px 10px;
    border: 1px solid #ccc;
  }
}

.ui-menu {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 0px !important;
}

.ui-menu-item {
  cursor: pointer;
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 5px;
  position: relative;
  a {
    text-decoration: none;
    color: #0097ab;
  }
}

#organisation.ui-autocomplete-loading {
  background: white url("../img/loader.gif") 485px center no-repeat;
}

thead {
  tr {
    th {
      a {
        /*				i.fa {
					cursor: pointer;
					color: #aa4c9d;
				}
				.fa-stack {
					font-size: 13.5px;
				}*/
      }
    }
  }
}

div#certificates {
  margin-top: 50px;
}

.actions.pull-right {
  float: right;
  text-align: right;
}

#conditions {
  .row {
    .right {
      margin: 0 0 0 170px;
    }
    label {
      width: 170px;
    }
  }
}

a[data-callback_on_click] {
  cursor: pointer;
}

tr.subrow {
  td {
    &:first-child {
      padding-left: 25px;
    }
  }
}

.fa.red {
  color: red !important;
}

#change_password {
  .row {
    label {
      width: 250px;
    }
    .right {
      margin: 0 0 0 250px;
    }
  }
}

li.invalid {
  color: red;
}

li.valid {
  color: green;
}

#settings-marketplace {
  .row {
    .right {
      p {
        padding-top: 0;
      }
    }
  }
}

#certificates {
  /*	.fa-stack {
		.fa {
			font-size: inherit;
			line-height: inherit;
			color: #aa4c9d;
			margin: 0;
		}
		.fa-stack-1x {
			font-size: 14px;
			width: 2em;
		}
		.fa-stack-2x {
			font-size: 28px;
			width: 1em;
		}
	}*/
}

.container {
  max-width: 1100px;
  position: relative;
  margin: auto;
  #loginHeaderLogo {
    padding: 10px 0;
    margin-top: 0.75em;
    margin-left: -55%;
    position: absolute;
  }
}

.clearfix {
  clear: both;
}

.navbar {
  min-height: 65px;
  border: none;
  margin-top: 0px;
  background-color: #fff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

ul.nav.navbar-right {
  list-style: none;
  float: right;
  padding: 10px 0px;
  font-size: 16px;
  > li {
    display: inline-block;
    margin: 0 5px;
    float: left;
    > a {
      font-family: "Varela Round", sans-serif;
      text-decoration: none;
      font-weight: normal;
      font-size: 1.2em;
      color: #e5342a !important;
      /* padding: 25px 10px; */
      padding: 0 0.25em;

      &:hover {
        color: #612b53 !important;
        text-decoration: none !important;
      }
    }
  }
}

.dark-grey {
  background: #333333;
  padding-top: 130px;
  padding-bottom: 30px;
  h2 {
    color: #fff;
    line-height: 1.4em;
  }
}

.light-grey {
  background: #eeeeee;
  padding-top: 20px;
  padding-bottom: 30px;
  background: #eeeeee;
  padding: 20px 30px 30px !important;
  h2 {
    color: #333;
    line-height: 1.4em;
    font-size: 30px;
    color: #333;
    line-height: 1.4em;
  }
}

.white {
  background: #fff;
  color: #333;
  h1 {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  h2 {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  p {
    line-height: 1.8em;
    padding-right: 40px;
    margin-bottom: 40px;
  }
}

.bg {
  padding: 20px 0px;
}

.btn {
  border-radius: 0px;
  max-width: 220px;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 10px 15px;
  transition: all 0.3s ease 0.4s;
  border: 0px;
  &:hover {
    color: #fff;
  }
  &:focus {
    color: #fff;
  }
  &:visited {
    color: #fff;
  }
}

.w-100 {
  width: 100%;
}

.btn-green {
  background: #b5b700 !important;
  color: #fff !important;
  min-height: 40px;
}

.btn-blue {
  background: #0097ab;
  color: #fff;
}

.btn-orange {
  background: #e97c1f;
  color: #fff !important;
}

.btn-signup {
  width: 100% !important;
  max-width: 100%;
}

.signup-form {
  margin-top: 20px;
  > input {
    height: 30px;
    border: none;
    width: 100%;
    max-width: 252px;
    border-radius: 0px;
  }
}

.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  &:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  &:hover {
    &:before {
      left: 0;
      right: 0;
    }
  }
  &:focus {
    &:before {
      left: 0;
      right: 0;
    }
  }
  &:active {
    &:before {
      left: 0;
      right: 0;
    }
  }
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.p-40 {
  padding: 40px 0px;
}

.p-80 {
  padding: 80px 0px;
}

.h-70 {
  height: 70px;
}

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

.divider {
  height: 60px;
  width: 100%;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

div.content-rel {
  position: relative;
}

ul.custom-chart {
  overflow: auto;
  width: 30%;
  position: absolute;
  top: 10px;
  right: 0px;
  .pie-chart-color {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
  }
  li {
    label {
      display: block;
      float: left;
      height: 16px;
      line-height: 16px;
      padding: 0 4px;
    }
    span {
      display: block;
      float: right;
      height: 16px;
      line-height: 16px;
      padding: 0 4px;
    }
    font-size: 10px;
    clear: both;
    padding-top: 5px !important;
  }
}

.legend {
  table {
    display: none;
  }
}

footer {
  background: #0097ab;
  color: #fff !important;
  padding: 40px 30px !important;
  a {
    color: #fff !important;
    &:hover {
      color: #fff !important;
    }
  }
  ul {
    list-style: none;
    padding: 0px;
  }
}

img.logo {
  max-width: 199px;
  margin-bottom: 30px;
}

p.white-text {
  color: #fff;
}

.footer-adress {
  line-height: 1.4em;
}

.social-size {
  font-size: 26px !important;
  margin-left: 10px;
}

.img-responsive {
  height: auto !important;
}

#contract-properties-gunning {
  .row {
    overflow: hidden;
  }
  div.inline {
    padding: 5px 15px 10px 0;
  }
}

button[data-function-click="update_contract_worth_value"] {
  margin-right: 240px;
  float: right;
}

button[data-function-click="update_plot_value"] {
  margin-right: 240px;
  float: right;
}

.valueLabels {
  font-size: 70%;
  color: black;
}

div.valueLabelLight {
  display: none;
  border: none;
  position: absolute;
}

div.valueLabel {
  position: absolute;
  border: none;
  white-space: nowrap;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.hide-me {
  display: none;
}

div.remove-plots {
  display: none;
}

.contractors-help {
  float: right;
  margin: -1px 3px 3px 3px;
  /*	.fa-stack-2x {
		font-size: 32px;
	}*/
}

.contractors .plots + .plots {
  margin-top: 3rem;
}

.plots-help {
  margin: -1px 3px 3px 3px;
  /*	.fa-stack-2x {
		font-size: 32px;
	}*/
}

.delete-eval {
  /*	.fa-trash {
		font-size: 16px;
		margin-right: 5px;
	}*/
}

.edit-eval {
  /*	.fa-calendar {
		font-size: 16px;
		margin-right: 5px;
	}
	.fa-medkit {
		font-size: 16px;
		margin-right: 5px;
	}*/
}

.col-sm-6 {
  width: 50%;
  float: left;
}

.col-sm-3 {
  width: 25%;
}

.col-md-10 {
  width: 82%;
  margin: auto;
}

.col-sm-12 {
  width: 100%;
}

#modalSlaChangeStatus {
  .row {
    label {
      width: 230px;
    }
    .right {
      margin: 0 0 0 230px;
    }
  }
  .row-wizzr {
    label {
      width: 230px;
    }
    .right {
      margin: 0 0 0 230px;
      select {
        width: 85%;
      }
    }
  }
}

.contracts {
  margin-left: 10px;
  margin-top: 15px;
  span {
    display: block;
    float: left;
  }
}

table.collegues {
  a {
    text-decoration: none;
    color: #666;
    &:hover {
      text-decoration: underline;
    }
  }
}

@media screen and (max-width: 850px) {
  #wrapper {
    #container {
      #top {
        #menu {
          position: static;
          padding: 0 0 5px 0;
          margin: 0;
          ul {
            padding-bottom: 20px;
            overflow: hidden;
            li {
              margin: 0;
            }
          }
        }
      }
      overflow: hidden;
      #left {
        display: block;
        background: url("../img/gfx/btn-menu.png") no-repeat scroll 20px 15px
          transparent;
        padding-bottom: 0;
        clear: both;
        float: none;
        width: 100%;
        .vcard {
          margin-top: 0;
          padding-top: 0;
        }
        > * {
          display: none !important;
        }
        &:hover {
          margin-bottom: 30px;
          > * {
            display: block !important;
          }
        }
      }
      #right {
        margin: 0 0 0 20px;
        padding-top: 0;
        padding-bottom: 30px;
        .row {
          .right {
            a.item.small {
              float: left;
              position: static;
            }
          }
        }
      }
    }
    table {
      .nowrap {
        white-space: normal;
      }
    }
    #footer {
      position: static;
    }
    .box {
      .row {
        padding-left: 10px;
        input[type="text"] {
          height: 30px;
        }
        input[type="password"] {
          height: 30px;
        }
        input[type="email"] {
          height: 30px;
        }
        > label {
          padding-left: 0;
          position: static;
        }
      }
    }
  }
}

@media (max-width: 560px) {
  .col-md-10 {
    width: 100% !important;
    float: none;
  }
  .col-sm-6 {
    width: 100% !important;
    float: none;
  }
  .col-sm-3 {
    width: 100% !important;
    float: none;
  }
}

#dashboard *,
#dashboard * ::after,
#dashboard * ::before {
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

@media screen and (min-width: 768px) {
  div#dashboard {
    .nieuw {
      min-width: 135px;
      float: left;
    }
    .acties {
      min-width: 135px;
      float: left;
    }
    .lopend {
      min-width: 135px;
      float: left;
    }
    .afronden {
      min-width: 135px;
      float: left;
    }
    .raporteren {
      min-width: 135px;
      float: left;
    }
    .maatwaarde {
      min-width: 165px;
      float: left;
    }
    .aanbesteden {
      min-width: 135px;
      float: left;
    }
  }
}

@media screen and (max-width: 460px) {
  .nieuw {
    margin: 0;
    text-align: center;
  }
  .lopend {
    margin: 0;
    text-align: center;
  }
  .afronden {
    margin: 0;
    text-align: center;
  }
  .raporteren {
    margin: 0;
    text-align: center;
  }
  .acties {
    margin: 0;
    text-align: center;
  }
  .aanbesteden {
    margin: 0;
    text-align: center;
  }
  .maatwaarde {
    margin: 0;
    text-align: center;
  }
}

@media screen and (min-width: 850px) {
  .large-6 {
    width: 75% !important;
  }
  .smallmarge {
    display: none;
  }
}

@media screen and (max-width: 849px) {
  .large-6 {
    width: 100% !important;
  }
  .large-5 {
    width: 96% !important;
    text-align: center;
    float: none;
  }
}
.login {
  .content {
    form .btn {
      /* padding: .6rem 1.5rem; */
      border-radius: 37px;
      /* font-size: 0.9em; */
      color: #fff;
      font-weight: 600;
      /* text-decoration: none; */
      border-color: #fda417 !important;
      background-color: #fda417 !important;
      min-height: 40px;
      width: 100%;
      max-width: 316px;
      text-align: center !important;

      /* -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; */

      &:hover,
      &:focus {
        border-color: #f69f14;

        background-color: #f69f14;
      }
    }
    button.btn-green {
      width: 100%;
      max-width: 316px;
      text-align: center !important;
    }
    button.btn-quaternary {
      width: 100%;
      max-width: 316px;
      text-align: center !important;
    }
  }
  footer {
    clear: both;
  }
  .login-card {
    position: relative;
    top: 5%;
    margin: 40px auto;
    width: 325px;
    padding: 20px;
    background: #f9f9f9;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 18%;

    > .box {
    }
  }
}

.login-body,
.resetpassword {
  .col-sm-3 {
    float: left;
  }

  .col-sm-56 {
    float: left;
    width: 56%;
  }

  .row {
    padding-left: 0px !important;
  }

  .login-text-layout {
    border: 0;
    line-height: 1.8em;

    margin: 40px;

    h1 {
      font-size: 36px;
      color: #e5342a;
      margin-bottom: 5px;
      font-weight: bold;
    }

    p {
      font-size: 12px;
      color: #333;
    }
  }
}

.login-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.ui-dialog {
  border: 1px solid #099 !important;
}

textarea[name="comment"] {
  width: 100% !important;
}
.custom_candidate_input {
  width: 30% !important;
}

.custominput {
  a,
  svg {
    vertical-align: middle;
    margin-top: 3px;
  }
}

.candidatecheckbox .custom-checkbox {
  display: block;
  float: left;
}

#right .content.wysiwyg {
  ul {
    list-style-type: disc;
    list-style-position: inside;
  }
  ol {
    list-style-type: decimal;
    list-style-position: inside;
  }
  ul ul,
  ol ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px;
  }
  ol ol,
  ul ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
  }
}

div.reload-combined-contracts.dashboard-buttons {
  margin-top: 25px;
}

table.overview.contract-progress {
  width: 50% !important;
}

.api-injector-loading {
  filter: blur(30px);
}

.row.mutate {
  label {
    width: 200px;
  }
  .right {
    margin: 0 0 0 200px;
  }
}
.row-wizzr.mutate {
  label {
    width: 240px;
  }
  .right {
    margin: 0 0 0 240px;
  }
}

.group-selection .row label {
  top: 4px !important;
}

.sortable .row label {
  width: inherit !important;
}

html body .group-selection.sortable .row label {
  width: inherit !important;
}

.sortable .row div.actions {
  position: relative;
  left: 500px;
}

a:not([href]) {
  cursor: pointer;
}
.logoV3 {
  width: 150px !important;
  height: auto !important;
}
.disableClick {
  pointer-events: none;
}
.row-wizzr.postal {
  input.postal_part_one {
    width: 40px !important;
  }
  input.postal_part_two {
    width: 25px !important;
  }
}
#modal_postal_code .row-wizzr {
  margin-bottom: 4px;
  border-bottom-width: 0px;
  label {
    width: 250px !important;
  }
  .right {
    margin-top: 7px
  }
}