:root {
  --background-color: #ffffff;
  --secondary-color: #fbfefb;
  --text-dark: #101010;
  --text: #333333;
  --text-light: #7b7b85;
  --text-lighter: #ababab;
  --blue: #5273d8;
  --green: #28ac04;
  --yellow: #feca57;
  --error: #ff0000;
  --red: #c0392b;
  --white: #ffffff;
  --purple: #8d47ca;
  --black50: rgba(0,0,0,0.5);
  --white10: rgba(255,255,255,0.1);
  --white20: rgba(255,255,255,0.2);
  --white50: rgba(255,255,255,0.5);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #1e1f23;
    --secondary-color: #232428;
    --text-dark: #efefef;
    --text: #c4c5c9;
    --text-light: #6c6d71;
    --text-lighter: #8e8f93;
  }
}

* {
  box-sizing: border-box;
  position: relative;
}
*:focus {
  outline: 0;
}
html {
  min-height: 100%;
}
body {
  background: var(--background-color);
  color: var(--text);
  margin: 0;
  font-family: 'Open sans', sans-serif;
  min-height: 100vh;
  flex-direction: row;
  display: flex;
}
textarea {
  font-family: 'Open sans', sans-serif;
}
/*@media (max-width: 600px) AND (orientation: landscape) {
  body {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}*/
#overlay, #overlay-detail {
  background-color: var(--background-color);
  height: 100%;
  right: -100vw;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999;
  -webkit-transition: right ease-out 200ms;
  transition: right ease-out 200ms;
}
#overlay {
  box-shadow: 5px 0px 5px 5px rgba(0,0,0,0.5);
  border-left: 1px solid #8d47ca;
  width: 80%;
}
#overlay.show {
  right: 0px;
}
#overlay-detail {
  right: 0px;
  top: 100vh;
  -webkit-transition: top ease-out 200ms;
  transition: top ease-out 200ms;
}
#overlay-detail.preview {
  top: calc(100% - 400px);
}
#overlay-detail.show {
  overflow-y: scroll;
  top: 0px;
}
#overlay .content, #overlay-detail .content {
  background-color: transparent;
  color: var(--text);;
  display: block;
  font-size: 1em;
  padding: 10px 55px 250px 40px;
  width: 100%;
}
#overlay .content:before, #overlay-detail .content:before {
  display: none;
}
#overlay .close, #overlay-detail .close, #search .close {
  background-color: rgba(255,255,255,0.5);
  cursor: pointer;
  position: fixed; 
  right: 25px;
  top: 100vh;
  width: 25px!important;
  height: 25px!important;
  -webkit-mask-size: 15px;
  mask-size: 15px;
  -webkit-transition: top ease-out 200ms;
  transition: top ease-out 200ms;
}
#overlay.show .close, #overlay-detail.show .close, #search.show .close {
  top: 15px;
}
#search .close:hover {
  background-color: rgba(255,255,255,1);
}
#overlay .close, #overlay-detail .close {
  background-color: rgba(0,0,0,0.5);  
}
#overlay .close:hover, #overlay-detail .close:hover {
  background-color: rgba(0,0,0,1);
}
#overlay-detail .title {
  display: inline-block;
  font-weight: 600;
  font-size: 1.2em;
  width: 80%;
}
#overlay-detail .btn.navigate {
  position: fixed;
  right: calc(50% - 125px);
  bottom: -100vh;
  height: 40px;
  text-align: center;
  text-decoration: none;
  width: 225px;
  z-index: 1000;
  -webkit-transition: bottom ease-out 200ms;
  transition: bottom ease-out 200ms;
}
#overlay-detail .btn.navigate:hover {

}
#overlay-detail.show .btn.navigate {
  bottom: 20px;
}
@media (max-width: 600px) {
  #overlay-detail .btn.navigate {
    right: 10%;
    width: 80%;
  }
}

#search {
  background-color: rgba(0,0,0,0.9);
  /*display: none;*/
  height: 100%;
  position: fixed;
  top: -150vh;
  width: 100%;
  z-index: 10000;  
  -webkit-transition: top ease-out 200ms;
  transition: top ease-out 200ms;
}
#search.show {
  top: 0px;
  /*display: block;*/
}
#search.show .close {
  top: 30px;  
}
#search-input {
  margin: 20px auto;
  color: #fff;
  display: block;
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #fff;
  line-height: 40px;
  font-size: 1.5em;
  width: 80%;
}
#search-clear {
  cursor: pointer;
  display: none;
  position: absolute;
  height: 30px!important;
  width: 30px!important;
  top: 27px;
  right: 10%;
  background-color: rgba(255,255,255,0.5);
  -webkit-mask-size: 25px;
}
#search-clear:hover {
  background-color: rgba(255,255,255,1);
}
#search-clear.show {
  display: block;
}
#search-result {
  margin: 0 auto;
  width: 80%;
  color: #eee;
}
#search-result .item {
  border-bottom: 1px solid rgba(255,255,255,0.2);
  cursor: pointer;
  padding: 10px; 
}
#search-result .item:hover {
  background-color: rgba(255,255,255,0.1);
}
#search-result .item .first-row {
  font-weight: 700
}
#search-result .item .second-row i {
  background-color: #28ac04;
  border-radius: 4px;
  color: #fff;
  line-height: 18px;
  padding: 0 5px;
  font-style: normal;
  font-size: 0.8em;
  margin: 0 10px 0 0;
}
#search-result .item .second-row i.hems {
  background-color: #5273d8;
}
#search-result .item .second-row i.covid {
  background-color: #8d47ca;
}

#back-to-map {
  background: #8d47ca;
  border-radius: 50px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: none;
  position: fixed;
  right: 70px;
  bottom: 17px;
  z-index: 100;
}
#back-to-map i {
  float: none;
  margin: 7px!important;
  line-height: 40px;
  background: white;
}
#back-to-map:hover {
  background-color: #fff;
}
#back-to-map:hover i {
  background: #8d47ca;  
}
#back-to-map.show {
  display: block;
}

#clock {
  position: fixed;
  top: 21px;
  right: 70px;
  z-index: 10;
  color: #fff;
  background-color: #000;
  line-height: 30px;
  border-radius: 10px;
  font-weight: 600;
  width: 150px;
  text-align: center;
}
#clock.gmt {
  width: 275px;
}

/* login form --------------------------------------------------------------- */
#login {
  left: calc(50% - 150px);
  position: absolute;
  text-align: center;
  top: calc(50% - 400px);
  width: 300px;
}
#login > img {
  margin: 50px;
  width: 200px;
}
#login .input-line {
  margin: 0 0 20px 0;
  width: 100%;
}

#login .icon {
  background-color: #cecfd1;
  height: 50px!important;
  left: 0;
  position: absolute;
  top: 0;
  width: 50px!important;
  z-index: 1;
}
#login .input-line input {
  border: 0;
  border-bottom: 2px solid #cecfd1;
  border-radius: 0;
  font-size: 1em;
  line-height: 50px;
  margin-bottom: 3px;
  padding: 0 50px;
  text-align: center;
  width: 100%;
}
#login .input-line input::-webkit-input-placeholder {
  color: #cecfd1;
}
#login .input-line input:focus, #login .input-line input:focus ~ .icon {
  border-bottom: 5px solid #8d47ca;
  margin-bottom: 0px;
}
#login .input-line input:focus ~ .icon {
  background-color: #8d47ca;
}
#login .input-line.error .icon {
  background-color: #ff0000;
}
#login .input-line.error input {
  border-bottom: 5px solid #ff0000;
  color: #ff0000;
  margin-bottom: 0px;
}
#login .input-line.error input::-webkit-input-placeholder {
  color: #ff0000;
}
#login .submit {
  background-color: #8d47ca;
  border: 0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 50px;
  margin: 50px 0;
  text-transform: uppercase;
  width: 100%;
}
#login .submit:hover {
  background-color: #fff;
  border: 5px solid #8d47ca;
  border-radius: 5px;
  color: #8d47ca;
  line-height: 40px;
}
#login .support img {
  display: inline-block;
  height: 30px;
  margin: 50px 0 0 0;
}

/* -------------------------------------------------------------------------- */

/* menu --------------------------------------------------------------------- */
nav {
  background-color: var(--background-color);
  display: flex;
  padding: 20px 20px 60px 23px;
  max-height: 100vh;
  max-width: 450px;
  width: 100%;
  box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.1);
  z-index: 999;
  -webkit-transition: bottom ease-out 200ms;
  transition: bottom ease-out 200ms;
  position: fixed;
  height: auto;
  bottom: 0px;
  right: 0px;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  clear: both;
  display: inline-block;
  line-height: 25px;
  margin: 0 0 10px 0;
  width: 100%;
}
nav ul a {
  color: var(--text-light);
  text-decoration: none;
  text-transform: uppercase;
}
nav ul a.active {
  color: var(--blue);
}
nav ul a:hover {
  color: var(--purple);
}
nav.collapsed {
  /*top: 100vh;*/
  bottom: -100vh;
  padding: 20px; /*40px 0;*/
  max-width: 400px;
  width: 100%;
}
/*nav.collapsed ul {
  width: 100%;
}
nav.collapsed a {
  text-indent: -9999px;
  display: block;
}
nav.collapsed .icon {
  margin: 7px!important;
}*/

.menu-close {
  display: none;
}
.menu-close-button {
  background: var(--purple);
  border-radius: 50px;
  cursor: pointer;
  width: 54px;
  height: 54px;
  margin-left: 0px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  color: var(--white);
  text-align: center;
  line-height: 50px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
  z-index: 100;
}
.hamburger {
  width: 25px;
  height: 3px;
  background: var(--white);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.hamburger-1 {
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

.hamburger-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.hamburger-3 {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
}

.menu-close:checked + .menu-close-button .hamburger-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
.menu-close:checked + .menu-close-button .hamburger-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
          transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menu-close:checked + .menu-close-button .hamburger-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
}
.menu-close-button:hover {
  /*-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
          transform: scale(1.2, 1.2) translate3d(0, 0, 0);*/
}

.menu-close:checked + .menu-close-button {
  transition-timing-function: linear;
  transition-duration: 200ms;
  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
          transform: scale(0.8, 0.8) translate3d(0, 0, 0);
  border-radius: 100%;
}

.icon {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 25px;
  height: 100%!important;
  width: 100%!important;
  margin: 0!important;
  position: relative;
  display: inline-block;
}
.icon.attachement {
  -webkit-mask-image: url('../icon/attachement.svg');
}
.icon.back {
  -webkit-mask-image: url('../icon/back.svg');
}
.icon.chat {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M372.29,50.758H28.831C12.933,50.758,0,63.691,0,79.588v206.056c0,15.897,12.933,28.831,28.831,28.831h22.271v76.71 c0,4.884,2.942,9.289,7.456,11.159c1.494,0.62,3.064,0.92,4.62,0.92c3.144,0,6.232-1.228,8.543-3.538l85.251-85.25h17.104 c6.671,0,12.078-5.407,12.078-12.078c0-6.672-5.409-12.079-12.078-12.079c0,0-22.69,0.016-22.927,0.04 c-2.812,0.191-5.572,1.349-7.722,3.498l-68.169,68.169c0,0-0.021-60.392-0.06-60.705c-0.545-6.166-5.717-11.002-12.024-11.002 H28.831c-2.578,0-4.674-2.097-4.674-4.674V79.588c0-2.578,2.097-4.674,4.674-4.674H372.29c2.578,0,4.674,2.097,4.674,4.674v79.055 c0,6.671,5.409,12.078,12.078,12.078s12.078-5.407,12.078-12.078V79.588C401.12,63.691,388.187,50.758,372.29,50.758z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M483.169,198.492H242.754c-15.897,0-28.831,12.933-28.831,28.831v140.57c0,15.897,12.933,28.831,28.831,28.831h150.514 l60.98,60.98c2.311,2.311,5.4,3.538,8.543,3.538c1.556,0,3.126-0.301,4.62-0.92c4.512-1.87,7.456-6.273,7.456-11.159v-52.44h8.301 c15.897,0,28.831-12.933,28.831-28.831V227.322C512,211.425,499.067,198.492,483.169,198.492z M487.844,367.893 c0,2.577-2.097,4.674-4.674,4.674h-20.376c-6.356,0-11.554,4.912-12.031,11.147c-0.031,0.264-0.051,36.29-0.051,36.29 l-43.854-43.855c-0.046-0.046-0.094-0.089-0.14-0.135c-0.172-0.168-0.335-0.314-0.489-0.445c-2.126-1.864-4.903-3.003-7.951-3.003 H242.754c-2.578,0-4.674-2.097-4.674-4.674v-140.57c0-2.578,2.097-4.674,4.674-4.674h240.416c2.577,0,4.674,2.097,4.674,4.674 V367.893z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M362.964,285.53c-6.667,0-12.078,5.411-12.078,12.078c0,6.667,5.411,12.078,12.078,12.078 c6.668,0,12.078-5.411,12.078-12.078C375.042,290.941,369.631,285.53,362.964,285.53z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M310.472,130.611c0,0-219.822,0-219.822,0c-6.67,0-12.078,5.407-12.078,12.078s5.409,12.078,12.078,12.078h219.822 c6.67,0,12.078-5.407,12.078-12.078S317.142,130.611,310.472,130.611z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M174.075,210.465H90.65c-6.67,0-12.078,5.407-12.078,12.078c0,6.671,5.409,12.078,12.078,12.078h83.425 c6.671,0,12.078-5.407,12.078-12.078S180.745,210.465,174.075,210.465z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M306.837,285.53c-6.666,0-12.078,5.411-12.078,12.078c0,6.667,5.412,12.078,12.078,12.078 c6.668,0,12.078-5.411,12.078-12.078C318.915,290.941,313.505,285.53,306.837,285.53z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M419.079,285.53c-6.667,0-12.078,5.411-12.078,12.078c0,6.667,5.411,12.078,12.078,12.078 c6.668,0,12.078-5.411,12.078-12.078C431.157,290.941,425.746,285.53,419.079,285.53z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.icon.clear {
  -webkit-mask-image: url('../icon/clear.svg');
}
.icon.close {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47.971 47.971' style='enable-background:new 0 0 47.971 47.971;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}
.icon.dark-mode {
  -webkit-mask-image: url('../icon/dark-mode.svg');
}
.icon.down {
  -webkit-mask-image: url('../icon/down.svg');
}
.icon.edit {
  -webkit-mask-image: url('../icon/edit.svg?2');
}
.icon.events {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 477.867 477.867' style='enable-background:new 0 0 477.867 477.867;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M119.467,0h-102.4C7.641,0,0,7.641,0,17.067v102.4c0,9.426,7.641,17.067,17.067,17.067h102.4 c9.426,0,17.067-7.641,17.067-17.067v-102.4C136.533,7.641,128.892,0,119.467,0z M102.4,102.4H34.133V34.133H102.4V102.4z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M119.467,170.667h-102.4C7.641,170.667,0,178.308,0,187.733v102.4c0,9.426,7.641,17.067,17.067,17.067h102.4 c9.426,0,17.067-7.641,17.067-17.067v-102.4C136.533,178.308,128.892,170.667,119.467,170.667z M102.4,273.067H34.133V204.8H102.4 V273.067z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M119.467,341.333h-102.4C7.641,341.333,0,348.974,0,358.4v102.4c0,9.426,7.641,17.067,17.067,17.067h102.4 c9.426,0,17.067-7.641,17.067-17.067V358.4C136.533,348.974,128.892,341.333,119.467,341.333z M102.4,443.733H34.133v-68.267 H102.4V443.733z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M460.8,51.2H187.733c-9.426,0-17.067,7.641-17.067,17.067s7.641,17.067,17.067,17.067H460.8 c9.426,0,17.067-7.641,17.067-17.067S470.226,51.2,460.8,51.2z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M460.8,221.867H187.733c-9.426,0-17.067,7.641-17.067,17.067S178.308,256,187.733,256H460.8 c9.426,0,17.067-7.641,17.067-17.067S470.226,221.867,460.8,221.867z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M460.8,392.533H187.733c-9.426,0-17.067,7.641-17.067,17.067s7.641,17.067,17.067,17.067H460.8 c9.426,0,17.067-7.641,17.067-17.067S470.226,392.533,460.8,392.533z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.icon.home {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M506.555,208.064L263.859,30.367c-4.68-3.426-11.038-3.426-15.716,0L5.445,208.064 c-5.928,4.341-7.216,12.665-2.875,18.593s12.666,7.214,18.593,2.875L256,57.588l234.837,171.943c2.368,1.735,5.12,2.57,7.848,2.57 c4.096,0,8.138-1.885,10.744-5.445C513.771,220.729,512.483,212.405,506.555,208.064z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M442.246,232.543c-7.346,0-13.303,5.956-13.303,13.303v211.749H322.521V342.009c0-36.68-29.842-66.52-66.52-66.52 s-66.52,29.842-66.52,66.52v115.587H83.058V245.847c0-7.347-5.957-13.303-13.303-13.303s-13.303,5.956-13.303,13.303v225.053 c0,7.347,5.957,13.303,13.303,13.303h133.029c6.996,0,12.721-5.405,13.251-12.267c0.032-0.311,0.052-0.651,0.052-1.036v-128.89 c0-22.009,17.905-39.914,39.914-39.914s39.914,17.906,39.914,39.914v128.89c0,0.383,0.02,0.717,0.052,1.024 c0.524,6.867,6.251,12.279,13.251,12.279h133.029c7.347,0,13.303-5.956,13.303-13.303V245.847 C455.549,238.499,449.593,232.543,442.246,232.543z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}
.icon.lock {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 54 54' style='enable-background:new 0 0 54 54;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M43,20.113V14.5C43,6.505,35.822,0,27,0S11,6.505,11,14.5c0,0.553,0.447,1,1,1s1-0.447,1-1C13,7.607,19.28,2,27,2 s14,5.607,14,12.5V20H12.229C8.243,20,5,23.243,5,27.229v19.542C5,50.757,8.243,54,12.229,54h29.542C45.757,54,49,50.757,49,46.771 V27.229C49,23.663,46.401,20.699,43,20.113z M47,46.771C47,49.654,44.654,52,41.771,52H12.229C9.346,52,7,49.654,7,46.771V27.229 C7,24.346,9.346,22,12.229,22h29.542C44.654,22,47,24.346,47,27.229V46.771z'/%3E%3Cpath d='M27,28c-2.206,0-4,1.794-4,4v6c0,2.206,1.794,4,4,4s4-1.794,4-4v-6C31,29.794,29.206,28,27,28z M29,38c0,1.103-0.897,2-2,2 s-2-0.897-2-2v-6c0-1.103,0.897-2,2-2s2,0.897,2,2V38z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.icon.logout {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='354.965px' height='354.965px' viewBox='0 0 354.965 354.965' style='enable-background:new 0 0 354.965 354.965;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M177.483,176.365c-6.903,0-12.5-5.597-12.5-12.5V12.5c0-6.903,5.597-12.5,12.5-12.5c6.903,0,12.5,5.597,12.5,12.5 v151.365C189.983,170.768,184.387,176.365,177.483,176.365z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M177.483,354.965c-87.831,0-159.286-71.456-159.286-159.285c0-35.124,11.209-68.431,32.417-96.32 c20.515-26.979,49.637-47.061,82-56.545c6.625-1.949,13.569,1.855,15.511,8.479c1.941,6.625-1.855,13.569-8.48,15.511 C82.857,83.449,43.196,136.443,43.196,195.68c0,74.045,60.24,134.285,134.286,134.285c74.045,0,134.286-60.24,134.286-134.285 c0-59.237-39.661-112.231-96.449-128.875c-6.625-1.941-10.421-8.886-8.479-15.511c1.94-6.625,8.885-10.426,15.511-8.479 c32.364,9.484,61.484,29.566,82,56.545c21.208,27.89,32.417,61.196,32.417,96.32C336.77,283.509,265.314,354.965,177.483,354.965 z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
  /*-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511.996 511.996' style='enable-background:new 0 0 511.996 511.996;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M349.85,62.196c-10.797-4.717-23.373,0.212-28.09,11.009c-4.717,10.797,0.212,23.373,11.009,28.09 c69.412,30.324,115.228,98.977,115.228,176.035c0,106.034-85.972,192-192,192c-106.042,0-192-85.958-192-192 c0-77.041,45.8-145.694,115.192-176.038c10.795-4.72,15.72-17.298,10.999-28.093c-4.72-10.795-17.298-15.72-28.093-10.999 C77.306,99.275,21.331,183.181,21.331,277.329c0,129.606,105.061,234.667,234.667,234.667 c129.592,0,234.667-105.068,234.667-234.667C490.665,183.159,434.667,99.249,349.85,62.196z'/%3E%3Cpath d='M255.989,234.667c11.782,0,21.333-9.551,21.333-21.333v-192C277.323,9.551,267.771,0,255.989,0 c-11.782,0-21.333,9.551-21.333,21.333v192C234.656,225.115,244.207,234.667,255.989,234.667z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");*/
}
.icon.map {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M437.019,74.981C388.668,26.629,324.38,0,256,0S123.333,26.629,74.981,74.981C26.629,123.333,0,187.62,0,256 s26.629,132.667,74.981,181.019C123.333,485.371,187.62,512,256,512s132.668-26.629,181.019-74.981 C485.371,388.667,512,324.38,512,256S485.371,123.333,437.019,74.981z M375.98,110.031l11.254-46.752 c44.813,30.612,78.449,76.426,93.423,129.958l-5.895,1.134c-8.803,1.693-15.888,8.409-18.046,17.112l-2.287,9.218 c-0.025,0.104-0.042,0.172-0.209,0.231c-0.165,0.059-0.222,0.017-0.308-0.047l-13.659-10.243c-7.08-5.31-16.72-6.089-24.558-1.984 l-17.046,8.924c-8.175,4.28-12.901,12.661-12.333,21.873c0.568,9.211,6.287,16.948,14.93,20.193l0.808,0.303 c0.093,0.035,0.162,0.06,0.204,0.228c0.042,0.166-0.005,0.221-0.072,0.297l-10.618,12.211c-0.107,0.122-0.291,0.15-0.429,0.06 l-28.62-18.466c-6.563-4.235-14.744-4.873-21.882-1.702c-7.138,3.17-12.154,9.663-13.414,17.37l-2.208,13.493 c-1.248,7.616,1.372,15.312,7.009,20.586l14.926,13.967c0.118,0.11,0.139,0.288,0.05,0.422l-24.326,36.875 c-2.314,3.509-3.628,7.586-3.797,11.789l-2.111,52.793c-0.003,0.083-0.038,0.162-0.099,0.221l-32.395,31.753 c-0.107,0.105-0.272,0.125-0.399,0.05l-21.006-12.305c-0.08-0.047-0.137-0.125-0.156-0.214c0,0-10.191-46.244-10.572-47.269 l-9.265-24.868c-3.096-8.308-10.802-14.172-19.632-14.939l-42.402-3.688c-0.107-0.009-0.203-0.069-0.257-0.164l-24.122-41.591 c-0.038-0.065-0.051-0.142-0.041-0.215l6.067-40.337c0.013-0.086,0.058-0.163,0.127-0.215l37.037-27.945 c0.094-0.071,0.218-0.085,0.327-0.041l35.888,14.972c2.043,0.851,4.194,1.404,6.391,1.643l49.706,5.403 c5.666,0.616,11.319-0.873,15.944-4.188l32.932-23.605c8.872-6.359,12.081-18.209,7.63-28.177l-3.055-6.838 c-3.545-7.936-11.139-13.161-19.816-13.635l-92.487-5.064c-0.05-0.003-0.1-0.018-0.144-0.043 c-0.094-0.053-0.144-0.096-0.149-0.096v0.001c-0.045-0.104-0.011-0.367,0.042-0.44c0.014-0.009,0.072-0.039,0.185-0.071 l27.766-7.484c3.673-0.99,7.075-2.892,9.838-5.5l33.956-32.043c0.051-0.049,0.119-0.08,0.191-0.088l51.104-5.263 C365.623,126.591,373.692,119.535,375.98,110.031z M202.878,91.244l19.104-35.958c2.823-5.315,3.713-11.489,2.503-17.384 l-2.594-12.645c11.137-1.64,22.523-2.501,34.108-2.501c11.684,0,23.167,0.875,34.395,2.541c0,0-2.737,2.992-3.21,3.181 l-27.057,10.853c-3.866,1.552-7.342,4.045-10.052,7.211l-42.157,49.274c-0.573,0.67-1.407,1.075-2.289,1.113 c-1.339,0.059-2.166-0.68-2.553-1.11C201.577,94.151,202.732,91.522,202.878,91.244z M103.424,79.718v34.139 c0,9.535-4.779,18.318-12.777,23.506L66.15,153.259c-5.677,3.686-10.49,8.385-14.302,13.972l-22.234,32.58 C41.375,152.438,67.641,110.732,103.424,79.718z M118.295,415.585l-3.223,26.139C78.6,413.982,50.51,375.766,35.337,331.594 h14.486c1.775,0,3.413,0.899,4.369,2.389l29.275,45.614c1.32,2.048,2.89,3.914,4.688,5.552l28.479,25.975 C117.874,412.251,118.5,413.924,118.295,415.585z M256,489.244c-43.759,0-84.736-12.123-119.767-33.172l4.647-37.7 c1.104-8.977-2.23-17.977-8.909-24.064c0,0-29.104-26.624-29.355-27l-29.275-45.613c-5.166-8.055-13.961-12.857-23.518-12.857 h-21.03c-3.948-16.984-6.038-34.672-6.038-52.838c0-1.962,0.026-3.916,0.074-5.866l47.815-70.069 c2.105-3.095,4.756-5.689,7.896-7.725l24.485-15.883c14.495-9.398,23.154-25.327,23.154-42.598V62.316 c22.089-14.854,46.848-26.023,73.389-32.643l2.626,12.801c0.148,0.725,0.039,1.484-0.308,2.136l-19.102,35.957 c-1.194,2.245-2.741,8.149-2.741,8.149c-1.551,7.852,0.547,15.84,5.757,21.916c4.968,5.795,12.086,9.057,19.67,9.057 c0.369,0,11.37,0.537,19.738-9.078l42.156-49.271c0.333-0.39,0.762-0.697,1.236-0.887l27.055-10.852 c3.848-1.543,7.309-4.02,10.011-7.162l10.213-11.875c17.977,4.78,35.113,11.644,51.117,20.34 c-0.264,0.604-13.142,53.804-13.142,53.804c-0.032,0.135-0.148,0.236-0.287,0.25l-51.107,5.263 c-5.022,0.518-9.809,2.71-13.478,6.174l-33.956,32.043c-0.039,0.036-0.086,0.064-0.14,0.077l-27.767,7.484 c-9.059,2.441-15.688,10.032-16.888,19.337c-1.2,9.305,3.286,18.328,11.43,22.99c3.105,1.776,6.634,2.818,10.204,3.014 l92.487,5.064c0.123,0.007,0.232,0.082,0.282,0.195l3.054,6.836c0.064,0.142,0.018,0.312-0.11,0.403l-32.932,23.605 c-0.066,0.048-0.143,0.069-0.226,0.06l-49.796-5.425l-35.884-14.97c-7.539-3.147-16.271-2.043-22.793,2.876l-37.038,27.946 c-4.85,3.66-8.019,8.985-8.922,14.994l-6.068,40.338c-0.776,5.164,0.24,10.496,2.859,15.013l24.123,41.594 c3.768,6.498,10.486,10.766,17.97,11.418l42.403,3.688c0.125,0.011,0.236,0.094,0.28,0.214l9.277,24.913l9.652,44.141 c1.373,6.276,5.34,11.738,10.883,14.987l21.007,12.306c3.62,2.121,7.645,3.154,11.645,3.154c5.905,0,11.759-2.253,16.183-6.588 l32.395-31.753c4.22-4.136,6.673-9.663,6.909-15.565l2.111-52.789c0.002-0.061,0.02-0.121,0.055-0.169l24.327-36.875 c6.213-9.422,4.741-21.857-3.5-29.567l-14.927-13.967c-0.08-0.075-0.117-0.185-0.1-0.294l2.21-13.494 c0.018-0.109,0.027-0.175,0.191-0.248c0.159-0.073,0.217-0.036,0.312,0.024l28.618,18.466c9.582,6.183,22.451,4.359,29.936-4.248 l10.618-12.211c4.962-5.704,6.816-13.485,4.961-20.813c-1.856-7.328-7.187-13.29-14.268-15.948l-0.808-0.303 c-0.104-0.039-0.156-0.073-0.158-0.073c-0.063-0.086-0.077-0.344-0.034-0.428c0.01-0.01,0.058-0.05,0.155-0.101l17.046-8.925 c0.113-0.059,0.249-0.048,0.35,0.028l13.659,10.243c6.21,4.658,14.283,5.883,21.595,3.279c7.311-2.603,12.792-8.655,14.661-16.189 l2.287-9.217c0.03-0.124,0.131-0.221,0.258-0.245l6.647-1.278c2.323,13.177,3.541,26.729,3.541,40.561 C489.244,384.612,384.611,489.244,256,489.244z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  /*-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 480.1 480.1' style='enable-background:new 0 0 480.1 480.1;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M240.135,0.05C144.085,0.036,57.277,57.289,19.472,145.586l-2.992,0.992l1.16,3.48 c-49.776,122.766,9.393,262.639,132.159,312.415c28.673,11.626,59.324,17.594,90.265,17.577 c132.548,0.02,240.016-107.416,240.036-239.964S372.684,0.069,240.135,0.05z M428.388,361.054l-12.324-12.316V320.05 c0.014-1.238-0.26-2.462-0.8-3.576l-31.2-62.312V224.05c0-2.674-1.335-5.172-3.56-6.656l-24-16 c-1.881-1.256-4.206-1.657-6.4-1.104l-29.392,7.344l-49.368-21.184l-6.792-47.584l18.824-18.816h40.408l13.6,20.44 c1.228,1.838,3.163,3.087,5.344,3.448l48,8c1.286,0.216,2.604,0.111,3.84-0.304l44.208-14.736 C475.855,208.053,471.889,293.634,428.388,361.054z M395.392,78.882l-13.008,8.672l-36.264-7.256l-23.528-7.832 c-1.44-0.489-2.99-0.551-4.464-0.176l-29.744,7.432l-13.04-4.344l9.664-19.328h27.056c1.241,0.001,2.465-0.286,3.576-0.84 l27.68-13.84C362.382,51.32,379.918,63.952,395.392,78.882z M152.44,33.914l19.2,12.8c0.944,0.628,2.01,1.048,3.128,1.232 l38.768,6.464l-3.784,11.32l-20.2,6.744c-1.809,0.602-3.344,1.83-4.328,3.464l-22.976,38.288l-36.904,22.144l-54.4,7.768 c-3.943,0.557-6.875,3.93-6.88,7.912v24c0,2.122,0.844,4.156,2.344,5.656l13.656,13.656v13.744l-33.28-22.192l-12.072-36.216 C57.68,98.218,99.777,56.458,152.44,33.914z M129.664,296.21l-36.16-7.24l-13.44-26.808v-18.8l29.808-29.808l11.032,22.072 c1.355,2.712,4.128,4.425,7.16,4.424h51.472l21.672,36.12c1.446,2.407,4.048,3.879,6.856,3.88h22.24l-5.6,28.056l-30.288,30.288 c-1.503,1.499-2.349,3.533-2.352,5.656v20l-28.8,21.6c-2.014,1.511-3.2,3.882-3.2,6.4v28.896l-9.952-3.296l-14.048-35.136V304.05 C136.065,300.248,133.389,296.97,129.664,296.21z M105.616,419.191C30.187,362.602-1.712,264.826,25.832,174.642l6.648,19.936 c0.56,1.687,1.666,3.14,3.144,4.128l39.88,26.584l-9.096,9.104c-1.5,1.5-2.344,3.534-2.344,5.656v24 c-0.001,1.241,0.286,2.465,0.84,3.576l16,32c1.108,2.21,3.175,3.784,5.6,4.264l33.6,6.712v73.448 c-0.001,1.016,0.192,2.024,0.568,2.968l16,40c0.876,2.185,2.67,3.874,4.904,4.616l24,8c0.802,0.272,1.642,0.412,2.488,0.416 c4.418,0,8-3.582,8-8v-36l28.8-21.6c2.014-1.511,3.2-3.882,3.2-6.4v-20.688l29.656-29.656c1.115-1.117,1.875-2.54,2.184-4.088 l8-40c0.866-4.333-1.944-8.547-6.277-9.413c-0.515-0.103-1.038-0.155-1.563-0.155h-27.472l-21.672-36.12 c-1.446-2.407-4.048-3.879-6.856-3.88h-51.056l-13.744-27.576c-1.151-2.302-3.339-3.91-5.88-4.32 c-2.54-0.439-5.133,0.399-6.936,2.24l-10.384,10.344V192.05c0-2.122-0.844-4.156-2.344-5.656l-13.656-13.656v-13.752l49.136-7.016 c1.055-0.153,2.07-0.515,2.984-1.064l40-24c1.122-0.674,2.062-1.614,2.736-2.736l22.48-37.464l21.192-7.072 c2.393-0.785,4.271-2.662,5.056-5.056l8-24c1.386-4.195-0.891-8.72-5.086-10.106c-0.387-0.128-0.784-0.226-1.186-0.294 l-46.304-7.72l-8.136-5.424c50.343-16.386,104.869-14.358,153.856,5.72l-14.616,7.296h-30.112c-3.047-0.017-5.838,1.699-7.2,4.424 l-16,32c-1.971,3.954-0.364,8.758,3.59,10.729c0.337,0.168,0.685,0.312,1.042,0.431l24,8c1.44,0.489,2.99,0.551,4.464,0.176 l29.744-7.432l21.792,7.256c0.312,0.112,0.633,0.198,0.96,0.256l40,8c2.08,0.424,4.244-0.002,6.008-1.184l18.208-12.144 c8.961,9.981,17.014,20.741,24.064,32.152l-39.36,13.12l-42.616-7.104l-14.08-21.12c-1.476-2.213-3.956-3.547-6.616-3.56h-48 c-2.122,0-4.156,0.844-5.656,2.344l-24,24c-1.782,1.781-2.621,4.298-2.264,6.792l8,56c0.403,2.769,2.223,5.126,4.8,6.216l56,24 c1.604,0.695,3.394,0.838,5.088,0.408l28.568-7.144l17.464,11.664v27.72c-0.014,1.238,0.26,2.462,0.8,3.576l31.2,62.312v30.112 c0,2.122,0.844,4.156,2.344,5.656l16.736,16.744C344.921,473.383,204.549,493.415,105.616,419.191z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");*/
}
.icon.message {
  -webkit-mask-image: url('../icon/message.svg');
}
.icon.more {
  -webkit-mask-image: url('../icon/more.svg');
}
.icon.mute {
  -webkit-mask-image: url('../icon/mute.svg');
}
.icon.navigate {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='561px' height='561px' viewBox='0 0 561 561' style='enable-background:new 0 0 561 561;' xml:space='preserve'%3E%3Cg%3E%3Cg id='gps-fixed'%3E%3Cpath d='M280.5,178.5c-56.1,0-102,45.9-102,102c0,56.1,45.9,102,102,102c56.1,0,102-45.9,102-102 C382.5,224.4,336.6,178.5,280.5,178.5z M507.45,255C494.7,147.9,410.55,63.75,306,53.55V0h-51v53.55 C147.9,63.75,63.75,147.9,53.55,255H0v51h53.55C66.3,413.1,150.45,497.25,255,507.45V561h51v-53.55 C413.1,494.7,497.25,410.55,507.45,306H561v-51H507.45z M280.5,459C181.05,459,102,379.95,102,280.5S181.05,102,280.5,102 S459,181.05,459,280.5S379.95,459,280.5,459z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.icon.notification {
  -webkit-mask-image: url('../icon/notification.svg');
}
.icon.pin {
  -webkit-mask-image: url('../icon/pin.svg');
}
.icon.quarantine {
  -webkit-mask-image: url('../icon/quarantine.svg'); 
}
.icon.refresh {
  -webkit-mask-image: url('../icon/refresh.svg');
}
.icon.search {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 512 512'%3E%3Cg%3E%3Cpath d='M495,466.2L377.2,348.4c29.2-35.6,46.8-81.2,46.8-130.9C424,103.5,331.5,11,217.5,11C103.4,11,11,103.5,11,217.5 S103.4,424,217.5,424c49.7,0,95.2-17.5,130.8-46.7L466.1,495c8,8,20.9,8,28.9,0C503,487.1,503,474.1,495,466.2z M217.5,382.9 C126.2,382.9,52,308.7,52,217.5S126.2,52,217.5,52C308.7,52,383,126.3,383,217.5S308.7,382.9,217.5,382.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon.send {
  -webkit-mask-image: url('../icon/send.svg');
}
.icon.settings {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M328.844,368.733c-5.383-3.235-10.908-6.487-16.433-9.675c1.299-11.07,1.302-22.268,0.006-33.316 c5.546-3.2,11.068-6.45,16.425-9.671c9.02-5.42,12.78-16.856,8.744-26.603c0,0,0,0-0.001-0.001l-11.771-28.418 c-4.037-9.744-14.777-15.175-24.993-12.63c-6.071,1.511-12.274,3.118-18.455,4.776c-6.901-8.732-14.82-16.649-23.563-23.554 c1.658-6.182,3.266-12.388,4.778-18.461c2.545-10.211-2.885-20.955-12.629-24.992l-28.418-11.771 c-9.744-4.038-21.183-0.281-26.605,8.741c-3.229,5.374-6.482,10.899-9.674,16.433c-11.067-1.299-22.263-1.302-33.316-0.007 c-3.202-5.551-6.453-11.074-9.67-16.426c-5.424-9.02-16.86-12.778-26.605-8.741l-28.418,11.771 c-9.742,4.036-15.174,14.781-12.629,24.992c1.515,6.085,3.121,12.289,4.776,18.455c-8.731,6.899-16.649,14.82-23.553,23.563 c-6.196-1.663-12.402-3.269-18.463-4.779c-10.214-2.547-20.956,2.888-24.993,12.631L1.615,289.467 c-4.035,9.745-0.276,21.182,8.742,26.602c5.375,3.23,10.9,6.482,16.433,9.675c-1.298,11.066-1.301,22.262-0.006,33.316 c-5.538,3.195-11.06,6.446-16.429,9.672c-9.018,5.421-12.777,16.857-8.741,26.603l11.772,28.418 c4.036,9.743,14.775,15.176,24.993,12.63c6.064-1.51,12.268-3.116,18.453-4.776c6.901,8.731,14.82,16.647,23.563,23.553 c-1.66,6.189-3.267,12.395-4.778,18.461c-2.545,10.211,2.885,20.956,12.629,24.992l28.419,11.772 c2.64,1.093,5.403,1.615,8.137,1.615c7.362,0,14.514-3.779,18.471-10.355c3.205-5.333,6.456-10.856,9.674-16.432 c11.065,1.297,22.264,1.299,33.316,0.006c3.179,5.512,6.43,11.034,9.67,16.427c5.422,9.02,16.858,12.777,26.605,8.741 l28.418-11.771c9.742-4.036,15.174-14.781,12.629-24.992c-1.503-6.033-3.109-12.237-4.776-18.455 c8.729-6.899,16.648-14.819,23.554-23.562c6.178,1.657,12.384,3.263,18.46,4.777c10.211,2.547,20.956-2.884,24.993-12.63 l11.771-28.419C341.621,385.59,337.862,374.153,328.844,368.733z M305.116,413.834c-5.837-1.462-11.787-3.008-17.703-4.602 c-8.376-2.253-17.215,0.692-22.519,7.507c-6.096,7.83-13.151,14.886-20.968,20.973c-6.807,5.302-9.748,14.138-7.493,22.509 c1.603,5.954,3.148,11.9,4.601,17.696l-26.122,10.819c-3.107-5.184-6.218-10.481-9.259-15.765 c-4.327-7.514-12.655-11.678-21.216-10.618c-9.831,1.221-19.81,1.22-29.654-0.005c-8.585-1.066-16.906,3.098-21.232,10.614 c-3.078,5.344-6.19,10.644-9.263,15.773l-26.122-10.82c1.461-5.827,3.007-11.776,4.603-17.701 c2.255-8.375-0.692-17.215-7.507-22.52c-7.83-6.095-14.885-13.149-20.973-20.965c-5.3-6.809-14.136-9.749-22.51-7.495 c-5.923,1.595-11.87,3.141-17.695,4.601l-10.82-26.121c5.16-3.094,10.459-6.205,15.765-9.26 c7.515-4.327,11.683-12.653,10.619-21.215c-1.223-9.832-1.22-19.81,0.003-29.655c1.068-8.57-3.097-16.905-10.616-21.233 c-5.304-3.054-10.604-6.166-15.772-9.265l10.82-26.121c5.82,1.459,11.768,3.005,17.702,4.602 c8.372,2.256,17.212-0.692,22.52-7.507c6.095-7.83,13.15-14.886,20.965-20.972c6.808-5.301,9.749-14.138,7.494-22.512 c-1.59-5.904-3.136-11.85-4.601-17.694l26.122-10.819c3.084,5.146,6.196,10.444,9.259,15.765 c4.328,7.515,12.663,11.689,21.216,10.618c9.827-1.223,19.804-1.223,29.657,0.005c8.575,1.068,16.905-3.102,21.231-10.617 c3.053-5.304,6.166-10.604,9.262-15.771l26.122,10.819c-1.462,5.833-3.008,11.782-4.603,17.703 c-2.255,8.374,0.692,17.214,7.507,22.519c7.829,6.095,14.885,13.149,20.973,20.965c5.3,6.807,14.133,9.748,22.511,7.494 c5.919-1.594,11.865-3.14,17.694-4.601l10.819,26.121c-5.153,3.089-10.451,6.2-15.765,9.26 c-7.515,4.327-11.684,12.654-10.619,21.216c1.223,9.827,1.221,19.806-0.005,29.657c-1.066,8.571,3.101,16.904,10.617,21.231 c5.296,3.049,10.596,6.161,15.772,9.263L305.116,413.834z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M241.762,312.511c0,0,0,0-0.001-0.001c-16.48-39.789-62.256-58.752-102.051-42.271 C99.922,286.721,80.958,332.501,97.44,372.29c7.983,19.276,22.997,34.287,42.271,42.272c9.637,3.991,19.763,5.987,29.889,5.987 s20.252-1.996,29.891-5.987C239.279,398.08,258.242,352.301,241.762,312.511z M190.72,393.388c-13.618,5.641-28.617,5.64-42.239,0 c-13.618-5.641-24.225-16.249-29.867-29.868c-11.647-28.114,1.753-60.462,29.868-72.107c6.885-2.852,14.021-4.202,21.047-4.202 c21.667,0,42.265,12.84,51.06,34.07C232.234,349.395,218.834,381.742,190.72,393.388z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M496.553,100.936c-3.956-0.592-8.019-1.167-12.111-1.713c-2.062-6.857-4.816-13.505-8.214-19.819 c2.504-3.275,4.972-6.556,7.357-9.779c5.295-7.161,4.529-17.317-1.78-23.623l-15.808-15.806 c-6.309-6.31-16.465-7.075-23.624-1.778c-3.234,2.393-6.514,4.86-9.779,7.355c-6.313-3.398-12.96-6.152-19.819-8.215 c-0.547-4.092-1.12-8.155-1.712-12.11C409.746,6.642,402.024,0,393.102,0h-22.356c-8.922,0-16.644,6.642-17.961,15.447 c-0.591,3.953-1.165,8.017-1.712,12.11c-6.859,2.063-13.507,4.817-19.819,8.215c-3.263-2.496-6.545-4.964-9.778-7.355 c-7.161-5.297-17.317-4.532-23.624,1.777l-15.806,15.805c-6.31,6.308-7.077,16.465-1.78,23.627 c2.383,3.222,4.851,6.504,7.354,9.778c-3.396,6.313-6.151,12.96-8.214,19.819c-4.091,0.547-8.155,1.121-12.11,1.713 c-8.807,1.318-15.449,9.039-15.449,17.962v22.355c0,8.922,6.64,16.644,15.447,17.962c3.956,0.592,8.019,1.167,12.111,1.713 c2.063,6.858,4.817,13.505,8.214,19.819c-2.501,3.272-4.969,6.552-7.357,9.779c-5.294,7.159-4.529,17.317,1.78,23.622 l15.808,15.808c6.308,6.31,16.464,7.074,23.624,1.778c3.234-2.391,6.514-4.86,9.778-7.354c6.315,3.398,12.963,6.152,19.82,8.214 c0.545,4.091,1.12,8.155,1.712,12.111c1.318,8.806,9.04,15.448,17.962,15.448h22.356c8.922,0,16.644-6.64,17.961-15.449 c0.591-3.956,1.165-8.019,1.712-12.111c6.858-2.061,13.505-4.817,19.819-8.215c3.263,2.496,6.545,4.964,9.778,7.356 c7.159,5.297,17.317,4.532,23.624-1.777l15.808-15.806c6.309-6.308,7.075-16.465,1.778-23.626 c-2.386-3.226-4.854-6.508-7.354-9.777c3.396-6.313,6.151-12.959,8.214-19.819c4.091-0.547,8.155-1.121,12.11-1.713 c8.807-1.318,15.449-9.039,15.449-17.962v-22.355C512,109.976,505.359,102.254,496.553,100.936z M490.228,138.142 c-3.592,0.521-7.257,1.027-10.934,1.506c-7.273,0.949-13.227,6.111-15.165,13.149c-1.857,6.739-4.552,13.242-8.009,19.328 c-3.611,6.353-3.054,14.215,1.419,20.032c2.255,2.932,4.492,5.883,6.669,8.799l-11.404,11.405 c-2.925-2.183-5.876-4.419-8.802-6.669c-5.814-4.475-13.678-5.028-20.032-1.421c-6.087,3.458-12.59,6.153-19.325,8.01 c-7.042,1.94-12.204,7.894-13.15,15.165c-0.479,3.677-0.984,7.343-1.506,10.935h-16.13c-0.521-3.592-1.026-7.257-1.506-10.931 c-0.949-7.274-6.11-13.228-13.15-15.168c-6.737-1.856-13.238-4.551-19.327-8.009c-6.354-3.61-14.218-3.055-20.031,1.419 c-2.927,2.251-5.876,4.486-8.803,6.669l-11.404-11.405c2.177-2.919,4.413-5.868,6.671-8.803c4.47-5.815,5.027-13.677,1.417-20.03 c-3.457-6.086-6.152-12.59-8.009-19.327c-1.939-7.04-7.892-12.201-15.165-13.15c-3.677-0.48-7.343-0.984-10.935-1.507v-16.128 c3.592-0.521,7.257-1.027,10.934-1.506c7.273-0.949,13.227-6.111,15.165-13.149c1.857-6.738,4.551-13.241,8.009-19.328 c3.611-6.353,3.054-14.216-1.417-20.031c-2.259-2.936-4.495-5.886-6.67-8.8l11.404-11.405c2.925,2.183,5.875,4.419,8.8,6.668 c5.812,4.475,13.675,5.033,20.034,1.422c6.085-3.457,12.589-6.152,19.325-8.01c7.042-1.94,12.204-7.894,13.15-15.165 c0.48-3.677,0.986-7.342,1.507-10.934h16.13c0.521,3.591,1.026,7.256,1.505,10.931c0.949,7.274,6.111,13.228,13.15,15.167 c6.738,1.857,13.242,4.553,19.328,8.01c6.355,3.611,14.218,3.05,20.03-1.42c2.927-2.25,5.876-4.486,8.803-6.669l11.404,11.405 c-2.175,2.915-4.411,5.866-6.67,8.803c-4.471,5.814-5.027,13.676-1.419,20.029c3.457,6.088,6.152,12.592,8.009,19.328 c1.939,7.04,7.892,12.201,15.165,13.15c3.677,0.48,7.343,0.985,10.935,1.507V138.142z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M381.924,83.675c-25.585,0-46.401,20.815-46.401,46.401c0,25.587,20.815,46.402,46.401,46.402 s46.401-20.815,46.401-46.402C428.325,104.49,407.51,83.675,381.924,83.675z M381.924,155.851 c-14.211,0-25.775-11.563-25.775-25.776c0-14.213,11.563-25.775,25.775-25.775c14.212,0,25.774,11.563,25.775,25.775 C407.699,144.288,396.136,155.851,381.924,155.851z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.icon.sound-on {
  -webkit-mask-image: url('../icon/sound-on.svg');
}
.icon.user {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve'%3E%3Cpath d='M48.014,42.889l-9.553-4.776C37.56,37.662,37,36.756,37,35.748v-3.381c0.229-0.28,0.47-0.599,0.719-0.951 c1.239-1.75,2.232-3.698,2.954-5.799C42.084,24.97,43,23.575,43,22v-4c0-0.963-0.36-1.896-1-2.625v-5.319 c0.056-0.55,0.276-3.824-2.092-6.525C37.854,1.188,34.521,0,30,0s-7.854,1.188-9.908,3.53C17.724,6.231,17.944,9.506,18,10.056 v5.319c-0.64,0.729-1,1.662-1,2.625v4c0,1.217,0.553,2.352,1.497,3.109c0.916,3.627,2.833,6.36,3.503,7.237v3.309 c0,0.968-0.528,1.856-1.377,2.32l-8.921,4.866C8.801,44.424,7,47.458,7,50.762V54c0,4.746,15.045,6,23,6s23-1.254,23-6v-3.043 C53,47.519,51.089,44.427,48.014,42.889z M51,54c0,1.357-7.412,4-21,4S9,55.357,9,54v-3.238c0-2.571,1.402-4.934,3.659-6.164 l8.921-4.866C23.073,38.917,24,37.354,24,35.655v-4.019l-0.233-0.278c-0.024-0.029-2.475-2.994-3.41-7.065l-0.091-0.396l-0.341-0.22 C19.346,23.303,19,22.676,19,22v-4c0-0.561,0.238-1.084,0.67-1.475L20,16.228V10l-0.009-0.131c-0.003-0.027-0.343-2.799,1.605-5.021 C23.253,2.958,26.081,2,30,2c3.905,0,6.727,0.951,8.386,2.828c1.947,2.201,1.625,5.017,1.623,5.041L40,16.228l0.33,0.298 C40.762,16.916,41,17.439,41,18v4c0,0.873-0.572,1.637-1.422,1.899l-0.498,0.153l-0.16,0.495c-0.669,2.081-1.622,4.003-2.834,5.713 c-0.297,0.421-0.586,0.794-0.837,1.079L35,31.623v4.125c0,1.77,0.983,3.361,2.566,4.153l9.553,4.776 C49.513,45.874,51,48.28,51,50.957V54z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.icon.mapycz {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M117.49,169.96c3.48-26.41,4.33-52.95,3.81-79.55c-0.31-15.92-1.04-31.83-2.32-47.7 c-1.51-18.68,9.35-32.25,28.05-35.55c27.4-4.83,48.06,5.73,63.57,27.54c11.93,16.78,20.07,35.7,28.51,54.37 c13.66,30.22,27.12,60.53,40.53,90.85c5.89,13.31,11.52,26.74,17.12,40.18c1.21,2.91,1.94,3.85,4.74,1.22 c18.31-17.18,35.49-35.45,52.89-53.53c29.26-30.39,54.11-64.43,80.93-96.84c7.22-8.73,8.43-9.1,18.06-3.19 c10.81,6.63,18.47,16.4,25.19,26.96c11.51,18.11,15.43,38.32,16.37,59.35c0.05,1.21,0.19,2.42,0.28,3.62 c-0.86,64.65-7.3,129.02-9.66,193.6c-0.76,20.9-1.57,41.79-2.66,62.67c-0.55,10.53-2.36,20.86-6.95,30.57 c-4.8,10.16-12.79,15.42-23.85,15.93c-11.28,0.52-19.38-5.05-24.87-14.41c-7.49-12.76-9.44-27.19-11.24-41.49 c-3.92-31.14-3.38-62.48-2.99-93.78c0.35-28.33,0.95-56.66,1.41-84.99c0.02-1.48-0.08-2.97-0.26-4.44 c-0.24-1.92-0.73-3.84-2.8-4.55c-1.97-0.68-3.33,0.72-4.56,1.95c-5.23,5.26-10.33,10.64-15.63,15.84 c-22.43,22.02-45.63,43.2-69.61,63.52c-9.05,7.67-17.89,15.66-28.3,21.51c-9.62,5.41-19.49,7.89-28.84-0.59 c-4.59-4.16-7.9-9.38-10.6-14.95c-6.2-12.81-12.37-25.63-18.61-38.42c-1.15-2.36-2.58-4.58-3.88-6.87 c-2.32-7.92-6.48-15.02-10.05-22.37c-6.05-12.49-11.93-25.09-19.29-36.9c-1.33-2.13-2.6-5.04-5.55-4.66 c-3.05,0.4-2.8,3.74-3.21,5.92c-2.71,14.17-5.21,28.37-7.77,42.57c-0.41,2.75-0.83,5.49-1.24,8.24c-0.12,0.75-0.25,1.5-0.37,2.25 c-0.74,0.77-0.55,1.7-0.47,2.61c-0.11,0.48-0.22,0.97-0.33,1.45c-0.63,2.17-1.33,4.33-1.25,6.64c-0.1,0.49-0.2,0.99-0.3,1.48 c-3.08,14.61-5.87,29.28-9.31,43.81c-6,25.36-13.94,50.14-22.92,74.6c-8.61,23.44-18.09,46.47-30.18,68.35 c-2.74,4.95-5.84,9.7-8.85,14.5c-8.09,12.94-21.31,18.68-34.6,24.02c-13.13,5.28-26.68,9.44-40.54,12.42 c-4.61,0.99-9.29,1.69-13.98,2.19c-4.16,0.44-5.06-1.18-3.78-5.31c3.82-12.23,9.02-23.89,14.05-35.64 c5.71-13.32,10.88-26.87,16.74-40.11c8.54-19.31,16.33-38.9,22.91-58.97c5.21-15.87,10.71-31.67,15.4-47.69 c10.42-35.6,18.76-71.72,25.23-108.24C114.01,196.71,116.21,183.39,117.49,169.96z'/%3E%3C/g%3E%3C/svg%3E");
}
nav .icon {
  background-color: var(--text-light);
  float: left;
  height: 25px!important;
  margin: 0 10px 0 0!important;
  width: 25px!important;
  -webkit-mask-size: 20px;
}
nav a.active .icon {
  background-color: var(--blue);  
}
nav a:hover .icon {
  background-color: var(--purple);
}

/* Loader elipsis ------------------------------------------------------------ */
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.list > .lds-ellipsis {
  margin: 0 auto;
  display: block;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #aaa;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

/* FORMs -------------------------------------------------------------------- */
.form {

}
.form-line {
    clear: both;
    padding: 0 0 10px 0;
    width: 100%;
}
.form-line-label {

}
.form-line-input {

}
.form-line-input input, .form-line-input textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border-radius: 2px;
    border: 1px solid #e5e9ec;
    color: #282323;
    outline: 0;
    height: 35px;
    padding: 6px 11px !important;
    line-height: 15px;
    font-size: 13px;
    max-width: 600px;
    width: 100%;
}
.form-line-input textarea {
    min-height: 300px;
}
.form-line-input select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-color: #ffffff;
    background-image: none !important;
    border: 1px solid #e5e5e5;
    outline: none;
    padding: 0 10px;
    min-height: 35px;
    max-width: 600px;
    width: 100%;
}
.form-line-submit button {
  margin: 0 10px 0 0;
}

/* Content ------------------------------------------------------------------ */
#content {
  background-color: #e0e0e0;
  display: none;
  height: 100%;
  overflow-y: scroll;
  position: fixed;
  width: 100%;
  z-index: 999;
}
#content.show {
  display: block;
}

/* List --------------------------------------------------------------------- */
.list {
  padding: 0 0 0 0px;
  width: 100%;
}
.day-separator {
  background: #8d47ca;
  height: 3px;
  color: var(--background-color);
}
.day-separator div {
  position: absolute;
  background: #8d47ca;
  line-height: 20px;
  z-index: 10;
  top: -9px;
  left: 10px;
  padding: 0 5px;
  font-size: 0.7em;
  border-radius: 5px;
}
.collapsible {
  background-color: var(--background-color);
  box-sizing: border-box;
  color: var(--text);
  cursor: pointer;
  display: grid;
  grid-template-columns: 60px auto 50px;
  grid-template-rows: 100%;
  padding: 10px 10px 10px 35px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #eee;
  text-align: left;
  outline: none;
  font-size: 15px;
}
.collapsible > div:first-child {
  font-size: 0.8em;
  font-weight: 600;
  padding: 0 0 0 10px;
  line-height: 25px;
}
.collapsible > div:first-child::before {
  content: "";
  position: absolute;
  height: calc(100% + 20px); 
  left: -1px;
  background-color: #aaa;
  width: 2px;
  top: -10px;
}
.collapsible:first-child > div:first-child::before {
  height: calc(100% + 2px);
  top: 8px;
}
.collapsible > div:first-child .dot {
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  border: 2px solid var(--background-color);
  background-color: #aaa;
  left: -5px;
  top: 8px;
}
.collapsible > div:first-child .dot.unit {
  background-color: rgba(98,129,255,1);
}
.collapsible > div:first-child .dot.active {
  background-color: rgba(5,180,50,1);
}
.collapsible .title {
  font-weight: 600;
  font-size: 1.2em;
}
.collapsible .sub {
  font-weight: 400;
  font-size: 0.8em;
}
.collapsible .icon {
  background-color: #222;
  height: 30px;
  float: left;
  margin: 0 20px 0 0;
  width: 30px;
}
.collapsible .icon.navigate, .collapsible .icon.mapycz {
  background-color: #aaa;
  float: right;
  height: 20px!important;
  margin: 10px 10px 0 10px!important;
  grid-column-start: 3;
  width: 20px!important;
  -webkit-mask-size: 20px;
}
.collapsible .icon.navigate:hover, .collapsible .icon.mapycz:hover {
  background-color: #222;
}

.collapsible.active, .collapsible:hover {
  background-color: #eee;
}
.content {
  padding: 10px 18px 10px 70px;
  font-size: 0.8em;
  display: none;
  overflow: hidden;
  background-color: #f9f9f9;
}
.content::before {
  content: "";
  position: absolute;
  height: 100%; 
  left: 34px;
  background-color: #ddd;
  width: 2px;
  top: 0px;
}
.active + .content {
  display: block;
}
#load-more {
  margin: 10px auto;
  margin-bottom: 70px;
  display: block;
  width: 170px;
  text-align: center;
}
#load-more:hover {
  border: 5px solid #ffffff; 
}
.units {

}
.unit {
  display: inline-block;
  background-color: rgba(98,129,255,1);
  color: white;
  line-height: 25px;
  width: 35px;
  text-align: center;
}
.unit.active {
  background-color: rgba(5,180,50,1);
}

.btn {
    background-color: #8d47ca;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;
}
.btn:hover {
  background-color: #fff;
  border: 5px solid #8d47ca;
  border-radius: 5px;
  color: #8d47ca;
  line-height: 30px;
  padding: 0 10px;
}
.btn.cancel {
  background-color: #ccc;  
  color: #444;
}

#alert {
  cursor: pointer;
  display: none;
  position: fixed;
  right: 70px;
  bottom: 10px;
  height: 54px;
  width: 54px;
  background: #e04d4d;
  border-radius: 50px;
  z-index: 100;
}
#alert.show {
  display: block;
}
#alert .icon {
  background-color: #fff;
  -webkit-animation: alert 1s infinite; /* Safari 4.0 - 8.0 */
  animation: alert 1s infinite;
}

@-webkit-keyframes alert {
  from {-webkit-mask-size: 15px;}
  to {-webkit-mask-size: 25px;}
}

/* Standard syntax */
@keyframes alert {
  from {-webkit-mask-size: 15px;}
  to {-webkit-mask-size: 25px;}
}