/* === Content\raetsheren\login.css === */
/* =============================================================================
   Fonts
   ========================================================================== */
form.form,
div.doc__login,
.gform_wrapper form {
  margin-bottom: 48px;
  margin-bottom: 3rem; }
  form.form ::-webkit-input-placeholder,
  div.doc__login ::-webkit-input-placeholder,
  .gform_wrapper form ::-webkit-input-placeholder {
    font-style: normal; }
  form.form ::-moz-placeholder,
  div.doc__login ::-moz-placeholder,
  .gform_wrapper form ::-moz-placeholder {
    font-style: normal; }
  form.form :-ms-input-placeholder,
  div.doc__login :-ms-input-placeholder,
  .gform_wrapper form :-ms-input-placeholder {
    font-style: normal; }
  form.form input:-moz-placeholder,
  div.doc__login input:-moz-placeholder,
  .gform_wrapper form input:-moz-placeholder {
    font-style: normal; }
  form.form input,
  form.form textarea,
  form.form select,
  div.doc__login input,
  div.doc__login textarea,
  div.doc__login select,
  .gform_wrapper form input,
  .gform_wrapper form textarea,
  .gform_wrapper form select {
    width: 100%; }
  form.form textarea,
  div.doc__login textarea,
  .gform_wrapper form textarea {
    height: 48px;
    height: 3rem;
    padding-top: 6px;
    padding-top: 0.375rem;
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    padding-left: 12px;
    padding-left: 0.75rem;
    padding-right: 12px;
    padding-right: 0.75rem;
    border: 1px solid #231f20;
    background-color: transparent;
    font-size: 16px;
    font-size: 1rem;
    border-radius: 0.5px;
    border-radius: 0.03125rem;
    font-weight: 100; }
    form.form textarea:focus,
    div.doc__login textarea:focus,
    .gform_wrapper form textarea:focus {
      border: 1px solid #0078ff;
      outline: none; }
    @media screen and (min-width: 56.25em) {
      form.form textarea,
      div.doc__login textarea,
      .gform_wrapper form textarea {
        font-size: 18px;
        font-size: 1.125rem;
        border-radius: 1px;
        border-radius: 0.0625rem; } }
  form.form input[type="color"],
  form.form input[type="date"],
  form.form input[type="datetime"],
  form.form input[type="datetime-local"],
  form.form input[type="email"],
  form.form input[type="month"],
  form.form input[type="number"],
  form.form input[type="range"],
  form.form input[type="search"],
  form.form input[type="tel"],
  form.form input[type="time"],
  form.form input[type="url"],
  form.form input[type="week"],
  form.form input[type="text"],
  form.form input[type="password"],
  form.form input[type="file"],
  form.form input[type="search"],
  form.form input[type="number"],
  form.form select,
  div.doc__login input[type="color"],
  div.doc__login input[type="date"],
  div.doc__login input[type="datetime"],
  div.doc__login input[type="datetime-local"],
  div.doc__login input[type="email"],
  div.doc__login input[type="month"],
  div.doc__login input[type="number"],
  div.doc__login input[type="range"],
  div.doc__login input[type="search"],
  div.doc__login input[type="tel"],
  div.doc__login input[type="time"],
  div.doc__login input[type="url"],
  div.doc__login input[type="week"],
  div.doc__login input[type="text"],
  div.doc__login input[type="password"],
  div.doc__login input[type="file"],
  div.doc__login input[type="search"],
  div.doc__login input[type="number"],
  div.doc__login select,
  .gform_wrapper form input[type="color"],
  .gform_wrapper form input[type="date"],
  .gform_wrapper form input[type="datetime"],
  .gform_wrapper form input[type="datetime-local"],
  .gform_wrapper form input[type="email"],
  .gform_wrapper form input[type="month"],
  .gform_wrapper form input[type="number"],
  .gform_wrapper form input[type="range"],
  .gform_wrapper form input[type="search"],
  .gform_wrapper form input[type="tel"],
  .gform_wrapper form input[type="time"],
  .gform_wrapper form input[type="url"],
  .gform_wrapper form input[type="week"],
  .gform_wrapper form input[type="text"],
  .gform_wrapper form input[type="password"],
  .gform_wrapper form input[type="file"],
  .gform_wrapper form input[type="search"],
  .gform_wrapper form input[type="number"],
  .gform_wrapper form select {
    -webkit-appearance: none;
    height: 48px;
    height: 3rem;
    padding-top: 6px;
    padding-top: 0.375rem;
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    padding-left: 12px;
    padding-left: 0.75rem;
    padding-right: 12px;
    padding-right: 0.75rem;
    border: 1px solid #231f20;
    background-color: transparent;
    font-size: 16px;
    font-size: 1rem;
    border-radius: 0.5px;
    border-radius: 0.03125rem;
    font-weight: 100; }
    form.form input[type="color"]:focus,
    form.form input[type="date"]:focus,
    form.form input[type="datetime"]:focus,
    form.form input[type="datetime-local"]:focus,
    form.form input[type="email"]:focus,
    form.form input[type="month"]:focus,
    form.form input[type="number"]:focus,
    form.form input[type="range"]:focus,
    form.form input[type="search"]:focus,
    form.form input[type="tel"]:focus,
    form.form input[type="time"]:focus,
    form.form input[type="url"]:focus,
    form.form input[type="week"]:focus,
    form.form input[type="text"]:focus,
    form.form input[type="password"]:focus,
    form.form input[type="file"]:focus,
    form.form input[type="search"]:focus,
    form.form input[type="number"]:focus,
    form.form select:focus,
    div.doc__login input[type="color"]:focus,
    div.doc__login input[type="date"]:focus,
    div.doc__login input[type="datetime"]:focus,
    div.doc__login input[type="datetime-local"]:focus,
    div.doc__login input[type="email"]:focus,
    div.doc__login input[type="month"]:focus,
    div.doc__login input[type="number"]:focus,
    div.doc__login input[type="range"]:focus,
    div.doc__login input[type="search"]:focus,
    div.doc__login input[type="tel"]:focus,
    div.doc__login input[type="time"]:focus,
    div.doc__login input[type="url"]:focus,
    div.doc__login input[type="week"]:focus,
    div.doc__login input[type="text"]:focus,
    div.doc__login input[type="password"]:focus,
    div.doc__login input[type="file"]:focus,
    div.doc__login input[type="search"]:focus,
    div.doc__login input[type="number"]:focus,
    div.doc__login select:focus,
    .gform_wrapper form input[type="color"]:focus,
    .gform_wrapper form input[type="date"]:focus,
    .gform_wrapper form input[type="datetime"]:focus,
    .gform_wrapper form input[type="datetime-local"]:focus,
    .gform_wrapper form input[type="email"]:focus,
    .gform_wrapper form input[type="month"]:focus,
    .gform_wrapper form input[type="number"]:focus,
    .gform_wrapper form input[type="range"]:focus,
    .gform_wrapper form input[type="search"]:focus,
    .gform_wrapper form input[type="tel"]:focus,
    .gform_wrapper form input[type="time"]:focus,
    .gform_wrapper form input[type="url"]:focus,
    .gform_wrapper form input[type="week"]:focus,
    .gform_wrapper form input[type="text"]:focus,
    .gform_wrapper form input[type="password"]:focus,
    .gform_wrapper form input[type="file"]:focus,
    .gform_wrapper form input[type="search"]:focus,
    .gform_wrapper form input[type="number"]:focus,
    .gform_wrapper form select:focus {
      border: 1px solid #0078ff;
      outline: none; }
    @media screen and (min-width: 56.25em) {
      form.form input[type="color"],
      form.form input[type="date"],
      form.form input[type="datetime"],
      form.form input[type="datetime-local"],
      form.form input[type="email"],
      form.form input[type="month"],
      form.form input[type="number"],
      form.form input[type="range"],
      form.form input[type="search"],
      form.form input[type="tel"],
      form.form input[type="time"],
      form.form input[type="url"],
      form.form input[type="week"],
      form.form input[type="text"],
      form.form input[type="password"],
      form.form input[type="file"],
      form.form input[type="search"],
      form.form input[type="number"],
      form.form select,
      div.doc__login input[type="color"],
      div.doc__login input[type="date"],
      div.doc__login input[type="datetime"],
      div.doc__login input[type="datetime-local"],
      div.doc__login input[type="email"],
      div.doc__login input[type="month"],
      div.doc__login input[type="number"],
      div.doc__login input[type="range"],
      div.doc__login input[type="search"],
      div.doc__login input[type="tel"],
      div.doc__login input[type="time"],
      div.doc__login input[type="url"],
      div.doc__login input[type="week"],
      div.doc__login input[type="text"],
      div.doc__login input[type="password"],
      div.doc__login input[type="file"],
      div.doc__login input[type="search"],
      div.doc__login input[type="number"],
      div.doc__login select,
      .gform_wrapper form input[type="color"],
      .gform_wrapper form input[type="date"],
      .gform_wrapper form input[type="datetime"],
      .gform_wrapper form input[type="datetime-local"],
      .gform_wrapper form input[type="email"],
      .gform_wrapper form input[type="month"],
      .gform_wrapper form input[type="number"],
      .gform_wrapper form input[type="range"],
      .gform_wrapper form input[type="search"],
      .gform_wrapper form input[type="tel"],
      .gform_wrapper form input[type="time"],
      .gform_wrapper form input[type="url"],
      .gform_wrapper form input[type="week"],
      .gform_wrapper form input[type="text"],
      .gform_wrapper form input[type="password"],
      .gform_wrapper form input[type="file"],
      .gform_wrapper form input[type="search"],
      .gform_wrapper form input[type="number"],
      .gform_wrapper form select {
        font-size: 18px;
        font-size: 1.125rem;
        border-radius: 1px;
        border-radius: 0.0625rem; } }
  form.form input[type="checkbox"],
  form.form input[type="radio"],
  form.form input[type="submit"],
  form.form input[type="button"],
  form.form input[type="search"],
  form.form input[type="reset"],
  div.doc__login input[type="checkbox"],
  div.doc__login input[type="radio"],
  div.doc__login input[type="submit"],
  div.doc__login input[type="button"],
  div.doc__login input[type="search"],
  div.doc__login input[type="reset"],
  .gform_wrapper form input[type="checkbox"],
  .gform_wrapper form input[type="radio"],
  .gform_wrapper form input[type="submit"],
  .gform_wrapper form input[type="button"],
  .gform_wrapper form input[type="search"],
  .gform_wrapper form input[type="reset"] {
    width: auto; }
  form.form input[type="search"],
  div.doc__login input[type="search"],
  .gform_wrapper form input[type="search"] {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  form.form textarea,
  div.doc__login textarea,
  .gform_wrapper form textarea {
    min-height: 144px;
    min-height: 9rem; }
  form.form button,
  form.form input[type="submit"],
  form.form input[type="button"],
  div.doc__login button,
  div.doc__login input[type="submit"],
  div.doc__login input[type="button"],
  .gform_wrapper form button,
  .gform_wrapper form input[type="submit"],
  .gform_wrapper form input[type="button"] {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    display: inline-block;
    padding-top: 2px;
    padding-top: 0.125rem;
    padding-right: 17px;
    padding-right: 1.0625rem;
    padding-bottom: 2px;
    padding-bottom: 0.125rem;
    padding-left: 17px;
    padding-left: 1.0625rem;
    border: 1px solid #0078ff;
    border-radius: 0.5px;
    border-radius: 0.03125rem;
    background: none;
    line-height: 30px;
    line-height: 1.875rem;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;
    color: #0078ff;
    text-align: center;
    text-transform: lowercase;
    white-space: nowrap; }
    @media screen and (min-width: 56.25em) {
      form.form button,
      form.form input[type="submit"],
      form.form input[type="button"],
      div.doc__login button,
      div.doc__login input[type="submit"],
      div.doc__login input[type="button"],
      .gform_wrapper form button,
      .gform_wrapper form input[type="submit"],
      .gform_wrapper form input[type="button"] {
        padding-top: 5px;
        padding-top: 0.3125rem;
        padding-right: 35px;
        padding-right: 2.1875rem;
        padding-bottom: 5px;
        padding-bottom: 0.3125rem;
        padding-left: 35px;
        padding-left: 2.1875rem;
        line-height: 36px;
        line-height: 2.25rem;
        border-radius: 1px;
        border-radius: 0.0625rem;
        font-size: 18px;
        font-size: 1.125rem; } }
    form.form button:hover, form.form button:focus,
    form.form input[type="submit"]:hover,
    form.form input[type="submit"]:focus,
    form.form input[type="button"]:hover,
    form.form input[type="button"]:focus,
    div.doc__login button:hover,
    div.doc__login button:focus,
    div.doc__login input[type="submit"]:hover,
    div.doc__login input[type="submit"]:focus,
    div.doc__login input[type="button"]:hover,
    div.doc__login input[type="button"]:focus,
    .gform_wrapper form button:hover,
    .gform_wrapper form button:focus,
    .gform_wrapper form input[type="submit"]:hover,
    .gform_wrapper form input[type="submit"]:focus,
    .gform_wrapper form input[type="button"]:hover,
    .gform_wrapper form input[type="button"]:focus {
      border-color: #0060cc;
      color: #0060cc;
      background-color: rgba(0, 120, 255, 0.15); }

/* === Content\unslider.css === */
.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:20px}
/* === Content\unslider-dots.css === */
/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 1px solid #000;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #000;
  cursor: default;
}

/* === Content\bootstrap-multiselect.css === */
span.hide-native-select{position:relative}span.hide-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 20px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:5px}
/* === Content\raetsheren\master.css === */
.bootstrap table.table.panel {
    border: 1px solid #dec9a3;
}

    .bootstrap table.table.panel tr,
    .bootstrap table.table.panel td,
    .bootstrap table.table.panel th {
        border: none;
    }

.bootstrap table.table.panel-default {
    background-color: #faf7f2;
}

ul.ErrorMessages {
}

    ul.ErrorMessages li {
        color: #FF0000;
    }

tr.hover:hover,
td.hover:hover,
th.hover:hover,
span.hover:hover {
    background-color: #e5d4b5;
    cursor: pointer;
}

.bootstrap table.table.table-input,
.bootstrap table.table.table-input tr,
.bootstrap table.table.table-input th,
.bootstrap table.table.table-input td {
    border: none;
}

/* horizontale lijnen verbergen in tabellen voor wizards */

.bootstrap .table.wizard-table > thead > tr > th,
.bootstrap .table.wizard-table > thead > tr > td,
.bootstrap .table.wizard-table > tbody > tr > th,
.bootstrap .table.wizard-table > tbody > tr > td,
.bootstrap .table.wizard-table > tfoot > tr > th,
.bootstrap .table.wizard-table > tfoot > tr > td,
.bootstrap .table.no-border > thead > tr > th,
.bootstrap .table.no-border > thead > tr > td,
.bootstrap .table.no-border > tbody > tr > th,
.bootstrap .table.no-border > tbody > tr > td,
.bootstrap .table.no-border > tfoot > tr > th,
.bootstrap .table.no-border > tfoot > tr > td {
    border-top: none;
    border-bottom: none;
}


.bootstrap table.table.table-nested {
}

.product-ddl {
    width: 350px !important;
}

.product-column {
    width: 350px !important;
}

.product-link {
    display: none
}

.input-width-xs,
.bootstrap textarea.input-width-xs {
    max-width: 80px !important;
}

.input-width-s,
.bootstrap textarea.input-width-s {
    max-width: 130px !important;
}

.input-width-m,
.bootstrap textarea.input-width-m {
    max-width: 180px !important;
}

.input-width-l,
.bootstrap textarea.input-width-l {
    max-width: 280px !important;
}

.input-width-xl,
.bootstrap textarea.input-width-xl {
    max-width: 400px !important;
}

.no-max-width input,
.no-max-width select,
.no-max-width textarea {
    max-width: none;
}

.importantmessage {
    color: #f00;
}

.mainitems {
    display: inline;
}

    .mainitems input {
        margin-right: 15px;
        margin-bottom: 15px;
    }

/* CookieWarning */

#btnCloseCookie {
    cursor: pointer;
    padding: 0;
    background: none;
    border: 0;
}

    #btnCloseCookie.close {
        opacity: 1.0;
    }

.hidemeplease {
    display: none;
}

#cookiewarning.alert {
    margin-bottom: 0;
}

.transparent {
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.closeCookie {
    background: url("images/btn-close.png") no-repeat right top;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    margin-left: 450px;
    left: 50%;
    color: black;
    cursor: pointer;
    text-decoration: none !important;
    z-index: 10001;
}

#cookiewarning {
    line-height: 1.9em;
    width: 100%;
    /*height: 30px;*/
    background-color: #ddd;
    text-align: center;
    padding-top: 12px;
    font-size: 12px;
    position: fixed;
    bottom: 0;
    z-index: 10000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.hideCookie {
    display: none;
}

#cookiewarning p {
    text-align: center;
}

input.licenceplate {
    font-family: Verdana;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    border: 0;
    width: 100px;
    height: 30px;
    cursor: text;
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: transparent;
}

    input.licenceplate::-ms-clear {
        display: none;
    }

    input.licenceplate:focus {
        border: 0;
        outline: none;
    }

.insurance-picker label {
    display: inline;
}

/* This is where you can customize the appearance of the tooltip */

div#tipDiv {
    position: absolute;
    z-index: 10000;
    font-size: 10pt;
    line-height: normal;
    background: #f8f7f5;
    border: 1px solid #dec9a3;
    width: 380px;
    padding: 8px;
    visibility: hidden;
}

    div#tipDiv dl {
        width: 100%;
        overflow: hidden;
        padding: 0;
        margin: 0
    }

    div#tipDiv dt {
        float: left;
        width: 50%;
        padding: 0;
        margin: 0;
        clear: left;
    }

    div#tipDiv dd {
        float: left;
        width: 50%;
        padding: 0;
        margin: 0;
    }

div.accordionHeader,
div.accordionHeaderSelected {
    cursor: pointer;
    color: #0078ff;
}

table.cursor-pointer tbody tr,
table.cursor-pointer tbody tr img {
    cursor: pointer;
}

.bootstrap .input-group-addon {
    background-color: transparent;
}

.row .form-check {
    margin-left: 20px;
    margin-top: -18px;
    padding-top: 8px;
}

    .row .form-check span.checkbox > label {
        padding-left: 0;
    }

/* AjaxControlToolkit calendar */

.ajax__calendar .ajax__calendar_days table,
.ajax__calendar .ajax__calendar_months table,
.ajax__calendar .ajax__calendar_years table {
    border: none;
    background-color: transparent;
    vertical-align: middle;
    line-height: 16px;
}

.ajax__calendar .ajax__calendar_day {
    border: none;
}

div.ajax__calendar_container {
    width: 240px;
}

div.ajax__calendar_body,
div.ajax__calendar_days,
div.ajax__calendar_months,
div.ajax__calendar_years {
    width: 230px;
}

.bootstrap .wizard-table td div.ajax__calendar_days td,
.bootstrap .wizard-table td div.ajax__calendar_months td,
.bootstrap .wizard-table td div.ajax__calendar_years td {
    padding: 1px;
}

div.ajax__calendar * {
    position: static;
}

div.ajax__calendar_body {
    position: relative;
}

div.ajax__calendar .ajax__calendar_container {
    border: 1px solid #dec9a3;
}

div.ajax__calendar_container {
    font-family: "Merriweather Raetsheren", "Georgia", "Times", serif;
    font-size: 12px;
    line-height: 1;
}

    div.ajax__calendar_container td {
        font-size: 12px
    }

div.ajax__calendar_header {
    height: 28px;
}

div.ajax__calendar td.ajax__calendar_other div.ajax__calendar_day {
    color: #bbb;
}

div.ajax__calendar_day,
div.ajax__calendar_month,
div.ajax__calendar_year {
    width: 100%;
    text-align: center;
}

/* End AjaxControlToolkit calendar */

.bootstrap .btn-raetsheren {
    color: #ae915b;
}

.bootstrap a.btn-raetsheren:hover {
    color: #0078ff;
}

.bootstrap .btn-raetsheren.aspNetDisabled,
.bootstrap .btn-raetsheren.aspNetDisabled:hover {
    color: #dec9a3;
    cursor: default;
}

.bootstrap a.btn.btn-xs {
    padding: 1px 3px;
    margin-left: 0;
}

.icon-ok,
.icon-readonly {
    color: #0078ff;
    cursor: default;
}

.icon-remove {
    color: rgba(174, 76, 76, 1);
    cursor: default;
}

.icon-warning-sign {
    color: #d78b00;
    cursor: default;
}

.icon-question-sign {
    color: #ae915b;
    cursor: default;
}

.bootstrap a.btn.btn-xxs {
    padding: 0;
    margin-left: 0;
}

.bootstrap a.btn-xxs, .bootstrap .btn-group-xxs > a.btn {
    margin-bottom: 4px;
}

.bootstrap .btn.btn-xxs, .bootstrap .btn-group-xxs > .btn {
    font-size: 10px;
    line-height: 1.5;
    border-radius: 3px;
}

.textblock-container {
    width: 100%;
    text-align: center;
}

    .textblock-container a {
        text-decoration: none;
    }

.textblock {
    border: 1px solid rgb(136, 138, 141);
    border-image: none;
    width: 294px;
    margin-right: 13px;
    display: inline-block;
    margin-bottom: 13px;
}

    .textblock .header {
        width: 100%;
        height: 30px;
        background-color: #dec9a3
    }

        .textblock .header h2 {
            margin: 0;
            padding: 6px;
            padding-top: 5px;
            color: #000;
            font-size: 14px;
            text-align: left
        }

    .textblock .image {
        width: 100%;
        height: 100px;
    }

    .textblock .readmore {
        width: 100%;
        height: 30px;
        font-size: 14px;
        text-align: right;
        border-top-color: rgb(136, 138, 141);
        border-top-width: 1px;
        border-top-style: solid;
    }

        .textblock .readmore a {
            margin: 3px;
            text-decoration: none;
            display: inline-block;
        }

#divExplenation {
    background-color: #fff;
    width: 800px;
    border: solid 1px #dec9a3;
    padding: 10px;
}

.mededelingsplicht {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.block-center {
    margin-left: auto;
    margin-right: auto;
}

.bootstrap a.aspNetDisabled.btn.btn-default {
    pointer-events: auto;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Eerst kolom krijgt standaard breedte */

.bootstrap table.table.table-input > tbody > tr:first-child > th:first-child,
.bootstrap table.table.table-input > tbody > tr:first-child > td:first-child,
.bootstrap table.table.panel > tbody > tr:first-child > th:first-child,
.bootstrap table.table.panel > tbody > tr:first-child > td:first-child,
.bootstrap table.table.table-input > thead > tr:first-child > th:first-child,
.bootstrap table.table.table-input > thead > tr:first-child > td:first-child,
.bootstrap table.table.panel > thead > tr:first-child > th:first-child,
.bootstrap table.table.panel > thead > tr:first-child > td:first-child {
    width: 250px;
}

/* table headers donkerbruin */

.bootstrap .table th {
    color: #6b5b50;
}

.bootstrap .table.panel th,
.bootstrap .table.table-input th {
    color: #0078ff;
}

/* EINDE table headers donkerbruin */

/* voorkom insrpingen van tabellen in wizards */

.bootstrap table.table.wizard-table > tbody > tr > td:first-child,
.bootstrap table.table.wizard-table > tbody > tr > th:first-child,
.bootstrap table.table.wizard-table table.table-input > tbody > tr > td:first-child,
.bootstrap table.table.wizard-table table.table-input > thead > tr > th:first-child,
.bootstrap table.table.wizard-table table.table-input > tbody > tr > th:first-child {
    padding-left: 0;
}

.bootstrap table.table.wizard-table > tbody > tr > td:last-child,
.bootstrap table.table.wizard-table > tbody > tr > th:last-child,
.bootstrap table.table.wizard-table table.table-input > tbody > tr > td:last-child,
.bootstrap table.table.wizard-table table.table-input > tbody > tr > th:last-child {
    padding-right: 0;
}

/* EINDE voorkom insrpingen van tabellen in wizards */

/* input group button, border bruin */

.bootstrap .input-group-btn .btn {
    border-color: #dec9a3;
}

/* EINDE input group button, border bruin */

/* btn default zelfde stijl geven als btn-info */

.bootstrap .btn-default {
    color: #0078ff;
    background-color: rgba(0, 120, 255, 0.01);
    border-color: #0078ff;
}

    .bootstrap .btn-default:focus, .bootstrap .btn-default.focus {
        color: #0078ff;
        background-color: rgba(0, 96, 204, 0.01);
        border-color: #003c80;
    }

    .bootstrap .btn-default:hover {
        color: #0078ff;
        background-color: rgba(0, 96, 204, 0.01);
        border-color: #005bc2;
    }

    .bootstrap .btn-default:active, .bootstrap .btn-default.active,
    .open > .bootstrap .btn-default.dropdown-toggle {
        color: #0078ff;
        background-color: rgba(0, 96, 204, 0.01);
        border-color: #005bc2;
    }

        .bootstrap .btn-default:active:hover, .bootstrap .btn-default:active:focus, .bootstrap .btn-default:active.focus, .bootstrap .btn-default.active:hover, .bootstrap .btn-default.active:focus, .bootstrap .btn-default.active.focus,
        .open > .bootstrap .btn-default.dropdown-toggle:hover,
        .open > .bootstrap .btn-default.dropdown-toggle:focus,
        .open > .bootstrap .btn-default.dropdown-toggle.focus {
            color: #0078ff;
            background-color: rgba(0, 79, 168, 0.01);
            border-color: #003c80;
        }

    .bootstrap .btn-default:active, .bootstrap .btn-default.active,
    .open > .bootstrap .btn-default.dropdown-toggle {
        background-image: none;
    }

    .bootstrap .btn-default.disabled:hover, .bootstrap .btn-default.disabled:focus, .bootstrap .btn-default.disabled.focus, .bootstrap .btn-default[disabled]:hover, .bootstrap .btn-default[disabled]:focus, .bootstrap .btn-default[disabled].focus,
    fieldset[disabled] .bootstrap .btn-default:hover,
    fieldset[disabled] .bootstrap .btn-default:focus,
    fieldset[disabled] .bootstrap .btn-default.focus {
        background-color: rgba(0, 120, 255, 0.01);
        border-color: #0078ff;
    }

    .bootstrap .btn-default .badge {
        color: rgba(0, 120, 255, 0.01);
        background-color: #0078ff;
    }

    .bootstrap .btn-default:hover,
    .bootstrap .btn-default:focus,
    .bootstrap .btn-default.focus,
    .bootstrap .btn-default:active,
    .bootstrap .btn-default.active,
    .bootstrap .open > .btn-default.dropdown-toggle,
    .bootstrap .btn-default:active:hover,
    .bootstrap .btn-default:active:focus,
    .bootstrap .btn-default:active.focus,
    .bootstrap .btn-default.active:hover,
    .bootstrap .btn-default.active:focus,
    .bootstrap .btn-default.active.focus,
    .bootstrap .open > .btn-default.dropdown-toggle:hover,
    .bootstrap .open > .btn-default.dropdown-toggle:focus,
    .bootstrap .open > .btn-default.dropdown-toggle.focus {
        background-color: rgba(0, 120, 255, 0.15);
    }

.bootstrap .btn-secondary {
    color: #6c757d;
    background-color: rgba(108, 117, 125, 0.01);
    border-color: #6c757d;
}

    .bootstrap .btn-secondary:focus, .bootstrap .btn-secondary.focus {
        color: #6c757d;
        background-color: rgba(90, 98, 104, 0.01);
        border-color: #545b62;
    }

    .bootstrap .btn-secondary:hover {
        color: #6c757d;
        background-color: rgba(90, 98, 104, 0.01);
        border-color: #545b62;
    }

    .bootstrap .btn-secondary:active, .bootstrap .btn-secondary.active,
    .open > .bootstrap .btn-secondary.dropdown-toggle {
        color: #6c757d;
        background-color: rgba(90, 98, 104, 0.01);
        border-color: #545b62;
    }

        .bootstrap .btn-secondary:active:hover, .bootstrap .btn-secondary:active:focus, .bootstrap .btn-secondary:active.focus, .bootstrap .btn-secondary.active:hover, .bootstrap .btn-secondary.active:focus, .bootstrap .btn-secondary.active.focus,
        .open > .bootstrap .btn-secondary.dropdown-toggle:hover,
        .open > .bootstrap .btn-secondary.dropdown-toggle:focus,
        .open > .bootstrap .btn-secondary.dropdown-toggle.focus {
            color: #6c757d;
            background-color: rgba(90, 98, 104, 0.01);
            border-color: #545b62;
        }

    .bootstrap .btn-secondary:active, .bootstrap .btn-secondary.active,
    .open > .bootstrap .btn-secondary.dropdown-toggle {
        background-image: none;
    }

    .bootstrap .btn-secondary.disabled:hover, .bootstrap .btn-secondary.disabled:focus, .bootstrap .btn-secondary.disabled.focus, .bootstrap .btn-secondary[disabled]:hover, .bootstrap .btn-secondary[disabled]:focus, .bootstrap .btn-secondary[disabled].focus,
    fieldset[disabled] .bootstrap .btn-secondary:hover,
    fieldset[disabled] .bootstrap .btn-secondary:focus,
    fieldset[disabled] .bootstrap .btn-secondary.focus {
        background-color: rgba(108, 117, 125, 0.01);
        border-color: #6c757d;
    }

    .bootstrap .btn-secondary .badge {
        color: rgba(108, 117, 125, 0.01);
        background-color: #6c757d;
    }

    .bootstrap .btn-secondary:hover,
    .bootstrap .btn-secondary:focus,
    .bootstrap .btn-secondary.focus,
    .bootstrap .btn-secondary:active,
    .bootstrap .btn-secondary.active,
    .bootstrap .open > .btn-secondary.dropdown-toggle,
    .bootstrap .btn-secondary:active:hover,
    .bootstrap .btn-secondary:active:focus,
    .bootstrap .btn-secondary:active.focus,
    .bootstrap .btn-secondary.active:hover,
    .bootstrap .btn-secondary.active:focus,
    .bootstrap .btn-secondary.active.focus,
    .bootstrap .open > .btn-secondary.dropdown-toggle:hover,
    .bootstrap .open > .btn-secondary.dropdown-toggle:focus,
    .bootstrap .open > .btn-secondary.dropdown-toggle.focus {
        background-color: rgba(108, 117, 125, 0.15);
    }

/* EINDE btn-default zelfde stijl geven als btn-info */

.footer-module {
    font-size: 14px;
}

    .footer-module table,
    .footer-module table td,
    .footer-module table th {
        border: none;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 10px;
    }

.doc__login div.form--login > div.input {
    margin-bottom: 0;
}

a.explicitlink,
a.explicitlink:hover {
    text-decoration: underline;
}

.strong {
    font-weight: bold;
}

input.form-control.input-zipcode {
    width: 100px !important;
}

.button--profile > span {
    text-transform: lowercase;
}

@media (max-width: 1200px) {
    .bootstrap .well .panel-header-block {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .button--profile > span {
        display: none;
    }

    .button--profile.profile-toggle--active > span {
        display: inline;
    }
}

table.legend td:first-child {
    width: 40px;
}

.form-check {
    margin-left: 20px;
    margin-top: -10px;
}

    .form-check > span.checkbox > label {
        margin-left: -20px
    }

@media screen and (max-width: 1240px) {
    .entry--single .entry__wrapper,
    .entry--page .entry__wrapper {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 480px) {
    .entry--single .entry__wrapper,
    .entry--page .entry__wrapper {
        margin-left: 10px;
        margin-right: 10px;
    }
}


.rhprogressbarContainer {
    width: 105px;
    float: left;
}

.rhprogressbar {
    color: #000000;
    background-repeat: repeat-x;
    width: 0px;
    background-color: blue;
    height: 15px;
    margin-top: 5px;
    float: left;
}

    .rhprogressbar.error {
        background-color: red;
    }

    .rhprogressbar.success {
        background-color: green;
    }

.rhprogressbarPercentage {
    width: 20px;
    float: left;
}

.bootstrap .tooltip .tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px;
    text-align: left;
    background-color: #f9f5ee;
    border: 2px solid #dec9a3;
    color: #000;
    opacity: 1;
}

.bootstrap .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.bootstrap .tooltip.top .tooltip-arrow {
    border-top-color: #dec9a3;
}

th a.active:after {
    content: "\e260";
    position: relative;
    top: 1px;
    left: 3px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

th a.active.descending:after {
    content: "\e259";
}

.bootstrap .dropdown-menu > li > a > .fa.fa-fw {
    margin-left: -10px;
    margin-right: 6px;
}

.styled-checkbox {
    display: inline-block;
    position: relative;
}

    .styled-checkbox input {
        position: absolute;
        opacity: 0;
        user-select: none;
    }

        .styled-checkbox input + label {
            position: relative;
            cursor: pointer;
            padding: 0;
            margin: 0;
            user-select: none;
            height: 24px;
            min-width: 24px;
            margin-left: 0;
        }

            .styled-checkbox input + label[for] {
                margin-left: 0;
            }

            .styled-checkbox input + label:before {
                content: '';
                display: inline-block;
                vertical-align: text-top;
                width: 18px;
                height: 18px;
                background: white;
                border: 1px solid #ddc7a1;
                transition: background-color .25s ease-in-out;
            }

        .styled-checkbox input:hover + label:before {
            /*background: #ddc7a1;*/
            border-color: #005bc2;
            background-color: rgba(0, 120, 255, 0.15);
        }

        .styled-checkbox input:active + label:before {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            border-color: #003c80;
        }

        .styled-checkbox input:focus + label:before { /*box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);*/
        }

        .styled-checkbox input:checked + label:before {
            /*background: #ddc7a1;*/
            /*background: #fff;*/
        }

        .styled-checkbox input:disabled + label {
            color: #b8b8b8;
            cursor: auto;
        }

            .styled-checkbox input:disabled + label:before {
                box-shadow: none;
                background: #ddd;
            }

        .styled-checkbox input + label:after {
            content: "\e013";
            position: absolute;
            left: 3px;
            top: 6px;
            font-size: 12px;
            font-family: 'Glyphicons Halflings';
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            color: #6b5c51;
            opacity: 0;
        }

        .styled-checkbox input:checked + label:after {
            opacity: 1;
        }

        .styled-checkbox input:hover + label:after {
            color: #0078ff;
        }

.bootstrap .popover {
    border-color: #ad915c;
    max-width: 600px;
}

    .bootstrap .popover.left > .arrow {
        border-left-color: #ac915c;
    }

    .bootstrap .popover.top > .arrow {
        border-top-color: #ac915c;
    }

    .bootstrap .popover.right > .arrow {
        border-right-color: #ac915c;
    }

    .bootstrap .popover.bottom > .arrow {
        border-bottom-color: #ac915c;
    }

.bootstrap .popover-title {
    background-color: #f9f5ed;
    color: #6b5c51;
}

.bootstrap .popover-content {
    font-size: 11px;
    text-wrap: normal;
    word-break: normal;
    word-wrap: break-word;
    color: #716a6c;
    font-weight: normal;
}

.bootstrap .btn.btn-datepicker .glyphicon.glyphicon-calendar {
    position: relative;
    top: 2px;
    left: 1px;
}

.bootstrap .table tr.deleted > td > .glyphicon {
    color: #ccc;
}

.ajax__calendar .ajax__calendar_day,
.ajax__calendar .ajax__calendar_month,
.ajax__calendar .ajax__calendar_year {
    padding: 0;
}

.yesnoicon + span {
    display: inline-block;
    margin-left: 4px;
}

.quotationpackage-list {
}

    .quotationpackage-list .quotationpackage-listitem + .quotationpackage-listitem {
        margin-top: 32px;
    }

    .quotationpackage-list .quotationpackage-listitem p {
        margin-bottom: 0;
    }

    .quotationpackage-list .quotationpackage-listitem .quotationpackage-listitem--date {
    }

    .quotationpackage-list .quotationpackage-listitem a,
    .quotationpackage-list .quotationpackage-listitem a:link,
    .quotationpackage-list .quotationpackage-listitem a:visited {
        text-decoration: underline !important;
    }

.table.table-click tr {
    cursor: pointer;
}

.table-licenceplate td.table-licenceplate-center::before {
    background-image: url("images/license_middle.gif");
    display: inline-block;
    position: absolute;
    top: 0;
    left: -5px;
    right: -5px;
    height: 32px;
    background-repeat: repeat-x;
    content: ' ';
}

.table-licenceplate td.table-licenceplate-center input:focus {
    outline: 0;
}

.paragraph-title {
    cursor: pointer;
}

    .paragraph-title.closed:after {
        content: "lees meer...";
        font-size: 14px;
        font-style: italic;
        color: #000000;
    }

    .paragraph-title.closed:before {
        content: ">";
        font-size: 14px;
        /*font-style: italic;
    color: #000000;*/
    }

.disclaimer {
    margin-top: 80px;
}

    .disclaimer p {
        font-size: 12px;
        font-style: italic;
    }

.fa-bootstrap.fa-stack {
    height: 1em;
    height: 1em;
    vertical-align: unset;
    text-align: left;
}

    .fa-bootstrap,
    .fa-bootstrap.fa-stack > .fa {
        line-height: 1 !important;
    }

        .fa-bootstrap.fa-stack > .fa.fa-stack-secondary {
            line-height: 0.5 !important;
        }


.fa-stack.fa-stack-top-left,
.fa-stack.fa-stack-top-right,
.fa-stack.fa-stack-bottom-left,
.fa-stack.fa-stack-bottom-right {
    width: 1.25em;
    height: 1em;
}

    .fa-stack.fa-stack-top-left > .fa-stack-secondary,
    .fa-stack.fa-stack-top-right > .fa-stack-secondary,
    .fa-stack.fa-stack-bottom-left > .fa-stack-secondary,
    .fa-stack.fa-stack-bottom-right > .fa-stack-secondary {
        position: absolute;
        line-height: 1em;
    }


.fa-stack.fa-stack-top-left,
.fa-stack.fa-stack-bottom-left {
    text-align: right;
}

.fa-stack.fa-stack-top-right,
.fa-stack.fa-stack-bottom-right {
    text-align: left;
}


.fa-stack.fa-stack-top-left > .fa-stack-secondary,
.fa-stack.fa-stack-bottom-left > .fa-stack-secondary {
    left: 0 !important;
}

.fa-stack.fa-stack-top-right > .fa-stack-secondary,
.fa-stack.fa-stack-bottom-right > .fa-stack-secondary {
    right: 0 !important;
}

.fa-stack.fa-stack-top-left > .fa-stack-secondary,
.fa-stack.fa-stack-top-right > .fa-stack-secondary {
    top: 0 !important;
}

.fa-stack.fa-stack-bottom-left > .fa-stack-secondary,
.fa-stack.fa-stack-bottom-right > .fa-stack-secondary {
    bottom: 0 !important;
}

.fa-stack > .fa-stack-primary {
    color: #ae915b;
    cursor: default;
}

.fa-stack > .fa-stack-secondary {
    color: #0078ff;
    cursor: default;
    text-shadow: 1px 1px 1px rgba(249, 245, 238, 0.75);
}

.fa-stack.fa-stack-black > .fa-stack-primary {
    color: #231f20;
}


.test-website-banner {
    z-index: 9999999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: .5rem 1rem;
    background: #ff6e17;
    color: #fff;
    height: 50px;
    font-size: 1rem;
    box-sizing: border-box;
    text-align: center;
    animation: heartBeat 1.3s ease-in-out;
    opacity: 1;
    pointer-events: none;
    transition: opacity linear .15s;
}

    .test-website-banner.hover {
        opacity: 0.1;
    }

body.has-test-banner .doc {
    margin-top: 50px;
}

body.has-test-banner .doc__header {
    top: 50px;
}

body.has-test-banner .button--icon {
    top: 60px;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}


.rvo-loading {
    position: relative;
}

    .rvo-loading::before {
        z-index: 9998;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        background: rgba(255,255,255,0.75);
    }

    .rvo-loading::after {
        z-index: 9999;
        display: block;
        border: 1px solid #5a4c44;
        border-radius: 50%;
        content: ' ';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -18px;
        margin-top: -18px;
        width: 36px;
        height: 36px;
        box-sizing: border-box;
        padding: 4px;
        background: url('data:image/png;base64,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') center center no-repeat;
        background-size: contain;
        background-origin: content-box;
        animation: loading-spinner 1.5s ease-in-out infinite;
    }

@keyframes loading-spinner {
    0% {
        transform: scaleX(1);
    }

    50% {
        transform: scaleX(-1);
    }

    100% {
        transform: scaleX(1);
    }
}

.popover-icon {
    cursor: pointer;
}

.popover {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px;
}

.kb-wrapper a:link, .kb-wrapper a:visited {
    color: #0078ff;
    text-decoration: none;
}

    .kb-wrapper a:link:hover, .kb-wrapper a:visited:hover {
        color: #005bc2;
        text-decoration: underline;
    }

.grecaptcha-container-div {
    height: 200px;
    z-index: 100;
}

.large-table-container {
    overflow-x: scroll;
    margin-bottom: 25px;
}

    .large-table-container table {
        /* font-size: 0.8em;*/
        margin-bottom: 0 !important;
    }
        .bootstrap .large-table-container>table>tbody>tr>td {
            border-top: 1px solid #D9DEE1 !important;
        }

        .large-table-container table tbody tr td,
        .large-table-container table tfoot tr td {
            text-wrap: nowrap;
        }

        .large-table-container table tfoot tr td {
            color: #6b5b50;
            font-family: "Merriweather Sans","Trebuchet Ms",Helvetica,Arial,sans-serif;
            text-transform: uppercase;
        }


            .large-table-container table thead tr th:first-child,
            .large-table-container table tbody tr td:first-child,
            .large-table-container table tfoot tr td:first-child {
                left: 0;
                position: -webkit-sticky;
                position: sticky;
                z-index: 2;
                background-color: #FFF;
            }

            /*.large-table-container table thead tr th:nth-child(2),
.large-table-container table tbody tr td:nth-child(2),
.large-table-container table tfoot tr td:nth-child(2) {
    left: 260px;
    width: 120px;
}
.large-table-container table thead tr th:nth-child(3),
.large-table-container table tbody tr td:nth-child(3),
.large-table-container table tfoot tr td:nth-child(3) {
    left: 380px;
    width: 120px;
}*/


            .large-table-container table thead tr th.reservation,
            .large-table-container table tbody tr td.reservation,
            .large-table-container table tfoot tr td.reservation {
                background-color: #f6f8fb;
            }

            .large-table-container table thead tr th.paid,
            .large-table-container table tbody tr td.paid,
            .large-table-container table tfoot tr td.paid {
                background-color: #EDF4FA;
            }


.padding-20,
.year-own-risk-progress-container {
    padding: 20px !important;
}

 .year-own-risk-progress-container .row {
    padding: 10px 0;
}

.bootstrap .year-own-risk-progress-container .progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.5rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #E9F2E0;
    padding: 0;
    margin: 0;
}

.bootstrap .year-own-risk-progress-container .progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
}

.bootstrap .year-own-risk-progress-container .bg-success {
    background-color: #28a745 !important;
}

.bootstrap .year-own-risk-progress-container .bg-danger {
    background-color: #dc3545 !important;
}

