.text.text-em-4xs {
  font-size: 0.5em;
}
.text.text-em-3xs {
  font-size: 0.7em;
}
.text.text-em-xxs {
  font-size: 1em;
}
.text.text-em-xs {
  font-size: 1.3em;
}
.text.text-em-s {
  font-size: 1.6em;
}
.text.text-em-m {
  font-size: 2em;
}
.text.text-em-l {
  font-size: 3em;
}
.text.text-em-xl {
  font-size: 4em;
}
.text.text-em-xxl {
  font-size: 6em;
}
.text.text-em-3xl {
  font-size: 8em;
}
.text.text-em-4xl {
  font-size: 12em;
}
.mdi-em-4xs.mdi-set,
.mdi-em-4xs.mdi:before {
  font-size: 0.5em;
}
.mdi-em-3xs.mdi-set,
.mdi-em-3xs.mdi:before {
  font-size: 0.7em;
}
.mdi-em-xxs.mdi-set,
.mdi-em-xxs.mdi:before {
  font-size: 1em;
}
.mdi-em-xs.mdi-set,
.mdi-em-xs.mdi:before {
  font-size: 1.3em;
}
.mdi-em-s.mdi-set,
.mdi-em-s.mdi:before {
  font-size: 1.6em;
}
.mdi-em-m.mdi-set,
.mdi-em-m.mdi:before {
  font-size: 2em;
}
.mdi-em-l.mdi-set,
.mdi-em-l.mdi:before {
  font-size: 3em;
}
.mdi-em-xl.mdi-set,
.mdi-em-xl.mdi:before {
  font-size: 4em;
}
.mdi-em-xxl.mdi-set,
.mdi-em-xxl.mdi:before {
  font-size: 6em;
}
.mdi-em-3xl.mdi-set,
.mdi-em-3xl.mdi:before {
  font-size: 8em;
}
.mdi-em-4xl.mdi-set,
.mdi-em-4xl.mdi:before {
  font-size: 12em;
}
button,
input[type="button"] {
  cursor: default;
}
button:hover,
input[type="button"]:hover {
  cursor: pointer;
}
.dropdown-item {
  padding: 0 1.5em;
}
.dropdown-item .mdi {
  width: 1.2em;
  font-size: 1.6em;
  line-height: 1.6em;
  padding: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.dropdown-item:hover {
  background: var(--primary);
  color: var(--light);
}
.h5 .mdi {
  vertical-align: middle !important;
}
.h5 .mdi:before {
  font-size: 24px;
}
.bg-cl-red {
  background-color: #e36758 !important;
}
.bg-cl-red--d {
  background-color: #d93824 !important;
}
.bg-cl-red--l {
  background-color: #efa79e !important;
}
.bg-cl-teal {
  background-color: #5999ad !important;
}
.bg-cl-teal--d {
  background-color: #427686 !important;
}
.bg-cl-teal--l {
  background-color: #90bbc8 !important;
}
.bg-cl-gray {
  background-color: #54675b !important;
}
.bg-cl-gray-d {
  background-color: #374640 !important;
}
.bg-cl-gray-l {
  background-color: #9eaea6 !important;
}
.bg-cl-od-accent {
  background-color: #528BFF !important;
}
.bg-cl-od-accent--d {
  background-color: #1562ff !important;
}
.bg-cl-od-accent--l {
  background-color: #a4c2ff !important;
}
.bg-cl-od-fg {
  background-color: #ABB2BF !important;
}
.bg-cl-od-bg {
  background-color: #282C34 !important;
}
.bg-cl-od-bg-1 {
  background-color: #121417 !important;
}
.bg-cl-od-bg-hl {
  background-color: #2C323C !important;
}
.bg-cl-od-gutter {
  background-color: #4B5363 !important;
}
.bg-cl-od-mono-1 {
  background-color: #ABB2BF !important;
}
.bg-cl-od-mono-2 {
  background-color: #828997 !important;
}
.bg-cl-od-mono-3 {
  background-color: #5C6370 !important;
}
.bg-cl-od-cyan {
  background-color: #56B6C2 !important;
}
.bg-cl-od-cyan--d {
  background-color: #3a95a1 !important;
}
.bg-cl-od-cyan--l {
  background-color: #92d0d8 !important;
}
.bg-cl-od-blue {
  background-color: #61AFEF !important;
}
.bg-cl-od-blue--d {
  background-color: #2993e9 !important;
}
.bg-cl-od-blue--l {
  background-color: #abd5f7 !important;
}
.bg-cl-od-purple {
  background-color: #C678DD !important;
}
.bg-cl-od-purple--d {
  background-color: #b147d1 !important;
}
.bg-cl-od-purple--l {
  background-color: #e2b9ed !important;
}
.bg-cl-od-green {
  background-color: #98C379 !important;
}
.bg-cl-od-green--d {
  background-color: #78b04f !important;
}
.bg-cl-od-green--l {
  background-color: #c3dcb1 !important;
}
.bg-cl-od-red-1 {
  background-color: #E06C75 !important;
}
.bg-cl-od-red-1--d {
  background-color: #d53946 !important;
}
.bg-cl-od-red-1--l {
  background-color: #eeafb4 !important;
}
.bg-cl-od-red-2 {
  background-color: #BE5046 !important;
}
.bg-cl-od-red-2--d {
  background-color: #933c34 !important;
}
.bg-cl-od-red-2--l {
  background-color: #d38982 !important;
}
.bg-cl-od-orange-1 {
  background-color: #D19A66 !important;
}
.bg-cl-od-orange-1--d {
  background-color: #c07b3a !important;
}
.bg-cl-od-orange-1--l {
  background-color: #e4c3a5 !important;
}
.bg-cl-od-orange-2 {
  background-color: #E5C07B !important;
}
.bg-cl-od-orange-2--d {
  background-color: #dba848 !important;
}
.bg-cl-od-orange-2--l {
  background-color: #f2e1bf !important;
}
.bg-cl-od-gray {
  background-color: #3E4451 !important;
}
.bg-cl-od-silver {
  background-color: #9DA5B4 !important;
}
.bg-cl-od-black {
  background-color: #21252B !important;
}
.bg-cl-od-border {
  background-color: #181A1F !important;
}
.tx-cl-red {
  color: #e36758 !important;
}
.tx-cl-red--d {
  color: #cc3522 !important;
}
.tx-cl-red--l {
  color: #eea39a !important;
}
.tx-cl-teal {
  color: #5999ad !important;
}
.tx-cl-teal--d {
  color: #3d6d7c !important;
}
.tx-cl-teal--l {
  color: #8cb8c6 !important;
}
.tx-cl-gray {
  color: #54675b !important;
}
.tx-cl-gray-d {
  color: #374640 !important;
}
.tx-cl-gray-l {
  color: #9eaea6 !important;
}
.tx-cl-od-accent {
  color: #528BFF !important;
}
.tx-cl-od-accent--d {
  color: #0558ff !important;
}
.tx-cl-od-accent--l {
  color: #9fbeff !important;
}
.tx-cl-od-fg {
  color: #ABB2BF !important;
}
.tx-cl-od-bg {
  color: #282C34 !important;
}
.tx-cl-od-bg-1 {
  color: #121417 !important;
}
.tx-cl-od-bg-hl {
  color: #2C323C !important;
}
.tx-cl-od-gutter {
  color: #4B5363 !important;
}
.tx-cl-od-mono-1 {
  color: #ABB2BF !important;
}
.tx-cl-od-mono-2 {
  color: #828997 !important;
}
.tx-cl-od-mono-3 {
  color: #5C6370 !important;
}
.tx-cl-od-cyan {
  color: #56B6C2 !important;
}
.tx-cl-od-cyan--d {
  color: #368b96 !important;
}
.tx-cl-od-cyan--l {
  color: #8eced6 !important;
}
.tx-cl-od-blue {
  color: #61AFEF !important;
}
.tx-cl-od-blue--d {
  color: #1c8ce8 !important;
}
.tx-cl-od-blue--l {
  color: #a6d2f6 !important;
}
.tx-cl-od-purple {
  color: #C678DD !important;
}
.tx-cl-od-purple--d {
  color: #ac3bce !important;
}
.tx-cl-od-purple--l {
  color: #e0b5ec !important;
}
.tx-cl-od-green {
  color: #98C379 !important;
}
.tx-cl-od-green--d {
  color: #70a54a !important;
}
.tx-cl-od-green--l {
  color: #c1dbae !important;
}
.tx-cl-od-red-1 {
  color: #E06C75 !important;
}
.tx-cl-od-red-1--d {
  color: #d32d3a !important;
}
.tx-cl-od-red-1--l {
  color: #edabb0 !important;
}
.tx-cl-od-red-2 {
  color: #BE5046 !important;
}
.tx-cl-od-red-2--d {
  color: #883730 !important;
}
.tx-cl-od-red-2--l {
  color: #d2867f !important;
}
.tx-cl-od-orange-1 {
  color: #D19A66 !important;
}
.tx-cl-od-orange-1--d {
  color: #b47336 !important;
}
.tx-cl-od-orange-1--l {
  color: #e3c1a1 !important;
}
.tx-cl-od-orange-2 {
  color: #E5C07B !important;
}
.tx-cl-od-orange-2--d {
  color: #d8a13b !important;
}
.tx-cl-od-orange-2--l {
  color: #f2dfbb !important;
}
.tx-cl-od-gray {
  color: #3E4451 !important;
}
.tx-cl-od-silver {
  color: #9DA5B4 !important;
}
.tx-cl-od-black {
  color: #21252B !important;
}
.tx-cl-od-border {
  color: #181A1F !important;
}
.font-normal {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 100;
}
.font-condensed {
  font-family: 'Ubuntu Condensed', sans-serif;
  font-weight: 100;
}
html,
body {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 100;
  height: 100%;
  margin: 0;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.navbar-brand,
.btn {
  font-family: 'Ubuntu Condensed', sans-serif;
  font-weight: 100;
}
footer .btn:not(:first-child) {
  margin-left: 1.5rem;
}
body {
  background-color: #374640;
  background-image: url(../images/reflect.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #9eaea6;
}
.full-height {
  height: 100%;
}
.flex-center {
  align-items: center;
  display: flex;
  justify-content: center;
}
.position-ref {
  position: relative;
}
.content {
  text-align: center;
}
.logo {
  height: 200px;
}
.m-b-md {
  margin-bottom: 30px;
}
.m-b-md .btn {
  padding: 0;
  width: 12rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.2rem;
  border-radius: 1.5rem;
}
option::before {
  content: " ";
  margin: 2px;
  padding: 2px;
}
.spacer {
  display: block;
  margin: 0 0 2em 0;
  height: 1px;
}
a.disabled,
button.disabled,
input[type="button"].disabled,
.btn.disabled,
.dropdown-menu .dropdown-item.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.navbar .navbar-brand i.mdi::before {
  animation-delay: 2s;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-name: icon-pulse;
  animation-timing-function: ease-in-out;
}
@keyframes icon-pulse {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
.app-version {
  position: absolute;
  left: -100px;
  top: 50px;
  font-size: 50%;
  color: #9eaea6;
  opacity: 0;
  animation-delay: 2s;
  animation-duration: 10s;
  animation-iteration-count: 1;
  animation-name: version-pulse;
  animation-timing-function: ease-in-out;
}
@keyframes version-pulse {
  0% {
    opacity: 0;
    left: -100px;
  }
  10%,
  70% {
    opacity: 1;
    left: 46px;
  }
  100% {
    opacity: 0;
    left: -100px;
  }
}
.footer-version {
  position: absolute;
  display: inline-block;
  bottom: 0;
  padding: 0 0 8px 0;
}
.dataTables_length select,
.dataTables_length select.form-control {
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
}
.table-user thead tr th:last-child,
.table-group thead tr th:last-child,
.table-valor thead tr th:last-child,
.table-trophy thead tr th:last-child,
.table-reward thead tr th:last-child,
.table-period thead tr th:last-child {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
.table-user tbody tr td:last-child,
.table-group tbody tr td:last-child,
.table-valor tbody tr td:last-child,
.table-trophy tbody tr td:last-child,
.table-reward tbody tr td:last-child,
.table-period tbody tr td:last-child {
  text-align: center;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
.table-user tbody tr.deleted td {
  padding: 8px 12px;
}
.table-user tbody tr.deleted td:nth-child(1),
.table-user tbody tr.deleted td:nth-child(2),
.table-user tbody tr.deleted td:nth-child(3) {
  text-decoration: line-through;
  text-transform: lowercase;
  color: #9eaea6;
}
.table-user tbody tr.deleted.odd {
  background-color: rgba(227, 103, 88, 0.3);
}
.table-user tbody tr.deleted.even {
  background-color: rgba(227, 103, 88, 0.15);
}
.table-user tbody td:nth-child(3) {
  text-align: center;
}
.table-group tbody tr.visible td {
  padding: 8px 12px;
}
.table-group tbody tr.visible.odd {
  background-color: rgba(171, 178, 191, 0.3);
}
.table-group tbody tr.visible.even {
  background-color: rgba(130, 137, 151, 0.15);
}
.table-group tbody td:nth-child(1),
.table-group tbody td:nth-child(4),
.table-group tbody td:last-child {
  text-align: center;
}
.table-group tbody td:last-child {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
.table-period tbody tr.active td {
  padding: 8px 12px;
  font-weight: bold;
  color: #4c7132;
  font-size: 112%;
}
.table-period tbody tr.active.odd {
  background-color: rgba(152, 195, 121, 0.5);
}
.table-period tbody tr.active.even {
  background-color: rgba(152, 195, 121, 0.4);
}
.table-period tbody td:nth-child(1),
.table-period tbody td:nth-child(3),
.table-period tbody td:nth-child(4),
.table-period tbody td:last-child {
  text-align: center;
}
.table-period tbody td:last-child {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
.table-user-evaluation tbody tr td .evaluation-list .list-item {
  display: inline-grid;
  width: 9rem;
  text-align: center;
}
.table-user-evaluation tbody tr td .evaluation-list .list-item img {
  display: inline-grid;
  margin: 0.6rem auto;
}
.table-reward thead th:nth-child( 5 ),
.table-reward tbody td:nth-child( 5 ),
.table-reward thead th:nth-child( 6 ),
.table-reward tbody td:nth-child( 6 ),
.table-reward thead th:nth-child( 7 ),
.table-reward tbody td:nth-child( 7 ),
.table-reward thead th:nth-child( 8 ),
.table-reward tbody td:nth-child( 8 ),
.table-reward thead th:nth-child( 9 ),
.table-reward tbody td:nth-child( 9 ),
.table-reward thead th:nth-child( 10 ),
.table-reward tbody td:nth-child( 10 ),
.table-reward thead th:last-child,
.table-reward tbody td:last-child {
  text-align: center !important;
}
.table-trophy thead th:nth-child( 6 ),
.table-trophy tbody td:nth-child( 6 ),
.table-trophy thead th:nth-child( 7 ),
.table-trophy tbody td:nth-child( 7 ),
.table-trophy thead th:nth-child( 8 ),
.table-trophy tbody td:nth-child( 8 ),
.table-trophy thead th:last-child,
.table-trophy tbody td:last-child {
  text-align: center !important;
}
.btn-head-circle {
  transition-property: all;
  transition-duration: .4s;
  border-radius: 50% !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  width: 42px;
  height: 42px;
  margin: 12px;
  position: absolute;
  right: 0;
  line-height: 34px;
  font-size: 24px;
  text-align: center;
  color: #54675b;
}
.btn-head-circle:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  color: #e36758;
}
.btn-editor {
  transition-property: color, background;
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  text-decoration: none !important;
  text-align: center !important;
  font-style: normal !important;
  display: inline-block;
  border: none;
  background: none;
  border-radius: 50% !important;
  width: 1.8em;
  height: 1.8em;
  color: #54675b;
  font-size: 1.44em;
  line-height: 1.8em;
  text-align: center;
  vertical-align: middle;
  box-shadow: none;
}
.btn-editor.active {
  transition-timing-function: ease-out;
  color: #fdfcfc;
  background-color: #374640;
  box-shadow: none;
}
.btn-editor:hover {
  transition-timing-function: ease-out;
  color: #fdfcfc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.btn {
  transition-property: box-shadow, color, background;
  transition-duration: .4s;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}
.btn:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > a:not(.disabled):after {
  content: ">";
  float: right;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
#childlist .childlist-all {
  overflow: auto;
  width: 100%;
  height: 17rem;
}
#childlist .childlist-all .childlist-item,
#childlist .childlist-all .childlist-item label {
  padding: 0;
  margin: 0;
}
#childlist .childlist-all .childlist-item {
  padding: 0.6em;
}
.tile {
  margin-bottom: 1em;
  text-align: center;
}
.tile-content {
  padding: 1rem 0.5rem;
}
.tile-number {
  font-size: 2em;
  font-weight: 700;
  line-height: 2em;
}
.tile-description {
  text-transform: uppercase;
}
.ranking-group input[type="radio"]::before,
.ranking-group input[type="radio"]::after {
  border: none !important;
  width: initial;
  height: initial;
}
.ranking-group .ranking-item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  outline: none;
  transition: all 0.8s ease-out;
  margin: 0.25rem;
  padding: -1px;
  width: 48px;
  height: 48px;
  opacity: 0.6;
  box-sizing: border-box;
  transform: scale(0.85);
  border-radius: 0;
  border: none;
  filter: grayscale(50%);
}
.ranking-group .ranking-item:hover,
.ranking-group .ranking-item:checked {
  filter: grayscale(0);
  transition: all 0.2s ease-in;
  opacity: 1;
  transform: scale(1.2);
  cursor: pointer;
}
.ranking-group .ranking-item:checked {
  box-shadow: 0;
  cursor: none;
}
.ranking-item-ico {
  width: 48px;
  height: 48px;
  margin: 0.25rem;
}
.ranking-item-ico.big {
  width: 96px;
  height: 96px;
  margin: 0.5rem;
}
.timeline .timeline-item > .timeline-event.timeline-event-simple {
  border-color: transparent !important;
}
.timeline .timeline-item > .timeline-event.timeline-event-simple::before,
.timeline .timeline-item > .timeline-event.timeline-event-simple::after {
  border-color: transparent !important;
}
.card-trophy .card-body {
  flex-wrap: wrap;
}
.card-trophy .card-body .eva-trophy {
  transition-property: all;
  transition-delay: 1s;
  transition-duration: 0.75s;
  animation-name: anim-bounce;
  animation-delay: 1s;
  animation-duration: 0.75s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-play-state: paused;
  width: 64px;
  height: 84px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0.3;
  filter: grayscale(100%);
  transform: scale(1);
}
.card-trophy .card-body .eva-trophy.trophy-1 {
  animation-delay: 0.8s;
  animation-duration: 0.75s;
  transition-delay: 0.8s;
  transition-duration: 0.75s;
  background-image: url('../images/trophies/v1/trophy-1.svg');
}
.card-trophy .card-body .eva-trophy.trophy-2 {
  animation-delay: 1.6s;
  animation-duration: 0.75s;
  transition-delay: 1.6s;
  transition-duration: 0.75s;
  background-image: url('../images/trophies/v1/trophy-2.svg');
}
.card-trophy .card-body .eva-trophy.trophy-3 {
  animation-delay: 2.4s;
  animation-duration: 0.75s;
  transition-delay: 2.4s;
  transition-duration: 0.75s;
  background-image: url('../images/trophies/v1/trophy-3.svg');
}
.card-trophy .card-body .eva-trophy.tile {
  width: 100%;
  height: auto;
  opacity: 1.0;
  filter: grayscale(0%);
  margin-bottom: 0;
}
.card-trophy .card-body .eva-trophy.tile .tile-number {
  font-size: 3em;
}
.card-trophy .card-body .eva-trophy.tile .tile-number sup {
  top: -0.6em;
}
.card-trophy .card-body .eva-trophy.tile .tile-number sup.small {
  font-size: 50%;
}
.card-trophy .card-body .eva-trophy.active {
  animation-play-state: running;
  opacity: 1.0;
  filter: grayscale(0%);
  transform: scale(1);
}
@keyframes anim-bounce {
  30% {
    transform: scale(1.4);
  }
  80% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1.0;
    filter: grayscale(0%);
    transform: scale(1);
  }
}
.notify-box {
  border-radius: 0;
  box-shadow: 0 0 21px rgba(0, 0, 0, 0.75);
  opacity: 1.0;
  padding: 1.5em;
}
.notify-box .notify-msg {
  font-size: 1.2em;
  margin: 0 0.5em;
}