/* css helpers */
/* This is one of the rare correct use cases of !important : control class */

.ool-util-away{
    position: absolute!important;
    top: -99999px!important;
}

.ool-util-hidden{
    display: none!important;
    visibility: hidden!important;
}


/****************
ool-utils colors 
****************/

body .ool-ok, .ool-ok i{
    color: green; 
}
body .ool-ok-box{ 
    border: 1px solid green; 
}
body .ool-ok-u{ 
    text-decoration: underline; 
    text-decoration-color: green; 
}
body .ool-ok-bg{ 
    background-color: green; 
    color: white; 
}

body .ool-info, .ool-info i{
    color: cyan; 
}
body .ool-info-box{ 
    border: 1px solid cyan; 
}
body .ool-info-u{ 
    text-decoration: underline; 
    text-decoration-color: cyan;
}
body .ool-info-bg{ 
    background-color: cyan; 
}

body .ool-warning, .ool-warning i{ 
    color: orangered; 
}
body .ool-warning-box{ 
    border: 1px solid orangered; 
}
body .ool-warning-u{ 
    text-decoration: underline; 
    text-decoration-color: orangered;
}
body .ool-warning-bg{ 
    background-color: orangered; 
    color: white; 
}

body .ool-error, .ool-error i{
    color: firebrick; 
}
body .ool-error-box{ 
    border: 1px solid firebrick; 
}
body .ool-error-u{ 
    text-decoration: underline; 
    text-decoration-color: firebrick;
}
body .ool-error-bg{ 
    background-color: firebrick; 
    color: white; 
}



/**** hide first radio option for group with class ****/

.ool-radio-group-hide-first li:nth-child(1){
    display: none!important;
 }