/**
 * State rules
 */

.s-feedback {
    
}
.s-error {
    /* see theme.css */
}
.s-error .msgBox,
.s-error.msgBox {
    background-color:#fadbdb;
    border:1px solid #a51616;
}
.s-imparcial .msgBox,
.s-imparcial.msgBox {
    background-color:#ffde7c;
    border:1px solid #937b32;
}
.s-imparcial{
    color: #665010;
}
.s-success {
    color:#156200;
}
.s-success .msgBox,
.s-success.msgBox {
    background-color:#d0f3c7;
    border:1px solid #219801;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.s-hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.s-visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .s-visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.s-visuallyhidden.focusable:active,
.s-visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.s-invisible {
    visibility: hidden;
}


.hidden{
    display: none;
}
.hidden:hover{
    display: block;
}