/*
Copied from there : https://gist.github.com/rcotrina94/7828886
*/

/* For radio buttons */

.custom-radio input, .custom-check input, .custom-radio-other input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.staff{background-image:url(images/staff.png);}
.management{background-image:url(images/management.png);}
.board{background-image:url(images/board.png);}


.circle {
    background-image: url(images/radio-off.svg);
}

.custom-radio input:active +.radio-img, .custom-check input:active +.radio-img{opacity: .9;}
.custom-radio input:checked +.radio-img, .custom-check input:checked +.radio-img{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.radio-img{
    position: relative;
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;
    display:inline-block;
    
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
}
.radio-img:hover, .radio-img.check:hover {
    background-color: rgb(248,247,242);
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}

/* For checkboxes */