+ color: #363636; }
+ body #app a:hover {
+ color: #363636; }
+ body #app .title {
+ color: #303030; }
+ body #app .subtitle {
+ color: #424242; }
+ body #app .card {
+ background-color: #ffffff;
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); }
+ body #app .card:hover {
+ background-color: #ffffff; }
+ body #app .message {
+ background-color: #ffffff; }
+ body #app .message .message-body {
+ color: #363636; }
+ body #app .footer {
+ background-color: #ffffff;
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); }
+ @media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) {
+ body #app {
+ background-color: #f5f5f5;
+ color: #363636; }
+ body #app a:hover {
+ color: #363636; }
+ body #app .title {
+ color: #303030; }
+ body #app .subtitle {
+ color: #424242; }
+ body #app .card {
+ background-color: #ffffff;
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); }
+ body #app .card:hover {
+ background-color: #ffffff; }
+ body #app .message {
+ background-color: #ffffff; }
+ body #app .message .message-body {
+ color: #363636; }
+ body #app .footer {
+ background-color: #ffffff;
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); } }
+ @media (prefers-color-scheme: dark) {
+ body #app {
+ background-color: #131313;
+ color: #eaeaea; }
+ body #app a:hover {
+ color: #ffdd57; }
+ body #app .title {
+ color: #fafafa; }
+ body #app .subtitle {
+ color: #f5f5f5; }
+ body #app .card {
+ background-color: #2b2b2b;
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.4); }
+ body #app .card:hover {
+ background-color: #2b2b2b; }
+ body #app .message {
+ background-color: #2b2b2b; }
+ body #app .message .message-body {
+ color: #eaeaea; }
+ body #app .footer {
+ background-color: #2b2b2b;
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.4); } }
+ body #app.is-light {
+ background-color: #f5f5f5;
+ color: #363636; }
+ body #app.is-light a:hover {
+ color: #363636; }
+ body #app.is-light .title {
+ color: #303030; }
+ body #app.is-light .subtitle {
+ color: #424242; }
+ body #app.is-light .card {
+ background-color: #ffffff;
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); }
+ body #app.is-light .card:hover {
+ background-color: #ffffff; }
+ body #app.is-light .message {
+ background-color: #ffffff; }
+ body #app.is-light .message .message-body {
+ color: #363636; }
+ body #app.is-light .footer {
+ background-color: #ffffff;
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); }
+ body #app.is-dark {
+ background-color: #131313;
+ color: #eaeaea; }
+ body #app.is-dark a:hover {
+ color: #ffdd57; }
+ body #app.is-dark .title {
+ color: #fafafa; }
+ body #app.is-dark .subtitle {
+ color: #f5f5f5; }
+ body #app.is-dark .card {
+ background-color: #2b2b2b;
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.4); }
+ body #app.is-dark .card:hover {
+ background-color: #2b2b2b; }
+ body #app.is-dark .message {
+ background-color: #2b2b2b; }
+ body #app.is-dark .message .message-body {
+ color: #eaeaea; }
+ body #app.is-dark .footer {
+ background-color: #2b2b2b;
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.4); }
+ body h1, body h2, body h3, body h4, body h5, body h6 {
+ font-family: 'Lato', sans-serif; }
+ body h1 {
+ font-size: 2rem; }
+ body h2 {
+ font-size: 1.7rem;
+ margin-top: 2rem;
+ margin-bottom: 1rem; }
+ body h2 .fas, body h2 .fab, body h2 .far {
+ margin-right: 10px; }
+ body h2 span {
+ font-weight: bold;
+ color: #4285f4; }
+ body [v-cloak] {
+ display: none; }
+ body #bighead {
+ color: #ffffff; }
+ body #bighead .dashboard-title {
+ padding: 6px 0 0 80px; }
+ body #bighead .first-line {
+ height: 100px;
+ vertical-align: center;
+ background-color: #3367d6; }
+ body #bighead .first-line h1 {
+ margin-top: -12px;
+ font-size: 2rem; }
+ body #bighead .first-line .headline {
+ margin-top: 5px;
+ font-size: 0.9rem; }
+ body #bighead .first-line .container {
+ height: 80px;
+ padding: 10px 0; }
+ body #bighead .first-line .logo {
+ float: left; }
+ body #bighead .first-line .logo i {
+ vertical-align: top;
+ padding: 8px 15px;
+ font-size: 50px; }
+ body #bighead .first-line .logo img {
+ padding: 10px;
+ max-height: 70px;
+ max-width: 70px; }
+ body #bighead .navbar, body #bighead .navbar-menu {
+ background-color: #4285f4; }
+ body #bighead .navbar a, body #bighead .navbar-menu a {
+ color: #ffffff; }
+ body #bighead .navbar a:hover, body #bighead .navbar a:focus, body #bighead .navbar-menu a:hover, body #bighead .navbar-menu a:focus {
+ color: #ffffff;
+ background-color: #5a95f5; }
+ body #bighead .navbar-end {
+ text-align: right; }
+ body #main-section {
+ margin-bottom: 2rem;
+ padding: 0; }
+ body #main-section h2 {
+ border-bottom: 1px dashed #ccc;
+ padding-bottom: 10px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis; }
+ body #main-section .title {
+ font-size: 1.1em;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis; }
+ body #main-section .subtitle {
+ font-size: .9em;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis; }
+ body #main-section .container {
+ padding: 1.2rem .75rem; }
+ body #main-section .message {
+ margin-top: 45px;
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); }
+ body #main-section .message .message-header {
+ font-weight: bold; }
+ body #main-section .message .message-body {
+ border: none; }
+ body .media-content {
+ overflow: hidden;
+ text-overflow: inherit; }
+ body .tag {
+ color: #4285f4;
+ background-color: #4285f4;
+ position: absolute;
+ top: 1rem;
+ right: -0.2rem;
+ width: 3px;
+ overflow: hidden;
+ transition: all 0.2s ease-out;
+ padding: 0; }
+ body .tag .tag-text {
+ display: none; }
+ body .card {
+ border-radius: 5px;
+ border: none;