.login .img,
.login .img-ovelay {
  background-image: url("imgs/login-img.jpg");
  background-size: cover;
  background-position: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 480px;
}

.login .img-ovelay {
  background-image: none;
  background-color: rgba(8, 28, 50, .85);
  overflow: hidden;
}

.login .img-ovelay .logo-img {
  height: 40%;
}

.login .img-ovelay .logo-img h3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  color: #cbd2da;
  margin-top: 70px;
}

.login .img-ovelay .logo-img small {
  color: #cbd2da;
  font-style: italic;
  margin-left: 15%;
}

.login .img-ovelay .logo-desc {
  height: 35%;
  padding: 0 20px;
}

.login .img-ovelay .logo-desc p {
  text-align: center;
  font-size: .85em;
  color: #cbd2da;
}

.login .img-ovelay .logo-contact {
  height: 20%;
}

.login .img-ovelay .socials svg {
  width: 50px;
}

.login .form {
  position: absolute;
  top: 0;
  left: 480px;
  height: 100%;
  width: calc(100% - 480px);
  background-color: #eeeeee;
}

.login .form p a {
  padding: 0;
  min-width: 50px;
  font-size: 15px;
  text-transform: capitalize;
  color: #3f51b5;
}

.login .form p a:hover {
  background-color: transparent !important;
}

.login .form .container {
  min-height: calc(100vh - 34px);
  background: #eee;
}

.login .form .container h1 {
  margin-bottom: .1em;
  font-weight: 100 !important;
  font-family: 'Open Sans Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif;
  color: #1e2f42;
  text-transform: capitalize;
}

.login .form .container p {
  font-size: 12px;
  color: #a7aebb;
  margin-top: 0;
  font-style: italic;
}

.login .form .container md-checkbox span.label {
  font-size: 14px;
  color: #333;
  font-weight: 500;
  padding-left: 15px;
}

.login .form .container fieldset {
  border: 1px solid #b2b8c3;
  border-radius: 3px;
  margin: 18px 0 0 0;
}

.login .form .container fieldset legend {
  font-size: 13px;
  color: #9a9a9a;
}

.login input,
.login input:focus,
.login md-select {
  display: block;
  width: 100%;
  border: 1px solid #b2b8c3!important;
  border-radius: 3px;
  height: 50px;
  line-height: 50px;
  color: #596377;
  outline: 0;
  padding: 0 15px;
}

.login md-select .md-select-value {
  border: none !important;
}

.login .form .container .forgotPassword {
  float: right;
  background: none;
  border: none;
  font-size: 13px;
}

.login button.md-primary {
  padding: 10px 25px;
  min-width: 150px;
  border-radius: 10px;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .25)!important;
  font-weight: 400;
}

.auth-simple-form,
.auth-form {
  margin: 0 auto;
  max-width: 460px;
}

.auth-form-wide {
  max-width: 920px;
}

.auth-header {
  margin-bottom: 8px;
}

.auth-header h1 {
  margin-bottom: .1em;
}

.auth-header p {
  max-width: 560px;
}

.auth-section-title {
  align-items: center;
  color: #52627a;
  display: flex;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  margin: 8px 0;
  text-transform: uppercase;
}

.auth-section-title:after {
  background: #c9d2df;
  content: "";
  flex: 1;
  height: 1px;
  margin-left: 14px;
}

.login .form .container .auth-form md-input-container,
.login .form .container .auth-simple-form md-input-container {
  margin: 6px 0 8px 0;
}

.login .form .container .auth-form input,
.login .form .container .auth-form md-select,
.login .form .container .auth-simple-form input,
.login .form .container .auth-simple-form md-select {
  background-color: #f7f9fc;
  border-color: #bdc7d5 !important;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.login .form .container .auth-form input:focus,
.login .form .container .auth-form md-select:focus,
.login .form .container .auth-simple-form input:focus,
.login .form .container .auth-simple-form md-select:focus {
  background-color: #fff;
  border-color: #2781c4 !important;
  box-shadow: 0 0 0 3px rgba(39, 129, 196, .16);
}

.login .form .container .auth-form md-select .md-select-value,
.login .form .container .auth-simple-form md-select .md-select-value {
  min-height: 34px;
  padding-top: 0;
}

.login .form .container .auth-form md-input-container.md-input-invalid input,
.login .form .container .auth-form md-input-container.md-input-invalid md-select,
.login .form .container .auth-simple-form md-input-container.md-input-invalid input,
.login .form .container .auth-simple-form md-input-container.md-input-invalid md-select {
  border-color: #e05a5a !important;
}

.login .form .container .auth-form md-input-container.md-input-invalid input:focus,
.login .form .container .auth-form md-input-container.md-input-invalid md-select:focus,
.login .form .container .auth-simple-form md-input-container.md-input-invalid input:focus,
.login .form .container .auth-simple-form md-input-container.md-input-invalid md-select:focus {
  box-shadow: 0 0 0 3px rgba(224, 90, 90, .16);
}

.auth-secondary-action {
  margin-top: -4px;
}

.auth-secondary-action .forgotPassword {
  color: #52627a;
  font-size: 12px;
  margin-right: 0;
  min-width: 0;
  text-transform: none;
}

.auth-actions {
  margin-top: 18px;
}

.auth-actions .md-button[disabled] {
  opacity: .7;
}

.auth-link {
  justify-content: center;
}

.auth-status {
  align-items: flex-start;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(20, 37, 58, .12);
  display: flex;
  gap: 12px;
  margin: 14px auto;
  padding: 14px 16px;
}

.auth-status.success {
  background: #e8f7ea;
  border: 1px solid #7fd47f;
  color: #1f6f31 !important;
}

.auth-status.error {
  background: #fff0ef;
  border: 1px solid #e05a5a;
  color: #9f2a2a;
}

.auth-status .status-icon {
  align-items: center;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex: 0 0 30px;
  font-size: 18px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  line-height: 30px;
}

.auth-status.success .status-icon {
  background: #35a852;
}

.auth-status.error .status-icon {
  background: #d84a4a;
}

.auth-status h1,
.auth-status h3 {
  margin: 0 0 6px 0;
}

.auth-status h1 {
  color: #1f6f31 !important;
  font-size: 24px;
}

.auth-status h3 {
  font-size: 17px;
}

.auth-status.success h3 {
  color: #1f6f31 !important;
}

.auth-status.error h3 {
  color: #9f2a2a;
}

.auth-status p {
  margin: .25em 0 !important;
}

.auth-status.success p {
  color: #2c6b38 !important;
}

.auth-status.error p {
  color: #9f2a2a !important;
}

.auth-status.error .status-intro {
  color: #b45d5d !important;
}

@media (max-width: 960px) {
  .login .img,
  .login .img-ovelay {
    width: 250px;
  }

  .login .form {
    left: 250px;
    width: calc(100% - 250px);
  }
}

@media (max-width: 1280px) {
  .login .img,
  .login .img-ovelay {
    width: 350px;
  }

  .login .form {
    left: 350px;
    width: calc(100% - 350px);
  }
}

@media (max-width: 600px) {
  .login .img,
  .login .img-ovelay {
    width: 50px;
  }

  .login .form {
    left: 50px;
    width: calc(100% - 50px);
  }
}
/*https://www.iconfinder.com/iconsets/flat-business-icons*/

#appOverLay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background-color: rgba(200, 200, 200, .3);
}

.breadcrumbs-wrapper {
  background: #fff;
  z-index: 1;
  position: relative;
  box-shadow: 0px 5px 5px -3px rgb(0 0 0 / 5%), 0px 8px 10px 1px rgb(0 0 0 / 5%), 0px 3px 14px 2px rgb(0 0 0 / 10%);
}

/*Advanced “Marquee” with CSS3 Animation*/

.marquee-wrapper {
  width: 80%;
  overflow: hidden;
}

.marquee.scroll-left {
  padding: 0 10px;
  margin: 0 10%;
  height: 40px;
  overflow: hidden;
  position: relative;
  color: orange;
  border: 1px solid orange;
  font-size: 12px;
  white-space: nowrap;
}

.marquee.scroll-left p {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 40px;
  text-align: center;
  /* Starting position */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  /* Apply animation to this element */
  -moz-animation: scroll-left 40s linear infinite;
  -webkit-animation: scroll-left 40s linear infinite;
  animation: scroll-left 40s linear infinite;
}

/* Move it (define the animation) */

@-moz-keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
  }

  100% {
    -moz-transform: translateX(-100%);
  }
}

@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(-100%);
  }
}

@keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
    /* Browser bug fix */
    -webkit-transform: translateX(100%);
    /* Browser bug fix */
    transform: translateX(100%);
  }

  100% {
    -moz-transform: translateX(-100%);
    /* Browser bug fix */
    -webkit-transform: translateX(-100%);
    /* Browser bug fix */
    transform: translateX(-100%);
  }
}

/**
    OVERRIDE PERFECT-SCROLL CSS
 */

.always-visible.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6 !important;
  background: rgba(0, 0, 0, 0.1) !important;
}

.md-subheader .md-subheader-inner {
  display: block;
  padding: 9px 16px;
}

.md-subheader.padding-vertical-0 .md-subheader-inner {
  display: block;
  padding: 0px 16px !important;
  width: 100%;
}

.md-toolbar-tools,
.md-toolbar {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
}

/**
    TOOLBAR
*/

md-toolbar._md-toolbar-transitions,
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #081c32;
}

md-toolbar .user-menu .avatar {
  width: 30px;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  color: #FFF;
}

md-toolbar .user-menu .user-button .username {
  margin: 0 12px 0 8px;
  font-weight: 400;
}

md-toolbar .user-menu .user-button md-icon {
  color: #9198a8;
}

.toolbar-search {
  background: rgba(255, 255, 255, .2);
  padding: 0;
  margin: 0;
}

.toolbar-search input,
.toolbar-search md-icon {
  color: #fff !important;
  border: none !important;
}

.toolbar-search md-icon {
  cursor: pointer !important;
  outline: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.toolbar-search md-icon.icon-left {
  left: 5px !important;
}

.toolbar-search md-icon.icon-right {
  right: 5px !important;
}

md-toolbar.application .md-toolbar-tools > .toolbar-link {
  line-height: 1.48;
  min-width: 64px !important;
  border-right: solid 1px rgba(158, 158, 158, 0.2);
  margin: 0;
  padding: 0px 20px;
  font-weight: 400;
}

md-toolbar.application .md-toolbar-tools > .toolbar-link span {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 15px;
}

md-toolbar.application .md-toolbar-tools > .toolbar-link.first {
  border-left: solid 1px rgba(158, 158, 158, 0.2);
}

/***
   START Button
*/

.pulse-button {
  position: relative;
  border: none;
  box-shadow: 0 0 0 0 rgba(255, 160, 0, 0.7);
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.pulse-button:hover,
.pulse-button:disabled {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
}

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 25px rgba(255, 160, 0, 0);
  }
}

@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 25px rgba(255, 160, 0, 0);
  }
}

@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 25px rgba(255, 160, 0, 0);
  }
}

@keyframes pulse {
  to {
    box-shadow: 0 0 0 25px rgba(255, 160, 0, 0);
  }
}

button.user-button,
.toolbar-link span {
  text-transform: capitalize;
  color: #9198a8;
}

button.right-arrow:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-top: 3px solid #9198a8;
  top: 0;
  right: 0;
  margin: 17px 0 0;
  -webkit-transition: border-color .2s ease;
  transition: border-color .2s ease;
}

.card-action-button {
  padding: 0;
  margin: 0;
  min-width: 30px !important;
}

.card-action-button {
  font-size: 20px;
}

.toolbar-icon {
  margin: 0;
  padding: 0;
  min-width: 0;
  color: #fff;
}

card-action-button:hover {
  background: none;
}

md-menu-content .user-profile .user-avatar {
  z-index: 1;
  height: 75px;
  width: 75px;
  border-radius: 3px;
  position: relative;
  background-color: #CACFD3;
  cursor: pointer;
}

/* override md-fab buttons properties */

.md-button.md-fab.md-fab-bottom-right.r-20,
.md-button.md-fab.md-fab-top-right.r-20 {
  right: -20px !important;
}

.md-button.md-fab.md-fab-bottom-right.r30,
.md-button.md-fab.md-fab-top-right.r30 {
  right: 30px !important;
}

.btn-caption {
  color: #757575;
  font-size: 11px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80px;
  z-index: 1;
}

/**
 END
 */

/*

USER MENU
 */

md-menu-bar.user-profile,
md-menu-bar.user-profile button {
  height: 64px;
  padding: 0 15px;
}

md-menu-bar.md-default-theme md-menu.md-open > button,
md-menu-bar md-menu.md-open > button,
md-menu-bar.md-default-theme md-menu > button:focus,
md-menu-bar md-menu > button:focus {
  background: none;
}

md-menu-bar.user-profile button span {
  padding: 0 10px;
}

md-menu-bar.user-profile .user-img {
  height: 35px;
}

md-menu-bar.user-profile md-icon {
  color: #9198a8;
}

md-menu-content .user-avatar span {
  display: block;
  line-height: 75px;
  font-size: 25px;
}

md-menu-content .user-avatar span.initials {
  color: #959BA1;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

md-menu-content .user-info h3 {
  font-size: 16px;
  color: #4b5362;
  font-weight: 400;
  line-height: 19px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

md-menu-content .user-info p {
  color: #8799b6;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 8.5px;
  letter-spacing: 0.02em;
}

md-menu-content .user-info a {
  display: block;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .4px;
  background: #FFC107;
  border-radius: 2px;
  border: 1px solid #f1b828;
  width: 113px;
  text-align: center;
  padding: 5px 0;
  line-height: 17px;
  text-decoration: none;
}

md-menu-content .admin-actions ul {
  border-top: 1px solid #e8e9ea;
  float: left;
  clear: both;
  width: 100%;
  margin: 24px 0 0;
  padding: 12px 0 0;
  list-style: none;
}

md-menu-content .admin-actions ul li {
  float: left;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 10px 0;
}

md-menu-content .admin-actions ul li:last-child {
  padding-bottom: 0;
}

md-menu-content .admin-actions ul li a {
  font-size: 12px;
  color: #6f7685;
  font-weight: 400;
  letter-spacing: .8px;
  text-transform: uppercase;
  padding: 8px 0;
}

/**
    CARDS
*/

md-card md-card-title {
  position: relative;
  padding: 12px 16px;
  border-bottom: solid 1px #e6e6e6;
}

md-card md-card-title h3 {
  font-size: 14px;
  font-weight: 600;
  color: #909090;
  margin: 0;
  text-transform: uppercase;
}

md-card md-card-title .title_desc {
  position: absolute;
  top: 28px;
  font-style: italic;
  font-size: 12px;
  margin: 0;
  color: #c5c5c5;
}

md-card md-card-title + md-card-content {
  padding-top: 16px;
}

/**
  GRID
 */

.layout-row > md-input-container {
  margin-bottom: 0;
  margin-left: 0 !important;
}

md-input-container .md-select-value .md-select-icon {
  text-align: center;
}

md-grid-tile figure [ng-include] {
  height: 96%;
  width: 96%;
  padding: 2%;
}

.md-errors-spacer {
  display: none;
}

/*
    LISTS
*/



.list .list-header {
  /*margin: 50px 0;*/
}

.list .list-header md-select {
  margin: 20px 0 26px 50px;
  font-size: 14px;
}

.list .list-header md-icon {
  color: #d5d5d5;
}

.list .list-body {
  /*    margin: 25px 0 150px;*/
}

.list .list-item {
  background-color: #fff;
  position: relative;
}

.list .list-body .list-item-header {
  margin-bottom: 15px;
  padding: 0 15px;
  line-height: 30px;
}

.list .list-body .list-item .list-item-select {
  width: 70px;
  height: 55px;
}

.list .list-body .list-item.selected,
.list-item:not(.expanded):hover {
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
}

.list .list-item p,
.view-form p {
  margin: 0;
}

.list .list-item .primary {
  font-size: 13px;
  color: #47506e !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
}

.list .list-item .secondary {
  font-size: 11px;
  color: #828ea6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-item small,
.view-form small,
.view-form .label {
  font-weight: 300 !important;
  text-transform: uppercase;
  font-size: 11px;
  color: #a2a2a2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding-top: 5px;
}

.list-item.expanded {
  padding: 25px !important;
}

.touch .list-item.expanded {
  display: inline-block;
  width: 100%;
}

.list-item.expanded .value,
.view-form .value {
  border: solid 1px #bcbcbc;
  padding: 0 10px;
  background-color: #eee;
  height: 30px;
  line-height: 30px;
  color: #000;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.list-item.expanded h3,
.view-form h3 {
  color: #283593;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
  margin: 0;
}

.list .list-body .list-item > a .quote-counter {
  color: #828ea6;
  width: 70px;
  border-left: solid 1px;
  text-align: center;
  font-size: 25px;
}

.list .list-item .list-item-icon {
  margin: 0;
  font-size: 30px;
  width: 30px;
  min-width: 40px;
  height: 30px;
  color: #bfbfbf;
}

.list .list-item .list-item-actions,
.list-item.expanded .list-item-actions {
  position: relative;
}

.list .list-item:not(.expanded) .list-item-actions,
.list .list-item:not(.expanded) .list-item-actions {
  padding: 0 10px;
  height: 55px;
  right: 0;
  min-width: 115px;
}

.touch .list .list-item:not(.expanded) .list-item-actions {
  transition: right linear .2s;
}

.list .list-item.expanded .list-item-actions {
  right: 0;
}

.list .list-item:not(.expanded):hover .list-item-actions {
  right: 0;
}

md-list md-list-item.list-item-disabled {
  background: #eee;
}

md-list md-list-item.list-item-disabled img,
md-list md-list-item.list-item-disabled md-icon,
md-list md-list-item.list-item-disabled .user-type,
md-list md-list-item.list-item-disabled span.primary,
md-list md-list-item.list-item-disabled span.secondary {
  opacity: .5;
}

md-list.rounded-items md-list-item {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14);
  position: relative;
  border: solid 1px #e6e7ef;
  color: #313131 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1) !important;
  border-radius: 5px;
  margin: 7px 0;
  transition: all .5s;
  overflow: hidden;
}

md-list.rounded-items md-list-item:hover {
  background-color: #e7e7e7;
}

.quotes-list .EmptyList {
  color: #DDD;
  text-align: center;
  padding-top: 100px;
  font-size: 50px;
}

.quotes-list .list-item {
  margin-bottom: 15px !important;
  border: solid 1px #e0dbdb;
  padding: 5px 0;
  background: #f5f5f5;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}

/**
   TABLES
 */

table {
  padding-left: 20px;
  overflow: hidden;
}

table span.highlight,
.table-help span.highlight {
  position: relative;
}

table span.highlight.red,
.table-help span.highlight.red {
  color: #e47a7a;
}

table span.highlight.blue,
.table-help span.highlight.blue {
  color: #7a90e4;
}

table span.highlight.green,
.table-help span.highlight.green {
  color: #5cb85c;
}

table span.highlight.red:before,
table span.highlight.blue:before,
table span.highlight.green:before,
.table-help span.highlight.red:before,
.table-help span.highlight.blue:before,
.table-help span.highlight.green:before {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  position: absolute;
  border: solid 5px #e47a7a;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

table span.highlight.blue:before,
.table-help span.highlight.blue:before {
  border: solid 5px #7a90e4;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

table span.highlight.green:before,
.table-help span.highlight.green:before {
  border: solid 5px #5cb85c;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.table-help span.highlight.red,
.table-help span.highlight.blue,
.table-help span.highlight.green {
  margin: 10px;
}

.table-help span.highlight + span {
  line-height: 35px;
}

.table-help span.highlight.red + span {
  color: #e47a7a;
}

.table-help span.highlight.blue + span {
  color: #7a90e4;
}

.table-help span.highlight.green + span {
  color: #5cb85c;
}

/**
    HEADERS

 */

.search-header,
.dialog-header-bg {
  position: relative;
  background-image: url("imgs/header-bg.png");
  background-size: cover;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .5);
  z-index: 9;
}

/**    CONTENTS */

.search-header + .page-content {
  height: calc(100vh - 118px) !important;
  min-height: calc(100vh - 118px) !important;
  overflow: hidden;
  position: relative;
}

@media (max-width: 960px) {
  .search-header + .page-content {
    height: calc(100vh - 118px) !important;
    min-height: calc(100vh - 118px) !important;
  }
}

.search-header md-autocomplete,
.search-header md-autocomplete md-autocomplete-wrap {
  height: 28px;
  background: transparent;
  box-shadow: none;
}

.search-header md-autocomplete {
  border-radius: 0;
  margin: 0px;
}

.search-header .md-input {
  line-height: 30px;
  height: 28px;
  color: #fff;
  width: 100%;
  font-size: 12px;
}

.search-header md-input-container,
.search-header .md-autocomplete-wrapper {
  box-shadow: none;
  background: rgba(255, 255, 255, .1);
  border: solid 1px rgba(255,255,255, .5);
}

.search-header md-autocomplete input {
  padding: 0px;
  line-height: 28px;
  height: 28px;
  color: #fff;
  font-size: 12px;
}

.search-header .md-autocomplete-wrapper {
  display: flex;
  align-items: center;
}

.search-header .clr-btn {
  background: rgba(255, 255, 255, .1);
  border: solid 1px rgba(255, 255, 255, .5);
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-header input::placeholder {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  color: #c3cae7 !important;
}

.search-header md-autocomplete .md-show-clear-button button md-icon path {
  fill: #f5fa65;
}

.error-text {
  color: #e86e4f;
}

/*
    PAGES
*/

.page-content {
  height: calc(100vh - 118px) !important;
  overflow: hidden;
  position: relative;
}

.page-content.full {
  height: calc(100vh - 82px) !important;
}

.home-content.not-active {
  height: calc(100vh - 82px) !important;
}

.home-content.not-active img {
  margin-top: 50px;
  height: 300px;
}

.home-content.not-active h1 {
  font-weight: 100;
  font-size: 30px;
  color: #a0aabc;
  margin: 46px 0 21px 0;
  line-height: 35px;
}

.home-content.not-active p {
  font-size: 15px;
  color: #7c8891;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}

/**
    PRODUCT ELEMENTS

*/

.quotes-silencer {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc107+0,ffffff+25,f5f5f5+100 */
  background: #fff;
}

.quotes-louver {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9c27b0+0,ffffff+25,f5f5f5+100 */
  background: #fff;
}

.quotes-info {
  position: relative;
}

.quotes-info .md-button.md-fab.md-fab-bottom-right {
  bottom: -42px;
  right: 0;
}

.product-status-wrap {
  padding: 10px 0;
}

.product-status-wrap .product-status {
  padding: 5px 10px;
  border: none;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
  border-radius: 5px;
  min-width: 206px;
  margin-bottom: 5px;
}

.product-status-wrap .product-status p,
.product-status h1 {
  margin: 0;
}

.list .list-body .list-item > a .name {
  color: #47506e;
  font-size: 14px;
  text-transform: capitalize;
}

.list .list-body .list-item > a .date {
  color: #828ea6;
  font-size: 13px;
  white-space: nowrap;
}

.list .list-body .list-item > a .date b {
  color: #1e2f42;
}

.list .list-body .list-item > a .seller {
  height: 31px;
  margin: 23px;
  opacity: .3;
}

.list .list-body .list-item .status.status-for-approval,
.list .list-body .list-item .status.status-records,
.list .list-body .list-item .status.status-installation {
  background-color: #5cb85c;
  border-radius: 3px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 10px;
  color: #fff;
}

.list .list-body .list-item .status.status-records {
  background: #FF5252;
}

.list .list-body .list-item .status.status-installation {
  background: #FFA000;
}

/*
    PROJECT FACTORIES
***/

.project-factories {
  padding: 10px;
  margin: 20px 0;
  border: solid 1px #eee;
  /*box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);*/
  background: #f5f5f5;
}

.project-factories.whiteBg {
  background: #fff;
}

.project-factories.noBorder {
  border: none;
  box-shadow: none;
}

.project-factories .layout-row {
  margin-bottom: 5px;
}

.project-factories .layout-row.left {
  border: solid 1px #ccc;
  padding: 5px 10px;
  min-height: 80px;
}

.project-factories .left {
  border: solid 1px #ccc;
  padding: 5px 10px;
  min-height: 80px;
}

.project-factories p {
  margin: 0;
}

.project-factories p small,
.project-factories md-switch,
.project-factories md-input-container.md-input-has-value label,
md-input-container.a-m-d label {
  font-weight: 100 !important;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #757575;
}

md-input-container.md-input-has-value.a-m-d label,
md-input-container.md-input-focused.a-m-d label {
  font-size: 16px !important;
}

.project-factories md-switch {
  letter-spacing: 0.05em;
  margin: 0;
}

.project-factories md-input-container {
  margin-bottom: 0;
}

.project-factories md-input-container.md-input-has-value label {
  font-size: 16px;
}

.project-factories p.value {
  border: solid 1px #bcbcbc;
  padding: 5px;
  font-weight: 600;
  text-align: center;
  background-color: #eee;
  height: 35px;
  font-size: 13px;
  line-height: 25px;
}

.project-factories p.net-price {
  height: 70px;
  padding: 0;
  line-height: 70px;
  font-size: 1.2em;
  background-color: #c1e0ad;
  border: solid 1px #a8c197;
  font-weight: 600;
  text-align: center;
}

.project-factories p.net-price-label {
  font-size: 1.5em;
  text-transform: uppercase;
  margin-top: 10px;
  color: #5f5f5f;
}

.project-factories .print-factories {
  margin-top: 10px;
}

.project-factories .print-factories small {
  color: #757575;
  font-size: 11px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
  z-index: 1;
}

.project-factories .md-select-value > span:not(.md-select-icon) .md-text {
  font-weight: 500;
}

.additional-multipliers-description button {
  position: absolute;
  top: -22px;
  right: 40px;
  line-height: 20px;
  min-width: 20px;
  padding: 0;
  margin: 0;
  min-height: 20px;
}

.additional-multipliers-description button md-icon.invalid {
  color: #f34a3c !important;
}

.additional-multipliers-description button md-icon.valid {
  color: #00a251 !important;
}

textarea.additional-multipliers-description {
  min-height: 100px !important;
  border: 1px solid rgb(221, 221, 221) !important;
}

@media (max-width: 959px) and (min-width: 600px) {
  .project-factories p.net-price {
    font-size: 1.2em;
  }

  .project-factories p.net-price-label {
    font-size: 1em;
  }
}

@media (max-width: 599px) and (min-width: 0px) {
  .project-factories p.net-price {
    font-size: 1em;
  }

  .project-factories p.net-price-label {
    font-size: .8em;
  }

  .project-factories p.value {
    font-size: .8em;
  }

  .project-factories p small,
  .project-factories md-switch,
  .project-factories md-input-container.md-input-has-value label {
    font-size: .75em;
  }
}

/*
  ORDER

 */

.order-content {
  background-color: #f0f0f0;
}

/**
ORDER LIST
 */

.orders md-list md-list-item .submitted:before,
.orders md-list md-list-item .accepted:before,
.orders md-list md-list-item .returned:before,
.orders md-list md-list-item .unknown:before {
  content: 'S';
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
  background-color: #009a2f;
  color: #fff;
  font-size: 12px;
  border-top-left-radius: 5px;
}

.orders md-list md-list-item .unknown:before {
  content: '?';
  background-color: #999;
}

.orders md-list md-list-item .accepted:before {
  content: 'A';
  background-color: #2196F3;
}

.orders md-list md-list-item .returned:before {
  content: 'R';
  background-color: #F44336;
}

/**

        table-help
    */

.custom-tooltip {
  padding: 10px;
  font-size: 12px;
  height: auto !important;
  box-shadow: 0 15px 24px 0 rgba(100, 100, 100, 0.3);
  opacity: .95;
}

.custom-tooltip h2 {
  font-weight: 400;
  border-bottom: solid 1px #ffffffde;
}

/**

    TOAST


 */

md-toast .md-toast-content {
  background-color: #6e27b0;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  color: #fff;
  padding: 8px 25px;
  transition: opacity 200ms, -webkit-transform 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  white-space: nowrap;
  z-index: 45;
  font-size: 12px;
}

md-toast.info-toast .md-toast-content {
  background-color: #6e27b0;
}

md-toast.success-toast .md-toast-content {
  background-color: #249724;
}

md-toast.warning-toast .md-toast-content {
  background-color: #d9534f;
}

md-toast .md-toast-content span {
  color: #fff !important;
  font-weight: 500;
  min-width: 100%;
}

md-toast .btn-toast {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 0;
  margin: 0;
  min-width: 25px;
  min-height: 25px;
  line-height: 25px;
}

md-toast .btn-toast md-icon {
  color: #fff;
}

md-dialog .md-dialog-content {
  min-width: 450px;
  padding: 10px;
}

md-dialog .md-dialog-content .md-title {
  background: rgba(36, 57, 68, 0.05);
  color: #243944;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 15px;
}

md-dialog .md-dialog-content .md-dialog-content-body {
  width: 100%;
  color: #607d8b;
  font-size: 14px;
  padding: 0px 10px;
  min-height: 60px;
}

md-dialog .md-dialog-content .md-prompt-input-container input {
  border: solid 1px #eeeff3;
}

md-dialog .md-dialog-content .md-prompt-input-container input:focus {
  border-color: #2196f3;
}

/**

  BACKOFFICE PAGE

 */

.backOffice {
  min-height: calc(100vh - 108px);
}

.backOffice .pageTitle {
  margin-left: 15px;
}

.backOffice .side-left md-card,
.backOffice .side-right md-card {
  min-height: calc(100vh - 123px);
}



/**
    WIKI DESIGN
    */

.wiki-menu {
  height: 100%;
  background: linear-gradient(#0b1449, #000000) !important;
  border-bottom: 1px solid #267ED5 !important;
}

.wiki-menu header {
  padding: 30px;
}

.wiki-menu header a img {
  width: 250px;
}

.wiki-menu header div {
  color: #f0eff3 !important;
  font-weight: 500;
  text-align: center;
  font-size: 13px;
  margin-top: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.wiki-menu-body {
  background: #070f3c !important;
  color: #fff !important;
}

.wiki-toolbar {
  background: #ccced6 !important;
  color: #aba7a7 !important;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 0px 2px 2px rgba(0, 0, 0, 0.098), 0px 0px 5px 1px rgba(0, 0, 0, 0.084);
  min-height: 40px;
}

.wiki-toolbar .md-toolbar-tools {
  max-height: 40px;
}

.wiki-popup {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgb(250, 250, 250);
}

.wiki-close {
  color: #000 !important;
}

.wiki-menu-nested-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wiki-menu-nested-list li .wiki-menu-list {
  display: none;
}

.wiki-menu-nested-list li button {
  width: 90%;
  text-align: left;
}

.wiki-menu-nested-list li button.active {
  background: rgba(255, 255, 255, .2);
}

.wiki-menu-nested-list li button md-icon {
  margin: 0;
  color: #fff;
}

.wiki-menu-nested-list li.visibleChild .wiki-menu-list {
  display: block;
}

.wiki-menu-nested-list li.visibleChild .wiki-menu-list button.active {
  border: solid 1px rgba(255, 255, 255, .2);
}

.wiki-item-active {
  color: #000;
}

.wiki-blue {
  background: #fc4a1a;
  padding: 6px;
  font-weight: 300;
  font-size: 21px;
  color: #fff;
}

#wiki-content {
  height: calc(100vh - 40px);
}

#wiki-content img {
  max-width: 100%;
  vertical-align: top;
  border: none;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .1);
  border: 1px solid #a5a5a5;
  max-width: 90%;
}

.btn {
  padding: 0 !important;
  min-width: 26px;
  min-height: 26px;
  line-height: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all .25s ease-in-out;
  margin: 5px;
}

.btn.square {
  border-radius: 0;
  padding: 0 5px !important;
}

.btn md-icon {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  font-size: 18px;
  color: inherit;
  margin: 0;
}

.btn:hover {
  color: #fff !important;
}

.btn.green {
  background: rgb(9 183 46 / 15%);
  color: #09b72e;
}

.btn.green:hover {
  background: #09b72e;
}

.btn.red {
  background: #f391792e;
  color: #ff5a31;
}

.btn.red:hover {
  background: #ff5a31;
}

.btn.blue {
  background: #d2d6ff94;
  color: #867eff;
}

.btn.blue:hover {
  background: #867eff;
}

.btn.orange {
  background: #ff980045;
  color: #ff9800;
}

.btn.orange:hover {
  background: #ff9800;
}

.header-btn {
  margin-right: 10px;
  font-size: 12px;
  border: none;
  border-radius: 0;
  height: 28px;
  background: rgb(0 150 136 / 15%);
  color: #009688;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 15px 0 5px;
  transition: all 0.25s ease-in-out;
  border: solid 1px;
  border-radius: 3px;
  min-height: initial;
}

.header-btn.print {
  color: #673ab7;
  background: rgb(103 58 183 / 15%);
}

.header-btn md-icon {
  margin-right: 10px;
  color: inherit;
}

.header-btn:hover {
  background: #009688;
  color: #fff;
  box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
}

.header-btn.print:hover {
  background: #673ab7;
}

md-menu-item > .md-button md-icon,
md-menu-item > .md-button svg {
  margin: auto 5px auto 0;
  height: 28px;
  width: 28px;
  min-height: 28px;
  min-width: 28px;
  font-size: 18px;
  padding: 4px;
  background: rgb(39 100 176 / 10%);
  border-radius: 4px;
}

md-menu-item > .md-button {
  color: #4d5f76;
  display: inherit;
  font-size: 14px;
}

.btn-hover {
  transition: all 0.25s ease-in-out;
}

.btn-hover:hover {
  box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
}

.form .action-btn {
  border: none;
  outline: none;
  color: #fff;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.05);
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}

.form .action-btn:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

form.revisions .section-header {
  border-bottom: solid 1px rgba(255, 255, 255, 0.7);
}

.order-details form.generic-from md-checkbox .md-label {
  margin-top: 14px;
  margin-left: 26px;
}
main.backoffice {
  top: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: #f5f5f5;
}

main.backoffice md-card.md-default-theme,
md-card {
  border-radius: 0 !important;
}

.fullHeight {
  height: 100vh;
}

.always-visible.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6 !important;
  background: rgba(0, 0, 0, 0.1) !important;
}

/*
 * SIDENAV
 */

.vertical-navigation {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  overflow-x: hidden;
  -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2), width .1s linear, min-width .1s linear, max-width .1s linear;
  transition: all .3s cubic-bezier(.55, 0, .55, .2), width .1s linear, min-width .1s linear, max-width .1s linear;
  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, .2), 0 7px 8px 1px rgba(0, 0, 0, .14), 0 3px 12px 2px rgba(0, 0, 0, .12);
  background-color: #27476a;
}

.vertical-navigation md-toolbar {
  background: none !important;
  padding: 0 10px;
}

.vertical-navigation md-toolbar md-icon {
  margin: 0;
}

.vertical-navigation md-list,
.vertical-navigation md-list md-icon {
  color: #dbdde1;
  font-size: 13px;
}

.vertical-navigation md-list md-icon {
  font-size: 18px;
}

.vertical-navigation md-list .md-subheader {
  background: none;
  text-transform: uppercase;
  font-weight: 800;
  color: rgba(182, 182, 182, 0.36);
}

.vertical-navigation md-list md-list-item span.badge {
  position: absolute;
  top: 50%;
  right: 16px;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity .2s ease-in-out .1s;
  transition: opacity .2s ease-in-out .1s;
}

/**
    PAGE LAYOUT

 */

.page-layout,
main {
  background-color: #eee;
}

main.backoffice {
  height: 100vh;
}

main .content-top {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  height: 200px;
  background-color: #2196f3;
  background-image: url("imgs/header-bg-2.png");
  background-size: cover;
}

main .content-centered {
  position: relative;
  z-index: 2;
  margin-left: 10px;
  margin-right: 10px;
}

main .content-centered .content-centered-header h2 {
  font-weight: 400;
}

main .content-centered .content-centered-header small {
  margin-bottom: 20px;
}

main .backoffice .content-centered .content-centered-context {
  background: #fff;
  height: calc(100vh - 120px);
  overflow: hidden;
  position: relative;
}

main .tool .content-centered .content-centered-context {
  background: #fff;
  /*padding: 8px;*/
  min-height: calc(100vh - 171px);
  max-height: calc(100vh - 171px);
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 600px) {
  main .content-centered {
    margin-left: 16px;
    margin-right: 16px;
  }

  main .content-centered .content-centered-header h2 {
    font-size: 15px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 110px;
  }

  main .backoffice .content-centered .content-centered-context {
    min-height: calc(100vh - 120px);
    max-height: calc(100vh - 120px);
  }

  main .tool .content-centered .content-centered-context {
    min-height: calc(100vh - 164px);
    max-height: calc(100vh - 164px);
  }
}

.page-filter md-input-container {
  position: relative;
  background: rgba(255, 255, 255, .2);
  height: 36px;
  margin-left: 5px !important;
  padding-left: 7px;
  font-size: 14px;
}

.page-filter md-input-container input,
.page-filter md-input-container md-select md-select-value,
.page-filter md-input-container md-select .md-select-icon {
  color: #fff !important;
  border: none;
}

.page-filter md-input-container.text {
  min-width: 400px;
}

.page-filter md-input-container.select {
  min-width: 150px;
  padding: 3px 10px;
}

.page-filter md-input-container md-icon {
  color: #fff !important;
  border: none !important;
  outline: none;
}

.page-filter md-input-container md-icon.icon-left {
  left: 5px !important;
}

/*
 * CONTENT
 */

.content-container {
  position: relative;
  overflow: hidden;
}

/*
* CONTENT > TOOLBAR USER
*/

.content-container md-toolbar {
  background-color: #fff;
}

.content-container md-toolbar .nav {
  margin: 0;
  text-align: center;
  height: 64px;
  line-height: 64px;
  width: 100px;
  text-transform: none;
  background: #fff;
  color: #2b4969 !important;
  border: none;
  border-right: 1px solid rgba(0, 0, 0, .12);
  transition: background-color 0.5s ease;
}

.content-container md-toolbar .nav:hover {
  background-color: #eeeeee;
}

.content-container md-toolbar .nav md-icon {
  color: #2b4969;
}

.content-container md-toolbar .nav + .btn-caption {
  color: #607d8b;
  font-size: 10px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
  z-index: 1;
  position: absolute;
  bottom: 5px;
  text-transform: uppercase;
}

/*
 * CONTENT > CONTENT
 */

main .backoffice .content-container #content {
  position: absolute;
  top: 64px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden !important;
}

/**
LIST
 */

.bo-list-content {
  overflow: hidden;
  position: relative;
  height: calc(100vh - 140px);
  padding: 0 15px 0 8px;
}

.bo-list-content.pagination {
  overflow: hidden;
  position: relative;
  height: calc(100vh - 160px);
}

.bo-list-content-pager {
  background: #e6e7e8;
  clear: both;
}

.bo-list-content-pager ul.pagination {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bo-list-content-pager ul.pagination li {
  box-shadow: none;
  margin: 0;
  padding: 0 5px;
  background: transparent !important;
}

.bo-list-content-pager ul.pagination li:hover {
  box-shadow: none;
}

.bo-list-content-pager ul.pagination li a {
  padding: 3px 15px;
  font-size: 13px;
  margin: 4px 0;
  border-radius: 3px;
  background: #cfd6d9;
  transition: all 0.2s ease-in-out;
  height: 21px;
}

.bo-list-content-pager ul.pagination li a md-icon {
  color: inherit;
}

.bo-list-content-pager ul.pagination li.active {
  background: transparent !important;
}

.bo-list-content-pager ul.pagination li.active a,
.bo-list-content-pager ul.pagination li:not([disabled]):hover a {
  background: #d2335c !important;
  color: #fff;
}

.bo-list-content-pager ul.pagination li[disabled] a {
  cursor: none;
}

md-list {
  padding: 0;
}

md-list md-list-item {
  box-shadow: 0 1px 1px 0 rgb(255 255 255 / 25%);
  position: relative;
}

.users-page md-list md-list-item {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14);
  position: relative;
  border: solid 1px #e6e7ef;
  color: #313131 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1) !important;
  border-radius: 5px;
  margin: 7px 0;
}

md-list md-list-item *,
.content md-list md-list-item * {
  line-height: 1;
}

md-list md-list-item md-icon {
  margin: 0 10px 0 0;
}

md-list md-list-item .md-avatar {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

md-list md-list-item .primary,
.content md-list md-list-item .primary,
ul li .primary {
  font-size: 12px;
  color: #47506e !important;
  margin-bottom: 3px;
  width: 100%;
}

md-list md-list-item .secondary,
.content md-list md-list-item .secondary,
ul li .secondary,
span.note {
  font-size: 11px;
  color: #828ea6;
  padding: 2px 0;
}

md-list > .highlight.md-subheader,
md-card md-card-header.widget {
  border-bottom: 1px solid rgba(93, 101, 140, 0.2);
  box-shadow: 0 3px 14px rgba(0, 0, 0, .15);
  height: 48px;
  display: flex;
  align-items: center;
}

.users-page md-list md-list-item h4,
.users-page md-list md-list-item small {
  line-height: 1;
  margin: 0;
}

md-list md-list-item .list-item-actions {
  position: absolute;
  right: 0;
  top: 0;
}

md-list md-list-item .list-item-actions {
  height: 100%;
  transform: translateX(100%);
  padding: 0 10px;
  transition: transform .35s;
  z-index: 1;
}

md-list md-list-item:hover .list-item-actions {
  transform: translateX(0);
}

md-select.md-default-theme .md-select-value,
md-select .md-select-value {
  border: none !important;
}

/*

PAGES
 */

main .tabbed .header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px;
  background-color: #2196f3;
  background-image: url("imgs/header-bg-2.png");
  background-size: cover;
}

main .tabbed .header * {
  color: #fff;
}

main .tabbed md-tabs md-tabs-wrapper {
  background: #FFF;
  padding: 0 20px;
  box-shadow: 0 1px 12px 0 rgba(100, 100, 100, .2);
}

main .tabbed md-tabs md-tabs-content-wrapper md-tab-content {
  padding: 20px;
}

main .tabbed .header {
  height: 120px;
  min-height: 120px;
  max-height: 120px;
}

/**
USERS PAGE
 */

.backoffice .user-type-wrap {
  position: relative;
  margin-right: 15px;
}

.backoffice .user-type-wrap .user-type {
  background: #673ab7;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}

.backoffice .user-type-wrap .user-type.representative {
  background: #8BC34A;
}

.backoffice .user-type-wrap .user-type.engineer {
  background: #FFA000;
}

.backoffice .user-type-wrap .user-type.admin {
  background: #FF5252;
}

.backoffice .user-type-wrap .user-type.admin-representative {
  background: #009688;
}

.backoffice .user-type-wrap .user-type + md-icon.confirmed,
.backoffice .user-type-wrap .user-type + md-icon.unconfirmed {
  position: absolute;
  position: absolute;
  top: -3px;
  right: -7px;
  background: rgba(0, 188, 212, .65);
  color: #fff;
  border-radius: 100%;
  font-size: 15px;
  width: 15px !important;
  min-width: 15px !important;
  height: 15px !important;
  min-height: 15px !important;
  text-align: center;
  line-height: 15px;
  margin-right: 0;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, .1);
}

.backoffice .user-type-wrap .user-type + md-icon.unconfirmed {
  background: rgb(212 78 0 / 65%);
}

.contact-avatar {
  width: 100px;
  height: 100px;
  background-color: #fff;
  padding: 10px;
  border-radius: 100%;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}

md-dialog.user-form {
  min-width: 60vw;
}

md-dialog.user-form md-toolbar {
  background-color: #349ef3;
}

md-dialog.user-form md-dialog-content,
md-dialog.user-form md-dialog-content md-tabs md-tab-content md-content {
  background: #eee;
}

md-dialog.user-form md-input-container {
  position: relative;
  margin-bottom: 20px;
}

md-dialog.user-form md-input-container .md-input-messages-animation {
  position: absolute;
  left: 5px;
  bottom: -12px;
}

md-dialog.user-form md-input-container.md-input-invalid label {
  color: #dd2c00;
}

md-dialog.user-form md-input-container label:not(.md-no-float):not(.md-container-ignore),
md-dialog.user-form md-input-container .md-placeholder,
md-dialog.user-form .md-select-value.md-select-placeholder {
  font-weight: 300;
  margin-left: 10px;
}

md-dialog.user-form md-input-container.md-input-focused .md-input,
md-dialog.user-form md-input-container .md-input.ng-invalid.ng-dirty,
md-dialog.user-form md-input-container.md-input-resized .md-input {
  border-width: 1px 1px 1px 1px;
}

md-dialog.user-form md-input-container input,
md-dialog.user-form md-input-container input:focus,
md-dialog.user-form md-input-container md-select {
  border: solid 1px #aaa;
  padding: 0 10px !important;
  color: #313131;
  height: 45px;
  line-height: 45px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1) !important;
}

md-dialog.user-form md-dialog-actions button {
  padding: 10px 40px;
  border-radius: 10px;
  box-shadow: 2px 3px 45px rgba(0, 0, 0, 0.25) !important;
  background-color: #349ef3 !important;
}

md-dialog.user-form md-dialog-actions button.delete {
  background-color: #349ef3 !important;
}

md-dialog.user-form md-dialog-actions button md-icon {
  color: #fff !important;
}

.contact-name {
  line-height: 1;
}

.contact-name small {
  font-size: 70%;
}

/**

ORDERS PAGES

 */

main .orders .content-top,
main .tabbed.orders .header {
  background-color: #009688;
}

/**

PRODUCTS PAGES

 */

.page-layout .products .content-top {
  background-color: #CDDC39;
}

/**

SILENCERS PAGE
 */

.page-layout .louvers .content-top,
.page-layout .tabbed.louvers .header {
  background-color: #ff9800;
}

/**

LOUVERS PAGE
 */

.page-layout .silencers .content-top,
.page-layout .tabbed.silencers .header {
  background-color: #00BCD4;
}

/**

LOGS PAGE
 */

.page-layout .logs .content-top,
.page-layout .tabbed.logs .header {
  background-color: #FF5252;
}

/*
    DILS TAB
*/

table.config tr th,
table.config tr td {
  font-weight: 400;
  text-align: center;
  font-size: 12px;
  padding: 4px 0;
}

table.config.prices tr th,
table.config.prices tr td {
  font-size: 11px;
}

table.config.dialog tr td {
  padding: 5px;
}

table.config.prices tr td:not(.first-column) {
  cursor: pointer;
  text-align: left;
  padding-left: 5px;
}

table.config tr th,
table.config.prices tr td.first-column,
table.config.dialog tr td.first-column {
  color: #fff;
  background-color: #2196F3;
}

table.config.even tr td,
table.config tr.even td {
  background-color: #dadeed;
}

table.config.odd tr td,
table.config tr.odd td {
  background-color: #bdc6df;
}

table.config:not(.dialog) tr:hover td:not(.first-column),
table.config:not(.dialog) tr.selected td:not(.first-column) {
  background-color: #90CAF9;
}

table.config:not(.dialog) tr td:not(.first-column):not(.action-cell):hover,
table.config tr td.editedCell {
  background-color: #2196F3;
}

table.config tr th > span,
table.config tr td > span {
  display: inline-block;
}

table.config tr th.freq-width > span,
table.config tr td.freq-width > span {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
}

table.config.dialog tr td input,
.pressure-drop table.config tr td input {
  height: 35px;
  padding-left: 10px;
}

table.config tr td.action-cell md-icon {
  color: #004a8d;
  cursor: pointer;
}

table.config tr th.wh-corner {
  position: relative;
  overflow: hidden;
}

table.config tr th.wh-corner:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 0 40px 35px 0;
  border-color: transparent #673AB7 transparent transparent;
}

table.config.dialog tr th.wh-corner:before {
  border-width: 0 50px 28px 0;
}

table.config tr th.wh-corner > span:before {
  content: 'W';
  position: absolute;
  left: 5px;
  bottom: 2px;
}

table.config tr th.wh-corner > span:after {
  content: 'H';
  position: absolute;
  right: 5px;
  top: 2px;
}

table.config tr th.wh-corner.small > span:after {
  right: 3px;
  top: 0px;
}

.prices-config md-tabs,
.prices-config md-tabs md-tab {
  width: 100%;
}

.prices-config md-tabs .md-tab {
  text-transform: capitalize !important;
}

.prices-config md-tabs md-tabs-content-wrapper md-tab-content {
  overflow-x: auto;
}

/**

WIDGETS
 */

.content-container .content-body {
  background: none;
  min-height: calc(100vh - 64px);
  max-height: calc(100vh - 64px);
  overflow: hidden;
  position: relative;
}

.content-container .content-body .widgets .widget {
  padding: 8px;
}

.content-container .content-body .widgets .widget .widget-content {
  position: relative;
}

.content-container .content-body .widgets .widget .widget-content::before {
  background-image: url("imgs/cardBg.jpg");
  background-size: cover;
  opacity: .15;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content-container .content-body .widgets .widget .widget-content > div {
  padding: 8px;
  min-height: 140px;
}

.content-container .content-body .widgets .widget a {
  text-decoration: none;
  color: #fff;
}

.chart-group {
  border: solid 1px rgba(228, 228, 228, 0.5);
  padding-top: 5px;
  margin-bottom: 20px;
  min-height: 165px;
}

.chart-group .h4,
.chart-group .text {
  padding: 0 20px;
}

.chart-group .h4 span {
  display: block;
}

.chart-group.blue {
  box-shadow: 0 3px 20px rgba(0, 116, 249, 0.15);
}

.chart-group.purple {
  box-shadow: 0 3px 20px rgba(250, 5, 130, 0.15);
}

.chart-group.green {
  box-shadow: 0 3px 20px rgba(66, 249, 0, 0.15);
}

.chart-group.blue-grey {
  box-shadow: 0 3px 20px rgba(102, 108, 115, 0.15);
}

/*

CHART
 */

nvd3 {
  display: block;
  width: 100%;
  height: 100%;
}

nvd3.remove-x-lines .nv-x .tick line,
nvd3.remove-y-lines .nv-y .tick line {
  display: none;
}

nvd3.remove-line-stroke .nv-groups path.nv-line {
  stroke-width: 0 !important;
}

nvd3.remove-opacity .nv-groups .nv-group {
  fill-opacity: 1 !important;
}

nvd3.show-line-points .nv-line .nv-scatter .nv-groups .nv-point {
  fill-opacity: 1 !important;
  stroke-opacity: 1 !important;
}

.nvd3 text {
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
}

.nvd3 line.nv-guideline {
  stroke: rgba(0, 0, 0, .54);
}

.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 3px !important;
  fill-opacity: 1 !important;
  stroke-opacity: 1 !important;
}

.text-boxed,
.text-boxed-light {
  border-radius: 2px;
  padding: 4px 8px;
  margin: 0 8px;
  font-size: 11px;
  font-weight: 500;
  color: rgba(0, 0, 0, .54);
  background-color: rgba(0, 0, 0, .12);
  white-space: nowrap;
}

.h-420,
.height-420 {
  height: 420px !important;
  min-height: 420px !important;
  max-height: 420px !important;
}

.h-140,
.height-140 {
  height: 140px !important;
  min-height: 140px !important;
  max-height: 140px !important;
}

.h-150,
.height-150 {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
}

p-15 {
  padding: 15px;
}

.padding-horizontal-16,
.ph-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.padding-vertical-20,
.pv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.bb,
.border-bottom,
.border-vertical,
.bv {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.text-boxed-light {
  background-color: rgba(255, 255, 255, .7);
}

.white-fg {
  color: #FFF !important;
}

md-icon.s36 {
  font-size: 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  line-height: 36px !important;
}

/* =======================
   LOADERS
*/

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
}

.loading-bar {
  display: inline-block;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
}

.loading-bar:nth-child(1) {
  background-color: #3498db;
  animation-delay: 0;
}

.loading-bar:nth-child(2) {
  background-color: #c0392b;
  animation-delay: 0.09s;
}

.loading-bar:nth-child(3) {
  background-color: #f1c40f;
  animation-delay: .18s;
}

.loading-bar:nth-child(4) {
  background-color: #27ae60;
  animation-delay: .27s;
}

@keyframes loading {
  0% {
    transform: scale(1);
  }

  20% {
    transform: scale(1, 2.2);
  }

  40% {
    transform: scale(1);
  }
}

.stick-header {
  z-index: 2;
  height: 10px;
  position: relative;
}
.dc-form {
  position: fixed !important;
  height: 100%;
  padding: 15px;
  background: #f7f7f7;
}

@media (min-width: 600px) {
  .md-sidenav-right.dc-form {
    max-width: 960px;
    width: 960px;
  }
}

.dc-form md-toolbar {
  background-color: #03a9f4;
  min-height: initial;
}

.dc-form md-toolbar .title {
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  position: relative;
  padding: 4px 10px;
  letter-spacing: 0.05rem;
  word-spacing: 10px;
}

.dc-form h4 {
  text-transform: uppercase;
  font-size: 14px;
  color: #4c5067;
  font-weight: 500;
  word-spacing: 5px;
  letter-spacing: 0.05em;
  margin-bottom: 5px;
}

.dc-form md-input-container input,
.dc-form md-input-container md-select,
.dc-form md-input-container textarea {
  border: solid 1px #ddd;
  background-color: #fff;
  padding: 0 5px;
  height: 35px;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  font-size: 12px;
}

.dc-form md-autocomplete {
  height: 35px;
}

.dc-form md-input-container textarea {
  padding: 2px 5px;
  line-height: 16px;
}

.dc-form md-input-container input[disabled],
.dc-form md-input-container md-select[disabled],
.dc-form md-input-container textarea[disabled] {
  border: solid 1px #c5c9e5;
  background: #e4e7ff;
  color: #46606c;
}

.dc-form md-input-container input:focus,
.dc-form md-input-container textarea:focus,
.dc-form md-input-container md-select:focus {
  border: solid 1px #03a9f4;
}

.dc-form md-input-container md-select[disabled] .md-select-value {
  background-image: none;
  color: #46606c;
}

.dc-form .md-input-container .md-input-message-animation {
  padding: 0;
}

.dc-form md-input-container .ng-invalid {
  border-color: #96a5ad;
}

.dc-form md-input-container.md-input-invalid .ng-invalid {
  border-color: #e97a58;
  border-width: 1px;
}

.dc-form .actions button {
  background: #03a9f4;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  word-spacing: 5px;
  padding: 0 25px;
  margin: 15px 0 0 0;
}

.dc-form .actions button md-icon {
  color: #fff;
}

.dc-form .actions button:hover,
.dc-form .actions button:focus {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  background: #06648f !important;
}

/** GENRIC-FORM */

.generic-from input,
.generic-from md-select,
.generic-from textarea,
.generic-from .switch-wrapper {
  height: 32px;
  padding-left: 5px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgb(0 0 0 / 10%) !important;
  border: solid 1px #fff !important;
  border-radius: 3px;
  outline: none;
  font-size: 12px;
}

.generic-from input:focus,
.generic-from .md-select-value:focus {
  border: none;
}

.generic-from .md-select-value .md-select-icon,
.generic-from .md-select-value .md-select-icon {
  margin-right: 6px;
}

.generic-from md-select md-select-value {
  border: none !important;
  background-image: none !important;
  min-width: 40px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.generic-from input[disabled],
.generic-from md-select[disabled],
.generic-from textarea[disabled],
.generic-from .switch-wrapper.disabled {
  background-color: #d3d9e6 !important;
  color: #3d4660;
}

.generic-from input::placeholder,
.generic-from textarea::placeholder,
.generic-from md-select .md-select-value.md-select-placeholder {
  color: #a2a9b9;
  font-size: 11px;
}

.generic-from md-select .md-select-value.md-select-placeholder {
  line-height: 29px;
  font-style: italic;
}

.generic-from .error input,
.generic-from .error md-select,
.generic-from .switch-wrapper.error {
  border: solid 1px #f44336 !important;
  box-shadow: 0px 1px 5px 0px rgb(238 107 70 / 20%), 0px 2px 2px 0px rgb(238 107 70 / 14%), 0px 3px 1px -2px rgb(238 107 70 / 12%) !important;
  outline: solid 1px #f44336;
}

.generic-from input[type="number"],
.generic-from md-input-container.type-number label {
  text-align: right;
}

.generic-from md-input-container label {
  font-size: 11px;
  transform: scale(1) !important;
}

.generic-from md-input-container.type-number label {
  padding-right: 15px;
}

.generic-from md-checkbox {
  margin: 0;
  min-height: 40px;
  border-spacing: 0;
}
.alert {
  border: solid 2px #2196f3;
  background: #fff;
  border-left-width: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  padding: 5px 5px;
  font-size: 12px;
  color: #5e676b;
  font-style: italic;
}

.alert md-icon {
  margin: auto 5px;
}

.alert.info {
  border-color: #2196f3;
}

.alert.info md-icon {
  color: #2196f3;
}

.alert.warning {
  border-color: #ff9800;
}

.alert.warning md-icon {
  color: #ff9800;
}

.alert table {
  padding: 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
}

.alert table tr th {
  font-size: 8px;
  font-style: initial;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #2196f3;
}

.alert table tr td {
  background: rgb(33 150 243 / 0.2);
  color: #2196f3;
  padding: 4px 0;
}

.alert table tr td small {
  opacity: 0.6;
  font-size: 9px;
}

.alert.info .highlight {
  display: inline-block;
  background: #c8e5fc;
  padding: 1px 6px;
  color: #000;
  font-weight: 500;
  border-radius: 10px;
  letter-spacing: 1px;
  font-style: initial;
}
*,
body,
html {
  -webkit-tap-highlight-color: transparent;
}

* {
  text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -webkit-text-rendering: optimizeLegibility;
  box-sizing: border-box;
}

body {
  background: #f9f9fb;
  font-family: "Roboto", open-sans, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #3c485a;
}

a {
  text-decoration: none;
}

.rotate {
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}

::placeholder {
  color: #eee;
  opacity: 1;
  /* Firefox */
  font-style: italic;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #eee;
  font-style: italic;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #eee;
  font-style: italic;
}

@media (max-width: 959px) and (min-width: 0) and (orientation: portrait) {
  md-toolbar {
    min-height: 64px;
  }
}

page.md-toolbar,
page.md-toolbar-tools {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  z-index: 55 !important;
}

@media (max-width: 959px) and (min-width: 0) and (orientation: portrait) {
  md-toolbar,
  .md-toolbar-tools {
    min-height: 64px !important;
  }
}

md-dialog md-dialog-content {
  padding: 32px 24px 24px;
}

md-dialog md-dialog-actions {
  position: relative;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, .03);
  border-top: 1px solid rgba(0, 0, 0, .12);
}

.no-records {
  text-align: center;
  padding: 100px 0;
  font-size: 30px;
  color: #aaa;
}

/* Focus stuff for mobile */

table.highlighting tr td:focus::before {
  background-color: lightblue;
  content: '';
  height: 100%;
  top: 0;
  left: -5000px;
  position: absolute;
  width: 10000px;
  z-index: -1;
}

/*******************************************
***********        MODAL STYLE    **********
*******************************************/

md-dialog.fullscreen-dialog {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

small.note {
  font-size: 70%;
  line-height: 13px;
  color: #949ead;
  margin-top: 5px;
}

.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
  display: none !important;
}

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

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

.no-radius {
  border-radius: 0;
}

.divider-vertical {
  height: 24px;
  width: 1px;
  margin: 0 8px;
}

.hidden {
  visibility: hidden;
  opacity: 0;
}

[fill-width] {
  min-width: 100%;
}

[fill-height] {
  min-height: 100%;
}

.full-height {
  height: 100% !important;
}

.md-action:hover {
  background-color: rgba(100, 100, 100, 0.15) !important;
}

a img {
  display: block;
  outline: 0;
}

img {
  max-width: 100%;
  vertical-align: top;
  border: none;
}

[text-right],
.text-right {
  text-align: right;
}

[text-center],
.text-center {
  text-align: center;
}

[text-left],
.text-left {
  text-align: left;
}

.tt-lc {
  text-transform: lowercase !important;
}

.tt-uc {
  text-transform: uppercase !important;
}

.tt-cc {
  text-transform: capitalize !important;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.outline-none {
  outline: none;
}

.cursor-pointer {
  cursor: pointer;
}

.scale-0 {
  transform: scale(0);
}

.scale-x-0 {
  transform: scaleX(0);
}

.scale-y-0 {
  transform: scaleY(0);
}

.scale-50 {
  transform: scale(.5);
}

.scale-x-50 {
  transform: scaleX(.5);
}

.scale-y-50 {
  transform: scaleY(.5);
}

.scale-60 {
  transform: scale(.6);
}

.scale-x-60 {
  transform: scaleX(.6);
}

.scale-y-60 {
  transform: scaleY(.6);
}

.scale-75 {
  transform: scale(.75);
}

.scale-x-75 {
  transform: scaleX(.75);
}

.scale-y-75 {
  transform: scaleY(.75);
}

.scale-90 {
  transform: scale(.9);
}

.scale-x-90 {
  transform: scaleX(.9);
}

.scale-y-90 {
  transform: scaleY(.9);
}

.scale-95 {
  transform: scale(.95);
}

.scale-x-95 {
  transform: scaleX(.95);
}

.scale-y-95 {
  transform: scaleY(.95);
}

.scale-100 {
  transform: scale(1);
}

.scale-x-100 {
  transform: scaleX(1);
}

.scale-y-100 {
  transform: scaleY(1);
}

.scale-105 {
  transform: scale(1.05);
}

.scale-x-105 {
  transform: scaleX(1.05);
}

.scale-y-105 {
  transform: scaleY(1.05);
}

.scale-110 {
  transform: scale(1.1);
}

.scale-x-110 {
  transform: scaleX(1.1);
}

.scale-y-110 {
  transform: scaleY(1.1);
}

.scale-125 {
  transform: scale(1.25);
}

.scale-x-125 {
  transform: scaleX(1.25);
}

.scale-y-125 {
  transform: scaleY(1.25);
}

.scale-150 {
  transform: scale(1.5);
}

.scale-x-150 {
  transform: scaleX(1.5);
}

.scale-y-150 {
  transform: scaleY(1.5);
}

.zoom-0 {
  zoom: 0;
}

.zoom-50 {
  zoom: .5;
}

.zoom-60 {
  zoom: .6;
}

.zoom-75 {
  zoom: .75;
}

.zoom-90 {
  zoom: .9;
}

.zoom-95 {
  zoom: .95;
}

.zoom-100 {
  zoom: 1;
}

.zoom-105 {
  zoom: 1.05;
}

.zoom-110 {
  zoom: 1.1;
}

.zoom-125 {
  zoom: 1.25;
}

.zoom-150 {
  zoom: 1.5;
}

/* FONT-SIZE*/

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-35 {
  font-size: 35px !important;
}

/* FONT-WEIGHT*/

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.fw-b {
  font-weight: bold !important;
}

.text-inherit {
  color: inherit;
}

.text-current {
  color: currentColor;
}

.text-transparent {
  color: transparent;
}

.text-black {
  color: rgb(0 0 0);
}

.text-white {
  color: rgb(255 255 255);
}

.text-slate-50 {
  color: rgb(248 250 252);
}

.text-slate-100 {
  color: rgb(241 245 249);
}

.text-slate-200 {
  color: rgb(226 232 240);
}

.text-slate-300 {
  color: rgb(203 213 225);
}

.text-slate-400 {
  color: rgb(148 163 184);
}

.text-slate-500 {
  color: rgb(100 116 139);
}

.text-slate-600 {
  color: rgb(71 85 105);
}

.text-slate-700 {
  color: rgb(51 65 85);
}

.text-slate-800 {
  color: rgb(30 41 59);
}

.text-slate-900 {
  color: rgb(15 23 42);
}

.text-gray-50 {
  color: rgb(249 250 251);
}

.text-gray-100 {
  color: rgb(243 244 246);
}

.text-gray-200 {
  color: rgb(229 231 235);
}

.text-gray-300 {
  color: rgb(209 213 219);
}

.text-gray-400 {
  color: rgb(156 163 175);
}

.text-gray-500 {
  color: rgb(107 114 128);
}

.text-gray-600 {
  color: rgb(75 85 99);
}

.text-gray-700 {
  color: rgb(55 65 81);
}

.text-gray-800 {
  color: rgb(31 41 55);
}

.text-gray-900 {
  color: rgb(17 24 39);
}

.text-zinc-50 {
  color: rgb(250 250 250);
}

.text-zinc-100 {
  color: rgb(244 244 245);
}

.text-zinc-200 {
  color: rgb(228 228 231);
}

.text-zinc-300 {
  color: rgb(212 212 216);
}

.text-zinc-400 {
  color: rgb(161 161 170);
}

.text-zinc-500 {
  color: rgb(113 113 122);
}

.text-zinc-600 {
  color: rgb(82 82 91);
}

.text-zinc-700 {
  color: rgb(63 63 70);
}

.text-zinc-800 {
  color: rgb(39 39 42);
}

.text-zinc-900 {
  color: rgb(24 24 27);
}

.text-neutral-50 {
  color: rgb(250 250 250);
}

.text-neutral-100 {
  color: rgb(245 245 245);
}

.text-neutral-200 {
  color: rgb(229 229 229);
}

.text-neutral-300 {
  color: rgb(212 212 212);
}

.text-neutral-400 {
  color: rgb(163 163 163);
}

.text-neutral-500 {
  color: rgb(115 115 115);
}

.text-neutral-600 {
  color: rgb(82 82 82);
}

.text-neutral-700 {
  color: rgb(64 64 64);
}

.text-neutral-800 {
  color: rgb(38 38 38);
}

.text-neutral-900 {
  color: rgb(23 23 23);
}

.text-stone-50 {
  color: rgb(250 250 249);
}

.text-stone-100 {
  color: rgb(245 245 244);
}

.text-stone-200 {
  color: rgb(231 229 228);
}

.text-stone-300 {
  color: rgb(214 211 209);
}

.text-stone-400 {
  color: rgb(168 162 158);
}

.text-stone-500 {
  color: rgb(120 113 108);
}

.text-stone-600 {
  color: rgb(87 83 78);
}

.text-stone-700 {
  color: rgb(68 64 60);
}

.text-stone-800 {
  color: rgb(41 37 36);
}

.text-stone-900 {
  color: rgb(28 25 23);
}

.text-red-50 {
  color: rgb(254 242 242);
}

.text-red-100 {
  color: rgb(254 226 226);
}

.text-red-200 {
  color: rgb(254 202 202);
}

.text-red-300 {
  color: rgb(252 165 165);
}

.text-red-400 {
  color: rgb(248 113 113);
}

.text-red-500 {
  color: rgb(239 68 68);
}

.text-red-600 {
  color: rgb(220 38 38);
}

.text-red-700 {
  color: rgb(185 28 28);
}

.text-red-800 {
  color: rgb(153 27 27);
}

.text-red-900 {
  color: rgb(127 29 29);
}

.text-orange-50 {
  color: rgb(255 247 237);
}

.text-orange-100 {
  color: rgb(255 237 213);
}

.text-orange-200 {
  color: rgb(254 215 170);
}

.text-orange-300 {
  color: rgb(253 186 116);
}

.text-orange-400 {
  color: rgb(251 146 60);
}

.text-orange-500 {
  color: rgb(249 115 22);
}

.text-orange-600 {
  color: rgb(234 88 12);
}

.text-orange-700 {
  color: rgb(194 65 12);
}

.text-orange-800 {
  color: rgb(154 52 18);
}

.text-orange-900 {
  color: rgb(124 45 18);
}

.text-amber-50 {
  color: rgb(255 251 235);
}

.text-amber-100 {
  color: rgb(254 243 199);
}

.text-amber-200 {
  color: rgb(253 230 138);
}

.text-amber-300 {
  color: rgb(252 211 77);
}

.text-amber-400 {
  color: rgb(251 191 36);
}

.text-amber-500 {
  color: rgb(245 158 11);
}

.text-amber-600 {
  color: rgb(217 119 6);
}

.text-amber-700 {
  color: rgb(180 83 9);
}

.text-amber-800 {
  color: rgb(146 64 14);
}

.text-amber-900 {
  color: rgb(120 53 15);
}

.text-yellow-50 {
  color: rgb(254 252 232);
}

.text-yellow-100 {
  color: rgb(254 249 195);
}

.text-yellow-200 {
  color: rgb(254 240 138);
}

.text-yellow-300 {
  color: rgb(253 224 71);
}

.text-yellow-400 {
  color: rgb(250 204 21);
}

.text-yellow-500 {
  color: rgb(234 179 8);
}

.text-yellow-600 {
  color: rgb(202 138 4);
}

.text-yellow-700 {
  color: rgb(161 98 7);
}

.text-yellow-800 {
  color: rgb(133 77 14);
}

.text-yellow-900 {
  color: rgb(113 63 18);
}

.text-lime-50 {
  color: rgb(247 254 231);
}

.text-lime-100 {
  color: rgb(236 252 203);
}

.text-lime-200 {
  color: rgb(217 249 157);
}

.text-lime-300 {
  color: rgb(190 242 100);
}

.text-lime-400 {
  color: rgb(163 230 53);
}

.text-lime-500 {
  color: rgb(132 204 22);
}

.text-lime-600 {
  color: rgb(101 163 13);
}

.text-lime-700 {
  color: rgb(77 124 15);
}

.text-lime-800 {
  color: rgb(63 98 18);
}

.text-lime-900 {
  color: rgb(54 83 20);
}

.text-green-50 {
  color: rgb(240 253 244);
}

.text-green-100 {
  color: rgb(220 252 231);
}

.text-green-200 {
  color: rgb(187 247 208);
}

.text-green-300 {
  color: rgb(134 239 172);
}

.text-green-400 {
  color: rgb(74 222 128);
}

.text-green-500 {
  color: rgb(34 197 94);
}

.text-green-600 {
  color: rgb(22 163 74);
}

.text-green-700 {
  color: rgb(21 128 61);
}

.text-green-800 {
  color: rgb(22 101 52);
}

.text-green-900 {
  color: rgb(20 83 45);
}

.text-emerald-50 {
  color: rgb(236 253 245);
}

.text-emerald-100 {
  color: rgb(209 250 229);
}

.text-emerald-200 {
  color: rgb(167 243 208);
}

.text-emerald-300 {
  color: rgb(110 231 183);
}

.text-emerald-400 {
  color: rgb(52 211 153);
}

.text-emerald-500 {
  color: rgb(16 185 129);
}

.text-emerald-600 {
  color: rgb(5 150 105);
}

.text-emerald-700 {
  color: rgb(4 120 87);
}

.text-emerald-800 {
  color: rgb(6 95 70);
}

.text-emerald-900 {
  color: rgb(6 78 59);
}

.text-teal-50 {
  color: rgb(240 253 250);
}

.text-teal-100 {
  color: rgb(204 251 241);
}

.text-teal-200 {
  color: rgb(153 246 228);
}

.text-teal-300 {
  color: rgb(94 234 212);
}

.text-teal-400 {
  color: rgb(45 212 191);
}

.text-teal-500 {
  color: rgb(20 184 166);
}

.text-teal-600 {
  color: rgb(13 148 136);
}

.text-teal-700 {
  color: rgb(15 118 110);
}

.text-teal-800 {
  color: rgb(17 94 89);
}

.text-teal-900 {
  color: rgb(19 78 74);
}

.text-cyan-50 {
  color: rgb(236 254 255);
}

.text-cyan-100 {
  color: rgb(207 250 254);
}

.text-cyan-200 {
  color: rgb(165 243 252);
}

.text-cyan-300 {
  color: rgb(103 232 249);
}

.text-cyan-400 {
  color: rgb(34 211 238);
}

.text-cyan-500 {
  color: rgb(6 182 212);
}

.text-cyan-600 {
  color: rgb(8 145 178);
}

.text-cyan-700 {
  color: rgb(14 116 144);
}

.text-cyan-800 {
  color: rgb(21 94 117);
}

.text-cyan-900 {
  color: rgb(22 78 99);
}

.text-sky-50 {
  color: rgb(240 249 255);
}

.text-sky-100 {
  color: rgb(224 242 254);
}

.text-sky-200 {
  color: rgb(186 230 253);
}

.text-sky-300 {
  color: rgb(125 211 252);
}

.text-sky-400 {
  color: rgb(56 189 248);
}

.text-sky-500 {
  color: rgb(14 165 233);
}

.text-sky-600 {
  color: rgb(2 132 199);
}

.text-sky-700 {
  color: rgb(3 105 161);
}

.text-sky-800 {
  color: rgb(7 89 133);
}

.text-sky-900 {
  color: rgb(12 74 110);
}

.text-blue-50 {
  color: rgb(239 246 255);
}

.text-blue-100 {
  color: rgb(219 234 254);
}

.text-blue-200 {
  color: rgb(191 219 254);
}

.text-blue-300 {
  color: rgb(147 197 253);
}

.text-blue-400 {
  color: rgb(96 165 250);
}

.text-blue-500 {
  color: rgb(59 130 246);
}

.text-blue-600 {
  color: rgb(37 99 235);
}

.text-blue-700 {
  color: rgb(29 78 216);
}

.text-blue-800 {
  color: rgb(30 64 175);
}

.text-blue-900 {
  color: rgb(30 58 138);
}

.text-indigo-50 {
  color: rgb(238 242 255);
}

.text-indigo-100 {
  color: rgb(224 231 255);
}

.text-indigo-200 {
  color: rgb(199 210 254);
}

.text-indigo-300 {
  color: rgb(165 180 252);
}

.text-indigo-400 {
  color: rgb(129 140 248);
}

.text-indigo-500 {
  color: rgb(99 102 241);
}

.text-indigo-600 {
  color: rgb(79 70 229);
}

.text-indigo-700 {
  color: rgb(67 56 202);
}

.text-indigo-800 {
  color: rgb(55 48 163);
}

.text-indigo-900 {
  color: rgb(49 46 129);
}

.text-violet-50 {
  color: rgb(245 243 255);
}

.text-violet-100 {
  color: rgb(237 233 254);
}

.text-violet-200 {
  color: rgb(221 214 254);
}

.text-violet-300 {
  color: rgb(196 181 253);
}

.text-violet-400 {
  color: rgb(167 139 250);
}

.text-violet-500 {
  color: rgb(139 92 246);
}

.text-violet-600 {
  color: rgb(124 58 237);
}

.text-violet-700 {
  color: rgb(109 40 217);
}

.text-violet-800 {
  color: rgb(91 33 182);
}

.text-violet-900 {
  color: rgb(76 29 149);
}

.text-purple-50 {
  color: rgb(250 245 255);
}

.text-purple-100 {
  color: rgb(243 232 255);
}

.text-purple-200 {
  color: rgb(233 213 255);
}

.text-purple-300 {
  color: rgb(216 180 254);
}

.text-purple-400 {
  color: rgb(192 132 252);
}

.text-purple-500 {
  color: rgb(168 85 247);
}

.text-purple-600 {
  color: rgb(147 51 234);
}

.text-purple-700 {
  color: rgb(126 34 206);
}

.text-purple-800 {
  color: rgb(107 33 168);
}

.text-purple-900 {
  color: rgb(88 28 135);
}

.text-fuchsia-50 {
  color: rgb(253 244 255);
}

.text-fuchsia-100 {
  color: rgb(250 232 255);
}

.text-fuchsia-200 {
  color: rgb(245 208 254);
}

.text-fuchsia-300 {
  color: rgb(240 171 252);
}

.text-fuchsia-400 {
  color: rgb(232 121 249);
}

.text-fuchsia-500 {
  color: rgb(217 70 239);
}

.text-fuchsia-600 {
  color: rgb(192 38 211);
}

.text-fuchsia-700 {
  color: rgb(162 28 175);
}

.text-fuchsia-800 {
  color: rgb(134 25 143);
}

.text-fuchsia-900 {
  color: rgb(112 26 117);
}

.text-pink-50 {
  color: rgb(253 242 248);
}

.text-pink-100 {
  color: rgb(252 231 243);
}

.text-pink-200 {
  color: rgb(251 207 232);
}

.text-pink-300 {
  color: rgb(249 168 212);
}

.text-pink-400 {
  color: rgb(244 114 182);
}

.text-pink-500 {
  color: rgb(236 72 153);
}

.text-pink-600 {
  color: rgb(219 39 119);
}

.text-pink-700 {
  color: rgb(190 24 93);
}

.text-pink-800 {
  color: rgb(157 23 77);
}

.text-pink-900 {
  color: rgb(131 24 67);
}

.text-rose-50 {
  color: rgb(255 241 242);
}

.text-rose-100 {
  color: rgb(255 228 230);
}

.text-rose-200 {
  color: rgb(254 205 211);
}

.text-rose-300 {
  color: rgb(253 164 175);
}

.text-rose-400 {
  color: rgb(251 113 133);
}

.text-rose-500 {
  color: rgb(244 63 94);
}

.text-rose-600 {
  color: rgb(225 29 72);
}

.text-rose-700 {
  color: rgb(190 18 60);
}

.text-rose-800 {
  color: rgb(159 18 57);
}

.text-rose-900 {
  color: rgb(136 19 55);
}

.bg-inherit {
  background-color: inherit;
}

.bg-current {
  background-color: currentColor;
}

.bg-transparent {
  background-color: transparent;
}

.bg-black {
  background-color: rgb(0 0 0);
}

.bg-white {
  background-color: rgb(255 255 255);
}

.bg-slate-50 {
  background-color: rgb(248 250 252);
}

.bg-slate-100 {
  background-color: rgb(241 245 249);
}

.bg-slate-200 {
  background-color: rgb(226 232 240);
}

.bg-slate-300 {
  background-color: rgb(203 213 225);
}

.bg-slate-400 {
  background-color: rgb(148 163 184);
}

.bg-slate-500 {
  background-color: rgb(100 116 139);
}

.bg-slate-600 {
  background-color: rgb(71 85 105);
}

.bg-slate-700 {
  background-color: rgb(51 65 85);
}

.bg-slate-800 {
  background-color: rgb(30 41 59);
}

.bg-slate-900 {
  background-color: rgb(15 23 42);
}

.bg-gray-50 {
  background-color: rgb(249 250 251);
}

.bg-gray-100 {
  background-color: rgb(243 244 246);
}

.bg-gray-200 {
  background-color: rgb(229 231 235);
}

.bg-gray-300 {
  background-color: rgb(209 213 219);
}

.bg-gray-400 {
  background-color: rgb(156 163 175);
}

.bg-gray-500 {
  background-color: rgb(107 114 128);
}

.bg-gray-600 {
  background-color: rgb(75 85 99);
}

.bg-gray-700 {
  background-color: rgb(55 65 81);
}

.bg-gray-800 {
  background-color: rgb(31 41 55);
}

.bg-gray-900 {
  background-color: rgb(17 24 39);
}

.bg-zinc-50 {
  background-color: rgb(250 250 250);
}

.bg-zinc-100 {
  background-color: rgb(244 244 245);
}

.bg-zinc-200 {
  background-color: rgb(228 228 231);
}

.bg-zinc-300 {
  background-color: rgb(212 212 216);
}

.bg-zinc-400 {
  background-color: rgb(161 161 170);
}

.bg-zinc-500 {
  background-color: rgb(113 113 122);
}

.bg-zinc-600 {
  background-color: rgb(82 82 91);
}

.bg-zinc-700 {
  background-color: rgb(63 63 70);
}

.bg-zinc-800 {
  background-color: rgb(39 39 42);
}

.bg-zinc-900 {
  background-color: rgb(24 24 27);
}

.bg-neutral-50 {
  background-color: rgb(250 250 250);
}

.bg-neutral-100 {
  background-color: rgb(245 245 245);
}

.bg-neutral-200 {
  background-color: rgb(229 229 229);
}

.bg-neutral-300 {
  background-color: rgb(212 212 212);
}

.bg-neutral-400 {
  background-color: rgb(163 163 163);
}

.bg-neutral-500 {
  background-color: rgb(115 115 115);
}

.bg-neutral-600 {
  background-color: rgb(82 82 82);
}

.bg-neutral-700 {
  background-color: rgb(64 64 64);
}

.bg-neutral-800 {
  background-color: rgb(38 38 38);
}

.bg-neutral-900 {
  background-color: rgb(23 23 23);
}

.bg-stone-50 {
  background-color: rgb(250 250 249);
}

.bg-stone-100 {
  background-color: rgb(245 245 244);
}

.bg-stone-200 {
  background-color: rgb(231 229 228);
}

.bg-stone-300 {
  background-color: rgb(214 211 209);
}

.bg-stone-400 {
  background-color: rgb(168 162 158);
}

.bg-stone-500 {
  background-color: rgb(120 113 108);
}

.bg-stone-600 {
  background-color: rgb(87 83 78);
}

.bg-stone-700 {
  background-color: rgb(68 64 60);
}

.bg-stone-800 {
  background-color: rgb(41 37 36);
}

.bg-stone-900 {
  background-color: rgb(28 25 23);
}

.bg-red-50 {
  background-color: rgb(254 242 242);
}

.bg-red-100 {
  background-color: rgb(254 226 226);
}

.bg-red-200 {
  background-color: rgb(254 202 202);
}

.bg-red-300 {
  background-color: rgb(252 165 165);
}

.bg-red-400 {
  background-color: rgb(248 113 113);
}

.bg-red-500 {
  background-color: rgb(239 68 68);
}

.bg-red-600 {
  background-color: rgb(220 38 38);
}

.bg-red-700 {
  background-color: rgb(185 28 28);
}

.bg-red-800 {
  background-color: rgb(153 27 27);
}

.bg-red-900 {
  background-color: rgb(127 29 29);
}

.bg-orange-50 {
  background-color: rgb(255 247 237);
}

.bg-orange-100 {
  background-color: rgb(255 237 213);
}

.bg-orange-200 {
  background-color: rgb(254 215 170);
}

.bg-orange-300 {
  background-color: rgb(253 186 116);
}

.bg-orange-400 {
  background-color: rgb(251 146 60);
}

.bg-orange-500 {
  background-color: rgb(249 115 22);
}

.bg-orange-600 {
  background-color: rgb(234 88 12);
}

.bg-orange-700 {
  background-color: rgb(194 65 12);
}

.bg-orange-800 {
  background-color: rgb(154 52 18);
}

.bg-orange-900 {
  background-color: rgb(124 45 18);
}

.bg-amber-50 {
  background-color: rgb(255 251 235);
}

.bg-amber-100 {
  background-color: rgb(254 243 199);
}

.bg-amber-200 {
  background-color: rgb(253 230 138);
}

.bg-amber-300 {
  background-color: rgb(252 211 77);
}

.bg-amber-400 {
  background-color: rgb(251 191 36);
}

.bg-amber-500 {
  background-color: rgb(245 158 11);
}

.bg-amber-600 {
  background-color: rgb(217 119 6);
}

.bg-amber-700 {
  background-color: rgb(180 83 9);
}

.bg-amber-800 {
  background-color: rgb(146 64 14);
}

.bg-amber-900 {
  background-color: rgb(120 53 15);
}

.bg-yellow-50 {
  background-color: rgb(254 252 232);
}

.bg-yellow-100 {
  background-color: rgb(254 249 195);
}

.bg-yellow-200 {
  background-color: rgb(254 240 138);
}

.bg-yellow-300 {
  background-color: rgb(253 224 71);
}

.bg-yellow-400 {
  background-color: rgb(250 204 21);
}

.bg-yellow-500 {
  background-color: rgb(234 179 8);
}

.bg-yellow-600 {
  background-color: rgb(202 138 4);
}

.bg-yellow-700 {
  background-color: rgb(161 98 7);
}

.bg-yellow-800 {
  background-color: rgb(133 77 14);
}

.bg-yellow-900 {
  background-color: rgb(113 63 18);
}

.bg-lime-50 {
  background-color: rgb(247 254 231);
}

.bg-lime-100 {
  background-color: rgb(236 252 203);
}

.bg-lime-200 {
  background-color: rgb(217 249 157);
}

.bg-lime-300 {
  background-color: rgb(190 242 100);
}

.bg-lime-400 {
  background-color: rgb(163 230 53);
}

.bg-lime-500 {
  background-color: rgb(132 204 22);
}

.bg-lime-600 {
  background-color: rgb(101 163 13);
}

.bg-lime-700 {
  background-color: rgb(77 124 15);
}

.bg-lime-800 {
  background-color: rgb(63 98 18);
}

.bg-lime-900 {
  background-color: rgb(54 83 20);
}

.bg-green-50 {
  background-color: rgb(240 253 244);
}

.bg-green-100 {
  background-color: rgb(220 252 231);
}

.bg-green-200 {
  background-color: rgb(187 247 208);
}

.bg-green-300 {
  background-color: rgb(134 239 172);
}

.bg-green-400 {
  background-color: rgb(74 222 128);
}

.bg-green-500 {
  background-color: rgb(34 197 94);
}

.bg-green-600 {
  background-color: rgb(22 163 74);
}

.bg-green-700 {
  background-color: rgb(21 128 61);
}

.bg-green-800 {
  background-color: rgb(22 101 52);
}

.bg-green-900 {
  background-color: rgb(20 83 45);
}

.bg-emerald-50 {
  background-color: rgb(236 253 245);
}

.bg-emerald-100 {
  background-color: rgb(209 250 229);
}

.bg-emerald-200 {
  background-color: rgb(167 243 208);
}

.bg-emerald-300 {
  background-color: rgb(110 231 183);
}

.bg-emerald-400 {
  background-color: rgb(52 211 153);
}

.bg-emerald-500 {
  background-color: rgb(16 185 129);
}

.bg-emerald-600 {
  background-color: rgb(5 150 105);
}

.bg-emerald-700 {
  background-color: rgb(4 120 87);
}

.bg-emerald-800 {
  background-color: rgb(6 95 70);
}

.bg-emerald-900 {
  background-color: rgb(6 78 59);
}

.bg-teal-50 {
  background-color: rgb(240 253 250);
}

.bg-teal-100 {
  background-color: rgb(204 251 241);
}

.bg-teal-200 {
  background-color: rgb(153 246 228);
}

.bg-teal-300 {
  background-color: rgb(94 234 212);
}

.bg-teal-400 {
  background-color: rgb(45 212 191);
}

.bg-teal-500 {
  background-color: rgb(20 184 166);
}

.bg-teal-600 {
  background-color: rgb(13 148 136);
}

.bg-teal-700 {
  background-color: rgb(15 118 110);
}

.bg-teal-800 {
  background-color: rgb(17 94 89);
}

.bg-teal-900 {
  background-color: rgb(19 78 74);
}

.bg-cyan-50 {
  background-color: rgb(236 254 255);
}

.bg-cyan-100 {
  background-color: rgb(207 250 254);
}

.bg-cyan-200 {
  background-color: rgb(165 243 252);
}

.bg-cyan-300 {
  background-color: rgb(103 232 249);
}

.bg-cyan-400 {
  background-color: rgb(34 211 238);
}

.bg-cyan-500 {
  background-color: rgb(6 182 212);
}

.bg-cyan-600 {
  background-color: rgb(8 145 178);
}

.bg-cyan-700 {
  background-color: rgb(14 116 144);
}

.bg-cyan-800 {
  background-color: rgb(21 94 117);
}

.bg-cyan-900 {
  background-color: rgb(22 78 99);
}

.bg-sky-50 {
  background-color: rgb(240 249 255);
}

.bg-sky-100 {
  background-color: rgb(224 242 254);
}

.bg-sky-200 {
  background-color: rgb(186 230 253);
}

.bg-sky-300 {
  background-color: rgb(125 211 252);
}

.bg-sky-400 {
  background-color: rgb(56 189 248);
}

.bg-sky-500 {
  background-color: rgb(14 165 233);
}

.bg-sky-600 {
  background-color: rgb(2 132 199);
}

.bg-sky-700 {
  background-color: rgb(3 105 161);
}

.bg-sky-800 {
  background-color: rgb(7 89 133);
}

.bg-sky-900 {
  background-color: rgb(12 74 110);
}

.bg-blue-50 {
  background-color: rgb(239 246 255);
}

.bg-blue-100 {
  background-color: rgb(219 234 254);
}

.bg-blue-200 {
  background-color: rgb(191 219 254);
}

.bg-blue-300 {
  background-color: rgb(147 197 253);
}

.bg-blue-400 {
  background-color: rgb(96 165 250);
}

.bg-blue-500 {
  background-color: rgb(59 130 246);
}

.bg-blue-600 {
  background-color: rgb(37 99 235);
}

.bg-blue-700 {
  background-color: rgb(29 78 216);
}

.bg-blue-800 {
  background-color: rgb(30 64 175);
}

.bg-blue-900 {
  background-color: rgb(30 58 138);
}

.bg-indigo-50 {
  background-color: rgb(238 242 255);
}

.bg-indigo-100 {
  background-color: rgb(224 231 255);
}

.bg-indigo-200 {
  background-color: rgb(199 210 254);
}

.bg-indigo-300 {
  background-color: rgb(165 180 252);
}

.bg-indigo-400 {
  background-color: rgb(129 140 248);
}

.bg-indigo-500 {
  background-color: rgb(99 102 241);
}

.bg-indigo-600 {
  background-color: rgb(79 70 229);
}

.bg-indigo-700 {
  background-color: rgb(67 56 202);
}

.bg-indigo-800 {
  background-color: rgb(55 48 163);
}

.bg-indigo-900 {
  background-color: rgb(49 46 129);
}

.bg-violet-50 {
  background-color: rgb(245 243 255);
}

.bg-violet-100 {
  background-color: rgb(237 233 254);
}

.bg-violet-200 {
  background-color: rgb(221 214 254);
}

.bg-violet-300 {
  background-color: rgb(196 181 253);
}

.bg-violet-400 {
  background-color: rgb(167 139 250);
}

.bg-violet-500 {
  background-color: rgb(139 92 246);
}

.bg-violet-600 {
  background-color: rgb(124 58 237);
}

.bg-violet-700 {
  background-color: rgb(109 40 217);
}

.bg-violet-800 {
  background-color: rgb(91 33 182);
}

.bg-violet-900 {
  background-color: rgb(76 29 149);
}

.bg-purple-50 {
  background-color: rgb(250 245 255);
}

.bg-purple-100 {
  background-color: rgb(243 232 255);
}

.bg-purple-200 {
  background-color: rgb(233 213 255);
}

.bg-purple-300 {
  background-color: rgb(216 180 254);
}

.bg-purple-400 {
  background-color: rgb(192 132 252);
}

.bg-purple-500 {
  background-color: rgb(168 85 247);
}

.bg-purple-600 {
  background-color: rgb(147 51 234);
}

.bg-purple-700 {
  background-color: rgb(126 34 206);
}

.bg-purple-800 {
  background-color: rgb(107 33 168);
}

.bg-purple-900 {
  background-color: rgb(88 28 135);
}

.bg-fuchsia-50 {
  background-color: rgb(253 244 255);
}

.bg-fuchsia-100 {
  background-color: rgb(250 232 255);
}

.bg-fuchsia-200 {
  background-color: rgb(245 208 254);
}

.bg-fuchsia-300 {
  background-color: rgb(240 171 252);
}

.bg-fuchsia-400 {
  background-color: rgb(232 121 249);
}

.bg-fuchsia-500 {
  background-color: rgb(217 70 239);
}

.bg-fuchsia-600 {
  background-color: rgb(192 38 211);
}

.bg-fuchsia-700 {
  background-color: rgb(162 28 175);
}

.bg-fuchsia-800 {
  background-color: rgb(134 25 143);
}

.bg-fuchsia-900 {
  background-color: rgb(112 26 117);
}

.bg-pink-50 {
  background-color: rgb(253 242 248);
}

.bg-pink-100 {
  background-color: rgb(252 231 243);
}

.bg-pink-200 {
  background-color: rgb(251 207 232);
}

.bg-pink-300 {
  background-color: rgb(249 168 212);
}

.bg-pink-400 {
  background-color: rgb(244 114 182);
}

.bg-pink-500 {
  background-color: rgb(236 72 153);
}

.bg-pink-600 {
  background-color: rgb(219 39 119);
}

.bg-pink-700 {
  background-color: rgb(190 24 93);
}

.bg-pink-800 {
  background-color: rgb(157 23 77);
}

.bg-pink-900 {
  background-color: rgb(131 24 67);
}

.bg-rose-50 {
  background-color: rgb(255 241 242);
}

.bg-rose-100 {
  background-color: rgb(255 228 230);
}

.bg-rose-200 {
  background-color: rgb(254 205 211);
}

.bg-rose-300 {
  background-color: rgb(253 164 175);
}

.bg-rose-400 {
  background-color: rgb(251 113 133);
}

.bg-rose-500 {
  background-color: rgb(244 63 94);
}

.bg-rose-600 {
  background-color: rgb(225 29 72);
}

.bg-rose-700 {
  background-color: rgb(190 18 60);
}

.bg-rose-800 {
  background-color: rgb(159 18 57);
}

.bg-rose-900 {
  background-color: rgb(136 19 55);
}

.icon-size-35 {
  font-size: 35px !important;
  width: 35px;
  height: 35px;
}

/*BORDER RIGHT*/

.bord-r-fff-op-4 {
  border-right: solid 1px rgba(255, 255, 255, .4);
}

.bord-r-000-op-4 {
  border-right: solid 1px rgba(0, 0, 0, .4);
}

button.btn-border {
  border: solid 2px rgb(27, 28, 57);
  box-shadow: 0 5px 20px rgba(27, 28, 57, 0.15);
}

[ui-view].doAnimation.ng-enter,
[ui-view].doAnimationng-leave {
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

[ui-view].doAnimation.ng-enter {
  opacity: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
}

[ui-view].doAnimation.ng-enter-active {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
}

[ui-view].doAnimation.ng-leave {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
}

[ui-view].doAnimation.ng-leave-active {
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}

[text-nowrap],
.text-nowrap {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

[pos-relative],
.pos-relative {
  position: relative;
}

.animate-repeat.ng-enter,
.animate-repeat.ng-leave,
.animate-repeat.ng-move {
  transition: all linear .5s;
}

.animate-repeat.ng-enter,
.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move {
  opacity: 0;
  max-height: 0;
}

.animate-repeat.ng-enter.ng-enter-active,
.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active {
  opacity: 1;
  max-height: 40px;
}

.bh,
.border-horizontal,
.border-right,
.br {
  border-right: 1px solid rgba(0, 0, 0, .12);
}

.border-top,
.border-vertical,
.bt,
.bv {
  border-top: 1px solid rgba(0, 0, 0, .12);
}

.bb,
.border-bottom,
.border-vertical,
.bv {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.bh,
.bl,
.border-horizontal,
.border-left {
  border-left: 1px solid rgba(0, 0, 0, .12);
}

.scrollable {
  display: block;
  overflow-x: auto;
  overflow-y: auto;
}

.scrollable.only-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.scrollable.only-y {
  overflow-x: hidden;
  overflow-y: auto;
}

.flex-scrollable {
  overflow-x: auto;
  overflow-y: auto;
}

.flex-scrollable.only-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.flex-scrollable.only-y {
  overflow-x: hidden;
  overflow-y: auto;
}

.background-image-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.align-vertical:before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle;
}

.align-vertical .align-vertical-bottom,
.align-vertical .align-vertical-middle,
.align-vertical .align-vertical-top {
  display: inline-block;
}

.align-vertical .align-vertical-top {
  vertical-align: top;
}

.align-vertical .align-vertical-middle {
  vertical-align: middle;
}

.align-vertical .align-vertical-bottom {
  vertical-align: bottom;
}

/*PADDINGS*/

.p-0 {
  padding: 0px;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.p-px {
  padding: 1px;
}

.px-px {
  padding-left: 1px;
  padding-right: 1px;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.pt-px {
  padding-top: 1px;
}

.pr-px {
  padding-right: 1px;
}

.pb-px {
  padding-bottom: 1px;
}

.pl-px {
  padding-left: 1px;
}

.p-0\.5 {
  padding: 0.125rem;
}

/* 2px */

.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

/* 2px */

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

/* 2px */

.pt-0\.5 {
  padding-top: 0.125rem;
}

/* 2px */

.pr-0\.5 {
  padding-right: 0.125rem;
}

/* 2px */

.pb-0\.5 {
  padding-bottom: 0.125rem;
}

/* 2px */

.pl-0\.5 {
  padding-left: 0.125rem;
}

/* 2px */

.p-1 {
  padding: 0.25rem;
}

/* 4px */

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

/* 4px */

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* 4px */

.pt-1 {
  padding-top: 0.25rem;
}

/* 4px */

.pr-1 {
  padding-right: 0.25rem;
}

/* 4px */

.pb-1 {
  padding-bottom: 0.25rem;
}

/* 4px */

.pl-1 {
  padding-left: 0.25rem;
}

/* 4px */

.p-1\.5 {
  padding: 0.375rem;
}

/* 6px */

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

/* 6px */

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

/* 6px */

.pt-1\.5 {
  padding-top: 0.375rem;
}

/* 6px */

.pr-1\.5 {
  padding-right: 0.375rem;
}

/* 6px */

.pb-1\.5 {
  padding-bottom: 0.375rem;
}

/* 6px */

.pl-1\.5 {
  padding-left: 0.375rem;
}

/* 6px */

.p-2 {
  padding: 0.5rem;
}

/* 8px */

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* 8px */

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* 8px */

.pt-2 {
  padding-top: 0.5rem;
}

/* 8px */

.pr-2 {
  padding-right: 0.5rem;
}

/* 8px */

.pb-2 {
  padding-bottom: 0.5rem;
}

/* 8px */

.pl-2 {
  padding-left: 0.5rem;
}

/* 8px */

.p-2\.5 {
  padding: 0.625rem;
}

/* 10px */

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

/* 10px */

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

/* 10px */

.pt-2\.5 {
  padding-top: 0.625rem;
}

/* 10px */

.pr-2\.5 {
  padding-right: 0.625rem;
}

/* 10px */

.pb-2\.5 {
  padding-bottom: 0.625rem;
}

/* 10px */

.pl-2\.5 {
  padding-left: 0.625rem;
}

/* 10px */

.p-3 {
  padding: 0.75rem;
}

/* 12px */

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

/* 12px */

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* 12px */

.pt-3 {
  padding-top: 0.75rem;
}

/* 12px */

.pr-3 {
  padding-right: 0.75rem;
}

/* 12px */

.pb-3 {
  padding-bottom: 0.75rem;
}

/* 12px */

.pl-3 {
  padding-left: 0.75rem;
}

/* 12px */

.p-3\.5 {
  padding: 0.875rem;
}

/* 14px */

.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

/* 14px */

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

/* 14px */

.pt-3\.5 {
  padding-top: 0.875rem;
}

/* 14px */

.pr-3\.5 {
  padding-right: 0.875rem;
}

/* 14px */

.pb-3\.5 {
  padding-bottom: 0.875rem;
}

/* 14px */

.pl-3\.5 {
  padding-left: 0.875rem;
}

/* 14px */

.p-4 {
  padding: 1rem;
}

/* 16px */

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* 16px */

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* 16px */

.pt-4 {
  padding-top: 1rem;
}

/* 16px */

.pr-4 {
  padding-right: 1rem;
}

/* 16px */

.pb-4 {
  padding-bottom: 1rem;
}

/* 16px */

.pl-4 {
  padding-left: 1rem;
}

/* 16px */

.p-5 {
  padding: 1.25rem;
}

/* 20px */

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* 20px */

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

/* 20px */

.pt-5 {
  padding-top: 1.25rem;
}

/* 20px */

.pr-5 {
  padding-right: 1.25rem;
}

/* 20px */

.pb-5 {
  padding-bottom: 1.25rem;
}

/* 20px */

.pl-5 {
  padding-left: 1.25rem;
}

/* 20px */

.p-6 {
  padding: 1.5rem;
}

/* 24px */

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* 24px */

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* 24px */

.pt-6 {
  padding-top: 1.5rem;
}

/* 24px */

.pr-6 {
  padding-right: 1.5rem;
}

/* 24px */

.pb-6 {
  padding-bottom: 1.5rem;
}

/* 24px */

.pl-6 {
  padding-left: 1.5rem;
}

/* 24px */

.p-7 {
  padding: 1.75rem;
}

/* 28px */

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

/* 28px */

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

/* 28px */

.pt-7 {
  padding-top: 1.75rem;
}

/* 28px */

.pr-7 {
  padding-right: 1.75rem;
}

/* 28px */

.pb-7 {
  padding-bottom: 1.75rem;
}

/* 28px */

.pl-7 {
  padding-left: 1.75rem;
}

/* 28px */

.p-8 {
  padding: 2rem;
}

/* 32px */

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* 32px */

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* 32px */

.pt-8 {
  padding-top: 2rem;
}

/* 32px */

.pr-8 {
  padding-right: 2rem;
}

/* 32px */

.pb-8 {
  padding-bottom: 2rem;
}

/* 32px */

.pl-8 {
  padding-left: 2rem;
}

/* 32px */

.p-9 {
  padding: 2.25rem;
}

/* 36px */

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

/* 36px */

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

/* 36px */

.pt-9 {
  padding-top: 2.25rem;
}

/* 36px */

.pr-9 {
  padding-right: 2.25rem;
}

/* 36px */

.pb-9 {
  padding-bottom: 2.25rem;
}

/* 36px */

.pl-9 {
  padding-left: 2.25rem;
}

/* 36px */

.p-10 {
  padding: 2.5rem;
}

/* 40px */

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

/* 40px */

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

/* 40px */

.pt-10 {
  padding-top: 2.5rem;
}

/* 40px */

.pr-10 {
  padding-right: 2.5rem;
}

/* 40px */

.pb-10 {
  padding-bottom: 2.5rem;
}

/* 40px */

.pl-10 {
  padding-left: 2.5rem;
}

/* 40px */

.p-11 {
  padding: 2.75rem;
}

/* 44px */

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

/* 44px */

.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

/* 44px */

.pt-11 {
  padding-top: 2.75rem;
}

/* 44px */

.pr-11 {
  padding-right: 2.75rem;
}

/* 44px */

.pb-11 {
  padding-bottom: 2.75rem;
}

/* 44px */

.pl-11 {
  padding-left: 2.75rem;
}

/* 44px */

.p-12 {
  padding: 3rem;
}

/* 48px */

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

/* 48px */

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* 48px */

.pt-12 {
  padding-top: 3rem;
}

/* 48px */

.pr-12 {
  padding-right: 3rem;
}

/* 48px */

.pb-12 {
  padding-bottom: 3rem;
}

/* 48px */

.pl-12 {
  padding-left: 3rem;
}

/* 48px */

.p-14 {
  padding: 3.5rem;
}

/* 56px */

.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

/* 56px */

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

/* 56px */

.pt-14 {
  padding-top: 3.5rem;
}

/* 56px */

.pr-14 {
  padding-right: 3.5rem;
}

/* 56px */

.pb-14 {
  padding-bottom: 3.5rem;
}

/* 56px */

.pl-14 {
  padding-left: 3.5rem;
}

/* 56px */

.p-16 {
  padding: 4rem;
}

/* 64px */

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

/* 64px */

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* 64px */

.pt-16 {
  padding-top: 4rem;
}

/* 64px */

.pr-16 {
  padding-right: 4rem;
}

/* 64px */

.pb-16 {
  padding-bottom: 4rem;
}

/* 64px */

.pl-16 {
  padding-left: 4rem;
}

/* 64px */

.p-20 {
  padding: 5rem;
}

/* 80px */

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

/* 80px */

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* 80px */

.pt-20 {
  padding-top: 5rem;
}

/* 80px */

.pr-20 {
  padding-right: 5rem;
}

/* 80px */

.pb-20 {
  padding-bottom: 5rem;
}

/* 80px */

.pl-20 {
  padding-left: 5rem;
}

/* 80px */

.p-24 {
  padding: 6rem;
}

/* 96px */

.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

/* 96px */

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

/* 96px */

.pt-24 {
  padding-top: 6rem;
}

/* 96px */

.pr-24 {
  padding-right: 6rem;
}

/* 96px */

.pb-24 {
  padding-bottom: 6rem;
}

/* 96px */

.pl-24 {
  padding-left: 6rem;
}

/* 96px */

.p-28 {
  padding: 7rem;
}

/* 112px */

.px-28 {
  padding-left: 7rem;
  padding-right: 7rem;
}

/* 112px */

.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

/* 112px */

.pt-28 {
  padding-top: 7rem;
}

/* 112px */

.pr-28 {
  padding-right: 7rem;
}

/* 112px */

.pb-28 {
  padding-bottom: 7rem;
}

/* 112px */

.pl-28 {
  padding-left: 7rem;
}

/* 112px */

.p-32 {
  padding: 8rem;
}

/* 128px */

.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}

/* 128px */

.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

/* 128px */

.pt-32 {
  padding-top: 8rem;
}

/* 128px */

.pr-32 {
  padding-right: 8rem;
}

/* 128px */

.pb-32 {
  padding-bottom: 8rem;
}

/* 128px */

.pl-32 {
  padding-left: 8rem;
}

/* 128px */

.p-36 {
  padding: 9rem;
}

/* 144px */

.px-36 {
  padding-left: 9rem;
  padding-right: 9rem;
}

/* 144px */

.py-36 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

/* 144px */

.pt-36 {
  padding-top: 9rem;
}

/* 144px */

.pr-36 {
  padding-right: 9rem;
}

/* 144px */

.pb-36 {
  padding-bottom: 9rem;
}

/* 144px */

.pl-36 {
  padding-left: 9rem;
}

/* 144px */

.p-40 {
  padding: 10rem;
}

/* 160px */

.px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}

/* 160px */

.py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

/* 160px */

.pt-40 {
  padding-top: 10rem;
}

/* 160px */

.pr-40 {
  padding-right: 10rem;
}

/* 160px */

.pb-40 {
  padding-bottom: 10rem;
}

/* 160px */

.pl-40 {
  padding-left: 10rem;
}

/* 160px */

.p-44 {
  padding: 11rem;
}

/* 176px */

.px-44 {
  padding-left: 11rem;
  padding-right: 11rem;
}

/* 176px */

.py-44 {
  padding-top: 11rem;
  padding-bottom: 11rem;
}

/* 176px */

.pt-44 {
  padding-top: 11rem;
}

/* 176px */

.pr-44 {
  padding-right: 11rem;
}

/* 176px */

.pb-44 {
  padding-bottom: 11rem;
}

/* 176px */

.pl-44 {
  padding-left: 11rem;
}

/* 176px */

.p-48 {
  padding: 12rem;
}

/* 192px */

.px-48 {
  padding-left: 12rem;
  padding-right: 12rem;
}

/* 192px */

.py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

/* 192px */

.pt-48 {
  padding-top: 12rem;
}

/* 192px */

.pr-48 {
  padding-right: 12rem;
}

/* 192px */

.pb-48 {
  padding-bottom: 12rem;
}

/* 192px */

.pl-48 {
  padding-left: 12rem;
}

/* 192px */

.p-52 {
  padding: 13rem;
}

/* 208px */

.px-52 {
  padding-left: 13rem;
  padding-right: 13rem;
}

/* 208px */

.py-52 {
  padding-top: 13rem;
  padding-bottom: 13rem;
}

/* 208px */

.pt-52 {
  padding-top: 13rem;
}

/* 208px */

.pr-52 {
  padding-right: 13rem;
}

/* 208px */

.pb-52 {
  padding-bottom: 13rem;
}

/* 208px */

.pl-52 {
  padding-left: 13rem;
}

/* 208px */

.p-56 {
  padding: 14rem;
}

/* 224px */

.px-56 {
  padding-left: 14rem;
  padding-right: 14rem;
}

/* 224px */

.py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

/* 224px */

.pt-56 {
  padding-top: 14rem;
}

/* 224px */

.pr-56 {
  padding-right: 14rem;
}

/* 224px */

.pb-56 {
  padding-bottom: 14rem;
}

/* 224px */

.pl-56 {
  padding-left: 14rem;
}

/* 224px */

.p-60 {
  padding: 15rem;
}

/* 240px */

.px-60 {
  padding-left: 15rem;
  padding-right: 15rem;
}

/* 240px */

.py-60 {
  padding-top: 15rem;
  padding-bottom: 15rem;
}

/* 240px */

.pt-60 {
  padding-top: 15rem;
}

/* 240px */

.pr-60 {
  padding-right: 15rem;
}

/* 240px */

.pb-60 {
  padding-bottom: 15rem;
}

/* 240px */

.pl-60 {
  padding-left: 15rem;
}

/* 240px */

.p-64 {
  padding: 16rem;
}

/* 256px */

.px-64 {
  padding-left: 16rem;
  padding-right: 16rem;
}

/* 256px */

.py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

/* 256px */

.pt-64 {
  padding-top: 16rem;
}

/* 256px */

.pr-64 {
  padding-right: 16rem;
}

/* 256px */

.pb-64 {
  padding-bottom: 16rem;
}

/* 256px */

.pl-64 {
  padding-left: 16rem;
}

/* 256px */

.p-72 {
  padding: 18rem;
}

/* 288px */

.px-72 {
  padding-left: 18rem;
  padding-right: 18rem;
}

/* 288px */

.py-72 {
  padding-top: 18rem;
  padding-bottom: 18rem;
}

/* 288px */

.pt-72 {
  padding-top: 18rem;
}

/* 288px */

.pr-72 {
  padding-right: 18rem;
}

/* 288px */

.pb-72 {
  padding-bottom: 18rem;
}

/* 288px */

.pl-72 {
  padding-left: 18rem;
}

/* 288px */

.p-80 {
  padding: 20rem;
}

/* 320px */

.px-80 {
  padding-left: 20rem;
  padding-right: 20rem;
}

/* 320px */

.py-80 {
  padding-top: 20rem;
  padding-bottom: 20rem;
}

/* 320px */

.pt-80 {
  padding-top: 20rem;
}

/* 320px */

.pr-80 {
  padding-right: 20rem;
}

/* 320px */

.pb-80 {
  padding-bottom: 20rem;
}

/* 320px */

.pl-80 {
  padding-left: 20rem;
}

/* 320px */

.p-96 {
  padding: 24rem;
}

/* 384px */

.px-96 {
  padding-left: 24rem;
  padding-right: 24rem;
}

/* 384px */

.py-96 {
  padding-top: 24rem;
  padding-bottom: 24rem;
}

/* 384px */

.pt-96 {
  padding-top: 24rem;
}

/* 384px */

.pr-96 {
  padding-right: 24rem;
}

/* 384px */

.pb-96 {
  padding-bottom: 24rem;
}

/* 384px */

.pl-96 {
  padding-left: 24rem;
}

/* 384px */

/*MARGINS*/

.m-0 {
  margin: 0px;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mt-0 {
  margin-top: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.m-px {
  margin: 1px;
}

.mx-px {
  margin-left: 1px;
  margin-right: 1px;
}

.my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

.mt-px {
  margin-top: 1px;
}

.mr-px {
  margin-right: 1px;
}

.mb-px {
  margin-bottom: 1px;
}

.ml-px {
  margin-left: 1px;
}

.m-0\.5 {
  margin: 0.125rem;
}

/* 2px */

.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

/* 2px */

.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

/* 2px */

.mt-0\.5 {
  margin-top: 0.125rem;
}

/* 2px */

.mr-0\.5 {
  margin-right: 0.125rem;
}

/* 2px */

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

/* 2px */

.ml-0\.5 {
  margin-left: 0.125rem;
}

/* 2px */

.m-1 {
  margin: 0.25rem;
}

/* 4px */

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

/* 4px */

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

/* 4px */

.mt-1 {
  margin-top: 0.25rem;
}

/* 4px */

.mr-1 {
  margin-right: 0.25rem;
}

/* 4px */

.mb-1 {
  margin-bottom: 0.25rem;
}

/* 4px */

.ml-1 {
  margin-left: 0.25rem;
}

/* 4px */

.m-1\.5 {
  margin: 0.375rem;
}

/* 6px */

.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

/* 6px */

.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

/* 6px */

.mt-1\.5 {
  margin-top: 0.375rem;
}

/* 6px */

.mr-1\.5 {
  margin-right: 0.375rem;
}

/* 6px */

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

/* 6px */

.ml-1\.5 {
  margin-left: 0.375rem;
}

/* 6px */

.m-2 {
  margin: 0.5rem;
}

/* 8px */

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

/* 8px */

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* 8px */

.mt-2 {
  margin-top: 0.5rem;
}

/* 8px */

.mr-2 {
  margin-right: 0.5rem;
}

/* 8px */

.mb-2 {
  margin-bottom: 0.5rem;
}

/* 8px */

.ml-2 {
  margin-left: 0.5rem;
}

/* 8px */

.m-2\.5 {
  margin: 0.625rem;
}

/* 10px */

.mx-2\.5 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

/* 10px */

.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

/* 10px */

.mt-2\.5 {
  margin-top: 0.625rem;
}

/* 10px */

.mr-2\.5 {
  margin-right: 0.625rem;
}

/* 10px */

.mb-2\.5 {
  margin-bottom: 0.625rem;
}

/* 10px */

.ml-2\.5 {
  margin-left: 0.625rem;
}

/* 10px */

.m-3 {
  margin: 0.75rem;
}

/* 12px */

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

/* 12px */

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

/* 12px */

.mt-3 {
  margin-top: 0.75rem;
}

/* 12px */

.mr-3 {
  margin-right: 0.75rem;
}

/* 12px */

.mb-3 {
  margin-bottom: 0.75rem;
}

/* 12px */

.ml-3 {
  margin-left: 0.75rem;
}

/* 12px */

.m-3\.5 {
  margin: 0.875rem;
}

/* 14px */

.mx-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

/* 14px */

.my-3\.5 {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}

/* 14px */

.mt-3\.5 {
  margin-top: 0.875rem;
}

/* 14px */

.mr-3\.5 {
  margin-right: 0.875rem;
}

/* 14px */

.mb-3\.5 {
  margin-bottom: 0.875rem;
}

/* 14px */

.ml-3\.5 {
  margin-left: 0.875rem;
}

/* 14px */

.m-4 {
  margin: 1rem;
}

/* 16px */

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

/* 16px */

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* 16px */

.mt-4 {
  margin-top: 1rem;
}

/* 16px */

.mr-4 {
  margin-right: 1rem;
}

/* 16px */

.mb-4 {
  margin-bottom: 1rem;
}

/* 16px */

.ml-4 {
  margin-left: 1rem;
}

/* 16px */

.m-5 {
  margin: 1.25rem;
}

/* 20px */

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

/* 20px */

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

/* 20px */

.mt-5 {
  margin-top: 1.25rem;
}

/* 20px */

.mr-5 {
  margin-right: 1.25rem;
}

/* 20px */

.mb-5 {
  margin-bottom: 1.25rem;
}

/* 20px */

.ml-5 {
  margin-left: 1.25rem;
}

/* 20px */

.m-6 {
  margin: 1.5rem;
}

/* 24px */

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

/* 24px */

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* 24px */

.mt-6 {
  margin-top: 1.5rem;
}

/* 24px */

.mr-6 {
  margin-right: 1.5rem;
}

/* 24px */

.mb-6 {
  margin-bottom: 1.5rem;
}

/* 24px */

.ml-6 {
  margin-left: 1.5rem;
}

/* 24px */

.m-7 {
  margin: 1.75rem;
}

/* 28px */

.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

/* 28px */

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

/* 28px */

.mt-7 {
  margin-top: 1.75rem;
}

/* 28px */

.mr-7 {
  margin-right: 1.75rem;
}

/* 28px */

.mb-7 {
  margin-bottom: 1.75rem;
}

/* 28px */

.ml-7 {
  margin-left: 1.75rem;
}

/* 28px */

.m-8 {
  margin: 2rem;
}

/* 32px */

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

/* 32px */

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* 32px */

.mt-8 {
  margin-top: 2rem;
}

/* 32px */

.mr-8 {
  margin-right: 2rem;
}

/* 32px */

.mb-8 {
  margin-bottom: 2rem;
}

/* 32px */

.ml-8 {
  margin-left: 2rem;
}

/* 32px */

.m-9 {
  margin: 2.25rem;
}

/* 36px */

.mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

/* 36px */

.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

/* 36px */

.mt-9 {
  margin-top: 2.25rem;
}

/* 36px */

.mr-9 {
  margin-right: 2.25rem;
}

/* 36px */

.mb-9 {
  margin-bottom: 2.25rem;
}

/* 36px */

.ml-9 {
  margin-left: 2.25rem;
}

/* 36px */

.m-10 {
  margin: 2.5rem;
}

/* 40px */

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

/* 40px */

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

/* 40px */

.mt-10 {
  margin-top: 2.5rem;
}

/* 40px */

.mr-10 {
  margin-right: 2.5rem;
}

/* 40px */

.mb-10 {
  margin-bottom: 2.5rem;
}

/* 40px */

.ml-10 {
  margin-left: 2.5rem;
}

/* 40px */

.m-11 {
  margin: 2.75rem;
}

/* 44px */

.mx-11 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

/* 44px */

.my-11 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

/* 44px */

.mt-11 {
  margin-top: 2.75rem;
}

/* 44px */

.mr-11 {
  margin-right: 2.75rem;
}

/* 44px */

.mb-11 {
  margin-bottom: 2.75rem;
}

/* 44px */

.ml-11 {
  margin-left: 2.75rem;
}

/* 44px */

.m-12 {
  margin: 3rem;
}

/* 48px */

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

/* 48px */

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/* 48px */

.mt-12 {
  margin-top: 3rem;
}

/* 48px */

.mr-12 {
  margin-right: 3rem;
}

/* 48px */

.mb-12 {
  margin-bottom: 3rem;
}

/* 48px */

.ml-12 {
  margin-left: 3rem;
}

/* 48px */

.m-14 {
  margin: 3.5rem;
}

/* 56px */

.mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

/* 56px */

.my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* 56px */

.mt-14 {
  margin-top: 3.5rem;
}

/* 56px */

.mr-14 {
  margin-right: 3.5rem;
}

/* 56px */

.mb-14 {
  margin-bottom: 3.5rem;
}

/* 56px */

.ml-14 {
  margin-left: 3.5rem;
}

/* 56px */

.m-16 {
  margin: 4rem;
}

/* 64px */

.mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}

/* 64px */

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

/* 64px */

.mt-16 {
  margin-top: 4rem;
}

/* 64px */

.mr-16 {
  margin-right: 4rem;
}

/* 64px */

.mb-16 {
  margin-bottom: 4rem;
}

/* 64px */

.ml-16 {
  margin-left: 4rem;
}

/* 64px */

.m-20 {
  margin: 5rem;
}

/* 80px */

.mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}

/* 80px */

.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

/* 80px */

.mt-20 {
  margin-top: 5rem;
}

/* 80px */

.mr-20 {
  margin-right: 5rem;
}

/* 80px */

.mb-20 {
  margin-bottom: 5rem;
}

/* 80px */

.ml-20 {
  margin-left: 5rem;
}

/* 80px */

.m-24 {
  margin: 6rem;
}

/* 96px */

.mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}

/* 96px */

.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

/* 96px */

.mt-24 {
  margin-top: 6rem;
}

/* 96px */

.mr-24 {
  margin-right: 6rem;
}

/* 96px */

.mb-24 {
  margin-bottom: 6rem;
}

/* 96px */

.ml-24 {
  margin-left: 6rem;
}

/* 96px */

.m-28 {
  margin: 7rem;
}

/* 112px */

.mx-28 {
  margin-left: 7rem;
  margin-right: 7rem;
}

/* 112px */

.my-28 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

/* 112px */

.mt-28 {
  margin-top: 7rem;
}

/* 112px */

.mr-28 {
  margin-right: 7rem;
}

/* 112px */

.mb-28 {
  margin-bottom: 7rem;
}

/* 112px */

.ml-28 {
  margin-left: 7rem;
}

/* 112px */

.m-32 {
  margin: 8rem;
}

/* 128px */

.mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}

/* 128px */

.my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

/* 128px */

.mt-32 {
  margin-top: 8rem;
}

/* 128px */

.mr-32 {
  margin-right: 8rem;
}

/* 128px */

.mb-32 {
  margin-bottom: 8rem;
}

/* 128px */

.ml-32 {
  margin-left: 8rem;
}

/* 128px */

.m-36 {
  margin: 9rem;
}

/* 144px */

.mx-36 {
  margin-left: 9rem;
  margin-right: 9rem;
}

/* 144px */

.my-36 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

/* 144px */

.mt-36 {
  margin-top: 9rem;
}

/* 144px */

.mr-36 {
  margin-right: 9rem;
}

/* 144px */

.mb-36 {
  margin-bottom: 9rem;
}

/* 144px */

.ml-36 {
  margin-left: 9rem;
}

/* 144px */

.m-40 {
  margin: 10rem;
}

/* 160px */

.mx-40 {
  margin-left: 10rem;
  margin-right: 10rem;
}

/* 160px */

.my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

/* 160px */

.mt-40 {
  margin-top: 10rem;
}

/* 160px */

.mr-40 {
  margin-right: 10rem;
}

/* 160px */

.mb-40 {
  margin-bottom: 10rem;
}

/* 160px */

.ml-40 {
  margin-left: 10rem;
}

/* 160px */

.m-44 {
  margin: 11rem;
}

/* 176px */

.mx-44 {
  margin-left: 11rem;
  margin-right: 11rem;
}

/* 176px */

.my-44 {
  margin-top: 11rem;
  margin-bottom: 11rem;
}

/* 176px */

.mt-44 {
  margin-top: 11rem;
}

/* 176px */

.mr-44 {
  margin-right: 11rem;
}

/* 176px */

.mb-44 {
  margin-bottom: 11rem;
}

/* 176px */

.ml-44 {
  margin-left: 11rem;
}

/* 176px */

.m-48 {
  margin: 12rem;
}

/* 192px */

.mx-48 {
  margin-left: 12rem;
  margin-right: 12rem;
}

/* 192px */

.my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

/* 192px */

.mt-48 {
  margin-top: 12rem;
}

/* 192px */

.mr-48 {
  margin-right: 12rem;
}

/* 192px */

.mb-48 {
  margin-bottom: 12rem;
}

/* 192px */

.ml-48 {
  margin-left: 12rem;
}

/* 192px */

.m-52 {
  margin: 13rem;
}

/* 208px */

.mx-52 {
  margin-left: 13rem;
  margin-right: 13rem;
}

/* 208px */

.my-52 {
  margin-top: 13rem;
  margin-bottom: 13rem;
}

/* 208px */

.mt-52 {
  margin-top: 13rem;
}

/* 208px */

.mr-52 {
  margin-right: 13rem;
}

/* 208px */

.mb-52 {
  margin-bottom: 13rem;
}

/* 208px */

.ml-52 {
  margin-left: 13rem;
}

/* 208px */

.m-56 {
  margin: 14rem;
}

/* 224px */

.mx-56 {
  margin-left: 14rem;
  margin-right: 14rem;
}

/* 224px */

.my-56 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

/* 224px */

.mt-56 {
  margin-top: 14rem;
}

/* 224px */

.mr-56 {
  margin-right: 14rem;
}

/* 224px */

.mb-56 {
  margin-bottom: 14rem;
}

/* 224px */

.ml-56 {
  margin-left: 14rem;
}

/* 224px */

.m-60 {
  margin: 15rem;
}

/* 240px */

.mx-60 {
  margin-left: 15rem;
  margin-right: 15rem;
}

/* 240px */

.my-60 {
  margin-top: 15rem;
  margin-bottom: 15rem;
}

/* 240px */

.mt-60 {
  margin-top: 15rem;
}

/* 240px */

.mr-60 {
  margin-right: 15rem;
}

/* 240px */

.mb-60 {
  margin-bottom: 15rem;
}

/* 240px */

.ml-60 {
  margin-left: 15rem;
}

/* 240px */

.m-64 {
  margin: 16rem;
}

/* 256px */

.mx-64 {
  margin-left: 16rem;
  margin-right: 16rem;
}

/* 256px */

.my-64 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

/* 256px */

.mt-64 {
  margin-top: 16rem;
}

/* 256px */

.mr-64 {
  margin-right: 16rem;
}

/* 256px */

.mb-64 {
  margin-bottom: 16rem;
}

/* 256px */

.ml-64 {
  margin-left: 16rem;
}

/* 256px */

.m-72 {
  margin: 18rem;
}

/* 288px */

.mx-72 {
  margin-left: 18rem;
  margin-right: 18rem;
}

/* 288px */

.my-72 {
  margin-top: 18rem;
  margin-bottom: 18rem;
}

/* 288px */

.mt-72 {
  margin-top: 18rem;
}

/* 288px */

.mr-72 {
  margin-right: 18rem;
}

/* 288px */

.mb-72 {
  margin-bottom: 18rem;
}

/* 288px */

.ml-72 {
  margin-left: 18rem;
}

/* 288px */

.m-80 {
  margin: 20rem;
}

/* 320px */

.mx-80 {
  margin-left: 20rem;
  margin-right: 20rem;
}

/* 320px */

.my-80 {
  margin-top: 20rem;
  margin-bottom: 20rem;
}

/* 320px */

.mt-80 {
  margin-top: 20rem;
}

/* 320px */

.mr-80 {
  margin-right: 20rem;
}

/* 320px */

.mb-80 {
  margin-bottom: 20rem;
}

/* 320px */

.ml-80 {
  margin-left: 20rem;
}

/* 320px */

.m-96 {
  margin: 24rem;
}

/* 384px */

.mx-96 {
  margin-left: 24rem;
  margin-right: 24rem;
}

/* 384px */

.my-96 {
  margin-top: 24rem;
  margin-bottom: 24rem;
}

/* 384px */

.mt-96 {
  margin-top: 24rem;
}

/* 384px */

.mr-96 {
  margin-right: 24rem;
}

/* 384px */

.mb-96 {
  margin-bottom: 24rem;
}

/* 384px */

.ml-96 {
  margin-left: 24rem;
}

/* 384px */

.m-auto {
  margin: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mt-auto {
  margin-top: auto;
}

.mr-auto {
  margin-right: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

/*HEIGHTS*/

.h-0 {
  height: 0px;
}

.h-px {
  height: 1px;
}

.h-0\.5 {
  height: 0.125rem;
}

/* 2px */

.h-1 {
  height: 0.25rem;
}

/* 4px */

.h-1\.5 {
  height: 0.375rem;
}

/* 6px */

.h-2 {
  height: 0.5rem;
}

/* 8px */

.h-2\.5 {
  height: 0.625rem;
}

/* 10px */

.h-3 {
  height: 0.75rem;
}

/* 12px */

.h-3\.5 {
  height: 0.875rem;
}

/* 14px */

.h-4 {
  height: 1rem;
}

/* 16px */

.h-5 {
  height: 1.25rem;
}

/* 20px */

.h-6 {
  height: 1.5rem;
}

/* 24px */

.h-7 {
  height: 1.75rem;
}

/* 28px */

.h-8 {
  height: 2rem;
}

/* 32px */

.h-9 {
  height: 2.25rem;
}

/* 36px */

.h-10 {
  height: 2.5rem;
}

/* 40px */

.h-11 {
  height: 2.75rem;
}

/* 44px */

.h-12 {
  height: 3rem;
}

/* 48px */

.h-14 {
  height: 3.5rem;
}

/* 56px */

.h-16 {
  height: 4rem;
}

/* 64px */

.h-20 {
  height: 5rem;
}

/* 80px */

.h-24 {
  height: 6rem;
}

/* 96px */

.h-28 {
  height: 7rem;
}

/* 112px */

.h-32 {
  height: 8rem;
}

/* 128px */

.h-36 {
  height: 9rem;
}

/* 144px */

.h-40 {
  height: 10rem;
}

/* 160px */

.h-44 {
  height: 11rem;
}

/* 176px */

.h-48 {
  height: 12rem;
}

/* 192px */

.h-52 {
  height: 13rem;
}

/* 208px */

.h-56 {
  height: 14rem;
}

/* 224px */

.h-60 {
  height: 15rem;
}

/* 240px */

.h-64 {
  height: 16rem;
}

/* 256px */

.h-72 {
  height: 18rem;
}

/* 288px */

.h-80 {
  height: 20rem;
}

/* 320px */

.h-96 {
  height: 24rem;
}

/* 384px */

.h-auto {
  height: auto;
}

.h-1\/2 {
  height: 50%;
}

.h-1\/3 {
  height: 33.333333%;
}

.h-2\/3 {
  height: 66.666667%;
}

.h-1\/4 {
  height: 25%;
}

.h-2\/4 {
  height: 50%;
}

.h-3\/4 {
  height: 75%;
}

.h-1\/5 {
  height: 20%;
}

.h-2\/5 {
  height: 40%;
}

.h-3\/5 {
  height: 60%;
}

.h-4\/5 {
  height: 80%;
}

.h-1\/6 {
  height: 16.666667%;
}

.h-2\/6 {
  height: 33.333333%;
}

.h-3\/6 {
  height: 50%;
}

.h-4\/6 {
  height: 66.666667%;
}

.h-5\/6 {
  height: 83.333333%;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.h-min {
  height: min-content;
}

.h-max {
  height: max-content;
}

.h-fit {
  height: fit-content;
}

/**WIDTH*/

.w-0 {
  width: 0px;
}

.w-px {
  width: 1px;
}

.w-0\.5 {
  width: 0.125rem;
}

/* 2px */

.w-1 {
  width: 0.25rem;
}

/* 4px */

.w-1\.5 {
  width: 0.375rem;
}

/* 6px */

.w-2 {
  width: 0.5rem;
}

/* 8px */

.w-2\.5 {
  width: 0.625rem;
}

/* 10px */

.w-3 {
  width: 0.75rem;
}

/* 12px */

.w-3\.5 {
  width: 0.875rem;
}

/* 14px */

.w-4 {
  width: 1rem;
}

/* 16px */

.w-5 {
  width: 1.25rem;
}

/* 20px */

.w-6 {
  width: 1.5rem;
}

/* 24px */

.w-7 {
  width: 1.75rem;
}

/* 28px */

.w-8 {
  width: 2rem;
}

/* 32px */

.w-9 {
  width: 2.25rem;
}

/* 36px */

.w-10 {
  width: 2.5rem;
}

/* 40px */

.w-11 {
  width: 2.75rem;
}

/* 44px */

.w-12 {
  width: 3rem;
}

/* 48px */

.w-14 {
  width: 3.5rem;
}

/* 56px */

.w-16 {
  width: 4rem;
}

/* 64px */

.w-20 {
  width: 5rem;
}

/* 80px */

.w-24 {
  width: 6rem;
}

/* 96px */

.w-28 {
  width: 7rem;
}

/* 112px */

.w-32 {
  width: 8rem;
}

/* 128px */

.w-36 {
  width: 9rem;
}

/* 144px */

.w-40 {
  width: 10rem;
}

/* 160px */

.w-44 {
  width: 11rem;
}

/* 176px */

.w-48 {
  width: 12rem;
}

/* 192px */

.w-52 {
  width: 13rem;
}

/* 208px */

.w-56 {
  width: 14rem;
}

/* 224px */

.w-60 {
  width: 15rem;
}

/* 240px */

.w-64 {
  width: 16rem;
}

/* 256px */

.w-72 {
  width: 18rem;
}

/* 288px */

.w-80 {
  width: 20rem;
}

/* 320px */

.w-96 {
  width: 24rem;
}

/* 384px */

.w-auto {
  width: auto;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-1\/4 {
  width: 25%;
}

.w-2\/4 {
  width: 50%;
}

.w-3\/4 {
  width: 75%;
}

.w-1\/5 {
  width: 20%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/5 {
  width: 60%;
}

.w-4\/5 {
  width: 80%;
}

.w-1\/6 {
  width: 16.666667%;
}

.w-2\/6 {
  width: 33.333333%;
}

.w-3\/6 {
  width: 50%;
}

.w-4\/6 {
  width: 66.666667%;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-1\/12 {
  width: 8.333333%;
}

.w-2\/12 {
  width: 16.666667%;
}

.w-3\/12 {
  width: 25%;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-5\/12 {
  width: 41.666667%;
}

.w-6\/12 {
  width: 50%;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-8\/12 {
  width: 66.666667%;
}

.w-9\/12 {
  width: 75%;
}

.w-10\/12 {
  width: 83.333333%;
}

.w-11\/12 {
  width: 91.666667%;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.w-min {
  width: min-content;
}

.w-max {
  width: max-content;
}

.w-fit {
  width: fit-content;
}

.max-w-0 {
  max-width: 0rem;
}

/* 0px */

.max-w-none {
  max-width: none;
}

.max-w-xs {
  max-width: 20rem;
}

/* 320px */

.max-w-sm {
  max-width: 24rem;
}

/* 384px */

.max-w-md {
  max-width: 28rem;
}

/* 448px */

.max-w-lg {
  max-width: 32rem;
}

/* 512px */

.max-w-xl {
  max-width: 36rem;
}

/* 576px */

.max-w-2xl {
  max-width: 42rem;
}

/* 672px */

.max-w-3xl {
  max-width: 48rem;
}

/* 768px */

.max-w-4xl {
  max-width: 56rem;
}

/* 896px */

.max-w-5xl {
  max-width: 64rem;
}

/* 1024px */

.max-w-6xl {
  max-width: 72rem;
}

/* 1152px */

.max-w-7xl {
  max-width: 80rem;
}

/* 1280px */

.max-w-full {
  max-width: 100%;
}

.max-w-min {
  max-width: min-content;
}

.max-w-max {
  max-width: max-content;
}

.max-w-fit {
  max-width: fit-content;
}

.max-w-prose {
  max-width: 65ch;
}

.max-w-screen-sm {
  max-width: 640px;
}

.max-w-screen-md {
  max-width: 768px;
}

.max-w-screen-lg {
  max-width: 1024px;
}

.max-w-screen-xl {
  max-width: 1280px;
}

.max-w-screen-2xl {
  max-width: 1536px;
}

.opacity-0 {
  opacity: 0;
}

.opacity-5 {
  opacity: 0.05;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-95 {
  opacity: 0.95;
}

.opacity-100 {
  opacity: 1;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-hidden {
  border-style: hidden;
}

.border-none {
  border-style: none;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-8 {
  border-width: 8px;
}

.border {
  border-width: 1px;
}

.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}

.border-x-2 {
  border-left-width: 2px;
  border-right-width: 2px;
}

.border-x-4 {
  border-left-width: 4px;
  border-right-width: 4px;
}

.border-x-8 {
  border-left-width: 8px;
  border-right-width: 8px;
}

.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-y-0 {
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.border-y-2 {
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.border-y-4 {
  border-top-width: 4px;
  border-bottom-width: 4px;
}

.border-y-8 {
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-t-8 {
  border-top-width: 8px;
}

.border-t {
  border-top-width: 1px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-r-4 {
  border-right-width: 4px;
}

.border-r-8 {
  border-right-width: 8px;
}

.border-r {
  border-right-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-b-8 {
  border-bottom-width: 8px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l-0 {
  border-left-width: 0px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-l-8 {
  border-left-width: 8px;
}

.border-l {
  border-left-width: 1px;
}

.rounded-none {
  border-radius: 0px;
}

.rounded-sm {
  border-radius: 0.125rem;
  /* 2px */
}

.rounded {
  border-radius: 0.25rem;
  /* 4px */
}

.rounded-md {
  border-radius: 0.375rem;
  /* 6px */
}

.rounded-lg {
  border-radius: 0.5rem;
  /* 8px */
}

.rounded-xl {
  border-radius: 0.75rem;
  /* 12px */
}

.rounded-2xl {
  border-radius: 1rem;
  /* 16px */
}

.rounded-3xl {
  border-radius: 1.5rem;
  /* 24px */
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  /* 2px */
  border-top-right-radius: 0.125rem;
  /* 2px */
}

.rounded-t {
  border-top-left-radius: 0.25rem;
  /* 4px */
  border-top-right-radius: 0.25rem;
  /* 4px */
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  /* 6px */
  border-top-right-radius: 0.375rem;
  /* 6px */
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  /* 8px */
  border-top-right-radius: 0.5rem;
  /* 8px */
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  /* 12px */
  border-top-right-radius: 0.75rem;
  /* 12px */
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  /* 16px */
  border-top-right-radius: 1rem;
  /* 16px */
}

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  /* 24px */
  border-top-right-radius: 1.5rem;
  /* 24px */
}

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  /* 2px */
  border-bottom-right-radius: 0.125rem;
  /* 2px */
}

.rounded-r {
  border-top-right-radius: 0.25rem;
  /* 4px */
  border-bottom-right-radius: 0.25rem;
  /* 4px */
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  /* 6px */
  border-bottom-right-radius: 0.375rem;
  /* 6px */
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  /* 8px */
  border-bottom-right-radius: 0.5rem;
  /* 8px */
}

.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  /* 12px */
  border-bottom-right-radius: 0.75rem;
  /* 12px */
}

.rounded-r-2xl {
  border-top-right-radius: 1rem;
  /* 16px */
  border-bottom-right-radius: 1rem;
  /* 16px */
}

.rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  /* 24px */
  border-bottom-right-radius: 1.5rem;
  /* 24px */
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  /* 2px */
  border-bottom-left-radius: 0.125rem;
  /* 2px */
}

.rounded-b {
  border-bottom-right-radius: 0.25rem;
  /* 4px */
  border-bottom-left-radius: 0.25rem;
  /* 4px */
}

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  /* 6px */
  border-bottom-left-radius: 0.375rem;
  /* 6px */
}

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  /* 8px */
  border-bottom-left-radius: 0.5rem;
  /* 8px */
}

.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  /* 12px */
  border-bottom-left-radius: 0.75rem;
  /* 12px */
}

.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  /* 16px */
  border-bottom-left-radius: 1rem;
  /* 16px */
}

.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  /* 24px */
  border-bottom-left-radius: 1.5rem;
  /* 24px */
}

.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-l-sm {
  border-top-left-radius: 0.125rem;
  /* 2px */
  border-bottom-left-radius: 0.125rem;
  /* 2px */
}

.rounded-l {
  border-top-left-radius: 0.25rem;
  /* 4px */
  border-bottom-left-radius: 0.25rem;
  /* 4px */
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  /* 6px */
  border-bottom-left-radius: 0.375rem;
  /* 6px */
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  /* 8px */
  border-bottom-left-radius: 0.5rem;
  /* 8px */
}

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  /* 12px */
  border-bottom-left-radius: 0.75rem;
  /* 12px */
}

.rounded-l-2xl {
  border-top-left-radius: 1rem;
  /* 16px */
  border-bottom-left-radius: 1rem;
  /* 16px */
}

.rounded-l-3xl {
  border-top-left-radius: 1.5rem;
  /* 24px */
  border-bottom-left-radius: 1.5rem;
  /* 24px */
}

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-tl-none {
  border-top-left-radius: 0px;
}

.rounded-tl-sm {
  border-top-left-radius: 0.125rem;
  /* 2px */
}

.rounded-tl {
  border-top-left-radius: 0.25rem;
  /* 4px */
}

.rounded-tl-md {
  border-top-left-radius: 0.375rem;
  /* 6px */
}

.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
  /* 8px */
}

.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
  /* 12px */
}

.rounded-tl-2xl {
  border-top-left-radius: 1rem;
  /* 16px */
}

.rounded-tl-3xl {
  border-top-left-radius: 1.5rem;
  /* 24px */
}

.rounded-tl-full {
  border-top-left-radius: 9999px;
}

.rounded-tr-none {
  border-top-right-radius: 0px;
}

.rounded-tr-sm {
  border-top-right-radius: 0.125rem;
  /* 2px */
}

.rounded-tr {
  border-top-right-radius: 0.25rem;
  /* 4px */
}

.rounded-tr-md {
  border-top-right-radius: 0.375rem;
  /* 6px */
}

.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
  /* 8px */
}

.rounded-tr-xl {
  border-top-right-radius: 0.75rem;
  /* 12px */
}

.rounded-tr-2xl {
  border-top-right-radius: 1rem;
  /* 16px */
}

.rounded-tr-3xl {
  border-top-right-radius: 1.5rem;
  /* 24px */
}

.rounded-tr-full {
  border-top-right-radius: 9999px;
}

.rounded-br-none {
  border-bottom-right-radius: 0px;
}

.rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
  /* 2px */
}

.rounded-br {
  border-bottom-right-radius: 0.25rem;
  /* 4px */
}

.rounded-br-md {
  border-bottom-right-radius: 0.375rem;
  /* 6px */
}

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
  /* 8px */
}

.rounded-br-xl {
  border-bottom-right-radius: 0.75rem;
  /* 12px */
}

.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
  /* 16px */
}

.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem;
  /* 24px */
}

.rounded-br-full {
  border-bottom-right-radius: 9999px;
}

.rounded-bl-none {
  border-bottom-left-radius: 0px;
}

.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
  /* 2px */
}

.rounded-bl {
  border-bottom-left-radius: 0.25rem;
  /* 4px */
}

.rounded-bl-md {
  border-bottom-left-radius: 0.375rem;
  /* 6px */
}

.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
  /* 8px */
}

.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem;
  /* 12px */
}

.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
  /* 16px */
}

.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem;
  /* 24px */
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

@media all {
  .page-break {
    display: none;
  }
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.display-flex {
  display: flex;
}

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

/* start commented backslash hack \*/

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
table.dc-table {
  border-spacing: 0 4px;
  border-collapse: separate;
  width: 100%;
  padding: 0;
}

table.dc-table thead > tr > th {
  color: #8291b1;
  text-align: left;
  border: none;
  font-weight: 400;
  padding: 0 8px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

table.dc-table thead > tr > th.text-center {
  text-align: center;
}

table.dc-table thead > tr > th.text-right {
  text-align: right;
}

table.dc-table thead > tr > th.pr-30,
table.dc-table tbody > tr > td.pr-30 {
  padding-right: 30px;
}

table.dc-table thead > tr > th:first-child,
table.dc-table tbody > tr > td:first-child {
  padding-left: 20px;
}

table.dc-table tbody > tr {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  background: #fff;
}

table.dc-table tbody > tr:hover {
  background: #fdf07c;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

table.dc-table tbody > tr > td {
  white-space: nowrap;
  color: #8b93a6;
  font-size: 12px;
  padding: 4px 8px;
  position: relative;
}

table.dc-table tbody > tr > td span.primary {
  display: block;
  color: #18233c;
}

table.dc-table tbody > tr > td span.secondary {
  font-size: 11px;
}

table.dc-table tbody > tr > td span.unit-type {
  position: absolute;
  transform: rotate(-90deg);
  left: 0;
  bottom: -5px;
  width: 51px;
  transform-origin: 0 0;
  background: #009688;
  color: #fff;
  padding: 2px 0;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 1px;
}

table.dc-table tbody > tr > td span.unit-type.metric {
  background: #e91e63;
}

table.dc-table tbody > tr > td span.primary,
table.dc-table tbody > tr > td span.secondary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.dc-table tbody > tr > td .currency {
  font-size: 85%;
  font-style: italic;
  font-weight: 300;
  padding-right: 5px;
  opacity: 0.8;
}

table.dc-table tbody > tr > td md-icon.info {
  font-size: 18px;
  height: 18px;
  width: 18px;
  min-height: 18px;
  min-width: 18px;
}

table.dc-table tbody > tr > td span.primary,
table.dc-table tbody > tr > td span.secondary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.dc-table tbody > tr > td .badge {
  display: inline-flex;
  align-items: end;
  justify-content: space-around;
  border-radius: 3px;
  font-weight: 500;
  font-size: 11px;
  padding: 2px;
  min-width: 72px;
  line-height: 1;
  margin-top: 2px;
}

table.dc-table tbody > tr > td .badge.outdated {
  background: rgb(255 152 0 / 15%);
  color: #f44336;
  min-width: 100px;
}

table.dc-table tbody > tr > td .badge.outdated span {
  color: #ff9800;
}

table.dc-table tbody > tr > td .badge.submitted {
  background: rgb(9 150 0 / 15%);
  color: #135a54;
}

table.dc-table tbody > tr > td .badge.submitted span {
  color: #29744c;
}

table.dc-editable {
  width: calc(100% - 5px);
  margin-bottom: 1em;
  border-collapse: collapse;
  font-size: 12px;
  margin: 10px 0 15px 0px;
  text-align: right;
  position: relative;
  overflow: initial;
}

table.dc-editable th {
  font-weight: bold;
  background-color: #eceef3;
  padding: 0.25em 0.5em;
  position: sticky;
  top: -1px;
  font-size: 0.6875rem;
  z-index: 2;
}

table.dc-editable th,
table.dc-editable td {
  border: 1px solid #dbdde9;
  height: 28px;
}

table.dc-editable th:first-child,
table.dc-editable td:first-child {
  width: 30px;
  text-align: center;
}

table.dc-editable th,
table.dc-editable td:first-child {
  background-color: #eceef3;
}

table.dc-editable tr td.row-has-errors svg {
  color: #ff5722;
}

md-tooltip.row-has-errors {
  background-color: rgba(255, 86, 34, 0.9) !important;
  color: #fff !important;
}

table.dc-editable tr td:focus {
  outline: none;
}

table.dc-editable tr td > input[type="text"],
table.dc-editable tr td > input[type="number"],
table.dc-editable tr td > select {
  padding: 0 0.5em;
  border: none;
  height: 100%;
  width: 100%;
  min-width: 50px;
  outline: none;
  margin: 0;
  border-radius: 0;
}

table.dc-editable tr.not-used td > input,
table.dc-editable tr.not-used td > select {
  text-decoration: line-through;
  color: #ff5722 !important;
}

/* Chrome, Safari, Edge, Opera */

table.dc-editable tr td > input::-webkit-outer-spin-button,
table.dc-editable tr td > input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

table.dc-editable tr td > input[type=number] {
  -moz-appearance: textfield;
  text-align: right;
}

table.dc-editable tr td > select {
  min-width: 60px;
}

table.dc-editable tr td > input,
table.dc-editable tr td > select {
  box-shadow: none !important;
}

table.dc-editable tr td > select:disabled,
table.dc-editable tr td > input:disabled {
  background: #dadfed;
  font-style: italic;
}

table.dc-editable td.number {
  max-width: 100px;
}

table.dc-editable td > span {
  padding: 0.5em;
  display: block;
  white-space: nowrap;
}

table.dc-editable tr td > input:focus,
table.dc-editable tr td > select:focus,
table.dc-editable tr td > select.error,
table.dc-editable tr td > input.error {
  outline-style: solid !important;
  outline-width: 1px;
  outline-color: #000;
}

table.dc-editable tr td > select.error,
table.dc-editable tr td > input.error {
  outline-color: #f44336;
}

table.dc-editable tr td > input::placeholder {
  font-style: italic;
  color: #a8a7c7;
}

table.dc-editable tr td > select:required:invalid {
  font-style: italic;
  color: #a8a7c7;
}

table.dc-editable tr td > select > option[value=""][disabled] {
  display: none;
}

table.dc-editable td > select > option {
  font-style: initial;
  color: #000;
}

table.dc-editable td.number > input {
  text-align: right;
}

table.dc-editable th .btn-sort {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

table.dc-editable th .btn-sort:hover svg {
  opacity: 1;
}

table.dc-editable th.actions,
table.dc-editable td.actions {
  width: 30px;
  padding: 0;
  text-align: center;
}

table.dc-editable td.actions button {
  width: 100%;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}

table.dc-editable .actions svg {
  width: 18px;
  height: 18px;
  color: #a8a7c7;
  border-radius: 3px;
  padding: 2px;
}

table.dc-editable td.actions button:hover {
  box-shadow: none;
}

table.dc-editable td.actions button:hover svg {
  color: #1e4de9;
  background: rgba(30, 77, 233, 0.1);
}

table.dc-editable td.actions button.delete:hover svg {
  color: #e91e3a;
  background: rgba(233, 32, 59, 0.1);
}

table.dc-nav {
  width: 100%;
  padding: 0;
  font-size: 12px;
  border-collapse: collapse;
  text-align: left;
  color: rgb(105 117 135);
  --dc-color: 105, 117, 135;
  --dc-primary-color: rgb(var(--dc-color));
  --dc-primary-color-light: rgba(var(--dc-color), 0.1);
}

table.dc-nav th {
  padding: 0.75em 0 0.5em 0;
  font-size: 10px;
  font-weight: 500;
  vertical-align: top;
  color: rgb(7, 1, 20);
}

table.dc-nav th:first-child {
  font-size: 14px;
}

table.dc-nav td {
  height: 28px;
}

table.dc-nav td:first-child {
  border: 0 solid #e5e7eb;
  padding-left: 0.75rem;
  border-left-width: 1px;
}

table.dc-nav tr {
  cursor: pointer;
  outline: none;
}

table.dc-nav tr:hover td:first-child,
table.dc-nav tr:focus td:first-child {
  border-color: var(--dc-primary-color);
}

table.dc-nav tr.selected td {
  font-weight: 500;
  background: var(--dc-primary-color-light);
}

table.dc-nav tr.selected td:first-child {
  border-color: var(--dc-primary-color);
  color: var(--dc-primary-color);
}

table.dc-nav tr td > input {
  box-shadow: none !important;
}

table.dc-nav tr.selected td.focused > input[type="text"] {
  padding: 0 0.5em;
  border: none;
  height: 100%;
  width: 100%;
  outline-style: solid;
  outline-width: 1px;
  outline-color: var(--dc-primary-color);
}

table.dc-nav tr td button {
  display: none;
}

table.dc-nav tr.selected td button {
  display: block;
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  padding: 2px;
  border-radius: 3px;
  margin-right: 2px;
}

table.dc-nav tr.selected td svg {
  width: 100%;
  color: var(--dc-primary-color);
}

table.dc-nav tr.selected button:hover {
  background: var(--dc-primary-color-light);
}
#error-500 .content {
  width: 90%;
  max-width: 512px;
  margin-top: 128px;
}

#error-500 .content .error-code {
  font-size: 112px;
  line-height: 1;
  text-align: center;
  margin-bottom: 16px;
  font-weight: 500;
}

#error-500 .content .message {
  font-size: 24px;
  text-align: center;
  color: rgba(0, 0, 0, .54);
}

#error-500 .content .sub-message {
  font-size: 17px;
  text-align: center;
  color: rgba(0, 0, 0, .54);
  margin: 16px auto 48px;
}

#error-500 .content .report-link {
  text-align: center;
  font-size: 15px;
}
.user-page {
  height: calc(100vh - 82px) !important;
  min-height: calc(100vh - 82px) !important;
  max-height: calc(100vh - 82px) !important;
  position: relative;
  overflow: hidden;
}

.user-page .header {
  position: relative;
  overflow: hidden;
  height: 200px;
}

.user-page .header .bg-img {
  position: absolute;
  left: -10%;
  top: -10%;
  background-size: cover;
  background: url("imgs/profileBG_origin.jpg") 0 0 no-repeat;
  width: 120%;
  max-width: 120%;
  height: 120%;
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}

.user-page .header * {
  color: #fff;
}

.user-page .header .content {
  background: linear-gradient(141deg, #1544418f 0%, #328e985c 51%, #081c33a3 75%);
  z-index: 10;
}

.user-page .header .content .badge {
  background: rgb(8, 28, 51);
  color: rgb(255, 255, 255);
  padding: 15px 50px;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 400;
  box-shadow: none;
}

.user-page .user-img {
  padding: 10px;
  background-color: rgba(255, 255, 255, .3);
  border-radius: 100%;
  width: 75px;
}

.user-page md-list-item h4,
.user-view md-list-item h4 {
  margin: 0;
  line-height: 1.5;
}

.user-page md-list md-list-item p,
.user-view md-list md-list-item p {
  margin: 0;
  line-height: 1.5;
  font-size: 13px;
  color: #a59a9a;
}

.user-page md-list md-list-item:hover {
  background-color: #f5f5f5;
}

.user-page form,
.user-page md-content,
.user-page md-card {
  box-shadow: 0 4px 36px rgba(12, 54, 173, 0.1);
  border: solid 1px #dadef3;
}

.user-page form md-input-container input,
.user-page form md-input-container input:focus,
.user-page form md-input-container md-select {
  border: solid 1px #e6e7ef;
  padding: 0 10px!important;
  color: #313131!important;
  height: 45px;
  line-height: 45px;
  background: #fff!important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1) !important;
  border-radius: 5px;
}

.user-page form md-input-container input:focus,
.user-page form md-input-container.md-input-focused md-select {
  border-color: #3545bb;
}

.user-page form md-input-container label:not(.md-no-float):not(.md-container-ignore),
.user-page form md-input-container .md-placeholder,
.user-page form .md-select-value.md-select-placeholder {
  font-weight: 300;
  margin-left: 10px;
  color: #70768a;
}

.user-page button.btn-action {
  padding: 10px 40px;
  color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.15)!important;
  background-color: #349ef3!important;
  font-weight: 400;
}

.user-page button.btn-action:hover {
  box-shadow: 4px 3px 35px rgba(0, 0, 0, 0.2)!important;
}
/* Shared auth styles live in app/account/account.css. */
/* Shared auth styles live in app/account/account.css. */
.signup-header {
  margin-bottom: 6px;
}

.signup-header p {
  max-width: 520px;
}

.signup-form input.pass {
  background-color: #e3ecf9;
}

.signup-data-row {
  margin-bottom: 4px;
}

.signup-password-row {
  margin-top: 8px;
}

.signup-tools {
  background: transparent;
  border: 0 !important;
  margin-top: 0 !important;
  padding: 0;
}

.signup-tools legend {
  color: #7d8796 !important;
  font-size: 12px !important;
  padding: 0 0 5px 0 !important;
}

.signup-tool-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.signup-tool-card {
  background: #fff;
  border: 1px solid #d6dce6;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(20, 37, 58, .06);
  cursor: pointer;
  min-height: 126px;
  padding: 10px;
  position: relative;
  text-align: center;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.signup-tool-card:hover,
.signup-tool-card:focus,
.signup-tool-card.selected {
  border-color: #2781c4;
  box-shadow: 0 8px 22px rgba(39, 129, 196, .14);
  outline: none;
  transform: translateY(-1px);
}

.signup-tool-card.selected {
  background: #f7fbff;
}

.signup-tool-card img {
  display: block;
  height: 64px;
  margin: 17px auto 8px auto;
  max-width: 100%;
  object-fit: contain;
}

.signup-tool-card span.label {
  color: #22354d !important;
  display: block;
  font-size: 12px !important;
  line-height: 1.25;
  padding-left: 0 !important;
  white-space: normal;
}

.signup-tool-check {
  left: 10px;
  margin: 0;
  position: absolute;
  top: 10px;
}

@media (max-width: 960px) {
  .signup-tool-grid {
    grid-template-columns: 1fr;
  }

  .signup-role-select {
    margin-top: 6px !important;
  }

  .signup-section-title:after {
    margin-left: 12px;
  }
}
.tools h2 {
  font-weight: 400;
  color: #333;
  margin-bottom: 0;
}

.tools h3 {
  color: #717272;
  font-weight: 300;
}

.tools .tool-item {
  width: 320px;
  height: 390px;
  background-color: #cfd6e2;
  border-radius: 10px;
  position: relative;
  transition: all .2s;
  max-width: 100%;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
  float: left;
  background-image: radial-gradient(60% 70%, #FFFFFF 15%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

@media (max-width: 767px) {
  .tools .tool-item {
    margin-left: auto;
    margin-right: auto;
  }
}

.tools .tool-item:hover,
.tools .tool-item:active,
.tools .tool-item:focus,
.tools .tool-item__active {
  transform: scale(1.06);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.22);
}

.tools .tool-item--header {
  padding: 22px 18px 0;
}

.tools .tool-item--header--title {
  font-family: "geomanistregular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.39px;
  line-height: 23px;
  color: #9C4B9B;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  display: block;
  padding-right: 60px;
}

.tools .tool-item--header--author a {
  color: #838fa0;
  overflow: hidden;
  width: 100%;
  font-size: 11px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tools .tool-item--image {
  text-align: center;
  position: relative;
}

.tools .tool-item--image img {
  width: 90%;
  margin: auto;
}

.tools .tool-item--bottom {
  display: flex;
  position: absolute;
  bottom: 15px;
  width: 284px;
  white-space: nowrap;
  margin-left: 18px;
}

.tools .tool-item--bottom--left-btn,
.tools .tool-item--bottom--right-btn {
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 3px;
  cursor: pointer;
}

.tools .tool-item--bottom span.counter,
.tools .tool-item--bottom span.desc {
  display: block;
}

.tools .tool-item--bottom span.counter {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 10px;
}

.tools .tool-item--bottom span.desc {
  font-size: 11px;
  font-weight: 300;
}

.tools .tool-item--bottom--left-btn {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #6C1697;
  color: #6C1697;
  white-space: nowrap;
  transition: all .2s;
}

.tools .tool-item--bottom--left-btn:hover,
.tools .tool-item--bottom--left-btn:active,
.tools .tool-item--bottom--left-btn:focus {
  background: #6C1697;
  color: #fff;
}

.tools .tool-item--bottom--right-btn {
  display: inline-block;
  padding: 10px 20px;
  white-space: nowrap;
  border: 1px solid #00A5B6;
  color: #00A5B6;
  float: right;
  transition: all .2s;
  margin-left: 10px;
}

.tools .tool-item--bottom--right-btn:hover,
.tools .tool-item--bottom--right-btn:active,
.tools .tool-item--bottom--right-btn:focus {
  color: #fff;
  background: #00A5B6;
}
md-sidenav.drawer,
md-backdrop {
  position: fixed !important;
  height: 100%;
  overflow: hidden;
}

md-sidenav.activity-report.drawer {
  width: 400px;
  max-width: 400px;
  --global-filter-text-grey: #64748b;
}

md-sidenav.activity-report.drawer > md-icon {
  color: var(--global-filter-text-grey) !important;
  margin: 0 10px;
}

md-sidenav.activity-report.drawer md-input-container {
  padding: 0 10px 0 0;
}

md-sidenav.activity-report.drawer md-input-container md-select-value {
  color: var(--global-filter-text-grey) !important;
  font-weight: 500;
  font-size: 12px;
}

md-sidenav.activity-report.drawer md-input-container md-select[disabled="disabled"] md-select-value {
  color: #859fac !important;
  font-weight: 430;
}

md-sidenav.activity-report.drawer .md-datepicker-input-container {
  border: none;
  display: flex;
  align-items: center;
  background: #d9e2ec;
  padding-left: 5px;
}

md-sidenav.activity-report.drawer .md-datepicker-input {
  font-size: 12px;
  min-width: 70px;
  padding: 0;
  height: 28px;
  color: var(--global-filter-text-grey) !important;
  font-weight: 500;
}

md-sidenav.activity-report.drawer .md-datepicker-triangle-button.md-button.md-icon-button {
  padding: 0;
  height: 24px;
  min-height: 24px;
  width: 24px;
  position: relative;
  margin: 0;
  border-radius: 0;
  bottom: unset;
  transform: unset;
  background: #c7d1dd;
}

md-sidenav.activity-report.drawer md-switch {
  margin: 0 !important;
  font-size: 12px;
  height: 28px;
}
.footer {
  display: flex;
  align-items: center;
  background-color: #081c32;
  color: #9198a8;
  height: 34px;
  font-size: 12px;
  z-index: 999999999;
}

.footer a {
  color: #d7dce8;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.excel-report-dialog {
  min-width: 600px;
}

.excel-report-dialog .excel-report-dialog--content .activity-type {
  margin-bottom: 10px;
}

.excel-report-dialog .excel-report-dialog--content .md-subheader {
  background-color: transparent;
}

.excel-report-dialog .excel-report-dialog--content .md-datepicker-input-container {
  border: solid 1px #ddd;
  padding: 4px 0px 0 15px;
}

.excel-report-dialog .excel-report-dialog--content fieldset {
  border: solid 1px #a3bcc7;
  border-radius: 4px;
}

.excel-report-dialog .excel-report-dialog--content md-switch {
  margin: 0 0 5px 0;
}

.excel-report-dialog .excel-report-dialog--content md-switch .md-label {
  font-size: 14px;
  color: #1f2542;
  text-transform: capitalize;
}

.excel-report-dialog .excel-report-dialog--content button {
  padding: 5px 75px;
  border-radius: 50px;
  font-weight: 400;
}

.excel-report-dialog .excel-report-dialog--content .Quotes.active {
  background: rgb(255 235 59 / 40%);
  padding: 5px 10px;
}

.excel-report-dialog .excel-report-dialog--content .Quotes.active fieldset,
.excel-report-dialog .excel-report-dialog--content .Quotes.active .md-datepicker-input-container {
  border-color: #ff9800;
}

.excel-report-dialog .excel-report-dialog--content .Quotes.active fieldset legend {
  color: #ff9800;
}

.excel-report-dialog .excel-report-dialog--content .Orders.active {
  background: rgb(57 220 175 / 40%);
  padding: 5px 10px;
}

.excel-report-dialog .excel-report-dialog--content .Orders.active fieldset legend {
  color: #009688;
}

.excel-report-dialog .excel-report-dialog--content .Orders.active fieldset,
.excel-report-dialog .excel-report-dialog--content .Orders.active .md-datepicker-input-container {
  border-color: #009688;
}

.excel-report-dialog .excel-report-dialog--content .Users.active {
  background: rgb(3 169 244 / 40%);
  padding: 5px 10px;
}

.hidden-report {
  display: none;
}
.user-form {
  width: 650px!important;
}


.user-page .associated-users button {
  padding: 0;
}

.associated-users md-input-container {
  border: solid 1px #ddd;
}

.associated-users md-input-container input.search {
  border: none!important;
}

.associated-users md-list md-list-item {
  border: solid 1px #e6e7ef;
  color: #313131!important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1) !important;
  border-radius: 5px;
  margin-bottom: 5px;
}



.user-roles .role {
  padding: 15px 5px;
  border-bottom: solid 1px #ddd;
}

.user-roles .role md-icon {
  color: #088;
}
.user-tools img {
  width: 100px;
  margin-right: 15px;
}

.user-tools .status img {
  width: 60px;
  margin: 0px;
}

.user-tools .status small {
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 500;
}

.user-tools .tool:not(:last-child) {
  border-bottom: solid 1px #eee;
}

.user-tools .tool {
  padding: 20px 0;
}

.user-page .user-tools button.btn-action {
  background-color: #129b62!important;
  padding: 0px 10px;
  font-size: 11px;
  letter-spacing: 1px;
  border-radius: 2px;
}
.breadcrumbs {
  --default-bg: rgba(96, 123, 139, .5);
  --active-bg: #607D8B;
  --radius: 5px;
}

.breadcrumbs .steps {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}

.breadcrumbs .steps .step {
  white-space: nowrap;
  transition: 0.3s ease-in-out;
  background: var(--default-bg);
  position: relative;
  height: 24px;
  margin-right: 20px;
  padding: 0 10px;
}

.breadcrumbs .steps .step.dark-bg {
  background: rgb(256 256 256 / 15%);
}

.breadcrumbs .steps .step>a,
.breadcrumbs .steps .step>a md-icon {
  color: white;
  margin-right: 10px;
}

.breadcrumbs .steps .step > a {
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 11px;
  text-transform: uppercase;
}

.breadcrumbs .steps .step:last-child {
  margin-right: 0;
}

.breadcrumbs .steps .step::before {
  transition: 0.3s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: -12px;
  border-left: 12px solid transparent;
  border-top: 12px solid var(--default-bg);
  border-bottom: 12px solid var(--default-bg);
}

.breadcrumbs .steps .step.dark-bg::before {
  border-top: 12px solid rgb(256 256 256 / 15%);
  border-bottom: 12px solid rgb(256 256 256 / 15%);
}

.breadcrumbs .steps .step:first-child::before {
  display: none;
}

.breadcrumbs .steps .step::after {
  transition: 0.3s ease-in-out;
  position: absolute;
  top: 0;
  right: -12px;
  border-left: 12px solid var(--default-bg);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  content: "";
}

.breadcrumbs .steps .step.dark-bg::after {
  border-left: 12px solid rgb(256 256 256 / 15%);
}

.breadcrumbs .steps .step:last-child::after {
  display: none;
}

.breadcrumbs .steps .step.active a {
  cursor: default;
}

.breadcrumbs .steps .step.active,
.breadcrumbs .steps .step:hover {
  background: var(--active-bg);
}

.breadcrumbs .steps .step.dark-bg.active,
.breadcrumbs .steps .step.dark-bg:hover {
  background: rgb(256 256 256 / 30%);
}

.breadcrumbs .steps .step.active::before,
.breadcrumbs .steps .step:hover::before {
  border-top-color: var(--active-bg);
  border-bottom-color: var(--active-bg);
}

.breadcrumbs .steps .step.dark-bg.active::before,
.breadcrumbs .steps .step.dark-bg:hover::before {
  border-top-color: rgb(256 256 256 / 30%);
  border-bottom-color: rgb(256 256 256 / 30%);
}

.breadcrumbs .steps .step.active::after,
.breadcrumbs .steps .step:hover::after {
  border-left-color: var(--active-bg);
}

.breadcrumbs .steps .step.dark-bg.active::after,
.breadcrumbs .steps .step.dark-bg:hover::after {
  border-left-color: rgb(256 256 256 / 30%);
}

.breadcrumbs .steps .step:first-child {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: 5px;
}

.breadcrumbs .steps .step:last-child {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.page-message {
  font-size: 11px;
  background: #ffeb3b;
  color: #e91e63;
  padding: 5px;
  border: solid 0.1rem #e91e63;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.page-message.warning {
  background: #ffeb3b;
  color: #e91e63;
  border: solid 0.1rem #e91e63;
}

.page-message.error {
  background: #e91e63;
  color: #fff;
  border: solid 0.1rem #e91e63;
}

.page-message.info {
  background: #e9eeff;
  color: #1e65e9;
  border: solid 0.1rem #1e65e9;
}

.page-message.success {
  background: #cafbde;
  color: #0e8a41;
  border: solid 0.1rem #0e8a41;
}

.page-message  .message {
  flex: 1;
}
.pagination-wrap .total-info {
  color: #879ba5;
  font-size: 12px;
  margin-right: 20px;
}

.pagination-wrap ul.pagination {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pagination-wrap ul.pagination li {
  margin-left: 6px;
  background: #fff !important;
  box-shadow: 0 3px 12px rgb(0 0 0 / 10%);
  border-radius: 3px;
}

.pagination-wrap ul.pagination li a {
  text-align: center;
  padding: 0px 15px;
  cursor: pointer;
  font-size: 14px;
  text-transform: lowercase;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination-wrap ul.pagination li.active,
.pagination-wrap ul.pagination li:hover {
  box-shadow: 0 3px 20px rgba(0, 0, 0, .1);
}

.pagination-wrap ul.pagination li[disabled] a {
  pointer-events: none;
  cursor: not-allowed;
  opacity: .3;
}

.pagination-wrap ul.pagination li.active {
  color: #fff !important;
  background: #d2335c !important;
}

.pagination-wrap ul.pagination li a md-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.pagination-wrap ul.pagination li a.icon-left md-icon {
  left: 5px;
}

.pagination-wrap ul.pagination li a.icon-right md-icon {
  right: 5px;
}
.tool-preferences .content-top {
  background: #6f22ff;
}

.tool-preferences form .row-item {
  border-bottom: solid 1px #e6e7ef;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  font-size: 12px;
}

.tool-preferences form .row-item .title {
  color: #111821;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
}

.tool-preferences form .row-item .description {
  color: #94a3b8;
  font-size: 11px;
}

.tool-preferences form .row-item input[type="text"],
.tool-preferences form .row-item input[type="number"],
.tool-preferences form .row-item textarea {
  font-size: 12px;
  height: 32px;
  padding: 0 10px;
  border: solid 1px #cbd5e1;
}

.tool-preferences form .row-item input[type="number"] {
  text-align: right;
}

.tool-preferences form .row-item textarea {
  padding: 5px;
  flex: 1;
  height: initial;
}

.tool-preferences form .row-item input.error,
.tool-preferences form .row-item textarea.error {
  border-color: #f93434;
}