/*Voor foto's*/
.imgBox{
    position: relative;
    padding: 5px;
    border: 1px solid #d3d3d3;
    width: 200px;
    height: 200px;
    float: left;
    text-align: center;
    margin-right: 6px;
    margin-bottom: 6px;
}

.imageBoxStyle{
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*Einde voor foto's*/


/* toelichting bij ri&e's*/
.toelichting{
    font-size: 12px;
    font-style: italic;
}
/* einde toelichting bij ri&e's*/


/* voortgang van herhalingscursussen bij cursisten*/

.success-color-progress {
    padding: 5px 5px 5px 10px;
    display:inline-block;
    height: 30px;
    width: 230px;
    background-color: #00c851 !important;
}

.warning-color-progress {
    padding: 5px 5px 5px 10px;
    display:inline-block;
    height: 30px;
    width: 230px;
    background-color: #fb3 !important;
}
/* einde voortgang van herhalingscursussen bij cursisten*/


/* toelichtingknopje bij ri&e's*/
.toelichtingInfo:hover {
    position: relative;
}

.toelichtingInfo[data]:hover:after {
    content: attr(data);
    color: rgba(1,1,1,1);
    position: absolute;
    padding: 10px;
    top: 100%;
    width: 500px;
    z-index: 2;
    border-radius: 2px ;
    background-color: #bbbbbb;
}

/* einde toelichtingknopje bij ri&e's*/

.side-menu{
    position: sticky;
    /* overflow-y: auto; */
    /* max-height: 25em; */
    top: 250px;
}

.main-bevindingen-div-scroll{
    position: sticky;
    max-height: 42em;
    overflow-y: auto;
    top: 250px;
}

.sticky-selectie-filters{
    position: sticky;
    top: 150px;
    background-color: white;
    z-index: 99;
}

.filler-div{
    width: 100%;
    background-color: white;
    position: fixed;
    top: -100px;
    height: 300px;
    z-index: 5;
}

.opacity-button{
    opacity: 25% !important;
}

.opacity-button-full{
    opacity: 100% !important;
}

.li-hover:hover > .opacity-button{
    opacity: 100% !important;
}

.li-vraag-blok:hover > .opacity-button{
    opacity: 100% !important;
}

/* RI&E Adviseur- en Gebruikerbeheer */
.inputfieldGebruiker,
.inputfieldAdviseur{
    display: block;
    height: 34px;
    width: 500px;
    font-size: 16px;
    padding-left: 4px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
}