/* Folio Comment Access Front Styles */

.comment .comment-body,
.comment .comment-content{
    position: relative;
}

.comment .comment-visibility{
    font-size: 1rem;
    margin-bottom: .5rem;
    display: inline-block;
}

.comment .comment-visibility .sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.comment .comment-visibility img.visibility-icon{
    width: 16px;
    heigh: auto;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: .15rem;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    image-rendering: -webkit-optimize-contrast;
}

/*
@media (min-width: 544px){
    .agora-view .comment .comment-visibility{
        position: absolute;
        right: 1px;
        top: -33px;
    }  
}
*/


.comment-form-access__select option:disabled,
.comment-form-access__select option[disabled]{
    color: #ababab;
}