/*reused color variables*/
/*surface*/
/*header background*/
/*hover background*/
/*border, divider*/
/*input border*/
/*input icon*/
/*text secondary color*/
/*text color*/
/*backgroud*/
/*input text*/
/*border table*/
/*global*/
/*scale*/
/**
Remove the unit of number; Example: 14px --> 14
 */
.font-extra-small {
  --font-size: 10px;
}

.font-small {
  --font-size: 12px;
}

:root {
  --font-size: 14px;
  --font-size-number: 14;
}

.font-large {
  --font-size: 16px;
}

.font-extra-large {
  --font-size: 18px;
}

/* Topbar */
/* Tab */
/* Contents */
/* List Items */
/* Predefined Colors */
/*scale*/
/* Add your variable customizations of layout here */
/*title*/
/*subtitle*/
/*login*/
/*button*/
/*table*/
/*miniature*/
:root {
  --primary-color: #48B7EF;
  --plate-border-top-color: #2B57CA;
  --plate-background-color: #E3E3E3;
  --restriction-background-color: #FFFFFF;
  --text-color: #112337;
  --text-secoundary-color: rgba(17, 35, 55, 0.6);
  --text-highlight-color: #48B7EF;
  --button-option-color: #48B7EF;
  --button-option-background: #E3E3E3;
  --button-option-activated-background: #fff;
  --button-option-hover-background: #cccccc;
  --card-background-color: #fff;
  --body-bg-color: #F5F5F5;
  --caption-color: #6A6A6A;
  --card-border-color: #CFCFCF;
  --input-hover-border-color: #48B7EF;
  --selected-background: #48B7EF;
  --selected-text-color: #ffffff;
  --dialog-padding: 20px;
  --transition-duration: 0.3s;
  --border-radius: 18px;
}

/* montserrat-100 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100;
  src: url("../layout/fonts/montserrat-v15/montserrat-v15-latin-100.eot"); /* IE9 Compat Modes */
  src: local(""), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-100.eot?#iefix") format("embedded-opentype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-100.woff2") format("woff2"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-100.woff") format("woff"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-100.ttf") format("truetype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-100.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-200 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 200;
  src: url("../layout/fonts/montserrat-v15/montserrat-v15-latin-200.eot"); /* IE9 Compat Modes */
  src: local(""), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-200.eot?#iefix") format("embedded-opentype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-200.woff2") format("woff2"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-200.woff") format("woff"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-200.ttf") format("truetype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-200.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-300 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../layout/fonts/montserrat-v15/montserrat-v15-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-300.woff2") format("woff2"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-300.woff") format("woff"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-300.ttf") format("truetype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-300.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../layout/fonts/montserrat-v15/montserrat-v15-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-regular.woff2") format("woff2"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-regular.woff") format("woff"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-regular.ttf") format("truetype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-regular.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../layout/fonts/montserrat-v15/montserrat-v15-latin-500.eot"); /* IE9 Compat Modes */
  src: local(""), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-500.eot?#iefix") format("embedded-opentype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-500.woff2") format("woff2"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-500.woff") format("woff"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-500.ttf") format("truetype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-500.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../layout/fonts/montserrat-v15/montserrat-v15-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-700.woff2") format("woff2"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-700.woff") format("woff"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-700.ttf") format("truetype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-700.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../layout/fonts/montserrat-v15/montserrat-v15-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-600.woff2") format("woff2"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-600.woff") format("woff"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-600.ttf") format("truetype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-600.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../layout/fonts/montserrat-v15/montserrat-v15-latin-800.eot"); /* IE9 Compat Modes */
  src: local(""), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-800.eot?#iefix") format("embedded-opentype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-800.woff2") format("woff2"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-800.woff") format("woff"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-800.ttf") format("truetype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-800.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: url("../layout/fonts/montserrat-v15/montserrat-v15-latin-900.eot"); /* IE9 Compat Modes */
  src: local(""), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-900.eot?#iefix") format("embedded-opentype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-900.woff2") format("woff2"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-900.woff") format("woff"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-900.ttf") format("truetype"), url("../layout/fonts/montserrat-v15/montserrat-v15-latin-900.svg#Montserrat") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: normal;
  src: url("../layout/fonts/ubuntu-mono/UbuntuMono-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: bold;
  src: url("../layout/fonts/ubuntu-mono/UbuntuMono-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: bold;
  src: url("../layout/fonts/ubuntu-mono/UbuntuMono-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: normal;
  src: url("../layout/fonts/ubuntu-mono/UbuntuMono-Italic.ttf") format("truetype");
}
/* Utils */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

.card {
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  background: var(--card-background-color);
  padding: 18px;
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  margin-bottom: 16px;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
}
.card:last-child {
  margin-bottom: 0;
}
.card .card-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.card .card-subtitle {
  color: rgba(17, 35, 55, 0.6);
  font-weight: 600;
  margin: -1rem 0 1rem 0;
}

.p-toast.p-toast-top-right, .p-toast.p-toast-top-left, .p-toast.p-toast-top-center {
  top: 70px;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.dashboard {
  padding: 15px;
}
.dashboard .card {
  height: 100%;
}
.dashboard .card.weather-card {
  padding: 0px;
}
.dashboard .weather-box {
  height: 100%;
}
.dashboard .weather-box .left {
  background-size: 100% 100%;
}
.dashboard .weather-box .left > div {
  height: 50%;
  text-align: center;
  color: #ffffff;
}
.dashboard .weather-box .left > div .large {
  padding-top: 30%;
  font-size: 36px;
  font-weight: bold;
}
.dashboard .weather-box .left > div .normal {
  font-size: 14px;
}
.dashboard .weather-box .left > div.stripe {
  height: 0px;
  padding: 0px;
  border-top: 1px solid #ABF1B5;
}
@media (max-width: 640px) {
  .dashboard .weather-box .left > div {
    width: 49%;
    height: 100%;
  }
  .dashboard .weather-box .left > div .large {
    padding-top: 10%;
  }
  .dashboard .weather-box .left > div.stripe {
    height: 100%;
    width: 0px;
    border-top: 0px;
    border-left: 1px solid #ABF1B5;
  }
}
.dashboard .weather-box .wrapper {
  padding: 15px;
  color: var(--text-color);
}
.dashboard .weather-box .wrapper div.large {
  font-size: 20px;
  font-weight: bold;
}
.dashboard .overview-box {
  padding: 15px 10px;
  text-align: left;
  overflow: hidden;
  margin-bottom: 0px !important;
  background-color: #ffffff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: var(--text-color);
}
.dashboard .overview-box .overview-box-icon {
  text-align: center;
  position: relative;
}
.dashboard .overview-box .overview-box-icon img {
  width: 80px;
  height: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.dashboard .overview-box .overview-box-name {
  font-size: 16px;
  display: inline-block;
  width: 100%;
}
.dashboard .overview-box .overview-box-count {
  font-size: 36px;
  font-weight: bold;
}
.dashboard .overview-box .overview-box-rate {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 4px;
  background-color: #48B7EF;
  font-weight: bold;
  color: var(--text-color);
  display: inline-block;
  margin-top: 4px;
}
.dashboard .overview-box.overview-box-1 .overview-box-footer {
  background-color: #3192e1;
}
.dashboard .overview-box.overview-box-2 .overview-box-icon img {
  height: 50px;
}
.dashboard .overview-box.overview-box-2 .overview-box-footer {
  background-color: #e42a7b;
}
.dashboard .overview-box.overview-box-3 .overview-box-footer {
  background-color: #dfb051;
}
.dashboard .overview-box.overview-box-3 .overview-box-rate {
  background-color: #f3745a;
  color: #ffffff;
}
.dashboard .overview-box.overview-box-4 .overview-box-icon img {
  height: 70px;
}
.dashboard .overview-box.overview-box-4 .overview-box-footer {
  background-color: #d97c3e;
}
.dashboard .overview-box.control-panel {
  background-color: #ffffff;
}
.dashboard .map {
  width: 100%;
  height: 400px;
  background-size: cover;
}
.dashboard .task-list {
  overflow: hidden;
}
.dashboard .task-list > .p-panel {
  min-height: 340px;
}
.dashboard .task-list .p-panel-content {
  padding: 0px !important;
}
.dashboard .task-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.dashboard .task-list ul li {
  padding: 6px 12px;
  border-bottom: 1px solid #eaeaea;
}
.dashboard .task-list ul li:last-child {
  border-bottom: 0 none;
}
.dashboard .task-list ul .p-checkbox {
  vertical-align: middle;
  margin-right: 5px;
}
.dashboard .task-list ul .task-name {
  vertical-align: middle;
}
.dashboard .task-list ul i {
  color: rgba(17, 35, 55, 0.6);
  float: right;
  font-size: 16px;
}
.dashboard .contact-form {
  overflow: hidden;
}
.dashboard .contact-form .p-panel {
  min-height: 340px;
}
.dashboard .contact-form .p-col-12 {
  padding: 6px 12px;
}
.dashboard .contact-form .p-button {
  margin-top: 4px;
}
.dashboard .contacts {
  overflow: hidden;
}
.dashboard .contacts > .p-panel {
  min-height: 340px;
}
.dashboard .contacts .p-panel-content {
  padding: 0px !important;
}
.dashboard .contacts ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dashboard .contacts ul li {
  border-bottom: 1px solid #eaeaea;
  padding: 9px;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.dashboard .contacts ul li img {
  float: left;
  margin-right: 8px;
}
.dashboard .contacts ul li .contact-info {
  float: left;
}
.dashboard .contacts ul li .contact-info .name {
  display: block;
  margin-top: 4px;
  font-size: 14px;
}
.dashboard .contacts ul li .contact-info .location {
  margin-top: 4px;
  display: block;
  font-size: 12px;
  color: rgba(17, 35, 55, 0.6);
}
.dashboard .contacts ul li .contact-actions {
  float: right;
  padding-top: 12px;
}
.dashboard .contacts ul li .contact-actions .connection-status {
  color: var(--text-color);
  padding: 2px 3px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
.dashboard .contacts ul li .contact-actions .connection-status.online {
  background-color: #48B7EF;
}
.dashboard .contacts ul li .contact-actions .connection-status.offline {
  background-color: #f3745a;
  color: #ffffff;
}
.dashboard .contacts ul li .contact-actions i {
  color: rgba(17, 35, 55, 0.6);
  margin-left: 5px;
}
.dashboard .contacts ul li:last-child {
  border: 0;
}
.dashboard .activity-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dashboard .activity-list li {
  border-bottom: 1px solid #eaeaea;
  padding: 15px 0 9px 9px;
}
.dashboard .activity-list li .count {
  font-size: 24px;
  color: #ffffff;
  background-color: #6ec5ff;
  font-weight: bold;
  width: 75px;
  padding: 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.dashboard .activity-list li:first-child {
  border-top: 1px solid #eaeaea;
}
.dashboard .activity-list li:last-child {
  border: 0;
}
.dashboard .activity-list li .p-grid {
  padding-top: 0.5em;
}
.dashboard .activity-list li .p-col-6:first-child {
  --scaled-font-size: min((-0.3rem + 1vw) * (1.28), var(--font-size) * (1.28) );
  font-size: var(--scaled-font-size);
}
.dashboard .activity-list li .p-col-6:last-child {
  text-align: right;
  color: rgba(17, 35, 55, 0.6);
}
.dashboard .user-card {
  text-align: center;
  border: 1px solid #eaeaea;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
.dashboard .user-card .user-card-header {
  height: 100px;
  background-color: #f1f1f1;
}
.dashboard .user-card .user-card-content {
  margin-top: -25px;
  height: 300px;
  background-color: #ffffff;
  border-top: 1px solid #eaeaea;
  padding: 5px 15px;
}
.dashboard .user-card .user-card-content img {
  margin-top: -55px;
}
.dashboard .user-card .user-card-content span {
  display: block;
}
.dashboard .user-card .user-card-content span.user-card-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}
.dashboard .user-card .user-card-content span.user-card-role {
  margin-bottom: 25px;
}
.dashboard .user-card .user-card-footer {
  padding: 5px;
  height: 50px;
  border-top: 1px solid #eaeaea;
  background-color: #f9f9f9;
}
.dashboard .user-card .user-card-footer span {
  display: block;
}
.dashboard .user-card .user-card-footer span:first-child {
  font-weight: 700;
}
.dashboard .chat .p-panel-content {
  padding: 0 !important;
}
.dashboard .chat ul {
  padding: 12px;
  margin: 0;
  list-style-type: none;
}
.dashboard .chat ul li {
  padding: 6px 0;
}
.dashboard .chat ul li img {
  width: 36px;
  float: left;
}
.dashboard .chat ul li span {
  padding: 6px 12px;
  float: left;
  display: inline-block;
  margin: 4px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.dashboard .chat ul li.message-from img, .dashboard .chat ul li.message-from span {
  float: left;
}
.dashboard .chat ul li.message-from img {
  margin-right: 8px;
}
.dashboard .chat ul li.message-from span {
  background-color: #e4fed9;
}
.dashboard .chat ul li.message-own img, .dashboard .chat ul li.message-own span {
  float: right;
}
.dashboard .chat ul li.message-own img {
  margin-left: 8px;
}
.dashboard .chat ul li.message-own span {
  background: #fff7e1;
}
.dashboard .chat .new-message {
  height: 40px;
  border-top: 1px solid #eaeaea;
  color: #afafc0;
}
.dashboard .chat .new-message .message-attachment {
  display: inline-block;
  border-right: 1px solid #eaeaea;
  width: 40px;
  line-height: 40px;
  height: 100%;
  text-align: center;
}
.dashboard .chat .new-message .message-attachment i {
  line-height: inherit;
  font-size: 24px;
}
.dashboard .chat .new-message .message-input {
  position: relative;
  top: -4px;
  width: calc(100% - 100px);
  display: inline-block;
  padding-left: 10px;
}
.dashboard .chat .new-message .message-input input {
  border: 0 none;
  font-size: 13px;
  width: 100%;
  background-color: transparent;
  outline: 0 none;
  color: rgba(17, 35, 55, 0.6);
}
.dashboard .morpheus-overview img {
  width: 100%;
}
.dashboard .morpheus-overview .article-date {
  font-weight: bold;
  color: #afafc0;
  display: inline-block;
  margin-top: 6px;
}
.dashboard .morpheus-overview h3 {
  margin: 12px 0;
  font-weight: bold;
  color: #2d353c;
}
.dashboard .morpheus-overview p {
  margin: 0 0 20px 0;
  color: #525262;
}
.dashboard .activity-feed {
  text-align: center;
}
.dashboard .activity-feed h3 {
  color: #525262;
  margin: 20px 0 5px 0;
  font-weight: bold;
  font-size: 13px;
}
.dashboard .activity-feed p {
  color: rgba(17, 35, 55, 0.6);
  margin: 0;
  font-size: 13px;
}
.dashboard .activity-feed .p-col-12 {
  padding: 20px;
}
.dashboard .activity-feed .p-col-12 span {
  display: block;
  font-weight: bold;
  color: #6a6a7d;
}
.dashboard .activity-feed .knob {
  width: 120px;
  height: 120px;
  line-height: 100px;
  margin-top: 20px;
  font-size: 30px;
  color: #6a6a7d;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}
.dashboard .activity-feed .knob.income {
  border: 10px solid #59c429;
  border-left-color: #b4ea9c;
}
.dashboard .activity-feed .knob.tax {
  border: 10px solid #fbc948;
  border-left-color: #fef5de;
}
.dashboard .activity-feed .knob.invoice {
  padding: initial;
  border: 10px solid #777777;
  border-left-color: #c4c4c4;
}
.dashboard .activity-feed .knob.expense {
  border: 10px solid #6ec5ff;
  border-left-color: #d4eeff;
}
.dashboard .timeline {
  height: 100%;
  box-sizing: border-box;
}
.dashboard .timeline > .p-grid .p-col-3 {
  font-size: 14px;
  position: relative;
  border-right: 1px solid #eaeaea;
}
.dashboard .timeline > .p-grid .p-col-3 i {
  background-color: transparent;
  font-size: 24px;
  position: absolute;
  top: 6px;
  right: -12px;
}
.dashboard .timeline > .p-grid .p-col-9 {
  padding-left: 1.5em;
}
.dashboard .timeline > .p-grid .p-col-9 .event-owner {
  font-weight: bold;
}
.dashboard .timeline > .p-grid .p-col-9 .event-text {
  color: rgba(17, 35, 55, 0.6);
  font-size: 14px;
  display: block;
  padding-bottom: 20px;
}
.dashboard .timeline > .p-grid .p-col-9 .event-content img {
  width: 100%;
}
.dashboard .chart-panel .p-panel-content {
  overflow: auto;
}
.dashboard .control-panel {
  padding: 0;
}
.dashboard .control-panel .left-controls {
  padding: 0px;
}
.dashboard .control-panel .left-controls span {
  float: left;
  padding: 16px;
}
.dashboard .control-panel .right-controls {
  padding: 0px;
}
.dashboard .control-panel .right-controls .p-col-4 {
  padding: 0px;
  float: right;
}
.dashboard .control-panel .right-controls a {
  border-left: solid 0.5px #e6e6e6;
  display: inline-block;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  line-height: 48px;
  color: #ababab;
  cursor: pointer;
  text-align: center;
}
.dashboard .control-panel .right-controls a i {
  font-size: 24px;
  line-height: inherit;
}
.dashboard .control-panel .right-controls a:hover {
  color: var(--text-color);
  background-color: #48B7EF;
}
.dashboard .product-badge {
  border-radius: 2px;
  padding: 0.25em 0.5rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
}
.dashboard .product-badge.status-instock {
  background: #C8E6C9;
  color: #256029;
}
.dashboard .product-badge.status-outofstock {
  background: #FFCDD2;
  color: #C63737;
}
.dashboard .product-badge.status-lowstock {
  background: #FEEDAF;
  color: #8A5340;
}

@media (max-width: 640px) {
  .dashboard .control-panel .right-controls a {
    border-top: solid 0.5px #e6e6e6;
  }
}
.login-body {
  background-color: #f8f8f8;
  box-sizing: border-box;
  padding-top: 50px;
}
.login-body .login-panel {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #dce2e7;
  width: 400px;
  margin: 0 auto 40px;
  text-align: center;
  box-sizing: border-box;
  color: #afafc0;
}
.login-body .login-panel .login-container {
  padding: 50px 80px;
}
.login-body .login-panel .login-container h2 {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  margin-top: 0px;
}
.login-body .login-panel .stripe {
  border-top: 1px solid #dbdbdb;
  height: 0;
  width: 100%;
}
.login-body .login-panel .p-col-12 {
  padding: 12px 0;
}
.login-body .login-panel input {
  padding: 10px;
}
.login-body .login-panel .logo-container .morpheus-logo {
  vertical-align: bottom;
  height: 28px;
}
.login-body .login-panel .logo-container .morpheus-logo-text {
  font-size: 22px;
  font-weight: 700;
  padding-left: 5px;
}
.login-body .login-panel .logo-container .morpheus-logo-link {
  vertical-align: middle;
}
.login-body .login-panel .chkbox-container {
  text-align: left;
}
.login-body .login-panel .chkbox-container label {
  color: #afafc0;
  margin-left: 4px;
  display: inline-block;
}
.login-body .facebook-btn {
  background-color: #3b5998;
  background: #3b5998;
  border-color: #3b5998;
}
.login-body .facebook-btn:hover {
  background-color: #4c70ba;
  background: #4c70ba;
  border-color: #4c70ba;
}
.login-body .twitter-btn {
  background-color: #0084b4;
  background: #0084b4;
  border-color: #0084b4;
}
.login-body .twitter-btn:hover {
  background-color: #00a9e7;
  background: #00a9e7;
  border-color: #00a9e7;
}

@media (max-width: 640px) {
  .login-body {
    padding-top: 40px;
  }
  .login-body .login-panel {
    width: 100%;
  }
}
.exception-body {
  background-color: #f8f8f8;
  box-sizing: border-box;
}
.exception-body .exception-panel {
  background-color: #f7f7f7;
  width: 800px;
  margin: 0 auto;
  text-align: center;
  padding: 100px;
  box-sizing: border-box;
}
.exception-body .exception-panel img {
  width: 512px;
}
.exception-body .exception-panel .line {
  width: 100%;
  border: 1px solid #979797;
  margin-top: 40px;
}
.exception-body .exception-panel h1 {
  font-size: 22px;
  color: #2d353c;
  margin-top: 50px;
  margin-bottom: 10px;
}
.exception-body .exception-panel p {
  font-size: 15px;
  margin: 0 0 30px 0px;
  color: #6a6a7d;
}

@media (max-width: 1024px) {
  .exception-body .exception-panel {
    width: 100%;
    padding: 80px 50px 50px 50px;
  }
  .exception-body .exception-panel img {
    width: 384px;
  }
}
@media (max-width: 640px) {
  .exception-body .exception-panel {
    width: 100%;
    padding: 80px 50px 50px 50px;
  }
  .exception-body .exception-panel img {
    width: 256px;
  }
}
.landing-body .landing-wrapper #header {
  background-color: #ffffff;
  padding: 16px 0;
  height: 480px;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='%23f0f0f0' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M29.42 29.41c.36-.36.58-.85.58-1.4V0h-4v26H0v4h28c.55 0 1.05-.22 1.41-.58h.01zm0 29.18c.36.36.58.86.58 1.4V88h-4V62H0v-4h28c.56 0 1.05.22 1.41.58zm29.16 0c-.36.36-.58.85-.58 1.4V88h4V62h26v-4H60c-.55 0-1.05.22-1.41.58h-.01zM62 26V0h-4v28c0 .55.22 1.05.58 1.41.37.37.86.59 1.41.59H88v-4H62zM18 36c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm16-26a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 58a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 78a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zM34 4a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm-8 82a2 2 0 1 1 4 0v2h-4v-2zm0-68a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V18zM66 4a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm0 72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm-48 0a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm0-72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm24-4h4v2a2 2 0 1 1-4 0V0zm0 60a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V60zm14-24c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm-28-6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 26a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM36 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-8-8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 68a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-34a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-12a2 2 0 1 0 0 4 6 6 0 1 1 0 12 2 2 0 1 0 0 4 10 10 0 1 0 0-20zm-64 0a2 2 0 1 1 0 4 6 6 0 1 0 0 12 2 2 0 1 1 0 4 10 10 0 1 1 0-20zm56-12a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-48 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm24 32a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-4a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm36-36a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM10 44c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm56 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm8 24c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zM3 68c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm0-48c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm71 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm6 66a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM8 86a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-68A6 6 0 1 1 8 2a6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm36 36a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/g%3E%3C/svg%3E");
}
.landing-body .landing-wrapper #header > div {
  width: 960px;
  margin: 0 auto;
}
.landing-body .landing-wrapper #header .header-top {
  height: 83px;
}
.landing-body .landing-wrapper #header .header-top .morpheus-logo-link {
  margin: 20px 0 0 0;
}
.landing-body .landing-wrapper #header .header-top .morpheus-logo-link .morpheus-logo {
  vertical-align: bottom;
  margin-left: 30px;
  height: 28px;
}
.landing-body .landing-wrapper #header .header-top .morpheus-logo-link .morpheus-logo-text {
  font-size: 22px;
  font-weight: 700;
  padding-left: 5px;
}
.landing-body .landing-wrapper #header .header-top #menu-button {
  width: 40px;
  height: 40px;
  line-height: 60px;
  display: none;
  color: #777777;
  float: right;
  margin-right: 30px;
  margin-top: 20px;
  text-align: center;
}
.landing-body .landing-wrapper #header .header-top #menu-button span {
  font-size: 28px;
  line-height: inherit;
}
.landing-body .landing-wrapper #header .header-top #menu-button:hover {
  color: #494949;
}
.landing-body .landing-wrapper #header .header-top ul {
  list-style-type: none;
  float: right;
  margin: 20px 0 0 0;
  padding: 0;
}
.landing-body .landing-wrapper #header .header-top ul li {
  float: left;
  padding-right: 12px;
}
.landing-body .landing-wrapper #header .header-top ul li a {
  font-size: 15px;
  color: #7e7e7e;
  display: block;
  padding: 8px;
  border-bottom: 2px solid transparent;
  -moz-transition: border-bottom-color 0.3s;
  -o-transition: border-bottom-color 0.3s;
  -webkit-transition: border-bottom-color 0.3s;
  transition: border-bottom-color 0.3s;
}
.landing-body .landing-wrapper #header .header-top ul li a:hover {
  border-color: #7e7e7e;
}
.landing-body .landing-wrapper #header .header-content {
  text-align: center;
  height: 438px;
  position: relative;
  padding-top: 100px;
}
.landing-body .landing-wrapper #header .header-content h1 {
  color: #525252;
  font-size: 40px;
  margin: 40px 0 12px 0;
}
.landing-body .landing-wrapper #header .header-content h2 {
  display: inline-block;
  color: #525252;
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 24px 0;
  padding-top: 6px;
}
.landing-body .landing-wrapper #header .header-content .p-button {
  display: inline-block;
  border: solid 0.5px #7e7e7e;
  color: #7e7e7e;
  padding: 6px 22px;
  margin-bottom: 50px;
  background-color: #f8f8f8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.landing-body .landing-wrapper #header .header-content .p-button:first-child {
  margin-right: 3px;
}
.landing-body .landing-wrapper #header .header-content .p-button:hover {
  background-color: #9cea41;
  color: #365116;
  border-color: #9cea41;
}
.landing-body .landing-wrapper #header .header-content .introduction-image {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.landing-body .landing-wrapper #header .header-content .introduction-image img {
  width: 600px;
}
.landing-body .landing-wrapper #introduction {
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: center;
  padding-top: 100px;
  border-top: 10px solid #1b6bad;
}
.landing-body .landing-wrapper #introduction h2 {
  border-bottom: 4px solid #ffffff;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-weight: 300;
}
.landing-body .landing-wrapper #introduction h1 {
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 40px;
}
.landing-body .landing-wrapper #introduction button {
  padding: 6px 12px;
  width: 125px;
}
.landing-body .landing-wrapper #features {
  background-color: #f8f8f8;
  padding: 70px 0;
  text-align: center;
}
.landing-body .landing-wrapper #features h1 {
  color: #6a6a7d;
  font-size: 22px;
  border-bottom: 3px solid #afafc0;
  display: inline-block;
  padding-bottom: 5px;
}
.landing-body .landing-wrapper #features > div {
  width: 960px;
  margin: 0 auto;
}
.landing-body .landing-wrapper #features > div .p-col-12 {
  padding-top: 30px;
  padding-bottom: 15px;
}
.landing-body .landing-wrapper #features > div img {
  height: 106px;
}
.landing-body .landing-wrapper #features > div h3 {
  margin: 12px 0 16px 0;
  color: #525262;
  --scaled-font-size: min((-0.3rem + 1vw) * (1.28), var(--font-size) * (1.28) );
  font-size: var(--scaled-font-size);
  font-weight: bold;
}
.landing-body .landing-wrapper #features > div p {
  color: #6a6a7d;
  font-size: 16px;
  margin: 0;
  line-height: 1.5;
}
.landing-body .landing-wrapper #information {
  background-color: #303030;
  padding: 130px;
  position: relative;
  color: #fff;
  height: auto;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}
.landing-body .landing-wrapper #information img {
  position: absolute;
  top: 50px;
  right: 0;
  float: right;
  height: auto;
  max-width: 670px;
  width: 100%;
}
.landing-body .landing-wrapper #information .vertical-align-helper {
  height: 125px;
}
.landing-body .landing-wrapper #information #screenLanding {
  display: none;
}
.landing-body .landing-wrapper #information .information-header {
  font-size: 24px;
  font-weight: 500;
  color: #e4e4e4;
}
.landing-body .landing-wrapper #information .information-content {
  font-size: 16px;
  color: #8c8c8c;
  line-height: 1.5;
}
.landing-body .landing-wrapper #pricing {
  background-image: linear-gradient(127deg, #83ea56, #19bf85);
  padding: 40px 0 60px 0;
  text-align: center;
}
.landing-body .landing-wrapper #pricing > div {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}
.landing-body .landing-wrapper #pricing > div h1 {
  color: #ffffff;
  font-size: 22px;
  border-bottom: 3px solid #ffffff;
  display: inline-block;
  padding-bottom: 5px;
  margin: 0 0 40px 0;
}
.landing-body .landing-wrapper #pricing > div .p-col-12 .price-type {
  background-color: #f5f8f9;
  border: solid 1px #dce2e7;
  height: 100%;
  padding: 30px;
  color: #6a6a7d;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.landing-body .landing-wrapper #pricing > div .p-col-12 .price-type:hover {
  transform: scale(1.12, 1.12);
  transition: all 0.2s linear;
}
.landing-body .landing-wrapper #pricing > div .p-col-12 .price-type h3 {
  font-size: 24px;
  margin: 20px 0 20px 0;
  font-weight: normal;
  color: #7d7d7d;
}
.landing-body .landing-wrapper #pricing > div .p-col-12 .price-type .price-for {
  color: #afafc0;
  font-weight: bold;
}
.landing-body .landing-wrapper #pricing > div .p-col-12 .price-type .currency {
  color: #228ee8;
  font-size: 48px;
}
.landing-body .landing-wrapper #pricing > div .p-col-12 .price-type .term {
  display: block;
  color: #ababab;
}
.landing-body .landing-wrapper #pricing > div .p-col-12 .price-type .price {
  display: inline-block;
  font-size: 48px;
  color: #228ee8;
  margin-bottom: 30px;
}
.landing-body .landing-wrapper #pricing > div .p-col-12 .price-type ul {
  list-style-type: none;
  padding: 0;
  margin: 20px 0 0 0;
  min-height: 175px;
}
.landing-body .landing-wrapper #pricing > div .p-col-12 .price-type ul li {
  padding-top: 6px;
  color: #7d7d7d;
  font-size: 16px;
}
.landing-body .landing-wrapper #pricing > div .p-col-12 .price-type button {
  width: 100%;
  background-color: #ffffff;
  border-color: #afafc0;
}
.landing-body .landing-wrapper #pricing > div .p-col-12 .price-type button span {
  color: #afafc0;
}
.landing-body .landing-wrapper #video {
  background-color: #f5f8f9;
  padding: 80px 0;
}
.landing-body .landing-wrapper #video h1 {
  color: #6a6a7d;
  font-size: 22px;
  border-bottom: 3px solid #afafc0;
  display: inline-block;
  padding-bottom: 5px;
  margin: 0 0 40px 0;
}
.landing-body .landing-wrapper #video > div {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}
.landing-body .landing-wrapper #footer {
  background-color: #313131;
  padding: 40px 0;
  color: #a6a6a6;
}
.landing-body .landing-wrapper #footer h3 {
  color: #cccccc;
}
.landing-body .landing-wrapper #footer a {
  color: #a6a6a6;
}
.landing-body .landing-wrapper #footer .link-divider {
  margin: 0 10px;
}
.landing-body .landing-wrapper #footer > div {
  width: 960px;
  margin: 0 auto;
}
.landing-body .landing-wrapper #footer > div img {
  width: 60px;
  vertical-align: middle;
}
.landing-body .landing-wrapper #footer > div .appname {
  font-size: 36px;
  color: #f5f8f9;
  vertical-align: middle;
  margin: 10px;
}
.landing-body .landing-wrapper #footer > div .social {
  float: right;
  padding-top: 15px;
}
.landing-body .landing-wrapper #footer > div .social i {
  color: #767b7f;
  font-size: 30px;
  margin-left: 30px;
}

@media (max-width: 1440px) {
  #information img#screen {
    max-width: 500px;
    top: 120px;
  }
}
@media (max-width: 1024px) {
  .landing-body .landing-wrapper #header > div {
    width: 100%;
  }
  .landing-body .landing-wrapper #header > div ul {
    display: none;
    float: none;
  }
  .landing-body .landing-wrapper #header > div ul.menu-active {
    display: block;
    background-color: #ffffff;
    width: 45%;
    position: absolute;
    right: 45px;
    top: 50px;
    text-align: center;
    padding: 0 0 6px 0;
    border-bottom: 10px solid #48B7EF;
    z-index: 100;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.15);
  }
  .landing-body .landing-wrapper #header > div ul.menu-active li {
    float: none;
    padding: 6px 0;
  }
  .landing-body .landing-wrapper #header > div ul.menu-active li a {
    color: #313131;
  }
  .landing-body .landing-wrapper #header > div ul.menu-active li a:hover {
    border-bottom-color: transparent;
    background-color: #f8f8f8;
  }
  .landing-body .landing-wrapper #header .header-top #menu-button {
    display: block;
  }
  .landing-body .landing-wrapper #introduction, .landing-body .landing-wrapper #information, .landing-body .landing-wrapper #features, .landing-body .landing-wrapper #statistics, .landing-body .landing-wrapper #pricing, .landing-body .landing-wrapper #video, .landing-body .landing-wrapper #footer > div {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
  }
  .landing-body .landing-wrapper #introduction > div, .landing-body .landing-wrapper #information > div, .landing-body .landing-wrapper #features > div, .landing-body .landing-wrapper #statistics > div, .landing-body .landing-wrapper #pricing > div, .landing-body .landing-wrapper #video > div, .landing-body .landing-wrapper #footer > div > div {
    width: 100%;
  }
  .landing-body .landing-wrapper #pricing .p-col-12 {
    margin-bottom: 30px;
  }
  .landing-body .landing-wrapper #information {
    padding-top: 65px;
    padding-bottom: 65px;
    height: 380px;
  }
  .landing-body .landing-wrapper #information .CenterMobile {
    text-align: center;
  }
  .landing-body .landing-wrapper #information img#screen {
    max-width: 300px;
    top: 90px;
  }
  .landing-body .landing-wrapper #information .information-header {
    --scaled-font-size: min((-0.3rem + 1vw) * (1.28), var(--font-size) * (1.28) );
    font-size: var(--scaled-font-size);
    font-weight: 500;
  }
  .landing-body .landing-wrapper #information .information-content {
    font-size: 13px;
  }
  .landing-body .landing-wrapper #video iframe {
    width: 300px;
    height: 169px;
  }
  .landing-body .landing-wrapper #footer > div .logo {
    width: 40px;
  }
  .landing-body .landing-wrapper #footer > div .appname {
    margin-left: 10px;
    font-size: 24px;
  }
  .landing-body .landing-wrapper #footer > div .social {
    width: auto;
    padding-top: 22px;
  }
  .landing-body .landing-wrapper #footer > div .social i {
    font-size: 16px;
    margin-left: 16px;
  }
}
@media (max-width: 640px) {
  .landing-body .landing-wrapper #header .header-content .introduction-image {
    bottom: 40px;
  }
  .landing-body .landing-wrapper #header .header-content .introduction-image img {
    width: 320px;
  }
  .landing-body .landing-wrapper #information {
    height: auto;
  }
  .landing-body .landing-wrapper #information .CenterMobile {
    text-align: center;
  }
  .landing-body .landing-wrapper #information img#screen {
    display: none;
  }
  .landing-body .landing-wrapper #information .information-header {
    --scaled-font-size: min((-0.3rem + 1vw) * (1.28), var(--font-size) * (1.28) );
    font-size: var(--scaled-font-size);
    font-weight: 500;
  }
  .landing-body .landing-wrapper #information .information-content {
    font-size: 13px;
  }
}
html {
  height: 100%;
  --scaled-font-size: min((-0.3rem + 1vw) * (1), var(--font-size) * (1) );
  font-size: var(--scaled-font-size);
}

body {
  font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
  --scaled-font-size: min((-0.3rem + 1vw) * (1), var(--font-size) * (1) );
  font-size: var(--scaled-font-size);
  color: var(--text-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  margin: 0;
  min-height: 100%;
}
body.main-body {
  background-color: #F5F5F5;
}
body a {
  color: #19a5eb;
  text-decoration: none;
}
body a:hover {
  color: #19a5eb;
}

.layout-wrapper .topbar {
  height: 60px;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  z-index: 1000;
}
.layout-wrapper .topbar #menu-button {
  text-align: center;
  width: 59px;
  height: 60px;
  line-height: 60px;
  border-right: solid 1px #e0e0e0;
  color: var(--text-color);
  float: left;
}
.layout-wrapper .topbar #menu-button:hover {
  background-color: #f5f5f5;
  color: #494949;
}
.layout-wrapper .topbar #menu-button span {
  font-size: 36px;
  line-height: inherit;
  transition: all 0.3s;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.layout-wrapper .topbar .morpheus-logo-link {
  vertical-align: middle;
  line-height: 60px;
  margin-left: 20px;
}
.layout-wrapper .topbar .morpheus-logo-link .morpheus-logo {
  vertical-align: middle;
  height: 28px;
  margin-top: -7px;
}
.layout-wrapper .topbar .morpheus-logo-link .morpheus-logo-text {
  font-size: 22px;
  font-weight: 700;
  padding-left: 5px;
}
.layout-wrapper .topbar #topbar-menu-button {
  font-size: 28px;
  margin: 12px 20px 0 0;
  display: none;
  float: right;
  color: #ffffff;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.layout-wrapper .topbar #topbar-menu-button i {
  font-size: 24px;
}
.layout-wrapper .topbar #topbar-menu-button:hover {
  color: #494949;
}
.layout-wrapper .topbar .topbar-menu {
  float: right;
  margin: 15px 15px 0 0;
  padding: 0;
  list-style-type: none;
}
.layout-wrapper .topbar .topbar-menu > li {
  float: left;
  position: relative;
  margin-left: 15px;
}
.layout-wrapper .topbar .topbar-menu > li > a {
  position: relative;
  display: block;
  color: #afafaf;
}
.layout-wrapper .topbar .topbar-menu > li > a .topbar-icon {
  font-size: 26px;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.layout-wrapper .topbar .topbar-menu > li > a .topbar-icon:hover {
  color: var(--text-color);
}
.layout-wrapper .topbar .topbar-menu > li > a .topbar-item-name {
  display: none;
}
.layout-wrapper .topbar .topbar-menu > li > a .topbar-badge {
  position: absolute;
  right: -5px;
  top: -5px;
  background-color: #48B7EF;
  color: var(--text-color);
  padding: 2px 4px;
  display: block;
  font-size: 12px;
  line-height: 12px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
.layout-wrapper .topbar .topbar-menu > li.profile-item .profile-text {
  display: none;
}
.layout-wrapper .topbar .topbar-menu > li.profile-item .profile-image {
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}
.layout-wrapper .topbar .topbar-menu > li.profile-item .profile-image img {
  width: 36px;
  height: 36px;
}
.layout-wrapper .topbar .topbar-menu > li.profile-item .profile-info {
  display: inline-block;
  vertical-align: middle;
  max-width: 100px;
  margin-top: -5px;
}
.layout-wrapper .topbar .topbar-menu > li.profile-item .profile-info .topbar-item-name {
  display: block;
}
.layout-wrapper .topbar .topbar-menu > li.profile-item .profile-info .topbar-item-name.profile-name {
  font-size: var(--font-size);
}
.layout-wrapper .topbar .topbar-menu > li.profile-item .profile-info .topbar-item-name.profile-role {
  font-size: var(--font-size);
  color: #e6e6e6;
}
.layout-wrapper .topbar .topbar-menu > li.search-item {
  position: relative;
  color: var(--text-color);
}
.layout-wrapper .topbar .topbar-menu > li.search-item i {
  position: absolute;
  left: 6px;
  top: 9px;
}
.layout-wrapper .topbar .topbar-menu > li.search-item input {
  padding-left: 20px;
}
.layout-wrapper .topbar .topbar-menu > li > ul {
  position: absolute;
  top: 45px;
  right: 0px;
  display: none;
  width: 250px;
  background-color: #f7f7f7;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.layout-wrapper .topbar .topbar-menu > li > ul a {
  padding: 0.5em 1em;
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: var(--text-color);
  text-align: left;
}
.layout-wrapper .topbar .topbar-menu > li > ul a i {
  margin-right: 8px;
}
.layout-wrapper .topbar .topbar-menu > li > ul a img {
  margin-right: 8px;
}
.layout-wrapper .topbar .topbar-menu > li > ul a i, .layout-wrapper .topbar .topbar-menu > li > ul a img, .layout-wrapper .topbar .topbar-menu > li > ul a span {
  vertical-align: middle;
}
.layout-wrapper .topbar .topbar-menu > li > ul a .topbar-submenuitem-badge {
  background-color: #48B7EF;
  padding: 1px 6px;
  color: var(--text-color);
  float: right;
}
.layout-wrapper .topbar .topbar-menu > li > ul a:hover {
  background-color: #E3E3E3;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.layout-wrapper .topbar .topbar-menu > li.active-topmenuitem > ul {
  display: block;
}
.layout-wrapper.layout-wrapper-menu-active #menu-button span {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.layout-wrapper.layout-wrapper-menu-active.layout-wrapper-menu-active-restore .layout-sidebar {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.layout-wrapper.layout-wrapper-menu-active.layout-wrapper-menu-active-restore .layout-content {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.layout-wrapper.layout-wrapper-menu-active.layout-wrapper-menu-active-restore #menu-button span {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.layout-wrapper .layout-sidebar {
  position: fixed;
  height: 100%;
  width: 60px;
  background-color: #112337;
  z-index: 100;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.layout-wrapper .layout-sidebar .layout-tabmenu {
  height: 100%;
  width: 60px;
  position: relative;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .logo {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 32px;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-config {
  position: absolute;
  bottom: 0px;
  display: block;
  width: 100%;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-container {
  display: block;
  overflow: auto;
  overflow-x: hidden;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-container::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  border-radius: 20px;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav {
  padding: 0;
  margin: 0;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li {
  list-style-type: none;
  text-align: center;
  box-sizing: border-box;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li a {
  height: 60px;
  width: 100%;
  box-sizing: border-box;
  display: block;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li i {
  line-height: 60px;
  font-size: 22px;
  color: #ffffff;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li .layout-tabmenu-tooltip {
  display: none;
  padding: 0 5px;
  position: relative;
  left: 60px;
  top: -38px;
  z-index: 101;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li .layout-tabmenu-tooltip .layout-tabmenu-tooltip-text {
  padding: 3px 10px;
  background-color: #878787;
  color: #ffffff;
  min-width: 75px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li .layout-tabmenu-tooltip .layout-tabmenu-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #878787;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li:hover {
  background-color: #48B7EF;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li.active-item {
  background-color: #48B7EF;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li.active-item a i {
  color: #48B7EF;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li.active-item a .layout-tabmenu-tooltip {
  left: 60px;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents {
  position: absolute;
  width: 200px;
  left: 60px;
  top: 0;
  height: 100%;
  background-color: #48B7EF;
  display: none;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content {
  height: 100%;
  display: none;
  padding: 6px 0px 6px 6px;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content.layout-tabmenu-content-active {
  display: block;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content a {
  color: #ffffff;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .layout-submenu-title {
  color: #c4c4c4;
  border-bottom: 1px solid #757575;
  padding: 4px;
  margin-right: 6px;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-tabmenu-content .layout-submenu-title span {
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: bold;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content {
  height: 100%;
  overflow: auto;
  padding-top: 6px;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .menu-scroll-content {
  padding-bottom: 150px;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu {
  list-style-type: none;
  margin: 0;
  padding: 0 6px 0 0;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu li > a {
  display: block;
  padding: 6px;
  cursor: pointer;
  user-select: none;
  border-radius: 2px;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu li > a i:first-child {
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  margin-right: 4px;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu li > a.rotated-icon .layout-menuitem-icon {
  transform: rotate(90deg);
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu li > a .layout-menuitem-toggler {
  float: right;
  margin-top: 2px;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu li > a:hover {
  background-color: #525252;
  color: #ffffff;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu li > a.active-menuitem-routerlink {
  color: #a6dcf7;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu li ul {
  margin: 0;
  padding: 0 0 0 18px;
  list-style-type: none;
  overflow: hidden;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu li.active-menuitem > a {
  color: #48B7EF;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu li.active-menuitem > a i:first-child {
  color: #48B7EF;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu li.active-menuitem > a .layout-menuitem-toggler {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu .menuitem-badge {
  position: relative;
  float: right;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  background-color: #48B7EF;
  color: #ffffff;
  font-size: var(--font-size);
  font-weight: 700;
  line-height: 16px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu .menuitem-badge.orange-badge {
  background-color: #F1B009;
  color: var(--text-color);
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu .menuitem-badge.purple-badge {
  background-color: #985edb;
  color: var(--text-color);
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents .layout-submenu-content .navigation-menu .menuitem-badge.blue-badge {
  background-color: #6ec5ff;
  color: var(--text-color);
}
.layout-wrapper .layout-content {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
  background: #F5F5F5;
}
.layout-wrapper .layout-content .layout-main {
  flex: 1 1 0;
}
.layout-wrapper .layout-content .footer {
  padding: 8px 14px;
}
.layout-wrapper .layout-content .footer span {
  display: inline-block;
  padding-bottom: 10px;
}
.layout-wrapper .layout-content .footer .link-divider {
  margin: 0 10px;
}
.layout-wrapper .layout-content .footer .footer-links .first {
  margin: 0;
}
.layout-wrapper .layout-content .footer .footer-links a {
  color: var(--text-color);
  margin-left: 8px;
}
.layout-wrapper .layout-content .footer .footer-links a:hover {
  color: #494949;
}

@media (min-width: 1025px) {
  .layout-wrapper.layout-wrapper-menu-active .layout-sidebar {
    width: 218px;
  }
  .layout-wrapper.layout-wrapper-menu-active .layout-sidebar .layout-tabmenu .layout-tabmenu-contents {
    display: block;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
  }
  .layout-wrapper.layout-wrapper-menu-active .layout-content {
    margin-left: 218px;
  }
  .layout-wrapper.layout-overlay-menu.layout-wrapper-menu-active .layout-sidebar {
    width: 218px;
  }
  .layout-wrapper.layout-overlay-menu.layout-wrapper-menu-active .layout-content {
    margin-left: 60px;
  }
}
@media (max-width: 1024px) {
  .layout-wrapper .topbar #topbar-menu-button {
    display: block;
    color: var(--text-color);
  }
  .layout-wrapper .topbar .topbar-menu {
    position: absolute;
    top: 60px;
    right: 15px;
    width: 200px;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    display: none;
    background-color: #f7f7f7;
    list-style-type: none;
    margin: 0;
    padding: 8px 0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .layout-wrapper .topbar .topbar-menu > li {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    float: none;
  }
  .layout-wrapper .topbar .topbar-menu > li > a {
    --scaled-font-size: min((-0.3rem + 1vw) * (1), var(--font-size) * (1) );
    font-size: var(--scaled-font-size);
    width: 100%;
    display: block;
    box-sizing: border-box;
    color: var(--text-color);
    padding: 0.5em 1em;
    position: relative;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .layout-wrapper .topbar .topbar-menu > li > a .topbar-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 20px;
  }
  .layout-wrapper .topbar .topbar-menu > li > a:hover {
    background-color: #E3E3E3;
  }
  .layout-wrapper .topbar .topbar-menu > li > a .topbar-item-name {
    display: inline-block;
    vertical-align: middle;
  }
  .layout-wrapper .topbar .topbar-menu > li > a .topbar-badge {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 2px 4px;
    display: block;
    font-size: 12px;
    line-height: 12px;
  }
  .layout-wrapper .topbar .topbar-menu > li > ul {
    display: none;
    list-style-type: none;
    padding: 0 0 0 18px;
    margin: 0;
    position: static;
    top: auto;
    left: auto;
    box-sizing: border-box;
    width: 100%;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    -webkit-animation-name: none;
    animation-name: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .layout-wrapper .topbar .topbar-menu > li > ul li a {
    padding: 0.5em 1em;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .layout-wrapper .topbar .topbar-menu > li > ul li a span, .layout-wrapper .topbar .topbar-menu > li > ul li a img, .layout-wrapper .topbar .topbar-menu > li > ul li a i {
    display: inline-block;
    vertical-align: middle;
  }
  .layout-wrapper .topbar .topbar-menu > li > ul li a img {
    width: 1.28571429em;
    margin-right: 8px;
  }
  .layout-wrapper .topbar .topbar-menu > li > ul li a i {
    margin-right: 8px;
  }
  .layout-wrapper .topbar .topbar-menu > li.active-topmenuitem > ul {
    display: block;
  }
  .layout-wrapper .topbar .topbar-menu > li.profile-item .profile-text {
    display: inline-block;
  }
  .layout-wrapper .topbar .topbar-menu > li.profile-item .profile-image img {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
  .layout-wrapper .topbar .topbar-menu > li.profile-item .profile-info .topbar-item-name.profile-name {
    vertical-align: middle;
    --scaled-font-size: min((-0.3rem + 1vw) * (1), var(--font-size) * (1) );
    font-size: var(--scaled-font-size);
  }
  .layout-wrapper .topbar .topbar-menu > li.profile-item .profile-info .topbar-item-name.profile-role {
    display: none;
  }
  .layout-wrapper .topbar .topbar-menu > li.search-item {
    text-align: center;
  }
  .layout-wrapper .topbar .topbar-menu > li.search-item i {
    color: var(--text-color);
    left: 20px;
  }
  .layout-wrapper .topbar .topbar-menu > li.search-item input {
    color: var(--text-color);
    border: 0 none;
    border-bottom: 1px solid #c7c7c7;
    border-radius: 0;
    background: transparent;
    width: 90%;
    box-sizing: border-box;
    padding-left: 30px;
  }
  .layout-wrapper .topbar .topbar-menu > li.search-item input:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .layout-wrapper .topbar .topbar-menu.topbar-menu-visible {
    display: block;
  }
  .layout-wrapper.layout-wrapper-menu-active .layout-sidebar {
    width: 218px;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
  }
  .layout-wrapper.layout-wrapper-menu-active .layout-sidebar .layout-tabmenu .layout-tabmenu-contents {
    display: block;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
  }
}
.layout-tabmenu-content .inbox-tab ul {
  padding: 0 6px;
  margin: 0;
  list-style-type: none;
}
.layout-tabmenu-content .inbox-tab ul li {
  padding: 12px 0;
}
.layout-tabmenu-content .inbox-tab ul li:first-child {
  margin-top: 12px;
}
.layout-tabmenu-content .inbox-tab ul li img {
  float: left;
  margin-right: 8px;
}
.layout-tabmenu-content .inbox-tab ul li .name {
  font-weight: bold;
  float: left;
  color: #FFFFFF;
}
.layout-tabmenu-content .inbox-tab ul li .message {
  float: left;
}
.layout-tabmenu-content .inbox-tab .inbox-labels {
  margin: 20px 6px 0 6px;
  color: #FFFFFF;
}
.layout-tabmenu-content .inbox-tab .inbox-labels > span {
  font-weight: bold;
}
.layout-tabmenu-content .inbox-tab .inbox-labels ul {
  margin-top: 10px;
}
.layout-tabmenu-content .inbox-tab .inbox-labels ul li {
  padding: 6px;
}
.layout-tabmenu-content .inbox-tab .inbox-labels ul li .inbox-label-badge {
  background-color: var(--text-color);
  color: #ffffff;
  padding: 2px 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: right;
}
.layout-tabmenu-content .update-tab {
  padding: 0px 4px 0px 8px;
}
.layout-tabmenu-content .update-tab p {
  padding: 12px 0;
}
.layout-tabmenu-content .update-tab .percentage-indicator {
  margin-top: 10px;
}
.layout-tabmenu-content .update-tab .percentage-indicator span {
  float: left;
}
.layout-tabmenu-content .update-tab .percentage-indicator span:first-child {
  color: #FFFFFF;
}
.layout-tabmenu-content .update-tab .percentage-indicator span:last-child {
  float: right;
}
.layout-tabmenu-content .update-tab .progress-bar {
  width: 100%;
  height: 10px;
  margin-top: 35px;
}
.layout-tabmenu-content .update-tab .progress-bar .progress-bar-indicator-1 {
  background-color: #92f5a1;
  width: 84%;
  height: inherit;
}
.layout-tabmenu-content .update-tab .progress-bar .progress-bar-indicator-2 {
  background-color: #c4e3c9;
  width: 58%;
  height: inherit;
}
.layout-tabmenu-content .update-tab .progress-bar .progress-bar-indicator-3 {
  background-color: #c8cfc9;
  width: 44%;
  height: inherit;
}
.layout-tabmenu-content .update-tab .progress-bar .progress-bar-indicator-4 {
  background-color: #dedede;
  width: 37%;
  height: inherit;
}
.layout-tabmenu-content .calendar-tab ul {
  padding: 0 6px;
  margin: 0;
  list-style-type: none;
}
.layout-tabmenu-content .calendar-tab ul li {
  padding: 12px 0;
}
.layout-tabmenu-content .calendar-tab ul li:first-child {
  margin-top: 12px;
}
.layout-tabmenu-content .calendar-tab ul li .calendar-event-date {
  float: left;
  color: var(--text-color);
  background-color: #48B7EF;
  width: 48px;
  height: 48px;
  text-align: center;
  padding: 6px 0 0 0;
  font-size: 14px;
  font-weight: 700;
  box-sizing: border-box;
  margin-right: 8px;
  border-radius: 50%;
}
.layout-tabmenu-content .calendar-tab ul li .calendar-event-date span {
  width: 100%;
  display: inline-block;
}
.layout-tabmenu-content .calendar-tab ul li .calendar-event-detail {
  float: left;
}
.layout-tabmenu-content .calendar-tab ul li .calendar-event-detail .calendar-event-title {
  font-weight: 700;
  display: block;
  color: #FFFFFF;
}
.layout-tabmenu-content .calendar-tab ul li .calendar-event-detail i {
  margin-right: 4px;
}
.layout-tabmenu-content .calendar-tab ul li .calendar-event-detail .calendar-event-location {
  margin-right: 4px;
  font-weight: bold;
}
.layout-tabmenu-content .calendar-tab ul li .calendar-event-detail .calendar-event-rsvp {
  display: block;
}
.layout-tabmenu-content .calendar-tab ul li .calendar-event-detail .calendar-event-rsvp.calendar-event-rsvp-yes {
  color: #48B7EF;
}
.layout-tabmenu-content .calendar-tab ul li .calendar-event-detail .calendar-event-rsvp.calendar-event-rsvp-maybe {
  color: #fbc948;
}
.layout-tabmenu-content .projects-tab ul {
  padding: 0 6px;
  margin: 0;
  list-style-type: none;
}
.layout-tabmenu-content .projects-tab ul li {
  padding: 12px 0;
}
.layout-tabmenu-content .projects-tab ul li:first-child {
  margin-top: 12px;
}
.layout-tabmenu-content .projects-tab ul li i {
  font-size: 36px;
  margin-right: 8px;
  float: left;
  width: 32px;
}
.layout-tabmenu-content .projects-tab ul li .project-title {
  font-weight: 700;
  color: #FFFFFF;
}
.layout-tabmenu-content .projects-tab ul li span {
  float: left;
  display: block;
}
.layout-tabmenu-content .projects-tab ul li .project-progressbar {
  width: 100px;
  float: left;
  background-color: #545b61;
  margin-top: 4px;
}
.layout-tabmenu-content .projects-tab ul li .project-progressbar .project-progressbar-value {
  background-color: #8be298;
  height: 4px;
}

.splash-logo {
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  z-index: 2;
  position: absolute;
}

.splash-loader,
.splash-loader::before,
.splash-loader::after {
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
  position: absolute;
  vertical-align: middle;
  background: #4dad23;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 1;
}

.splash-loader::before {
  content: "";
  animation: bounce 1.5s infinite;
}

.splash-loader::after {
  content: "";
  animation: bounce 1.5s -0.4s infinite;
}

@keyframes bounce {
  0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    -webkit-transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    -webkit-transform: scale(2);
    opacity: 0;
  }
}
.splash-screen {
  background-color: #1f1f1f;
  height: 100%;
}

.layout-config {
  width: 16em;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  padding: 1rem;
  overflow: auto;
  background: #ffffff;
  z-index: 1001;
  border-left: 0 none;
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
}
.layout-config.layout-config-active {
  transform: translateX(0);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-config.layout-config-active .layout-config-content .layout-config-button i {
  transform: rotate(360deg);
}
.layout-config p {
  line-height: 1.5rem;
  color: rgba(17, 35, 55, 0.6);
}
.layout-config .layout-themes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.layout-config .layout-themes > div {
  padding: 0.25rem;
}
.layout-config .layout-themes a {
  width: 2rem;
  height: 2rem;
  border-radius: 18px;
  display: block;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: transform 0.3s;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.layout-config .layout-themes a i {
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  color: #ffffff;
}
.layout-config .layout-themes a:hover {
  transform: scale(1.1);
}

.layout-config-button {
  display: block;
  position: fixed;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  background: #48B7EF;
  color: var(--text-color);
  text-align: center;
  top: 50%;
  right: 0;
  margin-top: -1.5rem;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  transition: background-color 0.3s;
  overflow: hidden;
  cursor: pointer;
  z-index: 999;
  box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15);
}
.layout-config-button i {
  font-size: 2rem;
  line-height: inherit;
  transform: rotate(0deg);
  transition: transform 1s;
}
.layout-config-button:hover {
  background: #5fc0f1;
  color: var(--text-color);
}

.help-page p {
  margin: 0;
}
.help-page .help-search {
  padding: 0;
  text-align: center;
}
.help-page .help-search .help-search-content {
  padding: 5rem 12rem;
}
.help-page .help-search .search-container {
  font-size: 1.5rem;
  padding: 1rem;
  position: relative;
}
.help-page .help-search .search-container input {
  appearance: none;
  font-size: 1.5rem;
  text-indent: 2.5rem;
  padding: 0.5rem;
  width: 100%;
}
.help-page .help-search .search-container i {
  color: var(--text-color);
  width: 2rem;
  position: absolute;
  margin-left: 1rem;
  top: 50%;
  margin-top: -0.5rem;
}
.help-page .status-bars {
  margin-top: 1rem;
  display: -ms-flexbox;
  display: flex;
}
.help-page .status-bars .status-bar {
  flex: 1 1 0;
  -ms-flex: 1 1 0px;
  background: #8BC34A;
  height: 50px;
  margin-right: 0.25rem;
  transition: transform 0.3s;
}
.help-page .status-bars .status-bar:last-child {
  margin-right: 0;
}
.help-page .status-bars .status-bar.status-bar-failure {
  background: #EC407A;
}
.help-page .status-bars .status-bar:hover {
  transform: scale(1.1);
}
.help-page .status-bar-footer {
  padding: 1rem 0 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.help-page .blog-post {
  height: 150px;
  border-radius: 4px;
  margin: 3rem 2rem;
  position: relative;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.help-page .blog-post:last-child {
  margin-bottom: 1rem;
}
.help-page .blog-post img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.help-page .blog-post .blog-text {
  position: absolute;
  left: 20px;
  top: 30px;
}
.help-page .blog-post .blog-text h1 {
  font-size: 1.25rem;
  color: #ffffff;
  margin-bottom: 1rem;
  font-weight: 700;
}
.help-page .blog-post .blog-text span {
  color: #ffffff;
  font-weight: 600;
}
.help-page .blog-post .blog-profile {
  position: absolute;
  top: -25px;
  left: -25px;
}
.help-page .blog-post .blog-profile img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
@media screen and (max-width: 991px) {
  .help-page .help-search .help-search-content {
    padding: 6rem 2rem;
  }
}
.invoice {
  padding: 2rem;
}
.invoice .invoice-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.invoice .invoice-company .logo-image {
  width: 75px;
  margin-bottom: 0.5rem;
}
.invoice .invoice-company div {
  margin-bottom: 0.5rem;
}
.invoice .invoice-company .company-name {
  font-weight: 700;
  font-size: 1.5rem;
}
.invoice .invoice-title {
  font-size: 2rem;
  margin-bottom: 2rem;
  text-align: right;
}
.invoice .invoice-details {
  width: 15rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.invoice .invoice-details > div {
  width: 50%;
  margin-bottom: 0.5rem;
}
.invoice .invoice-details .invoice-label {
  text-align: left;
  font-weight: 700;
}
.invoice .invoice-details .invoice-value {
  text-align: right;
}
.invoice .invoice-to {
  margin-top: 1.5rem;
  padding-top: 2rem;
  border-top: 1px solid #eaeaea;
}
.invoice .invoice-to .bill-to {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.invoice .invoice-to .invoice-to-info div {
  margin-bottom: 0.5rem;
}
.invoice .invoice-items {
  margin-top: 2rem;
  padding-top: 2rem;
}
.invoice .invoice-items table {
  width: 100%;
  border-collapse: collapse;
}
.invoice .invoice-items table tr {
  border-bottom: 1px solid #eaeaea;
}
.invoice .invoice-items table th {
  font-weight: 700;
}
.invoice .invoice-items table th, .invoice .invoice-items table td {
  padding: 1rem;
  text-align: right;
}
.invoice .invoice-items table th:first-child, .invoice .invoice-items table td:first-child {
  text-align: left;
}
.invoice .invoice-summary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
}
.invoice .invoice-summary .invoice-value {
  font-weight: 700;
}

@media print {
  body * {
    visibility: hidden;
  }
  #invoice-content * {
    visibility: visible;
  }
  #invoice-content {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
}
h1, h2, h3, h4, h5, h6 {
  margin: 1.5rem 0 1rem 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.2;
  color: inherit;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

mark {
  background: #FFF8E1;
  padding: 0.25rem 0.4rem;
  border-radius: 18px;
  font-family: monospace;
}

blockquote {
  margin: 1rem 0;
  padding: 0 2rem;
  border-left: 4px solid #90A4AE;
}

hr {
  border-top: solid #eaeaea;
  border-width: 1px 0 0 0;
  margin: 1rem 0;
}

p {
  margin: 0 0 1rem 0;
  line-height: 1.5;
}
p:last-child {
  margin-bottom: 0;
}

.widget-overview-box {
  padding: 15px 10px;
  text-align: left;
  overflow: hidden;
  margin-bottom: 0px !important;
  background-color: #ffffff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: var(--text-color);
}
.widget-overview-box .overview-box-icon {
  text-align: center;
  position: relative;
}
.widget-overview-box .overview-box-icon img {
  width: 80px;
  height: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.widget-overview-box .overview-box-name {
  font-size: 16px;
  display: inline-block;
  width: 100%;
}
.widget-overview-box .overview-box-count {
  font-size: 36px;
  font-weight: bold;
}
.widget-overview-box .overview-box-rate {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 4px;
  background-color: #48B7EF;
  font-weight: bold;
  color: var(--text-color);
  display: inline-block;
  margin-top: 4px;
}
.widget-overview-box.overview-box-1 .overview-box-footer {
  background-color: #3192e1;
}
.widget-overview-box.overview-box-2 .overview-box-icon img {
  height: 50px;
}
.widget-overview-box.overview-box-2 .overview-box-footer {
  background-color: #e42a7b;
}
.widget-overview-box.overview-box-3 .overview-box-footer {
  background-color: #dfb051;
}
.widget-overview-box.overview-box-3 .overview-box-rate {
  background-color: #f3745a;
  color: #ffffff;
}
.widget-overview-box.overview-box-4 .overview-box-icon img {
  height: 70px;
}
.widget-overview-box.overview-box-4 .overview-box-footer {
  background-color: #d97c3e;
}
.widget-overview-box.control-panel {
  background-color: #ffffff;
}

.widget-map.card {
  padding: 0;
}
.widget-map.card h4 {
  padding: 0.5em;
  margin-bottom: 0;
}
.widget-map .map {
  width: 100%;
  height: 400px;
  background-size: cover;
}

.widget-weather-box {
  height: 100%;
}
.widget-weather-box.card {
  padding: 0;
}
.widget-weather-box .left {
  background-size: 100% 100%;
}
.widget-weather-box .left > div {
  height: 50%;
  text-align: center;
  color: #ffffff;
}
.widget-weather-box .left > div .large {
  padding-top: 30%;
  font-size: 36px;
  font-weight: bold;
}
.widget-weather-box .left > div .normal {
  font-size: 14px;
}
.widget-weather-box .left > div.stripe {
  height: 0px;
  padding: 0px;
  border-top: 1px solid #ABF1B5;
}
@media (max-width: 640px) {
  .widget-weather-box .left > div {
    width: 49%;
    height: 100%;
  }
  .widget-weather-box .left > div .large {
    padding-top: 10%;
  }
  .widget-weather-box .left > div.stripe {
    height: 100%;
    width: 0px;
    border-top: 0px;
    border-left: 1px solid #ABF1B5;
  }
}
.widget-weather-box .wrapper {
  padding: 15px;
  color: var(--text-color);
}
.widget-weather-box .wrapper div.large {
  font-size: 20px;
  font-weight: bold;
}

.widget-control-panel {
  padding: 0;
}
.widget-control-panel .left-controls {
  padding: 0px;
}
.widget-control-panel .left-controls span {
  float: left;
  padding: 16px;
}
.widget-control-panel .right-controls {
  padding: 0px;
}
.widget-control-panel .right-controls .p-col-4 {
  padding: 0px;
  float: right;
}
.widget-control-panel .right-controls a {
  border-left: solid 0.5px #e6e6e6;
  display: inline-block;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  line-height: 48px;
  color: #ababab;
  cursor: pointer;
  text-align: center;
}
.widget-control-panel .right-controls a i {
  font-size: 24px;
  line-height: inherit;
}
.widget-control-panel .right-controls a:hover {
  color: var(--text-color);
  background-color: #48B7EF;
}

.widget-user-card {
  text-align: center;
  border: 1px solid #eaeaea;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
.widget-user-card .user-card-header {
  height: 100px;
  background-color: #f1f1f1;
}
.widget-user-card .user-card-content {
  margin-top: -25px;
  height: 300px;
  background-color: #ffffff;
  border-top: 1px solid #eaeaea;
  padding: 5px 15px;
}
.widget-user-card .user-card-content img {
  margin-top: -55px;
}
.widget-user-card .user-card-content span {
  display: block;
}
.widget-user-card .user-card-content span.user-card-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}
.widget-user-card .user-card-content span.user-card-role {
  margin-bottom: 25px;
}
.widget-user-card .user-card-footer {
  padding: 5px;
  height: 50px;
  border-top: 1px solid #eaeaea;
  background-color: #f9f9f9;
}
.widget-user-card .user-card-footer span {
  display: block;
}
.widget-user-card .user-card-footer span:first-child {
  font-weight: 700;
}

.widget-chat.card {
  padding: 0;
}
.widget-chat.card h4 {
  padding: 0.5em;
  margin-bottom: 0;
}
.widget-chat ul {
  padding: 12px;
  margin: 0;
  list-style-type: none;
}
.widget-chat ul li {
  padding: 6px 0;
}
.widget-chat ul li img {
  width: 36px;
  float: left;
}
.widget-chat ul li span {
  padding: 6px 12px;
  float: left;
  display: inline-block;
  margin: 4px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.widget-chat ul li.message-from img, .widget-chat ul li.message-from span {
  float: left;
}
.widget-chat ul li.message-from img {
  margin-right: 8px;
}
.widget-chat ul li.message-from span {
  background-color: #e4fed9;
}
.widget-chat ul li.message-own img, .widget-chat ul li.message-own span {
  float: right;
}
.widget-chat ul li.message-own img {
  margin-left: 8px;
}
.widget-chat ul li.message-own span {
  background: #fff7e1;
}
.widget-chat .new-message {
  height: 40px;
  border-top: 1px solid #eaeaea;
  color: #afafc0;
}
.widget-chat .new-message .message-attachment {
  display: inline-block;
  border-right: 1px solid #eaeaea;
  width: 40px;
  line-height: 40px;
  height: 100%;
  text-align: center;
}
.widget-chat .new-message .message-attachment i {
  line-height: inherit;
  font-size: 24px;
}
.widget-chat .new-message .message-input {
  position: relative;
  top: -4px;
  width: calc(100% - 100px);
  display: inline-block;
  padding-left: 10px;
}
.widget-chat .new-message .message-input input {
  border: 0 none;
  font-size: 13px;
  width: 100%;
  background-color: transparent;
  outline: 0 none;
  color: rgba(17, 35, 55, 0.6);
}

.widget-morpheus-overview img {
  width: 100%;
}
.widget-morpheus-overview .article-date {
  font-weight: bold;
  color: #afafc0;
  display: inline-block;
  margin-top: 6px;
}
.widget-morpheus-overview h3 {
  margin: 12px 0;
  font-weight: bold;
  color: #2d353c;
}
.widget-morpheus-overview p {
  margin: 0 0 20px 0;
  color: #525262;
}

.widget-activity-feed {
  text-align: center;
}
.widget-activity-feed h3 {
  color: #525262;
  margin: 20px 0 5px 0;
  font-weight: bold;
  font-size: 13px;
}
.widget-activity-feed p {
  color: rgba(17, 35, 55, 0.6);
  margin: 0;
  font-size: 13px;
}
.widget-activity-feed .p-col-12 {
  padding: 20px;
}
.widget-activity-feed .p-col-12 span {
  display: block;
  font-weight: bold;
  color: #6a6a7d;
}
.widget-activity-feed .knob {
  width: 120px;
  height: 120px;
  line-height: 100px;
  margin-top: 20px;
  font-size: 30px;
  color: #6a6a7d;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}
.widget-activity-feed .knob.income {
  border: 10px solid #59c429;
  border-left-color: #b4ea9c;
}
.widget-activity-feed .knob.tax {
  border: 10px solid #fbc948;
  border-left-color: #fef5de;
}
.widget-activity-feed .knob.invoice {
  padding: initial;
  border: 10px solid #777777;
  border-left-color: #c4c4c4;
}
.widget-activity-feed .knob.expense {
  border: 10px solid #6ec5ff;
  border-left-color: #d4eeff;
}

.widget-timeline {
  height: 100%;
  box-sizing: border-box;
}
.widget-timeline > .p-grid .p-col-3 {
  font-size: 14px;
  position: relative;
  border-right: 1px solid #eaeaea;
}
.widget-timeline > .p-grid .p-col-3 i {
  background-color: transparent;
  font-size: 24px;
  position: absolute;
  top: 6px;
  right: -12px;
}
.widget-timeline > .p-grid .p-col-9 {
  padding-left: 1.5em;
}
.widget-timeline > .p-grid .p-col-9 .event-owner {
  font-weight: bold;
}
.widget-timeline > .p-grid .p-col-9 .event-text {
  color: rgba(17, 35, 55, 0.6);
  font-size: 14px;
  display: block;
  padding-bottom: 20px;
}
.widget-timeline > .p-grid .p-col-9 .event-content img {
  width: 100%;
}

.widget-activity .activity-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.widget-activity .activity-list li {
  border-bottom: 1px solid #eaeaea;
  padding: 15px 0 9px 9px;
}
.widget-activity .activity-list li .count {
  font-size: 24px;
  color: #ffffff;
  background-color: #6ec5ff;
  font-weight: bold;
  width: 75px;
  padding: 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.widget-activity .activity-list li:first-child {
  border-top: 1px solid #eaeaea;
}
.widget-activity .activity-list li:last-child {
  border: 0;
}
.widget-activity .activity-list li .p-grid {
  padding-top: 0.5em;
}
.widget-activity .activity-list li .p-col-6:first-child {
  --scaled-font-size: min((-0.3rem + 1vw) * (1.28), var(--font-size) * (1.28) );
  font-size: var(--scaled-font-size);
}
.widget-activity .activity-list li .p-col-6:last-child {
  text-align: right;
  color: rgba(17, 35, 55, 0.6);
}

.widget-contact-form {
  overflow: hidden;
}
.widget-contact-form .p-panel {
  min-height: 340px;
}
.widget-contact-form .p-col-12 {
  padding: 6px 12px;
}
.widget-contact-form .p-button {
  margin-top: 4px;
}

.widget-contacts {
  overflow: hidden;
}
.widget-contacts > .p-panel {
  min-height: 340px;
}
.widget-contacts .p-panel-content {
  padding: 0px !important;
}
.widget-contacts ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.widget-contacts ul li {
  border-bottom: 1px solid #eaeaea;
  padding: 9px;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.widget-contacts ul li img {
  float: left;
  margin-right: 8px;
}
.widget-contacts ul li .contact-info {
  float: left;
}
.widget-contacts ul li .contact-info .name {
  display: block;
  margin-top: 4px;
  font-size: 14px;
}
.widget-contacts ul li .contact-info .location {
  margin-top: 4px;
  display: block;
  font-size: 12px;
  color: rgba(17, 35, 55, 0.6);
}
.widget-contacts ul li .contact-actions {
  float: right;
  padding-top: 12px;
}
.widget-contacts ul li .contact-actions .connection-status {
  color: var(--text-color);
  padding: 2px 3px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
.widget-contacts ul li .contact-actions .connection-status.online {
  background-color: #48B7EF;
}
.widget-contacts ul li .contact-actions .connection-status.offline {
  background-color: #f3745a;
  color: #ffffff;
}
.widget-contacts ul li .contact-actions i {
  color: rgba(17, 35, 55, 0.6);
  margin-left: 5px;
}
.widget-contacts ul li:last-child {
  border: 0;
}

/* Add your customizations of layout here */
body {
  font-family: "Montserrat", "Helvetica Neue", sans-serif;
  scrollbar-color: #e3e3e3 transparent;
  scrollbar-width: 8px;
}

h1 {
  font-weight: normal;
  --scaled-font-size: min((-0.3rem + 1vw) * (2.85), var(--font-size) * (2.85) );
  font-size: var(--scaled-font-size);
}

h2 {
  font-weight: 600;
  --scaled-font-size: min((-0.3rem + 1vw) * (2.5), var(--font-size) * (2.5) );
  font-size: var(--scaled-font-size);
}

h3 {
  font-weight: 500;
  --scaled-font-size: min((-0.3rem + 1vw) * (2), var(--font-size) * (2) );
  font-size: var(--scaled-font-size);
}

h4 {
  font-weight: 500;
  --scaled-font-size: min((-0.3rem + 1vw) * (1.78), var(--font-size) * (1.78) );
  font-size: var(--scaled-font-size);
}

h5 {
  font-weight: 500;
  --scaled-font-size: min((-0.3rem + 1vw) * (1.57), var(--font-size) * (1.57) );
  font-size: var(--scaled-font-size);
}

h6 {
  font-weight: bold;
  --scaled-font-size: min((-0.3rem + 1vw) * (1), var(--font-size) * (1) );
  font-size: var(--scaled-font-size);
}

.text-big {
  --scaled-font-size: min((-0.3rem + 1vw) * (1.28), var(--font-size) * (1.28) );
  font-size: var(--scaled-font-size);
}

.text-medium {
  --scaled-font-size: min((-0.3rem + 1vw) * (1.14), var(--font-size) * (1.14) );
  font-size: var(--scaled-font-size);
}

.layout-wrapper .layout-sidebar-container .layout-sidebar {
  position: fixed;
  height: 100%;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu {
  width: 100%;
  background-color: #112337 !important;
  position: absolute;
  display: flex;
  flex-direction: column;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li {
  text-align: left;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li:hover {
  background-color: transparent;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li > a:hover {
  background-color: #48B7EF;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li.active-menuitem > a:not(.menu-parent) {
  background-color: #48B7EF;
  color: #FFFFFF;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li a {
  color: #FFFFFF;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li a > span:first-child {
  margin-left: 16px;
  min-width: 25px;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li a > span.pi-user {
  font-size: 25px !important;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li ul {
  padding-left: 0;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li ul.ng-animating span {
  background: none;
  color: transparent;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li ul a {
  padding-left: 0px;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-config {
  position: relative;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-container {
  flex: 1 1 auto;
  scrollbar-width: thin;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .layout-tabmenu-container::-webkit-scrollbar {
  width: 3px;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .logo {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin: 0;
  height: 100px;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .logo .logo-small {
  position: absolute;
  left: 9px;
}
.layout-wrapper .layout-sidebar-container .layout-sidebar .layout-tabmenu .logo .logo-label {
  position: absolute;
  left: 52px;
}
.layout-wrapper .layout-sidebar-container.menu-active .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li > a > span:first-child {
  margin-right: 16px;
}
.layout-wrapper .layout-sidebar-container.menu-active .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li ul a {
  padding-left: 8px;
}
.layout-wrapper .layout-sidebar-notifications .sidebar-notifications .sidebar-header-container {
  top: 1.25rem;
  position: fixed;
  margin-bottom: 1rem;
  gap: 1rem;
}
.layout-wrapper .layout-sidebar-notifications .sidebar-notifications .p-sidebar {
  z-index: 1500;
}
.layout-wrapper .layout-sidebar-notifications .sidebar-notifications .p-sidebar.p-sidebar-active,
.layout-wrapper .layout-sidebar-notifications .sidebar-notifications .p-sidebar.ng-animating {
  margin-left: 218px;
  background-color: #F5F5F5;
  width: 40rem;
}
.layout-wrapper .layout-sidebar-notifications .sidebar-notifications .p-sidebar.p-sidebar-active .p-sidebar-content,
.layout-wrapper .layout-sidebar-notifications .sidebar-notifications .p-sidebar.ng-animating .p-sidebar-content {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.layout-wrapper .layout-sidebar-notifications .sidebar-notifications .p-sidebar.p-sidebar-active .p-sidebar-content > p-table .p-datatable-scrollable,
.layout-wrapper .layout-sidebar-notifications .sidebar-notifications .p-sidebar.ng-animating .p-sidebar-content > p-table .p-datatable-scrollable {
  height: calc(100vh - 110px);
  display: block;
  flex: none;
  overflow-y: auto !important;
}
.layout-wrapper .layout-sidebar-notifications .sidebar-notifications .p-sidebar.p-sidebar-active .p-sidebar-content > p-table .p-datatable-scrollable .p-datatable-tbody tr,
.layout-wrapper .layout-sidebar-notifications .sidebar-notifications .p-sidebar.ng-animating .p-sidebar-content > p-table .p-datatable-scrollable .p-datatable-tbody tr {
  background: transparent;
}
.layout-wrapper .layout-sidebar-notifications .sidebar-notifications .p-sidebar.p-sidebar-active .p-sidebar-content > p-table .p-datatable-scrollable .p-datatable-tbody tr td,
.layout-wrapper .layout-sidebar-notifications .sidebar-notifications .p-sidebar.ng-animating .p-sidebar-content > p-table .p-datatable-scrollable .p-datatable-tbody tr td {
  border-width: 0;
  padding: 10px;
}
.layout-wrapper .layout-content {
  margin-left: 60px;
}
.layout-wrapper .layout-content .toolbar-container {
  padding: max(min(1.5vw, 30px), 30px / 2);
  padding-top: calc(max(min(1.5vw, 30px), 30px / 2) - 12px);
  padding-bottom: calc(max(min(1.5vw, 30px), 30px / 2) - 6px);
}
.layout-wrapper .layout-content .title-container {
  padding-top: 6px;
}
.layout-wrapper .layout-content .title-container .title {
  font-style: normal;
  font-weight: 600;
  --scaled-font-size: min((-0.3rem + 1vw) * (2.85), var(--font-size) * (2.85) );
  font-size: var(--scaled-font-size);
  line-height: min((-0.3rem + 1vw) * (2.85), var(--font-size) * (2.85) );
  color: var(--text-color);
}
.layout-wrapper .layout-content .subtitle {
  font-style: normal;
  font-weight: 500;
  --scaled-font-size: min((-0.3rem + 1vw) * (1.57), var(--font-size) * (1.57) );
  font-size: var(--scaled-font-size);
  line-height: min((-0.3rem + 1vw) * (1.57), var(--font-size) * (1.57) );
  color: var(--text-secoundary-color);
}
.layout-wrapper .layout-content .subtitle.active {
  color: #48B7EF;
}
.layout-wrapper .layout-content .buttons-container {
  padding-top: 6px;
}
.layout-wrapper .layout-content .filter-container {
  padding-top: 6px;
}
.layout-wrapper .layout-content .filter-container span input {
  border: 0;
}
.layout-wrapper .layout-content .p-formgrid label {
  color: #000000;
}
.layout-wrapper .layout-content .list-container {
  padding: 0px max(min(1.5vw, 30px), 30px / 2);
}
.layout-wrapper .layout-content .list-container .monitoring-table {
  padding-right: max(min(1.5vw, 30px), 30px / 2);
  height: 85vh;
  width: 100%;
}
.layout-wrapper .layout-content .list-container .monitoring-table td:first-child,
.layout-wrapper .layout-content .list-container .monitoring-table th:first-child {
  padding-left: max(min(1.5vw, 32px), 32px / 2) !important;
}
.layout-wrapper .layout-content .list-container .monitoring-table td:last-child,
.layout-wrapper .layout-content .list-container .monitoring-table th:last-child {
  padding-right: max(min(1.5vw, 32px), 32px / 2) !important;
}
.layout-wrapper .layout-content .list-container .monitoring-table tr:last-child td {
  border: none;
}
.layout-wrapper .layout-content .edit-form-container {
  background: var(--card-background-color);
  border-radius: 18px;
  padding: max(min(1.5vw, 30px), 30px / 2);
  margin: max(min(1.5vw, 30px), 30px / 2);
}
.layout-wrapper .layout-content .edit-form-container div.text-group {
  margin-bottom: 2.375rem;
}
.layout-wrapper .layout-content .edit-form-container div.text-group label {
  font-style: normal;
  font-weight: 500;
  --scaled-font-size: min((-0.3rem + 1vw) * (1.57), var(--font-size) * (1.57) );
  font-size: var(--scaled-font-size);
  line-height: min((-0.3rem + 1vw) * (1.57), var(--font-size) * (1.57) );
  color: var(--text-color);
}
.layout-wrapper .layout-content .edit-form-container .p-formgrid .p-field label:first-child {
  width: 100%;
}
.layout-wrapper .layout-content .buttons-container.p-d-flex {
  padding: 0 !important;
}
.layout-wrapper .layout-content .footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-left: 60px;
  text-align: center;
}

.login-body {
  padding: 0;
  display: flex;
}
.login-body .login-fields-side {
  background-color: white;
  min-width: 50%;
  max-width: 50%;
  width: 50%;
  height: 100vh;
  margin: 0;
}
.login-body .login-fields-side .logo-container {
  margin-top: 3vh;
  margin-bottom: 4vh;
  text-align: center;
}
.login-body .login-fields-side .logo-container .logo {
  height: 50px;
}
.login-body .login-fields-side .login-welcome {
  min-width: 320px;
}
.login-body .login-fields-side .login-welcome h1 {
  width: 290px;
}
.login-body .login-fields-side .login-welcome .harpia {
  font-weight: bold;
}
.login-body .login-fields-side .login-field-container, .login-body .login-fields-side .login-password-field-container {
  display: flex;
  flex-direction: column;
  height: min((-0.3rem + 1vw) * (6), var(--font-size) * (6) );
}
.login-body .login-fields-side .login-field-container input, .login-body .login-fields-side .login-password-field-container input {
  width: 30rem;
  max-width: 430px;
}
.login-body .login-fields-side .login-field-container .p-password, .login-body .login-fields-side .login-password-field-container .p-password {
  width: 30rem;
}
.login-body .login-fields-side .login-field-container .p-password input, .login-body .login-fields-side .login-password-field-container .p-password input {
  width: 100%;
}
.login-body .login-fields-side .login-password-field-container {
  margin-bottom: 0 !important;
}
.login-body .login-fields-side .remember-me-container {
  display: flex;
  align-items: center;
}
.login-body .login-fields-side .forget-password-container {
  text-align: right;
}
.login-body .login-fields-side .forget-password-container a {
  --scaled-font-size: min((-0.3rem + 1vw) * (1), var(--font-size) * (1) );
  font-size: var(--scaled-font-size);
}
.login-body .login-fields-side .forget-password-container a:hover {
  text-decoration: underline;
}
.login-body .login-fields-side .forget-password-container button {
  padding: 0;
}
.login-body .login-fields-side .login-sign-in-container {
  margin-top: 4vh;
}
.login-body .login-fields-side .login-sign-in-container .p-button:focus {
  box-shadow: none;
}
.login-body .login-fields-side .login-sign-in-container button {
  width: 30rem;
  max-width: 430px;
  height: 3.5rem;
  border-radius: 100px;
  background-color: #112337;
  border-color: #112337;
}
.login-body .login-fields-side .login-sign-in-container button span {
  --scaled-font-size: min((-0.3rem + 1vw) * (1.28), var(--font-size) * (1.28) );
  font-size: var(--scaled-font-size);
}
.login-body .login-background-side {
  background-color: #112337;
  background-image: url("/assets/images/login-wallpaper.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 50%;
  max-width: 50%;
  width: 50%;
  height: 100vh;
  margin: 0;
}

p-password.ng-invalid.ng-dirty input {
  border-color: red;
}

.center-container {
  position: relative;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
}

.center-container .center-body {
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: min-content;
}

.icon-valid {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 22.75C18.3848 22.75 22.75 18.3848 22.75 13C22.75 7.61522 18.3848 3.25 13 3.25C7.61522 3.25 3.25 7.61522 3.25 13C3.25 18.3848 7.61522 22.75 13 22.75Z" fill="%2311C057"/><path d="M9.75 12.9999L11.9167 15.1666L16.25 10.8332" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
}

.icon-neutral {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 22.5C18.1348 22.5 22.5 18.1348 22.5 12.75C22.5 7.36522 18.1348 3 12.75 3C7.36522 3 3 7.36522 3 12.75C3 18.1348 7.36522 22.5 12.75 22.5Z" fill="%23E3E3E3"/><path d="M15.1668 10.8332L10.8335 15.1666M10.8335 10.8332L15.1668 15.1666L10.8335 10.8332Z" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
}

.icon-invalid {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 22.75C18.3848 22.75 22.75 18.3848 22.75 13C22.75 7.61522 18.3848 3.25 13 3.25C7.61522 3.25 3.25 7.61522 3.25 13C3.25 18.3848 7.61522 22.75 13 22.75Z" fill="%23DB2C2C"/><path d="M15.1668 10.8332L10.8335 15.1666M10.8335 10.8332L15.1668 15.1666L10.8335 10.8332Z" stroke="%23E3E3E3" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
}

.icon-pause-sound {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="25" cy="25" r="25" fill="%2348B7EF"/><path d="M21.75 17.4166H19.5833C18.985 17.4166 18.5 17.9016 18.5 18.5V31.5C18.5 32.0983 18.985 32.5833 19.5833 32.5833H21.75C22.3483 32.5833 22.8333 32.0983 22.8333 31.5V18.5C22.8333 17.9016 22.3483 17.4166 21.75 17.4166Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M30.4166 17.4166H28.25C27.6517 17.4166 27.1666 17.9016 27.1666 18.5V31.5C27.1666 32.0983 27.6517 32.5833 28.25 32.5833H30.4166C31.0149 32.5833 31.5 32.0983 31.5 31.5V18.5C31.5 17.9016 31.0149 17.4166 30.4166 17.4166Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}

.icon-play-sound {
  background-image: url('data:image/svg+xml;utf8,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="25" cy="25" r="24" stroke="%2348B7EF" stroke-width="2"/><path d="M27.5 21.6667C28.0175 22.0548 28.4375 22.558 28.7268 23.1366C29.0161 23.7152 29.1667 24.3531 29.1667 25C29.1667 25.6469 29.0161 26.2848 28.7268 26.8634C28.4375 27.442 28.0175 27.9452 27.5 28.3333" stroke="%23112337" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M29.75 19.1667C30.62 19.8697 31.3217 20.7584 31.8037 21.7678C32.2858 22.7771 32.536 23.8815 32.536 25C32.536 26.1185 32.2858 27.2229 31.8037 28.2322C31.3217 29.2416 30.62 30.1303 29.75 30.8333" stroke="%23112337" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 27.5H18.3333C18.1123 27.5 17.9004 27.4122 17.7441 27.2559C17.5878 27.0996 17.5 26.8877 17.5 26.6667V23.3333C17.5 23.1123 17.5878 22.9004 17.7441 22.7441C17.9004 22.5878 18.1123 22.5 18.3333 22.5H20L22.9167 18.75C22.9895 18.6085 23.1105 18.4978 23.2579 18.4377C23.4053 18.3777 23.5693 18.3724 23.7202 18.4227C23.8712 18.473 23.9991 18.5757 24.081 18.7121C24.1629 18.8486 24.1933 19.0098 24.1667 19.1667V30.8333C24.1933 30.9902 24.1629 31.1514 24.081 31.2879C23.9991 31.4243 23.8712 31.527 23.7202 31.5773C23.5693 31.6276 23.4053 31.6223 23.2579 31.5623C23.1105 31.5022 22.9895 31.3915 22.9167 31.25L20 27.5Z" stroke="%23112337" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}

.icon-menu-monitoring {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M21.7778 1H2.22222C1.54721 1 1 1.55964 1 2.25V14.75C1 15.4404 1.54721 16 2.22222 16H21.7778C22.4528 16 23 15.4404 23 14.75V2.25C23 1.55964 22.4528 1 21.7778 1Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M5.33398 20.667H18.6673" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M2 12L23 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M8 16V20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M16 16V20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.icon-menu-cameras {
  display: inline-block;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 2.17L15 6.07V1H1V15H15V10.6L23 14.5V2.17Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 1V15" stroke="white" stroke-width="2" stroke-miterlimit="10"/><path d="M14.5 1V15" stroke="white" stroke-width="2" stroke-miterlimit="10"/></svg>');
  background-repeat: no-repeat;
  width: max(min(1.5vw, 24px), 24px / 2);
  height: max(min(1.5vw, 16px), 16px / 2);
}

.icon-menu-cameras-link{
  display: inline-block;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 2.17L15 6.07V1H1V15H15V10.6L23 14.5V2.17Z" stroke="%23149fe5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 1V15" stroke="%23149fe5" stroke-width="2" stroke-miterlimit="10"/><path d="M14.5 1V15" stroke="%23149fe5" stroke-width="2" stroke-miterlimit="10"/></svg>');
  background-repeat: no-repeat;
  width: max(min(1.5vw, 24px), 24px / 2);
  height: max(min(1.5vw, 16px), 16px / 2);
}


.icon-map-cameras {
  display: inline-block;
  background-image: url("/assets/icons/camera.svg");
  background-repeat: no-repeat;
  width: max(min(1.5vw, 24px), 24px / 2);
  height: max(min(1.5vw, 16px), 16px / 2);
}

.p-button.active .icon-map-cameras {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 2.17L15 6.07V1H1V15H15V10.6L23 14.5V2.17Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 1V15" stroke="white" stroke-width="2" stroke-miterlimit="10"/><path d="M14.5 1V15" stroke="white" stroke-width="2" stroke-miterlimit="10"/></svg>');
  background-repeat: no-repeat;
  width: max(min(1.5vw, 24px), 12px);
  height: max(min(1.5vw, 16px), 8px);
}

.icon-traffic-light {
  display: inline-block;
  background-image: url("/assets/icons/traffic-light.svg");
  background-repeat: no-repeat;
  width: max(min(1.5vw, 24px), 24px / 2);
  height: max(min(1.5vw, 16px), 16px / 2);
}

.p-button.active .icon-traffic-light {
  background-image: url('data:image/svg+xml;utf8,<svg width="27" height="23" viewBox="0 0 27 23" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6.34766" y="1" width="14.3043" height="20.8261" rx="1" stroke="white" stroke-width="2" stroke-linejoin="round"/><path d="M6.43478 4.8913H1C1 6.70289 2.08696 10.3261 6.43478 10.3261" stroke="white" stroke-width="2" stroke-linejoin="round"/><path d="M20.5652 4.8913H26C26 6.70289 24.913 10.3261 20.5652 10.3261" stroke="white" stroke-width="2" stroke-linejoin="round"/><path d="M6.43478 14.1304H1C1 15.942 2.08696 19.5652 6.43478 19.5652" stroke="white" stroke-width="2" stroke-linejoin="round"/><path d="M20.5652 14.1304H26C26 15.942 24.913 19.5652 20.5652 19.5652" stroke="white" stroke-width="2" stroke-linejoin="round"/><circle cx="13.4997" cy="7.06521" r="2.80435" stroke="white" stroke-width="2"/><circle cx="13.4997" cy="15.7609" r="2.80435" stroke="white" stroke-width="2"/></svg>');
  background-repeat: no-repeat;
  width: max(min(1.5vw, 24px), 12px);
  height: max(min(1.5vw, 16px), 8px);
}

.icon-velocity-display {
  display: inline-block;
  background-image: url("/assets/icons/velocity-display.svg");
  background-repeat: no-repeat;
  width: max(min(1.5vw, 24px), 24px / 2);
  height: max(min(1.5vw, 16px), 16px / 2);
}

.p-button.active .icon-velocity-display {
  background-image: url('data:image/svg+xml;utf8,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="23" height="23" rx="1" stroke="white" stroke-width="2" stroke-linejoin="round"/><rect x="5.5459" y="5.54559" width="13.9091" height="7.09091" rx="1" stroke="white" stroke-width="2" stroke-linejoin="round"/><circle cx="12.4999" cy="18.1817" r="2.40909" stroke="white" stroke-width="2"/></svg>');
  background-repeat: no-repeat;
  width: max(min(1.5vw, 24px), 12px);
  height: max(min(1.5vw, 16px), 8px);
}

.icon-speedometer {
  display: inline-block;
  background-image: url("/assets/icons/speedometer.svg");
  background-repeat: no-repeat;
  width: max(min(1.5vw, 24px), 24px / 2);
  height: max(min(1.5vw, 16px), 16px / 2);
}

.p-button.active .icon-speedometer {
  background-image: url('data:image/svg+xml;utf8,<svg width="27" height="19" viewBox="0 0 27 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.9405 14.6732C25.9405 14.6798 25.944 14.6845 25.944 14.6905C25.944 14.6935 25.9423 14.6964 25.9423 14.7C25.9429 14.703 25.944 14.706 25.944 14.7095C25.944 15.0381 25.678 15.3048 25.3488 15.3048C25.3577 15.3042 16.9014 15.2857 16.9014 15.2857C16.5722 15.2857 16.3061 15.019 16.3061 14.6905C16.3061 14.3613 16.5722 14.0952 16.9014 14.0952H24.7774C24.7887 13.8964 24.8095 13.7012 24.8095 13.5C24.8095 7.25417 19.7458 2.19048 13.5 2.19048C7.25417 2.19048 2.19048 7.25417 2.19048 13.5C2.19048 13.7012 2.21131 13.8964 2.22202 14.0952H11.034C11.3632 14.0952 11.6293 14.3613 11.6293 14.6905C11.6293 15.019 11.3632 15.2857 11.034 15.2857C11.034 15.2857 1.64286 15.3042 1.65119 15.3042C1.32202 15.3042 1.05595 15.0375 1.05595 14.7089C1.05595 14.7054 1.05714 14.7024 1.05774 14.6994C1.05774 14.6958 1.05595 14.6929 1.05595 14.6899C1.05595 14.6833 1.05952 14.6786 1.05952 14.6732C1.02321 14.2863 1 13.8958 1 13.5C1 6.59583 6.59643 1 13.5 1C20.4036 1 26 6.59583 26 13.5C26 13.8958 25.9768 14.2863 25.9405 14.6732ZM9.64464 7.62381C9.87857 7.49524 10.1595 7.5381 10.3524 7.70298L10.3226 7.65357C15.5452 11.475 16.6185 13.2327 16.6381 13.2655C17.4911 14.6685 16.9839 16.4625 15.5077 17.272C14.0315 18.0816 12.1429 17.6012 11.2905 16.1982C11.2696 16.1667 10.2048 14.4042 9.33155 8.19702L9.36191 8.24583C9.30893 8.00536 9.41131 7.75179 9.64464 7.62381ZM12.3607 15.6125C12.6911 16.1548 13.3065 16.4923 13.9673 16.4923C14.2899 16.4923 14.6095 16.4107 14.8911 16.256C15.3196 16.0208 15.6262 15.6423 15.7542 15.1881C15.8827 14.7333 15.8167 14.2595 15.5738 13.8595C15.5637 13.8446 14.6381 12.4393 10.775 9.48572C11.5375 14.1375 12.3542 15.6006 12.3607 15.6125Z" fill="white" stroke="white"/></svg>') !important;
  background-repeat: no-repeat;
  width: max(min(1.5vw, 24px), 12px);
  height: max(min(1.5vw, 16px), 8px);
}

.icon-cameras-blue {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 2.17L15 6.07V1H1V15H15V10.6L23 14.5V2.17Z" stroke="%2348B7EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 1V15" stroke="%2348B7EF" stroke-width="2" stroke-miterlimit="10"/><path d="M14.5 1V15" stroke="%2348B7EF" stroke-width="2" stroke-miterlimit="10"/></svg>');
  background-repeat: no-repeat;
  width: 24px;
  height: 16px;
}

.icon-menu-cameras.p-disabled {
  filter: invert(100%);
}

.icon-menu-cameras-link.p-disabled {
  filter: invert(100%);
}

.icon-menu-attendance {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6758 9V9.01333" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.4453 5.22949C16.4452 6.22964 17.0068 7.58595 17.0068 9.00016C17.0068 10.4144 16.4452 11.7707 15.4453 12.7708" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2188 1.45703C20.2093 2.44753 20.9951 3.62344 21.5311 4.91762C22.0672 6.21179 22.3431 7.59889 22.3431 8.9997C22.3431 10.4005 22.0672 11.7876 21.5311 13.0818C20.9951 14.376 20.2093 15.5519 19.2188 16.5424" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.89942 12.7708C6.89957 11.7707 6.33789 10.4144 6.33789 9.00016C6.33789 7.58595 6.89957 6.22964 7.89942 5.22949" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.12439 16.5424C3.13384 15.5519 2.34809 14.376 1.812 13.0818C1.27592 11.7876 1 10.4005 1 8.9997C1 7.59889 1.27592 6.21179 1.812 4.91762C2.34809 3.62344 3.13384 2.44753 4.12439 1.45703" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.icon-menu-search {
  background-image: url('data:image/svg+xml;utf8,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5159 21.0321C9.13436 21.0345 7.76592 20.7639 6.48924 20.2358C5.21256 19.7078 4.05278 18.9327 3.07654 17.9551C-1.02551 13.853 -1.02551 7.17776 3.07654 3.07631C7.17859 -1.02513 13.8539 -1.02574 17.9553 3.07631C19.4274 4.54708 20.43 6.42149 20.8363 8.46231C21.2426 10.5031 21.0343 12.6186 20.2378 14.541C19.4413 16.4634 18.0924 18.1063 16.3619 19.2618C14.6313 20.4173 12.5968 21.0334 10.5159 21.0321ZM10.5159 1.81512C9.37307 1.81294 8.24103 2.03645 7.18476 2.47284C6.1285 2.90923 5.1688 3.5499 4.36074 4.35809C0.970112 7.75235 0.970112 13.2742 4.36074 16.6685C5.16456 17.4962 6.1249 18.1558 7.18594 18.6091C8.24697 19.0623 9.38752 19.3001 10.5413 19.3086C11.695 19.3171 12.839 19.0961 13.9066 18.6586C14.9741 18.221 15.9441 17.5756 16.76 16.7598C17.576 15.9441 18.2216 14.9742 18.6593 13.9067C19.0971 12.8392 19.3183 11.6953 19.31 10.5416C19.3017 9.38781 19.0642 8.24722 18.6111 7.18609C18.1581 6.12497 17.4987 5.16449 16.6711 4.36051C15.8635 3.55139 14.904 2.90979 13.8477 2.47256C12.7914 2.03533 11.6591 1.81108 10.5159 1.8127V1.81512Z" fill="white"/><path d="M10.5169 17.5645C8.88612 17.5634 7.30621 16.997 6.0463 15.9616C4.78639 14.9263 3.92442 13.4862 3.60727 11.8866C3.29011 10.287 3.53738 8.6269 4.30695 7.18918C5.07652 5.75146 6.32078 4.62504 7.82774 4.00183C9.33469 3.37863 11.0111 3.29721 12.5714 3.77143C14.1316 4.24565 15.4792 5.24618 16.3845 6.60256C17.2898 7.95893 17.6968 9.58723 17.5361 11.21C17.3755 12.8328 16.6571 14.3497 15.5035 15.5023C14.8491 16.1576 14.0717 16.6771 13.2159 17.031C12.3602 17.3849 11.4429 17.5662 10.5169 17.5645ZM10.5169 5.28199C9.30606 5.28277 8.13299 5.70333 7.19751 6.47203C6.26202 7.24073 5.622 8.31 5.3865 9.49767C5.15099 10.6853 5.33456 11.9179 5.90593 12.9854C6.4773 14.0529 7.40113 14.8893 8.52001 15.352C9.63889 15.8148 10.8836 15.8753 12.0421 15.5232C13.2006 15.1711 14.2011 14.4282 14.8733 13.4212C15.5455 12.4141 15.8477 11.2051 15.7284 10.0002C15.6092 8.79528 15.0758 7.66899 14.2193 6.81322C13.7334 6.32674 13.1562 5.94104 12.5208 5.67827C11.8854 5.41549 11.2044 5.28082 10.5169 5.28199Z" fill="white"/><path d="M22.2443 24.7257C21.9181 24.7266 21.595 24.6628 21.2937 24.5381C20.9923 24.4134 20.7186 24.2302 20.4884 23.9992L15.4673 18.9774C15.2969 18.807 15.2012 18.5759 15.2012 18.335C15.2012 18.0941 15.2969 17.863 15.4673 17.6926C15.6376 17.5222 15.8687 17.4265 16.1097 17.4265C16.3506 17.4265 16.5817 17.5222 16.7521 17.6926L21.7708 22.7137C21.832 22.7785 21.9055 22.8303 21.987 22.8662C22.0685 22.902 22.1564 22.9211 22.2455 22.9224C22.3345 22.9237 22.423 22.9071 22.5055 22.8736C22.588 22.8401 22.663 22.7904 22.726 22.7274C22.7889 22.6644 22.8386 22.5894 22.8721 22.5069C22.9056 22.4244 22.9222 22.336 22.921 22.2469C22.9197 22.1579 22.9006 22.07 22.8647 21.9885C22.8289 21.9069 22.7771 21.8334 22.7123 21.7722L17.6911 16.7511C17.6068 16.6667 17.5399 16.5666 17.4942 16.4564C17.4486 16.3461 17.4251 16.228 17.4251 16.1087C17.4251 15.9894 17.4486 15.8712 17.4942 15.761C17.5399 15.6508 17.6068 15.5506 17.6911 15.4663C17.7755 15.3819 17.8757 15.315 17.9859 15.2693C18.0961 15.2237 18.2142 15.2002 18.3336 15.2002C18.4529 15.2002 18.571 15.2237 18.6812 15.2693C18.7914 15.315 18.8916 15.3819 18.976 15.4663L23.9971 20.4874C24.3445 20.8346 24.5811 21.277 24.677 21.7587C24.7728 22.2404 24.7237 22.7397 24.5357 23.1934C24.3477 23.6472 24.0294 24.0349 23.621 24.3077C23.2125 24.5804 22.7324 24.7259 22.2412 24.7257H22.2443Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.icon-menu-report {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="25" viewBox="0 0 20 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 13H6.01333" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 18H6.01333" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 13L14 13" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 18L14 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="4" width="18" height="20" rx="1" stroke="white" stroke-width="2" stroke-linejoin="round"/><rect x="6" y="1" width="8" height="6" rx="1" fill="%23112337" stroke="white" stroke-width="2" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.icon-menu-registration {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="4" width="18" height="19" rx="1" stroke="white" stroke-width="2" stroke-linejoin="round"/><path d="M7 17H11.1752L22.1353 6.03997C22.689 5.4863 23 4.73536 23 3.95235C23 3.16934 22.689 2.4184 22.1353 1.86472C21.5816 1.31105 20.8307 1 20.0477 1C19.2646 1 18.5137 1.31105 17.96 1.86472L7 12.8248V17Z" fill="%23112337" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 4L20 7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.icon-menu-settings {
  background-image: url('data:image/svg+xml;utf8,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.416 3.875C14.416 5.46282 15.7032 6.75 17.291 6.75C18.8788 6.75 20.166 5.46282 20.166 3.875C20.166 2.28718 18.8788 1 17.291 1C15.7032 1 14.416 2.28718 14.416 3.875Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.541 3.875L0.999349 3.875" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 3.875L20.1667 3.875" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.75 12.5C6.75 14.0878 8.03718 15.375 9.625 15.375C11.2128 15.375 12.5 14.0878 12.5 12.5C12.5 10.9122 11.2128 9.625 9.625 9.625C8.03718 9.625 6.75 10.9122 6.75 12.5Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.875 12.5L1 12.5" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 12.5L12.5 12.5" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.541 21.125C11.541 22.7128 12.8282 24 14.416 24C16.0038 24 17.291 22.7128 17.291 21.125C17.291 19.5372 16.0038 18.25 14.416 18.25C12.8282 18.25 11.541 19.5372 11.541 21.125Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.66602 21.125L0.999349 21.125" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 21.125L17.2917 21.125" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.icon-menu-system {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0)"> <path d="M23.23 9.6L20.85 8.75C20.7567 8.51 20.6567 8.26 20.55 8L21.63 5.72C21.7017 5.55846 21.7292 5.38082 21.7099 5.20516C21.6906 5.0295 21.6251 4.8621 21.52 4.72C20.8732 3.87345 20.1166 3.1168 19.27 2.47C19.1279 2.36494 18.9605 2.29941 18.7848 2.28009C18.6092 2.26077 18.4315 2.28834 18.27 2.36L16 3.43C15.7467 3.31 15.49 3.20333 15.23 3.11L14.4 0.77C14.3375 0.597871 14.2288 0.446225 14.086 0.331602C13.9432 0.21698 13.7716 0.143785 13.59 0.12C13.0632 0.0447929 12.5321 0.00470446 12 0C11.4679 0.00470446 10.9368 0.0447929 10.41 0.12C10.2284 0.143785 10.0568 0.21698 9.914 0.331602C9.77117 0.446225 9.66255 0.597871 9.6 0.77L8.79 3.05C8.49667 3.15 8.21333 3.26667 7.94 3.4L5.76 2.4C5.59846 2.32834 5.42082 2.30077 5.24516 2.32009C5.0695 2.33941 4.9021 2.40494 4.76 2.51C3.90193 3.14173 3.13183 3.88493 2.47 4.72C2.36494 4.8621 2.29941 5.0295 2.28009 5.20516C2.26077 5.38082 2.28834 5.55846 2.36 5.72L3.36 7.86C3.22333 8.16669 3.10316 8.48047 3 8.8L0.77 9.6C0.596004 9.66104 0.442273 9.769 0.325798 9.91195C0.209322 10.0549 0.134638 10.2273 0.11 10.41C0.0381385 10.937 0.00139083 11.4681 0 12C0.00470446 12.5321 0.0447929 13.0632 0.12 13.59C0.144638 13.7727 0.219322 13.9451 0.335798 14.0881C0.452273 14.231 0.606004 14.339 0.78 14.4L3 15.2C3.11098 15.5064 3.23782 15.8068 3.38 16.1L2.38 18.24C2.30834 18.4015 2.28077 18.5792 2.30009 18.7548C2.31941 18.9305 2.38494 19.0979 2.49 19.24C3.13724 20.0862 3.89384 20.8428 4.74 21.49C4.8821 21.5951 5.0495 21.6606 5.22516 21.6799C5.40082 21.6992 5.57846 21.6717 5.74 21.6L7.92 20.6C8.2 20.7267 8.48333 20.84 8.77 20.94L9.6 23.23C9.66104 23.404 9.769 23.5577 9.91195 23.6742C10.0549 23.7907 10.2273 23.8654 10.41 23.89C10.937 23.9619 11.4681 23.9986 12 24C12.5321 23.9953 13.0632 23.9552 13.59 23.88C13.7727 23.8554 13.9451 23.7807 14.0881 23.6642C14.231 23.5477 14.339 23.394 14.4 23.22L15.23 20.89C15.49 20.79 15.7467 20.6833 16 20.57L18.24 21.63C18.4015 21.7017 18.5792 21.7292 18.7548 21.7099C18.9305 21.6906 19.0979 21.6251 19.24 21.52C20.0866 20.8732 20.8432 20.1166 21.49 19.27C21.5951 19.1279 21.6606 18.9605 21.6799 18.7848C21.6992 18.6092 21.6717 18.4315 21.6 18.27L20.55 16C20.6567 15.7667 20.7533 15.53 20.84 15.29L23.22 14.44C23.394 14.379 23.5477 14.271 23.6642 14.1281C23.7807 13.9851 23.8554 13.8127 23.88 13.63C23.957 13.09 23.9971 12.5454 24 12C23.9953 11.4679 23.9552 10.9368 23.88 10.41C23.8562 10.2284 23.783 10.0568 23.6684 9.914C23.5538 9.77117 23.4021 9.66255 23.23 9.6ZM18.51 19.6L16.43 18.6C16.2891 18.528 16.1332 18.4905 15.975 18.4905C15.8168 18.4905 15.6609 18.528 15.52 18.6C15.0838 18.8386 14.6249 19.0329 14.15 19.18C14.0008 19.2255 13.8643 19.3053 13.7515 19.4129C13.6386 19.5206 13.5525 19.6531 13.5 19.8L12.73 22C12.49 22 12.24 22 12 22C11.76 22 11.52 22 11.27 22L10.51 19.86C10.4579 19.7102 10.3708 19.5749 10.256 19.4653C10.1413 19.3558 10.0021 19.2751 9.85 19.23C9.35109 19.0874 8.86846 18.893 8.41 18.65C8.27042 18.5797 8.1163 18.543 7.96 18.543C7.8037 18.543 7.64958 18.5797 7.51 18.65L5.51 19.65C5.15348 19.3407 4.81932 19.0065 4.51 18.65L5.45 16.65C5.52198 16.5091 5.55951 16.3532 5.55951 16.195C5.55951 16.0368 5.52198 15.8809 5.45 15.74C5.18992 15.2673 4.98203 14.7677 4.83 14.25C4.78587 14.099 4.70672 13.9605 4.59899 13.8458C4.49126 13.7311 4.35798 13.6435 4.21 13.59L2 12.73C2 12.49 2 12.24 2 12C2 11.76 2 11.52 2 11.27L4.08 10.53C4.22798 10.4765 4.36126 10.3889 4.46899 10.2742C4.57672 10.1595 4.65587 10.021 4.7 9.87C4.85203 9.35232 5.05992 8.85272 5.32 8.38C5.39198 8.23913 5.42951 8.08319 5.42951 7.925C5.42951 7.76681 5.39198 7.61087 5.32 7.47L4.38 5.47C4.68932 5.11348 5.02348 4.77932 5.38 4.47L7.38 5.47C7.51958 5.54033 7.6737 5.57697 7.83 5.57697C7.9863 5.57697 8.14042 5.54033 8.28 5.47C8.77593 5.18725 9.30273 4.96244 9.85 4.8C10.0021 4.75487 10.1413 4.67421 10.256 4.56466C10.3708 4.45512 10.4579 4.31984 10.51 4.17L11.27 2C11.51 2 11.76 2 12 2C12.24 2 12.48 2 12.73 2L13.5 4.21C13.5525 4.35688 13.6386 4.48944 13.7515 4.59709C13.8643 4.70475 14.0008 4.78451 14.15 4.83C14.6249 4.97714 15.0838 5.17144 15.52 5.41C15.6609 5.48198 15.8168 5.51951 15.975 5.51951C16.1332 5.51951 16.2891 5.48198 16.43 5.41L18.51 4.41C18.8665 4.71932 19.2007 5.05348 19.51 5.41L18.51 7.52C18.4397 7.65958 18.403 7.8137 18.403 7.97C18.403 8.1263 18.4397 8.28042 18.51 8.42C18.7319 8.84169 18.9127 9.28372 19.05 9.74C19.0955 9.88919 19.1753 10.0257 19.2829 10.1385C19.3906 10.2514 19.5231 10.3375 19.67 10.39L22 11.27C22 11.51 22 11.76 22 12C22 12.24 22 12.48 22 12.73L19.76 13.52C19.6131 13.5725 19.4806 13.6586 19.3729 13.7715C19.2653 13.8843 19.1855 14.0208 19.14 14.17C19.0027 14.6263 18.8219 15.0683 18.6 15.49C18.5297 15.6296 18.493 15.7837 18.493 15.94C18.493 16.0963 18.5297 16.2504 18.6 16.39L19.6 18.5C19.2637 18.877 18.8993 19.228 18.51 19.55V19.6Z" fill="white"/> <path d="M12 7C11.0111 7 10.0444 7.29324 9.22215 7.84265C8.39991 8.39206 7.75904 9.17295 7.3806 10.0866C7.00217 11.0002 6.90315 12.0055 7.09608 12.9755C7.289 13.9454 7.76521 14.8363 8.46447 15.5355C9.16373 16.2348 10.0546 16.711 11.0246 16.9039C11.9945 17.0969 12.9998 16.9978 13.9134 16.6194C14.827 16.241 15.6079 15.6001 16.1574 14.7779C16.7068 13.9556 17 12.9889 17 12C17 10.6739 16.4732 9.40215 15.5355 8.46447C14.5979 7.52678 13.3261 7 12 7ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45543 13.6962 9.22836 13.1481C9.0013 12.5999 8.94189 11.9967 9.05765 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.1481 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7957 15 12 15Z" fill="white"/> </g> <defs> <clipPath id="clip0"><rect width="24" height="24" fill="white"/>  </clipPath>  </defs>  </svg>  ');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.icon-menu-blacklist {
  background-image: url('data:image/svg+xml;utf8,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.5" cy="13.5" r="10.5" stroke="white" stroke-width="2"/><line x1="4.70711" y1="5.29289" x2="19.7071" y2="20.2929" stroke="white" stroke-width="2"/><path d="M8 17H12.1752L23.1353 6.03997C23.689 5.4863 24 4.73536 24 3.95235C24 3.16934 23.689 2.4184 23.1353 1.86472C22.5816 1.31105 21.8307 1 21.0477 1C20.2646 1 19.5137 1.31105 18.96 1.86472L8 12.8248V17Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 4L21 7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.icon-tv {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="14" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M23.2222 6.93749H3.77778C2.24365 6.93749 1 8.05678 1 9.43749V20.6875C1 22.0682 2.24365 23.1875 3.77778 23.1875H23.2222C24.7563 23.1875 26 22.0682 26 20.6875V9.43749C26 8.05678 24.7563 6.93749 23.2222 6.93749Z" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M18.9173 1L13.5007 6.41667L8.08398 1" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
  background-repeat: no-repeat;
  width: 18px;
  height: 14px;
}

.p-button.p-highlight .icon-tv {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="14" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M23.2222 6.93749H3.77778C2.24365 6.93749 1 8.05678 1 9.43749V20.6875C1 22.0682 2.24365 23.1875 3.77778 23.1875H23.2222C24.7563 23.1875 26 22.0682 26 20.6875V9.43749C26 8.05678 24.7563 6.93749 23.2222 6.93749Z" stroke="%2348B7EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M18.9173 1L13.5007 6.41667L8.08398 1" stroke="%2348B7EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
  background-repeat: no-repeat;
  width: 18px;
  height: 14px;
}

.icon-pc {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="14" viewBox="0 0 27 21" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M1 19.0555H26" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M21.8329 1H5.16623C4.39917 1 3.77734 1.62183 3.77734 2.38889V13.5C3.77734 14.2671 4.39917 14.8889 5.16623 14.8889H21.8329C22.6 14.8889 23.2218 14.2671 23.2218 13.5V2.38889C23.2218 1.62183 22.6 1 21.8329 1Z" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
  background-repeat: no-repeat;
  width: 18px;
  height: 14px;
}

.icon-bell {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 25 27" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M9.375 3.9213C9.375 3.21406 9.66912 2.53578 10.1927 2.03569C10.7162 1.53559 11.4263 1.25464 12.1667 1.25464C12.9071 1.25464 13.6171 1.53559 14.1407 2.03569C14.6642 2.53578 14.9583 3.21406 14.9583 3.9213C16.5613 4.64534 17.9278 5.77241 18.9114 7.1817C19.895 8.591 20.4585 10.2294 20.5417 11.9213V15.9213C20.6467 16.7502 20.954 17.544 21.4389 18.2388C21.9238 18.9336 22.5727 19.5099 23.3333 19.9213H1C1.76064 19.5099 2.40952 18.9336 2.89441 18.2388C3.37929 17.544 3.68662 16.7502 3.79167 15.9213V11.9213C3.8748 10.2294 4.43836 8.591 5.42193 7.1817C6.4055 5.77241 7.77201 4.64534 9.375 3.9213" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M7.97925 19.9214V21.2547C7.97925 22.3156 8.42043 23.333 9.20574 24.0831C9.99105 24.8333 11.0562 25.2547 12.1667 25.2547C13.2773 25.2547 14.3424 24.8333 15.1278 24.0831C15.9131 23.333 16.3542 22.3156 16.3542 21.2547V19.9214" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>  ');
  background-repeat: no-repeat;
  width: 25px;
  height: 27px;
}

.icon-vehicle {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 25 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.6781 7.80861L21.7877 2.13684C21.3617 0.858765 20.1703 0 18.8232 0H6.17676C4.82971 0 3.63831 0.858765 3.21228 2.13684L1.32187 7.80861C0.539017 8.23135 0 9.04945 0 10V15.625C0 16.4388 0.524063 17.126 1.25 17.3849V18.125C1.25 19.1589 2.09106 20 3.125 20H5.625C6.65894 20 7.5 19.1589 7.5 18.125V17.5H17.5V18.125C17.5 19.1589 18.3411 20 19.375 20H21.875C22.9089 20 23.75 19.1589 23.75 18.125V17.3849C24.4759 17.126 25 16.4388 25 15.625V10C25 9.04945 24.461 8.23135 23.6781 7.80861ZM4.39758 2.53235C4.65393 1.76514 5.36865 1.25 6.17676 1.25H18.8232C19.6313 1.25 20.3461 1.76514 20.6024 2.53235L22.2581 7.5H2.74185L4.39758 2.53235ZM6.25 18.125C6.25 18.4698 5.96985 18.75 5.625 18.75H3.125C2.78015 18.75 2.5 18.4698 2.5 18.125V17.5H6.25V18.125ZM21.875 18.75H19.375C19.0302 18.75 18.75 18.4698 18.75 18.125V17.5H22.5V18.125C22.5 18.4698 22.2198 18.75 21.875 18.75ZM23.75 15.625C23.75 15.9698 23.4698 16.25 23.125 16.25H1.875C1.53015 16.25 1.25 15.9698 1.25 15.625V10C1.25 9.31091 1.81091 8.75 2.5 8.75H22.5C23.1891 8.75 23.75 9.31091 23.75 10V15.625Z" fill="%23112337"/><path d="M5 9.99996C3.62122 9.99996 2.5 11.1212 2.5 12.5C2.5 13.8787 3.62122 15 5 15C6.37878 15 7.5 13.8787 7.5 12.5C7.5 11.1212 6.37878 9.99996 5 9.99996ZM5 13.75C4.31091 13.75 3.75 13.189 3.75 12.5C3.75 11.8109 4.31091 11.25 5 11.25C5.68909 11.25 6.25 11.8109 6.25 12.5C6.25 13.189 5.68909 13.75 5 13.75Z" fill="%23112337"/><path d="M20 9.99996C18.6212 9.99996 17.5 11.1212 17.5 12.5C17.5 13.8787 18.6212 15 20 15C21.3788 15 22.5 13.8787 22.5 12.5C22.5 11.1212 21.3788 9.99996 20 9.99996ZM20 13.75C19.3109 13.75 18.75 13.189 18.75 12.5C18.75 11.8109 19.3109 11.25 20 11.25C20.6891 11.25 21.25 11.8109 21.25 12.5C21.25 13.189 20.6891 13.75 20 13.75Z" fill="%23112337"/><path d="M16.25 9.99996H8.75V11.25H16.25V9.99996Z" fill="%23112337"/><path d="M16.25 13.75H8.75V15H16.25V13.75Z" fill="%23112337"/></svg>');
  background-repeat: no-repeat;
  width: 36px;
  height: 29px;
}

.icon-menu-vehicle {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 38 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M35.8916 12.244L33.035 3.67334C32.3912 1.74202 30.5909 0.444336 28.5553 0.444336H9.4451C7.40956 0.444336 5.60921 1.74202 4.96544 3.67334L2.10882 12.244C0.925842 12.8828 0.111328 14.1191 0.111328 15.5554V24.0554C0.111328 25.2851 0.903246 26.3236 2.00022 26.7148V27.8332C2.00022 29.3956 3.27116 30.6666 4.83355 30.6666H8.61133C10.1737 30.6666 11.4447 29.3956 11.4447 27.8332V26.8888H26.5558V27.8332C26.5558 29.3956 27.8267 30.6666 29.3891 30.6666H33.1669C34.7293 30.6666 36.0002 29.3956 36.0002 27.8332V26.7148C37.0972 26.3236 37.8891 25.2851 37.8891 24.0554V15.5554C37.8891 14.1191 37.0746 12.8828 35.8916 12.244ZM6.75657 4.271C7.14393 3.11165 8.22396 2.33322 9.4451 2.33322H28.5553C29.7765 2.33322 30.8565 3.11165 31.2439 4.271L33.7459 11.7777H4.25457L6.75657 4.271ZM9.55577 27.8332C9.55577 28.3543 9.13243 28.7777 8.61133 28.7777H4.83355C4.31245 28.7777 3.88911 28.3543 3.88911 27.8332V26.8888H9.55577V27.8332ZM33.1669 28.7777H29.3891C28.868 28.7777 28.4447 28.3543 28.4447 27.8332V26.8888H34.1113V27.8332C34.1113 28.3543 33.688 28.7777 33.1669 28.7777ZM36.0002 24.0554C36.0002 24.5766 35.5769 24.9999 35.0558 24.9999H2.94466C2.42356 24.9999 2.00022 24.5766 2.00022 24.0554V15.5554C2.00022 14.5142 2.84782 13.6666 3.88911 13.6666H34.1113C35.1526 13.6666 36.0002 14.5142 36.0002 15.5554V24.0554Z" fill="black"/><path d="M7.66743 15.5557C5.58393 15.5557 3.88965 17.2499 3.88965 19.3334C3.88965 21.4169 5.58393 23.1112 7.66743 23.1112C9.75092 23.1112 11.4452 21.4169 11.4452 19.3334C11.4452 17.2499 9.75092 15.5557 7.66743 15.5557ZM7.66743 21.2223C6.62614 21.2223 5.77854 20.3747 5.77854 19.3334C5.77854 18.2922 6.62614 17.4446 7.66743 17.4446C8.70871 17.4446 9.55632 18.2922 9.55632 19.3334C9.55632 20.3747 8.70871 21.2223 7.66743 21.2223Z" fill="black"/><path d="M30.3334 15.5557C28.2499 15.5557 26.5557 17.2499 26.5557 19.3334C26.5557 21.4169 28.2499 23.1112 30.3334 23.1112C32.4169 23.1112 34.1112 21.4169 34.1112 19.3334C34.1112 17.2499 32.4169 15.5557 30.3334 15.5557ZM30.3334 21.2223C29.2922 21.2223 28.4446 20.3747 28.4446 19.3334C28.4446 18.2922 29.2922 17.4446 30.3334 17.4446C31.3747 17.4446 32.2223 18.2922 32.2223 19.3334C32.2223 20.3747 31.3747 21.2223 30.3334 21.2223Z" fill="black"/><path d="M24.6673 15.5557H13.334V17.4446H24.6673V15.5557Z" fill="black"/><path d="M24.6673 21.2217H13.334V23.1106H24.6673V21.2217Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  filter: invert(100%);
  height: 25px;
  width: 25px;
  background-size: contain;
}

.icon-bike {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.7824 12.5326C9.94176 12.1006 9.01021 11.8753 8.06505 11.8753C7.11988 11.8753 6.18833 12.1006 5.34766 12.5326" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.06505 9.69565C9.56582 9.69565 10.7824 8.47904 10.7824 6.97826C10.7824 5.47749 9.56582 4.26087 8.06505 4.26087C6.56427 4.26087 5.34766 5.47749 5.34766 6.97826C5.34766 8.47904 6.56427 9.69565 8.06505 9.69565Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.74987 4.6087L5.3477 1.54348H4.26074" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.38086 4.6087L10.783 1.54348H11.87" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.69531 23.5978C10.6129 23.3388 11.455 22.8636 12.1511 22.2122C12.8473 21.5607 13.3772 20.7519 13.6966 19.8536C14.0159 18.9552 14.1153 17.9934 13.9865 17.0487C13.8577 16.104 13.5044 15.204 12.9562 14.4239V10.2391C12.9562 9.80671 12.7844 9.392 12.4786 9.08624C12.1729 8.78047 11.7582 8.6087 11.3257 8.6087H10.2388" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.89127 8.6087H4.80431C4.3719 8.6087 3.95719 8.78047 3.65142 9.08624C3.34566 9.392 3.17388 9.80671 3.17388 10.2391V14.413C2.62569 15.1931 2.2724 16.0932 2.14358 17.0379C2.01477 17.9825 2.11419 18.9443 2.43351 19.8427C2.75283 20.7411 3.28276 21.5498 3.97892 22.2013C4.67508 22.8527 5.5172 23.3279 6.43475 23.587" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.69544 20.0217C9.69544 19.1213 8.96547 18.3913 8.06501 18.3913C7.16454 18.3913 6.43457 19.1213 6.43457 20.0217V24.3696C6.43457 25.27 7.16454 26 8.06501 26C8.96547 26 9.69544 25.27 9.69544 24.3696V20.0217Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.5865 1H12.4126C12.2685 1 12.1302 1.05726 12.0283 1.15918C11.9264 1.2611 11.8691 1.39934 11.8691 1.54348C11.8691 1.68762 11.9264 1.82585 12.0283 1.92778C12.1302 2.0297 12.2685 2.08696 12.4126 2.08696H14.5865C14.7307 2.08696 14.8689 2.0297 14.9708 1.92778C15.0728 1.82585 15.13 1.68762 15.13 1.54348C15.13 1.39934 15.0728 1.2611 14.9708 1.15918C14.8689 1.05726 14.7307 1 14.5865 1Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.71739 1H1.54348C1.39934 1 1.2611 1.05726 1.15918 1.15918C1.05726 1.2611 1 1.39934 1 1.54348C1 1.68762 1.05726 1.82585 1.15918 1.92778C1.2611 2.0297 1.39934 2.08696 1.54348 2.08696H3.71739C3.86153 2.08696 3.99977 2.0297 4.10169 1.92778C4.20361 1.82585 4.26087 1.68762 4.26087 1.54348C4.26087 1.39934 4.20361 1.2611 4.10169 1.15918C3.99977 1.05726 3.86153 1 3.71739 1Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 23px;
  height: 39px;
}

.icon-truck {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 25 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.8261 21.6522H1V23.8261H23.8261V21.6522Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.4347 23.8261H3.17383V26H6.4347V23.8261Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.6525 23.8261H18.3916V26H21.6525V23.8261Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.1087 16.2174H20.5652V6.97826C20.5652 6.54584 20.3934 6.13113 20.0876 5.82537C19.7819 5.5196 19.3672 5.34782 18.9347 5.34782H5.89126C5.45884 5.34782 5.04414 5.5196 4.73837 5.82537C4.4326 6.13113 4.26083 6.54584 4.26083 6.97826V16.2174H3.71735C3.28493 16.2174 2.87022 16.3892 2.56446 16.6949C2.25869 17.0007 2.08691 17.4154 2.08691 17.8478V21.6522H22.7391V17.8478C22.7391 17.4154 22.5673 17.0007 22.2615 16.6949C21.9558 16.3892 21.5411 16.2174 21.1087 16.2174Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.3911 7.52174H6.43457V12.9565H18.3911V7.52174Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.2171 15.1304H8.6084V21.6522H16.2171V15.1304Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.6084 17.3044H16.2171" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.6084 19.4783H16.2171" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.43466 18.3913H4.26074V19.4783H6.43466V18.3913Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.5655 18.3913H18.3916V19.4783H20.5655V18.3913Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.4131 7.52174V12.9565" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.6524 9.69565H20.5654V11.8696H21.6524V9.69565Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.26078 9.69565H3.17383V11.8696H4.26078V9.69565Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.08691 17.8478V1H22.7391V17.8478" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 29px;
  height: 31px;
}

.icon-bus {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 27 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.89118 19.4473H21.1086C21.541 19.4473 21.9557 19.2755 22.2615 18.9698C22.5672 18.664 22.739 18.2493 22.739 17.8169V4.06688C22.7356 3.75237 22.6401 3.44576 22.4643 3.18495C22.2885 2.92415 22.0401 2.7206 21.7499 2.59949C16.4566 0.466837 10.5431 0.466837 5.24987 2.59949C4.9596 2.7206 4.71121 2.92415 4.53541 3.18495C4.35961 3.44576 4.26411 3.75237 4.26074 4.06688V17.8169C4.26074 18.2493 4.43252 18.664 4.73829 18.9698C5.04405 19.2755 5.45876 19.4473 5.89118 19.4473Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.34766 19.3495V21.6212H8.60853V19.4473" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.3916 19.4473V21.6212H21.6525V19.3495" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.08696 7.49078H1V9.6647H2.08696V7.49078Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M26 7.49078H24.9131V9.6647H26V7.49078Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M25.457 7.49079V5.31688H1.54395V7.49079" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.7822 15.0995H16.217" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.7822 17.2734H16.217" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.26074 12.9256H22.739" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.13 2.59949H11.8691V3.68644H15.13V2.59949Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 5.31688V12.9256" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.52153 17.2734C8.12184 17.2734 8.60848 16.7868 8.60848 16.1864C8.60848 15.5861 8.12184 15.0995 7.52153 15.0995C6.92122 15.0995 6.43457 15.5861 6.43457 16.1864C6.43457 16.7868 6.92122 17.2734 7.52153 17.2734Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.4786 17.2734C20.0789 17.2734 20.5655 16.7868 20.5655 16.1864C20.5655 15.5861 20.0789 15.0995 19.4786 15.0995C18.8782 15.0995 18.3916 15.5861 18.3916 16.1864C18.3916 16.7868 18.8782 17.2734 19.4786 17.2734Z" stroke="%23112337" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 41px;
  height: 35px;
}

.icon-sound-on {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 27 24" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M17.627 6.45054C18.4874 7.09584 19.1857 7.93261 19.6667 8.89458C20.1477 9.85655 20.3981 10.9173 20.3981 11.9928C20.3981 13.0683 20.1477 14.129 19.6667 15.091C19.1857 16.053 18.4874 16.8897 17.627 17.5351" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M21.3672 2.29385C22.8137 3.46278 23.9804 4.94045 24.7819 6.61864C25.5834 8.29683 25.9993 10.133 25.9993 11.9928C25.9993 13.8526 25.5834 15.6888 24.7819 17.367C23.9804 19.0452 22.8137 20.5228 21.3672 21.6918" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M5.15669 16.1495H2.38556C2.01809 16.1495 1.66567 16.0035 1.40582 15.7437C1.14598 15.4838 1 15.1314 1 14.7639V9.22168C1 8.8542 1.14598 8.50178 1.40582 8.24194C1.66567 7.98209 2.01809 7.83611 2.38556 7.83611H5.15669L10.0062 1.60107C10.1273 1.36585 10.3285 1.18169 10.5735 1.08189C10.8186 0.982088 11.0912 0.973218 11.3422 1.05688C11.5932 1.14055 11.806 1.31123 11.9421 1.53809C12.0783 1.76494 12.1288 2.03301 12.0845 2.29386V21.6918C12.1288 21.9526 12.0783 22.2207 11.9421 22.4475C11.806 22.6744 11.5932 22.8451 11.3422 22.9287C11.0912 23.0124 10.8186 23.0035 10.5735 22.9037C10.3285 22.8039 10.1273 22.6198 10.0062 22.3845L5.15669 16.1495Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>  ');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.icon-sound-off {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 25 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.875 15.1228H2.29167C1.9491 15.1228 1.62055 14.9868 1.37832 14.7445C1.13609 14.5023 1 14.1737 1 13.8312V8.66451C1 8.32193 1.13609 7.99339 1.37832 7.75116C1.62055 7.50893 1.9491 7.37284 2.29167 7.37284H4.875L9.39583 1.56034C9.50873 1.34105 9.69634 1.16938 9.92476 1.07634C10.1532 0.983302 10.4073 0.975033 10.6413 1.05303C10.8753 1.13102 11.0737 1.29014 11.2006 1.50162C11.3275 1.7131 11.3746 1.96301 11.3333 2.20617V20.2895C11.3746 20.5327 11.3275 20.7826 11.2006 20.9941C11.0737 21.2055 10.8753 21.3647 10.6413 21.4427C10.4073 21.5206 10.1532 21.5124 9.92476 21.4193C9.69634 21.3263 9.50873 21.1546 9.39583 20.9353L4.875 15.1228Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 7L24 15" stroke="white" stroke-width="2" stroke-linejoin="round"/><path d="M16 15L24 7" stroke="white" stroke-width="2" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.icon-trash-can {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 27 31" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M1 7.25H26" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M10.375 13.5V22.875" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M16.626 13.5V22.875" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M2.56348 7.25L4.12598 26C4.12598 26.8288 4.45522 27.6237 5.04127 28.2097C5.62732 28.7958 6.42217 29.125 7.25098 29.125H19.751C20.5798 29.125 21.3746 28.7958 21.9607 28.2097C22.5467 27.6237 22.876 26.8288 22.876 26L24.4385 7.25" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M8.8125 7.25V2.5625C8.8125 2.1481 8.97712 1.75067 9.27015 1.45765C9.56317 1.16462 9.9606 1 10.375 1H16.625C17.0394 1 17.4368 1.16462 17.7299 1.45765C18.0229 1.75067 18.1875 2.1481 18.1875 2.5625V7.25" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 22px;
  display: block;
}

.icon-edit {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">  <rect x="1" y="4" width="18" height="19" rx="1" stroke="%23112337" stroke-width="2" stroke-linejoin="round"/>  <path d="M7 17H11.1752L22.1353 6.03997C22.689 5.4863 23 4.73536 23 3.95235C23 3.16934 22.689 2.4184 22.1353 1.86472C21.5816 1.31105 20.8307 1 20.0477 1C19.2646 1 18.5137 1.31105 17.96 1.86472L7 12.8248V17Z" fill="white" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M17 4L20 7" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 22px;
  display: block;
}

.icon-cancel {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="2 2 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M13 22.75C18.3848 22.75 22.75 18.3848 22.75 13C22.75 7.61522 18.3848 3.25 13 3.25C7.61522 3.25 3.25 7.61522 3.25 13C3.25 18.3848 7.61522 22.75 13 22.75Z" stroke="%232C3E50" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M15.1668 10.833L10.8335 15.1663M10.8335 10.833L15.1668 15.1663L10.8335 10.833Z" stroke="%232C3E50" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 22px;
  display: block;
}
.icon-cancel:hover:not(.disabled) {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="2 2 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M13 22.75C18.3848 22.75 22.75 18.3848 22.75 13C22.75 7.61522 18.3848 3.25 13 3.25C7.61522 3.25 3.25 7.61522 3.25 13C3.25 18.3848 7.61522 22.75 13 22.75Z" fill="%23DB2C2C"/>  <path d="M15.1668 10.833L10.8335 15.1663M10.8335 10.833L15.1668 15.1663L10.8335 10.833Z" stroke="%23E3E3E3" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
}

.icon-check {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="2 2 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M13 22.75C18.3848 22.75 22.75 18.3848 22.75 13C22.75 7.61522 18.3848 3.25 13 3.25C7.61522 3.25 3.25 7.61522 3.25 13C3.25 18.3848 7.61522 22.75 13 22.75Z" stroke="%232C3E50" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M9.75 12.9997L11.9167 15.1663L16.25 10.833" stroke="%232C3E50" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 22px;
  display: block;
}
.icon-check:hover:not(.disabled) {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="2 2 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M13 22.75C18.3848 22.75 22.75 18.3848 22.75 13C22.75 7.61522 18.3848 3.25 13 3.25C7.61522 3.25 3.25 7.61522 3.25 13C3.25 18.3848 7.61522 22.75 13 22.75Z" fill="%2311C057"/>  <path d="M9.75 12.9997L11.9167 15.1663L16.25 10.833" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
}

.icon-canceled {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="2 2 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M13 22.75C18.3848 22.75 22.75 18.3848 22.75 13C22.75 7.61522 18.3848 3.25 13 3.25C7.61522 3.25 3.25 7.61522 3.25 13C3.25 18.3848 7.61522 22.75 13 22.75Z" fill="%23DB2C2C"/>  <path d="M15.1668 10.833L10.8335 15.1663M10.8335 10.833L15.1668 15.1663L10.8335 10.833Z" stroke="%23E3E3E3" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 22px;
  display: block;
}

.icon-checked {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="2 2 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M13 22.75C18.3848 22.75 22.75 18.3848 22.75 13C22.75 7.61522 18.3848 3.25 13 3.25C7.61522 3.25 3.25 7.61522 3.25 13C3.25 18.3848 7.61522 22.75 13 22.75Z" fill="%2311C057"/>  <path d="M9.75 12.9997L11.9167 15.1663L16.25 10.833" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 22px;
  display: block;
}

.icon-clip {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="-1 -1 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M11.0833 0C8.86659 0 7.12492 1.74167 7.12492 3.95833V13.4583C7.12492 14.8042 8.15409 15.8333 9.49992 15.8333C10.8458 15.8333 11.8749 14.8042 11.8749 13.4583V5.54167C11.8749 5.06667 11.5583 4.75 11.0833 4.75C10.6083 4.75 10.2916 5.06667 10.2916 5.54167V13.4583C10.2916 13.9333 9.97492 14.25 9.49992 14.25C9.02492 14.25 8.70825 13.9333 8.70825 13.4583V3.95833C8.70825 2.6125 9.73742 1.58333 11.0833 1.58333C12.4291 1.58333 13.4583 2.6125 13.4583 3.95833V13.4583C13.4583 15.675 11.7166 17.4167 9.49992 17.4167C7.28325 17.4167 5.54159 15.675 5.54159 13.4583V0.791667C5.54159 0.316667 5.22492 0 4.74992 0C4.27492 0 3.95825 0.316667 3.95825 0.791667V13.4583C3.95825 16.5458 6.41242 19 9.49992 19C12.5874 19 15.0416 16.5458 15.0416 13.4583V3.95833C15.0416 1.74167 13.2999 0 11.0833 0Z" fill="%23112337"/>  </svg>');
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 22px;
  display: block;
}

.icon-contrast {
  background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 16C12.6421 16 16 12.6421 16 8.5C16 4.35786 12.6421 1 8.5 1C4.35786 1 1 4.35786 1 8.5C1 12.6421 4.35786 16 8.5 16Z" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 1V16" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 5.99999L12.375 2.12499" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 10.4167L14.6417 4.275" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 14.8333L15.875 7.45832" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
}

.icon-high-contrast {
  background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.6"><circle cx="8.5" cy="8.5" r="7.5" fill="%23E3E3E3" stroke="%23112337" stroke-width="2"/><mask id="mask0" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="17" height="17"><circle cx="8.5" cy="8.5" r="8" fill="%23E3E3E3" stroke="%23112337"/></mask><g mask="url(%23mask0)"><circle cx="2.5" cy="8.5" r="8.5" fill="%23112337"/></g></g></svg>');
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
}

.icon-brightness {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.47185 12.4731C11.3968 12.4731 12.9574 10.9126 12.9574 8.98762C12.9574 7.06262 11.3968 5.50211 9.47185 5.50211C7.54685 5.50211 5.98633 7.06262 5.98633 8.98762C5.98633 10.9126 7.54685 12.4731 9.47185 12.4731Z" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.47168 3L9.47168 1" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 4.5L15.2616 2.95456" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.6763 8.98765H17.9999" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 13.5L15.2616 14.7775" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.47168 15L9.47168 16.9753" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.99997 13.5L3.68188 14.7775" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.32368 8.98765H1" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.99997 4.51591L3.68188 3.19782" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 19px;
  height: 18px;
}

.icon-invert {
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.8 0C6.8 0 0 5.95 0 10.2C0 12.0035 0.716427 13.7331 1.99167 15.0083C3.26692 16.2836 4.99653 17 6.8 17C8.60347 17 10.3331 16.2836 11.6083 15.0083C12.8836 13.7331 13.6 12.0035 13.6 10.2C13.6 5.95 6.8 0 6.8 0ZM1.7 10.2C1.7 8.041 4.488 4.5985 6.8 2.3205V15.3C5.4474 15.3 4.15019 14.7627 3.19376 13.8062C2.23732 12.8498 1.7 11.5526 1.7 10.2Z" fill="%23112337"/></svg>');
  background-repeat: no-repeat;
  width: 14px;
  height: 17px;
}

.icon-map {
  background-image: url('data:image/svg+xml;utf8,<svg width="22" height="20" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5.16667L9.33333 1L17.6667 5.16667L26 1V19.0556L17.6667 23.2222L9.33333 19.0556L1 23.2222V5.16667Z" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.33301 1V19.0556" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.667 5.16656V23.2221" stroke="%23112337" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 22px;
  height: 20px;
}

.p-button-icon.icon-map {
  filter: saturate(100) brightness(0) contrast(1) invert(1);
}

.p-button.p-highlight .icon-pc {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 27 21" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M1 19.0555H26" stroke="%2348B7EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M21.8329 1H5.16623C4.39917 1 3.77734 1.62183 3.77734 2.38889V13.5C3.77734 14.2671 4.39917 14.8889 5.16623 14.8889H21.8329C22.6 14.8889 23.2218 14.2671 23.2218 13.5V2.38889C23.2218 1.62183 22.6 1 21.8329 1Z" stroke="%2348B7EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
  background-repeat: no-repeat;
  width: 18px;
  height: 14px;
}

.icon-list-detail:not(.active) {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M7.98111 4.27777H0.574444C0.257188 4.27777 0 4.66355 0 5.13944V5.24944C0 5.72532 0.257188 6.1111 0.574444 6.1111H7.98111C8.29837 6.1111 8.55556 5.72532 8.55556 5.24944V5.13944C8.55556 4.66355 8.29837 4.27777 7.98111 4.27777Z" fill="%23112337"/>  <path d="M7.98111 8.55554H0.574444C0.257188 8.55554 0 8.94132 0 9.41721V9.52721C0 10.0031 0.257188 10.3889 0.574444 10.3889H7.98111C8.29837 10.3889 8.55556 10.0031 8.55556 9.52721V9.41721C8.55556 8.94132 8.29837 8.55554 7.98111 8.55554Z" fill="%23112337"/>  <path d="M7.98111 0H0.574444C0.257188 0 0 0.385781 0 0.861667V0.971667C0 1.44755 0.257188 1.83333 0.574444 1.83333H7.98111C8.29837 1.83333 8.55556 1.44755 8.55556 0.971667V0.861667C8.55556 0.385781 8.29837 0 7.98111 0Z" fill="%23112337"/>  <rect x="9.77783" width="7.94444" height="11" rx="2" fill="%23112337"/>  </svg>  ');
  background-repeat: no-repeat;
  width: 18px;
  height: 14px;
  opacity: 60%;
}

.icon-list-detail.active {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M7.98111 4.27777H0.574444C0.257188 4.27777 0 4.66355 0 5.13944V5.24944C0 5.72532 0.257188 6.1111 0.574444 6.1111H7.98111C8.29837 6.1111 8.55556 5.72532 8.55556 5.24944V5.13944C8.55556 4.66355 8.29837 4.27777 7.98111 4.27777Z" fill="%2348B7EF"/>  <path d="M7.98111 8.55554H0.574444C0.257188 8.55554 0 8.94132 0 9.41721V9.52721C0 10.0031 0.257188 10.3889 0.574444 10.3889H7.98111C8.29837 10.3889 8.55556 10.0031 8.55556 9.52721V9.41721C8.55556 8.94132 8.29837 8.55554 7.98111 8.55554Z" fill="%2348B7EF"/>  <path d="M7.98111 0H0.574444C0.257188 0 0 0.385781 0 0.861667V0.971667C0 1.44755 0.257188 1.83333 0.574444 1.83333H7.98111C8.29837 1.83333 8.55556 1.44755 8.55556 0.971667V0.861667C8.55556 0.385781 8.29837 0 7.98111 0Z" fill="%2348B7EF"/>  <rect x="9.77783" width="7.94444" height="11" rx="2" fill="%2348B7EF"/>  </svg>  ');
  background-repeat: no-repeat;
  width: 18px;
  height: 14px;
}

.icon-list:not(.active) {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="2 2 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M3.37824 6.75636C3.84466 6.75636 4.22278 6.37825 4.22278 5.91182C4.22278 5.44539 3.84466 5.06728 3.37824 5.06728C2.91181 5.06728 2.53369 5.44539 2.53369 5.91182C2.53369 6.37825 2.91181 6.75636 3.37824 6.75636Z" fill="%23112337"/><path d="M3.37824 10.9791C3.84466 10.9791 4.22278 10.601 4.22278 10.1345C4.22278 9.66811 3.84466 9.28999 3.37824 9.28999C2.91181 9.28999 2.53369 9.66811 2.53369 10.1345C2.53369 10.601 2.91181 10.9791 3.37824 10.9791Z" fill="%23112337"/><path d="M3.37824 15.2018C3.84466 15.2018 4.22278 14.8237 4.22278 14.3573C4.22278 13.8908 3.84466 13.5127 3.37824 13.5127C2.91181 13.5127 2.53369 13.8908 2.53369 14.3573C2.53369 14.8237 2.91181 15.2018 3.37824 15.2018Z" fill="%23112337"/><path d="M16.9414 9.28999H6.70549C6.26705 9.28999 5.91162 9.64542 5.91162 10.0839V10.1852C5.91162 10.6237 6.26705 10.9791 6.70549 10.9791H16.9414C17.3798 10.9791 17.7352 10.6237 17.7352 10.1852V10.0839C17.7352 9.64542 17.3798 9.28999 16.9414 9.28999Z" fill="%23112337"/><path d="M16.9414 13.5127H6.70549C6.26705 13.5127 5.91162 13.8682 5.91162 14.3066V14.4079C5.91162 14.8464 6.26705 15.2018 6.70549 15.2018H16.9414C17.3798 15.2018 17.7352 14.8464 17.7352 14.4079V14.3066C17.7352 13.8682 17.3798 13.5127 16.9414 13.5127Z" fill="%23112337"/><path d="M16.9414 5.06728H6.70549C6.26705 5.06728 5.91162 5.4227 5.91162 5.86115V5.96249C5.91162 6.40094 6.26705 6.75636 6.70549 6.75636H16.9414C17.3798 6.75636 17.7352 6.40094 17.7352 5.96249V5.86115C17.7352 5.4227 17.3798 5.06728 16.9414 5.06728Z" fill="%23112337"/></g></svg>');
  background-repeat: no-repeat;
  width: 18px;
  height: 14px;
}

.icon-list.active {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="2 2 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.6"><path d="M3.37824 6.75636C3.84466 6.75636 4.22278 6.37825 4.22278 5.91182C4.22278 5.44539 3.84466 5.06728 3.37824 5.06728C2.91181 5.06728 2.53369 5.44539 2.53369 5.91182C2.53369 6.37825 2.91181 6.75636 3.37824 6.75636Z" fill="%2348B7EF"/><path d="M3.37824 10.9791C3.84466 10.9791 4.22278 10.601 4.22278 10.1345C4.22278 9.66811 3.84466 9.28999 3.37824 9.28999C2.91181 9.28999 2.53369 9.66811 2.53369 10.1345C2.53369 10.601 2.91181 10.9791 3.37824 10.9791Z" fill="%2348B7EF"/><path d="M3.37824 15.2018C3.84466 15.2018 4.22278 14.8237 4.22278 14.3573C4.22278 13.8908 3.84466 13.5127 3.37824 13.5127C2.91181 13.5127 2.53369 13.8908 2.53369 14.3573C2.53369 14.8237 2.91181 15.2018 3.37824 15.2018Z" fill="%2348B7EF"/><path d="M16.9414 9.28999H6.70549C6.26705 9.28999 5.91162 9.64542 5.91162 10.0839V10.1852C5.91162 10.6237 6.26705 10.9791 6.70549 10.9791H16.9414C17.3798 10.9791 17.7352 10.6237 17.7352 10.1852V10.0839C17.7352 9.64542 17.3798 9.28999 16.9414 9.28999Z" fill="%2348B7EF"/><path d="M16.9414 13.5127H6.70549C6.26705 13.5127 5.91162 13.8682 5.91162 14.3066V14.4079C5.91162 14.8464 6.26705 15.2018 6.70549 15.2018H16.9414C17.3798 15.2018 17.7352 14.8464 17.7352 14.4079V14.3066C17.7352 13.8682 17.3798 13.5127 16.9414 13.5127Z" fill="%2348B7EF"/><path d="M16.9414 5.06728H6.70549C6.26705 5.06728 5.91162 5.4227 5.91162 5.86115V5.96249C5.91162 6.40094 6.26705 6.75636 6.70549 6.75636H16.9414C17.3798 6.75636 17.7352 6.40094 17.7352 5.96249V5.86115C17.7352 5.4227 17.3798 5.06728 16.9414 5.06728Z" fill="%2348B7EF"/></g></svg>');
  background-repeat: no-repeat;
  width: 18px;
  height: 14px;
}

.icon-miniatures:not(.active) {
  background-image: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M3.125 1.24997C2.75416 1.24997 2.39165 1.35994 2.08331 1.56596C1.77496 1.77199 1.53464 2.06483 1.39273 2.40744C1.25081 2.75005 1.21368 3.12705 1.28603 3.49076C1.35838 3.85448 1.53695 4.18857 1.79918 4.45079C2.0614 4.71302 2.39549 4.89159 2.75921 4.96394C3.12292 5.03629 3.49992 4.99916 3.84253 4.85724C4.18514 4.71533 4.47798 4.47501 4.68401 4.16666C4.89003 3.85832 5 3.49581 5 3.12497C5 2.62769 4.80246 2.15078 4.45083 1.79914C4.0992 1.44751 3.62228 1.24997 3.125 1.24997Z" fill="%23112337"/>  <path d="M7.5 1.24997C7.12916 1.24997 6.76665 1.35994 6.45831 1.56596C6.14996 1.77199 5.90964 2.06483 5.76773 2.40744C5.62581 2.75005 5.58868 3.12705 5.66103 3.49076C5.73338 3.85448 5.91195 4.18857 6.17418 4.45079C6.4364 4.71302 6.77049 4.89159 7.13421 4.96394C7.49792 5.03629 7.87492 4.99916 8.21753 4.85724C8.56014 4.71533 8.85298 4.47501 9.05901 4.16666C9.26503 3.85832 9.375 3.49581 9.375 3.12497C9.375 2.62769 9.17746 2.15078 8.82583 1.79914C8.4742 1.44751 7.99728 1.24997 7.5 1.24997Z" fill="%23112337"/>  <path d="M11.875 4.99997C12.2458 4.99997 12.6084 4.89 12.9167 4.68398C13.225 4.47795 13.4654 4.18511 13.6073 3.8425C13.7492 3.49989 13.7863 3.12289 13.714 2.75918C13.6416 2.39546 13.463 2.06137 13.2008 1.79915C12.9386 1.53692 12.6045 1.35835 12.2408 1.286C11.8771 1.21365 11.5001 1.25078 11.1575 1.3927C10.8149 1.53461 10.522 1.77493 10.316 2.08328C10.11 2.39162 10 2.75413 10 3.12497C10 3.62225 10.1975 4.09916 10.5492 4.4508C10.9008 4.80243 11.3777 4.99997 11.875 4.99997Z" fill="%23112337"/>  <path d="M3.125 5.625C2.75416 5.625 2.39165 5.73497 2.08331 5.94099C1.77496 6.14702 1.53464 6.43986 1.39273 6.78247C1.25081 7.12508 1.21368 7.50208 1.28603 7.86579C1.35838 8.22951 1.53695 8.5636 1.79918 8.82583C2.0614 9.08805 2.39549 9.26663 2.75921 9.33897C3.12292 9.41132 3.49992 9.37419 3.84253 9.23227C4.18514 9.09036 4.47798 8.85004 4.68401 8.54169C4.89003 8.23335 5 7.87084 5 7.5C5 7.00272 4.80246 6.52581 4.45083 6.17417C4.0992 5.82254 3.62228 5.625 3.125 5.625Z" fill="%23112337"/>  <path d="M7.5 5.625C7.12916 5.625 6.76665 5.73497 6.45831 5.94099C6.14996 6.14702 5.90964 6.43986 5.76773 6.78247C5.62581 7.12508 5.58868 7.50208 5.66103 7.86579C5.73338 8.22951 5.91195 8.5636 6.17418 8.82583C6.4364 9.08805 6.77049 9.26663 7.13421 9.33897C7.49792 9.41132 7.87492 9.37419 8.21753 9.23227C8.56014 9.09036 8.85298 8.85004 9.05901 8.54169C9.26503 8.23335 9.375 7.87084 9.375 7.5C9.375 7.00272 9.17746 6.52581 8.82583 6.17417C8.4742 5.82254 7.99728 5.625 7.5 5.625Z" fill="%23112337"/>  <path d="M11.875 5.625C11.5042 5.625 11.1416 5.73497 10.8333 5.94099C10.525 6.14702 10.2846 6.43986 10.1427 6.78247C10.0008 7.12508 9.96368 7.50208 10.036 7.86579C10.1084 8.22951 10.287 8.5636 10.5492 8.82583C10.8114 9.08805 11.1455 9.26663 11.5092 9.33897C11.8729 9.41132 12.2499 9.37419 12.5925 9.23227C12.9351 9.09036 13.228 8.85004 13.434 8.54169C13.64 8.23335 13.75 7.87084 13.75 7.5C13.75 7.00272 13.5525 6.52581 13.2008 6.17417C12.8492 5.82254 12.3723 5.625 11.875 5.625Z" fill="%23112337"/>  <path d="M3.125 10C2.75416 10 2.39165 10.11 2.08331 10.316C1.77496 10.522 1.53464 10.8149 1.39273 11.1575C1.25081 11.5001 1.21368 11.8771 1.28603 12.2408C1.35838 12.6045 1.53695 12.9386 1.79918 13.2008C2.0614 13.463 2.39549 13.6416 2.75921 13.714C3.12292 13.7863 3.49992 13.7492 3.84253 13.6073C4.18514 13.4654 4.47798 13.225 4.68401 12.9167C4.89003 12.6084 5 12.2458 5 11.875C5 11.3777 4.80246 10.9008 4.45083 10.5492C4.0992 10.1975 3.62228 10 3.125 10Z" fill="%23112337"/>  <path d="M7.5 10C7.12916 10 6.76665 10.11 6.45831 10.316C6.14996 10.522 5.90964 10.8149 5.76773 11.1575C5.62581 11.5001 5.58868 11.8771 5.66103 12.2408C5.73338 12.6045 5.91195 12.9386 6.17418 13.2008C6.4364 13.463 6.77049 13.6416 7.13421 13.714C7.49792 13.7863 7.87492 13.7492 8.21753 13.6073C8.56014 13.4654 8.85298 13.225 9.05901 12.9167C9.26503 12.6084 9.375 12.2458 9.375 11.875C9.375 11.3777 9.17746 10.9008 8.82583 10.5492C8.4742 10.1975 7.99728 10 7.5 10Z" fill="%23112337"/>  <path d="M11.875 10C11.5042 10 11.1416 10.11 10.8333 10.316C10.525 10.522 10.2846 10.8149 10.1427 11.1575C10.0008 11.5001 9.96368 11.8771 10.036 12.2408C10.1084 12.6045 10.287 12.9386 10.5492 13.2008C10.8114 13.463 11.1455 13.6416 11.5092 13.714C11.8729 13.7863 12.2499 13.7492 12.5925 13.6073C12.9351 13.4654 13.228 13.225 13.434 12.9167C13.64 12.6084 13.75 12.2458 13.75 11.875C13.75 11.3777 13.5525 10.9008 13.2008 10.5492C12.8492 10.1975 12.3723 10 11.875 10Z" fill="%23112337"/>  </svg>');
  background-repeat: no-repeat;
  width: 18px;
  height: 14px;
}

.icon-miniatures.active {
  background-image: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M3.125 1.24997C2.75416 1.24997 2.39165 1.35994 2.08331 1.56596C1.77496 1.77199 1.53464 2.06483 1.39273 2.40744C1.25081 2.75005 1.21368 3.12705 1.28603 3.49076C1.35838 3.85448 1.53695 4.18857 1.79918 4.45079C2.0614 4.71302 2.39549 4.89159 2.75921 4.96394C3.12292 5.03629 3.49992 4.99916 3.84253 4.85724C4.18514 4.71533 4.47798 4.47501 4.68401 4.16666C4.89003 3.85832 5 3.49581 5 3.12497C5 2.62769 4.80246 2.15078 4.45083 1.79914C4.0992 1.44751 3.62228 1.24997 3.125 1.24997Z" fill="%2348B7EF"/>  <path d="M7.5 1.24997C7.12916 1.24997 6.76665 1.35994 6.45831 1.56596C6.14996 1.77199 5.90964 2.06483 5.76773 2.40744C5.62581 2.75005 5.58868 3.12705 5.66103 3.49076C5.73338 3.85448 5.91195 4.18857 6.17418 4.45079C6.4364 4.71302 6.77049 4.89159 7.13421 4.96394C7.49792 5.03629 7.87492 4.99916 8.21753 4.85724C8.56014 4.71533 8.85298 4.47501 9.05901 4.16666C9.26503 3.85832 9.375 3.49581 9.375 3.12497C9.375 2.62769 9.17746 2.15078 8.82583 1.79914C8.4742 1.44751 7.99728 1.24997 7.5 1.24997Z" fill="%2348B7EF"/>  <path d="M11.875 4.99997C12.2458 4.99997 12.6084 4.89 12.9167 4.68398C13.225 4.47795 13.4654 4.18511 13.6073 3.8425C13.7492 3.49989 13.7863 3.12289 13.714 2.75918C13.6416 2.39546 13.463 2.06137 13.2008 1.79915C12.9386 1.53692 12.6045 1.35835 12.2408 1.286C11.8771 1.21365 11.5001 1.25078 11.1575 1.3927C10.8149 1.53461 10.522 1.77493 10.316 2.08328C10.11 2.39162 10 2.75413 10 3.12497C10 3.62225 10.1975 4.09916 10.5492 4.4508C10.9008 4.80243 11.3777 4.99997 11.875 4.99997Z" fill="%2348B7EF"/>  <path d="M3.125 5.625C2.75416 5.625 2.39165 5.73497 2.08331 5.94099C1.77496 6.14702 1.53464 6.43986 1.39273 6.78247C1.25081 7.12508 1.21368 7.50208 1.28603 7.86579C1.35838 8.22951 1.53695 8.5636 1.79918 8.82583C2.0614 9.08805 2.39549 9.26663 2.75921 9.33897C3.12292 9.41132 3.49992 9.37419 3.84253 9.23227C4.18514 9.09036 4.47798 8.85004 4.68401 8.54169C4.89003 8.23335 5 7.87084 5 7.5C5 7.00272 4.80246 6.52581 4.45083 6.17417C4.0992 5.82254 3.62228 5.625 3.125 5.625Z" fill="%2348B7EF"/>  <path d="M7.5 5.625C7.12916 5.625 6.76665 5.73497 6.45831 5.94099C6.14996 6.14702 5.90964 6.43986 5.76773 6.78247C5.62581 7.12508 5.58868 7.50208 5.66103 7.86579C5.73338 8.22951 5.91195 8.5636 6.17418 8.82583C6.4364 9.08805 6.77049 9.26663 7.13421 9.33897C7.49792 9.41132 7.87492 9.37419 8.21753 9.23227C8.56014 9.09036 8.85298 8.85004 9.05901 8.54169C9.26503 8.23335 9.375 7.87084 9.375 7.5C9.375 7.00272 9.17746 6.52581 8.82583 6.17417C8.4742 5.82254 7.99728 5.625 7.5 5.625Z" fill="%2348B7EF"/>  <path d="M11.875 5.625C11.5042 5.625 11.1416 5.73497 10.8333 5.94099C10.525 6.14702 10.2846 6.43986 10.1427 6.78247C10.0008 7.12508 9.96368 7.50208 10.036 7.86579C10.1084 8.22951 10.287 8.5636 10.5492 8.82583C10.8114 9.08805 11.1455 9.26663 11.5092 9.33897C11.8729 9.41132 12.2499 9.37419 12.5925 9.23227C12.9351 9.09036 13.228 8.85004 13.434 8.54169C13.64 8.23335 13.75 7.87084 13.75 7.5C13.75 7.00272 13.5525 6.52581 13.2008 6.17417C12.8492 5.82254 12.3723 5.625 11.875 5.625Z" fill="%2348B7EF"/>  <path d="M3.125 10C2.75416 10 2.39165 10.11 2.08331 10.316C1.77496 10.522 1.53464 10.8149 1.39273 11.1575C1.25081 11.5001 1.21368 11.8771 1.28603 12.2408C1.35838 12.6045 1.53695 12.9386 1.79918 13.2008C2.0614 13.463 2.39549 13.6416 2.75921 13.714C3.12292 13.7863 3.49992 13.7492 3.84253 13.6073C4.18514 13.4654 4.47798 13.225 4.68401 12.9167C4.89003 12.6084 5 12.2458 5 11.875C5 11.3777 4.80246 10.9008 4.45083 10.5492C4.0992 10.1975 3.62228 10 3.125 10Z" fill="%2348B7EF"/>  <path d="M7.5 10C7.12916 10 6.76665 10.11 6.45831 10.316C6.14996 10.522 5.90964 10.8149 5.76773 11.1575C5.62581 11.5001 5.58868 11.8771 5.66103 12.2408C5.73338 12.6045 5.91195 12.9386 6.17418 13.2008C6.4364 13.463 6.77049 13.6416 7.13421 13.714C7.49792 13.7863 7.87492 13.7492 8.21753 13.6073C8.56014 13.4654 8.85298 13.225 9.05901 12.9167C9.26503 12.6084 9.375 12.2458 9.375 11.875C9.375 11.3777 9.17746 10.9008 8.82583 10.5492C8.4742 10.1975 7.99728 10 7.5 10Z" fill="%2348B7EF"/>  <path d="M11.875 10C11.5042 10 11.1416 10.11 10.8333 10.316C10.525 10.522 10.2846 10.8149 10.1427 11.1575C10.0008 11.5001 9.96368 11.8771 10.036 12.2408C10.1084 12.6045 10.287 12.9386 10.5492 13.2008C10.8114 13.463 11.1455 13.6416 11.5092 13.714C11.8729 13.7863 12.2499 13.7492 12.5925 13.6073C12.9351 13.4654 13.228 13.225 13.434 12.9167C13.64 12.6084 13.75 12.2458 13.75 11.875C13.75 11.3777 13.5525 10.9008 13.2008 10.5492C12.8492 10.1975 12.3723 10 11.875 10Z" fill="%2348B7EF"/>  </svg>');
  background-repeat: no-repeat;
  width: 18px;
  height: 14px;
}

.icon-filter {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.7466 1H16.2534C16.4141 1.0469 16.5598 1.12379 16.6793 1.22477C16.7988 1.32576 16.8889 1.44816 16.9427 1.58261C16.9966 1.71705 17.0128 1.85997 16.99 2.00041C16.9672 2.14085 16.9061 2.2751 16.8114 2.39286L11.2318 7.5V14L6.76818 11.2143V7.5L1.18865 2.39286C1.0939 2.2751 1.03279 2.14085 1.01002 2.00041C0.987249 1.85997 1.00341 1.71705 1.05726 1.58261C1.11112 1.44816 1.20124 1.32576 1.32073 1.22477C1.44021 1.12379 1.58589 1.0469 1.7466 1Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  width: 18px;
  height: 15px;
}

.icon-speed {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 29 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.06429 14.9479C1.06429 14.9545 1.06043 14.9594 1.06043 14.9655C1.06043 14.9685 1.06236 14.9715 1.06236 14.9752C1.06172 14.9782 1.06043 14.9813 1.06043 14.9849C1.06043 15.3201 1.34779 15.5921 1.70329 15.5921C1.69365 15.5915 10.8265 15.5727 10.8265 15.5727C11.182 15.5727 11.4694 15.3006 11.4694 14.9655C11.4694 14.6297 11.182 14.3583 10.8265 14.3583H2.32043C2.30822 14.1555 2.28572 13.9563 2.28572 13.7511C2.28572 7.37979 7.7545 2.21439 14.5 2.21439C21.2455 2.21439 26.7143 7.37979 26.7143 13.7511C26.7143 13.9563 26.6918 14.1555 26.6802 14.3583H17.1633C16.8078 14.3583 16.5204 14.6297 16.5204 14.9655C16.5204 15.3006 16.8078 15.5727 17.1633 15.5727C17.1633 15.5727 27.3057 15.5915 27.2967 15.5915C27.6522 15.5915 27.9396 15.3195 27.9396 14.9843C27.9396 14.9807 27.9383 14.9776 27.9376 14.9746C27.9376 14.9709 27.9396 14.9679 27.9396 14.9649C27.9396 14.9582 27.9357 14.9533 27.9357 14.9479C27.9749 14.5532 28 14.1549 28 13.7511C28 6.70823 21.9559 1 14.5 1C7.04414 1 1 6.70823 1 13.7511C1 14.1549 1.02507 14.5532 1.06429 14.9479ZM18.6638 7.75686C18.4111 7.62571 18.1077 7.66942 17.8994 7.83762L17.9316 7.78722C12.2911 11.6854 11.1321 13.4785 11.1109 13.5119C10.1896 14.943 10.7374 16.7731 12.3316 17.5989C13.9259 18.4247 15.9657 17.9347 16.8863 16.5035C16.9088 16.4713 18.0589 14.6734 19.0019 8.34159L18.9691 8.39138C19.0264 8.14607 18.9158 7.88741 18.6638 7.75686ZM15.7304 15.906C15.3736 16.4592 14.7089 16.8035 13.9954 16.8035C13.6469 16.8035 13.3017 16.7203 12.9976 16.5624C12.5348 16.3226 12.2037 15.9364 12.0655 15.4731C11.9266 15.0092 11.998 14.5259 12.2603 14.1178C12.2712 14.1027 13.2709 12.6691 17.443 9.65617C16.6195 14.4014 15.7375 15.8939 15.7304 15.906Z" fill="black" stroke="black"/></svg>');
  background-repeat: no-repeat;
  width: max(min(1.5vw, 29px), 29px / 2);
  height: max(min(1.5vw, 19px), 19px / 2);
}

.registration-navigation {
  list-style-type: none;
  display: inline-flex;
  margin-block-start: unset;
  margin-block-end: unset;
}

ul.registration-navigation {
  padding-inline-start: 0px;
}
ul.registration-navigation li {
  margin-left: 9px;
  margin-right: 9px;
  padding-left: 9px;
  padding-right: 9px;
}

.p-field {
  margin-bottom: 1.875rem !important;
}
.p-field label:first-child {
  width: 100%;
  display: block;
  margin-bottom: 6px;
}
.p-field .p-error {
  margin-top: 7px;
  line-height: 14px;
}

.p-message.p-message-success,
.p-message.p-message-error,
.p-message.p-message-warn {
  border: none;
}

.p-card {
  box-shadow: none;
}

.p-slider {
  background-color: #c4c4c4;
  border-radius: 20px;
}
.p-slider .p-slider-handle {
  background-color: #ffffff;
  border-color: #cfcfcf;
  border-width: 1px;
  width: 18px;
  height: 18px;
}
.p-slider .p-slider-range {
  border-radius: 20px;
}

.p-checkbox .p-checkbox-box {
  border-radius: 4px;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon.pi-minus {
  background-color: #48B7EF;
  border-radius: 4px;
}

.p-treetable .p-treetable-tbody > tr {
  background: transparent;
  border-radius: 5px;
  margin: 2px 0;
}
.p-treetable .p-treetable-tbody > tr > td {
  background: #F5F5F5;
  padding: 0;
  border: 0;
}
.p-treetable .p-treetable-tbody > tr > td:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.p-treetable .p-treetable-tbody > tr > td:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

p-treetablecheckbox {
  margin-left: 13px;
}
p-treetablecheckbox.partial .p-checkbox-box {
  background-color: #48B7EF;
  border-color: #48B7EF;
}

p-treetabletoggler .pi-chevron-right {
  transform: rotate(90deg);
}
p-treetabletoggler .pi-chevron-down {
  transform: rotate(180deg);
  color: var(--primary-color);
}

span.highlight {
  color: var(--text-highlight-color);
}
span.highlight:hover {
  color: black;
}

.p-highlight span.highlight {
  color: black;
}

app-auto-complete .p-autocomplete .p-autocomplete-dropdown[disabled] {
  color: var(--button-option-background);
}
app-auto-complete .p-autocomplete:hover .p-autocomplete-dropdown:not([disabled]) {
  border-color: var(--input-hover-border-color) !important;
}
app-auto-complete p-autocomplete:not(.p-inputwrapper-focus) .p-autocomplete-dropdown {
  border-color: var(--shade-000) !important;
}
app-auto-complete .p-inputwrapper-focus .p-autocomplete-input[aria-expanded=true] {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
}
app-auto-complete .p-inputwrapper-focus .p-autocomplete-dropdown {
  border-color: var(--input-hover-border-color) !important;
}
app-auto-complete .expanded .p-autocomplete-dropdown {
  border-bottom-color: transparent !important;
  border-bottom-right-radius: 0 !important;
}
app-auto-complete .p-autocomplete-panel {
  border-top-color: transparent;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.14), 0 6px 6px 0 rgba(0, 0, 0, 0.12);
  margin-top: -1px;
}
app-auto-complete .p-autocomplete-item:hover {
  background-color: transparent !important;
}
app-auto-complete.ng-invalid.ng-dirty input {
  border-color: red;
}
app-auto-complete.ng-invalid.ng-dirty button {
  border-color: red !important;
}

.card-fields-container > div {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background-color: #F5F5F5;
  padding: 20px;
  margin-top: 14px;
}
.card-fields-container .title {
  color: var(--caption-color);
  padding-bottom: 14px;
}
.card-fields-container .field {
  --scaled-font-size: min((-0.3rem + 1vw) * (1.14), var(--font-size) * (1.14) );
  font-size: var(--scaled-font-size);
}
.card-fields-container .field-left.col-6 {
  margin-right: 7px;
  width: calc(50% - 7px);
}
.card-fields-container .field-right.col-6 {
  margin-left: 7px;
  width: calc(50% - 7px);
}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #FFFFFF;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #E3E3E3;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #adb5bd;
}

.exception-body {
  background-color: white;
}
.exception-body .exception-panel {
  background-color: white;
}

.layout-wrapper .p-toast {
  max-width: 35rem;
  width: auto;
}

.p-toast .p-toast-message {
  border-width: 0 !important;
}
.p-toast .p-toast-message.p-toast-message-info, .p-toast .p-toast-message.p-toast-message-warn, .p-toast .p-toast-message.p-toast-message-error {
  color: white !important;
}
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close, .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close, .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
  color: white !important;
}
.p-toast .p-toast-message.p-toast-message-warn {
  background: #ffbb20 !important;
}
.p-toast .p-toast-message.p-toast-message-error {
  background: #FB4D4D !important;
}
.p-toast .p-toast-message .p-toast-message-content {
  align-items: center;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.p-dialog .header-container {
  width: 100%;
  padding: max(min(0.5vw, 20px), 20px / 2) max(min(0.5vh, 20px), 20px / 2);
  display: flex;
}
.p-dialog .header-container .p-dialog-header-close-icon {
  font-size: 2rem;
}
.p-dialog .p-dialog-header .p-dialog-title {
  font-size: min((-0.3rem + 1vw) * (2), var(--font-size) * (2) ) !important;
}
.p-dialog .p-dialog-header .p-dialog-header-icon, .p-dialog .p-dialog-header .p-dialog-header-icon span {
  color: #48B7EF;
  font-size: 2rem !important;
}
.p-dialog .p-dialog-content {
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}
.p-dialog .p-dialog-content::-webkit-scrollbar-track {
  margin-bottom: 30px;
}
.p-dialog.without-header .p-dialog-content {
  border-radius: 18px;
  overflow-y: hidden;
  padding: 2rem;
}
.p-dialog.p-confirm-dialog .p-dialog-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.p-dialog.p-confirm-dialog .p-dialog-content .p-confirm-dialog-icon {
  padding-top: 8px;
}
.p-dialog .content-container {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  padding-left: max(min(0.5vw, 20px), 20px / 2);
  padding-right: max(min(0.5vw, 20px), 20px / 2);
}
.p-dialog .footer-container {
  display: flex;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: max(min(0.5vw, 20px), 20px / 2) max(min(0.5vh, 20px), 20px / 2);
  padding-bottom: 0;
}

.p-radiobutton {
  display: flex;
  align-items: center;
}
.p-radiobutton .p-radiobutton-box {
  width: 16px !important;
  height: 16px !important;
  border-width: 1px !important;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 6px !important;
  height: 6px !important;
}

.p-field-checkbox {
  display: flex;
  align-items: center;
}
.p-field-checkbox label:nth-child(2) {
  margin-left: 6px;
}

.p-checkbox {
  width: 16px !important;
  height: 16px !important;
}
.p-checkbox .p-checkbox-box {
  border-width: 1px !important;
  width: 16px !important;
  height: 16px !important;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 10px !important;
}

.bottom-shadow {
  position: sticky;
  bottom: 0;
  width: 100%;
  height: 0px;
  box-shadow: var(--shade-800) 0px 0px 14px 16px;
  transform: scale(1);
}
.bottom-shadow.bottom-shadow-background {
  box-shadow: var(--body-bg-color) 0px 0px 14px 16px;
}

.p-password i {
  font-size: min((-0.3rem + 1vw) * (1.57), var(--font-size) * (1.57) );
  margin-top: min((-0.3rem + 1vw) * (-0.85), 10px * (-0.85) );
}

.actions-panel.p-overlaypanel .p-overlaypanel-content {
  display: flex;
  flex-direction: column;
}
.actions-panel.p-overlaypanel:before, .actions-panel.p-overlaypanel:after {
  margin-left: 10px;
}
.actions-panel .title {
  margin-top: 14px;
  margin-left: 12px;
  margin-right: 12px;
}
.actions-panel .title:first-child {
  margin-top: 8px;
}

.no-padding {
  padding: 0 !important;
}

.color-picker-overlay {
  padding: 0;
  border-radius: 0;
  margin-top: 0 !important;
}
.color-picker-overlay:before, .color-picker-overlay:after {
  display: none;
}
.color-picker-overlay .p-overlaypanel-content {
  padding: 0;
  border-radius: 0;
}
.color-picker-overlay p-colorpicker {
  display: flex;
}

qrcode .qrcode {
  display: flex;
}

.dialog-without-scroll .p-dialog-content {
  overflow: hidden !important;
}

/*# sourceMappingURL=layout-blue.css.map */