/**
 * This file contains mixins to maintain consistent styling across all components
 */
/* line 98, partials/mixins.scss */
.shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  position: relative;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-0.5px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-1.5px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

/**
 * This file contains styling for page layout and navigation bars
 */
/**
 * This file contains mixins to maintain consistent styling across all components
 */
/* line 98, partials/mixins.scss */
.shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  position: relative;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-0.5px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-1.5px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

/**
 * This file contains styling for drop-downs
 */
/**
 * This file contains mixins to maintain consistent styling across all components
 */
/* line 98, partials/mixins.scss */
.shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  position: relative;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-0.5px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-1.5px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

/* line 11, partials/pageLayout.scss */
*, *::before, *::after {
  box-sizing: inherit;
}

/* line 15, partials/pageLayout.scss */
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

/* line 19, partials/pageLayout.scss */
body {
  font-family: "Gotham HTF", Arial, Helvetica, sans-serif !important;
  background-color: #F3F3F3 !important;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  min-width: 768px;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  color: #000000;
  font-size: 16px;
  line-height: 1.8em;
  margin: 0;
}

/* line 36, partials/pageLayout.scss */
body > .appBody {
  margin-top: 0;
  overflow-x: hidden;
  min-height: 100vh;
  min-width: 768px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

/* line 50, partials/pageLayout.scss */
body > .appBody.animateSideBar .sideBar {
  transition: margin-left 0.25s ease, margin-right 0.25s ease, width 0.25s ease, flex 0.25s ease;
}

/* line 53, partials/pageLayout.scss */
body > .appBody.animateSideBar .sideBar .sideBar-head {
  transition: padding 0.25s ease;
}

/* line 56, partials/pageLayout.scss */
body > .appBody.animateSideBar .sideBar .sideBar-head .sideBar-headLogo {
  transition: width 0.25s ease, height 0.25s ease;
}

/* line 60, partials/pageLayout.scss */
body > .appBody.animateSideBar .sideBar .sideBar-head .sideBar-company, body > .appBody.animateSideBar .sideBar .sideBar-head .sideBar-welcome {
  transition: opacity 0.8s ease, height 0.25s ease, margin 0.25s ease;
}

/* line 66, partials/pageLayout.scss */
body > .appBody.animateSideBar .sideBar .sideBar-navTitle span {
  transition: opacity 0.25s ease;
}

/* line 71, partials/pageLayout.scss */
body > .appBody.animateSideBar .sideBar .sideBar-navLink {
  transition: opacity 0.8s ease, color 0.8s ease;
}

/* line 74, partials/pageLayout.scss */
body > .appBody.animateSideBar .sideBar .sideBar-navLink span {
  transition: opacity 0.25s ease;
}

/* line 78, partials/pageLayout.scss */
body > .appBody.animateSideBar .sideBar .sideBar-navLink:hover {
  transition: opacity 0.25s ease, color 0.25s ease;
}

/* line 82, partials/pageLayout.scss */
body > .appBody.animateSideBar .sideBar .sideBar-navLink:active {
  transition: opacity 0.1s ease, color 0.25s ease;
}

/* line 88, partials/pageLayout.scss */
body > .appBody.animateSideBar .topBar {
  transition: left 0.25s ease, right 0.25s ease;
}

/* line 91, partials/pageLayout.scss */
body > .appBody.animateSideBar .topBar .topBar-navButton {
  transition: background-color 0.25s ease;
}

/* line 96, partials/pageLayout.scss */
body > .appBody.animateSideBar .main {
  transition: margin-left 0.25s ease, margin-right 0.25s ease, width 0.25s ease, flex 0.25s ease;
}

/* line 103, partials/pageLayout.scss */
.sideBar {
  position: fixed;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  order: -1;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 100vh;
  width: 220px;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #F3F3F3;
  border-right: 1px solid #EEEEEE;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 124, partials/pageLayout.scss */
.sideBar .sideBar-head {
  padding: 55px 20px 0;
  text-align: center;
}

/* line 128, partials/pageLayout.scss */
.sideBar .sideBar-head .sideBar-headLogo {
  width: 90px;
  height: 90px;
  border-radius: 90px;
  margin: 0 auto 15px;
  background-color: #E0E0E0;
  border: 1px solid #EEEEEE;
}

/* line 138, partials/pageLayout.scss */
.sideBar .sideBar-head .sideBar-company {
  font-size: 22px;
  line-height: 1.3em;
  font-weight: 900;
  font-weight: 700;
  margin-bottom: 5px;
  width: 179px;
}

/* line 146, partials/pageLayout.scss */
.sideBar .sideBar-head .sideBar-welcome {
  color: #666666;
  font-size: 14px;
  line-height: 1.8em;
  line-height: 1.5em;
  font-weight: 300;
  width: 179px;
}

/* line 155, partials/pageLayout.scss */
.sideBar .sideBar-head .sideBar-company, .sideBar .sideBar-head .sideBar-welcome {
  opacity: 1;
}

/* line 160, partials/pageLayout.scss */
.sideBar .sideBar-fillUpper {
  height: 40px;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}

/* line 166, partials/pageLayout.scss */
.sideBar .sideBar-fillLower {
  height: 40px;
  -webkit-flex: 3 0 auto;
  flex: 3 0 auto;
}

/* line 172, partials/pageLayout.scss */
.sideBar .sideBar-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 182, partials/pageLayout.scss */
.sideBar .sideBar-nav .sideBar-navTitle {
  font-size: 10px;
  line-height: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
  color: #666666;
  padding: 30px 20px 0;
  white-space: nowrap;
}

/* line 188, partials/pageLayout.scss */
.sideBar .sideBar-nav .sideBar-navTitle span {
  opacity: 0.5;
}

/* line 193, partials/pageLayout.scss */
.sideBar .sideBar-nav .sideBar-navItem {
  position: relative;
}

/* line 196, partials/pageLayout.scss */
.sideBar .sideBar-nav .sideBar-navItem.sideBar-admin {
  display: none;
}

/* line 200, partials/pageLayout.scss */
.sideBar .sideBar-nav .sideBar-navItem .sideBar-selected {
  display: none;
}

/* line 204, partials/pageLayout.scss */
.sideBar .sideBar-nav .sideBar-navItem .sideBar-navLink {
  display: block;
  padding: 15px 15px 15px 60px;
  min-height: 52px;
  opacity: 0.8;
  font-size: 14px;
  line-height: 1.8em;
  color: #666666;
  text-decoration: none;
  white-space: nowrap;
}

/* line 215, partials/pageLayout.scss */
.sideBar .sideBar-nav .sideBar-navItem .sideBar-navLink i {
  position: absolute;
  -webkit-transform: translate(-40px, 1px);
  transform: translate(-40px, 1px);
}

/* line 221, partials/pageLayout.scss */
.sideBar .sideBar-nav .sideBar-navItem .sideBar-navLink span {
  opacity: 1;
}

/* line 225, partials/pageLayout.scss */
.sideBar .sideBar-nav .sideBar-navItem .sideBar-navLink:hover {
  opacity: 0.8;
  color: #007fff;
}

/* line 230, partials/pageLayout.scss */
.sideBar .sideBar-nav .sideBar-navItem .sideBar-navLink:active {
  opacity: 0.5;
}

/* line 236, partials/pageLayout.scss */
.sideBar .sideBar-nav .sideBar-navItem.active .sideBar-selected {
  position: absolute;
  height: 100%;
  width: 5px;
  opacity: 1;
  background-color: #007fff;
}

/* line 245, partials/pageLayout.scss */
.sideBar .sideBar-nav .sideBar-navItem.active .sideBar-navLink {
  color: #007fff;
  opacity: 1 !important;
  font-weight: 700;
}

/* line 254, partials/pageLayout.scss */
.sideBar .sideBar-foot {
  text-align: center;
}

/* line 257, partials/pageLayout.scss */
.sideBar .sideBar-foot .sideBar-footLogo {
  margin: 0 10px 10px 0;
  height: 65px;
  width: 209px;
  background: url("taggstar-logo.svg") no-repeat center center;
  background-size: contain;
}

/* line 265, partials/pageLayout.scss */
.sideBar .sideBar-foot .sideBar-environment {
  display: inline-block;
  font-size: 10px;
  line-height: 1.6em;
  font-weight: 700;
  line-height: 1em;
  white-space: nowrap;
  color: #FFFFFF;
  border-radius: 40px;
  padding: 4px 8px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  cursor: default;
}

/* line 278, partials/pageLayout.scss */
.sideBar .sideBar-foot .sideBar-environment.sideBar-prdEnv {
  background-color: #F80D43;
}

/* line 282, partials/pageLayout.scss */
.sideBar .sideBar-foot .sideBar-environment.sideBar-devEnv {
  background-color: #04D599;
}

/* line 286, partials/pageLayout.scss */
.sideBar .sideBar-foot .sideBar-environment > span:last-child {
  display: none;
}

/* line 293, partials/pageLayout.scss */
.topBar {
  position: fixed;
  left: 220px;
  right: 0;
  height: 50px;
  z-index: 1000;
  background-color: #FFFFFF;
  border-bottom: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  border-top: 1px solid #EEEEEE;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 307, partials/pageLayout.scss */
.topBar .topBar-navButton {
  position: relative;
  width: 64px;
  height: 49px;
  cursor: pointer;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  box-sizing: border-box;
  background-color: #FFFFFF;
}

/* line 318, partials/pageLayout.scss */
.topBar .topBar-navButton i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.5;
  transition: opacity 0.8s ease;
}

/* line 327, partials/pageLayout.scss */
.topBar .topBar-navButton i:nth-child(3) {
  display: none;
}

/* line 331, partials/pageLayout.scss */
.topBar .topBar-navButton i:first-child, .topBar .topBar-navButton i:last-child {
  font-size: 12px;
  font-weight: 900;
  color: #007fff;
  opacity: 0.8;
}

/* line 338, partials/pageLayout.scss */
.topBar .topBar-navButton i:first-child {
  -webkit-transform: translate(-50%, -50%) translateX(-16px);
  transform: translate(-50%, -50%) translateX(-16px);
}

/* line 343, partials/pageLayout.scss */
.topBar .topBar-navButton i:last-child {
  -webkit-transform: translate(-50%, -50%) translateX(16px);
  transform: translate(-50%, -50%) translateX(16px);
  display: none;
}

/* line 351, partials/pageLayout.scss */
.topBar .topBar-navButton:hover i {
  opacity: 0.8;
  transition: opacity 0.25s ease;
}

/* line 355, partials/pageLayout.scss */
.topBar .topBar-navButton:hover i:first-child, .topBar .topBar-navButton:hover i:last-child {
  opacity: 1;
}

/* line 362, partials/pageLayout.scss */
.topBar .topBar-navButton:active i {
  opacity: 0.5 !important;
  transition: opacity 0.1s ease;
}

/* line 369, partials/pageLayout.scss */
.topBar .topBar-right {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-flex;
  display: flex;
}

/* line 377, partials/pageLayout.scss */
.topBar .topBar-account, .topBar .topBar-sites {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 49px;
  padding: 20px 45px 20px 30px;
  font-size: 14px;
  line-height: 1.8em;
  border-left: 1px solid #EEEEEE;
  cursor: pointer;
}

/* line 391, partials/pageLayout.scss */
.topBar .topBar-account > span, .topBar .topBar-sites > span {
  position: relative;
  opacity: 1;
  color: #666666;
  transition: color 0.8s ease, opacity 0.8s ease;
}

/* line 397, partials/pageLayout.scss */
.topBar .topBar-account > span i, .topBar .topBar-sites > span i {
  position: absolute;
  top: 0;
  right: -25px;
}

/* line 404, partials/pageLayout.scss */
.topBar .topBar-account .topBar-dropdown, .topBar .topBar-sites .topBar-dropdown {
  top: 60px;
  right: 10px;
  display: none;
  position: absolute;
  z-index: 101;
  border-radius: 4px;
  cursor: default;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-shadow: rgba(0, 39, 90, 0.15) 0 5px 35px;
}

/* line 11, partials/dropdown.scss */
.topBar .topBar-account .topBar-dropdown.active, .topBar .topBar-sites .topBar-dropdown.active {
  display: block;
}

/* line 24, partials/dropdown.scss */
.topBar .topBar-account .topBar-dropdown ul, .topBar .topBar-sites .topBar-dropdown ul {
  display: block;
  list-style: none;
  padding: 5px 0;
  margin: 0;
  max-height: 260px;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 34, partials/dropdown.scss */
.topBar .topBar-account .topBar-dropdown ul li, .topBar .topBar-sites .topBar-dropdown ul li {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.8em;
}

/* line 39, partials/dropdown.scss */
.topBar .topBar-account .topBar-dropdown ul li:not(:last-child), .topBar .topBar-sites .topBar-dropdown ul li:not(:last-child) {
  border-bottom: 1px solid #EEEEEE;
}

/* line 43, partials/dropdown.scss */
.topBar .topBar-account .topBar-dropdown ul li .dropdown-item, .topBar .topBar-account .topBar-dropdown ul li.dropdown-item, .topBar .topBar-sites .topBar-dropdown ul li .dropdown-item, .topBar .topBar-sites .topBar-dropdown ul li.dropdown-item {
  display: block;
  padding: 10px 25px;
  color: #666666;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
}

/* line 53, partials/dropdown.scss */
.topBar .topBar-account .topBar-dropdown ul li .dropdown-item, .topBar .topBar-sites .topBar-dropdown ul li .dropdown-item {
  cursor: pointer;
  opacity: 1;
  transition: color 0.8s ease, opacity 0.8s ease;
}

/* line 59, partials/dropdown.scss */
.topBar .topBar-account .topBar-dropdown ul li .dropdown-item:hover, .topBar .topBar-sites .topBar-dropdown ul li .dropdown-item:hover {
  color: #007fff;
  transition: color 0.25s ease, opacity 0.8s ease;
}

/* line 64, partials/dropdown.scss */
.topBar .topBar-account .topBar-dropdown ul li .dropdown-item:active, .topBar .topBar-sites .topBar-dropdown ul li .dropdown-item:active {
  opacity: 0.5;
  transition: color 0.25s ease, opacity 0.1s ease;
}

/* line 72, partials/dropdown.scss */
.topBar .topBar-account .topBar-dropdown::after, .topBar .topBar-sites .topBar-dropdown::after {
  position: absolute;
  top: -9px;
  left: 40px;
  width: 15px;
  height: 15px;
  z-index: -1;
  content: ".";
  color: #FFFFFF;
  background: #FFFFFF;
  border-top: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

/* line 91, partials/dropdown.scss */
.topBar .topBar-account .topBar-dropdown.dropdown--right::after, .topBar .topBar-sites .topBar-dropdown.dropdown--right::after {
  left: auto;
  right: 50px;
}

/* line 411, partials/pageLayout.scss */
.topBar .topBar-account:hover > span, .topBar .topBar-sites:hover > span {
  color: #007fff;
  transition: color 0.25s ease, opacity 0.8s ease;
}

/* line 418, partials/pageLayout.scss */
.topBar .topBar-account:active > span, .topBar .topBar-sites:active > span {
  opacity: 0.5;
  transition: color 0.25s ease, opacity 0.1s ease;
}

/* line 425, partials/pageLayout.scss */
.topBar .topBar-sites {
  padding-left: 55px;
}

/* line 431, partials/pageLayout.scss */
.topBar .topBar-sites .topBar-dropdown ul li i {
  font-size: 18px;
  color: #007fff;
  -webkit-transform: translate(5px, 4px);
  transform: translate(5px, 4px);
  opacity: 0.8;
}

/* line 443, partials/pageLayout.scss */
.topBar .topBar-favouriteSite {
  margin-right: -48px;
  margin-left: 14px;
  z-index: 1;
  pointer-events: none;
}

/* line 449, partials/pageLayout.scss */
.topBar .topBar-favouriteSite i {
  pointer-events: initial;
  cursor: pointer;
  -webkit-transform: translateY(7px);
  transform: translateY(7px);
  padding: 5px;
  opacity: 0.8;
  color: #666666;
  transition: opacity 0.8s ease, color 0.8s ease;
}

/* line 460, partials/pageLayout.scss */
.topBar .topBar-favouriteSite i.favouriteSite {
  color: #007fff;
}

/* line 464, partials/pageLayout.scss */
.topBar .topBar-favouriteSite i:hover {
  opacity: 1;
  color: #007fff;
  transition: opacity 0.25s ease, color 0.25s ease;
}

/* line 470, partials/pageLayout.scss */
.topBar .topBar-favouriteSite i:active {
  opacity: 0.5;
  transition: opacity 0.1s ease, color 0.25s ease;
}

/* line 479, partials/pageLayout.scss */
.topBar .topBar-account .topBar-dropdown ul > .dropdown-item:first-child {
  opacity: 0.5;
}

/* line 485, partials/pageLayout.scss */
.topBar .topBar-admin {
  position: absolute;
  display: block;
  top: 0;
  left: 64px;
  padding: 12px 30px;
  border-right: 1px solid #EEEEEE;
  font-size: 14px;
  line-height: 1.8em;
  color: #666666;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.25s ease, color 0.8s ease;
}

/* line 500, partials/pageLayout.scss */
.topBar .topBar-admin:hover {
  opacity: 0.8;
  color: #007fff;
  transition: opacity 0.25s ease, color 0.25s ease;
}

/* line 506, partials/pageLayout.scss */
.topBar .topBar-admin:active {
  opacity: 0.5;
  transition: opacity 0.1s ease, color 0.25s ease;
}

/* line 512, partials/pageLayout.scss */
.topBar .topBar-environment {
  display: inline-block;
  font-size: 10px;
  line-height: 1.6em;
  font-weight: 700;
  line-height: 1em;
  white-space: nowrap;
  color: #FFFFFF;
  border-radius: 40px;
  padding: 4px 8px;
  -webkit-transform: translate(-30px, 16px);
  transform: translate(-30px, 16px);
  height: 18px;
  cursor: default;
}

/* line 526, partials/pageLayout.scss */
.topBar .topBar-environment.topBar-prdEnv {
  background-color: #F80D43;
}

/* line 530, partials/pageLayout.scss */
.topBar .topBar-environment.topBar-devEnv {
  background-color: #04D599;
}

/* line 534, partials/pageLayout.scss */
.topBar .topBar-environment > span:last-child {
  display: none;
}

/* line 540, partials/pageLayout.scss */
.main {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 220px;
  margin-right: 0;
  padding-top: 50px;
  overflow-x: hidden;
  background-color: #F9F9F9;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}

/* line 559, partials/pageLayout.scss */
.main .appContainer {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  flex: 1;
  height: 100%;
  padding-bottom: 40px;
  opacity: 1;
  transition: opacity 0.25s ease;
}

/* line 575, partials/pageLayout.scss */
.main .appContainer > div:nth-last-child(2) {
  margin-bottom: 40px;
}

/* line 579, partials/pageLayout.scss */
.main .appContainer .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  pointer-events: none;
  opacity: 0;
  background-color: #F9F9F9;
  transition: opacity 0.8s ease;
}

/* line 592, partials/pageLayout.scss */
.main .appContainer .overlay.overlay-visible {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.25s ease;
}

/* line 599, partials/pageLayout.scss */
.main .appContainer .footer {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 10px;
  line-height: 1.6em;
  opacity: 0.3;
  text-align: center;
  width: 100%;
  padding: 40px 5px 5px;
}

@media (min-width: 992px) {
  /* line 617, partials/pageLayout.scss */
  .animateSideBar.sideBar--minimised .sideBar-company, .animateSideBar.sideBar--minimised .sideBar-welcome {
    transition: opacity 0.1s ease, height 0.25s ease, margin 0.25s ease !important;
  }
  /* line 624, partials/pageLayout.scss */
  .sideBar--minimised .sideBar {
    width: 64px;
  }
  /* line 627, partials/pageLayout.scss */
  .sideBar--minimised .sideBar .sideBar-head {
    padding: 80px 0 0;
  }
  /* line 630, partials/pageLayout.scss */
  .sideBar--minimised .sideBar .sideBar-head .sideBar-headLogo {
    width: 50px;
    height: 50px;
    border-radius: 50px;
  }
  /* line 636, partials/pageLayout.scss */
  .sideBar--minimised .sideBar .sideBar-head .sideBar-company, .sideBar--minimised .sideBar .sideBar-head .sideBar-welcome {
    opacity: 0;
    height: 0 !important;
    margin: 0;
    cursor: default;
  }
  /* line 645, partials/pageLayout.scss */
  .sideBar--minimised .sideBar .sideBar-nav .sideBar-navTitle {
    cursor: default;
  }
  /* line 648, partials/pageLayout.scss */
  .sideBar--minimised .sideBar .sideBar-nav .sideBar-navTitle span {
    opacity: 0;
  }
  /* line 654, partials/pageLayout.scss */
  .sideBar--minimised .sideBar .sideBar-nav .sideBar-navItem .sideBar-navLink {
    padding-right: 0;
  }
  /* line 657, partials/pageLayout.scss */
  .sideBar--minimised .sideBar .sideBar-nav .sideBar-navItem .sideBar-navLink i {
    -webkit-transform: translate(-40px, 0px);
    transform: translate(-40px, 0px);
  }
  /* line 662, partials/pageLayout.scss */
  .sideBar--minimised .sideBar .sideBar-nav .sideBar-navItem .sideBar-navLink span {
    opacity: 0;
  }
  /* line 670, partials/pageLayout.scss */
  .sideBar--minimised .sideBar .sideBar-foot .sideBar-footLogo {
    width: 43px;
    margin: 20px auto 15px;
    background: url("taggstar-star.svg") no-repeat center center;
    background-size: contain;
  }
  /* line 678, partials/pageLayout.scss */
  .sideBar--minimised .sideBar .sideBar-foot .sideBar-environment > span:first-child {
    display: none;
  }
  /* line 682, partials/pageLayout.scss */
  .sideBar--minimised .sideBar .sideBar-foot .sideBar-environment > span:last-child {
    display: inline-block;
  }
  /* line 689, partials/pageLayout.scss */
  .sideBar--minimised .topBar {
    left: 0;
  }
  /* line 692, partials/pageLayout.scss */
  .sideBar--minimised .topBar .topBar-navButton {
    background-color: #F3F3F3;
    border-bottom: none;
  }
  /* line 697, partials/pageLayout.scss */
  .sideBar--minimised .topBar .topBar-navButton i:first-child {
    display: none;
  }
  /* line 701, partials/pageLayout.scss */
  .sideBar--minimised .topBar .topBar-navButton i:last-child {
    display: block;
  }
  /* line 708, partials/pageLayout.scss */
  .sideBar--minimised .main {
    margin-left: 64px;
  }
}

@media (max-width: 991px) {
  /* line 715, partials/pageLayout.scss */
  body {
    font-size: 14px;
    line-height: 1.8em;
  }
  /* line 719, partials/pageLayout.scss */
  .sideBar {
    margin-left: -220px;
  }
  /* line 723, partials/pageLayout.scss */
  .topBar {
    left: 0;
  }
  /* line 728, partials/pageLayout.scss */
  .topBar .topBar-navButton i:first-child, .topBar .topBar-navButton i:last-child {
    display: none;
  }
  /* line 735, partials/pageLayout.scss */
  .main {
    margin-left: 0;
  }
  /* line 740, partials/pageLayout.scss */
  .sideBar--showMobile .sideBar {
    margin-left: 0;
  }
  /* line 744, partials/pageLayout.scss */
  .sideBar--showMobile .topBar {
    left: 220px;
    right: -220px;
  }
  /* line 750, partials/pageLayout.scss */
  .sideBar--showMobile .topBar .topBar-navButton i:nth-child(2) {
    display: none;
  }
  /* line 754, partials/pageLayout.scss */
  .sideBar--showMobile .topBar .topBar-navButton i:nth-child(3) {
    display: block;
  }
  /* line 761, partials/pageLayout.scss */
  .sideBar--showMobile .main {
    margin-left: 220px;
    margin-right: -220px;
  }
  /* line 765, partials/pageLayout.scss */
  .sideBar--showMobile .main .appContainer {
    opacity: 0.3;
    pointer-events: none;
    cursor: pointer;
  }
}

/* line 774, partials/pageLayout.scss */
.alert {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.75rem 1.25rem;
  max-height: 50px;
  margin-top: -50px;
  color: #007fff;
  background-color: #d9e8fa;
  border: 1px solid #8abffc;
  transition: margin 0.8s ease;
}

/* line 789, partials/pageLayout.scss */
.alert.alert-visible {
  margin-top: 0;
}

/* line 793, partials/pageLayout.scss */
.alert.alert-danger {
  color: #813838;
  background-color: #fee2e1;
  border-color: #fdd6d6;
}

/* line 799, partials/pageLayout.scss */
.alert.alert-success {
  color: #28623c;
  background-color: #dbf2e3;
  border-color: #cdedd8;
}

/* line 805, partials/pageLayout.scss */
.alert.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

/* line 811, partials/pageLayout.scss */
.alert span {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}

/* line 816, partials/pageLayout.scss */
.alert .alert-close {
  cursor: pointer;
  opacity: 0.5;
  font-size: 20px;
  transition: opacity 0.25s ease;
}

/* line 822, partials/pageLayout.scss */
.alert .alert-close:hover {
  opacity: 1;
}

/**
 * This file contains styling for CTA buttons
 */
/**
 * This file contains mixins to maintain consistent styling across all components
 */
/* line 98, partials/mixins.scss */
.shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  position: relative;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-0.5px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-1.5px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

/* line 7, partials/buttons.scss */
a {
  cursor: pointer;
  text-decoration: none;
  color: #007fff;
  transition: opacity 0.8s ease, color 0.8s ease;
}

/* line 14, partials/buttons.scss */
a:not(.button--primary):not(.button--secondary):not(.button--disabled):hover {
  opacity: 0.8;
  color: #007fff;
  transition: opacity 0.25s ease, color 0.25s ease;
}

/* line 20, partials/buttons.scss */
a:not(.button--primary):not(.button--secondary):not(.button--disabled):active {
  opacity: 0.5;
  transition: opacity 0.1s ease, color 0.25s ease;
}

/* line 26, partials/buttons.scss */
a.disabled {
  cursor: not-allowed;
  opacity: 0.3 !important;
}

/**
 * This file contains styling for highlight cards
 */
/**
 * This file contains mixins to maintain consistent styling across all components
 */
/* line 98, partials/mixins.scss */
.shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  position: relative;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-0.5px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-1.5px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

/**
 * This file contains styling for CTA buttons
 */
/**
 * This file contains mixins to maintain consistent styling across all components
 */
/* line 98, partials/mixins.scss */
.shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  position: relative;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-0.5px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-1.5px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

/* line 7, partials/buttons.scss */
a {
  cursor: pointer;
  text-decoration: none;
  color: #007fff;
  transition: opacity 0.8s ease, color 0.8s ease;
}

/* line 14, partials/buttons.scss */
a:not(.button--primary):not(.button--secondary):not(.button--disabled):hover {
  opacity: 0.8;
  color: #007fff;
  transition: opacity 0.25s ease, color 0.25s ease;
}

/* line 20, partials/buttons.scss */
a:not(.button--primary):not(.button--secondary):not(.button--disabled):active {
  opacity: 0.5;
  transition: opacity 0.1s ease, color 0.25s ease;
}

/* line 26, partials/buttons.scss */
a.disabled {
  cursor: not-allowed;
  opacity: 0.3 !important;
}

/* line 8, partials/input.scss */
input:not([type="submit"]):not([type="radio"]):not([type="button"]):not([type="checkbox"]:not([type="text"])), textarea, select {
  -webkit-appearance: none;
  outline: none;
  resize: none;
  display: block;
  padding: 7px 10px;
  margin-bottom: 1rem;
  width: calc(100% - 22px);
  font-size: 16px;
  font-family: "Gotham HTF", Arial, Helvetica, sans-serif !important;
  border-radius: 3px;
  border: 1px solid rgba(1, 5, 11, 0.15);
  background: #FFFFFF;
  opacity: 0.8;
  transition: opacity 0.8s ease, border 0.8s ease;
}

/* line 28, partials/input.scss */
input:not([type="submit"]):not([type="radio"]):not([type="button"]):not([type="checkbox"]:not([type="text"])):hover, input:not([type="submit"]):not([type="radio"]):not([type="button"]):not([type="checkbox"]:not([type="text"])):focus, textarea:hover, textarea:focus, select:hover, select:focus {
  opacity: 1;
  border: 1px solid rgba(1, 5, 11, 0.3);
  transition: opacity 0.25s ease, border 0.25s ease;
}

/* line 34, partials/input.scss */
input:not([type="submit"]):not([type="radio"]):not([type="button"]):not([type="checkbox"]:not([type="text"])):focus, textarea:focus, select:focus {
  border: 1px solid rgba(0, 127, 255, 0.8);
}

/* line 38, partials/input.scss */
input:not([type="submit"]):not([type="radio"]):not([type="button"]):not([type="checkbox"]:not([type="text"])):disabled, textarea:disabled, select:disabled {
  border: 1px solid rgba(1, 5, 11, 0.15) !important;
  color: #666666 !important;
  opacity: 0.5 !important;
  cursor: not-allowed;
}

/* line 44, partials/input.scss */
input:not([type="submit"]):not([type="radio"]):not([type="button"]):not([type="checkbox"]:not([type="text"])):disabled:hover, textarea:disabled:hover, select:disabled:hover {
  opacity: 0.8 !important;
}

/* line 49, partials/input.scss */
input.error:not([type="submit"]):not([type="radio"]):not([type="button"]):not([type="checkbox"]:not([type="text"])), textarea.error, select.error {
  color: #F80D43;
  border: 1px solid rgba(248, 13, 67, 0.5);
}

/* line 53, partials/input.scss */
input.error:not([type="submit"]):not([type="radio"]):not([type="button"]):not([type="checkbox"]:not([type="text"])):hover, input.error:not([type="submit"]):not([type="radio"]):not([type="button"]):not([type="checkbox"]:not([type="text"])):focus, textarea.error:hover, textarea.error:focus, select.error:hover, select.error:focus {
  border: 1px solid rgba(248, 13, 67, 0.8);
}

/* line 59, partials/input.scss */
input[type="submit"],
input[type="button"] {
  display: inline-block;
  cursor: pointer;
  box-shadow: rgba(0, 39, 90, 0.15) 0 5px 35px;
  -webkit-appearance: none;
  outline: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.8em;
  line-height: 1.3em;
  font-weight: 700;
  letter-spacing: .04em;
  transition: all 0.25s ease;
}

/* line 52, partials/buttons.scss */
input[type="submit"]:not(.button--disabled):hover,
input[type="button"]:not(.button--disabled):hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

/* line 57, partials/buttons.scss */
input[type="submit"]:not(.button--disabled):active,
input[type="button"]:not(.button--disabled):active {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  box-shadow: rgba(0, 39, 90, 0.3) 0 5px 35px;
  transition: all 0.1s ease;
}

/* line 65, partials/buttons.scss */
input.button--primary[type="submit"],
input.button--primary[type="button"] {
  padding: 10px 35px;
  border-radius: 50px;
  background-color: #007fff;
  color: #FFFFFF;
  border: 1px solid #007fff;
}

/* line 74, partials/buttons.scss */
input.button--secondary[type="submit"],
input.button--secondary[type="button"] {
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #F3F3F3;
  color: #000000;
  border: 1px solid #E0E0E0;
}

/* line 83, partials/buttons.scss */
input.button--disabled[type="submit"],
input.button--disabled[type="button"] {
  opacity: 0.3;
  cursor: not-allowed;
}

@media (max-width: 991px) {
  /* line 89, partials/buttons.scss */
  input.button--primary[type="submit"],
input.button--primary[type="button"] {
    padding: 8px 25px;
  }
  /* line 93, partials/buttons.scss */
  input.button--secondary[type="submit"],
input.button--secondary[type="button"] {
    padding: 8px 15px;
  }
}

/* line 64, partials/input.scss */
label {
  display: inline-block;
  font-size: 10px;
  line-height: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
  color: #666666;
  opacity: 0.8;
  margin: 5px 0 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 73, partials/input.scss */
select + i.select-dropdown {
  position: absolute;
  right: 20px;
  pointer-events: none;
  -webkit-transform: translateY(-29px);
  transform: translateY(-29px);
}

/* line 83, partials/input.scss */
input[type="checkbox"] + label {
  display: block;
  color: #666666;
  opacity: 1;
  margin: 4px 0;
  font-size: 16px;
  line-height: 1.8em;
  font-weight: 400;
  text-transform: initial;
  cursor: pointer;
  transition: opacity 0.8s ease;
}

/* line 94, partials/input.scss */
input[type="checkbox"] + label:first-of-type {
  margin-top: 0;
}

/* line 98, partials/input.scss */
input[type="checkbox"] + label:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  /* line 83, partials/input.scss */
  input[type="checkbox"] + label {
    font-size: 14px;
    line-height: 1.8em;
  }
}

/* line 106, partials/input.scss */
input[type="checkbox"] + label.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* line 112, partials/input.scss */
input[type="checkbox"] + label:not(.disabled):hover {
  opacity: 0.8;
  transition: opacity 0.25s ease;
}

/* line 117, partials/input.scss */
input[type="checkbox"] + label:not(.disabled):active {
  opacity: 0.3;
  transition: opacity 0.1s ease;
}

/* line 123, partials/input.scss */
input[type="checkbox"] + label i.checkbox--outline, input[type="checkbox"] + label i.checkbox--checked {
  display: inline-block;
  line-height: 0;
  margin-right: 5px;
  font-size: 20px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  transition: color 0.25s ease;
}

/* line 133, partials/input.scss */
input[type="checkbox"] + label i.checkbox--checked {
  display: none;
}

/* line 140, partials/input.scss */
input[type="checkbox"]:checked + label i.checkbox--outline, input[type="checkbox"]:checked + label i.checkbox--checked {
  color: #007fff;
}

/* line 143, partials/input.scss */
input[type="checkbox"]:checked + label i.checkbox--outline {
  display: none;
}

/* line 147, partials/input.scss */
input[type="checkbox"]:checked + label i.checkbox--checked {
  display: inline-block;
}

/* line 6, signin.scss */
body {
  background-color: #F9F9F9 !important;
  font-family: "Gotham HTF", Arial, Helvetica, sans-serif !important;
}

/* line 11, signin.scss */
.main {
  margin-left: 0 !important;
  padding-top: 0 !important;
  border: none !important;
}

/* line 17, signin.scss */
.appContainer {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/* line 24, signin.scss */
.sign-in {
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  width: 740px;
  padding-right: 60px;
  background: #FFFFFF;
  box-shadow: rgba(0, 39, 90, 0.15) 0 10px 45px;
  border-radius: 10px;
  display: -webkit-flex;
  display: flex;
}

/* line 38, signin.scss */
.sign-in img {
  position: absolute;
  -webkit-transform: translate(-380px, 210px) rotateZ(-240deg);
  transform: translate(-380px, 210px) rotateZ(-240deg);
}

/* line 44, signin.scss */
.sign-in .sign-in-panel {
  width: 250px;
}

/* line 47, signin.scss */
.sign-in .sign-in-panel.panel-left {
  background: url("/assets/taggstar-logo.svg") no-repeat center center;
  background-size: contain;
  width: 300px;
  height: 200px;
  -webkit-transform: translate(20px, -15px);
  transform: translate(20px, -15px);
}

/* line 55, signin.scss */
.sign-in .sign-in-panel.panel-left .panel-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(10px, -35px);
  transform: translate(10px, -35px);
  text-transform: uppercase;
  opacity: 0.3;
  font-weight: 700;
  font-size: 12px;
}

/* line 70, signin.scss */
.sign-in .sign-in-panel.panel-right .settings-error {
  position: relative;
  margin-top: 0;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  padding: 5px;
  background-color: #fee2e1;
  border: 1px solid #fdd6d6;
  color: #813838;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1.8em;
}

/* line 84, signin.scss */
.sign-in .sign-in-panel.panel-right .settings-error .error-message {
  flex-grow: 1;
  padding: 0 5px;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

/* line 91, signin.scss */
.sign-in .sign-in-panel.panel-right .settings-error i:last-child {
  cursor: pointer;
  opacity: 0.5;
  font-size: 15px;
  transition: opacity 0.25s ease;
}

/* line 97, signin.scss */
.sign-in .sign-in-panel.panel-right .settings-error i:last-child:hover {
  opacity: 1;
}

/* line 103, signin.scss */
.sign-in .sign-in-panel.panel-right #rememberMe {
  display: none;
  width: 25px;
}

/* line 107, signin.scss */
.sign-in .sign-in-panel.panel-right #rememberMe:checked {
  opacity: 1;
}

/* line 110, signin.scss */
.sign-in .sign-in-panel.panel-right #rememberMe:checked:hover {
  opacity: 0.8;
}

/* line 116, signin.scss */
.sign-in .sign-in-panel.panel-right .checkbox {
  text-align: center;
  margin: -5px 0 7px;
  padding-right: 10px;
}

/* line 121, signin.scss */
.sign-in .sign-in-panel.panel-right .checkbox label {
  cursor: pointer;
  font-weight: 400;
  text-transform: initial;
  margin: 0;
  opacity: 1;
}

/* line 129, signin.scss */
.sign-in .sign-in-panel.panel-right .checkbox i {
  font-size: 19px;
  transform: translate(-5px, 5px);
  margin-bottom: 18px;
  margin-left: 10px;
  transition: color 0.25s ease;
}

/* line 136, signin.scss */
.sign-in .sign-in-panel.panel-right .checkbox i.checked {
  color: #007fff;
}

/* line 141, signin.scss */
.sign-in .sign-in-panel.panel-right .checkbox span {
  font-size: 12px;
  opacity: 0.5;
  transition: opacity 0.8s ease;
}

/* line 148, signin.scss */
.sign-in .sign-in-panel.panel-right .checkbox:hover span {
  opacity: 0.8;
  transition: opacity 0.25s ease;
}

/* line 155, signin.scss */
.sign-in .sign-in-panel.panel-right .form-group:nth-last-child(2) {
  margin-bottom: 20px;
}

/* line 159, signin.scss */
.sign-in .sign-in-panel.panel-right .button {
  display: inline-block;
  cursor: pointer;
  box-shadow: rgba(0, 39, 90, 0.15) 0 5px 35px;
  -webkit-appearance: none;
  outline: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.8em;
  line-height: 1.3em;
  font-weight: 700;
  letter-spacing: .04em;
  transition: all 0.25s ease;
}

/* line 52, partials/buttons.scss */
.sign-in .sign-in-panel.panel-right .button:not(.button--disabled):hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

/* line 57, partials/buttons.scss */
.sign-in .sign-in-panel.panel-right .button:not(.button--disabled):active {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  box-shadow: rgba(0, 39, 90, 0.3) 0 5px 35px;
  transition: all 0.1s ease;
}

/* line 65, partials/buttons.scss */
.sign-in .sign-in-panel.panel-right .button.button--primary {
  padding: 10px 35px;
  border-radius: 50px;
  background-color: #007fff;
  color: #FFFFFF;
  border: 1px solid #007fff;
}

/* line 74, partials/buttons.scss */
.sign-in .sign-in-panel.panel-right .button.button--secondary {
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #F3F3F3;
  color: #000000;
  border: 1px solid #E0E0E0;
}

/* line 83, partials/buttons.scss */
.sign-in .sign-in-panel.panel-right .button.button--disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

@media (max-width: 991px) {
  /* line 89, partials/buttons.scss */
  .sign-in .sign-in-panel.panel-right .button.button--primary {
    padding: 8px 25px;
  }
  /* line 93, partials/buttons.scss */
  .sign-in .sign-in-panel.panel-right .button.button--secondary {
    padding: 8px 15px;
  }
}

/* line 163, signin.scss */
.sign-in .sign-in-panel.panel-right p {
  margin: 1.5rem 0;
}

/* line 167, signin.scss */
.sign-in .sign-in-panel.panel-right input[type="submit"] {
  width: calc(100% - 72px);
}

/* line 171, signin.scss */
.sign-in .sign-in-panel.panel-right .form-group:nth-last-child(1) {
  margin-bottom: 0;
}

/* line 175, signin.scss */
.sign-in .sign-in-panel.panel-right .buttons {
  position: relative;
  font-size: 12px;
  display: flex;
  width: 240px;
  margin: 25px 5px -10px;
}

/* line 182, signin.scss */
.sign-in .sign-in-panel.panel-right .buttons a {
  color: #000000;
  opacity: 0.5;
  transition: opacity 0.8s ease, color 0.8s ease;
  text-decoration: none;
}

/* line 188, signin.scss */
.sign-in .sign-in-panel.panel-right .buttons a:hover {
  color: #007fff;
  opacity: 0.8;
  transition: opacity 0.25s ease, color 0.25s ease;
}

/* line 195, signin.scss */
.sign-in .sign-in-panel.panel-right .buttons span {
  flex-grow: 1;
  text-align: center;
  opacity: 0.15;
}

/* line 204, signin.scss */
.sign-in .sign-in-divider {
  width: 1px;
  height: 250px;
  background: #007fff;
  opacity: 0.5;
  margin: 75px;
}

@media (max-width: 991px) {
  /* line 214, signin.scss */
  .sign-in {
    width: 650px;
    padding-right: 50px;
  }
  /* line 218, signin.scss */
  .sign-in img {
    -webkit-transform: translate(-340px, 190px) rotateZ(-240deg);
    transform: translate(-340px, 190px) rotateZ(-240deg);
  }
  /* line 223, signin.scss */
  .sign-in .sign-in-panel {
    width: 220px;
  }
  /* line 226, signin.scss */
  .sign-in .sign-in-panel.panel-left {
    width: 250px;
    -webkit-transform: translate(20px, -11px);
    transform: translate(20px, -11px);
  }
  /* line 231, signin.scss */
  .sign-in .sign-in-panel.panel-left .panel-title {
    -webkit-transform: translate(11px, -48px);
    transform: translate(11px, -48px);
  }
  /* line 239, signin.scss */
  .sign-in .sign-in-panel.panel-right .settings-error .error-message {
    padding-right: 0;
  }
  /* line 243, signin.scss */
  .sign-in .sign-in-panel.panel-right .settings-error .close-error {
    display: none;
  }
  /* line 248, signin.scss */
  .sign-in .sign-in-panel.panel-right .buttons {
    width: 200px;
    margin-left: 10px;
  }
  /* line 253, signin.scss */
  .sign-in .sign-in-panel.panel-right input[type="submit"] {
    width: calc(100% - 52px);
  }
  /* line 259, signin.scss */
  .sign-in .sign-in-divider {
    margin: 50px 62px;
  }
}

@media (max-width: 767px) {
  /* line 266, signin.scss */
  .sign-in {
    width: 280px;
    padding-right: 0;
    display: block;
  }
  /* line 271, signin.scss */
  .sign-in img {
    display: none;
  }
  /* line 277, signin.scss */
  .sign-in .sign-in-panel {
    width: calc(100% - 40px);
  }
  /* line 280, signin.scss */
  .sign-in .sign-in-panel.panel-left {
    width: 100%;
    height: 120px;
    -webkit-transform: translate(-3px, -5px);
    transform: translate(-3px, -5px);
  }
  /* line 286, signin.scss */
  .sign-in .sign-in-panel.panel-left .panel-title {
    -webkit-transform: translate(2px, -5px);
    transform: translate(2px, -5px);
  }
  /* line 292, signin.scss */
  .sign-in .sign-in-panel.panel-right {
    margin-top: -20px;
    padding: 30px 20px;
  }
  /* line 296, signin.scss */
  .sign-in .sign-in-panel.panel-right .form-group:nth-last-child(2) {
    margin-bottom: 18px;
  }
  /* line 300, signin.scss */
  .sign-in .sign-in-panel.panel-right .buttons {
    width: 210px;
    margin: 21px 15px -5px;
  }
  /* line 307, signin.scss */
  .sign-in .sign-in-divider {
    display: none;
  }
}