/* Normalization */

html {
	box-sizing: border-box;
	font-size: 18px;
	overflow: hidden;
}
*, *:before, *:after{
	box-sizing: inherit;
}
@viewport{
	height:device-height;
	width:device-width;
}

[class^='sd-'] {
	display:inline-block;
	font:normal normal normal 14px/1 'ScorDev';
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:translate(0,0)
}
.sd-rotate-45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body, input, button, select, option, textarea, a, [contenteditable="true"] {
    font-family: 'Roboto', "nimbus-sans", sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #230101;
}
body, input, button, select, option, textarea, [contenteditable="true"] {
	background: #fbf2f6;
}
.today {
	background: #fbf2f6;
	border: 2px solid #230101 !important;
}
.lightgray,
small,
.inactive,
.status-inactive,
.color-inactive {
	color: #58595B;
}
small {
    font-weight: normal;
}
.inactive,
.status-inactive,
header.status-inactive > div:first-of-type {
	background: rgba(170,170,170,0.2);
}
.hidden {
	display: none !important;
}

.color-yellow {
    color: #ddaa00;
}
.yellow,
.status-yellow,
header.status-yellow > div:first-of-type {
	/* box-shadow: inset 0 0 1px 1px #fe3333; */
    background: #fffce6;
    color: #ddaa00;
}
.color-blue {
    color: #225588;
}
.blue,
.status-blue,
header.status-blue > div:first-of-type {
    /* box-shadow: inset 0 0 1px 1px #fe3333; */
    color: #225588;
    background: #f2f6fb;
}
.color-orange {
    color: #ffe6cc;
}
.orange,
.status-orange
header.status-orange > div:first-of-type {
    background: #ffe6cc;
    color: #f23300;
}
.color-green {
    color: #1E671E;
}
.valid,
.status-valid,
.green:not(span),
.status-green,
header.status-green > div:first-of-type {
	/* box-shadow: inset 0 0 1px 1px #fe3333; */
	color: #1E671E;
	background: #e9fae9;
}
.color-purple {
    color: #552288;
}
.purple,
.status-purple,
header.status-purple > div:first-of-type {
    /* box-shadow: inset 0 0 1px 1px #fe3333; */
    color: #552288;
    background: #f6f2fb;
}
input:invalid,
input:invalid ~ label,
.invalid,
.status-invalid,
.red,
.status-red,
header.status-red > div:first-of-type {
    /* box-shadow: inset 0 0 1px 1px #fe3333; */
    color: #AA0000;
}
input:invalid,
.invalid,
.status-invalid,
.red:not(span),
.status-red,
header.status-red > div:first-of-type {
	/* box-shadow: inset 0 0 1px 1px #fe3333; */
	background: #fee9e9;
}
.deleted:not(.record),
.deleted.record > header,
.deleted.record > .header {
    opacity: .5;
    text-decoration: line-through;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
a {
	text-decoration: none;
}
.cf:before, .cf:after {
    content: "";
    display: table;
}
.cf:after {
	clear: both;
}

.font-large {
	font-size: 1.4em;
}
.font-medium {
    font-size: 1.25em;
}
.font-medium-2 {
    font-size: 1.15em;
}
.font-small {
	font-size: .8em;
}
.bold {
	font-weight: bold !important;
}
.color-disabled {
    color: rgba(170,170,170,0.2);
}
.disabled,
.disabled small {
	color: rgba(170,170,170,0.2);
    cursor: default;
}
.green {
	color: #228855;
}

.left {
	text-align: left;
}
.float-right {
	float: right;
}

.align-right {
	text-align: right;
}
.center {
	text-align: center;
}
.relative {
	position: relative;
}
.auto-scroll,
.table {
	overflow: auto;
}
.no-overflow {
	overflow: hidden !important;
}
.not-padded {
	padding: 0;
}
.auto {
	width: auto;
}
div.auto {
	display: inline-block;
}
h2 {
	margin: 0;
    font-size: 1.25em;
}
h3 {
	margin: .5em;
    font-size: 1.15em;
}
.padded {
	padding: .5em;
}
ul.padded {
	padding: 0;
}
ul.padded > li {
	padding: .25em;
}
.margin {
	margin: .5em;
}

.draggable .handle {
	cursor: move;
}

.relative,
.tooltipped.relative:not(.mobile-wide) {
	position: relative;
}
.tooltip button,
.tooltip select:not([multiple]),
.tooltip input,
.tooltip div.input,
.tooltip textarea {
	min-height: 0;
	/*padding: 0;*/
}
.tooltip {
	cursor: default;
	display: block;
	/*margin-left: -999em;
	opacity: .9;*/
	color: #230101;
	font-size: 1rem;
	position: absolute;
	margin-left: .25em;
	z-index: 100;
	background: #FFFFFF;
	padding: .25em;
	border-radius: 5px;
	border: 1px solid gray;
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	width: auto;
	overflow-x: auto;
	max-width: 100vw;
}
.tooltip > div {
	width: 100%;
	overflow: auto;
}
.tooltip.bottom {
	bottom: 1.25em;
}
.tooltip.right {
	margin-left: auto;
	right: .25em;
}
.tooltip.left {
	margin-right: auto;
	left: .25em;
}

#html {
	max-height: 75vh;
	overflow: auto;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: .1em;
}


/* Links */

ul.links > li {
	transition: all 250ms ease-in-out;
}
ul.links > li.disabled {
	color: gray}
ul.inline-list {
	overflow: visible;
}
ul.inline-list li {
	display: inline-block;
}
ul.links > li:not(.divider):not(.active):not(.disabled),
a,
.list-selector,
.clickable:not(button) {
	cursor: pointer;
}
ul.links > li:not(.divider):not(.active):not(.disabled):not(.lightgray),
a,
.list-selector,
.clickable:not(button):not(.lightgray):not([class*="color-"]) {
    color: #500000;
}
li > a {
width: 100%;
height: 100%;
display: block;
}
.clickable:not(.lightgray):not([class*="color-"]) > strong,
.clickable:not(.lightgray):not([class*="color-"]) > span:not([class^='sd-']) {
	color: #230101;
}
ul.links > li:not(.divider):not(.active):not(.disabled):hover,
.list-selector:hover,
.clickable:not(button):hover {
	color: #230101;
	background: #fbf2f6;
    text-decoration: underline;
}
ul.links > li.active {
	color: #FFFFFF;
	background: #500000;
	font-weight: bold;
}
ul.links li span[class^='sd-'] {
    vertical-align: -14%;
    width: 1em;
    font-size: 1.33333em;
    line-height: 0.75em;
	text-align: center;
}
span.square,
ul.options li.clickable > span > span[class^='sd-'] {
    width: 1.25em;
	text-align: center;
}
span.square.clickable:hover,
ul.options li.clickable:hover > span > span[class^='sd-'] {
    vertical-align: -14%;
    width: 1em;
    font-size: 1.25em;
    line-height: 0.75em;
	text-align: center;
}
ul.links span.square,
ul.links li > span[class^='sd-'] {
	margin-right: .25em;
}
ul.links li.a > a {
	padding: 0.5em;
	display: inline-block;
}

ul.content {
	background: rgba(0,0,0,.05);
}
.detailed > ul {
	width: 100%;
}
ul.content > li,
.detailed > ul.content > li:first-of-type {
	width: 100%;
	border-top: 1px solid rgba(0,0,0,.1);
}
header ~ .detailed {
    border-bottom: 2px solid gray;
}
[data-load] > header:last-of-type ~ .detailed:last-of-type {
    border-bottom: none;
}
ul.content ~ ul.content {
    border-top: 1px solid gray;
}
ul.content > li:first-of-type {
	border-top: none;
}
.pre {
    white-space: pre-wrap;
}
ul.content > li > header,
.detailed > header,
.detailed .content,
form header {
	white-space: nowrap;
	overflow: hidden;
	font-weight: 500;
}
ul.content > li:not([class*="status-"]) > header:not([class*="status-"]),
.detailed > header:not([class*="status-"]),/*
.detailed .content:not([class*="status-"]),*/
form header:not([class*="status-"]) {
	background: #FFFFFF;
}
/* ul.content > li > header,
ul.content > li > .detailed {
	padding: .5em;
} */
ul.content > li > header.clickable:hover {
	cursor: pointer;
	background: #fbf2f6;
}
ul.detailed > li {
    padding: .5em;
}
ul.content > li.info,
ul.detailed.content > li:not(.clickable):not(.record) {
    padding: .25em .5em;
}
ul.detailed.content > li.record {
    padding: 0;
    font-size: .8em;
}

.progress-bar {
	background: #500000;
	padding: .125em;
    position: absolute;
    width: 100%;
	left: -100%;
	top: 0;
	z-index: 100;
}
body > .progress-bar {
	top: 2.5em;
	z-index: 100;
}

/* Dashboard Style */

body {
	margin: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	overflow: hidden;
	box-sizing: border-box;
	flex-direction: column;
	background: #FFFFFF;
}

body > :not(div) {
	flex-shrink: 0;
	padding: 0.5em;
}

body > header {
	background: #230101;
	color: #FFFFFF; /* */
	display: flex;
	align-items: center;
	 border-bottom: rgba(0,0,0,.1) 1px solid; /**/
	padding: .125em .5em;
	height: 2.5em;
}
body > header > div:nth-of-type(2) {
	flex-grow: 1;
}
body > header button {
	padding: .5em;
	background: none;
	border-radius: 0;
}
body > header img {
	max-height: 1.7em;
}

body > div {
	flex-grow: 1;
	overflow: hidden;
	display: flex;
	position: relative;
}
body > div > nav {
	overflow-y: auto;
	padding: 0.5em;
	border-right: gray 1px solid;
	white-space: nowrap;
	overflow-x: hidden;
	transition: all 500ms ease-in-out;
	min-width: 3.4em;
	background: #FFFFFF;
}
body > div > nav.open {
	flex-shrink: 0;
	width: 15em;
}
body > div > nav.closed {
	width: 0;
}
body > div > nav > ul > li:not(.divider):not(.a) {
	padding: 0.5em;
}
.divider,
body > div > nav > ul > li.divider {
	border-bottom: rgba(0,0,0,.1) 1px solid;
	margin: 0.5em 0;
}
body > div > main {
	flex-grow: 1;
	padding: 0.5em;
	display: flex;
    justify-content: space-evenly;
    align-content: flex-start;
    flex-flow: row wrap;
	gap: 0.5em;
	overflow-y: auto;
    background: rgba(0,0,0,.1);
}

body > footer {
	text-align: center;
	border-top: rgba(0,0,0,.1) 1px solid;
	background: #230101;
	color: #FFFFFF;
}

main#dashboard > * {
	border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
	/*border: 1px solid rgba(0,0,0,.1);*/
	height: auto;
	position: relative;
	background: #FFFFFF;
	overflow: hidden;
}
.wide {
	width: 100%;
}
.half {
    width: 50%;
}
main#dashboard > .half {
    width: calc(50% - 0.5em);
}
.third {
    width: 33.33%;
}
main#dashboard > .third {
    width: calc(33.33% - 0.66666666666667em);
}
.two-thirds {
    width: 66.66%;
}
main#dashboard > .two-thirds {
    width: calc(66.66% - 0.5em);
}
.fourth,
.quarter {
    width: 25%;
}
main#dashboard > .fourth,
main#dashboard > .quarter {
    width: calc(25% - 0.75em);
}
.three-quarters {
    width: 75%;
}
main#dashboard > .three-quarters {
    width: calc(75% - 0.5em);
}
.fifth,
.one-fifth {
    width: 20%;
}
main#dashboard > .fifth,
main#dashboard > .one-fifth {
    width: calc(20% - 0.75em);
}
.two-fifths {
    width: 40%;
}
main#dashboard > .two-fifths {
    width: calc(40% - 0.5em);
}
.three-fifths {
    width: 60%;
}
main#dashboard > .three-fifths {
    width: calc(60% - 0.5em);
}
.four-fifths {
    width: 80%;
}
main#dashboard > .four-fifths {
    width: calc(80% - 0.5em);
}

main#dashboard > section {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    /* flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: flex-start;
     justify-content: space-around; */
}
main#dashboard > section > div:not([data-slidedown]) {
    flex-grow: 1;
}
main#dashboard > section > * {
	max-width: 100%;
	overflow: auto;
}
main#dashboard > section .progress-bar {
	padding: .085em;
}
main#dashboard > section > header,
.detailed > header,
[data-load] > header.content {
	width: 100%;
	/* background: #500000;
	color: #FFFFFF; */
	border-bottom: 1px solid gray;
	overflow: hidden;
}
[data-load] > header.content {
    border-top: 1px solid gray;
}
main#dashboard > section > footer {
    width: 100%;
    /* background: #500000;
	color: #FFFFFF; */
    border-top: 1px solid gray;
    overflow: hidden;
}
main#dashboard > section > div:not(.progress-bar):not([data-load]):not([data-slidedown]) {
	margin: 0.5em 0;
}
[data-slidedown] {
     border-bottom: 1px solid #222;
     padding: 0 .5em .5em;
     margin: 0;
}
main#dashboard > section > div:not(.progress-bar) {
	overflow: auto;
	max-width: 100%;
}
main#dashboard > section ul.content {
    max-height: 50vh;
    overflow: auto;
}
main#dashboard > section .detailed ul.content {
    max-height: 25vh;
}
main#dashboard > section ul.content.tall {
    max-height: 80vh;
}
main#dashboard > section .detailed ul.content.tall {
    max-height: 40vh;
}
main#dashboard > section > .content:not(ul) {
	padding: 0.5em;
	position: relative;
	width: 100%;
}
.content .detailed {
	font-size: .85em;
	margin: .25em;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 0.25em;
	overflow: hidden;
}
[data-load] {
	width: 100%;
}
main#dashboard > section > .progress-bar {
	top: 2.45em;
}
/*main > section > footer {
	padding: 0.5em;
	border-top: rgba(0,0,0,.1) 1px solid;
}*/

section > section {
	margin: 0.5em 0.25em;
	position: relative;
}
section > section > * {
	margin: 0.5em 0;
}

section > section > header {
	margin: 0.5em 0.5em -0.25em;
	font-size: 1.15em;
}
/*.detailed .content,*/
.form-pagesform header > div {
    padding: 0 .5em;
}
main header > div > *:not(ul) {
    padding: .5em;
}
main header > div,
main footer > div,
.detailed .content,
.form-pagesform header > div {
    display: flex;
    min-height: 2em;
}
.detailed .content {
    min-height: 1.5em;
}
.content > .info,
ul.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.content > .info > span {
    min-width: 30%;
}
main header > div,
main footer > div,
.form-pages header > div {
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
main footer > div {
    justify-content: center;
}
.detailed .content {
	flex-direction: column;
	flex-grow: 1;
}
.detailed > .content {
    background: #FFFFFF;
}
.detailed ul.content.info > li {
	padding: .5em;
}
.detailed ul.content > li:first-of-type {
	border-top: none;
}
main header time {

}
main header > div:nth-of-type(2) {
	padding-top: 0;
}
main header > div:first-of-type {

}
main header > div:first-of-type > .options,
main footer > div:first-of-type > .options,
.form-pages header > div:first-of-type > .options {
	/*float: right;
	display: inline-block;
	height: calc(100% + 1em);
	margin-top: -.5em; */
	overflow: visible;
	display: flex;
}
.form-pages header > div:first-of-type > .options {
    border-bottom: 1px solid rgba(0,0,0,.1);
}
table .options {
	overflow: visible;
	display: inline-flex;
	margin: -.25em 0 -.25em -.5em;
	float: left;
}
main .header > div:first-of-type {
    display: flex;
}
main .header > div:first-of-type > :first-child > * {
    display: inline-block;
    padding: .5em;
}
main header > div:first-of-type > :first-child,
main .header > div:first-of-type > :first-child {
    flex-grow: 1;
}
main header > div:first-of-type > .options:first-of-type,
main .header > div:first-of-type > .options:first-child {
    flex-grow: 0;
}
main header > div:first-of-type > .options:last-of-type,
main .header > div:first-of-type > .options:first-child {
    justify-content: flex-end;
}
main header > div:first-of-type > .options:nth-of-type(2),
main .header > div:first-of-type > .options:nth-of-type(2) {
    flex-grow: 1;
}
main header > div:first-of-type > .options > *:not(.tooltip) > *:not(.tooltip):not(img),
main footer > div:first-of-type > .options > *:not(.tooltip) > *:not(.tooltip):not(img),
main .header > div:first-of-type > .options > *:not(.tooltip) > *:not(.tooltip):not(img) {
    display: inline-block;
    padding: .5em;
}
.form-pages header > div:first-of-type > .options > *:not(.tooltip) {
    /*
    display: inline-block;
    float: left; */
    padding: .5em;
    /* margin: -.5em 0 0; */
}
table .options > *:not(.tooltip) {
	padding: .25em .5em;
}
div > p:first-child {
	margin-top: 0;
}
div > p:last-child {
	margin-bottom: 0;
}


.calendar {
	width: calc(100% + 2px);
	display: flex;
	margin: 0 -1px -1px;
	overflow: hidden;
}
.calendar {
	flex-wrap: wrap;
}
.calendar > * {
	flex-grow: 1;
	flex-basis: 0;
/* 	padding: 0 .25em;
	border-right: 1px solid rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.1);*/
    border: 1px solid rgba(0,0,0,.1);
    border-top-color: gray;
    border-bottom-color: gray;
}

/* .calendar-week > *:last-of-type {
	border-right: none;
} */

/*.calendar.workdays-7 > :nth-of-type(n+8),
.calendar.workdays-6 > :nth-of-type(n+7),
.calendar.workdays-5 > :nth-of-type(n+6),
.calendar.workdays-4 > :nth-of-type(n+5),
.calendar.workdays-3 > :nth-of-type(n+4) {
	border-top: 1px solid rgba(0,0,0,.1);
} */
.calendar.workdays-7 > * {
	min-width: max(calc(100% / 7), 13em);
}
.calendar.workdays-6 > * {
	min-width: max(calc(100% / 6), 13em);
}
.calendar.workdays-5 > * {
	min-width: max(calc(100% / 5), 13em);
}
.calendar.workdays-4 > * {
	min-width: max(calc(100% / 4), 13em);
}
.calendar.workdays-3 > * {
	min-width: max(calc(100% / 3), 13em);
} /*
.calendar.workdays-7 > :nth-of-type(7n),
.calendar.workdays-6 > :nth-of-type(6n),
.calendar.workdays-5 > :nth-of-type(5n),
.calendar.workdays-4 > :nth-of-type(4n),
.calendar.workdays-3 > :nth-of-type(3n) {
	border-right: none;
} */
.calendar ul.scheduled {
	min-height: 4em;
    height: calc(100% - 2em);
}

/*.calendar-week > li > header {
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.1);
}*/
.calendar > li > header > time {
	display: inline-block;
	padding: .5em;
}
.calendar > li > header > ul > li {
	float: left;
	padding: .5em;
}
.weather sup {
	vertical-align: top;
}

.calendar .weather {
	height: 2em;
	padding: .125em !important;
}
.calendar .weather > img {
	width: 1.9em;
	background: white;
	border-radius: .125em;
}
.calendar .weather:hover > img {
	border: 1px solid #500000;
	cursor: pointer;
}
.calendar .weather > .tooltip img {
	width: 1.5em;
	vertical-align: bottom;
}

.calendar .scheduled > * {
	overflow: hidden;
}
.calendar .scheduled > .job {
	border: 1px solid #7F2C4E;
	background: #fbf2f6;
	border-radius: .5em;
	margin: .25em;
    padding: 1px;/*calc(.5em + 1px) calc(.25em + 1px)*/
}
/*.calendar .scheduled > .job:first-of-type {
	margin-top: 1px;
}*/
.calendar .scheduled > .job.green {
	background: #f2fbf6;
	color: #228855;
	border-color: #228855;
}
span.green {
    color: #228855;
}
.calendar .scheduled > .job.blue {
	background: #f2f6fb;
	color: #225588;
	border-color: #225588;
}
span.blue {
    color: #225588;
}
.calendar .scheduled > .job.orange {
    background: #ffe6cc;
    color: #f23300;
    border-color: #f23300;
}
span.orange {
    color: #f23300;
}
.calendar .scheduled > .job.darkgrey {
    background: #eeeeee;
    color: #333333;
    border-color: #333333;
}
span.darkgrey {
    color: #333333;
}
/* .calendar .scheduled > .job > header > div {
	margin-top: .25em;
} */
.calendar .scheduled > .job:hover {
	border-width: 2px;
	/*margin: .25em;*/
    padding: 0;
	width: calc(100% - .5em);
}
/*.calendar .scheduled > .job:first-of-type:hover {
	margin-top: 0;
}*/
.calendar .scheduled > .job > header:hover {
	background: inherit;
}

.calendar .scheduled > li > header > ul > li {
    padding: .25em;
    font-size: .9em;
}
.calendar .scheduled [data-detail] {
    border-top: 1px solid;
}

.border-left-light {
	border-left: 1px solid rgba(0,0,0,.1);
}



.mobile-show {
    display: none !important;
}

@media screen and (min-width: 2000px) {
	html {
		font-size: 20px;
	}
}
@media screen and (max-width: 1200px) {
	html {
		font-size: 18px;
	}
    main#dashboard > .medium-wide {
        width: 100%;
    }
    main#dashboard > .medium-half {
		width: calc(50% - 0.5em);
	}
    main#dashboard > .medium-third {
		width: calc(33.33% - 0.66666666666667em);
	}
    main#dashboard > .medium-two-thirds {
		width: calc(66.66% - 0.5em);
	}
    main#dashboard > .medium-three-quarters {
		width: calc(75% - 0.5em);
	}
}
@media screen and (max-width: 600px) {
	html {
		font-size: 16px;
	}
	body > div {
		overflow-x: auto;
	}
	main#dashboard {
		width: 100vw;
		max-width: 100vw;
		flex-shrink: 0;
		padding: 0;
	}
    .mobile-hide {
        display: none !important;
    }
    .mobile-show {
        display: inline-block !important;
    }
    main#dashboard > .half,
    main#dashboard > .third,
    main#dashboard > .one-third,
    main#dashboard > .two-thirds,
    main#dashboard > .one-fourth,
    main#dashboard > .fourth,
    main#dashboard > .one-quarter,
    main#dashboard > .quarter,
    main#dashboard > .three-quarters,
    main#dashboard > .fifth,
    main#dashboard > .one-fifth,
    main#dashboard > .two-fifths,
    main#dashboard > .three-fifths,
    main#dashboard > .four-fifths {
		width: 100%;
	}
	.tooltipped.mobile-wide {
		position: static !important;
	}
	.tooltipped.mobile-wide .tooltip {
		left: 0 !important;
		margin-left: 0 !important;
		right: 0 !important;
		overflow: hidden !important;
	}

    span.square,
    ul.options li.clickable > span[class^='sd-'] {
        width: 1em;
    }

	.calendar {
		flex-direction: column;
		max-height: 80vh;
		overflow-y: auto;
		flex-wrap: nowrap;
	}
	.calendar > * {
		flex-grow: 1;
		flex-basis: 0;
		border-right:none;
		border-bottom:2px solid rgba(0,0,0,.1);
	}
	.calendar > :last-of-type {
		border-bottom: none;
	}
	.calendar ul.scheduled {
		min-height: 1em;
	}
}
@media screen and (max-width: 360px) {
	html {
		font-size: 16px;
	}
	body > div {
		overflow-x: auto;
	}
	main#dashboard {
		width: 100vw;
		max-width: 100vw;
		flex-shrink: 0;
	}
	.half,
	.third,
	.two-thirds,
	.fourth,
	.quarter,
	.three-quarters {
		width: 100%;
	}
	.tooltipped.mobile-wide {
		position: static !important;
	}
	.tooltipped.mobile-wide .tooltip {
		left: 0 !important;
		margin-left: 0 !important;
		right: 0 !important;
		overflow: hidden !important;
	}
}

/* Tables */
div.border {
    border: 1px gray solid;
}
div.border-x2 {
    border: 2px gray solid;
}
table {
    border-spacing: 0;
	width: 100%;
	white-space: nowrap;
    background: rgba(0,0,0,.1);
}

table.sticky-head {
	position: relative;
	overflow-y: auto;
}
table.sticky-head > thead > tr > * {
	position: sticky;
	top: 0;
	background: #FFEEDD;
}
table.sticky-column {
	position: relative;
	overflow-x: auto;
	max-width: 100%;
}
table.sticky-column thead th {
    z-index: 10;
}
table.sticky-column > * > tr > th:first-of-type,
table.sticky-column > * > tr > td:first-of-type {
	position: sticky;
	left: 0;
	background: #FFEEDD;
	text-align: right;
    min-width: 8em;
    z-index: 15;
}
table > thead {
	background: #FFEEDD;
}
table > * > tr > td,
table > * > tr > th {
	padding: .25em .5em;
	border-right:  1px rgba(0,0,0,.1) solid;
	border-bottom:  1px rgba(0,0,0,.1) solid;
}
table > thead > tr:last-of-type > *,
table > tbody:not(:last-of-type) > tr:last-of-type > *
/*,table > tbody:last-of-type > tr:last-of-type > * */ {
	border-bottom: 1px gray solid;
}
/*table > thead > tr:first-of-type > * {
    border-top: 1px gray solid;
}*/
table > tbody:last-of-type > tr:last-of-type > * {
	border-bottom: none;
}
table > * > tr > td:first-of-type,
table > * > tr > th:first-of-type {
	border-right:  1px gray solid;
}
table > * > tr > td:last-of-type,
table > * > tr > th:last-of-type {
	border-right:  none;
}


table.editable > tbody > tr:hover {
	/* cursor: pointer; */
	background: #fbf2f6;
}
table.query th,
table.query td {
	max-width: 20em;
	overflow: hidden;
}


.touch-buttons {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.touch-buttons > li {
    flex-grow: 1;
}
.touch-buttons > .third {
    width: calc(33.33% - .5em);
    margin: .25em;
}
.touch-buttons button {
    width: 100%;
    padding: 1em;
    cursor: pointer;
}
.touch-buttons > .third > button {
    padding: 1.25em;
}



/**** PopUp ****/
#backgroundPopup {
    z-index:101;
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.5);
    /* top:0px;
    left:0px;
	cursor: pointer;*/
	justify-content: space-around;
	align-content: space-around;
}
#popup {
	/* border-radius: .5rem; */
	background: #FFFFFF;
    display: none;
	width: auto;
	max-height: 95%;
	overflow-y: auto;
	overflow-x: hidden;
	min-width: 400px;
	min-width: min(1000px, 95vw);
    max-width: 95%;
	position: relative;
	/*position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
	border-radius: 1em;
	cursor: default;
	/*box-shadow: 0 0 15px rgba(0,0,0,0.5);*/
	margin: auto;
	min-height: 4em;
}
#popup .popup-content {
	transition: all 1s ease-in-out;
}
#popup #close-popup {
	/*position: absolute;
	right: .5em;*/

    position: sticky;
    left: calc(100% - 2.25em);
    top: .5em;
    z-index: 100;
    font-size: 1.5em;
    padding: .25em;
    display: block;
    margin-bottom: -1.75em;
    width: 1.75em;
}



















@media print {
	@page {
		size: 8.5in 11in;
		margin: .2in .2in;
	}
	body {
		background: none;
	}
	header#topbar,
	nav#sidebar {
		display: none;
	}
}

/** Prettify.css **/
pre.print-json,
pre.prettyprint {
	border:1px solid #888;
	border-radius: 3px;
	background: #FFFFFF;
	overflow:hidden;
	text-align: left;
}
pre.prettyprint.overflow {
	overflow: auto;
}
pre.prettyprint.margin {
	margin: .5em;
}
pre ol {
	list-style: decimal;
	padding: 0 0 0 4em;
}
pre ol > li {
	border: none;
	border-left: 1px solid #AAA;
}
.pln{color:#000}
@media screen{
	.str{color:#080}
	.kwd{color:#008}
	.com{color:#800}
	.typ{color:#606}
	.lit{color:#066}
	.pun,.opn,.clo{color:#660}
	.tag{color:#008}
	.atn{color:#606}
	.atv{color:#080}
	.dec,.var{color:#606}
	.fun{color:red}
}
@media print,projection{
	.str{color:#060}
	.kwd{color:#006;font-weight:bold}
	.com{color:#600;font-style:italic}
	.typ{color:#404;font-weight:bold}
	.lit{color:#044}
	.pun,.opn,.clo{color:#440}
	.tag{color:#006;font-weight:bold}
	.atn{color:#404}
	.atv{color:#060}
}
ol.linenums{margin-top:0;margin-bottom:0}
li.L1,li.L3,li.L5,li.L7,li.L9{background:#f8f8f8}

/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.prettyprint.dark {
  background: #2d2d2d;
  font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
  border: 0 !important;
}

.prettyprint.dark .pln {
  color: #cccccc;
}

/* Specify class=linenums on a pre to get line numbering */
.prettyprint.dark ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #999999;
}

.prettyprint.dark li.L0,
.prettyprint.dark li.L1,
.prettyprint.dark li.L2,
.prettyprint.dark li.L3,
.prettyprint.dark li.L4,
.prettyprint.dark li.L5,
.prettyprint.dark li.L6,
.prettyprint.dark li.L7,
.prettyprint.dark li.L8,
.prettyprint.dark li.L9 {
  padding-left: 1em;
  background-color: #2d2d2d;
  list-style-type: decimal;
}

@media screen {

  /* string content */

  .prettyprint.dark .str {
    color: #99cc99;
  }

  /* keyword */

  .prettyprint.dark .kwd {
    color: #cc99cc;
  }

  /* comment */

  .prettyprint.dark .com {
    color: #999999;
  }

  /* type name */

  .prettyprint.dark .typ {
    color: #6699cc;
  }

  /* literal value */

  .prettyprint.dark .lit {
    color: #f99157;
  }

  /* punctuation */

  .prettyprint.dark .pun {
    color: #cccccc;
  }

  /* lisp open bracket */

  .prettyprint.dark .opn {
    color: #cccccc;
  }

  /* lisp close bracket */

  .prettyprint.dark .clo {
    color: #cccccc;
  }

  /* markup tag name */

  .prettyprint.dark .tag {
    color: #f2777a;
  }

  /* markup attribute name */

  .prettyprint.dark .atn {
    color: #f99157;
  }

  /* markup attribute value */

  .prettyprint.dark .atv {
    color: #66cccc;
  }

  /* declaration */

  .prettyprint.dark .dec {
    color: #f99157;
  }

  /* variable name */

  .prettyprint.dark .var {
    color: #f2777a;
  }

  /* function name */

  .prettyprint.dark .fun {
    color: #6699cc;
  }
}