/* Core UI overwrite */
a, a:active, a:focus {
 outline : none;
}
.card__header .icon:hover{
    font-weight: 700;
    color: #aaa;
}
.form__inputs>label {
    padding: 0;
}
.flex-wrap {
    flex-wrap: wrap;
}
/* the flex item that comes after it break to a new row */
.flex-break {
    flex-basis: 100%;
    height: 0;
}
label span {
    font-weight: 400;
}
.border-separate {
    border-collapse: separate;
}
.input-time { width: 80px !important; min-width: 80px !important;}
.input-date { width: 130px !important; min-width: 130px !important;}

/* START - Convert style input to text */
.form__input__text,
.form__input__textarea {
    border: 0 !important;
    box-shadow: none !important;
    min-height: auto !important;
}
.form__input__text,
.form__input__textarea {
    background-color: rgba(255,255,255,.4) !important;
}
input.form__input__area,
input.form__input__text {
    padding: .2rem;
}
.form__input__text:active, .form__input__text:hover,
.form__input__textarea:active, .form__input__textarea:hover {
    outline: 0 !important;
    outline-offset: unset !important;
}
.form__field:not(.form__field--survey):has(.form__input__text),
.form__field:not(.form__field--survey):has(.form__input__textarea) {
    margin: 0 !important;
}
.form__field .form__inputs:has(.form__input__text),
.form__field .form__inputs:has(.form__input__textarea) {
    min-height: unset !important;
}
.form__field:hover .form__inputs:has(.form__input__text) .form__label {
    color: red !important;
}
/* END - Convert style input to text */


/*
.form__field,
[class*="gg-col"] {
    border: 0px solid red;
}
*/

li.navigation__item--active {
    background-color: #eef6f7;
}
/* Text center */
.text--center {
    justify-content: center !important;
    align-items: center !important;
}
.text-center {
    text-align: center;
}
.bg-gray {
    background-color: #f5f5f5;
}
.container__iframe {
    background-image: url("/static/features/car/aonauto/ajax-loader-transparent.gif");
    background-position: center 30%;
    background-color: rgba(255, 255, 255, .5);
    background-repeat: no-repeat;
    background-attachment: scroll;
    border: 0;
    width: 100%;
}
iframe#schadeherstellers,
iframe#avonline {
    min-height: 600px;
}


table.ruitschade {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 0;
    margin: 0 auto;
    border: 1px solid transparent;
}
table.ruitschade td h5 {
    font-size: 18px;
}

table.ruitschade th {
    border: 1px solid transparent;
    border-top-color: #ddd;
    background-color: transparent !important;
    text-align: right;
    min-width: 100px !important;
}
table.ruitschade td {
    border: 1px solid transparent;
    border-top-color: #ddd;
    background-color: transparent !important;
    text-align: left;
    padding: 1.5rem 1rem;
    vertical-align: middle;
}
table.ruitschade tr:last-child td {
    padding-bottom: 0;
}
table.ruitschade td.img div {
    width: 140px;
    margin: 0 auto;
}
table.ruitschade td.img img {
    width: 100%;
}
table.ruitschade tr:first-child th,
table.ruitschade tr:first-child td {
    border-top-color: transparent;
}

.notification-bar--info table.ruitschade th,
.notification-bar--info table.ruitschade td {
    border-top-color: rgba(0, 59, 117, .1);
}


@media (min-width: 600px) {
    .fieldset__columns.adres--gegevens {
        grid-template-columns: 9rem 7rem 8rem 20rem;
    }
    .smaller {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .form__set .horizontal.small dl,
    .smaller .form__field {
        -ms-grid-columns: 10rem auto;
        grid-template-columns: 10rem auto;
    }
    .fieldset__column .form__label {
        font-weight: 600;
        font-size: 14px;
    }

}
.notification-bar--default [data-calculated="#pol.licencePlate"] {
    color: #aaa;
    font-weight: 400;
    padding-left: .5rem;
}

/*
[data-showif]:not(.hide) {
    margin-top: 1rem;
}
*/
.red{
    color:  #e74c3c !important;
}

/* =======
    -webkit-file-upload-button   > Fallback for Safari, Chrome, and Opera
   -ms-browse                   > Fallback for Legacy Edge and IE
   file-selector-button         > Standard / Default
=========== */

input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
    width: 0;
}
input[type="file"]::before {
    content: 'Kies bestand';
    font-size: 14px;
    border-radius: 4px;
    padding: .3rem .5rem;
    background-color: #007585;
    color: #fff;
    cursor: pointer;
}
.card.card--tooltip {
    margin-top: -45px;
}
@media (min-width: 600px) {
    .card.card--tooltip {
        margin-top: -45px;
    }
}


/* Custom Time input */
.inline__time {
    text-align: center;
    display: inline-block;
    min-height: 42px;
    border-radius: 4px;
    padding: 0 .5rem;
    color: #46535e;
    background-color: #fff;
    border: 1px solid #46535e;
}
.inline__time:hover,
.inline__time:active {
    outline: 2px solid #007585;
    outline-offset: -1px;
}
.inline__time span {
    float: left;
    margin-top: 9px;
}
.inline__time input {
    float: left;
    border: 0;
    outline: 0 !important;
    text-align: center;
    padding: 0.5rem 0;
    width: 24px !important;
    box-shadow: none !important;
}
.inline__time input:focus {
    font-weight: bold;
}

/* Remove reserved spinbox space from */
input[type="number"] {
    outline: 0;
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}