@charset "UTF-8";
/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

ol, ul, dl {
  list-style: none;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark, time {
  display: block;
}

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

input, select, textarea {
  -webkit-appearance: none;
  border-radius: 0;
  font-family: "Poppins", sans-serif;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

/* Global */
body, html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Poppins", sans-serif;
  color: #2e3033;
  font-weight: 400;
}

body {
  height: 100%;
  position: relative;
  padding: 3vw;
  background-color: #2e3033;
  background-image: linear-gradient(30deg, #27282b 12%, transparent 12.5%, transparent 87%, #27282b 87.5%, #27282b), linear-gradient(150deg, #27282b 12%, transparent 12.5%, transparent 87%, #27282b 87.5%, #27282b), linear-gradient(30deg, #27282b 12%, transparent 12.5%, transparent 87%, #27282b 87.5%, #27282b), linear-gradient(150deg, #27282b 12%, transparent 12.5%, transparent 87%, #27282b 87.5%, #27282b), linear-gradient(60deg, rgba(39, 40, 43, 0.45) 25%, transparent 25.5%, transparent 75%, rgba(39, 40, 43, 0.45) 75%, rgba(39, 40, 43, 0.45)), linear-gradient(60deg, rgba(39, 40, 43, 0.45) 25%, transparent 25.5%, transparent 75%, rgba(39, 40, 43, 0.45) 75%, rgba(39, 40, 43, 0.45));
  background-size: 66px 116px;
  background-position: 0 0, 0 0, 33px 58px, 33px 58px, 0 0, 33px 58px;
}

h1, h2 {
  font-weight: 700;
}

h1 {
  font-size: 2rem;
  margin-bottom: 2rem;
}

h2 {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

h3 {
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
  font-weight: 400;
}

a {
  color: inherit;
  text-decoration: none;
  border-bottom: dotted 1px;
  transition-duration: 0.2s;
}
a:hover {
  color: #ffd101;
}

hr {
  background: none;
  border: none;
  border-top: solid 1px #efefef;
  padding: 0;
  margin: 1rem 0 2rem 0;
  clear: both;
}

.gray {
  color: #ccc;
}

/* App */
#app {
  display: flex;
  flex-direction: row;
  background: #fff;
  min-height: calc(100vh - 6vw);
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
}

.site-logo {
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}
.site-logo img {
  width: 120px;
  height: auto;
  max-height: 120px;
}

.page-title-section {
  margin-bottom: 2rem;
}
.page-title-section h2 {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 1.5rem;
}
.page-title-section a {
  display: inline-block;
  vertical-align: middle;
  padding: 0.125rem 1.25rem !important;
  margin-bottom: 0 !important;
}

.table-options {
  margin-bottom: 1rem;
}

.current-month-select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.current-month-select .current-month-form {
  margin-bottom: 1rem;
}
.current-month-select .current-month-form form {
  display: flex;
  align-items: center;
}
.current-month-select .current-month-form label {
  margin: 0 0.5rem 0 0;
  font-weight: 400;
}
.current-month-select .current-month-form .select-container {
  margin-right: 1.25rem;
}
.current-month-select .current-month-form button {
  margin-bottom: 0 !important;
  padding: 0.1875rem 1rem !important;
}

#menu {
  display: flex;
  flex-direction: column;
  padding: 3.5rem;
  flex-basis: 370px;
  flex-shrink: 0;
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  background: #ffd101;
  background: linear-gradient(144deg, #ffd101 0%, #ffad17 100%);
}
#menu .site-logo {
  margin-bottom: 3.5rem;
}
#menu .site-logo a {
  border: none;
}
#menu .menus {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#menu .menus ul li {
  position: relative;
  margin-bottom: 0.75rem;
  white-space: nowrap;
}
#menu .menus ul li a {
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 1rem;
  padding: 1rem 0 1.25rem 0;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border: none;
  outline: none;
}
#menu .menus ul li a:before {
  content: "";
  position: relative;
  top: 4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 1.5rem;
}
#menu .menus ul li a:hover, #menu .menus ul li a:focus {
  text-decoration: underline;
  color: inherit;
}
#menu .menus ul li.dashboard a:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='352.87px' viewBox='0 0 512 352.87' style='overflow:visible;enable-background:new 0 0 512 352.87;' xml:space='preserve' %3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232D2C26;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M437.02,74.98C388.67,26.63,324.38,0,256,0S123.33,26.63,74.98,74.98C26.63,123.34,0,187.62,0,256 c0,18.81,2.05,37.58,6.1,55.79c2.34,10.5,5.37,20.95,9.02,31.07c2.22,6.17,8.04,10.01,14.24,10.01c1.71,0,3.44-0.29,5.14-0.9 c7.86-2.84,11.94-11.51,9.1-19.38c-3.21-8.91-5.89-18.12-7.94-27.37c-2.48-11.17-4.09-22.58-4.86-34.08h46.54 c8.36,0,15.14-6.78,15.14-15.14s-6.78-15.14-15.14-15.14H30.79c2-30.1,9.93-58.6,22.63-84.35l40.29,23.26 c2.38,1.38,4.98,2.03,7.55,2.03c5.23,0,10.32-2.71,13.12-7.57c4.18-7.24,1.7-16.5-5.54-20.68l-40.25-23.24 c16.38-24.35,37.38-45.35,61.73-61.73l23.24,40.25c2.8,4.86,7.89,7.57,13.12,7.57c2.57,0,5.17-0.66,7.55-2.03 c7.24-4.18,9.72-13.44,5.54-20.68l-23.26-40.29c25.75-12.7,54.25-20.62,84.34-22.62v46.54c0,8.36,6.78,15.14,15.14,15.14 s15.14-6.78,15.14-15.14V30.8c30.09,2,58.59,9.93,84.34,22.62l-23.26,40.29c-4.18,7.24-1.7,16.5,5.54,20.68 c2.38,1.38,4.98,2.03,7.55,2.03c5.23,0,10.32-2.71,13.12-7.57l23.24-40.25c24.35,16.38,45.35,37.38,61.73,61.73l-40.25,23.24 c-7.24,4.18-9.72,13.44-5.54,20.68c2.8,4.86,7.89,7.57,13.13,7.57c2.57,0,5.17-0.65,7.55-2.03l40.29-23.26 c12.7,25.75,20.62,54.25,22.63,84.34h-46.54c-8.36,0-15.14,6.78-15.14,15.14s6.78,15.14,15.14,15.14h46.54 c-0.72,10.89-2.2,21.7-4.46,32.29c-1.87,8.74-4.29,17.46-7.19,25.91c-2.71,7.91,1.5,16.52,9.4,19.23c7.91,2.71,16.52-1.5,19.23-9.4 c3.29-9.59,6.04-19.49,8.16-29.41C510.09,292.2,512,274.11,512,256C512,187.62,485.37,123.34,437.02,74.98z'/%3E%3Cpath class='st0' d='M340.93,149.48l-64.54,69.55c-6.19-3.53-13.35-5.55-20.97-5.55c-23.45,0-42.52,19.08-42.52,42.52 c0,23.45,19.07,42.52,42.52,42.52c23.45,0,42.52-19.07,42.52-42.52c0-4.66-0.77-9.15-2.16-13.36l67.34-72.57 c5.69-6.13,5.33-15.71-0.8-21.39S346.61,143.36,340.93,149.48z M255.41,268.25c-6.75,0-12.25-5.5-12.25-12.25s5.5-12.25,12.25-12.25 s12.25,5.49,12.25,12.25S262.17,268.25,255.41,268.25z'/%3E%3C/svg%3E%0A");
}
#menu .menus ul li.hours a:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='overflow:visible;enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232D2C26;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Ccircle class='st0' cx='386' cy='210' r='20'/%3E%3Cpath class='st0' d='M432,40h-26V20c0-11.05-8.95-20-20-20s-20,8.95-20,20v20h-91V20c0-11.05-8.95-20-20-20 c-11.05,0-20,8.95-20,20v20h-90V20c0-11.05-8.95-20-20-20s-20,8.95-20,20v20H80C35.89,40,0,75.89,0,120v312 c0,44.11,35.89,80,80,80h153c11.05,0,20-8.95,20-20s-8.95-20-20-20H80c-22.06,0-40-17.94-40-40V120c0-22.06,17.94-40,40-40h25v20 c0,11.05,8.95,20,20,20s20-8.95,20-20V80h90v20c0,11.05,8.95,20,20,20c11.05,0,20-8.95,20-20V80h91v20c0,11.05,8.95,20,20,20 s20-8.95,20-20V80h26c22.06,0,40,17.94,40,40v114c0,11.05,8.95,20,20,20s20-8.95,20-20V120C512,75.89,476.11,40,432,40z'/%3E%3Cpath class='st0' d='M391,270c-66.72,0-121,54.28-121,121s54.28,121,121,121s121-54.28,121-121S457.72,270,391,270z M391,472 c-44.66,0-81-36.34-81-81s36.34-81,81-81s81,36.34,81,81S435.66,472,391,472z'/%3E%3Cpath class='st0' d='M420,371h-9v-21c0-11.05-8.95-20-20-20s-20,8.95-20,20v41c0,11.05,8.95,20,20,20h29c11.05,0,20-8.95,20-20 S431.05,371,420,371z'/%3E%3Ccircle class='st0' cx='299' cy='210' r='20'/%3E%3Ccircle class='st0' cx='212' cy='297' r='20'/%3E%3Ccircle class='st0' cx='125' cy='210' r='20'/%3E%3Ccircle class='st0' cx='125' cy='297' r='20'/%3E%3Ccircle class='st0' cx='125' cy='384' r='20'/%3E%3Ccircle class='st0' cx='212' cy='384' r='20'/%3E%3Ccircle class='st0' cx='212' cy='210' r='20'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
#menu .menus ul li.staff a:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='overflow:visible;enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232D2C26;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M437.02,330.98c-27.88-27.88-61.07-48.52-97.28-61.02C378.52,243.25,404,198.55,404,148 C404,66.39,337.61,0,256,0S108,66.39,108,148c0,50.55,25.48,95.25,64.26,121.96c-36.21,12.49-69.4,33.14-97.28,61.02 C26.63,379.33,0,443.62,0,512h40c0-119.1,96.9-216,216-216s216,96.9,216,216h40C512,443.62,485.37,379.33,437.02,330.98z M256,256 c-59.55,0-108-48.45-108-108S196.45,40,256,40s108,48.45,108,108S315.55,256,256,256z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
#menu .menus ul li.bikes a:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='overflow:visible;enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232D2C26;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M256,212.51c-23.98,0-43.49,19.51-43.49,43.49c0,23.98,19.51,43.49,43.49,43.49 c23.98,0,43.49-19.51,43.49-43.49C299.49,232.02,279.98,212.51,256,212.51z M256,278.85c-12.6,0-22.85-10.25-22.85-22.85 s10.25-22.85,22.85-22.85s22.85,10.25,22.85,22.85S268.6,278.85,256,278.85z'/%3E%3Cpath class='st0' d='M203.82,189.22l-54.63-54.63c-5.16,4.55-10.05,9.44-14.6,14.6l54.63,54.63 C193.48,198.37,198.37,193.48,203.82,189.22z'/%3E%3Cpath class='st0' d='M102.71,204.24c-2.2,6.51-3.99,13.19-5.34,19.94l74.69,20.01c0.96-6.86,2.74-13.54,5.34-19.94L102.71,204.24z' /%3E%3Cpath class='st0' d='M322.78,203.82l54.63-54.63c-4.55-5.16-9.44-10.05-14.6-14.6l-54.63,54.63 C313.63,193.48,318.52,198.37,322.78,203.82z'/%3E%3Cpath class='st0' d='M414.64,224.18c-1.35-6.76-3.14-13.43-5.34-19.94l-74.69,20.01c2.6,6.41,4.39,13.08,5.34,19.94L414.64,224.18z' /%3E%3Cpath class='st0' d='M287.82,97.36l-20.01,74.69c6.86,0.96,13.54,2.74,19.94,5.34l20.01-74.69 C301.25,100.51,294.58,98.72,287.82,97.36z'/%3E%3Cpath class='st0' d='M244.19,172.06l-20.01-74.69c-6.76,1.35-13.43,3.14-19.94,5.34l20.01,74.69 C230.66,174.8,237.33,173.01,244.19,172.06z'/%3E%3Cpath class='st0' d='M322.78,308.18c-4.26,5.45-9.15,10.34-14.6,14.6l54.63,54.63c5.16-4.55,10.05-9.44,14.6-14.6L322.78,308.18z'/%3E%3Cpath class='st0' d='M307.76,409.29l-20.01-74.69c-6.41,2.6-13.08,4.39-19.94,5.34l20.01,74.69 C294.58,413.28,301.25,411.49,307.76,409.29z'/%3E%3Cpath class='st0' d='M177.4,287.75c-2.6-6.41-4.39-13.08-5.34-19.94l-74.69,20.01c1.35,6.76,3.14,13.43,5.34,19.94L177.4,287.75z'/%3E%3Cpath class='st0' d='M339.94,267.81c-0.96,6.86-2.74,13.54-5.34,19.94l74.69,20.01c2.2-6.51,3.99-13.19,5.34-19.94L339.94,267.81z' /%3E%3Cpath class='st0' d='M224.25,334.6l-20.01,74.69c6.51,2.2,13.19,3.99,19.94,5.34l20.01-74.69 C237.33,338.99,230.66,337.2,224.25,334.6z'/%3E%3Cpath class='st0' d='M189.22,308.18l-54.63,54.63c4.55,5.16,9.44,10.05,14.6,14.6l54.63-54.63 C198.37,318.52,193.48,313.63,189.22,308.18z'/%3E%3Cpath class='st0' d='M256,0C114.84,0,0,114.84,0,256s114.84,256,256,256s256-114.84,256-256S397.16,0,256,0z M256,462.18 c-113.69,0-206.18-92.49-206.18-206.18S142.31,49.82,256,49.82S462.18,142.31,462.18,256S369.69,462.18,256,462.18z'/%3E%3C/svg%3E%0A");
}
#menu .menus ul li.reports a:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='464px' height='416px' viewBox='0 0 464 416' style='overflow:visible;enable-background:new 0 0 464 416;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232D2C26;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Solid_1_'%3E%3Cpath class='st0' d='M24,320c6.37,0.01,12.47-2.52,16.97-7.03L176,177.94l55.03,55.03c9.37,9.37,24.57,9.37,33.94,0c0,0,0,0,0,0 L415.99,81.95L415.98,136c0,13.25,10.75,24,24,24s24-10.75,24-24L464,24c0-13.25-10.75-24-24-24H328c-13.25,0-24,10.75-24,24 s10.75,24,24,24h54.06L248,182.06l-55.03-55.03c-9.37-9.37-24.57-9.37-33.94,0c0,0,0,0,0,0l-152,152c-9.37,9.37-9.37,24.57,0,33.94 C11.53,317.47,17.64,320,24,320z'/%3E%3Cpath class='st0' d='M440,368H24c-13.25,0-24,10.75-24,24s10.75,24,24,24h416c13.25,0,24-10.75,24-24S453.26,368,440,368L440,368z' /%3E%3C/g%3E%3C/svg%3E%0A");
}
#menu .menus ul li.users a:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='477.87px' height='426.88px' viewBox='0 0 477.87 426.88' style='overflow:visible;enable-background:new 0 0 477.87 426.88;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232D2C26;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M387.41,208c48.98-44.03,52.99-119.42,8.96-168.4C355.99-5.32,288.4-12.95,239.02,21.84 C185.19-16.15,110.76-3.31,72.77,50.52C37.91,99.91,45.51,167.57,90.45,208C34.61,237.44-0.25,295.48,0,358.61v51.2 c0,9.43,7.64,17.07,17.07,17.07H460.8c9.43,0,17.07-7.64,17.07-17.07v-51.2C478.12,295.48,443.26,237.44,387.41,208z M307.2,34.35 c47.06-0.05,85.26,38.06,85.31,85.12c0.04,33.56-19.63,64.02-50.24,77.8c-1.31,0.6-2.63,1.14-3.96,1.71 c-4.21,1.7-8.56,3.05-12.99,4.04c-0.85,0.19-1.71,0.29-2.58,0.46c-4.95,0.95-9.98,1.46-15.02,1.52c-2.27,0-4.56-0.17-6.83-0.38 c-0.85,0-1.71,0-2.56-0.17c-9.7-1.14-19.14-3.92-27.9-8.23c-0.32-0.15-0.7-0.14-1.02-0.27c-1.71-0.82-3.41-1.54-4.93-2.46 c0.14-0.17,0.22-0.36,0.36-0.53c7.83-10.06,14-21.3,18.28-33.3l0.53-1.43c1.95-5.73,3.46-11.6,4.52-17.56 c0.15-0.87,0.27-1.71,0.41-2.65c0.99-6.07,1.51-12.2,1.55-18.35c-0.05-6.13-0.57-12.26-1.55-18.31c-0.14-0.89-0.26-1.71-0.41-2.64 c-1.06-5.96-2.58-11.83-4.52-17.56l-0.53-1.43c-4.28-12-10.45-23.24-18.28-33.3c-0.14-0.17-0.22-0.36-0.36-0.53 C277.45,38.34,292.19,34.35,307.2,34.35z M85.33,119.68c-0.12-47.01,37.89-85.21,84.89-85.33c22.03-0.06,43.23,8.43,59.13,23.69 c0.99,0.96,1.96,1.91,2.92,2.9c2.93,3.07,5.63,6.35,8.09,9.81c0.75,1.06,1.43,2.18,2.13,3.28c2.38,3.67,4.48,7.52,6.26,11.52 c0.43,0.97,0.75,1.96,1.13,2.93c1.8,4.42,3.21,8.99,4.23,13.65c0.12,0.51,0.15,1.02,0.26,1.55c2.16,10.6,2.16,21.52,0,32.12 c-0.1,0.53-0.14,1.04-0.26,1.55c-1.02,4.66-2.43,9.23-4.23,13.65c-0.38,0.97-0.7,1.96-1.13,2.93c-1.79,3.99-3.88,7.84-6.26,11.5 c-0.7,1.09-1.38,2.22-2.13,3.28c-2.46,3.46-5.16,6.74-8.09,9.81c-0.96,0.99-1.93,1.95-2.92,2.9 c-6.91,6.59-14.88,11.96-23.57,15.91c-1.38,0.63-2.78,1.21-4.2,1.71c-4.11,1.63-8.35,2.95-12.66,3.93 c-1.07,0.24-2.18,0.38-3.28,0.56c-4.63,0.86-9.33,1.34-14.05,1.42h-1.88c-4.71-0.08-9.41-0.55-14.05-1.42 c-1.09-0.19-2.2-0.32-3.28-0.56c-4.32-0.98-8.55-2.29-12.66-3.93c-1.42-0.56-2.82-1.14-4.2-1.71 C105.01,183.56,85.37,153.18,85.33,119.68z M307.2,392.75H34.13v-34.13C33.88,300.78,70.32,249.15,124.89,230 c29.3,12.2,62.25,12.2,91.55,0c5.7,2.08,11.25,4.54,16.62,7.36c3.55,1.83,6.83,3.91,10.24,6.01c2.22,1.38,4.47,2.73,6.6,4.25 c3.29,2.34,6.4,4.88,9.45,7.49c1.96,1.71,3.91,3.41,5.75,5.12c2.82,2.66,5.46,5.48,8,8.36c1.83,2.08,3.6,4.2,5.29,6.38 c2.24,2.87,4.37,5.8,6.35,8.82c1.71,2.56,3.23,5.22,4.73,7.89c1.71,2.93,3.28,5.87,4.71,8.93c1.43,3.05,2.7,6.4,3.92,9.66 c1.08,2.83,2.22,5.65,3.11,8.53c1.2,3.96,2.03,8.05,2.87,12.15c0.51,2.42,1.18,4.8,1.55,7.25c1.01,6.76,1.53,13.58,1.55,20.41 L307.2,392.75L307.2,392.75z M443.73,392.75h-102.4v-34.13c0-5.34-0.31-10.63-0.79-15.87c-0.14-1.54-0.38-3.05-0.55-4.59 c-0.46-3.77-0.99-7.51-1.71-11.21c-0.31-1.58-0.63-3.17-0.97-4.76c-0.82-3.8-1.77-7.57-2.85-11.3c-0.36-1.23-0.68-2.48-1.06-3.69 c-4.78-15.28-11.7-29.8-20.57-43.13l-0.67-0.97c-2.93-4.36-6.07-8.57-9.4-12.65l-0.12-0.15c-3.41-4.23-7.12-8.35-11.01-12.24 c0.22,0,0.46,0,0.7,0c4.82,0.63,9.67,0.98,14.52,1.02h0.94c4.5-0.04,8.98-0.33,13.45-0.87c1.4-0.17,2.78-0.43,4.18-0.65 c3.63-0.56,7.21-1.28,10.75-2.17c1.01-0.26,2.03-0.49,3.05-0.79c4.64-1.26,9.2-2.81,13.65-4.64 c54.61,19.13,91.08,70.79,90.83,128.65L443.73,392.75L443.73,392.75z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
#menu .menus ul li.cities a:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='overflow:visible;enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232D2C26;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M468.33,358.97c-7.26-3.99-16.38-1.34-20.37,5.92c-3.99,7.26-1.34,16.38,5.92,20.37 c17.87,9.82,28.12,20.7,28.12,29.86c0,11.2-15.87,28.56-60.41,43.69C377.58,473.77,318.77,482,256,482s-121.58-8.23-165.59-23.18 C45.87,443.68,30,426.32,30,415.12c0-9.16,10.25-20.04,28.12-29.86c7.26-3.99,9.91-13.11,5.92-20.37 c-3.99-7.26-13.11-9.91-20.37-5.92C23.75,369.92,0,388.54,0,415.12c0,20.37,14.01,49.42,80.76,72.1 C127.79,503.2,190.03,512,256,512s128.21-8.8,175.24-24.78c66.75-22.68,80.76-51.73,80.76-72.1 C512,388.54,488.25,369.92,468.33,358.97z'/%3E%3Cpath class='st0' d='M142.75,437.13c30.45,8.6,70.67,13.34,113.25,13.34s82.8-4.74,113.25-13.34 c37.25-10.52,56.14-25.76,56.14-45.27c0-19.52-18.89-34.75-56.14-45.27c-8.27-2.34-17.26-4.39-26.83-6.13 c-5.19,8.97-10.63,18.21-16.32,27.71c10.58,1.59,20.52,3.54,29.55,5.83c27.42,6.98,37.43,14.84,39.49,17.87 c-2.06,3.02-12.07,10.88-39.49,17.87c-25.95,6.61-59.33,10.38-94.5,10.72c-1.7,0.13-3.42,0.2-5.15,0.2c-1.73,0-3.44-0.07-5.15-0.2 c-35.16-0.34-68.55-4.11-94.5-10.72c-27.42-6.98-37.43-14.84-39.49-17.87c2.06-3.02,12.07-10.88,39.49-17.87 c9.02-2.3,18.96-4.25,29.55-5.83c-5.69-9.5-11.13-18.74-16.32-27.71c-9.56,1.75-18.56,3.8-26.83,6.13 c-37.25,10.52-56.14,25.76-56.14,45.27C86.61,411.37,105.5,426.61,142.75,437.13z'/%3E%3Cpath class='st0' d='M256,390.63c13.35,0,25.48-6.8,32.45-18.2c48.81-79.86,106.99-185.1,106.99-232.99 C395.44,62.55,332.89,0,256,0S116.56,62.55,116.56,139.44c0,47.89,58.18,153.14,106.99,232.99 C230.52,383.83,242.65,390.63,256,390.63z M199.95,129.87c0-30.9,25.14-56.04,56.05-56.04s56.05,25.14,56.05,56.04 c0,30.9-25.14,56.05-56.05,56.05S199.95,160.77,199.95,129.87z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#menu .menus ul li.current a {
  font-weight: 700;
  background: #fafaf9;
  margin-left: -1.75rem;
  padding-left: 1.75rem;
  margin-right: -3.5rem;
}
#menu .menus ul li.current:before, #menu .menus ul li.current:after {
  content: "";
  position: absolute;
  top: -30px;
  right: -3.5rem;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15px' height='15px' viewBox='0 0 15 15' style='overflow:visible;enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FAFAF9;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M0,15h15V0C15,8.28,8.28,15,0,15z'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}
#menu .menus ul li.current:after {
  top: auto;
  bottom: -30px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15px' height='15px' viewBox='0 0 15 15' style='overflow:visible;enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FAFAF9;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M0,0c8.28,0,15,6.72,15,15V0H0z'/%3E%3C/svg%3E%0A");
}

#content-area {
  background: #fafaf9;
  flex-grow: 1;
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
#content-area #top-menu {
  position: relative;
  display: flex;
  height: 6rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  padding: 0 3rem;
  z-index: 100;
}
#content-area #top-menu h1, #content-area #top-menu h2, #content-area #top-menu h3 {
  margin-bottom: 0;
}
#content-area #top-menu #city-select {
  position: relative;
}
#content-area #top-menu #city-select .current {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.375rem;
  font-weight: 700;
  cursor: pointer;
  margin-left: -1rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#content-area #top-menu #city-select .current:after {
  content: "";
  border-top: solid 7px #2d2c26;
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
  margin-left: 1rem;
}
#content-area #top-menu #city-select .cities {
  display: none;
  position: absolute;
  top: 3rem;
  left: -1rem;
  background: #2e3033;
  padding: 1.5rem;
  min-width: 200px;
  border-radius: 0.75rem;
}
#content-area #top-menu #city-select .cities ul li {
  margin-bottom: 1rem;
}
#content-area #top-menu #city-select .cities ul li a {
  color: #fff;
  text-decoration: none;
  border-bottom: solid 1px transparent;
  transition-duration: 0.2s;
}
#content-area #top-menu #city-select .cities ul li a:hover {
  border-color: inherit;
}
#content-area #top-menu #city-select .cities ul li:last-child {
  margin-bottom: 0;
}
#content-area #top-menu #city-select:hover .current {
  background: #f5f5f5;
}
#content-area #top-menu #city-select:hover .cities {
  display: block;
}
#content-area #top-menu #account {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#content-area #top-menu #account .image {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100px;
  overflow: hidden;
  margin-right: 1rem;
  flex-shrink: 0;
  background-color: #efefef;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='overflow:visible;enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232D2C26;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M437.02,330.98c-27.88-27.88-61.07-48.52-97.28-61.02C378.52,243.25,404,198.55,404,148 C404,66.39,337.61,0,256,0S108,66.39,108,148c0,50.55,25.48,95.25,64.26,121.96c-36.21,12.49-69.4,33.14-97.28,61.02 C26.63,379.33,0,443.62,0,512h40c0-119.1,96.9-216,216-216s216,96.9,216,216h40C512,443.62,485.37,379.33,437.02,330.98z M256,256 c-59.55,0-108-48.45-108-108S196.45,40,256,40s108,48.45,108,108S315.55,256,256,256z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}
#content-area #top-menu #account .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#content-area #top-menu #account #settings-menu {
  position: relative;
  text-decoration: none;
  outline: none;
}
#content-area #top-menu #account #settings-menu button {
  display: flex;
  align-items: center;
  border: none;
  padding: 0;
  background: none;
  color: #2e3033;
  margin-bottom: 0;
}
#content-area #top-menu #account #settings-menu button .name {
  display: inline-block;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 700;
  border-bottom: dashed 1px transparent;
  transition-duration: 0.2s;
}
#content-area #top-menu #account #settings-menu button .icon {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  background: #efefef;
  border-radius: 0.3125rem;
  margin-left: 1rem;
  transition-duration: 0.2s;
}
#content-area #top-menu #account #settings-menu button .icon:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: solid 4px #2d2c26;
  border-left: solid 4px transparent;
  border-right: solid 4px transparent;
}
#content-area #top-menu #account #settings-menu button:hover .name, #content-area #top-menu #account #settings-menu button:focus .name {
  border-color: inherit;
}
#content-area #top-menu #account #settings-menu button:hover .icon, #content-area #top-menu #account #settings-menu button:focus .icon {
  background: #2e3033;
}
#content-area #top-menu #account #settings-menu button:hover .icon:before, #content-area #top-menu #account #settings-menu button:focus .icon:before {
  border-top-color: #fff;
}
#content-area #top-menu #account #settings-menu ul {
  display: none;
  position: absolute;
  top: 3rem;
  right: -1rem;
  background: #2e3033;
  color: #fff;
  padding: 1.5rem;
  padding-right: 4rem;
  border-radius: 0.75em;
}
#content-area #top-menu #account #settings-menu ul:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 1rem;
  width: 0;
  height: 0;
  border-bottom: solid 10px #2e3033;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
#content-area #top-menu #account #settings-menu ul li {
  margin-bottom: 0.5rem;
}
#content-area #top-menu #account #settings-menu ul li:last-child {
  margin-bottom: 0;
}
#content-area #top-menu #account #settings-menu ul li a {
  text-decoration: none;
  border-bottom: solid 1px transparent;
  transition-duration: 0.2s;
  white-space: nowrap;
}
#content-area #top-menu #account #settings-menu ul li a:hover {
  border-color: inherit;
}
#content-area #top-menu #account #settings-menu ul li button {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  color: #fff;
  font-weight: 400;
  text-transform: none;
  text-align: left;
  border-bottom: solid 1px transparent;
  transition-duration: 0.2s;
  border-radius: 0;
  white-space: nowrap;
}
#content-area #top-menu #account #settings-menu ul li button:hover {
  color: #ffd101;
  border-color: inherit;
}
#content-area #top-menu #account #settings-menu.open ul {
  display: block;
}
#content-area #content {
  padding: 3rem;
}
#content-area #content > *:last-child {
  margin-bottom: 0;
}

#login {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1.25rem;
  background: #ffd101;
  background: linear-gradient(144deg, #ffd101 0%, #ffad17 100%);
}
#login .login-form {
  width: 300px;
  text-align: center;
  padding: 4rem 0;
}
#login .login-form a {
  border-color: transparent;
}
#login .login-form a:hover {
  border-color: inherit;
  color: inherit;
}
#login .login-form form {
  margin-top: 2rem;
}
#login .login-form form input[type=text],
#login .login-form form input[type=email],
#login .login-form form input[type=tel],
#login .login-form form input[type=number],
#login .login-form form input[type=password],
#login .login-form form select,
#login .login-form form textarea {
  border-color: #fff;
}
#login .login-form form .checkbox input + label:before {
  border-color: #fff;
}
#login .login-form form .checkbox input:checked + label:before {
  border-color: #2e3033;
}
#login .login-form form .checkbox input:focus:checked + label:before {
  background: #46494e;
  border-color: #46494e;
}
#login .login-form form .checkbox input:focus:not(:checked) + label:before {
  border-color: #6a6f76;
}
#login .login-form .input-container {
  margin-bottom: 1rem;
}
#login .login-form .submit-container {
  margin: 2rem 0;
}

/* Panels */
.panels {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 2rem);
  margin: 0 -1rem;
}
.panels .panel {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.03);
  flex: 0 0 calc(50% - 2rem);
  margin: 0 1rem 2rem 1rem;
}
.panels .panel .title {
  font-size: 1rem;
  font-weight: 700;
  padding: 1rem 1.5rem;
  border-bottom: solid 1px #efefef;
}
.panels .panel .content {
  padding: 1rem 1.5rem;
}
.panels .panel .content canvas {
  width: 100% !important;
  height: 100% !important;
}
.panels .panel .content > *:last-child {
  margin-bottom: 0;
}
.panels .panel.large {
  flex-basis: calc(100% - 2rem);
}
.panels .panel:last-child {
  margin-bottom: 0;
}

/* Site messages */
.site-message {
  position: relative;
  position: fixed;
  top: 0;
  left: 50%;
  background: #fff;
  color: #2e3033;
  padding: 0.375rem 2rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-animation: reveal-message 4s ease-in-out forwards;
          animation: reveal-message 4s ease-in-out forwards;
  white-space: nowrap;
  z-index: 10000;
}
.site-message:before {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 2.25rem;
  height: 100%;
  border-bottom-left-radius: 1rem;
  font-weight: 700;
}
.site-message.error, .site-message.success {
  padding-left: 4rem;
}
.site-message.error:before {
  content: "!";
  background: #fd3d24;
  color: #fff;
}
.site-message.success:before {
  content: "✓";
  background: #2ddb67;
  color: #fff;
}

@-webkit-keyframes reveal-message {
  0% {
    transform: translateX(-50%) translateY(-2rem);
    opacity: 0;
  }
  10% {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
  90% {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(0);
    opacity: 0;
  }
}

@keyframes reveal-message {
  0% {
    transform: translateX(-50%) translateY(-2rem);
    opacity: 0;
  }
  10% {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
  90% {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(0);
    opacity: 0;
  }
}
/* Charts */
.chart {
  position: relative;
}
.chart.day-sales {
  height: 300px;
}
.chart.weather {
  height: 300px;
}
.chart.work-efficiency, .chart.work-efficiency-sales {
  height: 500px;
}

#total-items {
  display: flex;
  flex-wrap: wrap;
}
#total-items .item {
  flex: 0 0 50%;
  margin: 0.5rem 0;
}
#total-items .item h3 {
  margin-bottom: 0;
}

#total-items-small {
  display: flex;
  flex-wrap: wrap;
}
#total-items-small .item {
  flex: 0 0 33.333%;
  margin: 0.5rem 0;
}

/* Forms */
form {
  font-size: 0;
}

label {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=date],
input[type=password],
select,
textarea {
  display: block;
  width: 100%;
  border: solid 1px #ccc;
  background: #fff;
  padding: 0.5rem 1.25rem;
  border-radius: 1.5rem;
  outline: none;
  font-size: 1rem;
  color: #2e3033;
  font-family: "Poppins", sans-serif;
}

select {
  cursor: pointer;
  padding-right: 3rem;
}

textarea {
  resize: none;
  height: 100px;
}

input[type=submit],
input[type=button],
button:not(.pika-button):not(.pika-prev):not(.pika-next),
.button {
  display: inline-block;
  background: #2e3033;
  color: #fff;
  border-radius: 100px;
  padding: 0.5rem 3rem;
  border: solid 2px #2e3033;
  text-align: center;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  margin-bottom: 0.5rem;
  transition-duration: 0.2s;
}
input[type=submit]:hover, input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:focus,
button:not(.pika-button):not(.pika-prev):not(.pika-next):hover,
button:not(.pika-button):not(.pika-prev):not(.pika-next):focus,
.button:hover,
.button:focus {
  background: transparent;
  color: #2e3033;
}
input[type=submit].small,
input[type=button].small,
button:not(.pika-button):not(.pika-prev):not(.pika-next).small,
.button.small {
  padding: 0.375rem 1.75rem;
  margin-bottom: 1.5rem;
  text-transform: none;
}
input[type=submit].accent,
input[type=button].accent,
button:not(.pika-button):not(.pika-prev):not(.pika-next).accent,
.button.accent {
  background: #ffd101;
  border-color: #ffd101;
}
input[type=submit].accent:hover, input[type=submit].accent:focus,
input[type=button].accent:hover,
input[type=button].accent:focus,
button:not(.pika-button):not(.pika-prev):not(.pika-next).accent:hover,
button:not(.pika-button):not(.pika-prev):not(.pika-next).accent:focus,
.button.accent:hover,
.button.accent:focus {
  color: #ffd101;
  background: transparent;
}

input[type=file] {
  position: relative;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
input[type=file] + label {
  display: inline-block;
  background: #ffd101;
  color: #fff;
  border-radius: 100px;
  padding: 0.375rem 1.75rem;
  margin-bottom: 1.5rem;
  text-transform: none;
  border: solid 2px #ffd101;
  text-align: center;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition-duration: 0.2s;
}
input[type=file] + label * {
  pointer-events: none;
}
input[type=file] + label:hover {
  background: none;
  color: #ffd101;
  outline: none;
}

.input-fields {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: -1rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.input-fields .input-container {
  margin: 0 1rem 1.5rem 1rem;
  flex: 1 1 calc(100% - 2rem);
  min-width: 200px;
}
.input-fields .input-container.input-25 {
  flex-basis: calc(25% - 2rem);
}
.input-fields .input-container.input-33 {
  flex-basis: calc(33% - 2rem);
}
.input-fields .input-container.input-50 {
  flex-basis: calc(50% - 2rem);
}
.input-fields .input-container.input-66 {
  flex-basis: calc(66% - 2rem);
}
.input-fields .input-container.input-100 {
  flex-basis: calc(100% - 2rem);
}

.submit-container {
  margin-top: 3rem;
}

.error-text {
  font-size: 0.875rem;
  color: red;
  margin-top: 0.5rem;
}

.checkbox-group {
  margin-top: 1rem;
}

.checkbox input,
.radio input {
  position: absolute;
  left: -9999px;
}
.checkbox input + label,
.radio input + label {
  display: inline-block;
  position: relative;
  font-weight: 400;
  cursor: pointer;
}
.checkbox input + label:before,
.radio input + label:before {
  content: "";
  position: relative;
  top: 2px;
  display: inline-block;
  vertical-align: top;
  width: 1.25rem;
  height: 1.25rem;
  background: #fff;
  border: solid 1px #2e3033;
  margin-right: 0.5rem;
}
.checkbox input:checked + label:before,
.radio input:checked + label:before {
  background: #2e3033;
  border-color: #2e3033;
}
.checkbox input:focus:checked + label:before,
.radio input:focus:checked + label:before {
  background: #46494e;
  border-color: #46494e;
}
.checkbox input:focus:not(:checked) + label:before,
.radio input:focus:not(:checked) + label:before {
  border-color: #6a6f76;
}

.radio input + label:before {
  border-radius: 50%;
}

.select-container {
  position: relative;
}
.select-container:after {
  content: "";
  position: absolute;
  top: 1rem;
  right: 1.25rem;
  width: 0;
  height: 0;
  border-top: solid 6px #2e3033;
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
  pointer-events: none;
}

.number-container {
  position: relative;
}
.number-container:before {
  content: attr(data-prefix);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  font-size: 0.875rem;
  width: 3rem;
  height: 100%;
  padding-left: 0.375rem;
  background: #f5f5f5;
  border: solid 1px #ccc;
  border-top-left-radius: 10rem;
  border-bottom-left-radius: 10rem;
}
.number-container input {
  padding-left: 4rem;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-style: italic;
}

::-moz-placeholder {
  color: #ccc;
  font-style: italic;
}

:-ms-input-placeholder {
  color: #ccc;
  font-style: italic;
}

:-moz-placeholder {
  color: #ccc;
  font-style: italic;
}

/* Datepicker */
.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
  width: 4.5ch;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper .arrowUp,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper .arrowDown {
  display: none;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper .cur-year {
  pointer-events: none;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper:hover {
  background: none;
}
.flatpickr-calendar .flatpickr-current-month .cur-month:hover {
  background: none;
}
.flatpickr-calendar .flatpickr-weekday {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.flatpickr-calendar .numInput {
  border-radius: 0;
  border: none;
}

/* Pagination */
.pagination nav {
  display: flex;
  justify-content: space-between;
  margin: 0 1.5rem;
}

/* Tables */
table:not(.pika-table) {
  width: 100%;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.03);
  margin-bottom: 2rem;
  font-size: 1rem;
}
table:not(.pika-table) .align-right {
  text-align: right;
}
table:not(.pika-table) thead tr,
table:not(.pika-table) tfoot tr {
  border-bottom: solid 1px #efefef;
}
table:not(.pika-table) thead tr th,
table:not(.pika-table) tfoot tr th {
  text-align: left;
  padding: 1rem 1.5rem;
  vertical-align: top;
}
table:not(.pika-table) tfoot tr {
  border-top: solid 1px #efefef;
  border-bottom: 0;
}
table:not(.pika-table) tfoot tr th {
  font-weight: 400;
}
table:not(.pika-table) tbody tr td {
  padding: 1rem 1.5rem;
  vertical-align: top;
}
table:not(.pika-table) tbody tr td ul li {
  display: inline-block;
  vertical-align: top;
}
table:not(.pika-table) tbody tr td ul li:after {
  content: ",";
}
table:not(.pika-table) tbody tr td ul li:last-child:after {
  display: none;
}
table:not(.pika-table) tbody tr:first-child td {
  padding-top: 1.5rem;
}
table:not(.pika-table) tbody tr:last-child td {
  padding-bottom: 1.5rem;
}
table:not(.pika-table) .table-buttons {
  font-size: 0;
  white-space: nowrap;
  width: 250px;
}
table:not(.pika-table) .table-buttons .button {
  display: inline;
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  text-transform: none;
  margin-left: 0.5rem;
  margin-bottom: 0;
  font-weight: 400;
}
table:not(.pika-table) .table-buttons .button.delete {
  background: #fd3d24;
  border-color: #fd3d24;
}
table:not(.pika-table) .table-buttons .button.delete:hover, table:not(.pika-table) .table-buttons .button.delete:focus {
  background: #fff;
  color: #fd3d24;
}
table:not(.pika-table) .table-buttons .button:first-child {
  margin-left: 0;
}

/* Misc */
.under-maintenance-notice-icon {
  position: relative;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.25rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 112.1'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%23ffd101;%7D%3C/style%3E%3C/defs%3E%3Cpath class='b' d='M9.82,112.1H114.22c7.3,0,12-7.7,8.7-14.2L70.72,5.4c-3.6-7.2-13.9-7.2-17.5,0L1.02,97.9c-3.2,6.5,1.5,14.2,8.8,14.2Z'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.under-maintenance-notice-icon::before {
  content: "!";
  display: block;
  color: #2d2c26;
  text-align: center;
  width: 100%;
  height: 100%;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.5rem;
}

@media only screen and (min-width: 2400px) {
  body {
    padding: 4.5rem 0;
  }

  #app {
    width: 2250px;
    margin-left: auto;
    margin-right: auto;
    min-height: calc(100vh - 9rem);
  }
}
@media only screen and (max-width: 1600px) {
  #menu {
    flex-basis: 300px;
  }
}
@media only screen and (max-width: 1440px) {
  table:not(.pika-table) {
    display: block;
  }
  table:not(.pika-table) thead {
    display: none;
  }
  table:not(.pika-table) tbody,
table:not(.pika-table) tfoot {
    display: block;
    padding: 1.25rem;
  }
  table:not(.pika-table) tbody tr,
table:not(.pika-table) tfoot tr {
    display: block;
    margin-bottom: 1rem;
    padding-bottom: 1.5rem;
    border-bottom: solid 1px #efefef;
  }
  table:not(.pika-table) tbody tr td,
table:not(.pika-table) tbody tr th,
table:not(.pika-table) tfoot tr td,
table:not(.pika-table) tfoot tr th {
    display: block;
    padding: 0.25rem 0;
  }
  table:not(.pika-table) tbody tr td.show-title-on-mobile:before,
table:not(.pika-table) tbody tr th.show-title-on-mobile:before,
table:not(.pika-table) tfoot tr td.show-title-on-mobile:before,
table:not(.pika-table) tfoot tr th.show-title-on-mobile:before {
    content: attr(data-title);
    display: inline-block;
    margin-right: 2px;
  }
  table:not(.pika-table) tbody tr td.show-title-on-mobile.width-45:before,
table:not(.pika-table) tbody tr th.show-title-on-mobile.width-45:before,
table:not(.pika-table) tfoot tr td.show-title-on-mobile.width-45:before,
table:not(.pika-table) tfoot tr th.show-title-on-mobile.width-45:before {
    width: 45%;
  }
  table:not(.pika-table) tbody tr td.table-buttons,
table:not(.pika-table) tbody tr th.table-buttons,
table:not(.pika-table) tfoot tr td.table-buttons,
table:not(.pika-table) tfoot tr th.table-buttons {
    margin-top: 1rem;
  }
  table:not(.pika-table) tbody tr td ul,
table:not(.pika-table) tbody tr th ul,
table:not(.pika-table) tfoot tr td ul,
table:not(.pika-table) tfoot tr th ul {
    display: inline-block;
  }
  table:not(.pika-table) tbody tr td:first-child,
table:not(.pika-table) tbody tr th:first-child,
table:not(.pika-table) tfoot tr td:first-child,
table:not(.pika-table) tfoot tr th:first-child {
    font-weight: 700;
  }
  table:not(.pika-table) tbody tr:first-child td,
table:not(.pika-table) tfoot tr:first-child td {
    padding-top: 0;
  }
  table:not(.pika-table) tbody tr:last-child,
table:not(.pika-table) tfoot tr:last-child {
    margin-bottom: 0;
    padding-bottom: 0.5rem;
    border-bottom: none;
  }
  table:not(.pika-table) tbody tr:last-child td,
table:not(.pika-table) tfoot tr:last-child td {
    padding-bottom: 0;
  }
  table:not(.pika-table) tfoot {
    border-top: solid 1px #efefef;
  }
  table:not(.pika-table) tfoot tr {
    border-top: none;
  }

  .panels .panel {
    flex: 0 0 calc(100% - 2rem);
  }
}
@media only screen and (max-width: 1200px) {
  body, html {
    font-size: 15px;
  }

  .site-logo img {
    width: 50px;
    height: 50px;
  }

  #login .site-logo img {
    width: 100px;
    height: 100px;
  }

  #menu {
    flex-basis: 100px;
    padding: 1rem;
  }
  #menu .menus ul li a {
    font-size: 0;
    text-align: center;
  }
  #menu .menus ul li a:before {
    top: 2px;
    margin: 0 auto;
  }
  #menu .menus ul li.current:before, #menu .menus ul li.current:after {
    right: -1rem;
  }
  #menu .menus ul li.current a {
    margin-left: 0;
    margin-right: -1rem;
    padding-left: 0;
    padding-right: 1rem;
  }

  #content-area #content {
    padding: 2rem;
  }
  #content-area #top-menu {
    height: 75px;
    padding: 0 2rem;
  }
  #content-area #top-menu #city-select .current {
    font-size: 1.25rem;
  }
  #content-area #top-menu #city-select .cities {
    top: 2.75rem;
  }
}
@media only screen and (max-width: 992px) {
  .current-month-select {
    display: block;
    margin-bottom: 2rem;
  }
  .current-month-select h2 {
    margin-bottom: 1rem;
  }
  .current-month-select .current-month-form {
    display: block;
  }
  .current-month-select .current-month-form form {
    display: block;
  }
  .current-month-select .current-month-form label {
    display: none;
  }
  .current-month-select .current-month-form .select-container {
    margin-right: 0.5rem;
    display: inline-block;
    width: calc(50% - .25rem);
  }
  .current-month-select .current-month-form .select-container:last-of-type {
    margin-right: 0;
  }
  .current-month-select .current-month-form button {
    display: block;
    width: 100%;
    margin-top: 1rem;
  }

  select {
    padding: 0.375rem 2.5rem 0.375rem 1rem;
  }

  .select-container:after {
    top: 0.875rem;
    right: 0.875rem;
  }

  #total-items .item {
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  #menu {
    flex-basis: 80px;
  }

  .page-title-section {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
  }
  .page-title-section a {
    padding: 0.125rem 1rem !important;
    white-space: nowrap;
  }

  .panels .panel .title {
    padding: 0.75rem 1rem;
  }
  .panels .panel .content {
    padding: 1rem;
  }

  table:not(.pika-table) tbody,
table:not(.pika-table) tfoot {
    padding: 1rem;
  }
  table:not(.pika-table) tbody tr,
table:not(.pika-table) tfoot tr {
    margin-bottom: 0.5rem;
    padding-bottom: 1.25rem;
  }
  table:not(.pika-table) tbody tr td.table-buttons .button,
table:not(.pika-table) tfoot tr td.table-buttons .button {
    padding: 0.125rem 0.75rem;
  }
}
@media only screen and (max-width: 576px) {
  body {
    padding: 0;
  }

  #app {
    min-height: 100vh;
    border-radius: 0;
  }

  #login {
    border-radius: 0;
  }

  #menu {
    flex-basis: 60px;
    border-radius: 0;
  }
  #menu .menus {
    height: auto;
  }
  #menu .menus ul li.current a {
    margin-left: -0.5rem;
    padding-left: 0.5rem;
  }

  .site-logo img {
    width: 40px;
    height: 40px;
  }

  #content-area {
    border-radius: 0;
  }
  #content-area #top-menu {
    border-radius: 0;
    height: 60px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  #content-area #top-menu #account .image {
    margin-right: 0;
  }
  #content-area #top-menu #account #settings-menu button .name {
    display: none;
  }
  #content-area #content {
    padding: 1.5rem;
  }

  .input-fields .input-container {
    margin-bottom: 1rem;
  }
}