/*COLORS*/
body {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background-color: #eaeaea !important; }
  body #main {
    flex: 1 0 auto; }
    body #main [type="checkbox"]:checked + label:before {
      border-right: 2px solid #31617a;
      border-bottom: 2px solid #31617a; }
    body #main [type="radio"]:checked + label:after, body #main [type="radio"].with-gap:checked + label:after {
      background-color: #31617a;
      border-color: #31617a; }
    body #main .dropdown-content li > span {
      color: #31617a; }
    body #main .alert {
      background-color: #e40428;
      color: white;
      border-radius: 5px;
      height: 32px;
      line-height: 32px;
      max-width: 300px;
      margin: auto;
      margin-bottom: 8px; }
      body #main .alert i {
        float: left;
        margin: 4px; }
      body #main .alert p {
        text-align: center;
        font-size: 15px; }
    body #main #login {
      margin: 16px; }
      body #main #login .card {
        width: 100%;
        margin: auto;
        border-radius: 5px; }
        body #main #login .card .card-image {
          background-image: url("../images/paper.jpg");
          background-size: cover;
          background-position: 50% 50%;
          height: 145px;
          border-bottom: 1px solid pink;
          border-radius: 5px; }
          body #main #login .card .card-image img {
            width: 35%;
            margin: auto; }
          body #main #login .card .card-image .languageImg {
            width: 32px;
            position: absolute;
            right: 0.5em; }
          body #main #login .card .card-image .languageImg:nth-child(2) {
            right: calc(1em + 32px); }
          body #main #login .card .card-image .card-title {
            color: black;
            padding-left: 45px; }
        body #main #login .card .card-content .text-danger {
          margin-left: 3rem;
          color: #e40428; }
        body #main #login .card .card-content .input-field label {
          color: gray; }
        body #main #login .card .card-content .input-field.col.s12 {
          margin-top: 0px; }
          body #main #login .card .card-content .input-field.col.s12 input {
            margin-bottom: 0px; }
        body #main #login .card .card-content input:focus {
          border-bottom: 1px solid #31617a;
          box-shadow: 0 1px 0 0 #31617a; }
        body #main #login .card .card-content .input-field .prefix.active {
          color: #31617a; }
        body #main #login .card .card-content .loginBtn {
          margin: auto;
          width: 76%;
          margin-left: 12%;
          margin-top: 1em;
          background-color: #4caf50; }
    body #main nav {
      background-color: #31617a; }
      body #main nav .side-nav {
        width: 210px;
        background-color: black; }
        body #main nav .side-nav a {
          color: white;
          text-transform: uppercase;
          font-weight: bold; }
      body #main nav #addCompanySmallLink, body #main nav #collapseSmall {
        float: right;
        max-height: 56px;
        text-align: center; }
      body #main nav #addCompanySmall {
        max-height: 32px;
        margin: 12px; }
      body #main nav #collapse {
        float: right; }
      body #main nav .button-collapse i {
        margin-left: 12px; }
      body #main nav img {
        max-height: 56px; }
      body #main nav .icon {
        min-width: 64px; }
      body #main nav #addCompanyLink {
        max-height: 64px; }
        body #main nav #addCompanyLink #addCompany {
          max-height: 32px;
          margin-top: 16px; }
      body #main nav ul a {
        min-width: 100px;
        text-align: left; }
      body #main nav #dropdown.dropdown-content {
        min-width: 160px; }
      body #main nav #dropdown2.dropdown-content {
        min-width: 115px; }
      body #main nav .dropdown-content li {
        min-height: 36px;
        border-bottom: 1px solid lightgray; }
      body #main nav .dropdown-content li:last-child {
        border-bottom: 0px; }
      body #main nav .dropdown-content li > a {
        text-align: left;
        color: #31617a; }
    body #main .section {
      padding-left: 5%;
      padding-right: 5%;
      margin: auto; }
      body #main .section h1 {
        font-size: 3rem; }
      body #main .section .progressContainer {
        max-width: 350px; }
        body #main .section .progressContainer .line {
          width: 2px;
          height: 3em;
          margin-top: -2.8em;
          background-color: black;
          position: relative;
          z-index: 999; }
        body #main .section .progressContainer .progress {
          margin: 0px;
          height: 2.5em;
          border: 1px solid gray;
          background-color: #e8e8e8; }
          body #main .section .progressContainer .progress span {
            font-size: 1.7em;
            padding-left: 2px; }
          body #main .section .progressContainer .progress .percentage {
            color: white;
            font-weight: bold; }
      body #main .section h2 {
        font-size: 2rem; }
    body #main .red {
      background-color: #e40428 !important;
      padding-top: 1.5rem;
      display: none; }
      body #main .red .caret {
        color: white; }
      body #main .red .row .col.s3 {
        padding-right: 1.25rem; }
      body #main .red #stadList {
        margin-top: -1em; }
      body #main .red .col.s12 label {
        color: white;
        text-transform: capitalize; }
      body #main .red .col.s12 #searchLabel {
        color: gray; }
      body #main .red .col.s12 .dropdown-content li.disabled > span {
        color: #4b4a49; }
      body #main .red .col.s12 .dropdown-content li > span {
        color: #31617a; }
      body #main .red .select-wrapper input.select-dropdown {
        color: white;
        margin: 0px;
        margin-bottom: 1em;
        border-color: white; }
      body #main .red .input-field input[type=search]:focus + label i {
        color: white; }
      body #main .red .input-field input[type=search] ~ .material-icons {
        line-height: 44.5px; }
      body #main .red .search {
        background-color: white;
        margin-left: 0.75rem;
        border-radius: 5px;
        padding-left: 3rem;
        width: none; }
      body #main .red .searchBtn {
        margin-top: 1rem;
        background-color: #4caf50;
        width: 100%;
        height: 44px;
        line-height: 44px;
        border-radius: 5px; }
    body #main #searchresults {
      padding-left: 3%;
      padding-right: 3%; }
      body #main #searchresults .card.horizontal.reported {
        border: 3px solid red; }
        body #main #searchresults .card.horizontal.reported .material-icons.reportedIcon {
          color: #e40428;
          position: absolute;
          right: 4px;
          bottom: 0; }
      body #main #searchresults .card.horizontal {
        border-radius: 5px; }
        body #main #searchresults .card.horizontal .card-image {
          width: 30%;
          background-size: cover;
          background-position: 50% 50%;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
        body #main #searchresults .card.horizontal .card-content {
          color: white; }
          body #main #searchresults .card.horizontal .card-content .card-title {
            line-height: inherit;
            font-size: 18px; }
          body #main #searchresults .card.horizontal .card-content p i {
            font-size: 14px; }
    body #main .white {
      background-color: #eaeaea !important; }
      body #main .white .card.small.reported {
        border: 3px solid red; }
        body #main .white .card.small.reported .reportedIcon {
          color: #e40428;
          position: absolute;
          right: 4px;
          bottom: 0; }
      body #main .white .card.small {
        height: 200px;
        background-color: #31617a;
        border-radius: 5px; }
        body #main .white .card.small .card-image {
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          height: 100px; }
        body #main .white .card.small .card-content {
          color: white;
          padding: 10px; }
          body #main .white .card.small .card-content .card-title {
            font-size: 14px;
            line-height: inherit; }
          body #main .white .card.small .card-content p {
            position: absolute;
            bottom: 0px; }
            body #main .white .card.small .card-content p i {
              font-size: 14px; }
      body #main .white .card.small:hover {
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
      body #main .white .pagination {
        text-align: center; }
        body #main .white .pagination li:first-child a, body #main .white .pagination li:nth-child(2) a, body #main .white .pagination li:last-child a, body #main .white .pagination li:nth-last-child(2) a {
          padding: 0 5px; }
        body #main .white .pagination li.active {
          background-color: #31617a; }
    body #main #voucherPaging {
      padding: 0px; }
    body #main .section.white.NT .card tr textarea:focus, body #main .section.white.NT .card tr input:focus, body #main section.white .card tr textarea:focus, body #main section.white .card tr input:focus, body #main .reports .card tr textarea:focus, body #main .reports .card tr input:focus {
      border-bottom: 1px solid #31617a;
      -webkit-box-shadow: 0 1px 0 0 #31617a;
      -moz-box-shadow: 0 1px 0 0 #31617a;
      box-shadow: 0 1px 0 0 #31617a; }
    body #main .section.white.NT .card tr textarea:focus + label, body #main .section.white.NT .card tr input:focus + label, body #main section.white .card tr textarea:focus + label, body #main section.white .card tr input:focus + label, body #main .reports .card tr textarea:focus + label, body #main .reports .card tr input:focus + label {
      color: #31617a; }
    body #main .section.white.NT .card tr th:first-child, body #main section.white .card tr th:first-child, body #main .reports .card tr th:first-child {
      width: 25%; }
      body #main .section.white.NT .card tr th:first-child .s3, body #main section.white .card tr th:first-child .s3, body #main .reports .card tr th:first-child .s3 {
        padding-left: 0px; }
        body #main .section.white.NT .card tr th:first-child .s3 a, body #main section.white .card tr th:first-child .s3 a, body #main .reports .card tr th:first-child .s3 a {
          height: 20px;
          line-height: 20px;
          padding: 0px;
          padding-right: 10px;
          background-color: transparent;
          box-shadow: none; }
          body #main .section.white.NT .card tr th:first-child .s3 a i, body #main section.white .card tr th:first-child .s3 a i, body #main .reports .card tr th:first-child .s3 a i {
            color: #31617a; }
      body #main .section.white.NT .card tr th:first-child .input-field, body #main section.white .card tr th:first-child .input-field, body #main .reports .card tr th:first-child .input-field {
        height: 17px;
        margin-top: 0px; }
        body #main .section.white.NT .card tr th:first-child .input-field input, body #main section.white .card tr th:first-child .input-field input, body #main .reports .card tr th:first-child .input-field input {
          height: 17px; }
        body #main .section.white.NT .card tr th:first-child .input-field label, body #main section.white .card tr th:first-child .input-field label, body #main .reports .card tr th:first-child .input-field label {
          top: 0px; }
        body #main .section.white.NT .card tr th:first-child .input-field label.active, body #main section.white .card tr th:first-child .input-field label.active, body #main .reports .card tr th:first-child .input-field label.active {
          transform: translateY(-80%); }
    body #main .section.white.NT .card tr th:nth-child(2), body #main section.white .card tr th:nth-child(2), body #main .reports .card tr th:nth-child(2) {
      width: 35%; }
    body #main .section.white.NT .card tr th:last-child, body #main section.white .card tr th:last-child, body #main .reports .card tr th:last-child {
      width: 5%; }
    body #main .section.white.NT .card tr td, body #main section.white .card tr td, body #main .reports .card tr td {
      vertical-align: top;
      padding: 8px !important;
      padding-bottom: 0px !important; }
      body #main .section.white.NT .card tr td .input-field, body #main section.white .card tr td .input-field, body #main .reports .card tr td .input-field {
        display: none;
        margin-top: 0.5rem; }
        body #main .section.white.NT .card tr td .input-field textarea, body #main section.white .card tr td .input-field textarea, body #main .reports .card tr td .input-field textarea {
          min-height: 4rem;
          padding: 0px; }
    body #main .section.white.NT .card tbody tr:hover, body #main section.white .card tbody tr:hover, body #main .reports .card tbody tr:hover {
      background-color: white;
      border-left: 5px solid #31617a; }
    body #main .section.white.NT .card tbody .btn, body #main section.white .card tbody .btn, body #main .reports .card tbody .btn {
      height: 20px;
      line-height: 20px;
      background-color: #4caf50;
      box-shadow: none;
      display: none; }
    body #main .section.white.NT .card tbody td label, body #main section.white .card tbody td label, body #main .reports .card tbody td label {
      top: 0px; }
    body #main .section.white.NT .card tbody td label.active, body #main section.white .card tbody td label.active, body #main .reports .card tbody td label.active {
      transform: translateY(-80%); }
    body #main section.white .card tr th:first-child, body #main .reports .card tr th:first-child {
      width: 25%; }
    body #main section.white .card tr th:nth-child(2), body #main .reports .card tr th:nth-child(2) {
      width: 8%; }
    body #main section.white .card tr th:nth-child(3), body #main .reports .card tr th:nth-child(3) {
      width: 10%; }
    body #main section.white .card tr th:nth-child(4), body #main .reports .card tr th:nth-child(4) {
      width: 15%; }
    body #main section.white .card tr th:last-child, body #main .reports .card tr th:last-child {
      width: 10%; }
    body #main section.white .card tr td, body #main .reports .card tr td {
      padding-bottom: 8px !important; }
      body #main section.white .card tr td .btn, body #main .reports .card tr td .btn {
        display: block;
        background-color: #31617a;
        text-transform: capitalize;
        padding: 0 0.5rem; }
      body #main section.white .card tr td .btn:last-child, body #main .reports .card tr td .btn:last-child {
        margin-top: 1em;
        background-color: #e40428;
        text-transform: lowercase; }
      body #main section.white .card tr td .btn:last-child:first-letter, body #main .reports .card tr td .btn:last-child:first-letter {
        text-transform: uppercase; }
    body #main section.white .card tr td:first-child a, body #main .reports .card tr td:first-child a {
      color: #31617a; }
    body #main section.white .card tr td:first-child :hover, body #main .reports .card tr td:first-child :hover {
      text-decoration: underline; }
    body #main section.white .card tr td:first-child span, body #main .reports .card tr td:first-child span {
      font-size: 0.9em; }
    body #main section.white .card tr td:first-child span:first-child, body #main .reports .card tr td:first-child span:first-child {
      font-size: 1em; }
    body #main section.white .card tr td:first-child span:last-child, body #main .reports .card tr td:first-child span:last-child {
      font-size: 0.8em; }
    body #main .section.white.cities .saveButton {
      background-color: #4caf50;
      float: right; }
    body #main .section.white.cities textarea:focus, body #main .section.white.cities input:focus {
      border-bottom: 1px solid #31617a;
      -webkit-box-shadow: 0 1px 0 0 #31617a;
      -moz-box-shadow: 0 1px 0 0 #31617a;
      box-shadow: 0 1px 0 0 #31617a; }
    body #main .section.white.cities textarea:focus + label, body #main .section.white.cities input:focus + label {
      color: #31617a; }
    body #main .section.white.cities .card:first-child {
      display: none; }
      body #main .section.white.cities .card:first-child span {
        position: absolute;
        margin-top: -16px; }
      body #main .section.white.cities .card:first-child .select-wrapper span {
        margin-top: 0px; }
      body #main .section.white.cities .card:first-child td:last-child {
        text-align: center; }
        body #main .section.white.cities .card:first-child td:last-child i {
          color: #31617a;
          float: none;
          margin-right: 1em; }
    body #main .section.white.cities .card.addFacility td {
      width: 25%; }
    body #main .section.white.cities .card.addFacility td:first-child {
      width: 25%; }
    body #main .section.white.cities .card:last-child table .input-field {
      display: none; }
      body #main .section.white.cities .card:last-child table .input-field input {
        margin-bottom: 0px; }
    body #main .section.white.cities .card:last-child .facilities th {
      width: 25%; }
      body #main .section.white.cities .card:last-child .facilities th .material-icons {
        margin-top: -2em;
        margin-right: 0.7em; }
      body #main .section.white.cities .card:last-child .facilities th .material-icons.remove {
        color: #e40428;
        display: none; }
    body #main .section.white.cities .card:last-child .facilities td {
      width: 25%; }
      body #main .section.white.cities .card:last-child .facilities td a.check {
        display: none; }
        body #main .section.white.cities .card:last-child .facilities td a.check i {
          color: #4caf50;
          margin-right: 5px; }
    body #main .section.white.cities .card:last-child .facilities td:last-child i {
      margin-right: 0.75em; }
    body #main .section.white.cities .card:last-child .row {
      margin-bottom: 0px; }
      body #main .section.white.cities .card:last-child .row .check {
        display: none; }
        body #main .section.white.cities .card:last-child .row .check i {
          color: #4caf50;
          margin-right: -4px; }
    body #main .section.white.cities .card.searchVoucher, body #main .section.white.cities .card.addVoucher {
      display: block;
      min-height: 80px; }
      body #main .section.white.cities .card.searchVoucher table .input-field, body #main .section.white.cities .card.addVoucher table .input-field {
        display: block; }
        body #main .section.white.cities .card.searchVoucher table .input-field input, body #main .section.white.cities .card.addVoucher table .input-field input {
          margin-bottom: 10px; }
        body #main .section.white.cities .card.searchVoucher table .input-field label, body #main .section.white.cities .card.addVoucher table .input-field label {
          text-transform: capitalize; }
    body #main .section.white.cities .card.searchVoucher table .input-field label {
      text-transform: none; }
    body #main .section.white.cities .card.addVoucher td {
      width: 33.33333%;
      padding: 5px 0.75em !important; }
    body #main .section.white.cities .card.addVoucher td:last-child {
      text-align: left; }
    body #main .section.white.cities .card.makeVoucher .picker--opened .picker__frame {
      top: 1% !important; }
    body #main .section.white.cities .card.makeVoucher .picker__date-display, body #main .section.white.cities .card.makeVoucher .picker__weekday-display {
      background-color: #31617a; }
    body #main .section.white.cities .card.makeVoucher button.picker__today, body #main .section.white.cities .card.makeVoucher button.picker__close {
      color: #31617a; }
    body #main .section.white.cities .card.makeVoucher .picker__day.picker__day--today {
      color: #31617a; }
    body #main .section.white.cities .card.makeVoucher div.picker__day.picker__day--infocus.picker__day--selected.picker__day--highlighted {
      background-color: #31617a;
      color: white; }
    body #main .section.white.cities .card.makeVoucher textarea {
      min-height: 6rem; }
    body #main .section.white.cities .card.makeVoucher .imageFile {
      display: block;
      margin: auto;
      height: 7.5rem; }
    body #main .section.white.cities .card.makeVoucher .btn {
      background-color: black;
      width: 60px;
      display: block;
      margin: auto;
      margin-top: 4px; }
      body #main .section.white.cities .card.makeVoucher .btn i {
        margin-left: -10px; }
      body #main .section.white.cities .card.makeVoucher .btn input {
        position: absolute;
        margin-top: -35px;
        margin-left: -70px;
        opacity: 0; }
    body #main .section.white.cities th i, body #main .section.white.cities td i {
      float: right;
      color: #4caf50;
      font-size: 2em;
      cursor: pointer;
      margin-right: 0.5em; }
    body #main .section.white.cities td:not(:first-child) i {
      font-size: 1.6em;
      color: #31617a; }
    body #main .section.white.cities td:not(:first-child) a {
      max-width: 40px;
      padding-left: 5px;
      padding-right: 5px; }
      body #main .section.white.cities td:not(:first-child) a i {
        color: #e40428;
        margin: 0px;
        font-size: 1.6em; }
    body #main .section.white.cities td:first-child {
      width: 30%; }
    body #main .section.white.cities td {
      width: 25%; }
    body #main .section.white.cities td:last-child {
      width: 15%; }
      body #main .section.white.cities td:last-child .edit {
        margin-right: 0px; }
    body #main .section.white.cities td .btn {
      height: 24px;
      line-height: 24px;
      float: right;
      background-color: transparent;
      box-shadow: none; }
    body #main .section.white.cities .card:last-child table.facilities.vouchers tr td, body #main .section.white.cities .card:last-child table.facilities.vouchers tr th {
      width: 25%; }
      body #main .section.white.cities .card:last-child table.facilities.vouchers tr td .check, body #main .section.white.cities .card:last-child table.facilities.vouchers tr th .check {
        color: #4caf50; }
      body #main .section.white.cities .card:last-child table.facilities.vouchers tr td .close, body #main .section.white.cities .card:last-child table.facilities.vouchers tr th .close {
        color: #e40428; }
    body #main .section.white.cities .card:last-child table.facilities.vouchers tr th .material-icons {
      margin: 0px;
      margin-right: 0.58em; }
    body #main .section.white.cities .card:last-child table.facilities.vouchers tr th:nth-child(6), body #main .section.white.cities .card:last-child table.facilities.vouchers tr td:nth-child(6) {
      text-align: center;
      width: 8%; }
      body #main .section.white.cities .card:last-child table.facilities.vouchers tr th:nth-child(6) a i, body #main .section.white.cities .card:last-child table.facilities.vouchers tr td:nth-child(6) a i {
        color: #31617a; }
      body #main .section.white.cities .card:last-child table.facilities.vouchers tr th:nth-child(6) a i.del, body #main .section.white.cities .card:last-child table.facilities.vouchers tr td:nth-child(6) a i.del {
        color: #e40428; }
    body #main .section.white.cities .card:last-child table.facilities.vouchers tr th:nth-child(6) a i {
      color: #4caf50; }
    body #main .section.white.cities .card:last-child table.facilities.vouchers tr th:nth-child(n+4):nth-child(-n+5), body #main .section.white.cities .card:last-child table.facilities.vouchers tr td:nth-child(n+4):nth-child(-n+5) {
      text-align: center;
      width: 12%; }
      body #main .section.white.cities .card:last-child table.facilities.vouchers tr th:nth-child(n+4):nth-child(-n+5) i, body #main .section.white.cities .card:last-child table.facilities.vouchers tr td:nth-child(n+4):nth-child(-n+5) i {
        float: none;
        margin: 0px; }
    body #main .section.white.cities .card:last-child table.facilities.vouchers tr th:nth-child(3), body #main .section.white.cities .card:last-child table.facilities.vouchers tr td:nth-child(3) {
      text-align: center;
      width: 6%; }
      body #main .section.white.cities .card:last-child table.facilities.vouchers tr th:nth-child(3) i, body #main .section.white.cities .card:last-child table.facilities.vouchers tr td:nth-child(3) i {
        float: none;
        margin: 0px;
        margin-top: 8px; }
    body #main .section.white.cities .ddlCategory {
      padding: 5px;
      width: 25%; }
      body #main .section.white.cities .ddlCategory input {
        margin-bottom: 0px; }
      body #main .section.white.cities .ddlCategory label {
        top: 0; }
    body #main .section.white.export .card {
      padding-top: 14px; }
      body #main .section.white.export .card label {
        color: black;
        text-transform: capitalize; }
      body #main .section.white.export .card input[type=text][readonly="readonly"] {
        color: rgba(0, 0, 0, 0.8);
        border-bottom: 1px solid #9e9e9e; }
    body #main .section.white.export .btn-export, body #main .section.white.export .btn-download {
      display: block;
      height: 125px;
      width: 125px;
      line-height: 125px;
      border-radius: 50%;
      background-color: #31617a;
      margin: auto; }
    body #main .section.white.export .btn-download {
      background-color: #4caf50; }
      body #main .section.white.export .btn-download i {
        font-size: 2.5em; }
    body #main .section.white.export .row:last-child .card {
      margin: auto;
      padding-bottom: 14px; }
    body #main .section.white.export .row:last-child ul {
      display: block;
      margin: auto;
      max-width: 75%; }
      body #main .section.white.export .row:last-child ul li {
        list-style-type: circle; }
    body #main .section.white.merge .row {
      margin-bottom: 0px; }
      body #main .section.white.merge .row .row:first-child .card {
        box-shadow: none;
        border: 1px solid lightgray; }
      body #main .section.white.merge .row .row:first-child .col:last-child {
        float: right;
        margin-top: -52px; }
        body #main .section.white.merge .row .row:first-child .col:last-child .btn {
          box-shadow: none;
          background-color: #31617a;
          padding: 0 15px; }
      body #main .section.white.merge .row .row:last-child {
        margin-top: -14px; }
        body #main .section.white.merge .row .row:last-child .col {
          float: left; }
          body #main .section.white.merge .row .row:last-child .col .card {
            height: 396px;
            overflow-y: scroll; }
            body #main .section.white.merge .row .row:last-child .col .card [type="checkbox"] + label {
              height: 16px;
              padding-left: 18px; }
        body #main .section.white.merge .row .row:last-child .col:first-child tr td:last-child {
          opacity: 0;
          background: rgba(49, 97, 122, 0.5);
          width: 20px;
          padding-left: 6px;
          padding-right: 6px; }
          body #main .section.white.merge .row .row:last-child .col:first-child tr td:last-child [type="checkbox"]:checked + label:before {
            border-right: 2px solid white;
            border-bottom: 2px solid white; }
        body #main .section.white.merge .row .row:last-child .col:nth-child(2) div {
          text-align: center; }
          body #main .section.white.merge .row .row:last-child .col:nth-child(2) div a i {
            font-size: 200px; }
          body #main .section.white.merge .row .row:last-child .col:nth-child(2) div a:last-child {
            pointer-events: none; }
            body #main .section.white.merge .row .row:last-child .col:nth-child(2) div a:last-child i {
              transform: rotate(180deg);
              color: whitesmoke; }
        body #main .section.white.merge .row .row:last-child .col:nth-child(2) div:first-child a {
          pointer-events: all; }
          body #main .section.white.merge .row .row:last-child .col:nth-child(2) div:first-child a i {
            transform: rotate(0deg);
            color: #31617a; }
        body #main .section.white.merge .row .row:last-child .col:last-child input[type="checkbox"]:not(:checked), body #main .section.white.merge .row .row:last-child .col:last-child [type="checkbox"]:checked {
          opacity: 1; }
    body #main .section.white.merge .row .col {
      margin: auto;
      float: none; }
      body #main .section.white.merge .row .col .card-content {
        padding: 0px; }
        body #main .section.white.merge .row .col .card-content .input-field {
          margin: 0px; }
          body #main .section.white.merge .row .col .card-content .input-field input {
            height: 16px;
            margin-top: 30px; }
          body #main .section.white.merge .row .col .card-content .input-field label {
            top: 1.5rem; }
          body #main .section.white.merge .row .col .card-content .input-field label.active {
            top: 2rem; }
        body #main .section.white.merge .row .col .card-content .col.s3 {
          float: right;
          margin-top: -3.1em; }
          body #main .section.white.merge .row .col .card-content .col.s3 i {
            color: #31617a; }
        body #main .section.white.merge .row .col .card-content .col.s9 {
          width: 90%; }
          body #main .section.white.merge .row .col .card-content .col.s9 textarea:focus, body #main .section.white.merge .row .col .card-content .col.s9 input:focus {
            border-bottom: 1px solid #31617a;
            -webkit-box-shadow: 0 1px 0 0 #31617a;
            -moz-box-shadow: 0 1px 0 0 #31617a;
            box-shadow: 0 1px 0 0 #31617a; }
          body #main .section.white.merge .row .col .card-content .col.s9 textarea:focus + label, body #main .section.white.merge .row .col .card-content .col.s9 input:focus + label {
            color: #31617a; }
    body #main #addCompany .row {
      margin-bottom: 0px; }
    body #main #addCompany .card {
      height: inherit;
      border-radius: 5px; }
      body #main #addCompany .card .card-content {
        padding-bottom: 70px; }
      body #main #addCompany .card .text-danger {
        color: #e40428; }
      body #main #addCompany .card .text-danger:after {
        content: "\A";
        white-space: pre; }
      body #main #addCompany .card .card-title {
        font-size: 18px; }
      body #main #addCompany .card .row {
        margin-bottom: 0px; }
      body #main #addCompany .card .input-field label {
        color: gray;
        text-transform: capitalize; }
      body #main #addCompany .card input:focus {
        border-bottom: 1px solid #31617a;
        box-shadow: 0 1px 0 0 #31617a; }
      body #main #addCompany .card .input-field .prefix.active {
        color: #31617a; }
      body #main #addCompany .card .dropdown-content li.disabled > span {
        color: #4b4a49; }
      body #main #addCompany .card .dropdown-content li > span {
        color: #31617a; }
      body #main #addCompany .card .btn {
        background-color: #4caf50;
        height: 44px;
        line-height: 44px;
        border-radius: 5px;
        margin-top: 0.5em;
        bottom: 25px;
        position: absolute;
        width: calc(100% - 60px); }
    body #main #detail {
      padding: 14px 7px 0px 7px; }
      body #main #detail .card.NTRed {
        background-color: #e40428; }
        body #main #detail .card.NTRed textarea {
          color: white !important; }
        body #main #detail .card.NTRed label {
          color: white !important; }
        body #main #detail .card.NTRed i {
          display: none; }
      body #main #detail .row #bons .col {
        padding-bottom: 0px;
        min-height: 25px; }
      body #main #detail .row .col.s12.l8 .character-counter, body #main #detail .row #beschrijvingen .character-counter {
        display: none; }
      body #main #detail .row .col.s12.l4, body #main #detail .row .col.s12.l8, body #main #detail .row .col.s12.l5, body #main #detail .row #bons {
        padding: 0 7px 14px 7px; }
        body #main #detail .row .col.s12.l4 .card, body #main #detail .row .col.s12.l8 .card, body #main #detail .row .col.s12.l5 .card, body #main #detail .row #bons .card {
          margin: 0px;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
          body #main #detail .row .col.s12.l4 .card #faciliteiten, body #main #detail .row .col.s12.l8 .card #faciliteiten, body #main #detail .row .col.s12.l5 .card #faciliteiten, body #main #detail .row #bons .card #faciliteiten {
            padding-bottom: 0.5em; }
          body #main #detail .row .col.s12.l4 .card .noPadding:first-child, body #main #detail .row .col.s12.l8 .card .noPadding:first-child, body #main #detail .row .col.s12.l5 .card .noPadding:first-child, body #main #detail .row #bons .card .noPadding:first-child {
            padding-bottom: 0.1em; }
          body #main #detail .row .col.s12.l4 .card .noPadding, body #main #detail .row .col.s12.l8 .card .noPadding, body #main #detail .row .col.s12.l5 .card .noPadding, body #main #detail .row #bons .card .noPadding {
            padding-bottom: 0.2em; }
          body #main #detail .row .col.s12.l4 .card .select-wrapper input, body #main #detail .row .col.s12.l4 .card .input-field input, body #main #detail .row .col.s12.l8 .card .select-wrapper input, body #main #detail .row .col.s12.l8 .card .input-field input, body #main #detail .row .col.s12.l5 .card .select-wrapper input, body #main #detail .row .col.s12.l5 .card .input-field input, body #main #detail .row #bons .card .select-wrapper input, body #main #detail .row #bons .card .input-field input {
            margin-bottom: 0em; }
          body #main #detail .row .col.s12.l4 .card .input-field, body #main #detail .row .col.s12.l8 .card .input-field, body #main #detail .row .col.s12.l5 .card .input-field, body #main #detail .row #bons .card .input-field {
            padding-bottom: 0.5em; }
          body #main #detail .row .col.s12.l4 .card #coordinates, body #main #detail .row .col.s12.l8 .card #coordinates, body #main #detail .row .col.s12.l5 .card #coordinates, body #main #detail .row #bons .card #coordinates {
            color: #31617a;
            float: right;
            margin-right: 1em;
            margin-top: -1.5em;
            font-size: 1.3em; }
          body #main #detail .row .col.s12.l4 .card #townRow .col, body #main #detail .row .col.s12.l8 .card #townRow .col, body #main #detail .row .col.s12.l5 .card #townRow .col, body #main #detail .row #bons .card #townRow .col {
            padding-bottom: 0px; }
          body #main #detail .row .col.s12.l4 .card .col.s6.image img, body #main #detail .row .col.s12.l8 .card .col.s6.image img, body #main #detail .row .col.s12.l5 .card .col.s6.image img, body #main #detail .row #bons .card .col.s6.image img {
            max-height: 150px;
            margin: auto; }
          body #main #detail .row .col.s12.l4 .card #fileSpanCol, body #main #detail .row .col.s12.l8 .card #fileSpanCol, body #main #detail .row .col.s12.l5 .card #fileSpanCol, body #main #detail .row #bons .card #fileSpanCol {
            width: 30%; }
          body #main #detail .row .col.s12.l4 .card #accept, body #main #detail .row .col.s12.l8 .card #accept, body #main #detail .row .col.s12.l5 .card #accept, body #main #detail .row #bons .card #accept {
            width: 70%;
            float: right;
            margin-top: 1.5em; }
          body #main #detail .row .col.s12.l4 .card textarea, body #main #detail .row .col.s12.l8 .card textarea, body #main #detail .row .col.s12.l5 .card textarea, body #main #detail .row #bons .card textarea {
            margin-bottom: 0px; }
          body #main #detail .row .col.s12.l4 .card .col.extraInfo, body #main #detail .row .col.s12.l8 .card .col.extraInfo, body #main #detail .row .col.s12.l5 .card .col.extraInfo, body #main #detail .row #bons .card .col.extraInfo {
            margin-top: 1.3em;
            padding: 0px; }
            body #main #detail .row .col.s12.l4 .card .col.extraInfo input, body #main #detail .row .col.s12.l8 .card .col.extraInfo input, body #main #detail .row .col.s12.l5 .card .col.extraInfo input, body #main #detail .row #bons .card .col.extraInfo input {
              margin-bottom: 0.2em; }
            body #main #detail .row .col.s12.l4 .card .col.extraInfo .col.s9, body #main #detail .row .col.s12.l8 .card .col.extraInfo .col.s9, body #main #detail .row .col.s12.l5 .card .col.extraInfo .col.s9, body #main #detail .row #bons .card .col.extraInfo .col.s9 {
              padding: 0px; }
            body #main #detail .row .col.s12.l4 .card .col.extraInfo .col.icon img, body #main #detail .row .col.s12.l8 .card .col.extraInfo .col.icon img, body #main #detail .row .col.s12.l5 .card .col.extraInfo .col.icon img, body #main #detail .row #bons .card .col.extraInfo .col.icon img {
              width: 20px;
              margin-top: 0.8em; }
      body #main #detail .validation {
        color: #e40428;
        margin-top: -1.5em;
        margin-bottom: 0.5em; }
      body #main #detail .tooltipped {
        float: right;
        margin-top: -20px;
        margin-right: -10px; }
      body #main #detail #examples {
        padding: 1%;
        color: white;
        position: absolute;
        margin-top: -3.5em;
        background: rgba(0, 0, 0, 0.87);
        display: none; }
      body #main #detail .row {
        margin: 0px; }
        body #main #detail .row input[type=text]:focus:not([readonly]) {
          border-bottom: 1px solid #31617a;
          box-shadow: 0 1px 0 0 #31617a; }
        body #main #detail .row .col.s12.m6:last-child {
          padding: 0px; }
        body #main #detail .row .col.s12 .col.s3 p {
          margin-top: 2em; }
        body #main #detail .row .col.s12 .row .col.s6.image img {
          max-width: 100%; }
      body #main #detail .col.s6 p label {
        font-size: 11px; }
      body #main #detail label {
        color: black; }
      body #main #detail label:first-letter {
        text-transform: uppercase; }
      body #main #detail .noPadding {
        padding-left: 0px; }
        body #main #detail .noPadding label {
          left: 0px; }
      body #main #detail #arrows {
        margin: 0px;
        height: 0px; }
        body #main #detail #arrows a {
          color: #31617a; }
        body #main #detail #arrows i {
          font-size: 32px; }
      body #main #detail #fileSpan {
        width: 60px;
        height: 36px;
        margin-top: 1em;
        background-color: black; }
        body #main #detail #fileSpan i {
          margin-left: -9px; }
        body #main #detail #fileSpan input {
          opacity: 0;
          height: 36px;
          width: 60px;
          margin-left: -2.2em;
          margin-top: -40px;
          position: absolute; }
      body #main #detail #buttons {
        padding: 0 0.3rem;
        margin-bottom: 0.5rem; }
        body #main #detail #buttons .col {
          padding: 0 0.15rem; }
          body #main #detail #buttons .col a {
            margin-bottom: 0.3em;
            background-color: #494847;
            width: 100%; }
            body #main #detail #buttons .col a i {
              font-size: 2.3rem; }
    body #main #overview {
      padding: 0 14px; }
      body #main #overview .card {
        margin-top: 14px; }
        body #main #overview .card #addUser {
          color: #4caf50;
          text-align: right;
          padding: 0 0.75rem; }
        body #main #overview .card td {
          padding: 5px; }
          body #main #overview .card td .fname {
            font-size: 12px; }
          body #main #overview .card td img {
            max-width: 24px; }
          body #main #overview .card td .line {
            width: 2px;
            height: 1.8em;
            margin-top: -1.6em;
            background-color: black;
            position: relative;
            z-index: 999; }
          body #main #overview .card td .progress {
            margin: 0px;
            height: 1.4em;
            border: 1px solid gray;
            background-color: #e8e8e8; }
            body #main #overview .card td .progress .percentage {
              color: white;
              font-weight: bold; }
        body #main #overview .card th.prog {
          min-width: 115px; }
        body #main #overview .card td.city {
          min-width: 170px; }
        body #main #overview .card td.ll {
          width: 84px; }
        body #main #overview .card td.role {
          padding: 0px; }
          body #main #overview .card td.role img {
            max-width: 55px; }
    body #main #editUser .card {
      margin: 0px;
      border-radius: 5px; }
      body #main #editUser .card .card-content {
        margin-bottom: 0px; }
        body #main #editUser .card .card-content h1 {
          font-size: 2rem;
          margin: 0px;
          padding: 0 0.75rem; }
        body #main #editUser .card .card-content .input-field input {
          margin-bottom: 10px; }
        body #main #editUser .card .card-content .input-field input[type=text]:focus + label, body #main #editUser .card .card-content .input-field input[type=date]:focus + label {
          color: #31617a; }
        body #main #editUser .card .card-content .input-field input:focus {
          border-bottom: 1px solid #31617a;
          box-shadow: 0 1px 0 0 #31617a; }
        body #main #editUser .card .card-content .btn {
          width: 100%;
          background-color: #4caf50;
          margin-top: 10px; }
  body footer.page-footer {
    padding-top: 0px;
    margin-top: 0px;
    background-color: #4b4a49; }
    body footer.page-footer a:hover {
      text-decoration: underline; }

@media (min-width: 375px) {
  body #main #detail .row .col.s12.l5 .card .col.extraInfo .col.icon {
    margin-right: -0.2em; } }
@media (min-width: 601px) {
  body #main .section {
    padding-left: 10%;
    padding-right: 10%; }
  body #main .section.white.export .btn-export, body #main .section.white.export .btn-download {
    height: 175px;
    width: 175px;
    line-height: 175px; }
  body #main #searchresults {
    padding-left: 5%;
    padding-right: 5%; }
  body #main #detail .card {
    border-radius: 5px; }
  body #main #detail .row .col.s12.l4#bons .card {
    height: inherit; }
    body #main #detail .row .col.s12.l4#bons .card #examples {
      margin-top: -1.5em; }
  body #main #detail .row .col.s12.l4 .card {
    height: 250px; }
  body #main #detail .row .col.s12.l4 .card.card-img {
    height: inherit; }
  body #main #detail .row .col.s12.l4 .card, body #main #detail .row .col.s12.l8 .card, body #main #detail .row .col.s12.l5 .card {
    padding: 0px;
    margin: 0px; }
  body #main #detail .row .col.s12.l8 {
    float: right; }
  body #main #detail .col.s6 p label {
    font-size: 13px;
    margin-top: 2em; }
  body #main #detail #arrows i {
    font-size: 64px;
    margin-top: 0.3em; }
  body #main #addCompany .row .card .card-title {
    font-size: 24px; }
  body #main #login {
    margin: 0px;
    margin-top: 64px; }
    body #main #login .alert {
      margin-top: -32px; }
    body #main #login .card {
      width: 50%; }
  body #main nav img {
    max-height: 64px; }
  body #main nav #addCompanySmall {
    margin: 16px; }
  body #main nav #addCompanySmallLink, body #main nav #collapseSmall {
    max-height: 64px; }
  body #main .red #stadList {
    margin: 1em; }
  body #main .red .col.s12.m9 {
    padding: 0 1.75rem; }
  body #main .red .search {
    width: calc(100% - 3rem); }
  body #main .red .select-wrapper input.select-dropdown {
    margin: 0px; } }
@media (min-width: 993px) {
  body #main .section {
    padding-left: 15%;
    padding-right: 15%; }
  body #main .section.white.export .row:last-child .card {
    max-width: 75%; }
  body #main #login {
    margin-top: 64px; }
    body #main #login .card {
      width: 30%; }
  body #main #detail .row .col.s12.l4#bons .card {
    height: 250px; }
  body #main #detail .row .col.s12.l8 {
    float: left; }
  body #main #searchresults .col {
    padding: 0.5rem; }
    body #main #searchresults .col .card.small {
      margin: 0px;
      height: 200px; }
  body #main #searchresults .pagination {
    margin-bottom: 0px; }
  body #main #addCompany .card {
    height: 450px; }
    body #main #addCompany .card .card-content {
      padding-bottom: 0px; }
    body #main #addCompany .card .text-danger {
      margin-left: 3em; }
    body #main #addCompany .card .row {
      margin-bottom: inherit; }
  body #main #addCompany #firstCard .btn {
    margin-top: 5.9em; }
  body #main nav img {
    max-height: 64px; }
  body #main nav ul a {
    text-align: center; } }
@media (min-width: 1440px) {
  body #main #searchresults .row .col.l2 {
    width: 25%; }
    body #main #searchresults .row .col.l2 .card.small {
      height: 250px; }
      body #main #searchresults .row .col.l2 .card.small .card-image {
        height: 150px; }
      body #main #searchresults .row .col.l2 .card.small .card-content .card-title {
        font-size: 16px; } }

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