/* controls in debuginfo sections */
#debug-head .debug-banner{
    /*opacity: 0.8 !important;*/
}

/* debuginfo sections */
.debuginfo{
    opacity: 0.7;
}
.debuginfo.debuginfo_opacity1{ /* fixup for when <1 opacity seemingly caused z-index issues*/
    opacity: 1;
}
.todo {
    font-family: "courier new", courier, monospace;
    font-weight: bold;
    color: #00777c;
    background: #fff;
    opacity: 1;
}
.todo:before {
    content: 'todo: ';
}


/* highlight the currently focused input */
select:focus,
input:focus,
textarea:focus,
button:focus{
    -moz-outline-radius: 5px;
    outline: 4px solid rgba(0, 148, 255, 0.25) !important;
}



/* screen reader hidden labels - as recommended by https://webaim.org/techniques/css/invisiblecontent/ */
label.srOnly {
    position:absolute;
    left:-20000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
/* FormFields->checkbox()  ui checkbox fixup (2nd label doesnt need required marker as first label has it)*/
.noRequiredMarkAfter:after{
    content: '' !important;
}
/* show real checkbox if active (to show outer blue border) - not perfect as real checkbox is inverse colours of fake one. wont work if using js setup ($('.ui.checkbox').checkbox();)  */
.ui.checkbox input[type="checkbox"]:focus,
.ui.checkbox input[type="radio"]:focus {
    opacity: 1 !important;
}
/* ...so show if not focused as well */
.ui.checkbox input[type="checkbox"],
.ui.checkbox input[type="radio"] {
    opacity: 1 !important;
}

.inline-block {
    display: inline-block !important;
}
/* FormFields */
.field .startMarkup {
    padding: 0.0em 0.0em 0.2em 1.4em;
}
fieldset {
    border: 2px solid rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    margin-bottom: 5px;
}



/* not an issue, can use anchors as items
 dropdown menu - make contained anchors take up as much area as poss, so more likely to be clicked
.ui.menu .item > a:not(.ui){
    display: inline-block;
    width:100%;
}*/
/* dropdown menu - mouse-pointer should be normal if clicking does nothing - should only change on anchors/buttons etc  */
.ui.dropdown .menu > .item {
    cursor: default;
}


/* if body class fullwidth todo */
/*body.fullwidth .uk-container-center{ margin-right: unset; margin-left: unset; }
body.fullwidth .uk-container{ max-width: 3000px; padding: 0 10px; }
@media (min-width: 1228px){
body.fullwidth .uk-container { max-width: 3000px; }
}*/


/* avatar image */
img.avatarUserIcon {
    max-width: 100%;
    width: 28px !important;
    padding-right: 5px;
}

@media only screen and (max-width: 779px){
    .forNonMobileOnly { display: none !important; }
}
@media only screen and (min-width: 780px){
    .forMobileOnly { display: none !important; }
}

.balanceClassToSearchReplace{ /* used as sr token in php code, exists here so links via IDE */ }
.balanceZero { color: #007c00; }
.balancePlus { color: #c29500; }
.balanceNeg { color: #b43000;  }