From bc5de45ff456b158fe844252ee91bfa4c85f0e36 Mon Sep 17 00:00:00 2001 From: Daniel Brendel Date: Wed, 23 Oct 2024 22:45:01 +0200 Subject: [PATCH] Width of last column --- app/resources/sass/app.scss | 4 ++++ public/js/app.js | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/app/resources/sass/app.scss b/app/resources/sass/app.scss index 8d2a28b0..6237251e 100644 --- a/app/resources/sass/app.scss +++ b/app/resources/sass/app.scss @@ -1891,6 +1891,10 @@ fieldset .field { color: rgb(150, 150, 150); } +.inventory-groups thead td:last-child { + width: 5%; +} + .inventory-groups.table td { border: 1px solid rgb(100, 100, 100); } diff --git a/public/js/app.js b/public/js/app.js index 50248348..fd6664fb 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -27,7 +27,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _sas /***/ ((module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/*\\n app.scss\\n*/\\nhtml, body {\\n width: 100%;\\n height: 100%;\\n padding: 0;\\n margin: 0;\\n background-color: rgb(48, 52, 55);\\n}\\n\\nbody {\\n overflow-x: hidden;\\n}\\n\\n.is-image-container {\\n background-repeat: no-repeat;\\n background-size: cover;\\n padding: unset;\\n}\\n\\n.column-overlay {\\n width: 100%;\\n height: 100%;\\n padding: 20px;\\n background-color: rgba(0, 0, 0, 0.5);\\n}\\n\\nh1 {\\n font-size: 2.5em;\\n color: rgb(250, 250, 250);\\n}\\n\\nh2 {\\n font-size: 2em;\\n margin-bottom: 30px;\\n color: rgb(200, 200, 200);\\n}\\n\\n.smaller-headline {\\n font-size: 1.2em;\\n margin-bottom: 15px;\\n}\\n\\n.is-default-link {\\n color: rgb(79, 134, 202);\\n}\\n\\n.is-default-link:hover {\\n color: rgb(79, 134, 202);\\n text-decoration: underline;\\n}\\n\\n.is-yellow-link {\\n color: rgb(156, 115, 67);\\n}\\n\\n.is-yellow-link:hover {\\n color: rgb(156, 115, 67);\\n text-decoration: underline;\\n}\\n\\n.is-gray-link {\\n color: rgb(150, 150, 150);\\n}\\n\\n.is-gray-link:hover {\\n color: rgb(150, 150, 150);\\n text-decoration: underline;\\n}\\n\\n.is-dark-delimiter hr {\\n background-color: rgb(100, 100, 100);\\n}\\n\\n.is-fixed-button-link {\\n position: relative;\\n top: 5px;\\n}\\n\\n@media screen and (max-width: 512px) {\\n .is-fixed-margin-left-mobile {\\n margin-left: 2px;\\n }\\n}\\n\\n.is-default-text-color {\\n color: rgb(150, 150, 150);\\n}\\n\\n.is-color-darker {\\n color: rgb(100, 100, 100);\\n}\\n\\n.is-color-error {\\n color: rgb(154, 73, 69);\\n}\\n\\n.is-input-dark {\\n background-color: rgba(90, 90, 90, 0.5);\\n color: rgb(200, 200, 200);\\n border: 1px solid rgb(100, 100, 100);\\n}\\n\\n.is-action-button-margin {\\n margin-right: 10px;\\n margin-bottom: 10px;\\n}\\n@media screen and (max-width: 376px) {\\n .is-action-button-margin {\\n margin-right: 15px;\\n }\\n}\\n\\n.is-underlined {\\n text-decoration: underline;\\n}\\n\\n.is-stretched {\\n width: 100%;\\n}\\n\\n.is-pointer {\\n cursor: pointer;\\n}\\n\\n.is-centered {\\n text-align: center !important;\\n}\\n\\n.is-indicator {\\n position: absolute;\\n width: 10px;\\n height: 10px;\\n top: 17px;\\n left: 20px;\\n background-color: rgb(223, 50, 50);\\n border-radius: 50%;\\n z-index: 5;\\n}\\n@media screen and (max-width: 1087px) {\\n .is-indicator {\\n top: 10px;\\n left: 22px;\\n }\\n}\\n\\n.is-indicator-tab {\\n position: relative;\\n width: 10px;\\n height: 10px;\\n top: -4px;\\n left: -3px;\\n background-color: rgb(223, 50, 50);\\n border-radius: 50%;\\n z-index: 5;\\n}\\n\\n.is-background-success-light {\\n background-color: rgb(215, 253, 200);\\n}\\n\\n.is-chocolate {\\n background-color: rgb(179, 105, 62);\\n border-color: transparent;\\n}\\n\\n.is-chocolate:hover {\\n background-color: rgb(167, 95, 55);\\n border-color: transparent;\\n}\\n\\n.float-right {\\n float: right;\\n}\\n\\n.belongs-to-previous-field {\\n position: relative;\\n top: -5px;\\n margin-bottom: 20px !important;\\n}\\n\\n.is-next-to-elem {\\n position: relative;\\n top: 5px;\\n margin-left: 10px;\\n}\\n@media screen and (max-width: 453px) {\\n .is-next-to-elem {\\n top: -3px;\\n margin-bottom: 20px !important;\\n margin-left: unset;\\n }\\n}\\n\\n.is-margin-bottom-20 {\\n margin-bottom: 20px !important;\\n}\\n\\n.field small {\\n color: rgb(120, 120, 120);\\n}\\n\\n.form-paragraph-modal a, .modal-anchors a {\\n color: rgb(52, 105, 215);\\n}\\n\\n.form-paragraph-modal a:hover, .modal-anchors a:hover {\\n color: rgb(52, 105, 215);\\n text-decoration: underline;\\n}\\n\\n@media screen and (max-width: 1087px) {\\n .navbar-menu {\\n max-height: calc(100vh - 3.25rem);\\n overflow-y: auto;\\n }\\n}\\n\\n@media screen and (max-width: 1087px) {\\n .navbar-end {\\n margin-bottom: 100px;\\n }\\n}\\n\\n.navbar-item a {\\n color: rgb(200, 200, 200);\\n}\\n\\n.navbar-item a:hover {\\n color: rgb(250, 250, 250);\\n}\\n\\na.navbar-item:hover, a.navbar-item.is-active, .navbar-link:hover, .navbar-link.is-active {\\n background-color: rgba(255, 255, 255, 0) !important;\\n color: rgb(180, 180, 180) !important;\\n}\\n\\n.navbar-item, .navbar-burger, .navbar-link {\\n color: rgb(190, 190, 190);\\n}\\n\\n.navbar-dropdown {\\n background-color: rgb(50, 50, 48);\\n padding-top: unset;\\n}\\n\\n.navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {\\n background-color: rgba(0, 0, 0, 0);\\n}\\n\\n@media screen and (max-width: 1087px) {\\n .navbar-menu {\\n background-color: rgb(50, 50, 48);\\n }\\n}\\na.navbar-burger:hover {\\n color: rgb(200, 200, 200);\\n}\\n\\n@media screen and (min-width: 1088px) {\\n .navbar-start {\\n flex-grow: 1;\\n justify-content: center;\\n }\\n}\\n\\n@media screen and (min-width: 1089px) {\\n .navbar-item-only-mobile {\\n display: none;\\n }\\n}\\n\\n@media screen and (min-width: 1089px) {\\n .navbar-dropdown-minwidth {\\n display: block;\\n top: 5px;\\n min-width: 135px;\\n text-align: center;\\n }\\n}\\n\\n@media screen and (min-width: 1089px) {\\n .navbar-dropdown-minwidth:not(.is-multiple):not(.is-loading)::after {\\n top: 20px !important;\\n }\\n}\\n\\n@media screen and (max-width: 1087px) {\\n .navbar-item-brand-mobile-right {\\n position: absolute;\\n top: 10px;\\n right: 45px;\\n }\\n}\\n@media screen and (min-width: 1089px) {\\n .navbar-item-brand-mobile-right {\\n display: none;\\n }\\n}\\n\\n@media screen and (max-width: 1087px) {\\n .navbar.is-fixed-top-pwa {\\n position: fixed;\\n top: 0;\\n left: 0;\\n right: 0;\\n z-index: 30;\\n }\\n}\\n\\n@media screen and (min-width: 768px) {\\n .column h1 {\\n margin-top: 20px;\\n }\\n}\\n\\n#frmEditMultilineText textarea {\\n min-height: 200px;\\n}\\n\\n.banner {\\n width: 100%;\\n height: 250px;\\n background-repeat: no-repeat;\\n background-size: 100% 100%;\\n}\\n@media screen and (max-width: 768px) {\\n .banner {\\n display: none;\\n }\\n}\\n\\n.banner-icon {\\n position: relative;\\n top: 210px;\\n left: 195px;\\n}\\n\\n.banner-icon img {\\n width: 72px;\\n height: 72px;\\n}\\n\\n.banner-accessory {\\n position: relative;\\n top: 172px;\\n right: -83%;\\n}\\n\\n.banner-accessory img {\\n width: 256px;\\n height: 256px;\\n}\\n\\n.content-inner {\\n position: relative;\\n padding: 15px;\\n}\\n\\n.modal {\\n z-index: 105;\\n}\\n\\n.modal-card {\\n color: rgb(150, 150, 150);\\n}\\n\\n.modal-card-head {\\n background-color: rgb(55, 59, 62);\\n border-bottom: 1px solid rgb(59, 59, 59);\\n}\\n\\n.modal-card-title {\\n color: rgb(190, 190, 190);\\n}\\n\\n.modal-card-body {\\n background-color: rgb(48, 52, 55);\\n}\\n\\n.modal-card-body label {\\n color: rgb(150, 150, 150);\\n}\\n\\n.modal-card-body input, .modal-card-body select, .modal-card-body textarea, .modal-card-body table {\\n background-color: rgb(57, 59, 63);\\n color: rgb(150, 150, 150);\\n border: 1px solid rgb(100, 100, 100);\\n}\\n\\n.modal-card-body input::placeholder, .modal-card-body select::placeholder, .modal-card-body textarea::placeholder {\\n color: rgb(250, 250, 250);\\n}\\n\\n.modal-card-body hr {\\n background-color: rgb(100, 100, 100);\\n}\\n\\n.modal-card-foot {\\n background-color: rgb(50, 50, 50);\\n border-top: 1px solid rgb(59, 59, 59);\\n}\\n\\n.fade {\\n transition: opacity 0.65s linear;\\n}\\n\\n.fade-in {\\n opacity: 1;\\n}\\n\\n.fade-out {\\n opacity: 0;\\n}\\n\\n@media screen and (max-width: 1087px) {\\n .app-padding-pwa {\\n padding-top: 65px;\\n padding-bottom: 87px;\\n }\\n}\\n@media screen and (max-width: 768px) {\\n .app-padding-pwa {\\n padding-top: 41px;\\n padding-bottom: 87px;\\n }\\n}\\n\\nfieldset legend {\\n margin-bottom: 5px !important;\\n}\\n\\nfieldset .field {\\n margin-bottom: unset !important;\\n}\\n\\n.legend-title {\\n font-size: 1.2em;\\n margin-bottom: 15px !important;\\n}\\n\\n.notification-badge {\\n color: rgb(255, 255, 255);\\n text-decoration: none;\\n border-radius: 2px;\\n}\\n\\n.notification-badge .notify-badge {\\n padding-top: 4px;\\n padding-bottom: 4px;\\n padding-left: 10px;\\n padding-right: 10px;\\n border-radius: 50%;\\n background: rgba(255, 0, 0, 0.9);\\n color: rgb(255, 255, 255);\\n font-size: 0.8em;\\n}\\n@media screen and (min-width: 1089px) {\\n .notification-badge .notify-badge {\\n position: absolute;\\n right: -7px;\\n top: 4px;\\n }\\n}\\n@media screen and (max-width: 1087px) {\\n .notification-badge .notify-badge {\\n position: relative;\\n right: -2px;\\n top: -10px;\\n }\\n}\\n\\n.notify-badge .notify-badge-count {\\n position: relative;\\n top: -1px;\\n}\\n\\n.dashboard-header {\\n position: relative;\\n}\\n\\n.dashboard-welcome {\\n display: inline-block;\\n}\\n\\n.dashboard-weather {\\n display: inline-block;\\n position: relative;\\n top: 20px;\\n float: right;\\n color: rgb(200, 200, 200);\\n}\\n@media screen and (max-width: 525px) {\\n .dashboard-weather {\\n top: -20px;\\n float: unset;\\n }\\n}\\n\\n.dashboard-weather-content {\\n position: relative;\\n margin-top: 10px;\\n}\\n@media screen and (max-width: 525px) {\\n .dashboard-weather-content {\\n left: -10px;\\n }\\n}\\n\\n.dashboard-weather-left {\\n position: relative;\\n display: inline-block;\\n left: 10px;\\n}\\n@media screen and (max-width: 525px) {\\n .dashboard-weather-left {\\n left: unset;\\n }\\n}\\n\\n.dashboard-weather-right {\\n display: inline-block;\\n position: relative;\\n top: -32px;\\n}\\n@media screen and (max-width: 525px) {\\n .dashboard-weather-right {\\n left: -10px;\\n float: unset;\\n }\\n}\\n\\n.locations {\\n text-align: center;\\n}\\n\\n.locations a {\\n color: rgb(100, 100, 100);\\n}\\n\\n.locations a:hover {\\n color: rgb(100, 100, 100);\\n}\\n\\n.location {\\n position: relative;\\n display: inline-block;\\n width: 245px;\\n min-height: 250px;\\n margin-left: 10px;\\n margin-right: 10px;\\n margin-bottom: 30px;\\n background-color: rgb(55, 59, 62);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n}\\n@media screen and (max-width: 830px) {\\n .location {\\n width: 134px;\\n min-height: 137px;\\n }\\n}\\n\\n.location:hover {\\n box-shadow: 0 0 20px 0 rgba(105, 165, 85, 0.95);\\n}\\n\\n.location-title {\\n text-align: center;\\n font-size: 2em;\\n padding-bottom: 4px;\\n margin-bottom: 20px;\\n background-color: rgba(115, 143, 100, 0.9);\\n color: #c3e4a3;\\n}\\n@media screen and (max-width: 830px) {\\n .location-title {\\n font-size: 1em;\\n padding-top: 2px;\\n padding-bottom: 5px;\\n }\\n}\\n@media screen and (min-width: 831px) {\\n .location-title {\\n padding-bottom: 7px;\\n }\\n}\\n\\n.location-icon {\\n text-align: center;\\n}\\n\\n.location-icon i {\\n color: #99ac97;\\n font-size: 5em;\\n}\\n@media screen and (max-width: 830px) {\\n .location-icon i {\\n font-size: 2em;\\n }\\n}\\n@media screen and (min-width: 831px) {\\n .location-icon i {\\n margin-top: 25px;\\n }\\n}\\n\\n.location-footer {\\n position: relative;\\n bottom: -30px;\\n padding-top: 10px;\\n padding-left: 10px;\\n padding-bottom: 10px;\\n font-size: 0.9em;\\n text-align: left;\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 54, 59);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n}\\n@media screen and (max-width: 830px) {\\n .location-footer {\\n font-size: 0.75em;\\n bottom: -15px;\\n }\\n}\\n\\n.location-footer-count-desktop {\\n display: none;\\n}\\n@media screen and (min-width: 850px) {\\n .location-footer-count-desktop {\\n display: inherit;\\n }\\n}\\n\\n.location-footer-count-mobile {\\n display: none;\\n}\\n@media screen and (max-width: 850px) {\\n .location-footer-count-mobile {\\n display: inherit;\\n }\\n}\\n\\n.upcoming-tasks-overview {\\n position: relative;\\n text-align: center;\\n margin-bottom: 63px;\\n}\\n\\n.upcoming-tasks-overview h3 {\\n padding-top: 25px;\\n font-size: 2em;\\n color: rgb(150, 150, 150);\\n}\\n\\n.upcoming-tasks-overview-items {\\n margin-top: 25px;\\n}\\n\\n.last-added-or-authored-plants {\\n margin-top: 20px;\\n margin-bottom: 40px;\\n margin-left: -20px;\\n margin-right: -20px;\\n padding-bottom: 5px;\\n background-color: rgb(55, 59, 62);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n text-align: center;\\n}\\n\\n.last-added-or-authored-plants h3 {\\n padding-top: 15px;\\n font-size: 2em;\\n color: rgb(150, 150, 150);\\n}\\n\\n.margin-vertical {\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.margin-bottom {\\n margin-bottom: 20px;\\n}\\n\\n.action-strip {\\n position: relative;\\n display: inline-block;\\n}\\n\\n@media screen and (max-width: 1111px) {\\n .action-strip-left {\\n width: 83%;\\n }\\n}\\n\\n.action-strip-right {\\n position: relative;\\n float: right;\\n}\\n\\n.sorting {\\n position: relative;\\n top: 10px;\\n margin-left: 10px;\\n}\\n\\n.sorting-control {\\n position: relative;\\n display: inline-block;\\n margin-bottom: 10px;\\n}\\n\\n.sorting-control select, .sorting-control input[type=text] {\\n color: rgb(200, 200, 200);\\n background-color: rgba(50, 50, 50, 0.9);\\n border: 1px solid rgb(100, 100, 100);\\n margin-right: 5px;\\n}\\n\\n.sorting-control input[type=text] {\\n height: 27px;\\n border-radius: 290486px;\\n padding-left: 1em;\\n}\\n\\n.select:not(.is-multiple):not(.is-loading)::after {\\n border-color: rgb(50, 115, 220) !important;\\n}\\n\\n.plants {\\n margin-top: 30px;\\n}\\n@media screen and (max-width: 552px) {\\n .plants {\\n text-align: center;\\n }\\n}\\n\\n.plants-empty {\\n position: relative;\\n margin-top: 50px;\\n text-align: center;\\n}\\n\\n.plants-empty-image img {\\n width: 256px;\\n height: 256px;\\n}\\n\\n.plants-empty-text {\\n position: relative;\\n top: -20px;\\n color: rgb(150, 150, 150);\\n font-style: italic;\\n font-size: 1.4em;\\n}\\n\\n.plant-card {\\n position: relative;\\n display: inline-block;\\n width: 245px;\\n height: 375px;\\n margin-left: 10px;\\n margin-right: 10px;\\n margin-bottom: 20px;\\n background-repeat: no-repeat;\\n background-size: cover;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);\\n}\\n@media screen and (max-width: 552px) {\\n .plant-card {\\n width: 141px;\\n height: 222px;\\n }\\n}\\n\\n.plant-card:hover {\\n box-shadow: 0 0 20px 0 rgba(105, 165, 85, 0.95);\\n}\\n\\n.plant-card-overlay {\\n width: 100%;\\n height: 100%;\\n background: transparent;\\n border-radius: 10px;\\n}\\n\\n.plant-card-overlay:hover {\\n background-color: rgba(0, 0, 0, 0.05);\\n}\\n\\n.plant-card-title {\\n position: absolute;\\n bottom: 0;\\n z-index: 2;\\n width: 100%;\\n height: 69px;\\n padding-top: 17px;\\n background-color: rgba(0, 0, 0, 0.5);\\n color: rgb(200, 200, 200);\\n text-align: center;\\n font-size: 1.2em;\\n border-bottom-left-radius: 10px;\\n border-bottom-right-radius: 10px;\\n}\\n@media screen and (max-width: 552px) {\\n .plant-card-title {\\n padding-top: 22px;\\n font-size: 0.9em;\\n }\\n}\\n\\n.plant-card-title-with-hint {\\n padding-top: 7px;\\n}\\n\\n.plant-card-title-longtext {\\n padding-top: 5px;\\n padding-left: 5px;\\n padding-right: 5px;\\n}\\n@media screen and (max-width: 552px) {\\n .plant-card-title-longtext {\\n padding-top: 12px;\\n padding-left: 2px;\\n padding-right: 2px;\\n }\\n}\\n\\n.plant-card-title-second {\\n color: rgb(150, 150, 150);\\n font-size: 0.8em;\\n}\\n\\n.plant-card-title-plant-id {\\n position: relative;\\n top: -1px;\\n background-color: rgb(232, 215, 87);\\n color: rgb(10, 10, 10);\\n padding-top: 5px;\\n padding-left: 10px;\\n padding-right: 10px;\\n padding-bottom: 5px;\\n border-radius: 5px;\\n font-size: 0.67em;\\n}\\n\\n.plant-card-sorting {\\n position: absolute;\\n top: 7px;\\n left: 8px;\\n z-index: 2;\\n padding-left: 10px;\\n padding-right: 10px;\\n padding-bottom: 1px;\\n background-color: rgba(240, 65, 205, 0.75);\\n border: 1px solid rgb(255, 80, 230);\\n border-radius: 5px;\\n font-size: 0.76em;\\n color: rgb(250, 250, 250);\\n}\\n\\n.plant-card-health-state, .plant-card-options {\\n position: absolute;\\n top: 7px;\\n right: 8px;\\n z-index: 2;\\n}\\n\\n.plant-card-options {\\n color: rgb(200, 200, 200);\\n}\\n\\n.plant-card-health-state i, .plant-card-options i {\\n background-color: rgba(0, 0, 0, 0.5);\\n padding: 5px;\\n border-radius: 32%;\\n}\\n\\n@media screen and (min-width: 520px) {\\n .plant-column {\\n padding: 20px;\\n }\\n}\\n@media screen and (max-width: 520px) {\\n .plant-column {\\n display: inline-block;\\n width: 100%;\\n padding-left: 15px;\\n padding-right: 15px;\\n }\\n}\\n@media screen and (max-width: 365px) {\\n .plant-column {\\n display: inline-block;\\n padding-left: unset;\\n padding-right: unset;\\n width: 107% !important;\\n }\\n}\\n\\n.plant-column table {\\n width: 80%;\\n color: rgb(200, 200, 200);\\n}\\n@media screen and (max-width: 1471px) {\\n .plant-column table {\\n width: 75%;\\n }\\n}\\n@media screen and (max-width: 925px) {\\n .plant-column table {\\n width: 73%;\\n }\\n}\\n@media screen and (max-width: 786px) {\\n .plant-column table {\\n width: 100%;\\n }\\n}\\n\\n.plant-column table strong {\\n color: rgb(200, 200, 200);\\n}\\n\\n.plant-column thead {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.plant-column table td {\\n border: 1px solid rgb(200, 200, 200);\\n padding: 10px;\\n}\\n\\n.plant-custom-attribute {\\n position: relative;\\n margin-top: 10px;\\n}\\n\\n.plant-custom-attribute a {\\n color: rgb(0, 145, 215);\\n}\\n\\n.plant-custom-attribute a:hover {\\n color: rgb(0, 145, 215);\\n}\\n\\n.plant-custom-attribute-removal {\\n position: relative;\\n top: 10px;\\n float: right;\\n color: rgb(200, 105, 105) !important;\\n}\\n\\n.plant-custom-attribute-removal:hover {\\n color: rgb(200, 105, 105) !important;\\n text-decoration: underline;\\n}\\n\\n.plant-details-title {\\n position: relative;\\n}\\n\\n.plant-details-title h1 {\\n display: inline-block;\\n}\\n\\n.plant-details-title h2 {\\n position: relative;\\n display: inline-block;\\n top: 14px;\\n font-size: 1.5em;\\n color: rgb(100, 100, 100);\\n float: right;\\n}\\n\\n.is-color-yes, .is-color-ok {\\n color: rgb(115, 214, 103);\\n}\\n\\n.is-color-no, .is-color-danger {\\n color: rgb(212, 67, 67);\\n}\\n\\n.is-not-available {\\n color: rgb(100, 100, 100);\\n font-style: italic;\\n}\\n\\n.is-half-percent {\\n width: 50%;\\n}\\n\\n.plant-notes {\\n position: relative;\\n width: 100%;\\n min-width: 300px;\\n min-height: 75px;\\n padding: 10px;\\n color: rgb(200, 200, 200);\\n background-color: rgba(90, 90, 90, 0.5);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n font-size: 1em;\\n border: 1px solid rgb(100, 100, 100);\\n border-left: 3px solid rgb(163, 122, 61);\\n border-radius: 4px;\\n}\\n\\n.plant-notes-content {\\n position: relative;\\n display: inline-block;\\n width: 90%;\\n}\\n\\n.plant-notes-content pre {\\n background-color: inherit;\\n color: inherit;\\n white-space: pre-wrap;\\n word-wrap: break-word;\\n}\\n\\n.plant-notes-content a {\\n color: rgb(111, 185, 235);\\n}\\n\\n.plant-notes-content a:hover {\\n text-decoration: underline;\\n}\\n\\n.plant-notes-edit {\\n position: relative;\\n display: inline-block;\\n float: right;\\n}\\n\\n.plant-photo {\\n position: relative;\\n width: 473px;\\n height: 631px;\\n background-repeat: no-repeat;\\n background-size: cover;\\n float: right;\\n}\\n@media screen and (max-width: 1471px) {\\n .plant-photo {\\n width: 405px;\\n }\\n}\\n@media screen and (max-width: 1279px) {\\n .plant-photo {\\n width: 353px;\\n }\\n}\\n@media screen and (max-width: 935px) {\\n .plant-photo {\\n width: 320px;\\n }\\n}\\n@media screen and (max-width: 768px) {\\n .plant-photo {\\n width: 100%;\\n height: 439px;\\n }\\n}\\n\\n.plant-photo-overlay {\\n width: 100%;\\n height: 45px;\\n background-color: rgba(0, 0, 0, 0.8);\\n}\\n\\n.plant-photo-view {\\n position: absolute;\\n top: 10px;\\n left: 10px;\\n}\\n\\n.plant-photo-edit {\\n position: absolute;\\n top: 10px;\\n left: 40px;\\n}\\n\\n.plant-photo-share {\\n position: absolute;\\n top: 10px;\\n right: 10px;\\n}\\n\\n#share-photo-result {\\n margin-top: 25px;\\n padding: 15px;\\n background-color: rgb(115, 215, 105);\\n border: 1px solid rgb(50, 255, 25);\\n border-radius: 4px;\\n}\\n\\n.plant-photo-edit i, .plant-photo-view i, .plant-photo-share i {\\n color: rgb(200, 200, 200);\\n}\\n\\n.plant-state-in-good-standing {\\n color: rgb(115, 214, 103);\\n}\\n\\n.plant-state-overwatered {\\n color: rgb(54, 105, 201);\\n}\\n\\n.plant-state-withering {\\n color: rgb(156, 115, 67);\\n}\\n\\n.plant-state-infected {\\n color: rgb(205, 111, 205);\\n}\\n\\n.plant-state-pest_infestation {\\n color: rgb(173, 83, 83);\\n}\\n\\n.plant-state-transplant_shock {\\n color: rgb(143, 215, 195);\\n}\\n\\n.plant-state-nutritional_deficiency {\\n color: rgb(175, 125, 155);\\n}\\n\\n.plant-state-sunburn {\\n color: rgb(222, 220, 80);\\n}\\n\\n.plant-state-frostbite {\\n color: rgb(255, 255, 255);\\n}\\n\\n.plant-state-root_rot {\\n color: rgb(123, 130, 102);\\n}\\n\\n.plant-button-group a {\\n position: relative;\\n margin-bottom: 10px;\\n}\\n\\n.plant-warning {\\n margin-top: 10px;\\n margin-bottom: 10px;\\n color: rgb(212, 50, 50);\\n}\\n@media screen and (max-width: 510px) {\\n .plant-warning {\\n margin-bottom: 30px;\\n }\\n}\\n\\n@media screen and (min-width: 795px) {\\n .line-up-frames {\\n display: flex;\\n }\\n}\\n\\n.warning-plants {\\n position: relative;\\n flex: 1;\\n width: 45%;\\n margin-top: -10px;\\n margin-bottom: 45px;\\n margin-right: 5px;\\n margin-left: 10px;\\n padding: 15px 15px 15px 15px;\\n padding-left: 25px;\\n padding-bottom: 20px;\\n background-color: rgb(55, 59, 62);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n border-radius: 4px;\\n}\\n@media screen and (max-width: 796px) {\\n .warning-plants {\\n flex: unset;\\n display: inline-block;\\n width: 100%;\\n }\\n}\\n@media screen and (max-width: 512px) {\\n .warning-plants {\\n padding-left: 15px;\\n margin-left: unset;\\n }\\n}\\n\\n.has-warnings {\\n color: rgb(200, 105, 105) !important;\\n}\\n\\n.is-all-ok {\\n padding-top: 41px;\\n}\\n\\n.table-bright-color {\\n background-color: rgb(63, 70, 75);\\n}\\n\\n.warning-plants-title {\\n margin-top: -2px;\\n margin-bottom: 20px;\\n font-size: 1.3em;\\n color: rgb(200, 200, 200);\\n}\\n\\n.warning-plants-title-no-margin-bottom {\\n margin-bottom: unset;\\n}\\n\\n.warning-plants-title-centered {\\n position: relative;\\n top: 50%;\\n transform: translateY(-50%);\\n text-align: center;\\n margin-top: 2px;\\n}\\n@media screen and (max-width: 753px) {\\n .warning-plants-title-centered {\\n margin-top: 23px;\\n top: unset;\\n transform: unset;\\n }\\n}\\n\\n.warning-plants-content {\\n position: relative;\\n}\\n\\n.warning-plants-content table {\\n width: 100%;\\n}\\n\\n.warning-plants-content thead {\\n display: none;\\n}\\n\\n.warning-plants-content td {\\n color: rgb(150, 150, 150);\\n border: 1px solid rgb(100, 100, 100);\\n padding-top: 5px;\\n padding-left: 5px;\\n padding-right: 5px;\\n padding-bottom: 5px;\\n}\\n\\n.history-years {\\n position: relative;\\n margin-top: 30px;\\n margin-bottom: 40px;\\n margin-left: 10px;\\n}\\n\\n.history-year {\\n position: relative;\\n display: inline-block;\\n margin-right: 5px;\\n margin-bottom: 20px;\\n}\\n\\n.history-year a {\\n padding-top: 5px;\\n padding-bottom: 5px;\\n padding-left: 20px;\\n padding-right: 20px;\\n color: rgb(30, 30, 30);\\n background-color: rgba(200, 200, 200, 0.5);\\n border: 1px solid rgb(150, 150, 150);\\n border-radius: 20px;\\n}\\n\\n.history-year a:hover {\\n color: rgb(30, 30, 30);\\n background-color: rgba(200, 200, 200, 0.7);\\n}\\n\\n.history-year-selected a {\\n color: rgb(30, 30, 30);\\n background-color: rgba(220, 220, 220, 0.95);\\n}\\n\\n.history-year-selected a:hover {\\n color: rgb(30, 30, 30);\\n background-color: rgba(250, 250, 250, 0.95);\\n}\\n\\n.overdue-tasks {\\n position: relative;\\n flex: 1;\\n width: 45%;\\n margin-top: -10px;\\n margin-bottom: 45px;\\n margin-left: 5px;\\n margin-right: 10px;\\n padding-top: 2px;\\n padding-left: 30px;\\n padding-right: 30px;\\n padding-bottom: 20px;\\n background-color: rgb(55, 59, 62);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n border-radius: 4px;\\n}\\n@media screen and (max-width: 796px) {\\n .overdue-tasks {\\n flex: unset;\\n display: inline-block;\\n width: 100%;\\n margin-left: unset;\\n }\\n}\\n@media screen and (max-width: 512px) {\\n .overdue-tasks {\\n padding-left: 15px;\\n padding-right: 2px;\\n }\\n}\\n\\n.overdue-tasks-title {\\n margin-top: 10px;\\n margin-bottom: 20px;\\n font-size: 1.3em;\\n color: rgb(200, 105, 105);\\n}\\n\\n.overdue-tasks-content {\\n position: relative;\\n}\\n\\n.overdue-tasks-content table {\\n width: 100%;\\n}\\n\\n.overdue-tasks-content thead {\\n display: none;\\n}\\n\\n.overdue-tasks-content td {\\n color: rgb(150, 150, 150);\\n border: 1px solid rgb(100, 100, 100);\\n padding-top: 5px;\\n padding-left: 5px;\\n padding-right: 5px;\\n padding-bottom: 5px;\\n}\\n\\n.overdue-tasks-item {\\n color: rgb(150, 150, 150);\\n margin-bottom: 10px;\\n}\\n\\n.log {\\n position: relative;\\n width: 100%;\\n margin-top: 23px;\\n margin-bottom: 45px;\\n padding: 0 15px 15px 15px;\\n border: 1px solid rgb(43, 43, 43);\\n background-color: rgb(50, 54, 59);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n border-radius: 4px;\\n}\\n\\n.log-title {\\n margin-top: 10px;\\n margin-bottom: 10px;\\n font-size: 1.3em;\\n color: rgb(0, 145, 215);\\n}\\n\\n.log-content {\\n max-height: 200px;\\n overflow-y: auto;\\n}\\n\\n.log-item {\\n color: rgb(150, 150, 150);\\n margin-bottom: 10px;\\n}\\n\\n.log-item a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.log-item a:hover {\\n color: rgb(200, 200, 200);\\n}\\n\\n.plant-gallery {\\n position: relative;\\n margin-top: 10px;\\n margin-bottom: 10px;\\n}\\n\\n.plant-gallery-title {\\n margin-bottom: 20px;\\n font-size: 1.5em;\\n color: rgb(150, 150, 150);\\n}\\n\\n.plant-gallery-upload {\\n margin-bottom: 20px;\\n}\\n\\n.plant-gallery-photos {\\n margin-top: 30px;\\n}\\n\\n.plant-gallery-photos strong {\\n color: rgb(100, 100, 100);\\n}\\n\\n.plant-gallery-item {\\n position: relative;\\n display: inline-block;\\n width: 315px;\\n height: auto;\\n margin-left: 10px;\\n margin-right: 10px;\\n margin-bottom: 30px;\\n background-color: rgb(73, 79, 83);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n border-radius: 4px;\\n}\\n\\n.plant-gallery-item-header {\\n padding: 10px;\\n}\\n\\n.plant-gallery-item-header-label {\\n display: inline-block;\\n color: rgb(230, 230, 230);\\n}\\n\\n.plant-gallery-item-header-action {\\n display: inline-block;\\n float: right;\\n}\\n\\n.plant-gallery-item-header-action i.is-action-share, .is-action-edit {\\n color: rgb(200, 200, 200);\\n}\\n\\n.plant-gallery-item-header-action i.is-action-share:hover, i.is-action-edit:hover {\\n color: rgb(220, 220, 220);\\n}\\n\\n.plant-gallery-item-header-action i.is-action-delete {\\n color: rgb(173, 86, 86);\\n}\\n\\n.plant-gallery-item-header-action i.is-action-delete:hover {\\n color: rgb(173, 90, 90);\\n}\\n\\n.plant-gallery-item-photo {\\n position: relative;\\n}\\n\\n.plant-gallery-item-photo-overlay {\\n position: absolute;\\n z-index: 2;\\n width: 100%;\\n height: 97%;\\n}\\n\\n.plant-gallery-item-photo-overlay:hover {\\n background-color: rgba(0, 0, 0, 0.5);\\n}\\n\\n.plant-gallery-item-photo-overlay .plant-gallery-item-photo-image {\\n visibility: hidden;\\n}\\n\\n.plant-gallery-item-photo-overlay:hover .plant-gallery-item-photo-image {\\n visibility: visible;\\n}\\n\\n.plant-gallery-item-footer {\\n position: relative;\\n top: -3px;\\n padding: 10px;\\n color: rgb(135, 135, 135);\\n}\\n\\n.plant-log {\\n position: relative;\\n margin-top: 10px;\\n margin-bottom: 10px;\\n}\\n@media screen and (max-width: 410px) {\\n .plant-log {\\n width: 100%;\\n overflow-x: auto;\\n }\\n}\\n\\n.plant-log-title {\\n margin-bottom: 20px;\\n font-size: 1.5em;\\n color: rgb(150, 150, 150);\\n}\\n\\n.plant-log table {\\n width: 100%;\\n}\\n\\n.plant-log strong {\\n color: rgb(100, 100, 100);\\n}\\n\\n.plant-log-action {\\n margin-top: 20px;\\n}\\n\\n.plant-log-paginate {\\n position: relative;\\n}\\n\\n.plant-log-paginate td {\\n text-align: center;\\n}\\n\\n.plant-log-paginate a {\\n color: rgb(0, 145, 215);\\n}\\n\\n.plant-log-paginate a:hover {\\n color: rgb(0, 145, 215);\\n text-decoration: underline;\\n}\\n\\n.location-log {\\n position: relative;\\n margin-top: 10px;\\n margin-bottom: 10px;\\n}\\n@media screen and (max-width: 410px) {\\n .location-log {\\n width: 100%;\\n overflow-x: auto;\\n }\\n}\\n\\n.location-log-title {\\n margin-bottom: 20px;\\n font-size: 1.5em;\\n color: rgb(150, 150, 150);\\n}\\n\\n.location-log table {\\n width: 100%;\\n color: rgb(200, 200, 200);\\n}\\n\\n.location-log table strong {\\n color: rgb(200, 200, 200);\\n}\\n\\n.location-log thead {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.location-log table td {\\n border: 1px solid rgb(200, 200, 200);\\n padding: 10px;\\n}\\n\\n.location-log strong {\\n color: rgb(100, 100, 100);\\n}\\n\\n.location-log-action {\\n margin-top: 20px;\\n}\\n\\n.location-log-paginate {\\n position: relative;\\n}\\n\\n.location-log-paginate td {\\n text-align: center;\\n}\\n\\n.location-log-paginate a {\\n color: rgb(0, 145, 215);\\n}\\n\\n.location-log-paginate a:hover {\\n color: rgb(0, 145, 215);\\n text-decoration: underline;\\n}\\n\\n.share-log-action {\\n margin-top: 20px;\\n}\\n\\n.share-log-paginate {\\n position: relative;\\n}\\n\\n.share-log-paginate td {\\n text-align: center;\\n}\\n\\n.share-log-paginate a {\\n color: rgb(0, 145, 215);\\n}\\n\\n.share-log-paginate a:hover {\\n color: rgb(0, 145, 215);\\n text-decoration: underline;\\n}\\n\\n.stats {\\n position: relative;\\n margin-top: 10px;\\n margin-bottom: 25px;\\n text-align: center;\\n}\\n\\n.stats-item {\\n position: relative;\\n display: inline-block;\\n width: 243.9px;\\n height: 130px;\\n margin-left: 12px;\\n margin-right: 12px;\\n margin-bottom: 20px;\\n padding: 20px;\\n background-color: rgb(55, 59, 62);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n border-radius: 4px;\\n border-left: 2px solid rgb(159, 165, 45);\\n}\\n@media screen and (max-width: 512px) {\\n .stats-item {\\n width: 135px;\\n }\\n}\\n\\n.stats-item-count {\\n color: rgb(250, 250, 250);\\n font-size: 2em;\\n text-align: center;\\n}\\n\\n.stats-item-label {\\n color: rgb(200, 200, 200);\\n font-size: 1.4em;\\n text-align: center;\\n}\\n\\n.plant-tags {\\n position: relative;\\n}\\n\\n.plant-tags-content {\\n position: relative;\\n display: inline-block;\\n width: 90%;\\n}\\n\\n.plant-tags-edit {\\n position: relative;\\n display: inline-block;\\n float: right;\\n}\\n\\n.plant-tags-item {\\n position: relative;\\n display: inline-block;\\n min-width: 125px;\\n padding-left: 10px;\\n padding-right: 10px;\\n padding-top: 5px;\\n padding-bottom: 9px;\\n margin-left: 5px;\\n margin-right: 5px;\\n margin-bottom: 16px;\\n text-align: center;\\n background-color: rgba(123, 123, 123, 0.3);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n border-radius: 10px;\\n}\\n\\n.plant-tags-item:hover {\\n background-color: rgba(150, 150, 150, 0.5);\\n}\\n\\n.plant-tags-item a {\\n color: rgb(190, 190, 190);\\n}\\n\\n.plant-tags-item a:hover {\\n color: rgb(230, 230, 230);\\n}\\n\\n.tasks {\\n margin-bottom: 50px;\\n}\\n\\n.task {\\n position: relative;\\n display: inline-block;\\n width: 45%;\\n height: auto;\\n margin-left: 10px;\\n margin-right: 10px;\\n margin-bottom: 29px;\\n background-color: rgb(55, 59, 62);\\n border: 1px solid rgb(80, 80, 80);\\n border-radius: 4px;\\n}\\n@media screen and (max-width: 580px) {\\n .task {\\n width: 95%;\\n }\\n}\\n\\n.task-header {\\n position: relative;\\n width: 100%;\\n height: 50px;\\n padding: 10px;\\n border-top-left-radius: 4px;\\n border-top-right-radius: 4px;\\n background-color: rgb(25, 25, 25);\\n}\\n\\n.task-header-title {\\n position: relative;\\n display: inline-block;\\n font-size: 1.2em;\\n color: rgb(200, 200, 200);\\n}\\n\\n.task-header-title span {\\n color: rgb(100, 100, 100);\\n}\\n\\n.task-header-action {\\n position: relative;\\n display: inline-block;\\n float: right;\\n}\\n\\n.task-header-action a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.task-description {\\n position: relative;\\n height: 150px;\\n margin-bottom: 43px;\\n padding: 10px;\\n font-size: 1em;\\n color: rgb(150, 150, 150);\\n overflow-y: auto;\\n}\\n\\n.task-description pre {\\n background-color: inherit;\\n color: inherit;\\n white-space: pre-wrap;\\n word-wrap: break-word;\\n}\\n\\n.task-footer {\\n position: absolute;\\n bottom: 0;\\n padding: 10px;\\n width: 100%;\\n background-color: rgb(10, 10, 10);\\n border-bottom-left-radius: 4px;\\n border-bottom-right-radius: 4px;\\n font-size: 0.8em;\\n}\\n\\n.task-footer-date {\\n position: relative;\\n display: inline-block;\\n width: 43%;\\n}\\n\\n.task-footer-due {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.is-task-overdue {\\n color: rgb(212, 50, 50);\\n}\\n\\n.task-footer-action {\\n position: relative;\\n display: inline-block;\\n float: right;\\n}\\n\\n.task-footer-action a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.tasks-all-done {\\n position: relative;\\n margin-top: 30px;\\n text-align: center;\\n}\\n\\n.tasks-all-done-image img {\\n width: 256px;\\n height: 256px;\\n}\\n\\n.tasks-all-done-text {\\n color: rgb(120, 215, 105);\\n font-size: 2em;\\n}\\n\\n.inventory {\\n margin-bottom: 50px;\\n}\\n\\n.inventory-item-group {\\n position: relative;\\n width: 100%;\\n padding-left: 10px;\\n padding-right: 10px;\\n padding-top: 5px;\\n padding-bottom: 5px;\\n background-color: rgba(200, 200, 200, 0.76);\\n border: 1px solid rgb(90, 90, 90);\\n}\\n\\n.inventory-item {\\n position: relative;\\n width: 100%;\\n padding-left: 10px;\\n padding-right: 10px;\\n padding-top: 5px;\\n padding-bottom: 5px;\\n background-color: rgba(50, 50, 50, 0.76);\\n border: 1px solid rgb(90, 90, 90);\\n}\\n\\n.inventory-item-header {\\n position: relative;\\n}\\n\\n.inventory-item-name {\\n position: relative;\\n display: inline-block;\\n min-width: 50%;\\n}\\n\\n.inventory-item-name span {\\n color: rgb(100, 100, 100);\\n}\\n\\n.inventory-item-name a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.inventory-item-name a:hover {\\n color: rgb(150, 150, 150);\\n}\\n\\n.inventory-item-amount {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.inventory-item-amount i {\\n color: rgb(150, 150, 150);\\n}\\n\\n.inventory-item-amount span {\\n color: rgb(215, 215, 215);\\n}\\n\\n.is-inventory-item-empty {\\n color: rgb(212, 50, 50) !important;\\n}\\n\\n.inventory-item-actions {\\n position: relative;\\n display: inline-block;\\n float: right;\\n}\\n\\n.inventory-item-actions i {\\n color: rgb(100, 100, 100);\\n}\\n\\n.inventory-item-body {\\n position: relative;\\n height: 0;\\n opacity: 0;\\n overflow: hidden;\\n -webkit-transition: opacity 1s ease-out;\\n -moz-transition: opacity 1s ease-out;\\n transition: opacity 1s ease-out;\\n}\\n\\n.inventory-item-body.expand {\\n height: auto;\\n opacity: 1;\\n}\\n\\n.inventory-item-description {\\n position: relative;\\n color: rgb(130, 130, 130);\\n margin-top: 10px;\\n margin-bottom: 10px;\\n}\\n\\n.inventory-item-description pre {\\n background-color: inherit;\\n color: inherit;\\n white-space: normal;\\n}\\n\\n.inventory-item-photo {\\n position: relative;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.inventory-item-footer {\\n position: relative;\\n color: rgb(120, 120, 120);\\n margin-top: 10px;\\n}\\n\\n.inventory-item-location {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.inventory-item-author {\\n position: relative;\\n display: inline-block;\\n float: right;\\n}\\n\\n.inventory-groups {\\n width: 100%;\\n}\\n\\n.inventory-groups thead td {\\n color: rgb(150, 150, 150);\\n}\\n\\n.inventory-groups.table td {\\n border: 1px solid rgb(100, 100, 100);\\n}\\n\\n.inventory-groups a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.inventory-groups a:hover {\\n color: rgb(150, 150, 150);\\n text-decoration: underline;\\n}\\n\\n.calendar-add {\\n position: relative;\\n margin-top: 40px;\\n margin-bottom: 25px;\\n}\\n\\n.calendar-add a {\\n width: 200px;\\n}\\n\\n.calendar-menu {\\n position: relative;\\n}\\n\\n.calendar-menu span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.calendar-input {\\n padding: 8px;\\n color: rgb(250, 250, 250);\\n background-color: rgb(50, 50, 50);\\n border: 1px solid rgb(100, 100, 100);\\n border-radius: 5px;\\n}\\n\\n.calendar-content {\\n position: relative;\\n margin-top: 30px;\\n}\\n\\n.calendar-link-removal {\\n position: relative;\\n top: 10px;\\n float: right;\\n color: rgb(200, 105, 105);\\n}\\n\\n.calendar-link-removal:hover {\\n color: rgb(200, 105, 105);\\n text-decoration: underline;\\n}\\n\\n.calendar-view {\\n position: relative;\\n margin-top: 10px;\\n margin-bottom: 59px;\\n}\\n\\n.calendar-view h3 {\\n color: rgb(150, 150, 150);\\n font-size: 2em;\\n padding-bottom: 10px;\\n}\\n\\n.weather-forecast {\\n position: relative;\\n margin-top: 40px;\\n}\\n@media screen and (max-width: 768px) {\\n .weather-forecast {\\n width: 100%;\\n overflow-x: scroll;\\n white-space: nowrap;\\n }\\n}\\n\\n.weather-header {\\n position: relative;\\n margin-bottom: 20px;\\n}\\n\\n.weather-header-item {\\n position: relative;\\n display: inline-block;\\n margin-left: 15px;\\n margin-right: 15px;\\n padding-top: 10px;\\n padding-left: 10px;\\n padding-right: 10px;\\n padding-bottom: 10px;\\n color: rgb(150, 150, 150);\\n text-align: center;\\n background-color: rgb(100, 100, 100);\\n border-radius: 5px;\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\\n}\\n\\n.weather-header-item strong {\\n color: rgb(200, 200, 200);\\n}\\n\\n.weather-day {\\n position: relative;\\n display: inline-block;\\n margin-left: 10px;\\n margin-right: 10px;\\n padding-left: 10px;\\n padding-right: 10px;\\n}\\n\\n.weather-day-data {\\n position: relative;\\n text-align: center;\\n margin-bottom: 50px;\\n}\\n\\n.weather-day-data-title {\\n position: relative;\\n color: rgb(200, 200, 200);\\n font-weight: bold;\\n}\\n\\n.weather-day-data-icon {\\n position: relative;\\n}\\n\\n.weather-day-data-attribute {\\n position: relative;\\n color: rgb(150, 150, 150);\\n}\\n\\n.is-weather-fill-data {\\n color: rgb(100, 100, 100);\\n}\\n\\n.chat-message {\\n position: relative;\\n width: 90%;\\n padding: 15px;\\n margin-bottom: 20px;\\n background-color: rgba(200, 200, 200, 0.5);\\n border-radius: 10px;\\n}\\n\\n.chat-message-right {\\n margin-left: 10%;\\n background-color: rgba(115, 143, 100, 0.9);\\n}\\n\\n.chat-message-user {\\n position: relative;\\n font-size: 1.2em;\\n margin-bottom: 10px;\\n}\\n\\n.chat-message-new {\\n position: relative;\\n display: inline-block;\\n background-color: rgb(212, 130, 67);\\n border: 1px solid rgb(92, 64, 25);\\n color: rgb(250, 250, 250);\\n border-radius: 4px;\\n padding: 5px;\\n font-size: 0.5em;\\n text-transform: uppercase;\\n float: right;\\n}\\n\\n.chat-message-content {\\n position: relative;\\n}\\n\\n.chat-message-content pre {\\n background-color: transparent;\\n color: rgb(255, 255, 255);\\n}\\n\\n.chat-message-info {\\n position: relative;\\n margin-top: 10px;\\n font-size: 0.76em;\\n color: rgb(155, 155, 155);\\n}\\n\\n.chat-typing-indicator {\\n display: none;\\n background-color: rgba(50, 50, 50, 0.5);\\n}\\n\\n.chat-typing-indicator.visible {\\n display: block;\\n}\\n\\n.chat-user-list {\\n position: relative;\\n margin-top: 10px;\\n margin-bottom: 23px;\\n color: rgb(92, 255, 0);\\n}\\n\\n.system-message {\\n position: relative;\\n background-color: rgb(205, 202, 165);\\n border-radius: 10px;\\n padding: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.system-message-left {\\n position: relative;\\n display: inline-block;\\n width: 93%;\\n}\\n@media screen and (max-width: 1000px) {\\n .system-message-left {\\n width: 80%;\\n }\\n}\\n\\n.system-message-left-new {\\n top: -3px;\\n}\\n\\n.system-message-right {\\n position: relative;\\n display: inline-block;\\n top: 3px;\\n}\\n@media screen and (max-width: 520px) {\\n .system-message-right {\\n top: 55px;\\n vertical-align: top;\\n right: -25px;\\n }\\n}\\n\\n.system-message-context {\\n position: relative;\\n display: inline-block;\\n top: -1px;\\n font-size: 0.9em;\\n font-weight: bold;\\n}\\n\\n.system-message-content {\\n position: relative;\\n display: inline-block;\\n}\\n@media screen and (max-width: 768px) {\\n .system-message-content {\\n margin-top: 10px;\\n }\\n}\\n\\n.system-message-content a {\\n color: rgb(135, 75, 5);\\n}\\n\\n.system-message-content a:hover {\\n color: rgb(135, 75, 5);\\n text-decoration: underline;\\n}\\n\\n@media screen and (max-width: 768px) {\\n .system-message-new {\\n top: -58px;\\n }\\n}\\n\\n#small-system-messages {\\n position: fixed;\\n z-index: 3;\\n top: 55px;\\n}\\n@media screen and (max-width: 512px) {\\n #small-system-messages {\\n width: 100%;\\n }\\n}\\n\\n.system-message-small {\\n position: relative;\\n top: 12px;\\n left: 12px;\\n background-color: rgb(205, 202, 165);\\n border-radius: 10px;\\n border: 1px solid rgb(250, 250, 250);\\n padding: 20px;\\n margin-bottom: 10px;\\n}\\n@media screen and (max-width: 512px) {\\n .system-message-small {\\n width: 100%;\\n left: 0;\\n }\\n}\\n\\n.system-message-small-context {\\n font-weight: bold;\\n}\\n\\n.system-message-small-content a {\\n color: rgb(135, 75, 5);\\n}\\n\\n.system-message-small-content a:hover {\\n color: rgb(135, 75, 5);\\n text-decoration: underline;\\n}\\n\\n.scroll-to-top {\\n position: fixed;\\n z-index: 102;\\n bottom: 12px;\\n right: 12px;\\n}\\n\\n.scroll-to-top-inner {\\n background-color: rgb(80, 80, 80);\\n border-radius: 50%;\\n padding: 12px;\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\\n}\\n\\n.scroll-to-top-inner a {\\n color: rgb(200, 200, 200);\\n}\\n\\n.auth-main {\\n width: 100%;\\n height: 100%;\\n background-repeat: no-repeat;\\n background-size: cover;\\n}\\n\\n.auth-overlay {\\n width: 100%;\\n height: 100%;\\n background-color: rgba(0, 0, 0, 0.5);\\n}\\n\\n.auth-content {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n text-align: center;\\n padding: 20px;\\n}\\n\\n.auth-header {\\n position: relative;\\n margin-bottom: 20px;\\n}\\n\\n.auth-header img {\\n position: relative;\\n width: 128px;\\n height: 128px;\\n border-radius: 50%;\\n}\\n\\n.auth-header h1 {\\n font-size: 2.5em;\\n font-family: Quicksand, Verdana, Geneva, Tahoma, sans-serif;\\n font-weight: bold;\\n color: rgb(150, 150, 150);\\n}\\n\\n.auth-info {\\n position: relative;\\n margin-bottom: 43px;\\n}\\n\\n.auth-info-error {\\n color: rgb(154, 73, 69);\\n}\\n\\n.auth-info-success {\\n color: rgb(69, 154, 83);\\n}\\n\\n.auth-form {\\n position: relative;\\n}\\n\\n.auth-form input[type=email], .auth-form input[type=password] {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.auth-form input[type=email]::placeholder, .auth-form input[type=password]::placeholder {\\n color: rgb(200, 200, 200);\\n}\\n\\n.auth-form input[type=submit] {\\n width: 100%;\\n}\\n\\n.auth-help {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.auth-help a {\\n color: rgb(54, 105, 203);\\n}\\n\\n.auth-help a:hover {\\n color: rgb(54, 105, 203);\\n text-decoration: underline;\\n}\\n\\n.reset-main {\\n width: 100%;\\n height: 100%;\\n background-repeat: no-repeat;\\n background-size: cover;\\n}\\n\\n.reset-overlay {\\n width: 100%;\\n height: 100%;\\n background-color: rgba(0, 0, 0, 0.5);\\n}\\n\\n.reset-content {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n text-align: center;\\n padding: 20px;\\n}\\n\\n.reset-content h1 {\\n margin-bottom: 30px;\\n line-height: 1;\\n}\\n\\n.reset-info {\\n position: relative;\\n margin-bottom: 43px;\\n}\\n\\n.reset-info-error {\\n color: rgb(154, 73, 69);\\n}\\n\\n.reset-info-success {\\n color: rgb(69, 154, 83);\\n}\\n\\n.reset-form {\\n position: relative;\\n}\\n\\n.reset-form input[type=email], .reset-form input[type=password] {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.reset-form input[type=email]::placeholder, .reset-form input[type=password]::placeholder {\\n color: rgb(200, 200, 200);\\n}\\n\\n.reset-form input[type=submit] {\\n width: 100%;\\n}\\n\\n.preferences-header {\\n position: relative;\\n}\\n\\n.preferences-header i {\\n color: rgb(150, 150, 150);\\n}\\n\\n.profile-shared-photos table {\\n width: 100%;\\n}\\n\\n.profile-shared-photos thead {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.profile-shared-photos thead:hover {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.profile-shared-photos td {\\n padding: 10px;\\n color: rgb(150, 150, 150);\\n border: 1px solid rgb(200, 200, 200);\\n}\\n\\n.profile-shared-photos td a {\\n color: rgb(111, 143, 225);\\n}\\n\\n.profile-shared-photos td a:hover {\\n color: rgb(111, 143, 225);\\n text-decoration: underline;\\n}\\n\\n.profile-shared-photos td i {\\n color: rgb(150, 150, 150);\\n}\\n\\n.profile-shared-photos td i:hover {\\n color: rgb(150, 150, 150);\\n}\\n\\n.profile-shared-photos td:last-child {\\n width: 5%;\\n text-align: center;\\n}\\n\\n.admin-tabs {\\n margin-top: 23px;\\n}\\n\\n.admin-tabs a {\\n color: rgb(200, 200, 200);\\n}\\n\\n.admin-tabs a:hover {\\n color: rgb(230, 230, 230);\\n border-bottom-color: rgb(111, 172, 243);\\n}\\n\\n.admin-environment {\\n position: relative;\\n}\\n\\n.admin-environment h2 {\\n margin-top: 20px;\\n margin-bottom: 10px;\\n}\\n\\n.admin-environment label, .admin-environment span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-environment input, .admin-environment select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-media {\\n position: relative;\\n width: 100%;\\n}\\n\\n.admin-media h2 {\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.admin-media label {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-media input, .admin-backup input {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-media input[type=submit] {\\n margin-top: 10px;\\n margin-bottom: 20px;\\n}\\n\\n.admin-users {\\n position: relative;\\n width: 100%;\\n}\\n\\n.admin-users h2 {\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.admin-users-list {\\n position: relative;\\n}\\n\\n.admin-user-account {\\n position: relative;\\n margin-bottom: 15px;\\n}\\n\\n.admin-user-account label, .admin-user-account span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-user-account input, .admin-user-account select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-user-account-item {\\n position: relative;\\n display: inline-block;\\n margin-left: 5px;\\n margin-right: 5px;\\n}\\n\\n.admin-user-account-item-input {\\n width: 30%;\\n}\\n\\n.admin-user-account-actions {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.admin-user-account-item-centered {\\n text-align: center;\\n}\\n\\n.admin-user-account-action-item {\\n position: relative;\\n}\\n\\n.admin-users-created-password {\\n position: relative;\\n color: rgb(220, 220, 220);\\n background-color: rgb(180, 103, 0);\\n border: 1px solid rgb(245, 185, 105);\\n border-radius: 10px;\\n padding: 20px;\\n}\\n\\n.admin-users-created-password strong {\\n color: rgb(250, 250, 250);\\n}\\n\\n.admin-users-actions {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.admin-locations {\\n position: relative;\\n width: 100%;\\n}\\n\\n.admin-locations h2 {\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.admin-locations-list {\\n position: relative;\\n}\\n\\n.admin-location {\\n position: relative;\\n margin-bottom: 15px;\\n}\\n\\n.admin-location label, .admin-location span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-location input {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-location-item {\\n position: relative;\\n display: inline-block;\\n margin-left: 5px;\\n margin-right: 5px;\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-location-item-input {\\n width: 30%;\\n}\\n\\n.admin-location-actions {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.admin-location-item-centered {\\n text-align: center;\\n}\\n\\n.admin-location-action-item {\\n position: relative;\\n}\\n\\n.admin-locations-actions {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.admin-auth {\\n position: relative;\\n}\\n\\n.admin-auth h2 {\\n margin-top: 20px;\\n margin-bottom: 10px;\\n}\\n\\n.admin-auth label, .admin-auth span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-auth input, .admin-auth textarea {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-auth-warning {\\n position: relative;\\n display: none;\\n padding: 20px;\\n margin-top: 30px;\\n margin-bottom: 25px;\\n color: rgb(250, 250, 250);\\n background-color: rgba(202, 102, 102, 0.76);\\n border: 1px solid rgb(235, 150, 150);\\n border-radius: 5px;\\n}\\n\\n.admin-auth-caution {\\n position: relative;\\n display: none;\\n padding: 20px;\\n margin-top: 30px;\\n margin-bottom: 25px;\\n color: rgb(250, 250, 250);\\n background-color: rgba(255, 220, 87, 0.5);\\n border: 1px solid rgb(255, 220, 87);\\n border-radius: 5px;\\n}\\n\\n.admin-attribute-schema-list {\\n position: relative;\\n}\\n\\n.admin-attribute-schema {\\n position: relative;\\n margin-bottom: 15px;\\n}\\n\\n.admin-attribute-schema label, .admin-attribute-schema span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-attribute-schema input, .admin-attribute-schema select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-attribute-schema-item {\\n position: relative;\\n display: inline-block;\\n margin-left: 5px;\\n margin-right: 5px;\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-attribute-schema-item-input {\\n width: 30%;\\n}\\n\\n.admin-attribute-schema-actions {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.admin-attribute-schema-item-centered {\\n text-align: center;\\n}\\n\\n.admin-attribute-schema-action-item {\\n position: relative;\\n}\\n\\n.admin-attribute-schema-actions {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.admin-attributes {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-attributes p {\\n color: rgb(150, 150, 150);\\n margin-bottom: 30px;\\n}\\n\\n.admin-bulk-commands-list {\\n position: relative;\\n}\\n\\n.admin-bulk-command {\\n position: relative;\\n margin-bottom: 15px;\\n}\\n\\n.admin-bulk-command label, .admin-bulk-command span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-bulk-command input, .admin-bulk-command select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-bulk-command-item {\\n position: relative;\\n display: inline-block;\\n margin-left: 5px;\\n margin-right: 5px;\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-bulk-command-item-input {\\n width: 30%;\\n}\\n\\n.admin-bulk-command-actions {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.admin-bulk-command-item-centered {\\n text-align: center;\\n}\\n\\n.admin-bulk-command-action-item {\\n position: relative;\\n}\\n\\n.admin-bulk-command-actions {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.admin-bulk-command-actions {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.admin-calendar-classes {\\n position: relative;\\n width: 100%;\\n}\\n\\n.admin-calendar-classes h2 {\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.admin-calendar-classes-list {\\n position: relative;\\n}\\n\\n.admin-calendar-class {\\n position: relative;\\n margin-bottom: 15px;\\n}\\n\\n.admin-calendar-class label, .admin-calendar-class span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-calendar-class input {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-calendar-class-item {\\n position: relative;\\n display: inline-block;\\n margin-left: 5px;\\n margin-right: 5px;\\n}\\n\\n.admin-calendar-class-item-input {\\n width: 30%;\\n}\\n\\n.admin-calendar-class-actions {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.admin-calendar-class-item-centered {\\n text-align: center;\\n}\\n\\n.admin-calendar-class-action-item {\\n position: relative;\\n}\\n\\n.admin-calendar-classes-actions {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.admin-mail {\\n position: relative;\\n}\\n\\n.admin-mail h2 {\\n margin-top: 20px;\\n margin-bottom: 10px;\\n}\\n\\n.admin-mail label, .admin-mail span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-mail input, .admin-mail select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-themes p {\\n color: rgb(150, 150, 150);\\n margin-bottom: 30px;\\n font-size: 1.2em;\\n}\\n\\n.admin-themes input, .admin-themes select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-themes-result {\\n position: relative;\\n padding: 10px;\\n border-radius: 5px;\\n border: 1px solid rgb(255, 255, 255);\\n background-color: rgb(185, 255, 164);\\n}\\n\\n.admin-themes-result i {\\n color: rgb(50, 50, 50);\\n}\\n\\n.admin-themes-list {\\n position: relative;\\n}\\n\\n.admin-themes-list table {\\n width: 100%;\\n}\\n\\n.admin-themes-list thead {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.admin-themes-list thead:hover {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.admin-themes-list td {\\n padding: 10px;\\n color: rgb(150, 150, 150);\\n border: 1px solid rgb(200, 200, 200);\\n}\\n\\n.admin-themes-list td i {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-themes-list td i:hover {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-theme-list-right {\\n width: 5%;\\n text-align: center;\\n}\\n\\n.admin-backup label, .admin-backup span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-backup-result {\\n position: relative;\\n padding: 10px;\\n border-radius: 5px;\\n border: 1px solid rgb(255, 255, 255);\\n background-color: rgb(185, 255, 164);\\n}\\n\\n.admin-backup-result i {\\n color: rgb(50, 50, 50);\\n}\\n\\n.admin-backup-result a {\\n color: rgb(15, 150, 43);\\n}\\n\\n.admin-backup-result a:hover {\\n color: rgb(15, 150, 43);\\n text-decoration: underline;\\n}\\n\\n.admin-weather label, .admin-weather span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-weather input, .admin-weather select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-api p {\\n color: rgb(150, 150, 150);\\n margin-bottom: 30px;\\n font-size: 1.2em;\\n}\\n\\n.admin-api table {\\n width: 100%;\\n margin-top: 15px;\\n color: rgb(200, 200, 200);\\n}\\n\\n.admin-api table strong {\\n color: rgb(200, 200, 200);\\n}\\n\\n.admin-api thead {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.admin-api table td {\\n border: 1px solid rgb(200, 200, 200);\\n padding: 10px;\\n}\\n\\n.admin-api table td a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-api table td a:hover {\\n color: rgb(200, 200, 200);\\n}\\n\\n.admin-api table td:last-child {\\n width: 5%;\\n text-align: center;\\n}\\n\\n.admin-info {\\n position: relative;\\n}\\n\\n.admin-info-version {\\n color: rgb(200, 200, 200);\\n font-size: 1.5em;\\n}\\n\\n.admin-info-version-smaller {\\n color: rgb(150, 150, 150);\\n font-size: 0.76em;\\n}\\n\\n.admin-info-support {\\n position: relative;\\n margin-top: 43px;\\n}\\n\\n.admin-info-support a {\\n width: 465px;\\n}\\n@media screen and (max-width: 495px) {\\n .admin-info-support a {\\n width: 100%;\\n height: 50px;\\n font-size: 1.4em;\\n }\\n}\\n\\n.admin-info-sponsor {\\n position: relative;\\n margin-top: 15px;\\n margin-bottom: 15px;\\n}\\n\\n.admin-info-sponsor a {\\n width: 465px;\\n background-color: rgb(30, 150, 183) !important;\\n}\\n@media screen and (max-width: 495px) {\\n .admin-info-sponsor a {\\n width: 100%;\\n height: 50px;\\n font-size: 1.4em;\\n }\\n}\\n\\n.admin-info-sponsor a:hover {\\n background-color: rgb(35, 167, 202) !important;\\n}\\n\\n.admin-info-sponsor i {\\n color: rgb(205, 50, 50);\\n}\\n\\n.admin-info-sponsor i:hover {\\n color: rgb(205, 50, 50);\\n}\\n\\n.admin-info-donation {\\n position: relative;\\n margin-top: 15px;\\n margin-bottom: 15px;\\n}\\n\\n.admin-info-donation a {\\n width: 465px;\\n background-color: rgb(170, 135, 85) !important;\\n}\\n@media screen and (max-width: 495px) {\\n .admin-info-donation a {\\n width: 100%;\\n height: 50px;\\n font-size: 1.4em;\\n }\\n}\\n\\n.admin-info-donation a:hover {\\n background-color: rgb(195, 150, 95) !important;\\n}\\n\\n.admin-info-donation i {\\n color: rgb(90, 67, 10);\\n}\\n\\n.admin-info-donation i:hover {\\n color: rgb(90, 67, 10);\\n}\\n\\n.admin-info-social {\\n position: relative;\\n margin-top: 15px;\\n margin-bottom: 35px;\\n}\\n\\n.admin-info-social img {\\n width: 152px;\\n height: 35px;\\n}\\n@media screen and (max-width: 495px) {\\n .admin-info-social img {\\n width: 32%;\\n height: 30px;\\n }\\n}\\n\\n.admin-info-extensions {\\n position: relative;\\n}\\n\\n.admin-info-extensions h3 {\\n color: rgb(200, 200, 200);\\n font-size: 1.4em;\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.admin-info-extensions a {\\n color: rgb(0, 145, 215);\\n}\\n\\n.admin-info-extensions a:hover {\\n color: rgb(0, 145, 215);\\n text-decoration: underline;\\n}\\n\\n.admin-info-extensions table {\\n width: 100%;\\n margin-top: 15px;\\n color: rgb(200, 200, 200);\\n}\\n\\n.admin-info-extensions table strong {\\n color: rgb(200, 200, 200);\\n}\\n\\n.admin-info-extensions thead {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.admin-info-extensions table td {\\n border: 1px solid rgb(200, 200, 200);\\n padding: 10px;\\n}\\n\\n.admin-info-extensions table td:first-child {\\n width: 10%;\\n}\\n\\n.version-check {\\n position: relative;\\n margin-top: 30px;\\n}\\n\\n.version-info {\\n position: relative;\\n padding: 20px;\\n margin-top: 30px;\\n color: rgb(250, 250, 250);\\n background-color: rgba(102, 202, 160, 0.76);\\n border: 1px solid rgb(150, 235, 200);\\n border-radius: 10px;\\n}\\n\\n.version-info a {\\n color: rgb(132, 255, 123);\\n font-weight: bold;\\n}\\n\\n.version-info a:hover {\\n color: rgb(132, 255, 123);\\n text-decoration: underline;\\n}\\n\\n.bottomnav {\\n position: fixed;\\n bottom: 0;\\n width: 100%;\\n height: 70px;\\n z-index: 100;\\n padding-left: 5px;\\n padding-right: 5px;\\n background-color: rgb(30, 30, 30);\\n}\\n@media screen and (min-width: 1087px) {\\n .bottomnav {\\n display: none;\\n }\\n}\\n\\n.bottomnav-items {\\n position: relative;\\n display: block;\\n top: 10px;\\n width: 100%;\\n height: 100%;\\n margin-left: auto;\\n margin-right: auto;\\n text-align: center;\\n}\\n\\n.bottomnav-item {\\n position: relative;\\n display: inline-block;\\n width: 65px;\\n height: 50px;\\n margin-top: 6px;\\n color: rgb(150, 150, 150);\\n text-align: center;\\n font-size: 0.8em;\\n}\\n\\n.bottomnav-item a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.bottomnav-item a:hover {\\n color: rgb(200, 200, 200);\\n text-decoration: none;\\n}\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://asatruphp/./app/resources/sass/app.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/*\\n app.scss\\n*/\\nhtml, body {\\n width: 100%;\\n height: 100%;\\n padding: 0;\\n margin: 0;\\n background-color: rgb(48, 52, 55);\\n}\\n\\nbody {\\n overflow-x: hidden;\\n}\\n\\n.is-image-container {\\n background-repeat: no-repeat;\\n background-size: cover;\\n padding: unset;\\n}\\n\\n.column-overlay {\\n width: 100%;\\n height: 100%;\\n padding: 20px;\\n background-color: rgba(0, 0, 0, 0.5);\\n}\\n\\nh1 {\\n font-size: 2.5em;\\n color: rgb(250, 250, 250);\\n}\\n\\nh2 {\\n font-size: 2em;\\n margin-bottom: 30px;\\n color: rgb(200, 200, 200);\\n}\\n\\n.smaller-headline {\\n font-size: 1.2em;\\n margin-bottom: 15px;\\n}\\n\\n.is-default-link {\\n color: rgb(79, 134, 202);\\n}\\n\\n.is-default-link:hover {\\n color: rgb(79, 134, 202);\\n text-decoration: underline;\\n}\\n\\n.is-yellow-link {\\n color: rgb(156, 115, 67);\\n}\\n\\n.is-yellow-link:hover {\\n color: rgb(156, 115, 67);\\n text-decoration: underline;\\n}\\n\\n.is-gray-link {\\n color: rgb(150, 150, 150);\\n}\\n\\n.is-gray-link:hover {\\n color: rgb(150, 150, 150);\\n text-decoration: underline;\\n}\\n\\n.is-dark-delimiter hr {\\n background-color: rgb(100, 100, 100);\\n}\\n\\n.is-fixed-button-link {\\n position: relative;\\n top: 5px;\\n}\\n\\n@media screen and (max-width: 512px) {\\n .is-fixed-margin-left-mobile {\\n margin-left: 2px;\\n }\\n}\\n\\n.is-default-text-color {\\n color: rgb(150, 150, 150);\\n}\\n\\n.is-color-darker {\\n color: rgb(100, 100, 100);\\n}\\n\\n.is-color-error {\\n color: rgb(154, 73, 69);\\n}\\n\\n.is-input-dark {\\n background-color: rgba(90, 90, 90, 0.5);\\n color: rgb(200, 200, 200);\\n border: 1px solid rgb(100, 100, 100);\\n}\\n\\n.is-action-button-margin {\\n margin-right: 10px;\\n margin-bottom: 10px;\\n}\\n@media screen and (max-width: 376px) {\\n .is-action-button-margin {\\n margin-right: 15px;\\n }\\n}\\n\\n.is-underlined {\\n text-decoration: underline;\\n}\\n\\n.is-stretched {\\n width: 100%;\\n}\\n\\n.is-pointer {\\n cursor: pointer;\\n}\\n\\n.is-centered {\\n text-align: center !important;\\n}\\n\\n.is-indicator {\\n position: absolute;\\n width: 10px;\\n height: 10px;\\n top: 17px;\\n left: 20px;\\n background-color: rgb(223, 50, 50);\\n border-radius: 50%;\\n z-index: 5;\\n}\\n@media screen and (max-width: 1087px) {\\n .is-indicator {\\n top: 10px;\\n left: 22px;\\n }\\n}\\n\\n.is-indicator-tab {\\n position: relative;\\n width: 10px;\\n height: 10px;\\n top: -4px;\\n left: -3px;\\n background-color: rgb(223, 50, 50);\\n border-radius: 50%;\\n z-index: 5;\\n}\\n\\n.is-background-success-light {\\n background-color: rgb(215, 253, 200);\\n}\\n\\n.is-chocolate {\\n background-color: rgb(179, 105, 62);\\n border-color: transparent;\\n}\\n\\n.is-chocolate:hover {\\n background-color: rgb(167, 95, 55);\\n border-color: transparent;\\n}\\n\\n.float-right {\\n float: right;\\n}\\n\\n.belongs-to-previous-field {\\n position: relative;\\n top: -5px;\\n margin-bottom: 20px !important;\\n}\\n\\n.is-next-to-elem {\\n position: relative;\\n top: 5px;\\n margin-left: 10px;\\n}\\n@media screen and (max-width: 453px) {\\n .is-next-to-elem {\\n top: -3px;\\n margin-bottom: 20px !important;\\n margin-left: unset;\\n }\\n}\\n\\n.is-margin-bottom-20 {\\n margin-bottom: 20px !important;\\n}\\n\\n.field small {\\n color: rgb(120, 120, 120);\\n}\\n\\n.form-paragraph-modal a, .modal-anchors a {\\n color: rgb(52, 105, 215);\\n}\\n\\n.form-paragraph-modal a:hover, .modal-anchors a:hover {\\n color: rgb(52, 105, 215);\\n text-decoration: underline;\\n}\\n\\n@media screen and (max-width: 1087px) {\\n .navbar-menu {\\n max-height: calc(100vh - 3.25rem);\\n overflow-y: auto;\\n }\\n}\\n\\n@media screen and (max-width: 1087px) {\\n .navbar-end {\\n margin-bottom: 100px;\\n }\\n}\\n\\n.navbar-item a {\\n color: rgb(200, 200, 200);\\n}\\n\\n.navbar-item a:hover {\\n color: rgb(250, 250, 250);\\n}\\n\\na.navbar-item:hover, a.navbar-item.is-active, .navbar-link:hover, .navbar-link.is-active {\\n background-color: rgba(255, 255, 255, 0) !important;\\n color: rgb(180, 180, 180) !important;\\n}\\n\\n.navbar-item, .navbar-burger, .navbar-link {\\n color: rgb(190, 190, 190);\\n}\\n\\n.navbar-dropdown {\\n background-color: rgb(50, 50, 48);\\n padding-top: unset;\\n}\\n\\n.navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {\\n background-color: rgba(0, 0, 0, 0);\\n}\\n\\n@media screen and (max-width: 1087px) {\\n .navbar-menu {\\n background-color: rgb(50, 50, 48);\\n }\\n}\\na.navbar-burger:hover {\\n color: rgb(200, 200, 200);\\n}\\n\\n@media screen and (min-width: 1088px) {\\n .navbar-start {\\n flex-grow: 1;\\n justify-content: center;\\n }\\n}\\n\\n@media screen and (min-width: 1089px) {\\n .navbar-item-only-mobile {\\n display: none;\\n }\\n}\\n\\n@media screen and (min-width: 1089px) {\\n .navbar-dropdown-minwidth {\\n display: block;\\n top: 5px;\\n min-width: 135px;\\n text-align: center;\\n }\\n}\\n\\n@media screen and (min-width: 1089px) {\\n .navbar-dropdown-minwidth:not(.is-multiple):not(.is-loading)::after {\\n top: 20px !important;\\n }\\n}\\n\\n@media screen and (max-width: 1087px) {\\n .navbar-item-brand-mobile-right {\\n position: absolute;\\n top: 10px;\\n right: 45px;\\n }\\n}\\n@media screen and (min-width: 1089px) {\\n .navbar-item-brand-mobile-right {\\n display: none;\\n }\\n}\\n\\n@media screen and (max-width: 1087px) {\\n .navbar.is-fixed-top-pwa {\\n position: fixed;\\n top: 0;\\n left: 0;\\n right: 0;\\n z-index: 30;\\n }\\n}\\n\\n@media screen and (min-width: 768px) {\\n .column h1 {\\n margin-top: 20px;\\n }\\n}\\n\\n#frmEditMultilineText textarea {\\n min-height: 200px;\\n}\\n\\n.banner {\\n width: 100%;\\n height: 250px;\\n background-repeat: no-repeat;\\n background-size: 100% 100%;\\n}\\n@media screen and (max-width: 768px) {\\n .banner {\\n display: none;\\n }\\n}\\n\\n.banner-icon {\\n position: relative;\\n top: 210px;\\n left: 195px;\\n}\\n\\n.banner-icon img {\\n width: 72px;\\n height: 72px;\\n}\\n\\n.banner-accessory {\\n position: relative;\\n top: 172px;\\n right: -83%;\\n}\\n\\n.banner-accessory img {\\n width: 256px;\\n height: 256px;\\n}\\n\\n.content-inner {\\n position: relative;\\n padding: 15px;\\n}\\n\\n.modal {\\n z-index: 105;\\n}\\n\\n.modal-card {\\n color: rgb(150, 150, 150);\\n}\\n\\n.modal-card-head {\\n background-color: rgb(55, 59, 62);\\n border-bottom: 1px solid rgb(59, 59, 59);\\n}\\n\\n.modal-card-title {\\n color: rgb(190, 190, 190);\\n}\\n\\n.modal-card-body {\\n background-color: rgb(48, 52, 55);\\n}\\n\\n.modal-card-body label {\\n color: rgb(150, 150, 150);\\n}\\n\\n.modal-card-body input, .modal-card-body select, .modal-card-body textarea, .modal-card-body table {\\n background-color: rgb(57, 59, 63);\\n color: rgb(150, 150, 150);\\n border: 1px solid rgb(100, 100, 100);\\n}\\n\\n.modal-card-body input::placeholder, .modal-card-body select::placeholder, .modal-card-body textarea::placeholder {\\n color: rgb(250, 250, 250);\\n}\\n\\n.modal-card-body hr {\\n background-color: rgb(100, 100, 100);\\n}\\n\\n.modal-card-foot {\\n background-color: rgb(50, 50, 50);\\n border-top: 1px solid rgb(59, 59, 59);\\n}\\n\\n.fade {\\n transition: opacity 0.65s linear;\\n}\\n\\n.fade-in {\\n opacity: 1;\\n}\\n\\n.fade-out {\\n opacity: 0;\\n}\\n\\n@media screen and (max-width: 1087px) {\\n .app-padding-pwa {\\n padding-top: 65px;\\n padding-bottom: 87px;\\n }\\n}\\n@media screen and (max-width: 768px) {\\n .app-padding-pwa {\\n padding-top: 41px;\\n padding-bottom: 87px;\\n }\\n}\\n\\nfieldset legend {\\n margin-bottom: 5px !important;\\n}\\n\\nfieldset .field {\\n margin-bottom: unset !important;\\n}\\n\\n.legend-title {\\n font-size: 1.2em;\\n margin-bottom: 15px !important;\\n}\\n\\n.notification-badge {\\n color: rgb(255, 255, 255);\\n text-decoration: none;\\n border-radius: 2px;\\n}\\n\\n.notification-badge .notify-badge {\\n padding-top: 4px;\\n padding-bottom: 4px;\\n padding-left: 10px;\\n padding-right: 10px;\\n border-radius: 50%;\\n background: rgba(255, 0, 0, 0.9);\\n color: rgb(255, 255, 255);\\n font-size: 0.8em;\\n}\\n@media screen and (min-width: 1089px) {\\n .notification-badge .notify-badge {\\n position: absolute;\\n right: -7px;\\n top: 4px;\\n }\\n}\\n@media screen and (max-width: 1087px) {\\n .notification-badge .notify-badge {\\n position: relative;\\n right: -2px;\\n top: -10px;\\n }\\n}\\n\\n.notify-badge .notify-badge-count {\\n position: relative;\\n top: -1px;\\n}\\n\\n.dashboard-header {\\n position: relative;\\n}\\n\\n.dashboard-welcome {\\n display: inline-block;\\n}\\n\\n.dashboard-weather {\\n display: inline-block;\\n position: relative;\\n top: 20px;\\n float: right;\\n color: rgb(200, 200, 200);\\n}\\n@media screen and (max-width: 525px) {\\n .dashboard-weather {\\n top: -20px;\\n float: unset;\\n }\\n}\\n\\n.dashboard-weather-content {\\n position: relative;\\n margin-top: 10px;\\n}\\n@media screen and (max-width: 525px) {\\n .dashboard-weather-content {\\n left: -10px;\\n }\\n}\\n\\n.dashboard-weather-left {\\n position: relative;\\n display: inline-block;\\n left: 10px;\\n}\\n@media screen and (max-width: 525px) {\\n .dashboard-weather-left {\\n left: unset;\\n }\\n}\\n\\n.dashboard-weather-right {\\n display: inline-block;\\n position: relative;\\n top: -32px;\\n}\\n@media screen and (max-width: 525px) {\\n .dashboard-weather-right {\\n left: -10px;\\n float: unset;\\n }\\n}\\n\\n.locations {\\n text-align: center;\\n}\\n\\n.locations a {\\n color: rgb(100, 100, 100);\\n}\\n\\n.locations a:hover {\\n color: rgb(100, 100, 100);\\n}\\n\\n.location {\\n position: relative;\\n display: inline-block;\\n width: 245px;\\n min-height: 250px;\\n margin-left: 10px;\\n margin-right: 10px;\\n margin-bottom: 30px;\\n background-color: rgb(55, 59, 62);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n}\\n@media screen and (max-width: 830px) {\\n .location {\\n width: 134px;\\n min-height: 137px;\\n }\\n}\\n\\n.location:hover {\\n box-shadow: 0 0 20px 0 rgba(105, 165, 85, 0.95);\\n}\\n\\n.location-title {\\n text-align: center;\\n font-size: 2em;\\n padding-bottom: 4px;\\n margin-bottom: 20px;\\n background-color: rgba(115, 143, 100, 0.9);\\n color: #c3e4a3;\\n}\\n@media screen and (max-width: 830px) {\\n .location-title {\\n font-size: 1em;\\n padding-top: 2px;\\n padding-bottom: 5px;\\n }\\n}\\n@media screen and (min-width: 831px) {\\n .location-title {\\n padding-bottom: 7px;\\n }\\n}\\n\\n.location-icon {\\n text-align: center;\\n}\\n\\n.location-icon i {\\n color: #99ac97;\\n font-size: 5em;\\n}\\n@media screen and (max-width: 830px) {\\n .location-icon i {\\n font-size: 2em;\\n }\\n}\\n@media screen and (min-width: 831px) {\\n .location-icon i {\\n margin-top: 25px;\\n }\\n}\\n\\n.location-footer {\\n position: relative;\\n bottom: -30px;\\n padding-top: 10px;\\n padding-left: 10px;\\n padding-bottom: 10px;\\n font-size: 0.9em;\\n text-align: left;\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 54, 59);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n}\\n@media screen and (max-width: 830px) {\\n .location-footer {\\n font-size: 0.75em;\\n bottom: -15px;\\n }\\n}\\n\\n.location-footer-count-desktop {\\n display: none;\\n}\\n@media screen and (min-width: 850px) {\\n .location-footer-count-desktop {\\n display: inherit;\\n }\\n}\\n\\n.location-footer-count-mobile {\\n display: none;\\n}\\n@media screen and (max-width: 850px) {\\n .location-footer-count-mobile {\\n display: inherit;\\n }\\n}\\n\\n.upcoming-tasks-overview {\\n position: relative;\\n text-align: center;\\n margin-bottom: 63px;\\n}\\n\\n.upcoming-tasks-overview h3 {\\n padding-top: 25px;\\n font-size: 2em;\\n color: rgb(150, 150, 150);\\n}\\n\\n.upcoming-tasks-overview-items {\\n margin-top: 25px;\\n}\\n\\n.last-added-or-authored-plants {\\n margin-top: 20px;\\n margin-bottom: 40px;\\n margin-left: -20px;\\n margin-right: -20px;\\n padding-bottom: 5px;\\n background-color: rgb(55, 59, 62);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n text-align: center;\\n}\\n\\n.last-added-or-authored-plants h3 {\\n padding-top: 15px;\\n font-size: 2em;\\n color: rgb(150, 150, 150);\\n}\\n\\n.margin-vertical {\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.margin-bottom {\\n margin-bottom: 20px;\\n}\\n\\n.action-strip {\\n position: relative;\\n display: inline-block;\\n}\\n\\n@media screen and (max-width: 1111px) {\\n .action-strip-left {\\n width: 83%;\\n }\\n}\\n\\n.action-strip-right {\\n position: relative;\\n float: right;\\n}\\n\\n.sorting {\\n position: relative;\\n top: 10px;\\n margin-left: 10px;\\n}\\n\\n.sorting-control {\\n position: relative;\\n display: inline-block;\\n margin-bottom: 10px;\\n}\\n\\n.sorting-control select, .sorting-control input[type=text] {\\n color: rgb(200, 200, 200);\\n background-color: rgba(50, 50, 50, 0.9);\\n border: 1px solid rgb(100, 100, 100);\\n margin-right: 5px;\\n}\\n\\n.sorting-control input[type=text] {\\n height: 27px;\\n border-radius: 290486px;\\n padding-left: 1em;\\n}\\n\\n.select:not(.is-multiple):not(.is-loading)::after {\\n border-color: rgb(50, 115, 220) !important;\\n}\\n\\n.plants {\\n margin-top: 30px;\\n}\\n@media screen and (max-width: 552px) {\\n .plants {\\n text-align: center;\\n }\\n}\\n\\n.plants-empty {\\n position: relative;\\n margin-top: 50px;\\n text-align: center;\\n}\\n\\n.plants-empty-image img {\\n width: 256px;\\n height: 256px;\\n}\\n\\n.plants-empty-text {\\n position: relative;\\n top: -20px;\\n color: rgb(150, 150, 150);\\n font-style: italic;\\n font-size: 1.4em;\\n}\\n\\n.plant-card {\\n position: relative;\\n display: inline-block;\\n width: 245px;\\n height: 375px;\\n margin-left: 10px;\\n margin-right: 10px;\\n margin-bottom: 20px;\\n background-repeat: no-repeat;\\n background-size: cover;\\n border-radius: 10px;\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);\\n}\\n@media screen and (max-width: 552px) {\\n .plant-card {\\n width: 141px;\\n height: 222px;\\n }\\n}\\n\\n.plant-card:hover {\\n box-shadow: 0 0 20px 0 rgba(105, 165, 85, 0.95);\\n}\\n\\n.plant-card-overlay {\\n width: 100%;\\n height: 100%;\\n background: transparent;\\n border-radius: 10px;\\n}\\n\\n.plant-card-overlay:hover {\\n background-color: rgba(0, 0, 0, 0.05);\\n}\\n\\n.plant-card-title {\\n position: absolute;\\n bottom: 0;\\n z-index: 2;\\n width: 100%;\\n height: 69px;\\n padding-top: 17px;\\n background-color: rgba(0, 0, 0, 0.5);\\n color: rgb(200, 200, 200);\\n text-align: center;\\n font-size: 1.2em;\\n border-bottom-left-radius: 10px;\\n border-bottom-right-radius: 10px;\\n}\\n@media screen and (max-width: 552px) {\\n .plant-card-title {\\n padding-top: 22px;\\n font-size: 0.9em;\\n }\\n}\\n\\n.plant-card-title-with-hint {\\n padding-top: 7px;\\n}\\n\\n.plant-card-title-longtext {\\n padding-top: 5px;\\n padding-left: 5px;\\n padding-right: 5px;\\n}\\n@media screen and (max-width: 552px) {\\n .plant-card-title-longtext {\\n padding-top: 12px;\\n padding-left: 2px;\\n padding-right: 2px;\\n }\\n}\\n\\n.plant-card-title-second {\\n color: rgb(150, 150, 150);\\n font-size: 0.8em;\\n}\\n\\n.plant-card-title-plant-id {\\n position: relative;\\n top: -1px;\\n background-color: rgb(232, 215, 87);\\n color: rgb(10, 10, 10);\\n padding-top: 5px;\\n padding-left: 10px;\\n padding-right: 10px;\\n padding-bottom: 5px;\\n border-radius: 5px;\\n font-size: 0.67em;\\n}\\n\\n.plant-card-sorting {\\n position: absolute;\\n top: 7px;\\n left: 8px;\\n z-index: 2;\\n padding-left: 10px;\\n padding-right: 10px;\\n padding-bottom: 1px;\\n background-color: rgba(240, 65, 205, 0.75);\\n border: 1px solid rgb(255, 80, 230);\\n border-radius: 5px;\\n font-size: 0.76em;\\n color: rgb(250, 250, 250);\\n}\\n\\n.plant-card-health-state, .plant-card-options {\\n position: absolute;\\n top: 7px;\\n right: 8px;\\n z-index: 2;\\n}\\n\\n.plant-card-options {\\n color: rgb(200, 200, 200);\\n}\\n\\n.plant-card-health-state i, .plant-card-options i {\\n background-color: rgba(0, 0, 0, 0.5);\\n padding: 5px;\\n border-radius: 32%;\\n}\\n\\n@media screen and (min-width: 520px) {\\n .plant-column {\\n padding: 20px;\\n }\\n}\\n@media screen and (max-width: 520px) {\\n .plant-column {\\n display: inline-block;\\n width: 100%;\\n padding-left: 15px;\\n padding-right: 15px;\\n }\\n}\\n@media screen and (max-width: 365px) {\\n .plant-column {\\n display: inline-block;\\n padding-left: unset;\\n padding-right: unset;\\n width: 107% !important;\\n }\\n}\\n\\n.plant-column table {\\n width: 80%;\\n color: rgb(200, 200, 200);\\n}\\n@media screen and (max-width: 1471px) {\\n .plant-column table {\\n width: 75%;\\n }\\n}\\n@media screen and (max-width: 925px) {\\n .plant-column table {\\n width: 73%;\\n }\\n}\\n@media screen and (max-width: 786px) {\\n .plant-column table {\\n width: 100%;\\n }\\n}\\n\\n.plant-column table strong {\\n color: rgb(200, 200, 200);\\n}\\n\\n.plant-column thead {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.plant-column table td {\\n border: 1px solid rgb(200, 200, 200);\\n padding: 10px;\\n}\\n\\n.plant-custom-attribute {\\n position: relative;\\n margin-top: 10px;\\n}\\n\\n.plant-custom-attribute a {\\n color: rgb(0, 145, 215);\\n}\\n\\n.plant-custom-attribute a:hover {\\n color: rgb(0, 145, 215);\\n}\\n\\n.plant-custom-attribute-removal {\\n position: relative;\\n top: 10px;\\n float: right;\\n color: rgb(200, 105, 105) !important;\\n}\\n\\n.plant-custom-attribute-removal:hover {\\n color: rgb(200, 105, 105) !important;\\n text-decoration: underline;\\n}\\n\\n.plant-details-title {\\n position: relative;\\n}\\n\\n.plant-details-title h1 {\\n display: inline-block;\\n}\\n\\n.plant-details-title h2 {\\n position: relative;\\n display: inline-block;\\n top: 14px;\\n font-size: 1.5em;\\n color: rgb(100, 100, 100);\\n float: right;\\n}\\n\\n.is-color-yes, .is-color-ok {\\n color: rgb(115, 214, 103);\\n}\\n\\n.is-color-no, .is-color-danger {\\n color: rgb(212, 67, 67);\\n}\\n\\n.is-not-available {\\n color: rgb(100, 100, 100);\\n font-style: italic;\\n}\\n\\n.is-half-percent {\\n width: 50%;\\n}\\n\\n.plant-notes {\\n position: relative;\\n width: 100%;\\n min-width: 300px;\\n min-height: 75px;\\n padding: 10px;\\n color: rgb(200, 200, 200);\\n background-color: rgba(90, 90, 90, 0.5);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n font-size: 1em;\\n border: 1px solid rgb(100, 100, 100);\\n border-left: 3px solid rgb(163, 122, 61);\\n border-radius: 4px;\\n}\\n\\n.plant-notes-content {\\n position: relative;\\n display: inline-block;\\n width: 90%;\\n}\\n\\n.plant-notes-content pre {\\n background-color: inherit;\\n color: inherit;\\n white-space: pre-wrap;\\n word-wrap: break-word;\\n}\\n\\n.plant-notes-content a {\\n color: rgb(111, 185, 235);\\n}\\n\\n.plant-notes-content a:hover {\\n text-decoration: underline;\\n}\\n\\n.plant-notes-edit {\\n position: relative;\\n display: inline-block;\\n float: right;\\n}\\n\\n.plant-photo {\\n position: relative;\\n width: 473px;\\n height: 631px;\\n background-repeat: no-repeat;\\n background-size: cover;\\n float: right;\\n}\\n@media screen and (max-width: 1471px) {\\n .plant-photo {\\n width: 405px;\\n }\\n}\\n@media screen and (max-width: 1279px) {\\n .plant-photo {\\n width: 353px;\\n }\\n}\\n@media screen and (max-width: 935px) {\\n .plant-photo {\\n width: 320px;\\n }\\n}\\n@media screen and (max-width: 768px) {\\n .plant-photo {\\n width: 100%;\\n height: 439px;\\n }\\n}\\n\\n.plant-photo-overlay {\\n width: 100%;\\n height: 45px;\\n background-color: rgba(0, 0, 0, 0.8);\\n}\\n\\n.plant-photo-view {\\n position: absolute;\\n top: 10px;\\n left: 10px;\\n}\\n\\n.plant-photo-edit {\\n position: absolute;\\n top: 10px;\\n left: 40px;\\n}\\n\\n.plant-photo-share {\\n position: absolute;\\n top: 10px;\\n right: 10px;\\n}\\n\\n#share-photo-result {\\n margin-top: 25px;\\n padding: 15px;\\n background-color: rgb(115, 215, 105);\\n border: 1px solid rgb(50, 255, 25);\\n border-radius: 4px;\\n}\\n\\n.plant-photo-edit i, .plant-photo-view i, .plant-photo-share i {\\n color: rgb(200, 200, 200);\\n}\\n\\n.plant-state-in-good-standing {\\n color: rgb(115, 214, 103);\\n}\\n\\n.plant-state-overwatered {\\n color: rgb(54, 105, 201);\\n}\\n\\n.plant-state-withering {\\n color: rgb(156, 115, 67);\\n}\\n\\n.plant-state-infected {\\n color: rgb(205, 111, 205);\\n}\\n\\n.plant-state-pest_infestation {\\n color: rgb(173, 83, 83);\\n}\\n\\n.plant-state-transplant_shock {\\n color: rgb(143, 215, 195);\\n}\\n\\n.plant-state-nutritional_deficiency {\\n color: rgb(175, 125, 155);\\n}\\n\\n.plant-state-sunburn {\\n color: rgb(222, 220, 80);\\n}\\n\\n.plant-state-frostbite {\\n color: rgb(255, 255, 255);\\n}\\n\\n.plant-state-root_rot {\\n color: rgb(123, 130, 102);\\n}\\n\\n.plant-button-group a {\\n position: relative;\\n margin-bottom: 10px;\\n}\\n\\n.plant-warning {\\n margin-top: 10px;\\n margin-bottom: 10px;\\n color: rgb(212, 50, 50);\\n}\\n@media screen and (max-width: 510px) {\\n .plant-warning {\\n margin-bottom: 30px;\\n }\\n}\\n\\n@media screen and (min-width: 795px) {\\n .line-up-frames {\\n display: flex;\\n }\\n}\\n\\n.warning-plants {\\n position: relative;\\n flex: 1;\\n width: 45%;\\n margin-top: -10px;\\n margin-bottom: 45px;\\n margin-right: 5px;\\n margin-left: 10px;\\n padding: 15px 15px 15px 15px;\\n padding-left: 25px;\\n padding-bottom: 20px;\\n background-color: rgb(55, 59, 62);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n border-radius: 4px;\\n}\\n@media screen and (max-width: 796px) {\\n .warning-plants {\\n flex: unset;\\n display: inline-block;\\n width: 100%;\\n }\\n}\\n@media screen and (max-width: 512px) {\\n .warning-plants {\\n padding-left: 15px;\\n margin-left: unset;\\n }\\n}\\n\\n.has-warnings {\\n color: rgb(200, 105, 105) !important;\\n}\\n\\n.is-all-ok {\\n padding-top: 41px;\\n}\\n\\n.table-bright-color {\\n background-color: rgb(63, 70, 75);\\n}\\n\\n.warning-plants-title {\\n margin-top: -2px;\\n margin-bottom: 20px;\\n font-size: 1.3em;\\n color: rgb(200, 200, 200);\\n}\\n\\n.warning-plants-title-no-margin-bottom {\\n margin-bottom: unset;\\n}\\n\\n.warning-plants-title-centered {\\n position: relative;\\n top: 50%;\\n transform: translateY(-50%);\\n text-align: center;\\n margin-top: 2px;\\n}\\n@media screen and (max-width: 753px) {\\n .warning-plants-title-centered {\\n margin-top: 23px;\\n top: unset;\\n transform: unset;\\n }\\n}\\n\\n.warning-plants-content {\\n position: relative;\\n}\\n\\n.warning-plants-content table {\\n width: 100%;\\n}\\n\\n.warning-plants-content thead {\\n display: none;\\n}\\n\\n.warning-plants-content td {\\n color: rgb(150, 150, 150);\\n border: 1px solid rgb(100, 100, 100);\\n padding-top: 5px;\\n padding-left: 5px;\\n padding-right: 5px;\\n padding-bottom: 5px;\\n}\\n\\n.history-years {\\n position: relative;\\n margin-top: 30px;\\n margin-bottom: 40px;\\n margin-left: 10px;\\n}\\n\\n.history-year {\\n position: relative;\\n display: inline-block;\\n margin-right: 5px;\\n margin-bottom: 20px;\\n}\\n\\n.history-year a {\\n padding-top: 5px;\\n padding-bottom: 5px;\\n padding-left: 20px;\\n padding-right: 20px;\\n color: rgb(30, 30, 30);\\n background-color: rgba(200, 200, 200, 0.5);\\n border: 1px solid rgb(150, 150, 150);\\n border-radius: 20px;\\n}\\n\\n.history-year a:hover {\\n color: rgb(30, 30, 30);\\n background-color: rgba(200, 200, 200, 0.7);\\n}\\n\\n.history-year-selected a {\\n color: rgb(30, 30, 30);\\n background-color: rgba(220, 220, 220, 0.95);\\n}\\n\\n.history-year-selected a:hover {\\n color: rgb(30, 30, 30);\\n background-color: rgba(250, 250, 250, 0.95);\\n}\\n\\n.overdue-tasks {\\n position: relative;\\n flex: 1;\\n width: 45%;\\n margin-top: -10px;\\n margin-bottom: 45px;\\n margin-left: 5px;\\n margin-right: 10px;\\n padding-top: 2px;\\n padding-left: 30px;\\n padding-right: 30px;\\n padding-bottom: 20px;\\n background-color: rgb(55, 59, 62);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n border-radius: 4px;\\n}\\n@media screen and (max-width: 796px) {\\n .overdue-tasks {\\n flex: unset;\\n display: inline-block;\\n width: 100%;\\n margin-left: unset;\\n }\\n}\\n@media screen and (max-width: 512px) {\\n .overdue-tasks {\\n padding-left: 15px;\\n padding-right: 2px;\\n }\\n}\\n\\n.overdue-tasks-title {\\n margin-top: 10px;\\n margin-bottom: 20px;\\n font-size: 1.3em;\\n color: rgb(200, 105, 105);\\n}\\n\\n.overdue-tasks-content {\\n position: relative;\\n}\\n\\n.overdue-tasks-content table {\\n width: 100%;\\n}\\n\\n.overdue-tasks-content thead {\\n display: none;\\n}\\n\\n.overdue-tasks-content td {\\n color: rgb(150, 150, 150);\\n border: 1px solid rgb(100, 100, 100);\\n padding-top: 5px;\\n padding-left: 5px;\\n padding-right: 5px;\\n padding-bottom: 5px;\\n}\\n\\n.overdue-tasks-item {\\n color: rgb(150, 150, 150);\\n margin-bottom: 10px;\\n}\\n\\n.log {\\n position: relative;\\n width: 100%;\\n margin-top: 23px;\\n margin-bottom: 45px;\\n padding: 0 15px 15px 15px;\\n border: 1px solid rgb(43, 43, 43);\\n background-color: rgb(50, 54, 59);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n border-radius: 4px;\\n}\\n\\n.log-title {\\n margin-top: 10px;\\n margin-bottom: 10px;\\n font-size: 1.3em;\\n color: rgb(0, 145, 215);\\n}\\n\\n.log-content {\\n max-height: 200px;\\n overflow-y: auto;\\n}\\n\\n.log-item {\\n color: rgb(150, 150, 150);\\n margin-bottom: 10px;\\n}\\n\\n.log-item a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.log-item a:hover {\\n color: rgb(200, 200, 200);\\n}\\n\\n.plant-gallery {\\n position: relative;\\n margin-top: 10px;\\n margin-bottom: 10px;\\n}\\n\\n.plant-gallery-title {\\n margin-bottom: 20px;\\n font-size: 1.5em;\\n color: rgb(150, 150, 150);\\n}\\n\\n.plant-gallery-upload {\\n margin-bottom: 20px;\\n}\\n\\n.plant-gallery-photos {\\n margin-top: 30px;\\n}\\n\\n.plant-gallery-photos strong {\\n color: rgb(100, 100, 100);\\n}\\n\\n.plant-gallery-item {\\n position: relative;\\n display: inline-block;\\n width: 315px;\\n height: auto;\\n margin-left: 10px;\\n margin-right: 10px;\\n margin-bottom: 30px;\\n background-color: rgb(73, 79, 83);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n border-radius: 4px;\\n}\\n\\n.plant-gallery-item-header {\\n padding: 10px;\\n}\\n\\n.plant-gallery-item-header-label {\\n display: inline-block;\\n color: rgb(230, 230, 230);\\n}\\n\\n.plant-gallery-item-header-action {\\n display: inline-block;\\n float: right;\\n}\\n\\n.plant-gallery-item-header-action i.is-action-share, .is-action-edit {\\n color: rgb(200, 200, 200);\\n}\\n\\n.plant-gallery-item-header-action i.is-action-share:hover, i.is-action-edit:hover {\\n color: rgb(220, 220, 220);\\n}\\n\\n.plant-gallery-item-header-action i.is-action-delete {\\n color: rgb(173, 86, 86);\\n}\\n\\n.plant-gallery-item-header-action i.is-action-delete:hover {\\n color: rgb(173, 90, 90);\\n}\\n\\n.plant-gallery-item-photo {\\n position: relative;\\n}\\n\\n.plant-gallery-item-photo-overlay {\\n position: absolute;\\n z-index: 2;\\n width: 100%;\\n height: 97%;\\n}\\n\\n.plant-gallery-item-photo-overlay:hover {\\n background-color: rgba(0, 0, 0, 0.5);\\n}\\n\\n.plant-gallery-item-photo-overlay .plant-gallery-item-photo-image {\\n visibility: hidden;\\n}\\n\\n.plant-gallery-item-photo-overlay:hover .plant-gallery-item-photo-image {\\n visibility: visible;\\n}\\n\\n.plant-gallery-item-footer {\\n position: relative;\\n top: -3px;\\n padding: 10px;\\n color: rgb(135, 135, 135);\\n}\\n\\n.plant-log {\\n position: relative;\\n margin-top: 10px;\\n margin-bottom: 10px;\\n}\\n@media screen and (max-width: 410px) {\\n .plant-log {\\n width: 100%;\\n overflow-x: auto;\\n }\\n}\\n\\n.plant-log-title {\\n margin-bottom: 20px;\\n font-size: 1.5em;\\n color: rgb(150, 150, 150);\\n}\\n\\n.plant-log table {\\n width: 100%;\\n}\\n\\n.plant-log strong {\\n color: rgb(100, 100, 100);\\n}\\n\\n.plant-log-action {\\n margin-top: 20px;\\n}\\n\\n.plant-log-paginate {\\n position: relative;\\n}\\n\\n.plant-log-paginate td {\\n text-align: center;\\n}\\n\\n.plant-log-paginate a {\\n color: rgb(0, 145, 215);\\n}\\n\\n.plant-log-paginate a:hover {\\n color: rgb(0, 145, 215);\\n text-decoration: underline;\\n}\\n\\n.location-log {\\n position: relative;\\n margin-top: 10px;\\n margin-bottom: 10px;\\n}\\n@media screen and (max-width: 410px) {\\n .location-log {\\n width: 100%;\\n overflow-x: auto;\\n }\\n}\\n\\n.location-log-title {\\n margin-bottom: 20px;\\n font-size: 1.5em;\\n color: rgb(150, 150, 150);\\n}\\n\\n.location-log table {\\n width: 100%;\\n color: rgb(200, 200, 200);\\n}\\n\\n.location-log table strong {\\n color: rgb(200, 200, 200);\\n}\\n\\n.location-log thead {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.location-log table td {\\n border: 1px solid rgb(200, 200, 200);\\n padding: 10px;\\n}\\n\\n.location-log strong {\\n color: rgb(100, 100, 100);\\n}\\n\\n.location-log-action {\\n margin-top: 20px;\\n}\\n\\n.location-log-paginate {\\n position: relative;\\n}\\n\\n.location-log-paginate td {\\n text-align: center;\\n}\\n\\n.location-log-paginate a {\\n color: rgb(0, 145, 215);\\n}\\n\\n.location-log-paginate a:hover {\\n color: rgb(0, 145, 215);\\n text-decoration: underline;\\n}\\n\\n.share-log-action {\\n margin-top: 20px;\\n}\\n\\n.share-log-paginate {\\n position: relative;\\n}\\n\\n.share-log-paginate td {\\n text-align: center;\\n}\\n\\n.share-log-paginate a {\\n color: rgb(0, 145, 215);\\n}\\n\\n.share-log-paginate a:hover {\\n color: rgb(0, 145, 215);\\n text-decoration: underline;\\n}\\n\\n.stats {\\n position: relative;\\n margin-top: 10px;\\n margin-bottom: 25px;\\n text-align: center;\\n}\\n\\n.stats-item {\\n position: relative;\\n display: inline-block;\\n width: 243.9px;\\n height: 130px;\\n margin-left: 12px;\\n margin-right: 12px;\\n margin-bottom: 20px;\\n padding: 20px;\\n background-color: rgb(55, 59, 62);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n border-radius: 4px;\\n border-left: 2px solid rgb(159, 165, 45);\\n}\\n@media screen and (max-width: 512px) {\\n .stats-item {\\n width: 135px;\\n }\\n}\\n\\n.stats-item-count {\\n color: rgb(250, 250, 250);\\n font-size: 2em;\\n text-align: center;\\n}\\n\\n.stats-item-label {\\n color: rgb(200, 200, 200);\\n font-size: 1.4em;\\n text-align: center;\\n}\\n\\n.plant-tags {\\n position: relative;\\n}\\n\\n.plant-tags-content {\\n position: relative;\\n display: inline-block;\\n width: 90%;\\n}\\n\\n.plant-tags-edit {\\n position: relative;\\n display: inline-block;\\n float: right;\\n}\\n\\n.plant-tags-item {\\n position: relative;\\n display: inline-block;\\n min-width: 125px;\\n padding-left: 10px;\\n padding-right: 10px;\\n padding-top: 5px;\\n padding-bottom: 9px;\\n margin-left: 5px;\\n margin-right: 5px;\\n margin-bottom: 16px;\\n text-align: center;\\n background-color: rgba(123, 123, 123, 0.3);\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\\n border-radius: 10px;\\n}\\n\\n.plant-tags-item:hover {\\n background-color: rgba(150, 150, 150, 0.5);\\n}\\n\\n.plant-tags-item a {\\n color: rgb(190, 190, 190);\\n}\\n\\n.plant-tags-item a:hover {\\n color: rgb(230, 230, 230);\\n}\\n\\n.tasks {\\n margin-bottom: 50px;\\n}\\n\\n.task {\\n position: relative;\\n display: inline-block;\\n width: 45%;\\n height: auto;\\n margin-left: 10px;\\n margin-right: 10px;\\n margin-bottom: 29px;\\n background-color: rgb(55, 59, 62);\\n border: 1px solid rgb(80, 80, 80);\\n border-radius: 4px;\\n}\\n@media screen and (max-width: 580px) {\\n .task {\\n width: 95%;\\n }\\n}\\n\\n.task-header {\\n position: relative;\\n width: 100%;\\n height: 50px;\\n padding: 10px;\\n border-top-left-radius: 4px;\\n border-top-right-radius: 4px;\\n background-color: rgb(25, 25, 25);\\n}\\n\\n.task-header-title {\\n position: relative;\\n display: inline-block;\\n font-size: 1.2em;\\n color: rgb(200, 200, 200);\\n}\\n\\n.task-header-title span {\\n color: rgb(100, 100, 100);\\n}\\n\\n.task-header-action {\\n position: relative;\\n display: inline-block;\\n float: right;\\n}\\n\\n.task-header-action a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.task-description {\\n position: relative;\\n height: 150px;\\n margin-bottom: 43px;\\n padding: 10px;\\n font-size: 1em;\\n color: rgb(150, 150, 150);\\n overflow-y: auto;\\n}\\n\\n.task-description pre {\\n background-color: inherit;\\n color: inherit;\\n white-space: pre-wrap;\\n word-wrap: break-word;\\n}\\n\\n.task-footer {\\n position: absolute;\\n bottom: 0;\\n padding: 10px;\\n width: 100%;\\n background-color: rgb(10, 10, 10);\\n border-bottom-left-radius: 4px;\\n border-bottom-right-radius: 4px;\\n font-size: 0.8em;\\n}\\n\\n.task-footer-date {\\n position: relative;\\n display: inline-block;\\n width: 43%;\\n}\\n\\n.task-footer-due {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.is-task-overdue {\\n color: rgb(212, 50, 50);\\n}\\n\\n.task-footer-action {\\n position: relative;\\n display: inline-block;\\n float: right;\\n}\\n\\n.task-footer-action a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.tasks-all-done {\\n position: relative;\\n margin-top: 30px;\\n text-align: center;\\n}\\n\\n.tasks-all-done-image img {\\n width: 256px;\\n height: 256px;\\n}\\n\\n.tasks-all-done-text {\\n color: rgb(120, 215, 105);\\n font-size: 2em;\\n}\\n\\n.inventory {\\n margin-bottom: 50px;\\n}\\n\\n.inventory-item-group {\\n position: relative;\\n width: 100%;\\n padding-left: 10px;\\n padding-right: 10px;\\n padding-top: 5px;\\n padding-bottom: 5px;\\n background-color: rgba(200, 200, 200, 0.76);\\n border: 1px solid rgb(90, 90, 90);\\n}\\n\\n.inventory-item {\\n position: relative;\\n width: 100%;\\n padding-left: 10px;\\n padding-right: 10px;\\n padding-top: 5px;\\n padding-bottom: 5px;\\n background-color: rgba(50, 50, 50, 0.76);\\n border: 1px solid rgb(90, 90, 90);\\n}\\n\\n.inventory-item-header {\\n position: relative;\\n}\\n\\n.inventory-item-name {\\n position: relative;\\n display: inline-block;\\n min-width: 50%;\\n}\\n\\n.inventory-item-name span {\\n color: rgb(100, 100, 100);\\n}\\n\\n.inventory-item-name a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.inventory-item-name a:hover {\\n color: rgb(150, 150, 150);\\n}\\n\\n.inventory-item-amount {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.inventory-item-amount i {\\n color: rgb(150, 150, 150);\\n}\\n\\n.inventory-item-amount span {\\n color: rgb(215, 215, 215);\\n}\\n\\n.is-inventory-item-empty {\\n color: rgb(212, 50, 50) !important;\\n}\\n\\n.inventory-item-actions {\\n position: relative;\\n display: inline-block;\\n float: right;\\n}\\n\\n.inventory-item-actions i {\\n color: rgb(100, 100, 100);\\n}\\n\\n.inventory-item-body {\\n position: relative;\\n height: 0;\\n opacity: 0;\\n overflow: hidden;\\n -webkit-transition: opacity 1s ease-out;\\n -moz-transition: opacity 1s ease-out;\\n transition: opacity 1s ease-out;\\n}\\n\\n.inventory-item-body.expand {\\n height: auto;\\n opacity: 1;\\n}\\n\\n.inventory-item-description {\\n position: relative;\\n color: rgb(130, 130, 130);\\n margin-top: 10px;\\n margin-bottom: 10px;\\n}\\n\\n.inventory-item-description pre {\\n background-color: inherit;\\n color: inherit;\\n white-space: normal;\\n}\\n\\n.inventory-item-photo {\\n position: relative;\\n text-align: center;\\n margin-bottom: 20px;\\n}\\n\\n.inventory-item-footer {\\n position: relative;\\n color: rgb(120, 120, 120);\\n margin-top: 10px;\\n}\\n\\n.inventory-item-location {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.inventory-item-author {\\n position: relative;\\n display: inline-block;\\n float: right;\\n}\\n\\n.inventory-groups {\\n width: 100%;\\n}\\n\\n.inventory-groups thead td {\\n color: rgb(150, 150, 150);\\n}\\n\\n.inventory-groups thead td:last-child {\\n width: 5%;\\n}\\n\\n.inventory-groups.table td {\\n border: 1px solid rgb(100, 100, 100);\\n}\\n\\n.inventory-groups a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.inventory-groups a:hover {\\n color: rgb(150, 150, 150);\\n text-decoration: underline;\\n}\\n\\n.calendar-add {\\n position: relative;\\n margin-top: 40px;\\n margin-bottom: 25px;\\n}\\n\\n.calendar-add a {\\n width: 200px;\\n}\\n\\n.calendar-menu {\\n position: relative;\\n}\\n\\n.calendar-menu span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.calendar-input {\\n padding: 8px;\\n color: rgb(250, 250, 250);\\n background-color: rgb(50, 50, 50);\\n border: 1px solid rgb(100, 100, 100);\\n border-radius: 5px;\\n}\\n\\n.calendar-content {\\n position: relative;\\n margin-top: 30px;\\n}\\n\\n.calendar-link-removal {\\n position: relative;\\n top: 10px;\\n float: right;\\n color: rgb(200, 105, 105);\\n}\\n\\n.calendar-link-removal:hover {\\n color: rgb(200, 105, 105);\\n text-decoration: underline;\\n}\\n\\n.calendar-view {\\n position: relative;\\n margin-top: 10px;\\n margin-bottom: 59px;\\n}\\n\\n.calendar-view h3 {\\n color: rgb(150, 150, 150);\\n font-size: 2em;\\n padding-bottom: 10px;\\n}\\n\\n.weather-forecast {\\n position: relative;\\n margin-top: 40px;\\n}\\n@media screen and (max-width: 768px) {\\n .weather-forecast {\\n width: 100%;\\n overflow-x: scroll;\\n white-space: nowrap;\\n }\\n}\\n\\n.weather-header {\\n position: relative;\\n margin-bottom: 20px;\\n}\\n\\n.weather-header-item {\\n position: relative;\\n display: inline-block;\\n margin-left: 15px;\\n margin-right: 15px;\\n padding-top: 10px;\\n padding-left: 10px;\\n padding-right: 10px;\\n padding-bottom: 10px;\\n color: rgb(150, 150, 150);\\n text-align: center;\\n background-color: rgb(100, 100, 100);\\n border-radius: 5px;\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\\n}\\n\\n.weather-header-item strong {\\n color: rgb(200, 200, 200);\\n}\\n\\n.weather-day {\\n position: relative;\\n display: inline-block;\\n margin-left: 10px;\\n margin-right: 10px;\\n padding-left: 10px;\\n padding-right: 10px;\\n}\\n\\n.weather-day-data {\\n position: relative;\\n text-align: center;\\n margin-bottom: 50px;\\n}\\n\\n.weather-day-data-title {\\n position: relative;\\n color: rgb(200, 200, 200);\\n font-weight: bold;\\n}\\n\\n.weather-day-data-icon {\\n position: relative;\\n}\\n\\n.weather-day-data-attribute {\\n position: relative;\\n color: rgb(150, 150, 150);\\n}\\n\\n.is-weather-fill-data {\\n color: rgb(100, 100, 100);\\n}\\n\\n.chat-message {\\n position: relative;\\n width: 90%;\\n padding: 15px;\\n margin-bottom: 20px;\\n background-color: rgba(200, 200, 200, 0.5);\\n border-radius: 10px;\\n}\\n\\n.chat-message-right {\\n margin-left: 10%;\\n background-color: rgba(115, 143, 100, 0.9);\\n}\\n\\n.chat-message-user {\\n position: relative;\\n font-size: 1.2em;\\n margin-bottom: 10px;\\n}\\n\\n.chat-message-new {\\n position: relative;\\n display: inline-block;\\n background-color: rgb(212, 130, 67);\\n border: 1px solid rgb(92, 64, 25);\\n color: rgb(250, 250, 250);\\n border-radius: 4px;\\n padding: 5px;\\n font-size: 0.5em;\\n text-transform: uppercase;\\n float: right;\\n}\\n\\n.chat-message-content {\\n position: relative;\\n}\\n\\n.chat-message-content pre {\\n background-color: transparent;\\n color: rgb(255, 255, 255);\\n}\\n\\n.chat-message-info {\\n position: relative;\\n margin-top: 10px;\\n font-size: 0.76em;\\n color: rgb(155, 155, 155);\\n}\\n\\n.chat-typing-indicator {\\n display: none;\\n background-color: rgba(50, 50, 50, 0.5);\\n}\\n\\n.chat-typing-indicator.visible {\\n display: block;\\n}\\n\\n.chat-user-list {\\n position: relative;\\n margin-top: 10px;\\n margin-bottom: 23px;\\n color: rgb(92, 255, 0);\\n}\\n\\n.system-message {\\n position: relative;\\n background-color: rgb(205, 202, 165);\\n border-radius: 10px;\\n padding: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.system-message-left {\\n position: relative;\\n display: inline-block;\\n width: 93%;\\n}\\n@media screen and (max-width: 1000px) {\\n .system-message-left {\\n width: 80%;\\n }\\n}\\n\\n.system-message-left-new {\\n top: -3px;\\n}\\n\\n.system-message-right {\\n position: relative;\\n display: inline-block;\\n top: 3px;\\n}\\n@media screen and (max-width: 520px) {\\n .system-message-right {\\n top: 55px;\\n vertical-align: top;\\n right: -25px;\\n }\\n}\\n\\n.system-message-context {\\n position: relative;\\n display: inline-block;\\n top: -1px;\\n font-size: 0.9em;\\n font-weight: bold;\\n}\\n\\n.system-message-content {\\n position: relative;\\n display: inline-block;\\n}\\n@media screen and (max-width: 768px) {\\n .system-message-content {\\n margin-top: 10px;\\n }\\n}\\n\\n.system-message-content a {\\n color: rgb(135, 75, 5);\\n}\\n\\n.system-message-content a:hover {\\n color: rgb(135, 75, 5);\\n text-decoration: underline;\\n}\\n\\n@media screen and (max-width: 768px) {\\n .system-message-new {\\n top: -58px;\\n }\\n}\\n\\n#small-system-messages {\\n position: fixed;\\n z-index: 3;\\n top: 55px;\\n}\\n@media screen and (max-width: 512px) {\\n #small-system-messages {\\n width: 100%;\\n }\\n}\\n\\n.system-message-small {\\n position: relative;\\n top: 12px;\\n left: 12px;\\n background-color: rgb(205, 202, 165);\\n border-radius: 10px;\\n border: 1px solid rgb(250, 250, 250);\\n padding: 20px;\\n margin-bottom: 10px;\\n}\\n@media screen and (max-width: 512px) {\\n .system-message-small {\\n width: 100%;\\n left: 0;\\n }\\n}\\n\\n.system-message-small-context {\\n font-weight: bold;\\n}\\n\\n.system-message-small-content a {\\n color: rgb(135, 75, 5);\\n}\\n\\n.system-message-small-content a:hover {\\n color: rgb(135, 75, 5);\\n text-decoration: underline;\\n}\\n\\n.scroll-to-top {\\n position: fixed;\\n z-index: 102;\\n bottom: 12px;\\n right: 12px;\\n}\\n\\n.scroll-to-top-inner {\\n background-color: rgb(80, 80, 80);\\n border-radius: 50%;\\n padding: 12px;\\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\\n}\\n\\n.scroll-to-top-inner a {\\n color: rgb(200, 200, 200);\\n}\\n\\n.auth-main {\\n width: 100%;\\n height: 100%;\\n background-repeat: no-repeat;\\n background-size: cover;\\n}\\n\\n.auth-overlay {\\n width: 100%;\\n height: 100%;\\n background-color: rgba(0, 0, 0, 0.5);\\n}\\n\\n.auth-content {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n text-align: center;\\n padding: 20px;\\n}\\n\\n.auth-header {\\n position: relative;\\n margin-bottom: 20px;\\n}\\n\\n.auth-header img {\\n position: relative;\\n width: 128px;\\n height: 128px;\\n border-radius: 50%;\\n}\\n\\n.auth-header h1 {\\n font-size: 2.5em;\\n font-family: Quicksand, Verdana, Geneva, Tahoma, sans-serif;\\n font-weight: bold;\\n color: rgb(150, 150, 150);\\n}\\n\\n.auth-info {\\n position: relative;\\n margin-bottom: 43px;\\n}\\n\\n.auth-info-error {\\n color: rgb(154, 73, 69);\\n}\\n\\n.auth-info-success {\\n color: rgb(69, 154, 83);\\n}\\n\\n.auth-form {\\n position: relative;\\n}\\n\\n.auth-form input[type=email], .auth-form input[type=password] {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.auth-form input[type=email]::placeholder, .auth-form input[type=password]::placeholder {\\n color: rgb(200, 200, 200);\\n}\\n\\n.auth-form input[type=submit] {\\n width: 100%;\\n}\\n\\n.auth-help {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.auth-help a {\\n color: rgb(54, 105, 203);\\n}\\n\\n.auth-help a:hover {\\n color: rgb(54, 105, 203);\\n text-decoration: underline;\\n}\\n\\n.reset-main {\\n width: 100%;\\n height: 100%;\\n background-repeat: no-repeat;\\n background-size: cover;\\n}\\n\\n.reset-overlay {\\n width: 100%;\\n height: 100%;\\n background-color: rgba(0, 0, 0, 0.5);\\n}\\n\\n.reset-content {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n text-align: center;\\n padding: 20px;\\n}\\n\\n.reset-content h1 {\\n margin-bottom: 30px;\\n line-height: 1;\\n}\\n\\n.reset-info {\\n position: relative;\\n margin-bottom: 43px;\\n}\\n\\n.reset-info-error {\\n color: rgb(154, 73, 69);\\n}\\n\\n.reset-info-success {\\n color: rgb(69, 154, 83);\\n}\\n\\n.reset-form {\\n position: relative;\\n}\\n\\n.reset-form input[type=email], .reset-form input[type=password] {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.reset-form input[type=email]::placeholder, .reset-form input[type=password]::placeholder {\\n color: rgb(200, 200, 200);\\n}\\n\\n.reset-form input[type=submit] {\\n width: 100%;\\n}\\n\\n.preferences-header {\\n position: relative;\\n}\\n\\n.preferences-header i {\\n color: rgb(150, 150, 150);\\n}\\n\\n.profile-shared-photos table {\\n width: 100%;\\n}\\n\\n.profile-shared-photos thead {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.profile-shared-photos thead:hover {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.profile-shared-photos td {\\n padding: 10px;\\n color: rgb(150, 150, 150);\\n border: 1px solid rgb(200, 200, 200);\\n}\\n\\n.profile-shared-photos td a {\\n color: rgb(111, 143, 225);\\n}\\n\\n.profile-shared-photos td a:hover {\\n color: rgb(111, 143, 225);\\n text-decoration: underline;\\n}\\n\\n.profile-shared-photos td i {\\n color: rgb(150, 150, 150);\\n}\\n\\n.profile-shared-photos td i:hover {\\n color: rgb(150, 150, 150);\\n}\\n\\n.profile-shared-photos td:last-child {\\n width: 5%;\\n text-align: center;\\n}\\n\\n.admin-tabs {\\n margin-top: 23px;\\n}\\n\\n.admin-tabs a {\\n color: rgb(200, 200, 200);\\n}\\n\\n.admin-tabs a:hover {\\n color: rgb(230, 230, 230);\\n border-bottom-color: rgb(111, 172, 243);\\n}\\n\\n.admin-environment {\\n position: relative;\\n}\\n\\n.admin-environment h2 {\\n margin-top: 20px;\\n margin-bottom: 10px;\\n}\\n\\n.admin-environment label, .admin-environment span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-environment input, .admin-environment select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-media {\\n position: relative;\\n width: 100%;\\n}\\n\\n.admin-media h2 {\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.admin-media label {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-media input, .admin-backup input {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-media input[type=submit] {\\n margin-top: 10px;\\n margin-bottom: 20px;\\n}\\n\\n.admin-users {\\n position: relative;\\n width: 100%;\\n}\\n\\n.admin-users h2 {\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.admin-users-list {\\n position: relative;\\n}\\n\\n.admin-user-account {\\n position: relative;\\n margin-bottom: 15px;\\n}\\n\\n.admin-user-account label, .admin-user-account span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-user-account input, .admin-user-account select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-user-account-item {\\n position: relative;\\n display: inline-block;\\n margin-left: 5px;\\n margin-right: 5px;\\n}\\n\\n.admin-user-account-item-input {\\n width: 30%;\\n}\\n\\n.admin-user-account-actions {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.admin-user-account-item-centered {\\n text-align: center;\\n}\\n\\n.admin-user-account-action-item {\\n position: relative;\\n}\\n\\n.admin-users-created-password {\\n position: relative;\\n color: rgb(220, 220, 220);\\n background-color: rgb(180, 103, 0);\\n border: 1px solid rgb(245, 185, 105);\\n border-radius: 10px;\\n padding: 20px;\\n}\\n\\n.admin-users-created-password strong {\\n color: rgb(250, 250, 250);\\n}\\n\\n.admin-users-actions {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.admin-locations {\\n position: relative;\\n width: 100%;\\n}\\n\\n.admin-locations h2 {\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.admin-locations-list {\\n position: relative;\\n}\\n\\n.admin-location {\\n position: relative;\\n margin-bottom: 15px;\\n}\\n\\n.admin-location label, .admin-location span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-location input {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-location-item {\\n position: relative;\\n display: inline-block;\\n margin-left: 5px;\\n margin-right: 5px;\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-location-item-input {\\n width: 30%;\\n}\\n\\n.admin-location-actions {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.admin-location-item-centered {\\n text-align: center;\\n}\\n\\n.admin-location-action-item {\\n position: relative;\\n}\\n\\n.admin-locations-actions {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.admin-auth {\\n position: relative;\\n}\\n\\n.admin-auth h2 {\\n margin-top: 20px;\\n margin-bottom: 10px;\\n}\\n\\n.admin-auth label, .admin-auth span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-auth input, .admin-auth textarea {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-auth-warning {\\n position: relative;\\n display: none;\\n padding: 20px;\\n margin-top: 30px;\\n margin-bottom: 25px;\\n color: rgb(250, 250, 250);\\n background-color: rgba(202, 102, 102, 0.76);\\n border: 1px solid rgb(235, 150, 150);\\n border-radius: 5px;\\n}\\n\\n.admin-auth-caution {\\n position: relative;\\n display: none;\\n padding: 20px;\\n margin-top: 30px;\\n margin-bottom: 25px;\\n color: rgb(250, 250, 250);\\n background-color: rgba(255, 220, 87, 0.5);\\n border: 1px solid rgb(255, 220, 87);\\n border-radius: 5px;\\n}\\n\\n.admin-attribute-schema-list {\\n position: relative;\\n}\\n\\n.admin-attribute-schema {\\n position: relative;\\n margin-bottom: 15px;\\n}\\n\\n.admin-attribute-schema label, .admin-attribute-schema span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-attribute-schema input, .admin-attribute-schema select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-attribute-schema-item {\\n position: relative;\\n display: inline-block;\\n margin-left: 5px;\\n margin-right: 5px;\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-attribute-schema-item-input {\\n width: 30%;\\n}\\n\\n.admin-attribute-schema-actions {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.admin-attribute-schema-item-centered {\\n text-align: center;\\n}\\n\\n.admin-attribute-schema-action-item {\\n position: relative;\\n}\\n\\n.admin-attribute-schema-actions {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.admin-attributes {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-attributes p {\\n color: rgb(150, 150, 150);\\n margin-bottom: 30px;\\n}\\n\\n.admin-bulk-commands-list {\\n position: relative;\\n}\\n\\n.admin-bulk-command {\\n position: relative;\\n margin-bottom: 15px;\\n}\\n\\n.admin-bulk-command label, .admin-bulk-command span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-bulk-command input, .admin-bulk-command select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-bulk-command-item {\\n position: relative;\\n display: inline-block;\\n margin-left: 5px;\\n margin-right: 5px;\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-bulk-command-item-input {\\n width: 30%;\\n}\\n\\n.admin-bulk-command-actions {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.admin-bulk-command-item-centered {\\n text-align: center;\\n}\\n\\n.admin-bulk-command-action-item {\\n position: relative;\\n}\\n\\n.admin-bulk-command-actions {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.admin-bulk-command-actions {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.admin-calendar-classes {\\n position: relative;\\n width: 100%;\\n}\\n\\n.admin-calendar-classes h2 {\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.admin-calendar-classes-list {\\n position: relative;\\n}\\n\\n.admin-calendar-class {\\n position: relative;\\n margin-bottom: 15px;\\n}\\n\\n.admin-calendar-class label, .admin-calendar-class span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-calendar-class input {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-calendar-class-item {\\n position: relative;\\n display: inline-block;\\n margin-left: 5px;\\n margin-right: 5px;\\n}\\n\\n.admin-calendar-class-item-input {\\n width: 30%;\\n}\\n\\n.admin-calendar-class-actions {\\n position: relative;\\n display: inline-block;\\n}\\n\\n.admin-calendar-class-item-centered {\\n text-align: center;\\n}\\n\\n.admin-calendar-class-action-item {\\n position: relative;\\n}\\n\\n.admin-calendar-classes-actions {\\n position: relative;\\n margin-top: 20px;\\n}\\n\\n.admin-mail {\\n position: relative;\\n}\\n\\n.admin-mail h2 {\\n margin-top: 20px;\\n margin-bottom: 10px;\\n}\\n\\n.admin-mail label, .admin-mail span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-mail input, .admin-mail select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-themes p {\\n color: rgb(150, 150, 150);\\n margin-bottom: 30px;\\n font-size: 1.2em;\\n}\\n\\n.admin-themes input, .admin-themes select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-themes-result {\\n position: relative;\\n padding: 10px;\\n border-radius: 5px;\\n border: 1px solid rgb(255, 255, 255);\\n background-color: rgb(185, 255, 164);\\n}\\n\\n.admin-themes-result i {\\n color: rgb(50, 50, 50);\\n}\\n\\n.admin-themes-list {\\n position: relative;\\n}\\n\\n.admin-themes-list table {\\n width: 100%;\\n}\\n\\n.admin-themes-list thead {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.admin-themes-list thead:hover {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.admin-themes-list td {\\n padding: 10px;\\n color: rgb(150, 150, 150);\\n border: 1px solid rgb(200, 200, 200);\\n}\\n\\n.admin-themes-list td i {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-themes-list td i:hover {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-theme-list-right {\\n width: 5%;\\n text-align: center;\\n}\\n\\n.admin-backup label, .admin-backup span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-backup-result {\\n position: relative;\\n padding: 10px;\\n border-radius: 5px;\\n border: 1px solid rgb(255, 255, 255);\\n background-color: rgb(185, 255, 164);\\n}\\n\\n.admin-backup-result i {\\n color: rgb(50, 50, 50);\\n}\\n\\n.admin-backup-result a {\\n color: rgb(15, 150, 43);\\n}\\n\\n.admin-backup-result a:hover {\\n color: rgb(15, 150, 43);\\n text-decoration: underline;\\n}\\n\\n.admin-weather label, .admin-weather span {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-weather input, .admin-weather select {\\n color: rgb(150, 150, 150);\\n background-color: rgb(50, 50, 50);\\n}\\n\\n.admin-api p {\\n color: rgb(150, 150, 150);\\n margin-bottom: 30px;\\n font-size: 1.2em;\\n}\\n\\n.admin-api table {\\n width: 100%;\\n margin-top: 15px;\\n color: rgb(200, 200, 200);\\n}\\n\\n.admin-api table strong {\\n color: rgb(200, 200, 200);\\n}\\n\\n.admin-api thead {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.admin-api table td {\\n border: 1px solid rgb(200, 200, 200);\\n padding: 10px;\\n}\\n\\n.admin-api table td a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.admin-api table td a:hover {\\n color: rgb(200, 200, 200);\\n}\\n\\n.admin-api table td:last-child {\\n width: 5%;\\n text-align: center;\\n}\\n\\n.admin-info {\\n position: relative;\\n}\\n\\n.admin-info-version {\\n color: rgb(200, 200, 200);\\n font-size: 1.5em;\\n}\\n\\n.admin-info-version-smaller {\\n color: rgb(150, 150, 150);\\n font-size: 0.76em;\\n}\\n\\n.admin-info-support {\\n position: relative;\\n margin-top: 43px;\\n}\\n\\n.admin-info-support a {\\n width: 465px;\\n}\\n@media screen and (max-width: 495px) {\\n .admin-info-support a {\\n width: 100%;\\n height: 50px;\\n font-size: 1.4em;\\n }\\n}\\n\\n.admin-info-sponsor {\\n position: relative;\\n margin-top: 15px;\\n margin-bottom: 15px;\\n}\\n\\n.admin-info-sponsor a {\\n width: 465px;\\n background-color: rgb(30, 150, 183) !important;\\n}\\n@media screen and (max-width: 495px) {\\n .admin-info-sponsor a {\\n width: 100%;\\n height: 50px;\\n font-size: 1.4em;\\n }\\n}\\n\\n.admin-info-sponsor a:hover {\\n background-color: rgb(35, 167, 202) !important;\\n}\\n\\n.admin-info-sponsor i {\\n color: rgb(205, 50, 50);\\n}\\n\\n.admin-info-sponsor i:hover {\\n color: rgb(205, 50, 50);\\n}\\n\\n.admin-info-donation {\\n position: relative;\\n margin-top: 15px;\\n margin-bottom: 15px;\\n}\\n\\n.admin-info-donation a {\\n width: 465px;\\n background-color: rgb(170, 135, 85) !important;\\n}\\n@media screen and (max-width: 495px) {\\n .admin-info-donation a {\\n width: 100%;\\n height: 50px;\\n font-size: 1.4em;\\n }\\n}\\n\\n.admin-info-donation a:hover {\\n background-color: rgb(195, 150, 95) !important;\\n}\\n\\n.admin-info-donation i {\\n color: rgb(90, 67, 10);\\n}\\n\\n.admin-info-donation i:hover {\\n color: rgb(90, 67, 10);\\n}\\n\\n.admin-info-social {\\n position: relative;\\n margin-top: 15px;\\n margin-bottom: 35px;\\n}\\n\\n.admin-info-social img {\\n width: 152px;\\n height: 35px;\\n}\\n@media screen and (max-width: 495px) {\\n .admin-info-social img {\\n width: 32%;\\n height: 30px;\\n }\\n}\\n\\n.admin-info-extensions {\\n position: relative;\\n}\\n\\n.admin-info-extensions h3 {\\n color: rgb(200, 200, 200);\\n font-size: 1.4em;\\n margin-top: 20px;\\n margin-bottom: 20px;\\n}\\n\\n.admin-info-extensions a {\\n color: rgb(0, 145, 215);\\n}\\n\\n.admin-info-extensions a:hover {\\n color: rgb(0, 145, 215);\\n text-decoration: underline;\\n}\\n\\n.admin-info-extensions table {\\n width: 100%;\\n margin-top: 15px;\\n color: rgb(200, 200, 200);\\n}\\n\\n.admin-info-extensions table strong {\\n color: rgb(200, 200, 200);\\n}\\n\\n.admin-info-extensions thead {\\n background-color: rgba(104, 145, 194, 0.5);\\n}\\n\\n.admin-info-extensions table td {\\n border: 1px solid rgb(200, 200, 200);\\n padding: 10px;\\n}\\n\\n.admin-info-extensions table td:first-child {\\n width: 10%;\\n}\\n\\n.version-check {\\n position: relative;\\n margin-top: 30px;\\n}\\n\\n.version-info {\\n position: relative;\\n padding: 20px;\\n margin-top: 30px;\\n color: rgb(250, 250, 250);\\n background-color: rgba(102, 202, 160, 0.76);\\n border: 1px solid rgb(150, 235, 200);\\n border-radius: 10px;\\n}\\n\\n.version-info a {\\n color: rgb(132, 255, 123);\\n font-weight: bold;\\n}\\n\\n.version-info a:hover {\\n color: rgb(132, 255, 123);\\n text-decoration: underline;\\n}\\n\\n.bottomnav {\\n position: fixed;\\n bottom: 0;\\n width: 100%;\\n height: 70px;\\n z-index: 100;\\n padding-left: 5px;\\n padding-right: 5px;\\n background-color: rgb(30, 30, 30);\\n}\\n@media screen and (min-width: 1087px) {\\n .bottomnav {\\n display: none;\\n }\\n}\\n\\n.bottomnav-items {\\n position: relative;\\n display: block;\\n top: 10px;\\n width: 100%;\\n height: 100%;\\n margin-left: auto;\\n margin-right: auto;\\n text-align: center;\\n}\\n\\n.bottomnav-item {\\n position: relative;\\n display: inline-block;\\n width: 65px;\\n height: 50px;\\n margin-top: 6px;\\n color: rgb(150, 150, 150);\\n text-align: center;\\n font-size: 0.8em;\\n}\\n\\n.bottomnav-item a {\\n color: rgb(150, 150, 150);\\n}\\n\\n.bottomnav-item a:hover {\\n color: rgb(200, 200, 200);\\n text-decoration: none;\\n}\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://asatruphp/./app/resources/sass/app.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js"); /***/ }),