/* vim: sw=4 ts=4 et :
*/

body {
   color: #000;
   font-family: 'Open Sans';
}

.buttons {
	list-style-type: none;
}
.buttons li button {
    padding: 5px 10px;
    display: block;
    width: 16em;
}

.center {
	display: table;
	margin: 0 auto;
}

.t-center {
	text-align: center;
}

.mb-1 { margin-bottom: 1em !important; }
.mb-2 { margin-bottom: 2em !important; }
.mb-3 { margin-bottom: 3em !important; }
.mb-4 { margin-bottom: 4em !important; }
.mt-1 { margin-top: 1em !important; }
.mt-2 { margin-top: 2em !important; }
.mt-3 { margin-top: 3em !important; }
.mt-4 { margin-top: 4em !important; }
.ml-1 { margin-left: 1em !important; }
.hi-1 { height: 1em !important; }
.hi-2 { height: 2em !important; }
.hi-3 { height: 3em !important; }
.hi-4 { height: 4em !important; }

.ms-1 { margin-start: 1em !important; }
.ms-2 { margin-start: 2em !important; }
.ms-3 { margin-start: 3em !important; }
.ms-4 { margin-start: 4em !important; }

.ps-1 { padding-start: 1em !important; }
.ps-2 { padding-start: 2em !important; }
.ps-3 { padding-start: 3em !important; }
.ps-4 { padding-start: 4em !important; }

.pl-1 { padding-left: 1em !important; }
.pl-2 { padding-left: 2em !important; }
.pl-3 { padding-left: 3em !important; }
.pl-4 { padding-left: 4em !important; }
.pr-1-2 { padding-right: 0.5em !important; }
.pr-1 { padding-right: 1em !important; }
.pr-2 { padding-right: 2em !important; }
.pr-3 { padding-right: 3em !important; }
.pr-4 { padding-right: 4em !important; }

.p1-4 { padding: 0.25em !important; }
.p1-2 { padding: 0.5em !important; }
.p1 { padding: 1em !important; }
.p2 { padding: 2em !important; }
.p3 { padding: 3em !important; }
.p4 { padding: 4em !important; }

.me-1 { margin-end: 1em !important; }
.me-2 { margin-end: 2em !important; }
.me-3 { margin-end: 3em !important; }
.me-4 { margin-end: 4em !important; }

.cont {
    display: contents;
}

.indent {
  padding: 0.25em !important;
  padding-left: 1em !important;
  background: #EAD8D7;
}
.indent2 {
  padding: 0.25em !important;
  padding-left: 1em !important;
  background: #d2c2c1;
}

.space1em {
    height: 1em;
}


.msg_fail {
    background: #F7BBBB !important;
    color: black !important;
	text-align: center;
}
.msg_ok {
	text-align: center;
    background: #C8F4A8 !important;
    color: black !important;
}

/* IICM scores */

.s7 { background: #3AA853; }
.s6 { background: #158A2C; }

.s5 { background: #08450B; color: white; }
.s4 { background: #AA77BE; }
.s3 { background: #9B4AB9; }

.s2 { background: #DB1D43; }
.s1 { background: #5C0375; color: white; }
.s0 { background: #B10526; color: white; }

.fright {
    float: right;
}
.fleft  {
    float: left;
}

.max4em {
    height: 4em !important;
}

[x-cloak] {
    display: none !important;
}
dialog::backdrop {
  background: repeating-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.2) 1px,
    rgba(0, 0, 0, 0.3) 1px,
    rgba(0, 0, 0, 0.3) 20px
  );
  backdrop-filter: blur(3px);
}
.ellipsis {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.cyt {
    background: lightpink !important;
}
.inp {
    background: tan !important;
}
.creyos {
    background: lightblue !important;
}
.sp {
    padding: 4px !important;
}
.w50 {
    width: 50%;
}
.dryes {
    background: lightgreen ;
}
.drno {
    background: pink ;
}
.unk {
    background: tan ;
}
.scrolly {
    height: 15em !important;
    overflow-y: scroll !important;
}