@import url("https://fonts.googleapis.com/css?family=Varela+Round");
body {
  -webkit-font-smoothing: antialiased; }

a {
  color: #009FE3; }

@-moz-document url-prefix() {}tr.ember-view {
  display: table-row; }

html {
  min-height: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased; }

body {
  height: 100%; }

main, body > .ember-view {
  height: 100%; }

main {
  overflow-x: hidden; }

.main {
  height: 100%;
  position: relative; }
  .main .bottomMargin {
    margin-bottom: 15px; }
  .main .notification-title {
    margin-bottom: 8px;
    text-align: center; }
    .main .notification-title span {
      font-size: 32px;
      font-family: "Varela Round", Arial, sans-serif;
      color: #009FE3; }
      .main .notification-title span.login-title {
        display: block;
        margin-bottom: 33px; }
    .main .notification-title.leftalign {
      text-align: left;
      margin-bottom: 40px; }
      .main .notification-title.leftalign span {
        margin-left: 60px; }
  .main .notification {
    padding: 0px 0 60px;
    margin-top: 50px;
    background-color: #fff;
    position: relative;
    max-width: 1024px;
    min-height: 200px;
    margin: 40px auto;
    float: none; }
    .main .notification .info-button, .main .notification .visual-info-button {
      margin: 0 5px; }
    .main .notification #lastspan {
      margin-bottom: 30px; }
    .main .notification .btn-blue {
      padding: 18px 70px 18px 70px;
      background-color: #009FE3;
      border-radius: 40px;
      color: #ffffff;
      border: 2px solid transparent; }
      .main .notification .btn-blue:hover {
        color: #a5acb2;
        border: 2px solid #009FE3;
        background-color: transparent; }
        .main .notification .btn-blue:hover a {
          color: #009FE3; }
      .main .notification .btn-blue a {
        text-decoration: none;
        color: #fff; }
    .main .notification .number-input {
      width: 540px;
      height: 120px;
      margin: 0px auto; }
      .main .notification .number-input.three-digits {
        width: 320px; }
        .main .notification .number-input.three-digits.inactive input {
          background: #ccc;
          pointer-events: none; }
      .main .notification .number-input.cell {
        width: 320px; }
        .main .notification .number-input.cell input[type="text"] {
          background: #6a7379;
          color: #fff;
          font-size: 75px;
          cursor: pointer; }
      .main .notification .number-input input[type="text"] {
        height: 120px;
        width: 100px;
        font-size: 75px;
        padding: 0;
        margin-right: 10px;
        text-align: center;
        float: left;
        font-family: "Source Sans Pro", sans-serif; }
        .main .notification .number-input input[type="text"]:last-of-type {
          margin-right: 0px; }
    .main .notification input[type="tel"], .main .notification input[type="text"], .main .notification input[type="email"], .main .notification textarea, .main .notification input[type="password"] {
      font-size: 22px;
      border-radius: 5px;
      border: 2px solid #ddd;
      outline: none;
      padding: 5px 10px;
      color: #313c44;
      height: auto; }
    .main .notification textarea {
      width: 100%;
      height: auto; }
    .main .notification label {
      font-size: 16px;
      font-weight: 400;
      color: #313c44; }
      .main .notification label span {
        color: #009FE3 !important; }
    .main .notification .centered-text {
      text-align: center;
      margin-bottom: 20px; }
      .main .notification .centered-text.no-sms {
        margin-bottom: 0;
        margin-top: 20px; }
      .main .notification .centered-text.number {
        margin-bottom: 0px; }
        .main .notification .centered-text.number span {
          font-size: 75px;
          color: #596672;
          letter-spacing: 15px; }
      .main .notification .centered-text span {
        font-size: 18px;
        color: #a5acb2; }
        .main .notification .centered-text span.strong {
          font-size: 20px;
          color: #355259; }
    .main .notification .notification-text {
      font-size: 18px;
      padding: 10px 60px; }
      .main .notification .notification-text p {
        font-family: "Source Sans Pro", sans-serif;
        font-weight: 400;
        font-size: 16px; }
      .main .notification .notification-text .tooltips p {
        font-size: 14px; }
    .main .notification .focus-container {
      background: #f8f8f8;
      padding: 40px 0;
      margin: 20px 0;
      clear: both;
      position: relative; }
      .main .notification .focus-container #telephone-nr {
        width: 185px;
        text-align: left; }
        .main .notification .focus-container #telephone-nrspan {
          color: #05b1d0; }
      .main .notification .focus-container.toppadding.intense-padding {
        padding-top: 85px; }
      .main .notification .focus-container.bottompadding {
        padding-bottom: 40px; }
        .main .notification .focus-container.bottompadding.intense-padding {
          padding-bottom: 150px; }
      .main .notification .focus-container.minwidth {
        min-width: 585px; }
      .main .notification .focus-container.checknumberpadding {
        padding-top: 10px; }
      .main .notification .focus-container.paddingtop {
        padding: 10px 0 0; }
      .main .notification .focus-container.padding24 {
        padding: 24px 0 0; }
      .main .notification .focus-container .editbutton {
        display: none;
        margin-right: 70px; }
        .main .notification .focus-container .editbutton.active {
          display: block; }
      .main .notification .focus-container .callme {
        display: none;
        position: absolute;
        width: 400px;
        height: 150px;
        background: rgba(0, 0, 0, 0.1);
        top: 25px;
        left: 50%;
        border-radius: 5px;
        transform: translateX(-50%); }
        .main .notification .focus-container .callme.active {
          display: block; }
        .main .notification .focus-container .callme .butn {
          top: 48px; }
      .main .notification .focus-container .container .col-xs-6.button {
        padding-top: 5px; }
      .main .notification .focus-container .button-container {
        margin-top: 0; }
      .main .notification .focus-container .social-login {
        width: 400px;
        position: relative;
        margin: 0 auto; }
        .main .notification .focus-container .social-login .social-login__divider {
          letter-spacing: 0;
          width: 40px;
          height: 40px;
          position: relative;
          display: block;
          margin: 0 auto; }
          .main .notification .focus-container .social-login .social-login__divider:before {
            content: "";
            display: block;
            position: absolute;
            width: 400px;
            height: 1px;
            background: #ccc;
            left: -180px;
            top: 10px;
            z-index: 1; }
          .main .notification .focus-container .social-login .social-login__divider:after {
            content: "of";
            display: block;
            width: 40px;
            height: 100%;
            font-size: 14px;
            position: absolute;
            left: 0;
            z-index: 2;
            top: 0;
            background: #f8f8f8; }
        .main .notification .focus-container .social-login a.button {
          width: 240px;
          margin: 10px auto 0; }
    .main .notification .verification {
      height: 140px;
      width: 500px;
      margin: 0px auto; }
      .main .notification .verification.small {
        width: 340px; }
      .main .notification .verification.account {
        margin-top: 20px; }
      .main .notification .verification .option {
        position: relative;
        background: #fff;
        height: 140px;
        width: 33%;
        float: left;
        border: 1px solid #d8dbdc;
        text-align: center;
        padding-top: 30px; }
        .main .notification .verification .option.small {
          width: 50%; }
        .main .notification .verification .option .icon {
          font-size: 60px;
          color: #a9b2b4;
          line-height: 65px; }
        .main .notification .verification .option .option-title {
          color: #313c44;
          margin-top: -8px;
          font-family: "Source Sans Pro", sans-serif; }
        .main .notification .verification .option:hover {
          cursor: pointer; }
        .main .notification .verification .option.one {
          border-radius: 5px 0px 0px 5px; }
        .main .notification .verification .option.two {
          border-right: none;
          border-left: none; }
          .main .notification .verification .option.two .icon {
            font-size: 50px;
            line-height: 73px; }
        .main .notification .verification .option.three {
          border-right: 1px solid #d8dbdc;
          border-radius: 0 5px 5px 0; }
        .main .notification .verification .option.active {
          height: 150px;
          width: 170px;
          margin-top: -5px;
          border-radius: 5px;
          border: 2px solid #d8dbdc; }
          .main .notification .verification .option.active .icon {
            color: #009FE3; }
          .main .notification .verification .option.active .option-title {
            color: #009FE3;
            font-family: "Source Sans Pro", sans-serif; }
        .main .notification .verification .option.deactive {
          background: #eff2f2;
          pointer-events: none; }
          .main .notification .verification .option.deactive .icon {
            color: #d1d4d4; }
          .main .notification .verification .option.deactive .option-titlef {
            color: #b3b7b7; }
        .main .notification .verification .option .glyphicon {
          font-size: 45px;
          margin-bottom: 20px;
          color: #3c3c3c; }
        .main .notification .verification .option .option-title {
          font-size: 18px;
          color: #797e82; }
    .main .notification .callswitch .step {
      margin-top: 20px;
      display: none; }
      .main .notification .callswitch .step.active {
        display: block; }
      .main .notification .callswitch .step.step-1 p {
        display: none;
        font-weight: 400; }
        .main .notification .callswitch .step.step-1 p.active {
          display: block; }
  .main .view-container {
    min-height: calc(100% - 110px);
    background: #edf1f2; }

.demo input {
  background: #DDD;
  opacity: .5; }

.notification .verification.account .option.one {
  border-right: 0px; }

.notification .verification.account .option.two {
  border-right: 1px solid #d8dbdc;
  border-radius: 0 5px 5px 0;
  border-left: none; }

.notification .verification.account .option.active {
  border-radius: 5px;
  border: 2px solid #d8dbdc; }
  .notification .verification.account .option.active .option-title span {
    color: #009FE3; }

.italic {
  font-style: italic; }

.bold {
  font-weight: 600; }

.clear {
  clear: both; }

.butn {
  padding: 12px 42px 17px 42px;
  text-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 40px;
  font-size: 18px;
  border-radius: 40px;
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
  background-color: #05acce;
  background-image: linear-gradient(top, #11bdd7, #05acce);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#11bdd7', EndColorStr='#05acce');
  color: #fff; }
  .butn a {
    text-decoration: none;
    color: #fff; }
  .butn:hover {
    background-color: #313c44;
    background-image: linear-gradient(top, #46525a, #313c44);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#46525a', EndColorStr='#313c44');
    text-decoration: none;
    color: #fff; }
  .butn.secundary {
    background-color: #b3b3b3;
    background-image: linear-gradient(top, #c5c5c5, #b3b3b3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c5c5c5', EndColorStr='#b3b3b3'); }
    .butn.secundary:hover {
      background-color: #313c44;
      background-image: linear-gradient(top, #46525a, #313c44);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#46525a', EndColorStr='#313c44'); }
  .butn.halfmargin {
    position: relative;
    top: 26px; }
  .butn.deactive {
    pointer-events: none;
    color: #ddd;
    background-color: grey;
    background-image: none; }

.button.halfmargin {
  position: relative;
  top: 24px; }

.btn-center {
  margin-top: 30px; }

div.header {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  background-color: #313c44;
  z-index: 999; }
  div.header span > a {
    color: #fff; }
  div.header > .pull-right.list-inline > li {
    padding: 16px 16px 5px 0px; }
    div.header > .pull-right.list-inline > li > a {
      color: #fff;
      font-variant: small-caps;
      text-transform: uppercase;
      font-weight: 700; }
  div.header .logo {
    height: 50px;
    float: left; }
    div.header .logo a {
      font-family: "Montserrat", sans-serif;
      color: #009FE3;
      font-size: 22px;
      font-weight: 600;
      display: block;
      height: 50px;
      line-height: 50px;
      margin-left: 20px; }
      div.header .logo a span {
        color: #fff; }
      div.header .logo a:hover {
        text-decoration: none; }
  div.header > span {
    position: absolute;
    right: 28px;
    color: #fff;
    margin-top: 12px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    font-weight: 600; }

#check-address {
  padding-bottom: 60px;
  clear: both;
  float: none; }
  #check-address .fieldset {
    float: left;
    width: 50%;
    margin: 0 3%;
    text-align: left; }
    #check-address .fieldset.two {
      width: 38%; }
    #check-address .fieldset label {
      width: 100%;
      font-size: 16px;
      font-weight: 600;
      color: #313c44; }
      #check-address .fieldset label span {
        color: #009FE3; }
    #check-address .fieldset input {
      height: 50px; }
      #check-address .fieldset input.postcode-num {
        width: 65%;
        margin-right: 5%; }
      #check-address .fieldset input.postcode-str {
        width: 30%;
        float: right; }
      #check-address .fieldset input.huis-num {
        width: 60%;
        margin-right: 3%; }
      #check-address .fieldset input.huis-num-tv {
        width: 35%;
        float: right; }

.sub-header {
  position: relative;
  left: 0px;
  width: 100%;
  background-color: #009FE3;
  z-index: 999; }
  .sub-header .btn-discount {
    margin: 22px 0 22px 10px; }
    .sub-header .btn-discount .btn-icon {
      position: relative;
      top: -2px;
      margin-right: 10px; }
  .sub-header .butn {
    position: absolute;
    padding: 12px 28px 16px 23px;
    left: 30px;
    border: 2px solid #38c3d9;
    bottom: 0px;
    margin-bottom: 18px;
    font-size: 16px; }
    .sub-header .butn:hover {
      color: #fff;
      text-decoration: none;
      border: 2px solid transparent; }
    .sub-header .butn .glyphicon {
      position: relative;
      margin-right: 15px;
      font-size: 12px; }

.info-button, .visual-info-button {
  display: inline-block;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  border-radius: 100%;
  background: #a4aeb3;
  font-family: 'times new roman', serif;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  margin-left: 10px;
  text-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
  text-align: center;
  font-weight: bold; }
  .info-button.active, .active.visual-info-button {
    background: #009FE3; }

.tooltips {
  position: absolute;
  padding: 10px 20px 10px 40px;
  background: #fafbfb;
  border: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  max-width: 250px;
  border-radius: 4px;
  right: 0px;
  z-index: 9; }
  .tooltips.intro {
    top: 120px;
    right: -205px; }
  .tooltips.default {
    top: 40px;
    right: -120px; }
  .tooltips.smsattempts {
    top: 40px;
    right: -120px; }
  .tooltips.error.cellattempts {
    top: 40px;
    bottom: 140px;
    height: 100px; }
  .tooltips.cellattempts {
    right: -120px;
    bottom: 40px;
    height: 100px; }
  .tooltips.passwordstrength {
    right: -280px;
    top: -70px; }
    .tooltips.passwordstrength:after {
      top: 110px; }
  .tooltips.checkerror {
    right: -280px;
    bottom: 0px; }
  .tooltips.login {
    top: 130px;
    right: 10px; }
  .tooltips.pwlost {
    right: -230px;
    top: 90px;
    padding-bottom: 10px; }
  .tooltips:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../img/tooltipcorner.png");
    background-position: center left;
    display: block;
    position: absolute;
    left: -11px;
    top: 30px; }
  .tooltips i {
    color: #393e44;
    font-family: 'times', serif;
    font-size: 16px;
    position: absolute;
    left: 20px;
    top: 18px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3); }
  .tooltips h5 {
    font-weight: 600;
    margin-bottom: 3px; }
  .tooltips p {
    font-size: 13px;
    font-weight: 500; }
  .tooltips ul {
    list-style: decimal;
    padding-left: 22px; }
    .tooltips ul li {
      line-height: 30px;
      position: relative; }
      .tooltips ul li.active {
        list-style: none; }
        .tooltips ul li.active:before {
          content: "A";
          width: 20px;
          height: 20px;
          font-family: "incntrl";
          display: block;
          position: absolute;
          left: -20px;
          color: #009FE3; }
  .tooltips.error.smsattempts {
    top: 40px;
    bottom: 140px;
    height: 100px; }
  .tooltips.error.passworderror {
    right: -280px;
    top: 0;
    margin-top: 13px;
    margin-right: 10px; }
  .tooltips.active {
    visibility: visible;
    opacity: 1; }
  .tooltips.error {
    background: #ee4867;
    border: 1px solid #ee4867;
    color: #fbdbdf;
    margin-top: 0px;
    margin-right: 0;
    padding-bottom: 20px; }
    .tooltips.error h5 {
      font-weight: 900; }
    .tooltips.error p {
      color: #fbdbdf;
      font-size: 14px;
      font-weight: 600; }
    .tooltips.error:after {
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #ee4867; }

.confirmbuttons {
  position: absolute;
  width: 470px;
  left: 50%;
  margin-top: -50px;
  transform: translateX(-50%); }
  .confirmbuttons a {
    float: right; }
    .confirmbuttons a:first-of-type {
      float: left; }
  .confirmbuttons .butn {
    position: relative;
    left: 0;
    padding: 17px 67px 20px 67px;
    transform: translateX(0%); }

.inputcontainer {
  width: 370px;
  margin: 0px auto;
  text-align: left; }
  .inputcontainer form {
    text-align: left; }
    .inputcontainer form input, .inputcontainer form textarea {
      width: 100%;
      margin: 10px 0px 20px; }
      .inputcontainer form input[type="password"], .inputcontainer form textarea[type="password"] {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        border-radius: 5px;
        border: 2px solid #ddd;
        outline: none;
        padding: 0 10px;
        color: #313c44; }
      .inputcontainer form input.disabled[type="text"], .inputcontainer form textarea.disabled[type="text"] {
        background: #ddd;
        color: #777; }
    .inputcontainer form a {
      color: #009FE3; }
  .inputcontainer.large {
    width: 70%;
    max-width: 430px; }
    .inputcontainer.large form span {
      color: #009FE3 !important; }
    .inputcontainer.large form#terms {
      margin-top: 55px; }
      .inputcontainer.large form#terms.alt {
        margin-top: 15px; }

.container.details {
  width: 100%; }
  .container.details p {
    margin-bottom: 0px;
    margin-top: 0px; }
  .container.details .odd {
    margin-bottom: 30px; }
  .container.details .secondcolumn {
    padding-top: 74px; }
  .container.details .thirdcolumn {
    padding-top: 166px; }
  .container.details form input[type="text"] {
    line-height: 30px !important;
    font-size: 16px !important; }
  .container.details .no-asterisk {
    padding-top: 3px; }

.emailaddress {
  display: none;
  margin-bottom: 20px; }
  .emailaddress.active {
    display: block; }
  .emailaddress p.static {
    margin-top: 15px; }
  .emailaddress input {
    width: 100%;
    margin: 10px 0px 20px; }

.butn.butn-modify {
  padding: 6px 30px 8px 30px;
  background-color: #b3b3b3;
  background-image: linear-gradient(top, #c5c5c5, #b3b3b3);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c5c5c5', EndColorStr='#b3b3b3'); }
  .butn.butn-modify.halfmargin-neg {
    position: relative;
    top: -82px; }
  .butn.butn-modify:hover {
    background-color: #313c44;
    background-image: linear-gradient(top, #46525a, #313c44);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#46525a', EndColorStr='#313c44'); }
  .butn.butn-modify span.glyphicon {
    margin-right: 10px; }

.butn:focus {
  text-decoration: none;
  color: #fff; }

.button-container {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center; }
  .button-container.sent {
    margin-top: -30px; }
  .button-container.zerotop {
    margin-top: 0px; }
  .button-container.topmargin10 {
    margin-top: 10px; }

.icon-big {
  font-size: 140px !important;
  color: #0280a0 !important;
  line-height: 10px; }

.checkmark {
  font-size: 140px !important;
  color: #0280a0 !important;
  line-height: 10px; }

#passwordstrength {
  width: 100%;
  height: 7px;
  background: #fff; }
  #passwordstrength.weak {
    background: red; }
  #passwordstrength.medium {
    background: orange; }
  #passwordstrength.strong {
    background: green; }

.checkbox-container input[type="checkbox"] {
  width: 12px; }

.checkbox-container label {
  margin-left: 20px; }

.checkbox-container.error {
  background: #000; }

#terms .checkbox-container input[type="checkbox"] {
  vertical-align: top;
  width: 12px; }

#terms .checkbox-container label {
  margin-left: 20px;
  max-width: 90%; }

#terms .checkbox-container.error {
  background: #000; }

@keyframes verified {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  75% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.checkmark {
  animation: verified 1s; }

.select-container {
  margin-top: 10px; }
  .select-container.glyphicon {
    float: right; }
  .select-container.birthdate2nd {
    margin-top: 32px; }

.moz-select {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 5px;
  color: #000;
  outline: none;
  border: 2px solid #ddd;
  margin-bottom: 20px;
  display: block; }
  .moz-select .select {
    padding: 9px; }
  .moz-select option {
    display: block; }
  .moz-select.bigger {
    width: 400px; }

.selectBig {
  width: 100%;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: window;
  background-color: #fff;
  font-size: 16px;
  padding: 0px 10px;
  border: none;
  color: #000;
  background: none; }

.select {
  width: 100%;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: window;
  background-color: #fff;
  font-size: 16px;
  padding: 0px 10px;
  border: none;
  background: none;
  outline: none;
  color: #000; }

.inputcontainer .select-container span.glyphicon {
  float: right;
  color: #ddd !important;
  margin-top: -25px;
  margin-right: 10px;
  font-size: 12px; }

.focus-container .centered-text #signup-contact input.inputheight {
  height: 55px;
  width: 190px; }

.focus-container .centered-text span.timer {
  font-size: 140px;
  color: #0280a0;
  margin-bottom: 30px; }

.demo_desc {
  margin: 0 40px 50px; }

.modal.modal-incntrl .modal-content {
  border-radius: 0px; }

.modal.modal-incntrl .modal-title {
  font-size: 34px;
  color: #009FE3; }

.modal.modal-incntrl .modal-header {
  height: 115px;
  padding: 30px 50px;
  border-bottom: 0px; }

.modal.modal-incntrl .modal-dialog {
  width: 55%; }

.modal.modal-incntrl .modal-body {
  background-color: #fafafa;
  padding: 15px 50px;
  max-height: 670px;
  overflow: scroll; }
  .modal.modal-incntrl .modal-body p.plaintext {
    margin-bottom: 20px; }
  .modal.modal-incntrl .modal-body p.title {
    font-weight: bold; }

.modal.modal-incntrl .modal-footer {
  border-top: 0px; }

.modal .modal-confirmation {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px; }
  .modal .modal-confirmation .confirmation-head {
    padding: 10px;
    margin-bottom: 50px; }
    .modal .modal-confirmation .confirmation-head h4 {
      text-align: left; }
  .modal .modal-confirmation .confirmation-body {
    text-align: center; }
    .modal .modal-confirmation .confirmation-body i {
      font-size: 30px; }
    .modal .modal-confirmation .confirmation-body p, .modal .modal-confirmation .confirmation-body i {
      margin-bottom: 20px; }

button.close {
  font-size: 50px; }

input#voorwaarden {
  margin: 0px; }

input.inputemail {
  margin-top: 10px;
  width: 100%; }

input[type="tel"] {
  width: 100%;
  margin-top: 10px; }

.canvasjs-chart-credit {
  display: none !important; }

.mail-confirmation {
  position: relative;
  display: inline-block; }
  .mail-confirmation .icon-mail {
    font-size: 70px;
    color: #18b5cf; }

.progress-slider {
  width: 500px;
  margin: 0 auto;
  position: relative; }
  .progress-slider span.step {
    color: #fff;
    width: auto;
    display: block;
    float: left;
    font-size: 18px;
    height: 90px;
    line-height: 115px;
    position: relative;
    text-align: center;
    z-index: 5; }
    .progress-slider span.step:before {
      content: "";
      display: block;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 20px;
      left: 50%;
      background: #0280a0;
      border-radius: 100%;
      transform: translateX(-50%);
      -webkit-transition: all .3s ease .3s; }
    .progress-slider span.step:nth-of-type(2) {
      margin: 0 125px; }
    .progress-slider span.step.active:before {
      border: 5px solid #fff;
      background: #009FE3; }
  .progress-slider span.bar {
    display: block;
    position: absolute;
    width: 40%;
    left: 50px;
    top: 26px;
    height: 5px;
    background: #0280a0; }
    .progress-slider span.bar:before {
      position: absolute;
      width: 0;
      height: 100%;
      display: block;
      content: "";
      left: 0;
      top: 0;
      background: #fff;
      -webkit-transition: width .3s ease; }
    .progress-slider span.bar.bar2 {
      right: 60px;
      left: auto; }
    .progress-slider span.bar.active:before {
      width: 100%; }
  .progress-slider.progress-alt {
    width: 645px; }
    .progress-slider.progress-alt span.step {
      line-height: 125px; }
      .progress-slider.progress-alt span.step:before {
        top: 25px; }
    .progress-slider.progress-alt .fa-unlock, .progress-slider.progress-alt .fa-lock {
      position: absolute;
      left: 145px;
      font-size: 18px;
      color: #0280a0;
      top: 9px; }
    .progress-slider.progress-alt .fa-lock {
      left: 315px; }
    .progress-slider.progress-alt span.step {
      margin: 0 55px 0 0;
      width: 120px; }
      .progress-slider.progress-alt span.step:nth-of-type(4) {
        margin: 0; }
    .progress-slider.progress-alt span.bar {
      width: 26%;
      top: 30px; }
      .progress-slider.progress-alt span.bar.bar2 {
        left: 240px; }
      .progress-slider.progress-alt span.bar.bar3 {
        left: 415px; }
      .progress-slider.progress-alt span.bar.bar1 {
        left: 65px; }

.inputcontainer .tooltip.tooltip-error .tooltip-inner {
  background: #ee4867;
  padding: 13px 20px; }

.inputcontainer .tooltip.tooltip-error .tooltip-arrow {
  border-right-color: #ee4867; }

html.gt-ie8:after {
  content: none; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  div .tooltips.intro {
    position: absolute;
    top: 215px;
    right: 10px; }
    div .tooltips.intro:after {
      background-position: center top;
      top: -12px;
      left: 40px; }
  div .tooltips.smsattempts {
    right: 10px;
    top: 230px;
    bottom: auto; }
    div .tooltips.smsattempts:after {
      background-position: center top;
      top: -12px;
      left: 40px; }
  div .tooltips.error.smsattempts {
    right: 10px;
    top: 320px;
    bottom: -50px; }
    div .tooltips.error.smsattempts:after {
      top: -21px;
      width: 0;
      left: 40px;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #ee4867;
      background: none; }
  div .tooltips.error.cellattempts.active {
    position: absolute;
    right: 30px;
    width: 195px;
    bottom: 140px; }
  div .tooltips.cellattempts.active {
    position: absolute;
    right: 30px;
    width: 195px;
    bottom: 30px; }
  div .tooltips.default.active {
    position: absolute;
    top: 180px;
    right: 10px; }
    div .tooltips.default.active:after {
      background-position: center top;
      top: -12px;
      left: 40px; }
  div .tooltips.error.default.active {
    position: absolute;
    top: 260px; }
    div .tooltips.error.default.active:after {
      top: -21px;
      width: 0;
      left: 40px;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #ee4867;
      background: none; }
  div .thumb-container .document-thumb.adding .document-picture.add .add-button {
    top: 30px;
    left: 55px; } }

@media only screen and (max-width: 1224px) {
  .tooltips.intro.active {
    position: absolute;
    top: 192px;
    right: -100px; }
    .tooltips.intro.active:after {
      content: "";
      width: 20px;
      height: 20px;
      background: url("../img/tooltipcorner.png");
      background-position: center top;
      display: block;
      position: absolute;
      left: 40px;
      top: -11px; }
  .tooltips.error.smsattempts {
    position: absolute;
    right: -175px; }
  .tooltips.smsattempts.active {
    position: absolute;
    right: -175px; }
  .tooltips.error.default.active {
    position: absolute;
    right: -170px; } }

@media only screen and (max-width: 991px) {
  .tooltips.error.smsattempts.active {
    position: absolute;
    top: 220px;
    right: 10px; }
    .tooltips.error.smsattempts.active:after {
      top: -21px;
      width: 0;
      left: 40px;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #ee4867;
      background: none; }
  .tooltips.smsattempts.active {
    position: absolute;
    top: 220px;
    right: 10px; }
    .tooltips.smsattempts.active:after {
      content: "";
      width: 20px;
      height: 20px;
      background: url("../img/tooltipcorner.png");
      background-position: center top;
      display: block;
      position: absolute;
      left: 40px;
      top: -11px; }
  .tooltips.intro.active {
    position: absolute;
    right: 10px; }
  .tooltips.error.cellattempts.active {
    position: absolute;
    top: 230px;
    right: 10px; }
    .tooltips.error.cellattempts.active:after {
      top: -21px;
      width: 0;
      left: 40px;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #ee4867;
      background: none; }
  .tooltips.cellattempts.active {
    position: absolute;
    top: 230px;
    right: 10px; }
    .tooltips.cellattempts.active:after {
      content: "";
      width: 20px;
      height: 20px;
      background: url("../img/tooltipcorner.png");
      background-position: center top;
      display: block;
      position: absolute;
      left: 40px;
      top: -11px; }
  .tooltips.default.active {
    position: absolute;
    top: 140px;
    right: 10px; }
    .tooltips.default.active:after {
      content: "";
      width: 20px;
      height: 20px;
      background: url("../img/tooltipcorner.png");
      background-position: center top;
      display: block;
      position: absolute;
      left: 40px;
      top: -11px; }
  .tooltips.error.default.active:after {
    top: -21px;
    width: 0;
    left: 40px;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ee4867;
    background: none; }
  .docs {
    width: 50%;
    float: left; }
  .documents .document-thumb {
    margin-bottom: 20px; }
    .documents .document-thumb .doc-title {
      max-width: 67% !important;
      width: 67% !important; }
    .documents .document-thumb i {
      margin-right: 45px !important; }
  .main .license-plate.car.detailed {
    float: left !important; }
  .main .license-plate.motorbike.detailed {
    float: left !important;
    margin-top: 20px; }
  .main .license-plate.moped.detailed {
    float: left !important;
    margin-top: 10px; }
  .main .license-plate.scooter.detailed {
    float: left !important;
    margin-top: 10px; }
  .main-properties .vehicle-value {
    float: none !important; }
  .main-properties .residence-plate {
    float: left !important; } }

@font-face {
  font-family: "incntrl";
  src: url("../fonts/incntrl.eot");
  src: url("../fonts/incntrl.eot?#iefix") format("embedded-opentype"), url("../fonts/incntrl.woff") format("woff"), url("../fonts/incntrl.ttf") format("truetype"), url("../fonts/incntrl.svg#incntrl") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "incntrl" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "incntrl" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-alert:before {
  content: "a"; }

.icon-arrow-down:before {
  content: "b"; }

.icon-arrow-right:before {
  content: "d"; }

.icon-arrow-left:before {
  content: "e"; }

.icon-arrow-up:before {
  content: "H"; }

.icon-car-emblem:before {
  content: "f"; }

.icon-check-icon:before {
  content: "g"; }

.icon-dashboard:before {
  content: "h"; }

.icon-dismiss:before {
  content: "i"; }

.icon-document:before {
  content: "j"; }

.icon-double-arrow:before {
  content: "k"; }

.icon-edit:before {
  content: "l"; }

.icon-grid:before {
  content: "m"; }

.icon-house:before {
  content: "n"; }

.icon-house-1:before {
  content: "o"; }

.icon-house-2:before {
  content: "p"; }

.icon-house-3:before {
  content: "q"; }

.icon-icon-5163:before {
  content: "r"; }

.icon-inboedel:before {
  content: "s"; }

.icon-laptop:before {
  content: "t"; }

.icon-letter:before {
  content: "u"; }

.icon-list:before {
  content: "v"; }

.icon-mail:before {
  content: "w"; }

.icon-map:before {
  content: "x"; }

.icon-mobile:before {
  content: "y"; }

.icon-mobile-phone:before {
  content: "z"; }

.icon-ok:before {
  content: "A"; }

.icon-person:before {
  content: "B"; }

.icon-phone:before {
  content: "C"; }

.icon-plus:before {
  content: "D"; }

.icon-profile:before {
  content: "E"; }

.icon-support:before {
  content: "F"; }

.icon-vault:before {
  content: "G"; }

.icon-folder:before {
  content: "I"; }

.icon-download:before {
  content: "c"; }

.icon.transport:before {
  content: "f"; }

.icon.property:before {
  content: "p"; }

.icon.electronic:before {
  content: "h"; }

.icon.primary_residence:before {
  content: "z"; }

.collection-title .icon {
  font-family: "incntrl";
  font-style: normal; }

@font-face {
  font-family: "incntrl-vehicles";
  src: url("../fonts/incntrl-vehicles.eot");
  src: url("../fonts/incntrl-vehicles.eot?#iefix") format("embedded-opentype"), url("../fonts/incntrl-vehicles.woff") format("woff"), url("../fonts/incntrl-vehicles.ttf") format("truetype"), url("../fonts/incntrl-vehicles.svg#incntrl") format("svg");
  font-weight: normal;
  font-style: normal; }

*[data-car]:before {
  font-family: "incntrl-vehicles" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="car-"]:before,
[class*="car-"]:before,
.car:before {
  font-family: "incntrl-vehicles" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  [class^="car-"]:before .car-bicycle:before,
  [class*="car-"]:before .car-bicycle:before,
  .car:before .car-bicycle:before {
    content: "a"; }
  [class^="car-"]:before .car-car-hatchback:before,
  [class*="car-"]:before .car-car-hatchback:before,
  .car:before .car-car-hatchback:before {
    content: "b"; }
  [class^="car-"]:before .car-car-suv:before,
  [class*="car-"]:before .car-car-suv:before,
  .car:before .car-car-suv:before {
    content: "c"; }
  [class^="car-"]:before .car-scooter:before,
  [class*="car-"]:before .car-scooter:before,
  .car:before .car-scooter:before {
    content: "d"; }
  [class^="car-"]:before .car-black187:before,
  [class*="car-"]:before .car-black187:before,
  .car:before .car-black187:before {
    content: "e"; }
  [class^="car-"]:before .car-bus20:before,
  [class*="car-"]:before .car-bus20:before,
  .car:before .car-bus20:before {
    content: "f"; }
  [class^="car-"]:before .car-car62:before,
  [class*="car-"]:before .car-car62:before,
  .car:before .car-car62:before {
    content: "g"; }
  [class^="car-"]:before .car-car64:before,
  [class*="car-"]:before .car-car64:before,
  .car:before .car-car64:before {
    content: "h"; }
  [class^="car-"]:before .car-convertible1:before,
  [class*="car-"]:before .car-convertible1:before,
  .car:before .car-convertible1:before {
    content: "j"; }
  [class^="car-"]:before .car-deliver:before,
  [class*="car-"]:before .car-deliver:before,
  .car:before .car-deliver:before {
    content: "k"; }
  [class^="car-"]:before .car-delivery8:before,
  [class*="car-"]:before .car-delivery8:before,
  .car:before .car-delivery8:before {
    content: "l"; }
  [class^="car-"]:before .car-motorcycle3:before,
  [class*="car-"]:before .car-motorcycle3:before,
  .car:before .car-motorcycle3:before {
    content: "m"; }
  [class^="car-"]:before .car-personal7:before,
  [class*="car-"]:before .car-personal7:before,
  .car:before .car-personal7:before {
    content: "n"; }
  [class^="car-"]:before .car-racing1:before,
  [class*="car-"]:before .car-racing1:before,
  .car:before .car-racing1:before {
    content: "t"; }
  [class^="car-"]:before .car-pick2:before,
  [class*="car-"]:before .car-pick2:before,
  .car:before .car-pick2:before {
    content: "u"; }
  [class^="car-"]:before .car-car65:before,
  [class*="car-"]:before .car-car65:before,
  .car:before .car-car65:before {
    content: "i"; }
  [class^="car-"]:before .car-car66:before,
  [class*="car-"]:before .car-car66:before,
  .car:before .car-car66:before {
    content: "v"; }
  [class^="car-"]:before .car-all3:before,
  [class*="car-"]:before .car-all3:before,
  .car:before .car-all3:before {
    content: "o"; }
  [class^="car-"]:before .car-bike6:before,
  [class*="car-"]:before .car-bike6:before,
  .car:before .car-bike6:before {
    content: "p"; }
  [class^="car-"]:before .car-black186:before,
  [class*="car-"]:before .car-black186:before,
  .car:before .car-black186:before {
    content: "q"; }
  [class^="car-"]:before .car-black187-1:before,
  [class*="car-"]:before .car-black187-1:before,
  .car:before .car-black187-1:before {
    content: "r"; }
  [class^="car-"]:before .car-bus20-1:before,
  [class*="car-"]:before .car-bus20-1:before,
  .car:before .car-bus20-1:before {
    content: "s"; }
  [class^="car-"]:before .car-car61:before,
  [class*="car-"]:before .car-car61:before,
  .car:before .car-car61:before {
    content: "w"; }
  [class^="car-"]:before .car-car62-1:before,
  [class*="car-"]:before .car-car62-1:before,
  .car:before .car-car62-1:before {
    content: "x"; }
  [class^="car-"]:before .car-car63:before,
  [class*="car-"]:before .car-car63:before,
  .car:before .car-car63:before {
    content: "y"; }
  [class^="car-"]:before .car-car64-1:before,
  [class*="car-"]:before .car-car64-1:before,
  .car:before .car-car64-1:before {
    content: "z"; }
  [class^="car-"]:before .car-car65-1:before,
  [class*="car-"]:before .car-car65-1:before,
  .car:before .car-car65-1:before {
    content: "A"; }
  [class^="car-"]:before .car-car66-1:before,
  [class*="car-"]:before .car-car66-1:before,
  .car:before .car-car66-1:before {
    content: "B"; }
  [class^="car-"]:before .car-car67:before,
  [class*="car-"]:before .car-car67:before,
  .car:before .car-car67:before {
    content: "C"; }
  [class^="car-"]:before .car-car69:before,
  [class*="car-"]:before .car-car69:before,
  .car:before .car-car69:before {
    content: "D"; }
  [class^="car-"]:before .car-car70:before,
  [class*="car-"]:before .car-car70:before,
  .car:before .car-car70:before {
    content: "E"; }
  [class^="car-"]:before .car-car71:before,
  [class*="car-"]:before .car-car71:before,
  .car:before .car-car71:before {
    content: "F"; }
  [class^="car-"]:before .car-car72:before,
  [class*="car-"]:before .car-car72:before,
  .car:before .car-car72:before {
    content: "G"; }
  [class^="car-"]:before .car-carriage:before,
  [class*="car-"]:before .car-carriage:before,
  .car:before .car-carriage:before {
    content: "H"; }
  [class^="car-"]:before .car-commercial8:before,
  [class*="car-"]:before .car-commercial8:before,
  .car:before .car-commercial8:before {
    content: "I"; }
  [class^="car-"]:before .car-convertible1-1:before,
  [class*="car-"]:before .car-convertible1-1:before,
  .car:before .car-convertible1-1:before {
    content: "J"; }
  [class^="car-"]:before .car-deliver-1:before,
  [class*="car-"]:before .car-deliver-1:before,
  .car:before .car-deliver-1:before {
    content: "K"; }
  [class^="car-"]:before .car-delivery8-1:before,
  [class*="car-"]:before .car-delivery8-1:before,
  .car:before .car-delivery8-1:before {
    content: "L"; }
  [class^="car-"]:before .car-hatchback:before,
  [class*="car-"]:before .car-hatchback:before,
  .car:before .car-hatchback:before {
    content: "M"; }
  [class^="car-"]:before .car-hatchback1:before,
  [class*="car-"]:before .car-hatchback1:before,
  .car:before .car-hatchback1:before {
    content: "N"; }
  [class^="car-"]:before .car-lowered:before,
  [class*="car-"]:before .car-lowered:before,
  .car:before .car-lowered:before {
    content: "O"; }
  [class^="car-"]:before .car-motorcycle2:before,
  [class*="car-"]:before .car-motorcycle2:before,
  .car:before .car-motorcycle2:before {
    content: "P"; }
  [class^="car-"]:before .car-motorcycle3-1:before,
  [class*="car-"]:before .car-motorcycle3-1:before,
  .car:before .car-motorcycle3-1:before {
    content: "Q"; }
  [class^="car-"]:before .car-motorcycle4:before,
  [class*="car-"]:before .car-motorcycle4:before,
  .car:before .car-motorcycle4:before {
    content: "R"; }
  [class^="car-"]:before .car-over1:before,
  [class*="car-"]:before .car-over1:before,
  .car:before .car-over1:before {
    content: "S"; }
  [class^="car-"]:before .car-personal7-1:before,
  [class*="car-"]:before .car-personal7-1:before,
  .car:before .car-personal7-1:before {
    content: "T"; }
  [class^="car-"]:before .car-pick2-1:before,
  [class*="car-"]:before .car-pick2-1:before,
  .car:before .car-pick2-1:before {
    content: "U"; }
  [class^="car-"]:before .car-racing:before,
  [class*="car-"]:before .car-racing:before,
  .car:before .car-racing:before {
    content: "V"; }
  [class^="car-"]:before .car-racing1-1:before,
  [class*="car-"]:before .car-racing1-1:before,
  .car:before .car-racing1-1:before {
    content: "W"; }
  [class^="car-"]:before .car-scooter5:before,
  [class*="car-"]:before .car-scooter5:before,
  .car:before .car-scooter5:before {
    content: "X"; }
  [class^="car-"]:before .car-scooter6:before,
  [class*="car-"]:before .car-scooter6:before,
  .car:before .car-scooter6:before {
    content: "Y"; }
  [class^="car-"]:before .car-single17:before,
  [class*="car-"]:before .car-single17:before,
  .car:before .car-single17:before {
    content: "Z"; }
  [class^="car-"]:before .car-skate:before,
  [class*="car-"]:before .car-skate:before,
  .car:before .car-skate:before {
    content: "0"; }
  [class^="car-"]:before .car-small149:before,
  [class*="car-"]:before .car-small149:before,
  .car:before .car-small149:before {
    content: "1"; }
  [class^="car-"]:before .car-small150:before,
  [class*="car-"]:before .car-small150:before,
  .car:before .car-small150:before {
    content: "2"; }
  [class^="car-"]:before .car-sport8:before,
  [class*="car-"]:before .car-sport8:before,
  .car:before .car-sport8:before {
    content: "3"; }
  [class^="car-"]:before .car-sport9:before,
  [class*="car-"]:before .car-sport9:before,
  .car:before .car-sport9:before {
    content: "4"; }
  [class^="car-"]:before .car-sportive19:before,
  [class*="car-"]:before .car-sportive19:before,
  .car:before .car-sportive19:before {
    content: "5"; }
  [class^="car-"]:before .car-sportive21:before,
  [class*="car-"]:before .car-sportive21:before,
  .car:before .car-sportive21:before {
    content: "6"; }
  [class^="car-"]:before .car-sports25:before,
  [class*="car-"]:before .car-sports25:before,
  .car:before .car-sports25:before {
    content: "7"; }
  [class^="car-"]:before .car-taxi8:before,
  [class*="car-"]:before .car-taxi8:before,
  .car:before .car-taxi8:before {
    content: "8"; }
  [class^="car-"]:before .car-top4:before,
  [class*="car-"]:before .car-top4:before,
  .car:before .car-top4:before {
    content: "9"; }
  [class^="car-"]:before .car-truck13:before,
  [class*="car-"]:before .car-truck13:before,
  .car:before .car-truck13:before {
    content: "!"; }
  [class^="car-"]:before .car-truck14:before,
  [class*="car-"]:before .car-truck14:before,
  .car:before .car-truck14:before {
    content: "\""; }
  [class^="car-"]:before .car-van11:before,
  [class*="car-"]:before .car-van11:before,
  .car:before .car-van11:before {
    content: "#"; }
  [class^="car-"]:before .car-van12:before,
  [class*="car-"]:before .car-van12:before,
  .car:before .car-van12:before {
    content: "$"; }
  [class^="car-"]:before .car-van13:before,
  [class*="car-"]:before .car-van13:before,
  .car:before .car-van13:before {
    content: "%"; }
  [class^="car-"]:before .car-vehicle20:before,
  [class*="car-"]:before .car-vehicle20:before,
  .car:before .car-vehicle20:before {
    content: "&"; }
  [class^="car-"]:before .car-oldtimer,
  [class*="car-"]:before .car-oldtimer,
  .car:before .car-oldtimer {
    content: "'"; }

.icon.stationwagen:before {
  content: "i";
  font-family: "incntrl-vehicles"; }

.icon.sedan:before {
  content: "S";
  font-family: "incntrl-vehicles"; }

.icon.coupe:before {
  content: "T";
  font-family: "incntrl-vehicles"; }

.icon.hatchback:before {
  content: "G";
  font-family: "incntrl-vehicles"; }

.icon.gesloten.opbouw:before {
  content: "z";
  font-family: "incntrl-vehicles"; }

.icon.truckstationwagen:before {
  content: "2";
  font-family: "incntrl-vehicles"; }

.icon.open.wagen:before {
  content: "U";
  font-family: "incntrl-vehicles"; }

.icon.mpv:before {
  content: "F";
  font-family: "incntrl-vehicles"; }

.icon.motorbike:before {
  content: "Q";
  font-family: "incntrl-vehicles"; }

.icon.moped:before {
  content: "&";
  font-family: "incntrl-vehicles"; }

.icon.scooter:before {
  content: "&";
  font-family: "incntrl-vehicles"; }

.icon.cabriolet:before {
  content: "j";
  font-family: "incntrl-vehicles"; }

.icon.oldtimer:before {
  content: "'";
  font-family: "incntrl-vehicles"; }

.icon.sedan, .icon.coupe, .icon.open.wagen {
  margin-top: -17px; }

.badged-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  text-align: center;
  border-radius: 10px; }
  .badged-icon.green {
    background-color: #74b430; }
  .badged-icon.orange {
    background-color: #ea5c20; }
  .badged-icon > i {
    position: relative;
    display: inline-block;
    font-size: 9px;
    color: #fff;
    top: -2px; }

.main.dashboard-background {
  background: #edf1f2; }

.dashboard .main .sub-header {
  background-color: #ffffff;
  padding: 0px 30px;
  padding-left: 40px;
  vertical-align: middle; }
  .dashboard .main .sub-header h1 {
    color: #39474a;
    font-weight: 400;
    display: inline-block;
    margin: 0;
    margin-right: 15px;
    font-size: 32px; }
  .dashboard .main .sub-header .sub-right, .dashboard .main .sub-header .sub-left {
    padding: 28px 0; }
  .dashboard .main .sub-header .sub-right > * {
    margin-left: 20px; }
  .dashboard .main .sub-header .btn-group-switch {
    position: absolute;
    left: 50%;
    top: 27px;
    transform: translate(-50%); }
    .dashboard .main .sub-header .btn-group-switch span {
      font-size: 15px;
      line-height: 15px;
      font-weight: 600; }
  .dashboard .main .sub-header.sub-header-action-bar .sub-left,
  .dashboard .main .sub-header.sub-header-action-bar .sub-right {
    padding: 19px 0 20px 0; }
  .dashboard .main .sub-header.sub-header-action-bar .sub-left {
    padding-top: 26px; }

.page-nav {
  position: relative;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  z-index: 12; }
  .page-nav .breadcrumb {
    display: block;
    background-color: #edf1f2;
    padding: 15px 40px;
    margin-bottom: 0; }
  .page-nav .breadcrumb-nav {
    background-color: #f5f8f8;
    padding: 20px 40px; }
    .page-nav .breadcrumb-nav .breadcrumb {
      background-color: transparent;
      padding: 0; }
      .page-nav .breadcrumb-nav .breadcrumb li > a {
        font-size: 16px;
        font-weight: 600;
        color: rgba(57, 71, 74, 0.67); }
      .page-nav .breadcrumb-nav .breadcrumb li.active > a {
        color: #39474a; }
      .page-nav .breadcrumb-nav .breadcrumb li:before {
        font-family: "incntrl";
        content: "d";
        margin: 0 20px;
        font-size: 8px;
        color: #b1b7bb; }
      .page-nav .breadcrumb-nav .breadcrumb li:first-child:before {
        display: none; }

.navbar {
  background-color: #dadada;
  border-radius: 0px;
  border: none;
  margin-bottom: 0px;
  height: 60px;
  position: relative;
  z-index: 20; }
  .navbar .navbar-nav {
    padding: 0px; }
    .navbar .navbar-nav li {
      height: 60px;
      display: inline-block;
      list-style-type: none;
      background-color: transparent;
      border-right: 1px solid #0aa7c2; }
      .navbar .navbar-nav li a {
        font-size: 17px;
        font-weight: 600;
        color: #fff;
        position: relative; }
        .navbar .navbar-nav li a span {
          color: #6ad0e3;
          text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
          font-size: 30px;
          position: absolute;
          left: 25px;
          top: 15px; }
        .navbar .navbar-nav li a:focus {
          color: #ffffff; }
        .navbar .navbar-nav li a:hover {
          text-decoration: none;
          cursor: pointer;
          color: #fff;
          background-color: #09a1c0;
          background-image: linear-gradient(top, #0aaac3, #09a1c0);
          filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0aaac3', EndColorStr='#09a1c0'); }
        .navbar .navbar-nav li a.active {
          background-color: #fff;
          color: #284b59;
          outline: 0px; }
          .navbar .navbar-nav li a.active:hover {
            background-color: #fff;
            color: #284b59;
            background-image: none; }
          .navbar .navbar-nav li a.active .glyphicon {
            color: #11b1cf; }
          .navbar .navbar-nav li a.active span {
            color: #009FE3; }
        .navbar .navbar-nav li a .glyphicon {
          margin-right: 10px; }
  .navbar.navbar-default .navbar-nav li a {
    padding: 20px 40px 20px 70px; }
  .navbar.navbar-default {
    background-color: #05acce;
    background-image: linear-gradient(top, #06b6d1, #05acce);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#06b6d1', EndColorStr='#05acce'); }

.switch-views {
  height: 10px;
  width: 100%;
  background-color: #edf1f2;
  border-bottom: 1px solid #eee; }
  .switch-views .btn-filter {
    margin-top: 16px;
    margin-right: 20px; }

.navbar .account .dropdown {
  height: 60px;
  line-height: 60px;
  padding-right: 70px; }
  .navbar .account .dropdown.open > .btn {
    background: none; }
  .navbar .account .dropdown > a.btn {
    color: #fff;
    font-size: 16px;
    font-weight: 600; }
  .navbar .account .dropdown i {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5); }
  .navbar .account .dropdown i.icon-profile {
    width: 44px;
    height: 44px;
    background: #fff;
    display: block;
    position: absolute;
    border-radius: 100%;
    top: 8px;
    right: 20px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); }
    .navbar .account .dropdown i.icon-profile:before {
      font-size: 39px;
      color: #c8cfd2; }

.signup .sub-header,
.app-login .sub-header {
  height: 90px; }

.account .btn {
  padding: 9px 23px 9px 15px;
  border-radius: 0; }
  .account .btn i {
    vertical-align: middle;
    margin-left: 10px; }
  .account .btn img {
    margin-right: 10px; }
  .account .btn:active {
    box-shadow: none; }

.account .dropdown.open .btn {
  background: rgba(255, 255, 255, 0.5);
  border-color: transparent; }

.account .dropdown-menu {
  left: 0; }

.account p {
  float: right;
  margin-top: 28px;
  margin-right: 30px; }
  .account p a:hover {
    text-decoration: none; }
  .account p .glyphicon {
    font-size: 12px;
    margin-left: 10px; }

.profile-picture {
  font-size: 68px;
  color: #009FE3;
  background: #fff;
  border-radius: 100%;
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  margin-bottom: 45px;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  text-align: center; }

.progress-bar {
  background: #009FE3; }

.overview .icon-alert {
  margin-left: 10px; }

.progress-overview .pull-right {
  font-size: 20px; }

.family {
  background: #fff; }
  .family a {
    color: #009FE3; }
  .family .member {
    box-shadow: 0px 3px 8px -2px #a4a4a4;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
    margin-bottom: 20px; }
    .family .member:hover {
      background-color: #F7FDFF; }
    .family .member > a {
      display: block; }
      .family .member > a:hover {
        text-decoration: none; }
    .family .member h4 {
      font-weight: 700;
      color: #72767A; }
      .family .member h4 i {
        font-size: 13px;
        font-weight: normal;
        float: right;
        line-height: 27px; }
    .family .member .profile-picture {
      margin: 10px auto 20px;
      display: block; }
    .family .member .insurance-badge {
      margin: 0 auto 25px;
      display: block;
      width: 100px; }

form fieldset .text-input {
  margin-bottom: 10px; }
  form fieldset .text-input:last-child {
    margin-bottom: 0; }

form fieldset .input-container {
  padding: 0; }
  form fieldset .input-container > div {
    padding-left: 5px;
    padding-right: 5px; }
  form fieldset .input-container.layout-6-3-3:first-child {
    padding-left: 0; }
  form fieldset .input-container.layout-6-3-3:last-child {
    padding-right: 0; }

form fieldset.form-horizontal .text-input > .form-group {
  margin-left: 0;
  margin-right: 0; }

.component.component-belongings-collection {
  position: relative;
  background-color: #edf1f2;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px; }
  .component.component-belongings-collection .collection-title {
    padding: 15px 10px;
    padding-left: 40px;
    border-bottom: 1px solid #dfe3e4;
    border-top: 1px solid #dfe3e4;
    background-color: #FFF; }
    .component.component-belongings-collection .collection-title h3 {
      display: inline-block;
      position: relative;
      top: 2px;
      margin: 0;
      margin-left: 45px;
      font-size: 22px;
      font-weight: 600;
      color: #39474a; }
    .component.component-belongings-collection .collection-title i.icon {
      position: absolute;
      top: 10px;
      font-size: 25px;
      color: #05B1D0; }
      .component.component-belongings-collection .collection-title i.icon.transportation {
        font-size: 30px; }
      .component.component-belongings-collection .collection-title i.icon.electronics {
        font-size: 30px; }
    .component.component-belongings-collection .collection-title .posession-total {
      color: #7f8c8f; }
    .component.component-belongings-collection .collection-title .collection-warnings {
      display: inline-block;
      margin-left: 10px; }
      .component.component-belongings-collection .collection-title .collection-warnings .label.label-warning {
        position: absolute;
        top: 13px;
        margin: 0; }
      .component.component-belongings-collection .collection-title .collection-warnings .alert {
        padding: 7px 11px;
        border-radius: 5px 0 0 5px;
        background: #ea5c20; }
  .component.component-belongings-collection .collection-body {
    overflow-x: auto;
    background: #f0f4f5;
    border-bottom: 1px solid #dfe3e4;
    -webkit-overflow-scrolling: touch; }
    .component.component-belongings-collection .collection-body .collection-sidebar {
      position: absolute;
      right: 0;
      top: 57px;
      width: 180px;
      height: calc(100% - 68px);
      padding-top: 20px;
      text-align: center;
      z-index: 5;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, white 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0.8)', endColorstr='white',GradientType=1 );
      border-bottom: 1px solid #eeeeee;
      box-shadow: 0px 0 0px -4px rgba(0, 0, 0, 0.8), -17px 0 75px -49px rgba(0, 0, 0, 0.8); }
      .component.component-belongings-collection .collection-body .collection-sidebar .collection-value {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 20px; }
        .component.component-belongings-collection .collection-body .collection-sidebar .collection-value h4 {
          font-size: 13px;
          font-weight: 600;
          text-transform: uppercase;
          margin-bottom: 5px; }
        .component.component-belongings-collection .collection-body .collection-sidebar .collection-value p {
          font-size: 20px;
          color: #11bcd7; }
  .component.component-belongings-collection .collection {
    position: relative;
    padding: 20px;
    padding-left: 40px; }

.component.component-belonging-item {
  margin-right: 18px;
  border: 1px solid #dfe3e4;
  padding: 9px;
  width: 300px;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  height: 290px;
  position: relative;
  z-index: 2; }
  .component.component-belonging-item.alerts {
    animation: borderBlink 5s infinite;
    background: #f5f8f8; }
  .component.component-belonging-item.add {
    padding: 18px;
    background-color: #e4e9eb;
    animation: none; }
    .component.component-belonging-item.add .dotted-line {
      height: 261px;
      width: 261px;
      border: 5px dashed #c8d1d5; }
      .component.component-belonging-item.add .dotted-line:hover {
        border: 5px dashed #009FE3; }
        .component.component-belonging-item.add .dotted-line:hover .add-button {
          background-color: #009FE3; }
      .component.component-belonging-item.add .dotted-line .add-button {
        position: absolute;
        height: 80px;
        width: 80px;
        top: 107px;
        left: 107px;
        border-radius: 50%;
        background-color: #c8d1d5; }
        .component.component-belonging-item.add .dotted-line .add-button i {
          position: absolute;
          font-size: 36px;
          top: 20px;
          left: 22px;
          color: #dfe8eb; }
  .component.component-belonging-item h5 {
    font-size: 18px;
    margin-top: 15px;
    margin-left: 16px;
    color: #71797b;
    margin-bottom: 5px; }
    .component.component-belonging-item h5 strong {
      display: inline-block;
      width: 210px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .component.component-belonging-item h5 i {
      white-space: normal;
      display: inline-block;
      width: 17px;
      height: 17px;
      background: #aaa;
      color: #dce0e2;
      line-height: 18px;
      border-radius: 100%;
      text-align: center;
      font-size: 11px;
      transform: translateY(-5px);
      margin-left: 5px; }
  .component.component-belonging-item p {
    margin-left: 16px;
    color: #707d80; }
  .component.component-belonging-item .car-color {
    margin-right: 9px; }
  .component.component-belonging-item .belonging-details {
    position: absolute;
    right: 20px;
    bottom: 27px;
    color: #a3abb0;
    font-size: 16px; }
    .component.component-belonging-item .belonging-details:hover {
      text-decoration: none; }
  .component.component-belonging-item.suggestion {
    background: #10b2ca;
    padding: 20px;
    font-size: 14px;
    width: 620px;
    height: 292px; }
    .component.component-belonging-item.suggestion i {
      text-align: center;
      font-size: 80px;
      color: #fff;
      display: block;
      line-height: 80px; }
    .component.component-belonging-item.suggestion p {
      text-align: center;
      color: #fff;
      font-size: 20px;
      margin-bottom: 20px; }
    .component.component-belonging-item.suggestion .dotted-suggestion {
      border: 5px dashed #12a8c1;
      height: 255px;
      padding-top: 80px; }
      .component.component-belonging-item.suggestion .dotted-suggestion .btn {
        margin: 0px auto;
        background-color: #14abc4 !important;
        padding-left: 24px;
        margin-left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%); }
      .component.component-belonging-item.suggestion .dotted-suggestion span {
        position: relative;
        margin-right: 15px;
        top: 5px; }
  .component.component-belonging-item a:hover {
    text-decoration: none; }
  .component.component-belonging-item a .belonging-image {
    position: relative;
    text-align: center;
    width: 278px;
    height: 200px;
    margin: 0 auto;
    border: 1px solid #ced1d3;
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    background-color: #eee;
    background: #f0f3f5;
    background: linear-gradient(to bottom, #f0f3f5 0%, #dfe3e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f3f5', endColorstr='#dfe3e5',GradientType=0 ); }
    .component.component-belonging-item a .belonging-image .bottom {
      position: absolute;
      width: 100%;
      bottom: 5px;
      padding: 0px; }
    .component.component-belonging-item a .belonging-image .icon {
      font-family: "labela-ams";
      font-size: 150px;
      position: relative;
      color: #c6ccd0;
      line-height: 260px;
      text-shadow: 0px 0px 2px white; }
      .component.component-belonging-item a .belonging-image .icon.vacation_residence {
        font-size: 125px;
        color: #bac1c6;
        top: 20px; }
      .component.component-belonging-item a .belonging-image .icon.primary_residence {
        font-size: 70px;
        top: 58px;
        color: #c6ccd0; }
      .component.component-belonging-item a .belonging-image .icon.house {
        font-size: 66px;
        line-height: 170px; }
      .component.component-belonging-item a .belonging-image .icon.motorbike, .component.component-belonging-item a .belonging-image .icon.scooter, .component.component-belonging-item a .belonging-image .icon.moped, .component.component-belonging-item a .belonging-image .icon.hatchback {
        font-size: 120px;
        line-height: 200px; }
      .component.component-belonging-item a .belonging-image .icon.hatchback {
        font-size: 130px;
        line-height: 260px; }
      .component.component-belonging-item a .belonging-image .icon:hover {
        text-decoration: none; }
    .component.component-belonging-item a .belonging-image .residence-plate {
      transform: translateY(-6px); }
  .component.component-belonging-item .badge {
    padding-top: 2px; }
  .component.component-belonging-item .btn.btn-incntrl.btn-small {
    margin: 0 auto;
    padding: 10px 0;
    width: 140px;
    display: block;
    text-align: center; }
    .component.component-belonging-item .btn.btn-incntrl.btn-small i {
      font-size: 12px;
      padding-right: 5px; }

.bottom-bar {
  height: 60px;
  line-height: 60px;
  position: fixed;
  bottom: -60px;
  width: 100%;
  background: #fff;
  padding: 0 40px;
  border-top: 1px solid #dce4e6;
  box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.1);
  color: #71797b;
  font-weight: 600;
  font-size: 16px;
  z-index: 6;
  transition: bottom .3s ease; }
  .bottom-bar.show {
    bottom: 0; }
  .bottom-bar a.btn.btn-incntrl.btn-add {
    top: 5px;
    right: 180px;
    margin-top: 0; }
  .bottom-bar .label.label-warning {
    position: absolute;
    left: 165px;
    top: 20px; }
  .bottom-bar p.total-value {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #11bcd7;
    font-size: 20px;
    width: 180px;
    line-height: 60px;
    text-align: center; }
  .bottom-bar h4 {
    position: absolute;
    right: 180px;
    top: 0;
    display: block;
    margin: 0;
    line-height: 65px;
    font-size: 13px;
    color: #333333;
    font-weight: 600;
    text-transform: uppercase; }

.collections {
  margin-bottom: 60px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); }

.inboedel {
  position: relative;
  width: 300px;
  height: 290px;
  padding: 0;
  float: left;
  margin-right: 18px;
  z-index: 5;
  -webkit-transition: all 100ms linear; }
  .inboedel:before, .inboedel:after {
    -webkit-transition: all 100ms linear; }
  .inboedel:after {
    height: 290px;
    width: 300px;
    background: #f6f8f9;
    border: 1px solid #dfe3e4;
    padding: 9px;
    display: block;
    position: absolute;
    -webkit-transform: rotate(-1deg);
    left: -5px;
    top: 0;
    content: "";
    border-radius: 4px; }
  .inboedel:before {
    height: 290px;
    width: 300px;
    background: #f6f8f9;
    border: 1px solid #dfe3e4;
    padding: 9px;
    display: block;
    position: absolute;
    -webkit-transform: rotate(1deg);
    left: 5px;
    top: 0;
    content: "";
    border-radius: 4px; }
  .inboedel:hover {
    cursor: pointer;
    -webkit-transform: scale(1.02); }
    .inboedel:hover:after {
      -webkit-transform: rotate(-3deg);
      top: 5px; }
    .inboedel:hover:before {
      -webkit-transform: rotate(3deg);
      top: -5px; }
  .inboedel i.icon-inboedel {
    font-size: 85px;
    color: #c6ccd0;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 200px; }
  .inboedel .component.component-belonging-item h5 strong {
    width: auto; }

.car-color {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  background: #000;
  margin-right: 3px;
  transform: translateY(-2px); }
  .car-color.blauw {
    background: #3378c9; }
  .car-color.rood {
    background: #c41b2f; }
  .car-color.grijs {
    background: #697783; }
  .car-color.zwart {
    background: #333; }
  .car-color.wit {
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
  .car-color.groen {
    background: #27ae60; }
  .car-color.geel {
    background: #f1c40f; }
  .car-color.paars {
    background: #9b59b6; }
  .car-color.oranje {
    background: #e67e22; }

td .car-color {
  margin-top: 15px;
  margin-left: 10px; }

.modal .license-plate.big {
  font-size: 50px;
  display: block;
  margin: 50px auto;
  position: relative;
  padding: 5px 50px;
  border: 2px solid #333; }
  .modal .license-plate.big input {
    background: none;
    width: 100%;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    line-height: 60px; }
    .modal .license-plate.big input:focus {
      outline: none; }
    .modal .license-plate.big input::-webkit-input-placeholder {
      color: #cda61d; }
  .modal .license-plate.big.motorbike {
    width: 244px; }
    .modal .license-plate.big.motorbike span.country {
      display: block;
      background: #0056ff;
      width: 24%;
      position: absolute;
      left: 0;
      height: 77px;
      top: 0;
      font-size: 24px;
      font-weight: 600;
      color: #fff;
      text-align: center;
      padding-top: 40px; }
      .modal .license-plate.big.motorbike span.country:after {
        content: "";
        position: absolute;
        left: 28%;
        top: 12px;
        display: block;
        width: 25px;
        height: 25px;
        border-radius: 100%;
        border: 2px solid #fac700; }
  .modal .license-plate.big.car {
    padding: 5px 40px 5px 105px; }
    .modal .license-plate.big.car span.country {
      display: block;
      background: #0056ff;
      width: 20%;
      position: absolute;
      left: 0;
      height: 115px;
      top: 0;
      font-size: 28px;
      font-weight: 600;
      color: #fff;
      text-align: center;
      padding-top: 40px; }
      .modal .license-plate.big.car span.country:after {
        content: "";
        position: absolute;
        top: 12px;
        left: 50%;
        margin-left: -12px;
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        border: 2px solid #fac700; }
  .modal .license-plate.big.moped {
    background: #3878de;
    border: 2px solid #fff;
    color: #fff;
    width: 205px;
    padding-top: 5px 20px; }
  .modal .license-plate.big.scooter {
    width: 205px;
    padding-top: 5px 20px; }

.modal .modal-header {
  border-bottom: none; }
  .modal .modal-header .close-modal,
  .modal .modal-header .icon {
    color: #545354; }

.modal h4 {
  font-size: 28px;
  text-align: center;
  color: #545454;
  font-weight: 300; }

.modal p {
  text-align: center;
  font-weight: 600; }

.modal .modal-footer {
  border-top: none; }

.modal .modal-content a.btn {
  position: relative;
  margin-left: -83.5px;
  left: 50%; }

.modal .add-belonging-head {
  text-align: center; }
  .modal .add-belonging-head .icon.transport:before {
    font-family: "incntrl";
    font-style: normal;
    font-size: 80px; }
  .modal .add-belonging-head i {
    display: inline-block;
    color: #009FE3;
    font-size: 80px;
    line-height: 58px;
    margin-bottom: 50px; }
  .modal .add-belonging-head h4 {
    margin-bottom: 20px; }

.modal .isHome label:after {
  content: "*";
  color: #06b4d1; }

.modal .isHome label.sansRequired:after {
  content: "";
  color: #06b4d1; }

.modal .isFiets, .modal .isBoot, .modal .isSegway {
  margin-top: 20px !important; }

.modal .isHome, .modal .isContents, .modal .isElectronics, .modal .isFiets, .modal .isBoot, .modal .isSegway {
  margin: 0 auto;
  /*hide the outline behind the border*/ }
  .modal .isHome select, .modal .isContents select, .modal .isElectronics select, .modal .isFiets select, .modal .isBoot select, .modal .isSegway select {
    width: 100%;
    -webkit-appearance: none;
    height: 50px;
    line-height: 48px;
    font-size: 18px;
    padding-left: 15px;
    margin-bottom: 20px; }
    .modal .isHome select:focus, .modal .isContents select:focus, .modal .isElectronics select:focus, .modal .isFiets select:focus, .modal .isBoot select:focus, .modal .isSegway select:focus {
      outline: none;
      border: 2px solid #009FE3; }
  .modal .isHome .add-belonging-input, .modal .isContents .add-belonging-input, .modal .isElectronics .add-belonging-input, .modal .isFiets .add-belonging-input, .modal .isBoot .add-belonging-input, .modal .isSegway .add-belonging-input {
    width: 100%;
    display: block;
    padding: 11px 0px 11px 10px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 18px;
    border: 1px solid #ced0d4; }
  .modal .isHome output, .modal .isContents output, .modal .isElectronics output, .modal .isFiets output, .modal .isBoot output, .modal .isSegway output {
    font-size: 18px;
    display: inline; }
  .modal .isHome .slider, .modal .isContents .slider, .modal .isElectronics .slider, .modal .isFiets .slider, .modal .isBoot .slider, .modal .isSegway .slider {
    padding-top: 10px;
    margin-bottom: 40px; }
  .modal .isHome input[type=range], .modal .isContents input[type=range], .modal .isElectronics input[type=range], .modal .isFiets input[type=range], .modal .isBoot input[type=range], .modal .isSegway input[type=range] {
    -webkit-appearance: none; }
  .modal .isHome input[type=range]::-webkit-slider-runnable-track, .modal .isContents input[type=range]::-webkit-slider-runnable-track, .modal .isElectronics input[type=range]::-webkit-slider-runnable-track, .modal .isFiets input[type=range]::-webkit-slider-runnable-track, .modal .isBoot input[type=range]::-webkit-slider-runnable-track, .modal .isSegway input[type=range]::-webkit-slider-runnable-track {
    width: 256px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px; }
  .modal .isHome input[type=range]::-webkit-slider-thumb, .modal .isContents input[type=range]::-webkit-slider-thumb, .modal .isElectronics input[type=range]::-webkit-slider-thumb, .modal .isFiets input[type=range]::-webkit-slider-thumb, .modal .isBoot input[type=range]::-webkit-slider-thumb, .modal .isSegway input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #009FE3;
    margin-top: -8px; }
  .modal .isHome input[type=range]:focus, .modal .isContents input[type=range]:focus, .modal .isElectronics input[type=range]:focus, .modal .isFiets input[type=range]:focus, .modal .isBoot input[type=range]:focus, .modal .isSegway input[type=range]:focus {
    outline: none; }
  .modal .isHome input[type=range]:focus::-webkit-slider-runnable-track, .modal .isContents input[type=range]:focus::-webkit-slider-runnable-track, .modal .isElectronics input[type=range]:focus::-webkit-slider-runnable-track, .modal .isFiets input[type=range]:focus::-webkit-slider-runnable-track, .modal .isBoot input[type=range]:focus::-webkit-slider-runnable-track, .modal .isSegway input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc; }
  .modal .isHome input[type=range], .modal .isContents input[type=range], .modal .isElectronics input[type=range], .modal .isFiets input[type=range], .modal .isBoot input[type=range], .modal .isSegway input[type=range] {
    /* fix for FF unable to apply focus style bug  */
    border: 1px solid white;
    /*required for proper track sizing in FF*/
    width: 256px; }
  .modal .isHome input[type=range]::-moz-range-track, .modal .isContents input[type=range]::-moz-range-track, .modal .isElectronics input[type=range]::-moz-range-track, .modal .isFiets input[type=range]::-moz-range-track, .modal .isBoot input[type=range]::-moz-range-track, .modal .isSegway input[type=range]::-moz-range-track {
    width: 256px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px; }
  .modal .isHome input[type=range]::-moz-range-thumb, .modal .isContents input[type=range]::-moz-range-thumb, .modal .isElectronics input[type=range]::-moz-range-thumb, .modal .isFiets input[type=range]::-moz-range-thumb, .modal .isBoot input[type=range]::-moz-range-thumb, .modal .isSegway input[type=range]::-moz-range-thumb {
    border: none;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #009FE3; }
  .modal .isHome input[type=range]:-moz-focusrin, .modal .isContents input[type=range]:-moz-focusrin, .modal .isElectronics input[type=range]:-moz-focusrin, .modal .isFiets input[type=range]:-moz-focusrin, .modal .isBoot input[type=range]:-moz-focusrin, .modal .isSegway input[type=range]:-moz-focusrin {
    outline: 1px solid white;
    outline-offset: -1px; }
  .modal .isHome input[type=range]:focus::-moz-range-track, .modal .isContents input[type=range]:focus::-moz-range-track, .modal .isElectronics input[type=range]:focus::-moz-range-track, .modal .isFiets input[type=range]:focus::-moz-range-track, .modal .isBoot input[type=range]:focus::-moz-range-track, .modal .isSegway input[type=range]:focus::-moz-range-track {
    background: #ccc; }
  .modal .isHome input[type=range]::-ms-track, .modal .isContents input[type=range]::-ms-track, .modal .isElectronics input[type=range]::-ms-track, .modal .isFiets input[type=range]::-ms-track, .modal .isBoot input[type=range]::-ms-track, .modal .isSegway input[type=range]::-ms-track {
    width: 300px;
    height: 5px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;
    /*remove default tick marks*/
    color: transparent; }
  .modal .isHome input[type=range]::-ms-fill-lower, .modal .isContents input[type=range]::-ms-fill-lower, .modal .isElectronics input[type=range]::-ms-fill-lower, .modal .isFiets input[type=range]::-ms-fill-lower, .modal .isBoot input[type=range]::-ms-fill-lower, .modal .isSegway input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px; }
  .modal .isHome input[type=range]::-ms-fill-upper, .modal .isContents input[type=range]::-ms-fill-upper, .modal .isElectronics input[type=range]::-ms-fill-upper, .modal .isFiets input[type=range]::-ms-fill-upper, .modal .isBoot input[type=range]::-ms-fill-upper, .modal .isSegway input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px; }
  .modal .isHome input[type=range]::-ms-thumb, .modal .isContents input[type=range]::-ms-thumb, .modal .isElectronics input[type=range]::-ms-thumb, .modal .isFiets input[type=range]::-ms-thumb, .modal .isBoot input[type=range]::-ms-thumb, .modal .isSegway input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #009FE3; }
  .modal .isHome input[type=range]:focus::-ms-fill-lower, .modal .isContents input[type=range]:focus::-ms-fill-lower, .modal .isElectronics input[type=range]:focus::-ms-fill-lower, .modal .isFiets input[type=range]:focus::-ms-fill-lower, .modal .isBoot input[type=range]:focus::-ms-fill-lower, .modal .isSegway input[type=range]:focus::-ms-fill-lower {
    background: #888; }
  .modal .isHome input[type=range]:focus::-ms-fill-upper, .modal .isContents input[type=range]:focus::-ms-fill-upper, .modal .isElectronics input[type=range]:focus::-ms-fill-upper, .modal .isFiets input[type=range]:focus::-ms-fill-upper, .modal .isBoot input[type=range]:focus::-ms-fill-upper, .modal .isSegway input[type=range]:focus::-ms-fill-upper {
    background: #ccc; }

.modal .isHome .policy-container {
  margin-bottom: 50px; }

.modal .isContents .btn-incntrl {
  display: inline-block;
  margin: 0px auto; }

.belongingchoice {
  height: 140px;
  width: 340px;
  margin: 30px auto; }
  .belongingchoice.account {
    margin-top: 20px; }
  .belongingchoice .option {
    position: relative;
    background: #fff;
    height: 140px;
    width: 33%;
    float: left;
    border: 1px solid #d8dbdc;
    text-align: center;
    padding-top: 30px; }
    .belongingchoice .option .icon {
      font-size: 60px;
      color: #a9b2b4;
      line-height: 65px; }
    .belongingchoice .option .option-title {
      color: #313c44;
      margin-top: -8px;
      font-family: "Source Sans Pro", sans-serif;
      color: #545154;
      font-size: 16px;
      font-weight: 600; }
    .belongingchoice .option:hover {
      cursor: pointer; }
    .belongingchoice .option.one {
      border-radius: 5px 0px 0px 5px;
      width: 170px;
      border-right: none; }
    .belongingchoice .option.two {
      border-right: 1px solid #d8dbdc;
      border-left: none;
      border-radius: 0 5px 5px 0;
      width: 170px; }
      .belongingchoice .option.two .icon {
        font-size: 50px;
        line-height: 73px; }
    .belongingchoice .option.three {
      border-right: 1px solid #d8dbdc;
      border-radius: 0 5px 5px 0; }
    .belongingchoice .option.active {
      height: 150px;
      width: 170px;
      margin-top: -5px;
      border-radius: 5px;
      border: 2px solid #d8dbdc; }
      .belongingchoice .option.active .icon {
        color: #17aac7; }
      .belongingchoice .option.active .option-title {
        color: #17aac7;
        font-family: "Source Sans Pro", sans-serif; }

.main .confirmvehicle {
  margin-bottom: 30px; }
  .main .confirmvehicle p {
    font-weight: 600; }

#add-belonging .modal-body {
  padding: 0px 100px; }
  #add-belonging .modal-body .select-type {
    margin-bottom: 40px; }
  #add-belonging .modal-body .policy-container {
    text-align: center; }
  #add-belonging .modal-body .actions {
    padding: 50px 0 25px 0; }
  #add-belonging .modal-body .main-properties {
    width: 400px;
    padding: 35px 50px;
    margin: 0px auto;
    margin-bottom: 20px;
    text-align: center; }
    #add-belonging .modal-body .main-properties .icon {
      font-size: 60px;
      line-height: 60px; }
    #add-belonging .modal-body .main-properties .license-plate.car {
      margin-top: 20px; }
    #add-belonging .modal-body .main-properties .license-plate.motorbike {
      padding-left: 10px; }
      #add-belonging .modal-body .main-properties .license-plate.motorbike .country-label {
        margin-left: -10px; }
    #add-belonging .modal-body .main-properties .license-plate.scooter {
      width: 60px;
      padding: 7px 10px; }
    #add-belonging .modal-body .main-properties .license-plate.moped {
      padding-left: 15px; }
    #add-belonging .modal-body .main-properties .icon.house {
      font-size: 26px; }
  #add-belonging .modal-body .vehicle-model .car-color {
    margin-right: 10px;
    margin-left: 0px !important; }
  #add-belonging .modal-body .button-container a.btn {
    position: static;
    margin: 0; }
  #add-belonging .modal-body .button-container .btn.secundary {
    margin-right: 10px; }

#add-belonging .estimated-value {
  font-size: 20px; }

#add-belonging .row {
  margin-bottom: 30px; }

.custom-range-slider {
  /*hide the outline behind the border*/ }
  .custom-range-slider input[type=range] {
    -webkit-appearance: none; }
  .custom-range-slider input[type=range]::-webkit-slider-runnable-track {
    width: 256px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px; }
  .custom-range-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #009FE3;
    margin-top: -8px; }
  .custom-range-slider input[type=range]:focus {
    outline: none; }
  .custom-range-slider input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc; }
  .custom-range-slider input[type=range] {
    /* fix for FF unable to apply focus style bug  */
    border: 1px solid white;
    /*required for proper track sizing in FF*/
    width: 256px; }
  .custom-range-slider input[type=range]::-moz-range-track {
    width: 256px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px; }
  .custom-range-slider input[type=range]::-moz-range-thumb {
    border: none;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #009FE3; }
  .custom-range-slider input[type=range]:-moz-focusrin {
    outline: 1px solid white;
    outline-offset: -1px; }
  .custom-range-slider input[type=range]:focus::-moz-range-track {
    background: #ccc; }
  .custom-range-slider input[type=range]::-ms-track {
    width: 300px;
    height: 5px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;
    /*remove default tick marks*/
    color: transparent; }
  .custom-range-slider input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px; }
  .custom-range-slider input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px; }
  .custom-range-slider input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #009FE3; }
  .custom-range-slider input[type=range]:focus::-ms-fill-lower {
    background: #888; }
  .custom-range-slider input[type=range]:focus::-ms-fill-upper {
    background: #ccc; }

.edit-dialog .custom-range-slider {
  padding-top: 10px; }

#belongings-detail .background-color-detail {
  background-color: #edf1f2;
  padding: 30px 0 10px; }
  #belongings-detail .background-color-detail .container {
    padding-bottom: 30px; }
    #belongings-detail .background-color-detail .container .more-info {
      display: block;
      margin: 50px auto 0;
      width: 230px; }

#belongings-detail .background-color-more {
  padding-bottom: 140px;
  display: none;
  padding-top: 20px;
  background-color: #edf1f2; }
  #belongings-detail .background-color-more.active {
    display: block; }

#belongings-detail .main-properties {
  position: relative;
  min-height: 217px;
  background-color: #fff;
  padding: 40px 41px 36px;
  border-radius: 3px;
  border: 1px solid #dfe3e4;
  box-shadow: 0px 3px 8px -2px #c4c4c4; }
  #belongings-detail .main-properties .icon.house {
    font-size: 26px; }
  #belongings-detail .main-properties i {
    float: left;
    height: 20px;
    color: #c6ccd0;
    font-size: 40px;
    font-style: normal;
    margin-top: -12px;
    margin-right: 15px; }
    #belongings-detail .main-properties i.coupe, #belongings-detail .main-properties i.sedan {
      margin-top: -13px; }
  #belongings-detail .main-properties .belonging-type {
    font-size: 16px;
    color: #71797b;
    font-weight: 600;
    margin-bottom: 0px;
    text-transform: capitalize; }
  #belongings-detail .main-properties .belonging-model {
    font-size: 24px;
    color: #39474a;
    font-weight: 600;
    margin-top: 9px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    #belongings-detail .main-properties .belonging-model .car-color {
      margin-right: 7px;
      transform: translateY(0); }
  #belongings-detail .main-properties .belonging-color {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: blue;
    margin-top: 12px;
    margin-left: 20px;
    border-radius: 3px; }
  #belongings-detail .main-properties .belonging-value {
    float: left;
    color: #707d80;
    font-size: 20px;
    margin-top: 20px; }
    #belongings-detail .main-properties .belonging-value > .list-values {
      margin-bottom: 0; }
      #belongings-detail .main-properties .belonging-value > .list-values > li {
        font-size: 16px; }
  #belongings-detail .main-properties .insurance-badge {
    font-size: 14px;
    font-weight: 600;
    background-color: #74b430;
    border-radius: 18px;
    color: #ffffff;
    padding: 3px 12px 5px;
    margin-left: 15px;
    float: right; }
    #belongings-detail .main-properties .insurance-badge:hover {
      text-decoration: none;
      cursor: pointer; }
    #belongings-detail .main-properties .insurance-badge:before {
      position: relative;
      top: 2px;
      margin-right: 10px;
      font-size: 13px; }
    #belongings-detail .main-properties .insurance-badge .icon {
      position: relative;
      top: 3px;
      margin-right: 10px; }
    #belongings-detail .main-properties .insurance-badge.not-insured {
      background-color: #C5C5C5; }
  #belongings-detail .main-properties .license-plate.car.detailed {
    float: right;
    display: inline-block;
    margin-top: 15px; }
  #belongings-detail .main-properties .insurance-badge {
    margin-left: 15px; }
  #belongings-detail .main-properties .license-plate.motorbike.detailed {
    float: right;
    padding-left: 10px; }
    #belongings-detail .main-properties .license-plate.motorbike.detailed .country-label {
      margin-left: -10px; }
  #belongings-detail .main-properties .license-plate.moped.detailed {
    float: right;
    padding-left: 10px; }
  #belongings-detail .main-properties .license-plate.scooter.detailed {
    float: right;
    padding-left: 10px; }
  #belongings-detail .main-properties .residence-plate {
    position: absolute;
    bottom: 40px;
    right: 40px; }

#belongings-detail .emergencynumber {
  min-height: 200px;
  text-align: center;
  background-color: #F2FAFD;
  padding: 40px 45px 15px;
  border-radius: 3px;
  box-shadow: 0px 3px 8px -2px #c4c4c4; }
  #belongings-detail .emergencynumber .title-emergency {
    font-size: 16px;
    color: #39474a;
    margin-bottom: 6px; }
  #belongings-detail .emergencynumber .emergency-buttons {
    margin-top: 32px; }
    #belongings-detail .emergencynumber .emergency-buttons .btn.btn-incntrl {
      font-size: 13px;
      margin-bottom: 10px; }
  #belongings-detail .emergencynumber .btn {
    margin: 16px 0 29px 0; }

#belongings-detail .emergencynumber.tab-version {
  min-height: 163px; }
  #belongings-detail .emergencynumber.tab-version .emergency-buttons {
    margin-top: 20px; }

#belongings-detail .progression-bar {
  background-color: #ffffff;
  padding: 35px;
  padding-bottom: 45px;
  border-radius: 3px;
  box-shadow: 0px 3px 8px -2px #c4c4c4;
  margin-top: 20px;
  width: 100%;
  border: 1px solid #dfe3e4; }
  #belongings-detail .progression-bar > p {
    font-size: 18px;
    font-weight: 600 !important;
    color: #39474a;
    margin-top: -11px;
    margin-left: -14px;
    white-space: nowrap; }
  #belongings-detail .progression-bar .percentage-prog {
    position: absolute;
    font-size: 24px;
    color: #009FE3;
    margin-top: -14px; }

#belongings-detail .progress {
  width: 100%;
  height: 10px; }
  #belongings-detail .progress .progress-bar {
    background-color: #009FE3; }

#belongings-detail .more-button {
  position: relative;
  background-color: #edf1f2;
  text-align: center; }
  #belongings-detail .more-button a {
    position: relative;
    margin: 40px 0;
    font-size: 17px;
    font-weight: 600;
    z-index: 1; }
  #belongings-detail .more-button:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    left: 0;
    margin-top: 65px;
    z-index: 0; }

#belongings-detail .main .charts p {
  font-weight: 600;
  color: #39474a; }

#belongings-detail .main .charts .graph {
  width: 90%;
  background: #fafafa;
  height: 400px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 30px; }
  #belongings-detail .main .charts .graph img {
    width: 100%; }

#belongings-detail .charts {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 4px; }
  #belongings-detail .charts h2 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
    color: #009FE3; }
  #belongings-detail .charts .values {
    padding: 30px 0 0; }
    #belongings-detail .charts .values .value-highlight {
      text-align: center; }
      #belongings-detail .charts .values .value-highlight h3 {
        color: #009FE3;
        font-weight: 300; }
      #belongings-detail .charts .values .value-highlight p {
        margin-bottom: 5px; }
        #belongings-detail .charts .values .value-highlight p i {
          display: inline-block;
          width: 17px;
          height: 17px;
          background: #aaa;
          color: #dce0e2;
          line-height: 18px;
          border-radius: 100%;
          text-align: center;
          font-size: 11px; }
      #belongings-detail .charts .values .value-highlight:nth-of-type(2) {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.1); }
  #belongings-detail .charts .graphs {
    padding: 0 30px; }
    #belongings-detail .charts .graphs .graph {
      position: relative;
      height: auto;
      padding: 45px 30px 25px;
      background-color: #fafafa; }
      #belongings-detail .charts .graphs .graph .load-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.8);
        text-align: center; }
        #belongings-detail .charts .graphs .graph .load-overlay > img {
          margin-top: 140px; }
      #belongings-detail .charts .graphs .graph #bandwidth-chart {
        margin-left: 20px; }
      #belongings-detail .charts .graphs .graph .chart-conclusion {
        background-color: #edf1f3;
        text-align: center;
        width: 245px;
        padding: 20px 20px 30px 20px;
        height: 281px; }
        #belongings-detail .charts .graphs .graph .chart-conclusion .badge {
          display: inline-block;
          width: 55px;
          height: 55px;
          margin-bottom: 15px;
          background: url("../img/badges.png") no-repeat 0 0;
          background-size: 220px 55px; }
          #belongings-detail .charts .graphs .graph .chart-conclusion .badge.incntrl {
            background-position: -110px 0; }
          #belongings-detail .charts .graphs .graph .chart-conclusion .badge.warning {
            background-position: -165px 0; }
          #belongings-detail .charts .graphs .graph .chart-conclusion .badge.danger {
            background-position: -55px 0; }
          #belongings-detail .charts .graphs .graph .chart-conclusion .badge .icon-house-1 {
            display: inline-block;
            font-size: 20px;
            margin-top: 15px; }
          #belongings-detail .charts .graphs .graph .chart-conclusion .badge .icon.hatchback {
            font-size: 30px;
            display: inline-block;
            margin-top: 11px;
            margin-left: -8px; }
        #belongings-detail .charts .graphs .graph .chart-conclusion p {
          margin-bottom: 20px; }
      #belongings-detail .charts .graphs .graph.unknown #bandwidth-chart {
        opacity: 0.2;
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -ms-filter: grayscale(1); }
    #belongings-detail .charts .graphs .chart-legend {
      margin: 20px 0 20px 83px; }
      #belongings-detail .charts .graphs .chart-legend .badge {
        display: inline-block;
        width: 32px;
        height: 32px;
        background: url("../img/badges_small.png") no-repeat 0 0;
        background-size: 128px 32px;
        vertical-align: middle;
        margin-right: 5px; }
        #belongings-detail .charts .graphs .chart-legend .badge.incntrl {
          background-position: 0 0; }
        #belongings-detail .charts .graphs .chart-legend .badge.warning {
          background-position: -32px 0; }
        #belongings-detail .charts .graphs .chart-legend .badge.danger {
          background-position: -64px 0; }
        #belongings-detail .charts .graphs .chart-legend .badge.unknown {
          background-position: -96px 0; }
        #belongings-detail .charts .graphs .chart-legend .badge .icon {
          display: inline-block;
          text-align: center; }
          #belongings-detail .charts .graphs .chart-legend .badge .icon.icon-house-1 {
            font-size: 15px;
            margin-top: 4px;
            margin-left: 2px; }
          #belongings-detail .charts .graphs .chart-legend .badge .icon.hatchback {
            font-size: 15px;
            margin-top: 7px; }
      #belongings-detail .charts .graphs .chart-legend li {
        margin-right: 5px;
        vertical-align: middle; }
      #belongings-detail .charts .graphs .chart-legend .label-legend {
        display: inline-block;
        width: 20px;
        height: 10px;
        border-radius: 0;
        margin-right: 5px; }
        #belongings-detail .charts .graphs .chart-legend .label-legend.incntrl {
          background-color: #009FE3; }
        #belongings-detail .charts .graphs .chart-legend .label-legend.warning {
          background-color: #f6d468; }
        #belongings-detail .charts .graphs .chart-legend .label-legend.danger {
          background-color: #f6b968; }
  #belongings-detail .charts .linegraph {
    height: 210px;
    background-color: #FBFCAB; }
  #belongings-detail .charts .spidergraph {
    height: 210px;
    background-color: #FBFCAB; }

#belongings-detail .insurance-details {
  padding: 0 30px; }
  #belongings-detail .insurance-details h2 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
    color: #009FE3; }
    #belongings-detail .insurance-details h2 .button {
      font-size: 16px; }
  #belongings-detail .insurance-details .btn.btn-incntrl.square {
    margin-right: 0; }
  #belongings-detail .insurance-details .btn {
    float: right;
    margin-top: -15px; }

#belongings-detail .row.first {
  margin-bottom: 20px; }

#belongings-detail .row.margin {
  margin-top: 20px; }

#belongings-detail .insurance-value {
  padding: 0 30px;
  margin-bottom: 30px; }
  #belongings-detail .insurance-value h2 {
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 600;
    color: #009FE3; }

#belongings-detail .css-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 18px;
  padding-right: 20px;
  padding-left: 14px;
  height: 38px;
  border: 1px solid #e5e5e5; }

#belongings-detail .moz-css-select {
  padding-right: 20px; }
  #belongings-detail .moz-css-select:after {
    content: "k";
    font-family: "incntrl";
    font-size: 12px;
    margin-left: -26px;
    color: #b3b7b7; }

#belongings-detail .select-year {
  font-size: 16px; }
  #belongings-detail .select-year .moz-css-select {
    margin-left: 10px; }

#belongings-detail .tabs {
  min-height: 200px; }
  #belongings-detail .tabs .tab-content {
    min-height: 159px;
    background-color: #F2FAFD; }
  #belongings-detail .tabs .emergencynumber {
    box-shadow: none; }
  #belongings-detail .tabs .box-shadow {
    box-shadow: 0px 3px 8px -2px #c4c4c4;
    border: 1px solid #dfe3e4;
    border-radius: 3px;
    overflow: hidden; }

#belongings-detail .nav.nav-tabs {
  background-color: #e4f1f5;
  border: none; }
  #belongings-detail .nav.nav-tabs li {
    width: 33.3%; }
    #belongings-detail .nav.nav-tabs li.active a {
      background-color: #F2FAFD;
      color: #393e44;
      border: none; }
    #belongings-detail .nav.nav-tabs li a {
      text-align: center;
      margin-right: 0;
      color: #393e44;
      border: none;
      border-left: 1px solid #F2FAFD;
      border-radius: 0; }

#belongings-detail .bottom-spacing {
  margin-bottom: 16px; }

#belongings-detail .listcontainer .container:before, #belongings-detail .listcontainer .container:after {
  content: none; }

.documents {
  background-color: #fafcfc;
  padding: 32px;
  border-radius: 3px;
  border: 1px solid #dfe3e4;
  box-shadow: 0px 3px 8px -2px #c4c4c4; }
  .documents .thumb-container {
    margin-top: 15px; }
    .documents .thumb-container .document {
      padding: 0 5px; }
      .documents .thumb-container .document.document-empty .document-thumb {
        height: 240px; }
      .documents .thumb-container .document.document-empty .document-picture {
        position: relative;
        height: 160px;
        background-color: #eee;
        border-bottom: 1px solid #fff; }
        .documents .thumb-container .document.document-empty .document-picture:after {
          content: "D";
          position: absolute;
          display: inline-block;
          font-family: "incntrl";
          font-size: 18px;
          color: #fff;
          width: 50px;
          height: 50px;
          top: 50%;
          margin-top: -25px;
          margin-left: -25px;
          padding-top: 11px;
          background-color: #e1e1e1;
          border-radius: 50%;
          border-bottom: 1px solid #fff;
          border-top: 1px solid #ccc; }
    .documents .thumb-container .document-thumb.hasfile .document-picture:after {
      display: none; }
  .documents .col-md-3.col-sm-6 {
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 20px; }
  .documents h2 {
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 15px;
    font-size: 22px;
    font-weight: 600;
    color: #39474a; }
  .documents.row-body {
    padding: 35px 25px; }

table.specification {
  width: 100%;
  margin: 0px auto;
  border-collapse: separate;
  border-spacing: 0; }
  table.specification td,
  table.specification th {
    width: 33%;
    padding: 17px 22px; }
    table.specification td:first-child,
    table.specification th:first-child {
      font-weight: 600; }
    table.specification td.td-25,
    table.specification th.td-25 {
      width: 25%; }
    table.specification td.td-16,
    table.specification th.td-16 {
      width: 16%; }
  table.specification th {
    font-weight: 600; }
  table.specification tbody tr:nth-child(odd) td {
    background-color: #edf1f3; }
    table.specification tbody tr:nth-child(odd) td.marked {
      background-color: #e6ebed; }
  table.specification tbody tr:nth-child(even) td {
    background-color: #fafcfc; }
    table.specification tbody tr:nth-child(even) td.marked {
      background-color: #f2f7f7; }
  table.specification tbody tr:first-child td {
    border-top: 1px solid #dce0e2; }
    table.specification tbody tr:first-child td:first-child {
      border-top-left-radius: 4px; }
    table.specification tbody tr:first-child td:last-child {
      border-top-right-radius: 4px; }
  table.specification tbody tr:last-child td:first-child {
    border-bottom-left-radius: 4px; }
  table.specification tbody tr:last-child td:last-child {
    border-bottom-right-radius: 4px; }
  table.specification tbody tr td {
    border-bottom: 1px solid #dce0e2;
    position: relative; }
    table.specification tbody tr td i {
      display: block;
      width: 17px;
      height: 17px;
      background: #aaa;
      color: #dce0e2;
      line-height: 18px;
      border-radius: 100%;
      text-align: center;
      font-size: 11px;
      position: absolute;
      right: 22px;
      top: 19px; }
    table.specification tbody tr td:first-child {
      border-left: 1px solid #dce0e2; }
    table.specification tbody tr td:last-child {
      border-right: 1px solid #dce0e2; }
  table.specification tbody.sort-horizontal tr:nth-child(odd) td:nth-child(even) {
    background-color: #e6ebed; }
  table.specification tbody.sort-horizontal tr:nth-child(even) td:nth-child(even) {
    background-color: #f2f7f7; }
  table.specification.specification-quarters .selected-quarter-head, table.specification.specification-quarters[data-quarter-selected="1"] thead *[data-quarter="1"], table.specification.specification-quarters[data-quarter-selected="2"] thead *[data-quarter="2"], table.specification.specification-quarters[data-quarter-selected="3"] thead *[data-quarter="3"], table.specification.specification-quarters[data-quarter-selected="4"] thead *[data-quarter="4"] {
    color: #009FE3; }
  table.specification.specification-quarters .selected-quarter-body, table.specification.specification-quarters[data-quarter-selected="1"] tbody *[data-quarter="1"], table.specification.specification-quarters[data-quarter-selected="2"] tbody *[data-quarter="2"], table.specification.specification-quarters[data-quarter-selected="3"] tbody *[data-quarter="3"], table.specification.specification-quarters[data-quarter-selected="4"] tbody *[data-quarter="4"] {
    background-color: #009FE3 !important;
    color: #fff;
    font-weight: 600;
    border-color: #0ea9c2; }

.action-modal__description {
  margin: 20px 0 50px; }
  .action-modal__description p {
    font-weight: normal;
    font-size: 18px; }

.modal {
  overflow: auto; }
  .modal .modal-close {
    font-size: 40px;
    color: #ccc;
    line-height: 40px; }
    .modal .modal-close:hover {
      text-decoration: none;
      color: #aaa; }
  .modal-header {
    min-height: 70px; }
  .modal .modal-wide {
    width: 960px; }
    .modal .modal-wide__header {
      text-align: center;
      padding: 40px 0 50px 0; }
    .modal .modal-wide__body {
      background-color: #f0f4f5;
      text-align: center;
      padding: 50px; }
      .modal .modal-wide__body p {
        font-weight: 400; }
        .modal .modal-wide__body p.text-left {
          text-align: left; }
      .modal .modal-wide__body--large {
        text-align: left;
        padding: 90px 280px; }
    .modal .modal-wide__footer {
      height: 65px; }
    .modal .modal-wide__footer-buttons {
      position: relative;
      top: -27px; }
      .modal .modal-wide__footer-buttons.alignment-verification .col-xs-6:first-child .btn {
        margin-left: 60px; }
      .modal .modal-wide__footer-buttons.alignment-verification .col-xs-6:last-child .btn {
        margin-right: 150px; }
    .modal .modal-wide__title {
      color: #009FE3;
      font-weight: 500; }
    .modal .modal-wide__copy {
      font-weight: 400; }
  .modal .modal-offer {
    width: 788px; }
    .modal .modal-offer a.btn {
      position: static !important;
      display: inline-block;
      left: auto;
      margin: 0; }
      .modal .modal-offer a.btn.btn-sm {
        padding: 10px 40px; }
    .modal .modal-offer .modal-content {
      padding: 0 0 40px 0; }
    .modal .modal-offer .modal-header {
      border-bottom: 1px solid #f5f5f5; }
    .modal .modal-offer .modal-body .buttons .btn:not(:last-child) {
      margin-right: 15px; }
    .modal .modal-offer .prev {
      padding: 10px 0; }
      .modal .modal-offer .prev > a .icon {
        color: #CCC;
        font-size: 20px;
        vertical-align: middle;
        margin-right: 10px; }
      .modal .modal-offer .prev > a:hover, .modal .modal-offer .prev > a:focus, .modal .modal-offer .prev > a:active {
        text-decoration: none; }
    .modal .modal-offer h2, .modal .modal-offer p {
      font-weight: 300; }
    .modal .modal-offer h2 {
      text-align: center;
      font: 28px "Source Sans Pro"; }
  .modal .context-modal-form {
    width: 440px;
    margin: 0px auto;
    text-align: left;
    padding: 40px 0; }
    .modal .context-modal-form .form-group {
      margin-bottom: 30px; }
      .modal .context-modal-form .form-group label {
        display: block; }
  .modal .modal-footer .alert {
    margin: 20px 0 5px 0; }
  .modal.modal-simple .modal-dialog {
    width: 640px; }
  .modal.modal-simple .modal-header,
  .modal.modal-simple .modal-body,
  .modal.modal-simple .modal-footer {
    padding-left: 50px;
    padding-right: 50px; }
  .modal.modal-simple .icon-dismiss {
    font-size: 16px;
    color: #18b5cf;
    margin-right: 0; }
  .modal.modal-simple .modal-header {
    border-bottom: 1px solid #e3e7e8; }
    .modal.modal-simple .modal-header h4 {
      font-weight: 400;
      text-align: left; }
    .modal.modal-simple .modal-header .icon-dismiss {
      margin-top: 10px;
      margin-right: 10px; }
  .modal.modal-simple .modal-body {
    background-color: #fafafa;
    border-bottom: 1px solid #e3e7e8; }
    .modal.modal-simple .modal-body__text {
      color: #707d80;
      font-size: 18px;
      font-weight: 400;
      text-align: left; }
    .modal.modal-simple .modal-body .seperator {
      display: block;
      width: 60px;
      height: 1px;
      background-color: #ccc;
      margin-bottom: 30px; }
  .modal.modal-simple .modal-footer {
    text-align: center; }
  .modal.modal-simple .modal-loader {
    text-align: center; }
    .modal.modal-simple .modal-loader > img {
      display: inline-block; }

.tender-completed,
.modal.tender-completed {
  text-align: center; }
  .tender-completed > div > .icon,
  .modal.tender-completed > div > .icon {
    font-size: 50px;
    color: #009FE3; }

.tender-overview,
.modal .tender-overview {
  padding: 0; }
  .tender-overview__label, .tender-overview__value,
  .modal .tender-overview__label,
  .modal .tender-overview__value {
    font-size: 18px;
    text-align: left; }
  .tender-overview__label,
  .modal .tender-overview__label {
    color: #009FE3;
    font-weight: 400;
    margin-bottom: 0; }
  .tender-overview__value,
  .modal .tender-overview__value {
    color: #707d80;
    font-weight: 400; }
  .tender-overview__col,
  .modal .tender-overview__col {
    margin-bottom: 15px;
    padding: 0; }

.modal .context-modal-form--small {
  padding: 0; }
  .modal .context-modal-form--small h3 {
    margin-top: 0; }

.selecter {
  width: auto;
  text-align: center;
  padding: 30px 0;
  font-size: 0; }
  .selecter .option {
    display: inline-block;
    border: 1px solid #d8dbdc;
    width: 150px;
    padding: 40px 0; }
    .selecter .option.contact-select {
      padding: 25px 0; }
    .selecter .option:first-of-type {
      border-radius: 5px 0 0 5px; }
    .selecter .option:last-of-type {
      border-radius: 0 5px 5px 0; }
    .selecter .option .icon {
      font-size: 60px;
      color: #a9b2b4;
      line-height: 65px; }
    .selecter .option p {
      font-size: 16px;
      padding: 0 20px;
      margin-bottom: 0;
      font-weight: 500;
      color: #393E44; }
    .selecter .option:not(:last-child) {
      border-right: 0; }
    .selecter .option:active, .selecter .option:hover, .selecter .option:focus,
    .selecter .option:hover > *,
    .selecter .option:active > *,
    .selecter .option:focus > * {
      text-decoration: none; }
    .selecter .option.active {
      background-color: #FAFAFA; }
      .selecter .option.active p, .selecter .option.active .icon {
        color: #009FE3; }

.modal .close-file {
  position: absolute;
  right: 20px;
  top: 25px;
  cursor: pointer; }
  .modal .close-file:hover {
    text-decoration: none; }

.modal .modal-dialog#addfile {
  width: 800px;
  /* resetting btn state because someone made a global absolute center fix. thank you. */ }
  .modal .modal-dialog#addfile .btn {
    position: static;
    display: inline-block;
    left: auto;
    margin: 0; }
  .modal .modal-dialog#addfile .modal-header .modal-close {
    display: inline-block;
    margin-top: 15px; }
    .modal .modal-dialog#addfile .modal-header .modal-close > i {
      margin-right: 10px;
      font-size: 16px; }
  .modal .modal-dialog#addfile .modal-header h4 {
    text-align: left; }
    .modal .modal-dialog#addfile .modal-header h4 i {
      font-size: 24px;
      margin-right: 10px;
      vertical-align: middle;
      color: #009FE3; }
      .modal .modal-dialog#addfile .modal-header h4 i.icon-arrow-left {
        font-size: 20px; }
  .modal .modal-dialog#addfile .modal-header .alert {
    margin: 10px 0 0 0; }
  .modal .modal-dialog#addfile .modal-filters .css-select {
    margin-top: 0;
    height: 36px; }
  .modal .modal-dialog#addfile .modal-footer {
    padding: 15px 30px;
    border-top: 1px solid #eee;
    background-color: #f5f5f5;
    text-align: center; }
    .modal .modal-dialog#addfile .modal-footer a.btn {
      left: auto;
      margin-left: 0;
      position: static; }
    .modal .modal-dialog#addfile .modal-footer .dropdown {
      display: inline-block; }
      .modal .modal-dialog#addfile .modal-footer .dropdown > .btn {
        border-radius: 4px; }
        .modal .modal-dialog#addfile .modal-footer .dropdown > .btn i {
          font-size: 12px;
          vertical-align: middle;
          margin-left: 10px; }
      .modal .modal-dialog#addfile .modal-footer .dropdown .dropdown-menu {
        bottom: 54px;
        top: auto;
        padding: 0;
        font-size: 16px; }
        .modal .modal-dialog#addfile .modal-footer .dropdown .dropdown-menu a {
          padding: 13px 20px; }
        .modal .modal-dialog#addfile .modal-footer .dropdown .dropdown-menu a:hover {
          font-weight: 600;
          background-color: #009FE3;
          color: #fff; }
  .modal .modal-dialog#addfile .modal-body.modal-prompt {
    padding: 50px 0; }
    .modal .modal-dialog#addfile .modal-body.modal-prompt .message {
      margin-bottom: 20px;
      padding-bottom: 30px; }
      .modal .modal-dialog#addfile .modal-body.modal-prompt .message p {
        margin-bottom: 30px;
        font-size: 22px; }
      .modal .modal-dialog#addfile .modal-body.modal-prompt .message .glyphicon {
        font-size: 30px;
        margin-top: 20px; }
  .modal .modal-dialog#addfile .modal-body.modal-body-wide {
    padding: 15px 170px; }
  .modal .modal-dialog#addfile .modal-body.file-body .file, .modal .modal-dialog#addfile .modal-body.file-body .file-details {
    float: left;
    width: 50%;
    padding: 0 10px 0 20px; }
  .modal .modal-dialog#addfile .modal-body.file-body .file-dropzone {
    position: relative;
    display: block;
    height: 470px;
    border: 1px solid #ccc;
    background-color: #f5f5f5; }
    .modal .modal-dialog#addfile .modal-body.file-body .file-dropzone .dz-filename > span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      white-space: nowrap; }
    .modal .modal-dialog#addfile .modal-body.file-body .file-dropzone .snap-vertical {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
    .modal .modal-dialog#addfile .modal-body.file-body .file-dropzone .zone {
      width: 70%;
      height: 80%;
      margin: 12% auto 0px auto;
      background-color: #fff;
      border: 2px solid #ccc;
      text-align: center; }
      .modal .modal-dialog#addfile .modal-body.file-body .file-dropzone .zone .btn {
        padding: 8px 21px 8px 21px; }
      .modal .modal-dialog#addfile .modal-body.file-body .file-dropzone .zone h6 {
        font-size: 18px;
        margin-bottom: 20px; }
      .modal .modal-dialog#addfile .modal-body.file-body .file-dropzone .zone p {
        font-size: 14px; }
  .modal .modal-dialog#addfile .modal-body.file-body .file {
    text-align: center; }
    .modal .modal-dialog#addfile .modal-body.file-body .file.file-preview {
      border: 1px solid #eee;
      background-color: #f5f5f5;
      padding: 30px; }
      .modal .modal-dialog#addfile .modal-body.file-body .file.file-preview .img-preview {
        position: relative;
        display: block;
        text-decoration: none; }
        .modal .modal-dialog#addfile .modal-body.file-body .file.file-preview .img-preview > .glyphicon-search {
          position: absolute;
          opacity: 0;
          color: #fff;
          top: 50%;
          left: 50%;
          margin-top: -16px;
          margin-left: -16px;
          font-size: 32px;
          z-index: 2; }
        .modal .modal-dialog#addfile .modal-body.file-body .file.file-preview .img-preview > img {
          width: 100%; }
        .modal .modal-dialog#addfile .modal-body.file-body .file.file-preview .img-preview:hover {
          text-decoration: none; }
          .modal .modal-dialog#addfile .modal-body.file-body .file.file-preview .img-preview:hover > .glyphicon-search {
            opacity: 1; }
          .modal .modal-dialog#addfile .modal-body.file-body .file.file-preview .img-preview:hover:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0, 159, 227, 0.2); }
        .modal .modal-dialog#addfile .modal-body.file-body .file.file-preview .img-preview:active:after {
          background: rgba(0, 159, 227, 0.4); }
    .modal .modal-dialog#addfile .modal-body.file-body .file .image-placeholder {
      height: 398px;
      padding-top: 130px;
      background-color: rgba(0, 0, 0, 0.05);
      border: 1px solid rgba(0, 0, 0, 0.1); }
      .modal .modal-dialog#addfile .modal-body.file-body .file .image-placeholder .icon-document {
        font-size: 100px;
        color: #ccc;
        text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2); }
    .modal .modal-dialog#addfile .modal-body.file-body .file .btn {
      position: static;
      margin: 0; }
  .modal .modal-dialog#addfile .modal-body.file-body h5 {
    font-size: 20px;
    font-weight: 400; }
  .modal .modal-dialog#addfile .modal-body.file-body .file-title {
    text-align: left;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 0; }
    .modal .modal-dialog#addfile .modal-body.file-body .file-title i {
      font-size: 18px;
      vertical-align: middle;
      margin-left: 10px; }
      .modal .modal-dialog#addfile .modal-body.file-body .file-title i.icon-edit {
        font-size: 17px; }
      .modal .modal-dialog#addfile .modal-body.file-body .file-title i.dismiss {
        font-size: 40px;
        line-height: 23px;
        vertical-align: top; }
  .modal .modal-dialog#addfile .modal-body.file-body .small-caps {
    font-variant: small-caps;
    text-transform: lowercase; }
  .modal .modal-dialog#addfile .modal-body.file-body .links-list > li {
    margin-bottom: 20px; }
    .modal .modal-dialog#addfile .modal-body.file-body .links-list > li > ul {
      padding: 0;
      margin-left: 20px;
      list-style: none;
      display: inline-block;
      vertical-align: top; }
    .modal .modal-dialog#addfile .modal-body.file-body .links-list > li:last-child {
      margin-bottom: 0; }
  .modal .modal-dialog#addfile .modal-body .file-fields {
    text-align: left; }
    .modal .modal-dialog#addfile .modal-body .file-fields > li {
      display: block;
      padding: 5px 0; }
  .modal .modal-dialog#addfile .modal-body .alert-filetype-fields ul {
    padding: 10px 0 0 0; }
  .modal .modal-dialog#addfile .modal-body .document-thumb {
    height: auto;
    text-align: left; }
    .modal .modal-dialog#addfile .modal-body .document-thumb .doc-title,
    .modal .modal-dialog#addfile .modal-body .document-thumb .doc-type {
      text-align: left; }
    .modal .modal-dialog#addfile .modal-body .document-thumb .doc-title {
      font-weight: 400;
      margin: 5px 0 0 0; }
    .modal .modal-dialog#addfile .modal-body .document-thumb .doc-type {
      margin: 0 0 5px 0; }
  .modal .modal-dialog#addfile .modal-body .empty-results > p {
    margin-top: 20px; }

.btn-group {
  margin: 0px auto; }
  .btn-group.btn-group-choices {
    width: 100%;
    margin-bottom: 20px; }
    .btn-group.btn-group-choices > .btn {
      display: table-cell !important; }

[role='belonging-quickview'] {
  font-size: 20px;
  padding: 20px; }
  [role='belonging-quickview'] .belonging-name {
    display: inline-block;
    margin: 0 20px;
    font-weight: 600;
    font-size: 18px;
    vertical-align: middle; }
    [role='belonging-quickview'] .belonging-name span {
      display: block;
      font-size: 14px;
      font-weight: 400; }
  [role='belonging-quickview'] .icon {
    color: #C7BFBF; }
    [role='belonging-quickview'] .icon:before {
      vertical-align: middle; }
  [role='belonging-quickview'] .icon-house-3 {
    font-size: 44px; }

.edit-form .price-label {
  padding-top: 6px; }

.files-list__file,
.modal .files-list__file {
  position: relative;
  float: left;
  width: 200px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background-color: #fff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  min-height: 203px;
  margin-right: 20px; }
  .files-list__file.selected,
  .modal .files-list__file.selected {
    box-shadow: 0px 0px 5px #009FE3; }
  .files-list__file--title, .files-list__file--meta,
  .modal .files-list__file--title,
  .modal .files-list__file--meta {
    font-weight: 400;
    text-align: left;
    margin: 0; }
  .files-list__file--title,
  .modal .files-list__file--title {
    font-size: 18px; }
  .files-list__file--meta,
  .modal .files-list__file--meta {
    font-size: 14px; }
  .files-list__file--image,
  .modal .files-list__file--image {
    position: relative;
    margin-bottom: 15px; }
    .files-list__file--image img,
    .modal .files-list__file--image img {
      width: 100%; }
    .files-list__file--image .overlay-upload,
    .modal .files-list__file--image .overlay-upload {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.7); }
      .files-list__file--image .overlay-upload span,
      .modal .files-list__file--image .overlay-upload span {
        position: relative;
        display: block;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background-color: #ccc;
        color: #fff;
        padding: 12px;
        font-size: 20px;
        margin: 0px auto;
        top: 50%;
        margin-top: -22px; }

.action-bar:after {
  content: "";
  display: block;
  height: 15px;
  border-bottom: 1px solid #e5e5e5; }

.action-bar.app-grid {
  padding: 15px 15px 0;
  margin-bottom: 20px; }

.action-bar .dropdown.open a.btn {
  background-color: #313c44;
  background-image: linear-gradient(top, #46525a, #313c44);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#46525a', EndColorStr='#313c44'); }

.action-bar a.btn {
  border-radius: 3px;
  padding: 12px 25px 14px 40px; }
  .action-bar a.btn.btn-grey {
    pointer-events: none; }
  .action-bar a.btn .icon-arrow-right {
    font-size: 12px;
    margin-left: 20px; }

.action-bar .modal-filters {
  margin-top: 8px; }
  .action-bar .modal-filters select {
    width: 200px; }
  .action-bar .modal-filters .css-select {
    margin-top: 0; }
  .action-bar .modal-filters .ember-text-field {
    height: 38px;
    line-height: 38px;
    width: 200px; }

.action-bar .dropdown-menu {
  padding: 0; }
  .action-bar .dropdown-menu li a {
    padding: 15px 20px;
    font-size: 16px; }
    .action-bar .dropdown-menu li a:hover {
      background: #009FE3;
      color: #fff; }

#document-collection .library-view-thumbnail {
  display: block;
  float: left;
  width: calc(20% - 8px);
  margin-right: 10px; }
  #document-collection .library-view-thumbnail:nth-of-type(5n) {
    margin-right: 0; }

#document-collection .document .document-thumb {
  position: relative; }
  #document-collection .document .document-thumb.checked {
    background: #009FE3; }
    #document-collection .document .document-thumb.checked a {
      color: #fff; }
    #document-collection .document .document-thumb.checked .select-thumb {
      opacity: 1; }
      #document-collection .document .document-thumb.checked .select-thumb span.checkbox i {
        opacity: 1; }
  #document-collection .document .document-thumb .select-thumb {
    position: absolute;
    height: 40px;
    width: 40px;
    background: #009FE3;
    top: 0;
    right: 0;
    border-radius: 0 4px 0 4px;
    opacity: 0; }
    #document-collection .document .document-thumb .select-thumb span.checkbox {
      width: 15px;
      height: 15px;
      line-height: 15px;
      display: block;
      margin: 11px auto;
      background: #fff;
      border-radius: 2px;
      position: relative;
      min-height: 15px; }
      #document-collection .document .document-thumb .select-thumb span.checkbox i {
        position: absolute;
        left: 3px;
        top: 3px;
        bottom: 3px;
        right: 3px;
        color: #009FE3;
        margin: 0;
        font-size: 0px;
        opacity: 0;
        border-radius: 2px;
        background: #009FE3; }
  #document-collection .document .document-thumb:hover {
    text-decoration: none;
    background-color: #f39320;
    color: #fff; }
    #document-collection .document .document-thumb:hover .select-thumb {
      opacity: 1; }
    #document-collection .document .document-thumb:hover .document-picture.no-picture > i {
      color: #fff; }
    #document-collection .document .document-thumb:hover .doc-type {
      color: #fff; }

#addfile .document .document-picture {
  height: auto; }
  #addfile .document .document-picture.no-picture {
    padding-top: 28px;
    min-height: 0;
    height: 101px; }

.main p.test-message {
  text-align: center;
  padding: 100px 0;
  font-size: 22px; }

.row-body {
  background-color: #fff;
  padding: 35px;
  border-radius: 3px;
  box-shadow: 0px 3px 8px -2px #c4c4c4;
  margin-bottom: 20px; }
  .row-body .spacing-top.big {
    margin-top: 65px; }
  .row-body.row-body-naked {
    padding: 0; }
  .row-body .row-body-head {
    padding: 35px; }
  .row-body .row-content.overflow-scroll {
    display: block;
    overflow: auto;
    max-height: 270px; }
  .row-body > h2,
  .row-body .row-title {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600; }
    .row-body > h2 .label,
    .row-body .row-title .label {
      margin-left: 20px; }
    .row-body > h2 a,
    .row-body .row-title a {
      text-decoration: none;
      color: #009FE3; }
    .row-body > h2.block-title .btn-small,
    .row-body .row-title.block-title .btn-small {
      margin-top: -3px; }
    .row-body > h2.inline,
    .row-body .row-title.inline {
      display: inline-block; }
    .row-body > h2 ~ .vertical-center,
    .row-body .row-title ~ .vertical-center {
      top: 16px !important; }
  .row-body.closed > h2 {
    margin-bottom: 0; }
  .row-body.account-details .pull-right {
    text-align: center; }
    .row-body.account-details .pull-right .img-circle {
      display: inline-block;
      margin: 10px auto 20px auto; }
  .row-body.account-details .pull-left {
    max-width: 80%; }
  .row-body.account-details h4, .row-body.account-details h2 {
    margin: 10px 0; }
  .row-body.account-details h4 {
    color: #393e44; }
  .row-body.account-details h2 {
    color: #009FE3; }
  .row-body.account-details, .row-body.contact-details {
    min-height: 221px; }
  .row-body h4.body-title {
    color: #72767A;
    margin: 0 0 20px 0;
    font-weight: 400; }
  .row-body .group {
    margin: 0px 0px 20px 0; }
    .row-body .group p {
      margin: 0; }
    .row-body .group:last-child {
      margin-bottom: 0; }
  .row-body.overview h3 {
    margin-bottom: 30px; }
  .row-body.overview .group-item .pull-left {
    width: 340px; }
    .row-body.overview .group-item .pull-left > div {
      display: inline-block;
      vertical-align: middle; }
    .row-body.overview .group-item .pull-left .progress-label {
      width: 90px; }
    .row-body.overview .group-item .pull-left .bar {
      width: 240px; }
      .row-body.overview .group-item .pull-left .bar .progress {
        margin-bottom: 0; }
  .row-body.overview .group .group-item {
    margin-bottom: 10px; }
  .row-body.overview .group .group-item .pull-right {
    color: #009FE3;
    line-height: 20px; }
  .row-body.overview .container-fluid,
  .row-body.overview .container-fluid .col-xs-6 {
    padding: 0; }
  .row-body.overview .group-item.bar-lg {
    margin-bottom: 20px; }
    .row-body.overview .group-item.bar-lg .pull-left {
      width: 333px;
      padding-top: 2px; }
    .row-body.overview .group-item.bar-lg .progress-label, .row-body.overview .group-item.bar-lg .pull-right {
      font-size: 24px;
      line-height: 24px; }
    .row-body.overview .group-item.bar-lg .progress {
      height: 18px;
      border-radius: 10px; }
  .row-body.health-insurance-details table td {
    padding: 10px; }

.account-status-chart {
  position: relative;
  display: block;
  border-bottom: 1px solid #ccc;
  min-height: 240px; }
  .account-status-chart .status-items {
    height: inherit;
    width: auto; }
    .account-status-chart .status-items li > a {
      display: block;
      color: #71797B;
      padding: 15px 0;
      font-size: 18px; }
      .account-status-chart .status-items li > a > i {
        display: inline-block;
        vertical-align: middle;
        min-width: 30px;
        color: #05B1D0; }
    .account-status-chart .status-items li.incomplete > a > i {
      color: #71797B; }
    .account-status-chart .status-items.align-bottom {
      position: absolute;
      bottom: 0; }
  .account-status-chart .chart-indicator {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100%; }
    .account-status-chart .chart-indicator .chart-indicator-outer {
      position: absolute;
      width: 100%;
      height: 75%;
      bottom: 0;
      border-right: 1px solid #ccc; }
      .account-status-chart .chart-indicator .chart-indicator-outer .chart-indicator-context {
        text-align: center;
        margin-top: -60px; }
        .account-status-chart .chart-indicator .chart-indicator-outer .chart-indicator-context h3 {
          font-size: 30px;
          font-weight: 300;
          margin-top: 13px;
          color: #05B1D0; }
      .account-status-chart .chart-indicator .chart-indicator-outer .chart-indicator-inner {
        position: absolute;
        width: 100%;
        background-color: #05B1D0;
        bottom: 0; }

.contact-overview {
  padding: 0; }
  .contact-overview .nav-tabs {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    width: 100%;
    border-bottom: 1px solid #ccc; }
    .contact-overview .nav-tabs li {
      display: table-cell;
      border-collapse: collapse;
      width: 100%;
      float: none; }
      .contact-overview .nav-tabs li a {
        position: relative;
        display: block;
        text-align: center;
        border-top: 0;
        border-radius: 0;
        color: #71797B; }
        .contact-overview .nav-tabs li a:hover {
          border-top: 0;
          border-bottom: 0;
          background-color: transparent; }
      .contact-overview .nav-tabs li:hover:not(.active) {
        border: 0; }
        .contact-overview .nav-tabs li:hover:not(.active) a {
          border: 0; }
      .contact-overview .nav-tabs li.active {
        top: 1px;
        border-bottom: 0; }
        .contact-overview .nav-tabs li.active > a {
          font-weight: 600;
          border-top: 0; }
          .contact-overview .nav-tabs li.active > a:hover {
            border-bottom: 0 !important; }
      .contact-overview .nav-tabs li:first-child > a {
        border-left: 0; }
      .contact-overview .nav-tabs li:last-child > a {
        border-right: 0; }
  .contact-overview .tab-content {
    padding: 30px; }
  .contact-overview .tab-pane {
    height: 261px;
    overflow: auto; }

.dash_graphs {
  height: 316px; }

.label-value-list > li p {
  margin: 0;
  padding: 15px; }
  .label-value-list > li p .value {
    color: #05B1D0; }

.label-value-list > li:nth-child(odd) {
  background-color: #E1F1F4; }

.label-value-list > li:nth-child(even) {
  background-color: #D0E9EE; }

.actions {
  text-align: left; }
  .actions.actions-empty .row-content > p {
    margin: 20px 0 10px 0; }

.notifications-main {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999999999999;
  padding-bottom: 10px; }
  .notifications-main .notification {
    position: relative;
    width: 240px;
    padding: 15px;
    background-color: #F0F4F6;
    margin: 20px 20px 10px 20px;
    border: 1px solid #ddd;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 300ms ease-out;
    right: -260px; }
    .notifications-main .notification.in {
      right: 0; }
    .notifications-main .notification.out {
      opacity: 0;
      margin-bottom: -100px; }
    .notifications-main .notification.error .notification-title {
      color: #F6B968; }
    .notifications-main .notification.succes .notification-title {
      color: #18B5CF; }
    .notifications-main .notification .notification-title {
      margin: 0;
      font-size: 18px;
      font-weight: 600; }
      .notifications-main .notification .notification-title .icon {
        font-size: 12px; }
      .notifications-main .notification .notification-title .notification-close {
        font-size: 26px;
        line-height: 18px; }
        .notifications-main .notification .notification-title .notification-close:hover, .notifications-main .notification .notification-title .notification-close:active, .notifications-main .notification .notification-title .notification-close:focus {
          text-decoration: none; }
    .notifications-main .notification .notification-body {
      margin: 10px 0 0 0;
      font-size: 14px; }

.panel.panel-default.support {
  width: 900px;
  margin: 50px auto; }
  .panel.panel-default.support .panel-heading h1 {
    font-size: 20px;
    margin: 10px 0; }
  .panel.panel-default.support .panel-body label {
    display: block;
    font-weight: 700;
    margin-bottom: 5px; }
  .panel.panel-default.support .panel-body input, .panel.panel-default.support .panel-body textarea {
    width: 100%;
    display: block;
    border: 1px solid #ced0d4;
    font-size: 18px;
    border-radius: 4px;
    outline: none; }
  .panel.panel-default.support .panel-body input {
    padding: 11px 0 11px 10px;
    margin-bottom: 20px; }
    .panel.panel-default.support .panel-body input[type="submit"] {
      margin-top: 20px;
      margin-bottom: 0;
      width: auto;
      padding: 10px 20px 10px 20px; }
  .panel.panel-default.support .panel-body textarea {
    resize: none;
    padding: 10px; }
  .panel.panel-default.support .panel-footer p {
    margin: 0; }
    .panel.panel-default.support .panel-footer p .fa {
      vertical-align: middle; }

.transparant-table.fullWidth {
  width: 100%; }

.transparant-table strong {
  font-weight: 700; }

.transparant-table th {
  display: inline-block;
  width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.transparant-table td, .transparant-table th {
  color: #707d80; }

.row-body.blue-arrow {
  background: #009FE3;
  background-size: cover;
  background-position: bottom;
  min-height: 388px; }

.row-body h2.white-text {
  line-height: 20px; }

.row-body .white-text {
  color: white; }

.breadcrumb-bar {
  height: 50px;
  background-color: #f5f8f8;
  margin-right: -30px;
  margin-left: -40px;
  padding-left: 30px;
  padding-right: 40px; }
  .breadcrumb-bar .page {
    font-size: 16px;
    padding-top: 13px;
    display: inline-block;
    color: #39474a; }
    .breadcrumb-bar .page:after {
      font-family: 'incntrl' !important;
      font-style: normal !important;
      font-weight: 400 !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      font-size: 8px;
      -webkit-font-smoothing: antialiased;
      content: 'd';
      margin-left: 20px;
      margin-right: 20px; }
    .breadcrumb-bar .page:last-of-type {
      color: #000; }
      .breadcrumb-bar .page:last-of-type:after {
        content: ''; }

.features-modal .modal-header {
  padding: 15px 25px; }
  .features-modal .modal-header h2 {
    color: #009FE3; }

.features-modal .focus-container {
  background: #fafafa;
  padding: 15px 0 100px; }
  .features-modal .focus-container h3 {
    float: left;
    font-weight: 600; }
  .features-modal .focus-container p {
    font-weight: 400;
    text-align: left;
    font-size: 18px; }
  .features-modal .focus-container span {
    float: right;
    font-size: 24px;
    margin-top: 20px; }

.features-modal .carousel {
  min-height: 180px; }
  .features-modal .carousel .item {
    padding: 0 25px; }

.features-modal .carousel-indicators {
  bottom: -60px; }
  .features-modal .carousel-indicators li {
    background: #fff; }
    .features-modal .carousel-indicators li.active {
      background: #009FE3;
      border: 1px solid #009FE3; }

.features-modal .modal-content .modal-footer {
  text-align: left;
  padding: 15px 25px; }
  .features-modal .modal-content .modal-footer .btn {
    left: 0;
    margin-left: 0;
    margin-top: -50px; }
    .features-modal .modal-content .modal-footer .btn.next {
      float: right;
      margin-top: -42px; }
    .features-modal .modal-content .modal-footer .btn.btn-feature {
      display: none; }
      .features-modal .modal-content .modal-footer .btn.btn-feature.on {
        display: inline-block; }

.verification-code {
  position: relative;
  text-align: center;
  margin-bottom: 30px; }
  .verification-code__field {
    display: inline-block;
    margin: 0 5px; }
    .verification-code__field:first-child {
      margin-left: 0; }
    .verification-code__field:last-child {
      margin-right: 0; }
  .verification-code__input {
    font-size: 72px;
    line-height: 85px;
    width: 100px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 15px 0;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1); }
    .verification-code__input:focus {
      outline: 0; }
  .verification-code__error {
    position: absolute;
    border-radius: 4px;
    right: -152px;
    top: 9px;
    width: 282px;
    height: 108px;
    background-color: #ee4867;
    color: #fff;
    text-align: left;
    padding: 18px 30px; }
    .verification-code__error:after {
      content: "";
      position: absolute;
      left: -10px;
      top: 50%;
      margin-top: -8.5px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8.5px 10px 8.5px 0;
      border-color: transparent #ee4867 transparent transparent; }
    .verification-code__error .error-message {
      color: #fff;
      text-align: left; }
    .verification-code__error .close-error {
      display: block;
      color: inherit;
      font-weight: 700;
      margin-bottom: 8px; }
      .verification-code__error .close-error > span {
        display: inline-block;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        padding-top: 2px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.2);
        float: right; }
      .verification-code__error .close-error:hover {
        cursor: pointer; }

.btn-disable-default, .toolbar-nav .btn {
  box-shadow: none; }

.page-nav .toolbar-nav {
  padding: 20px 30px; }

.toolbar-nav {
  background-color: #edf1f2;
  box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.05); }
  .toolbar-nav .btn {
    padding: 11px 16px; }
    .toolbar-nav .btn.btn-toggle {
      vertical-align: middle;
      line-height: 20px;
      font-weight: 600;
      color: #39474a;
      opacity: .67;
      border-radius: 4px !important; }
      .toolbar-nav .btn.btn-toggle > i {
        vertical-align: middle;
        margin-right: 13px;
        color: inherit; }
      .toolbar-nav .btn.btn-toggle.active {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.12);
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
        opacity: 1; }
        .toolbar-nav .btn.btn-toggle.active > i {
          color: #11bcd7; }
    .toolbar-nav .btn.btn-single {
      text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
      background-color: #aab1b2;
      color: #fff;
      font-size: 15px;
      background: #bbc2c4;
      background: linear-gradient(to bottom, #bbc2c4 0%, #aab1b2 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbc2c4', endColorstr='#aab1b2',GradientType=0 ); }
      .toolbar-nav .btn.btn-single.active {
        border: 1px solid #939b9d;
        box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.15); }

.collapsible-panel-view {
  position: relative; }
  .collapsible-panel-view .panel-outer {
    display: none;
    position: absolute;
    background-color: #fff;
    width: auto;
    height: auto;
    right: 0;
    margin-top: 10px;
    padding: 30px 40px;
    z-index: 10;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1); }
    .collapsible-panel-view .panel-outer:before, .collapsible-panel-view .panel-outer:after {
      content: "";
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      top: 0;
      margin-top: -6px;
      border-style: solid;
      z-index: 2; }
    .collapsible-panel-view .panel-outer:before {
      right: 23px;
      border-width: 0 7.5px 7px 7.5px;
      border-color: transparent transparent #fff transparent; }
    .collapsible-panel-view .panel-outer:after {
      right: 23px;
      margin-top: -7px;
      border-width: 0 7.5px 7px 7.5px;
      border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent;
      z-index: 1; }
  .collapsible-panel-view.in > .panel-outer {
    display: block; }
  .collapsible-panel-view .panel-content {
    width: 505px; }
  .collapsible-panel-view .panel-component {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 40px; }
    .collapsible-panel-view .panel-component .panel-component-title {
      font-weight: 600;
      font-size: 16px;
      color: #39474a;
      margin: 0; }
    .collapsible-panel-view .panel-component:first-child {
      padding-left: 0; }
    .collapsible-panel-view .panel-component:last-child {
      border: 0;
      padding-right: 0; }
    .collapsible-panel-view .panel-component .slider-container {
      margin: 20px 0; }

.theme-incntrl .back-bar {
  height: 10px;
  border-radius: 5px;
  background-color: #eee;
  border: 1px solid rgba(0, 0, 0, 0.12); }
  .theme-incntrl .back-bar .selected-bar {
    height: 10px;
    margin-top: -1px;
    border-radius: 5px;
    background-color: #009FE3;
    border: 1px solid #159fb6; }
  .theme-incntrl .back-bar .pointer {
    width: 16px;
    height: 25px;
    margin-top: 3px;
    background: url("../img/slider-handle.png") no-repeat 0 0;
    background-size: 16px 25px; }

body {
  font-family: "Varela Round", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #434b50; }

.main.dashboard-background {
  background-color: #edf1f2;
  padding-bottom: 30px; }

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

.loading-ring {
  margin-bottom: 30px; }

.body-lead {
  font-size: 20px; }

.appicon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center; }
  .appicon--user {
    background-image: url(../img/bydehand/icons/user.svg);
    width: 22px;
    height: 22px; }
  .appicon--menu {
    background-image: url(../img/bydehand/icons/hamburger.svg);
    width: 32px;
    height: 22px; }
  .appicon--close {
    background-image: url(../img/bydehand/icons/close.svg);
    width: 21px;
    height: 22px; }
  .appicon--id-card {
    background-image: url(../img/bydehand/icons/id-card.svg);
    width: 26px;
    height: 24px; }
  .appicon--lock {
    background-image: url(../img/bydehand/icons/lock.svg);
    width: 25px;
    height: 25px; }
  .appicon--devices {
    background-image: url(../img/bydehand/icons/devices.svg);
    width: 24px;
    height: 24px; }
  .appicon--email {
    background-image: url(../img/bydehand/icons/email.svg);
    width: 22px;
    height: 22px; }
  .appicon--speech-bubble {
    background-image: url(../img/bydehand/icons/speech-bubble.svg);
    width: 22px;
    height: 22px; }
  .appicon--unfold-more {
    background-image: url(../img/bydehand/icons/unfold-more.svg);
    width: 9px;
    height: 18px; }
  .appicon--eye {
    background-image: url(../img/bydehand/icons/eye.svg);
    width: 22px;
    height: 13px; }
    .password-control.active .appicon--eye {
      background-image: url(../img/bydehand/icons/eye-blue.svg); }

.app-container,
.app-grid {
  position: relative;
  max-width: 1100px;
  padding: 0 15px;
  margin: 0px auto; }
  .app-container .column,
  .app-grid .column {
    float: left;
    width: 50%; }
    .app-container .column.column-left,
    .app-grid .column.column-left {
      padding-right: 22px; }
    @media only screen and (max-width: 800px) {
      .app-container .column,
      .app-grid .column {
        width: 100%; }
        .app-container .column:nth-child(odd), .app-container .column:nth-child(even),
        .app-grid .column:nth-child(odd),
        .app-grid .column:nth-child(even) {
          padding: 0 22px; } }
    .app-container .column.column-spanned,
    .app-grid .column.column-spanned {
      width: 100%;
      padding: 0; }

.app-container {
  padding-top: 30px; }
  .app-container.no-padding {
    padding-top: 0; }

.flex-group {
  margin-left: -5px;
  margin-right: -5px;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px; }
  .flex-group__vertical {
    -ms-flex-direction: column;
        flex-direction: column; }
  .flex-group__wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .flex-group .flex-row {
    margin-bottom: 15px; }
  .flex-group .flex-col {
    margin-left: 5px;
    margin-right: 5px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    .flex-group .flex-col-1 {
      -ms-flex-preferred-size: calc(100% - 10px);
          flex-basis: calc(100% - 10px); }
    .flex-group .flex-col-2 {
      -ms-flex-preferred-size: calc(50% - 10px);
          flex-basis: calc(50% - 10px); }
    .flex-group .flex-col-3 {
      -ms-flex-preferred-size: calc(33.333333% - 10px);
          flex-basis: calc(33.333333% - 10px); }
    .flex-group .flex-col-4 {
      -ms-flex-preferred-size: calc(25% - 10px);
          flex-basis: calc(25% - 10px); }
  .flex-group.flex-gutter-md {
    margin-left: -17px;
    margin-right: -17px; }
    .flex-group.flex-gutter-md .flex-col {
      margin-left: 17px;
      margin-right: 17px; }

.application-nav {
  position: relative;
  z-index: 20; }
  .application-nav a:hover,
  .application-nav a:focus,
  .application-nav a:active {
    text-decoration: none; }
  .application-nav .logo {
    display: inline-block;
    margin-top: -10px;
    margin-right: 10px; }
    .application-nav .logo > img {
      width: 83px; }
    @media only screen and (max-width: 1024px) {
      .application-nav .logo {
        position: absolute;
        left: 50%;
        margin-left: -41.5px;
        z-index: 20; } }
    .application-nav .logo.logo-center {
      position: absolute;
      left: 50%;
      margin-left: -40px;
      z-index: 20; }
  .application-nav__top, .application-nav__nav {
    padding-left: 40px;
    padding-right: 40px; }
    .application-nav__top a, .application-nav__nav a {
      color: #fff; }
  .application-nav__top {
    background-color: #053049; }
    .application-nav__top ul {
      margin-bottom: 0; }
      .application-nav__top ul > li > a {
        display: block;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 27px;
        padding: 15px 0 8px 0; }
  .application-nav__nav {
    background-color: #009FE3;
    height: 60px; }
    .application-nav__nav ul:not(.dropdown-menu) {
      display: inline-block;
      margin-bottom: 0; }
      .application-nav__nav ul:not(.dropdown-menu) > li {
        padding: 0;
        margin: 0 -4px; }
        .application-nav__nav ul:not(.dropdown-menu) > li > a {
          display: block;
          font-size: 14px;
          font-weight: 600;
          color: #fff;
          padding: 22px 15px 18px 15px; }
          .application-nav__nav ul:not(.dropdown-menu) > li > a:hover, .application-nav__nav ul:not(.dropdown-menu) > li > a.active {
            background-color: #008dca; }
    .application-nav__nav .dropdown-toggle {
      display: block;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      padding: 12px 0 6px 0; }
    .application-nav__nav--right {
      position: relative;
      float: right; }
    @media only screen and (max-width: 1024px) {
      .application-nav__nav ul.list-navigation {
        display: none;
        position: absolute;
        width: 100%;
        left: 0;
        background-color: #009FE3;
        margin-left: 0;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px; }
        .application-nav__nav ul.list-navigation.open {
          display: block; } }
  .application-nav .avatar {
    position: relative;
    display: inline-block;
    background-color: #fff;
    width: 42px;
    height: 42px;
    vertical-align: middle;
    margin-left: 13px;
    border-radius: 50%;
    overflow: hidden;
    top: -3px; }
    .application-nav .avatar i {
      color: #009FE3;
      font-size: 34px;
      position: absolute;
      top: 2px;
      left: 4px; }
  .application-nav .toggle-menu {
    display: none; }
    .application-nav .toggle-menu .appicon {
      margin-right: 10px; }
    .application-nav .toggle-menu a {
      display: block;
      padding: 18px 0;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase; }
    @media only screen and (max-width: 1024px) {
      .application-nav .toggle-menu {
        display: inline-block; } }
  .application-nav__sub-nav {
    background-color: #fff;
    padding: 15px 0; }
    .application-nav__sub-nav.background-brand {
      background-color: #009FE3; }
    .application-nav__sub-nav .progress-slider {
      width: 531px; }
      .application-nav__sub-nav .progress-slider.progress-alt {
        width: 645px; }
    .application-nav__sub-nav .progress-slider,
    .application-nav__sub-nav .progress-slider.progress-alt {
      margin-bottom: 0;
      margin-top: 25px; }
      .application-nav__sub-nav .progress-slider .bar,
      .application-nav__sub-nav .progress-slider.progress-alt .bar {
        background-color: #ccc;
        color: #ccc; }
        .application-nav__sub-nav .progress-slider .bar.active:before,
        .application-nav__sub-nav .progress-slider.progress-alt .bar.active:before {
          background-color: #009FE3; }
      .application-nav__sub-nav .progress-slider .fa,
      .application-nav__sub-nav .progress-slider.progress-alt .fa {
        color: #ccc; }
        .application-nav__sub-nav .progress-slider .fa.active,
        .application-nav__sub-nav .progress-slider.progress-alt .fa.active {
          color: #009FE3; }
      .application-nav__sub-nav .progress-slider .step,
      .application-nav__sub-nav .progress-slider.progress-alt .step {
        color: #ccc; }
        .application-nav__sub-nav .progress-slider .step.active,
        .application-nav__sub-nav .progress-slider.progress-alt .step.active {
          color: #009FE3; }
          .application-nav__sub-nav .progress-slider .step.active:before,
          .application-nav__sub-nav .progress-slider.progress-alt .step.active:before {
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
            background-color: #F39320; }
        .application-nav__sub-nav .progress-slider .step:before,
        .application-nav__sub-nav .progress-slider.progress-alt .step:before {
          background-color: #ccc; }
  .application-nav .button {
    position: absolute;
    left: -100px;
    top: 7px;
    padding: 11px 30px; }

.grouped-content {
  clear: both; }
  .grouped-content.grouped-content-warn .grouped-content-item {
    background-color: #FBE1D5;
    color: #40332e; }
  .grouped-content .grouped-content-item {
    margin-bottom: 5px;
    border-radius: 3px;
    cursor: pointer;
    height: auto; }
    .grouped-content .grouped-content-item h3 {
      font-size: 16px;
      font-weight: 600; }
    .grouped-content .grouped-content-item p {
      margin-bottom: 0; }
      .grouped-content .grouped-content-item p i {
        vertical-align: middle;
        margin-right: 4px; }
    .grouped-content .grouped-content-item ul li {
      margin-bottom: 0;
      list-style-type: disc; }
    .grouped-content .grouped-content-item .alert-meta {
      padding: 0 20px;
      width: calc(100% - 324px); }
      .grouped-content .grouped-content-item .alert-meta p {
        line-height: 80px;
        height: 80px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .grouped-content .grouped-content-item .alert-meta p i {
          color: #757575;
          font-size: 16px; }
        .grouped-content .grouped-content-item .alert-meta p img.alert-triangle {
          margin-right: 20px;
          transform: rotate(0);
          transition: transform .2s ease; }
    .grouped-content .grouped-content-item .alert-actions {
      width: 324px;
      opacity: 0;
      visibility: hidden; }
      .grouped-content .grouped-content-item .alert-actions a {
        width: 80px;
        height: 80px;
        float: left;
        padding-top: 12px;
        text-align: center;
        display: block;
        color: #40332e;
        position: relative;
        font-size: 12px;
        background: #F2C9B8;
        float: right;
        margin-left: 1px; }
        .grouped-content .grouped-content-item .alert-actions a:hover, .grouped-content .grouped-content-item .alert-actions a.active {
          background: #D5AD9D;
          text-decoration: none; }
        .grouped-content .grouped-content-item .alert-actions a.active {
          z-index: 9; }
          .grouped-content .grouped-content-item .alert-actions a.active .alert-snooze {
            visibility: visible;
            opacity: 1;
            top: 86px; }
        .grouped-content .grouped-content-item .alert-actions a:focus {
          text-decoration: none; }
        .grouped-content .grouped-content-item .alert-actions a span {
          display: block; }
        .grouped-content .grouped-content-item .alert-actions a img {
          margin-bottom: 8px;
          height: 22px; }
      .grouped-content .grouped-content-item .alert-actions.active {
        display: block; }
    .grouped-content .grouped-content-item:hover .alert-actions {
      opacity: 1;
      visibility: visible; }
    .grouped-content .grouped-content-item.active .alert-meta {
      border-bottom: 1px solid #F2C9B8; }
      .grouped-content .grouped-content-item.active .alert-meta p img.alert-triangle {
        transform: rotate(180deg); }
    .grouped-content .grouped-content-item.active .alert-actions {
      border-bottom: 1px solid #F2C9B8;
      display: block; }
    .grouped-content .grouped-content-item.active .alert-content {
      height: auto;
      padding: 25px 53px; }
    .grouped-content .grouped-content-item .alert-content {
      clear: both;
      height: 0;
      overflow: hidden;
      padding: 0; }
    .grouped-content .grouped-content-item .alert-snooze {
      position: absolute;
      visibility: hidden;
      opacity: 0;
      top: 100px;
      background: #fff;
      width: 285px;
      left: -113px;
      transition: all .3s ease;
      border-radius: 3px;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
      .grouped-content .grouped-content-item .alert-snooze:before {
        content: "";
        display: block;
        position: absolute;
        top: -15px;
        left: 133px;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #D5AD9D; }
      .grouped-content .grouped-content-item .alert-snooze h2 {
        background: #D5AD9D;
        color: #fff;
        border-radius: 3px 3px 0 0;
        font-size: 14px;
        text-align: left;
        padding: 8px 10px;
        margin: 0; }
      .grouped-content .grouped-content-item .alert-snooze ul {
        text-align: left;
        padding: 0;
        margin: 10px 0; }
        .grouped-content .grouped-content-item .alert-snooze ul li {
          list-style: none;
          line-height: 25px;
          padding: 0 10px; }
          .grouped-content .grouped-content-item .alert-snooze ul li:hover {
            background: #F1F1F1; }
          .grouped-content .grouped-content-item .alert-snooze ul li span {
            width: 45%;
            display: inline-block;
            font-weight: bold; }
    .grouped-content .grouped-content-item .confirm_date {
      margin: 10px 0 20px; }

.alert-title {
  float: left; }

.alert-filter {
  float: right; }
  .alert-filter span {
    float: left; }
  .alert-filter ul {
    margin: 0;
    float: left;
    padding: 0; }
  .alert-filter li {
    float: left;
    list-style: none;
    margin-left: 10px;
    cursor: pointer; }
    .alert-filter li.active {
      text-decoration: underline; }

.alert-empty {
  clear: both; }

.alert-display {
  margin-bottom: 0; }
  .alert-display li {
    margin-bottom: 5px; }
    .alert-display li > a {
      border-radius: 0; }

.belonging-share {
  margin-top: 20px; }
  .belonging-share__title {
    margin-top: 0;
    font-size: 22px;
    font-weight: 600; }
  .belonging-share__add {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 20px; }
    .belonging-share__add input {
      width: 350px;
      margin-right: 20px;
      border-radius: 4px;
      border: 1px solid #ccc;
      outline: none;
      height: 40px;
      padding: 0 10px; }
  .belonging-share__mail-error {
    color: #e74c3c; }
  .belonging-share__remove {
    cursor: pointer;
    opacity: .6;
    margin-right: 10px; }
    .belonging-share__remove:hover {
      opacity: 1; }
  .belonging-share__receivers {
    list-style: none;
    padding: 0;
    font-size: 18px;
    line-height: 35px; }
  .belonging-share__message {
    width: 100%;
    resize: none;
    height: 200px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    outline: none;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px; }
  .belonging-share__table {
    width: 100%; }
    .belonging-share__table th {
      line-height: 50px; }
    .belonging-share__table td {
      line-height: 35px; }
  .belonging-share__contact {
    display: -ms-flexbox;
    display: flex; }
  .belonging-share__contact-info {
    -ms-flex-positive: 1;
        flex-grow: 1; }
    .belonging-share__contact-info h4 {
      font-weight: bold; }

.belonging-actions {
  width: 100%;
  min-height: 217px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #dfe3e4;
  box-shadow: 0px 3px 8px -2px #c4c4c4;
  padding: 16px; }
  .belonging-actions__button.button {
    margin: 3px;
    width: calc(50% - 6px);
    border-radius: 10px;
    float: left;
    padding: 0 15px;
    height: 55px;
    line-height: 20px; }

.block-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .block-container__block {
    width: 100%; }
    .block-container__block--2 {
      width: 50%; }
    .block-container__block:last-of-type {
      padding-bottom: 50px; }

.clndr .clndr-controls {
  height: 30px;
  line-height: 30px; }

.clndr .clndr-previous-button, .clndr .clndr-next-button {
  float: left;
  width: 14.2%;
  text-align: center; }

.clndr .month {
  float: left;
  width: 71.6%;
  font-weight: 600; }

.clndr .days:after {
  content: "";
  clear: both;
  display: block; }

.clndr .day, .clndr .header-day {
  float: left;
  width: 14.2%;
  text-align: center;
  height: 25px;
  line-height: 25px; }

.clndr .header-day {
  background: #f2f2f2;
  font-size: 10px;
  font-weight: bold; }

.clndr .day.active {
  background: #009FE3;
  color: #fff; }

.clndr .day:hover:not(.past) {
  background: #009FE3;
  color: #fff; }

.clndr .day.past, .clndr .day.adjacent-month {
  opacity: .5; }

.clndr .today {
  background: #f2f2f2; }

.clndr-container .time {
  padding: 10px 0; }

.clndr-container .select-control {
  display: inline-block;
  width: 100px; }
  .clndr-container .select-control .input-control-label {
    font-size: 11px;
    margin-bottom: 5px; }
    .clndr-container .select-control .input-control-label + select + .appicon {
      top: 31px; }

.dashboard-message {
  background-color: #fbe1d5;
  padding: 50px 25px;
  font-size: 20px;
  border-radius: 6px;
  border: 1px solid #ef7d32;
  margin-bottom: 10px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }
  .dashboard-message > p {
    font-size: 20px;
    margin: 0;
    display: inline-block; }
    .dashboard-message > p > span {
      color: #009FE3; }
      .dashboard-message > p > span:hover {
        color: #2a6496;
        text-decoration: underline;
        cursor: pointer; }

.inventory {
  position: relative;
  margin: 24px 0 0;
  margin-bottom: 15px; }
  .inventory__horizontal {
    width: 50%;
    float: left; }
    .inventory__horizontal--left {
      padding-right: 10px; }
    .inventory__horizontal--right {
      padding-left: 10px; }
  .inventory__header {
    overflow: hidden;
    margin: 0 0 2px;
    margin-bottom: 15px;
    line-height: 24px; }
    .inventory__header a {
      float: left;
      margin: 0 0 0 12px;
      color: #333;
      text-decoration: underline; }
  .inventory__title {
    float: left;
    margin: 0;
    font-size: 14px;
    line-height: inherit; }
  .inventory__items {
    margin: 0;
    padding: 0;
    list-style: none; }
  .inventory__item {
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 10px 0 0;
    padding: 10px 20px;
    background: #fff no-repeat 20px center / 24px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    font-size: 15px;
    line-height: 45px;
    transition: all .3s ease;
    height: 65px;
    border: 1px solid transparent; }
    .inventory__item:hover {
      background-color: rgba(255, 255, 255, 0.8);
      border: 1px solid #009FE3;
      color: #009FE3; }
    .inventory__item img {
      padding-right: 20px;
      width: 42px;
      margin-top: -3px; }
    .inventory__item--empty {
      background: none;
      color: #009FE3;
      box-shadow: none;
      border: 2px dashed #009FE3; }
      .inventory__item--empty:hover {
        background-color: rgba(255, 255, 255, 0.5);
        color: #009FE3;
        border: 2px dashed #009FE3; }
    .inventory__item:first-child {
      margin-top: 0; }
  .inventory__name {
    overflow: hidden;
    padding: 0 12px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .inventory__placeholder {
    padding: 0 20px 0 70px;
    border: 1px dashed #979797;
    background: url(/static/img/bydehand/icons/plus-grey.svg) no-repeat 20px center/24px;
    line-height: 43px;
    opacity: .5; }

.subcategory__title {
  padding: 10px 20px;
  background: #fff;
  font-size: 21px;
  line-height: 45px; }

.subcategory__footer {
  padding-top: 20px;
  margin-top: 12px;
  text-align: center; }

.view-header {
  background-color: #fff;
  padding-left: 40px;
  padding-right: 40px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); }
  .view-header__title {
    font-size: 21px;
    padding: 34px 0 33px 0;
    margin: 0; }
  .view-header .button-group {
    padding: 21px 0; }
  .view-header__seperator {
    background-color: #cccccc;
    height: 2px;
    box-shadow: none;
    padding: 0;
    text-align: center;
    top: 40px;
    margin-top: 50px;
    margin-bottom: 50px; }
    .view-header__seperator .view-header__title {
      display: inline-block;
      position: relative;
      top: -11px;
      background-color: #edf1f2;
      padding: 0 50px; }
    .view-header__seperator .button-group {
      display: inline-block;
      padding: 0;
      margin-left: 30px; }
    .view-header__seperator .button {
      font-size: 75%;
      padding-left: 15px;
      padding-right: 15px; }
    .view-header__seperator.has-button .view-header__title {
      top: -19px; }

.context-block, .tile-block {
  display: block;
  background-color: #fff;
  padding: 20px 25px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  margin-bottom: 20px; }
  .context-block__head {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 16px;
    margin-bottom: 25px; }
  .context-block__title {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    color: #404040; }
    .context-block__title .appicon {
      margin-right: 5px; }
  .context-block__text {
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 27px; }
  .context-block .mail-choice, .tile-block .mail-choice {
    display: block;
    width: 320px; }
    .context-block .mail-choice .pull-left, .tile-block .mail-choice .pull-left {
      position: relative; }
    .context-block .mail-choice .bdh-mail, .tile-block .mail-choice .bdh-mail {
      width: 100px; }
    .context-block .mail-choice .available, .tile-block .mail-choice .available,
    .context-block .mail-choice .taken,
    .tile-block .mail-choice .taken,
    .context-block .mail-choice .loading,
    .tile-block .mail-choice .loading {
      position: absolute;
      right: 12px;
      top: 12px; }
      .context-block .mail-choice .available i, .tile-block .mail-choice .available i,
      .context-block .mail-choice .taken i,
      .tile-block .mail-choice .taken i,
      .context-block .mail-choice .loading i,
      .tile-block .mail-choice .loading i {
        position: static; }

.button {
  display: inline-block;
  padding: 13px 30px;
  border: 0;
  border-radius: 30px;
  color: #fff;
  font-weight: 700;
  text-align: center; }
  .button:hover, .button:active, .button:focus {
    text-decoration: none;
    outline: none;
    color: #fff; }
  .button:hover {
    cursor: pointer; }
  .button__brand {
    background-color: #009FE3; }
  .button__accent {
    background-color: #F39320; }
  .button__call {
    margin-top: 50px; }
  .button__action {
    border-radius: 5px;
    background: #009FE3; }
    .button__action i {
      font-size: 12px;
      margin-left: 10px; }
  .button__facebook {
    background: url("../img/bydehand/icons/facebook.svg") no-repeat 0 0;
    background-size: 10px;
    background-color: #3B77C3;
    background-position: 25px 12px; }
  .button__google {
    background: url("../img/bydehand/icons/google.svg") no-repeat 0 0;
    background-size: 13px;
    background-color: #DF5656;
    background-position: 25px 11px; }
  .button__facebook, .button__google {
    padding: 10px 30px 10px 50px;
    text-align: left;
    border-radius: 6px;
    position: relative; }
    .button__facebook.authenticated, .button__google.authenticated {
      background-image: none; }
      .button__facebook.authenticated i, .button__google.authenticated i {
        position: absolute;
        top: 12px;
        left: 20px; }
  .button--block {
    display: block; }
  .button__icon {
    margin-right: 10px; }
  .button[disabled] {
    background: #ddd; }
  .button.changepassword {
    position: static; }

.input-container .input-control {
  display: block;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  padding: 11px 11px 10px 11px; }
  .input-container .input-control:focus {
    outline: 0; }

.input-container .input-control-element {
  position: relative; }
  .input-container .input-control-element .addon {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    padding: 11px 0;
    background-color: #CCCCCC;
    color: #fff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    text-align: center; }
    .input-container .input-control-element .addon + input {
      padding-left: 50px; }
    .input-container .input-control-element .addon.few-remaining {
      color: #ff3333; }
    .input-container .input-control-element .addon.counter {
      background-color: transparent;
      color: #ccc; }
      .input-container .input-control-element .addon.counter + input {
        padding-left: 40px; }

.input-container .input-control-validation-message {
  display: block;
  position: absolute;
  bottom: -14px;
  width: 100%;
  margin: 0;
  font-size: 11px;
  color: #fff;
  background-color: #ff9999;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 4px 10px;
  font-weight: 700; }

.input-container .not-valid .input-control {
  border-color: #ff9999; }

.input-container .not-valid .addon:not(.counter) {
  background-color: #ff9999; }

.input-container .select-control {
  position: relative; }
  .input-container .select-control > select {
    display: block;
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    padding: 11px 11px 10px 11px;
    -webkit-appearance: none;
    background: #fff url(/static/img/bydehand/icons/unfold-more.svg) no-repeat calc(100% - 10px) center; }
    .input-container .select-control > select:focus {
      outline: 0; }

.input-container .input-control-label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px; }

.input-container .input-control-group {
  margin-bottom: 15px; }

.input-container .password-control {
  position: relative; }
  .input-container .password-control .appicon {
    position: absolute;
    right: 10px;
    top: 15px; }

.input-container .checkbox-control input {
  display: none; }

.input-container .checkbox-control span {
  display: inline-block;
  border-radius: 3px;
  border: 2px solid #ccc;
  width: 17px;
  height: 17px; }

.input-container .checkbox-control input:checked + span {
  background-color: #009FE3;
  border: 0; }

.input-container .checkbox-control:hover {
  cursor: pointer; }

.tile-block {
  padding-top: 35px;
  margin-bottom: 10px;
  text-align: center;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-height: 142px; }
  .tile-block h2 {
    margin: 0 0 20px 0; }
  .tile-block-sm {
    padding-top: 15px;
    padding-bottom: 15px; }
  .tile-block__icon {
    height: 40px;
    margin-bottom: 15px; }
  .tile-block p {
    color: #333; }
  .tile-block__inversed {
    background-color: #009FE3;
    box-shadow: none; }
    .tile-block__inversed p {
      color: #fff; }
    .tile-block__inversed:hover {
      background-color: #008dca; }
  .tile-block__large .tile-block__icon {
    height: 70px;
    margin-bottom: 30px; }
  .tile-block:hover, .tile-block:active, .tile-block:focus {
    text-decoration: none; }

@media only screen and (max-width: 1024px) {
  .tile-blocks {
    margin: 0 auto; }
    .tile-blocks .flex-col:not(.no-respond) {
      -ms-flex-preferred-size: calc(50% - 10px);
          flex-basis: calc(50% - 10px); }
      .tile-blocks .flex-col:not(.no-respond)-2 {
        -ms-flex-preferred-size: calc(100% - 10px);
            flex-basis: calc(100% - 10px); } }

@media only screen and (max-width: 800px) {
  .tile-blocks {
    padding: 0 40px; } }

.application-modal .modal-body__pushed {
  padding-left: 50px;
  padding-right: 50px; }

.error-display {
  display: block;
  background-color: #f49f38;
  border-radius: 4px;
  border: 1px solid #f28e16;
  margin-bottom: 30px; }
  .error-display__title {
    font-weight: 700; }
  .error-display > ul {
    padding: 20px 30px;
    margin-bottom: 0; }
    .error-display > ul > li {
      font-size: 14px;
      color: #fff;
      text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }
      .error-display > ul > li:not(:last-child) {
        margin-bottom: 15px; }

.alert .close {
  font-size: 25px; }

.breadcrumb-container {
  position: relative;
  background-color: #f5f5f5;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 15; }
  .breadcrumb-container .breadcrumb {
    background-color: transparent;
    padding: 15px; }

.licence-plate {
  width: 300px;
  margin: 0px auto; }
  .licence-plate__plate {
    position: relative;
    background-color: #f6c825;
    border-radius: 6px;
    overflow: hidden; }
    .licence-plate__plate > input {
      -webkit-appearance: none;
      background-color: transparent;
      border: 0;
      width: 100%;
      padding: 15px 0 15px 35px;
      text-align: center;
      font-size: 30px;
      border-bottom: 2px solid #BDA036; }
      .licence-plate__plate > input:active, .licence-plate__plate > input:focus {
        outline: 0; }
    .licence-plate__plate .country-code {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 35px;
      background-color: #0056ff;
      border-bottom: 2px solid #0A3C9E; }
      .licence-plate__plate .country-code strong {
        color: #fff;
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 5px; }

.campaign-modal .modal-dialog {
  width: 980px;
  max-width: 100%; }

.campaign-close-btn {
  opacity: 1;
  outline: none;
  position: absolute;
  top: 23px;
  right: 15px;
  margin-top: 0;
  line-height: 20px; }

.campaigns {
  padding: 20px 40px 0;
  height: calc(100vh - 200px);
  max-height: 590px;
  margin: 0;
  overflow-y: scroll;
  overflow-x: hidden; }

.campaign {
  height: 170px;
  width: 100%;
  background: #f8f8f8;
  border-radius: 6px;
  cursor: pointer;
  float: left;
  box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.2);
  overflow: hidden;
  transition: all .3s ease;
  margin-bottom: 20px; }
  .campaign:hover {
    background: #f2f2f2; }
  .campaign__image {
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    background: #009FE3;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .campaign__image img {
      max-width: 100px;
      max-height: 100px; }
  .campaign__title {
    font-size: 16px;
    text-align: center;
    height: 50px;
    margin: 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .campaign__title span {
      display: block;
      width: 100%;
      padding: 0 10px; }
  .campaign__toggle .input-control-label {
    font-weight: 300;
    margin: 0; }
  .campaign__toggle .input-control-group {
    float: left;
    margin: 8px 15px 0 0; }

.campaign-slider__prev, .campaign-slider__next {
  cursor: pointer; }

.campaign-slide {
  height: 475px;
  outline: none; }
  .campaign-slide__list {
    list-style: none;
    padding-left: 30px; }
    .campaign-slide__list ul {
      padding-left: 30px; }
    .campaign-slide__list > li {
      margin-bottom: 20px;
      position: relative; }
      .campaign-slide__list > li:before {
        content: "";
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        left: -30px;
        top: 4px;
        background-repeat: no-repeat;
        background-image: url("/static/img/bydehand/icons/circle.svg"); }
    .campaign-slide__list.ordered_list {
      padding-left: 18px; }
      .campaign-slide__list.ordered_list > li {
        list-style: decimal;
        padding-left: 10px;
        color: #CF4800; }
        .campaign-slide__list.ordered_list > li > span {
          color: #434b50; }
        .campaign-slide__list.ordered_list > li:before {
          display: none; }
  .campaign-slide__text {
    float: left;
    width: 50%;
    height: 100%;
    padding: 40px;
    background: #F8F8F8;
    overflow-x: auto;
    overflow-y: auto; }
    .campaign-slide__text h2 {
      font-size: 24px;
      margin-bottom: 40px; }
  .campaign-slide__image {
    float: left;
    width: calc(50% - 80px);
    height: calc(100% - 80px);
    margin: 40px;
    background-color: #fff; }

.background-image {
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%; }

.modal-slider {
  padding: 0; }

.modal-header--campaign {
  background: #009FE3;
  border-radius: 4px 4px 0 0;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
  padding: 9px 15px; }
  .modal-header--campaign img {
    vertical-align: top; }
  .modal-header--campaign h4 {
    color: #fff; }

.campaign-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 20px;
  border-top: 1px solid #ddd; }
  .campaign-footer .button {
    width: 143px; }
  .campaign-footer .campaign-slider__current {
    margin: 0 10px;
    font-size: 20px; }

.general-modal.modal-dialog, .modal-offer.modal-dialog {
  width: 978px; }

.general-modal .modal-header, .modal-offer .modal-header {
  border-bottom: 1px solid #f5f5f5; }
  .general-modal .modal-header .close, .modal-offer .modal-header .close {
    opacity: 1;
    outline: none;
    position: absolute;
    top: 23px;
    right: 15px;
    margin-top: 0;
    line-height: 20px; }

.general-modal .modal-body, .modal-offer .modal-body {
  padding: 50px 20px 0; }

.general-modal .modal-title, .modal-offer .modal-title {
  text-align: center; }

.general-modal .modal-description, .modal-offer .modal-description {
  font-size: 18px;
  font-weight: 400;
  width: 90%;
  max-width: 700px;
  margin: 0 auto 40px; }

.general-modal .licence-plate, .modal-offer .licence-plate {
  margin: 0; }

.registration-layout .application-nav__sub-nav {
  background: #f8f8f8;
  padding: 0; }

.registration-layout .notification-footer {
  position: relative;
  top: 26px; }

.registration-layout .progress-alt {
  height: 90px;
  margin-bottom: 30px; }

.icon-header {
  width: 350px;
  margin: 0 auto; }
  .icon-header img {
    display: inline-block;
    width: 20%;
    margin: 0 6%; }

.mail-config > a {
  color: #434b50;
  text-decoration: underline; }

p.mail-intro {
  width: 60%;
  margin: 50px auto; }

.mail-choice {
  list-style: none;
  width: 100%;
  padding: 0;
  text-align: center;
  margin: 10px 0 20px; }
  .mail-choice .suggestion {
    background: #fff;
    border: 2px solid #009FE3;
    color: #009FE3;
    padding: 10px 30px;
    margin: 0 auto;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    width: auto; }
    .mail-choice .suggestion.active, .mail-choice .suggestion:hover {
      color: #fff;
      background: #009FE3; }
  .mail-choice li {
    margin-bottom: 15px;
    position: relative;
    width: 425px;
    margin: 10px auto; }
    .mail-choice li .pull-left input[type="text"].bdh-mail {
      width: 280px;
      padding: 8px 40px 8px 10px;
      font-size: 18px;
      border-radius: 5px;
      border: 2px solid #ccc;
      outline: none; }
    .mail-choice li .mail-adres {
      display: inline-block;
      padding: 10px 0;
      font-size: 16px !important;
      color: #333 !important; }
    .mail-choice li .taken i, .mail-choice li .available i, .mail-choice li .loading {
      position: absolute;
      right: 155px;
      top: 14px;
      color: #2ecc71; }
    .mail-choice li .loading {
      top: 9px; }
      .mail-choice li .loading img {
        width: 20px; }
    .mail-choice li .taken i {
      color: #e74c3c; }
  .mail-choice li a {
    width: 100%;
    padding: 8px 0;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px;
    border-radius: 5px; }
    .mail-choice li a.active {
      color: #fff;
      background: #009FE3;
      border: none; }

.bdhmail {
  color: #009FE3;
  font-size: 40px; }

.form-group.margin-bottom {
  margin-bottom: 50px; }

.license-plate {
  display: inline-block;
  background-color: #f6c825;
  padding: 0 10px 0 0;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border: 2px solid #3b4046;
  text-transform: uppercase; }
  .license-plate.car {
    color: #333;
    line-height: 18px;
    padding: 0 12px 0 0; }
    .license-plate.car.oldtimer {
      color: #fff;
      background: #294b61;
      border: 2px solid #1f3b4e;
      padding: 1px 15px;
      line-height: 29px; }
      .license-plate.car.oldtimer .country-label {
        display: none; }
  .license-plate strong {
    font-size: 20px;
    font-weight: 800; }
  .license-plate .country-label {
    display: inline-block;
    background-color: #0056ff;
    color: #fff;
    padding: 5px;
    margin-right: 10px;
    font-weight: 900;
    font-size: 10px;
    padding-top: 11px;
    position: relative; }
    .license-plate .country-label .plate-circle {
      position: absolute;
      top: 3px;
      height: 10px;
      width: 10px;
      border-radius: 50% 50%;
      border: 2px solid #f1c62a; }
    .license-plate .country-label .countrycode {
      position: relative;
      bottom: -3px; }
  .license-plate.scooter {
    padding: 7px 0px;
    line-height: 17px;
    width: 60px;
    color: #333; }
    .license-plate.scooter .country-label {
      display: none; }
  .license-plate.moped {
    background-color: #3878de;
    color: #fff;
    padding: 7px 0;
    width: 70px;
    line-height: 17px;
    border: 2px solid #fff; }
    .license-plate.moped .country-label {
      display: none; }
  .license-plate.motorbike {
    width: 85px;
    color: #333; }
    .license-plate.motorbike .country-label {
      margin-right: 8px;
      margin-left: -15px; }

.residence-plate {
  display: inline-block;
  padding: 4px 28px;
  background-color: #057CE2;
  color: #fff;
  font-size: 17px;
  border-radius: 4px;
  border: 1px solid #6faeef;
  box-shadow: 0 0 0 2px #057CE2;
  font-weight: 700; }

.badge.badge-sign {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 0;
  margin-right: 9px; }
  .badge.badge-sign.badge-danger {
    background-color: #d9534f; }
  .badge.badge-sign.badge-warning {
    background-color: #ef7d32;
    padding-top: 4px; }
  .badge.badge-sign.badge-success {
    background-color: #74b430; }
  .badge.badge-sign i {
    margin-top: 1px; }

.label.label-insurance-errors {
  display: inline-block;
  vertical-align: middle;
  padding: 9px 18px 10px 0;
  margin-top: -7px;
  margin-right: 10px;
  font-family: "source sans pro";
  font-size: 14px; }
  .label.label-insurance-errors i {
    font-size: 12px;
    margin-right: 10px;
    vertical-align: middle; }

.label.label-warning {
  background: #ef7d32; }
  .label.label-warning .alert {
    padding: 8px 11px;
    border-radius: 5px 0 0 5px;
    background: #ea5c20; }

@-moz-document url-prefix() {
  .label.label-warning .alert {
    padding: 7px 11px; } }

.btn-group.btn-group-switch {
  border-radius: 4px;
  margin-left: 20px; }
  .btn-group.btn-group-switch .btn {
    padding: 10px 16px;
    height: 38px;
    border-radius: 4px !important;
    color: #b1b7bb; }
    .btn-group.btn-group-switch .btn i {
      font-size: 18px;
      line-height: 3px; }
    .btn-group.btn-group-switch .btn span {
      position: relative;
      top: -5px;
      margin-left: 10px; }
    .btn-group.btn-group-switch .btn.active {
      background-color: #fff;
      box-shadow: none;
      color: #333;
      border: 1px solid #dce0e1; }
      .btn-group.btn-group-switch .btn.active i {
        font-size: 18px;
        color: #11bcd7; }

.modal-backdrop {
  background: #fff; }
  .modal-backdrop.in {
    opacity: .8; }

.modal-content {
  box-shadow: 0 5px 15px rgba(255, 255, 255, 0.6); }

.notification-bar {
  overflow: hidden;
  height: 72px;
  display: block;
  -webkit-transition: all 150ms ease-in-out; }
  .notification-bar.off {
    height: 0; }
  .notification-bar, .notification-bar.notification-bar-default {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    background-color: #009FE3; }
    .notification-bar p, .notification-bar a, .notification-bar.notification-bar-default p, .notification-bar.notification-bar-default a {
      color: #fff;
      vertical-align: middle;
      padding: 15px 0; }
    .notification-bar p, .notification-bar.notification-bar-default p {
      margin: 0; }
    .notification-bar .pull-left, .notification-bar.notification-bar-default .pull-left {
      padding-top: 8px;
      padding-left: 15px; }
    .notification-bar .pull-right p, .notification-bar.notification-bar-default .pull-right p {
      padding-top: 20px;
      font-size: 20px; }
  .notification-bar .notification-bar-dismiss {
    font-size: 15px;
    margin-left: 50px; }
    .notification-bar .notification-bar-dismiss:hover {
      text-decoration: none; }

.row-body i.icon-arrow {
  color: #c6ccd0; }
  .row-body i.icon-arrow:before {
    content: "b"; }

.row-body.closed i.icon-arrow {
  color: #c6ccd0; }
  .row-body.closed i.icon-arrow:before {
    content: "H"; }

.row-body.closed .row-content {
  display: none; }

.no-gutter [class*='col-'] {
  padding-right: 0;
  padding-left: 0; }

.nopadding {
  padding-left: 0;
  padding-right: 0; }

.nopadding-right {
  padding-right: 0; }

.nopadding-left {
  padding-left: 0; }

.text-input {
  margin-bottom: 15px;
  overflow: hidden; }
  .text-input input + .alert {
    margin-top: 10px;
    margin-bottom: 0; }

.form-group .text-input:first-of-type {
  margin-top: 10px; }

.form-group .text-input:last-of-type {
  margin-bottom: 20px; }

.insurance-badge {
  font-size: 14px;
  font-weight: 600;
  background-color: #74b430;
  border-radius: 18px;
  color: #ffffff;
  padding: 4px 12px 5px; }
  .insurance-badge:before {
    position: relative;
    top: 2px;
    margin-right: 10px;
    font-size: 13px; }
  .insurance-badge .icon {
    position: relative;
    top: 3px;
    margin-right: 6px; }

.badge-incntrl {
  position: relative;
  width: 212px;
  height: 212px;
  margin: 0px auto; }
  .badge-incntrl .body,
  .badge-incntrl .graphic,
  .badge-incntrl .graphic > img {
    position: relative;
    width: 100%;
    height: 100%; }
  .badge-incntrl .body {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center; }
    .badge-incntrl .body .head {
      color: #fff;
      padding: 30px 0 0 0;
      font-size: 20px;
      line-height: 27px; }
      .badge-incntrl .body .head span {
        display: block;
        font-weight: 700;
        font-size: 28px; }
    .badge-incntrl .body a {
      margin-top: 30px; }
      .badge-incntrl .body a:hover {
        text-decoration: none; }
      .badge-incntrl .body a i {
        color: #aaa;
        font-size: 40px;
        text-decoration: none; }
    .badge-incntrl .body .list-inline {
      margin-top: 25px; }

.image-thumbs {
  clear: both; }
  .image-thumbs .image-thumb {
    position: relative;
    float: left;
    width: 20%;
    height: auto;
    padding: 0 5px; }
    .image-thumbs .image-thumb .thumb {
      background-color: #ccc;
      padding: 5px; }
      .image-thumbs .image-thumb .thumb .image {
        position: relative;
        height: 100px;
        overflow: hidden; }
        .image-thumbs .image-thumb .thumb .image img {
          width: 100%; }
      .image-thumbs .image-thumb .thumb .thumb-title {
        text-align: left; }

.background-color-detail {
  background-color: #edf1f2;
  padding: 30px 0 10px; }
  .background-color-detail .container {
    padding-bottom: 30px; }

.background-color-more {
  padding-bottom: 140px; }

.progression-bar {
  padding: 35px;
  margin-top: 20px;
  width: 100%; }
  .progression-bar.row-body {
    padding-bottom: 45px; }
  .progression-bar p {
    font-size: 18px;
    font-weight: 600 !important;
    color: #39474a;
    margin-top: -11px;
    margin-left: -14px;
    white-space: nowrap; }
  .progression-bar .percentage-prog {
    position: absolute;
    font-size: 24px;
    color: #18b5cf;
    margin-top: -14px; }
  .progression-bar .progress {
    width: 100%;
    height: 10px;
    margin-top: -3px; }
    .progression-bar .progress .progress-bar {
      background-color: #18b5cf; }

.fake-hidden-visibility {
  width: 0px;
  height: 0px;
  overflow: hidden; }

.modal-filters {
  margin-top: 10px; }

.moz-css-select {
  padding-right: 20px; }
  .moz-css-select:after {
    content: "k";
    font-family: "incntrl";
    font-size: 12px;
    margin-left: -26px;
    color: #b3b7b7; }
  .moz-css-select .css-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 18px;
    padding-right: 40px;
    padding-left: 14px;
    height: 38px;
    width: auto;
    outline: none;
    border: 1px solid #e5e5e5; }

.thumb-container {
  margin-top: 15px; }
  .thumb-container .document {
    margin-bottom: 10px; }
    .thumb-container .document a:hover, .thumb-container .document:hover {
      text-decoration: none; }
    .thumb-container .document:hover {
      cursor: pointer; }
      .thumb-container .document:hover .document-thumb:not(.selected) {
        background-color: #FFF; }
  .thumb-container .document-thumb {
    padding: 10px 10px 0 10px;
    background-color: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #e8eaea;
    box-shadow: 0px 2px 4px #e8eaea;
    height: 206px; }
    .thumb-container .document-thumb.no-category .doc-title, .thumb-container .document-thumb.no-category .doc-type {
      width: 80%; }
    .thumb-container .document-thumb a {
      color: #009FE3; }
    .thumb-container .document-thumb.white {
      background-color: #ffffff; }
    .thumb-container .document-thumb .doc-title {
      display: block;
      margin: 14px 0 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
    .thumb-container .document-thumb .doc-type {
      display: block;
      margin: 0px 0 3px 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 12px;
      color: #434b50;
      font-weight: 400; }
    .thumb-container .document-thumb.hasfile .doc-title {
      margin: 10px 0 4px; }
    .thumb-container .document-thumb i {
      color: #a9b0b6; }
    .thumb-container .document-thumb.selected {
      background-color: #009FE3; }
      .thumb-container .document-thumb.selected .doc-title,
      .thumb-container .document-thumb.selected .icon-document {
        color: #fff;
        font-weight: 600; }
      .thumb-container .document-thumb.selected .doc-type {
        color: #fff; }
    .thumb-container .document-thumb.adding {
      box-shadow: 0px 0px 10px -2px #ef7d32;
      border: 1px solid #f7dcc9; }
    .thumb-container .document-thumb .no-category {
      position: absolute;
      right: 10px;
      bottom: 20px;
      display: block;
      text-align: center;
      width: 26px;
      height: 26px;
      line-height: 26px;
      border-radius: 100%;
      background: #F39320;
      color: #fff;
      font-size: 17px;
      font-family: 'helvetica';
      font-weight: 900; }
      .thumb-container .document-thumb .no-category + .tooltip .tooltip-inner {
        background: #434b50;
        font-size: 12px;
        text-align: left; }
      .thumb-container .document-thumb .no-category + .tooltip .tooltip-arrow {
        border-left-color: #434b50; }
    .thumb-container .document-thumb .document-picture {
      overflow: hidden;
      height: 134px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.2);
      box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1); }
      .thumb-container .document-thumb .document-picture.no-picture {
        padding-top: 50px; }
        .thumb-container .document-thumb .document-picture.no-picture .icon-document {
          font-size: 50px; }
          .thumb-container .document-thumb .document-picture.no-picture .icon-document:before {
            content: "j"; }
      .thumb-container .document-thumb .document-picture.incomplete > img {
        opacity: 0.2; }
      .thumb-container .document-thumb .document-picture > img {
        width: 100%;
        height: auto; }
      .thumb-container .document-thumb .document-picture .add-button {
        position: absolute;
        height: 50px;
        width: 50px;
        top: 50px;
        left: 87px;
        border-radius: 50%;
        background-color: #c8d1d5; }
        .thumb-container .document-thumb .document-picture .add-button i {
          position: absolute;
          top: 12px;
          left: 13px;
          font-size: 24px;
          color: #e7ebed; }
      .thumb-container .document-thumb .document-picture.hasFile .document-picture:after {
        display: none; }
  .thumb-container .empty-results {
    text-align: center;
    padding: 20px 0; }
    .thumb-container .empty-results p {
      margin-top: 100px;
      margin-bottom: 50px; }
    .thumb-container .empty-results strong {
      color: #009FE3; }

.btn.btn-grey {
  background: #ccc; }

.btn-group-incntrl .btn {
  min-width: 150px;
  border-radius: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .btn-group-incntrl .btn:first-child {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-left: 0; }
  .btn-group-incntrl .btn:last-child {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px; }

.belongingchoice {
  height: 140px;
  width: 340px;
  margin: 30px auto; }
  .belongingchoice.account {
    margin-top: 20px; }
  .belongingchoice .option {
    position: relative;
    background: #fff;
    height: 140px;
    width: 33%;
    float: left;
    border: 1px solid #d8dbdc;
    text-align: center;
    padding-top: 30px; }
    .belongingchoice .option .icon {
      font-size: 60px;
      color: #a9b2b4;
      line-height: 65px; }
    .belongingchoice .option .option-title {
      color: #313c44;
      margin-top: -8px;
      font-family: "Source Sans Pro", sans-serif;
      color: #545154;
      font-size: 16px;
      font-weight: 600; }
    .belongingchoice .option:hover {
      cursor: pointer; }
    .belongingchoice .option.one {
      border-radius: 5px 0px 0px 5px;
      width: 170px;
      border-right: none; }
    .belongingchoice .option.two {
      border-right: 1px solid #d8dbdc;
      border-left: none;
      border-radius: 0 5px 5px 0;
      width: 170px; }
      .belongingchoice .option.two .icon {
        font-size: 50px;
        line-height: 73px; }
    .belongingchoice .option.three {
      border-right: 1px solid #d8dbdc;
      border-radius: 0 5px 5px 0; }
    .belongingchoice .option.active {
      height: 150px;
      width: 170px;
      margin-top: -5px;
      border-radius: 5px;
      border: 2px solid #d8dbdc; }
      .belongingchoice .option.active .icon {
        color: #17aac7; }
      .belongingchoice .option.active .option-title {
        color: #17aac7;
        font-family: "Source Sans Pro", sans-serif; }

.list-group[role="belongings-select"] .list-group-item .input-radio {
  margin-right: 10px; }

.list-group[role="belongings-select"] .list-group-item > .pull-left {
  padding-top: 7px; }
  .list-group[role="belongings-select"] .list-group-item > .pull-left.with-license {
    padding-top: 10px; }

.input-radio {
  vertical-align: middle; }
  .input-radio .handle {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #009FE3;
    border-radius: 50%; }
    .input-radio .handle:after {
      content: "";
      display: none;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #009FE3;
      margin: 3px; }
  .input-radio input[type="radio"] {
    display: none; }
    .input-radio input[type="radio"]:checked + .handle:after {
      display: block; }

.license-plate, .residence-plate {
  vertical-align: middle; }

.application-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9999999;
  text-align: center; }
  .application-loading img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -50px; }

.lazyloader-loading {
  position: fixed;
  width: 100%;
  height: auto;
  background-color: #F0F4F6;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  bottom: -63px;
  z-index: 999999;
  transition: bottom 300ms ease-out;
  -webkit-transition: bottom 300ms ease-out;
  -moz-transition: bottom 300ms ease-out;
  -ms-transition: bottom 300ms ease-out;
  -o-transition: bottom 300ms ease-out; }
  .lazyloader-loading.success {
    background: #c0f0d4; }
    .lazyloader-loading.success p {
      color: #2ecc71; }
  .lazyloader-loading.loading {
    bottom: 0; }
  .lazyloader-loading > p {
    margin: 20px 40px; }
    .lazyloader-loading > p img {
      height: 20px;
      margin-right: 15px; }
    .lazyloader-loading > p .fa-check {
      color: #2ecc71; }

.bar-components {
  margin-top: 20px; }
  .bar-components .bar-component {
    margin-bottom: 10px; }
    .bar-components .bar-component .bar-title,
    .bar-components .bar-component .bar-value {
      margin: 0; }
    .bar-components .bar-component .bar-value {
      color: #009FE3;
      font-size: 20px; }
    .bar-components .bar-component .progress {
      margin-bottom: 0; }
    .bar-components .bar-component.bar-component-sm .progress {
      height: 10px;
      margin-top: 8px; }
    .bar-components .bar-component.bar-component-lg {
      margin-top: 20px; }
      .bar-components .bar-component.bar-component-lg .progress {
        border-radius: 20px;
        margin-top: 5px; }
      .bar-components .bar-component.bar-component-lg .bar-title {
        text-transform: uppercase;
        font-weight: 700; }
      .bar-components .bar-component.bar-component-lg .bar-value {
        font-size: 26px; }
    .bar-components .bar-component:last-child {
      margin-bottom: 0; }

.block-error {
  background-color: #FFE2D5;
  box-shadow: 0px 0px 20px rgba(232, 122, 54, 0.63); }
  .block-error .summary {
    color: #EC5B09;
    font-weight: 600; }
  .block-error .description {
    color: #888888; }
  .block-error .error-action {
    padding-top: 30px; }

.canvas-block {
  width: 100%; }

body.trip-tour-active .main {
  overflow: hidden; }

body.trip-tour-active .trip-force-block {
  display: block; }

body.trip-tour-active .trip-active {
  position: relative; }
  body.trip-tour-active .trip-active:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 5px solid #008ECB;
    z-index: 10; }

body.trip-tour-active .trip-blur:not(.trip-active) {
  opacity: 0.3; }

body.trip-tour-active .trip-block-blur {
  opacity: 1 !important; }

body.trip-tour-active .trip-block.incntrl {
  background-color: #008ECB;
  padding: 20px 30px;
  border-radius: 20px;
  width: 665px; }
  body.trip-tour-active .trip-block.incntrl .trip-content {
    float: left;
    color: #fff;
    font-size: 18px;
    text-align: left;
    max-width: 500px; }
  body.trip-tour-active .trip-block.incntrl .trip-progress-wrapper {
    float: right; }
    body.trip-tour-active .trip-block.incntrl .trip-progress-wrapper .trip-next.btn,
    body.trip-tour-active .trip-block.incntrl .trip-progress-wrapper .trip-prev.btn,
    body.trip-tour-active .trip-block.incntrl .trip-progress-wrapper .trip-dismiss.btn {
      padding: 7px 30px; }
  body.trip-tour-active .trip-block.incntrl.e, body.trip-tour-active .trip-block.incntrl.w {
    border-radius: 4px; }
  body.trip-tour-active .trip-block.incntrl.e {
    margin-left: 15px; }
    body.trip-tour-active .trip-block.incntrl.e:before {
      content: "";
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7.5px 15px 7.5px 0;
      border-color: transparent #008ECB transparent transparent; }

.date-selector label {
  font-weight: 500; }

.date-selector.no-labels label {
  display: none !important; }

.file-group-container {
  position: relative; }
  .file-group-container .file-group-layout, .file-group-container .file-group, .file-group-container .file-group:before, .file-group-container .file-group:after {
    display: block;
    height: 195px;
    border: 1px solid #eee;
    border-bottom-color: #dfdfdf;
    margin-bottom: 20px;
    border-radius: 4px;
    background: #fefefe;
    background: linear-gradient(to bottom, #fefefe 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 );
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 120ms ease-out; }
  .file-group-container .file-group {
    position: relative;
    z-index: 3; }
    .file-group-container .file-group .file-group-head {
      padding: 0 15px; }
      .file-group-container .file-group .file-group-head p {
        margin: 10px 0; }
    .file-group-container .file-group .file-group-body {
      text-align: center;
      padding: 22px 0; }
      .file-group-container .file-group .file-group-body .icon {
        display: inline-block;
        font-size: 55px;
        color: #18B5CF;
        text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
        margin-top: -8px; }
    .file-group-container .file-group .file-group-foot {
      position: absolute;
      width: 100%;
      bottom: 0;
      padding: 0 15px; }
      .file-group-container .file-group .file-group-foot .icon-arrow-right {
        font-size: 12px; }
    .file-group-container .file-group:before, .file-group-container .file-group:after {
      content: "";
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      z-index: -1;
      box-shadow: none; }
    .file-group-container .file-group:before {
      -webkit-transform: rotate(2deg); }
    .file-group-container .file-group:after {
      -webkit-transform: rotate(-2deg); }
    .file-group-container .file-group:hover:before {
      -webkit-transform: rotate(4deg); }
    .file-group-container .file-group:hover:after {
      -webkit-transform: rotate(-3deg); }
  .file-group-container .document {
    display: none; }
  .file-group-container.open .document {
    display: block; }
  .file-group-container.open .icon-arrow-right:before {
    content: "e"; }
  .file-group-container.open .icon:before {
    content: "x"; }

.file-date-selector {
  margin-top: 11px; }

.btn[disabled],
button[disabled] {
  background: #ccc; }

.trip-activation.disabled {
  opacity: 0; }

.well.well-information-unit {
  padding: 5px 20px; }
  .well.well-information-unit > p {
    margin: 0; }

.main .text-educative {
  color: #7D7D7D; }

.atlwdg-trigger {
  z-index: 999999999; }

input.invalid,
textarea.invalid {
  border: 2px solid #f00 !important; }

#application-load {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff; }
  #application-load .preloader-container {
    position: absolute;
    width: 500px;
    height: 282px;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -141px;
    text-align: center; }
    #application-load .preloader-container .bydehand-logo {
      margin-bottom: 30px; }
  #application-load h1 {
    font-size: 28px; }
  #application-load .progress .progress-bar {
    min-width: 2%;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none; }
  #application-load .fa-coffee {
    font-size: 52px;
    color: #E6E6E6;
    margin: 40px 0 80px;
    text-shadow: 0px 1px 0px #CACACA; }

.incntrl-logo {
  display: inline-block;
  height: 50px; }
  .incntrl-logo a {
    font-family: "Montserrat", sans-serif;
    color: #009FE3;
    font-size: 22px;
    font-weight: 600;
    display: block;
    height: 50px;
    line-height: 32px; }
    .incntrl-logo a span {
      color: #fff; }
    .incntrl-logo a:hover {
      text-decoration: none; }
  .incntrl-logo.incntrl-logo-background {
    padding: 10px 20px;
    background-color: #313C44; }

.errors-list .errors-title {
  margin-bottom: 20px; }

.browser-awareness {
  text-align: center;
  padding: 30px 20px 0 20px; }
  .browser-awareness p {
    font-size: 14px;
    margin-bottom: 20px; }
  .browser-awareness .fa {
    font-size: 30px;
    color: #009FE3; }
  .browser-awareness .browsers .browsers-browser {
    margin: 0 15px; }
    .browser-awareness .browsers .browsers-browser a:hover .fa {
      color: #088DA5; }

.info-tooltip-opener {
  border: 0px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  outline: 0px; }
  .info-tooltip-opener.active {
    background-color: #18b5cf; }

.right-of-element {
  margin-top: 38px;
  position: absolute; }
  .right-of-element ~ .ember-view .tooltips {
    right: -295px;
    top: 285px; }

.visual-info-button {
  background-color: transparent;
  margin-left: -4px !important; }

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