:root {
    --mulgreen: #00727A;
    --btngreen: #00727C;
}

.badge{
    background-color:var(--mulgreen);
}

.color-inverted {
    color: var(--mulgreen);
    background-color: white;
}

.detailtable th {
    background-color: lightgray;
    color: black;
    padding: 10px 10px 10px 10px;
}

.detailtable td {
    background-color: white;
    padding: 10px;
    width: 100%;
}

textarea {
    field-sizing: content;
}

.btn-format {
    background-color:var(--mulgreen);
    color: white;
    width: 22px;
    height: 22px;
    font-size: xx-small;
}

.btn-format:hover {
    background-color: var(--mulgreen);
    color: white;
}

.hidden {
    display: none !important;
}

.ql-container.ql-snow.ql-disabled {
    border: none !important;
}

.ql-tooltip {
  left: 0 !important;
  top: -10 !important;
}

.moduleheader {
    z-index: 100;
    top: 0;
}

.modulefooter {
    z-index: 100;
    bottom: 0;
}

.langList {
    list-style-type: none;
    margin: 0%;
}

.langimg{
    width: 20px;
    height: 20px;
}

.mul-select{
    background-color: var(--mulgreen);
    color: white;
    font-weight: bold;
    border: none;
    font-size: 1.25rem;
}

th:not(.nav) {
    vertical-align: top;
    min-width: 20vw;
}

.noedit {
    color: grey;
}

.edit {
    color: var(--mulgreen);
}

.ausMUonline {
    color: var(--mulgreen);
}

.multip {
  border-bottom: 1px dotted var(--mulgreen);
  text-decoration: none;
  cursor: help;
}

.multiptext {
    position: absolute;
    top: 4vh;
    left: 2vw;
    background-color: white;
    color: black;
    padding: 10px;
    border: 1px solid;
    border-radius: 5px;
    z-index: 1;
    font-size: 0.8em;
}

.spacer {
    min-width: 42vw;
}

.spacer40 {
    min-width: 40vw;
}

.spacer38 {
    min-width: 38vw;
}

.counter {
  border: 1px solid #ccc;
  border-width: 0px 1px 1px 1px;
  color: #aaa;
  padding: 5px 15px;
  text-align: right;
}

.saveInfo {
    position: fixed;
    bottom: calc(50% - 12vh);
    left: calc(50% - 12vh);
}

.saveImg {
    height: 24vh;
    width: auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearances: textfield;
}

th.nav {
    font-size: 1em !important;
}

td.nav {
    font-size: 1em !important;
}

.s {
    white-space: nowrap !important;
    font-size: 1em;
}

@-webkit-keyframes argh-my-eyes {
    0%   { background-color: var(--mulgreen); }
    49% { background-color: var(--mulgreen); }
    50% { background-color: green; }
    99% { background-color: green; }
    100% { background-color: var(--mulgreen); }
}

@-moz-keyframes argh-my-eyes {
    0%   { background-color: var(--mulgreen); }
    49% { background-color: var(--mulgreen); }
    50% { background-color: green; }
    99% { background-color: green; }
    100% { background-color: var(--mulgreen); }
}

@keyframes argh-my-eyes {
    0%   { background-color: var(--mulgreen); }
    49% { background-color: var(--mulgreen); }
    50% { background-color: green; }
    99% { background-color: green; }
    100% { background-color: var(--mulgreen); }
}
  
.blinking {
  -webkit-animation: argh-my-eyes 0.2s infinite;
  -moz-animation:    argh-my-eyes 0.2s infinite;
  animation:         argh-my-eyes 1s infinite;
}

BODY {
    font-size: 8px;
}

.qSys {
    background-image: url("Q-BG.png");
    background-repeat: repeat;
}

.multab {
    table-layout: fixed;
}

@media only screen and (min-width: 600px) {
    BODY {
    font-size: 14px;
    }

    .detailtable th {
       padding: 10px 100px 10px 10px !important;
    }
}

@media only screen and (min-height: 600) {
    .moduleheader {
        position: sticky;
    }

    .modulefooter {
        position: sticky;
    }
}