@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-Hair.eot');
    src: local('Fira Sans Hair'),
         url('eot/FiraSans-Hair.eot') format('embedded-opentype'),
         url('woff/FiraSans-Hair.woff') format('woff'),
         url('ttf/FiraSans-Hair.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-HairItalic.eot');
    src: local('Fira Sans Hair Italic'),
         url('eot/FiraSans-HairItalic.eot') format('embedded-opentype'),
         url('woff/FiraSans-HairItalic.woff') format('woff'),
         url('ttf/FiraSans-HairItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-UltraLight.eot');
    src: local('Fira Sans UltraLight'),
         url('eot/FiraSans-UltraLight.eot') format('embedded-opentype'),
         url('woff/FiraSans-UltraLight.woff') format('woff'),
         url('ttf/FiraSans-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-UltraLightItalic.eot');
    src: local('Fira Sans UltraLight Italic'),
         url('eot/FiraSans-UltraLightItalic.eot') format('embedded-opentype'),
         url('woff/FiraSans-UltraLightItalic.woff') format('woff'),
         url('ttf/FiraSans-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-Light.eot');
    src: local('Fira Sans Light'),
         url('eot/FiraSans-Light.eot') format('embedded-opentype'),
         url('woff/FiraSans-Light.woff') format('woff'),
         url('ttf/FiraSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-LightItalic.eot');
    src: local('Fira Sans Light Italic'),
         url('eot/FiraSans-LightItalic.eot') format('embedded-opentype'),
         url('woff/FiraSans-LightItalic.woff') format('woff'),
         url('ttf/FiraSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-Regular.eot');
    src: local('Fira Sans Regular'),
         url('eot/FiraSans-Regular.eot') format('embedded-opentype'),
         url('woff/FiraSans-Regular.woff') format('woff'),
         url('ttf/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-Italic.eot');
    src: local('Fira Sans Regular Italic'),
         url('eot/FiraSans-Italic.eot') format('embedded-opentype'),
         url('woff/FiraSans-Italic.woff') format('woff'),
         url('ttf/FiraSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-Medium.eot');
    src: local('Fira Sans Medium'),
         url('eot/FiraSans-Medium.eot') format('embedded-opentype'),
         url('woff/FiraSans-Medium.woff') format('woff'),
         url('ttf/FiraSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-MediumItalic.eot');
    src: local('Fira Sans Medium Italic'),
         url('eot/FiraSans-MediumItalic.eot') format('embedded-opentype'),
         url('woff/FiraSans-MediumItalic.woff') format('woff'),
         url('ttf/FiraSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-SemiBold.eot');
    src: local('Fira Sans SemiBold'),
         url('eot/FiraSans-SemiBold.eot') format('embedded-opentype'),
         url('woff/FiraSans-SemiBold.woff') format('woff'),
         url('ttf/FiraSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-SemiBoldItalic.eot');
    src: local('Fira Sans SemiBold Italic'),
         url('eot/FiraSans-SemiBoldItalic.eot') format('embedded-opentype'),
         url('woff/FiraSans-SemiBoldItalic.woff') format('woff'),
         url('ttf/FiraSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-Bold.eot');
    src: local('Fira Sans Bold'),
         url('eot/FiraSans-Bold.eot') format('embedded-opentype'),
         url('woff/FiraSans-Bold.woff') format('woff'),
         url('ttf/FiraSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-BoldItalic.eot');
    src: local('Fira Sans Bold Italic'),
         url('eot/FiraSans-BoldItalic.eot') format('embedded-opentype'),
         url('woff/FiraSans-BoldItalic.woff') format('woff'),
         url('ttf/FiraSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-ExtraBold.eot');
    src: local('Fira Sans ExtraBold'),
         url('eot/FiraSans-ExtraBold.eot') format('embedded-opentype'),
         url('woff/FiraSans-ExtraBold.woff') format('woff'),
         url('ttf/FiraSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-ExtraBoldItalic.eot');
    src: local('Fira Sans ExtraBold Italic'),
         url('eot/FiraSans-ExtraBoldItalic.eot') format('embedded-opentype'),
         url('woff/FiraSans-ExtraBoldItalic.woff') format('woff'),
         url('ttf/FiraSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-Heavy.eot');
    src: local('Fira Sans Heavy'),
         url('eot/FiraSans-Heavy.eot') format('embedded-opentype'),
         url('woff/FiraSans-Heavy.woff') format('woff'),
         url('ttf/FiraSans-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('eot/FiraSans-HeavyItalic.eot');
    src: local('Fira Sans Heavy Italic'),
         url('eot/FiraSans-HeavyItalic.eot') format('embedded-opentype'),
         url('woff/FiraSans-HeavyItalic.woff') format('woff'),
         url('ttf/FiraSans-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
	font-display: swap;
}


@font-face{
    font-family: 'Fira Mono';
    src: url('eot/FiraMono-Regular.eot');
    src: local('Fira Mono'),
         url('eot/FiraMono-Regular.eot') format('embedded-opentype'),
         url('woff/FiraMono-Regular.woff') format('woff'),
         url('ttf/FiraMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face{
    font-family: 'Fira Mono';
    src: url('eot/FiraMono-Bold.eot');
    src: local('Fira Mono Bold'),
         url('eot/FiraMono-Bold.eot') format('embedded-opentype'),
         url('woff/FiraMono-Bold.woff') format('woff'),
         url('ttf/FiraMono-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/MaterialIcons/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../fonts/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'),
       url(../fonts/MaterialIcons/MaterialIcons-Regular.woff) format('woff'),
       url(../fonts/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
}

.ma-ico {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	max-width: 30px;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

[data-icon]:before {
	display: inline-block;
	content: attr(data-icon);
	font-size: 1rem;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	text-align: center;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	vertical-align: middle;
	margin-top: -1px;
	margin-right: 16px;
	box-sizing: border-box;
}


* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Fira Sans', 'Tahoma', 'Arial';
	font-size: 16px;
    color: #444444;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 1rem;
}

h1 {
	font-size: 1.5rem;
}

h2 {
	font-size: 1.25rem;
}

h3 {
	font-size: 1.125rem;
}

h4 {
	font-size: 1rem;
	clear: left;
}

h5 {
	font-size: 0.9375rem;
}

p {
	font-size: 0.875rem;
	margin-bottom: 0.875rem;
}

p.center {
	text-align: center;
}

p.right {
	text-align: right;
}

a, a:link, a:visited, a:active, a:focus {
	color: inherit;
    transition: background-color ease 0.5s, color ease 0.5s;
}

.error {
	font-weight: bold;
	color: #ba1010;
}

.warning, .warn {
	color: #efa800;
}

.ok {
	color: #20ba20;
}

.faded {
	opacity: 0.5;
}

#page {
	width: 95%;
	max-width: 1050px;
	margin: 0 auto;
}

#page-content {
	margin-top: 40px;
}

#footer-bar {
	margin-top: 40px;
	padding-top: 20px;
	border-top: solid 1px #f8f8f8;
	text-align: center;
}

#footer-bar > span.copy {
	margin-right: 20px;
}

.criteria-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: rgb(245,245,245);
    margin: 10px 0;
    padding: 20px;
    border-radius: 10px;
}

.criteria-box > div {
    width: 40%;
    flex-shrink: 1;
    flex-grow: 1;
}

.criteria-box input[type="number"] {
    width: 100px;
    line-height: 30px
}

.criteria-box label {
    font-weight: bold;
}

textarea {
    padding: 5px;
}

#user-info {
	margin-top: 30px;
	padding: 10px 0 10px;
	border-top: solid 1px #f8f8f8;
}

.badge {
	display: inline-block;
	border-radius: 4px;
	padding: 4px 10px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.75rem;
}

.badge.badge-no {
	background-color: rgb(220, 100, 100);
}

.badge.badge-yes {
	background-color: rgb(90, 200, 90);
}

.criteria-box .criteria-yes, .criteria-box .criteria-no {
    display: inline-block;
    line-height: 26px;
    text-decoration: none;
    padding: 2px 20px;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
}

.criteria-box .criteria-yes {
    margin-right: 20px;
    border: solid 1px rgb(100, 190, 100);
}

.criteria-box .criteria-no {
    border: solid 1px rgb(190, 100, 100);
}

.criteria-box .criteria-yes.active, .criteria-box .criteria-yes:hover {
    background-color: rgb(100, 220, 100);
    color: #ffffff;
}

.criteria-box .criteria-no.active, .criteria-box .criteria-no:hover {
    background-color: rgb(220, 100, 100);
    color: #ffffff;
}

.criteria-box > div.rating {
    border-left: solid 2px rgb(200, 200, 200);
    padding-left: 20px;
}

.criteria-box > div.rating > form > h5 {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.criteria-box > div.rating > form > p > label {
    display: inline-block;
    width: 120px;
    margin-right: 15px;
	cursor: help;
}

ul.book-links {
    display: flex;
    list-style: none;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.book-links > li {
    display: block;
    width: 30%;
    flex-shrink: 0;
    flex-grow: 1;
    margin: 10px 0;
    padding: 0 10px;
    text-align: center;
}

ul.book-links > li > a {
    display: block;
    text-decoration: none;
    background-color: rgb(250, 250, 250);
    border: solid 1px rgb(200, 200, 200);
    border-radius: 20px;
    line-height: 40px;
	white-space: nowrap;
}

ul.book-links > li > a:hover {
    background-color: rgb(240, 240, 240);
}

div.book-cover {
    float: left;
    margin: 10px 15px 10px 0;
	max-width: 240px;
}

div.book-cover > img {
	max-width: 100%;
}

div.tab-nav {
    margin: 10px 0 20px;
}

ul.tabs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
	background-color: rgb(250, 250, 250);
	border-radius: 10px;
}

ul.tabs > li {
    display: block;
	flex-basis: 0;
    flex-shrink: 1;
    flex-grow: 1;
	text-align: center;
	white-space: nowrap;
}

ul.tabs > li > a, ul.tabs > li > span {
    display: block;
    text-decoration: none;
    line-height: 40px;
    background-color: rgb(250, 250, 250);
    border: solid 1px rgb(200, 200, 200);
    border-left: none;
	padding: 0 10px;
}

ul.tabs > li.spacer > span {
    background-color: rgb(254, 254, 254);
	height: 100%;
}

ul.tabs > li:first-child > a {
    border-left: solid 1px rgb(200, 200, 200);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

ul.tabs > li:last-child > a {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: 500;
}

ul.tabs > li.toplist > a {
	background-color: rgb(228, 255, 228);
}

ul.tabs > li.active > a, ul.tabs > li > a:hover {
    background-color: rgb(240, 240, 240);
}

ul.tabs > li.toplist.active > a, ul.tabs > li.toplist > a:hover {
    background-color: rgb(181, 242, 181);
}

table.book-list {
    table-layout: fixed;
    border-collapse: collapse;
	min-width: 100%;
	width: 100%;
}

table.book-list > tbody {
    content-visibility: auto;
    contain: strict;
}

table.book-list > thead > tr > th,
table.book-list > tbody > tr > td {
    padding: 7px;
    font-size: 0.9375rem;
}

table.book-list > tbody[data-ranked="true"] > tr:first-child > td:first-child {
	background-color: rgb(215, 246, 218);
}

table.book-list > tbody.new-marker > tr:first-child > td:first-child {
	background-color: rgb(221, 243, 248);
}

table.book-list > thead > tr > th {
    font-size: 0.875rem;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 2px rgb(100, 100, 100);
}

table.book-list > tbody > tr > td {
    vertical-align: top;
}

table.book-list > tbody > tr > td.sort-handle {
	vertical-align: middle;
	cursor: ns-resize;
	color: #666666;
	text-align: center;
}

table.book-list > tbody > tr > td.sort-rank {
	vertical-align: middle;
	color: #bebebe;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	cursor: default;
}

table.book-list > tbody > tr > td.sort-rank > span.not-ranked {
	font-size: 1rem;
	color: #eaeaea;
}

table.book-list > tbody > tr > td.sort-rank > small {
	font-size: 0.875rem;
	font-weight: normal;
}

table.book-list > tbody > tr > td.book-cover {
    max-width: 150px;
    min-width: 150px;
    text-align: center;
    contain: strict;
}

table.book-list > tbody > tr > td.book-cover > a > img {
    max-width: 100%;
}

table.book-list > tbody > tr > td > a > span.ma-ico {
    vertical-align: middle;
}

table.book-list > tbody > tr > td.criteria-ok > a {
	white-space: nowrap;
}

table.book-list > tbody.not-ranked > tr:first-child > td {
	border-top: solid 5px rgb(200, 200, 200);
}

table.book-list > tbody:nth-child(odd) > tr > td {
    background-color: rgb(250, 250, 250);
}

table.book-list > tbody:nth-child(even) > tr > td {
    background-color: rgb(255, 255, 255);
}

table.book-list > tbody > tr:last-child > td,
table.book-list > tbody > tr:first-child > td:first-child {
    border-bottom: solid 1px rgb(240, 240, 240);
}

table.book-list > tbody > tr > td.ranking-details {
	border-top: solid 1px rgb(240, 240, 240);
}

table.book-list > tbody > tr:first-child > td {
    height: 30px;
}

table.book-list > tbody > tr:first-child > td:first-child {
    text-align: center;
}

table.book-list > tbody > tr > td.center {
    text-align: center;
}

table.book-list > tbody > tr > td.book-title {
    font-weight: bold;
}

table.book-list > tbody > tr > td.book-title > small {
	font-weight: normal;
	font-style: italic;
	font-size: 0.75rem;
}

table.book-list > tbody > tr > td.book-blurb {
    font-style: italic;
    font-size: 0.875rem;
}

table.book-list > tbody > tr > td.book-blurb > div {
	position: relative;
	overflow-y: hidden;
	max-height: 100px;
}

table.book-list > tbody > tr > td.book-blurb > div:after {
	display: block;
	content: 'Klick für vollständige Anzeige';
	position: absolute;
	background: rgba(255, 255, 255, 0.95);
	padding: 5px 10px;
	right: 0;
	bottom: 0;
}

table.book-list > tbody > tr > td.book-blurb > div.active {
	overflow-y: visible;
	max-height: none;
}

table.book-list > tbody > tr > td.book-blurb > div.active:after {
	display: none;
}

table.book-list > tbody > tr > td > a {
    text-decoration: none;
}

.ui-sortable-helper {
    display: table;
}

a.ma-ico.joker-link {
    display: inline-block;
    text-align: center;
    max-width: none;
    font-size: 5rem;
    text-decoration: none;
    color: rgb(249, 210, 0);
    opacity: 0.2;
}

a.ma-ico.joker-link.active, a.ma-ico.joker-link:hover {
    opacity: 1;
}

span.ma-ico.joker {
	color: rgb(249, 210, 0);
}

span.ma-ico.joker.vetoed {
	color: rgb(249, 70, 0);
}

.flex {
	display: flex;
	justify-content: space-between;
}

.flex label + input[type="number"] {
	line-height: 30px;
	width: 85px;
}

.middle {
	vertical-align: middle;
}

div.book-category {
	background-color: rgb(210,230,250);
	background-image: linear-gradient(to bottom, rgb(220, 240, 255), rgb(180, 200, 220));
	border-radius: 3px;
	padding: 5px;
	font-size: 0.625rem;
	font-weight: bold;	
	text-align: center;
}

@media all and (max-width: 875px) {
    table.book-list > thead {
        display: none;
    }
    
    table.book-list, table.book-list > tbody {
        display: block;
    }
    table.book-list > tbody > tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    table.book-list > tbody > tr > td {
        display: block;
        width: 10%;
        flex-grow: 1;
        flex-shrink: 1;
    }
    table.book-list > tbody > tr > td:first-child {
        width: 100%;
    }
    table.book-list > tbody > tr > td.sort-rank > br {
        display: none;
    }
    table.book-list > tbody > tr > td.sort-rank > .sort-rank-number {
        margin-right: 10px;
        vertical-align: middle;
    }
    
    table.book-list > tbody > tr:first-child > td {
		height: auto;
	}
	
	ul.book-links > li {
		width: 44%;
		font-size: 0.9125rem;
	}
	
	ul.book-links > li.hugendubel.warning {
		font-size: 0.75rem;
	}
    table.book-list-admin, table.book-list-admin > tbody {
        display: table;
    }
}

@media all and (max-width: 525px) {
	#page-content > h2:first-child {
		text-align: center;
	}
	
    table.book-list > tbody > tr > td,
	table.book-list > tbody > tr:first-child > td {
        width: 100%
    }
	
	table.book-list > tbody > tr:first-child > td:nth-child(1),
	table.book-list > tbody > tr:first-child > td:nth-child(2),
	table.book-list > tbody > tr:first-child > td:nth-child(3) {
		text-align: center;
	}
	
	table.book-list > tbody > tr > td:nth-child(n+5) {
		width: 30%;
	}
	
	table.book-list > tbody > tr > td.book-cover {
		max-width: none;
	}

	ul.book-links > li {
		width: 100%;
		font-size: 0.75rem;
		margin: 3px 0;
	}

	ul.book-links > li > a {
		line-height: 30px;
		border-radius: 10px;
	}
	
	div.book-cover {
		float: none;
		display: block;
		text-align: center;
	}
	
	p.book-blurb {
		text-align: justify;
	}
	
	.criteria-box {
		flex-wrap: wrap;
	}
	
	.criteria-box > div {
		width: 100%;
	}
	
	.criteria-box > div.rating {
		border-left: none;
		padding-left: 0;
	}
}

div.page-info {
	line-height: 1.2;
}

div.page-info ul, div.page-info ol {
	padding-left: 18px;
	list-style-position: outside;
}

div.page-info p {
	font-size: 1rem;
}

div.page-info h4, div.page-info h5, div.page-info ul, div.page-info ol {
	margin-bottom: 0.75rem;
}

div.page-info h4, div.page-info h5 {
	margin-top: 1.25rem;
}

div.page-info li {
	margin-bottom: 0.5rem;
}

.badge.current {
	position: relative;
}

.badge.current::before {
	position: absolute;
	left: -6px;
	top: 0px;
	display: block;
	content: '\2713';
	color: #fff;
	font-size: 0.75rem;
	margin-left: 5px;
	text-transform: none;
	text-align: center;
	padding: 4px 2px;
	border-right: none;
	background-color: rgb(50, 100, 200);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.book-chat {
	margin-top: 10px;
}

.book-chat > a {
	text-decoration: none;
	display: inline-block;
	border: solid 1px #cdcdcd;
	border-radius: 5px;
	padding: 5px;
	max-width: none !important;
	color: #bababa;
}

.book-chat > a.has-post {
	border: solid 1px #007fff;
	color: #007fff;
}

.book-chat > a.has-post.has-new {
	border: solid 1px #ba1010;
	color: #ba1010;
}

ul.tabs > li.chat {
	width: 48px;
}

ul.tabs > li > a.ma-ico.tab-icon {
	max-width: none;
}

ul.tabs > li > a.ma-ico.tab-icon.has-new {
	background: #007fff;
	border-color: #007fff;
	color: #ffffff;
}



.criteria-list-details .met {
    background: #20ba20;
    color: white;
}
.criteria-list-details .unmet {
    background: #ba1010;
    color: white;
}
.criteria-list-details .open {
    background: #6e6e6e;
    color: white;
}
.criteria-list-details li {
    padding: 0.5rem;
    margin-bottom: 0.25rem;
}
.criteria-list-details li div + div + div {
   font-weight: bold;
}


.tab-stats {
    margin-bottom: 2rem;
}
.tab-stats > div {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin: 1rem 0;
}
.tab-stats > div > div {
    display: flex;
    flex: 1 0 0;
    justify-content: space-between;
    padding: 0.5rem;

    background:#eeeeee;
}
.tab-stats > div.open_users {
    display: flex;
    justify-content: initial;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1rem 0;
}
.tab-stats > div.open_users > div {
    display: flex;
    flex: 0 0 auto;
    padding: 0;

    background:#eeeeee;
    padding: 0.5rem;
}
.tab-stats > div.open_users > div a {
    margin: 0;
    font-size: 1rem;
}