.proselector .panel.panel-horizontal {
    /*display:table;*/
    width:100%;
    max-width: 700px;
}

.proselector .panel.panel-horizontal > .panel-heading, .proselector .panel.panel-horizontal > .panel-footer {
    vertical-align: middle;
}

.proselector .panel.panel-horizontal > .panel-heading {
    border-right: 1px solid #ddd;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    padding: 3px;
}

.proselector .panel.panel-horizontal > .panel-footer {
    border-left: 1px solid #ddd;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
}

.proselector .divider-line {
    width: 100%;
    position: relative;
    margin: 15px;
    border-bottom: 1px solid #000;
}

.proselector #proFrame{
    max-width: 960px;
}

.proselector .panel {
    font-size: 0.9em;

}

.proselector .img-responsive{
    max-height: 250px;
    max-width: 250px;
}

.proselector .align-right{
    text-align: right;
}

.proselector .align-left{
    text-align: left;
}

.proselector body {
    background-color: #f1f2f3;
}
.proselector .w-100 {
    width: 100%;
}

.proselector .w-80 {
    width: 80%;
}

.proselector .w-20 {
    width: 20%;
}

.proselector .btn-hylas-herstel{
    background: #f77315;
    color: white;
    margin-top: 3px;
    max-width: 120px;
    min-width: 120px;
    border-radius: 0;
    border-bottom-right-radius:6px;
}
.proselector .btn-hylas-herstel:enabled{
    color: #ffffff;
}

.proselector .btn-hylas{
    background: #f99047;
    color: white;
    margin-top: 3px;
    max-width: 120px;
    min-width: 120px;
    border-radius: 0;
    border-bottom-right-radius:6px;
}

.proselector .btn.active.focus, .proselector .btn.active:focus, .proselector .btn.focus, .proselector .btn:active.focus, .proselector .btn:active:focus, .proselector .btn:focus {
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 0;
}

.proselector .filter_wrapper{
    border: #0f0f0f;
    border-width: 1px;
}

.proselector .proselector-header {
    border-style: solid;
    border-width: 0.7px;
    padding: 7px;
    margin: 10px 20px 5px 0px ;
    background-color: #ba5106;
    color: #ffffff;
    border-radius: 15px;
    max-width: 120px;
    text-align: center;
}

.proselector #filterFrame{
    padding: 20px;
}

.proselector .slider-range {
    width: 120px;
    margin-left: 9px;
}

.proselector .ui-widget-header{
    background-color: #eb6608;
}

.proselector .btn-hylas-sm{
    background: rgba(255, 135, 9, 0.8);
    color: white;
    border-radius: 0;
    border-bottom-right-radius:6px;
    max-width: 58px;
    max-height: 30px;
    font-size: 9px;
}

.proselector .btn-switch{
    background: #a14605;
    color: white;
    border-radius: 0;
    border-bottom-right-radius:6px;
    width: 120px;
    max-height: 30px;
    margin-bottom: 10px;
}

.proselector .btn-vergelijk{
    background: #f77315;
    color: white;
    border-radius: 0;
    border-bottom-right-radius:6px;
    /*width: 120px;*/
    max-height: 30px;
    margin-bottom: 10px;
    border-top-style: none;
    word-break: break-word;
    font-size: 1rem;
}

.proselector .label-warning{
    background: #f77315;
}

.proselector #close_label{
    margin-left: 2px;
    margin-right: 0;
}

.proselector .panel-footer {
    right: 0;
    bottom: 0;
    left: 0;
}

.proselector .btn-toevoegen{
    /*margin: 200px;*/
}

#text_vergelijk{
    color: white!important;
}

.proselector .panel-warning{
    padding: 13px;
}

.proselector .vergelijker-lgi{
    height: 50px;
    border-radius: unset;
    margin-right: 0;
    margin-left: 0;
    padding: 2px;
}

.proselector ul {
    border-spacing: 0;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.proselector li {
    text-align: center;
    padding: 16px;
}

.proselector li:first-child, .proselector li:first-child {
    text-align: center;
}

.proselector li:nth-child(even) {
    background-color: #f2f2f2
}

.proselector .li-important{
    background: #d3eaf5;
}

.proselector .product{
    margin: 5px;
}

.proselector .productpic{
    height: 100%;
    width: 100%;
}

.proselector .sliderinputs{
    max-width: 40px;
    border: none;
    padding: 3px;
    margin: 0;
}

.content-block .btn {
     margin-bottom: 5px;
}

/* FIXES */

.btn {
    font-size: unset;
    text-align: unset;
}

p {
    font-size: unset;
    margin: unset;
}

ul li, ol li {
     font-weight: unset;
}

ul li, ol li {
     margin: unset;
     /*font-size: unset;*/
     /*white-space: nowrap;*/
    font-size: 1.3rem;
}

.col-md-2{
     padding-left: unset;
     padding-right: unset;
}

.ui-state-focus:focus {
    outline:none !important
}

#linkpanel{
    display:none;
}


.btn{
    word-wrap:break-word!important;
}

.kleurnummer-right{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 90%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.productImage{
    width: 87%;
}

.padding-space{
    text-align: right;
}

.paddy{
    padding-bottom: 7px;
}

/* Overrides list-group-item from Bootstrap */
.list-group-item {
    padding-right: 2px;
}

.btn-green{
    background: #5cb85c!important;
}


ul {
    margin: 0;
    padding:0
}

.panel-body{
    height: auto!important;
}

.marg-left{
    margin-left: 12px;
}

.filter_wrapper{
    position: fixed;
    height: 550px;
    overflow-y: scroll;
    width: auto;
    display: block;
    bottom: 30px;
}

#sticky{
    display: block;
    width: 70px;
    height: 100%;
    background: #f77315;
    position: -webkit-sticky;
    position: sticky;
    bottom: 30px;
    float: right;
    border-radius: 10px 10px 10px 10px;
    padding: 7px;
}

.chosen-product{
    background-color: #f0ad4e!important;
    border: unset!important;
    padding: 3px;
    width: 100%;
    float: left;
    margin-top: 2px;
}

/*TABLET*/
@media only screen and (max-width: 1024px) {
    .filter_wrapper{
        position: static;
        height: auto;
        overflow-y: unset;
        width: auto;
    }

    /*#sticky{*/
    /*    display: block;*/
    /*    width: 70px;*/
    /*    height: 100%;*/
    /*    background: #f77315;*/
    /*    position: sticky;*/
    /*    top: 10px;*/
    /*    float: right;*/
    /*    border-radius: 10px 10px 10px 10px;*/
    /*    padding: 7px;*/
    /*}*/
}


/*MOBILE*/
@media only screen and (max-width: 576px) {
    .center{
        max-width: 100% !important;

    }
    .btn-hylas{
        max-width: 100% !important;
    }
    .btn-hylas-herstel{
        max-width: 100% !important;
    }
    .center-counter{
        max-width: 50% !important;
        word-break: break-word!important;
    }
    .filter_wrapper{
        margin-left: 25% !important;;
    }
    #sliderframe{
        margin-left: 25% !important;
    }
    #loggedin{
        margin-left: 10% !important;
    }
    .rechts{
        float: right;
    }
    .ui-accordion .ui-accordion-content{
        padding: 10px 0px 10px 0px !important;
    }
    .modal-content{
          padding-left: 0px!important;
          padding-right: 27px!important;
    }
    .wrapper {
        display: flex;
        flex-direction: row;
    }
    .switch1{
        margin-left:auto; margin-right:0;
    }
    .filter_wrapper{
        position: static;
        height: auto;
        overflow-y: unset;
        width: auto;
    }
    #sticky{
        position: absolute;
        width: 70px;
        height: 200px;
        background: #f77315;
        top: 20px;
        right: 40px;
        float: right;
        border-radius: 10px 10px 10px 10px;
        padding: 7px;

    }
}