/* 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: ';
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

/* 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;
}
/* checkbox fixup so error wraps below */
.ui.checkbox {
    width: 100%;
}
/* 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;
}
.ui.pointing.label, .ui[class*="pointing above"].label {
    margin-top: 0.5em;
}

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: 1220px){
body.fullwidth .uk-container { max-width: 3000px; }
}*/


/* avatar image */
img.avatarUserIcon {
    max-width: 100%;
    width: 25px !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; }
}

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


.noWrap {
    white-space: nowrap;
    word-break: keep-all;
}