@charset "UTF-8";
/* Add your variable customizations of layout here */
/* cabin-300 - latin-ext_latin */
@import '../../layout/css/layout-blue.min.css';
@font-face {
  font-family: "PT Root UI";
  src: url("../fonts/PT_Root_UI_Regular.woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PT Root UI";
  src: url("../fonts/PT_Root_UI_Medium.woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "PT Root UI";
  src: url("../fonts/PT_Root_UI_Bold.woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SLIcons";
  src: url("../fonts/iconfont/icomoon.eot?bvhr37");
  src: url("../fonts/iconfont/icomoon.eot?bvhr37#iefix") format("embedded-opentype"), url("../fonts/iconfont/icomoon.ttf?bvhr37") format("truetype"), url("../fonts/iconfont/icomoon.woff?bvhr37") format("woff"), url("../fonts/iconfont/icomoon.svg?bvhr37#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
h1, h2, h3, h4, h5, h6 {
  margin: 1.5rem 0 1rem 0;
  font-family: inherit;
  font-weight: 500;
  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: 2rem;
}

h2 {
  font-size: 1.3rem;
}

h3 {
  font-size: 1.05rem;
}

h4 {
  font-size: 0.85rem;
}

h5 {
  font-size: 0.6rem;
}

h6 {
  font-size: 0.35rem;
}

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

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

hr {
  border-top: solid #E0E0E0;
  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;
}

.loader-screen {
  width: 100%;
  min-height: 100%;
  background-color: #212121;
  position: absolute;
}
.loader-screen .loader {
  margin: 0 auto;
  width: 60px;
  height: 50px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 500;
}
.loader-screen .loader > div {
  height: 100%;
  width: 8px;
  display: inline-block;
  float: left;
  margin-left: 2px;
  animation: delay 0.8s infinite ease-in-out;
}
.loader-screen .loader .bar1 {
  background-color: #754fa0;
}
.loader-screen .loader .bar2 {
  background-color: #09b7bf;
  animation-delay: -0.7s;
}
.loader-screen .loader .bar3 {
  background-color: #90d36b;
  animation-delay: -0.6s;
}
.loader-screen .loader .bar4 {
  background-color: #f2d40d;
  animation-delay: -0.5s;
}
.loader-screen .loader .bar5 {
  background-color: #fcb12b;
  animation-delay: -0.4s;
}
.loader-screen .loader .bar6 {
  background-color: #ed1b72;
  animation-delay: -0.3s;
}

@keyframes delay {
  0%, 40%, 100% {
    transform: scaleY(0.05);
    -webkit-transform: scaleY(0.05);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
* {
  box-sizing: border-box;
}

html {
  height: 100%;
  font-size: 14px;
}

body {
  font-family: "PT Root UI";
  font-size: 14px;
  font-weight: 400;
  color: #0e0c1c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  margin: 0;
  min-height: 100%;
  background-color: #f2f2f2;
}

a {
  text-decoration: none;
  color: #adb5bd;
  transition: color 0.3s;
}
a:hover {
  color: #F77348;
}

.blocked-link:hover {
  color: #adb5bd;
}

.layout-wrapper .route-bar {
  min-height: 32px;
  background-color: #ffffff;
  border-bottom: 1px solid #e8e8e8;
}
.layout-wrapper .route-bar .route-bar-breadcrumb {
  padding: 6px 25px;
  display: inline-block;
}
.layout-wrapper .route-bar .route-bar-breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #9A9BA5;
  display: inline-block;
}
.layout-wrapper .route-bar .route-bar-breadcrumb ul li {
  margin-right: 0.25em;
  list-style-type: none;
  display: inline-block;
  color: #9A9BA5;
  text-transform: capitalize;
}
.layout-wrapper .route-bar .route-bar-breadcrumb ul li button {
  color: #9A9BA5;
}

.layout-mask {
  display: none;
  background-color: #252529;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.layout-wrapper .layout-topbar {
  position: fixed;
  height: 60px;
  top: 0;
  left: 250px;
  right: 0;
  z-index: 997;
  padding: 8px 25px;
  background-color: #F77348;
}
.layout-wrapper .layout-topbar:after {
  content: "";
  display: table;
  clear: both;
}
.layout-wrapper .layout-topbar {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.layout-wrapper .layout-topbar .layout-topbar-logo {
  display: none;
}
.layout-wrapper .layout-topbar .layout-topbar-logo img {
  margin-top: 7px;
  height: 30px;
}
.layout-wrapper .layout-topbar .layout-menu-button {
  cursor: pointer;
  float: left;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  transition: background-color 0.3s;
}
.layout-wrapper .layout-topbar .layout-menu-button i {
  line-height: inherit;
  font-size: 24px;
}
.layout-wrapper .layout-topbar .layout-menu-button:hover {
  background-color: #FF8A65;
}
.layout-wrapper .layout-topbar .layout-menu-button:focus {
  box-shadow: none;
}
.layout-wrapper .layout-topbar #topbar-menu-button {
  cursor: pointer;
  font-size: 28px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: none;
  float: right;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
  transition: background-color 0.3s;
}
.layout-wrapper .layout-topbar #topbar-menu-button i {
  line-height: inherit;
  font-size: 24px;
}
.layout-wrapper .layout-topbar #topbar-menu-button:hover {
  background-color: #FF8A65;
}
.layout-wrapper .layout-topbar #topbar-menu-button:focus {
  box-shadow: none;
}
.layout-wrapper .layout-topbar .topbar-menu {
  float: right;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.layout-wrapper .layout-topbar .topbar-menu > li {
  float: right;
  position: relative;
  margin-left: 0px;
}
.layout-wrapper .layout-topbar .topbar-menu > li > button {
  cursor: pointer;
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  transition: background-color 0.3s;
}
.layout-wrapper .layout-topbar .topbar-menu > li > button .topbar-icon {
  color: #ffffff;
  line-height: inherit;
  font-size: 24px;
}
.layout-wrapper .layout-topbar .topbar-menu > li > button > img {
  width: 36px;
  margin-top: 4px;
}
.layout-wrapper .layout-topbar .topbar-menu > li > button:hover {
  background-color: #FF8A65;
}
.layout-wrapper .layout-topbar .topbar-menu > li > button:focus {
  box-shadow: none;
}
.layout-wrapper .layout-topbar .topbar-menu > li > button .topbar-item-name {
  display: none;
}
.layout-wrapper .layout-topbar .topbar-menu > li > button .topbar-badge {
  position: absolute;
  right: 4px;
  top: 4px;
  background-color: #e0284f;
  color: #ffffff;
  text-align: center;
  line-height: 16px;
  min-width: 16px;
  min-height: 16px;
  display: block;
  font-size: 12px;
  border-radius: 100%;
}
.layout-wrapper .layout-topbar .topbar-menu > li > ul {
  position: absolute;
  border: 1px solid #e0e0e0;
  top: 55px;
  right: -18px;
  margin: 0;
  display: none;
  min-width: 250px;
  padding: 8px 12px;
  list-style-type: none;
  background-color: #ffffff;
  animation-duration: 0.3s;
  border-radius: 3px;
  box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16);
}
.layout-wrapper .layout-topbar .topbar-menu > li > ul.layout-submenu-container-enter, .layout-wrapper .layout-topbar .topbar-menu > li > ul.layout-submenu-container-leave-to {
  max-height: 0;
  display: none;
}
.layout-wrapper .layout-topbar .topbar-menu > li > ul.layout-submenu-container-enter-to, .layout-wrapper .layout-topbar .topbar-menu > li > ul.layout-submenu-container-leave {
  max-height: 500px;
}
.layout-wrapper .layout-topbar .topbar-menu > li > ul:before, .layout-wrapper .layout-topbar .topbar-menu > li > ul:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  right: 29px;
}
.layout-wrapper .layout-topbar .topbar-menu > li > ul:before {
  border-color: rgba(216, 216, 220, 0);
  border-bottom-color: #e0e0e0;
  border-width: 10px;
  margin-left: -10px;
}
.layout-wrapper .layout-topbar .topbar-menu > li > ul:after {
  border-color: rgba(244, 244, 249, 0);
  border-bottom-color: #ffffff;
  border-width: 9px;
  margin-left: -9px;
}
.layout-wrapper .layout-topbar .topbar-menu > li > ul button {
  box-sizing: border-box;
  padding: 8px 12px;
  text-align: left;
  display: block;
  width: 100%;
  color: #9A9BA5;
  position: relative;
  border-radius: 3px;
  transition: background-color 0.3s;
}
.layout-wrapper .layout-topbar .topbar-menu > li > ul button i {
  margin-right: 8px;
  color: #9A9BA5;
}
.layout-wrapper .layout-topbar .topbar-menu > li > ul button img {
  margin-right: 8px;
  width: 24px;
}
.layout-wrapper .layout-topbar .topbar-menu > li > ul button i, .layout-wrapper .layout-topbar .topbar-menu > li > ul button img, .layout-wrapper .layout-topbar .topbar-menu > li > ul button span {
  vertical-align: middle;
}
.layout-wrapper .layout-topbar .topbar-menu > li > ul button .topbar-submenuitem-badge {
  background-color: #e0284f;
  color: #ffffff;
  text-align: center;
  line-height: 16px;
  min-width: 16px;
  height: 16px;
  font-size: 12px;
  border-radius: 100%;
  display: inline-block;
  margin-left: 8px;
}
.layout-wrapper .layout-topbar .topbar-menu > li > ul button:hover {
  background-color: #e0e0e0;
}
.layout-wrapper .layout-topbar .topbar-menu > li.active-topmenuitem > ul {
  display: block;
}

@media screen and (max-width: 896px) {
  .layout-wrapper .layout-topbar {
    text-align: center;
  }
  .layout-wrapper .layout-topbar .layout-topbar-logo {
    display: inline-block;
  }
  .layout-wrapper .layout-topbar #topbar-menu-button {
    display: block;
  }
  .layout-wrapper .layout-topbar .topbar-menu {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    position: absolute;
    top: 70px;
    right: 25px;
    width: 250px;
    animation-duration: 0.3s;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 8px 12px;
    box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16);
  }
  .layout-wrapper .layout-topbar .topbar-menu:before, .layout-wrapper .layout-topbar .topbar-menu:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    left: 225px;
  }
  .layout-wrapper .layout-topbar .topbar-menu:before {
    border-color: rgba(216, 216, 220, 0);
    border-bottom-color: #e0e0e0;
    border-width: 10px;
    margin-left: -10px;
  }
  .layout-wrapper .layout-topbar .topbar-menu:after {
    border-color: rgba(244, 244, 249, 0);
    border-bottom-color: #ffffff;
    border-width: 9px;
    margin-left: -9px;
  }
  .layout-wrapper .layout-topbar .topbar-menu.topbar-menu-visible {
    display: block;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li {
    width: 100%;
    margin: 0;
    float: none;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li.active-topmenuitem > ul {
    display: block;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li.user-profile > button img {
    margin-right: 8px;
    margin-top: 0;
    width: 24px;
    vertical-align: middle;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li button {
    box-sizing: border-box;
    height: auto;
    line-height: 1;
    width: 100%;
    display: block;
    padding: 8px 12px;
    position: relative;
    text-align: left;
    border-radius: 3px;
    transition: background-color 0.3s;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li button .topbar-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 16px;
    color: #9A9BA5;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li button:hover {
    background-color: #e0e0e0;
    color: #0e0c1c;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li button .topbar-item-name {
    display: inline-block;
    vertical-align: middle;
    color: #9A9BA5;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li button .topbar-badge {
    background-color: #e0284f;
    color: #ffffff;
    text-align: center;
    line-height: 16px;
    min-width: 16px;
    height: 16px;
    font-size: 12px;
    border-radius: 100%;
    display: inline-block;
    position: static;
    margin-left: 8px;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li > ul {
    display: none;
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0;
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    min-width: auto;
    border: 0 none;
    box-shadow: none;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li > ul:before, .layout-wrapper .layout-topbar .topbar-menu > li > ul:after {
    display: none;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li > ul li button img {
    margin-right: 8px;
  }
}
.layout-wrapper .layout-menu-container {
  position: fixed;
  height: 100%;
  z-index: 999;
}
.layout-wrapper .layout-menu-container .layout-menu-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.layout-wrapper .layout-menu-container .layout-menu-logo {
  background-color: #E85D30;
}
.layout-wrapper .layout-menu-container .layout-menu-logo button {
  display: block;
  text-align: left;
  height: 60px;
  padding-left: 12px;
  width: 100%;
}
.layout-wrapper .layout-menu-container .layout-menu-logo button img {
  vertical-align: middle;
  height: 30px;
}
.layout-wrapper .layout-menu-container .layout-profile.layout-profile-active .layout-profile-icon {
  transform: rotate(-180deg);
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-button {
  padding: 20px 12px;
  display: block;
  position: relative;
  width: 100%;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-button:after {
  content: "";
  display: table;
  clear: both;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-button {
  transition: background-color 0.3s;
  border-radius: 0;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-button:focus {
  box-shadow: none;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-button img {
  width: 36px;
  display: inline-block;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-button .layout-profile-userinfo {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-button .layout-profile-userinfo .layout-profile-name {
  display: inline-block;
  font-weight: 700;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-button .layout-profile-userinfo .layout-profile-role {
  display: block;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-button .layout-profile-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  font-size: 16px;
  transition: transform 0.3s;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-menu {
  list-style: none;
  padding: 0 12px 14px;
  margin: 0;
  overflow: hidden;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-menu.layout-profile-menu-enter-from, .layout-wrapper .layout-menu-container .layout-profile .layout-profile-menu.layout-profile-menu-leave-to {
  max-height: 0;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-menu.layout-profile-menu-enter-to, .layout-wrapper .layout-menu-container .layout-profile .layout-profile-menu.layout-profile-menu-leave-from {
  max-height: 500px;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-menu.layout-profile-menu-leave-active {
  overflow: hidden;
  transition: max-height 400ms cubic-bezier(0.86, 0, 0.07, 1);
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-menu.layout-profile-menu-enter-active {
  overflow: hidden;
  transition: max-height 1s ease-in-out;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-menu li button {
  display: block;
  padding: 8px 4px;
  text-align: left;
  width: 100%;
  border-radius: 3px;
  transition: background-color 0.3s;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-menu li button i {
  margin-right: 8px;
  vertical-align: middle;
}
.layout-wrapper .layout-menu-container .layout-profile .layout-profile-menu li button span {
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}
.layout-wrapper .layout-menu-container .layout-menu {
  list-style-type: none;
  padding: 14px 12px 120px 12px;
  margin: 0;
  height: 100%;
}
.layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul {
  overflow: hidden;
}
.layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul.layout-submenu-container-enter-from, .layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul.layout-submenu-container-leave-to {
  max-height: 0;
}
.layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul.layout-submenu-container-enter-to, .layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul.layout-submenu-container-leave-from {
  max-height: 1000px;
}
.layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul.layout-submenu-container-leave-active {
  overflow: hidden;
  transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
}
.layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul.layout-submenu-container-enter-active {
  overflow: hidden;
  transition: max-height 1s ease-in-out;
}
.layout-wrapper .layout-menu-container .layout-menu li a {
  display: block;
  padding: 8px 0;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 3px;
  transition: background-color 0.3s;
}
.layout-wrapper .layout-menu-container .layout-menu li a .layout-menuitem-icon {
  margin-right: 6px;
  vertical-align: middle;
}
.layout-wrapper .layout-menu-container .layout-menu li a .layout-menuitem-text {
  font-weight: 700;
  vertical-align: middle;
}
.layout-wrapper .layout-menu-container .layout-menu li a .layout-submenu-toggler {
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 16px;
  margin-top: -8px;
  transition: transform 0.3s;
}
.layout-wrapper .layout-menu-container .layout-menu li a .menuitem-badge {
  position: absolute;
  display: block;
  right: 24px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  top: 50%;
  font-size: 12px;
  margin-top: -10px;
  font-weight: 700;
  background-color: #FF5722;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
}
.layout-wrapper .layout-menu-container .layout-menu li a.rotated-icon .layout-menuitem-icon {
  transform: rotate(90deg);
}
.layout-wrapper .layout-menu-container .layout-menu li.active-menuitem > a .layout-submenu-toggler {
  transform: rotate(-180deg);
}
.layout-wrapper .layout-menu-container .layout-menu li ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.layout-wrapper .layout-menu-container .layout-menu li ul li a {
  padding-left: 4px;
}
.layout-wrapper .layout-menu-container .layout-menu li ul li li a {
  padding-left: 16px;
}
.layout-wrapper .layout-menu-container .layout-menu li ul li li li a {
  padding-left: 32px;
}
.layout-wrapper .layout-menu-container .layout-menu li ul li li li li a {
  padding-left: 48px;
}
.layout-wrapper .layout-menu-container .layout-menu li ul li li li li li a {
  padding-left: 64px;
}
.layout-wrapper .layout-menu-container .layout-menu li ul li li li li li li a {
  padding-left: 80px;
}
.layout-wrapper .layout-menu-container .layout-menu li ul li ul {
  overflow: hidden;
}
.layout-wrapper .layout-menu-container .layout-menu > li {
  margin-bottom: 16px;
}
.layout-wrapper .layout-menu-container .layout-menu > li > a {
  display: none;
}
.layout-wrapper .layout-menu-container .layout-menu > li > div {
  margin-bottom: 4px;
}
.layout-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip {
  display: none;
  padding: 0 5px;
  position: absolute;
  left: 61px;
  top: 17px;
  line-height: 1;
}
.layout-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text {
  padding: 6px 8px;
  font-weight: 700;
  background-color: #212121;
  color: #ffffff;
  min-width: 75px;
  white-space: nowrap;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16);
}
.layout-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-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: #212121;
}
.layout-wrapper.layout-menu-light .layout-menu-container {
  background-color: #ffffff;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu-wrapper {
  border-right: 1px solid #E0E0E0;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-profile {
  border-bottom: 1px solid #E0E0E0;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-profile .layout-profile-button .layout-profile-name {
  color: #9A9BA5;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-profile .layout-profile-button .layout-profile-role {
  color: #9A9BA5;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-profile .layout-profile-button .layout-profile-icon {
  color: #9A9BA5;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-profile .layout-profile-button:hover {
  background-color: #e0e0e0;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-profile .layout-profile-menu button {
  color: #9A9BA5;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-profile .layout-profile-menu button i {
  color: #9A9BA5;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-profile .layout-profile-menu button:hover {
  background-color: #e0e0e0;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a .layout-menuitem-text {
  color: #9A9BA5;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a .layout-menuitem-icon,
.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a .layout-submenu-toggler {
  color: #9A9BA5;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a:hover {
  background-color: #e0e0e0;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a.active-route .layout-menuitem-text, .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a.active-route .layout-menuitem-icon {
  color: #fff;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a.router-link-active .layout-menuitem-text, .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a.router-link-active .layout-menuitem-icon, .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a.router-link-exact-active .layout-menuitem-text, .layout-wrapper.layout-menu-light .layout-menu-container .layout-menu li a.router-link-exact-active .layout-menuitem-icon {
  color: #fff;
}
.layout-wrapper.layout-menu-light .layout-menu-container .layout-menu > li > div {
  color: #9A9BA5;
}
.layout-wrapper.layout-menu-dark .layout-menu-container {
  background-color: #0e0c1c;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu-wrapper {
  border-right: 1px solid #0e0c1c;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-profile {
  border-bottom: 1px solid #373737;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-profile button .layout-profile-name {
  color: #fff;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-profile button .layout-profile-role {
  color: rgb(216.75, 216.75, 216.75);
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-profile button .layout-profile-icon {
  color: #fff;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-profile button:hover {
  background-color: #E85D30;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-profile .layout-profile-menu button {
  color: #fff;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-profile .layout-profile-menu button i {
  color: #fff;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-profile .layout-profile-menu button:hover {
  background-color: #E85D30;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu li a .layout-menuitem-text {
  color: #fff;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu li a .layout-menuitem-icon,
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu li a .layout-submenu-toggler {
  color: #fff;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu li a:hover {
  background-color: #E85D30;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu li a.active-route .layout-menuitem-text, .layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu li a.active-route .layout-menuitem-icon {
  color: #fff;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu li a.router-link-active .layout-menuitem-text, .layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu li a.router-link-active .layout-menuitem-icon, .layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu li a.router-link-exact-active .layout-menuitem-text, .layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu li a.router-link-exact-active .layout-menuitem-icon {
  color: #fff;
}
.layout-wrapper.layout-menu-dark .layout-menu-container .layout-menu > li > div {
  color: #fff;
}
.layout-wrapper .layout-main {
  padding-top: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}
.layout-wrapper .layout-main .layout-content {
  padding: 16px;
  flex: 1 1 0;
}

@media screen and (min-width: 897px) {
  .layout-wrapper.layout-static .layout-menu-container {
    width: 260px;
    left: 0;
    transition: transform 0.3s;
  }
  .layout-wrapper.layout-static .layout-menu-container.layout-menu-container-enter-from, .layout-wrapper.layout-static .layout-menu-container.layout-menu-container-leave-to {
    transform: translateX(-100%);
  }
  .layout-wrapper.layout-static .layout-topbar {
    left: 260px;
    transition: left 0.3s;
  }
  .layout-wrapper.layout-static .layout-main {
    margin-left: 260px;
    transition: margin-left 0.3s;
  }
  .layout-wrapper.layout-static .layout-footer {
    transition: padding-left 0.3s;
  }
  .layout-wrapper.layout-static.layout-static-inactive .layout-topbar {
    left: 0;
    transition: left 0.3s;
  }
  .layout-wrapper.layout-static.layout-static-inactive .layout-menu-container {
    transform: translateX(-100%);
  }
  .layout-wrapper.layout-static.layout-static-inactive .layout-main {
    margin-left: 0;
  }
  .layout-wrapper.layout-static.layout-static-inactive .layout-footer {
    padding-left: 20px;
    transition: padding-left 0.3s;
  }
  .layout-wrapper.layout-static.layout-static-inactive-restore .layout-menu-container {
    transition: none;
  }
  .layout-wrapper.layout-overlay .layout-topbar {
    left: 0;
    transition: left 0.3s;
  }
  .layout-wrapper.layout-overlay .layout-menu-container {
    width: 260px;
    box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16);
    transition: transform 0.3s;
  }
  .layout-wrapper.layout-overlay .layout-menu-container.layout-menu-container-enter-from, .layout-wrapper.layout-overlay .layout-menu-container.layout-menu-container-leave-to {
    transform: translateX(-100%);
  }
  .layout-wrapper.layout-overlay .layout-menu-container .layout-menu, .layout-wrapper.layout-overlay .layout-menu-container .layout-profile {
    border-right: 0 none;
  }
  .layout-wrapper.layout-overlay.layout-overlay-active .layout-topbar {
    left: 260px;
    transition: left 0.3s;
  }
  .layout-wrapper.layout-slim .layout-topbar {
    left: 60px;
  }
  .layout-wrapper.layout-slim .layout-topbar .layout-menu-button {
    display: none;
  }
  .layout-wrapper.layout-slim .layout-main {
    margin-left: 60px;
  }
  .layout-wrapper.layout-slim .layout-menu-container {
    padding: 0;
    height: 100%;
    width: 60px;
    overflow: visible;
    top: 0;
    position: fixed;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu-wrapper {
    overflow: visible;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu-logo {
    overflow: hidden;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu-logo button img {
    margin-top: 12px;
    height: 36px;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-profile .layout-profile-button {
    text-align: center;
    padding: 12px 0;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-profile .layout-profile-button img {
    width: 32px;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-profile .layout-profile-button .layout-profile-userinfo,
  .layout-wrapper.layout-slim .layout-menu-container .layout-profile .layout-profile-button .layout-profile-icon {
    display: none;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-profile .layout-profile-menu {
    position: absolute;
    overflow: auto;
    top: 0;
    left: 59px;
    min-width: 260px;
    max-height: 450px;
    display: none;
    border-left: 4px solid #F77348;
    padding: 8px 12px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16);
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-profile .layout-profile-menu:before, .layout-wrapper.layout-slim .layout-menu-container .layout-profile .layout-profile-menu:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    left: 210px;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-profile .layout-profile-menu:before {
    border-color: rgba(216, 216, 220, 0);
    border-bottom-color: #e0e0e0;
    border-width: 10px;
    margin-left: -10px;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-profile .layout-profile-menu:after {
    border-color: rgba(244, 244, 249, 0);
    border-bottom-color: #ffffff;
    border-width: 9px;
    margin-left: -9px;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-profile .layout-profile-menu li button {
    padding: 8px 12px;
    transition: background-color 0.3s;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-profile.layout-profile-active .layout-profile-menu {
    display: block;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu {
    padding: 0;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu li.active-menuitem > ul {
    display: block;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li {
    position: relative;
    margin-bottom: 0;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li.active-menuitem > a {
    background-color: #FF5722;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li.active-menuitem > a .layout-menuitem-text,
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li.active-menuitem > a .layout-menuitem-icon,
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li.active-menuitem > a .layout-submenu-toggler {
    color: #ffffff;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > div {
    display: none;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > a {
    display: block;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    padding-top: 19px;
    padding-bottom: 19px;
    border-radius: 0;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > a .layout-menuitem-icon {
    font-size: 20px;
    margin-right: 0;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > a .layout-menuitem-text, .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > a .layout-submenu-toggler {
    display: none;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > a:hover + .layout-menu-tooltip {
    display: block;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > ul {
    position: absolute;
    overflow: auto;
    top: 0;
    left: 59px;
    min-width: 260px;
    max-height: 450px;
    display: none;
    border-left: 4px solid #F77348;
    padding: 8px 12px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16);
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > ul li a {
    padding: 8px 12px;
    display: block;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > ul li ul {
    width: 100%;
    box-shadow: none;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > ul li ul li a {
    padding-left: 28px;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > ul li ul li li a {
    padding-left: 44px;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > ul li ul li li li a {
    padding-left: 60px;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > ul li ul li li li li a {
    padding-left: 76px;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > ul li ul li li li li li a {
    padding-left: 92px;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li > ul li ul li li li li li li a {
    padding-left: 108px;
  }
  .layout-wrapper.layout-slim .layout-menu-container .layout-menu > li.active-menuitem > a:hover + .layout-menu-tooltip {
    display: none;
  }
  .layout-wrapper.layout-slim.layout-menu-light .layout-menu-container .layout-menu > li > ul {
    background-color: #ffffff;
  }
  .layout-wrapper.layout-slim.layout-menu-light .layout-menu-container .layout-profile-menu {
    background-color: #ffffff;
  }
  .layout-wrapper.layout-slim.layout-menu-dark .layout-menu-container .layout-menu > li > ul {
    background-color: #0e0c1c;
  }
  .layout-wrapper.layout-slim.layout-menu-dark .layout-menu-container .layout-profile-menu {
    background-color: #0e0c1c;
  }
  .layout-wrapper.layout-horizontal .layout-topbar {
    left: 0;
  }
  .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-logo {
    display: inline-block;
  }
  .layout-wrapper.layout-horizontal .layout-topbar .layout-menu-button {
    display: none;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container {
    width: 100%;
    height: 46px;
    top: 60px;
    z-index: 99;
    position: fixed;
    padding: 5px 12px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu-wrapper {
    overflow: visible;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu-logo {
    display: none;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile {
    border-bottom: 0 none;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 0;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-button {
    padding: 0;
    margin-top: 2px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-button img {
    width: 32px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-button .layout-profile-userinfo,
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-button .layout-profile-icon {
    display: none;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-button:hover {
    background-color: transparent;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-menu {
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    right: -20px;
    top: 50px;
    min-width: 260px;
    padding: 8px 12px;
    border-radius: 3px;
    animation-duration: 0.3s;
    box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16);
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-menu:before, .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-menu:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    left: 210px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-menu:before {
    border-color: rgba(216, 216, 220, 0);
    border-bottom-color: #e0e0e0;
    border-width: 10px;
    margin-left: -10px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-menu:after {
    border-color: rgba(244, 244, 249, 0);
    border-bottom-color: #ffffff;
    border-width: 9px;
    margin-left: -9px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-menu li button {
    padding: 8px 12px;
    color: #9A9BA5;
    transition: background-color 0.3s;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-menu li button i {
    color: #9A9BA5;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile .layout-profile-menu li button:hover {
    background-color: #e0e0e0;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-profile.layout-profile-active .layout-profile-menu {
    display: block;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu {
    margin: 0;
    padding: 0;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu li.active-menuitem > ul {
    display: block;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li {
    display: inline-block;
    width: auto;
    padding: 0;
    position: relative;
    margin-bottom: 0;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li.active-menuitem > a {
    background-color: #FF5722;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li.active-menuitem > a .layout-menuitem-text,
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li.active-menuitem > a .layout-menuitem-icon,
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li.active-menuitem > a .layout-submenu-toggler {
    color: #ffffff;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > div {
    display: none;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > a {
    display: block;
    padding: 8px 12px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > a i {
    position: static;
    margin-top: 0;
    vertical-align: middle;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > ul {
    display: none;
    top: 33px;
    left: 0;
    min-width: 260px;
    position: absolute;
    margin: 0;
    padding: 8px 12px;
    max-height: 450px;
    overflow: auto;
    border-top: 4px solid #F77348;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16);
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > ul > li a {
    padding: 8px 12px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > ul > li a .layout-menuitem-icon {
    margin-right: 8px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > ul > li li a {
    padding-left: 28px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > ul > li li li a {
    padding-left: 44px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > ul > li li li li a {
    padding-left: 60px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > ul > li li li li li a {
    padding-left: 76px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > ul > li li li li li li a {
    padding-left: 92px;
  }
  .layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li > ul > li li li li li li li a {
    padding-left: 108px;
  }
  .layout-wrapper.layout-horizontal .layout-main {
    padding-top: 106px;
  }
  .layout-wrapper.layout-horizontal.layout-menu-light .layout-menu-container {
    border-bottom: 1px solid #E0E0E0;
  }
  .layout-wrapper.layout-horizontal.layout-menu-light .layout-menu-container .layout-menu-wrapper {
    border-right: 0 none;
  }
  .layout-wrapper.layout-horizontal.layout-menu-light .layout-menu-container .layout-menu > li > ul {
    background-color: #ffffff;
  }
  .layout-wrapper.layout-horizontal.layout-menu-dark .layout-menu-container {
    border-bottom: 1px solid #0e0c1c;
  }
  .layout-wrapper.layout-horizontal.layout-menu-dark .layout-menu-container .layout-profile {
    border-right: 0 none;
  }
  .layout-wrapper.layout-horizontal.layout-menu-dark .layout-menu-container .layout-menu {
    border-right: 0 none;
  }
  .layout-wrapper.layout-horizontal.layout-menu-dark .layout-menu-container .layout-menu > li > ul {
    background-color: #0e0c1c;
  }
}
@media screen and (max-width: 896px) {
  .layout-wrapper .layout-topbar {
    left: 0;
  }
  .layout-wrapper .layout-menu-container {
    top: 0;
    width: 260px;
    transform: translateX(-100%);
    transition: transform 0.3s;
  }
  .layout-wrapper .layout-menu-container.layout-menu-container-enter-from {
    transform: translateX(-100%) !important;
  }
  .layout-wrapper .layout-main {
    margin-left: 0;
    transition: margin-left 0.3s;
  }
  .layout-wrapper.layout-mobile-active .layout-menu-container {
    transform: translateX(0);
  }
  .layout-wrapper.layout-mobile-active .layout-mask {
    display: block;
  }
}
.layout-config {
  width: 16rem;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  padding: 1rem;
  overflow: auto;
  background: #ffffff;
  z-index: 999;
  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 .layout-themes {
  display: flex;
  flex-wrap: wrap;
}
.layout-config .layout-themes > div {
  padding: 0.25rem;
}
.layout-config .layout-themes a {
  width: 2rem;
  height: 2rem;
  border-radius: 3px;
  display: block;
  position: relative;
  align-items: 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: #F77348;
  color: #ffffff;
  text-align: center;
  top: 50%;
  right: 0;
  margin-top: -1.5rem;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  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: rgb(248.0680628272, 133.6910994764, 96.4319371728);
}

.layout-footer {
  padding: 20px 20px 0 20px;
  background-color: #ffffff;
  border-top: 1px solid #e8e8e8;
}
.layout-footer img {
  width: 140.8px;
  height: 24px;
  margin-top: 0;
}
.layout-footer .footer-icons {
  text-align: right;
}
.layout-footer .footer-icons button {
  color: #9A9BA5;
  margin-top: 0;
  font-size: 20px;
  margin-right: 16px;
  display: inline-block;
  transition: color 0.3s;
}
.layout-footer .footer-icons button i {
  font-size: 19px;
}
.layout-footer .footer-icons button i.pi-home {
  font-size: 20px;
}
.layout-footer .footer-icons button:hover {
  color: #F77348;
}
.layout-footer .footer-icons button:focus {
  box-shadow: 0 0 0 0.2em #F2F2F2;
}
.layout-footer .footer-left .footer-left-wrapper {
  display: flex;
}
@media screen and (max-width: 570px) {
  .layout-footer .footer-left .news-container {
    display: none;
  }
}
.layout-footer .footer-left .news-container i {
  font-size: 25px;
  margin-right: 5px;
  color: #acadb5;
}
.layout-footer .footer-left .news-container span {
  font-size: 9px;
  font-weight: 500;
  top: -7px;
  position: relative;
  text-transform: uppercase;
  color: #acadb5;
}

/* Utils */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

.card {
  background: #ffffff;
  padding: 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid #EEEEEE;
  border-radius: 3px;
}
.card.card-w-title {
  padding-bottom: 16px;
}
.card.no-gutter {
  margin-bottom: 0;
}

.nopad {
  padding: 0;
}
.nopad .ui-panel-content {
  padding: 0;
}

.p-sr-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

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

.fadeOutUp {
  animation-name: fadeOutUp;
}

.layout-wrapper .layout-ajax-loader {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.layout-wrapper .layout-ajax-loader .layout-ajax-loader-icon {
  color: #F77348;
  font-size: 32px;
}

::-webkit-input-placeholder {
  color: #9A9BA5;
}

:-moz-placeholder {
  color: #9A9BA5;
}

::-moz-placeholder {
  color: #9A9BA5;
}

:-ms-input-placeholder {
  color: #9A9BA5;
}

.layout-dashboard .overview-box {
  padding: 16px;
  color: #ffffff;
}
.layout-dashboard .overview-box:after {
  content: "";
  display: table;
  clear: both;
}
.layout-dashboard .overview-box {
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.layout-dashboard .overview-box .overview-icon {
  font-size: 2em;
  float: right;
}
.layout-dashboard .overview-box .overview-title {
  margin-bottom: 8px;
  display: inline-block;
  font-size: 18px;
}
.layout-dashboard .overview-box .overview-arrow {
  color: #ffffff;
  margin-left: 8px;
  font-size: 16px;
}
.layout-dashboard .overview-box .overview-numbers {
  margin-bottom: 12px;
  font-size: 18px;
}
.layout-dashboard .overview-box .overview-subinfo {
  font-size: 13px;
  border-left: 4px solid;
  margin-left: -16px;
  padding-left: 12px;
}
.layout-dashboard .overview-box.sales {
  background-color: #42A5F5;
}
.layout-dashboard .overview-box.sales .overview-icon {
  color: #BBDEFB;
}
.layout-dashboard .overview-box.sales .overview-subinfo {
  border-color: #BBDEFB;
  color: #BBDEFB;
}
.layout-dashboard .overview-box.views {
  background-color: #7E57C2;
}
.layout-dashboard .overview-box.views .overview-icon {
  color: #D1C4E9;
}
.layout-dashboard .overview-box.views .overview-subinfo {
  border-color: #D1C4E9;
  color: #D1C4E9;
}
.layout-dashboard .overview-box.users {
  background-color: #FFB300;
}
.layout-dashboard .overview-box.users .overview-icon {
  color: #FFECB3;
}
.layout-dashboard .overview-box.users .overview-subinfo {
  border-color: #FFECB3;
  color: #FFECB3;
}
.layout-dashboard .overview-box.checkin {
  background-color: #66BB6A;
}
.layout-dashboard .overview-box.checkin .overview-icon {
  color: #FFF8E1;
}
.layout-dashboard .overview-box.checkin .overview-subinfo {
  border-color: #FFF8E1;
  color: #FFF8E1;
}
.layout-dashboard .tasks {
  min-height: 300px;
}
.layout-dashboard .tasks ul {
  padding: 0;
  margin: 0;
}
.layout-dashboard .tasks ul li {
  list-style: none;
  padding: 12px;
  border-bottom: 1px solid #ebebef;
  position: relative;
}
.layout-dashboard .tasks ul li:first-child {
  padding-top: 0;
}
.layout-dashboard .tasks ul li:last-child {
  border-bottom: 0 none;
}
.layout-dashboard .tasks ul li .p-checkbox {
  margin-right: 8px;
  vertical-align: middle;
}
.layout-dashboard .tasks ul li > span {
  vertical-align: middle;
}
.layout-dashboard .tasks ul li .task-badge {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.layout-dashboard .tasks ul li .task-badge.red {
  background-color: #E91E63;
}
.layout-dashboard .tasks ul li .task-badge.orange {
  background-color: #FF9800;
}
.layout-dashboard .tasks ul li .task-badge.green {
  background-color: #4CAF50;
}
.layout-dashboard .resolution-center {
  min-height: 300px;
}
.layout-dashboard .resolution-center label {
  display: block;
  margin-bottom: 6px;
}
.layout-dashboard .resolution-center .p-inputtext {
  width: 100%;
  margin-bottom: 16px;
}
.layout-dashboard .resolution-center .p-inputtextarea {
  width: 100%;
  margin-bottom: 16px;
}
.layout-dashboard .resolution-center .resolution-button-bar {
  text-align: right;
  margin-top: 16px;
}
.layout-dashboard .resolution-center .resolution-button-bar .p-button {
  width: auto;
  margin-left: 12px;
  min-width: 100px;
}
.layout-dashboard .team {
  min-height: 300px;
}
.layout-dashboard .team ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.layout-dashboard .team ul li {
  padding: 10px;
  border-bottom: 1px solid #eeeeee;
}
.layout-dashboard .team ul li:after {
  content: "";
  display: table;
  clear: both;
}
.layout-dashboard .team ul li:first-child {
  padding-top: 0;
}
.layout-dashboard .team ul li:last-child {
  border-bottom: 0 none;
}
.layout-dashboard .team ul li:nth-child(1) .team-member-role {
  background-color: #2196F3;
  color: #ffffff;
}
.layout-dashboard .team ul li:nth-child(2) .team-member-role {
  background-color: #4CAF50;
  color: #ffffff;
}
.layout-dashboard .team ul li:nth-child(3) .team-member-role {
  background-color: #FFC107;
  color: #212121;
}
.layout-dashboard .team ul li:nth-child(4) .team-member-role {
  background-color: #9C27B0;
  color: #ffffff;
}
.layout-dashboard .team ul li img {
  width: 35px;
  height: 35px;
  vertical-align: middle;
  display: inline-block;
}
.layout-dashboard .team ul li .team-box {
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}
.layout-dashboard .team ul li .team-box .team-member {
  text-align: left;
  display: block;
  font-weight: 600;
  color: #252529;
  font-size: 14px;
}
.layout-dashboard .team ul li .team-box .team-member-role {
  border-radius: 4px;
  padding: 4px;
  font-size: 11px;
}
.layout-dashboard .team ul li a {
  float: right;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin-left: 6px;
  text-align: center;
  margin-top: 4px;
}
.layout-dashboard .team ul li a i {
  line-height: inherit;
  font-size: 18px;
  color: #525257;
}
.layout-dashboard .team ul li a:focus {
  box-shadow: 0 0 0 0 #ffffff;
}
.layout-dashboard .statistics h1 {
  margin-top: 0;
}
.layout-dashboard .user-card {
  padding: 0;
}
.layout-dashboard .user-card .user-card-header {
  height: 100px;
  overflow: hidden;
  background: #ffe0ee;
}
.layout-dashboard .user-card .user-card-header img {
  width: 100%;
  height: 100%;
}
.layout-dashboard .user-card .user-card-content img {
  width: 60px;
  height: 60px;
  margin: -30px 0 0 24px;
}
.layout-dashboard .user-card .user-card-content .p-button {
  float: right;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin: -20px 24px 0 0;
}
.layout-dashboard .user-card .user-card-content .user-card-name {
  font-size: 20px;
  color: #ffffff;
  position: relative;
  top: -60px;
  margin-left: 100px;
  font-weight: 700;
  white-space: nowrap;
}
.layout-dashboard .user-card .user-card-content .user-detail {
  text-align: left;
}
.layout-dashboard .user-card .user-card-content .user-detail ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li {
  padding: 16px 24px;
  border-bottom: 1px solid #e0e0e0;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:after {
  content: "";
  display: table;
  clear: both;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:last-child {
  border-bottom: 0 none;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li i {
  font-size: 20px;
  margin-right: 8px;
  width: 32px;
  vertical-align: middle;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li .project-title {
  font-weight: 700;
  margin-right: 8px;
  vertical-align: middle;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li .project-detail {
  color: #9A9BA5;
  vertical-align: middle;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li .project-progressbar {
  width: 100px;
  background-color: #e0e0e0;
  float: right;
  margin-top: 12px;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li .project-progressbar .project-progressbar-value {
  height: 4px;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:nth-child(1) .project-progressbar-value {
  background-color: #009688;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:nth-child(1) i {
  color: #009688;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:nth-child(2) .project-progressbar-value {
  background-color: #4CAF50;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:nth-child(2) i {
  color: #4CAF50;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:nth-child(3) .project-progressbar-value {
  background-color: #9C27B0;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:nth-child(3) i {
  color: #9C27B0;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:nth-child(4) .project-progressbar-value {
  background-color: #FFC107;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:nth-child(4) i {
  color: #FFC107;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:nth-child(5) .project-progressbar-value {
  background-color: #00BCD4;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:nth-child(5) i {
  color: #00BCD4;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:nth-child(6) .project-progressbar-value {
  background-color: #607D8B;
}
.layout-dashboard .user-card .user-card-content .user-detail ul li:nth-child(6) i {
  color: #607D8B;
}
.layout-dashboard .timeline ul {
  padding: 0;
  margin: 0;
}
.layout-dashboard .timeline ul li {
  list-style: none;
  padding: 22px 0px;
  position: relative;
}
.layout-dashboard .timeline ul li:nth-child(1) .timeline-icon {
  background-color: #673AB7;
}
.layout-dashboard .timeline ul li:nth-child(2) .timeline-icon {
  background-color: #9C27B0;
}
.layout-dashboard .timeline ul li:nth-child(3) .timeline-icon {
  background-color: #2196F3;
}
.layout-dashboard .timeline ul li:nth-child(4) .timeline-icon {
  background-color: #009688;
}
.layout-dashboard .timeline ul li .activity-link {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 20px;
  top: 0;
  background-color: #e0e0e0;
  display: inline-block;
}
.layout-dashboard .timeline ul li .timeline-icon {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 20px;
  left: 8px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
}
.layout-dashboard .timeline ul li .timeline-icon i {
  font-size: 14px;
  color: #ffffff;
  line-height: inherit;
}
.layout-dashboard .timeline ul li .timeline-content {
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding: 16px;
  margin-left: 48px;
  margin-top: -4px;
  position: relative;
  border-radius: 3px;
}
.layout-dashboard .timeline ul li .timeline-content h3 {
  color: #0e0c1c;
  font-size: 14px;
  margin: 0;
  font-weight: 700;
}
.layout-dashboard .timeline ul li .timeline-content p {
  margin: 8px 0;
  color: #9A9BA5;
}
.layout-dashboard .timeline ul li .timeline-content img {
  margin: 8px 4px;
}
.layout-dashboard .timeline ul li .timeline-content .timeline-footer {
  margin: 0 -16px -16px -16px;
  background-color: #eeeeee;
  border-top: 1px solid #e0e0e0;
  padding: 4px 16px;
}
.layout-dashboard .timeline ul li .timeline-content .timeline-footer i {
  color: #757575;
}
.layout-dashboard .timeline ul li .timeline-content .timeline-footer span {
  color: #757575;
  margin-left: 8px;
}
.layout-dashboard .timeline ul li .timeline-content:before, .layout-dashboard .timeline ul li .timeline-content:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  top: 16px;
}
.layout-dashboard .timeline ul li .timeline-content:before {
  border-color: rgba(216, 216, 220, 0);
  border-right-color: #e0e0e0;
  border-width: 10px;
  margin-top: -10px;
}
.layout-dashboard .timeline ul li .timeline-content:after {
  border-color: rgba(244, 244, 249, 0);
  border-right-color: #ffffff;
  border-width: 9px;
  margin-top: -9px;
}
.layout-dashboard .global-sales .p-datatable th {
  border: 0 none;
  text-align: left;
}
.layout-dashboard .global-sales .p-datatable tr {
  border: 0 none;
}
.layout-dashboard .global-sales .p-datatable tr td {
  border: 0 none;
}
.layout-dashboard .global-sales .p-datatable tr.p-state-highlight, .layout-dashboard .global-sales .p-datatable tr.p-state-hover {
  border: 0 none;
}
.layout-dashboard .global-sales .p-datatable .p-paginator {
  border: 0 none;
}
.layout-dashboard .global-sales .p-datatable button:last-child {
  margin-left: 6px;
}
.layout-dashboard .live-support ul {
  padding: 12px;
  margin: 0;
  list-style-type: none;
}
.layout-dashboard .live-support ul li {
  padding: 12px;
}
.layout-dashboard .live-support ul li .p-col-fixed {
  width: 48px;
}
.layout-dashboard .live-support ul li img {
  width: 36px;
}
.layout-dashboard .live-support ul li .chat-message {
  position: relative;
  padding: 8px;
  color: #ffffff;
  border-radius: 3px;
}
.layout-dashboard .live-support ul li:nth-child(1) .chat-message {
  background-color: #2196F3;
}
.layout-dashboard .live-support ul li:nth-child(1) .chat-message:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  top: 16px;
}
.layout-dashboard .live-support ul li:nth-child(1) .chat-message:before {
  border-right-color: #2196F3;
  border-width: 10px;
  margin-top: -10px;
}
.layout-dashboard .live-support ul li:nth-child(2) .chat-message {
  background-color: #FFC107;
  color: #212121;
}
.layout-dashboard .live-support ul li:nth-child(2) .chat-message:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  top: 16px;
}
.layout-dashboard .live-support ul li:nth-child(2) .chat-message:before {
  border-left-color: #FFC107;
  border-width: 10px;
  margin-top: -10px;
}
.layout-dashboard .live-support ul li:nth-child(3) .chat-message {
  background-color: #673AB7;
}
.layout-dashboard .live-support ul li:nth-child(3) .chat-message:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  top: 16px;
}
.layout-dashboard .live-support ul li:nth-child(3) .chat-message:before {
  border-right-color: #673AB7;
  border-width: 10px;
  margin-top: -10px;
}
.layout-dashboard .live-support .new-message {
  border: 1px solid #ebebef;
  border-right: 0 none;
}
.layout-dashboard .live-support .new-message input {
  border: 0 none;
  font-size: 14px;
  width: 100%;
  padding: 0.5em;
  background-color: transparent;
  outline: 0 none;
  color: #9A9BA5;
  font-family: "PT Root UI";
}
.layout-dashboard .live-support .new-message .p-col-fixed {
  width: 100px;
}
.layout-dashboard .live-support .new-message .p-col-fixed .p-button {
  width: 100px;
  border-radius: 0;
}

.console-location {
  background: #fff;
  padding: 0.5rem 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid #eee;
  border-radius: 3px;
}
.console-empty-clients {
  padding-top: 40px;
  margin: 0 auto;
}
.console-item {
  text-align: center;
  height: 100%;
  padding: 20px 20px;
  border-radius: 14px;
  border-style: solid;
  border-width: 2px;
}
.console-item-title {
  min-height: 40px;
  line-height: 40px;
  font-size: 30px;
}
.console-item-transfer {
  font-size: 1.2rem;
  font-weight: 600;
  text-wrap: wrap;
  padding-right: 6px;
}
.console-item-transfer > span {
  margin-left: 6px;
}
.console-item-products .and-more {
  font-size: 1.1rem;
  font-weight: 430;
}
.console-item-products > *:first-child {
  margin-top: 0.75rem;
}
.console-item-product {
  font-size: 1.45rem;
  font-weight: 500;
  line-height: 25px;
  overflow-wrap: anywhere;
}
.console-item-product .child.l1 {
  margin-bottom: 7px;
}
.console-item-product.dialog {
  font-size: 1.65rem;
}
.console-item-product.dialog .content .sl-base-tag, .console-item-product.dialog .content .sl-entity-state-tag {
  font-size: 1.1rem;
}
.console-item-product.dialog .content .sl-base-tag .count, .console-item-product.dialog .content .sl-entity-state-tag .count {
  font-size: 1.4rem;
}
.console-item-product.root {
  border-radius: 10.5px;
  border-style: solid;
  border-width: 1px;
  padding: 7px;
  margin-bottom: 5px;
}
.console-item-product .children {
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 3px;
}
.console-item-product .content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0.2rem 0;
}
.console-item-product .content .sl-base-tag, .console-item-product .content .sl-entity-state-tag {
  padding: 0 0.5rem;
  font-size: 1rem;
  text-wrap: nowrap;
}
.console-item-product .content .sl-base-tag .count, .console-item-product .content .sl-entity-state-tag .count {
  font-size: 1.3rem;
}
.console-item-product .content-name {
  flex-shrink: 2;
  text-align: left;
}
.console-item-product .content-count {
  flex-grow: 5;
  flex-basis: 75px;
  text-align: right;
  font-size: 1.3rem;
  font-weight: 400;
}
.console-item-product .content-count.dialog {
  font-size: 1.5rem;
}
.console .dialog-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
}
.console .dialog-header {
  padding-left: 20px;
  font-size: 30px;
}
.console .dialog-body {
  padding: 0 20px;
}
.console .dialog-product {
  font-size: 25px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  overflow-wrap: anywhere;
  width: 80%;
}
.console .dialog-product-name {
  flex-shrink: 2;
  text-align: left;
}
.console .dialog-product-count {
  flex-grow: 5;
  flex-basis: 100px;
  text-align: right;
}
.console .dialog-buttons {
  display: flex;
  flex-direction: column;
}
.console .dialog-buttons .button {
  padding: 15px 20px;
  margin: 10px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 10.5px;
}
.console .dialog-buttons .button-close {
  background-color: transparent;
  color: #f77348;
  border: 1px solid;
}

.sl-attachments {
  display: flex;
  flex-wrap: wrap;
}
.sl-attachments .sl-attachment-block {
  aspect-ratio: 16/9;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-content: center;
}
.sl-attachments .sl-attachment-block .sl-attachment {
  width: 100%;
  border: 1px solid #d3d3d8;
  border-radius: 10px;
  overflow: hidden;
  background: #fbfbfb;
}
.sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-image, .sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file {
  position: relative;
  height: 100%;
}
.sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-image > *, .sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file > * {
  width: 100%; /* Ширина картинки равна ширине родителя */
  height: auto; /* Высота автоматически рассчитывается исходя из пропорций */
  display: block; /* Избавляемся от пустого пространства снизу картинки */
  position: absolute; /* Позволяет разместить картинку точно в центре */
  top: 50%; /* По вертикали */
  left: 50%; /* По горизонтали */
  transform: translate(-50%, -50%);
}
.sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-image .icons-background, .sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file .icons-background {
  background: gray;
  width: 100%;
  height: 100%;
  opacity: 0; /* Изначально скрываем иконки */
  transition: opacity 0.3s ease-in-out; /* Плавная анимация прозрачности */
}
.sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-image:hover .icons-background, .sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file:hover .icons-background {
  opacity: 0.9;
}
.sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-image .icons, .sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file .icons {
  display: flex; /* Используем Flexbox для расположения иконок рядом друг с другом */
  justify-content: center; /* Выравниваем иконки по центру контейнера */
  align-items: center; /* Горизонтальное выравнивание */
  gap: 10px; /* Расстояние между иконками */
  position: absolute; /* Абсолютное позиционирование */
  top: 50%; /* Позиционируем иконки ровно посередине высоты родителя */
  left: 50%;
  transform: translate(-50%, -50%); /* Центрирование относительно центра картинки */
  opacity: 0; /* Изначально скрываем иконки */
  transition: opacity 0.3s ease-in-out; /* Плавная анимация прозрачности */
}
.sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-image .icons a, .sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-image .icons i, .sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file .icons a, .sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file .icons i {
  color: white;
}
.sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-image .icons a:hover, .sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-image .icons i:hover, .sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file .icons a:hover, .sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file .icons i:hover {
  color: #F77348;
  transition: color 0.3s ease-in-out; /* Плавная анимация прозрачности */
}
.sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-image:hover .icons, .sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file:hover .icons {
  opacity: 1;
}
.sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file .sl-attachment-body {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  padding: 0.5rem;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  height: 100%;
}
.sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file .sl-attachment-body .sl-file-name {
  padding-left: 5px;
  width: 100%;
}
.sl-attachments .sl-attachment-block .sl-attachment .sl-attachment-file .sl-attachment-body .sl-file-name a {
  display: block; /* для элементов inline-block тоже подойдет */
  white-space: nowrap; /* запрет переноса строки */
  overflow: hidden; /* скрываем выходящий контент */
  text-overflow: ellipsis; /* добавляем троеточие */
}

.sl-dialog-image {
  width: 100%;
  height: 100%;
  border: 1px solid #d3d3d8;
  border-radius: 10px;
  overflow: hidden;
  background: #fbfbfb;
}
.sl-dialog-image img {
  width: 100%;
  height: 100%;
}

.sl-file-upload .sl-file-upload-handler {
  border: 1px solid #D3D3D8;
  padding: 10px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-content: center;
}
.sl-file-upload .sl-file-upload-handler .sl-file-upload-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sl-file-upload .sl-file-upload-handler .sl-file-upload-img {
  text-align: center;
}
.sl-file-upload .sl-file-upload-handler .sl-file-upload-img i {
  color: #D3D3D8;
  font-size: 60px;
}
.sl-file-upload .sl-file-upload-handler .sl-file-upload-desc {
  margin-top: 7px;
  text-align: center;
}
.sl-file-upload input {
  display: none;
}

.exception-body {
  padding: 0;
  margin: 0;
  min-height: 100vh;
}
.exception-body .exception-panel {
  display: none;
}
.exception-body .exception-panel {
  display: none;
}
.exception-body .exception-content {
  position: fixed;
  padding: 80px 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  text-align: center;
}
.exception-body .exception-content img {
  display: inline-block;
  margin-bottom: 160px;
  width: 200px;
}
.exception-body .exception-content h1 {
  font-size: 28px;
  font-weight: 500;
  margin: 14px 0;
  color: #0e0c1c;
}
.exception-body .exception-content h1 .exception-name {
  color: #9A9BA5;
}
.exception-body .exception-content p {
  font-size: 17px;
  color: #9A9BA5;
  margin: 0 0 32px 0;
}
.exception-body a {
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .exception-body .exception-panel {
    padding: 80px;
    display: block;
    position: fixed;
    background-color: #E5E5E5;
    height: 200%;
    width: 100%;
    left: -50%;
    top: -50%;
  }
  .exception-body .exception-panel2 {
    display: block;
    position: fixed;
    height: 200%;
    width: 100%;
    left: 50%;
    top: -50%;
    background-color: #F77348;
    opacity: 0.93;
  }
  .exception-body .exception-content {
    text-align: left;
    position: fixed;
    padding: 80px 0 0 80px;
  }
}
.login-body {
  padding: 0;
  margin: 0;
  min-height: 100vh;
}
.login-body .login-panel {
  display: none;
}
.login-body .login-panel2 {
  display: none;
}
.login-body .login-content {
  position: fixed;
  padding: 80px 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: inherit;
}
@media screen and (max-width: 896px) {
  .login-body .login-content {
    padding: 0 35px;
  }
}
@media screen and (max-width: 896px) {
  .login-body .login-content .logo-wrapper {
    width: 335px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
  }
}
.login-body .login-content .logo-wrapper .logo-wrapper-grid {
  display: flex;
  justify-content: space-between;
  padding-right: 80px;
}
@media screen and (max-width: 896px) {
  .login-body .login-content .logo-wrapper .logo-wrapper-grid {
    padding-right: 0;
  }
}
.login-body .login-content .login-img {
  display: inline-block;
  margin-bottom: 15vh;
  width: 200px;
  position: relative;
  left: -19px;
}
@media (max-height: 750px) {
  .login-body .login-content .login-img {
    margin-bottom: 8vh;
  }
}
@media screen and (max-width: 896px) {
  .login-body .login-content .login-img {
    margin-bottom: 0;
    float: left;
  }
}
.login-body .login-content h1 {
  font-weight: 500;
  font-size: 48px;
  line-height: 55px;
  padding-bottom: 20px;
  margin: 0;
  color: #0e0c1c;
}
@media screen and (max-width: 896px) {
  .login-body .login-content h1 {
    font-size: 30px;
    text-align: left;
    width: 301px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
.login-body .login-content .login-captcha img {
  display: block;
  padding-top: 15px;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  cursor: pointer;
}
.login-body .login-content .login-subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #9A9BA5;
}
@media screen and (max-width: 896px) {
  .login-body .login-content .login-subtitle {
    width: 301px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: left;
  }
}
.login-body .login-content .login-input-wrapper {
  position: relative;
  width: 300px;
  margin-bottom: 18px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.login-body .login-content .login-input-wrapper.login-input {
  margin-top: 63px;
}
@media screen and (max-width: 896px) {
  .login-body .login-content .login-input-wrapper.login-input {
    margin-top: 53px;
  }
}
.login-body .login-content .login-input-wrapper input {
  width: 100%;
  padding: 17px 20px;
}
@media screen and (max-width: 896px) {
  .login-body .login-content .login-input-wrapper input {
    padding: 15px 20px;
  }
}
.login-body .login-content .login-input-wrapper i {
  color: #9A9BA5;
  font-size: 16px;
}
.login-body .login-content .button-wrapper {
  display: flex;
  width: 300px;
  margin: 0 auto;
}
.login-body .login-content .button-wrapper button {
  width: 100%;
  padding: 17px 0;
  margin-top: 22px;
}
@media screen and (max-width: 896px) {
  .login-body .login-content .button-wrapper button {
    padding: 11px 0;
  }
}
.login-body .login-version {
  color: #9A9BA5;
  position: fixed;
  bottom: 10px;
  left: 79px;
  opacity: 0.5;
  font-size: 12px;
  z-index: 100;
}
@media screen and (max-height: 640px) {
  .login-body .login-version {
    display: none;
  }
}
.login-body .login-developer {
  position: fixed;
  bottom: 10px;
  right: 100px;
  padding: 80px 0 0 80px;
  font-size: 12px;
  z-index: 100;
}
@media screen and (max-width: 850px) {
  .login-body .login-developer {
    display: none;
  }
}
.login-body .login-developer span {
  position: relative;
  top: -6px;
  right: 5px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
}
.login-body .login-panel-actions {
  display: flex;
  position: absolute;
}
.login-body .login-panel-actions .sl-spacer {
  margin: 0 19px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  display: block;
  height: 60px;
}
@media screen and (min-width: 600px) {
  .login-body .login-panel-actions .sl-spacer {
    margin: 0 13px;
  }
}
.login-body .login-panel-actions .sl-login-button {
  background: #fff;
  color: #F77348;
  border: 1px solid #fff;
}
.login-body .login-panel-actions .sl-login-button.sl-dev {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.login-body .login-panel-actions .sl-login-button.p-button.p-button-label-only .p-button-label {
  padding: 0 !important;
}
.login-body .p-sidebar {
  width: 100% !important;
}
@media screen and (min-width: 1200px) {
  .login-body .p-sidebar {
    width: 80% !important;
  }
}
@media screen and (min-width: 1330px) {
  .login-body .p-sidebar {
    width: 70% !important;
  }
}
@media screen and (min-width: 1700px) {
  .login-body .p-sidebar {
    width: 50% !important;
  }
}
.login-body .p-sidebar .sidebar-content {
  padding: 84px 97px;
  max-width: 1000px;
}
.login-body .p-sidebar .sidebar-content .sidebar-header {
  display: flex;
}
.login-body .p-sidebar .sidebar-content .sidebar-header h1 {
  font-size: 48px;
  padding: 0;
  margin: 0;
  flex: 1;
  color: #0E0C1C;
}
.login-body .p-sidebar .sidebar-content .sidebar-header a {
  height: 60px;
  width: 60px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  color: #F77348;
  border: 1px solid #F77348;
  cursor: pointer;
}
.login-body .p-sidebar .sidebar-content .sidebar-subtitle {
  font-size: 16px;
  color: #82838C;
  padding-top: 10px;
}
.login-body .p-sidebar .sidebar-content .sidebar-subtitle a {
  color: #F77348;
}
.login-body .p-sidebar .sidebar-content .sidebar-address .sidebar-address-header {
  font-size: 16px;
  padding-top: 42px;
}
.login-body .p-sidebar .sidebar-content .sidebar-address .sidebar-address-header i {
  color: #F77348;
  margin-right: 5px;
}
.login-body .p-sidebar .sidebar-content .sidebar-address .sidebar-address-header span {
  color: #040614;
  font-weight: 500;
}
.login-body .p-sidebar .sidebar-content .sidebar-address .sidebar-address-map {
  height: 300px;
  background-image: url("../images/login/map.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 19px;
}
.login-body .p-sidebar .sidebar-content .sidebar-contacts {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.login-body .p-sidebar .sidebar-content .sidebar-contacts .sidebar-contact-wrapper:first-child {
  margin-right: 15px;
  margin-bottom: 26px;
}
.login-body .p-sidebar .sidebar-content .sidebar-contacts .sidebar-contact-wrapper .header {
  font-size: 18px;
  color: #0E0C1C;
  font-weight: 500;
  padding-bottom: 26px;
}
.login-body .p-sidebar .sidebar-content .sidebar-contacts .sidebar-contact-wrapper .body {
  font-size: 16px;
  color: #040614;
  display: flex;
}
.login-body .p-sidebar .sidebar-content .sidebar-contacts .sidebar-contact-wrapper .body .qr.support {
  height: 140px;
  width: 140px;
  background-image: url("../images/login/qr-support.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.login-body .p-sidebar .sidebar-content .sidebar-contacts .sidebar-contact-wrapper .body .qr.commerce {
  height: 140px;
  width: 140px;
  background-image: url("../images/login/qr-commerce.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.login-body .p-sidebar .sidebar-content .sidebar-contacts .sidebar-contact-wrapper .body ul {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 20px;
}
.login-body .p-sidebar .sidebar-content .sidebar-contacts .sidebar-contact-wrapper .body ul li {
  padding-bottom: 7px;
  font-weight: 500;
}
.login-body .p-sidebar .sidebar-content .sidebar-contacts .sidebar-contact-wrapper .body ul li a {
  color: #040614;
  position: relative;
  top: -7px;
  left: 10px;
}
.login-body .p-sidebar .sidebar-content .sidebar-detail {
  font-size: 16px;
  color: #82838C;
  padding-top: 17px;
}
.login-body .p-sidebar .sidebar-content .sidebar-detail .asterisk {
  color: #F77348;
}
.login-body .p-sidebar .sidebar-content .sidebar-mail {
  font-weight: 600;
  font-size: 18px;
  padding-top: 65px;
}
.login-body .p-sidebar .sidebar-content .sidebar-mail a {
  color: #F77348;
}

@media screen and (min-width: 850px) {
  .login-body .login-panel {
    padding: 80px;
    display: block;
    position: absolute;
    background-color: #E5E5E5;
    height: 100%;
    width: 50%;
    left: -50%;
    top: -50%;
  }
  .login-body .login-panel2 {
    display: block;
    position: absolute;
    background-color: #F77348;
    height: 100%;
    width: 50%;
    left: 50%;
    top: 0;
    overflow: hidden;
  }
  .login-body .login-content {
    text-align: left;
    position: absolute;
    padding: 80px 0 0 80px;
    width: 50%;
    background-color: #e5e5e5;
  }
  .login-body .login-content .login-input-wrapper {
    width: 300px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }
  .login-body .login-content .button-wrapper {
    margin: 0;
  }
}
@media screen and (min-width: 600px) {
  .login-panel2 {
    padding: 80px;
    padding-left: 40px;
  }
  .sl-login-button {
    padding: 20px 8px;
  }
  .sl-login-button.sl-dev {
    padding: 17px 10px;
  }
}
@media screen and (min-width: 1230px) {
  .login-panel2 {
    padding: 80px;
  }
  .sl-login-button {
    padding: 20px 30px;
  }
  .sl-login-button.sl-dev {
    padding: 17px 30px;
  }
}
@media screen and (min-width: 1400px) {
  .login-panel2 {
    padding: 80px;
  }
  .sl-login-button {
    padding: 20px 50px;
  }
  .sl-login-button.sl-dev {
    padding: 17px 50px;
  }
}
@media screen and (min-width: 1700px) {
  .login-panel2 {
    padding: 80px;
  }
  .sl-login-button {
    padding: 20px 79px;
  }
  .sl-login-button.sl-dev {
    padding: 17px 79px;
  }
}
.sl-language-selector {
  position: relative;
  top: 8px;
  border-radius: 1px !important;
}
.sl-language-selector .p-dropdown-label {
  color: #050614;
  font-weight: 500 !important;
  font-size: 26px;
  line-height: 34px;
  padding-right: 42px !important;
  border-radius: 1px !important;
}
.sl-language-selector .p-dropdown-trigger {
  width: 40px !important;
  border-radius: 1px !important;
}
.sl-language-selector .p-dropdown-trigger .p-dropdown-trigger-icon {
  color: #F77348;
  font-size: 26px;
  font-weight: 500 !important;
}
.sl-language-selector .p-dropdown-panel {
  border-radius: 1px !important;
}
.sl-language-selector .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items {
  color: #050614;
  font-weight: 500 !important;
  font-size: 26px;
  line-height: 34px;
}
.sl-language-selector .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item {
  border-radius: 1px !important;
}

.email-icon-wrapper {
  display: flex;
}
.email-icon-wrapper .email-icon {
  background: #CDCDD1;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  display: flex;
}
.email-icon-wrapper .email-icon .far {
  color: #fff;
  position: relative;
  left: 5.3px;
  top: 4.6px;
  font-size: 16px;
}
.email-icon-wrapper a {
  padding-top: 10px;
}

.sl-keyboard-wrapper {
  width: 100%;
  position: fixed;
  bottom: 15px;
  overflow-x: auto;
  z-index: 101;
}
.sl-keyboard-hide {
  display: none;
}
.sl-keyboard-container {
  width: 100%;
  height: 295px;
  position: absolute;
  bottom: -295px;
  background: linear-gradient(to right, #E5E5E5 50%, #F77348 0%);
}
@media screen and (max-width: 850px) {
  .sl-keyboard-container {
    background: #F5F5F5;
    height: 245px;
    bottom: -245px;
  }
}
.sl-keyboard {
  width: 900px;
  margin: 0 auto;
}
.sl-keyboard .buttons {
  font-size: 22px;
  font-weight: 300;
}
.sl-keyboard .small-button {
  flex-grow: 0.2 !important;
}
.sl-keyboard .small-button.trash {
  background-image: url("../images/keyboard/trash.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px 21px;
}
.sl-keyboard .small-button.close {
  background-image: url("../images/keyboard/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27px 27px;
}
.sl-keyboard .hg-theme-default .hg-button {
  height: 50px;
}
.sl-keyboard .hg-theme-default .hg-button.hg-standardBtn {
  width: 30px;
}

@media screen and (max-width: 992px) {
  .sl-keyboard {
    width: 600px;
  }
  .sl-keyboard .buttons {
    font-size: 20px;
  }
  .sl-keyboard .small-button.trash {
    background-size: 18px 18px;
  }
  .sl-keyboard .small-button.close {
    background-size: 24px 24px;
  }
  .sl-keyboard .hg-theme-default .hg-button {
    height: 40px;
  }
  .sl-keyboard .hg-theme-default .hg-button.hg-standardBtn {
    width: 30px;
  }
}
.landing-body {
  background-color: #ffffff;
}
.landing-body .layout-mask {
  display: block;
}
.landing-body .landing-wrapper {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.landing-body .landing-wrapper #landing-menu {
  list-style-type: none;
  float: right;
  padding: 0;
  margin: 14px 0 0 0;
}
.landing-body .landing-wrapper #landing-menu li {
  display: inline-block;
  margin-left: 14px;
}
.landing-body .landing-wrapper #landing-menu li:first-child {
  margin-left: 0;
}
.landing-body .landing-wrapper #landing-menu li a {
  font-size: 14px;
  font-weight: 600;
  color: #525257;
  padding: 4px 8px;
  border-radius: 3px;
  transition: background-color 0.3s;
}
.landing-body .landing-wrapper #landing-menu li a:hover {
  background-color: #252529;
  color: #ffffff;
}
.landing-body .landing-wrapper #header {
  border-bottom: 1px solid #d8d8dc;
}
.landing-body .landing-wrapper #header .header-top {
  padding: 20px 140px 0 140px;
}
.landing-body .landing-wrapper #header .header-top:after {
  content: "";
  display: table;
  clear: both;
}
.landing-body .landing-wrapper #header .header-top .logo {
  height: 40px;
}
.landing-body .landing-wrapper #header .header-top #landing-menu-button {
  display: none;
  color: #000000;
  float: right;
  margin-top: 8px;
  text-align: center;
}
.landing-body .landing-wrapper #header .header-top #landing-menu-button img {
  width: 6px;
  margin-right: 10px;
}
.landing-body .landing-wrapper #header .header-content {
  padding: 120px 0 120px 140px;
}
.landing-body .landing-wrapper #header .header-content h1 {
  font-size: 42px;
  font-weight: 700;
  color: #252529;
  margin-top: 48px;
  margin-bottom: 24px;
  max-width: 400px;
}
.landing-body .landing-wrapper #header .header-content p {
  font-size: 17px;
  margin-bottom: 24px;
  color: #8b8b90;
}
.landing-body .landing-wrapper #features {
  padding: 42px 140px;
  background-color: #ffffff;
  text-align: center;
}
.landing-body .landing-wrapper #features h1 {
  font-size: 28px;
  color: #252529;
  margin: 0 0 6px 0;
}
.landing-body .landing-wrapper #features p {
  font-size: 21px;
  color: #8b8b90;
  margin: 0;
}
.landing-body .landing-wrapper #features .p-grid {
  margin-top: 42px;
}
.landing-body .landing-wrapper #features .p-grid .p-col-12 {
  padding: 1em;
}
.landing-body .landing-wrapper #features .p-grid .feature-box {
  padding: 24px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}
.landing-body .landing-wrapper #features .p-grid .feature-box h3 {
  font-size: 21px;
  font-weight: 700;
  color: #252529;
  margin: 8px 0;
}
.landing-body .landing-wrapper #features .p-grid .feature-box p {
  margin: 0;
  font-size: 15px;
  color: #8b8b90;
}
.landing-body .landing-wrapper #promo {
  padding: 42px 140px;
  border-top: 5px solid #F77348;
  background-color: #f2f2f2;
  position: relative;
}
.landing-body .landing-wrapper #promo h1 {
  font-size: 28px;
  color: #252529;
  margin: 0 0 16px 0;
}
.landing-body .landing-wrapper #promo p {
  font-size: 17px;
  color: #525257;
  margin: 0 0 16px 0;
}
.landing-body .landing-wrapper #promo img {
  position: absolute;
  right: 140px;
  top: 50%;
  height: 100px;
  margin-top: -50px;
}
.landing-body .landing-wrapper #pricing {
  padding: 42px 140px;
  background-color: #ffffff;
  text-align: center;
}
.landing-body .landing-wrapper #pricing > h1 {
  font-size: 28px;
  color: #252529;
  margin: 0 0 6px 0;
}
.landing-body .landing-wrapper #pricing > p {
  font-size: 21px;
  color: #8b8b90;
  margin: 0;
}
.landing-body .landing-wrapper #pricing .p-grid {
  margin-top: 42px;
}
.landing-body .landing-wrapper #pricing .p-grid .p-col-12 {
  padding: 28px;
}
.landing-body .landing-wrapper #pricing .pricing-box {
  min-height: 450px;
  padding: 16px 48px;
  background-color: #f2f2f2;
  color: #525257;
  border: 2px solid transparent;
  transition: border-color 0.3s;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}
.landing-body .landing-wrapper #pricing .pricing-box h3 {
  margin: 0 0 42px 0;
}
.landing-body .landing-wrapper #pricing .pricing-box .pricing-intro {
  color: #8b8b90;
}
.landing-body .landing-wrapper #pricing .pricing-box p {
  font-size: 14px;
  margin: 14px 0;
}
.landing-body .landing-wrapper #pricing .pricing-box ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.landing-body .landing-wrapper #pricing .pricing-box ul li {
  padding: 12px;
}
.landing-body .landing-wrapper #pricing .pricing-box ul li i {
  color: #1fc4ac;
}
.landing-body .landing-wrapper #pricing .pricing-box:hover {
  border-color: #F77348;
}
.landing-body .landing-wrapper #multimedia {
  padding: 42px 140px;
  text-align: center;
  background-color: #f2f2f2;
}
.landing-body .landing-wrapper #multimedia > h1 {
  font-size: 28px;
  color: #252529;
  margin: 0 0 6px 0;
}
.landing-body .landing-wrapper #multimedia > p {
  font-size: 21px;
  color: #8b8b90;
  margin: 0;
}
.landing-body .landing-wrapper #multimedia .video-container {
  margin-top: 42px;
}
.landing-body .landing-wrapper #multimedia .video-container iframe {
  width: 560px;
  height: 315px;
}
.landing-body .landing-wrapper #footer {
  background-color: #252529;
  padding: 42px 140px;
  text-align: left;
}
.landing-body .landing-wrapper #footer .footer-logo {
  height: 32px;
}
.landing-body .landing-wrapper #footer .footer-menu span {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #8b8b90;
  display: block;
}
.landing-body .landing-wrapper #footer .footer-menu a {
  margin: 8px 0;
  display: block;
  color: #f4f4f9;
  transition: color 0.3s;
}
.landing-body .landing-wrapper #footer .footer-menu a:hover {
  color: #ffffff;
}
.landing-body .landing-wrapper #footer .footer-menu .icon-link {
  display: inline-block;
  margin-top: 30px;
}
.landing-body .landing-wrapper #footer .footer-menu .icon-link .icon {
  color: #ffffff;
  font-size: 22px;
  margin-right: 18px;
}

@media screen and (min-width: 992px) {
  .landing-body .landing-wrapper #header .header-content {
    background: url("../images/landing/asset-mackup-big.png") no-repeat;
    background-position: right 50%;
    background-size: 35%;
  }
}
@media screen and (max-width: 991px) {
  .landing-body.landing-menu-active .landing-wrapper #landing-menu {
    right: 0;
  }
  .landing-body .landing-wrapper #landing-menu {
    width: 250px;
    height: 100%;
    right: -250px;
    background-color: #252529;
    position: fixed;
    top: 0;
    margin: 0;
    z-index: 999;
    transition: right 0.3s;
  }
  .landing-body .landing-wrapper #landing-menu > li {
    display: block;
    margin: 0;
  }
  .landing-body .landing-wrapper #landing-menu > li a {
    font-size: 18px;
    display: block;
    color: #8b8b90;
    padding: 12px 24px;
  }
  .landing-body .landing-wrapper #header .header-top {
    padding-left: 20px;
    padding-right: 20px;
  }
  .landing-body .landing-wrapper #header .header-top #landing-menu-button {
    display: inline-block;
  }
  .landing-body .landing-wrapper #header .header-content {
    padding-left: 20px;
    background: url("../images/landing/asset-mackup.png") no-repeat;
    background-position: right 50%;
  }
  .landing-body .landing-wrapper #features {
    padding-left: 20px;
    padding-right: 20px;
  }
  .landing-body .landing-wrapper #promo {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }
  .landing-body .landing-wrapper #promo img {
    position: static;
    margin: 16px auto 0 auto;
    display: block;
  }
  .landing-body .landing-wrapper #pricing {
    padding-left: 20px;
    padding-right: 20px;
  }
  .landing-body .landing-wrapper #multimedia {
    padding-left: 20px;
    padding-right: 20px;
  }
  .landing-body .landing-wrapper #multimedia .video-container iframe {
    width: auto;
    height: auto;
  }
  .landing-body .landing-wrapper #footer {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }
  .landing-body .landing-wrapper #footer .footer-menu span {
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .landing-body .landing-wrapper #header .header-content h1 {
    font-size: 18px;
  }
  .landing-body .landing-wrapper #header .header-content p {
    font-size: 14px;
    max-width: 250px;
  }
}
.widget-overview-box {
  padding: 16px;
  color: #ffffff;
}
.widget-overview-box:after {
  content: "";
  display: table;
  clear: both;
}
.widget-overview-box {
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.widget-overview-box .overview-icon {
  font-size: 28px;
  float: right;
}
.widget-overview-box .overview-title {
  margin-bottom: 8px;
  display: inline-block;
  font-size: 18px;
}
.widget-overview-box .overview-arrow {
  color: #ffffff;
  margin-left: 8px;
  font-size: 16px;
}
.widget-overview-box .overview-numbers {
  margin-bottom: 12px;
  font-size: 18px;
}
.widget-overview-box .overview-subinfo {
  font-size: 13px;
  border-left: 4px solid;
  margin-left: -16px;
  padding-left: 12px;
}
.widget-overview-box.sales {
  background-color: #42A5F5;
}
.widget-overview-box.sales .overview-icon {
  color: #BBDEFB;
}
.widget-overview-box.sales .overview-subinfo {
  border-color: #BBDEFB;
  color: #BBDEFB;
}
.widget-overview-box.views {
  background-color: #7E57C2;
}
.widget-overview-box.views .overview-icon {
  color: #D1C4E9;
}
.widget-overview-box.views .overview-subinfo {
  border-color: #D1C4E9;
  color: #D1C4E9;
}
.widget-overview-box.users {
  background-color: #FFB300;
}
.widget-overview-box.users .overview-icon {
  color: #FFECB3;
}
.widget-overview-box.users .overview-subinfo {
  border-color: #FFECB3;
  color: #FFECB3;
}
.widget-overview-box.checkin {
  background-color: #66BB6A;
}
.widget-overview-box.checkin .overview-icon {
  color: #FFF8E1;
}
.widget-overview-box.checkin .overview-subinfo {
  border-color: #FFF8E1;
  color: #FFF8E1;
}

.widget-timeline ul {
  padding: 0;
  margin: 0;
}
.widget-timeline ul li {
  list-style: none;
  padding: 22px 0px;
  position: relative;
}
.widget-timeline ul li:nth-child(1) .timeline-icon {
  background-color: #673AB7;
}
.widget-timeline ul li:nth-child(2) .timeline-icon {
  background-color: #9C27B0;
}
.widget-timeline ul li:nth-child(3) .timeline-icon {
  background-color: #2196F3;
}
.widget-timeline ul li:nth-child(4) .timeline-icon {
  background-color: #009688;
}
.widget-timeline ul li .activity-link {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 20px;
  top: 0;
  background-color: #e0e0e0;
  display: inline-block;
}
.widget-timeline ul li .timeline-icon {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 20px;
  left: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
}
.widget-timeline ul li .timeline-icon i {
  font-size: 14px;
  color: #ffffff;
  line-height: inherit;
}
.widget-timeline ul li .timeline-content {
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding: 16px;
  margin-left: 48px;
  margin-top: -4px;
  position: relative;
  border-radius: 3px;
}
.widget-timeline ul li .timeline-content h3 {
  color: #0e0c1c;
  font-size: 14px;
  margin: 0;
  font-weight: 700;
}
.widget-timeline ul li .timeline-content p {
  margin: 8px 0;
  color: #9A9BA5;
}
.widget-timeline ul li .timeline-content img {
  margin: 8px 4px;
}
.widget-timeline ul li .timeline-content .timeline-footer {
  margin: 0 -16px -16px -16px;
  background-color: #eeeeee;
  border-top: 1px solid #e0e0e0;
  padding: 4px 16px;
}
.widget-timeline ul li .timeline-content .timeline-footer i {
  color: #757575;
}
.widget-timeline ul li .timeline-content .timeline-footer span {
  color: #757575;
  margin-left: 8px;
}
.widget-timeline ul li .timeline-content:before, .widget-timeline ul li .timeline-content:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  top: 16px;
}
.widget-timeline ul li .timeline-content:before {
  border-color: rgba(216, 216, 220, 0);
  border-right-color: #e0e0e0;
  border-width: 10px;
  margin-top: -10px;
}
.widget-timeline ul li .timeline-content:after {
  border-color: rgba(244, 244, 249, 0);
  border-right-color: #ffffff;
  border-width: 9px;
  margin-top: -9px;
}

.widget-tasks {
  min-height: 300px;
}
.widget-tasks ul {
  padding: 0;
  margin: 0;
}
.widget-tasks ul li {
  list-style: none;
  padding: 12px;
  border-bottom: 1px solid #ebebef;
  position: relative;
}
.widget-tasks ul li:first-child {
  padding-top: 0;
}
.widget-tasks ul li:last-child {
  border-bottom: 0 none;
}
.widget-tasks ul li .p-checkbox {
  margin-right: 8px;
  vertical-align: middle;
}
.widget-tasks ul li > span {
  vertical-align: middle;
}
.widget-tasks ul li .task-badge {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.widget-tasks ul li .task-badge.red {
  background-color: #E91E63;
}
.widget-tasks ul li .task-badge.orange {
  background-color: #FF9800;
}
.widget-tasks ul li .task-badge.green {
  background-color: #4CAF50;
}

.widget-team {
  min-height: 300px;
}
.widget-team ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.widget-team ul li {
  padding: 10px;
  border-bottom: 1px solid #eeeeee;
}
.widget-team ul li:after {
  content: "";
  display: table;
  clear: both;
}
.widget-team ul li:first-child {
  padding-top: 0;
}
.widget-team ul li:last-child {
  border-bottom: 0 none;
}
.widget-team ul li:nth-child(1) .team-member-role {
  background-color: #2196F3;
  color: #ffffff;
}
.widget-team ul li:nth-child(2) .team-member-role {
  background-color: #4CAF50;
  color: #ffffff;
}
.widget-team ul li:nth-child(3) .team-member-role {
  background-color: #FFC107;
  color: #212121;
}
.widget-team ul li:nth-child(4) .team-member-role {
  background-color: #9C27B0;
  color: #ffffff;
}
.widget-team ul li img {
  width: 35px;
  height: 35px;
  vertical-align: middle;
  display: inline-block;
}
.widget-team ul li .team-box {
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}
.widget-team ul li .team-box .team-member {
  text-align: left;
  display: block;
  font-weight: 600;
  color: #252529;
  font-size: 14px;
}
.widget-team ul li .team-box .team-member-role {
  border-radius: 4px;
  padding: 4px;
  font-size: 11px;
}
.widget-team ul li a {
  float: right;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin-left: 6px;
  text-align: center;
  margin-top: 4px;
}
.widget-team ul li a i {
  line-height: inherit;
  font-size: 18px;
  color: #525257;
}

.widget-live-support ul {
  padding: 12px;
  margin: 0;
  list-style-type: none;
}
.widget-live-support ul li {
  padding: 12px;
}
.widget-live-support ul li .p-col-fixed {
  width: 48px;
}
.widget-live-support ul li img {
  width: 36px;
}
.widget-live-support ul li .chat-message {
  position: relative;
  padding: 8px;
  color: #ffffff;
  border-radius: 3px;
}
.widget-live-support ul li:nth-child(1n) .chat-message {
  background-color: #607D8B;
}
.widget-live-support ul li:nth-child(1n) .chat-message:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  top: 16px;
}
.widget-live-support ul li:nth-child(1n) .chat-message:before {
  border-right-color: #607D8B;
  border-width: 10px;
  margin-top: -10px;
}
.widget-live-support ul li:nth-child(2n) .chat-message {
  background-color: #f2f2f2;
  color: #495057;
}
.widget-live-support ul li:nth-child(2n) .chat-message:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  top: 16px;
}
.widget-live-support ul li:nth-child(2n) .chat-message:before {
  border-left-color: #f2f2f2;
  border-width: 10px;
  margin-top: -10px;
}
.widget-live-support .new-message {
  border: 1px solid #ebebef;
  border-right: 0 none;
}
.widget-live-support .new-message input {
  border: 0 none;
  font-size: 14px;
  width: 100%;
  padding: 0.5em;
  background-color: transparent;
  outline: 0 none;
  color: #9A9BA5;
  font-family: "PT Root UI";
}
.widget-live-support .new-message .p-col-fixed {
  width: 100px;
}
.widget-live-support .new-message .p-col-fixed .p-button {
  width: 100px;
  border-radius: 0;
}

.widget-user-card {
  padding: 0;
}
.widget-user-card .user-card-header {
  height: 100px;
  overflow: hidden;
  background: #ffe0ee;
}
.widget-user-card .user-card-header img {
  width: 100%;
  height: 100%;
}
.widget-user-card .user-card-content img {
  width: 60px;
  height: 60px;
  margin: -30px 0 0 24px;
}
.widget-user-card .user-card-content .p-button {
  float: right;
  width: 36px;
  height: 36px;
  margin: -20px 24px 0 0;
  border-radius: 50%;
}
.widget-user-card .user-card-content .user-card-name {
  font-size: 20px;
  color: #ffffff;
  position: relative;
  top: -60px;
  margin-left: 100px;
  font-weight: 700;
  white-space: nowrap;
}
.widget-user-card .user-card-content .user-detail {
  text-align: left;
}
.widget-user-card .user-card-content .user-detail ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.widget-user-card .user-card-content .user-detail ul li {
  padding: 16px 24px;
  border-bottom: 1px solid #e0e0e0;
}
.widget-user-card .user-card-content .user-detail ul li:after {
  content: "";
  display: table;
  clear: both;
}
.widget-user-card .user-card-content .user-detail ul li:last-child {
  border-bottom: 0 none;
}
.widget-user-card .user-card-content .user-detail ul li i {
  font-size: 24px;
  margin-right: 8px;
  width: 32px;
  vertical-align: middle;
}
.widget-user-card .user-card-content .user-detail ul li .project-title {
  font-weight: 700;
  margin-right: 8px;
  vertical-align: middle;
}
.widget-user-card .user-card-content .user-detail ul li .project-detail {
  color: #9A9BA5;
  vertical-align: middle;
}
.widget-user-card .user-card-content .user-detail ul li .project-progressbar {
  width: 100px;
  background-color: #e0e0e0;
  float: right;
  margin-top: 12px;
}
.widget-user-card .user-card-content .user-detail ul li .project-progressbar .project-progressbar-value {
  height: 4px;
}
.widget-user-card .user-card-content .user-detail ul li:nth-child(1) .project-progressbar-value {
  background-color: #009688;
}
.widget-user-card .user-card-content .user-detail ul li:nth-child(1) i {
  color: #009688;
}
.widget-user-card .user-card-content .user-detail ul li:nth-child(2) .project-progressbar-value {
  background-color: #4CAF50;
}
.widget-user-card .user-card-content .user-detail ul li:nth-child(2) i {
  color: #4CAF50;
}
.widget-user-card .user-card-content .user-detail ul li:nth-child(3) .project-progressbar-value {
  background-color: #9C27B0;
}
.widget-user-card .user-card-content .user-detail ul li:nth-child(3) i {
  color: #9C27B0;
}
.widget-user-card .user-card-content .user-detail ul li:nth-child(4) .project-progressbar-value {
  background-color: #FFC107;
}
.widget-user-card .user-card-content .user-detail ul li:nth-child(4) i {
  color: #FFC107;
}
.widget-user-card .user-card-content .user-detail ul li:nth-child(5) .project-progressbar-value {
  background-color: #00BCD4;
}
.widget-user-card .user-card-content .user-detail ul li:nth-child(5) i {
  color: #00BCD4;
}
.widget-user-card .user-card-content .user-detail ul li:nth-child(6) .project-progressbar-value {
  background-color: #607D8B;
}
.widget-user-card .user-card-content .user-detail ul li:nth-child(6) i {
  color: #607D8B;
}

.widget-resolution-center {
  min-height: 300px;
}
.widget-resolution-center label {
  display: block;
  margin-bottom: 6px;
}
.widget-resolution-center .p-inputtext {
  width: 100%;
  margin-bottom: 16px;
}
.widget-resolution-center .p-inputtextarea {
  width: 100%;
  margin-bottom: 16px;
}
.widget-resolution-center .resolution-button-bar {
  text-align: right;
  margin-top: 16px;
}
.widget-resolution-center .resolution-button-bar .p-button {
  width: auto;
  margin-left: 12px;
  min-width: 100px;
}

.widget-image-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.widget-image-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #E0E0E0;
  padding: 1rem;
}
.widget-image-list li:first-child {
  border-top: 0 none;
  font-weight: 600;
  font-size: 1rem;
}
.widget-image-list li img {
  width: 64px;
  vertical-align: middle;
  margin-right: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.widget-image-list li .listitem-value {
  font-weight: 600;
}

.widget-pricing-box {
  text-align: center;
  min-height: 450px;
  padding: 16px 48px;
  background-color: #f2f2f2;
  color: #525257;
  border: 2px solid transparent;
  transition: border-color 0.3s;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}
.widget-pricing-box h3 {
  margin: 0 0 42px 0;
}
.widget-pricing-box .pricing-intro {
  color: #8b8b90;
}
.widget-pricing-box p {
  font-size: 14px;
  margin: 14px 0;
}
.widget-pricing-box ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.widget-pricing-box ul li {
  padding: 12px;
}
.widget-pricing-box ul li i {
  color: #1fc4ac;
}
.widget-pricing-box:hover {
  border-color: #F77348;
}

.help-wrapper .help-header {
  background: url("../../layout/images/extensions/rectangle.jpg") bottom;
  background-repeat: no-repeat;
  padding: 84px 0px 130px 0;
  display: flex;
  justify-content: center;
}
.help-wrapper .help-header .header-content {
  width: 50%;
  text-align: center;
}
.help-wrapper .help-header .header-content > h1 {
  color: #3e4243;
  font-size: 21px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 25px;
}
.help-wrapper .help-header .header-content .search-form {
  position: relative;
}
.help-wrapper .help-header .header-content .search-form span {
  width: 100%;
}
.help-wrapper .help-header .header-content .search-form span .p-autocomplete-input {
  width: 100%;
  padding: 10px;
  padding-left: 30px;
}
.help-wrapper .help-header .header-content .search-form span .p-autocomplete-input::-moz-placeholder {
  color: #8b8b90;
}
.help-wrapper .help-header .header-content .search-form span .p-autocomplete-input::placeholder {
  color: #8b8b90;
}
.help-wrapper .help-header .header-content .search-form > i {
  position: absolute;
  left: 10px;
  top: 11px;
  color: #8b8b90;
  font-size: 16px;
}
.help-wrapper .help-container {
  padding: 25px;
}
.help-wrapper .help-container .help-content-header {
  display: flex;
  justify-content: space-between;
}
.help-wrapper .help-container .help-content-header .help-content-header-tab {
  width: 100%;
  margin-right: 25px;
  margin-bottom: 25px;
  height: 100%;
  border-radius: 3px;
  border: solid 1px #ebebef;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 25px 15px;
  height: 100%;
  cursor: pointer;
}
.help-wrapper .help-container .help-content-header .help-content-header-tab:last-child {
  margin-right: 0;
}
.help-wrapper .help-container .help-content-header .help-content-header-tab .tab-icon {
  font-size: 36px;
  color: #ffffff;
  width: 50px;
  height: 50px;
  background-color: #F77348;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.help-wrapper .help-container .help-content-header .help-content-header-tab .tab-content > h3 {
  font-size: 16px;
  font-weight: 600;
  color: #3e4243;
  margin: 0;
  margin-bottom: 6px;
}
.help-wrapper .help-container .help-content-header .help-content-header-tab .tab-content > span {
  font-size: 13px;
  color: #8b8b90;
}
.help-wrapper .help-container .help-content-header .help-content-header-tab.selected-tab {
  border: solid 1px #F77348;
  background-color: white;
  transition: background-color 0.3s;
}
.help-wrapper .help-container .help-content-header .help-content-header-tab.selected-tab .tab-icon {
  color: #F77348;
  background-color: #ffffff;
}
.help-wrapper .help-container .help-content-header .help-content-header-tab:hover {
  background-color: white;
  transition: background-color 0.3s;
}
.help-wrapper .help-container .help-contents-wrapper {
  overflow: hidden;
}
.help-wrapper .help-container .help-contents-wrapper .help-contents-row {
  display: flex;
  flex-direction: row;
  transition: transform 500ms ease 0s;
}
.help-wrapper .help-container .help-contents-wrapper .help-contents-row .help-content {
  flex: 1 0 100%;
  border-radius: 3px;
  border: solid 1px #ebebef;
  transition: transform 500ms ease 0s;
}
.help-wrapper .help-container .help-contents-wrapper .help-contents-row .help-content .questions-header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}
.help-wrapper .help-container .help-contents-wrapper .help-contents-row .help-content .questions-header h1 {
  font-size: 21px;
  font-weight: 600;
  color: #3e4243;
  margin: 0;
  margin-bottom: 8px;
}
.help-wrapper .help-container .help-contents-wrapper .help-contents-row .help-content .questions-header span {
  font-size: 16px;
  color: #8b8b90;
}
.help-wrapper .help-container .help-contents-wrapper .help-contents-row .help-content .questions-header .profile-images {
  margin-top: 8px;
  padding: 0 40px 17px 40px;
  border-bottom: 1px solid rgba(41, 43, 44, 0.1);
}
.help-wrapper .help-container .help-contents-wrapper .help-contents-row .help-content .questions-header .profile-images img {
  width: 40px;
  margin-right: 4px;
}
.help-wrapper .help-container .help-contents-wrapper .help-contents-row .help-content .questions-header .profile-images img:last-child {
  margin-right: 0;
}

@media (max-width: 1150px) {
  .help-wrapper .help-header .header-content {
    width: 90%;
  }
  .help-wrapper .help-container {
    padding: 25px 0;
  }
  .help-wrapper .help-container .help-content-header {
    flex-direction: column;
  }
  .help-wrapper .help-container .help-content-header .help-content-header-tab .tab-icon {
    width: 35px;
    height: 35px;
  }
}
.invoice-wrapper {
  background-color: #f8f8fc;
}
.invoice-wrapper .invoice-content {
  padding: 25px;
}
.invoice-wrapper .invoice-content .invoice-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
}
.invoice-wrapper .invoice-content .invoice-header .invoice-no > h1 {
  font-size: 21px;
  font-weight: 600;
  margin: 0;
  color: #525257;
  line-height: 1.29;
}
.invoice-wrapper .invoice-content .invoice-header .invoice-no > h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  line-height: 1.69;
  color: #7d7d81;
}
.invoice-wrapper .invoice-content .invoice-header .invoice-logo {
  text-align: right;
}
.invoice-wrapper .invoice-content .invoice-header .invoice-logo > img {
  height: 50px;
}
.invoice-wrapper .invoice-content .invoice-header .invoice-logo > p {
  color: #212121;
  line-height: 1.43;
  letter-spacing: 0.25px;
  margin: 0;
}
.invoice-wrapper .invoice-content .invoice-table-1 {
  width: 100%;
  border-radius: 4px;
  border: solid 1px #ebebef;
  background-color: #ffffff;
  margin-bottom: 40px;
}
.invoice-wrapper .invoice-content .invoice-table-1 .invoice-table-header {
  background-color: #ebebef;
  padding: 7px 24px 7px 13px;
}
.invoice-wrapper .invoice-content .invoice-table-1 .invoice-table-header > span {
  color: #525257;
  font-size: 11px;
  font-weight: 600;
}
.invoice-wrapper .invoice-content .invoice-table-1 .invoice-table-content {
  background-color: #ffffff;
  padding: 7px 12px;
}
.invoice-wrapper .invoice-content .invoice-table-1 .invoice-table-content .invoice-table-row > span {
  color: #252529;
  font-size: 13px;
  font-weight: 600;
}
.invoice-wrapper .invoice-content .invoice-table-1.items .invoice-table-content .invoice-table-row {
  padding: 11px 15px;
  border-radius: 4px;
  border: solid 1px #ebebef;
  margin-bottom: 6px;
}
.invoice-wrapper .invoice-content .invoice-footer .invoice-table-2 .invoice-table-col {
  display: flex;
  flex-direction: column;
}
.invoice-wrapper .invoice-content .invoice-footer .invoice-table-2 .invoice-table-col span,
.invoice-wrapper .invoice-content .invoice-footer .invoice-table-2 .invoice-table-col input {
  margin-bottom: 12px;
  padding: 12px 11px;
  border: solid 1px #ebebef;
  color: #252529;
  font-size: 13px;
  font-weight: 600;
}
.invoice-wrapper .invoice-content .invoice-footer .invoice-table-2 .invoice-table-col.header-col {
  text-align: right;
}
.invoice-wrapper .invoice-content .invoice-footer .invoice-table-2 .invoice-table-col.header-col > span {
  background-color: #ebebef;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.invoice-wrapper .invoice-content .invoice-footer .invoice-table-2 .invoice-table-col.content-col > span {
  background-color: #ffffff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.invoice-wrapper .invoice-content .invoice-footer .invoice-table-2.summary .invoice-table-col.header-col {
  margin-left: 40px;
}
.invoice-wrapper .invoice-content .invoice-footer .invoice-table-2.summary .invoice-table-col hr {
  width: 100%;
  opacity: 0.1;
  background-color: #292b2c;
  border: none;
  height: 1px;
  margin: 26px 0;
}

@media (max-width: 768px) {
  .invoice-wrapper .invoice-content .invoice-footer .invoice-table-2.summary {
    margin-top: 40px;
  }
  .invoice-wrapper .invoice-content .invoice-footer .invoice-table-2.summary .invoice-table-col.header-col {
    margin-left: 0;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  #invoice-content * {
    visibility: visible;
  }
  #invoice-content {
    position: absolute;
    left: 0;
    top: 0;
  }
  #invoice-content .card {
    box-shadow: none;
  }
  #invoice-content .card.invoice-table {
    margin-bottom: 10px;
    background-color: transparent;
  }
}
.wizard-body {
  background: url("../../layout/images/extensions/background.jpg") center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
.wizard-body .wizard-header {
  padding: 24px 10%;
}
.wizard-body .wizard-header img {
  height: 40px;
}
.wizard-body .wizard-content {
  height: calc(100vh - 100px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wizard-body .wizard-content .wizard-card {
  border-radius: 4px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.24);
  background-color: #303f46;
  width: 65%;
}
.wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-header-banner {
  display: flex;
  height: 110px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-header-banner .banner-logo img {
  height: 100%;
}
.wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-header-banner .banner-image {
  position: relative;
  display: none;
}
.wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-header-banner .banner-image h1 {
  color: #ffffff;
  font-size: 21px;
  font-weight: 500;
  position: absolute;
  left: 24px;
  top: 25px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-header-banner .banner-image img {
  width: 100%;
  height: 100%;
}
.wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-header-banner .banner-image.active-banner {
  display: block;
}
.wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-tabs {
  background-color: #405965;
  display: flex;
  justify-content: space-between;
}
.wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-tabs .wizard-card-tab {
  color: #aac8d6;
  font-size: 13px;
  cursor: pointer;
  padding: 15px 10%;
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}
.wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-tabs .wizard-card-tab:hover {
  background-color: #4e6e7d;
  transition: background-color 0.3s;
}
.wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-tabs .wizard-card-tab.selected-tab {
  color: #ffffff;
  transition: color 0.3s;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content {
  padding: 25px 30px;
  min-height: 475px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content .wizard-forms-wrapper .wizard-forms .form-label {
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 6px;
  margin-top: 24px;
  display: block;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content .wizard-forms-wrapper .wizard-forms .form-inline-label {
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 2px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content .wizard-button {
  padding: 0 10px;
  display: flex;
  justify-content: flex-end;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content .wizard-button .p-button {
  background-color: #405965;
  border: none;
  border-radius: 4px;
  padding: 6px 30px;
  font-size: 13px;
  font-weight: 600;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content .wizard-button .p-button:hover {
  background-color: #4b6a79;
  transition: background-color 0.3s;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register {
  display: none;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register .warning {
  display: flex;
  align-items: center;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register .warning > i {
  color: #e0284f;
  margin-right: 10px;
  font-size: 22px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register .warning > p {
  color: #ffffff;
  margin: 0;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register .wizard-forms-wrapper .wizard-forms {
  padding: 0 10px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register .wizard-forms-wrapper .wizard-forms input {
  width: 100%;
  border: solid 1px #527382;
  background-color: #405965;
  color: #ffffff;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register .wizard-forms-wrapper .wizard-forms .p-dropdown {
  border: solid 1px #527382;
  width: 100%;
  background-color: #405965;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register .wizard-forms-wrapper .wizard-forms .p-dropdown .p-inputtext {
  background-color: #405965;
  color: #ffffff;
  border-radius: 2px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register .wizard-forms-wrapper .wizard-forms .p-dropdown .p-dropdown-trigger {
  background-color: #405965;
  color: #ffffff;
  border-radius: 2px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register .wizard-forms-wrapper .wizard-forms .calendar .form-label {
  margin-top: 24px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register .wizard-forms-wrapper .wizard-forms .calendar span {
  width: 100%;
  display: flex;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register .wizard-forms-wrapper .wizard-forms .calendar span input {
  width: 100%;
  border: solid 1px #527382;
  background-color: #405965;
  color: #ffffff;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.register .wizard-button {
  margin-top: 114px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier {
  display: none;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards {
  margin-bottom: 24px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card {
  background-color: #405965;
  border-radius: 4px;
  padding: 0;
  border-radius: 4px;
  cursor: pointer;
  min-width: 200px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card .wizard-tier-card-header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to bottom, #5d8191, #4f707f);
  padding: 10px 20px;
  margin-bottom: 10px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card .wizard-tier-card-header img {
  height: 75px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card .wizard-tier-card-content .title > h1 {
  color: #ffffff;
  font-size: 21px;
  font-weight: 500;
  margin: 0;
  padding-left: 5px;
  border-left: 7px solid #d6619b;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card .wizard-tier-card-content .title > span {
  color: #ffffff;
  opacity: 0.7;
  font-size: 14px;
  margin-left: 12px;
  margin-top: 5px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card .wizard-tier-card-content > ul {
  padding: 24px 12px;
  list-style-type: none;
  margin: 0;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card .wizard-tier-card-content > ul > li {
  display: flex;
  align-items: center;
  padding: 7px 0;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card .wizard-tier-card-content > ul > li > i {
  font-size: 20px;
  color: #74909d;
  margin-right: 6px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card .wizard-tier-card-content > ul > li > p {
  margin: 0;
  color: #74909d;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card .wizard-tier-card-content > ul > li.active-list-item i, .wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card .wizard-tier-card-content > ul > li.active-list-item p {
  color: #ffffff;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card.beginner .title > h1 {
  border-color: #d6619b;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card.professional .title > h1 {
  border-color: #4dbc90;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card.enterprise .title > h1 {
  border-color: #48bdf1;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card.active-tier-card {
  background-color: #3c6071;
  transition: background-color 0.3s;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-tier-cards .wizard-tier-card:hover {
  background-color: #4a6675;
  transition: background-color 0.3s;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-button {
  margin-top: 56px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment {
  padding: 0;
  display: none;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-forms-wrapper {
  padding: 24px 40px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-forms-wrapper .wizard-forms {
  width: 66%;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-forms-wrapper .wizard-forms .customPanel {
  width: 100%;
  margin-left: 1em;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-forms-wrapper .wizard-forms .customPanel img {
  height: 35px;
  margin-right: 8px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-forms-wrapper .wizard-forms .customPanel .p-radiobutton {
  margin-top: 8px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-forms-wrapper .wizard-forms .numbers {
  width: 100%;
  margin-left: 0.5rem;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-forms-wrapper .wizard-forms input {
  width: 100%;
  border: solid 1px #527382;
  background-color: #405965;
  color: #ffffff;
  margin-left: 0.5em;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-forms-wrapper .wizard-forms .form-label {
  margin-left: 0.5em;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-forms-wrapper .wizard-forms > .form-label {
  width: 100%;
  display: inline-block;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-forms-wrapper .wizard-forms .p-checkbox-label {
  color: #ffffff;
  font-size: 13px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-button {
  position: relative;
  background-image: linear-gradient(to right, rgba(48, 63, 70, 0.15) 23%, rgba(116, 144, 157, 0.15) 60%);
  padding: 24px 48px;
  margin-top: 65px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-button .order-summary {
  display: none;
  position: absolute;
  left: 65px;
  top: -8px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-button .order-summary p {
  color: #ffffff;
  font-size: 13px;
  margin: 0;
  margin-bottom: 12px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-button .order-summary h1 {
  color: #ffffff;
  font-size: 21px;
  margin: 0;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-button .order-summary span {
  color: #aac8d6;
  font-size: 13px;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-button .order-summary.selected-order {
  display: block;
}
.wizard-body .wizard-content .wizard-card .wizard-card-content.active-content {
  display: block;
}

@media (min-width: 1200px) {
  .wizard-body .wizard-content .wizard-card {
    width: 55%;
  }
}
@media (max-width: 992px) {
  .wizard-body .wizard-content {
    height: auto;
    align-items: stretch;
  }
  .wizard-body .wizard-content .wizard-card {
    width: 90%;
    overflow: hidden;
  }
  .wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-header-banner {
    height: 150px;
  }
  .wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-header-banner .banner-image {
    width: 100%;
  }
  .wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-header-banner .banner-image img {
    display: none;
  }
  .wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-header-banner .banner-image h1 {
    right: 10px;
  }
  .wizard-body .wizard-content .wizard-card .wizard-card-header .wizard-card-tabs .wizard-card-tab {
    padding: 15px 5%;
  }
  .wizard-body .wizard-content .wizard-card .wizard-card-content {
    max-height: 400px;
    overflow: auto;
  }
  .wizard-body .wizard-content .wizard-card .wizard-card-content.register .wizard-button {
    margin-top: 24px;
  }
  .wizard-body .wizard-content .wizard-card .wizard-card-content.tier .wizard-button {
    margin-top: 24px;
  }
  .wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-forms-wrapper .wizard-forms {
    width: 100%;
  }
  .wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-button {
    margin-top: 24px;
    padding: 40px 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-button .order-summary {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .wizard-body .wizard-content .wizard-card .wizard-card-content.payment .wizard-button .p-button {
    height: 50px;
  }
}
.sl-workplace-layout {
  padding: 0 !important;
}
.sl-workplace-layout .sl-table-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-table-title {
    font-size: 17px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper {
  color: #0E0C1C;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header {
  flex-wrap: wrap;
  display: flex;
  border-bottom: 1px solid #D3D3D8;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-header-item {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-header-item:first-child {
  border-left: none;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-header-item.sl-workplace-header-item-statistic {
  width: 100%;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-header-item.sl-workplace-header-item-status {
  width: 65%;
  padding-top: 0;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-header-item.sl-workplace-header-item-break {
  width: 35%;
  padding-top: 0;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-header-item.sl-workplace-header-item-break .sl-workplace-card-wrapper {
  background: transparent;
  border: none;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper {
  width: 100%;
  border-bottom: 1px solid #D3D3D8;
  border-left: none;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper {
    width: 50%;
    border-bottom: none;
    border-left: 1px solid #D3D3D8;
  }
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper:first-child {
    border-left: none;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper .sl-stat-item {
  margin-left: 5px;
  min-width: 78px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper .sl-stat-item:first-child {
  margin-left: 0;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper .sl-stat-item .sl-title {
  font-weight: 500;
  font-size: 30px;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper .sl-stat-item .sl-title {
    font-size: 48px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper .sl-stat-item .sl-info {
  color: #9A9BA5;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper .p-overlaypanel .p-overlaypanel-content {
  padding: 5px 0;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper .sl-suspend-clients {
  width: 200px;
  max-height: 350px;
  overflow-y: auto;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper .sl-suspend-clients {
    font-size: 16px;
    width: 250px;
    max-height: 400px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper .sl-suspend-clients .client {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper .sl-suspend-clients .client:hover {
  color: #fff;
  background: #fcc7b5;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-stat-wrapper .sl-suspend-clients .client-icon {
  color: #fff;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-org-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 60%;
  border-left: none;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-org-wrapper {
    width: 30%;
    border-left: 1px solid #D3D3D8;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-org-wrapper .sl-org-item {
  color: #9A9BA5;
  width: 100%;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-org-wrapper .sl-org-item:first-child span {
  color: #0E0C1C;
  font-weight: 500;
  font-size: 14px;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-org-wrapper .sl-org-item:first-child span {
    font-size: 18px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-org-wrapper .sl-org-item i {
  color: #F77348;
  padding-right: 5px;
  font-size: 14px;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-org-wrapper .sl-org-item i {
    font-size: 18px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-exec-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 40%;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-exec-wrapper {
    width: 20%;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-exec-wrapper .sl-exec-item {
  background: #F77348;
  padding: 16px;
  border-radius: 60px;
  width: 100%;
  text-align: center;
  color: #FEFEFF;
  max-width: 240px;
  max-height: 70px;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-exec-wrapper .sl-exec-item {
    padding: 20px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-exec-wrapper .sl-exec-item i {
  font-size: 18px;
  opacity: 0.3;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-exec-wrapper .sl-exec-item span {
  font-size: 20px;
  font-weight: 500;
  padding-left: 5px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper .sl-color {
  width: 30px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper .sl-color.NEW, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper .sl-color.READY {
  background-color: #27AE60;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper .sl-color.AWAIT, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper .sl-color.BREAK {
  background-color: #EC903E;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper .sl-color.WORK {
  background-color: #E64848;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper .sl-status-info-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper .sl-status-info-wrapper {
    flex-direction: column;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper .sl-status-info-wrapper .sl-info {
  flex-direction: row;
  align-items: center;
  display: flex;
  padding: 0 32px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper .sl-status-info-wrapper .sl-info {
    right: 15px;
    font-size: 14px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper .sl-status-info-wrapper .sl-need-break {
  flex-direction: row;
  align-items: center;
  display: flex;
  padding: 0 32px;
  color: #EC903E;
}
@media screen and (max-width: 700px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-status-wrapper .sl-status-info-wrapper .sl-need-break {
    display: none;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-action-wrapper {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: transparent;
  align-content: center;
  width: 100%;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-action-wrapper a {
  width: 60px;
  height: 60px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-action-wrapper a.sl-action-pause {
  border: 2px solid #EC903E;
  color: #EC903E;
  border-radius: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-action-wrapper a.sl-action-pause i {
  font-size: 20px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-action-wrapper a.sl-action-create-self {
  border: 2px solid #EC903E;
  color: #EC903E;
  border-radius: 1px;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-action-wrapper a.sl-action-create-self i {
  font-size: 20px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-action-wrapper a.sl-action-create-other {
  border: 2px solid #EC903E;
  color: #EC903E;
  border-radius: 1px;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-action-wrapper a.sl-action-create-other i {
  font-size: 20px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-action-wrapper a.sl-action-exit {
  border: 2px solid #E64848;
  color: #E64848;
  border-radius: 1px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-header .sl-workplace-card-wrapper .sl-workplace-card-item.sl-action-wrapper a.sl-action-exit i {
  position: relative;
  top: 16px;
  left: 21px;
  font-size: 24px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body {
  min-height: 500px;
  box-sizing: border-box;
  padding: 20px;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body {
    padding: 30px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper {
  height: 100%;
  border: none;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item {
  width: 100%;
  padding: 0;
  display: block;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-info-ready {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-info-ready .sl-icon {
  font-size: 100px;
  color: #F77348;
  padding-top: 5%;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-info-ready .sl-desc {
  padding-top: 20px;
  padding-bottom: 5%;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-info-empty {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-info-empty .sl-title {
  font-weight: bold;
  padding-top: 5%;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-info-empty .sl-desc {
  color: #9A9BA5;
  padding-bottom: 5%;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-title {
  padding: 15px;
  border-bottom: 1px solid #D3D3D8;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-title {
    padding: 25px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-left {
  width: 50%;
  border-right: 1px solid #D3D3D8;
  border-bottom: 1px solid #D3D3D8;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-left {
    width: 25%;
    border-bottom: none;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-left2 {
  border-bottom: 1px solid #D3D3D8;
  width: 100%;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-left2 {
    display: none;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-center {
  width: 100%;
  padding: 30px;
  border-right: none;
  display: none;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-center .wrap {
  word-wrap: break-word;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-center {
    width: 30%;
  }
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-center.full {
    width: 60%;
  }
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-center {
    border-right: 1px solid #D3D3D8;
    display: flex;
    flex-direction: column;
  }
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-center div:first-child {
    flex-grow: 1;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-comment {
  width: 100%;
  padding: 30px;
  border-right: none;
  display: none;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-comment {
    width: 30%;
    border-right: 1px solid #D3D3D8;
    display: flex;
    flex-direction: row;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-comment .p-datatable {
  width: 100%;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-comment a {
  cursor: pointer;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-center2 {
  width: 100%;
  padding: 30px;
  border-right: none;
  display: flex;
  flex-direction: column;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-center2 .wrap {
  word-wrap: break-word;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-center2 div:first-child {
  flex-grow: 1;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-center2 {
    display: none;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-comment2 {
  width: 100%;
  padding: 30px;
  border-right: none;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-comment2 {
    display: none;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-comment2 .p-datatable {
  width: 100%;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-comment2 a {
  cursor: pointer;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-right {
  width: 50%;
  padding: 0;
  border-bottom: 1px solid #D3D3D8;
  text-align: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-body-data .sl-body-right {
    width: 15%;
    border-bottom: none;
    padding-top: 30px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item {
  padding: 20px;
  border-top: 1px solid #D3D3D8;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item {
    padding: 30px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item:first-child {
  border-top: none;
  padding-top: 0;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-ticket .sl-title {
  font-size: 36px;
  line-height: unset;
  color: #F77348;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-ticket .sl-title {
    font-size: 100px;
    line-height: 124px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-place .sl-title {
  font-size: 20px;
  line-height: unset;
  color: #F77348;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-place .sl-title {
    font-size: 50px;
    line-height: 60px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-timer {
  display: flex;
  flex: 1 auto;
  flex-direction: column;
  padding: 0;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-timer .sl-title {
  font-size: 36px;
  line-height: 45px;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-timer .sl-title {
    font-size: 48px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-visitor-info {
  padding: 30px;
  border-top: 1px solid #d3d3d8;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-visitor-info.sl-visitor-info-title {
  font-size: 14px;
  font-weight: 500;
  display: none;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-visitor-info.sl-visitor-info-title.v2 {
  display: flex;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-visitor-info.sl-visitor-info-title {
    display: flex;
    font-size: 20px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-visitor-info.sl-visitor-info-title i {
  color: #F77348;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-queue {
  font-size: 14px;
  font-weight: 500;
  display: none;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-queue {
    display: flex;
    flex-direction: column;
    font-size: 20px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-queue i {
  color: #F77348;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-queue .chain {
  padding-left: 5px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-queue2 {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-queue2 {
    display: none;
    font-size: 20px;
    padding-top: 30px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-queue2 .sl-title {
  padding-bottom: 5px;
  padding-right: 5px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-queue2 i {
  color: #F77348;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item .sl-subtitle {
  color: #9A9BA5;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-comment {
  display: none;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-comment {
    display: block;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-comment .sl-title {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-comment .sl-title {
    font-size: 20px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-comment .sl-title i {
  color: #F77348;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-comment2 {
    display: none;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-comment2 .sl-title {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-comment2 .sl-title {
    font-size: 20px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-comment2 .sl-title i {
  color: #F77348;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-language {
  flex: 0 auto;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-language .sl-title {
  font-size: 20px;
  font-weight: 500;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-language .sl-subtitle {
  font-size: 16px;
  font-weight: 500;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-attribute-value {
  display: none;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-attribute-value {
    display: flex;
    flex-direction: column;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-attribute-value2 {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item.sl-attribute-value2 {
    display: none;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item .sl-client-link {
  background: #1c9851;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  width: 24%;
  margin-bottom: 15px;
}
@media screen and (max-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item .sl-client-link {
    width: 100%;
    font-size: 18px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item .sl-client-link .icon {
  color: rgba(254, 254, 255, 0.6);
  margin-right: 10px;
}
@media screen and (max-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item.sl-body-wrapper .sl-client-item .sl-client-link .icon {
    font-size: 17px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions {
  width: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-center {
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-top {
  border-bottom: 1px solid #D3D3D8;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-bottom {
  border-top: 1px solid #D3D3D8;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button:not([class^=p-splitbutton-]), .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton {
  width: 100%;
  margin-top: 10px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button:not([class^=p-splitbutton-]):first-child, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton:first-child {
  margin-top: 0;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-actions-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-actions-1 .p-button:not([class^=p-splitbutton-]) {
    width: 32%;
    margin-top: 10px;
  }
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-actions-1 .p-splitbutton {
    width: 32%;
    margin-top: 10px;
    padding: 0;
  }
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-actions-2 .p-button:not([class^=p-splitbutton-]) {
    width: 49%;
    margin-top: 0;
  }
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-actions-2 .p-button:first-child {
    margin-right: 2%;
  }
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-actions-2 .p-splitbutton {
    width: 49%;
    margin-top: 0;
    padding: 0;
  }
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-actions-3 .p-button:not([class^=p-splitbutton-]) {
    width: 32%;
    margin-top: 10px;
    margin-left: 0.5%;
    margin-right: 0.5%;
  }
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-actions-3 .p-splitbutton {
    width: 32%;
    margin-top: 10px;
    margin-left: 0.5%;
    margin-right: 0.5%;
    padding: 0;
  }
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-actions-4 .p-button:not([class^=p-splitbutton-]) {
    width: 24%;
    margin-top: 0;
    margin-left: 0.5%;
    margin-right: 0.5%;
  }
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions.sl-actions-4 .p-splitbutton {
    width: 24%;
    margin-top: 0;
    margin-left: 0.5%;
    margin-right: 0.5%;
    padding: 0;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton {
  font-size: 18px;
  box-sizing: border-box;
  border-radius: 2px;
  border: none;
  padding: 10px 0;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton {
    font-size: 24px;
  }
}
@media screen and (max-width: 600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton {
    font-size: 14px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button:active, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton:active {
  opacity: 0.95;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button:disabled, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton:disabled {
  opacity: 0.5;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-next, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-client-come, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-client-finish, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-new-client, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-next-client, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-next, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-client-come, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-client-finish, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-new-client, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-next-client {
  background: #1C9851;
  box-shadow: 0 10px 20px rgba(28, 152, 81, 0.4);
  display: flex;
  justify-content: center;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-pause, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-client-repeat, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-client-redirect, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-finish-pause, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-finish-consultation-without-client, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-finish-consultation-with-client, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-pause, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-client-repeat, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-client-redirect, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-finish-pause, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-finish-consultation-without-client, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-finish-consultation-with-client {
  background: linear-gradient(180deg, #F2994A 0%, #E68631 100%);
  box-shadow: 0 10px 20px rgba(242, 153, 74, 0.2);
  display: flex;
  justify-content: center;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-exit, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-client-not-come, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-client-error, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-exit, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-client-not-come, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-client-error {
  background: linear-gradient(180deg, #EB5757 0%, #E34141 100%);
  box-shadow: 0 10px 20px rgba(235, 87, 87, 0.2);
  display: flex;
  justify-content: center;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-client-change-queue, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-client-change-queue {
  background: linear-gradient(180deg, #ed7f5d 0%, #ed673c 100%);
  box-shadow: 0 10px 20px rgba(237, 103, 60, 0.2);
  display: flex;
  justify-content: center;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button.sl-action-client-suspend, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-client-suspend {
  background: linear-gradient(180deg, #2196f3 0%, #027be0 100%);
  box-shadow: 0 10px 20px rgba(30, 144, 240, 0.2);
  display: flex;
  justify-content: center;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button .p-button-label, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button-label {
  display: inline-flex;
  padding: 4px 19px;
  font-weight: bold;
  flex: none;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-button .p-button-icon-left, .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button-icon-left {
  position: relative;
  left: 0;
  top: 0;
  color: rgba(254, 254, 255, 0.6);
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton {
  padding: 0;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton.sl-action-client-hotkey-redirect {
  background: linear-gradient(180deg, #F2994A 0%, #E68631 100%);
  box-shadow: 0 10px 20px rgba(242, 153, 74, 0.2);
  display: flex;
  justify-content: center;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button {
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  justify-content: center;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button .p-button-label {
  white-space: pre-wrap;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button.p-splitbutton-menubutton {
  width: 59px;
}
@media screen and (max-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button.p-splitbutton-menubutton {
    width: 51px;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1980px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button.p-splitbutton-menubutton {
    width: 40px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button.p-splitbutton-menubutton {
  border-left: 2px solid rgba(254, 254, 255, 0.6);
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button.p-splitbutton-menubutton .p-button-icon {
  font-size: 1.8rem;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button.p-splitbutton-menubutton .p-button-label {
  padding: 0;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button.p-splitbutton-defaultbutton {
  padding-left: 59px;
}
@media screen and (min-width: 1600px) and (max-width: 1980px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button.p-splitbutton-defaultbutton {
    padding-left: 20px;
  }
}
@media screen and (max-width: 2250px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button.p-splitbutton-defaultbutton .p-button-label {
    font-size: 22px;
  }
}
@media screen and (max-width: 2150px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button.p-splitbutton-defaultbutton .p-button-label {
    font-size: 20px;
  }
}
@media screen and (max-width: 1850px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-body .sl-workplace-card-wrapper .sl-workplace-card-item .sl-workplace-actions .p-splitbutton .p-button.p-splitbutton-defaultbutton .p-button-label {
    font-size: 18px;
    padding: 4px 7px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #FEFEFF;
  border: 1px solid #D3D3D8;
  box-sizing: border-box;
  border-radius: 2px;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-card-wrapper .sl-workplace-card-item {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #D3D3D8;
  padding: 20px;
}
@media screen and (min-width: 1600px) {
  .sl-workplace-layout .sl-workplace-wrapper .sl-workplace-card-wrapper .sl-workplace-card-item {
    padding: 30px;
  }
}
.sl-workplace-layout .sl-workplace-wrapper .sl-workplace-card-wrapper .sl-workplace-card-item:first-child {
  border-left: none;
}
.sl-workplace-layout .sl-workplace-wrapper .sl-pre-registration {
  box-sizing: border-box;
  padding: 20px;
  background: #fefeff;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog) {
  width: 320px;
  padding: 0;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog) .p-dialog-header {
  padding: 30px 30px 0 30px;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog) .p-dialog-header label {
  margin: 0 auto;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog) .p-dialog-content {
  text-align: center;
  padding: 30px;
  overflow-y: auto !important;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog) .p-dialog-footer {
  padding: 30px;
  border-top: 1px solid #E6E6E8;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog) .p-dialog-footer .p-button {
  width: 100%;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted {
  width: 450px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.small {
  width: 300px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.small .p-dialog-content {
  display: none;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-header {
  background-color: #FEFEFF;
  padding: 24px 30px 24px 30px;
  font-size: 18px;
  align-items: flex-start;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-header .p-dialog-header-icon {
  margin-left: 10px;
  font-size: 24px;
  text-decoration: none;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-header .p-dialog-header-icon:focus {
  border: unset;
  box-shadow: unset;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content {
  background-color: #F1F2F2;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-finish div {
  text-align: left;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-finish div:first-child {
  color: rgba(14, 12, 28, 0.6);
  line-height: 20px;
  padding-bottom: 15px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-finish div textarea {
  background: #FFFFFF;
  border: 1px solid rgba(14, 12, 28, 0.1);
  width: 100%;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-pause-confirm .sl-pause-confirm-item {
  padding: 30px;
  height: 80px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(14, 12, 28, 0.1);
  display: flex;
  cursor: pointer;
  margin-top: 10px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-pause-confirm .sl-pause-confirm-item:first-child {
  margin-top: 0;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-pause-confirm .sl-pause-confirm-item .sl-pause-confirm-item-icon {
  color: #F77348;
  font-size: 18px;
  flex-grow: 1;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-pause-confirm .sl-pause-confirm-item .sl-pause-confirm-item-title {
  padding-left: 15px;
  flex-grow: 40;
  text-align: left;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-pause-confirm .sl-pause-confirm-item .sl-pause-confirm-item-link {
  color: #F77348;
  flex-grow: 1;
  display: none;
  opacity: 0;
  transition: opacity 0.3s, box-shadow 0.3s;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-pause-confirm .sl-pause-confirm-item:hover .sl-pause-confirm-item-link {
  display: flex;
  opacity: 1;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-pause-confirm .sl-pause-confirm-item:active {
  opacity: 0.7;
  box-shadow: 0 0 0 0.2em #7393e8;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-pause-confirm .sl-pause-confirm-item:first-child {
  margin-bottom: 0;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-pause2-confirm .sl-pause2-confirm-item .sl-pause2-confirm-item-title {
  font-size: 48px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-content .sl-pause2-confirm .sl-pause2-confirm-item .sl-pause2-confirm-item-subtitle {
  color: #9A9BA5;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted .p-dialog-footer {
  background-color: #FEFEFF;
  padding: 24px 30px 24px 30px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog {
  width: 540px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-priority {
  background: #F77348;
  border: 1px solid #E6E6E8;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 21px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-priority .p-checkbox-box {
  color: #FEFEFF;
  border: 1px solid #FEFEFF;
  background: #F77348;
  border-radius: 3px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-priority .sl-redirect-text {
  color: #FEFEFF;
  flex-grow: 40;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-priority i {
  color: rgba(255, 255, 255, 0.4);
  font-size: 20px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-return {
  border: 1px solid #F77348;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 8px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-return .p-checkbox-box {
  color: #FEFEFF;
  border: 1px solid #F77348;
  border-radius: 3px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-return label {
  color: #F77348;
  flex-grow: 40;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-separator {
  border-top: 1px solid #D3D3D8;
  margin: 19px 0;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-chains {
  background: #F77348;
  color: #FEFEFF;
  padding-bottom: 15px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-chains .priority {
  border-bottom: none;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-chains .chain {
  font-size: inherit;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-queue {
  max-height: 350px;
  overflow-y: auto;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-queue .sl-redirect-queue-item {
  padding: 30px;
  height: 80px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(14, 12, 28, 0.1);
  display: flex;
  cursor: pointer;
  margin-top: 10px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-queue .sl-redirect-queue-item .sl-redirect-queue-item-title {
  padding-left: 15px;
  flex-grow: 40;
  text-align: left;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-queue .sl-redirect-queue-item .sl-redirect-queue-item-link {
  color: #F77348;
  flex-grow: 1;
  display: none;
  opacity: 0;
  transition: opacity 0.3s, box-shadow 0.3s;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-queue .sl-redirect-queue-item:hover .sl-redirect-queue-item-link {
  display: flex;
  opacity: 1;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-queue .sl-redirect-queue-item:active {
  opacity: 0.7;
  box-shadow: 0 0 0 0.2em #7393e8;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-queue .sl-redirect-queue-item:first-child {
  margin-top: 0;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-queue-name {
  text-align: left;
  font-size: 18px;
  padding-bottom: 30px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-queue-comment {
  margin-bottom: 15px;
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-queue-comment .sl-edit-label {
  text-align: left;
  color: rgba(14, 12, 28, 0.6);
}
.sl-workplace-layout .sl-dialog-hook:not(.sl-call-client-dialog).sl-dialog-inverted.sl-redirect-dialog .sl-redirect-wrapper .sl-redirect-queue-comment textarea {
  overflow: hidden;
  width: 100%;
  height: 120px;
}

.sl-workplace-login-layout {
  padding: 7px !important;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-header-wrapper {
  padding: 13px 26px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-header-wrapper .sl-header-item h1 {
  font-weight: 500;
  font-size: 36px;
  padding: 0;
  margin: 0;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-header-wrapper .sl-header-item .p-dropdown {
  background-color: #FEFEFF;
  position: relative;
  top: 8px;
  width: 100%;
  max-width: 520px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-header-wrapper .sl-header-item .p-dropdown .p-inputtext {
  background-color: #FEFEFF;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-header-wrapper .sl-header-item .p-dropdown .p-dropdown-trigger {
  background-color: #FEFEFF;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-dialog-hook.sl-dialog-inverted .p-dialog-footer {
  background-color: #FEFEFF;
  padding: 24px 30px 24px 30px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-dialog-hook .p-dialog-content {
  overflow-y: auto !important;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-default {
  border-top: 1px solid #D3D3D8;
  border-right: 1px solid #D3D3D8;
  border-bottom: 1px solid #D3D3D8;
  font-weight: 500;
  padding: 13px 26px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-other {
  border-top: 1px solid #D3D3D8;
  border-bottom: 1px solid #D3D3D8;
  font-weight: 500;
  padding: 13px 26px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-other .sl-ex-search {
  padding-bottom: 19px;
  margin-bottom: 19px;
  border-bottom: 1px solid #D3D3D8;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-other .sl-ex-search .p-inputtext {
  background: #ffffff;
  border: 1px solid rgba(14, 12, 28, 0.1);
  padding: 7px 20px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-other .sl-ex-search .p-inputtext:hover {
  border: 1px solid rgba(14, 12, 28, 0.1);
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-other .sl-ex-search .p-inputtext:focus {
  border: 1px solid rgba(14, 12, 28, 0.1);
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-other .sl-ex-search .p-inputtext:active {
  border: 1px solid rgba(14, 12, 28, 0.1);
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-other .sl-ex-search .p-inputtext {
  border-right: none !important;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-other .sl-ex-search span {
  color: #9A9BA5;
  font-size: 20px;
  border-left: none;
  background: #fff;
  padding-top: 13px;
  padding-right: 20px;
  cursor: pointer;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item {
  background: #FEFEFF;
  border: 1px solid #D3D3D8;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  transition: border-color 0.3s;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item.busy {
  background: transparent;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item.busy:hover {
  border: 1px solid #E6E6E8;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item:hover {
  border: 1px solid #F77348;
  box-shadow: 0 10px 20px rgba(3, 5, 27, 0.1);
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-header {
  display: flex;
  border-bottom: 1px solid #E6E6E8;
  font-size: 18px;
  padding: 30px;
  flex-grow: 1;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-header .sl-ex-id .sl-ex-id-item {
  border-radius: 60px;
  background: #F77348;
  padding: 11px 0;
  box-sizing: border-box;
  height: 45px;
  display: flex;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-header .sl-ex-id .sl-ex-id-item .icon {
  padding-left: 15px;
  color: rgba(254, 254, 255, 0.4);
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-header .sl-ex-id .sl-ex-id-item .text {
  padding-right: 19px;
  padding-left: 15px;
  color: #FEFEFF;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-header .sl-ex-title {
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-header .sl-ex-title .sl-title {
  line-height: 20px;
  font-size: 18px;
  word-break: break-all;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-header .sl-ex-title .sl-subtitle {
  font-size: 14px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-body {
  line-height: 22px;
  padding: 30px;
  flex-grow: 40;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-footer {
  display: flex;
  padding: 0 30px 30px 30px;
  flex-grow: 1;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-footer .state {
  color: #27AE60;
  width: 50%;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-footer .state.red {
  color: #E64848;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-footer .select {
  color: #F77348;
  width: 50%;
  text-align: right;
  cursor: pointer;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-footer .select span {
  color: #F77348;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-item .sl-ex-footer .select i {
  color: #F77348;
  font-size: 16px;
  position: relative;
  top: 2px;
  left: 3px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-badge-list {
  display: flex;
  flex-wrap: wrap;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-badge-list .sl-badge-item {
  background-color: #E7E8EB;
  padding: 7px 19px;
  border-radius: 2px;
  margin: 5px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-continuous-wrapper {
  background: #F77348;
  border: 1px solid #D3D3D8;
  box-sizing: border-box;
  border-radius: 2px;
  height: 60px;
  display: flex;
  padding: 21px 30px;
  width: 100%;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-continuous-wrapper .p-checkbox-box {
  color: #FEFEFF;
  border: 1px solid #FEFEFF !important;
  background: #F77348;
  border-radius: 3px;
  flex-grow: 1;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-continuous-wrapper .p-checkbox-box.p-highlight {
  border: 1px solid #FEFEFF !important;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-continuous-wrapper .p-checkbox-box:hover {
  border: 1px solid #FEFEFF !important;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-continuous-wrapper .sl-redirect-text {
  color: #FEFEFF;
  flex-grow: 40;
  text-align: left;
  padding-left: 11px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-continuous-wrapper i {
  flex-grow: 1;
  color: #FEFEFF;
  opacity: 0.4;
  font-size: 20px;
  position: relative;
  top: -3px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-workplace-profile-list {
  height: 195px;
  overflow-y: auto;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-workplace-profile-list .sl-workplace-profile-title {
  color: #9A9BA5;
  font-size: 18px;
  padding: 16px 0 8px 0;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-workplace-profile-list .sl-workplace-profile-item {
  background-color: #FEFEFF;
  color: #0E0C1C;
  padding: 19px 25px;
  margin-top: 10px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #D3D3D8;
  position: relative;
  top: 3px;
  transition: border 0.3s;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-workplace-profile-list .sl-workplace-profile-item:hover {
  border: 1px solid #F77348;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-workplace-profile-list .sl-workplace-profile-item span {
  width: 100%;
  padding-right: 15px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-workplace-profile-list .sl-workplace-profile-item i {
  color: #F77348;
  position: relative;
  top: 3px;
  padding-left: 5px;
  font-size: 18px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-workplace-profile-list .sl-workplace-profile-item i :first-child {
  padding-left: 0;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-workplace-profile-list .sl-workplace-profile-item i.disabled {
  opacity: 0.3;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-workplace-profile-list .sl-workplace-profile-item .sl-workplace-profile-item-arrow {
  opacity: 0;
  flex-grow: 1;
  transition: opacity 0.3s;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-workplace-profile-list .sl-workplace-profile-item:hover .sl-workplace-profile-item-arrow {
  opacity: 1;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-id {
  display: inline-flex;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-id .sl-ex-id-item {
  border-radius: 60px;
  background: #F77348;
  padding: 11px 0;
  box-sizing: border-box;
  height: 45px;
  display: flex;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-id .sl-ex-id-item .icon {
  padding-left: 15px;
  color: #FEFEFF;
}
.sl-workplace-login-layout .sl-workplace-wrapper .sl-ex-id .sl-ex-id-item .text {
  padding-right: 19px;
  padding-left: 15px;
  color: #FEFEFF;
}
.sl-workplace-login-layout .sl-workplace-wrapper .p-dialog {
  max-width: 450px;
  padding: 0;
}
.sl-workplace-login-layout .sl-workplace-wrapper .p-dialog .p-dialog-header {
  padding: 25px;
  text-align: center;
  background-color: #FEFEFF;
  font-size: 18px;
  align-items: flex-start;
}
.sl-workplace-login-layout .sl-workplace-wrapper .p-dialog .p-dialog-header .p-dialog-header-icon {
  margin-left: 10px;
  font-size: 24px;
  text-decoration: none;
}
.sl-workplace-login-layout .sl-workplace-wrapper .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
  border: unset;
  box-shadow: unset;
}
.sl-workplace-login-layout .sl-workplace-wrapper .p-dialog .p-dialog-content {
  background-color: #F1F2F2;
  padding: 30px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .p-dialog .sl-workplace-dialog-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.sl-workplace-login-layout .sl-workplace-wrapper .p-dialog .sl-workplace-dialog-header .sl-workplace-dialog-item {
  padding: 0 4px;
}
.sl-workplace-login-layout .sl-workplace-wrapper .p-dialog .sl-workplace-dialog-header .sl-workplace-dialog-item:first-child {
  padding: 0;
}
.sl-workplace-login-layout .sl-workplace-wrapper .p-dialog .sl-workplace-dialog-body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sl-workplace-login-layout .sl-workplace-wrapper .p-dialog .sl-workplace-dialog-body .sl-workplace-dialog-item {
  width: 100%;
}
.sl-workplace-login-layout .sl-workplace-wrapper .p-dialog .sl-workplace-dialog-body .sl-workplace-dialog-item.sl-top-border {
  margin-top: 20px;
  border-top: 1px solid #D3D3D8;
}

@media screen and (max-width: 430px) {
  .p-mb-12 {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }
}
@media screen and (max-width: 640px) {
  .p-ui-hidden {
    display: none !important;
  }
}
@media screen and (min-width: 640px) {
  .p-sm-hidden {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .p-md-hidden {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-hidden {
    display: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-xl-hidden {
    display: none !important;
  }
}
@media print {
  body * {
    visibility: visible;
    font-family: "Roboto" !important;
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari, Edge */
    color-adjust: exact !important; /*Firefox*/
  }
  .layout-topbar, .layout-menu-container, .layout-footer, .route-bar,
  .sl-table-toolbar, .sl-legend, .p-sidebar, .p-dialog, .p-component-overlay,
  .sl-servicing-filter, .p-sortable-column-icon, .sl-table-actions, .p-paginator {
    display: none !important;
  }
  .layout-wrapper {
    overflow: visible !important;
    width: auto;
    height: auto !important;
  }
  .layout-wrapper .layout-main {
    padding-top: 0;
  }
  .layout-wrapper .layout-content {
    overflow: visible;
    width: auto;
    height: auto;
  }
  .layout-wrapper .layout-content * {
    font-size: 5px;
  }
  .layout-wrapper .layout-content .p-datatable-wrapper thead {
    display: table-row-group;
  }
  .layout-wrapper .layout-content .card {
    background: transparent;
    padding: 0;
  }
  .layout-wrapper .layout-content .sl-statuses-percents {
    display: none;
  }
  .layout-wrapper .layout-content .sl-statuses-percents-print {
    display: block;
  }
  .cut-on-print {
    display: none !important;
    visibility: hidden !important;
  }
  .hide-on-print {
    opacity: 0 !important;
  }
}
.common-state.NEW {
  background-color: #1F4ABD;
}
.common-state.PROCESS, .common-state.ERROR_STATUS {
  background-color: #FA6800;
}
.common-state.SUCCESS {
  background-color: #008A00;
}
.common-state.TEMPORAL_ERROR, .common-state.ERROR {
  background-color: #E51400;
}

.coupon-state.ACTIVE {
  background-color: #27AE60;
}
.coupon-state.ARCHIVE {
  background-color: #EC903E;
}

div .vue-treeselect__control {
  padding-right: 0;
  height: 34px;
}
div .vue-treeselect__control.focused {
  border-color: #F77348;
}
div .vue-treeselect__control .vue-treeselect__multi-value-label {
  font-size: 1rem;
}
div .vue-treeselect__control .vue-treeselect__control-arrow {
  color: #ffffff;
}
div .vue-treeselect__control .vue-treeselect__control-arrow-container {
  background: #F77348;
  border-color: #F77348;
  width: 32px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
div .vue-treeselect__control .vue-treeselect__input {
  font-size: 1rem;
}
div .vue-treeselect__control .vue-treeselect__multi-value-item {
  color: #F77348;
  background: rgba(236, 190, 62, 0.2);
}
div .vue-treeselect__control .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new {
  background: rgba(247, 115, 72, 0.15);
}
div .vue-treeselect__control .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover {
  background: rgba(247, 115, 72, 0.15);
}
div .vue-treeselect__control .vue-treeselect__multi-value-item .vue-treeselect__icon.vue-treeselect__value-remove {
  transition: transform 0.2s;
  color: #F77348;
}
div .vue-treeselect__control .vue-treeselect__multi-value-item:hover .vue-treeselect__icon.vue-treeselect__value-remove {
  color: red;
  transform: scale(1.1);
}

.vue-treeselect__option .vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked {
  border-color: #F77348;
  background: #fff;
}
.vue-treeselect__option .vue-treeselect__checkbox--indeterminate {
  border-color: #F77348;
  background: #F77348;
}
.vue-treeselect__option .vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate {
  border-color: #F77348;
  background: #F77348;
}
.vue-treeselect__option .vue-treeselect__checkbox--checked {
  border-color: #F77348;
  background: #F77348;
}
.vue-treeselect__option .vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked {
  border-color: #F77348;
  background: #F77348;
}
.vue-treeselect__option .vue-treeselect__label {
  font-size: 1rem;
}

div .vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control {
  border-color: #F77348;
  box-shadow: none;
}

.sl-info-block {
  padding: 1.5rem;
  background: #e0f2fe;
  color: #1F4ABD;
  border: 1px solid rgba(31, 74, 189, 0.4);
  border-radius: 1rem;
  gap: 1rem;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.sl-info-block .sl-info-block-icon {
  color: #163383;
  font-size: 1.5rem;
}
.sl-info-block .sl-info-block-text {
  gap: 0.75rem;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
}
.sl-info-block .sl-info-block-text .sl-info-block-title {
  color: #163383;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.1;
}
.sl-info-block .sl-info-block-text .sl-info-block-message {
  font-size: 1.03rem;
  margin: 0;
}
.sl-info-block .sl-info-block-text .sl-info-block-bottom:empty {
  display: none;
}
.sl-info-block .sl-info-block-text .sl-info-block-bottom a {
  cursor: pointer;
  font-weight: 500;
  color: #163383;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */ /* IE/Edge */
  user-select: none; /* Стандартный синтаксис */
}
.sl-info-block .sl-info-block-text .sl-info-block-bottom a:hover {
  color: rgba(31, 74, 189, 0.7);
}
.sl-info-block.sl-info-block--warning {
  background: #fef9e7;
  color: #EC903E;
  border-color: rgba(236, 144, 62, 0.4);
}
.sl-info-block.sl-info-block--warning .sl-info-block-icon {
  color: #EC903E;
}
.sl-info-block.sl-info-block--warning .sl-info-block-text .sl-info-block-title {
  color: #EC903E;
}
.sl-info-block.sl-info-block--warning .sl-info-block-text .sl-info-block-bottom a {
  color: #EC903E;
}
.sl-info-block.sl-info-block--warning .sl-info-block-text .sl-info-block-bottom a:hover {
  color: rgba(236, 144, 62, 0.7);
}
.sl-info-block.sl-info-block--error {
  background: #fdecec;
  color: #E64848;
  border-color: rgba(230, 72, 72, 0.4);
}
.sl-info-block.sl-info-block--error .sl-info-block-icon {
  color: #E64848;
}
.sl-info-block.sl-info-block--error .sl-info-block-text .sl-info-block-title {
  color: #E64848;
}
.sl-info-block.sl-info-block--error .sl-info-block-text .sl-info-block-bottom a {
  color: #E64848;
}
.sl-info-block.sl-info-block--error .sl-info-block-text .sl-info-block-bottom a:hover {
  color: rgba(230, 72, 72, 0.7);
}

/*!
 * Copyright © Soft-logic LLC 2008-2025.
 * All rights to this software are owned by Soft-logic. Illegal copying and distribution is prohibited.
 * More information on the site http://paylogic-software.com/
 */
div .sl-uint-field {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  flex-direction: row;
}
div .sl-uint-field .sl-uint-field-count {
  width: 100%;
}
div .sl-uint-field .sl-uint-field-unit .sl-uint-field-unit-dropdown.without-arrow .p-dropdown-trigger {
  display: none;
}
div .sl-uint-field .sl-uint-field-unit .sl-uint-field-unit-dropdown {
  width: auto;
  min-width: 34px;
}
div .sl-uint-field .sl-uint-field-unit .sl-uint-field-unit-dropdown .p-dropdown-label, div .sl-uint-field .sl-uint-field-unit .sl-uint-field-unit-dropdown .p-dropdown-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
div .sl-uint-field .sl-uint-field-unit .sl-uint-field-unit-dropdown .p-dropdown {
  width: 100%;
  height: 100%;
}
div .sl-uint-field .sl-uint-field-unit .sl-uint-field-unit-dropdown .p-dropdown-item {
  padding: 0;
}
div .sl-uint-field .sl-uint-field-unit .sl-uint-field-unit-dropdown .sl-uint-field-unit-item {
  padding: 0.5rem 1rem;
  width: 100%;
  text-align: center;
}
div .sl-uint-field .sl-uint-field-unit .sl-uint-field-unit-dropdown .p-dropdown-panel.p-component {
  min-width: 4.6rem;
}

/*!
 * Copyright © Soft-logic LLC 2008-2025.
 * All rights to this software are owned by Soft-logic. Illegal copying and distribution is prohibited.
 * More information on the site http://paylogic-software.com/
 */
.sl-dialog-hook.w-450 {
  width: 450px;
}
.sl-dialog-hook .sl-dialog-switch-container .p-inputswitch {
  margin-top: 6px;
}
.sl-dialog-hook .sl-field-type-text-area-hook {
  max-height: 400px;
}
.sl-dialog-hook.p-dialog-maximized .p-dialog-content {
  display: flex;
  flex-direction: column;
}
.sl-dialog-hook.p-dialog-maximized .p-dialog-content .p-grid {
  flex-grow: 1;
  flex-direction: column;
}
.sl-dialog-hook.p-dialog-maximized .p-dialog-content .p-grid .sl-card-with-text-area-hook {
  flex-grow: 1;
  display: flex;
}
.sl-dialog-hook.p-dialog-maximized .p-dialog-content .p-grid .sl-card-with-text-area-hook .sl-card-hook {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sl-dialog-hook.p-dialog-maximized .p-dialog-content .p-grid .sl-card-with-text-area-hook .sl-card-hook .p-card-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.sl-dialog-hook.p-dialog-maximized .p-dialog-content .p-grid .sl-card-with-text-area-hook .sl-card-hook .p-card-body .p-card-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.sl-dialog-hook.p-dialog-maximized .p-dialog-content .p-grid .sl-card-with-text-area-hook .sl-card-hook .p-card-body .p-card-content .sl-text-area {
  flex-grow: 1;
}
.sl-dialog-hook.p-dialog-maximized .p-dialog-content .p-grid .sl-card-with-text-area-hook .sl-card-hook .p-card-body .p-card-content .sl-text-area .sl-field-type-text-area-hook {
  max-height: none;
  height: 100% !important;
}

/* Add your customizations of layout here */
.body {
  min-width: 400px;
}

button::-moz-focus-inner {
  border: 0;
}

.p-toast.p-toast-topright {
  top: 114px;
}

.p-toast-message {
  overflow-wrap: anywhere;
}

/* Responsive Table */
.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
  display: none;
}

@media screen and (max-width: 40em) {
  .p-datatable-responsive .p-datatable-thead > tr > th,
  .p-datatable-responsive .p-datatable-tfoot > tr > td {
    display: none !important;
  }
  .p-datatable-responsive .p-datatable-tbody > tr > td {
    text-align: left;
    display: block;
    border: 0 none !important;
    width: 100% !important;
    float: left;
    clear: left;
  }
  .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
    font-weight: bold;
  }
}
.layout-wrapper .layout-topbar .topbar-menu > li.user-profile button i {
  font-size: 14px;
  position: relative;
  top: -4px;
}

.layout-wrapper .layout-topbar .topbar-menu > li.user-profile button i.sl-user-avatar {
  font-size: 24px;
}

.layout-wrapper .layout-topbar .topbar-menu > li.user-profile .fadeInDown button i {
  top: 0;
}

@media screen and (max-width: 896px) {
  .layout-wrapper.layout-static .layout-footer {
    padding-left: 0;
  }
}

.hidden {
  display: none;
}

textarea {
  resize: none;
}

.sl-filter-label {
  display: block;
}

.sl-filter-slider {
  padding: 5px 15px 25px 15px;
}

.sl-edit-label {
  display: block;
}
.sl-edit-label.required:after {
  content: " *";
  color: red;
}
.sl-edit-label a {
  color: #F77348;
}

.sl-radiobutton-label {
  margin-left: 5px;
}

.sl-filter-actions {
  text-align: center;
  padding-top: 15px;
}
.sl-filter-actions button, .sl-filter-actions a {
  margin-left: 5px;
}
.sl-filter-actions button:first-child, .sl-filter-actions a:first-child {
  margin-left: 0;
}

.sl-update-actions button {
  width: auto !important;
  margin-left: 5px;
}
.sl-update-actions button:first-child {
  margin-left: 0;
}

button {
  outline: none !important;
}

.p-button.p-button-label-icon-left .p-button-label {
  padding: 0.3em 1em 0.3em 2em !important;
}
.p-button.p-button-label-only .p-button-label {
  padding: 0.3em 1em !important;
}
.p-button.sl-button-time {
  justify-content: center;
}

.sl-table-toolbar {
  display: inline-block;
  width: 100%;
  margin-bottom: 11px;
}
.sl-table-toolbar h1 {
  float: left;
}
.sl-table-toolbar .sl-spacer {
  margin: 0 7px;
  height: 33px;
  border-left: 1px solid rgba(206, 206, 210, 0.6);
}
.sl-table-toolbar div {
  float: right;
}
.sl-table-toolbar div .p-button:first-child {
  margin-left: 0;
}

.sl-toolbar {
  display: flex;
  width: 100%;
  margin-bottom: 11px;
}
.sl-toolbar.sl-right {
  justify-content: end;
}
.sl-toolbar .sl-spacer {
  margin: 0 7px;
  height: 33px;
  border-left: 1px solid rgba(206, 206, 210, 0.6);
}

.p-datatable-wrapper {
  overflow-x: auto;
}
.p-datatable-wrapper table {
  table-layout: auto !important;
}
.p-datatable-wrapper table thead .sl-table-actions {
  width: 80px;
  white-space: nowrap;
}
.p-datatable-wrapper table thead .sl-table-actions.actions-3 {
  width: 100px;
}
.p-datatable-wrapper table thead .sl-table-actions.actions-4 {
  width: 120px;
}
.p-datatable-wrapper table thead .sl-table-actions.actions-5 {
  width: 140px;
}
.p-datatable-wrapper table thead .sl-table-actions a {
  cursor: pointer;
}
.p-datatable-wrapper table thead .sl-table-actions-hook {
  width: 80px;
  white-space: nowrap;
}
.p-datatable-wrapper table thead .sl-table-actions-hook.actions-3 {
  width: 100px;
}
.p-datatable-wrapper table thead .sl-table-actions-hook.actions-4 {
  width: 120px;
}
.p-datatable-wrapper table tbody .sl-table-actions {
  text-align: center;
}
.p-datatable-wrapper table tbody .sl-table-actions a {
  margin-left: 8px;
  cursor: pointer;
}
.p-datatable-wrapper table tbody .sl-table-actions a:first-child {
  margin-left: 0;
}
.p-datatable-wrapper table tbody .sl-table-actions div {
  display: flex;
  justify-content: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  flex-wrap: nowrap;
}
.p-datatable-wrapper table tbody .sl-table-actions div a {
  margin-left: 0;
  cursor: pointer;
}
.p-datatable-wrapper table tbody .sl-table-actions-hook {
  text-align: center;
}
.p-datatable-wrapper table tbody .sl-table-actions-hook a {
  margin-left: 8px;
}
.p-datatable-wrapper table tbody .sl-table-actions-hook a:first-child {
  margin-left: 0;
}
.p-datatable-wrapper table tbody .sl-table-actions-hook div {
  display: flex;
  justify-content: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  flex-wrap: nowrap;
}
.p-datatable-wrapper table tbody .sl-table-actions-hook div a {
  margin-left: 0;
  cursor: pointer;
}

.sl-tree-table-actions-hook a {
  margin-left: 8px;
}

.p-sidebar-right {
  width: 25em !important;
  box-sizing: border-box;
}

.p-align-stretch .p-card {
  height: 100%;
}

.p-card.p-additional {
  display: flex;
}
.p-card.p-additional .p-card-body {
  width: 80%;
  box-sizing: border-box;
}
.p-card.p-additional .p-card-action {
  width: 20%;
  box-sizing: border-box;
  text-align: center;
  font-size: 45px;
  position: relative;
  top: 15px;
  color: #F77348;
}
.p-card.p-additional .p-card-action * {
  cursor: pointer;
}
.p-card .p-card-title a {
  cursor: pointer;
}

.sl-card-plus {
  height: 100%;
  min-height: 100px;
  background-color: #ffffff;
  color: #212121;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding-top: 10px;
  cursor: pointer;
}
.sl-card-plus i {
  font-size: 70px;
  margin: 0 auto;
  display: block;
  opacity: 0.16;
  height: 70%;
}
.sl-card-plus div {
  font-size: 11px;
  opacity: 0.5;
  text-align: center;
}

.p-dialog {
  min-width: 220px;
}
.p-dialog .p-progress-spinner {
  min-height: 120px;
  min-width: 160px;
  overflow: hidden;
}
.p-dialog.sl-long-text-dialog {
  width: 600px;
}
.p-dialog.sl-long-text-dialog.big {
  width: auto;
  min-width: 350px;
  max-width: 640px;
}
.p-dialog.sl-long-text-dialog.break-all .sl-long-text-dialog-value {
  word-break: break-all;
}
.p-dialog.sl-long-text-dialog .sl-long-text-dialog-value {
  height: auto;
  overflow: auto;
}
.p-dialog.sl-notification-dialog {
  width: 480px;
  height: 640px;
  background: #fff;
}
.p-dialog.sl-dialog-small {
  width: 350px;
}
.p-dialog.sl-dialog-370 {
  width: 370px;
}
.p-dialog.sl-dialog-410 {
  width: 410px;
}
.p-dialog.sl-dialog-680 {
  width: 680px;
}
.p-dialog.sl-dialog-normal {
  width: 640px;
}
.p-dialog.sl-dialog-large {
  width: 920px;
}
.p-dialog.sl-dialog-confirm {
  overflow: hidden;
}

.layout-wrapper .route-bar .route-bar-breadcrumb ul li {
  text-transform: none;
}

body {
  height: 100%;
}
body .layout-wrapper {
  height: 100%;
  overflow: hidden;
}
body .layout-wrapper .layout-topbar .topbar-menu > li > button {
  line-height: 60px !important;
}
body .layout-wrapper .layout-main {
  height: 96%;
  overflow: auto;
}
body .layout-wrapper .layout-footer {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
}

.sl-user-avatar {
  font-size: 36px;
  padding: 4px;
  color: #fff;
}

.sm-visible {
  display: none;
}

.p-treetable-tablewrapper td .sl-tree-value {
  max-width: 90%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: 3px;
}

.p-dialog.sl-fixed .p-dialog-content {
  overflow-y: unset !important;
}
.p-dialog.sl-long-text-dialog .p-dialog-content {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.p-dialog .p-dialog-content {
  overflow-y: unset !important;
}

@media screen and (max-width: 40em) {
  .p-treetable-responsive .sm-invisible {
    display: none;
  }
  .p-treetable-responsive .sm-visible {
    display: inline;
    margin-right: 0.5em;
  }
}
.sl-align.center {
  text-align: center;
}
.sl-align.right {
  text-align: right;
}
.sl-align.left {
  text-align: left;
}

.sl-tree .sm-visible {
  display: none;
}
.sl-tree-reger table {
  width: auto !important;
  overflow: scroll !important;
}
@media screen and (max-width: 1200px) {
  .sl-tree .sm-invisible {
    display: none;
  }
}

.sl-icon.grey {
  opacity: 0.4;
}
.sl-icon.green {
  color: #27AE60;
}
.sl-icon.orange {
  color: #F18C31;
}

.sl-separator.horizontal {
  border-top: 1px solid #D3D3D8;
  margin: 10px 0;
}

h2 {
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 20px;
}

.p-grid .p-datepicker {
  width: 100%;
}

.sl-subtitle {
  color: #9A9BA5;
}
.sl-subtitle.small {
  font-size: 11px;
}

.sl-badge, .sl-add-sale-cart-offer-content-condition, .sl-add-sale-add-offer-type, .sl-add-sale-add-offer-mode, .sl-monitoring-legend-icon, .sl-extract-client-invoice, .sl-staff-lease-warning, .sl-staff-lease-state, .sl-command-queue-state, .sl-packaging-work-work-type, .sl-packaging-work-sub-state, .sl-packaging-work-state, .sl-point-type, .sl-cashback-card-state, .sl-point-box-box-type, .sl-point-box-operation-type, .sl-paid-storage-operation-queue-state, .sl-access-pincode-status-state, .sl-packaging-state, .sl-post-operation-state, .sl-simple-rent-operation-state, .sl-lease-object-state, .sl-refund-state, .sl-payment-system-state, .sl-external-payment-status, .sl-payment-bank-state, .sl-acquiring-payment-state, .sl-action-type, .sl-client-state, .sl-ticket-state, .sl-pre-registration-state, .sl-ticket-cart-state, .sl-servicing-rate, .sl-servicing-state, .sl-delivery-operation-queue-state, .sl-identification-client-priority-state, .sl-sale-transfer-queue-state, .sl-loyalty-card-action, .sl-notification-queue-state, .sl-flag, .sl-form-item, .sl-yes-no, .sl-cpu-temp, .sl-logo-exist, .license-limit-status, .license-feature-status, .sl-client-vip, .sl-extract-client-rating, .sl-free-space-state, .sl-menu-item-machine-state, .sl-entity-state, .sl-base-text-icon, .sl-base-text-icons-column > *, .common-state, .coupon-state {
  border-radius: 1px;
  padding: 2px 4px;
  color: #FEFEFF;
  text-align: center;
  max-width: 125px;
  cursor: default;
}
.sl-badge.b-violet, .b-violet.sl-add-sale-cart-offer-content-condition, .b-violet.sl-add-sale-add-offer-type, .b-violet.sl-add-sale-add-offer-mode, .b-violet.sl-monitoring-legend-icon, .b-violet.sl-extract-client-invoice, .b-violet.sl-staff-lease-warning, .b-violet.sl-staff-lease-state, .b-violet.sl-command-queue-state, .b-violet.sl-packaging-work-work-type, .b-violet.sl-packaging-work-sub-state, .b-violet.sl-packaging-work-state, .b-violet.sl-point-type, .b-violet.sl-cashback-card-state, .b-violet.sl-point-box-box-type, .b-violet.sl-point-box-operation-type, .b-violet.sl-paid-storage-operation-queue-state, .b-violet.sl-access-pincode-status-state, .b-violet.sl-packaging-state, .b-violet.sl-post-operation-state, .b-violet.sl-simple-rent-operation-state, .b-violet.sl-lease-object-state, .b-violet.sl-refund-state, .b-violet.sl-payment-system-state, .b-violet.sl-external-payment-status, .b-violet.sl-payment-bank-state, .b-violet.sl-acquiring-payment-state, .b-violet.sl-action-type, .b-violet.sl-client-state, .b-violet.sl-ticket-state, .b-violet.sl-pre-registration-state, .b-violet.sl-ticket-cart-state, .b-violet.sl-servicing-rate, .b-violet.sl-servicing-state, .b-violet.sl-delivery-operation-queue-state, .b-violet.sl-identification-client-priority-state, .b-violet.sl-sale-transfer-queue-state, .b-violet.sl-loyalty-card-action, .b-violet.sl-notification-queue-state, .b-violet.sl-flag, .b-violet.sl-form-item, .b-violet.sl-yes-no, .b-violet.sl-cpu-temp, .b-violet.sl-logo-exist, .b-violet.license-limit-status, .b-violet.license-feature-status, .b-violet.sl-client-vip, .b-violet.sl-extract-client-rating, .b-violet.sl-free-space-state, .b-violet.sl-menu-item-machine-state, .b-violet.sl-entity-state, .b-violet.sl-base-text-icon, .sl-base-text-icons-column > .b-violet, .b-violet.common-state, .b-violet.coupon-state {
  background-color: #B200ED;
}
.sl-badge.b-blue, .b-blue.sl-add-sale-cart-offer-content-condition, .b-blue.sl-add-sale-add-offer-type, .b-blue.sl-add-sale-add-offer-mode, .b-blue.sl-monitoring-legend-icon, .b-blue.sl-extract-client-invoice, .b-blue.sl-staff-lease-warning, .b-blue.sl-staff-lease-state, .b-blue.sl-command-queue-state, .b-blue.sl-packaging-work-work-type, .b-blue.sl-packaging-work-sub-state, .b-blue.sl-packaging-work-state, .b-blue.sl-point-type, .b-blue.sl-cashback-card-state, .b-blue.sl-point-box-box-type, .b-blue.sl-point-box-operation-type, .b-blue.sl-paid-storage-operation-queue-state, .b-blue.sl-access-pincode-status-state, .b-blue.sl-packaging-state, .b-blue.sl-post-operation-state, .b-blue.sl-simple-rent-operation-state, .b-blue.sl-lease-object-state, .b-blue.sl-refund-state, .b-blue.sl-payment-system-state, .b-blue.sl-external-payment-status, .b-blue.sl-payment-bank-state, .b-blue.sl-acquiring-payment-state, .b-blue.sl-action-type, .b-blue.sl-client-state, .b-blue.sl-ticket-state, .b-blue.sl-pre-registration-state, .b-blue.sl-ticket-cart-state, .b-blue.sl-servicing-rate, .b-blue.sl-servicing-state, .b-blue.sl-delivery-operation-queue-state, .b-blue.sl-identification-client-priority-state, .b-blue.sl-sale-transfer-queue-state, .b-blue.sl-loyalty-card-action, .b-blue.sl-notification-queue-state, .b-blue.sl-flag, .b-blue.sl-form-item, .b-blue.sl-yes-no, .b-blue.sl-cpu-temp, .b-blue.sl-logo-exist, .b-blue.license-limit-status, .b-blue.license-feature-status, .b-blue.sl-client-vip, .b-blue.sl-extract-client-rating, .b-blue.sl-free-space-state, .b-blue.sl-menu-item-machine-state, .b-blue.sl-entity-state, .b-blue.sl-base-text-icon, .sl-base-text-icons-column > .b-blue, .b-blue.common-state, .b-blue.coupon-state {
  background-color: #1F4ABD;
}
.sl-badge.b-green, .b-green.sl-add-sale-cart-offer-content-condition, .b-green.sl-add-sale-add-offer-type, .b-green.sl-add-sale-add-offer-mode, .b-green.sl-monitoring-legend-icon, .b-green.sl-extract-client-invoice, .b-green.sl-staff-lease-warning, .b-green.sl-staff-lease-state, .b-green.sl-command-queue-state, .b-green.sl-packaging-work-work-type, .b-green.sl-packaging-work-sub-state, .b-green.sl-packaging-work-state, .b-green.sl-point-type, .b-green.sl-cashback-card-state, .b-green.sl-point-box-box-type, .b-green.sl-point-box-operation-type, .b-green.sl-paid-storage-operation-queue-state, .b-green.sl-access-pincode-status-state, .b-green.sl-packaging-state, .b-green.sl-post-operation-state, .b-green.sl-simple-rent-operation-state, .b-green.sl-lease-object-state, .b-green.sl-refund-state, .b-green.sl-payment-system-state, .b-green.sl-external-payment-status, .b-green.sl-payment-bank-state, .b-green.sl-acquiring-payment-state, .b-green.sl-action-type, .b-green.sl-client-state, .b-green.sl-ticket-state, .b-green.sl-pre-registration-state, .b-green.sl-ticket-cart-state, .b-green.sl-servicing-rate, .b-green.sl-servicing-state, .b-green.sl-delivery-operation-queue-state, .b-green.sl-identification-client-priority-state, .b-green.sl-sale-transfer-queue-state, .b-green.sl-loyalty-card-action, .b-green.sl-notification-queue-state, .b-green.sl-flag, .b-green.sl-form-item, .b-green.sl-yes-no, .b-green.sl-cpu-temp, .b-green.sl-logo-exist, .b-green.license-limit-status, .b-green.license-feature-status, .b-green.sl-client-vip, .b-green.sl-extract-client-rating, .b-green.sl-free-space-state, .b-green.sl-menu-item-machine-state, .b-green.sl-entity-state, .b-green.sl-base-text-icon, .sl-base-text-icons-column > .b-green, .b-green.common-state, .b-green.coupon-state {
  background-color: #27AE60;
}
.sl-badge.b-yellow, .b-yellow.sl-add-sale-cart-offer-content-condition, .b-yellow.sl-add-sale-add-offer-type, .b-yellow.sl-add-sale-add-offer-mode, .b-yellow.sl-monitoring-legend-icon, .b-yellow.sl-extract-client-invoice, .b-yellow.sl-staff-lease-warning, .b-yellow.sl-staff-lease-state, .b-yellow.sl-command-queue-state, .b-yellow.sl-packaging-work-work-type, .b-yellow.sl-packaging-work-sub-state, .b-yellow.sl-packaging-work-state, .b-yellow.sl-point-type, .b-yellow.sl-cashback-card-state, .b-yellow.sl-point-box-box-type, .b-yellow.sl-point-box-operation-type, .b-yellow.sl-paid-storage-operation-queue-state, .b-yellow.sl-access-pincode-status-state, .b-yellow.sl-packaging-state, .b-yellow.sl-post-operation-state, .b-yellow.sl-simple-rent-operation-state, .b-yellow.sl-lease-object-state, .b-yellow.sl-refund-state, .b-yellow.sl-payment-system-state, .b-yellow.sl-external-payment-status, .b-yellow.sl-payment-bank-state, .b-yellow.sl-acquiring-payment-state, .b-yellow.sl-action-type, .b-yellow.sl-client-state, .b-yellow.sl-ticket-state, .b-yellow.sl-pre-registration-state, .b-yellow.sl-ticket-cart-state, .b-yellow.sl-servicing-rate, .b-yellow.sl-servicing-state, .b-yellow.sl-delivery-operation-queue-state, .b-yellow.sl-identification-client-priority-state, .b-yellow.sl-sale-transfer-queue-state, .b-yellow.sl-loyalty-card-action, .b-yellow.sl-notification-queue-state, .b-yellow.sl-flag, .b-yellow.sl-form-item, .b-yellow.sl-yes-no, .b-yellow.sl-cpu-temp, .b-yellow.sl-logo-exist, .b-yellow.license-limit-status, .b-yellow.license-feature-status, .b-yellow.sl-client-vip, .b-yellow.sl-extract-client-rating, .b-yellow.sl-free-space-state, .b-yellow.sl-menu-item-machine-state, .b-yellow.sl-entity-state, .b-yellow.sl-base-text-icon, .sl-base-text-icons-column > .b-yellow, .b-yellow.common-state, .b-yellow.coupon-state {
  background-color: #ECBE3E;
}
.sl-badge.b-orange, .b-orange.sl-add-sale-cart-offer-content-condition, .b-orange.sl-add-sale-add-offer-type, .b-orange.sl-add-sale-add-offer-mode, .b-orange.sl-monitoring-legend-icon, .b-orange.sl-extract-client-invoice, .b-orange.sl-staff-lease-warning, .b-orange.sl-staff-lease-state, .b-orange.sl-command-queue-state, .b-orange.sl-packaging-work-work-type, .b-orange.sl-packaging-work-sub-state, .b-orange.sl-packaging-work-state, .b-orange.sl-point-type, .b-orange.sl-cashback-card-state, .b-orange.sl-point-box-box-type, .b-orange.sl-point-box-operation-type, .b-orange.sl-paid-storage-operation-queue-state, .b-orange.sl-access-pincode-status-state, .b-orange.sl-packaging-state, .b-orange.sl-post-operation-state, .b-orange.sl-simple-rent-operation-state, .b-orange.sl-lease-object-state, .b-orange.sl-refund-state, .b-orange.sl-payment-system-state, .b-orange.sl-external-payment-status, .b-orange.sl-payment-bank-state, .b-orange.sl-acquiring-payment-state, .b-orange.sl-action-type, .b-orange.sl-client-state, .b-orange.sl-ticket-state, .b-orange.sl-pre-registration-state, .b-orange.sl-ticket-cart-state, .b-orange.sl-servicing-rate, .b-orange.sl-servicing-state, .b-orange.sl-delivery-operation-queue-state, .b-orange.sl-identification-client-priority-state, .b-orange.sl-sale-transfer-queue-state, .b-orange.sl-loyalty-card-action, .b-orange.sl-notification-queue-state, .b-orange.sl-flag, .b-orange.sl-form-item, .b-orange.sl-yes-no, .b-orange.sl-cpu-temp, .b-orange.sl-logo-exist, .b-orange.license-limit-status, .b-orange.license-feature-status, .b-orange.sl-client-vip, .b-orange.sl-extract-client-rating, .b-orange.sl-free-space-state, .b-orange.sl-menu-item-machine-state, .b-orange.sl-entity-state, .b-orange.sl-base-text-icon, .sl-base-text-icons-column > .b-orange, .b-orange.common-state, .b-orange.coupon-state {
  background-color: #EC903E;
}
.sl-badge.b-red, .b-red.sl-add-sale-cart-offer-content-condition, .b-red.sl-add-sale-add-offer-type, .b-red.sl-add-sale-add-offer-mode, .b-red.sl-monitoring-legend-icon, .b-red.sl-extract-client-invoice, .b-red.sl-staff-lease-warning, .b-red.sl-staff-lease-state, .b-red.sl-command-queue-state, .b-red.sl-packaging-work-work-type, .b-red.sl-packaging-work-sub-state, .b-red.sl-packaging-work-state, .b-red.sl-point-type, .b-red.sl-cashback-card-state, .b-red.sl-point-box-box-type, .b-red.sl-point-box-operation-type, .b-red.sl-paid-storage-operation-queue-state, .b-red.sl-access-pincode-status-state, .b-red.sl-packaging-state, .b-red.sl-post-operation-state, .b-red.sl-simple-rent-operation-state, .b-red.sl-lease-object-state, .b-red.sl-refund-state, .b-red.sl-payment-system-state, .b-red.sl-external-payment-status, .b-red.sl-payment-bank-state, .b-red.sl-acquiring-payment-state, .b-red.sl-action-type, .b-red.sl-client-state, .b-red.sl-ticket-state, .b-red.sl-pre-registration-state, .b-red.sl-ticket-cart-state, .b-red.sl-servicing-rate, .b-red.sl-servicing-state, .b-red.sl-delivery-operation-queue-state, .b-red.sl-identification-client-priority-state, .b-red.sl-sale-transfer-queue-state, .b-red.sl-loyalty-card-action, .b-red.sl-notification-queue-state, .b-red.sl-flag, .b-red.sl-form-item, .b-red.sl-yes-no, .b-red.sl-cpu-temp, .b-red.sl-logo-exist, .b-red.license-limit-status, .b-red.license-feature-status, .b-red.sl-client-vip, .b-red.sl-extract-client-rating, .b-red.sl-free-space-state, .b-red.sl-menu-item-machine-state, .b-red.sl-entity-state, .b-red.sl-base-text-icon, .sl-base-text-icons-column > .b-red, .b-red.common-state, .b-red.coupon-state {
  background-color: #E64848;
}
.sl-badge.violet, .violet.sl-add-sale-cart-offer-content-condition, .violet.sl-add-sale-add-offer-type, .violet.sl-add-sale-add-offer-mode, .violet.sl-monitoring-legend-icon, .violet.sl-extract-client-invoice, .violet.sl-staff-lease-warning, .violet.sl-staff-lease-state, .violet.sl-command-queue-state, .violet.sl-packaging-work-work-type, .violet.sl-packaging-work-sub-state, .violet.sl-packaging-work-state, .violet.sl-point-type, .violet.sl-cashback-card-state, .violet.sl-point-box-box-type, .violet.sl-point-box-operation-type, .violet.sl-paid-storage-operation-queue-state, .violet.sl-access-pincode-status-state, .violet.sl-packaging-state, .violet.sl-post-operation-state, .violet.sl-simple-rent-operation-state, .violet.sl-lease-object-state, .violet.sl-refund-state, .violet.sl-payment-system-state, .violet.sl-external-payment-status, .violet.sl-payment-bank-state, .violet.sl-acquiring-payment-state, .violet.sl-action-type, .violet.sl-client-state, .violet.sl-ticket-state, .violet.sl-pre-registration-state, .violet.sl-ticket-cart-state, .violet.sl-servicing-rate, .violet.sl-servicing-state, .violet.sl-delivery-operation-queue-state, .violet.sl-identification-client-priority-state, .violet.sl-sale-transfer-queue-state, .violet.sl-loyalty-card-action, .violet.sl-notification-queue-state, .violet.sl-flag, .violet.sl-form-item, .violet.sl-yes-no, .violet.sl-cpu-temp, .violet.sl-logo-exist, .violet.license-limit-status, .violet.license-feature-status, .violet.sl-client-vip, .violet.sl-extract-client-rating, .violet.sl-free-space-state, .violet.sl-menu-item-machine-state, .violet.sl-entity-state, .violet.sl-base-text-icon, .sl-base-text-icons-column > .violet, .violet.common-state, .violet.coupon-state {
  color: #B200ED;
}
.sl-badge.blue, .blue.sl-add-sale-cart-offer-content-condition, .blue.sl-add-sale-add-offer-type, .blue.sl-add-sale-add-offer-mode, .blue.sl-monitoring-legend-icon, .blue.sl-extract-client-invoice, .blue.sl-staff-lease-warning, .blue.sl-staff-lease-state, .blue.sl-command-queue-state, .blue.sl-packaging-work-work-type, .blue.sl-packaging-work-sub-state, .blue.sl-packaging-work-state, .blue.sl-point-type, .blue.sl-cashback-card-state, .blue.sl-point-box-box-type, .blue.sl-point-box-operation-type, .blue.sl-paid-storage-operation-queue-state, .blue.sl-access-pincode-status-state, .blue.sl-packaging-state, .blue.sl-post-operation-state, .blue.sl-simple-rent-operation-state, .blue.sl-lease-object-state, .blue.sl-refund-state, .blue.sl-payment-system-state, .blue.sl-external-payment-status, .blue.sl-payment-bank-state, .blue.sl-acquiring-payment-state, .blue.sl-action-type, .blue.sl-client-state, .blue.sl-ticket-state, .blue.sl-pre-registration-state, .blue.sl-ticket-cart-state, .blue.sl-servicing-rate, .blue.sl-servicing-state, .blue.sl-delivery-operation-queue-state, .blue.sl-identification-client-priority-state, .blue.sl-sale-transfer-queue-state, .blue.sl-loyalty-card-action, .blue.sl-notification-queue-state, .blue.sl-flag, .blue.sl-form-item, .blue.sl-yes-no, .blue.sl-cpu-temp, .blue.sl-logo-exist, .blue.license-limit-status, .blue.license-feature-status, .blue.sl-client-vip, .blue.sl-extract-client-rating, .blue.sl-free-space-state, .blue.sl-menu-item-machine-state, .blue.sl-entity-state, .blue.sl-base-text-icon, .sl-base-text-icons-column > .blue, .blue.common-state, .blue.coupon-state {
  color: #1F4ABD;
}
.sl-badge.green, .green.sl-add-sale-cart-offer-content-condition, .green.sl-add-sale-add-offer-type, .green.sl-add-sale-add-offer-mode, .green.sl-monitoring-legend-icon, .green.sl-extract-client-invoice, .green.sl-staff-lease-warning, .green.sl-staff-lease-state, .green.sl-command-queue-state, .green.sl-packaging-work-work-type, .green.sl-packaging-work-sub-state, .green.sl-packaging-work-state, .green.sl-point-type, .green.sl-cashback-card-state, .green.sl-point-box-box-type, .green.sl-point-box-operation-type, .green.sl-paid-storage-operation-queue-state, .green.sl-access-pincode-status-state, .green.sl-packaging-state, .green.sl-post-operation-state, .green.sl-simple-rent-operation-state, .green.sl-lease-object-state, .green.sl-refund-state, .green.sl-payment-system-state, .green.sl-external-payment-status, .green.sl-payment-bank-state, .green.sl-acquiring-payment-state, .green.sl-action-type, .green.sl-client-state, .green.sl-ticket-state, .green.sl-pre-registration-state, .green.sl-ticket-cart-state, .green.sl-servicing-rate, .green.sl-servicing-state, .green.sl-delivery-operation-queue-state, .green.sl-identification-client-priority-state, .green.sl-sale-transfer-queue-state, .green.sl-loyalty-card-action, .green.sl-notification-queue-state, .green.sl-flag, .green.sl-form-item, .green.sl-yes-no, .green.sl-cpu-temp, .green.sl-logo-exist, .green.license-limit-status, .green.license-feature-status, .green.sl-client-vip, .green.sl-extract-client-rating, .green.sl-free-space-state, .green.sl-menu-item-machine-state, .green.sl-entity-state, .green.sl-base-text-icon, .sl-base-text-icons-column > .green, .green.common-state, .green.coupon-state {
  color: #27AE60;
}
.sl-badge.yellow, .yellow.sl-add-sale-cart-offer-content-condition, .yellow.sl-add-sale-add-offer-type, .yellow.sl-add-sale-add-offer-mode, .yellow.sl-monitoring-legend-icon, .yellow.sl-extract-client-invoice, .yellow.sl-staff-lease-warning, .yellow.sl-staff-lease-state, .yellow.sl-command-queue-state, .yellow.sl-packaging-work-work-type, .yellow.sl-packaging-work-sub-state, .yellow.sl-packaging-work-state, .yellow.sl-point-type, .yellow.sl-cashback-card-state, .yellow.sl-point-box-box-type, .yellow.sl-point-box-operation-type, .yellow.sl-paid-storage-operation-queue-state, .yellow.sl-access-pincode-status-state, .yellow.sl-packaging-state, .yellow.sl-post-operation-state, .yellow.sl-simple-rent-operation-state, .yellow.sl-lease-object-state, .yellow.sl-refund-state, .yellow.sl-payment-system-state, .yellow.sl-external-payment-status, .yellow.sl-payment-bank-state, .yellow.sl-acquiring-payment-state, .yellow.sl-action-type, .yellow.sl-client-state, .yellow.sl-ticket-state, .yellow.sl-pre-registration-state, .yellow.sl-ticket-cart-state, .yellow.sl-servicing-rate, .yellow.sl-servicing-state, .yellow.sl-delivery-operation-queue-state, .yellow.sl-identification-client-priority-state, .yellow.sl-sale-transfer-queue-state, .yellow.sl-loyalty-card-action, .yellow.sl-notification-queue-state, .yellow.sl-flag, .yellow.sl-form-item, .yellow.sl-yes-no, .yellow.sl-cpu-temp, .yellow.sl-logo-exist, .yellow.license-limit-status, .yellow.license-feature-status, .yellow.sl-client-vip, .yellow.sl-extract-client-rating, .yellow.sl-free-space-state, .yellow.sl-menu-item-machine-state, .yellow.sl-entity-state, .yellow.sl-base-text-icon, .sl-base-text-icons-column > .yellow, .yellow.common-state, .yellow.coupon-state {
  color: #ECBE3E;
}
.sl-badge.orange, .orange.sl-add-sale-cart-offer-content-condition, .orange.sl-add-sale-add-offer-type, .orange.sl-add-sale-add-offer-mode, .orange.sl-monitoring-legend-icon, .orange.sl-extract-client-invoice, .orange.sl-staff-lease-warning, .orange.sl-staff-lease-state, .orange.sl-command-queue-state, .orange.sl-packaging-work-work-type, .orange.sl-packaging-work-sub-state, .orange.sl-packaging-work-state, .orange.sl-point-type, .orange.sl-cashback-card-state, .orange.sl-point-box-box-type, .orange.sl-point-box-operation-type, .orange.sl-paid-storage-operation-queue-state, .orange.sl-access-pincode-status-state, .orange.sl-packaging-state, .orange.sl-post-operation-state, .orange.sl-simple-rent-operation-state, .orange.sl-lease-object-state, .orange.sl-refund-state, .orange.sl-payment-system-state, .orange.sl-external-payment-status, .orange.sl-payment-bank-state, .orange.sl-acquiring-payment-state, .orange.sl-action-type, .orange.sl-client-state, .orange.sl-ticket-state, .orange.sl-pre-registration-state, .orange.sl-ticket-cart-state, .orange.sl-servicing-rate, .orange.sl-servicing-state, .orange.sl-delivery-operation-queue-state, .orange.sl-identification-client-priority-state, .orange.sl-sale-transfer-queue-state, .orange.sl-loyalty-card-action, .orange.sl-notification-queue-state, .orange.sl-flag, .orange.sl-form-item, .orange.sl-yes-no, .orange.sl-cpu-temp, .orange.sl-logo-exist, .orange.license-limit-status, .orange.license-feature-status, .orange.sl-client-vip, .orange.sl-extract-client-rating, .orange.sl-free-space-state, .orange.sl-menu-item-machine-state, .orange.sl-entity-state, .orange.sl-base-text-icon, .sl-base-text-icons-column > .orange, .orange.common-state, .orange.coupon-state {
  color: #EC903E;
}
.sl-badge.red, .red.sl-add-sale-cart-offer-content-condition, .red.sl-add-sale-add-offer-type, .red.sl-add-sale-add-offer-mode, .red.sl-monitoring-legend-icon, .red.sl-extract-client-invoice, .red.sl-staff-lease-warning, .red.sl-staff-lease-state, .red.sl-command-queue-state, .red.sl-packaging-work-work-type, .red.sl-packaging-work-sub-state, .red.sl-packaging-work-state, .red.sl-point-type, .red.sl-cashback-card-state, .red.sl-point-box-box-type, .red.sl-point-box-operation-type, .red.sl-paid-storage-operation-queue-state, .red.sl-access-pincode-status-state, .red.sl-packaging-state, .red.sl-post-operation-state, .red.sl-simple-rent-operation-state, .red.sl-lease-object-state, .red.sl-refund-state, .red.sl-payment-system-state, .red.sl-external-payment-status, .red.sl-payment-bank-state, .red.sl-acquiring-payment-state, .red.sl-action-type, .red.sl-client-state, .red.sl-ticket-state, .red.sl-pre-registration-state, .red.sl-ticket-cart-state, .red.sl-servicing-rate, .red.sl-servicing-state, .red.sl-delivery-operation-queue-state, .red.sl-identification-client-priority-state, .red.sl-sale-transfer-queue-state, .red.sl-loyalty-card-action, .red.sl-notification-queue-state, .red.sl-flag, .red.sl-form-item, .red.sl-yes-no, .red.sl-cpu-temp, .red.sl-logo-exist, .red.license-limit-status, .red.license-feature-status, .red.sl-client-vip, .red.sl-extract-client-rating, .red.sl-free-space-state, .red.sl-menu-item-machine-state, .red.sl-entity-state, .red.sl-base-text-icon, .sl-base-text-icons-column > .red, .red.common-state, .red.coupon-state {
  color: #E64848;
}
.sl-badge.pink, .pink.sl-add-sale-cart-offer-content-condition, .pink.sl-add-sale-add-offer-type, .pink.sl-add-sale-add-offer-mode, .pink.sl-monitoring-legend-icon, .pink.sl-extract-client-invoice, .pink.sl-staff-lease-warning, .pink.sl-staff-lease-state, .pink.sl-command-queue-state, .pink.sl-packaging-work-work-type, .pink.sl-packaging-work-sub-state, .pink.sl-packaging-work-state, .pink.sl-point-type, .pink.sl-cashback-card-state, .pink.sl-point-box-box-type, .pink.sl-point-box-operation-type, .pink.sl-paid-storage-operation-queue-state, .pink.sl-access-pincode-status-state, .pink.sl-packaging-state, .pink.sl-post-operation-state, .pink.sl-simple-rent-operation-state, .pink.sl-lease-object-state, .pink.sl-refund-state, .pink.sl-payment-system-state, .pink.sl-external-payment-status, .pink.sl-payment-bank-state, .pink.sl-acquiring-payment-state, .pink.sl-action-type, .pink.sl-client-state, .pink.sl-ticket-state, .pink.sl-pre-registration-state, .pink.sl-ticket-cart-state, .pink.sl-servicing-rate, .pink.sl-servicing-state, .pink.sl-delivery-operation-queue-state, .pink.sl-identification-client-priority-state, .pink.sl-sale-transfer-queue-state, .pink.sl-loyalty-card-action, .pink.sl-notification-queue-state, .pink.sl-flag, .pink.sl-form-item, .pink.sl-yes-no, .pink.sl-cpu-temp, .pink.sl-logo-exist, .pink.license-limit-status, .pink.license-feature-status, .pink.sl-client-vip, .pink.sl-extract-client-rating, .pink.sl-free-space-state, .pink.sl-menu-item-machine-state, .pink.sl-entity-state, .pink.sl-base-text-icon, .sl-base-text-icons-column > .pink, .pink.common-state, .pink.coupon-state {
  color: rgb(230, 87, 146);
}
.sl-badge.black, .black.sl-add-sale-cart-offer-content-condition, .black.sl-add-sale-add-offer-type, .black.sl-add-sale-add-offer-mode, .black.sl-monitoring-legend-icon, .black.sl-extract-client-invoice, .black.sl-staff-lease-warning, .black.sl-staff-lease-state, .black.sl-command-queue-state, .black.sl-packaging-work-work-type, .black.sl-packaging-work-sub-state, .black.sl-packaging-work-state, .black.sl-point-type, .black.sl-cashback-card-state, .black.sl-point-box-box-type, .black.sl-point-box-operation-type, .black.sl-paid-storage-operation-queue-state, .black.sl-access-pincode-status-state, .black.sl-packaging-state, .black.sl-post-operation-state, .black.sl-simple-rent-operation-state, .black.sl-lease-object-state, .black.sl-refund-state, .black.sl-payment-system-state, .black.sl-external-payment-status, .black.sl-payment-bank-state, .black.sl-acquiring-payment-state, .black.sl-action-type, .black.sl-client-state, .black.sl-ticket-state, .black.sl-pre-registration-state, .black.sl-ticket-cart-state, .black.sl-servicing-rate, .black.sl-servicing-state, .black.sl-delivery-operation-queue-state, .black.sl-identification-client-priority-state, .black.sl-sale-transfer-queue-state, .black.sl-loyalty-card-action, .black.sl-notification-queue-state, .black.sl-flag, .black.sl-form-item, .black.sl-yes-no, .black.sl-cpu-temp, .black.sl-logo-exist, .black.license-limit-status, .black.license-feature-status, .black.sl-client-vip, .black.sl-extract-client-rating, .black.sl-free-space-state, .black.sl-menu-item-machine-state, .black.sl-entity-state, .black.sl-base-text-icon, .sl-base-text-icons-column > .black, .black.common-state, .black.coupon-state {
  color: #000000;
}
.sl-badge.gray, .gray.sl-add-sale-cart-offer-content-condition, .gray.sl-add-sale-add-offer-type, .gray.sl-add-sale-add-offer-mode, .gray.sl-monitoring-legend-icon, .gray.sl-extract-client-invoice, .gray.sl-staff-lease-warning, .gray.sl-staff-lease-state, .gray.sl-command-queue-state, .gray.sl-packaging-work-work-type, .gray.sl-packaging-work-sub-state, .gray.sl-packaging-work-state, .gray.sl-point-type, .gray.sl-cashback-card-state, .gray.sl-point-box-box-type, .gray.sl-point-box-operation-type, .gray.sl-paid-storage-operation-queue-state, .gray.sl-access-pincode-status-state, .gray.sl-packaging-state, .gray.sl-post-operation-state, .gray.sl-simple-rent-operation-state, .gray.sl-lease-object-state, .gray.sl-refund-state, .gray.sl-payment-system-state, .gray.sl-external-payment-status, .gray.sl-payment-bank-state, .gray.sl-acquiring-payment-state, .gray.sl-action-type, .gray.sl-client-state, .gray.sl-ticket-state, .gray.sl-pre-registration-state, .gray.sl-ticket-cart-state, .gray.sl-servicing-rate, .gray.sl-servicing-state, .gray.sl-delivery-operation-queue-state, .gray.sl-identification-client-priority-state, .gray.sl-sale-transfer-queue-state, .gray.sl-loyalty-card-action, .gray.sl-notification-queue-state, .gray.sl-flag, .gray.sl-form-item, .gray.sl-yes-no, .gray.sl-cpu-temp, .gray.sl-logo-exist, .gray.license-limit-status, .gray.license-feature-status, .gray.sl-client-vip, .gray.sl-extract-client-rating, .gray.sl-free-space-state, .gray.sl-menu-item-machine-state, .gray.sl-entity-state, .gray.sl-base-text-icon, .sl-base-text-icons-column > .gray, .sl-base-text-icons-column > .action-button, .gray.common-state, .gray.coupon-state {
  color: #adb5bd;
}

.sl-base-text-icons-column {
  display: flex;
}
.sl-base-text-icons-column.center {
  justify-content: center;
}
.sl-base-text-icons-column > *:first-child {
  margin-left: 0;
}
.sl-base-text-icons-column > * {
  margin-left: 6px;
}
.sl-base-text-icons-column > *.action-button:hover {
  color: #F77348;
}

.sl-base-text-icon, .sl-base-text-icons-column > * {
  padding: 3px;
  justify-content: center;
  align-items: center;
}

.sl-base-tag, .sl-entity-state-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  color: #334155;
  font-weight: 600;
  padding: 0.12rem 0.5rem;
  border-radius: 6px;
  min-width: 22px;
}
.sl-base-tag.enlarged, .sl-entity-state-tag {
  font-size: 1.02rem;
}
.sl-base-tag.corner, .corner.sl-entity-state-tag {
  border-radius: 0 0 6px 0;
}
.sl-base-tag.cursor, .cursor.sl-entity-state-tag {
  cursor: default;
}
.sl-base-tag.orange, .orange.sl-entity-state-tag {
  background: #ffedd5;
  color: #e85d30;
}
.sl-base-tag.blue, .blue.sl-entity-state-tag {
  background: #e0f2fe;
  color: #1F4ABD;
}
.sl-base-tag.green, .green.sl-entity-state-tag {
  background: #dcfce7;
  color: #27AE60;
}
.sl-base-tag.pink, .pink.sl-entity-state-tag {
  background: rgb(252, 231, 243);
  color: rgb(193, 46, 107);
}
.sl-base-tag.red, .red.sl-entity-state-tag {
  background: rgb(255, 226, 226);
  color: #E64848;
}
.sl-base-tag.violet, .violet.sl-entity-state-tag {
  background: #eee5fd;
  color: #6F25E8;
}
.sl-base-tag.black, .black.sl-entity-state-tag {
  background: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}
.sl-base-tag.disabled, .disabled.sl-entity-state-tag {
  background: #f1f5f9;
  color: #9A9BA5;
}

.sl-entity-state.ACTIVE {
  background-color: #27AE60;
}
.sl-entity-state.BLOCKED {
  background-color: #EC903E;
}
.sl-entity-state.DELETED {
  background-color: #E64848;
}
.sl-entity-state-ACTIVE {
  color: #27AE60;
}
.sl-entity-state-BLOCKED {
  color: #EC903E;
}
.sl-entity-state-DELETED {
  color: #E64848;
}
.sl-entity-state-true {
  color: #27AE60;
}
.sl-entity-state-false {
  color: #EC903E;
}

.sl-entity-state-tag {
  min-width: 100px;
}

.sl-menu-item-machine-state.ACTIVE {
  background-color: #27AE60;
}
.sl-menu-item-machine-state.BLOCKED {
  background-color: #EC903E;
}
.sl-menu-item-machine-state.HIDDEN {
  background-color: #1F4ABD;
}

.sl-free-space-state.ok {
  background-color: #27AE60;
}
.sl-free-space-state.warning {
  background-color: #EC903E;
}
.sl-free-space-state.error {
  background-color: #E64848;
}

.sl-extract-client-rating {
  margin: 0 auto;
}
.sl-extract-client-rating.good {
  background-color: #27AE60;
}
.sl-extract-client-rating.normal {
  background-color: #EC903E;
}
.sl-extract-client-rating.bad {
  background-color: #E64848;
}
.sl-extract-client-rating.empty {
  color: inherit;
}

.sl-client-create-by {
  margin: 0 auto;
}
.sl-client-create-by.kiosk {
  color: #1F4ABD;
}
.sl-client-create-by.manager {
  color: #27AE60;
}
.sl-client-create-by.receptionist {
  color: #EC903E;
}
.sl-client-create-by.pre_registration {
  color: #E64848;
}

.sl-client-vip {
  margin: 0 auto;
  color: #EC903E;
}

.license-feature-status.enabled {
  background-color: #27AE60;
}
.license-feature-status.blocked {
  background-color: #E64848;
}
.license-limit-status.normal {
  color: inherit;
}
.license-limit-status.warning {
  background-color: #E64848;
}

@media screen and (min-width: 1200px) {
  .sl-extract-client-data-field {
    width: 15% !important;
  }
  .sl-extract-client-organization-field {
    width: 35% !important;
  }
}
.sl-tag {
  border-radius: 1px;
  padding: 2px 4px;
  color: #fefeff;
  text-align: center;
  margin-bottom: 5px;
}
.sl-tag.one {
  background-color: #27AE60;
}
.sl-tag.two {
  background-color: #6D8764;
}
.sl-tag.three {
  background-color: #EC903E;
}
.sl-tag.four {
  background-color: #c65210;
}

.sl-logo-exist {
  background-color: #EC903E;
}
.sl-logo-exist.yes {
  background-color: #27AE60;
}

@media print {
  .cut-on-print {
    opacity: 0 !important;
  }
}

.microchip-for-chrome, .page-description-print {
  display: none;
}
@media print {
  .microchip-for-chrome, .page-description-print {
    display: block !important;
  }
}

.pge-accordion .header {
  font-size: 18px;
  font-weight: 500;
}
.pge-accordion .p-accordion-header {
  margin-top: -1px;
  border: 1px solid transparent;
  border-bottom: 1px solid #dee2e6;
}
.pge-accordion .p-highlight {
  border: 1px solid #dee2e6;
}

.sl-sbp-legend-type.WITHOUT, .sl-sbp-legend-type.NEW, .sl-sbp-legend-type.NO_EXPORT {
  color: #25ABE8;
}
.sl-sbp-legend-type.SUCCESS, .sl-sbp-legend-type.RETURN_SUCCESS, .sl-sbp-legend-type.EXPORT_SUCCESS {
  color: #27AE60;
}
.sl-sbp-legend-type.CANCEL, .sl-sbp-legend-type.RETURN_ERROR, .sl-sbp-legend-type.TEMP_ERROR, .sl-sbp-legend-type.ERROR, .sl-sbp-legend-type.EXPORT_ERROR {
  color: #E64848;
}
.sl-sbp-legend-type.WAIT, .sl-sbp-legend-type.REFUND, .sl-sbp-legend-type.RETURN_INIT, .sl-sbp-legend-type.PROCESSING, .sl-sbp-legend-type.WAITING_CALLBACK, .sl-sbp-legend-type.EXPORT_INITIATED {
  color: #EC903E;
}

.sl-cpu-temp.view {
  height: 17px;
  max-width: 40px;
  margin-right: 0;
  font-size: 10px;
  padding-left: 3px;
}
.sl-cpu-temp.normal {
  background-color: #27AE60;
}
.sl-cpu-temp.warning {
  background-color: #F77348;
}
.sl-cpu-temp.critical {
  background-color: #E64848;
}

.sl-payment-type {
  color: #F77348;
}
.sl-payment-type .item {
  padding: 0 3px;
}

.sl-yes-no {
  max-width: 40px;
}
.sl-yes-no.true {
  background-color: #27AE60;
}
.sl-yes-no.false {
  background-color: #EC903E;
}
.sl-yes-no.null {
  background-color: #EC903E;
  max-width: 150px;
}
.sl-yes-no.inverter.true {
  background-color: #F77348;
}
.sl-yes-no.inverter.false {
  background-color: #27AE60;
}
.sl-yes-no.inverter.null {
  background-color: #EC903E;
  max-width: 150px;
}

.sl-form-item.true {
  background-color: #27AE60;
}
.sl-form-item.false {
  background-color: #EC903E;
}

.sl-flag {
  max-width: 40px;
}
.sl-flag.true {
  background-color: #27AE60;
}
.sl-flag.false {
  background-color: #1F4ABD;
}
.sl-flag.queue-chain {
  background-color: #25ABE8;
}
.sl-flag.client-chain {
  background-color: #FA6800;
}

.sl-notification-queue-state.NEW, .sl-notification-queue-state.PROCESSING {
  background-color: #ffffff;
  color: #0E0C1C;
}
.sl-notification-queue-state.SEND, .sl-notification-queue-state.STATUS {
  background-color: #1F4ABD;
}
.sl-notification-queue-state.ERROR_SEND, .sl-notification-queue-state.ERROR_STATUS {
  background-color: #FA6800;
}
.sl-notification-queue-state.ERROR_MONEY {
  background-color: #6D8764;
}
.sl-notification-queue-state.SUCCESS {
  background-color: #008A00;
}
.sl-notification-queue-state.ERROR {
  background-color: #E51400;
}

.sl-fiscalization-state.NEW {
  color: #1F4ABD;
}
.sl-fiscalization-state.PROVIDER {
  color: #09ea7b;
}
.sl-fiscalization-state.PROCESS, .sl-fiscalization-state.ERROR_STATUS {
  color: #FA6800;
}
.sl-fiscalization-state.SUCCESS {
  color: #008A00;
}
.sl-fiscalization-state.TEMPORAL_ERROR, .sl-fiscalization-state.ERROR {
  color: #E51400;
}

.sl-loyalty-card-action.INCREASE {
  background-color: #008A00;
}
.sl-loyalty-card-action.DECREASE {
  background-color: #E51400;
}

.sl-sale-transfer-queue-state.NEW {
  background-color: #1F4ABD;
}
.sl-sale-transfer-queue-state.PROCESS, .sl-sale-transfer-queue-state.ERROR_STATUS {
  background-color: #FA6800;
}
.sl-sale-transfer-queue-state.SUCCESS {
  background-color: #008A00;
}
.sl-sale-transfer-queue-state.TEMPORAL_ERROR, .sl-sale-transfer-queue-state.ERROR {
  background-color: #E51400;
}

.sl-identification-client-priority-state {
  max-width: 100px;
  width: 100%;
}
.sl-identification-client-priority-state.NEW, .sl-identification-client-priority-state.PROCESSING {
  background-color: #ffffff;
  color: #0E0C1C;
}
.sl-identification-client-priority-state.DEFAULT {
  background-color: #1F4ABD;
}
.sl-identification-client-priority-state.HIGH {
  background-color: #FA6800;
}
.sl-identification-client-priority-state.MAX {
  background-color: #E51400;
}

.sl-delivery-operation-queue-state.NEW {
  background-color: rgba(154, 155, 165, 0.1);
  color: #0E0C1C;
}
.sl-delivery-operation-queue-state.PLACING, .sl-delivery-operation-queue-state.PLACED {
  background-color: #1F4ABD;
}
.sl-delivery-operation-queue-state.EXTRACTING_CLIENT, .sl-delivery-operation-queue-state.EXTRACTING_COURIER {
  background-color: #FA6800;
}
.sl-delivery-operation-queue-state.EXTRACTED_CLIENT, .sl-delivery-operation-queue-state.EXTRACTED_COURIER {
  background-color: #008A00;
}
.sl-delivery-operation-queue-state.CANCELED, .sl-delivery-operation-queue-state.EXPIRED {
  background-color: #E51400;
}

.sl-servicing-state.sl-0 {
  background-color: #F3C741;
}
.sl-servicing-state.sl-1 {
  background-color: #F18C31;
}
.sl-servicing-state.sl-2 {
  background-color: #27AE60;
}
.sl-servicing-state.sl-3 {
  background-color: #EB5757;
}
.sl-servicing-state.sl-4 {
  background-color: #F18C31;
}
.sl-servicing-state.sl-5 {
  background-color: #F18C31;
}

.sl-servicing-rate {
  width: 50px;
}
.sl-servicing-rate.sl-servicing-rate-value-0 {
  background-color: rgb(230, 72, 72);
}
.sl-servicing-rate.sl-servicing-rate-value-1 {
  background-color: rgba(230, 72, 72, 0.8);
}
.sl-servicing-rate.sl-servicing-rate-value-2 {
  background-color: rgba(236, 144, 62, 0.8);
}
.sl-servicing-rate.sl-servicing-rate-value-3 {
  background-color: rgb(236, 144, 62);
}
.sl-servicing-rate.sl-servicing-rate-value-4 {
  background-color: rgba(39, 174, 96, 0.8);
}
.sl-servicing-rate.sl-servicing-rate-value-5 {
  background-color: rgb(39, 174, 96);
}

.sl-ticket-cart-state.NEW, .sl-ticket-cart-state.RESERVE {
  background-color: #1F4ABD;
}
.sl-ticket-cart-state.PAID {
  background-color: #27AE60;
}
.sl-ticket-cart-state.CANCEL {
  background-color: #EC903E;
}

.sl-pre-registration-state.NEW {
  background-color: #1F4ABD;
}
.sl-pre-registration-state.REGISTERED {
  background-color: #27AE60;
}
.sl-pre-registration-state.CANCELED {
  background-color: #EC903E;
}

.sl-ticket-state.NEW, .sl-ticket-state.RESERVE {
  background-color: #1F4ABD;
}
.sl-ticket-state.PAID, .sl-ticket-state.USED {
  background-color: #27AE60;
}
.sl-ticket-state.CANCEL {
  background-color: #EC903E;
}
.sl-ticket-state.RETURN {
  background-color: #fcc7b5;
}

.sl-client-state.sl-1 {
  background-color: #27AE60;
}
.sl-client-state.sl-2 {
  background-color: #F3C741;
}
.sl-client-state.sl-3 {
  background-color: #F18C31;
}
.sl-client-state.sl-4 {
  background-color: #27AE60;
}
.sl-client-state.sl-5 {
  background-color: #EB5757;
}
.sl-client-state.sl-6 {
  background-color: #EB5757;
}

.sl-action-type.type-1 {
  background-color: #1F4ABD;
}
.sl-action-type.type-2 {
  background-color: #EC903E;
}
.sl-action-type.type-3 {
  background-color: #E64848;
}
.sl-action-type.type-4 {
  background-color: #27AE60;
}
.sl-action-type.type-5 {
  background-color: #27AE60;
}
.sl-action-type.type-6 {
  background-color: #E64848;
}

.sl-vpn-mode.OFF i {
  color: #1F4ABD;
}
.sl-vpn-mode.TEMP i {
  color: #EC903E;
}
.sl-vpn-mode.ON i {
  color: #27AE60;
}

.sl-offline-packet-error-count {
  color: #E64848 !important;
}
.sl-offline-packet-error-count.OK {
  color: #27AE60;
}
.sl-offline-packet-error-count.WARNING {
  color: #EC903E;
}
.sl-offline-packet-error-count.ERROR {
  color: #E64848;
}

.sl-flag-state.false i {
  color: #1F4ABD;
}
.sl-flag-state.true i {
  color: #27AE60;
}

.sl-acquiring-payment-state.NEW {
  background-color: #1F4ABD;
}
.sl-acquiring-payment-state.WAIT {
  background-color: #EC903E;
}
.sl-acquiring-payment-state.SUCCESS {
  background-color: #27AE60;
}
.sl-acquiring-payment-state.REJECT_BANK, .sl-acquiring-payment-state.REJECT_CLIENT, .sl-acquiring-payment-state.TIMEOUT {
  background-color: #E64848;
}

.sl-payment-bank-state.WAIT {
  background-color: #EC903E;
}
.sl-payment-bank-state.SUCCESS {
  background-color: #27AE60;
}
.sl-payment-bank-state.CANCEL {
  background-color: #E64848;
}
.sl-payment-bank-state.REFUND {
  background-color: #9A9BA5;
}

.sl-external-payment-status.RESERVE {
  background-color: #25abe8;
}
.sl-external-payment-status.WRITE_OFF_NEED_CONFIRM, .sl-external-payment-status.ROLLBACK_NEED {
  background-color: #1F4ABD;
}
.sl-external-payment-status.WRITE_OFF_PROCESSED, .sl-external-payment-status.ROLLBACK_PROCESSED {
  background-color: #27AE60;
}
.sl-external-payment-status.RESERVE_CONFIRM, .sl-external-payment-status.WRITE_OFF_SUCCESS, .sl-external-payment-status.ROLLBACK_SUCCESS {
  background-color: #008A00;
}
.sl-external-payment-status.INVALID_DETAILS {
  background-color: #EC903E;
}
.sl-external-payment-status.NO_MONEY, .sl-external-payment-status.WRITE_OFF_TEMPORAL_ERROR, .sl-external-payment-status.ROLLBACK_TEMPORAL_ERROR {
  background-color: #FA6800;
}
.sl-external-payment-status.NETWORK_ERROR, .sl-external-payment-status.WRITE_OFF_IMPOSSIBLE_CONFIRM, .sl-external-payment-status.ROLLBACK_IMPOSSIBLE_CONFIRM {
  background-color: #E64848;
}

.sl-payment-system-state.WAIT {
  background-color: #EC903E;
}
.sl-payment-system-state.SUCCESS {
  background-color: #27AE60;
}
.sl-payment-system-state.CANCEL {
  background-color: #E64848;
}

.sl-refund-state.NEW {
  background-color: #1F4ABD;
}
.sl-refund-state.WAIT {
  background-color: #EC903E;
}
.sl-refund-state.ERROR_NETWORK {
  background-color: #fcc7b5;
}
.sl-refund-state.SUCCESS {
  background-color: #27AE60;
}
.sl-refund-state.REJECT, .sl-refund-state.TIMEOUT {
  background-color: #E64848;
}

.sl-lease-object-state.NONE {
  background-color: #1F4ABD;
}
.sl-lease-object-state.LOAD {
  background-color: #EC903E;
}
.sl-lease-object-state.ISSUED {
  background-color: #F3C741;
}
.sl-lease-object-state.RETURN {
  background-color: #27AE60;
}
.sl-lease-object-state.ARCHIVE {
  background-color: rgba(154, 155, 165, 0.1);
  color: #0E0C1C;
}

.sl-simple-rent-operation-state.WAIT_RECEIVING {
  background-color: #1F4ABD;
}
.sl-simple-rent-operation-state.ISSUED, .sl-simple-rent-operation-state.WAIT_CHECK {
  background-color: #EC903E;
}
.sl-simple-rent-operation-state.SUCCESS {
  background-color: #27AE60;
}
.sl-simple-rent-operation-state.ERROR {
  background-color: #E64848;
}
.sl-simple-rent-operation-state.CANCEL {
  background-color: #fcc7b5;
}

.sl-post-operation-state.NEW {
  background-color: #1F4ABD;
}
.sl-post-operation-state.LOAD_CLIENT {
  background-color: rgba(39, 174, 96, 0.8);
}
.sl-post-operation-state.EXTRACT_CLIENT {
  background-color: rgb(39, 174, 96);
}
.sl-post-operation-state.LOAD_COURIER {
  background-color: rgba(236, 144, 62, 0.8);
}
.sl-post-operation-state.EXTRACT_COURIER {
  background-color: rgb(236, 144, 62);
}
.sl-post-operation-state.INITIATED_EXTRACTION {
  background-color: #6f25e8;
}
.sl-post-operation-state.AWAITING_EXTRACTION {
  background-color: #FA6800;
}
.sl-post-operation-state.CANCEL {
  background-color: #EB5757;
}
.sl-post-operation-state.IN_STOCK {
  background-color: #57ebeb;
}
.sl-post-operation-state.HANDED_OVER_TO_THE_COURIER {
  background-color: #ebdf57;
}
.sl-post-operation-state.RETURNED_TO_WAREHOUSE {
  background-color: #552828;
}
.sl-post-operation-state.RETURNED_TO_SELLER {
  background-color: #455528;
}
.sl-post-operation-state.HAND_DELIVERED {
  background-color: #aad658;
}
.sl-post-operation-state.RETURN_TO_WAREHOUSE_WITHOUT_LOAD {
  background-color: #8a1f3f;
}

.sl-packaging-state.NEW {
  background-color: #1F4ABD;
}
.sl-packaging-state.LOST {
  background-color: #E64848;
}

.sl-access-pincode-status-state.ACTIVE {
  background-color: #27AE60;
}
.sl-access-pincode-status-state.EXPIRED {
  background-color: #EC903E;
}
.sl-access-pincode-status-state.ARCHIVE {
  background-color: #E64848;
}

.sl-paid-storage-operation-queue-state.ACTIVE {
  background-color: #1F4ABD;
}
.sl-paid-storage-operation-queue-state.CLOSE {
  background-color: #27AE60;
}

.sl-point-box-operation-type.SERVICE_LOAD {
  background-color: #33CCCC;
}
.sl-point-box-operation-type.SERVICE_EXTRACT {
  background-color: #CC9933;
}
.sl-point-box-operation-type.SERVICE_COMPLETE_EXTRACT {
  background-color: #996633;
}
.sl-point-box-operation-type.USER_PREPARE {
  background-color: #993300;
}
.sl-point-box-operation-type.USER_DISPENSE {
  background-color: #CC0000;
}
.sl-point-box-operation-type.USER_CAPTURE {
  background-color: #FF0033;
}

.sl-point-box-box-type.ACC_MAIN, .sl-point-box-box-type.DISP_MAIN {
  background-color: #990033;
}
.sl-point-box-box-type.ACC_REJECT, .sl-point-box-box-type.DISP_REJECT {
  background-color: #006666;
}
.sl-point-box-box-type.ACC_EXTRACT, .sl-point-box-box-type.DISP_EXTRACT {
  background-color: #CC0099;
}

.sl-cashback-card-state.NEW {
  background-color: #990033;
}
.sl-cashback-card-state.REPAID {
  background-color: #006666;
}
.sl-cashback-card-state.BLOCK {
  background-color: #CC0099;
}

.card h1 {
  margin: 0 0 0.5em 0;
  border-bottom: 1px solid #d5d5d5;
  padding: 0.1em;
  font-size: 24px;
}

.sl-dashboard .p-chart {
  padding-bottom: 10px;
}

.sl-chart-empty-wrapper {
  text-align: center;
}
.sl-chart-empty-wrapper .sl-chart-empty-icon {
  color: #F77348;
}
.p-autocomplete-multiple.sl-multiple {
  box-sizing: border-box;
  transition: border 0s;
  display: block;
  height: auto;
  background-color: #f5f5f5;
  border: 1px solid #E0E0E0;
}
.p-autocomplete-multiple.sl-multiple:hover {
  background-color: #f5f5f5;
  color: #9A9BA5;
  border: 1px solid #bdbdbd;
}
.p-autocomplete-multiple.sl-multiple:hover .p-autocomplete-multiple-container {
  border: none;
}
.p-autocomplete-multiple.sl-multiple:hover .p-autocomplete-dropdown {
  border: none;
  background: #f5f5f5;
  color: #9A9BA5;
}
.p-autocomplete-multiple.sl-multiple.p-inputwrapper-focus {
  border: 1px solid #F77348 !important;
}
.p-autocomplete-multiple.sl-multiple.p-inputwrapper-focus .p-autocomplete-multiple-container {
  border: none;
}
.p-autocomplete-multiple.sl-multiple.p-inputwrapper-focus .p-autocomplete-dropdown {
  border: none;
}
.p-autocomplete-multiple.sl-multiple.p-inputwrapper-focus:hover {
  background-color: #f5f5f5;
  color: #9A9BA5;
  border: none;
}
.p-autocomplete-multiple.sl-multiple.p-inputwrapper-focus:hover .p-autocomplete-multiple-container {
  border: none;
}
.p-autocomplete-multiple.sl-multiple.p-inputwrapper-focus:hover .p-autocomplete-dropdown {
  border: none;
  background: #f5f5f5;
  color: #9A9BA5;
}
.p-autocomplete-multiple.sl-multiple .p-autocomplete-multiple-container {
  height: 100%;
  box-sizing: border-box;
  transition: border 0s;
  border: none;
  display: block;
}
.p-autocomplete-multiple.sl-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
  margin-bottom: 1px !important;
}
.p-autocomplete-multiple.sl-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-label {
  margin-left: 1.3em;
}
.p-autocomplete-multiple.sl-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
  left: 0.2em;
  right: 0;
}
.p-autocomplete-multiple.sl-multiple .p-autocomplete-token {
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 100%;
}
.p-autocomplete-multiple.sl-multiple .p-autocomplete-token .p-autocomplete-token-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-autocomplete-multiple.sl-multiple .p-autocomplete-dropdown {
  height: 100%;
  box-sizing: border-box;
  background: #f5f5f5;
  color: #9A9BA5;
  border: none;
}

.p-autocomplete-items .p-autocomplete-item {
  white-space: break-spaces;
}

.p-sidebar-mask {
  transition-duration: 0.2s !important;
}

.sl-calendar-time-only input.display-time:enabled:hover {
  border-color: #bdbdbd;
}

.sl-calendar-time-only input.display-time {
  width: 100px !important;
  background: #f5f5f5;
}

.sl-calendar-time-only {
  width: 100px !important;
}

.sl-reset-work-time {
  padding-left: 10px;
  color: red;
  cursor: pointer;
}

.sl-person-ssh-key-actions {
  text-align: right;
}
.sl-person-ssh-key-actions button {
  width: auto !important;
}

.sl-person-ssh-key-item {
  display: flex;
  border-top: 1px solid #D3D3D8;
  margin-top: 10px;
  padding-top: 10px;
  max-width: 570px;
}
.sl-person-ssh-key-item.first {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.sl-person-ssh-key-item .sl-person-ssh-key-item_icon {
  color: #9A9BA5;
  width: 5%;
  align-items: center;
  display: flex;
}
.sl-person-ssh-key-item .sl-person-ssh-key-item_key {
  width: 85%;
}
.sl-person-ssh-key-item .sl-person-ssh-key-item_key a {
  color: #0E0C1C;
  cursor: pointer;
}
.sl-person-ssh-key-item .sl-person-ssh-key-item_key .sl-person-ssh-key-item_info {
  display: flex;
  justify-content: space-between;
  width: 98%;
}
.sl-person-ssh-key-item .sl-person-ssh-key-item_key .sl-person-ssh-key-item_info div {
  color: #9A9BA5;
}
.sl-person-ssh-key-item .sl-person-ssh-key-item_actions {
  width: 6%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sl-values-item {
  display: flex;
  border-top: 1px solid #D3D3D8;
  margin-top: 10px;
  padding-top: 10px;
  max-width: 570px;
}
.sl-values-item.first {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.sl-values-item .sl-values-item-body {
  width: 85%;
  color: #0E0C1C;
}
.sl-values-item .sl-values-item-body a {
  color: inherit;
  cursor: pointer;
}
.sl-values-item .sl-values-item-body a.sl-subtitle {
  color: #9A9BA5;
}
.sl-values-item .sl-values-item-action {
  width: 6%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.sl-values-item .sl-values-item-action i {
  margin-left: 5px;
}
.sl-values-item .sl-values-item-action i:first-child {
  margin-left: 0;
}

.p-fluid .p-button.sl-width-auto {
  width: auto;
}

.sl-monitoring-dialog {
  width: calc(100% - 250px) !important;
  z-index: 999999999 !important;
}
.sl-monitoring-dialog .info-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.sl-monitoring-dialog .info-wrapper.first {
  margin-top: 0;
}
.sl-monitoring-dialog .info-wrapper .info-title {
  font-size: 17px;
  font-weight: 500;
  padding-bottom: 5px;
}
.sl-monitoring-dialog .info-wrapper .info-body {
  border: 1px solid #D3D3D8;
  padding: 5px 10px;
}
.sl-monitoring-dialog .info-wrapper .info-body.h90 {
  height: 90vh;
  overflow: auto;
}
.sl-monitoring-dialog .info-wrapper .info-body.inner {
  margin: 0 5px;
  border: none;
}
.sl-monitoring-dialog .info-wrapper .info-body.wrapper {
  padding: 0;
}
.sl-monitoring-dialog .info-wrapper .info-body .info-body-title {
  padding: 5px 15px;
  font-weight: 500;
  font-size: 17px;
}
.sl-monitoring-dialog .info-wrapper .info-body .info-item {
  display: flex;
  border-top: 1px solid #D3D3D8;
  padding: 5px 10px;
}
.sl-monitoring-dialog .info-wrapper .info-body .info-item:first-child {
  border-top: none;
}
.sl-monitoring-dialog .info-wrapper .info-body .info-item .title {
  flex: 1;
}
.sl-monitoring-dialog .info-wrapper .info-body .info-item .value {
  flex: 1;
  color: #9A9BA5;
}
.sl-monitoring-dialog .interface-wrapper {
  border: 1px solid #D3D3D8;
  padding: 5px 10px;
}
.sl-monitoring-dialog .interface-wrapper .interface-title {
  font-size: 17px;
  font-weight: 500;
  padding: 5px 10px;
}
.sl-monitoring-dialog .interface-wrapper .interface-subtitle {
  color: #9A9BA5;
  font-size: 12px;
  padding: 5px 10px 20px 10px;
}
.sl-monitoring-dialog .interface-wrapper .interface-body .interface-item {
  display: flex;
  border-top: 1px solid #D3D3D8;
  padding: 5px 10px;
}
.sl-monitoring-dialog .interface-wrapper .interface-body .interface-item:first-child {
  border-top: none;
}
.sl-monitoring-dialog .interface-wrapper .interface-body .interface-item .title {
  flex: 1;
}
.sl-monitoring-dialog .interface-wrapper .interface-body .interface-item .value {
  flex: 1;
  color: #9A9BA5;
}
.sl-monitoring-dialog .interface-wrapper .interface-body .interface-item .value .sl-yes-no {
  float: left;
}
.sl-monitoring-dialog .device-wrapper {
  border: 1px solid #D3D3D8;
  margin: 20px 0;
  display: flex;
  padding: 5px 10px;
}
.sl-monitoring-dialog .device-wrapper .device-info {
  flex: 1;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header {
  display: flex;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-header-left {
  flex: 1;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-header-left .device-title {
  font-size: 17px;
  font-weight: 500;
  padding: 5px 10px;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-header-left .device-subtitle {
  color: #9A9BA5;
  font-size: 12px;
  padding: 0 10px 0 10px;
  overflow-wrap: anywhere;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-header-left .device-subtitle:first-child {
  padding-top: 5px;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-state {
  width: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-state .state {
  color: #27AE60;
  font-size: 45px;
  position: relative;
  top: 6px;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-state .state.error {
  color: #E64848;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-state .state.unknown {
  color: #EC903E;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-state .event-type {
  color: #EC903E;
  font-size: 45px;
  position: relative;
  top: 6px;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-state .event-type.et-1 {
  color: #03b5fc;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-state .event-type.et-2 {
  color: #fc9003;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-state .event-type.et-3 {
  color: #fc0303;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-state .event-type.et-10 {
  color: #03ad1d;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-header .device-state .event-type.et-11 {
  color: #ff00c3;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-body .device-item {
  display: flex;
  border-top: 1px solid #D3D3D8;
  padding: 5px 10px;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-body .device-item:first-child {
  border-top: none;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-body .device-item .title {
  flex: 1;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-body .device-item .value {
  flex: 1;
  color: #9A9BA5;
  overflow-wrap: anywhere;
}
.sl-monitoring-dialog .device-wrapper .device-info .device-body .device-item .value .sl-yes-no {
  float: left;
}
.sl-monitoring-dialog .device-wrapper .device-info .p-fieldset {
  padding: 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin-top: 10px;
}
.sl-monitoring-dialog .device-wrapper .device-info .p-fieldset .p-fieldset-legend a {
  background: none;
  border: none;
  color: #0E0C1C;
  padding: 0;
}
.sl-monitoring-dialog .device-wrapper .device-info .p-fieldset .p-fieldset-legend a:focus {
  box-shadow: none;
}
.sl-monitoring-dialog .device-wrapper .device-info .p-fieldset .p-fieldset-legend a .p-fieldset-toggler {
  position: relative;
  top: -1px;
}
.sl-monitoring-dialog .device-wrapper .device-info .p-fieldset .p-fieldset-legend a .p-fieldset-legend-text {
  font-size: 11px;
  color: #9A9BA5;
  position: relative;
  top: -2px;
}

.sl-label {
  border-radius: 2px;
  background: #F77348;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  color: #fff;
}
.sl-label.device {
  border-radius: 0 !important;
  max-width: 210px !important;
}
.sl-label .sl-label-text {
  flex: 1;
}
.sl-label .sl-label-count {
  background: white;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  color: #F77348;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}
.sl-label .sl-label-count span {
  position: relative;
  top: 2px;
}

body a {
  outline: none !important;
}

.layout-wrapper .layout-menu-container .layout-menu {
  padding: 14px 0 120px 0;
}
.layout-wrapper .layout-menu-container .layout-menu ul li.active-menuitem {
  border-left: 6px solid #F77348;
  background: #2D2A3B;
}
.layout-wrapper .layout-menu-container .layout-menu ul li.active-menuitem > a {
  padding-left: 13px !important;
}
.layout-wrapper .layout-menu-container .layout-menu ul li.wrap {
  padding-bottom: 1px;
  background: rgba(159, 159, 164, 0.4);
}
.layout-wrapper .layout-menu-container .layout-menu ul li a {
  padding: 15px 0 15px 20px !important;
}
.layout-wrapper .layout-menu-container .layout-menu ul li a.router-link-active, .layout-wrapper .layout-menu-container .layout-menu ul li a.router-link-exact-active {
  background-color: #444051;
}
.layout-wrapper .layout-menu-container .layout-menu ul li a .layout-menuitem-text {
  padding-left: 5px;
}
.layout-wrapper .layout-menu-container .layout-menu ul li a .layout-menuitem-icon {
  width: 15px;
}
.layout-wrapper .layout-menu-container .layout-menu ul li div .layout-menuitem-text {
  padding-left: 20px !important;
}
.layout-wrapper .layout-menu-container .layout-menu ul li > ul > li {
  padding-left: 0;
}
.layout-wrapper .layout-menu-container .layout-menu ul li > ul > li .layout-menuitem-text {
  padding-left: 16px;
}
.layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul {
  overflow: hidden;
}
.layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul.layout-submenu-container-enter, .layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul.layout-submenu-container-leave-to {
  max-height: 0;
}
.layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul.layout-submenu-container-enter-to, .layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul.layout-submenu-container-leave {
  max-height: 1000px;
}
.layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul.layout-submenu-container-leave-active {
  overflow: hidden;
  transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
}
.layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul.layout-submenu-container-enter-active {
  overflow: hidden;
  transition: max-height 1s ease-in-out;
}
.layout-wrapper .layout-menu-container .layout-menu .layout-root-menuitem ul > li ul li {
  padding-left: 0;
}

.p-toast {
  z-index: 9999999999 !important;
}

.sl-delivery-dialog {
  width: calc(100% - 250px) !important;
  /*z-index: 999999999 !important;*/
}
@media screen and (max-width: 1700px) {
  .sl-delivery-dialog {
    width: 100% !important;
  }
}
.sl-delivery-dialog .sl-vpn-mode {
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  top: -2px;
  margin-right: 10px;
}
.sl-delivery-dialog .sl-vpn-mode.OFF {
  background: #1F4ABD;
  color: #1F4ABD;
}
.sl-delivery-dialog .sl-vpn-mode.TEMP {
  background: #EC903E;
  color: #EC903E;
}
.sl-delivery-dialog .sl-vpn-mode.ON {
  background: #27AE60;
  color: #27AE60;
}
.sl-delivery-dialog .sl-vpn-mode i {
  color: #fff;
}
.sl-delivery-dialog .info-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #D3D3D8;
}
.sl-delivery-dialog .info-wrapper.first {
  margin-top: 0;
}
.sl-delivery-dialog .info-wrapper .info-title {
  font-size: 17px;
  font-weight: 500;
  background: #F77348;
  color: #fff;
  padding: 15px 20px;
}
.sl-delivery-dialog .info-wrapper .info-title i, .sl-delivery-dialog .info-wrapper .info-title a {
  float: right;
  margin-left: 5px;
}
.sl-delivery-dialog .info-wrapper .info-title .sl-vpn-mode i {
  margin-left: 0;
}
.sl-delivery-dialog .info-wrapper .info-title a {
  cursor: pointer;
}
.sl-delivery-dialog .info-wrapper .info-body .info-body-title {
  padding: 5px 15px;
  font-weight: 500;
  font-size: 17px;
}
.sl-delivery-dialog .info-wrapper .info-body.inner {
  margin: 0 5px;
  border: none;
}
.sl-delivery-dialog .info-wrapper .info-body.wrapper {
  padding: 0;
}
.sl-delivery-dialog .info-wrapper .info-body .info-item {
  display: flex;
  border-top: 1px solid #D3D3D8;
  padding: 10px 20px;
}
.sl-delivery-dialog .info-wrapper .info-body .info-item:first-child {
  border-top: none;
}
.sl-delivery-dialog .info-wrapper .info-body .info-item .title {
  flex: 1;
  padding-right: 5px;
}
.sl-delivery-dialog .info-wrapper .info-body .info-item .value {
  flex: 2;
  color: #9A9BA5;
  overflow-wrap: anywhere;
}
.sl-delivery-dialog .info-wrapper .info-body .info-item .value.list {
  display: flex;
  justify-content: left;
  align-items: center;
}
.sl-delivery-dialog .info-wrapper .info-body .info-item .value-wrapped {
  overflow-wrap: anywhere;
}
.sl-delivery-dialog .info-wrapper .info-body .info-item .sl-action-replay-hook {
  margin-left: 20px;
}
.sl-delivery-dialog .sl-button-wrapper {
  display: inline;
}
.sl-delivery-dialog .sl-button-panel {
  display: inline-flex;
}
.sl-delivery-dialog .sl-value-center-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sl-delivery-dialog .interface-wrapper {
  border-top: 1px solid #D3D3D8;
  padding: 5px 10px;
}
.sl-delivery-dialog .interface-wrapper:first-child {
  border-top: none;
}
.sl-delivery-dialog .interface-wrapper .interface-title {
  font-size: 17px;
  font-weight: 500;
  padding: 5px 10px;
}
.sl-delivery-dialog .interface-wrapper .interface-subtitle {
  color: #9A9BA5;
  font-size: 12px;
  padding: 5px 10px 20px 10px;
}
.sl-delivery-dialog .interface-wrapper .interface-body .interface-item {
  display: flex;
  border-top: 1px solid #D3D3D8;
  padding: 5px 10px;
}
.sl-delivery-dialog .interface-wrapper .interface-body .interface-item:first-child {
  border-top: none;
}
.sl-delivery-dialog .interface-wrapper .interface-body .interface-item .title {
  flex: 1;
}
.sl-delivery-dialog .interface-wrapper .interface-body .interface-item .value {
  flex: 1;
  color: #9A9BA5;
}
.sl-delivery-dialog .interface-wrapper .interface-body .interface-item .value .sl-yes-no {
  float: left;
}
.sl-delivery-dialog .device-wrapper {
  border-top: 1px solid #D3D3D8;
  margin: 20px 0;
  display: flex;
  padding: 5px 10px;
}
.sl-delivery-dialog .device-wrapper:first-child {
  border-top: none;
}
.sl-delivery-dialog .device-wrapper .device-info {
  flex: 1;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header {
  display: flex;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-header-left {
  flex: 1;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-header-left .device-title {
  font-size: 17px;
  font-weight: 500;
  padding: 5px 10px;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-header-left .device-subtitle {
  color: #9A9BA5;
  font-size: 12px;
  padding: 0 10px 0 10px;
  overflow-wrap: anywhere;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-header-left .device-subtitle:first-child {
  padding-top: 5px;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-state {
  width: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-state .state {
  color: #27AE60;
  font-size: 45px;
  position: relative;
  top: 6px;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-state .state.error {
  color: #E64848;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-state .state.soft-error {
  color: #B200ED;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-state .state.unknown {
  color: #EC903E;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-state .event-type {
  color: #EC903E;
  font-size: 45px;
  position: relative;
  top: 6px;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-state .event-type.et-1 {
  color: #03b5fc;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-state .event-type.et-2 {
  color: #fc9003;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-state .event-type.et-3 {
  color: #fc0303;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-state .event-type.et-10 {
  color: #03ad1d;
}
.sl-delivery-dialog .device-wrapper .device-info .device-header .device-state .event-type.et-11 {
  color: #ff00c3;
}
.sl-delivery-dialog .device-wrapper .device-info .device-body .device-item {
  display: flex;
  border-top: 1px solid #D3D3D8;
  padding: 5px 10px;
}
.sl-delivery-dialog .device-wrapper .device-info .device-body .device-item:first-child {
  border-top: none;
}
.sl-delivery-dialog .device-wrapper .device-info .device-body .device-item .title {
  flex: 1;
}
.sl-delivery-dialog .device-wrapper .device-info .device-body .device-item .value {
  flex: 1;
  color: #9A9BA5;
  overflow-wrap: anywhere;
}
.sl-delivery-dialog .device-wrapper .device-info .device-body .device-item .value .sl-yes-no {
  float: left;
}
.sl-delivery-dialog .device-wrapper .device-info .p-fieldset {
  padding: 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin-top: 10px;
}
.sl-delivery-dialog .device-wrapper .device-info .p-fieldset .p-fieldset-legend a {
  background: none;
  border: none;
  color: #0E0C1C;
  padding: 0;
}
.sl-delivery-dialog .device-wrapper .device-info .p-fieldset .p-fieldset-legend a:focus {
  box-shadow: none;
}
.sl-delivery-dialog .device-wrapper .device-info .p-fieldset .p-fieldset-legend a .p-fieldset-toggler {
  position: relative;
  top: -1px;
}
.sl-delivery-dialog .device-wrapper .device-info .p-fieldset .p-fieldset-legend a .p-fieldset-legend-text {
  font-size: 11px;
  color: #9A9BA5;
  position: relative;
  top: -2px;
}

.timeline ul {
  padding: 0;
  margin: 0;
  padding-right: 20px;
}
.timeline ul li {
  list-style: none;
  padding: 22px 0;
  position: relative;
}
.timeline ul li .info-item {
  padding-left: 0;
}
.timeline ul li .timeline-icon {
  background-color: #673AB7;
}
.timeline ul li .timeline-icon.NEW, .timeline ul li .timeline-icon.ACCESS {
  background-color: #1F4ABD;
  color: #0E0C1C;
}
.timeline ul li .timeline-icon.ACTIVE {
  background-color: #EC903E;
}
.timeline ul li .timeline-icon.SUCCESS, .timeline ul li .timeline-icon.EXTRACT {
  background-color: #27AE60;
}
.timeline ul li .timeline-icon.CANCEL {
  background-color: #E64848;
}
.timeline ul li .timeline-icon.ERROR {
  background-color: #E64848;
}
.timeline ul li .timeline-icon.load-courier-post-operation.LOADING {
  background-color: #EC903E;
}
.timeline ul li .timeline-icon.load-courier-post-operation.LOADED {
  background-color: #27AE60;
}
.timeline ul li .timeline-icon.load-courier-post-operation.CANCEL {
  background-color: #E64848;
}
.timeline ul li .timeline-icon.load-courier-post-operation.CANCEL_PASSIVE {
  background-color: #E64848;
}
.timeline ul li .timeline-icon.load-courier-post-operation.s-1 {
  background-color: #EC903E;
}
.timeline ul li .timeline-icon.load-courier-post-operation.s-1000 {
  background-color: #27AE60;
}
.timeline ul li .timeline-icon.load-courier-post-operation.s-1001 {
  background-color: #27AE60;
}
.timeline ul li .timeline-icon.load-courier-post-operation.s-1100 {
  background-color: #E64848;
}
.timeline ul li .timeline-icon.load-courier-post-operation.s-2 {
  background-color: #E64848;
}
.timeline ul li .timeline-icon.extract-client-post-operation.EXTRACTING {
  background-color: #EC903E;
}
.timeline ul li .timeline-icon.extract-client-post-operation.EXTRACTED {
  background-color: #27AE60;
}
.timeline ul li .timeline-icon.extract-client-post-operation.EXTRACTED_PASSIVE {
  background-color: #fcc7b5;
}
.timeline ul li .timeline-icon.extract-client-post-operation.CANCEL {
  background-color: #E64848;
}
.timeline ul li .timeline-icon.extract-client-post-operation.CANCEL_PASSIVE {
  background-color: #E64848;
}
.timeline ul li .timeline-icon.extract-client-post-operation.s-1 {
  background-color: #EC903E;
}
.timeline ul li .timeline-icon.extract-client-post-operation.s-1000 {
  background-color: #27AE60;
}
.timeline ul li .timeline-icon.extract-client-post-operation.s-2 {
  background-color: #fcc7b5;
}
.timeline ul li .timeline-icon.extract-client-post-operation.s-1100 {
  background-color: #E64848;
}
.timeline ul li .timeline-icon.extract-client-post-operation.s-4 {
  background-color: #E64848;
}
.timeline ul li .timeline-icon.extract-courier-post-operation.EXTRACTING {
  background-color: #EC903E;
}
.timeline ul li .timeline-icon.extract-courier-post-operation.EXTRACTED {
  background-color: #27AE60;
}
.timeline ul li .timeline-icon.extract-courier-post-operation.EXTRACTED_PASSIVE {
  background-color: #fcc7b5;
}
.timeline ul li .timeline-icon.extract-courier-post-operation.CANCEL {
  background-color: #E64848;
}
.timeline ul li .timeline-icon.extract-courier-post-operation.s-1 {
  background-color: #EC903E;
}
.timeline ul li .timeline-icon.extract-courier-post-operation.s-1000 {
  background-color: #27AE60;
}
.timeline ul li .timeline-icon.extract-courier-post-operation.s-1100 {
  background-color: #E64848;
}
.timeline ul li .timeline-icon.load-by-form-post-operation.LOADING {
  background-color: #EC903E;
}
.timeline ul li .timeline-icon.load-by-form-post-operation.LOADED {
  background-color: #27AE60;
}
.timeline ul li .timeline-icon.post-operation-tracking-queue-state.NEW, .timeline ul li .timeline-icon.post-operation-tracking-queue-state.SUCCESS, .timeline ul li .timeline-icon.post-operation-tracking-queue-state.PROCESS {
  background-color: #27AE60;
}
.timeline ul li .timeline-icon.post-operation-tracking-queue-state.TEMPORAL_ERROR {
  background-color: #EC903E;
}
.timeline ul li .timeline-icon.post-operation-tracking-queue-state.ERROR {
  background-color: #E64848;
}
.timeline ul li .activity-link {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 20px;
  top: 0;
  background-color: #e0e0e0;
  display: inline-block;
}
.timeline ul li .timeline-icon {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 20px;
  left: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
}
.timeline ul li .timeline-icon i {
  font-size: 14px;
  color: #ffffff;
  line-height: inherit;
}
.timeline ul li .timeline-content {
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding: 16px;
  margin-left: 48px;
  margin-top: -4px;
  position: relative;
  border-radius: 3px;
}
.timeline ul li .timeline-content.current {
  background-color: #ffe9d5;
}
.timeline ul li .timeline-content h3 {
  color: #0e0c1c;
  font-size: 14px;
  margin: 0;
  font-weight: 700;
}
.timeline ul li .timeline-content div {
  margin: 8px 0;
  color: #9A9BA5;
}
.timeline ul li .timeline-content div.current {
  font-weight: bold;
  color: #0e0c1c;
}
.timeline ul li .timeline-content div .p-progressbar-value {
  margin: 0;
  background: #27AE60;
}
.timeline ul li .timeline-content div .p-progressbar-label {
  margin: 0;
  display: none;
}
.timeline ul li .timeline-content .notification-body {
  display: flex;
}
.timeline ul li .timeline-content .notification-body div {
  margin: 0 !important;
}
.timeline ul li .timeline-content .timeline-footer {
  margin: 0 -16px -16px -16px;
  background-color: #eeeeee;
  border-top: 1px solid #e0e0e0;
  padding: 4px 16px;
}
.timeline ul li .timeline-content .timeline-footer i {
  color: #757575;
}
.timeline ul li .timeline-content .timeline-footer span {
  color: #757575;
  margin-left: 8px;
}
.timeline ul li .timeline-content:before, .timeline ul li .timeline-content:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  top: 16px;
}
.timeline ul li .timeline-content:before {
  border-color: rgba(216, 216, 220, 0);
  border-right-color: #e0e0e0;
  border-width: 10px;
  margin-top: -10px;
}
.timeline ul li .timeline-content:after {
  border-color: rgba(244, 244, 249, 0);
  border-right-color: #ffffff;
  border-width: 9px;
  margin-top: -9px;
}

.locker-wrapper {
  margin-bottom: 20px;
}
.locker-wrapper.no-left-border {
  border-left: none;
}
.locker-wrapper table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
}
.locker-wrapper table .locker-cell-list {
  text-align: center;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper {
  vertical-align: top;
  padding: 2px;
  text-align: right;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper:first-child {
  text-align: left;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item {
  border: 3px solid rgba(191, 193, 205, 0.8);
  flex-direction: column;
  align-content: center;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 5px 5px;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  width: 100%;
  height: 100%;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.SCREEN_WITH_LOCKER, .locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.SCREEN {
  background-image: url("../images/screen.png") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.STUB {
  background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #D3D3D8 10px, #D3D3D8 25px) !important;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.state-empty {
  border: 3px solid #52BE80;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.state-empty.opened {
  background: rgba(235, 87, 87, 0.3);
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.state-work {
  border: 3px solid #EB5757;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.state-work.opened {
  background-color: rgba(235, 87, 87, 0.3);
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.state-blocked {
  border: 3px solid #1084c6;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.state-blocked.opened {
  background-color: rgba(235, 87, 87, 0.3);
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .label-defective {
  color: #EB5757;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .icon-door {
  font-size: 9px;
  line-height: 10px;
  position: relative;
  top: -2px;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .icon-door.opened {
  color: #EB5757;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .icon-door.opened {
  color: #FFFFFF;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.state-work .icon-temp {
  background: #ffffff;
  color: #2D57C8;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.state-empty .icon-temp {
  background: #2D57C8;
  color: #ffffff;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-0 {
  border-color: #3ce85f;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-0.selected {
  background-color: rgba(60, 232, 95, 0.6);
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-0 .icon {
  color: #3ce85f;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-1 {
  border-color: #27ae60;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-1.selected {
  background-color: rgba(39, 174, 96, 0.6);
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-1 .icon {
  color: #27ae60;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-2 {
  border-color: #25abe8;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-2.selected {
  background-color: rgba(37, 171, 232, 0.6);
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-2 .icon {
  color: #25abe8;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-3 {
  border-color: #1f4abd;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-3.selected {
  background-color: rgba(31, 74, 189, 0.6);
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-3 .icon {
  color: #1f4abd;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-4 {
  border-color: #ec903e;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-4.selected {
  background-color: rgba(236, 144, 62, 0.6);
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-4 .icon {
  color: #ec903e;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-more {
  border-color: #e64848;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-more.selected {
  background-color: rgba(230, 72, 72, 0.6);
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item.employee-more .icon {
  color: #e64848;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .circle {
  border-radius: 50%;
  width: 13px;
  height: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 3px;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .circle.icon-defective {
  background: #EB5757;
  color: #ffffff;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .circle.icon-defective i.clean {
  left: 5px;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .circle i {
  font-size: 8px;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .circle a {
  cursor: pointer;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .sl-locker-settings-list {
  font-size: 8px;
  margin-left: 2px;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .sl-locker-settings-list .sl-locker-settings-item {
  padding-left: 1px;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .sl-locker-settings-list .sl-locker-settings-item:first-child {
  padding-left: 0;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .sl-locker-settings-list .sl-locker-settings-item.enable {
  color: #27AE60;
}
.locker-wrapper table .locker-cell-list .locker-cell-item-wrapper .locker-cell-item .sl-locker-settings-list .sl-locker-settings-item.disable {
  color: #9A9BA5;
}

.postamat-legend-list {
  display: flex;
  flex-direction: column;
  padding-left: 40px;
  width: 400px;
}
.postamat-legend-list .postamat-legend-item {
  display: flex;
  flex-direction: row;
  padding-bottom: 14px;
}
.postamat-legend-list .postamat-legend-item.break {
  padding-bottom: 30px;
}
.postamat-legend-list .postamat-legend-item .circle {
  border-radius: 50%;
  width: 30px;
  min-width: 30px;
  height: 30px;
}
.postamat-legend-list .postamat-legend-item .circle i {
  position: relative;
  color: #ffffff;
}
.postamat-legend-list .postamat-legend-item .circle.empty {
  border: 3px solid #52BE80;
}
.postamat-legend-list .postamat-legend-item .circle.blocked {
  border: 3px solid #1084c6;
}
.postamat-legend-list .postamat-legend-item .circle.work {
  border: 3px solid #EB5757;
}
.postamat-legend-list .postamat-legend-item .circle.door {
  background: rgba(205, 201, 215, 0.7);
  border: 1px solid rgba(200, 200, 204, 0.4);
}
.postamat-legend-list .postamat-legend-item .circle.opened {
  background: rgba(235, 87, 87, 0.3);
  border: 3px solid #EB5757;
}
.postamat-legend-list .postamat-legend-item .circle.temp {
  background: #2D57C8;
  border: 1px solid rgba(200, 200, 204, 0.4);
}
.postamat-legend-list .postamat-legend-item .circle.defect {
  background: #EB5757;
  border: 1px solid rgba(200, 200, 204, 0.4);
}
.postamat-legend-list .postamat-legend-item .circle.defect.clean {
  left: 10px;
}
.postamat-legend-list .postamat-legend-item .circle.defect.overflow {
  left: 10px;
}
.postamat-legend-list .postamat-legend-item .circle.defect.other {
  left: 10px;
}
.postamat-legend-list .postamat-legend-item .title {
  line-height: 29px;
  padding-left: 10px;
}
.postamat-legend-list .postamat-legend-item .title a {
  cursor: pointer;
}

/*.active-menuitem {
  ul {
    a {
      background: #909090;
      padding-left: 35px !important;
    }
  }
}*/
@media screen and (max-width: 1700px) {
  .sl-maximize-button-hook {
    display: none !important;
  }
}

.sl-map-dialog {
  width: 1600px;
  height: 1024px;
}

.p-dialog-titlebar-icons {
  height: 25px;
}
.p-dialog-titlebar-icons .p-dialog-titlebar-close.p-link:focus {
  box-shadow: unset;
}
.p-dialog-titlebar-icons .p-dialog-titlebar-close.p-link:active {
  box-shadow: 0 0 0 0.2em #fcc7b5;
}

.sl-help-table {
  width: 100%;
  text-align: center;
  padding-top: 10px;
}
.sl-help-table i {
  color: #F77348;
}
.sl-help-table span {
  padding-left: 5px;
}

.sl-controller.sl-num-0, .sl-controller.sl-num-25 {
  color: #1084C6;
}
.sl-controller.sl-num-1, .sl-controller.sl-num-26 {
  color: #E9842B;
}
.sl-controller.sl-num-2, .sl-controller.sl-num-27 {
  color: #B7D666;
}
.sl-controller.sl-num-3, .sl-controller.sl-num-28 {
  color: #DA5E5B;
}
.sl-controller.sl-num-4, .sl-controller.sl-num-29 {
  color: #FFAC7F;
}
.sl-controller.sl-num-5, .sl-controller.sl-num-30 {
  color: #360FDB;
}
.sl-controller.sl-num-6, .sl-controller.sl-num-31 {
  color: #0AB79A;
}
.sl-controller.sl-num-7, .sl-controller.sl-num-32 {
  color: #EA0F94;
}
.sl-controller.sl-num-8, .sl-controller.sl-num-33 {
  color: #4f28bd;
}
.sl-controller.sl-num-9, .sl-controller.sl-num-34 {
  color: #CC66FF;
}
.sl-controller.sl-num-10, .sl-controller.sl-num-35 {
  color: #c65210;
}
.sl-controller.sl-num-11, .sl-controller.sl-num-36 {
  color: #e92b2b;
}
.sl-controller.sl-num-12, .sl-controller.sl-num-37 {
  color: #8566d6;
}
.sl-controller.sl-num-13, .sl-controller.sl-num-38 {
  color: #5bd7da;
}
.sl-controller.sl-num-14, .sl-controller.sl-num-39 {
  color: #9b4d46;
}
.sl-controller.sl-num-15, .sl-controller.sl-num-40 {
  color: #b4db0f;
}
.sl-controller.sl-num-16, .sl-controller.sl-num-41 {
  color: #b70a27;
}
.sl-controller.sl-num-17, .sl-controller.sl-num-42 {
  color: #0fea65;
}
.sl-controller.sl-num-18, .sl-controller.sl-num-43 {
  color: #c27a3d;
}
.sl-controller.sl-num-19, .sl-controller.sl-num-44 {
  color: #60b44b;
}
.sl-controller.sl-num-20, .sl-controller.sl-num-45 {
  color: #669cff;
}
.sl-controller.sl-num-21, .sl-controller.sl-num-46 {
  color: #69143b;
}
.sl-controller.sl-num-22, .sl-controller.sl-num-47 {
  color: #7fd2ff;
}
.sl-controller.sl-num-23, .sl-controller.sl-num-48 {
  color: #8a6158;
}
.sl-controller.sl-num-24, .sl-controller.sl-num-49 {
  color: #a4933d;
}
.sl-controller.sl-state {
  border-bottom: 3px solid #E64848;
}
.sl-controller.sl-state.s0 {
  border-bottom: none;
}
.sl-controller.sl-state.sundefined {
  border-bottom: 3px solid #EC903E;
}

.sl-html-model {
  display: flex;
  flex-direction: row;
  overflow-y: auto;
  overflow-x: auto;
}
.sl-html-model .sl-html-model-side {
  margin-bottom: 40px;
  margin-right: 40px;
}
.sl-html-model .lockers-wrapper {
  display: flex;
  align-items: flex-end;
}

.sl-controller-legend-wrapper {
  display: flex;
  justify-content: start;
  padding: 67px 2px 16px 2px;
}
.sl-controller-legend-wrapper .sl-controller-legend {
  border: 1px solid #CECED2;
  padding: 10px 12px;
  border-radius: 3px;
  display: flex;
}
.sl-controller-legend-wrapper .sl-controller-legend .sl-controller {
  border-left: 1px solid #E3E3E3;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  padding-left: 15px;
  padding-right: 15px;
}
.sl-controller-legend-wrapper .sl-controller-legend .sl-controller.employee-0 i {
  color: #3ce85f;
}
.sl-controller-legend-wrapper .sl-controller-legend .sl-controller.employee-1 i {
  color: #27ae60;
}
.sl-controller-legend-wrapper .sl-controller-legend .sl-controller.employee-2 i {
  color: #25abe8;
}
.sl-controller-legend-wrapper .sl-controller-legend .sl-controller.employee-3 i {
  color: #1f4abd;
}
.sl-controller-legend-wrapper .sl-controller-legend .sl-controller.employee-4 i {
  color: #ec903e;
}
.sl-controller-legend-wrapper .sl-controller-legend .sl-controller.employee-more i {
  color: #e64848;
}
.sl-controller-legend-wrapper .sl-controller-legend .sl-controller:first-child {
  border-left: 0;
  padding-left: 0;
}
.sl-controller-legend-wrapper .sl-controller-legend .sl-controller:last-child {
  padding-right: 0;
}
.sl-controller-legend-wrapper .sl-controller-legend .sl-controller i {
  padding-right: 8px;
}
.sl-controller-legend-wrapper .sl-controller-legend .sl-controller span {
  color: #0e0c1c;
}

.p-rowgroup-header {
  background: rgba(247, 115, 72, 0.6) !important;
  color: #fff !important;
  font-weight: 500;
}

.p-datatable .p-datatable-tbody .p-other-row {
  background-color: #fff2e9;
}
.p-datatable .p-datatable-tbody .p-inner-column {
  padding: 0.5rem 1rem;
  border-top: 1px solid #dee2e6;
}

@media screen and (max-width: 896px) {
  .user-profile.active-topmenuitem .pc-user-link {
    display: none !important;
  }
  .user-profile.active-topmenuitem .fio {
    text-align: left;
  }
}
.sl-question-link {
  color: #f77348;
  background-color: #fff;
  border: 1px solid #f77348;
  box-sizing: border-box;
  padding: 0.5rem 1rem;
  position: relative;
  border-radius: 3px;
  top: -8px;
}

.p-inputtextarea {
  overflow-y: auto !important;
}

.sl-tree-column i {
  margin-right: 5px;
}
.sl-tree-column a {
  cursor: pointer;
  overflow-wrap: break-word;
}

.sl-showcase-tree {
  height: 480px;
}
.sl-showcase-tree.scrollable {
  overflow-y: auto;
  overflow-x: hidden;
}

.sl-servicing-duration {
  margin-left: 5px;
  padding: 0 2px;
  background: #D3D3D8;
}

.p-rowgroup-header.sl-level-1 {
  background: rgba(247, 115, 72, 0.6) !important;
}
.p-rowgroup-header.sl-level-2 {
  background: rgba(247, 115, 72, 0.3) !important;
}

.sl-devices-list {
  display: flex;
}
.sl-devices-list-wrap {
  flex-wrap: wrap;
}
.sl-devices-list-width {
  width: 116px;
}
.sl-devices-list > div {
  margin-left: 5px;
  width: 18px;
}
.sl-devices-list > div.center {
  text-align: center;
}
.sl-devices-list > div i {
  color: #27AE60;
}
.sl-devices-list > div i.state {
  color: #E64848;
}
.sl-devices-list > div i.flag {
  color: #EC903E;
}
.sl-devices-list > div i.no-set {
  color: #1F4ABD;
}
.sl-devices-list > div i.soft {
  color: #B200ED;
}
.sl-devices-list-gap > div {
  margin-left: 0;
}
.sl-devices-list-gap {
  gap: 5px;
}
.sl-devices-list .validity-state.WARNING > span {
  background: #EC903E;
}
.sl-devices-list .validity-state.END > span {
  background: #E64848;
}
.sl-devices-list .validity-state.NONE > span {
  display: none;
}

.sl-client-priority {
  display: flex;
}
.sl-client-priority-wrap {
  flex-wrap: wrap;
}
.sl-client-priority-width {
  width: 130px;
}
.sl-client-priority div {
  margin-left: 5px;
}
.sl-client-priority div.center {
  text-align: center;
}

.icon-green {
  color: #27AE60;
}

.icon-blue {
  color: #1F4ABD;
}

.icon-red {
  color: #E64848;
}

.icon-orange {
  color: #EC903E;
}

.icon-yellow {
  color: #ECBE3E;
}

.icon-violet {
  color: #B200ED;
}

.icon-gray {
  color: #dee2e6;
}

.p-warning-row {
  background: #fcc7b5 !important;
  color: #fff !important;
  font-weight: 500;
}

.p-warning-row2 {
  background: rgba(236, 144, 62, 0.3) !important;
  color: #fff !important;
  font-weight: 500;
}

.p-warning-text {
  color: #E64848 !important;
  font-weight: 500;
}

.sl-legend {
  display: flex;
  flex-direction: row;
}
.sl-legend .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sl-legend .row .item {
  display: flex;
  flex-direction: row;
  margin: 5px;
}
.sl-legend .row .item .title {
  margin: 3px;
}
.sl-legend .square {
  width: 24px;
  height: 24px;
}
.sl-legend .square.warning-row {
  background: #fcc7b5;
}
.sl-legend .square.warning-row2 {
  background: rgba(236, 144, 62, 0.3);
}

.sl-logo-upload {
  max-width: 300px;
  position: relative;
}
.sl-logo-upload.sl-logo-upload-float {
  width: 100%;
}
.sl-logo-upload.sl-logo-upload-float .sl-logo-upload-handler {
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
}
.sl-logo-upload.sl-logo-upload-float .sl-logo-upload-handler video {
  width: 100%;
}
.sl-logo-upload.sl-logo-upload-float a {
  left: 96%;
}
.sl-logo-upload .sl-logo-upload-handler {
  max-width: 300px;
  border: 1px solid #D3D3D8;
  padding: 10px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-content: center;
}
.sl-logo-upload .sl-logo-upload-handler img {
  max-width: 100%;
  max-height: 100%;
}
.sl-logo-upload .sl-logo-upload-handler video {
  width: 278px;
  height: 100%;
}
.sl-logo-upload .sl-logo-upload-handler .sl-logo-upload-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sl-logo-upload .sl-logo-upload-handler .sl-logo-upload-img {
  text-align: center;
}
.sl-logo-upload .sl-logo-upload-handler .sl-logo-upload-img i {
  color: #D3D3D8;
  font-size: 60px;
}
.sl-logo-upload .sl-logo-upload-handler .sl-logo-upload-desc {
  margin-top: 7px;
  text-align: center;
}
.sl-logo-upload .sl-logo-upload-handler .sl-logo-upload-pre-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.sl-logo-upload a {
  position: absolute;
  top: -12.2px;
  left: calc(100% - 10.4px);
  font-size: 20px;
}
.sl-logo-upload a i {
  color: #E64848;
}
.sl-logo-upload input {
  display: none;
}

.sl-statuses-percents {
  width: 100%;
  min-width: 200px;
  height: 20px;
  border: 1px solid #D3D3D8;
  display: flex;
  margin: 0 auto;
}
.sl-statuses-percents .sl-statuses-percent {
  height: 20px;
}

.sl-statuses-percents-print {
  display: none;
}

.p-message {
  white-space: pre-line;
}

.p-text .p-transfer {
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-all;
}

.p-image {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.p-image-inner {
  width: 1rem;
  height: 1rem;
}
.p-image img {
  width: 100%;
  height: 100%;
}

button.p-button.sl-square-button {
  width: 28px;
  height: 28px;
}
button.p-button.sl-square-button.big {
  width: 40px;
  height: 40px;
}
button.p-button.sl-square-button.small {
  width: 20px;
  height: 20px;
}
button.p-button.sl-square-button {
  background-color: #f1f5f9;
  color: #475569;
  border-radius: 20%;
  border: none;
}
button.p-button.sl-square-button:enabled:hover {
  background-color: #E2E8F0;
  color: #334155;
}
button.p-button.sl-square-button.blue {
  background: #e0f2fe;
  color: #1F4ABD;
}
button.p-button.sl-square-button.blue:enabled:hover {
  background: #d2e1ec;
  color: #1F4ABD;
}

.sl-row-on-hover:hover > td > div > .p-inputswitch > .p-inputswitch-slider {
  outline: 2px solid #f1f5f9;
}
.sl-row-on-hover:hover > td > div > .p-inputswitch > .p-inputswitch-slider:hover {
  outline: 2px solid #E2E8F0;
}

div.sl-fake-table {
  border-bottom: 1px solid #dee2e6;
  margin-top: 0;
}
div.sl-fake-table:hover {
  background: #fcc7b5;
}
div.sl-fake-table:hover > div > .p-inputswitch > .p-inputswitch-slider {
  outline: 2px solid #f1f5f9;
}
div.sl-fake-table:hover > div > .p-inputswitch > .p-inputswitch-slider:hover {
  outline: 2px solid #E2E8F0;
}

.sl-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sl-flex-align-center {
  display: flex;
  align-items: center;
}

.p-org-type-root {
  background-color: rgb(247, 115, 72);
}
.p-org-type-organization {
  background-color: rgba(247, 115, 72, 0.8);
}
.p-org-type-regional {
  background-color: rgba(247, 115, 72, 0.6);
}
.p-org-type-structural {
  background-color: rgba(247, 115, 72, 0.4);
}
.p-org-type-branch {
  background-color: rgba(247, 115, 72, 0.2);
}

.p-datatable .bold-row {
  font-weight: bold;
}
.p-datatable .italic-row {
  font-style: italic;
}

.p-splitbutton {
  display: inline-flex !important;
}
.p-splitbutton .p-button-label {
  word-break: break-all;
  white-space: normal;
}
.p-splitbutton .p-button {
  padding-right: 0;
}

.sl-servicing-filter .sl-action-hook {
  width: auto !important;
  margin-top: 18px;
}
.sl-servicing-filter .sl-action-bottom {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.sl-servicing-filter .sl-inline-item {
  padding: 0 0.5rem;
}
.sl-servicing-filter .p-inputswitch {
  margin-top: 6px;
}
.sl-servicing-filter .sl-extend-hook {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
}
.sl-servicing-filter .sl-extend-hook .sl-spacer {
  margin: 0 7px;
  height: 33px;
  border-left: 1px solid rgba(206, 206, 210, 0.6);
}
.sl-servicing-filter .separate-dropdown .p-dropdown-item {
  padding: 0;
}
.sl-servicing-filter .separate-dropdown .p-dropdown-item .separate {
  border-bottom: 1px solid #ced4da;
}
.sl-servicing-filter .separate-dropdown .p-dropdown-item .item {
  margin: 0.5rem 1rem;
}

.sl-cursor-pointer {
  cursor: pointer;
}

.sl-queue-monitoring .sl-clients-table .p-component-overlay {
  background: none;
}
.sl-queue-monitoring .sl-clients-table td {
  text-align: center;
}
.sl-queue-monitoring .sl-clients-table .sl-client-duration {
  padding: 2px 4px;
  width: 80px;
  margin: 0 auto;
  text-align: center !important;
}
.sl-queue-monitoring .sl-clients-table .sl-client-duration.sl-warning {
  background: #E64848;
  color: #fff;
}
.sl-queue-monitoring .sl-clients-table .sl-client-actions a {
  margin-left: 5px;
}
.sl-queue-monitoring .sl-clients-table .sl-client-actions a:first-child {
  margin-left: 0;
}
.sl-queue-monitoring .sl-executors-table .p-component-overlay {
  background: none;
}
.sl-queue-monitoring .sl-executors-table td {
  text-align: center;
}
.sl-queue-monitoring .sl-executors-table .sl-executor-state {
  padding: 2px 4px;
  width: 160px;
  margin: 0 auto;
  text-align: center !important;
}
.sl-queue-monitoring .sl-executors-table .sl-executor-duration {
  padding: 2px 4px;
  width: 80px;
  margin: 0 auto;
}
.sl-queue-monitoring .sl-executors-table .sl-executor-duration.sl-warning {
  background: #E64848;
  color: #fff;
}
.sl-queue-monitoring .sl-executors-table .sl-executor-actions {
  width: 200px;
}
.sl-queue-monitoring .sl-executors-table .sl-executor-actions a {
  margin-left: 5px;
}
.sl-queue-monitoring .sl-executors-table .sl-executor-actions a:first-child {
  margin-left: 0;
}
.sl-queue-monitoring .p-datatable-responsive .sl-client-actions a, .sl-queue-monitoring .p-datatable-responsive .sl-executor-actions a {
  margin-left: 8px;
  opacity: 0.5;
}
.sl-queue-monitoring .p-datatable-responsive .sl-client-actions a:first-child, .sl-queue-monitoring .p-datatable-responsive .sl-executor-actions a:first-child {
  margin-left: 0;
}
.sl-queue-monitoring .p-datatable-responsive .sl-client-actions a:hover, .sl-queue-monitoring .p-datatable-responsive .sl-executor-actions a:hover {
  opacity: 1;
}
.sl-queue-monitoring .sl-client-actions .fa-volume-high, .sl-queue-monitoring .sl-client-actions .fa-arrow-right-to-bracket, .sl-queue-monitoring .sl-client-actions .fa-arrow-right-from-bracket, .sl-queue-monitoring .sl-client-actions .fa-pause {
  color: #1F4ABD;
}
.sl-queue-monitoring .sl-client-actions .fa-play, .sl-queue-monitoring .sl-client-actions .fa-check, .sl-queue-monitoring .sl-client-actions .fa-face-smile {
  color: #27AE60;
}
.sl-queue-monitoring .sl-client-actions .fa-arrow-right-arrow-left, .sl-queue-monitoring .sl-client-actions .fa-person-walking-arrow-loop-left {
  color: #ed673c;
}
.sl-queue-monitoring .sl-client-actions .fa-ban, .sl-queue-monitoring .sl-client-actions .fa-person-walking-arrow-right, .sl-queue-monitoring .sl-client-actions .fa-face-frown, .sl-queue-monitoring .sl-client-actions .fa-xmark, .sl-queue-monitoring .sl-client-actions .fa-exclamation {
  color: #E64848;
}
.sl-queue-monitoring .sl-client-actions .fa-arrow-rotate-right {
  color: #F2994A;
}
.sl-queue-monitoring .sl-executor-actions .fa-check {
  color: #27AE60;
}
.sl-queue-monitoring .sl-executor-actions .fa-play, .sl-queue-monitoring .sl-executor-actions .fa-pause {
  color: #F2994A;
}
.sl-queue-monitoring .sl-executor-actions .fa-ban {
  color: #E64848;
}

.sl-card-list.sl-fixed {
  width: 650px;
}
@media screen and (max-width: 750px) {
  .sl-card-list.sl-fixed {
    width: 100%;
  }
}
.sl-card-list .sl-card-list-item {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #D3D3D8;
}
.sl-card-list .sl-card-list-item .sl-card-list-header {
  font-size: 17px;
  font-weight: 500;
  background: #F77348;
  color: #fff;
  padding: 15px 20px;
}
.sl-card-list .sl-card-list-item .sl-card-list-header .sl-card-list-header-value {
  background: #fff;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  color: #F77348;
  text-align: center;
  font-weight: 700;
  font-size: 17px;
  float: right;
  padding: 2px;
}
.sl-card-list .sl-card-list-item .sl-card-list-body .sl-card-list-body-item {
  display: flex;
  border-top: 1px solid #D3D3D8;
  padding: 10px 20px;
}
.sl-card-list .sl-card-list-item .sl-card-list-body .sl-card-list-body-item:first-child {
  border-top: none;
}
.sl-card-list .sl-card-list-item .sl-card-list-body .sl-card-list-body-item .sl-card-list-body-item-header {
  flex: 1;
}
.sl-card-list .sl-card-list-item .sl-card-list-body .sl-card-list-body-item .sl-card-list-body-item-value {
  flex: 1;
  color: #9A9BA5;
}
.sl-card-list .sl-card-list-item .sl-card-list-actions {
  text-align: right;
  padding: 5px 20px;
  border-top: 1px solid #D3D3D8;
}
.sl-card-list .sl-card-list-item .sl-card-list-actions a {
  cursor: pointer;
  padding-left: 5px;
}
.sl-card-list .sl-card-list-item .sl-card-list-actions a:first-child {
  padding-left: 0;
}

.sl-report-top-manager .sl-count-gt-6-hook, .sl-report-top-manager .sl-count-days-hook, .sl-report-top-manager .sl-percent-gt-6-hook {
  width: 20%;
}
.sl-report-top-manager .sl-item-duration {
  padding: 2px 4px;
  margin: 0 auto;
  width: 80px;
  text-align: center;
}
.sl-report-top-manager .sl-item-duration.sl-error {
  background: #E64848;
  color: #fff;
}
.sl-report-top-manager .sl-item-duration.sl-warning {
  background: #EC903E;
  color: #fff;
}
.sl-report-top-manager .p-datatable-tfoot .sl-footer-legend {
  text-align: left;
}
.sl-report-top-manager .p-datatable-tfoot td {
  border: none !important;
}
.sl-report-top-manager .sl-square {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  text-align: center;
}
.sl-report-top-manager .sl-square.sl-error {
  background: #E64848;
  color: #fff;
}
.sl-report-top-manager .sl-square.sl-warning {
  background: #EC903E;
  color: #fff;
}

.sl-fieldset.p-fieldset {
  padding: 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin: 10px 0;
}
.sl-fieldset.p-fieldset.no-line {
  border-top: none;
}
.sl-fieldset.p-fieldset .p-fieldset-legend a {
  background: none;
  border: none;
  color: #0E0C1C;
  padding: 0;
}
.sl-fieldset.p-fieldset .p-fieldset-legend a:focus {
  box-shadow: none;
}
.sl-fieldset.p-fieldset .p-fieldset-legend a:hover {
  background-color: unset !important;
  border: none !important;
}
.sl-fieldset.p-fieldset .p-fieldset-legend a .p-fieldset-toggler {
  position: relative;
  top: 0;
  left: 6px;
}
.sl-fieldset.p-fieldset .p-fieldset-legend a .p-fieldset-legend-text {
  font-size: 11px;
  color: #9A9BA5;
  position: relative;
  top: 1px;
}

.sl-component-interval-wrapper {
  /*top: unset !important;
  left: unset !important;
  position: relative !important;
  max-width: 173px;*/
}
.sl-component-interval-wrapper .sl-component-interval {
  display: flex;
}
.sl-component-interval-wrapper .sl-component-interval .sl-component-interval-input {
  padding: 0 5px;
}
.sl-component-interval-wrapper .sl-component-interval .sl-component-interval-input .sl-component-interval-up button, .sl-component-interval-wrapper .sl-component-interval .sl-component-interval-input .sl-component-interval-down button {
  color: #6c757d;
  width: 25px;
  height: 25px;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.sl-component-interval-wrapper .sl-component-interval .sl-component-interval-input .sl-component-interval-up button:hover, .sl-component-interval-wrapper .sl-component-interval .sl-component-interval-input .sl-component-interval-down button:hover {
  background: #e9ecef;
}
.sl-component-interval-wrapper .sl-component-interval .sl-component-interval-input .sl-component-interval-up button .pi, .sl-component-interval-wrapper .sl-component-interval .sl-component-interval-input .sl-component-interval-down button .pi {
  position: relative;
  left: 4px;
  top: 0.1rem;
}
.sl-component-interval-wrapper .sl-component-interval .sl-component-interval-input .sl-component-interval-value {
  color: #6c757d;
  font-size: 1.25rem;
  text-align: center;
}
.sl-component-interval-wrapper .sl-component-interval .p-separator {
  color: #6c757d;
  font-size: 1.25rem;
}
.sl-component-interval-wrapper .sl-component-interval .p-separator span {
  padding: 5px;
  font-size: 1.25rem;
  position: relative;
  top: 24px;
}

.p-dialog .sl-component-interval-wrapper {
  top: unset !important;
  left: unset !important;
}

.sl-component-help-icon {
  cursor: help;
  color: #F77348;
}

.sl-component-table .sl-column-checkbox {
  width: 3em;
}
.sl-component-table .sl-column-id {
  width: 5em;
}

.sl-bordered-header {
  border-bottom: 1px solid #D3D3D8;
  padding-bottom: 0;
  margin-bottom: 0;
}

.sl-component-subpages-wrapper {
  display: flex;
}
.sl-component-subpages-wrapper .sl-component-subpages-actions {
  padding-right: 5px;
  display: flex;
  flex-direction: column;
}
.sl-component-subpages-wrapper .sl-component-subpages-actions a {
  margin-top: 5px;
}
.sl-component-subpages-wrapper .sl-component-subpages-actions a:first-child {
  margin-top: 0;
}
.sl-component-subpages-wrapper .sl-component-subpages-actions a button {
  width: 50px;
  height: 50px;
}
.sl-component-subpages-wrapper .sl-component-subpages-table {
  flex: 1;
}

.sl-component-chart-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.sl-component-chart-wrapper .sl-component-chart-legend {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  height: 36px;
  overflow: auto;
  margin-bottom: 10px;
}
.sl-component-chart-wrapper .sl-component-chart-legend .sl-component-chart-legend-item {
  display: flex;
  margin-right: 5px;
}
.sl-component-chart-wrapper .sl-component-chart-legend .sl-component-chart-legend-item:last-child {
  margin-right: 0;
}
.sl-component-chart-wrapper .sl-component-chart-legend .sl-component-chart-legend-item .sl-component-chart-legend-item-block {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.sl-component-chart-wrapper .sl-component-chart-legend .sl-component-chart-legend-item .sl-component-chart-legend-item-label {
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
}

.sl-field-type-time-hook {
  width: 100% !important;
}
.sl-field-type-time-hook input {
  width: 100% !important;
  color: #0e0c1c;
  background: #f5f5f5;
}

.sl-grid-wrapper .sl-grid-row {
  display: flex;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col {
  border: 1px solid #D3D3D8;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-1.sl-grid-rowspan-1 {
  width: 40px;
  height: 40px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-1.sl-grid-rowspan-1 .sl-grid-seat-label {
  position: relative;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-1.sl-grid-rowspan-1 .sl-grid-seat-number {
  position: relative;
  top: 0;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-1.sl-grid-rowspan-2 {
  width: 40px;
  height: 20px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-1.sl-grid-rowspan-3 {
  width: 60px;
  height: 20px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-1.sl-grid-rowspan-4 {
  width: 60px;
  height: 15px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-2.sl-grid-rowspan-1 {
  width: 20px;
  height: 40px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-2.sl-grid-rowspan-2 {
  width: 20px;
  height: 20px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-2.sl-grid-rowspan-3 {
  width: 30px;
  height: 20px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-2.sl-grid-rowspan-4 {
  width: 30px;
  height: 15px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-3.sl-grid-rowspan-1 {
  width: 20px;
  height: 60px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-3.sl-grid-rowspan-2 {
  width: 20px;
  height: 30px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-3.sl-grid-rowspan-3 {
  width: 20px;
  height: 20px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-3.sl-grid-rowspan-4 {
  width: 20px;
  height: 15px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-4.sl-grid-rowspan-1 {
  width: 15px;
  height: 60px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-4.sl-grid-rowspan-2 {
  width: 15px;
  height: 30px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-4.sl-grid-rowspan-3 {
  width: 15px;
  height: 20px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-colspan-4.sl-grid-rowspan-4 {
  width: 15px;
  height: 15px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.CGT1 {
  justify-content: flex-start;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.label {
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #D3D3D8;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.sl-grid-seat-wrapper {
  display: flex;
  border: 0;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.L {
  border-left: 1px solid #d3d3d8;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.L .sl-grid-seat {
  width: 80%;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.L.CGT1 {
  justify-content: flex-end;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.R {
  border-right: 1px solid #d3d3d8;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.R .sl-grid-seat {
  width: 80%;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.R.CGT1 {
  justify-content: flex-start;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.T {
  border-top: 1px solid #d3d3d8;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.T .sl-grid-seat {
  height: 80%;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.T.RGT1 {
  align-items: flex-end !important;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.B {
  border-bottom: 1px solid #d3d3d8;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.B .sl-grid-seat {
  height: 80%;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.B.RGT1 {
  align-items: flex-start !important;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.LT.CGT1 {
  justify-content: flex-end;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.LT.CIRCLE .sl-grid-seat {
  border-top-left-radius: 100%;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.LT .sl-grid-seat {
  border-top-left-radius: 3px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.RT.CIRCLE .sl-grid-seat {
  border-top-right-radius: 100%;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.RT .sl-grid-seat {
  border-top-right-radius: 3px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.LB.CGT1 {
  justify-content: flex-end;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.LB.CIRCLE .sl-grid-seat {
  border-bottom-left-radius: 100%;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.LB .sl-grid-seat {
  border-bottom-left-radius: 3px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.RB.CIRCLE .sl-grid-seat {
  border-bottom-right-radius: 100%;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-col.RB .sl-grid-seat {
  border-bottom-right-radius: 3px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-seat {
  background: #F77348;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-seat.VIP {
  background: #fcc7b5;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-seat.NOT_ALLOW {
  background: red !important;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-seat-label {
  font-size: 9px;
  width: 100%;
  text-align: center;
  position: absolute;
  max-width: 15px;
}
.sl-grid-wrapper .sl-grid-row .sl-grid-seat-number {
  position: relative;
  top: 10px;
}

.sl-schedule-table {
  border-collapse: collapse;
}
.sl-schedule-table .sl-header-row {
  font-weight: 500;
}
.sl-schedule-table td {
  text-align: center;
  padding: 2px 4px;
  border: 1px solid #D3D3D8;
  cursor: default;
}
.sl-schedule-table td.sl-event-name {
  text-align: left;
  padding-left: 30px;
}
.sl-schedule-table td.sl-sub-place-name {
  text-align: left;
}

.sl-segment-0 {
  background: rgba(155, 152, 191, 0.8);
  border-color: rgba(155, 152, 191, 0.8) !important;
}

.sl-segment-1 {
  background: rgba(49, 12, 153, 0.8);
  border-color: rgba(49, 12, 153, 0.8) !important;
}

.sl-segment-2 {
  background: rgba(191, 169, 131, 0.8);
  border-color: rgba(191, 169, 131, 0.8) !important;
}

.sl-segment-3 {
  background: rgba(20, 98, 119, 0.8);
  border-color: rgba(20, 98, 119, 0.8) !important;
}

.sl-segment-4 {
  background: rgba(154, 231, 62, 0.8);
  border-color: rgba(154, 231, 62, 0.8) !important;
}

.sl-segment-5 {
  background: rgba(172, 101, 171, 0.8);
  border-color: rgba(172, 101, 171, 0.8) !important;
}

.sl-segment-6 {
  background: rgba(138, 41, 30, 0.8);
  border-color: rgba(138, 41, 30, 0.8) !important;
}

.sl-segment-7 {
  background: rgba(21, 164, 43, 0.8);
  border-color: rgba(21, 164, 43, 0.8) !important;
}

.sl-segment-8 {
  background: rgba(88, 180, 200, 0.8);
  border-color: rgba(88, 180, 200, 0.8) !important;
}

.sl-segment-9 {
  background: rgba(249, 22, 75, 0.8);
  border-color: rgba(249, 22, 75, 0.8) !important;
}

.sl-segment-10 {
  background: rgba(140, 129, 254, 0.8);
  border-color: rgba(140, 129, 254, 0.8) !important;
}

.sl-segment-11 {
  background: rgba(205, 81, 204, 0.8);
  border-color: rgba(205, 81, 204, 0.8) !important;
}

.sl-segment-12 {
  background: rgba(179, 132, 180, 0.8);
  border-color: rgba(179, 132, 180, 0.8) !important;
}

.sl-segment-13 {
  background: rgba(213, 238, 128, 0.8);
  border-color: rgba(213, 238, 128, 0.8) !important;
}

.sl-segment-14 {
  background: rgba(48, 38, 45, 0.8);
  border-color: rgba(48, 38, 45, 0.8) !important;
}

.sl-segment-15 {
  background: rgba(183, 18, 70, 0.8);
  border-color: rgba(183, 18, 70, 0.8) !important;
}

.sl-segment-16 {
  background: rgba(248, 91, 192, 0.8);
  border-color: rgba(248, 91, 192, 0.8) !important;
}

.sl-segment-17 {
  background: rgba(51, 255, 45, 0.8);
  border-color: rgba(51, 255, 45, 0.8) !important;
}

.sl-segment-18 {
  background: rgba(222, 255, 203, 0.8);
  border-color: rgba(222, 255, 203, 0.8) !important;
}

.sl-segment-19 {
  background: rgba(90, 26, 44, 0.8);
  border-color: rgba(90, 26, 44, 0.8) !important;
}

.sl-segment-20 {
  background: rgba(120, 152, 8, 0.8);
  border-color: rgba(120, 152, 8, 0.8) !important;
}

.sl-segment-21 {
  background: rgba(96, 118, 86, 0.8);
  border-color: rgba(96, 118, 86, 0.8) !important;
}

.sl-segment-22 {
  background: rgba(227, 182, 137, 0.8);
  border-color: rgba(227, 182, 137, 0.8) !important;
}

.sl-segment-23 {
  background: rgba(193, 78, 166, 0.8);
  border-color: rgba(193, 78, 166, 0.8) !important;
}

.sl-segment-24 {
  background: rgba(147, 237, 76, 0.8);
  border-color: rgba(147, 237, 76, 0.8) !important;
}

.sl-segment-25 {
  background: rgba(109, 47, 156, 0.8);
  border-color: rgba(109, 47, 156, 0.8) !important;
}

.sl-segment-26 {
  background: rgba(140, 118, 132, 0.8);
  border-color: rgba(140, 118, 132, 0.8) !important;
}

.sl-segment-27 {
  background: rgba(35, 152, 113, 0.8);
  border-color: rgba(35, 152, 113, 0.8) !important;
}

.sl-segment-28 {
  background: rgba(171, 120, 143, 0.8);
  border-color: rgba(171, 120, 143, 0.8) !important;
}

.sl-segment-29 {
  background: rgba(78, 147, 145, 0.8);
  border-color: rgba(78, 147, 145, 0.8) !important;
}

.sl-segment-30 {
  background: rgba(85, 164, 114, 0.8);
  border-color: rgba(85, 164, 114, 0.8) !important;
}

.sl-segment-31 {
  background: rgba(152, 133, 121, 0.8);
  border-color: rgba(152, 133, 121, 0.8) !important;
}

.sl-segment-32 {
  background: rgba(102, 144, 58, 0.8);
  border-color: rgba(102, 144, 58, 0.8) !important;
}

.sl-segment-33 {
  background: rgba(247, 89, 163, 0.8);
  border-color: rgba(247, 89, 163, 0.8) !important;
}

.sl-segment-34 {
  background: rgba(70, 41, 25, 0.8);
  border-color: rgba(70, 41, 25, 0.8) !important;
}

.sl-segment-35 {
  background: rgba(178, 67, 150, 0.8);
  border-color: rgba(178, 67, 150, 0.8) !important;
}

.sl-segment-36 {
  background: rgba(131, 214, 37, 0.8);
  border-color: rgba(131, 214, 37, 0.8) !important;
}

.sl-segment-37 {
  background: rgba(37, 48, 69, 0.8);
  border-color: rgba(37, 48, 69, 0.8) !important;
}

.sl-segment-38 {
  background: rgba(223, 151, 147, 0.8);
  border-color: rgba(223, 151, 147, 0.8) !important;
}

.sl-segment-39 {
  background: rgba(42, 52, 123, 0.8);
  border-color: rgba(42, 52, 123, 0.8) !important;
}

.sl-segment-40 {
  background: rgba(63, 191, 19, 0.8);
  border-color: rgba(63, 191, 19, 0.8) !important;
}

.sl-segment-41 {
  background: rgba(187, 125, 156, 0.8);
  border-color: rgba(187, 125, 156, 0.8) !important;
}

.sl-segment-42 {
  background: rgba(155, 235, 10, 0.8);
  border-color: rgba(155, 235, 10, 0.8) !important;
}

.sl-segment-43 {
  background: rgba(125, 44, 200, 0.8);
  border-color: rgba(125, 44, 200, 0.8) !important;
}

.sl-segment-44 {
  background: rgba(160, 114, 132, 0.8);
  border-color: rgba(160, 114, 132, 0.8) !important;
}

.sl-segment-45 {
  background: rgba(254, 199, 44, 0.8);
  border-color: rgba(254, 199, 44, 0.8) !important;
}

.sl-segment-46 {
  background: rgba(90, 142, 96, 0.8);
  border-color: rgba(90, 142, 96, 0.8) !important;
}

.sl-segment-47 {
  background: rgba(23, 78, 83, 0.8);
  border-color: rgba(23, 78, 83, 0.8) !important;
}

.sl-segment-48 {
  background: rgba(121, 103, 239, 0.8);
  border-color: rgba(121, 103, 239, 0.8) !important;
}

.sl-segment-49 {
  background: rgba(96, 25, 30, 0.8);
  border-color: rgba(96, 25, 30, 0.8) !important;
}

.sl-segment-50 {
  background: rgba(28, 10, 123, 0.8);
  border-color: rgba(28, 10, 123, 0.8) !important;
}

.sl-segment-51 {
  background: rgba(171, 115, 227, 0.8);
  border-color: rgba(171, 115, 227, 0.8) !important;
}

.sl-segment-52 {
  background: rgba(133, 114, 243, 0.8);
  border-color: rgba(133, 114, 243, 0.8) !important;
}

.sl-segment-53 {
  background: rgba(103, 62, 30, 0.8);
  border-color: rgba(103, 62, 30, 0.8) !important;
}

.sl-segment-54 {
  background: rgba(78, 126, 49, 0.8);
  border-color: rgba(78, 126, 49, 0.8) !important;
}

.sl-segment-55 {
  background: rgba(98, 246, 217, 0.8);
  border-color: rgba(98, 246, 217, 0.8) !important;
}

.sl-segment-56 {
  background: rgba(204, 142, 99, 0.8);
  border-color: rgba(204, 142, 99, 0.8) !important;
}

.sl-segment-57 {
  background: rgba(228, 163, 160, 0.8);
  border-color: rgba(228, 163, 160, 0.8) !important;
}

.sl-segment-58 {
  background: rgba(78, 155, 67, 0.8);
  border-color: rgba(78, 155, 67, 0.8) !important;
}

.sl-segment-59 {
  background: rgba(92, 22, 55, 0.8);
  border-color: rgba(92, 22, 55, 0.8) !important;
}

.sl-segment-60 {
  background: rgba(54, 30, 211, 0.8);
  border-color: rgba(54, 30, 211, 0.8) !important;
}

.sl-segment-61 {
  background: rgba(62, 79, 245, 0.8);
  border-color: rgba(62, 79, 245, 0.8) !important;
}

.sl-segment-62 {
  background: rgba(181, 146, 250, 0.8);
  border-color: rgba(181, 146, 250, 0.8) !important;
}

.sl-segment-63 {
  background: rgba(160, 164, 97, 0.8);
  border-color: rgba(160, 164, 97, 0.8) !important;
}

.sl-segment-64 {
  background: rgba(118, 69, 194, 0.8);
  border-color: rgba(118, 69, 194, 0.8) !important;
}

.sl-segment-65 {
  background: rgba(163, 79, 147, 0.8);
  border-color: rgba(163, 79, 147, 0.8) !important;
}

.sl-segment-66 {
  background: rgba(214, 15, 168, 0.8);
  border-color: rgba(214, 15, 168, 0.8) !important;
}

.sl-segment-67 {
  background: rgba(122, 163, 24, 0.8);
  border-color: rgba(122, 163, 24, 0.8) !important;
}

.sl-segment-68 {
  background: rgba(43, 99, 208, 0.8);
  border-color: rgba(43, 99, 208, 0.8) !important;
}

.sl-segment-69 {
  background: rgba(24, 229, 139, 0.8);
  border-color: rgba(24, 229, 139, 0.8) !important;
}

.sl-segment-70 {
  background: rgba(137, 107, 85, 0.8);
  border-color: rgba(137, 107, 85, 0.8) !important;
}

.sl-segment-71 {
  background: rgba(255, 187, 66, 0.8);
  border-color: rgba(255, 187, 66, 0.8) !important;
}

.sl-segment-72 {
  background: rgba(34, 229, 214, 0.8);
  border-color: rgba(34, 229, 214, 0.8) !important;
}

.sl-segment-73 {
  background: rgba(150, 168, 235, 0.8);
  border-color: rgba(150, 168, 235, 0.8) !important;
}

.sl-segment-74 {
  background: rgba(185, 47, 44, 0.8);
  border-color: rgba(185, 47, 44, 0.8) !important;
}

.sl-segment-75 {
  background: rgba(12, 178, 38, 0.8);
  border-color: rgba(12, 178, 38, 0.8) !important;
}

.sl-segment-76 {
  background: rgba(75, 154, 203, 0.8);
  border-color: rgba(75, 154, 203, 0.8) !important;
}

.sl-segment-77 {
  background: rgba(151, 31, 52, 0.8);
  border-color: rgba(151, 31, 52, 0.8) !important;
}

.sl-segment-78 {
  background: rgba(94, 113, 251, 0.8);
  border-color: rgba(94, 113, 251, 0.8) !important;
}

.sl-segment-79 {
  background: rgba(166, 153, 110, 0.8);
  border-color: rgba(166, 153, 110, 0.8) !important;
}

.sl-segment-80 {
  background: rgba(85, 154, 3, 0.8);
  border-color: rgba(85, 154, 3, 0.8) !important;
}

.sl-segment-81 {
  background: rgba(243, 220, 13, 0.8);
  border-color: rgba(243, 220, 13, 0.8) !important;
}

.sl-segment-82 {
  background: rgba(125, 147, 56, 0.8);
  border-color: rgba(125, 147, 56, 0.8) !important;
}

.sl-segment-83 {
  background: rgba(91, 145, 1, 0.8);
  border-color: rgba(91, 145, 1, 0.8) !important;
}

.sl-segment-84 {
  background: rgba(207, 59, 224, 0.8);
  border-color: rgba(207, 59, 224, 0.8) !important;
}

.sl-segment-85 {
  background: rgba(54, 182, 202, 0.8);
  border-color: rgba(54, 182, 202, 0.8) !important;
}

.sl-segment-86 {
  background: rgba(72, 23, 250, 0.8);
  border-color: rgba(72, 23, 250, 0.8) !important;
}

.sl-segment-87 {
  background: rgba(49, 172, 150, 0.8);
  border-color: rgba(49, 172, 150, 0.8) !important;
}

.sl-segment-88 {
  background: rgba(236, 174, 128, 0.8);
  border-color: rgba(236, 174, 128, 0.8) !important;
}

.sl-segment-89 {
  background: rgba(34, 186, 221, 0.8);
  border-color: rgba(34, 186, 221, 0.8) !important;
}

.sl-segment-90 {
  background: rgba(133, 171, 198, 0.8);
  border-color: rgba(133, 171, 198, 0.8) !important;
}

.sl-segment-91 {
  background: rgba(173, 129, 175, 0.8);
  border-color: rgba(173, 129, 175, 0.8) !important;
}

.sl-segment-92 {
  background: rgba(8, 196, 228, 0.8);
  border-color: rgba(8, 196, 228, 0.8) !important;
}

.sl-segment-93 {
  background: rgba(42, 162, 230, 0.8);
  border-color: rgba(42, 162, 230, 0.8) !important;
}

.sl-segment-94 {
  background: rgba(110, 113, 131, 0.8);
  border-color: rgba(110, 113, 131, 0.8) !important;
}

.sl-segment-95 {
  background: rgba(93, 207, 199, 0.8);
  border-color: rgba(93, 207, 199, 0.8) !important;
}

.sl-segment-96 {
  background: rgba(67, 68, 100, 0.8);
  border-color: rgba(67, 68, 100, 0.8) !important;
}

.sl-segment-97 {
  background: rgba(252, 22, 79, 0.8);
  border-color: rgba(252, 22, 79, 0.8) !important;
}

.sl-segment-98 {
  background: rgba(46, 208, 179, 0.8);
  border-color: rgba(46, 208, 179, 0.8) !important;
}

.sl-segment-99 {
  background: rgba(120, 19, 183, 0.8);
  border-color: rgba(120, 19, 183, 0.8) !important;
}

.sl-segment-100 {
  background: rgba(27, 169, 44, 0.8);
  border-color: rgba(27, 169, 44, 0.8) !important;
}

.sl-segment-101 {
  background: rgba(66, 93, 163, 0.8);
  border-color: rgba(66, 93, 163, 0.8) !important;
}

.sl-segment-102 {
  background: rgba(41, 128, 216, 0.8);
  border-color: rgba(41, 128, 216, 0.8) !important;
}

.sl-segment-103 {
  background: rgba(150, 53, 33, 0.8);
  border-color: rgba(150, 53, 33, 0.8) !important;
}

.sl-segment-104 {
  background: rgba(255, 169, 55, 0.8);
  border-color: rgba(255, 169, 55, 0.8) !important;
}

.sl-segment-105 {
  background: rgba(48, 48, 160, 0.8);
  border-color: rgba(48, 48, 160, 0.8) !important;
}

.sl-segment-106 {
  background: rgba(9, 197, 165, 0.8);
  border-color: rgba(9, 197, 165, 0.8) !important;
}

.sl-segment-107 {
  background: rgba(127, 207, 173, 0.8);
  border-color: rgba(127, 207, 173, 0.8) !important;
}

.sl-segment-108 {
  background: rgba(6, 7, 255, 0.8);
  border-color: rgba(6, 7, 255, 0.8) !important;
}

.sl-segment-109 {
  background: rgba(126, 251, 72, 0.8);
  border-color: rgba(126, 251, 72, 0.8) !important;
}

.sl-segment-110 {
  background: rgba(139, 208, 195, 0.8);
  border-color: rgba(139, 208, 195, 0.8) !important;
}

.sl-segment-111 {
  background: rgba(17, 220, 2, 0.8);
  border-color: rgba(17, 220, 2, 0.8) !important;
}

.sl-segment-112 {
  background: rgba(133, 195, 194, 0.8);
  border-color: rgba(133, 195, 194, 0.8) !important;
}

.sl-segment-113 {
  background: rgba(222, 196, 98, 0.8);
  border-color: rgba(222, 196, 98, 0.8) !important;
}

.sl-segment-114 {
  background: rgba(199, 245, 106, 0.8);
  border-color: rgba(199, 245, 106, 0.8) !important;
}

.sl-segment-115 {
  background: rgba(99, 169, 84, 0.8);
  border-color: rgba(99, 169, 84, 0.8) !important;
}

.sl-segment-116 {
  background: rgba(14, 6, 53, 0.8);
  border-color: rgba(14, 6, 53, 0.8) !important;
}

.sl-segment-117 {
  background: rgba(230, 137, 186, 0.8);
  border-color: rgba(230, 137, 186, 0.8) !important;
}

.sl-segment-118 {
  background: rgba(84, 176, 185, 0.8);
  border-color: rgba(84, 176, 185, 0.8) !important;
}

.sl-segment-119 {
  background: rgba(112, 242, 15, 0.8);
  border-color: rgba(112, 242, 15, 0.8) !important;
}

.sl-segment-120 {
  background: rgba(214, 114, 24, 0.8);
  border-color: rgba(214, 114, 24, 0.8) !important;
}

.sl-segment-121 {
  background: rgba(24, 254, 144, 0.8);
  border-color: rgba(24, 254, 144, 0.8) !important;
}

.sl-segment-122 {
  background: rgba(52, 48, 11, 0.8);
  border-color: rgba(52, 48, 11, 0.8) !important;
}

.sl-segment-123 {
  background: rgba(30, 200, 251, 0.8);
  border-color: rgba(30, 200, 251, 0.8) !important;
}

.sl-segment-124 {
  background: rgba(216, 200, 150, 0.8);
  border-color: rgba(216, 200, 150, 0.8) !important;
}

.sl-segment-125 {
  background: rgba(227, 75, 212, 0.8);
  border-color: rgba(227, 75, 212, 0.8) !important;
}

.sl-segment-126 {
  background: rgba(70, 191, 183, 0.8);
  border-color: rgba(70, 191, 183, 0.8) !important;
}

.sl-segment-127 {
  background: rgba(85, 11, 148, 0.8);
  border-color: rgba(85, 11, 148, 0.8) !important;
}

.sl-segment-128 {
  background: rgba(76, 124, 42, 0.8);
  border-color: rgba(76, 124, 42, 0.8) !important;
}

.sl-segment-129 {
  background: rgba(88, 24, 118, 0.8);
  border-color: rgba(88, 24, 118, 0.8) !important;
}

.sl-segment-130 {
  background: rgba(71, 11, 13, 0.8);
  border-color: rgba(71, 11, 13, 0.8) !important;
}

.sl-segment-131 {
  background: rgba(3, 164, 238, 0.8);
  border-color: rgba(3, 164, 238, 0.8) !important;
}

.sl-segment-132 {
  background: rgba(211, 155, 69, 0.8);
  border-color: rgba(211, 155, 69, 0.8) !important;
}

.sl-segment-133 {
  background: rgba(25, 197, 134, 0.8);
  border-color: rgba(25, 197, 134, 0.8) !important;
}

.sl-segment-134 {
  background: rgba(192, 191, 53, 0.8);
  border-color: rgba(192, 191, 53, 0.8) !important;
}

.sl-segment-135 {
  background: rgba(41, 91, 11, 0.8);
  border-color: rgba(41, 91, 11, 0.8) !important;
}

.sl-segment-136 {
  background: rgba(214, 136, 119, 0.8);
  border-color: rgba(214, 136, 119, 0.8) !important;
}

.sl-segment-137 {
  background: rgba(152, 103, 80, 0.8);
  border-color: rgba(152, 103, 80, 0.8) !important;
}

.sl-segment-138 {
  background: rgba(135, 147, 224, 0.8);
  border-color: rgba(135, 147, 224, 0.8) !important;
}

.sl-segment-139 {
  background: rgba(247, 67, 114, 0.8);
  border-color: rgba(247, 67, 114, 0.8) !important;
}

.sl-segment-140 {
  background: rgba(164, 87, 116, 0.8);
  border-color: rgba(164, 87, 116, 0.8) !important;
}

.sl-segment-141 {
  background: rgba(190, 102, 181, 0.8);
  border-color: rgba(190, 102, 181, 0.8) !important;
}

.sl-segment-142 {
  background: rgba(51, 174, 87, 0.8);
  border-color: rgba(51, 174, 87, 0.8) !important;
}

.sl-segment-143 {
  background: rgba(251, 221, 136, 0.8);
  border-color: rgba(251, 221, 136, 0.8) !important;
}

.sl-segment-144 {
  background: rgba(183, 198, 233, 0.8);
  border-color: rgba(183, 198, 233, 0.8) !important;
}

.sl-segment-145 {
  background: rgba(30, 198, 107, 0.8);
  border-color: rgba(30, 198, 107, 0.8) !important;
}

.sl-segment-146 {
  background: rgba(40, 39, 28, 0.8);
  border-color: rgba(40, 39, 28, 0.8) !important;
}

.sl-segment-147 {
  background: rgba(165, 123, 134, 0.8);
  border-color: rgba(165, 123, 134, 0.8) !important;
}

.sl-segment-148 {
  background: rgba(218, 135, 190, 0.8);
  border-color: rgba(218, 135, 190, 0.8) !important;
}

.sl-segment-149 {
  background: rgba(52, 101, 32, 0.8);
  border-color: rgba(52, 101, 32, 0.8) !important;
}

.sl-segment-150 {
  background: rgba(41, 38, 152, 0.8);
  border-color: rgba(41, 38, 152, 0.8) !important;
}

.sl-segment-151 {
  background: rgba(168, 142, 227, 0.8);
  border-color: rgba(168, 142, 227, 0.8) !important;
}

.sl-segment-152 {
  background: rgba(226, 33, 170, 0.8);
  border-color: rgba(226, 33, 170, 0.8) !important;
}

.sl-segment-153 {
  background: rgba(195, 105, 231, 0.8);
  border-color: rgba(195, 105, 231, 0.8) !important;
}

.sl-segment-154 {
  background: rgba(178, 85, 82, 0.8);
  border-color: rgba(178, 85, 82, 0.8) !important;
}

.sl-segment-155 {
  background: rgba(254, 112, 179, 0.8);
  border-color: rgba(254, 112, 179, 0.8) !important;
}

.sl-segment-156 {
  background: rgba(218, 77, 162, 0.8);
  border-color: rgba(218, 77, 162, 0.8) !important;
}

.sl-segment-157 {
  background: rgba(203, 45, 109, 0.8);
  border-color: rgba(203, 45, 109, 0.8) !important;
}

.sl-segment-158 {
  background: rgba(127, 197, 190, 0.8);
  border-color: rgba(127, 197, 190, 0.8) !important;
}

.sl-segment-159 {
  background: rgba(206, 211, 249, 0.8);
  border-color: rgba(206, 211, 249, 0.8) !important;
}

.sl-segment-160 {
  background: rgba(55, 55, 208, 0.8);
  border-color: rgba(55, 55, 208, 0.8) !important;
}

.sl-segment-161 {
  background: rgba(101, 234, 49, 0.8);
  border-color: rgba(101, 234, 49, 0.8) !important;
}

.sl-segment-162 {
  background: rgba(49, 16, 0, 0.8);
  border-color: rgba(49, 16, 0, 0.8) !important;
}

.sl-segment-163 {
  background: rgba(61, 241, 39, 0.8);
  border-color: rgba(61, 241, 39, 0.8) !important;
}

.sl-segment-164 {
  background: rgba(5, 148, 66, 0.8);
  border-color: rgba(5, 148, 66, 0.8) !important;
}

.sl-segment-165 {
  background: rgba(61, 169, 53, 0.8);
  border-color: rgba(61, 169, 53, 0.8) !important;
}

.sl-segment-166 {
  background: rgba(173, 9, 222, 0.8);
  border-color: rgba(173, 9, 222, 0.8) !important;
}

.sl-segment-167 {
  background: rgba(125, 88, 80, 0.8);
  border-color: rgba(125, 88, 80, 0.8) !important;
}

.sl-segment-168 {
  background: rgba(201, 109, 198, 0.8);
  border-color: rgba(201, 109, 198, 0.8) !important;
}

.sl-segment-169 {
  background: rgba(107, 159, 248, 0.8);
  border-color: rgba(107, 159, 248, 0.8) !important;
}

.sl-segment-170 {
  background: rgba(144, 35, 119, 0.8);
  border-color: rgba(144, 35, 119, 0.8) !important;
}

.sl-segment-171 {
  background: rgba(56, 175, 124, 0.8);
  border-color: rgba(56, 175, 124, 0.8) !important;
}

.sl-segment-172 {
  background: rgba(76, 18, 199, 0.8);
  border-color: rgba(76, 18, 199, 0.8) !important;
}

.sl-segment-173 {
  background: rgba(25, 97, 144, 0.8);
  border-color: rgba(25, 97, 144, 0.8) !important;
}

.sl-segment-174 {
  background: rgba(20, 37, 66, 0.8);
  border-color: rgba(20, 37, 66, 0.8) !important;
}

.sl-segment-175 {
  background: rgba(11, 213, 84, 0.8);
  border-color: rgba(11, 213, 84, 0.8) !important;
}

.sl-segment-176 {
  background: rgba(3, 159, 144, 0.8);
  border-color: rgba(3, 159, 144, 0.8) !important;
}

.sl-segment-177 {
  background: rgba(16, 53, 113, 0.8);
  border-color: rgba(16, 53, 113, 0.8) !important;
}

.sl-segment-178 {
  background: rgba(60, 60, 63, 0.8);
  border-color: rgba(60, 60, 63, 0.8) !important;
}

.sl-segment-179 {
  background: rgba(222, 41, 113, 0.8);
  border-color: rgba(222, 41, 113, 0.8) !important;
}

.sl-segment-180 {
  background: rgba(101, 162, 163, 0.8);
  border-color: rgba(101, 162, 163, 0.8) !important;
}

.sl-segment-181 {
  background: rgba(238, 84, 55, 0.8);
  border-color: rgba(238, 84, 55, 0.8) !important;
}

.sl-segment-182 {
  background: rgba(20, 72, 226, 0.8);
  border-color: rgba(20, 72, 226, 0.8) !important;
}

.sl-segment-183 {
  background: rgba(209, 161, 40, 0.8);
  border-color: rgba(209, 161, 40, 0.8) !important;
}

.sl-segment-184 {
  background: rgba(80, 216, 130, 0.8);
  border-color: rgba(80, 216, 130, 0.8) !important;
}

.sl-segment-185 {
  background: rgba(207, 241, 173, 0.8);
  border-color: rgba(207, 241, 173, 0.8) !important;
}

.sl-segment-186 {
  background: rgba(120, 164, 8, 0.8);
  border-color: rgba(120, 164, 8, 0.8) !important;
}

.sl-segment-187 {
  background: rgba(204, 222, 15, 0.8);
  border-color: rgba(204, 222, 15, 0.8) !important;
}

.sl-segment-188 {
  background: rgba(164, 28, 175, 0.8);
  border-color: rgba(164, 28, 175, 0.8) !important;
}

.sl-segment-189 {
  background: rgba(192, 147, 37, 0.8);
  border-color: rgba(192, 147, 37, 0.8) !important;
}

.sl-segment-190 {
  background: rgba(112, 218, 28, 0.8);
  border-color: rgba(112, 218, 28, 0.8) !important;
}

.sl-segment-191 {
  background: rgba(101, 146, 102, 0.8);
  border-color: rgba(101, 146, 102, 0.8) !important;
}

.sl-segment-192 {
  background: rgba(165, 4, 34, 0.8);
  border-color: rgba(165, 4, 34, 0.8) !important;
}

.sl-segment-193 {
  background: rgba(131, 102, 140, 0.8);
  border-color: rgba(131, 102, 140, 0.8) !important;
}

.sl-segment-194 {
  background: rgba(200, 126, 60, 0.8);
  border-color: rgba(200, 126, 60, 0.8) !important;
}

.sl-segment-195 {
  background: rgba(163, 182, 111, 0.8);
  border-color: rgba(163, 182, 111, 0.8) !important;
}

.sl-segment-196 {
  background: rgba(56, 12, 43, 0.8);
  border-color: rgba(56, 12, 43, 0.8) !important;
}

.sl-segment-197 {
  background: rgba(38, 82, 229, 0.8);
  border-color: rgba(38, 82, 229, 0.8) !important;
}

.sl-segment-198 {
  background: rgba(40, 117, 51, 0.8);
  border-color: rgba(40, 117, 51, 0.8) !important;
}

.sl-segment-199 {
  background: rgba(82, 234, 165, 0.8);
  border-color: rgba(82, 234, 165, 0.8) !important;
}

.sl-segment-200 {
  background: rgba(205, 70, 4, 0.8);
  border-color: rgba(205, 70, 4, 0.8) !important;
}

.sl-segment-201 {
  background: rgba(224, 193, 166, 0.8);
  border-color: rgba(224, 193, 166, 0.8) !important;
}

.sl-segment-202 {
  background: rgba(246, 52, 145, 0.8);
  border-color: rgba(246, 52, 145, 0.8) !important;
}

.sl-segment-203 {
  background: rgba(238, 37, 198, 0.8);
  border-color: rgba(238, 37, 198, 0.8) !important;
}

.sl-segment-204 {
  background: rgba(49, 241, 48, 0.8);
  border-color: rgba(49, 241, 48, 0.8) !important;
}

.sl-segment-205 {
  background: rgba(67, 44, 133, 0.8);
  border-color: rgba(67, 44, 133, 0.8) !important;
}

.sl-segment-206 {
  background: rgba(192, 212, 13, 0.8);
  border-color: rgba(192, 212, 13, 0.8) !important;
}

.sl-segment-207 {
  background: rgba(85, 126, 251, 0.8);
  border-color: rgba(85, 126, 251, 0.8) !important;
}

.sl-segment-208 {
  background: rgba(32, 33, 113, 0.8);
  border-color: rgba(32, 33, 113, 0.8) !important;
}

.sl-segment-209 {
  background: rgba(127, 235, 64, 0.8);
  border-color: rgba(127, 235, 64, 0.8) !important;
}

.sl-segment-210 {
  background: rgba(2, 111, 70, 0.8);
  border-color: rgba(2, 111, 70, 0.8) !important;
}

.sl-segment-211 {
  background: rgba(215, 215, 211, 0.8);
  border-color: rgba(215, 215, 211, 0.8) !important;
}

.sl-segment-212 {
  background: rgba(22, 155, 104, 0.8);
  border-color: rgba(22, 155, 104, 0.8) !important;
}

.sl-segment-213 {
  background: rgba(79, 146, 42, 0.8);
  border-color: rgba(79, 146, 42, 0.8) !important;
}

.sl-segment-214 {
  background: rgba(103, 68, 118, 0.8);
  border-color: rgba(103, 68, 118, 0.8) !important;
}

.sl-segment-215 {
  background: rgba(222, 141, 104, 0.8);
  border-color: rgba(222, 141, 104, 0.8) !important;
}

.sl-segment-216 {
  background: rgba(219, 209, 74, 0.8);
  border-color: rgba(219, 209, 74, 0.8) !important;
}

.sl-segment-217 {
  background: rgba(80, 40, 182, 0.8);
  border-color: rgba(80, 40, 182, 0.8) !important;
}

.sl-segment-218 {
  background: rgba(155, 186, 206, 0.8);
  border-color: rgba(155, 186, 206, 0.8) !important;
}

.sl-segment-219 {
  background: rgba(206, 193, 101, 0.8);
  border-color: rgba(206, 193, 101, 0.8) !important;
}

.sl-segment-220 {
  background: rgba(206, 65, 51, 0.8);
  border-color: rgba(206, 65, 51, 0.8) !important;
}

.sl-segment-221 {
  background: rgba(110, 196, 208, 0.8);
  border-color: rgba(110, 196, 208, 0.8) !important;
}

.sl-segment-222 {
  background: rgba(170, 32, 182, 0.8);
  border-color: rgba(170, 32, 182, 0.8) !important;
}

.sl-segment-223 {
  background: rgba(81, 191, 141, 0.8);
  border-color: rgba(81, 191, 141, 0.8) !important;
}

.sl-segment-224 {
  background: rgba(217, 24, 52, 0.8);
  border-color: rgba(217, 24, 52, 0.8) !important;
}

.sl-segment-225 {
  background: rgba(14, 194, 183, 0.8);
  border-color: rgba(14, 194, 183, 0.8) !important;
}

.sl-segment-226 {
  background: rgba(85, 251, 118, 0.8);
  border-color: rgba(85, 251, 118, 0.8) !important;
}

.sl-segment-227 {
  background: rgba(68, 237, 127, 0.8);
  border-color: rgba(68, 237, 127, 0.8) !important;
}

.sl-segment-228 {
  background: rgba(166, 249, 29, 0.8);
  border-color: rgba(166, 249, 29, 0.8) !important;
}

.sl-segment-229 {
  background: rgba(207, 17, 23, 0.8);
  border-color: rgba(207, 17, 23, 0.8) !important;
}

.sl-segment-230 {
  background: rgba(86, 29, 202, 0.8);
  border-color: rgba(86, 29, 202, 0.8) !important;
}

.sl-segment-231 {
  background: rgba(181, 99, 35, 0.8);
  border-color: rgba(181, 99, 35, 0.8) !important;
}

.sl-segment-232 {
  background: rgba(155, 114, 185, 0.8);
  border-color: rgba(155, 114, 185, 0.8) !important;
}

.sl-segment-233 {
  background: rgba(143, 120, 214, 0.8);
  border-color: rgba(143, 120, 214, 0.8) !important;
}

.sl-segment-234 {
  background: rgba(79, 88, 120, 0.8);
  border-color: rgba(79, 88, 120, 0.8) !important;
}

.sl-segment-235 {
  background: rgba(155, 8, 46, 0.8);
  border-color: rgba(155, 8, 46, 0.8) !important;
}

.sl-segment-236 {
  background: rgba(230, 190, 26, 0.8);
  border-color: rgba(230, 190, 26, 0.8) !important;
}

.sl-segment-237 {
  background: rgba(175, 97, 167, 0.8);
  border-color: rgba(175, 97, 167, 0.8) !important;
}

.sl-segment-238 {
  background: rgba(212, 68, 121, 0.8);
  border-color: rgba(212, 68, 121, 0.8) !important;
}

.sl-segment-239 {
  background: rgba(101, 208, 241, 0.8);
  border-color: rgba(101, 208, 241, 0.8) !important;
}

.sl-segment-240 {
  background: rgba(227, 186, 154, 0.8);
  border-color: rgba(227, 186, 154, 0.8) !important;
}

.sl-segment-241 {
  background: rgba(64, 134, 161, 0.8);
  border-color: rgba(64, 134, 161, 0.8) !important;
}

.sl-segment-242 {
  background: rgba(227, 191, 145, 0.8);
  border-color: rgba(227, 191, 145, 0.8) !important;
}

.sl-segment-243 {
  background: rgba(3, 116, 174, 0.8);
  border-color: rgba(3, 116, 174, 0.8) !important;
}

.sl-segment-244 {
  background: rgba(64, 9, 226, 0.8);
  border-color: rgba(64, 9, 226, 0.8) !important;
}

.sl-segment-245 {
  background: rgba(241, 111, 42, 0.8);
  border-color: rgba(241, 111, 42, 0.8) !important;
}

.sl-segment-246 {
  background: rgba(206, 145, 194, 0.8);
  border-color: rgba(206, 145, 194, 0.8) !important;
}

.sl-segment-247 {
  background: rgba(27, 201, 70, 0.8);
  border-color: rgba(27, 201, 70, 0.8) !important;
}

.sl-segment-248 {
  background: rgba(5, 211, 94, 0.8);
  border-color: rgba(5, 211, 94, 0.8) !important;
}

.sl-segment-249 {
  background: rgba(204, 2, 160, 0.8);
  border-color: rgba(204, 2, 160, 0.8) !important;
}

.sl-segment-250 {
  background: rgba(219, 9, 52, 0.8);
  border-color: rgba(219, 9, 52, 0.8) !important;
}

.sl-segment-251 {
  background: rgba(15, 159, 92, 0.8);
  border-color: rgba(15, 159, 92, 0.8) !important;
}

.sl-segment-252 {
  background: rgba(184, 110, 170, 0.8);
  border-color: rgba(184, 110, 170, 0.8) !important;
}

.sl-segment-253 {
  background: rgba(137, 26, 243, 0.8);
  border-color: rgba(137, 26, 243, 0.8) !important;
}

.sl-segment-254 {
  background: rgba(130, 88, 51, 0.8);
  border-color: rgba(130, 88, 51, 0.8) !important;
}

.sl-segment-255 {
  background: rgba(189, 178, 164, 0.8);
  border-color: rgba(189, 178, 164, 0.8) !important;
}

.sl-segment-256 {
  background: rgba(93, 6, 136, 0.8);
  border-color: rgba(93, 6, 136, 0.8) !important;
}

.sl-segment-257 {
  background: rgba(140, 229, 134, 0.8);
  border-color: rgba(140, 229, 134, 0.8) !important;
}

.sl-segment-258 {
  background: rgba(151, 168, 195, 0.8);
  border-color: rgba(151, 168, 195, 0.8) !important;
}

.sl-segment-259 {
  background: rgba(255, 78, 238, 0.8);
  border-color: rgba(255, 78, 238, 0.8) !important;
}

.sl-segment-260 {
  background: rgba(161, 77, 79, 0.8);
  border-color: rgba(161, 77, 79, 0.8) !important;
}

.sl-segment-261 {
  background: rgba(143, 9, 207, 0.8);
  border-color: rgba(143, 9, 207, 0.8) !important;
}

.sl-segment-262 {
  background: rgba(99, 146, 32, 0.8);
  border-color: rgba(99, 146, 32, 0.8) !important;
}

.sl-segment-263 {
  background: rgba(102, 28, 36, 0.8);
  border-color: rgba(102, 28, 36, 0.8) !important;
}

.sl-segment-264 {
  background: rgba(211, 83, 190, 0.8);
  border-color: rgba(211, 83, 190, 0.8) !important;
}

.sl-segment-265 {
  background: rgba(8, 6, 205, 0.8);
  border-color: rgba(8, 6, 205, 0.8) !important;
}

.sl-segment-266 {
  background: rgba(170, 69, 144, 0.8);
  border-color: rgba(170, 69, 144, 0.8) !important;
}

.sl-segment-267 {
  background: rgba(235, 22, 81, 0.8);
  border-color: rgba(235, 22, 81, 0.8) !important;
}

.sl-segment-268 {
  background: rgba(105, 186, 162, 0.8);
  border-color: rgba(105, 186, 162, 0.8) !important;
}

.sl-segment-269 {
  background: rgba(132, 223, 201, 0.8);
  border-color: rgba(132, 223, 201, 0.8) !important;
}

.sl-segment-270 {
  background: rgba(160, 246, 212, 0.8);
  border-color: rgba(160, 246, 212, 0.8) !important;
}

.sl-segment-271 {
  background: rgba(115, 50, 32, 0.8);
  border-color: rgba(115, 50, 32, 0.8) !important;
}

.sl-segment-272 {
  background: rgba(72, 120, 255, 0.8);
  border-color: rgba(72, 120, 255, 0.8) !important;
}

.sl-segment-273 {
  background: rgba(244, 171, 2, 0.8);
  border-color: rgba(244, 171, 2, 0.8) !important;
}

.sl-segment-274 {
  background: rgba(250, 17, 85, 0.8);
  border-color: rgba(250, 17, 85, 0.8) !important;
}

.sl-segment-275 {
  background: rgba(68, 38, 39, 0.8);
  border-color: rgba(68, 38, 39, 0.8) !important;
}

.sl-segment-276 {
  background: rgba(24, 11, 54, 0.8);
  border-color: rgba(24, 11, 54, 0.8) !important;
}

.sl-segment-277 {
  background: rgba(32, 27, 17, 0.8);
  border-color: rgba(32, 27, 17, 0.8) !important;
}

.sl-segment-278 {
  background: rgba(137, 32, 168, 0.8);
  border-color: rgba(137, 32, 168, 0.8) !important;
}

.sl-segment-279 {
  background: rgba(133, 215, 71, 0.8);
  border-color: rgba(133, 215, 71, 0.8) !important;
}

.sl-segment-280 {
  background: rgba(36, 163, 175, 0.8);
  border-color: rgba(36, 163, 175, 0.8) !important;
}

.sl-segment-281 {
  background: rgba(248, 178, 13, 0.8);
  border-color: rgba(248, 178, 13, 0.8) !important;
}

.sl-segment-282 {
  background: rgba(126, 64, 106, 0.8);
  border-color: rgba(126, 64, 106, 0.8) !important;
}

.sl-segment-283 {
  background: rgba(172, 100, 38, 0.8);
  border-color: rgba(172, 100, 38, 0.8) !important;
}

.sl-segment-284 {
  background: rgba(2, 99, 99, 0.8);
  border-color: rgba(2, 99, 99, 0.8) !important;
}

.sl-segment-285 {
  background: rgba(83, 148, 177, 0.8);
  border-color: rgba(83, 148, 177, 0.8) !important;
}

.sl-segment-286 {
  background: rgba(153, 134, 18, 0.8);
  border-color: rgba(153, 134, 18, 0.8) !important;
}

.sl-segment-287 {
  background: rgba(167, 20, 5, 0.8);
  border-color: rgba(167, 20, 5, 0.8) !important;
}

.sl-segment-288 {
  background: rgba(254, 199, 118, 0.8);
  border-color: rgba(254, 199, 118, 0.8) !important;
}

.sl-segment-289 {
  background: rgba(32, 186, 29, 0.8);
  border-color: rgba(32, 186, 29, 0.8) !important;
}

.sl-segment-290 {
  background: rgba(152, 4, 27, 0.8);
  border-color: rgba(152, 4, 27, 0.8) !important;
}

.sl-segment-291 {
  background: rgba(193, 2, 2, 0.8);
  border-color: rgba(193, 2, 2, 0.8) !important;
}

.sl-segment-292 {
  background: rgba(245, 133, 212, 0.8);
  border-color: rgba(245, 133, 212, 0.8) !important;
}

.sl-segment-293 {
  background: rgba(7, 14, 194, 0.8);
  border-color: rgba(7, 14, 194, 0.8) !important;
}

.sl-segment-294 {
  background: rgba(106, 141, 2, 0.8);
  border-color: rgba(106, 141, 2, 0.8) !important;
}

.sl-segment-295 {
  background: rgba(38, 206, 90, 0.8);
  border-color: rgba(38, 206, 90, 0.8) !important;
}

.sl-segment-296 {
  background: rgba(240, 58, 74, 0.8);
  border-color: rgba(240, 58, 74, 0.8) !important;
}

.sl-segment-297 {
  background: rgba(175, 174, 67, 0.8);
  border-color: rgba(175, 174, 67, 0.8) !important;
}

.sl-segment-298 {
  background: rgba(63, 15, 41, 0.8);
  border-color: rgba(63, 15, 41, 0.8) !important;
}

.sl-segment-299 {
  background: rgba(61, 120, 165, 0.8);
  border-color: rgba(61, 120, 165, 0.8) !important;
}

.sl-segment-300 {
  background: rgba(0, 179, 154, 0.8);
  border-color: rgba(0, 179, 154, 0.8) !important;
}

.sl-segment-301 {
  background: rgba(36, 83, 160, 0.8);
  border-color: rgba(36, 83, 160, 0.8) !important;
}

.sl-segment-302 {
  background: rgba(53, 245, 208, 0.8);
  border-color: rgba(53, 245, 208, 0.8) !important;
}

.sl-segment-303 {
  background: rgba(71, 154, 190, 0.8);
  border-color: rgba(71, 154, 190, 0.8) !important;
}

.sl-segment-304 {
  background: rgba(20, 113, 172, 0.8);
  border-color: rgba(20, 113, 172, 0.8) !important;
}

.sl-segment-305 {
  background: rgba(220, 115, 131, 0.8);
  border-color: rgba(220, 115, 131, 0.8) !important;
}

.sl-segment-306 {
  background: rgba(76, 81, 54, 0.8);
  border-color: rgba(76, 81, 54, 0.8) !important;
}

.sl-segment-307 {
  background: rgba(50, 164, 24, 0.8);
  border-color: rgba(50, 164, 24, 0.8) !important;
}

.sl-segment-308 {
  background: rgba(153, 129, 217, 0.8);
  border-color: rgba(153, 129, 217, 0.8) !important;
}

.sl-segment-309 {
  background: rgba(67, 106, 90, 0.8);
  border-color: rgba(67, 106, 90, 0.8) !important;
}

.sl-segment-310 {
  background: rgba(181, 39, 3, 0.8);
  border-color: rgba(181, 39, 3, 0.8) !important;
}

.sl-segment-311 {
  background: rgba(6, 145, 176, 0.8);
  border-color: rgba(6, 145, 176, 0.8) !important;
}

.sl-segment-312 {
  background: rgba(64, 148, 140, 0.8);
  border-color: rgba(64, 148, 140, 0.8) !important;
}

.sl-segment-313 {
  background: rgba(225, 95, 4, 0.8);
  border-color: rgba(225, 95, 4, 0.8) !important;
}

.sl-segment-314 {
  background: rgba(218, 233, 157, 0.8);
  border-color: rgba(218, 233, 157, 0.8) !important;
}

.sl-segment-315 {
  background: rgba(10, 14, 246, 0.8);
  border-color: rgba(10, 14, 246, 0.8) !important;
}

.sl-segment-316 {
  background: rgba(68, 158, 71, 0.8);
  border-color: rgba(68, 158, 71, 0.8) !important;
}

.sl-segment-317 {
  background: rgba(0, 66, 86, 0.8);
  border-color: rgba(0, 66, 86, 0.8) !important;
}

.sl-segment-318 {
  background: rgba(82, 78, 202, 0.8);
  border-color: rgba(82, 78, 202, 0.8) !important;
}

.sl-segment-319 {
  background: rgba(198, 151, 159, 0.8);
  border-color: rgba(198, 151, 159, 0.8) !important;
}

.sl-segment-320 {
  background: rgba(153, 237, 222, 0.8);
  border-color: rgba(153, 237, 222, 0.8) !important;
}

.sl-segment-321 {
  background: rgba(40, 204, 172, 0.8);
  border-color: rgba(40, 204, 172, 0.8) !important;
}

.sl-segment-322 {
  background: rgba(212, 186, 174, 0.8);
  border-color: rgba(212, 186, 174, 0.8) !important;
}

.sl-segment-323 {
  background: rgba(164, 17, 70, 0.8);
  border-color: rgba(164, 17, 70, 0.8) !important;
}

.sl-segment-324 {
  background: rgba(44, 176, 13, 0.8);
  border-color: rgba(44, 176, 13, 0.8) !important;
}

.sl-segment-325 {
  background: rgba(253, 154, 65, 0.8);
  border-color: rgba(253, 154, 65, 0.8) !important;
}

.sl-segment-326 {
  background: rgba(118, 15, 157, 0.8);
  border-color: rgba(118, 15, 157, 0.8) !important;
}

.sl-segment-327 {
  background: rgba(115, 175, 16, 0.8);
  border-color: rgba(115, 175, 16, 0.8) !important;
}

.sl-segment-328 {
  background: rgba(58, 46, 163, 0.8);
  border-color: rgba(58, 46, 163, 0.8) !important;
}

.sl-segment-329 {
  background: rgba(31, 193, 17, 0.8);
  border-color: rgba(31, 193, 17, 0.8) !important;
}

.sl-segment-330 {
  background: rgba(249, 45, 90, 0.8);
  border-color: rgba(249, 45, 90, 0.8) !important;
}

.sl-segment-331 {
  background: rgba(53, 235, 88, 0.8);
  border-color: rgba(53, 235, 88, 0.8) !important;
}

.sl-segment-332 {
  background: rgba(50, 14, 74, 0.8);
  border-color: rgba(50, 14, 74, 0.8) !important;
}

.sl-segment-333 {
  background: rgba(191, 183, 92, 0.8);
  border-color: rgba(191, 183, 92, 0.8) !important;
}

.sl-segment-334 {
  background: rgba(48, 112, 110, 0.8);
  border-color: rgba(48, 112, 110, 0.8) !important;
}

.sl-segment-335 {
  background: rgba(72, 16, 156, 0.8);
  border-color: rgba(72, 16, 156, 0.8) !important;
}

.sl-segment-336 {
  background: rgba(23, 71, 74, 0.8);
  border-color: rgba(23, 71, 74, 0.8) !important;
}

.sl-segment-337 {
  background: rgba(189, 67, 218, 0.8);
  border-color: rgba(189, 67, 218, 0.8) !important;
}

.sl-segment-338 {
  background: rgba(11, 254, 223, 0.8);
  border-color: rgba(11, 254, 223, 0.8) !important;
}

.sl-segment-339 {
  background: rgba(248, 236, 17, 0.8);
  border-color: rgba(248, 236, 17, 0.8) !important;
}

.sl-segment-340 {
  background: rgba(109, 129, 222, 0.8);
  border-color: rgba(109, 129, 222, 0.8) !important;
}

.sl-segment-341 {
  background: rgba(17, 13, 68, 0.8);
  border-color: rgba(17, 13, 68, 0.8) !important;
}

.sl-segment-342 {
  background: rgba(209, 217, 18, 0.8);
  border-color: rgba(209, 217, 18, 0.8) !important;
}

.sl-segment-343 {
  background: rgba(33, 237, 207, 0.8);
  border-color: rgba(33, 237, 207, 0.8) !important;
}

.sl-segment-344 {
  background: rgba(20, 58, 94, 0.8);
  border-color: rgba(20, 58, 94, 0.8) !important;
}

.sl-segment-345 {
  background: rgba(56, 155, 218, 0.8);
  border-color: rgba(56, 155, 218, 0.8) !important;
}

.sl-segment-346 {
  background: rgba(238, 47, 219, 0.8);
  border-color: rgba(238, 47, 219, 0.8) !important;
}

.sl-segment-347 {
  background: rgba(21, 222, 7, 0.8);
  border-color: rgba(21, 222, 7, 0.8) !important;
}

.sl-segment-348 {
  background: rgba(178, 4, 167, 0.8);
  border-color: rgba(178, 4, 167, 0.8) !important;
}

.sl-segment-349 {
  background: rgba(63, 244, 55, 0.8);
  border-color: rgba(63, 244, 55, 0.8) !important;
}

.sl-segment-350 {
  background: rgba(198, 159, 86, 0.8);
  border-color: rgba(198, 159, 86, 0.8) !important;
}

.sl-segment-351 {
  background: rgba(32, 44, 35, 0.8);
  border-color: rgba(32, 44, 35, 0.8) !important;
}

.sl-segment-352 {
  background: rgba(59, 215, 22, 0.8);
  border-color: rgba(59, 215, 22, 0.8) !important;
}

.sl-segment-353 {
  background: rgba(58, 35, 168, 0.8);
  border-color: rgba(58, 35, 168, 0.8) !important;
}

.sl-segment-354 {
  background: rgba(46, 246, 46, 0.8);
  border-color: rgba(46, 246, 46, 0.8) !important;
}

.sl-segment-355 {
  background: rgba(49, 118, 114, 0.8);
  border-color: rgba(49, 118, 114, 0.8) !important;
}

.sl-segment-356 {
  background: rgba(2, 201, 248, 0.8);
  border-color: rgba(2, 201, 248, 0.8) !important;
}

.sl-segment-357 {
  background: rgba(98, 142, 69, 0.8);
  border-color: rgba(98, 142, 69, 0.8) !important;
}

.sl-segment-358 {
  background: rgba(130, 206, 12, 0.8);
  border-color: rgba(130, 206, 12, 0.8) !important;
}

.sl-segment-359 {
  background: rgba(46, 180, 42, 0.8);
  border-color: rgba(46, 180, 42, 0.8) !important;
}

.sl-segment-360 {
  background: rgba(197, 2, 194, 0.8);
  border-color: rgba(197, 2, 194, 0.8) !important;
}

.sl-segment-361 {
  background: rgba(214, 107, 66, 0.8);
  border-color: rgba(214, 107, 66, 0.8) !important;
}

.sl-segment-362 {
  background: rgba(1, 207, 226, 0.8);
  border-color: rgba(1, 207, 226, 0.8) !important;
}

.sl-segment-363 {
  background: rgba(154, 103, 169, 0.8);
  border-color: rgba(154, 103, 169, 0.8) !important;
}

.sl-segment-364 {
  background: rgba(112, 157, 232, 0.8);
  border-color: rgba(112, 157, 232, 0.8) !important;
}

.sl-segment-365 {
  background: rgba(148, 227, 252, 0.8);
  border-color: rgba(148, 227, 252, 0.8) !important;
}

.sl-segment-366 {
  background: rgba(178, 32, 166, 0.8);
  border-color: rgba(178, 32, 166, 0.8) !important;
}

.sl-segment-367 {
  background: rgba(34, 163, 52, 0.8);
  border-color: rgba(34, 163, 52, 0.8) !important;
}

.sl-segment-368 {
  background: rgba(162, 180, 233, 0.8);
  border-color: rgba(162, 180, 233, 0.8) !important;
}

.sl-segment-369 {
  background: rgba(69, 111, 76, 0.8);
  border-color: rgba(69, 111, 76, 0.8) !important;
}

.sl-segment-370 {
  background: rgba(199, 19, 39, 0.8);
  border-color: rgba(199, 19, 39, 0.8) !important;
}

.sl-segment-371 {
  background: rgba(127, 158, 105, 0.8);
  border-color: rgba(127, 158, 105, 0.8) !important;
}

.sl-segment-372 {
  background: rgba(202, 18, 91, 0.8);
  border-color: rgba(202, 18, 91, 0.8) !important;
}

.sl-segment-373 {
  background: rgba(142, 97, 24, 0.8);
  border-color: rgba(142, 97, 24, 0.8) !important;
}

.sl-segment-374 {
  background: rgba(151, 42, 38, 0.8);
  border-color: rgba(151, 42, 38, 0.8) !important;
}

.sl-segment-375 {
  background: rgba(245, 253, 117, 0.8);
  border-color: rgba(245, 253, 117, 0.8) !important;
}

.sl-segment-376 {
  background: rgba(9, 77, 113, 0.8);
  border-color: rgba(9, 77, 113, 0.8) !important;
}

.sl-segment-377 {
  background: rgba(155, 234, 140, 0.8);
  border-color: rgba(155, 234, 140, 0.8) !important;
}

.sl-segment-378 {
  background: rgba(209, 34, 22, 0.8);
  border-color: rgba(209, 34, 22, 0.8) !important;
}

.sl-segment-379 {
  background: rgba(193, 218, 240, 0.8);
  border-color: rgba(193, 218, 240, 0.8) !important;
}

.sl-segment-380 {
  background: rgba(138, 96, 244, 0.8);
  border-color: rgba(138, 96, 244, 0.8) !important;
}

.sl-segment-381 {
  background: rgba(71, 236, 193, 0.8);
  border-color: rgba(71, 236, 193, 0.8) !important;
}

.sl-segment-382 {
  background: rgba(51, 207, 197, 0.8);
  border-color: rgba(51, 207, 197, 0.8) !important;
}

.sl-segment-383 {
  background: rgba(207, 169, 174, 0.8);
  border-color: rgba(207, 169, 174, 0.8) !important;
}

.sl-segment-384 {
  background: rgba(143, 248, 135, 0.8);
  border-color: rgba(143, 248, 135, 0.8) !important;
}

.sl-segment-385 {
  background: rgba(221, 85, 164, 0.8);
  border-color: rgba(221, 85, 164, 0.8) !important;
}

.sl-segment-386 {
  background: rgba(226, 252, 192, 0.8);
  border-color: rgba(226, 252, 192, 0.8) !important;
}

.sl-segment-387 {
  background: rgba(30, 14, 228, 0.8);
  border-color: rgba(30, 14, 228, 0.8) !important;
}

.sl-segment-388 {
  background: rgba(150, 75, 144, 0.8);
  border-color: rgba(150, 75, 144, 0.8) !important;
}

.sl-segment-389 {
  background: rgba(42, 5, 153, 0.8);
  border-color: rgba(42, 5, 153, 0.8) !important;
}

.sl-segment-390 {
  background: rgba(120, 46, 111, 0.8);
  border-color: rgba(120, 46, 111, 0.8) !important;
}

.sl-segment-391 {
  background: rgba(235, 28, 122, 0.8);
  border-color: rgba(235, 28, 122, 0.8) !important;
}

.sl-segment-392 {
  background: rgba(222, 255, 181, 0.8);
  border-color: rgba(222, 255, 181, 0.8) !important;
}

.sl-segment-393 {
  background: rgba(50, 210, 199, 0.8);
  border-color: rgba(50, 210, 199, 0.8) !important;
}

.sl-segment-394 {
  background: rgba(164, 247, 28, 0.8);
  border-color: rgba(164, 247, 28, 0.8) !important;
}

.sl-segment-395 {
  background: rgba(185, 158, 15, 0.8);
  border-color: rgba(185, 158, 15, 0.8) !important;
}

.sl-segment-396 {
  background: rgba(81, 159, 176, 0.8);
  border-color: rgba(81, 159, 176, 0.8) !important;
}

.sl-segment-397 {
  background: rgba(76, 48, 133, 0.8);
  border-color: rgba(76, 48, 133, 0.8) !important;
}

.sl-segment-398 {
  background: rgba(94, 59, 219, 0.8);
  border-color: rgba(94, 59, 219, 0.8) !important;
}

.sl-segment-399 {
  background: rgba(116, 67, 82, 0.8);
  border-color: rgba(116, 67, 82, 0.8) !important;
}

.sl-segment-400 {
  background: rgba(27, 215, 122, 0.8);
  border-color: rgba(27, 215, 122, 0.8) !important;
}

.sl-segment-401 {
  background: rgba(220, 31, 169, 0.8);
  border-color: rgba(220, 31, 169, 0.8) !important;
}

.sl-segment-402 {
  background: rgba(225, 145, 208, 0.8);
  border-color: rgba(225, 145, 208, 0.8) !important;
}

.sl-segment-403 {
  background: rgba(122, 151, 209, 0.8);
  border-color: rgba(122, 151, 209, 0.8) !important;
}

.sl-segment-404 {
  background: rgba(66, 96, 243, 0.8);
  border-color: rgba(66, 96, 243, 0.8) !important;
}

.sl-segment-405 {
  background: rgba(164, 70, 8, 0.8);
  border-color: rgba(164, 70, 8, 0.8) !important;
}

.sl-segment-406 {
  background: rgba(75, 233, 196, 0.8);
  border-color: rgba(75, 233, 196, 0.8) !important;
}

.sl-segment-407 {
  background: rgba(227, 237, 244, 0.8);
  border-color: rgba(227, 237, 244, 0.8) !important;
}

.sl-segment-408 {
  background: rgba(82, 242, 62, 0.8);
  border-color: rgba(82, 242, 62, 0.8) !important;
}

.sl-segment-409 {
  background: rgba(168, 20, 9, 0.8);
  border-color: rgba(168, 20, 9, 0.8) !important;
}

.sl-segment-410 {
  background: rgba(238, 171, 94, 0.8);
  border-color: rgba(238, 171, 94, 0.8) !important;
}

.sl-segment-411 {
  background: rgba(139, 67, 108, 0.8);
  border-color: rgba(139, 67, 108, 0.8) !important;
}

.sl-segment-412 {
  background: rgba(120, 114, 168, 0.8);
  border-color: rgba(120, 114, 168, 0.8) !important;
}

.sl-segment-413 {
  background: rgba(182, 17, 192, 0.8);
  border-color: rgba(182, 17, 192, 0.8) !important;
}

.sl-segment-414 {
  background: rgba(60, 159, 163, 0.8);
  border-color: rgba(60, 159, 163, 0.8) !important;
}

.sl-segment-415 {
  background: rgba(180, 186, 111, 0.8);
  border-color: rgba(180, 186, 111, 0.8) !important;
}

.sl-segment-416 {
  background: rgba(126, 48, 232, 0.8);
  border-color: rgba(126, 48, 232, 0.8) !important;
}

.sl-segment-417 {
  background: rgba(157, 24, 162, 0.8);
  border-color: rgba(157, 24, 162, 0.8) !important;
}

.sl-segment-418 {
  background: rgba(88, 3, 104, 0.8);
  border-color: rgba(88, 3, 104, 0.8) !important;
}

.sl-segment-419 {
  background: rgba(66, 18, 127, 0.8);
  border-color: rgba(66, 18, 127, 0.8) !important;
}

.sl-segment-420 {
  background: rgba(28, 209, 135, 0.8);
  border-color: rgba(28, 209, 135, 0.8) !important;
}

.sl-segment-421 {
  background: rgba(194, 134, 248, 0.8);
  border-color: rgba(194, 134, 248, 0.8) !important;
}

.sl-segment-422 {
  background: rgba(254, 12, 213, 0.8);
  border-color: rgba(254, 12, 213, 0.8) !important;
}

.sl-segment-423 {
  background: rgba(11, 216, 172, 0.8);
  border-color: rgba(11, 216, 172, 0.8) !important;
}

.sl-segment-424 {
  background: rgba(193, 199, 99, 0.8);
  border-color: rgba(193, 199, 99, 0.8) !important;
}

.sl-segment-425 {
  background: rgba(68, 61, 32, 0.8);
  border-color: rgba(68, 61, 32, 0.8) !important;
}

.sl-segment-426 {
  background: rgba(175, 181, 130, 0.8);
  border-color: rgba(175, 181, 130, 0.8) !important;
}

.sl-segment-427 {
  background: rgba(166, 66, 214, 0.8);
  border-color: rgba(166, 66, 214, 0.8) !important;
}

.sl-segment-428 {
  background: rgba(3, 135, 126, 0.8);
  border-color: rgba(3, 135, 126, 0.8) !important;
}

.sl-segment-429 {
  background: rgba(251, 168, 14, 0.8);
  border-color: rgba(251, 168, 14, 0.8) !important;
}

.sl-segment-430 {
  background: rgba(21, 118, 204, 0.8);
  border-color: rgba(21, 118, 204, 0.8) !important;
}

.sl-segment-431 {
  background: rgba(16, 49, 222, 0.8);
  border-color: rgba(16, 49, 222, 0.8) !important;
}

.sl-segment-432 {
  background: rgba(157, 208, 130, 0.8);
  border-color: rgba(157, 208, 130, 0.8) !important;
}

.sl-segment-433 {
  background: rgba(129, 176, 47, 0.8);
  border-color: rgba(129, 176, 47, 0.8) !important;
}

.sl-segment-434 {
  background: rgba(167, 109, 233, 0.8);
  border-color: rgba(167, 109, 233, 0.8) !important;
}

.sl-segment-435 {
  background: rgba(66, 146, 13, 0.8);
  border-color: rgba(66, 146, 13, 0.8) !important;
}

.sl-segment-436 {
  background: rgba(149, 15, 47, 0.8);
  border-color: rgba(149, 15, 47, 0.8) !important;
}

.sl-segment-437 {
  background: rgba(184, 146, 146, 0.8);
  border-color: rgba(184, 146, 146, 0.8) !important;
}

.sl-segment-438 {
  background: rgba(89, 142, 31, 0.8);
  border-color: rgba(89, 142, 31, 0.8) !important;
}

.sl-segment-439 {
  background: rgba(121, 68, 17, 0.8);
  border-color: rgba(121, 68, 17, 0.8) !important;
}

.sl-segment-440 {
  background: rgba(128, 223, 134, 0.8);
  border-color: rgba(128, 223, 134, 0.8) !important;
}

.sl-segment-441 {
  background: rgba(164, 68, 202, 0.8);
  border-color: rgba(164, 68, 202, 0.8) !important;
}

.sl-segment-442 {
  background: rgba(25, 124, 104, 0.8);
  border-color: rgba(25, 124, 104, 0.8) !important;
}

.sl-segment-443 {
  background: rgba(71, 235, 178, 0.8);
  border-color: rgba(71, 235, 178, 0.8) !important;
}

.sl-segment-444 {
  background: rgba(113, 98, 100, 0.8);
  border-color: rgba(113, 98, 100, 0.8) !important;
}

.sl-segment-445 {
  background: rgba(124, 135, 250, 0.8);
  border-color: rgba(124, 135, 250, 0.8) !important;
}

.sl-segment-446 {
  background: rgba(89, 255, 165, 0.8);
  border-color: rgba(89, 255, 165, 0.8) !important;
}

.sl-segment-447 {
  background: rgba(198, 159, 149, 0.8);
  border-color: rgba(198, 159, 149, 0.8) !important;
}

.sl-segment-448 {
  background: rgba(4, 74, 127, 0.8);
  border-color: rgba(4, 74, 127, 0.8) !important;
}

.sl-segment-449 {
  background: rgba(241, 117, 118, 0.8);
  border-color: rgba(241, 117, 118, 0.8) !important;
}

.sl-segment-450 {
  background: rgba(178, 151, 105, 0.8);
  border-color: rgba(178, 151, 105, 0.8) !important;
}

.sl-segment-451 {
  background: rgba(172, 204, 71, 0.8);
  border-color: rgba(172, 204, 71, 0.8) !important;
}

.sl-segment-452 {
  background: rgba(143, 211, 171, 0.8);
  border-color: rgba(143, 211, 171, 0.8) !important;
}

.sl-segment-453 {
  background: rgba(91, 190, 211, 0.8);
  border-color: rgba(91, 190, 211, 0.8) !important;
}

.sl-segment-454 {
  background: rgba(124, 176, 0, 0.8);
  border-color: rgba(124, 176, 0, 0.8) !important;
}

.sl-segment-455 {
  background: rgba(186, 233, 30, 0.8);
  border-color: rgba(186, 233, 30, 0.8) !important;
}

.sl-segment-456 {
  background: rgba(157, 19, 102, 0.8);
  border-color: rgba(157, 19, 102, 0.8) !important;
}

.sl-segment-457 {
  background: rgba(217, 99, 39, 0.8);
  border-color: rgba(217, 99, 39, 0.8) !important;
}

.sl-segment-458 {
  background: rgba(214, 78, 124, 0.8);
  border-color: rgba(214, 78, 124, 0.8) !important;
}

.sl-segment-459 {
  background: rgba(71, 101, 143, 0.8);
  border-color: rgba(71, 101, 143, 0.8) !important;
}

.sl-segment-460 {
  background: rgba(194, 105, 101, 0.8);
  border-color: rgba(194, 105, 101, 0.8) !important;
}

.sl-segment-461 {
  background: rgba(36, 178, 0, 0.8);
  border-color: rgba(36, 178, 0, 0.8) !important;
}

.sl-segment-462 {
  background: rgba(41, 216, 205, 0.8);
  border-color: rgba(41, 216, 205, 0.8) !important;
}

.sl-segment-463 {
  background: rgba(247, 221, 189, 0.8);
  border-color: rgba(247, 221, 189, 0.8) !important;
}

.sl-segment-464 {
  background: rgba(68, 120, 55, 0.8);
  border-color: rgba(68, 120, 55, 0.8) !important;
}

.sl-segment-465 {
  background: rgba(155, 154, 183, 0.8);
  border-color: rgba(155, 154, 183, 0.8) !important;
}

.sl-segment-466 {
  background: rgba(196, 104, 37, 0.8);
  border-color: rgba(196, 104, 37, 0.8) !important;
}

.sl-segment-467 {
  background: rgba(5, 252, 106, 0.8);
  border-color: rgba(5, 252, 106, 0.8) !important;
}

.sl-segment-468 {
  background: rgba(5, 167, 72, 0.8);
  border-color: rgba(5, 167, 72, 0.8) !important;
}

.sl-segment-469 {
  background: rgba(45, 192, 121, 0.8);
  border-color: rgba(45, 192, 121, 0.8) !important;
}

.sl-segment-470 {
  background: rgba(254, 65, 208, 0.8);
  border-color: rgba(254, 65, 208, 0.8) !important;
}

.sl-segment-471 {
  background: rgba(248, 106, 244, 0.8);
  border-color: rgba(248, 106, 244, 0.8) !important;
}

.sl-segment-472 {
  background: rgba(157, 71, 139, 0.8);
  border-color: rgba(157, 71, 139, 0.8) !important;
}

.sl-segment-473 {
  background: rgba(240, 177, 97, 0.8);
  border-color: rgba(240, 177, 97, 0.8) !important;
}

.sl-segment-474 {
  background: rgba(215, 94, 117, 0.8);
  border-color: rgba(215, 94, 117, 0.8) !important;
}

.sl-segment-475 {
  background: rgba(218, 146, 254, 0.8);
  border-color: rgba(218, 146, 254, 0.8) !important;
}

.sl-segment-476 {
  background: rgba(118, 127, 173, 0.8);
  border-color: rgba(118, 127, 173, 0.8) !important;
}

.sl-segment-477 {
  background: rgba(180, 81, 158, 0.8);
  border-color: rgba(180, 81, 158, 0.8) !important;
}

.sl-segment-478 {
  background: rgba(249, 223, 23, 0.8);
  border-color: rgba(249, 223, 23, 0.8) !important;
}

.sl-segment-479 {
  background: rgba(103, 24, 21, 0.8);
  border-color: rgba(103, 24, 21, 0.8) !important;
}

.sl-segment-480 {
  background: rgba(106, 184, 187, 0.8);
  border-color: rgba(106, 184, 187, 0.8) !important;
}

.sl-segment-481 {
  background: rgba(72, 116, 211, 0.8);
  border-color: rgba(72, 116, 211, 0.8) !important;
}

.sl-segment-482 {
  background: rgba(202, 68, 14, 0.8);
  border-color: rgba(202, 68, 14, 0.8) !important;
}

.sl-segment-483 {
  background: rgba(112, 143, 70, 0.8);
  border-color: rgba(112, 143, 70, 0.8) !important;
}

.sl-segment-484 {
  background: rgba(8, 60, 146, 0.8);
  border-color: rgba(8, 60, 146, 0.8) !important;
}

.sl-segment-485 {
  background: rgba(227, 157, 149, 0.8);
  border-color: rgba(227, 157, 149, 0.8) !important;
}

.sl-segment-486 {
  background: rgba(235, 23, 28, 0.8);
  border-color: rgba(235, 23, 28, 0.8) !important;
}

.sl-segment-487 {
  background: rgba(98, 109, 145, 0.8);
  border-color: rgba(98, 109, 145, 0.8) !important;
}

.sl-segment-488 {
  background: rgba(206, 123, 180, 0.8);
  border-color: rgba(206, 123, 180, 0.8) !important;
}

.sl-segment-489 {
  background: rgba(251, 156, 124, 0.8);
  border-color: rgba(251, 156, 124, 0.8) !important;
}

.sl-segment-490 {
  background: rgba(8, 4, 15, 0.8);
  border-color: rgba(8, 4, 15, 0.8) !important;
}

.sl-segment-491 {
  background: rgba(168, 85, 17, 0.8);
  border-color: rgba(168, 85, 17, 0.8) !important;
}

.sl-segment-492 {
  background: rgba(214, 247, 120, 0.8);
  border-color: rgba(214, 247, 120, 0.8) !important;
}

.sl-segment-493 {
  background: rgba(212, 222, 228, 0.8);
  border-color: rgba(212, 222, 228, 0.8) !important;
}

.sl-segment-494 {
  background: rgba(95, 66, 196, 0.8);
  border-color: rgba(95, 66, 196, 0.8) !important;
}

.sl-segment-495 {
  background: rgba(131, 169, 31, 0.8);
  border-color: rgba(131, 169, 31, 0.8) !important;
}

.sl-segment-496 {
  background: rgba(102, 176, 43, 0.8);
  border-color: rgba(102, 176, 43, 0.8) !important;
}

.sl-segment-497 {
  background: rgba(155, 33, 45, 0.8);
  border-color: rgba(155, 33, 45, 0.8) !important;
}

.sl-segment-498 {
  background: rgba(225, 94, 32, 0.8);
  border-color: rgba(225, 94, 32, 0.8) !important;
}

.sl-segment-499 {
  background: rgba(99, 227, 118, 0.8);
  border-color: rgba(99, 227, 118, 0.8) !important;
}

.table-icon {
  color: #F77348;
}

.product-list {
  max-height: 235px;
  overflow: auto;
}
.product-list .product-list-item {
  display: flex;
  padding: 15px 5px;
  border-bottom: 1px solid #D3D3D8;
}
.product-list .product-list-item:first-child {
  border-top: 1px solid #D3D3D8;
}
.product-list .product-list-item .left {
  flex: 2;
}
.product-list .product-list-item .right {
  flex: 1;
  text-align: center;
}
.product-list .product-list-item .action {
  width: 50px;
}
.product-list .product-list-item .action a {
  margin-left: 5px;
}
.product-list .product-list-item .action a:first-child {
  margin-left: 0;
}
.product-list .product-list-item .title {
  color: #0e0c1c;
}
.product-list .product-list-item .title a {
  color: #0e0c1c;
}
.product-list .product-list-item .title.total {
  font-size: 22px;
  font-weight: 700;
  line-height: 19px;
  color: #0e0c1c;
}
.product-list .product-list-item .subtitle {
  color: #9A9BA5;
  font-size: 12px;
}

.sl-sidebar-multiselect .p-multiselect-panel {
  max-width: 160px;
}
.sl-sidebar-multiselect.p-inputwrapper-filled .p-multiselect-label-container .p-multiselect-label-empty {
  visibility: visible;
  white-space: break-spaces;
}

.sl-no-wrap {
  white-space: nowrap;
}

.sl-wrap {
  word-wrap: break-word;
}

.sl-color-field-wrapper {
  display: flex;
}
.sl-color-field-wrapper .p-colorpicker {
  flex: 2;
}
.sl-color-field-wrapper .p-colorpicker .p-colorpicker-preview {
  height: 32px;
}
.sl-color-field-wrapper .p-inputtext {
  flex: 1;
}

.sl-color-output-wrapper {
  height: 32px;
  width: 32px;
  border-radius: 3px;
  border: 1px solid #9A9BA5;
  margin: 0 auto;
}

.sl-point-type.screen {
  background: #25ABE8;
}
.sl-point-type.registrator {
  background: #3CE85F;
}
.sl-point-type.postamat {
  background: #E85D30;
}
.sl-point-type.self-checkout {
  background: #6F25E8;
}
.sl-point-type.ticket-office {
  background: #826B4F;
}
.sl-point-type.rater {
  background: #31E8BE;
}

.sl-post-operation-type.sl-post-operation-value-0 {
  color: #25ABE8;
}
.sl-post-operation-type.sl-post-operation-value-1000 {
  color: #3CE85F;
}
.sl-post-operation-type.sl-post-operation-value-1001 {
  color: #E85D30;
}
.sl-post-operation-type.sl-post-operation-value-1002 {
  color: #6F25E8;
}

.postamat-cell-shutter-state {
  color: #fff;
}
.postamat-cell-shutter-state.CLOSE {
  background: #27AE60;
}
.postamat-cell-shutter-state.OPEN {
  background: #EC903E;
}

.sl-packaging-work-state.NEW {
  background: #25ABE8;
}
.sl-packaging-work-state.INIT {
  background: #31E8BE;
}
.sl-packaging-work-state.COMPLETE {
  background: #3CE85F;
}
.sl-packaging-work-state.CANCEL {
  background: #E85D30;
}
.sl-packaging-work.state.NEW {
  color: #25ABE8;
}
.sl-packaging-work.state.INIT {
  color: #31E8BE;
}
.sl-packaging-work.state.COMPLETE {
  color: #27AE60;
}
.sl-packaging-work.state.CANCEL {
  color: #E85D30;
}
.sl-packaging-work-sub-state.SUCCESS {
  background: #27AE60;
}
.sl-packaging-work-sub-state.REJECTION {
  background: #E85D30;
}
.sl-packaging-work-sub-state.DIRTY_CELL {
  background: #31E8BE;
}
.sl-packaging-work-sub-state.SO_SMALL {
  background: #25ABE8;
}
.sl-packaging-work-sub-state.OPEN_CELL {
  background: #7bc0dd;
}
.sl-packaging-work-sub-state.OVERFLOW_CELL {
  background: #c88938;
}
.sl-packaging-work-sub-state.PARCEL_NOT_FIT_INTO_POSTAMAT {
  background: #a76200;
}
.sl-packaging-work-sub-state.BROKEN_DOOR {
  background: #EC903E;
}
.sl-packaging-work-sub-state.EMPTY_CELL {
  background: #1F4ABD;
}
.sl-packaging-work-sub-state.WRONG_BOX {
  background: #826B4F;
}
.sl-packaging-work-sub-state.OPEN_ERROR {
  background: #E64848;
}
.sl-packaging-work-sub-state.NETWORK_ERROR {
  background: #6F25E8;
}
.sl-packaging-work.sub-state.SUCCESS {
  color: #27AE60;
}
.sl-packaging-work.sub-state.REJECTION {
  color: #E85D30;
}
.sl-packaging-work.sub-state.DIRTY_CELL {
  color: #31E8BE;
}
.sl-packaging-work.sub-state.SO_SMALL {
  color: #25ABE8;
}
.sl-packaging-work.sub-state.OPEN_CELL {
  color: #7bc0dd;
}
.sl-packaging-work.sub-state.OVERFLOW_CELL {
  color: #c88938;
}
.sl-packaging-work.sub-state.PARCEL_NOT_FIT_INTO_POSTAMAT {
  color: #a76200;
}
.sl-packaging-work.sub-state.BROKEN_DOOR {
  color: #EC903E;
}
.sl-packaging-work.sub-state.EMPTY_CELL {
  color: #1F4ABD;
}
.sl-packaging-work.sub-state.WRONG_BOX {
  color: #826B4F;
}
.sl-packaging-work.sub-state.OPEN_ERROR {
  color: #E64848;
}
.sl-packaging-work.sub-state.NETWORK_ERROR {
  color: #6F25E8;
}
.sl-packaging-work-work-type.LOAD {
  background: #25ABE8;
}
.sl-packaging-work-work-type.EXTRACT {
  background: #EC903E;
}
.sl-packaging-work .work-type.LOAD {
  color: #25ABE8;
}
.sl-packaging-work .work-type.EXTRACT {
  color: #EC903E;
}

.sl-action-hook {
  cursor: pointer;
}

.sl-split-button {
  margin-right: 5px;
}

.layout-menuitem-icon {
  width: 18px;
}

.sl-command-queue-state.NEW {
  background: #1F4ABD;
}
.sl-command-queue-state.SUBMITTED, .sl-command-queue-state.PROCESS {
  background: #EC903E;
}
.sl-command-queue-state.SUCCESS {
  background: #27AE60;
}
.sl-command-queue-state.ERROR {
  background: #E64848;
}
.sl-command-queue-state.EXPIRED {
  background: #fcc7b5;
}

.sl-staff-lease-state.NEW {
  background: #1F4ABD;
}
.sl-staff-lease-state.ACTIVE {
  background: #EC903E;
}
.sl-staff-lease-state.ARCHIVE {
  background: #D3D3D8;
}

.sl-staff-lease-warning.true {
  background-color: #E64848;
}
.sl-staff-lease-warning.false {
  background-color: #27AE60;
}

.sl-extract-client-invoice.true {
  background-color: #27AE60;
}
.sl-extract-client-invoice.false {
  background-color: #1F4ABD;
}

.sl-monitoring-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: "PT Root UI" !important;
}
@media screen and (max-width: 750px) {
  .sl-monitoring-legend {
    flex-direction: column;
  }
}
.sl-monitoring-legend-label {
  font-weight: bold;
  margin-right: 10px;
}
.sl-monitoring-legend-label.top {
  align-self: flex-start;
  margin-top: 3px;
}
.sl-monitoring-legend-icon {
  font-family: "PT Root UI" !important;
  font-weight: normal !important;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.sl-monitoring-legend-icon.long {
  width: auto;
  padding: 0 5px;
}
.sl-monitoring-legend-icon.small {
  width: 15px;
  height: 15px;
}
.sl-monitoring-legend-icon.green {
  background-color: #27AE60;
}
.sl-monitoring-legend-icon.blue {
  background-color: #1F4ABD;
}
.sl-monitoring-legend-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media screen and (max-width: 640px) {
  .sl-monitoring-legend-list {
    justify-content: center;
  }
}
.sl-monitoring-legend-list-row {
  display: flex;
  flex-wrap: wrap;
  padding: 1px;
}
.sl-monitoring-legend-list-el {
  padding: 2px 5px 2px 5px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .sl-monitoring-legend-list-el {
    width: 94px;
    flex-direction: column;
    text-align: center;
    word-wrap: anywhere;
    padding: 10px;
  }
}
.sl-monitoring-legend-list-el > i {
  margin-right: 5px;
}
.sl-monitoring-legend-list-el > span {
  padding-right: 10px;
}
.sl-monitoring-legend-list-el .flag {
  color: #EC903E;
}

.sl-box .sl-point-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.sl-box .sl-flags {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sl-box .sl-flags .flag {
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-right: 10px;
}
.sl-box .sl-flags .flag:last-child {
  margin-right: 0;
}
.sl-box .sl-flags .flag .true {
  color: #27AE60;
}
.sl-box .sl-flags .flag .false {
  color: #1F4ABD;
}
.sl-box .sl-box-type {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sl-box .sl-money-unit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 40px;
  margin-right: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
  border: 1px #dee2e6 solid;
}
.sl-box .sl-money-unit-name {
  padding-right: 50px;
}
.sl-box .sl-money-unit-count {
  position: absolute;
  right: 0;
  width: 50px;
  line-height: 40px;
  text-align: center;
  border-left: 1px #dee2e6 solid;
}

.sl-print {
  background: #fff;
  font-family: self;
}
.sl-print.container {
  display: flex;
  flex-direction: column;
  width: 330px;
  padding-top: 40px;
  padding-bottom: 20px;
}
.sl-print .logo {
  padding-top: 3px;
  margin: 0 auto;
}
.sl-print .masked {
  -webkit-mask-size: 290px;
  -webkit-mask-repeat: no-repeat;
  mask-size: 290px;
  mask-repeat: no-repeat;
  transition: background-color 200ms;
  background-color: #0e0c1c;
  width: 290px;
  height: 103px;
}
.sl-print .date {
  text-align: center;
  font-size: 18px;
  padding-top: 5px;
}
.sl-print .title {
  font-size: 80px;
  text-align: center;
  margin: 0;
  padding: 0;
  border: none;
}
.sl-print .barcode {
  padding-bottom: 10px;
}

.p-badge {
  height: 1.3rem;
  min-width: 1.3rem;
  line-height: 1.3rem;
}

.sm-identifier.icon {
  width: 20px;
  margin-left: 20px;
  line-height: 20px;
  color: #fff;
}
.sm-identifier.ok > span {
  border: 1px solid #fff;
  background-color: #27ae60;
  box-sizing: border-box;
}
.sm-identifier.warning > span {
  border: 1px solid #fff;
  background-color: #ed1111;
  box-sizing: border-box;
}

.sm-info-button {
  cursor: pointer;
  float: left;
  width: 44px;
  height: 44px;
  text-align: center;
  background-color: #F77348;
  border: none;
  border-radius: 50%;
  transition: background-color 0.3s;
  position: relative;
}
.sm-info-button:hover {
  background-color: #FF8A65;
}
.sm-info-button .icon {
  line-height: 44px;
  font-size: 24px !important;
  color: #fff;
}
.sm-info-card {
  color: rgb(91, 90, 90);
  width: 350px;
  padding-left: 20px;
  padding-right: 20px;
}
.sm-info-card.spinner-wrapper {
  width: 100px;
  margin: 0 auto;
}
.sm-info-card-title {
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-top: 10px;
  font-size: 18px;
  border-bottom: 1px solid #ebebef;
}
.sm-info-card-logo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sm-info-card-elem {
  padding-left: 12px;
  padding-bottom: 3px;
  padding-top: 3px;
  border-bottom: 1px solid #ebebef;
  word-break: break-all;
}
.sm-info-card-elem:last-child {
  border-bottom: none;
}
.sm-info-card-elem .icon {
  width: 16px;
  margin-right: 12px;
}

.top-bar-spliterator {
  margin-left: 10px;
  margin-right: 10px;
  line-height: 44px;
  border-left: 1px solid #fff;
}

.show-more {
  font-size: 16px;
  padding: 10px 0;
  cursor: pointer;
}

.sl-client-printer-dialog {
  width: 540px;
  overflow-y: auto;
}
.sl-client-printer-dialog .item {
  padding: 30px;
  height: 80px;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(14, 12, 28, 0.1);
  display: flex;
  cursor: pointer;
  margin-top: 10px;
}
.sl-client-printer-dialog .item-title {
  padding-left: 15px;
  flex-grow: 40;
  text-align: left;
}
.sl-client-printer-dialog .item-link {
  color: #F77348;
  flex-grow: 1;
  display: none;
  opacity: 0;
  transition: opacity 0.3s, box-shadow 0.3s;
}
.sl-client-printer-dialog .item:hover .item-link {
  display: flex;
  opacity: 1;
}

.sl-add-sale-add-offer-mode.PRODUCT_GROUP_NOT_IN_CART {
  background-color: #1F4ABD;
}
.sl-add-sale-add-offer-mode.NOT_IN_CART {
  background-color: #EC903E;
}
.sl-add-sale-add-offer-mode.ALWAYS {
  background-color: #27AE60;
}
.sl-add-sale-add-offer-mode-PRODUCT_GROUP_NOT_IN_CART {
  color: #1F4ABD;
}
.sl-add-sale-add-offer-mode-NOT_IN_CART {
  color: #EC903E;
}
.sl-add-sale-add-offer-mode-ALWAYS {
  color: #27AE60;
}

.sl-add-sale-add-offer-type.STD_UP_SELL {
  background-color: #1F4ABD;
}
.sl-add-sale-add-offer-type.STD_CROSS_SELL {
  background-color: #EC903E;
}

.sl-add-sale-cart-offer-content-condition.OR {
  background-color: #27AE60;
}
.sl-add-sale-cart-offer-content-condition.AND {
  background-color: #1F4ABD;
}
.sl-add-sale-cart-offer-content-condition-OR {
  color: #27AE60;
}
.sl-add-sale-cart-offer-content-condition-AND {
  color: #1F4ABD;
}

.sl-base-filter-type {
  width: 34px;
  height: 34px;
}
.sl-base-filter-type .p-dropdown-label, .sl-base-filter-type .p-dropdown-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sl-base-filter-type .p-dropdown {
  width: 100%;
  height: 100%;
}
.sl-base-filter-type .p-dropdown-trigger {
  display: none;
}
.sl-base-filter-type .p-dropdown-items-wrapper {
  overflow-y: hidden;
}

.p-component .sl-overlay-panel {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  width: 320px;
}

.sl-overlay-panel-header {
  font-weight: 600;
  font-size: 1.25rem;
}

.sl-card-page {
  justify-content: space-between;
}
.sl-card-page > div {
  padding: 15px 0.5rem;
}
.sl-card-page .sl-card {
  background: #f8fafc;
  border: 0.1rem solid #e2e8f0;
  border-radius: 1rem;
  padding-top: 0.8rem;
  box-shadow: 0 5px 20px 2px rgba(226, 232, 240, 0.2);
}
.sl-card-page .sl-card .sl-card-header {
  display: flex;
  justify-content: center;
  border-bottom: 0.1rem solid #e2e8f0;
  padding: 0.8rem 15px;
}
.sl-card-page .sl-card .sl-card-header .sl-card-header-text {
  width: 90%;
  display: flex;
  justify-content: center;
}
.sl-card-page .sl-card .sl-card-header .sl-card-header-text.left {
  justify-content: start;
}
.sl-card-page .sl-card .sl-card-header .sl-card-header-text {
  font-weight: 600;
  font-size: 1.3rem;
  color: #0e0c1c;
}
.sl-card-page .sl-card .sl-card-header .sl-card-header-text .description {
  font-weight: 500;
  font-size: 1rem;
  color: #9A9BA5;
}
.sl-card-page .sl-card .sl-card-header .sl-card-header-text > span {
  display: flex;
  align-items: center;
  text-align: center;
  padding-left: 10px;
}
.sl-card-page .sl-card .sl-card-header .sl-card-header-icon {
  width: 10%;
  color: #1F4ABD;
  display: flex;
  justify-content: end;
  align-items: center;
}
.sl-card-page .sl-card .sl-card-body {
  padding: 15px;
}
.sl-card-page .sl-card .sl-card-body > div {
  margin-top: 0.8rem;
}

.w-100 {
  width: 100% !important;
}

.sl-not-scroll .p-datatable-wrapper {
  overflow-y: hidden;
}

.sl-vending-icon::before {
  content: url("../images/vending/vending-machine.svg");
}

.planogram-items {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: start;
  gap: 10px;
}

.planogram-item {
  display: flex;
  justify-content: space-between;
  background: white;
}
.planogram-item .grip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #334155;
  font-weight: 600;
  padding: 0.3rem 0.3rem;
  border-radius: 6px;
  min-width: 22px;
  opacity: 0.5;
}
.planogram-item .grip:hover {
  background: #f1f5f9;
  color: #334155;
  opacity: 1;
  cursor: pointer;
}
.planogram-item .p-dialog * {
  opacity: 1 !important;
}
.planogram-item.disabled *:not(:has(*)):not(.p-checkbox-icon), .planogram-item.disabled *.p-checkbox:not(.p-checkbox-icon) {
  opacity: 45%;
}
.planogram-item.green {
  border-color: #27AE60;
}
.planogram-item.green.disabled {
  border-color: rgba(39, 174, 96, 0.5) !important;
}
.planogram-item.blue {
  border-color: #1F4ABD;
}
.planogram-item.blue.disabled {
  border-color: rgba(31, 74, 189, 0.5) !important;
}
.planogram-item.red {
  border-color: #E64848;
}
.planogram-item.red.disabled {
  border-color: rgba(230, 72, 72, 0.5) !important;
}
.planogram-item.disabled {
  border-color: rgba(226, 232, 240, 0.5) !important;
}
.planogram-item {
  flex-direction: column;
  border: 0.2rem solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 5px;
  width: -moz-fit-content;
  width: fit-content;
}
.planogram-item-top {
  display: flex;
  align-content: start;
  flex-direction: column;
  padding-bottom: 5px;
  height: 100%;
}
.planogram-item-top-header {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  padding-bottom: 5px;
}
.planogram-item-top-body {
  display: flex;
  gap: 5px;
}
.planogram-item-top-body.column {
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.planogram-item-deliver {
  border-bottom: 0.1rem solid #e2e8f0;
  width: 100%;
}
.planogram-item-bottom {
  display: flex;
  gap: 5px;
  padding: 5px 5px 0 5px;
  justify-content: end;
}
.planogram-item-bottom.column {
  flex-direction: column;
  align-items: end;
}
.planogram-item-bottom-actions {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
.planogram-item-bottom-code {
  width: 100%;
  text-align: center;
}

.planogram-item-add-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.planogram-item-add-button .p-button {
  position: static;
}

.planogram-item-legend {
  display: flex;
  gap: 10px;
}
.planogram-item-legend-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

.dndrop-ghost {
  opacity: 0.5 !important;
  border: 0.2rem dotted #1F4ABD !important;
  background: #e0f2fe !important;
}
.dndrop-ghost .planogram-item-bottom, .dndrop-ghost .planogram-item-top-body {
  opacity: 0;
}

::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 100px;
  box-shadow: inset 0 0 0 10px gray;
}

::-webkit-scrollbar-thumb:vertical {
  border-width: 1px 3px;
}

::-webkit-scrollbar-thumb:horizontal {
  border-width: 3px 1px;
}

[class^=sl-icon-], [class*=" sl-icon-"] {
  font-family: "SLIcons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sl-icon-vending::before {
  content: "\e900";
}

.sl-icon-program-error::before {
  content: "\e903";
}

.sl-icon-pos-terminal::before {
  content: "\e901";
}

.sl-icon-money-withdrawal::before {
  content: "\e902";
}

.sl-icon-locker::before {
  content: "\e904";
}

.sl-icon-device-problem::before {
  content: "\e905";
}/*# sourceMappingURL=layout-blue.min.css.map */