html {
	color: #000;
	background: #fff
}

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
optgroup,
strong,
th,
var {
	font-style: inherit;
	font-weight: inherit
}

del,
ins {
	text-decoration: none
}

li {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

q:after,
q:before {
	content: ""
}

abbr,
acronym {
	border: 0;
	font-variant: normal
}

sup {
	vertical-align: baseline
}

sub {
	vertical-align: baseline
}

legend {
	color: #000
}

button,
input,
optgroup,
option,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

button {
	border: medium none;
	margin: 0;
	padding: 0;
	outline: 0;
	background: 0 0
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(fonts/roboto/Roboto-Thin.ttf) format("truetype")
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(fonts/roboto/Roboto-Light.ttf) format("truetype")
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/roboto/Roboto-Regular.ttf) format("truetype")
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(fonts/roboto/Roboto-Medium.ttf) format("truetype")
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/roboto/Roboto-Bold.ttf) format("truetype")
}

@font-face {
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/roboto/RobotoCondensed-Regular.ttf) format("truetype")
}

@font-face {
	font-family: Material;
	src: url(fonts/material-icons/materialdesignicons-webfont.eot);
	src: url(fonts/material-icons/materialdesignicons-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/material-icons/materialdesignicons-webfont.woff2) format("woff2"), url(fonts/material-icons/materialdesignicons-webfont.woff) format("woff"), url(fonts/material-icons/materialdesignicons-webfont.ttf) format("truetype"), url(fonts/material-icons/materialdesignicons-webfont.svg#svgFontName) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: block
}

@font-face {
	font-family: "Old Newspaper Types";
	src: url(fonts/oldnewspapertypes/oldnewspapertypes-webfont.woff2) format("woff2"), url(fonts/oldnewspapertypes/oldnewspapertypes-webfont.woff) format("woff"), url(fonts/oldnewspapertypes/oldnewspapertypes-webfont.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

.animate-fade-in {
	animation: fade-in .25s ease
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.animate-fade-out {
	animation: fade-out .25s ease forwards !important
}

@keyframes fade-out {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.animate-slide-from-top {
	animation: slide-from-top .25s ease
}

@keyframes slide-from-top {
	0% {
		opacity: 0;
		transform: translateY(-40px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.animate-slide-from-right,
.notification {
	animation: slide-from-right .25s ease forwards
}

@keyframes slide-from-right {
	0% {
		opacity: 0;
		transform: translateX(40px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

.animate-hide-slide-to-bottom {
	animation: hide-slide-to-bottom .25s ease forwards
}

@keyframes hide-slide-to-bottom {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		transform: translateY(300px)
	}
}

.animate-show-slide-from-bottom {
	animation: show-slide-from-bottom .25s ease
}

@keyframes show-slide-from-bottom {
	0% {
		opacity: 0;
		transform: translateY(300px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.animate-compress-height-50 {
	animation: compress-height-50 1s ease forwards;
	overflow: hidden
}

@keyframes compress-height-50 {
	0% {
		opacity: 1;
		max-height: 50px
	}

	100% {
		opacity: 0;
		max-height: 0
	}
}

.animate-turn-forever,
.loading-wrapper.is-loading::after {
	animation: turn 1s linear infinite
}

@keyframes turn {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.daily-card,
.shadow-1,
.subheader {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.daily-card:focus,
.daily-card:hover,
.shadow-2 {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.notification,
.shadow-3 {
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19)
}

.shadow-4 {
	box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21)
}

.modal,
.shadow-5 {
	box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22)
}

.actionbar,
.shadow-top-1 {
	box-shadow: 2px 0 5px 0 rgba(0, 0, 0, .16), 2px 0 10px 0 rgba(0, 0, 0, .12)
}

.button-raised,
.button-raised[disabled],
.button-raised[disabled]:active,
.button-raised[disabled]:focus,
.button-raised[disabled]:hover,
.shadow-button {
	box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)
}

.button-raised:focus,
.button-raised:hover,
.shadow-button-hover {
	box-shadow: 0 0 4px rgba(0, 0, 0, .18), 0 2px 8px rgba(0, 0, 0, .36)
}

.button-floating,
.shadow-button-floating {
	box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

.button-floating:focus,
.button-floating:hover,
.shadow-button-floating-hover {
	box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32)
}

.daily-item-footer-subtitle:hover:after,
.mdi {
	display: inline-block;
	font: normal normal normal 24px/1 Material;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0)
}

.mdi-arrow-left:before {
	content: "\f04d"
}

.mdi-arrow-right:before {
	content: "\f054"
}

.mdi-menu:before {
	content: "\f35c"
}

.mdi-pencil:before {
	content: "\f3eb"
}

.mdi-delete:before {
	content: "\f1c0"
}

.mdi-magnify:before {
	content: "\f349"
}

.mdi-magnify-plus-outline:before {
	content: "\f6ec"
}

.mdi-tag:before {
	content: "\f4f9"
}

.mdi-filter:before {
	content: "\f232"
}

.mdi-rss:before {
	content: "\f46b"
}

.mdi-key:before {
	content: "\f306"
}

.mdi-settings:before {
	content: "\f493"
}

.mdi-logout:before {
	content: "\f343"
}

.mdi-account:before {
	content: "\f004"
}

.mdi-dots-vertical:before {
	content: "\f1d9"
}

.mdi-firefox:before {
	content: "\f239"
}

.mdi-google-chrome:before {
	content: "\f2af"
}

.mdi-android:before {
	content: "\f032"
}

.mdi-apple-ios:before {
	content: "\f037"
}

.mdi-lock:before {
	content: "\f33e"
}

.mdi-puzzle:before {
	content: "\f431"
}

.mdi-tag-multiple:before {
	content: "\f4fb"
}

.mdi-file-import:before {
	content: "\f220"
}

.mdi-file-export:before {
	content: "\f21d"
}

.mdi-plus:before {
	content: "\f415"
}

.mdi-note:before {
	content: "\f39a"
}

.mdi-checkbox-marked-outline:before {
	content: "\f135"
}

.mdi-link:before {
	content: "\f337"
}

.mdi-pin:before {
	content: "\f403"
}

.mdi-qrcode:before {
	content: "\f432"
}

.mdi-close:before {
	content: "\f156"
}

.mdi-image:before {
	content: "\f2e9"
}

.mdi-chevron-down:before {
	content: "\f140"
}

.mdi-check:before {
	content: "\f12c"
}

.mdi-circle:before {
	content: "\f764"
}

.mdi-server:before {
	content: "\f48b"
}

.mdi-playlist-plus:before {
	content: "\f412"
}

.awesomplete ul {
	z-index: 400;
	border: 1px solid #abbdcb;
	border-radius: 2px
}

div.awesomplete {
	display: block
}

div.awesomplete mark {
	padding: 0
}

div.awesomplete>input {
	display: inline-block
}

div.awesomplete>ul {
	border: none;
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
	border-radius: 0
}

div.awesomplete>ul:before {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

div.awesomplete>ul>li {
	background-color: #fff;
	padding: 5px 10px
}

div.awesomplete>ul>li:hover {
	background-color: #e0e6eb
}

div.awesomplete li:hover mark {
	background-color: #d3dce4
}

div.awesomplete>ul>li[aria-selected=true] {
	background-color: #2196f3;
	color: #fff
}

div.awesomplete>ul>li[aria-selected=true]:hover {
	background-color: #1976d2
}

div.awesomplete li[aria-selected=true]:hover mark {
	background: #3c6b00;
	color: inherit
}

.md_help {
	color: inherit !important
}

.sortable-chosen {
	background: #fff
}

.sortable-ghost {
	opacity: .5;
	background: #c8ebfb
}

*,
:after,
:before {
	box-sizing: border-box
}

html {
	background: #ecf0f3;
	font-size: 16px;
	-webkit-tap-highlight-color: transparent
}

body {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	background: #ecf0f3;
	color: #252d37
}

h1 {
	font-size: 1.7rem;
	font-weight: 400;
	margin: 10px 0 20px 0
}

h2 {
	font-size: 1.1rem;
	font-weight: 400;
	margin-bottom: 15px
}

p {
	margin-bottom: 15px;
	font-size: 1rem;
	font-weight: 400
}

a {
	color: #2196f3
}

a:focus,
a:hover {
	color: #1e88e5
}

a:active {
	color: #1976d2
}

em {
	font-style: italic
}

strong {
	font-weight: 700
}

small {
	font-size: 80%
}

img {
	border: 0;
	vertical-align: middle
}

ul {
	margin-top: 0;
	margin-bottom: 10px
}

dl {
	margin-top: 0;
	margin-bottom: 20px
}

dt {
	font-weight: 700
}

pre {
	margin: 1em 0;
	padding: 20px;
	max-width: 100%;
	border: 1px solid #e0e6eb;
	color: #414d5a;
	line-height: 1.2em;
	background: #f8f9fa;
	border-radius: 5px;
	box-shadow: none
}

code {
	padding: 0;
	color: #414d5a;
	font-size: .8em;
	line-height: 1em;
	font-weight: 400 !important;
	background: #f8f9fa;
	border-radius: 3px
}

:not(pre) code {
	padding: 0 5px 2px;
	box-shadow: none
}

del {
	text-decoration: line-through
}

@-ms-viewport {
	width: device-width
}

.button,
.button-base,
.button-inverse,
.button-raised,
.nowrap {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.no-border {
	border: none !important
}

hr.darker {
	border-top-color: #cad3da
}

hr.margin {
	margin-left: 40px;
	margin-right: 40px
}

.is-bold {
	font-weight: 700
}

.mts {
	margin-top: 5px
}

.mtm {
	margin-top: 15px
}

.mtl {
	margin-top: 30px
}

.mbs {
	margin-bottom: 5px
}

.mbm {
	margin-bottom: 15px
}

.mbl {
	margin-bottom: 30px
}

.dark {
	background-color: #000
}

.round-image-container {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #e0e6eb;
	text-align: center
}

.round-image-container i {
	font-size: 45px;
	line-height: 60px
}

.round-image-container i.mdi-settings {
	color: #009688
}

.round-image-container i.mdi-lock {
	color: #db4437
}

.round-image-container i.mdi-puzzle {
	color: #03a9f4
}

.round-image-container i.mdi-tag-multiple {
	color: #ff9800
}

.round-image-container i.mdi-file-import {
	color: #9c27b0
}

.round-image-container i.mdi-file-export {
	color: #795548
}

.round-image-container i.mdi-image {
	color: #9e9e9e
}

.round-image-container i.mdi-server {
	color: #607d8b
}

p.highlight {
	color: #f44336
}

.nothing-found {
	text-align: center;
	font-size: 2.4rem;
	font-weight: 400;
	color: #8f9eaf;
	margin-bottom: 100px
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.text-warning {
	color: #ff9800
}

.text-success {
	color: #4caf50
}

.text-error {
	color: #f44336
}

.text-feedback {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	font-style: italic;
	font-size: 90%
}

.pull-left {
	float: left !important
}

.pull-right {
	float: right !important
}

.hidden {
	display: none !important
}

.is-highlighted-hover:hover {
	background-color: #f9f9f9
}

ul.is-bordered li {
	padding: 5px;
	border: 1px solid #ddd;
	border-bottom: none;
	background-color: #eee;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

ul.is-bordered li:last-child {
	border-bottom: 1px solid #ddd
}

.is-flex {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.is-flex-grown {
	flex-grow: 1
}

.is-flex-end {
	justify-self: flex-end
}

.ripple .ripple-effect,
.ripple-effect {
	background: #fff
}

@keyframes ripple-animation {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: .25;
		visibility: visible
	}

	to {
		-webkit-transform: scale(50);
		transform: scale(50);
		opacity: 0;
		visibility: visible
	}
}

@keyframes ripple-animation-intense {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: .5;
		visibility: visible
	}

	to {
		-webkit-transform: scale(50);
		transform: scale(50);
		opacity: 0;
		visibility: visible
	}
}

.button,
.button-raised,
.ripple {
	position: relative;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

.ripple-effect {
	visibility: hidden;
	position: absolute;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	pointer-events: none;
	-webkit-animation: ripple-animation-intense 2s;
	animation: ripple-animation-intense 2s
}

.ripple-effect.stop-animation {
	-webkit-animation: none !important;
	animation: none !important
}

.ripple-primary .ripple-effect {
	background: #2196f3
}

.card,
.link-outer {
	position: relative;
	height: auto;
	background: #fff;
	box-shadow: 0 -1px 0 #e0e6eb, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
	margin: 15px 0 15px 0;
	border-radius: 4px;
	transition: all .25s ease-in-out
}

.card-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px;
	background-color: rgba(255, 255, 255, .8);
	z-index: 10;
	transition: background-color .25s ease-in-out
}

.card-header,
.card-title,
.link-header,
h1.card-header {
	position: relative;
	margin: 0;
	padding: 15px;
	border-bottom: 1px solid #d3dce4;
	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase
}

.card-subheader {
	text-transform: initial;
	font-size: 90%;
	font-weight: 400;
	font-style: italic;
	color: #999
}

.card-body {
	padding: 15px
}

.card-footer {
	padding: 15px
}

.card-search input[type=search] {
	padding: 10px 15px;
	background-color: #eee;
	border-color: transparent
}

.list-action .list-item .list-item-label,
.list-label,
.list-side-right .list-item-label,
.list-sortable .list-item-label {
	font-size: 1.1rem;
	font-weight: 400;
	color: #252d37
}

.list-action .list-item .list-item-sublabel,
.list-side-right .list-item-sublabel,
.list-sortable .list-item-sublabel,
.list-sublabel {
	margin-top: 5px;
	font-size: .85rem;
	font-weight: 400;
	color: #8f9eaf
}

.list-item {
	display: block;
	padding: 15px
}

.list-item-text {
	padding: 15px
}

.list-item-controls {
	display: flex;
	justify-content: space-around;
	align-items: center
}

.list-item-controls .list-item-control {
	color: #8f9eaf;
	font-size: 20px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%
}

.list-item-controls .list-item-control:focus,
.list-item-controls .list-item-control:hover {
	background-color: #e0e6eb
}

.list-item-controls .list-item-control:active {
	background-color: #d3dce4
}

.is-control-visible-hover .list-item-controls {
	display: none
}

.is-control-visible-hover:hover .list-item-controls {
	display: inherit
}

.is-control-opaque-hover .list-item-controls {
	opacity: .5
}

.is-control-opaque-hover:hover .list-item-controls {
	opacity: 1
}

.list-item-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	border-top: 1px solid #d3dce4
}

.card-header+.list-item-flex:first-child {
	border-top: 0
}

.list-item-flex:last-child {
	border-bottom: 1px solid #d3dce4
}

.list-item-flex .list-item-start {
	padding-left: 15px
}

.list-item-flex .list-item-middle {
	flex-grow: 1
}

.list-item-flex .list-item-end {
	padding-right: 15px
}

label.list-item-content {
	margin: 0
}

.list-action .list-item {
	display: block;
	cursor: pointer;
	color: #252d37;
	border-top: 1px solid #d3dce4
}

.card-header+.list-action .list-item:first-child {
	border-top: 0
}

.list-action .list-item:last-child {
	border-bottom: 1px solid #d3dce4
}

.list-action .list-item:focus,
.list-action .list-item:hover {
	background-color: #e0e6eb;
	text-decoration: none
}

.list-action.list-big .list-item-label {
	font-size: 1.2rem
}

.list-action.list-big .list-item-sublabel {
	margin-top: 5px;
	font-weight: 400;
	font-size: 1rem;
	color: #8f9eaf
}

.list-side-right .list-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 15px;
	border-top: 1px solid #d3dce4
}

.list-side-right .list-item:last-child {
	border-bottom: 1px solid #d3dce4
}

.list-side-right .list-item-sublabel {
	margin-top: 5px
}

.list-sortable .list-item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center
}

.list-sortable .list-item .list-item-content {
	flex: 1
}

.list-sortable .list-sortable-handle {
	padding: 10px;
	cursor: move;
	font-size: 2rem;
	color: #8f9eaf
}

.list-sortable .list-item-sublabel {
	margin-top: 5px
}

.list-checkable input[type=checkbox] {
	display: block;
	margin-right: 15px
}

.key-value-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 0;
	background: #fff;
	border: none
}

.key-value-item>:first-child {
	font-weight: 700
}

.popup {
	position: absolute;
	top: 48px;
	right: 0;
	min-width: 220px;
	color: #252d37;
	box-shadow: 0 2px 30px rgba(0, 0, 0, .2);
	background: #fff;
	line-height: 1.5;
	cursor: default;
	z-index: 50
}

.popup h2 {
	padding: 0 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 12px;
	color: #999
}

.popup label {
	margin-bottom: 0;
	font-size: 12px;
	color: #999
}

@media (max-width:600px) {
	.popup {
		position: fixed;
		overflow-x: auto;
		height: 100%;
		top: 0;
		left: 0;
		right: 0
	}
}

.popup-title {
	font-weight: 700;
	background-color: #e0e6eb;
	padding: 10px
}

.popup-close {
	width: 20px;
	height: 20px;
	line-height: 20px;
	float: right;
	border-radius: 50%
}

.popup-close:hover {
	background-color: #fff
}

.popup-body {
	padding: 10px 0 10px 0
}

.popup-body .list-item {
	padding: 5px 10px;
	border: none
}

.popup-body .list-item:last-child {
	border-bottom: none
}

.popup-body .list-item-label {
	font-size: .9rem
}

.popup ul {
	list-style: none;
	margin-bottom: 0
}

.popup ul li {
	cursor: pointer
}

.popup ul li a {
	display: block;
	padding: 5px 10px
}

.popup ul li a:hover {
	background-color: #e0e6eb
}

.popup input[type=text] {
	width: 100%
}

.popup .popup-content-area {
	padding: 10px
}

.button,
.button-base,
.button-inverse,
.button-raised {
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 36px;
	padding: 8px 16px;
	border: none;
	border-radius: 2px;
	outline: 0;
	background-color: rgba(255, 255, 255, 0);
	font-size: .95rem;
	font-weight: 400;
	text-transform: uppercase;
	color: #252d37;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	cursor: pointer
}

.button-base:active,
.button-base:active:focus,
.button-base:focus,
.button-base:hover,
.button-inverse:active,
.button-inverse:focus,
.button-inverse:hover,
.button-raised:active,
.button-raised:focus,
.button-raised:hover,
.button:active,
.button:focus,
.button:hover {
	outline: 0;
	border: none;
	text-decoration: none;
	color: #252d37
}

.button-base[disabled],
[disabled].button,
[disabled].button-inverse,
[disabled].button-raised {
	pointer-events: none
}

.button-base::-moz-focus-inner,
.button-inverse::-moz-focus-inner,
.button-raised::-moz-focus-inner,
.button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.button-base.pull-right,
.pull-right.button,
.pull-right.button-inverse,
.pull-right.button-raised {
	margin-left: 10px
}

.button:focus,
.button:hover {
	background-color: rgba(153, 153, 153, .2);
	box-shadow: none;
	color: #252d37
}

.button:active {
	box-shadow: none
}

.button[disabled],
.button[disabled]:active,
.button[disabled]:focus,
.button[disabled]:hover {
	color: rgba(0, 0, 0, .26);
	background-color: rgba(255, 255, 255, 0)
}

.button-raised {
	background-color: #e0e0e0
}

.button-raised:focus,
.button-raised:hover {
	color: #252d37
}

.button-raised:active {
	box-shadow: none
}

.button-raised[disabled],
.button-raised[disabled]:active,
.button-raised[disabled]:focus,
.button-raised[disabled]:hover {
	color: rgba(0, 0, 0, .26);
	background-color: rgba(0, 0, 0, .12)
}

.button-inverse {
	color: #fff;
	background-color: rgba(255, 255, 255, 0)
}

.button-inverse:focus,
.button-inverse:hover {
	background-color: rgba(204, 204, 204, .15);
	color: #fff
}

.button-inverse.active,
.button-inverse:active,
.button-inverse:active:focus {
	background-color: rgba(204, 204, 204, .25);
	color: #fff
}

.button-inverse[disabled] {
	background-color: rgba(255, 255, 255, 0);
	color: rgba(255, 255, 255, .3)
}

.button-primary {
	color: #fff;
	background-color: #2196f3
}

.button-primary:focus,
.button-primary:hover {
	background-color: rgb(12.8461538462, 138.0961538462, 237.6538461538);
	color: #fff
}

.button-primary:active {
	background-color: rgb(11.5384615385, 124.0384615385, 213.4615384615);
	color: #fff
}

.button-primary:active:focus {
	color: #fff
}

.button-alert {
	color: #fff;
	background-color: #f44336
}

.button-alert:focus,
.button-alert:hover {
	background-color: rgb(242.6768867925, 44.3867924528, 29.8231132075);
	color: #fff
}

.button-alert:active {
	background-color: rgb(234.1839622642, 27.9622641509, 12.8160377358);
	color: #fff
}

.button-alert:active:focus {
	color: #fff
}

.button-firefox {
	color: #fff;
	background-color: #ea9c21
}

.button-firefox:focus,
.button-firefox:hover {
	background-color: rgb(220.6296296296, 143.1111111111, 20.8703703704);
	color: #fff
}

.button-firefox:active {
	background-color: rgb(197.3333333333, 128, 18.6666666667);
	color: #fff
}

.button-firefox:active:focus {
	color: #fff
}

.button-floating {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	bottom: 5%;
	right: 5%;
	text-align: center;
	line-height: 54px;
	font-size: 25px;
	color: #fff;
	background-color: #f44336;
	border-radius: 50%;
	transition: box-shadow 150ms cubic-bezier(0, 0, .2, 1);
	z-index: 100
}

.button-floating:focus,
.button-floating:hover {
	color: #fff;
	text-decoration: none
}

.button-floating:active {
	box-shadow: none
}

.large-icon-button {
	display: block;
	float: left;
	padding: 15px;
	color: #252d37;
	width: 140px;
	overflow: hidden;
	font-size: 16px;
	text-align: center;
	border-radius: 2px
}

.large-icon-button:focus,
.large-icon-button:hover {
	text-decoration: none;
	background-color: #ddd;
	color: #252d37
}

.large-icon-button:active {
	background-color: rgb(208.25, 208.25, 208.25)
}

.large-icon-button i {
	display: block;
	margin: auto;
	font-size: 70px
}

.large-icon-button i.mdi-firefox {
	color: #e55b0a
}

.large-icon-button i.mdi-apple-ios {
	color: #a6a8ab
}

.large-icon-button i.mdi-android {
	color: #a4c739
}

.large-icon-button i.mdi-google-chrome {
	color: #dd4f43
}

.modal {
	position: relative;
	display: block;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	z-index: 1;
	margin-top: 10%;
	margin-top: 10vh;
	background: #fff
}

.modal-title {
	padding: 20px 20px 10px 20px;
	line-height: inherit;
	font-size: 1.4rem;
	font-weight: 400
}

.modal-body {
	padding: 10px 20px 10px 20px;
	max-height: 55vh;
	overflow: auto;
	color: #6d7988
}

.modal-footer {
	padding: 10px 20px 20px 20px;
	border: none;
	text-align: left
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

input[type=number],
input[type=password],
input[type=search],
input[type=text],
textarea {
	position: relative;
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
	border-right: none;
	box-shadow: none;
	padding: 6px 1px;
	background: rgba(255, 255, 255, 0);
	width: 100%
}

input[type=number]:after,
input[type=password]:after,
input[type=search]:after,
input[type=text]:after,
textarea:after {
	transition: 1s all;
	position: absolute;
	display: block;
	bottom: 0;
	background-color: red;
	height: 2px;
	left: 0;
	width: 0
}

input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=text]:focus,
textarea:focus {
	border-color: #2196f3;
	box-shadow: 0 1px 0 #2196f3;
	outline: 0
}

input[type=number]:focus:after,
input[type=password]:focus:after,
input[type=search]:focus:after,
input[type=text]:focus:after,
textarea:focus:after {
	width: 100%
}

textarea {
	resize: vertical;
	overflow: auto
}

input.input-big {
	margin: 0;
	padding: 10px;
	padding-right: 155px;
	border: none;
	border-radius: 4px;
	background: #fff;
	font-size: 1.7rem;
	font-weight: 300
}

input.input-big:focus {
	border-bottom: none;
	box-shadow: none;
	margin: 0
}

@media (max-width:767px) {
	input.input-big {
		padding-right: 85px
	}
}

select {
	width: 100%;
	padding: 6px 12px;
	border: 1px solid #cad3da;
	outline: 0
}

select:focus {
	border: 1px solid #2196f3;
	outline: 0
}

label {
	color: #6d7988;
	font-weight: 400
}

label.active {
	color: #2196f3
}

.sublabel {
	font-size: .85rem;
	font-weight: 400;
	text-align: right;
	margin-top: 5px;
	color: #abbdcb
}

.form-section {
	margin-top: 20px;
	margin-bottom: 20px
}

.form-section-title {
	margin-bottom: 15px;
	font-size: 1.1rem;
	font-weight: 400
}

.form-entry {
	margin-bottom: 15px;
	width: 100%
}

.form-entry:focus-within label {
	color: #2196f3
}

.form-entry:last-child {
	margin-bottom: 0
}

.loading-wrapper.is-loading {
	position: relative
}

.loading-wrapper.is-loading::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 7px;
	right: 7px;
	border: 2px solid #2196f3;
	border-bottom-color: transparent;
	border-radius: 50%
}

[type=radio]:checked,
[type=radio]:not(:checked) {
	position: absolute;
	left: -9999px;
	visibility: hidden
}

[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	transition: all .28s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none
}

[type=radio]+label {
	color: #252d37
}

[type=radio]+label:after,
[type=radio]+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	margin: 4px;
	width: 16px;
	height: 16px;
	z-index: 0;
	transition: all .28s ease
}

[type=radio]:not(:checked)+label:before {
	border-radius: 50%;
	border: 2px solid #5a5a5a
}

[type=radio]:not(:checked)+label:after {
	border-radius: 50%;
	border: 2px solid #5a5a5a;
	z-index: -1;
	transform: scale(0)
}

[type=radio]:checked+label:before {
	border-radius: 50%;
	border: 2px solid transparent
}

[type=radio]:checked+label:after {
	border-radius: 50%;
	border: 2px solid #2196f3;
	background-color: #2196f3;
	z-index: 0;
	transform: scale(1.02)
}

[type=radio].with-gap:checked+label:before {
	border-radius: 50%;
	border: 2px solid #2196f3
}

[type=radio].with-gap:checked+label:after {
	border-radius: 50%;
	border: 2px solid #2196f3;
	background-color: #2196f3;
	z-index: 0;
	transform: scale(.5)
}

[type=radio]:disabled:checked+label:before,
[type=radio]:disabled:not(:checked)+label:before {
	background-color: transparent;
	border-color: #9e9e9e
}

[type=radio]:disabled+label {
	color: #9e9e9e
}

[type=radio]:disabled:not(:checked)+label:hover:before {
	border-color: #9e9e9e
}

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	cursor: pointer
}

[type=checkbox]+label {
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	color: #252d37;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none
}

[type=checkbox]+label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	z-index: 0;
	border: 2px solid #5a5a5a;
	border-radius: 1px;
	margin-top: 2px;
	transition: all .2s
}

[type=checkbox]:not(:checked):disabled+label:before {
	border: none;
	background-color: #9e9e9e
}

[type=checkbox]:checked+label:before {
	top: -4px;
	left: -3px;
	width: 12px;
	height: 22px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #2196f3;
	border-bottom: 2px solid #2196f3;
	transform: rotate(40deg);
	-webkit-backface-visibility: hidden;
	transform-origin: 100% 100%
}

[type=checkbox]:disabled+label {
	color: #9e9e9e
}

[type=checkbox]:disabled+label:before {
	border-right: 2px solid #9e9e9e;
	border-bottom: 2px solid #9e9e9e
}

[type=checkbox] :indeterminate+label:before {
	left: -10px;
	top: -11px;
	width: 10px;
	height: 22px;
	border-top: none;
	border-left: none;
	border-right: 2px solid #2196f3;
	border-bottom: none;
	transform: rotate(90deg);
	-webkit-backface-visibility: hidden;
	transform-origin: 100% 100%
}

[type=checkbox] :indeterminate:disabled+label:before {
	border-right: 2px solid #9e9e9e;
	background-color: transparent
}

[type=checkbox].filled-in+label:after {
	top: 1px;
	border-radius: 2px
}

[type=checkbox].filled-in+label:after,
[type=checkbox].filled-in+label:before {
	content: "";
	left: 0;
	position: absolute;
	transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
	z-index: 1
}

[type=checkbox].filled-in:not(:checked)+label:before {
	width: 0;
	height: 0;
	border: 3px solid transparent;
	left: 6px;
	top: 10px;
	transform: rotateZ(37deg);
	transform-origin: 100% 100%
}

[type=checkbox].filled-in:not(:checked)+label:after {
	height: 18px;
	width: 18px;
	background-color: transparent;
	border: 2px solid #5a5a5a;
	z-index: 0
}

[type=checkbox].filled-in:checked+label:before {
	top: 1px;
	left: 1px;
	width: 7px;
	height: 12px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotateZ(37deg);
	transform-origin: 100% 100%
}

[type=checkbox].filled-in:checked+label:after {
	width: 18px;
	height: 18px;
	border: 2px solid #2196f3;
	background-color: #2196f3;
	z-index: 0
}

[type=checkbox].filled-in:disabled:not(:checked)+label:before {
	background-color: transparent;
	border: 2px solid transparent
}

[type=checkbox].filled-in:disabled:not(:checked)+label:after {
	border-color: transparent;
	background-color: #9e9e9e
}

[type=checkbox].filled-in:disabled:checked+label {
	color: #9e9e9e
}

[type=checkbox].filled-in:disabled:checked+label:before {
	background-color: transparent
}

[type=checkbox].filled-in:disabled:checked+label:after {
	background-color: #9e9e9e;
	border-color: #9e9e9e
}

.switch,
.switch * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none
}

.switch label {
	cursor: pointer
}

.switch label input[type=checkbox] {
	opacity: 0;
	width: 0;
	height: 0
}

.switch label input[type=checkbox]:checked+.lever {
	background-color: rgb(180.5865384615, 204.1686813187, 222.9134615385)
}

.switch label input[type=checkbox]:checked+.lever:after {
	background-color: #2196f3
}

.switch label .lever {
	content: "";
	display: inline-block;
	position: relative;
	width: 40px;
	height: 15px;
	background-color: #818181;
	border-radius: 15px;
	margin-right: 10px;
	transition: background .3s ease;
	vertical-align: middle;
	margin: 0 16px
}

.switch label .lever:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 21px;
	height: 21px;
	background-color: #f1f1f1;
	border-radius: 21px;
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
	left: -5px;
	top: -3px;
	transition: left .3s ease, background .3s ease, box-shadow .1s ease
}

input[type=checkbox]:checked:not(:disabled)~.lever:active:after {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(33, 150, 243, .1)
}

input[type=checkbox]:not(:disabled)~.lever:active:after {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(0, 0, 0, .08)
}

.switch label input[type=checkbox]:checked+.lever:after {
	left: 24px
}

.switch input[type=checkbox][disabled]+.lever {
	cursor: default
}

.switch label input[type=checkbox][disabled]+.lever:after,
.switch label input[type=checkbox][disabled]:checked+.lever:after {
	background-color: #9e9e9e
}

.light-heading {
	font-size: 1.1rem;
	font-weight: 400;
	color: #8f9eaf
}

.actionbar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 50
}

.actionbar .row {
	padding: 15px;
	padding-bottom: 5px
}

.actionbar-label {
	float: left;
	padding: 7px
}

.actionbar-selectall {
	float: left;
	padding: 7px 7px 7px 0
}

.actionbar-controls {
	float: right
}

.actionbar-controls button {
	margin-left: 10px;
	margin-bottom: 10px
}

.progress-bar {
	width: 100%;
	height: 5px;
	margin-bottom: 15px;
	float: none;
	background-color: rgba(33, 150, 243, .4);
	box-shadow: none
}

.is-inverted .progress-bar {
	background-color: #fff
}

.progress-actual {
	background: #2196f3;
	width: 0%;
	height: 100%;
	transition: width .3s ease
}

.progress-counter {
	font-size: 1.4rem
}

.is-inverted .progress-counter {
	color: #fff
}

table {
	width: 100%
}

td,
th {
	padding: 5px 10px
}

td:first-child,
th:first-child {
	padding-left: 0
}

td:last-child,
th:last-child {
	padding-right: 0
}

th {
	font-weight: 700
}

tr {
	border-bottom: 1px solid #d3dce4
}

.tag {
	padding: 5px;
	font-size: .8rem;
	background-color: #f8f9fa;
	border-radius: 4px
}

.tag.is-light.is-success {
	background-color: #effaf3;
	color: #257942
}

.tag.is-light.is-danger {
	background-color: #feecf0;
	color: #cc0f35
}

.notifications {
	position: fixed;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	bottom: 20px;
	right: 20px;
	max-width: 400px;
	z-index: 1000
}

@media (max-width:450px) {
	.notifications {
		left: 10px;
		right: 10px;
		bottom: 10px
	}
}

.notifications .notification:not(:last-child) {
	margin-bottom: 15px
}

.notification {
	position: relative;
	padding: 20px;
	padding-right: 40px;
	border-radius: 5px;
	background-color: #f8f9fa;
	opacity: 1
}

.notification button.notification-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 2.5px 5px;
	color: #8f9eaf
}

.notification button.notification-close:focus,
.notification button.notification-close:hover {
	background-color: rgba(10, 10, 10, .2)
}

.notification.is-success {
	color: #1b5e20;
	background-color: #e8f5e9
}

.notification.is-warning {
	color: #ff6f00;
	background-color: #fff8e1
}

.notification.is-danger {
	color: #b71c1c;
	background-color: #ffebee
}

.bookmarklet {
	padding: 5px 10px;
	background-color: #fff;
	border: 1px solid #aaa;
	color: #252d37;
	text-decoration: none
}

.bookmarklet:focus,
.bookmarklet:hover {
	box-shadow: 0 -1px 0 #e0e6eb, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
	text-decoration: none;
	color: inherit
}

.bookmarklet:active {
	box-shadow: none
}

.bookmarklet img {
	vertical-align: top;
	height: 20px
}

.header-main .popup a {
	display: block
}

.header-main .popup a,
.header-main .popup a:hover {
	color: #252d37
}

.icon-filter,
.icon-login,
.icon-logout,
.icon-plugin,
.icon-private,
.icon-private-active,
.icon-rss,
.icon-tools {
	width: 30px;
	height: 30px;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 15px;
	margin-left: 7px;
	border-radius: 50%
}

.icon-filter:focus,
.icon-filter:hover,
.icon-login:focus,
.icon-login:hover,
.icon-logout:focus,
.icon-logout:hover,
.icon-plugin:focus,
.icon-plugin:hover,
.icon-private-active:focus,
.icon-private-active:hover,
.icon-private:focus,
.icon-private:hover,
.icon-rss:focus,
.icon-rss:hover,
.icon-tools:focus,
.icon-tools:hover {
	background-color: rgba(255, 255, 255, .2)
}

.icon-unfold {
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	border-radius: 50%
}

.icon-unfold:focus,
.icon-unfold:hover {
	background-color: rgba(255, 255, 255, .2)
}

.unfold .icon-unfold .mdi-chevron-down:before {
	content: "\f143"
}

.icon-delete,
.icon-edit,
.icon-qrcode {
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block
}

.icon-header {
	position: relative;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: 15px;
	margin-left: 7px;
	border-radius: 50%;
	font-size: 18px;
	color: #fff
}

.icon-header:focus,
.icon-header:hover {
	background-color: rgba(255, 255, 255, .2);
	color: #fff
}

.icon-header.filter-on {
	color: #f44336
}

.header-button-filter.has-filter-readlater::before,
.header-button-filter.has-filters::before {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	top: 4px;
	right: 4px;
	border-radius: 50%;
	background: #f44336;
	z-index: 10
}

a[href="/plugin/readitlater/toggle-filter"] {
	display: none
}

.header-main {
	width: 100%;
	min-height: 56px;
	background-color: #F1562a;
	box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
	margin-bottom: 15px;
	color: #fff;
	max-height: 56px;
	z-index: 10
}

.header-main a {
	color: #fff;
	text-decoration: none
}

.header-main a.header-brand {
	display: inline-block;
	padding: 0 15px;
	font-size: 1.4rem;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	line-height: 56px;
	height: 56px;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.header-main a.header-brand:hover {
	background-color: rgba(255, 255, 255, .15)
}

.header-main .header-nav {
	height: 56px
}

.header-main .header-buttons {
	float: right;
	height: 56px
}

.header-main .header-buttons button {
	display: block
}

.header-main .header-buttons>* {
	display: block;
	float: right
}

.header-main .header-middle a:hover {
	background-color: rgba(255, 255, 255, .15)
}

.header-main .toolbar-link {
	text-align: center;
	margin: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block
}

.header-main.unfold {
	overflow: visible;
	max-height: none
}

.dark-toolbar .header-main {
	background-color: #000
}

@media (max-width:1199px) {
	.header-main {
		overflow: hidden
	}
}

.toolbar-button-container {
	position: relative
}

.subheader {
	width: 100%;
	background-color: #1976d2;
	margin-top: -15px;
	margin-bottom: 15px;
	color: #fff;
	padding: 10px;
	z-index: 5
}

.subheader .button,
.subheader .button-inverse {
	display: block;
	float: left;
	color: #fff;
	margin-right: 5px
}

.subheader.is-dark {
	background-color: #414d5a
}

.paging .row a {
	display: inline-block;
	height: 45px;
	width: 45px;
	vertical-align: middle;
	text-align: center;
	border-radius: 50%;
	color: #8f9eaf;
	font-size: 2rem
}

.paging .row a:focus,
.paging .row a:hover {
	background-color: #d3dce4
}

.paging .row a:active {
	background-color: #cad3da
}

.paging .row .paging-current {
	display: inline-block;
	line-height: 3rem;
	color: #6d7988;
	font-size: 1rem
}

#footer {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 15px;
	color: #6d7988;
	font-size: .85rem;
	font-weight: 400
}

.from-bookmarklet #footer {
	margin-top: 10px
}

.fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .75);
	z-index: 200
}

.fullscreen.visible {
	display: block
}

.content-fullscreen {
	position: absolute;
	top: 30%;
	left: 0;
	right: 0
}

.button-fullscreen {
	display: block;
	width: 100%
}

#qrcode img {
	margin: auto;
	border: 50px solid #fff
}

.overlay {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .75);
	z-index: 200
}

.page-login {
	margin-top: 50px;
	margin-bottom: 50px
}

.page-add {
	margin-top: 50px;
	margin-bottom: 50px
}

.page-edit {
	margin-top: 50px;
	margin-bottom: 50px
}

.from-bookmarklet .page-edit {
	margin-top: 10px;
	margin-bottom: 10px
}

.page-tools {
	margin-bottom: 50px
}

.button-header {
	position: absolute;
	width: 34px;
	height: 34px;
	top: 7px;
	right: 7px;
	background: center center no-repeat
}

.button-header:focus,
.button-header:hover {
	background-color: rgba(153, 153, 153, .2)
}

.button-header:active {
	background-color: rgba(100, 100, 100, .2)
}

.button-expand {
	background-image: url(img/arrow-expand.png)
}

.is-expanded .button-expand {
	background-image: url(img/arrow-compress.png)
}

.editlinkform {
	transition: margin .25s ease-in-out
}

.page-edit-link-batch .editlinkform {
	margin-top: 0;
	margin-bottom: 0
}

.is-batch-done .card {
	max-height: 58px !important;
	overflow: hidden
}

.is-batch-done .card-overlay {
	background-color: #fff
}

.picwall-pictureframe {
	float: left;
	position: relative;
	overflow: hidden;
	width: 120px;
	height: 90px;
	text-align: center
}

.picwall-link {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #6d7988;
	background-color: rgba(109, 121, 136, .7);
	color: #fff;
	font-size: .85rem;
	font-weight: 400
}

.picwall-pictureframe:hover .picwall-link {
	display: block;
	text-decoration: none
}

.picwall-link:hover {
	color: #fff
}

.plugin-actions {
	font-size: 1.4rem;
	font-weight: 400;
	padding: 10px;
	line-height: 20px
}

#overlay-content-qrcode {
	z-index: 600;
	position: fixed;
	top: 20%;
	left: 0;
	width: 100%;
	text-align: center
}

@media (min-width:768px) {
	.thumb {
		float: left
	}

	.thumb:not(.hidden)+.link-description {
		padding-left: 150px
	}
}

.plugin-param label {
	margin-bottom: 0;
	line-height: 1.2
}

.plugin-param .sublabel {
	margin-top: 0;
	text-align: left;
	line-height: 1.5
}

.plugin-param:focus-within .plugin-param-key label {
	color: #2196f3
}

.plugin-param-key {
	line-height: 33px
}

.thumbnail-placeholder {
	margin: auto;
	margin-bottom: 10px;
	background-color: #ddd
}

.thumbnail-link-title {
	margin-bottom: 15px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.progress-counter {
	text-align: right
}

.search-overlay-actions {
	position: absolute;
	right: 20px;
	top: 20%
}

.search-overlay-actions button {
	padding: 8px;
	border-radius: 50px;
	font-size: 14px;
	text-transform: lowercase;
	box-shadow: none
}

.search-overlay-actions button i {
	vertical-align: middle
}

@media (max-width:767px) {
	.search-overlay-actions button {
		width: 36px;
		height: 36px;
		text-align: center;
		border-radius: 50%
	}
}

#button-filter i {
	margin-right: 3px
}

.markdown h1 {
	font-size: 2.2em
}

.markdown h2 {
	font-size: 1.8em
}

.markdown h3 {
	font-size: 1.5em
}

.markdown h4 {
	font-size: 1.2em
}

.markdown h5 {
	font-size: 1em
}

.markdown h6 {
	font-size: .9em
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
	font-weight: 400;
	font-style: normal;
	line-height: 1em;
	margin: .75em 0 .5em 0
}

.markdown pre {
	margin: 1em 0;
	padding: 20px;
	max-width: 100%;
	border: 1px solid #e0e6eb;
	color: #414d5a;
	line-height: 1.2em;
	background: #f8f9fa;
	border-radius: 5px;
	box-shadow: none
}

.markdown code {
	padding: 0;
	color: #414d5a;
	font-size: 1em;
	line-height: 1em;
	font-weight: 400 !important;
	background: #f8f9fa;
	border-radius: 3px
}

.markdown :not(pre) code {
	padding: 0 5px 2px;
	box-shadow: none
}

.markdown ol,
.markdown ul {
	padding-left: 3em;
	margin-bottom: 15px
}

.markdown ol li,
.markdown ul li {
	list-style: unset
}

.markdown blockquote {
	border-left: 5px solid #abbdcb;
	padding: 15px 30px;
	margin-bottom: 15px;
	background-color: #f8f9fa
}

.markdown img {
	max-width: 100%
}

.daily-grid[data-columns]:before {
	content: "4 .column.size-1of4"
}

@media screen and (max-width:1200px) {
	.daily-grid[data-columns]:before {
		content: "2 .column.size-1of2"
	}
}

@media screen and (max-width:768px) {
	.daily-grid[data-columns]:before {
		content: "1 .column.size-1of1"
	}
}

.column {
	float: left;
	padding: 0 15px
}

.size-1of4 {
	width: 25%
}

.size-1of2 {
	width: 50%
}

.size-1of1 {
	width: 100%
}

.daily-header {
	text-align: center
}

.daily-header h1 {
	font-family: "Old Newspaper Types", serif;
	font-size: 4rem
}

.daily-header-subtitle {
	color: #8f9eaf
}

.daily-title {
	margin: 20px 0 40px 0;
	text-align: center;
	font-family: "Old Newspaper Types", serif;
	font-size: 1.6rem
}

.daily-item {
	position: relative
}

.daily-item:hover .daily-item-plus {
	display: block
}

.daily-item a {
	color: auto
}

.daily-item a:hover {
	text-decoration: none
}

.daily-card {
	display: block;
	margin-bottom: 20px;
	color: inherit;
	border-radius: 2px;
	outline: 3px solid transparent;
	transition: all .25s ease
}

.daily-item-header {
	display: block;
	background-color: #f8f9fa;
	padding: 10px;
	color: #6d7988;
	border-radius: 2px 2px 0 0;
	transition: background-color .25s ease
}

.daily-item-header:focus,
.daily-item-header:hover {
	color: #6d7988;
	text-decoration: none;
	background-color: #e0e6eb
}

.daily-item-image {
	width: 100%;
	height: 100px;
	background-size: cover;
	background-position: center
}

.daily-item-body {
	background-color: #fff;
	padding: 15px
}

.daily-item-footer {
	background-color: #f8f9fa;
	padding: 10px;
	font-size: 80%;
	color: #6d7988;
	border-top: solid 1px rgba(109, 121, 136, .05);
	border-radius: 0 0 2px 2px
}

.daily-item-footer-subtitle {
	display: block;
	float: left;
	color: #ccc
}

.daily-item-footer-subtitle:hover {
	color: #6d7988
}

.daily-item-footer-subtitle:hover:after {
	content: "\f337";
	animation: slide-from-right .25s ease
}

.daily-item-tags {
	text-align: right
}

.link-outer {
	position: relative;
	overflow: hidden
}

.links-list.is-selectable .link-outer.is-selected {
	box-shadow: 0 0 4px 4px #ff9800
}

.link-overlay {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
	z-index: 10
}

.links-list.is-selectable .link-overlay:hover {
	background-color: rgba(211, 220, 228, .5)
}

.links-list.is-selectable .link-overlay {
	display: block;
	background-color: rgba(255, 255, 255, 0)
}

.links-list.is-selectable .is-selected .link-overlay {
	display: block;
	background-color: rgba(244, 67, 54, .5)
}

.link-inner {
	border-radius: 2px 0 0 2px
}

.link-header {
	border-bottom: none;
	padding-bottom: 5px;
	text-transform: none
}

.link-content {
	overflow: hidden
}

.link-footer {
	padding: 10px 15px 15px 15px
}

a.link-title {
	display: block;
	margin-bottom: 5px;
	text-overflow: ellipsis;
	color: #f1562a;
	text-decoration: none;
	font-weight: 700;
	line-height: 1.2
}

a.link-title:focus,
a.link-title:hover {
	color: #414d5a
}

a.link-title:active {
	color: #6d7988
}

.private:before {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-right: 16px solid #b71c1c;
	top: -16px;
	left: -16px;
	transform: rotate(45deg)
}

.private a.link-title {
	color: #b71c1c
}

a.link-url {
	display: block;
	margin-bottom: 5px;
	color: #8f9eaf;
	text-decoration: none;
	line-height: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .7rem;
	font-weight: 400
}

a.link-url:focus,
a.link-url:hover {
	color: #6d7988
}

a.link-url:active {
	color: #414d5a
}

.link-date {
	font-size: .7rem;
	font-weight: 400;
	color: #8f9eaf;
	float: right
}

.link-date .link-archive,
.link-date a {
	color: #8f9eaf;
	text-decoration: none
}

.link-date .link-archive:focus,
.link-date .link-archive:hover,
.link-date a:focus,
.link-date a:hover {
	color: #252d37
}

.link-date .link-archive:active,
.link-date a:active {
	color: #414d5a
}

.link-description {
	padding: 5px 15px
}

.link-description p:first-child {
	margin-top: 0
}

.link-description p:last-child {
	margin-bottom: 0
}

.thumb img {
	margin: 15px
}

.link-tag-list {
	overflow: hidden;
	overflow-x: auto;
	text-overflow: ellipsis
}

.link-tag {
	display: inline-block
}

.link-tag a {
	display: block;
	color: #414d5a;
	text-decoration: none;
	padding: 3px 10px;
	background-color: #e0e6eb;
	border-radius: 20px;
	font-size: .7rem
}

.link-tag a:focus,
.link-tag a:hover {
	background-color: #d3dce4
}

.link-tag a:active {
	background-color: #cad3da
}

.link-tag-filter {
	display: inline-block;
	padding: 3px 3px 3px 10px;
	border-radius: 20px;
	background-color: #e0e6eb;
	color: #414d5a;
	text-decoration: none;
	border: 1px solid #d3dce4
}

.link-tag-filter:focus,
.link-tag-filter:hover {
	color: #414d5a;
	background-color: #d3dce4;
	text-decoration: none
}

.link-tag-filter:active {
	color: #414d5a;
	background-color: #cad3da;
	text-decoration: none
}

.link-tag-filter .remove {
	font-style: normal;
	background-color: #fff;
	border-radius: 50%;
	padding: 0 5px;
	padding-bottom: 1px
}

.link-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 24px;
	text-align: right
}

.link-actions a,
.link-actions span {
	color: #6d7988;
	font-size: 18px
}

.link-actions a.is-pinned {
	color: #2196f3
}

.link-actions a:focus,
.link-actions a:hover {
	color: #414d5a
}

.link-actions a:active {
	color: #252d37
}

.is-selectable .link-actions {
	display: none
}

.link-actions>* {
	display: block;
	width: 24px;
	right: 24px;
	margin-left: 5px
}

.link-actions form>* {
	display: block
}

.link-plugin:not(:last-child) {
	margin-right: 5px
}

.link-plugin:nth-child(2):before {
	content: "-";
	margin: 0 5px
}

.link-counter {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #6d7988
}

.favorite-tag {
	display: block;
	float: left;
	padding: 10px;
	margin-right: 10px;
	background-color: rgba(0, 0, 0, .05);
	color: #999
}

.favorite-tag:focus,
.favorite-tag:hover {
	background-color: rgba(0, 0, 0, .1);
	color: inherit;
	text-decoration: none
}

.favorite-tag:active {
	background-color: rgba(0, 0, 0, .2)
}

.search-highlight {
	background-color: #ff0
}