:root{
    --default-background: #121212;
    --default-font-color-high-emphasis: #ffffffdd;
    --default-font-color-medium-emphasis: #ffffff99;
    --default-font-color-disabled: #ffffff61;

    --rixel-blue: rgb(0, 24, 80);
    --rixel-blue-dark: rgb(0, 12, 40);
    --rixel-blue-light: rgb(0, 48, 160);
    --rixel-blue-king: rgb(64, 160, 224);
    --rixel-yellow-light: rgb(255, 224, 0);
    --rixel-yellow-dark: rgb(255, 160, 0);
    --rixel-gray-ultra-light: rgb(224, 224, 224);
    --rixel-gray-light: rgb(208, 208, 208);
    --rixel-gray-dark: rgb(192, 192, 192);

    --primary: #070095;
    --secondary: #A30037;
    --tertiary: #0045A2;

    --primary-50: #e1e0f2;
    --primary-100: #b5b3df;
    --primary-200: #8380ca;
    --primary-300: #514db5;
    --primary-400: #2c26a5;
    --primary-500: #070095;
    --primary-600: #06008d;
    --primary-700: #050082;
    --primary-800: #040078;
    --primary-900: #020067;
    --primary-A100: #9696ff;
    --primary-A200: #6363ff;
    --primary-A400: #3030ff;
    --primary-A700: #1717ff;

    --secondary-50: #f4e0e7;
    --secondary-100: #e3b3c3;
    --secondary-200: #d1809b;
    --secondary-300: #bf4d73;
    --secondary-400: #b12655;
    --secondary-500: #a30037;
    --secondary-600: #9b0031;
    --secondary-700: #91002a;
    --secondary-800: #880023;
    --secondary-900: #770016;
    --secondary-A100: #ffa5ae;
    --secondary-A200: #ff7281;
    --secondary-A400: #ff3f53;
    --secondary-A700: #ff253c;

    --tertiary-50: #e0e9f4;
    --tertiary-100: #b3c7e3;
    --tertiary-200: #80a2d1;
    --tertiary-300: #4d7dbe;
    --tertiary-400: #2661b0;
    --tertiary-500: #0045a2;
    --tertiary-600: #003e9a;
    --tertiary-700: #003690;
    --tertiary-800: #002e86;
    --tertiary-900: #001f75;
    --tertiary-A100: #a3b3ff;
    --tertiary-A200: #7089ff;
    --tertiary-A400: #3d5fff;
    --tertiary-A700: #244aff;

    --app-black: #000000;
    --app-blue: #0d6efd;
    --app-indigo: #6610f2;
    --app-purple: #6f42c1;
    --app-pink: #d63384;
    --app-red: #dc3545;
    --app-orange: #fd7e14;
    --app-yellow: #ffc107;
    --app-green: #198754;
    --app-teal: #20c997;
    --app-cyan: #0dcaf0;
    --app-white: #ffffff;
    --app-gray: #6c757d;
    --app-gray-dark: #343a40;
    --app-gray-light: #adb5bd;
    --app-light: #f8f9fa;
    --app-dark: #212529;
	--app-transparent: #00000000;
  
    --material-red-50: #ffebee;
    --material-red-100: #ffcdd2;
    --material-red-200: #ef9a9a;
    --material-red-300: #e57373;
    --material-red-400: #ef5350;
    --material-red-500: #f44336;
    --material-red-600: #e53935;
    --material-red-700: #d32f2f;
    --material-red-800: #c62828;
    --material-red-900: #b71c1c;
    --material-red-A100: #ff8a80;
    --material-red-A200: #ff5252;
    --material-red-A400: #ff1744;
    --material-red-A700: #d50000;

	--material-pink-50: #fce4ec;
	--material-pink-100: #f8bbd0;
	--material-pink-200: #f48fb1;
	--material-pink-300: #f06292;
	--material-pink-400: #ec407a;
	--material-pink-500: #e91e63;
	--material-pink-600: #d81b60;
	--material-pink-700: #c2185b;
	--material-pink-800: #ad1457;
	--material-pink-900: #880e4f;
	--material-pink-A100: #ff80ab;
	--material-pink-A200: #ff4081;
	--material-pink-A400: #f50057;
	--material-pink-A700: #c51162;

	--material-purple-50: #f3e5f5;
	--material-purple-100: #e1bee7;
	--material-purple-200: #ce93d8;
	--material-purple-300: #ba68c8;
	--material-purple-400: #ab47bc;
	--material-purple-500: #9c27b0;
	--material-purple-600: #8e24aa;
	--material-purple-700: #7b1fa2;
	--material-purple-800: #6a1b9a;
	--material-purple-900: #4a148c;
	--material-purple-A100: #ea80fc;
	--material-purple-A200: #e040fb;
	--material-purple-A400: #d500f9;
	--material-purple-A700: #aa00ff;

	--material-deep-purple-50: #ede7f6;
	--material-deep-purple-100: #d1c4e9;
	--material-deep-purple-200: #b39ddb;
	--material-deep-purple-300: #9575cd;
	--material-deep-purple-400: #7e57c2;
	--material-deep-purple-500: #673ab7;
	--material-deep-purple-600: #5e35b1;
	--material-deep-purple-700: #512da8;
	--material-deep-purple-800: #4527a0;
	--material-deep-purple-900: #311b92;
	--material-deep-purple-A100: #b388ff;
	--material-deep-purple-A200: #7c4dff;
	--material-deep-purple-A400: #651fff;
	--material-deep-purple-A700: #6200ea;

	--material-indigo-50: #e8eaf6;
	--material-indigo-100: #c5cae9;
	--material-indigo-200: #9fa8da;
	--material-indigo-300: #7986cb;
	--material-indigo-400: #5c6bc0;
	--material-indigo-500: #3f51b5;
	--material-indigo-600: #3949ab;
	--material-indigo-700: #303f9f;
	--material-indigo-800: #283593;
	--material-indigo-900: #1a237e;
	--material-indigo-A100: #8c9eff;
	--material-indigo-A200: #536dfe;
	--material-indigo-A400: #3d5afe;
	--material-indigo-A700: #304ffe;

	--material-blue-50: #e3f2fd;
	--material-blue-100: #bbdefb;
	--material-blue-200: #90caf9;
	--material-blue-300: #64b5f6;
	--material-blue-400: #42a5f5;
	--material-blue-500: #2196f3;
	--material-blue-600: #1e88e5;
	--material-blue-700: #1976d2;
	--material-blue-800: #1565c0;
	--material-blue-900: #0d47a1;
	--material-blue-A100: #82b1ff;
	--material-blue-A200: #448aff;
	--material-blue-A400: #2979ff;
	--material-blue-A700: #2962ff;

	--material-light-blue-50: #e1f5fe;
	--material-light-blue-100: #b3e5fc;
	--material-light-blue-200: #81d4fa;
	--material-light-blue-300: #4fc3f7;
	--material-light-blue-400: #29b6f6;
	--material-light-blue-500: #03a9f4;
	--material-light-blue-600: #039be5;
	--material-light-blue-700: #0288d1;
	--material-light-blue-800: #0277bd;
	--material-light-blue-900: #01579b;
	--material-light-blue-A100: #80d8ff;
	--material-light-blue-A200: #40c4ff;
	--material-light-blue-A400: #00b0ff;
	--material-light-blue-A700: #0091ea;

	--material-cyan-50: #e0f7fa;
	--material-cyan-100: #b2ebf2;
	--material-cyan-200: #80deea;
	--material-cyan-300: #4dd0e1;
	--material-cyan-400: #26c6da;
	--material-cyan-500: #00bcd4;
	--material-cyan-600: #00acc1;
	--material-cyan-700: #0097a7;
	--material-cyan-800: #00838f;
	--material-cyan-900: #006064;
	--material-cyan-A100: #84ffff;
	--material-cyan-A200: #18ffff;
	--material-cyan-A400: #00e5ff;
	--material-cyan-A700: #00b8d4;

	--material-teal-50: #e0f2f1;
	--material-teal-100: #b2dfdb;
	--material-teal-200: #80cbc4;
	--material-teal-300: #4db6ac;
	--material-teal-400: #26a69a;
	--material-teal-500: #009688;
	--material-teal-600: #00897b;
	--material-teal-700: #00796b;
	--material-teal-800: #00695c;
	--material-teal-900: #004d40;
	--material-teal-A100: #a7ffeb;
	--material-teal-A200: #64ffda;
	--material-teal-A400: #1de9b6;
	--material-teal-A700: #00bfa5;

	--material-green-50: #e8f5e9;
	--material-green-100: #c8e6c9;
	--material-green-200: #a5d6a7;
	--material-green-300: #81c784;
	--material-green-400: #66bb6a;
	--material-green-500: #4caf50;
	--material-green-600: #43a047;
	--material-green-700: #388e3c;
	--material-green-800: #2e7d32;
	--material-green-900: #1b5e20;
	--material-green-A100: #b9f6ca;
	--material-green-A200: #69f0ae;
	--material-green-A400: #00e676;
	--material-green-A700: #00c853;

	--material-light-green-50: #f1f8e9;
	--material-light-green-100: #dcedc8;
	--material-light-green-200: #c5e1a5;
	--material-light-green-300: #aed581;
	--material-light-green-400: #9ccc65;
	--material-light-green-500: #8bc34a;
	--material-light-green-600: #7cb342;
	--material-light-green-700: #689f38;
	--material-light-green-800: #558b2f;
	--material-light-green-900: #33691e;
	--material-light-green-A100: #ccff90;
	--material-light-green-A200: #b2ff59;
	--material-light-green-A400: #76ff03;
	--material-light-green-A700: #64dd17;

	--material-lime-50: #f9fbe7;
	--material-lime-100: #f0f4c3;
	--material-lime-200: #e6ee9c;
	--material-lime-300: #dce775;
	--material-lime-400: #d4e157;
	--material-lime-500: #cddc39;
	--material-lime-600: #c0ca33;
	--material-lime-700: #afb42b;
	--material-lime-800: #9e9d24;
	--material-lime-900: #827717;
	--material-lime-A100: #f4ff81;
	--material-lime-A200: #eeff41;
	--material-lime-A400: #c6ff00;
	--material-lime-A700: #aeea00;

	--material-yellow-50: #fffde7;
	--material-yellow-100: #fff9c4;
	--material-yellow-200: #fff59d;
	--material-yellow-300: #fff176;
	--material-yellow-400: #ffee58;
	--material-yellow-500: #ffeb3b;
	--material-yellow-600: #fdd835;
	--material-yellow-700: #fbc02d;
	--material-yellow-800: #f9a825;
	--material-yellow-900: #f57f17;
	--material-yellow-A100: #ffff8d;
	--material-yellow-A200: #ffff00;
	--material-yellow-A400: #ffea00;
	--material-yellow-A700: #ffd600;

	--material-amber-50: #fff8e1;
	--material-amber-100: #ffecb3;
	--material-amber-200: #ffe082;
	--material-amber-300: #ffd54f;
	--material-amber-400: #ffca28;
	--material-amber-500: #ffc107;
	--material-amber-600: #ffb300;
	--material-amber-700: #ffa000;
	--material-amber-800: #ff8f00;
	--material-amber-900: #ff6f00;
	--material-amber-A100: #ffe57f;
	--material-amber-A200: #ffd740;
	--material-amber-A400: #ffc400;
	--material-amber-A700: #ffab00;

	--material-orange-50: #fff3e0;
	--material-orange-100: #ffe0b2;
	--material-orange-200: #ffcc80;
	--material-orange-300: #ffb74d;
	--material-orange-400: #ffa726;
	--material-orange-500: #ff9800;
	--material-orange-600: #fb8c00;
	--material-orange-700: #f57c00;
	--material-orange-800: #ef6c00;
	--material-orange-900: #e65100;
	--material-orange-A100: #ffd180;
	--material-orange-A200: #ffab40;
	--material-orange-A400: #ff9100;
	--material-orange-A700: #ff6d00;

	--material-deep-orange-50: #fbe9e7;
	--material-deep-orange-100: #ffccbc;
	--material-deep-orange-200: #ffab91;
	--material-deep-orange-300: #ff8a65;
	--material-deep-orange-400: #ff7043;
	--material-deep-orange-500: #ff5722;
	--material-deep-orange-600: #f4511e;
	--material-deep-orange-700: #e64a19;
	--material-deep-orange-800: #d84315;
	--material-deep-orange-900: #bf360c;
	--material-deep-orange-A100: #ff9e80;
	--material-deep-orange-A200: #ff6e40;
	--material-deep-orange-A400: #ff3d00;
	--material-deep-orange-A700: #dd2c00;

	--material-brown-50: #efebe9;
	--material-brown-100: #d7ccc8;
	--material-brown-200: #bcaaa4;
	--material-brown-300: #a1887f;
	--material-brown-400: #8d6e63;
	--material-brown-500: #795548;
	--material-brown-600: #6d4c41;
	--material-brown-700: #5d4037;
	--material-brown-800: #4e342e;
	--material-brown-900: #3e2723;

	--material-grey-50: #fafafa;
	--material-grey-100: #f5f5f5;
	--material-grey-200: #eeeeee;
	--material-grey-300: #e0e0e0;
	--material-grey-400: #bdbdbd;
	--material-grey-500: #9e9e9e;
	--material-grey-600: #757575;
	--material-grey-700: #616161;
	--material-grey-800: #424242;
	--material-grey-900: #212121;

	--material-blue-grey-50: #eceff1;
	--material-blue-grey-100: #cfd8dc;
	--material-blue-grey-200: #b0bec5;
	--material-blue-grey-300: #90a4ae;
	--material-blue-grey-400: #78909c;
	--material-blue-grey-500: #607d8b;
	--material-blue-grey-600: #546e7a;
	--material-blue-grey-700: #455a64;
	--material-blue-grey-800: #37474f;
	--material-blue-grey-900: #263238;

    --size-base: 1rem;

    --size-l1: 1.25rem;
    --size-l2: 1.563rem;
    --size-l3: 1.953rem;
    --size-l4: 2.441rem;
    --size-l5: 3.052rem;
    --size-l6: 3.815rem;
    --size-l7: 4.769rem;
    --size-l8: 5.961rem;

    --size-s1: 0.8rem;
    --size-s2: 0.64rem;
    --size-s3: 0.512rem;
    --size-s4: 0.41rem;
    --size-s5: 0.328rem;
    --size-s6: 0.262rem;
    --size-s7: 0.201rem;
    --size-s8: 0.168rem;

    /* --font-default-size: 2vmin; */
	--font-default-size: 2vh;

    --default-transition-duration: 0.25s;
    --default-transition-method: linear;
    --default-transition-target: all;
    --default-transition: var(--default-transition-target) var(--default-transition-duration) var(--default-transition-method);
}

a {
    text-decoration: none;
}

body {
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	min-height: 100%;
	min-width: 100%;
    margin: 0;
    padding: 0;
	width: 100%;
}

h1 {
    font-size: var(--size-l6);
}

h2 {
    font-size: var(--size-l5);
}

h3 {
    font-size: var(--size-l4);
}

h4 {
    font-size: var(--size-l3);
}

h5 {
    font-size: var(--size-l2);
}

h6 {
    font-size: var(--size-l1);
}

html {
    font-family: 'Roboto', sans-serif;
    font-size: var(--font-default-size);
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	min-height: 100%;
	min-width: 100%;
    margin: 0;
    padding: 0;
	width: 100%;
}

input:focus {
    outline: none;
}

textarea:focus {
    outline: none;
}

.content-actionbar {
	background-color: var(--primary);
	color: var(--app-white);
	cursor: default;
	height: 4rem;
	left: 0;
	max-height: 4rem;
	min-height: 4rem;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}

.content-app-back {
	color: var(--app-white);
	font-size: 1.5rem;
	height: 1.5rem;
	left: 1rem;
	max-height: 1.25rem;
	min-height: 1.25rem;
	line-height: 1.25rem;
	position: absolute;
	top: 1.25rem;
}

.content-app-back span {
	color: var(--app-white);
	font-size: 1.5rem;
	line-height: 1.25rem;
}

.content-app-menu {
	color: var(--app-white);
	font-size: 1.5rem;
	height: 1.5rem;
	right: 1rem;
	max-height: 1.25rem;
	min-height: 1.25rem;
	line-height: 1.25rem;
	position: absolute;
	top: 1.25rem;
}

.content-app-menu span {
	color: var(--app-white);
	font-size: 1.5rem;
	line-height: 1.25rem;
}

.content-app-name {
	color: var(--app-white);
	font-size: 1.5rem;
	height: 1.5rem;
	left: 4rem;
	max-height: 1.25rem;
	min-height: 1.25rem;
	line-height: 1.25rem;
	position: absolute;
	top: 1.25rem;
}

.content-container {
	background-color: var(--material-grey-300);
	bottom: 0;
	left: 0;
    position: absolute;
	right: 0;
	top: 4rem;
	z-index: 100;
}

.content-dropdown-box {
	background-color: var(--material-grey-50);
	border-radius: 0.25rem;
	box-shadow: 0rem 0rem 0.5rem -0.125rem var(--material-grey-500);
	cursor: default;
	padding: 0.5rem 2rem 0.5rem 2rem;
	position: absolute;
	visibility: hidden;
	z-index: 200;
}

.content-dropdown-box-app-menu {
	right: 1rem;
	top: 4rem;
}

.content-dropdown-box-sort {
	top: 8rem;
}

.content-dropdown-item {
	display: flex;
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 0.25rem;
	margin-top: 0.25rem;
}

.content-dropdown-item span {
	font-size: 1em;
	line-height: 1em;
	margin-right: 0.5rem;
}

.content-floating-button {
	align-items: center;
	background-color: var(--tertiary);
	border-radius: 2.5rem;
	bottom: 5%;
	cursor: default;
	display: flex;
	height: 5rem;
	justify-content: center;
	max-height: 5rem;
	max-width: 5rem;
	min-height: 5rem;
	min-width: 5rem;
	position: absolute;
	right: 5%;
	user-select: none;
	visibility: hidden;
	width: 5rem;
	z-index: 200;
}

.content-floating-button span {
	color: var(--app-white);
	font-size: 3rem;
	line-height: 3rem;
}

.content-fragment {
	background-color: var(--material-grey-100);
	color: var(--default-background);
	bottom: 1rem;
	overflow: hidden;
	padding: 1rem;
    position: absolute;
	visibility: hidden;
	top: 1rem;
}

.content-fragment-respirator-item {
	cursor: default;
}

.content-fragment-respirator-search-content {
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	min-height: 100%;
	min-width: 100%;
	width: 100%;
}

.content-no-item {
	color: var(--material-grey-400);
	font-size: var(--size-l2);
	padding-bottom: var(--size-l2);
	padding-top: var(--size-l2);
	text-align: center;
}

.content-no-previous-test {
	color: var(--material-grey-400);
	font-size: var(--size-l2);
	max-width: 100%;
	min-width: 100%;
	padding-bottom: var(--size-l2);
	padding-top: var(--size-l2);
	text-align: center;
	width: 100%;
}

.content-respirator-item-data {
	height: 90%;
	max-height: 90%;
	min-height: 90%;
	overflow-x: hidden;
	overflow-y: auto;
}

.content-respirator-item-image-row img {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
}

.content-respirator-item-image-row span {
	background-color: var(--material-grey-400);
	color: var(--material-grey-300);
	display: flex;
	font-size: 20rem;
	font-weight: 100;
	justify-content: center;
	line-height: 20rem;
	margin: 0;
	max-width: 100%;
	min-width: 100%;
	padding: 0;
	user-select: none;
	width: 100%;
}

.content-respirator-item-label {
	align-items: center;
	color: var(--material-grey-700);
	display: inline-flex;
	justify-content: right;
	margin-right: 2%;
	max-width: 38%;
	min-width: 38%;
	text-align: right;
	width: 38%;
}

.content-respirator-item-name {
	align-content: center;
	align-items: center;
	font-size: var(--size-l2);
	display: inline-flex;
	max-width: 80%;
	min-width: 80%;
	width: 80%;
}

.content-respirator-item-name p {
	margin: 0;
	max-width: 100%;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

.content-respirator-item-name-row {
	display: flex;
	height: 9%;
	max-height: 9%;
	min-height: 9%;
}

.content-respirator-item-name-row button {
	background-color: var(--primary);
	border: 0;
	color: var(--app-white);
	margin-left: 2%;
	max-width: 8%;
	min-width: 8%;
	width: 8%;
}

.content-respirator-item-row {
	display: flex;
	margin-bottom: 1rem;
}

.content-respirator-item-row-related-tests {
	margin-bottom: 1rem;
}

.content-respirator-item-value {
	align-items: center;
	display: inline-flex;
	max-width: 60%;
	min-width: 60%;
	width: 60%;
}

.content-respirator-item-value a {
	color: var(--primary)
}

.content-respirator-item-value-none {
	color: var(--material-grey-400);
}

.content-respirator-list {
	height: 90%;
	max-height: 90%;
	max-width: 100%;
	min-height: 90%;
	min-width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
}

.content-respirator-list-item {
	background-color: var(--material-grey-50);
	cursor: pointer;
	display: flex;
	flex-direction: row;
	margin-bottom: 1rem;
}

.content-respirator-list-item-approval {
	align-content: center;
	align-items: center;
	font-size: var(--size-s1);
	justify-content: center;
	max-width: 22%;
	min-width: 22%;
	padding-right: 2%;
	text-align: center;
	vertical-align: middle;
	width: 22%;
}

.content-respirator-list-item-category {
	font-size: var(--size-base);
	margin-left: 2%;
	margin-right: 2%;
	max-width: 22%;
	min-width: 22%;
	width: 22%;
}

.content-respirator-list-item-detail  {
	align-content: center;
	align-items: center;
	display: inline-flex;
	height: 4rem;
	max-height: 4rem;
	min-height: 4rem;
}

.content-respirator-list-item-name {
	font-size: var(--size-s1);
	max-width: 48%;
	min-width: 48%;
	padding-left: 2%;
	width: 48%;
}

.content-respirator-list-item-name p {
	margin: 0;
	max-width: 100%;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

.content-respirator-search-line {
	display: flex;
	height: 2rem;
	max-height: 2rem;
	max-width: 100%;
	min-height: 2rem;
	min-width: 100%;
	width: 100%;
}

.content-respirator-search-line button {
	background-color: var(--primary);
	border: 0;
	margin-left: 2%;
	max-width: 8%;
	min-width: 8%;
	width: 8%;
}

.content-respirator-search-line input {
	background-color: var(--material-grey-200);
	border-bottom: 0.1rem solid var(--primary);
	border-left: 0.1rem solid var(--material-grey-500);
	border-right: 0.1rem solid var(--material-grey-500);
	border-top: 0.1rem solid var(--material-grey-500);
	font-size: 1rem;
	line-height: 1rem;
	max-width: 80%;
	min-width: 80%;
	padding-left: 1rem;
	padding-right: 1rem;
	width: 80%;
}

.content-respirator-search-line span {
	color: var(--app-white);
}

.content-respirator-search-nest {
	height: 10%;
	max-height: 10%;
	max-width: 100%;
	min-height: 10%;
	min-width: 100%;
	width: 100%;
}

.content-respirator-test-list {
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	min-height: 100%;
	min-width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
}

.content-respirator-test-list-item {
	background-color: var(--material-grey-50);
	cursor: pointer;
	display: flex;
	flex-direction: row;
	margin-bottom: 1rem;
}

.content-respirator-test-list-item-date {
	align-content: center;
	align-items: center;
	font-size: var(--size-s1);
	justify-content: center;
	max-width: 22%;
	min-width: 22%;
	padding-right: 2%;
	text-align: center;
	vertical-align: middle;
	width: 22%;
}

.content-respirator-test-list-item-detail  {
	align-content: center;
	align-items: center;
	display: inline-flex;
	height: 4rem;
	max-height: 4rem;
	min-height: 4rem;
}

.content-respirator-test-list-item-name {
	font-size: var(--size-s1);
	max-width: 48%;
	min-width: 48%;
	padding-left: 2%;
	width: 48%;
}

.content-respirator-test-list-item-name p {
	margin: 0;
	max-width: 100%;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

.content-respirator-test-list-item-result {
	font-size: var(--size-base);
	margin-left: 2%;
	margin-right: 2%;
	max-width: 22%;
	min-width: 22%;
	width: 22%;
}

.content-test-canvas-nest canvas {
	left: 0;
	position: absolute;
	top: 0;
}

.content-test-canvas-nest video {
	display: none;
}

.content-test-controls {
	align-items: center;
	bottom: 0;
	cursor: default;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	position: absolute;
	user-select: none;
}

.content-test-controls span {
	color: var(--material-grey-50);
	font-size: 2rem;
	font-weight: 600;
	line-height: 2rem;
	margin: 0.25rem;
}

.content-test-nest {
	background-color: var(--app-black);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 300;
}

.rixel-cover {
    background-color: #00000080;
    height: 100%;
    left: 0;
    max-height: 100%;
    min-height: 100%;
    max-width: 100%;
    min-width: 100%;
    overflow: hidden;
    padding: 0;
    position: fixed;
    visibility: hidden;
    width: 100%;
    z-index: 200000;
}

.rixel-cursor-default {
    cursor: default;
}

.rixel-disable-select {
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.rixel-flip-horizontally {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rixel-flip-vertically {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.rixel-full-height {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
}

.rixel-full-width {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.rixel-image-nest img {
    max-height: 100%;
    max-width: 100%;
}

.rixel-justify-text {
    text-align: justify;
}

.rixel-no-margin-and-padding {
    margin: 0;
    padding: 0;
}

.rixel-overflow-hidden {
    overflow: hidden;
}

.rixel-toast {
    background-color: #ffffff;
    border-radius: 0.5vmin;
    bottom: 5%;
    color: #000000;
    cursor: default;
    font-size: 0.5vmin;
    left: 50%;
    max-width: 33vw;
    min-width: 33vw;
    position: absolute;
    transform: translate(-50%, 0px);
    width: 33vw;
    z-index: 300000;
}

.rixel-toast-body {
    font-size: 1vw;
    font-weight: 600;
    padding: 1vmin;
}

/** -sm **/
@media (min-width: 576px) {

}

/** -md **/
@media (min-width: 768px) {

}

/** -lg **/
@media (min-width: 992px) {

}

/** -xl **/
@media (min-width: 1200px) {

}

/** -xxl **/
@media (min-width: 1440px) {

}