﻿.buttonSmall {
    border: 0;
    /*background-color: #B0AEAF;*/
    background: URL("/site_images/img_pijl.gif") no-repeat;
    color: #FFFFFF;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 1em;
    height: 19px;
    width: 19px;
    cursor: pointer;
}

.Detailtaxes {
    font-size: 12px;
}

.buttonBis {
    display: inline-block;
    background-color: #ee7f07;
    padding: 15px 18px;
    color: white;
    font-weight: 600;
    border-radius: 10px 0 10px 0;
    transition: background-color .3s ease-out;
}

.buttonBisHover {
    color: white;
    text-decoration: none;
    background-color: #f9982f;
    display: inline-block;
    padding: 15px 18px;
    font-weight: 600;
    border-radius: 10px 0 10px 0;
}


.buttonSmallGrey {
    border: 0;
    /*background-color: #B0AEAF;*/
    background: URL("/site_images/img_pijl_grijs.gif") no-repeat;
    color: #FFFFFF;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 1em;
    height: 19px;
    width: 19px;
    cursor: pointer;
}

.buttonSmallBlue {
    border: 0;
    /*background-color: #B0AEAF;*/
    background: URL("/site_images/img_pijl_blue.gif") no-repeat;
    color: #FFFFFF;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 1em;
    height: 19px;
    width: 19px;
    cursor: pointer;
}

ul.auto li:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: red;
    position: absolute;
    top: 8px;
    left: 0;
}

/*.contact-form input[type="checkbox"] + label, .contact-form input[type="radio"] + label, form input[type="checkbox"] + label, form input[type="radio"] + label {
    position: relative;
    display: inline-block;
    margin-right: 0;
    padding-left: 40px;
    color: #252525;
}*/

form input[type="checkbox"][disabled] + label::after {
    content: '';
    left: 0;
    top: 0;
    font-size: 20px;
    color: #009fe2;
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.special-form {
    margin: auto;
}



.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdownli {
    list-style: none;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    max-height: 350px;
    overflow: auto;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        list-style: none;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        color: #777
    }

        .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: 700
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

/*
body {
    margin: 5em;
}
*/

.tooltip-onhover {
    position: relative;
    display: inline-block;
}

.tooltip-onhover .tooltiptext {
    visibility: hidden;
    width: 320px;
    background-color: rgba(0, 102, 204, 1);
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 5px 0;
    margin-left: 5px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip-onhover:hover .tooltiptext {
    visibility: visible;
}
