.velobility.page-klantenportaal .display-price {
    display: list-item;
    list-style-image: url(/sites/all/themes/ib_template/images/opsomming-pijltje.png);
    margin-left: 40px;
    font-size: 16px;
    float:left;
    font-weight:normal;
    padding-left:0;
    text-align:left;
}
.velobility.page-klantenportaal .views-field-expression-1
{
    padding-left:12px !important;
}
.table-cells-bordered td {border:1px solid #434343;font-size:12px;}
.webform-component--extra-service-prijzen-exclusief-btw {clear:both;display:inline-block}
#edit-submitted-extra-service-prijzen-exclusief-btw label {float:left;padding: 2px 5px;}
#edit-submitted-extra-service-prijzen-exclusief-btw input {float:left;}
#edit-submitted-extra-service-prijzen-exclusief-btw .form-type-checkbox {clear:both;}

/*bike costs simulator*/
.simulator {padding:20px;margin-bottom:10px;}
.simulator h1,.simulator h2,.simulator h3,.simulator h4,.simulator h5,.simulator h6 {
    margin-top:15px;margin-bottom:0px;
}
.simulator .remark {font-size:12px;color:#666;margin-top:10px;}
.simulator hr {margin:0;padding:0;height:0;border:1px solid #fff;}
.leasing-summary {font-weight:bold;background-color:#FFF;padding:20px;margin-top:30px;}
.leasingprice {color:#F00;}
.leasing-header {background-color:#97BF31;padding:10px;margin-bottom:30px;}
.leasing-wrapper .toggle {padding: 0 10px;}
.toggle-title {margin:15px 0 !important}
.onderhoud-wrapper {border:1px solid #000;margin-top:-1px;padding:0 30px 20px 30px;}
.simulator-info {font-size:12px;font-weight:normal;}
.plan {float:right;font-size:20px;color:#0f3879}

/*klantportaal uitbreiding bestellen bij lokale winkel*/
.velobility .blauwkader,
.velobility .view-display-id-categoriemenu,
.velobility .view-display-id-aanbod_velobility_info,
.velobility .view-display-id-velobility_products,
.velobility .view-display-id-page_lokale_handelaar .views-field-description,
.velobility .view-display-id-page_lokale_handelaar .attachment,
.velobility .view-display-id-klantgegevens .views-field-description,
.velobility .view-display-id-klantmenu {
    background-color: rgba(225, 233, 240, .3);
    border: 1px solid #e1e9f0;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 20px;
    margin-top: 30px
}
.velobility.page-klanten-portaal .view-header .toggle,
.velobility.page-klantenportaal .view-header .toggle,
.velobility.page-aanbod-velobility .view-header .toggle,
.velobility.page-lokale-handelaar .view-header .toggle,
.velobility.page-node-4819 .view-header .toggle {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1
}
.velobility.page-klanten-portaal .view-header,
.velobility.page-klantenportaal .view-header,
.velobility.page-aanbod-velobility .view-header,
.velobility.page-lokale-handelaar .view-header,
.velobility.page-node-4819 .view-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.velobility.page-klanten-portaal .view-header h3,
.velobility.page-klantenportaal .view-header h3,
.velobility.page-aanbod-velobility .view-header h3,
.velobility.page-lokale-handelaar .view-header h3,
.velobility.page-node-4819 .view-header h3 {
    margin-bottom: 0
}
.velobility.page-klanten-portaal .klantgegevens,
.velobility.page-klantenportaal .klantgegevens,
.velobility.page-aanbod-velobility .klantgegevens,
.velobility.page-lokale-handelaar .klantgegevens {
    border-bottom: 1px solid #0f3879;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 25px
}

.velobility.page-klanten-portaal .klantgegevens .firmanaam,
.velobility.page-klantenportaal .klantgegevens .firmanaam,
.velobility.page-aanbod-velobility .klantgegevens .firmanaam,
.velobility.page-lokale-handelaar .klantgegevens .firmanaam {
    float: left
}

.velobility.page-klanten-portaal .klantgegevens .firmanaam h2,
.velobility.page-klantenportaal .klantgegevens .firmanaam h2,
.velobility.page-aanbod-velobility .klantgegevens .firmanaam h2,
.velobility.page-lokale-handelaar .klantgegevens .firmanaam h2 {
    margin: 0;
    padding: 0;
    font-size: 32px
}

.velobility.page-klanten-portaal .klantgegevens .firmalogo,
.velobility.page-klantenportaal .klantgegevens .firmalogo,
.velobility.page-aanbod-velobility .klantgegevens .firmalogo,
.velobility.page-lokale-handelaar .klantgegevens .firmalogo {
    float: right;
}


/*klantenportaal*/
.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform
 {
    margin: 1rem 0 0;
    padding: 0 1rem
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .views-row,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .views-row
 {
    padding: 0
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .group-left,
.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .group-right,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .group-left,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .group-right {
    margin-bottom: 1rem;
    width: 100%
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main a,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform a {
    height: auto
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .blauwkader,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .blauwkader {
    list-style-position: outside;
    list-style-image: none
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .blauwkader ul,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .blauwkader ul {
    padding-left: 20px
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .blauwkader ul a:after,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .blauwkader ul a:after {
    content: none
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .webform-client-form,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .webform-client-form {
    padding-left: 0;
    width: 100%
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .view-display-id-fietsselectie .view-content,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .view-display-id-fietsselectie .view-content {
    margin-top: 20px
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .view-display-id-fietsselectie a,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .view-display-id-fietsselectie a {
    height: auto
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .view-display-id-fietsselectie a:after,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .view-display-id-fietsselectie a:after {
    content: none
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .node-page .field-name-field-hoofdafbeelding img,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .node-page .field-name-field-hoofdafbeelding img {
    width: 100%;
    height: auto
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .node-page .field-name-body img,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .node-page .field-name-body img {
    margin-bottom: 1rem;
    width: 100%!important;
    height: auto!important
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .node-product .group-left li,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .node-product .group-left li {
    margin-right: 1rem
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .node-product .group-left .field-slideshow,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .node-product .group-left .field-slideshow {
    padding-bottom: 65%
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .node-product .group-left .field-slideshow .field-slideshow-slide,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .node-product .group-left .field-slideshow .field-slideshow-slide {
    bottom: auto!important;
    width: inherit!important
}


.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .node-product .group-left .field-name-uc-product-image img,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .node-product .group-left .field-name-uc-product-image img {
    width: auto!important
}

.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .node-product .group-right .group-footer-right .field-name-terug-naar-fietsen a,
.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .node-product .group-right .group-footer-right .field-name-terug-naar-industriefietsen a,
.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .node-product .group-right .group-footer-right .field-name-terug-naar-klantportaal a,
.velobility.responsive-layout-mobile.page-klantenportaal #block-system-main .node-product .group-right .group-footer-right .field-name-terug-naar-schoolfietsen a,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .node-product .group-right .group-footer-right .field-name-terug-naar-fietsen a,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .node-product .group-right .group-footer-right .field-name-terug-naar-industriefietsen a,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .node-product .group-right .group-footer-right .field-name-terug-naar-klantportaal a,
.velobility.responsive-layout-mobile.page-klantenportaal .block-webform .node-product .group-right .group-footer-right .field-name-terug-naar-schoolfietsen a {
    height: 32px
}


.velobility.responsive-layout-mobile.page-klantenportaal .attachment {
    margin: 1rem 0 0
}

.velobility.responsive-layout-narrow.page-klantenportaal #block-system-main,
.velobility.responsive-layout-narrow.page-klantenportaal .block-webform, {
    margin-right: 0
}


.velobility.responsive-layout-narrow.page-klantenportaal #block-system-main .views-row,
.velobility.responsive-layout-narrow.page-klantenportaal .block-webform .views-row {
    padding: 1rem
}


.velobility.responsive-layout-narrow.page-klantenportaal #block-system-main .views-row .group-right,
.velobility.responsive-layout-narrow.page-klantenportaal .block-webform .views-row .group-right {
    margin-left: 1rem;
    width: 70%
}

.velobility.page-klantenportaal input[type=radio] {
    width: 25px;
    float: left
}

.velobility.page-klantenportaal label.option {
    padding-top: 5px;
    display: block
}

.velobility.page-klantenportaal .minderinfo,
.velobility.page-klantenportaal .webform-confirmation {
    display: none
}


.velobility.page-klantenportaal #block-system-main,
.velobility.page-klantenportaal .block-webform {
    margin-right: 0
}


.velobility.page-klantenportaal #block-system-main h2,
.velobility.page-klantenportaal .block-webform h2 {
    margin-bottom: 5px;
    margin-top: 0
}


.velobility.page-klantenportaal #block-system-main h2.openingsuren,
.velobility.page-klantenportaal .block-webform h2.openingsuren {
    margin-top: 30px
}


.velobility.page-klantenportaal #block-system-main p,
.velobility.page-klantenportaal .block-webform p {
    line-height: 25px
}


/*
.velobility.page-klantenportaal #block-system-main a,
.velobility.page-klantenportaal .block-webform a {
    text-decoration: none;
    position: relative;
    color: #97bf31;
    height: 25px;
    display: inline-block;
}
*/

/*
.velobility.page-klantenportaal #block-system-main a:after,
.velobility.page-klantenportaal .block-webform a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: .4s;
    border-bottom: 2px solid #97bf31
}
*/

.velobility.page-klantenportaal #block-system-main a:hover,
.velobility.page-klantenportaal .block-webform a:hover {
    color: #76a218
}


.velobility.page-klantenportaal #block-system-main a:hover:after,
.velobility.page-klantenportaal .block-webform a:hover:after {
    width: 0
}


.velobility.page-klantenportaal #block-system-main iframe,
.velobility.page-klantenportaal .block-webform iframe {
    margin-top: 30px
}


.velobility.page-klantenportaal #block-system-main .webform-client-form,
.velobility.page-klantenportaal .webform-client-form,
.velobility.page-klantenportaal .block-webform .block-title {
    padding-left: 40px
}
.velobility.page-klantenportaal .block-webform .block-title {
    padding-top: 40px
}


.velobility.page-klantenportaal #block-system-main .meerminder,
.velobility.page-klantenportaal .block-webform .meerminder {
    float: right;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    padding-top: 3px
}


.velobility.page-klantenportaal #block-system-main .meerminder:hover,
.velobility.page-klantenportaal .block-webform .meerminder:hover {
    text-decoration: underline;
    cursor: pointer
}


.velobility.page-klantenportaal .context-field-editor {
    width: 100%
}


.velobility.page-klantenportaal #block-system-main .webform-client-form h2,
.velobility.page-klantenportaal .webform-client-form h2 {
    margin-bottom: 30px
}


.velobility.page-klantenportaal #block-system-main .webform-client-form label,
.velobility.page-klantenportaal #block-system-main form label,
.velobility.page-klantenportaal .webform-client-form label,
.velobility.page-klantenportaal .block-webform form label {
    font-weight: 100
}


.velobility.page-klantenportaal #block-system-main .webform-client-form input,
.velobility.page-klantenportaal #block-system-main .webform-client-form textarea,
.velobility.page-klantenportaal #block-system-main form input,
.velobility.page-klantenportaal #block-system-main form textarea,
.velobility.page-klantenportaal .block-webform .webform-client-form input,
.velobility.page-klantenportaal .block-webform .webform-client-form textarea,
.velobility.page-klantenportaal .block-webform form input,
.velobility.page-klantenportaal .block-webform form textarea {
    padding: 10px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid #a5a5a5;
    color: #666;
    margin-bottom: 15px;
    margin-top: 5px;
    display: block
}


.velobility.page-klantenportaal #block-system-main .webform-client-form input:focus,
.velobility.page-klantenportaal #block-system-main .webform-client-form textarea:focus,
.velobility.page-klantenportaal #block-system-main form input:focus,
.velobility.page-klantenportaal #block-system-main form textarea:focus,
.velobility.page-klantenportaal .block-webform .webform-client-form input:focus,
.velobility.page-klantenportaal .block-webform .webform-client-form textarea:focus,
.velobility.page-klantenportaal .block-webform form input:focus,
.velobility.page-klantenportaal .block-webform form textarea:focus {
    outline: none;
    border: 2px solid #ccc;
    margin-bottom: 14px;
    margin-top: 4px
}


.velobility.page-klantenportaal #block-system-main .webform-client-form .grippie,
.velobility.page-klantenportaal .block-webform .webform-client-form .grippie {
    display: none
}


.velobility.page-klantenportaal #block-system-main .webform-client-form .form-actions,
.velobility.page-klantenportaal .block-webform .webform-client-form .form-actions {
    margin-top: 50px
}


.velobility.page-klantenportaal #block-system-main .webform-client-form .form-submit,
.velobility.page-klantenportaal #block-system-main .webform-client-form .webform-submit,
.velobility.page-klantenportaal #block-system-main form .form-submit,
.velobility.page-klantenportaal #block-system-main form .webform-submit,
.velobility.page-klantenportaal .block-webform .webform-client-form .form-submit,
.velobility.page-klantenportaal .block-webform .webform-client-form .webform-submit,
.velobility.page-klantenportaal .block-webform form .form-submit,
.velobility.page-klantenportaal .block-webform form .webform-submit {
    display: inline-block;
    background-repeat: no-repeat;
    background-color: #fff;
    font-family: Asap;
    font-weight: 600;
    font-size: 13px;
    padding: 0 10px;
    line-height: normal;
    text-decoration: none;
    text-align: left;
    text-shadow: none;
    border: none;
    cursor: pointer;
    color: #fff
}


.velobility.page-klantenportaal #block-system-main .webform-client-form .form-submit:focus,
.velobility.page-klantenportaal #block-system-main .webform-client-form .form-submit:hover,
.velobility.page-klantenportaal #block-system-main .webform-client-form .webform-submit:focus,
.velobility.page-klantenportaal #block-system-main .webform-client-form .webform-submit:hover,
.velobility.page-klantenportaal #block-system-main form .form-submit:focus,
.velobility.page-klantenportaal #block-system-main form .form-submit:hover,
.velobility.page-klantenportaal #block-system-main form .webform-submit:focus,
.velobility.page-klantenportaal #block-system-main form .webform-submit:hover,
.velobility.page-klantenportaal .block-webform .webform-client-form .form-submit:focus,
.velobility.page-klantenportaal .block-webform .webform-client-form .form-submit:hover,
.velobility.page-klantenportaal .block-webform .webform-client-form .webform-submit:focus,
.velobility.page-klantenportaal .block-webform .webform-client-form .webform-submit:hover,
.velobility.page-klantenportaal .block-webform form .form-submit:focus,
.velobility.page-klantenportaal .block-webform form .form-submit:hover,
.velobility.page-klantenportaal .block-webform form .webform-submit:focus,
.velobility.page-klantenportaal .block-webform form .webform-submit:hover {
    outline: none;
    border: none;
    box-shadow: 0 0 0 #ccc
}


.velobility.page-klantenportaal #block-system-main .webform-client-form .form-textarea-wrapper.resizable.textarea-processed.resizable-textarea,
.velobility.page-klantenportaal #block-system-main form .form-textarea-wrapper.resizable.textarea-processed.resizable-textarea,
.velobility.page-klantenportaal .block-webform .webform-client-form .form-textarea-wrapper.resizable.textarea-processed.resizable-textarea,
.velobility.page-klantenportaal .block-webform form .form-textarea-wrapper.resizable.textarea-processed.resizable-textarea {
    padding-right: 10px
}

.velobility.page-klantenportaal form {
    width: 80%
}

.velobility.page-klantenportaal h3 {
    margin-top: 0!important
}

.velobility.page-klantenportaal.role-administrator #block-system-main .form-submit,
.velobility.page-klantenportaal.role-administrator .block-webform .form-submit {
    display: block!important;
    color: #000
}


.velobility.page-klantenportaal .view-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}


.velobility.page-klantenportaal .view-header h3 {
    margin-bottom: 0
}


.velobility.page-klantenportaal .view-header .toggle {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1
}


.hetverzet.page-klantenportaal .context-field-editor {
    width: 100%
}


.hetverzet.page-klantenportaal #user-login,
.hetverzet.page-klantenportaal .webform-client-form {
    padding-left: 0
}


.hetverzet.page-klantenportaal #user-login fieldset,
.hetverzet.page-klantenportaal .webform-client-form fieldset {
    margin: 0 0 1.5rem;
    padding: 0;
    border: none
}


.hetverzet.page-klantenportaal #user-login h2,
.hetverzet.page-klantenportaal #user-login legend,
.hetverzet.page-klantenportaal .webform-client-form h2,
.hetverzet.page-klantenportaal .webform-client-form legend {
    margin: 0 0 1rem;
    font: 700 24px Roboto Condensed, sans-serif;
    color: #000;
    padding: 0
}

@media (min-width:980px) {

    .hetverzet.page-klantenportaal #user-login h2,
    .hetverzet.page-klantenportaal #user-login legend,
    .hetverzet.page-klantenportaal .webform-client-form h2,
    .hetverzet.page-klantenportaal .webform-client-form legend {
        margin: 0 0 1.5rem;
        font-size: 32px
    }
}


.hetverzet.page-klantenportaal #user-login h2.openingsuren,
.hetverzet.page-klantenportaal #user-login legend.openingsuren,
.hetverzet.page-klantenportaal .webform-client-form h2.openingsuren,
.hetverzet.page-klantenportaal .webform-client-form legend.openingsuren {
    margin-top: 1.5rem
}


.hetverzet.page-klantenportaal #user-login p,
.hetverzet.page-klantenportaal .webform-client-form p {
    line-height: 1.5rem
}


.hetverzet.page-klantenportaal #user-login iframe,
.hetverzet.page-klantenportaal .webform-client-form iframe {
    margin-top: 1.5rem
}


.hetverzet.page-klantenportaal #user-login .meerminder,
.hetverzet.page-klantenportaal .webform-client-form .meerminder {
    float: right;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    padding-top: .375rem
}


.hetverzet.page-klantenportaal #user-login .meerminder:active,
.hetverzet.page-klantenportaal #user-login .meerminder:focus,
.hetverzet.page-klantenportaal #user-login .meerminder:hover,
.hetverzet.page-klantenportaal .webform-client-form .meerminder:active,
.hetverzet.page-klantenportaal .webform-client-form .meerminder:focus,
.hetverzet.page-klantenportaal .webform-client-form .meerminder:hover {
    text-decoration: underline;
    cursor: pointer
}


.hetverzet.page-klantenportaal #user-login label,
.hetverzet.page-klantenportaal .webform-client-form label {
    font-weight: 500;
    font-size: 16px;
    color: #000
}


.hetverzet.page-klantenportaal #user-login label.option,
.hetverzet.page-klantenportaal .webform-client-form label.option {
    font-weight: 400
}


.hetverzet.page-klantenportaal #user-login input[type=email],
.hetverzet.page-klantenportaal #user-login input[type=password],
.hetverzet.page-klantenportaal #user-login input[type=text],
.hetverzet.page-klantenportaal #user-login select,
.hetverzet.page-klantenportaal #user-login textarea,
.hetverzet.page-klantenportaal .webform-client-form input[type=email],
.hetverzet.page-klantenportaal .webform-client-form input[type=password],
.hetverzet.page-klantenportaal .webform-client-form input[type=text],
.hetverzet.page-klantenportaal .webform-client-form select,
.hetverzet.page-klantenportaal .webform-client-form textarea {
    display: block;
    width: 100%;
    height: 34px;
    margin: 0 0 .75rem;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.42857143;
    color: #666;
    border-radius: 4px;
    border: 1px solid #dadada;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}


.hetverzet.page-klantenportaal #user-login input[type=email]:focus,
.hetverzet.page-klantenportaal #user-login input[type=password]:focus,
.hetverzet.page-klantenportaal #user-login input[type=text]:focus,
.hetverzet.page-klantenportaal #user-login select:focus,
.hetverzet.page-klantenportaal #user-login textarea:focus,
.hetverzet.page-klantenportaal .webform-client-form input[type=email]:focus,
.hetverzet.page-klantenportaal .webform-client-form input[type=password]:focus,
.hetverzet.page-klantenportaal .webform-client-form input[type=text]:focus,
.hetverzet.page-klantenportaal .webform-client-form select:focus,
.hetverzet.page-klantenportaal .webform-client-form textarea:focus {
    border-color: #fbbf00;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(66, 66, 66, .3)
}


.hetverzet.page-klantenportaal #user-login textarea,
.hetverzet.page-klantenportaal .webform-client-form textarea {
    height: auto;
    resize: vertical;
    overflow: auto;
    font-family: Asap, sans-serif
}


.hetverzet.page-klantenportaal #user-login select,
.hetverzet.page-klantenportaal .webform-client-form select {
    background: #fff;
    -ms-appearance: menulist;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
    width: auto;
    display: inline-block
}


.hetverzet.page-klantenportaal #user-login input.webform-calendar,
.hetverzet.page-klantenportaal .webform-client-form input.webform-calendar {
    padding: .375rem
}


.hetverzet.page-klantenportaal #user-login .grippie,
.hetverzet.page-klantenportaal .webform-client-form .grippie {
    display: none
}


.hetverzet.page-klantenportaal #user-login .form-actions,
.hetverzet.page-klantenportaal .webform-client-form .form-actions {
    overflow: hidden;
    margin-top: 1.5rem
}


.hetverzet.page-klantenportaal #user-login .form-submit,
.hetverzet.page-klantenportaal #user-login .webform-submit,
.hetverzet.page-klantenportaal .webform-client-form .form-submit,
.hetverzet.page-klantenportaal .webform-client-form .webform-submit {
    position: static;
    margin: 0;
    padding: 0;
    height: auto;
    list-style: none;
    background: transparent;
    border: none;
    border-radius: 0;
    text-transform: none;
    line-height: inherit;
    font-family: inherit;
    font-weight: 400;
    text-shadow: none;
    box-shadow: none;
    letter-spacing: 0;
    white-space: normal;
    display: inline-block;
    width: auto;
    height: 2rem;
    line-height: 2rem;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    text-indent: 0;
    text-decoration: none;
    padding: 0 2rem 0 1rem;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0;
    position: relative;
    background: transparent url(../images/hetverzet/icon-button-arrow.png) no-repeat 100% 50%;
    transform: translateX(0);
    transition: transform .15s linear;
    outline: none
}


.hetverzet.page-klantenportaal #user-login .form-submit *,
.hetverzet.page-klantenportaal #user-login .webform-submit *,
.hetverzet.page-klantenportaal .webform-client-form .form-submit *,
.hetverzet.page-klantenportaal .webform-client-form .webform-submit * {
    position: static;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    list-style: none;
    background: transparent;
    border: none;
    border-radius: 0;
    text-decoration: none;
    text-transform: none;
    line-height: inherit;
    font-family: inherit;
    font-weight: 400;
    text-shadow: none;
    box-shadow: none;
    letter-spacing: 0;
    white-space: normal
}


.hetverzet.page-klantenportaal #user-login .form-submit:active,
.hetverzet.page-klantenportaal #user-login .form-submit:focus,
.hetverzet.page-klantenportaal #user-login .form-submit:hover,
.hetverzet.page-klantenportaal #user-login .webform-submit:active,
.hetverzet.page-klantenportaal #user-login .webform-submit:focus,
.hetverzet.page-klantenportaal #user-login .webform-submit:hover,
.hetverzet.page-klantenportaal .webform-client-form .form-submit:active,
.hetverzet.page-klantenportaal .webform-client-form .form-submit:focus,
.hetverzet.page-klantenportaal .webform-client-form .form-submit:hover,
.hetverzet.page-klantenportaal .webform-client-form .webform-submit:active,
.hetverzet.page-klantenportaal .webform-client-form .webform-submit:focus,
.hetverzet.page-klantenportaal .webform-client-form .webform-submit:hover {
    text-decoration: none;
    transform: translateX(6px);
    transition: transform .15s linear
}


.hetverzet.page-klantenportaal #user-login .form-submit:active *,
.hetverzet.page-klantenportaal #user-login .form-submit:focus *,
.hetverzet.page-klantenportaal #user-login .form-submit:hover *,
.hetverzet.page-klantenportaal #user-login .webform-submit:active *,
.hetverzet.page-klantenportaal #user-login .webform-submit:focus *,
.hetverzet.page-klantenportaal #user-login .webform-submit:hover *,
.hetverzet.page-klantenportaal .webform-client-form .form-submit:active *,
.hetverzet.page-klantenportaal .webform-client-form .form-submit:focus *,
.hetverzet.page-klantenportaal .webform-client-form .form-submit:hover *,
.hetverzet.page-klantenportaal .webform-client-form .webform-submit:active *,
.hetverzet.page-klantenportaal .webform-client-form .webform-submit:focus *,
.hetverzet.page-klantenportaal .webform-client-form .webform-submit:hover * {
    background: transparent
}
 
.velobility.page-klantenportaal #block-system-main {padding-left:40px;width:80%;}

/*webforms*/
.webform-client-form .webform-component {clear:both;margin-bottom:25px;}
.webform-client-form .form-checkboxes .webform-component,
.webform-client-form .form-radios .webform-component {
    clear:both;margin-left:5px;display:block;
}
.webform-client-form .form-checkboxes .webform-component .form-checkbox,
.webform-client-form .form-radios .webform-component .form-radio {
    float:left;margin:0 !important;padding:0 0 0 5px !important;
}
.webform-client-form .form-checkboxes .webform-component label {
    float:left;margin:-5px 0 0 15px;padding:0;
}
.webform-client-form .form-radios .webform-component label {
    float:left;margin:-5px 0 0 5px;padding:0;
}
.webform-client-form .form-checkboxes .webform-component label p,
.webform-client-form .form-radios .webform-component label p{
    line-height:15px;margin:0;padding:0;
}
.webform-client-form .form-checkboxes .webform-component .description{
    float:left;padding:0 0 0 27px;width:100%
}
.webform-client-form .form-radios .webform-component .description {
    float:left;padding:0 0 0 30px;width:100%
}

/*klantenportaal v2*/
.velobility.page-aanbod-velobility .view-display-id-page_aanbod_velobility .view-grouping-header {
    color: #0f3879;
    font-size: 24px;
    margin-bottom: 20px;
}
.velobility .view-display-id-page_aanbod_velobility .view-content {
    margin-top: 50px;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-name-1,
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-taxonomy-catalog-1{
    width: auto;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    float: left;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    clear: none;
    padding: 0;
    margin: 0;
    margin-top: 15px;
    margin-left: 12px;
    position: relative;
    display: block;
}
.view-display-id-page_aanbod_velobility,
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-taxonomy-catalog-1 span {
    float: left;
    border-radius: 5px 0 0 5px;
    padding-left: 10px;
    position: relative;
    z-index: 3;
    padding-right: 5px;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-name-1:after {
    border: 7px solid #97bf31;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-taxonomy-catalog-1:after {
    border: 7px solid #93b2cd;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-taxonomy-catalog-1 span,
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-taxonomy-catalog-1:after {
    background-color: #93b2cd;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-name-1:after,
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-taxonomy-catalog-1:after {
    z-index: 2;
    content: "";
    margin-left: -7px;
    margin-top: 2px;
    height: 0;
    width: 0;
    display: block;
    border-radius: 4px;
    transform: rotate(45deg);
    float: left;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-name-1 span,
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-taxonomy-catalog-1 span {
    float: left;
    border-radius: 5px 0 0 5px;
    padding-left: 10px;
    position: relative;
    z-index: 3;
    padding-right: 5px;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-name-1 span {
    background-color: #97bf31;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-taxonomy-catalog-1 span {
    background-color: #93b2cd;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .productmerk {
    color: #434343;
    font-weight: 700;
    clear: left;
    margin-left: 12px;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .productmerk,
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .producttitel{
    font-size: 16px;
    float: left;
    clear: none;
    display: inline-block;
    width: auto;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .producttitel {
    margin-left:10px;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field,
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field {
    padding:0;}
.velobility.page-aanbod-velobility .views-field-expression-1 {
    padding-left: 12px !important;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-nid, 
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column .views-field-nothing-1 {
    margin-left: 12px;
    margin-right: 12px;
    width: 90%;
}
.velobility .view-display-id-page_aanbod_velobility .views-column {
    padding-bottom: 12px;
    margin-right:14px;
}
.velobility .view-klantselectie.view-display-id-page_aanbod_velobility .views-column:hover {
    box-shadow: 0 0 10px #ccc;
    border-color: #a2c9eb;
}
.velobility .node-product .group-right .group-footer-right .field-name-terug-naar-klantportaal-v2 {float:right;}
.velobility .node-product .group-right .group-footer-right .field-name-terug-naar-klantportaal-v2 a {
    background-image: url(../images/terug-naar-overzicht-sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -32px;
    color: #fff;
    text-decoration: none;
    text-indent: -10000px;
    width: 171px;
    height: 32px;
    display: block;
    margin-top: 19px;
}

.velobility .view-klantselectie .views-field-nothing {min-height:30px !important;}

/*aanpassingen formulier bestellen fiets velobility*/
.info-bubble-description{display:none;}
.info-bubble:hover .info-bubble-description{display:block;}
.webform-component--extra-onderhoudsbudget .description {position:relative;}
.info-bubble {        
    background-image:url("/sites/all/themes/ib_template/images/information.png");
    background-size:20px auto;
    background-position: 0 0px;
    background-repeat: no-repeat;
    display:inline-block;
    height:22px;
    width:23px;
    text-indent:-99999px;
    margin-left:5px;
    color:#000;
    position:relative;
}
.info-bubble-description {
    position:absolute;
    background-color:#F6F8FA;
    padding:10px;
    text-indent:0px;
    color:#0f3879;
    border-radius:5px;
    -khtml-border-radius:5px;
    border: 1px solid #e1e9f0;
    bottom:100%;
    left:-150px;
    width:300px;
    margin-bottom:10px;
}
#block-webform-client-block-4819 input[type=checkbox],
#block-webform-client-block-7760 input[type=checkbox] {
    width:25px;
    float:left;
}
#block-webform-client-block-4819 .form-type-checkbox label,
#block-webform-client-block-4819 .form-type-checkbox .info-bubble,
#block-webform-client-block-7760 .form-type-checkbox label,
#block-webform-client-block-7760 .form-type-checkbox .info-bubble {
    padding-top:1px;
}