#prefs-holder {
    overflow-x: hidden;
    min-height:75vh;
    background-image: url('/waves//white connection wave.png'),linear-gradient(8deg, #eae19d 0%, #f4f0cb 90%);
    background-repeat: no-repeat;
    background-size: cover;
}


.prefs-step {
    padding-left:0px;padding-right:0px;
    position:absolute;margin-left:0px;
    -webkit-transition: all 500ms ease !important;
    -moz-transition: all 500ms ease !important;
    -o-transition: all 500ms ease !important;
    transition: all 500ms ease !important;
}


.mini-header {color: #33383E}

.prefs-step h1 {margin-bottom:40px}

.prefs-step.hidden-right {
    margin-left: 450px;
}

.prefs-step.hidden-left {
    margin-left: -350px;

}
.button-prefs-back {
    min-width: 120px
}
.button-prefs-next {
    min-width: 120px
}

.unavailable {
    opacity: 0.4
}

.prefs-nav {margin-top:20px;display:inline-block;text-align:center;}

.button-sub-location {border:none !important;background:none !important;color:#656447 !important}
.button-sub-location.selected {color:#656447 !important}

.button-sub-function {border:none !important;background:none !important;color:#656447 !important}
.button-sub-function.selected {color:#656447 !important}

.button-experience {
    min-width: 150px
}

.opacity-0 {
    opacity: 0
}


#roles-list-holder {
    max-height: 1000px;
    overflow-y: scroll;
    background-color: #fff;
}

.per-scroll::-webkit-scrollbar-track {
    border: none;
    padding: 2px 0;
    background-color: #f5f5f5;
}

.per-scroll::-webkit-scrollbar {
    width: 14px;
}

    .per-scroll::-webkit-scrollbar:hover {
        cursor: pointer
    }

.per-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #eae19d;
}