@charset "UTF-8";
/*
MEDIA QUERY MIXIN

0 - 600px = phone
600px - 900px = tablet portriat
900px - 1200px = tablet landscape
[1200px - 1800px] normal style will apply
1800 + = big desktop


$breakpoint values:
--> phone
--> tab-port
--> tab-land
--> big-desktop

1em= 16px in media querys 
*/
/* example of local 

//carrpeta para logo local va en public/local/logo


$logo:(
    color: "../local/logo/logov.svg",
    bn:"../local/logo/logov.svg",
    bg:"../local/logo/logov.svg"

);

$bg-pattern:(
    bg:"#128FB9",
    outer:"072533",
    inner:"128FB9",
    core:"44FCFF"
);




*/
/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
audio,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
  text-align: left;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}
@media only screen and (max-width: 56.25em) {
  html {
    font-size: 50%;
  }
}

body {
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  min-height: 100vh;
  background: #dbdce0;
}

a {
  text-decoration: none;
  outline: none;
}

.center-container {
  width: 90%;
  margin: 0 auto;
  padding: 1rem;
}

@-webkit-keyframes fade-up {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    transform: translateY(20%);
  }
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-up {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    transform: translateY(20%);
  }
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-up {
  -webkit-animation-name: fade-up;
          animation-name: fade-up;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.fade-up-delay {
  -webkit-animation-name: fade-up;
          animation-name: fade-up;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

@-webkit-keyframes fade-down {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    transform: translateY(-20%);
  }
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-down {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    transform: translateY(-20%);
  }
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-down {
  -webkit-animation-name: fade-down;
          animation-name: fade-down;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.fade-down-delay {
  -webkit-animation-name: fade-down;
          animation-name: fade-down;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

@-webkit-keyframes move-up {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    transform: translateY(20%);
  }
  30% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes move-up {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    transform: translateY(20%);
  }
  30% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
  }
}
.move-up {
  -webkit-animation-name: move-up;
          animation-name: move-up;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes show {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    transform: scale(0.9);
  }
  50% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

@keyframes show {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    transform: scale(0.9);
  }
  50% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
.show {
  -webkit-animation-name: show;
          animation-name: show;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.47, 1.64, 0.41, 0.8);
          animation-timing-function: cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.show-delay {
  -webkit-animation-name: show;
          animation-name: show;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.47, 1.64, 0.41, 0.8);
          animation-timing-function: cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes circle-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes circle-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes square-spin {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes square-spin {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body {
  font-family: Arial, sans-serif;
  line-height: 1.7;
}

.title,
.subtitle {
  font-family: Arial, serif;
}

.title {
  text-transform: capitalize;
  font-weight: 600;
  line-height: 1.125;
}

.subtitle {
  line-height: 1.125;
  color: #848484;
  font-weight: 400;
}

.paragraph {
  text-align: justify;
  font-weight: 100;
  color: #263448;
  font-family: Arial, sans-serif;
  font-size: 1.2rem;
}
.paragraph:not(:last-child) {
  margin-bottom: 1rem;
}
.paragraph.md {
  font-size: 1.3rem;
}

.icontexto {
  display: flex;
  align-items: center;
}
.icontexto > * {
  margin-right: 0.4rem;
}

.icon--bg {
  font-size: 2.3rem;
}

.circle-icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  /*line-height: 100px;*/
  vertical-align: middle;
  padding: 0.3rem;
}

.link {
  text-decoration: underline;
}
.link:link {
  color: #1089ff;
}
.link:visited {
  color: #4f49d0;
}
.link:hover {
  text-decoration: underline;
}

.color--primary {
  color: #00ae7d;
}

.color--visited {
  color: #4f49d0;
}

.color--error {
  color: #cf455c;
}

.color--ok {
  color: #1089ff;
}

.color--warn {
  color: #ffe54a;
}

.color--gray-light {
  color: #dbdce0;
}

.color--gray-darkest {
  color: #848484;
}

.color--darker {
  color: #1f2735;
}

.u {
  /*     &-bg-image {
          background-image: url("../img/bg.svg");
          background-repeat: no-repeat;
          background-size: cover;
      } */
}
.u-center-text {
  text-align: center;
}
.u-margin-bottom-smaller {
  margin-top: 0.4rem !important;
}
.u-margin-bottom-sm {
  margin-top: 1rem !important;
}
.u-margin-bottom-md {
  margin-top: 2.4rem !important;
}
.u-margin-bottom-bg {
  margin-top: 4rem !important;
}
.u-margin-top-smaller {
  margin-top: 0.4rem !important;
}
.u-margin-top-sm {
  margin-top: 1rem !important;
}
.u-margin-top-md {
  margin-top: 2.4rem !important;
}
.u-margin-top-bg {
  margin-top: 4rem !important;
}
.u-no-list-type {
  list-style: none;
}
.u-hidden {
  display: none !important;
}
.u-show {
  display: block !important;
}
.u-hidden-anim {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
  transition: all 400ms 80ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.u-show-anim {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.u-delay-transition {
  transition: all 0.3s ease 1s !important;
}
.u-border {
  border: 1px solid #838ba3;
}
.u-radius-def {
  border-radius: 3px;
}
.u-border-thick {
  border: 2px solid #838ba3;
}
.u-rand-color-1 {
  background-color: #c8dc47;
}
.u-rand-color-2 {
  background-color: #a96632;
}
.u-rand-color-3 {
  background-color: #c8e0c2;
}
.u-rand-color-4 {
  background-color: #6dd9d4;
}
.u-rand-color-5 {
  background-color: #d7d6f5;
}
.u-rand-color-6 {
  background-color: #dfddc8;
}
.u-rand-color-7 {
  background-color: #6171b3;
}
.u-rand-color-8 {
  background-color: #b988a6;
}
.u-rand-color-9 {
  background-color: #4749cd;
}
.u-rand-color-10 {
  background-color: #beeed3;
}
.u-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 4rem;
  z-index: 94;
}
.u-sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 94;
}
.u-pad-0 {
  padding: 0rem !important;
}
.u-pad-1 {
  padding: 0.25rem !important;
}
.u-pad-2 {
  padding: 0.5rem !important;
}
.u-pad-3 {
  padding: 0.75rem !important;
}
.u-pad-4 {
  padding: 1rem !important;
}
.u-pad-5 {
  padding: 1.25rem !important;
}
.u-pad-6 {
  padding: 1.5rem !important;
}
.u-pad-7 {
  padding: 1.75rem !important;
}
.u-pad-8 {
  padding: 2rem !important;
}
.u-gap-ver-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-ver-0 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
.u-gap-ver-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-ver-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
.u-gap-ver-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-ver-2 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
.u-gap-ver-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-ver-3 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
.u-gap-ver-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-ver-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
.u-gap-ver-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-ver-5 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
.u-gap-ver-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-ver-6 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
.u-gap-ver-7 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-ver-7 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
.u-gap-ver-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-ver-8 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
.u-addons-stick {
  position: relative;
  text-align: left;
  font-size: inherit;
  display: flex;
  justify-content: flex-start;
  align-content: stretch;
}
.u-addons-stick > *:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: none;
}
.u-addons-stick > *:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-right: none;
}
.u-addons-stick > *:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.u-divider {
  background-color: #838ba3;
  height: 1px;
  border: none;
}
.u-divider-thick--light {
  background-color: #838ba3;
  height: 2px;
  border: none;
}
.u-gap-hor-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-hor-0 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
.u-gap-hor-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-hor-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
.u-gap-hor-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-hor-2 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
.u-gap-hor-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-hor-3 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
.u-gap-hor-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-hor-4 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
.u-gap-hor-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-hor-5 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
.u-gap-hor-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-hor-6 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
.u-gap-hor-7 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-hor-7 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
.u-gap-hor-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
@media only screen and (max-width: 56.25em) {
  .u-gap-hor-8 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
.u-vertical-center {
  display: flex;
  align-items: center;
}
.u-appear--left {
  top: auto;
  left: auto;
  right: 100%;
}
.u-appear--right {
  top: -1px;
  left: 100%;
  right: auto;
}
.u-appear--top {
  top: auto;
  bottom: 100%;
  right: auto;
}
.u-appear--bottom {
  top: 100%;
}
.u-aling-flex-end {
  align-self: flex-end !important;
}
.u-flex-dir-col {
  flex-direction: column !important;
}
.u-cover {
  display: flex;
  justify-content: center;
  align-items: center;
  /* Hidden by default */
  visibility: hidden;
  opacity: 0;
  position: absolute;
  /* Stay in place */
  z-index: 97;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: hidden;
  /* Enable scroll if needed */
  background-color: rgba(21, 28, 38, 0.5);
  transition: all 400ms 80ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.u-cover--show {
  visibility: visible;
  opacity: 1;
}
.u-cover.loading::after {
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 0.4rem solid #151c26;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 5rem;
  width: 5rem;
}
.u-cover--full {
  position: fixed;
}
.u-cover--full.loading::after {
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 0.6rem solid #151c26;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 7rem;
  width: 7rem;
}
.u-loading {
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 2px solid #263448;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 1rem;
  width: 1rem;
}
.u-loading--darkest::after {
  border-color: #151c26 !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.u-loading--light::after {
  border-color: #f4f5f7 !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.u-loading-after::after {
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 2px solid #263448;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 1rem;
  width: 1rem;
  margin-left: 4px;
}
.u-loading-before::before {
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 2px solid #263448;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 1.3rem;
  width: 1.3rem;
  margin-right: 4px;
}
.u-loading-cont {
  display: flex;
  align-items: center;
}
.u-center {
  margin: 0 auto;
}
.u-pattern-temple {
  background-color: #dfdbe5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%239C92AC' fill-opacity='0.3'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.u-pattern-liquid {
  /* background by SVGBackgrounds.com */
  background-color: "#013300";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%232bd700'/%3E%3Cstop offset='1' stop-color='%23013300'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23f4ff26' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23f4ff26' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  /* background by SVGBackgrounds.com */
}
.u-pattern-liquid-blue {
  /* background by SVGBackgrounds.com */
  background-color: "#128FB9";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23128FB9'/%3E%3Cstop offset='1' stop-color='%23072533'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%2344FCFF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2344FCFF' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  /* background by SVGBackgrounds.com */
}
.u-bg-color--primary {
  background-color: #00ae7d !important;
  color: white !important;
}
.u-bg-color--primary-alt {
  background-color: #00bd56 !important;
  color: white !important;
}
.u-bg-color--secundary {
  background-color: #ffe54a !important;
  color: #151c26 !important;
}
.u-bg-color--secundary-alt {
  background-color: #f9fd50 !important;
  color: #151c26 !important;
}
.u-bg-color--verde {
  background-color: #506e58 !important;
  color: white !important;
}
.u-bg-color--visited {
  background-color: #4f49d0 !important;
  color: white !important;
}
.u-bg-color--error {
  background-color: #cf455c !important;
  color: white !important;
}
.u-bg-color--ok {
  background-color: #1089ff !important;
  color: white !important;
}
.u-bg-color--warn {
  background-color: #ffe54a !important;
  color: #151c26 !important;
}
.u-bg-color--light {
  background-color: #f4f5f7 !important;
  color: #151c26 !important;
}
.u-bg-color--light-dark {
  background-color: #ebecf0 !important;
  color: #151c26 !important;
}
.u-bg-color--light-darker {
  background-color: #dbdce0 !important;
  color: #151c26 !important;
}
.u-bg-color--gray-light {
  background-color: #dbdce0 !important;
  color: white !important;
}
.u-bg-color--gray1 {
  background-color: #cccccc !important;
  color: #151c26 !important;
}
.u-bg-color--gray-darker {
  background-color: #adadad !important;
  color: white !important;
}
.u-bg-color--gray-darkest {
  background-color: #848484 !important;
  color: white !important;
}
.u-bg-color--body-gradient {
  background-color: #dbdce0 !important;
  color: #151c26 !important;
}
.u-bg-color--dark-light {
  background-color: #838ba3 !important;
  color: white !important;
}
.u-bg-color--dark {
  background-color: #263448 !important;
  color: white !important;
}
.u-bg-color--darker {
  background-color: #1f2735 !important;
  color: white !important;
}
.u-bg-color--darkest {
  background-color: #151c26 !important;
  color: white !important;
}
.u-bg-color--menu-hor {
  background-color: #1f2735 !important;
  color: white !important;
}
.u-bg-color--menu-ver {
  background-color: #151c26 !important;
  color: white !important;
}
.u-bg-color--bgold {
  background-color: #1f2735 !important;
  color: #ffe54a !important;
}
.u-bg-color--primary {
  background-color: #00ae7d;
  color: white;
}
.u-bg-color--primary.u-bg-state:hover {
  background-color: #00e1a2 !important;
}
.u-bg-color--primary.u-bg-state:active {
  background-color: #00c88f !important;
}
.u-bg-color--primary.u-bg-state:focus {
  background-color: #007b58 !important;
}
.u-bg-color--primary-alt {
  background-color: #00bd56;
  color: white;
}
.u-bg-color--primary-alt.u-bg-state:hover {
  background-color: #00f06d !important;
}
.u-bg-color--primary-alt.u-bg-state:active {
  background-color: #00d762 !important;
}
.u-bg-color--primary-alt.u-bg-state:focus {
  background-color: #008a3f !important;
}
.u-bg-color--secundary {
  background-color: #ffe54a;
  color: #151c26;
}
.u-bg-color--secundary.u-bg-state:hover {
  background-color: #ffec7d !important;
}
.u-bg-color--secundary.u-bg-state:active {
  background-color: #ffe964 !important;
}
.u-bg-color--secundary.u-bg-state:focus {
  background-color: #ffde17 !important;
}
.u-bg-color--secundary-alt {
  background-color: #f9fd50;
  color: #151c26;
}
.u-bg-color--secundary-alt.u-bg-state:hover {
  background-color: #fbfe82 !important;
}
.u-bg-color--secundary-alt.u-bg-state:active {
  background-color: #fafd69 !important;
}
.u-bg-color--secundary-alt.u-bg-state:focus {
  background-color: #f7fc1e !important;
}
.u-bg-color--verde {
  background-color: #506e58;
  color: white;
}
.u-bg-color--verde.u-bg-state:hover {
  background-color: #658c70 !important;
}
.u-bg-color--verde.u-bg-state:active {
  background-color: #5b7d64 !important;
}
.u-bg-color--verde.u-bg-state:focus {
  background-color: #3b5040 !important;
}
.u-bg-color--visited {
  background-color: #4f49d0;
  color: white;
}
.u-bg-color--visited.u-bg-state:hover {
  background-color: #7672da !important;
}
.u-bg-color--visited.u-bg-state:active {
  background-color: #635dd5 !important;
}
.u-bg-color--visited.u-bg-state:focus {
  background-color: #352fb7 !important;
}
.u-bg-color--error {
  background-color: #cf455c;
  color: white;
}
.u-bg-color--error.u-bg-state:hover {
  background-color: #d96e80 !important;
}
.u-bg-color--error.u-bg-state:active {
  background-color: #d4596e !important;
}
.u-bg-color--error.u-bg-state:focus {
  background-color: #b32e44 !important;
}
.u-bg-color--ok {
  background-color: #1089ff;
  color: white;
}
.u-bg-color--ok.u-bg-state:hover {
  background-color: #43a2ff !important;
}
.u-bg-color--ok.u-bg-state:active {
  background-color: #2a96ff !important;
}
.u-bg-color--ok.u-bg-state:focus {
  background-color: #006fdc !important;
}
.u-bg-color--warn {
  background-color: #ffe54a;
  color: #151c26;
}
.u-bg-color--warn.u-bg-state:hover {
  background-color: #ffec7d !important;
}
.u-bg-color--warn.u-bg-state:active {
  background-color: #ffe964 !important;
}
.u-bg-color--warn.u-bg-state:focus {
  background-color: #ffde17 !important;
}
.u-bg-color--light {
  background-color: #f4f5f7;
  color: #151c26;
}
.u-bg-color--light.u-bg-state:hover {
  background-color: white !important;
}
.u-bg-color--light.u-bg-state:active {
  background-color: white !important;
}
.u-bg-color--light.u-bg-state:focus {
  background-color: #d6dae2 !important;
}
.u-bg-color--light-dark {
  background-color: #ebecf0;
  color: #151c26;
}
.u-bg-color--light-dark.u-bg-state:hover {
  background-color: white !important;
}
.u-bg-color--light-dark.u-bg-state:active {
  background-color: #fafafb !important;
}
.u-bg-color--light-dark.u-bg-state:focus {
  background-color: #ced0da !important;
}
.u-bg-color--light-darker {
  background-color: #dbdce0;
  color: #151c26;
}
.u-bg-color--light-darker.u-bg-state:hover {
  background-color: #f6f7f8 !important;
}
.u-bg-color--light-darker.u-bg-state:active {
  background-color: #e9e9ec !important;
}
.u-bg-color--light-darker.u-bg-state:focus {
  background-color: #c0c1c8 !important;
}
.u-bg-color--gray-light {
  background-color: #dbdce0;
  color: white;
}
.u-bg-color--gray-light.u-bg-state:hover {
  background-color: #f6f7f8 !important;
}
.u-bg-color--gray-light.u-bg-state:active {
  background-color: #e9e9ec !important;
}
.u-bg-color--gray-light.u-bg-state:focus {
  background-color: #c0c1c8 !important;
}
.u-bg-color--gray1 {
  background-color: #cccccc;
  color: #151c26;
}
.u-bg-color--gray1.u-bg-state:hover {
  background-color: #e6e6e6 !important;
}
.u-bg-color--gray1.u-bg-state:active {
  background-color: #d9d9d9 !important;
}
.u-bg-color--gray1.u-bg-state:focus {
  background-color: #b3b3b3 !important;
}
.u-bg-color--gray-darker {
  background-color: #adadad;
  color: white;
}
.u-bg-color--gray-darker.u-bg-state:hover {
  background-color: #c7c7c7 !important;
}
.u-bg-color--gray-darker.u-bg-state:active {
  background-color: #bababa !important;
}
.u-bg-color--gray-darker.u-bg-state:focus {
  background-color: #949494 !important;
}
.u-bg-color--gray-darkest {
  background-color: #848484;
  color: white;
}
.u-bg-color--gray-darkest.u-bg-state:hover {
  background-color: #9e9e9e !important;
}
.u-bg-color--gray-darkest.u-bg-state:active {
  background-color: #919191 !important;
}
.u-bg-color--gray-darkest.u-bg-state:focus {
  background-color: #6b6b6b !important;
}
.u-bg-color--body-gradient {
  background-color: #dbdce0;
  color: #151c26;
}
.u-bg-color--body-gradient.u-bg-state:hover {
  background-color: #f6f7f8 !important;
}
.u-bg-color--body-gradient.u-bg-state:active {
  background-color: #e9e9ec !important;
}
.u-bg-color--body-gradient.u-bg-state:focus {
  background-color: #c0c1c8 !important;
}
.u-bg-color--dark-light {
  background-color: #838ba3;
  color: white;
}
.u-bg-color--dark-light.u-bg-state:hover {
  background-color: #a0a6b9 !important;
}
.u-bg-color--dark-light.u-bg-state:active {
  background-color: #9299ae !important;
}
.u-bg-color--dark-light.u-bg-state:focus {
  background-color: #68718c !important;
}
.u-bg-color--dark {
  background-color: #263448;
  color: white;
}
.u-bg-color--dark.u-bg-state:hover {
  background-color: #384c69 !important;
}
.u-bg-color--dark.u-bg-state:active {
  background-color: #2f4059 !important;
}
.u-bg-color--dark.u-bg-state:focus {
  background-color: #141c27 !important;
}
.u-bg-color--darker {
  background-color: #1f2735;
  color: white;
}
.u-bg-color--darker.u-bg-state:hover {
  background-color: #323f55 !important;
}
.u-bg-color--darker.u-bg-state:active {
  background-color: #283345 !important;
}
.u-bg-color--darker.u-bg-state:focus {
  background-color: #0c0f15 !important;
}
.u-bg-color--darkest {
  background-color: #151c26;
  color: white;
}
.u-bg-color--darkest.u-bg-state:hover {
  background-color: #273447 !important;
}
.u-bg-color--darkest.u-bg-state:active {
  background-color: #1e2836 !important;
}
.u-bg-color--darkest.u-bg-state:focus {
  background-color: #030405 !important;
}
.u-bg-color--menu-hor {
  background-color: #1f2735;
  color: white;
}
.u-bg-color--menu-hor.u-bg-state:hover {
  background-color: #323f55 !important;
}
.u-bg-color--menu-hor.u-bg-state:active {
  background-color: #283345 !important;
}
.u-bg-color--menu-hor.u-bg-state:focus {
  background-color: #0c0f15 !important;
}
.u-bg-color--menu-ver {
  background-color: #151c26;
  color: white;
}
.u-bg-color--menu-ver.u-bg-state:hover {
  background-color: #273447 !important;
}
.u-bg-color--menu-ver.u-bg-state:active {
  background-color: #1e2836 !important;
}
.u-bg-color--menu-ver.u-bg-state:focus {
  background-color: #030405 !important;
}
.u-bg-color--bgold {
  background-color: #1f2735;
  color: #ffe54a;
}
.u-bg-color--bgold.u-bg-state:hover {
  background-color: #323f55 !important;
}
.u-bg-color--bgold.u-bg-state:active {
  background-color: #283345 !important;
}
.u-bg-color--bgold.u-bg-state:focus {
  background-color: #0c0f15 !important;
}

.show-index:focus {
  background-color: red !important;
}

/* //warning
$input-warn-border-color: map-get($colors, warn) !default;
$input-warn-border-color-dark: darken($input-warn-border-color, 10%);
$input-warn-border-color-light: lighten($input-warn-border-color, 8%);
//ok
$input-ok-border-color: map-get($colors, ok) !default;
$input-ok-border-color-dark: darken($input-ok-border-color, 10%);
$input-ok-border-color-light: lighten($input-ok-border-color, 8%); */
.form {
  box-sizing: border-box;
  background-color: white;
  padding: 0 1rem 2rem 1rem;
  border-radius: 3px;
}
@media only screen and (max-width: 37.5em) {
  .form {
    width: 100%;
  }
}
.form-full {
  min-height: calc(97vh - 3.5rem);
}
.form-header {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 3px solid gold;
  display: flex;
  justify-content: space-between;
}
.form-header--sticky {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;
  top: 3.5rem;
  z-index: 98;
}
.form-header-tit {
  color: white;
  letter-spacing: 2px;
  padding: 0.3rem 1rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: linear-gradient(to right bottom, rgba(0, 174, 125, 0.85), rgba(0, 189, 86, 0.85));
  border-radius: 6px;
}
.form-bloq {
  background-color: #ebecf0;
  padding: 0.4rem 0.7rem;
  border-radius: 3px;
  border: 2px solid #dbdce0;
}
.form-bloq:not(:last-child) {
  margin-bottom: 0.5rem;
}
.form-bloq--sub {
  background-color: #dbdce0;
  padding: 0.7rem;
  border-radius: 3px;
  border: 2px solid #cccccc;
}
.form-bloq--sub:not(:last-child) {
  margin-bottom: 1rem;
}
.form-desc {
  font-style: italic;
  color: rgba(0, 0, 0, 0.8);
}
.form--sm {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.form--md {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.input {
  box-sizing: border-box;
  border: 2px solid #838ba3;
  background-color: rgba(255, 255, 255, 0.8);
  font-family: inherit;
  letter-spacing: 1px;
  font-weight: 400;
  color: #151c26;
  font-size: 1rem;
  transition: all 0.3s;
  border-radius: 3px;
  /*     &-ok {
      border-color: $input-ok-border-color !important;
      &:hover {
          background-color: $input-background-color;
          border-color: $input-ok-border-color-dark !important;
      }
      &:focus {
          border-color: $input-ok-border-color-light !important;
      }
  }
  &-warn {
      border-color: $input-warn-border-color !important;
      &:hover {
          background-color: $input-background-color;
          border-color: $input-warn-border-color-dark !important;
      }
      &:focus {
          border-color: $input-warn-border-color-light !important;
      }
  } */
  padding: 0.1rem 0.4rem;
}
.input:hover {
  background-color: #eef0f3;
  cursor: pointer;
}
.input:focus {
  border-color: #00ae7d;
  background-color: #ebecf0;
}
.input--md {
  font-size: 1.3rem;
  padding: 0.4rem 0.8rem;
}
.input--bg {
  font-size: 1.4rem;
  padding: 0.5rem 0.9rem;
}
.input--lg {
  font-size: 2.1rem;
  padding: 0.6rem 0.9rem 0.6rem 0.9rem;
}
.input--auto {
  width: auto;
}
.input-error {
  border-color: #cf455c !important;
  background-color: rgba(207, 69, 92, 0.3);
}
.input-error + .desc {
  background-color: rgba(207, 69, 92, 0.3) !important;
  color: #263448;
}
.input-error:hover {
  background-color: white;
  border-color: #b32e44 !important;
}
.input-error:focus {
  background-color: rgba(207, 69, 92, 0.1);
  border-color: #e496a3 !important;
}
.input:-moz-read-only {
  background-color: rgba(249, 253, 80, 0.3);
  opacity: 0.9;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.input:-moz-read-only.input-error {
  background-color: rgba(207, 69, 92, 0.3);
}
.input:-moz-read-only {
  background-color: rgba(249, 253, 80, 0.3);
  opacity: 0.9;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.input:read-only, .input.read-only {
  background-color: rgba(249, 253, 80, 0.3);
  opacity: 0.9;
  transition: all 0.2s;
}
.input:-moz-read-only.input-error {
  background-color: rgba(207, 69, 92, 0.3);
}
.input:read-only.input-error, .input.read-only.input-error {
  background-color: rgba(207, 69, 92, 0.3);
}
.input:disabled,
.input input:disabled {
  opacity: 0.7;
  background-color: #cccccc;
  transition: all 0.2s;
  border-color: #999999 !important;
}
.input-label {
  text-transform: capitalize;
  color: #263448;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateY(3px);
}
.input-label--md {
  font-size: 1.3rem;
}
.input-label--bg {
  font-size: 1.4rem;
}
.input-label--lg {
  font-size: 2.1rem;
}
.input-label-norm {
  letter-spacing: 0.5px;
  transform: translateY(0);
}
.input-wrap {
  box-sizing: border-box;
  position: relative;
  text-align: left;
  font-size: inherit;
  display: flex;
}
.input-wrap > .input, .input-wrap > .select {
  width: 0;
}
.input-wrap > *:not(.checkbox):not(.radio) {
  flex-grow: 1;
}
.input-wrap-down {
  background-color: aqua;
  align-items: flex-end;
}
.input-wrap.loading > .input {
  padding-right: 15px;
}
.input-wrap.loading::after {
  align-self: center;
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 2px solid #1f2735;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 1rem;
  width: 1rem;
  margin-top: 0;
  position: absolute;
  z-index: 93;
  right: 5px;
  transform: none;
}
.input-wrap--smaller {
  width: 40%;
}
@media only screen and (max-width: 75em) {
  .input-wrap--smaller {
    width: 70%;
  }
}
@media only screen and (max-width: 56.25em) {
  .input-wrap--smaller {
    width: 10%;
  }
}
@media only screen and (max-width: 37.5em) {
  .input-wrap--smaller {
    width: 20%;
  }
}
.input-wrap--small {
  width: 60%;
}
@media only screen and (max-width: 75em) {
  .input-wrap--small {
    width: 80%;
  }
}
@media only screen and (max-width: 56.25em) {
  .input-wrap--small {
    width: 20%;
  }
}
@media only screen and (max-width: 37.5em) {
  .input-wrap--small {
    width: 30%;
  }
}
.input-wrap--small-fixed {
  width: 50px !important;
}
@media only screen and (max-width: 56.25em) {
  .input-wrap--small-fixed {
    width: 20% !important;
  }
}
.input-wrap--md {
  width: 70%;
}
@media only screen and (max-width: 56.25em) {
  .input-wrap--md {
    width: 40%;
  }
}
.input-wrap--md-fixed {
  width: 80px;
}
@media only screen and (max-width: 56.25em) {
  .input-wrap--md-fixed {
    width: 40%;
  }
}
.input-wrap--bg {
  width: 90%;
}
@media only screen and (max-width: 56.25em) {
  .input-wrap--bg {
    width: 60%;
  }
}
.input-desc {
  /*
   Ejemplo
   <div class="input-desc">
      <input type="text"  class="input" id="inp">
      <div  class="desc size-4"></div>
  </div>

  */
  position: relative;
  text-align: left;
  font-size: inherit;
  display: flex;
  justify-content: flex-start;
  align-content: stretch;
}
.input-desc > .desc, .input-desc > .input, .input-desc > .awesomplete, .input-desc > .awesomplete > .input {
  width: 0;
}
.input-desc > .input, .input-desc > .awesomplete {
  flex-grow: 1;
}
.input-desc > .awesomplete > .input {
  width: 100%;
}
.input-desc > .desc.size-1 {
  width: 10%;
}
.input-desc > .desc.size-2 {
  width: 20%;
}
.input-desc > .desc.size-3 {
  width: 30%;
}
.input-desc > .desc.size-4 {
  width: 40%;
}
.input-desc > .desc.size-5 {
  width: 50%;
}
.input-desc > .desc.size-6 {
  width: 60%;
}
.input-desc > .desc.size-7 {
  width: 70%;
}
.input-desc > .input:first-child, .input-desc > .awesomplete > .input:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-desc > .desc {
  border: none;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  padding: 0.1rem 0.4rem;
  background-color: #52596e;
  font-family: inherit;
  color: white;
  font-size: 1rem;
  transition: all 0.3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 30%;
  /*  &>span {
      //display: inline-block;
      //transform: translateY(13px);
      opacity: 0;
      padding: 0;
      line-height: 0;
      transition: opacity .1s;
  }
             &--active {
      &>span {
          opacity: 1;
          //transform: translateY(0);
      }
  } */
}
.input-desc.loading > .input {
  padding-right: 15px;
}
.input-desc.loading::after {
  align-self: center;
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 2px solid white;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 1rem;
  width: 1rem;
  margin-top: 0;
  position: absolute;
  z-index: 93;
  right: 5px;
  transform: none;
}
.input-addons {
  /*
   Ejemplo
  <div class="input-addons">
        <input type="text"  class="input input-expanded">
        <select class="select size-4">
          <option>opcion 1</option>
        </select>
    </div>

  */
  position: relative;
  text-align: left;
  font-size: inherit;
  display: flex;
  justify-content: flex-start;
  align-content: stretch;
}
.input-addons > select + .btn {
  padding: 0.1rem 0.4rem !important;
}
.input-addons > .input, .input-addons > .input-expanded, .input-addons > .awesomplete, .input-addons > .awesomplete > .input, .input-addons > .awesomplete > .input-expanded {
  width: 0;
}
.input-addons > .input-expanded, .input-addons > .awesomplete, .input-addons > .awesomplete > .input-expanded {
  flex-grow: 1;
}
.input-addons > .input.size-1, .input-addons > .input-wrap.size-1, .input-addons > .awesomplete > .input.size-1, .input-addons > select.size-1, .input-addons > button.size-1 {
  width: 10%;
}
.input-addons > .input.size-2, .input-addons > .input-wrap.size-2, .input-addons > .awesomplete > .input.size-2, .input-addons > select.size-2, .input-addons > button.size-2 {
  width: 20%;
}
.input-addons > .input.size-3, .input-addons > .input-wrap.size-3, .input-addons > .awesomplete > .input.size-3, .input-addons > select.size-3, .input-addons > button.size-3 {
  width: 30%;
}
.input-addons > .input.size-4, .input-addons > .input-wrap.size-4, .input-addons > .awesomplete > .input.size-4, .input-addons > select.size-4, .input-addons > button.size-4 {
  width: 40%;
}
.input-addons > .input.size-5, .input-addons > .input-wrap.size-5, .input-addons > .awesomplete > .input.size-5, .input-addons > select.size-5, .input-addons > button.size-5 {
  width: 50%;
}
.input-addons > .input.size-6, .input-addons > .input-wrap.size-6, .input-addons > .awesomplete > .input.size-6, .input-addons > select.size-6, .input-addons > button.size-6 {
  width: 60%;
}
.input-addons > .input.size-7, .input-addons > .input-wrap.size-7, .input-addons > .awesomplete > .input.size-7, .input-addons > select.size-7, .input-addons > button.size-7 {
  width: 70%;
}
.input-addons .btn {
  box-shadow: none !important;
}
.input-addons > button:first-child, .input-addons > .input:first-child, .input-addons > select:first-child, .input-addons > .input-wrap:first-child input, .input-addons > .awesomplete:first-child input, .input-addons > .input-wrap:first-child select, .input-addons > .input-wrap:first-child .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: none;
}
.input-addons > button:not(:first-child):not(:last-child), .input-addons > .input:not(:first-child):not(:last-child), .input-addons > select:not(:first-child):not(:last-child), .input-addons > .input-wrap:not(:first-child):not(:last-child) input, .input-addons > .awesomplete:not(:first-child):not(:last-child) input, .input-addons > .input-wrap:not(:first-child):not(:last-child) select, .input-addons > .input-wrap:not(:first-child):not(:last-child) .btn {
  border-radius: 0;
  border-right: none;
}
.input-addons > button:last-child, .input-addons > .input:last-child, .input-addons > select:last-child, .input-addons > .input-wrap:last-child input, .input-addons > .input-wrap:last-child > .btn, .input-addons > .awesomplete:last-child input, .input-addons > .input-wrap:last-child select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-addons-centered {
  justify-content: center;
}
.input-addons-right {
  justify-content: flex-end;
}
.input-icon {
  color: #394c68;
  height: 100%;
  width: 2.5rem;
  position: absolute;
  top: 0;
  z-index: 93;
  text-align: center;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.input-icon-right {
  right: 0;
}
.input-icon--md {
  font-size: 1.3rem;
}
.input-icon--bg {
  font-size: 1.6rem;
}
.input-icon--lg {
  font-size: 2.3rem;
}
.input-icon i {
  vertical-align: middle;
  transition: all 0.2s;
}
.input.has-icon-left {
  padding-left: 2.5rem;
}
.input.has-icon-right {
  padding-right: 2.5rem;
}

input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
  margin: 0;
}

input[type=date]::-webkit-clear-button {
  display: none;
}

input[type=date]::-webkit-inner-spin-button {
  display: none;
}

input[type=date]::-webkit-calendar-picker-indicator {
  color: #2c3e50;
}

/* A few custom styles for date inputs */
input[type=date] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: inline-block !important;
  visibility: visible !important;
}

.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../img/UI/forms/chevron-select.ico");
  background-position: right 5px center;
  background-size: 10px;
  background-repeat: no-repeat;
  width: unset;
  box-sizing: border-box;
  border: 2px solid #838ba3;
  background-color: rgba(255, 255, 255, 0.8);
  font-family: inherit;
  letter-spacing: 1px;
  font-weight: 400;
  color: #151c26;
  font-size: 1rem;
  transition: all 0.3s;
  border-radius: 3px;
  /*     &-ok {
      border-color: $input-ok-border-color !important;
      &:hover {
          background-color: $input-background-color;
          border-color: $input-ok-border-color-dark !important;
      }
      &:focus {
          border-color: $input-ok-border-color-light !important;
      }
  }
  &-warn {
      border-color: $input-warn-border-color !important;
      &:hover {
          background-color: $input-background-color;
          border-color: $input-warn-border-color-dark !important;
      }
      &:focus {
          border-color: $input-warn-border-color-light !important;
      }
  } */
  padding: 0.1rem 2rem 0.1rem 0.4rem;
}
.select:hover {
  background-color: #eef0f3;
  cursor: pointer;
}
.select:focus {
  border-color: #00ae7d;
  background-color: #ebecf0;
}
.select--md {
  font-size: 1.3rem;
  padding: 0.4rem 0.8rem;
}
.select--bg {
  font-size: 1.4rem;
  padding: 0.5rem 0.9rem;
}
.select--lg {
  font-size: 2.1rem;
  padding: 0.6rem 0.9rem 0.6rem 0.9rem;
}
.select--auto {
  width: auto;
}
.select-error {
  border-color: #cf455c !important;
  background-color: rgba(207, 69, 92, 0.3);
}
.select-error + .desc {
  background-color: rgba(207, 69, 92, 0.3) !important;
  color: #263448;
}
.select-error:hover {
  background-color: white;
  border-color: #b32e44 !important;
}
.select-error:focus {
  background-color: rgba(207, 69, 92, 0.1);
  border-color: #e496a3 !important;
}
.select:focus {
  background-image: url("../img/UI/forms/chevron-select-focus.ico");
  background-color: #263448;
  border-color: #263448;
  color: white;
}
.select--md {
  font-size: 1.3rem;
  padding: 0.4rem 2rem 0.4rem 0.8rem;
}
.select--bg {
  font-size: 1.4rem;
  padding: 0.5rem 2rem 0.5rem 0.9rem;
}
.select--lg {
  font-size: 2.1rem;
  padding: 0.6rem 2rem 0.6rem 0.9rem;
}
.select.input-error {
  background-color: rgba(207, 69, 92, 0.3);
}
.select:disabled,
.select select:disabled {
  opacity: 0.7;
  background-color: #cccccc;
  transition: all 0.2s;
  border-color: #999999 !important;
}

.inline-no-width {
  flex-direction: row !important;
  display: flex;
  align-content: flex-end;
}

.inline {
  flex-direction: row !important;
}
.inline > *:not(.input-label) {
  flex-grow: 1;
}
.inline > .input-label {
  margin-right: 5px;
  margin-bottom: 5px;
}
.inline > .input-label-norm {
  margin-right: 15px;
}

.required-char:after {
  content: " *";
  font-weight: bold;
  color: #cf455c;
}

.btn {
  text-decoration: none;
  text-transform: capitalize;
  font-family: inherit;
  font-weight: 200;
  border-radius: 3px;
  border: none;
  padding: 0.3rem 0.5rem 0.3rem 0.5rem;
  cursor: pointer;
  position: relative;
  box-shadow: 0 2px 1px 0px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.141), 0 1px 3px 0 rgba(0, 0, 0, 0.122);
  background-color: #00ae7d;
  color: white;
  transition: background-color 0.15s linear, color 0.15s linear, box-shadow 0.15s linear, transform 0.3s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn:active {
  transform: translate(2px, 2px);
}
.btn:hover {
  background-color: #00e1a2;
}
.btn:active {
  background-color: #00c88f;
}
.btn:focus {
  background-color: #007b58;
}
.btn--hidden {
  transition: all 400ms 80ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: scale(0.5);
  opacity: 0;
}
.btn.loading {
  color: transparent !important;
  pointer-events: none;
}
.btn.loading > * {
  visibility: hidden !important;
}
.btn.loading::after {
  position: absolute !important;
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 2px solid white;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 1rem;
  width: 1rem;
  position: absolute;
  left: calc(50% - (1rem / 2));
  top: calc(50% - (1rem / 2));
}
.btn.loading--dark::after {
  border-color: #263448 !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.btn--bg {
  font-size: 1.3rem;
  padding: 1rem 1.5rem 1rem 1rem;
}
.btn--bg.loading {
  display: inline-block;
}
.btn--bg.loading::after {
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 2px solid white;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 2rem;
  width: 2rem;
  position: absolute;
  left: calc(50% - (2rem / 2));
  top: calc(50% - (2rem / 2));
}
.btn--lg {
  font-size: 1.6rem;
  padding: 1.5rem;
}
.btn--lg.loading {
  display: inline-block;
}
.btn--lg.loading::after {
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 2px solid white;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  position: absolute;
  left: calc(50% - (2.5rem / 2));
  top: calc(50% - (2.5rem / 2));
}
.btn--md {
  font-size: 1.4rem;
  padding: 0.7rem 1rem 0.7rem 1rem;
}
.btn--md.loading {
  display: inline-block;
}
.btn--md.loading::after {
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 2px solid white;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  left: calc(50% - (1.5rem / 2));
  top: calc(50% - (1.5rem / 2));
}
.btn--sm {
  font-size: 1rem;
  padding: 0.2rem;
}
.btn--sm.loading {
  display: inline-block;
}
.btn--sm.loading::after {
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 2px solid white;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 1rem;
  width: 1rem;
  position: absolute;
  left: calc(50% - (1rem / 2));
  top: calc(50% - (1rem / 2));
}
.btn-icon-only {
  display: flex;
  align-items: center;
}
.btn-border {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.btn-circle {
  border-radius: 100%;
}
.btn-static {
  text-decoration: none;
  text-transform: capitalize;
  font-family: inherit;
  font-weight: 200;
  border-radius: 3px;
  border: none;
  padding: 0.3rem 0.5rem 0.3rem 0.5rem;
  cursor: pointer;
  position: relative;
}
.btn-static:active {
  transform: translate(0px, 0px);
}
.btn--transparent {
  background-color: transparent;
}
.btn--transparent:hover {
  background-color: transparent;
}
.btn-inp-border {
  border: 2px solid #838ba3;
}
.btn:disabled, .btn--disabled {
  border-color: #848484 !important;
  background-color: #cccccc !important;
  color: #848484 !important;
}
.btn:disabled:hover, .btn--disabled:hover {
  background-color: #cccccc !important;
}
.btn:disabled:active, .btn--disabled:active {
  transform: translate(0px, 0px);
}
.btn-center-text {
  display: flex;
  justify-content: center;
}
.btn-blq {
  margin-top: 0.5rem;
  padding-top: 0.8rem;
  border-top: 2px solid #ebecf0;
  display: flex;
  justify-content: flex-start;
}
.btn-blq--simple {
  display: flex;
  justify-content: flex-start;
}
.btn-blq--simple > *:not(:last-child) {
  margin-right: 1rem;
}
.btn-blq--simple > .text {
  align-self: center;
}
.btn-blq.gap-0 {
  padding-left: 0rem;
  padding-right: 0rem;
}
@media only screen and (max-width: 56.25em) {
  .btn-blq.gap-0 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.btn-blq.gap-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media only screen and (max-width: 56.25em) {
  .btn-blq.gap-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.btn-blq.gap-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media only screen and (max-width: 56.25em) {
  .btn-blq.gap-2 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.btn-blq.gap-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media only screen and (max-width: 56.25em) {
  .btn-blq.gap-3 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.btn-blq.gap-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (max-width: 56.25em) {
  .btn-blq.gap-4 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.btn-blq.gap-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media only screen and (max-width: 56.25em) {
  .btn-blq.gap-5 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.btn-blq.gap-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media only screen and (max-width: 56.25em) {
  .btn-blq.gap-6 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.btn-blq.gap-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
@media only screen and (max-width: 56.25em) {
  .btn-blq.gap-7 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.btn-blq.gap-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 56.25em) {
  .btn-blq.gap-8 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.btn-blq > *:not(:last-child) {
  margin-right: 1rem;
}
.btn-blq > .row {
  width: 100%;
}
@media only screen and (max-width: 56.25em) {
  .btn-blq {
    flex-wrap: wrap;
  }
  .btn-blq > .btn {
    margin-top: 0.5rem;
  }
}
.btn-blq.right {
  justify-content: flex-end;
}
.btn-blq.center {
  justify-content: center;
}
.btn-back {
  display: flex;
  align-items: center;
  padding: 0.3rem 0.8rem 0.3rem 0.8rem;
  border-right: 2px solid #dbdce0;
  transition: background-color 0.15s linear;
  color: #263448;
  font-size: 1.6rem;
  margin-right: 1rem;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  position: relative;
}
.btn-back:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.btn-back:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.btn-back.loading {
  color: transparent !important;
  pointer-events: none;
}
.btn-back.loading > * {
  visibility: hidden !important;
}
.btn-back.loading::after {
  position: absolute !important;
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 2px solid #263448;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 1rem;
  width: 1rem;
  position: absolute;
  left: calc(50% - (1rem / 2));
  top: calc(50% - (1rem / 2));
}

/*
&.is-loading {
	&::after {
	  border-color: transparent transparent $colors-invert $colors-invert !important;
	}
  }
 */
.breadcumb {
  list-style-type: none;
  display: flex;
}
@media only screen and (max-width: 56.25em) {
  .breadcumb {
    flex-wrap: wrap;
  }
}
.breadcumb-item {
  font-size: 1rem;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-transform: capitalize;
}
@media only screen and (max-width: 56.25em) {
  .breadcumb-item {
    font-size: 1.2rem;
  }
}
.breadcumb-item:not(:first-child) {
  padding-left: 0.25em;
}
.breadcumb-item .bread-icon {
  color: #838ba3;
}
.breadcumb-item .icon {
  font-size: 1.4rem !important;
  transform: translateY(-1px);
}
.breadcumb-item > * {
  color: #adadad;
  transition: all 0.2s;
}
.breadcumb-item:hover > * {
  color: #1f2735;
}
.breadcumb-item--active {
  pointer-events: none;
  cursor: default;
}
.breadcumb-item--active a {
  color: #1f2735;
}
.breadcumb-item::before {
  content: "";
}
.breadcumb.breadcumb-entities .breadcumb-item .bread-icon {
  display: none;
}
.breadcumb-entities.breadcumb--arrow .breadcumb-item:not(:first-child)::before {
  content: "→";
  color: #838ba3;
  padding-right: 0.25em;
}
.breadcumb-entities.breadcumb--bullet .breadcumb-item:not(:first-child)::before {
  content: "•";
  color: #838ba3;
  padding-right: 0.25em;
}
.breadcumb-entities.breadcumb--chevron .breadcumb-item:not(:first-child)::before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  color: #838ba3;
  padding-right: 0.25em;
}

.control-list {
  border-radius: 3px;
  display: flex;
  border: 2px solid #dbdce0;
  align-items: stretch;
  padding: 0;
}
.control-list > * {
  padding: 0.5rem;
}
.control-list > *:last-child {
  width: 100%;
}
.control-list--opaque {
  opacity: 0.5;
}
.control-list-input {
  display: flex;
  align-items: center;
  border-right: 2px solid #dbdce0;
}
.control-list--dark {
  background-color: #f4f5f7;
}
.control-list--sm {
  border: 1px solid #dbdce0;
}
.control-list--sm > .control-list-input {
  border-right: 1px solid #dbdce0;
}
.control-list--sm > * {
  padding: 0.1rem 0.3rem;
}

.checkbox {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: inherit;
  margin: 0;
  color: inherit;
  outline: none;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  border-radius: 3px;
  border: 2px solid #838ba3;
  width: 1.7rem !important;
  height: 1.7rem !important;
  /*
     <div class="col col-1_2 inline ">
            <div class="input-wrap">
                <input type="checkbox" id="check1" class="checkbox">
                <label class="checkbox-label" for="check1">Pago unico</label>
            </div>
        </div>
  */
}
.checkbox:hover {
  background-color: #eef0f3;
}
.checkbox:focus {
  border-color: #00ae7d;
}
.checkbox:active {
  transform: scale(0.7);
}
.checkbox:checked {
  background-color: #263448 !important;
  border-color: #263448;
}
.checkbox:checked:focus {
  border-color: #00ae7d;
}
.checkbox-label {
  text-transform: capitalize;
  color: #263448;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkbox-label--md {
  font-size: 1.3rem;
}
.checkbox-label--bg {
  font-size: 1.4rem;
}
.checkbox-label--lg {
  font-size: 2.1rem;
}
.checkbox:disabled, .checkbox--disabled {
  border-color: #adadad;
  background-color: #cccccc;
}
.checkbox:disabled:hover, .checkbox--disabled:hover {
  background-color: #cccccc;
}
.checkbox:disabled:active, .checkbox--disabled:active {
  transform: translate(0px, 0px);
}
.checkbox-label {
  transition: all 0.2s;
  padding-left: 0.6rem;
  margin-left: -0.2rem;
}
.checkbox::after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  color: white;
  display: inline-block;
  transform: scale(0);
  transition: all 200ms cubic-bezier(0.4, 0, 0.23, 1);
}
.checkbox:checked:after {
  transform: scale(1);
}
.checkbox--third {
  background-color: rgba(255, 255, 255, 0.8);
  border-color: #263448;
}
.checkbox--third::after {
  content: "";
  background-color: #263448;
  width: 100%;
  height: 100%;
  transform: scale(0.7);
}
.checkbox--sm {
  width: 1.3rem !important;
  height: 1.3rem !important;
}
.checkbox--sm::after {
  font-size: 1rem;
}

.radio {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: inherit;
  margin: 0;
  color: inherit;
  outline: none;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  border-radius: 100%;
  border: 2px solid #838ba3;
  width: 1.5rem !important;
  height: 1.5rem !important;
  /*
         <div class="col col-2">
             <label class="radio-label">tipo de orden</label>
             <div class="input-wrap">
                 <div class="radio-blq input-error">
                     <div class="radio-wrap">
                         <input type="radio" id="radio1" class="radio" name="rad">
                         <label class="checkbox-label" for="radio1">Pago 1</label>
                     </div>
                     <div class="radio-wrap">
                         <input type="radio" id="radio2" class="radio" name="rad">
                         <label class="checkbox-label" for="radio1">Pago 1</label>
                     </div>
                 </div>
                 <div class="tooltip-elem">Opcion requerida</div>
             </div>
         </div>
  */
}
.radio:hover {
  background-color: #eef0f3;
}
.radio:focus {
  border-color: #00ae7d;
}
.radio:active {
  transform: scale(0.7);
}
.radio:checked {
  background-color: #263448 !important;
  border-color: #263448;
}
.radio:checked:focus {
  border-color: #00ae7d;
}
.radio-label {
  text-transform: capitalize;
  color: #263448;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.radio-label--md {
  font-size: 1.3rem;
}
.radio-label--bg {
  font-size: 1.4rem;
}
.radio-label--lg {
  font-size: 2.1rem;
}
.radio:disabled, .radio--disabled {
  border-color: #adadad;
  background-color: #cccccc;
}
.radio:disabled:hover, .radio--disabled:hover {
  background-color: #cccccc;
}
.radio:disabled:active, .radio--disabled:active {
  transform: translate(0px, 0px);
}
.radio-blq {
  display: flex;
  background-color: rgba(131, 139, 163, 0.5);
  border-radius: 3px;
  border: 1px solid #838ba3;
  padding: 0.1rem 0.4rem;
}
.radio-blq > .radio-wrap {
  margin-right: 0.7rem;
  width: 0;
  flex: 1;
}
.radio-blq > .radio-wrap:last-child {
  margin-right: 0;
}
.radio-wrap {
  display: flex;
}
.radio-wrap.fuck {
  background-color: red;
}
.radio-label {
  transition: all 0.2s;
  padding-left: 1rem;
  margin-left: -0.6rem;
  transform: translateY(3px);
  z-index: 1;
}
.radio::after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  color: white;
  display: inline-block;
  transform: scale(0);
  transition: all 200ms cubic-bezier(0.4, 0, 0.23, 1);
}
.radio:checked:after {
  transform: scale(1);
}

.drop {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.drop-menu-fixed {
  display: flex;
  width: 100%;
  flex-direction: column;
  position: relative;
}
.drop-font--default {
  font-size: 1.6rem !important;
}
.drop-font--smaller {
  font-size: 1rem !important;
}
.drop-font--sm {
  font-size: 1.2rem !important;
}
.drop-font--md {
  font-size: 1.3rem !important;
}
.drop-font--bg {
  font-size: 1.6rem !important;
}
.drop-font--large {
  font-size: 2.3rem !important;
}
.drop-menu {
  left: 0;
  min-width: 12rem;
  position: absolute;
  top: 100%;
  z-index: 96;
  transition: all 300ms 80ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.drop-menu--right {
  left: auto !important;
  right: 0 !important;
}
.drop-trigger .drop-menu:hover {
  display: block;
}
.drop-trigger + .drop-menu, .drop-trigger + .drop > .drop-menu {
  display: none;
}
.drop-trigger:hover + .drop-menu, .drop-trigger:hover + .drop > .drop-menu, .drop-trigger + .drop-menu:hover, .drop-trigger + .drop > .drop-menu:hover {
  display: block;
}
.drop-trigger--anim + .drop-menu, .drop-trigger--anim + .drop > .drop-menu {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.7);
}
.drop-trigger--anim:hover + .drop-menu, .drop-trigger--anim:hover + .drop > .drop-menu, .drop-trigger--anim + .drop-menu:hover, .drop-trigger--anim + .drop > .drop-menu:hover {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.drop-content {
  position: relative;
  background-color: white;
  padding: 0.5rem 0;
  font-size: 1.2rem;
  border-radius: 3px;
  box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #838ba3;
}
.drop-content--sm {
  font-size: 1rem;
}
.drop-content--md {
  font-size: 1.3rem;
}
.drop-content--big {
  font-size: 1.6rem;
}
.drop-content .tag {
  width: 90%;
  transform: translateX(5%);
  margin-bottom: 0.5rem;
}
.drop-item {
  color: #1f2735;
  font-size: inherit;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
  width: 100%;
  cursor: pointer;
  transform: scale(1);
  transition: all 0.2s;
  white-space: nowrap;
  white-space: nowrap;
  overflow: hidden;
  /* <- this does seem to be required */
  text-overflow: ellipsis;
}
.drop-item:hover {
  background-color: #ebecf0;
}
.drop-item:active {
  background-color: #dbdce0;
  transform: scale(0.95);
}
.drop-item--active {
  background-color: #dbdce0 !important;
}
.drop-item-sub {
  display: flex;
}
.drop-item-sub:after {
  content: "";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-left: auto;
  padding-left: 1rem;
}
.drop-divider {
  background-color: #838ba3;
  height: 1px;
  border: none;
}
.drop--right {
  top: -1px;
  left: 100%;
  right: auto;
}
.drop--left {
  top: auto;
  left: auto;
  right: 100%;
}
.drop--top {
  top: auto;
  bottom: 100%;
  right: auto;
}
.drop--bottom {
  top: 100%;
}
.drop--dark .drop-content {
  background-color: #151c26;
  border: 1px solid #323f55;
}
.drop--dark .drop-item {
  color: white;
}
.drop--dark .drop-item:hover {
  background-color: #1f2735;
}
.drop--dark .drop-item:active {
  background-color: #0c0f15;
}
.drop--dark .drop-divider {
  background-color: #323f55;
}

/* Uncomment and set these variables to customize the grid. */
.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0;
  align-items: flex-end;
}
@media only screen and (max-width: 56.25em) {
  .row {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 37.5em) {
  .row {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.row.reverse {
  flex-direction: row-reverse;
}
.row.gap-0 > .col, .row.gap-0 > .fake-col {
  padding-right: 0rem;
}
.row.gap-0 > .col:first-child, .row.gap-0 > .fake-col:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 56.25em) {
  .row.gap-0 > .col, .row.gap-0 > .fake-col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.row.gap-1 > .col, .row.gap-1 > .fake-col {
  padding-right: 0.25rem;
}
.row.gap-1 > .col:first-child, .row.gap-1 > .fake-col:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 56.25em) {
  .row.gap-1 > .col, .row.gap-1 > .fake-col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.row.gap-2 > .col, .row.gap-2 > .fake-col {
  padding-right: 0.5rem;
}
.row.gap-2 > .col:first-child, .row.gap-2 > .fake-col:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 56.25em) {
  .row.gap-2 > .col, .row.gap-2 > .fake-col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.row.gap-3 > .col, .row.gap-3 > .fake-col {
  padding-right: 0.75rem;
}
.row.gap-3 > .col:first-child, .row.gap-3 > .fake-col:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 56.25em) {
  .row.gap-3 > .col, .row.gap-3 > .fake-col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.row.gap-4 > .col, .row.gap-4 > .fake-col {
  padding-right: 1rem;
}
.row.gap-4 > .col:first-child, .row.gap-4 > .fake-col:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 56.25em) {
  .row.gap-4 > .col, .row.gap-4 > .fake-col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.row.gap-5 > .col, .row.gap-5 > .fake-col {
  padding-right: 1.25rem;
}
.row.gap-5 > .col:first-child, .row.gap-5 > .fake-col:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 56.25em) {
  .row.gap-5 > .col, .row.gap-5 > .fake-col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.row.gap-6 > .col, .row.gap-6 > .fake-col {
  padding-right: 1.5rem;
}
.row.gap-6 > .col:first-child, .row.gap-6 > .fake-col:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 56.25em) {
  .row.gap-6 > .col, .row.gap-6 > .fake-col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.row.gap-7 > .col, .row.gap-7 > .fake-col {
  padding-right: 1.75rem;
}
.row.gap-7 > .col:first-child, .row.gap-7 > .fake-col:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 56.25em) {
  .row.gap-7 > .col, .row.gap-7 > .fake-col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.row.gap-8 > .col, .row.gap-8 > .fake-col {
  padding-right: 2rem;
}
.row.gap-8 > .col:first-child, .row.gap-8 > .fake-col:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 56.25em) {
  .row.gap-8 > .col, .row.gap-8 > .fake-col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .row .fake-col {
    justify-content: flex-start;
  }
}
.row-btn {
  display: flex;
  justify-content: flex-start;
}
.row-btn > * {
  margin-right: 0.5rem;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media only screen and (max-width: 56.25em) {
  .col {
    padding-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .col {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 56.25em) {
  .col-block {
    flex-basis: 80% !important;
    max-width: 80% !important;
    width: 80% !important;
  }
}
.col-button {
  flex-direction: row;
  align-items: flex-end;
}
.col.reverse {
  flex-direction: column-reverse;
}
.col.cancel-gap {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.col.cancel-gap--right {
  padding-right: 0 !important;
}
.col.cancel-gap--left {
  padding-left: 0 !important;
}
.col-bg {
  padding: 0 0.5rem 0 0.5rem;
  border-radius: 3px;
}
.col-bg--primary {
  background-color: #00ae7d !important;
}
.col-bg--primary > .input-label {
  color: white !important;
}
.col-bg--primary-alt {
  background-color: #00bd56 !important;
}
.col-bg--primary-alt > .input-label {
  color: white !important;
}
.col-bg--secundary {
  background-color: #ffe54a !important;
}
.col-bg--secundary > .input-label {
  color: #151c26 !important;
}
.col-bg--secundary-alt {
  background-color: #f9fd50 !important;
}
.col-bg--secundary-alt > .input-label {
  color: #151c26 !important;
}
.col-bg--verde {
  background-color: #506e58 !important;
}
.col-bg--verde > .input-label {
  color: white !important;
}
.col-bg--visited {
  background-color: #4f49d0 !important;
}
.col-bg--visited > .input-label {
  color: white !important;
}
.col-bg--error {
  background-color: #cf455c !important;
}
.col-bg--error > .input-label {
  color: white !important;
}
.col-bg--ok {
  background-color: #1089ff !important;
}
.col-bg--ok > .input-label {
  color: white !important;
}
.col-bg--warn {
  background-color: #ffe54a !important;
}
.col-bg--warn > .input-label {
  color: #151c26 !important;
}
.col-bg--light {
  background-color: #f4f5f7 !important;
}
.col-bg--light > .input-label {
  color: #151c26 !important;
}
.col-bg--light-dark {
  background-color: #ebecf0 !important;
}
.col-bg--light-dark > .input-label {
  color: #151c26 !important;
}
.col-bg--light-darker {
  background-color: #dbdce0 !important;
}
.col-bg--light-darker > .input-label {
  color: #151c26 !important;
}
.col-bg--gray-light {
  background-color: #dbdce0 !important;
}
.col-bg--gray-light > .input-label {
  color: white !important;
}
.col-bg--gray1 {
  background-color: #cccccc !important;
}
.col-bg--gray1 > .input-label {
  color: #151c26 !important;
}
.col-bg--gray-darker {
  background-color: #adadad !important;
}
.col-bg--gray-darker > .input-label {
  color: white !important;
}
.col-bg--gray-darkest {
  background-color: #848484 !important;
}
.col-bg--gray-darkest > .input-label {
  color: white !important;
}
.col-bg--body-gradient {
  background-color: #dbdce0 !important;
}
.col-bg--body-gradient > .input-label {
  color: #151c26 !important;
}
.col-bg--dark-light {
  background-color: #838ba3 !important;
}
.col-bg--dark-light > .input-label {
  color: white !important;
}
.col-bg--dark {
  background-color: #263448 !important;
}
.col-bg--dark > .input-label {
  color: white !important;
}
.col-bg--darker {
  background-color: #1f2735 !important;
}
.col-bg--darker > .input-label {
  color: white !important;
}
.col-bg--darkest {
  background-color: #151c26 !important;
}
.col-bg--darkest > .input-label {
  color: white !important;
}
.col-bg--menu-hor {
  background-color: #1f2735 !important;
}
.col-bg--menu-hor > .input-label {
  color: white !important;
}
.col-bg--menu-ver {
  background-color: #151c26 !important;
}
.col-bg--menu-ver > .input-label {
  color: white !important;
}
.col-bg--bgold {
  background-color: #1f2735 !important;
}
.col-bg--bgold > .input-label {
  color: #ffe54a !important;
}
.col-0_1 {
  flex-basis: 0.8333%;
  max-width: 0.8333%;
}
@media only screen and (max-width: 37.5em) {
  .col-0_1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-0_2 {
  flex-basis: 1.6666%;
  max-width: 1.6666%;
}
@media only screen and (max-width: 37.5em) {
  .col-0_2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-0_3 {
  flex-basis: 2.4999%;
  max-width: 2.4999%;
}
@media only screen and (max-width: 37.5em) {
  .col-0_3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-0_4 {
  flex-basis: 3.3332%;
  max-width: 3.3332%;
}
@media only screen and (max-width: 37.5em) {
  .col-0_4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-0_5 {
  flex-basis: 4.1665%;
  max-width: 4.1665%;
}
@media only screen and (max-width: 37.5em) {
  .col-0_5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-0_6 {
  flex-basis: 4.9998%;
  max-width: 4.9998%;
}
@media only screen and (max-width: 37.5em) {
  .col-0_6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-0_7 {
  flex-basis: 5.8331%;
  max-width: 5.8331%;
}
@media only screen and (max-width: 37.5em) {
  .col-0_7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-0_8 {
  flex-basis: 6.6664%;
  max-width: 6.6664%;
}
@media only screen and (max-width: 37.5em) {
  .col-0_8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-0_9 {
  flex-basis: 7.4997%;
  max-width: 7.4997%;
}
@media only screen and (max-width: 37.5em) {
  .col-0_9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-1 {
  flex-basis: 8.333%;
  max-width: 8.333%;
}
@media only screen and (max-width: 37.5em) {
  .col-1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-1_1 {
  flex-basis: 9.1663%;
  max-width: 9.1663%;
}
@media only screen and (max-width: 37.5em) {
  .col-1_1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-1_2 {
  flex-basis: 9.9996%;
  max-width: 9.9996%;
}
@media only screen and (max-width: 37.5em) {
  .col-1_2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-1_3 {
  flex-basis: 10.8329%;
  max-width: 10.8329%;
}
@media only screen and (max-width: 37.5em) {
  .col-1_3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-1_4 {
  flex-basis: 11.6662%;
  max-width: 11.6662%;
}
@media only screen and (max-width: 37.5em) {
  .col-1_4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-1_5 {
  flex-basis: 12.4995%;
  max-width: 12.4995%;
}
@media only screen and (max-width: 37.5em) {
  .col-1_5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-1_6 {
  flex-basis: 13.3328%;
  max-width: 13.3328%;
}
@media only screen and (max-width: 37.5em) {
  .col-1_6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-1_7 {
  flex-basis: 14.1661%;
  max-width: 14.1661%;
}
@media only screen and (max-width: 37.5em) {
  .col-1_7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-1_8 {
  flex-basis: 14.9994%;
  max-width: 14.9994%;
}
@media only screen and (max-width: 37.5em) {
  .col-1_8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-1_9 {
  flex-basis: 15.8327%;
  max-width: 15.8327%;
}
@media only screen and (max-width: 37.5em) {
  .col-1_9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-2 {
  flex-basis: 16.666%;
  max-width: 16.666%;
}
@media only screen and (max-width: 37.5em) {
  .col-2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-2_1 {
  flex-basis: 17.4993%;
  max-width: 17.4993%;
}
@media only screen and (max-width: 37.5em) {
  .col-2_1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-2_2 {
  flex-basis: 18.3326%;
  max-width: 18.3326%;
}
@media only screen and (max-width: 37.5em) {
  .col-2_2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-2_3 {
  flex-basis: 19.1659%;
  max-width: 19.1659%;
}
@media only screen and (max-width: 37.5em) {
  .col-2_3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-2_4 {
  flex-basis: 19.9992%;
  max-width: 19.9992%;
}
@media only screen and (max-width: 37.5em) {
  .col-2_4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-2_5 {
  flex-basis: 20.8325%;
  max-width: 20.8325%;
}
@media only screen and (max-width: 37.5em) {
  .col-2_5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-2_6 {
  flex-basis: 21.6658%;
  max-width: 21.6658%;
}
@media only screen and (max-width: 37.5em) {
  .col-2_6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-2_7 {
  flex-basis: 22.4991%;
  max-width: 22.4991%;
}
@media only screen and (max-width: 37.5em) {
  .col-2_7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-2_8 {
  flex-basis: 23.3324%;
  max-width: 23.3324%;
}
@media only screen and (max-width: 37.5em) {
  .col-2_8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-2_9 {
  flex-basis: 24.1657%;
  max-width: 24.1657%;
}
@media only screen and (max-width: 37.5em) {
  .col-2_9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-3 {
  flex-basis: 24.999%;
  max-width: 24.999%;
}
@media only screen and (max-width: 37.5em) {
  .col-3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-3_1 {
  flex-basis: 25.8323%;
  max-width: 25.8323%;
}
@media only screen and (max-width: 37.5em) {
  .col-3_1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-3_2 {
  flex-basis: 26.6656%;
  max-width: 26.6656%;
}
@media only screen and (max-width: 37.5em) {
  .col-3_2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-3_3 {
  flex-basis: 27.4989%;
  max-width: 27.4989%;
}
@media only screen and (max-width: 37.5em) {
  .col-3_3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-3_4 {
  flex-basis: 28.3322%;
  max-width: 28.3322%;
}
@media only screen and (max-width: 37.5em) {
  .col-3_4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-3_5 {
  flex-basis: 29.1655%;
  max-width: 29.1655%;
}
@media only screen and (max-width: 37.5em) {
  .col-3_5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-3_6 {
  flex-basis: 29.9988%;
  max-width: 29.9988%;
}
@media only screen and (max-width: 37.5em) {
  .col-3_6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-3_7 {
  flex-basis: 30.8321%;
  max-width: 30.8321%;
}
@media only screen and (max-width: 37.5em) {
  .col-3_7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-3_8 {
  flex-basis: 31.6654%;
  max-width: 31.6654%;
}
@media only screen and (max-width: 37.5em) {
  .col-3_8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-3_9 {
  flex-basis: 32.4987%;
  max-width: 32.4987%;
}
@media only screen and (max-width: 37.5em) {
  .col-3_9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-4 {
  flex-basis: 33.332%;
  max-width: 33.332%;
}
@media only screen and (max-width: 37.5em) {
  .col-4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-4_1 {
  flex-basis: 34.1653%;
  max-width: 34.1653%;
}
@media only screen and (max-width: 37.5em) {
  .col-4_1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-4_2 {
  flex-basis: 34.9986%;
  max-width: 34.9986%;
}
@media only screen and (max-width: 37.5em) {
  .col-4_2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-4_3 {
  flex-basis: 35.8319%;
  max-width: 35.8319%;
}
@media only screen and (max-width: 37.5em) {
  .col-4_3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-4_4 {
  flex-basis: 36.6652%;
  max-width: 36.6652%;
}
@media only screen and (max-width: 37.5em) {
  .col-4_4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-4_5 {
  flex-basis: 37.4985%;
  max-width: 37.4985%;
}
@media only screen and (max-width: 37.5em) {
  .col-4_5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-4_6 {
  flex-basis: 38.3318%;
  max-width: 38.3318%;
}
@media only screen and (max-width: 37.5em) {
  .col-4_6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-4_7 {
  flex-basis: 39.1651%;
  max-width: 39.1651%;
}
@media only screen and (max-width: 37.5em) {
  .col-4_7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-4_8 {
  flex-basis: 39.9984%;
  max-width: 39.9984%;
}
@media only screen and (max-width: 37.5em) {
  .col-4_8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-4_9 {
  flex-basis: 40.8317%;
  max-width: 40.8317%;
}
@media only screen and (max-width: 37.5em) {
  .col-4_9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-5 {
  flex-basis: 41.665%;
  max-width: 41.665%;
}
@media only screen and (max-width: 37.5em) {
  .col-5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-5_1 {
  flex-basis: 42.4983%;
  max-width: 42.4983%;
}
@media only screen and (max-width: 37.5em) {
  .col-5_1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-5_2 {
  flex-basis: 43.3316%;
  max-width: 43.3316%;
}
@media only screen and (max-width: 37.5em) {
  .col-5_2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-5_3 {
  flex-basis: 44.1649%;
  max-width: 44.1649%;
}
@media only screen and (max-width: 37.5em) {
  .col-5_3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-5_4 {
  flex-basis: 44.9982%;
  max-width: 44.9982%;
}
@media only screen and (max-width: 37.5em) {
  .col-5_4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-5_5 {
  flex-basis: 45.8315%;
  max-width: 45.8315%;
}
@media only screen and (max-width: 37.5em) {
  .col-5_5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-5_6 {
  flex-basis: 46.6648%;
  max-width: 46.6648%;
}
@media only screen and (max-width: 37.5em) {
  .col-5_6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-5_7 {
  flex-basis: 47.4981%;
  max-width: 47.4981%;
}
@media only screen and (max-width: 37.5em) {
  .col-5_7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-5_8 {
  flex-basis: 48.3314%;
  max-width: 48.3314%;
}
@media only screen and (max-width: 37.5em) {
  .col-5_8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-5_9 {
  flex-basis: 49.1647%;
  max-width: 49.1647%;
}
@media only screen and (max-width: 37.5em) {
  .col-5_9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-6 {
  flex-basis: 49.998%;
  max-width: 49.998%;
}
@media only screen and (max-width: 37.5em) {
  .col-6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-6_1 {
  flex-basis: 50.8313%;
  max-width: 50.8313%;
}
@media only screen and (max-width: 37.5em) {
  .col-6_1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-6_2 {
  flex-basis: 51.6646%;
  max-width: 51.6646%;
}
@media only screen and (max-width: 37.5em) {
  .col-6_2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-6_3 {
  flex-basis: 52.4979%;
  max-width: 52.4979%;
}
@media only screen and (max-width: 37.5em) {
  .col-6_3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-6_4 {
  flex-basis: 53.3312%;
  max-width: 53.3312%;
}
@media only screen and (max-width: 37.5em) {
  .col-6_4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-6_5 {
  flex-basis: 54.1645%;
  max-width: 54.1645%;
}
@media only screen and (max-width: 37.5em) {
  .col-6_5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-6_6 {
  flex-basis: 54.9978%;
  max-width: 54.9978%;
}
@media only screen and (max-width: 37.5em) {
  .col-6_6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-6_7 {
  flex-basis: 55.8311%;
  max-width: 55.8311%;
}
@media only screen and (max-width: 37.5em) {
  .col-6_7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-6_8 {
  flex-basis: 56.6644%;
  max-width: 56.6644%;
}
@media only screen and (max-width: 37.5em) {
  .col-6_8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-6_9 {
  flex-basis: 57.4977%;
  max-width: 57.4977%;
}
@media only screen and (max-width: 37.5em) {
  .col-6_9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-7 {
  flex-basis: 58.331%;
  max-width: 58.331%;
}
@media only screen and (max-width: 37.5em) {
  .col-7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-7_1 {
  flex-basis: 59.1643%;
  max-width: 59.1643%;
}
@media only screen and (max-width: 37.5em) {
  .col-7_1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-7_2 {
  flex-basis: 59.9976%;
  max-width: 59.9976%;
}
@media only screen and (max-width: 37.5em) {
  .col-7_2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-7_3 {
  flex-basis: 60.8309%;
  max-width: 60.8309%;
}
@media only screen and (max-width: 37.5em) {
  .col-7_3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-7_4 {
  flex-basis: 61.6642%;
  max-width: 61.6642%;
}
@media only screen and (max-width: 37.5em) {
  .col-7_4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-7_5 {
  flex-basis: 62.4975%;
  max-width: 62.4975%;
}
@media only screen and (max-width: 37.5em) {
  .col-7_5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-7_6 {
  flex-basis: 63.3308%;
  max-width: 63.3308%;
}
@media only screen and (max-width: 37.5em) {
  .col-7_6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-7_7 {
  flex-basis: 64.1641%;
  max-width: 64.1641%;
}
@media only screen and (max-width: 37.5em) {
  .col-7_7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-7_8 {
  flex-basis: 64.9974%;
  max-width: 64.9974%;
}
@media only screen and (max-width: 37.5em) {
  .col-7_8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-7_9 {
  flex-basis: 65.8307%;
  max-width: 65.8307%;
}
@media only screen and (max-width: 37.5em) {
  .col-7_9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-8 {
  flex-basis: 66.664%;
  max-width: 66.664%;
}
@media only screen and (max-width: 37.5em) {
  .col-8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-8_1 {
  flex-basis: 67.4973%;
  max-width: 67.4973%;
}
@media only screen and (max-width: 37.5em) {
  .col-8_1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-8_2 {
  flex-basis: 68.3306%;
  max-width: 68.3306%;
}
@media only screen and (max-width: 37.5em) {
  .col-8_2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-8_3 {
  flex-basis: 69.1639%;
  max-width: 69.1639%;
}
@media only screen and (max-width: 37.5em) {
  .col-8_3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-8_4 {
  flex-basis: 69.9972%;
  max-width: 69.9972%;
}
@media only screen and (max-width: 37.5em) {
  .col-8_4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-8_5 {
  flex-basis: 70.8305%;
  max-width: 70.8305%;
}
@media only screen and (max-width: 37.5em) {
  .col-8_5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-8_6 {
  flex-basis: 71.6638%;
  max-width: 71.6638%;
}
@media only screen and (max-width: 37.5em) {
  .col-8_6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-8_7 {
  flex-basis: 72.4971%;
  max-width: 72.4971%;
}
@media only screen and (max-width: 37.5em) {
  .col-8_7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-8_8 {
  flex-basis: 73.3304%;
  max-width: 73.3304%;
}
@media only screen and (max-width: 37.5em) {
  .col-8_8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-8_9 {
  flex-basis: 74.1637%;
  max-width: 74.1637%;
}
@media only screen and (max-width: 37.5em) {
  .col-8_9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-9 {
  flex-basis: 74.997%;
  max-width: 74.997%;
}
@media only screen and (max-width: 37.5em) {
  .col-9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-9_1 {
  flex-basis: 75.8303%;
  max-width: 75.8303%;
}
@media only screen and (max-width: 37.5em) {
  .col-9_1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-9_2 {
  flex-basis: 76.6636%;
  max-width: 76.6636%;
}
@media only screen and (max-width: 37.5em) {
  .col-9_2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-9_3 {
  flex-basis: 77.4969%;
  max-width: 77.4969%;
}
@media only screen and (max-width: 37.5em) {
  .col-9_3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-9_4 {
  flex-basis: 78.3302%;
  max-width: 78.3302%;
}
@media only screen and (max-width: 37.5em) {
  .col-9_4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-9_5 {
  flex-basis: 79.1635%;
  max-width: 79.1635%;
}
@media only screen and (max-width: 37.5em) {
  .col-9_5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-9_6 {
  flex-basis: 79.9968%;
  max-width: 79.9968%;
}
@media only screen and (max-width: 37.5em) {
  .col-9_6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-9_7 {
  flex-basis: 80.8301%;
  max-width: 80.8301%;
}
@media only screen and (max-width: 37.5em) {
  .col-9_7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-9_8 {
  flex-basis: 81.6634%;
  max-width: 81.6634%;
}
@media only screen and (max-width: 37.5em) {
  .col-9_8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-9_9 {
  flex-basis: 82.4967%;
  max-width: 82.4967%;
}
@media only screen and (max-width: 37.5em) {
  .col-9_9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-10 {
  flex-basis: 83.33%;
  max-width: 83.33%;
}
@media only screen and (max-width: 37.5em) {
  .col-10 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-10_1 {
  flex-basis: 84.1633%;
  max-width: 84.1633%;
}
@media only screen and (max-width: 37.5em) {
  .col-10_1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-10_2 {
  flex-basis: 84.9966%;
  max-width: 84.9966%;
}
@media only screen and (max-width: 37.5em) {
  .col-10_2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-10_3 {
  flex-basis: 85.8299%;
  max-width: 85.8299%;
}
@media only screen and (max-width: 37.5em) {
  .col-10_3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-10_4 {
  flex-basis: 86.6632%;
  max-width: 86.6632%;
}
@media only screen and (max-width: 37.5em) {
  .col-10_4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-10_5 {
  flex-basis: 87.4965%;
  max-width: 87.4965%;
}
@media only screen and (max-width: 37.5em) {
  .col-10_5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-10_6 {
  flex-basis: 88.3298%;
  max-width: 88.3298%;
}
@media only screen and (max-width: 37.5em) {
  .col-10_6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-10_7 {
  flex-basis: 89.1631%;
  max-width: 89.1631%;
}
@media only screen and (max-width: 37.5em) {
  .col-10_7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-10_8 {
  flex-basis: 89.9964%;
  max-width: 89.9964%;
}
@media only screen and (max-width: 37.5em) {
  .col-10_8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-10_9 {
  flex-basis: 90.8297%;
  max-width: 90.8297%;
}
@media only screen and (max-width: 37.5em) {
  .col-10_9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-11 {
  flex-basis: 91.663%;
  max-width: 91.663%;
}
@media only screen and (max-width: 37.5em) {
  .col-11 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-11_1 {
  flex-basis: 92.4963%;
  max-width: 92.4963%;
}
@media only screen and (max-width: 37.5em) {
  .col-11_1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-11_2 {
  flex-basis: 93.3296%;
  max-width: 93.3296%;
}
@media only screen and (max-width: 37.5em) {
  .col-11_2 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-11_3 {
  flex-basis: 94.1629%;
  max-width: 94.1629%;
}
@media only screen and (max-width: 37.5em) {
  .col-11_3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-11_4 {
  flex-basis: 94.9962%;
  max-width: 94.9962%;
}
@media only screen and (max-width: 37.5em) {
  .col-11_4 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-11_5 {
  flex-basis: 95.8295%;
  max-width: 95.8295%;
}
@media only screen and (max-width: 37.5em) {
  .col-11_5 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-11_6 {
  flex-basis: 96.6628%;
  max-width: 96.6628%;
}
@media only screen and (max-width: 37.5em) {
  .col-11_6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-11_7 {
  flex-basis: 97.4961%;
  max-width: 97.4961%;
}
@media only screen and (max-width: 37.5em) {
  .col-11_7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-11_8 {
  flex-basis: 98.3294%;
  max-width: 98.3294%;
}
@media only screen and (max-width: 37.5em) {
  .col-11_8 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-11_9 {
  flex-basis: 99.1627%;
  max-width: 99.1627%;
}
@media only screen and (max-width: 37.5em) {
  .col-11_9 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.col-12 {
  flex-basis: 99.996%;
  max-width: 99.996%;
}
@media only screen and (max-width: 37.5em) {
  .col-12 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

.sp-0_1 {
  margin-left: 0.8333%;
}
@media only screen and (max-width: 56.25em) {
  .sp-0_1 {
    margin-left: 0;
  }
}

.sp-right-0_1 {
  margin-right: 0.8333%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-0_1 {
    margin-right: 0;
  }
}

.sp-0_2 {
  margin-left: 1.6666%;
}
@media only screen and (max-width: 56.25em) {
  .sp-0_2 {
    margin-left: 0;
  }
}

.sp-right-0_2 {
  margin-right: 1.6666%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-0_2 {
    margin-right: 0;
  }
}

.sp-0_3 {
  margin-left: 2.4999%;
}
@media only screen and (max-width: 56.25em) {
  .sp-0_3 {
    margin-left: 0;
  }
}

.sp-right-0_3 {
  margin-right: 2.4999%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-0_3 {
    margin-right: 0;
  }
}

.sp-0_4 {
  margin-left: 3.3332%;
}
@media only screen and (max-width: 56.25em) {
  .sp-0_4 {
    margin-left: 0;
  }
}

.sp-right-0_4 {
  margin-right: 3.3332%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-0_4 {
    margin-right: 0;
  }
}

.sp-0_5 {
  margin-left: 4.1665%;
}
@media only screen and (max-width: 56.25em) {
  .sp-0_5 {
    margin-left: 0;
  }
}

.sp-right-0_5 {
  margin-right: 4.1665%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-0_5 {
    margin-right: 0;
  }
}

.sp-0_6 {
  margin-left: 4.9998%;
}
@media only screen and (max-width: 56.25em) {
  .sp-0_6 {
    margin-left: 0;
  }
}

.sp-right-0_6 {
  margin-right: 4.9998%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-0_6 {
    margin-right: 0;
  }
}

.sp-0_7 {
  margin-left: 5.8331%;
}
@media only screen and (max-width: 56.25em) {
  .sp-0_7 {
    margin-left: 0;
  }
}

.sp-right-0_7 {
  margin-right: 5.8331%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-0_7 {
    margin-right: 0;
  }
}

.sp-0_8 {
  margin-left: 6.6664%;
}
@media only screen and (max-width: 56.25em) {
  .sp-0_8 {
    margin-left: 0;
  }
}

.sp-right-0_8 {
  margin-right: 6.6664%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-0_8 {
    margin-right: 0;
  }
}

.sp-0_9 {
  margin-left: 7.4997%;
}
@media only screen and (max-width: 56.25em) {
  .sp-0_9 {
    margin-left: 0;
  }
}

.sp-right-0_9 {
  margin-right: 7.4997%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-0_9 {
    margin-right: 0;
  }
}

.sp-1 {
  margin-left: 8.333%;
}
@media only screen and (max-width: 56.25em) {
  .sp-1 {
    margin-left: 0;
  }
}

.sp-right-1 {
  margin-right: 8.333%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-1 {
    margin-right: 0;
  }
}

.sp-1_1 {
  margin-left: 9.1663%;
}
@media only screen and (max-width: 56.25em) {
  .sp-1_1 {
    margin-left: 0;
  }
}

.sp-right-1_1 {
  margin-right: 9.1663%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-1_1 {
    margin-right: 0;
  }
}

.sp-1_2 {
  margin-left: 9.9996%;
}
@media only screen and (max-width: 56.25em) {
  .sp-1_2 {
    margin-left: 0;
  }
}

.sp-right-1_2 {
  margin-right: 9.9996%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-1_2 {
    margin-right: 0;
  }
}

.sp-1_3 {
  margin-left: 10.8329%;
}
@media only screen and (max-width: 56.25em) {
  .sp-1_3 {
    margin-left: 0;
  }
}

.sp-right-1_3 {
  margin-right: 10.8329%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-1_3 {
    margin-right: 0;
  }
}

.sp-1_4 {
  margin-left: 11.6662%;
}
@media only screen and (max-width: 56.25em) {
  .sp-1_4 {
    margin-left: 0;
  }
}

.sp-right-1_4 {
  margin-right: 11.6662%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-1_4 {
    margin-right: 0;
  }
}

.sp-1_5 {
  margin-left: 12.4995%;
}
@media only screen and (max-width: 56.25em) {
  .sp-1_5 {
    margin-left: 0;
  }
}

.sp-right-1_5 {
  margin-right: 12.4995%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-1_5 {
    margin-right: 0;
  }
}

.sp-1_6 {
  margin-left: 13.3328%;
}
@media only screen and (max-width: 56.25em) {
  .sp-1_6 {
    margin-left: 0;
  }
}

.sp-right-1_6 {
  margin-right: 13.3328%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-1_6 {
    margin-right: 0;
  }
}

.sp-1_7 {
  margin-left: 14.1661%;
}
@media only screen and (max-width: 56.25em) {
  .sp-1_7 {
    margin-left: 0;
  }
}

.sp-right-1_7 {
  margin-right: 14.1661%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-1_7 {
    margin-right: 0;
  }
}

.sp-1_8 {
  margin-left: 14.9994%;
}
@media only screen and (max-width: 56.25em) {
  .sp-1_8 {
    margin-left: 0;
  }
}

.sp-right-1_8 {
  margin-right: 14.9994%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-1_8 {
    margin-right: 0;
  }
}

.sp-1_9 {
  margin-left: 15.8327%;
}
@media only screen and (max-width: 56.25em) {
  .sp-1_9 {
    margin-left: 0;
  }
}

.sp-right-1_9 {
  margin-right: 15.8327%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-1_9 {
    margin-right: 0;
  }
}

.sp-2 {
  margin-left: 16.666%;
}
@media only screen and (max-width: 56.25em) {
  .sp-2 {
    margin-left: 0;
  }
}

.sp-right-2 {
  margin-right: 16.666%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-2 {
    margin-right: 0;
  }
}

.sp-2_1 {
  margin-left: 17.4993%;
}
@media only screen and (max-width: 56.25em) {
  .sp-2_1 {
    margin-left: 0;
  }
}

.sp-right-2_1 {
  margin-right: 17.4993%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-2_1 {
    margin-right: 0;
  }
}

.sp-2_2 {
  margin-left: 18.3326%;
}
@media only screen and (max-width: 56.25em) {
  .sp-2_2 {
    margin-left: 0;
  }
}

.sp-right-2_2 {
  margin-right: 18.3326%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-2_2 {
    margin-right: 0;
  }
}

.sp-2_3 {
  margin-left: 19.1659%;
}
@media only screen and (max-width: 56.25em) {
  .sp-2_3 {
    margin-left: 0;
  }
}

.sp-right-2_3 {
  margin-right: 19.1659%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-2_3 {
    margin-right: 0;
  }
}

.sp-2_4 {
  margin-left: 19.9992%;
}
@media only screen and (max-width: 56.25em) {
  .sp-2_4 {
    margin-left: 0;
  }
}

.sp-right-2_4 {
  margin-right: 19.9992%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-2_4 {
    margin-right: 0;
  }
}

.sp-2_5 {
  margin-left: 20.8325%;
}
@media only screen and (max-width: 56.25em) {
  .sp-2_5 {
    margin-left: 0;
  }
}

.sp-right-2_5 {
  margin-right: 20.8325%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-2_5 {
    margin-right: 0;
  }
}

.sp-2_6 {
  margin-left: 21.6658%;
}
@media only screen and (max-width: 56.25em) {
  .sp-2_6 {
    margin-left: 0;
  }
}

.sp-right-2_6 {
  margin-right: 21.6658%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-2_6 {
    margin-right: 0;
  }
}

.sp-2_7 {
  margin-left: 22.4991%;
}
@media only screen and (max-width: 56.25em) {
  .sp-2_7 {
    margin-left: 0;
  }
}

.sp-right-2_7 {
  margin-right: 22.4991%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-2_7 {
    margin-right: 0;
  }
}

.sp-2_8 {
  margin-left: 23.3324%;
}
@media only screen and (max-width: 56.25em) {
  .sp-2_8 {
    margin-left: 0;
  }
}

.sp-right-2_8 {
  margin-right: 23.3324%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-2_8 {
    margin-right: 0;
  }
}

.sp-2_9 {
  margin-left: 24.1657%;
}
@media only screen and (max-width: 56.25em) {
  .sp-2_9 {
    margin-left: 0;
  }
}

.sp-right-2_9 {
  margin-right: 24.1657%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-2_9 {
    margin-right: 0;
  }
}

.sp-3 {
  margin-left: 24.999%;
}
@media only screen and (max-width: 56.25em) {
  .sp-3 {
    margin-left: 0;
  }
}

.sp-right-3 {
  margin-right: 24.999%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-3 {
    margin-right: 0;
  }
}

.sp-3_1 {
  margin-left: 25.8323%;
}
@media only screen and (max-width: 56.25em) {
  .sp-3_1 {
    margin-left: 0;
  }
}

.sp-right-3_1 {
  margin-right: 25.8323%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-3_1 {
    margin-right: 0;
  }
}

.sp-3_2 {
  margin-left: 26.6656%;
}
@media only screen and (max-width: 56.25em) {
  .sp-3_2 {
    margin-left: 0;
  }
}

.sp-right-3_2 {
  margin-right: 26.6656%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-3_2 {
    margin-right: 0;
  }
}

.sp-3_3 {
  margin-left: 27.4989%;
}
@media only screen and (max-width: 56.25em) {
  .sp-3_3 {
    margin-left: 0;
  }
}

.sp-right-3_3 {
  margin-right: 27.4989%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-3_3 {
    margin-right: 0;
  }
}

.sp-3_4 {
  margin-left: 28.3322%;
}
@media only screen and (max-width: 56.25em) {
  .sp-3_4 {
    margin-left: 0;
  }
}

.sp-right-3_4 {
  margin-right: 28.3322%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-3_4 {
    margin-right: 0;
  }
}

.sp-3_5 {
  margin-left: 29.1655%;
}
@media only screen and (max-width: 56.25em) {
  .sp-3_5 {
    margin-left: 0;
  }
}

.sp-right-3_5 {
  margin-right: 29.1655%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-3_5 {
    margin-right: 0;
  }
}

.sp-3_6 {
  margin-left: 29.9988%;
}
@media only screen and (max-width: 56.25em) {
  .sp-3_6 {
    margin-left: 0;
  }
}

.sp-right-3_6 {
  margin-right: 29.9988%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-3_6 {
    margin-right: 0;
  }
}

.sp-3_7 {
  margin-left: 30.8321%;
}
@media only screen and (max-width: 56.25em) {
  .sp-3_7 {
    margin-left: 0;
  }
}

.sp-right-3_7 {
  margin-right: 30.8321%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-3_7 {
    margin-right: 0;
  }
}

.sp-3_8 {
  margin-left: 31.6654%;
}
@media only screen and (max-width: 56.25em) {
  .sp-3_8 {
    margin-left: 0;
  }
}

.sp-right-3_8 {
  margin-right: 31.6654%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-3_8 {
    margin-right: 0;
  }
}

.sp-3_9 {
  margin-left: 32.4987%;
}
@media only screen and (max-width: 56.25em) {
  .sp-3_9 {
    margin-left: 0;
  }
}

.sp-right-3_9 {
  margin-right: 32.4987%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-3_9 {
    margin-right: 0;
  }
}

.sp-4 {
  margin-left: 33.332%;
}
@media only screen and (max-width: 56.25em) {
  .sp-4 {
    margin-left: 0;
  }
}

.sp-right-4 {
  margin-right: 33.332%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-4 {
    margin-right: 0;
  }
}

.sp-4_1 {
  margin-left: 34.1653%;
}
@media only screen and (max-width: 56.25em) {
  .sp-4_1 {
    margin-left: 0;
  }
}

.sp-right-4_1 {
  margin-right: 34.1653%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-4_1 {
    margin-right: 0;
  }
}

.sp-4_2 {
  margin-left: 34.9986%;
}
@media only screen and (max-width: 56.25em) {
  .sp-4_2 {
    margin-left: 0;
  }
}

.sp-right-4_2 {
  margin-right: 34.9986%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-4_2 {
    margin-right: 0;
  }
}

.sp-4_3 {
  margin-left: 35.8319%;
}
@media only screen and (max-width: 56.25em) {
  .sp-4_3 {
    margin-left: 0;
  }
}

.sp-right-4_3 {
  margin-right: 35.8319%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-4_3 {
    margin-right: 0;
  }
}

.sp-4_4 {
  margin-left: 36.6652%;
}
@media only screen and (max-width: 56.25em) {
  .sp-4_4 {
    margin-left: 0;
  }
}

.sp-right-4_4 {
  margin-right: 36.6652%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-4_4 {
    margin-right: 0;
  }
}

.sp-4_5 {
  margin-left: 37.4985%;
}
@media only screen and (max-width: 56.25em) {
  .sp-4_5 {
    margin-left: 0;
  }
}

.sp-right-4_5 {
  margin-right: 37.4985%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-4_5 {
    margin-right: 0;
  }
}

.sp-4_6 {
  margin-left: 38.3318%;
}
@media only screen and (max-width: 56.25em) {
  .sp-4_6 {
    margin-left: 0;
  }
}

.sp-right-4_6 {
  margin-right: 38.3318%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-4_6 {
    margin-right: 0;
  }
}

.sp-4_7 {
  margin-left: 39.1651%;
}
@media only screen and (max-width: 56.25em) {
  .sp-4_7 {
    margin-left: 0;
  }
}

.sp-right-4_7 {
  margin-right: 39.1651%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-4_7 {
    margin-right: 0;
  }
}

.sp-4_8 {
  margin-left: 39.9984%;
}
@media only screen and (max-width: 56.25em) {
  .sp-4_8 {
    margin-left: 0;
  }
}

.sp-right-4_8 {
  margin-right: 39.9984%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-4_8 {
    margin-right: 0;
  }
}

.sp-4_9 {
  margin-left: 40.8317%;
}
@media only screen and (max-width: 56.25em) {
  .sp-4_9 {
    margin-left: 0;
  }
}

.sp-right-4_9 {
  margin-right: 40.8317%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-4_9 {
    margin-right: 0;
  }
}

.sp-5 {
  margin-left: 41.665%;
}
@media only screen and (max-width: 56.25em) {
  .sp-5 {
    margin-left: 0;
  }
}

.sp-right-5 {
  margin-right: 41.665%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-5 {
    margin-right: 0;
  }
}

.sp-5_1 {
  margin-left: 42.4983%;
}
@media only screen and (max-width: 56.25em) {
  .sp-5_1 {
    margin-left: 0;
  }
}

.sp-right-5_1 {
  margin-right: 42.4983%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-5_1 {
    margin-right: 0;
  }
}

.sp-5_2 {
  margin-left: 43.3316%;
}
@media only screen and (max-width: 56.25em) {
  .sp-5_2 {
    margin-left: 0;
  }
}

.sp-right-5_2 {
  margin-right: 43.3316%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-5_2 {
    margin-right: 0;
  }
}

.sp-5_3 {
  margin-left: 44.1649%;
}
@media only screen and (max-width: 56.25em) {
  .sp-5_3 {
    margin-left: 0;
  }
}

.sp-right-5_3 {
  margin-right: 44.1649%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-5_3 {
    margin-right: 0;
  }
}

.sp-5_4 {
  margin-left: 44.9982%;
}
@media only screen and (max-width: 56.25em) {
  .sp-5_4 {
    margin-left: 0;
  }
}

.sp-right-5_4 {
  margin-right: 44.9982%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-5_4 {
    margin-right: 0;
  }
}

.sp-5_5 {
  margin-left: 45.8315%;
}
@media only screen and (max-width: 56.25em) {
  .sp-5_5 {
    margin-left: 0;
  }
}

.sp-right-5_5 {
  margin-right: 45.8315%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-5_5 {
    margin-right: 0;
  }
}

.sp-5_6 {
  margin-left: 46.6648%;
}
@media only screen and (max-width: 56.25em) {
  .sp-5_6 {
    margin-left: 0;
  }
}

.sp-right-5_6 {
  margin-right: 46.6648%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-5_6 {
    margin-right: 0;
  }
}

.sp-5_7 {
  margin-left: 47.4981%;
}
@media only screen and (max-width: 56.25em) {
  .sp-5_7 {
    margin-left: 0;
  }
}

.sp-right-5_7 {
  margin-right: 47.4981%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-5_7 {
    margin-right: 0;
  }
}

.sp-5_8 {
  margin-left: 48.3314%;
}
@media only screen and (max-width: 56.25em) {
  .sp-5_8 {
    margin-left: 0;
  }
}

.sp-right-5_8 {
  margin-right: 48.3314%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-5_8 {
    margin-right: 0;
  }
}

.sp-5_9 {
  margin-left: 49.1647%;
}
@media only screen and (max-width: 56.25em) {
  .sp-5_9 {
    margin-left: 0;
  }
}

.sp-right-5_9 {
  margin-right: 49.1647%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-5_9 {
    margin-right: 0;
  }
}

.sp-6 {
  margin-left: 49.998%;
}
@media only screen and (max-width: 56.25em) {
  .sp-6 {
    margin-left: 0;
  }
}

.sp-right-6 {
  margin-right: 49.998%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-6 {
    margin-right: 0;
  }
}

.sp-6_1 {
  margin-left: 50.8313%;
}
@media only screen and (max-width: 56.25em) {
  .sp-6_1 {
    margin-left: 0;
  }
}

.sp-right-6_1 {
  margin-right: 50.8313%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-6_1 {
    margin-right: 0;
  }
}

.sp-6_2 {
  margin-left: 51.6646%;
}
@media only screen and (max-width: 56.25em) {
  .sp-6_2 {
    margin-left: 0;
  }
}

.sp-right-6_2 {
  margin-right: 51.6646%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-6_2 {
    margin-right: 0;
  }
}

.sp-6_3 {
  margin-left: 52.4979%;
}
@media only screen and (max-width: 56.25em) {
  .sp-6_3 {
    margin-left: 0;
  }
}

.sp-right-6_3 {
  margin-right: 52.4979%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-6_3 {
    margin-right: 0;
  }
}

.sp-6_4 {
  margin-left: 53.3312%;
}
@media only screen and (max-width: 56.25em) {
  .sp-6_4 {
    margin-left: 0;
  }
}

.sp-right-6_4 {
  margin-right: 53.3312%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-6_4 {
    margin-right: 0;
  }
}

.sp-6_5 {
  margin-left: 54.1645%;
}
@media only screen and (max-width: 56.25em) {
  .sp-6_5 {
    margin-left: 0;
  }
}

.sp-right-6_5 {
  margin-right: 54.1645%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-6_5 {
    margin-right: 0;
  }
}

.sp-6_6 {
  margin-left: 54.9978%;
}
@media only screen and (max-width: 56.25em) {
  .sp-6_6 {
    margin-left: 0;
  }
}

.sp-right-6_6 {
  margin-right: 54.9978%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-6_6 {
    margin-right: 0;
  }
}

.sp-6_7 {
  margin-left: 55.8311%;
}
@media only screen and (max-width: 56.25em) {
  .sp-6_7 {
    margin-left: 0;
  }
}

.sp-right-6_7 {
  margin-right: 55.8311%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-6_7 {
    margin-right: 0;
  }
}

.sp-6_8 {
  margin-left: 56.6644%;
}
@media only screen and (max-width: 56.25em) {
  .sp-6_8 {
    margin-left: 0;
  }
}

.sp-right-6_8 {
  margin-right: 56.6644%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-6_8 {
    margin-right: 0;
  }
}

.sp-6_9 {
  margin-left: 57.4977%;
}
@media only screen and (max-width: 56.25em) {
  .sp-6_9 {
    margin-left: 0;
  }
}

.sp-right-6_9 {
  margin-right: 57.4977%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-6_9 {
    margin-right: 0;
  }
}

.sp-7 {
  margin-left: 58.331%;
}
@media only screen and (max-width: 56.25em) {
  .sp-7 {
    margin-left: 0;
  }
}

.sp-right-7 {
  margin-right: 58.331%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-7 {
    margin-right: 0;
  }
}

.sp-7_1 {
  margin-left: 59.1643%;
}
@media only screen and (max-width: 56.25em) {
  .sp-7_1 {
    margin-left: 0;
  }
}

.sp-right-7_1 {
  margin-right: 59.1643%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-7_1 {
    margin-right: 0;
  }
}

.sp-7_2 {
  margin-left: 59.9976%;
}
@media only screen and (max-width: 56.25em) {
  .sp-7_2 {
    margin-left: 0;
  }
}

.sp-right-7_2 {
  margin-right: 59.9976%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-7_2 {
    margin-right: 0;
  }
}

.sp-7_3 {
  margin-left: 60.8309%;
}
@media only screen and (max-width: 56.25em) {
  .sp-7_3 {
    margin-left: 0;
  }
}

.sp-right-7_3 {
  margin-right: 60.8309%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-7_3 {
    margin-right: 0;
  }
}

.sp-7_4 {
  margin-left: 61.6642%;
}
@media only screen and (max-width: 56.25em) {
  .sp-7_4 {
    margin-left: 0;
  }
}

.sp-right-7_4 {
  margin-right: 61.6642%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-7_4 {
    margin-right: 0;
  }
}

.sp-7_5 {
  margin-left: 62.4975%;
}
@media only screen and (max-width: 56.25em) {
  .sp-7_5 {
    margin-left: 0;
  }
}

.sp-right-7_5 {
  margin-right: 62.4975%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-7_5 {
    margin-right: 0;
  }
}

.sp-7_6 {
  margin-left: 63.3308%;
}
@media only screen and (max-width: 56.25em) {
  .sp-7_6 {
    margin-left: 0;
  }
}

.sp-right-7_6 {
  margin-right: 63.3308%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-7_6 {
    margin-right: 0;
  }
}

.sp-7_7 {
  margin-left: 64.1641%;
}
@media only screen and (max-width: 56.25em) {
  .sp-7_7 {
    margin-left: 0;
  }
}

.sp-right-7_7 {
  margin-right: 64.1641%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-7_7 {
    margin-right: 0;
  }
}

.sp-7_8 {
  margin-left: 64.9974%;
}
@media only screen and (max-width: 56.25em) {
  .sp-7_8 {
    margin-left: 0;
  }
}

.sp-right-7_8 {
  margin-right: 64.9974%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-7_8 {
    margin-right: 0;
  }
}

.sp-7_9 {
  margin-left: 65.8307%;
}
@media only screen and (max-width: 56.25em) {
  .sp-7_9 {
    margin-left: 0;
  }
}

.sp-right-7_9 {
  margin-right: 65.8307%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-7_9 {
    margin-right: 0;
  }
}

.sp-8 {
  margin-left: 66.664%;
}
@media only screen and (max-width: 56.25em) {
  .sp-8 {
    margin-left: 0;
  }
}

.sp-right-8 {
  margin-right: 66.664%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-8 {
    margin-right: 0;
  }
}

.sp-8_1 {
  margin-left: 67.4973%;
}
@media only screen and (max-width: 56.25em) {
  .sp-8_1 {
    margin-left: 0;
  }
}

.sp-right-8_1 {
  margin-right: 67.4973%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-8_1 {
    margin-right: 0;
  }
}

.sp-8_2 {
  margin-left: 68.3306%;
}
@media only screen and (max-width: 56.25em) {
  .sp-8_2 {
    margin-left: 0;
  }
}

.sp-right-8_2 {
  margin-right: 68.3306%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-8_2 {
    margin-right: 0;
  }
}

.sp-8_3 {
  margin-left: 69.1639%;
}
@media only screen and (max-width: 56.25em) {
  .sp-8_3 {
    margin-left: 0;
  }
}

.sp-right-8_3 {
  margin-right: 69.1639%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-8_3 {
    margin-right: 0;
  }
}

.sp-8_4 {
  margin-left: 69.9972%;
}
@media only screen and (max-width: 56.25em) {
  .sp-8_4 {
    margin-left: 0;
  }
}

.sp-right-8_4 {
  margin-right: 69.9972%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-8_4 {
    margin-right: 0;
  }
}

.sp-8_5 {
  margin-left: 70.8305%;
}
@media only screen and (max-width: 56.25em) {
  .sp-8_5 {
    margin-left: 0;
  }
}

.sp-right-8_5 {
  margin-right: 70.8305%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-8_5 {
    margin-right: 0;
  }
}

.sp-8_6 {
  margin-left: 71.6638%;
}
@media only screen and (max-width: 56.25em) {
  .sp-8_6 {
    margin-left: 0;
  }
}

.sp-right-8_6 {
  margin-right: 71.6638%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-8_6 {
    margin-right: 0;
  }
}

.sp-8_7 {
  margin-left: 72.4971%;
}
@media only screen and (max-width: 56.25em) {
  .sp-8_7 {
    margin-left: 0;
  }
}

.sp-right-8_7 {
  margin-right: 72.4971%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-8_7 {
    margin-right: 0;
  }
}

.sp-8_8 {
  margin-left: 73.3304%;
}
@media only screen and (max-width: 56.25em) {
  .sp-8_8 {
    margin-left: 0;
  }
}

.sp-right-8_8 {
  margin-right: 73.3304%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-8_8 {
    margin-right: 0;
  }
}

.sp-8_9 {
  margin-left: 74.1637%;
}
@media only screen and (max-width: 56.25em) {
  .sp-8_9 {
    margin-left: 0;
  }
}

.sp-right-8_9 {
  margin-right: 74.1637%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-8_9 {
    margin-right: 0;
  }
}

.sp-9 {
  margin-left: 74.997%;
}
@media only screen and (max-width: 56.25em) {
  .sp-9 {
    margin-left: 0;
  }
}

.sp-right-9 {
  margin-right: 74.997%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-9 {
    margin-right: 0;
  }
}

.sp-9_1 {
  margin-left: 75.8303%;
}
@media only screen and (max-width: 56.25em) {
  .sp-9_1 {
    margin-left: 0;
  }
}

.sp-right-9_1 {
  margin-right: 75.8303%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-9_1 {
    margin-right: 0;
  }
}

.sp-9_2 {
  margin-left: 76.6636%;
}
@media only screen and (max-width: 56.25em) {
  .sp-9_2 {
    margin-left: 0;
  }
}

.sp-right-9_2 {
  margin-right: 76.6636%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-9_2 {
    margin-right: 0;
  }
}

.sp-9_3 {
  margin-left: 77.4969%;
}
@media only screen and (max-width: 56.25em) {
  .sp-9_3 {
    margin-left: 0;
  }
}

.sp-right-9_3 {
  margin-right: 77.4969%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-9_3 {
    margin-right: 0;
  }
}

.sp-9_4 {
  margin-left: 78.3302%;
}
@media only screen and (max-width: 56.25em) {
  .sp-9_4 {
    margin-left: 0;
  }
}

.sp-right-9_4 {
  margin-right: 78.3302%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-9_4 {
    margin-right: 0;
  }
}

.sp-9_5 {
  margin-left: 79.1635%;
}
@media only screen and (max-width: 56.25em) {
  .sp-9_5 {
    margin-left: 0;
  }
}

.sp-right-9_5 {
  margin-right: 79.1635%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-9_5 {
    margin-right: 0;
  }
}

.sp-9_6 {
  margin-left: 79.9968%;
}
@media only screen and (max-width: 56.25em) {
  .sp-9_6 {
    margin-left: 0;
  }
}

.sp-right-9_6 {
  margin-right: 79.9968%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-9_6 {
    margin-right: 0;
  }
}

.sp-9_7 {
  margin-left: 80.8301%;
}
@media only screen and (max-width: 56.25em) {
  .sp-9_7 {
    margin-left: 0;
  }
}

.sp-right-9_7 {
  margin-right: 80.8301%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-9_7 {
    margin-right: 0;
  }
}

.sp-9_8 {
  margin-left: 81.6634%;
}
@media only screen and (max-width: 56.25em) {
  .sp-9_8 {
    margin-left: 0;
  }
}

.sp-right-9_8 {
  margin-right: 81.6634%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-9_8 {
    margin-right: 0;
  }
}

.sp-9_9 {
  margin-left: 82.4967%;
}
@media only screen and (max-width: 56.25em) {
  .sp-9_9 {
    margin-left: 0;
  }
}

.sp-right-9_9 {
  margin-right: 82.4967%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-9_9 {
    margin-right: 0;
  }
}

.sp-10 {
  margin-left: 83.33%;
}
@media only screen and (max-width: 56.25em) {
  .sp-10 {
    margin-left: 0;
  }
}

.sp-right-10 {
  margin-right: 83.33%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-10 {
    margin-right: 0;
  }
}

.sp-10_1 {
  margin-left: 84.1633%;
}
@media only screen and (max-width: 56.25em) {
  .sp-10_1 {
    margin-left: 0;
  }
}

.sp-right-10_1 {
  margin-right: 84.1633%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-10_1 {
    margin-right: 0;
  }
}

.sp-10_2 {
  margin-left: 84.9966%;
}
@media only screen and (max-width: 56.25em) {
  .sp-10_2 {
    margin-left: 0;
  }
}

.sp-right-10_2 {
  margin-right: 84.9966%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-10_2 {
    margin-right: 0;
  }
}

.sp-10_3 {
  margin-left: 85.8299%;
}
@media only screen and (max-width: 56.25em) {
  .sp-10_3 {
    margin-left: 0;
  }
}

.sp-right-10_3 {
  margin-right: 85.8299%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-10_3 {
    margin-right: 0;
  }
}

.sp-10_4 {
  margin-left: 86.6632%;
}
@media only screen and (max-width: 56.25em) {
  .sp-10_4 {
    margin-left: 0;
  }
}

.sp-right-10_4 {
  margin-right: 86.6632%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-10_4 {
    margin-right: 0;
  }
}

.sp-10_5 {
  margin-left: 87.4965%;
}
@media only screen and (max-width: 56.25em) {
  .sp-10_5 {
    margin-left: 0;
  }
}

.sp-right-10_5 {
  margin-right: 87.4965%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-10_5 {
    margin-right: 0;
  }
}

.sp-10_6 {
  margin-left: 88.3298%;
}
@media only screen and (max-width: 56.25em) {
  .sp-10_6 {
    margin-left: 0;
  }
}

.sp-right-10_6 {
  margin-right: 88.3298%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-10_6 {
    margin-right: 0;
  }
}

.sp-10_7 {
  margin-left: 89.1631%;
}
@media only screen and (max-width: 56.25em) {
  .sp-10_7 {
    margin-left: 0;
  }
}

.sp-right-10_7 {
  margin-right: 89.1631%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-10_7 {
    margin-right: 0;
  }
}

.sp-10_8 {
  margin-left: 89.9964%;
}
@media only screen and (max-width: 56.25em) {
  .sp-10_8 {
    margin-left: 0;
  }
}

.sp-right-10_8 {
  margin-right: 89.9964%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-10_8 {
    margin-right: 0;
  }
}

.sp-10_9 {
  margin-left: 90.8297%;
}
@media only screen and (max-width: 56.25em) {
  .sp-10_9 {
    margin-left: 0;
  }
}

.sp-right-10_9 {
  margin-right: 90.8297%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-10_9 {
    margin-right: 0;
  }
}

.sp-11 {
  margin-left: 91.663%;
}
@media only screen and (max-width: 56.25em) {
  .sp-11 {
    margin-left: 0;
  }
}

.sp-right-11 {
  margin-right: 91.663%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-11 {
    margin-right: 0;
  }
}

.sp-11_1 {
  margin-left: 92.4963%;
}
@media only screen and (max-width: 56.25em) {
  .sp-11_1 {
    margin-left: 0;
  }
}

.sp-right-11_1 {
  margin-right: 92.4963%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-11_1 {
    margin-right: 0;
  }
}

.sp-11_2 {
  margin-left: 93.3296%;
}
@media only screen and (max-width: 56.25em) {
  .sp-11_2 {
    margin-left: 0;
  }
}

.sp-right-11_2 {
  margin-right: 93.3296%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-11_2 {
    margin-right: 0;
  }
}

.sp-11_3 {
  margin-left: 94.1629%;
}
@media only screen and (max-width: 56.25em) {
  .sp-11_3 {
    margin-left: 0;
  }
}

.sp-right-11_3 {
  margin-right: 94.1629%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-11_3 {
    margin-right: 0;
  }
}

.sp-11_4 {
  margin-left: 94.9962%;
}
@media only screen and (max-width: 56.25em) {
  .sp-11_4 {
    margin-left: 0;
  }
}

.sp-right-11_4 {
  margin-right: 94.9962%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-11_4 {
    margin-right: 0;
  }
}

.sp-11_5 {
  margin-left: 95.8295%;
}
@media only screen and (max-width: 56.25em) {
  .sp-11_5 {
    margin-left: 0;
  }
}

.sp-right-11_5 {
  margin-right: 95.8295%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-11_5 {
    margin-right: 0;
  }
}

.sp-11_6 {
  margin-left: 96.6628%;
}
@media only screen and (max-width: 56.25em) {
  .sp-11_6 {
    margin-left: 0;
  }
}

.sp-right-11_6 {
  margin-right: 96.6628%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-11_6 {
    margin-right: 0;
  }
}

.sp-11_7 {
  margin-left: 97.4961%;
}
@media only screen and (max-width: 56.25em) {
  .sp-11_7 {
    margin-left: 0;
  }
}

.sp-right-11_7 {
  margin-right: 97.4961%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-11_7 {
    margin-right: 0;
  }
}

.sp-11_8 {
  margin-left: 98.3294%;
}
@media only screen and (max-width: 56.25em) {
  .sp-11_8 {
    margin-left: 0;
  }
}

.sp-right-11_8 {
  margin-right: 98.3294%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-11_8 {
    margin-right: 0;
  }
}

.sp-11_9 {
  margin-left: 99.1627%;
}
@media only screen and (max-width: 56.25em) {
  .sp-11_9 {
    margin-left: 0;
  }
}

.sp-right-11_9 {
  margin-right: 99.1627%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-11_9 {
    margin-right: 0;
  }
}

.sp-12 {
  margin-left: 99.996%;
}
@media only screen and (max-width: 56.25em) {
  .sp-12 {
    margin-left: 0;
  }
}

.sp-right-12 {
  margin-right: 99.996%;
}
@media only screen and (max-width: 56.25em) {
  .sp-right-12 {
    margin-right: 0;
  }
}

.item-grow-0 {
  background-color: coral !important;
  flex-grow: 0 !important;
}

.item-grow-1 {
  background-color: coral !important;
  flex-grow: 1 !important;
}

.item-grow-2 {
  background-color: coral !important;
  flex-grow: 2 !important;
}

.item-grow-3 {
  background-color: coral !important;
  flex-grow: 3 !important;
}

.item-grow-4 {
  background-color: coral !important;
  flex-grow: 4 !important;
}

.item-grow-5 {
  background-color: coral !important;
  flex-grow: 5 !important;
}

.item-grow-6 {
  background-color: coral !important;
  flex-grow: 6 !important;
}

.item-grow-7 {
  background-color: coral !important;
  flex-grow: 7 !important;
}

.item-grow-8 {
  background-color: coral !important;
  flex-grow: 8 !important;
}

.item-grow-9 {
  background-color: coral !important;
  flex-grow: 9 !important;
}

.item-grow-10 {
  background-color: coral !important;
  flex-grow: 10 !important;
}

.item-grow-11 {
  background-color: coral !important;
  flex-grow: 11 !important;
}

.align-start {
  align-self: flex-start;
}
.align-center {
  align-self: center;
}
.align-end {
  align-self: flex-end;
}

.align-itm-start {
  align-items: flex-start;
}
.align-itm-center {
  align-items: center;
}
.align-itm-end {
  align-items: flex-end;
}

.start {
  justify-content: flex-start;
}

.center {
  justify-content: center;
}

.end {
  justify-content: flex-end;
}

.top {
  align-items: flex-start;
}

.middle {
  align-items: center;
}

.bottom {
  align-items: flex-end;
}

.around {
  justify-content: space-around;
}

.between {
  justify-content: space-between;
}

.first {
  order: -1;
}

.last {
  order: 1;
}

.flex {
  display: flex;
}

.dir-col {
  flex-direction: column;
}

.dir-row {
  flex-direction: row;
}

.flex-margin--left {
  margin-left: auto;
}
.flex-margin--right {
  margin-right: auto;
}

.child-margin--bottom > :not(:last-child) {
  margin-bottom: 5px;
}
.child-margin--top > * {
  margin-top: 5px;
}
.child-margin--left > :not(:first-child) {
  margin-left: 5px;
}
.child-margin--right > :not(:last-child) {
  margin-right: 5px;
}

.modal {
  /*#container_blur{*/
  /*box-sizing: border-box;*/
  /*width:100%;*/
  /*}*/
  /*
  &-background.is-big > &-outer {
      width: 70% !important;
          background-color: red;


  }

  */
  /* Modal Content/Box */
  /*&-outer{*/
  /*display: table;*/
  /*margin: 0 auto;*/
  /*}*/
  /* The Close Button */
}
.modal-background, .modal-close-btn {
  transition: all 0.5s ease;
}
.modal-background {
  display: none;
  /* Hidden by default */
  opacity: 0;
  position: fixed;
  /* Stay in place */
  z-index: 97;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgba(21, 28, 38, 0.5);
  /* Black w/ opacity */
  /*transition-duration: .5s ;*/
}
.modal-outer {
  opacity: 0;
  border-radius: 3px;
  background-color: white;
  margin: 0 auto;
  width: 35%;
  /* 15% from the top and centered */
  padding: 0.3rem 1rem 1rem 1rem;
  /* Could be more or less, depending on screen size */
  box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
  position: relative;
  transform: scale(0.7);
  transition: all 400ms 80ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  top: 5%;
  /*transition-duration: .5s ; */
}
.modal-outer.open {
  opacity: 1;
  transform: scale(1);
}
.modal-outer.close {
  opacity: 0;
  transform: scale(0.7);
}
.modal-background.modal-medium > .modal-outer {
  width: 60% !important;
}
.modal-background.modal-big > .modal-outer {
  width: 90% !important;
}
.modal-pdf > .modal-outer {
  height: 97vh;
  padding: 2.5rem 2rem 2rem 2rem;
  top: 1%;
  background-color: #263448;
}
.modal-full > .modal-outer {
  height: 97vh;
  padding: 0.3rem 2rem 2rem 2rem;
  top: 1%;
}
.modal-content {
  width: 100%;
  height: 100%;
}
.modal-close-btn {
  position: absolute;
  top: 4px;
  right: 4px;
  top: 0.4rem !important;
  right: 0.4rem !important;
}
.modal-close-btn::before {
  content: "";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  transition: all 0.2s;
  border-radius: 100%;
  padding: 2px;
  cursor: pointer;
  font-size: 1.7rem;
}
.modal-close-btn:hover:before {
  background-color: rgba(0, 0, 0, 0.3);
}
.modal-pdf .modal-close-btn::before {
  color: white !important;
}
.modal-paragraph {
  text-align: justify;
  font-weight: 100;
  color: #848484;
  font-family: Arial, sans-serif;
  font-size: 1.3rem;
}
.modal-paragraph:not(:last-child) {
  margin-bottom: 1rem;
}
.modal-title {
  font-family: Arial, serif;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 1.125;
  border-bottom: 2px solid gold;
  padding-bottom: 0.5rem;
  padding-top: 0.4rem;
  text-align: center;
  margin-bottom: 0.5rem;
}

.progress-bar {
  background-color: #dbdce0;
  position: relative;
  border: none;
  border-radius: 70px;
  display: block;
  height: 10px;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.progress-bar .bar {
  position: relative;
  box-sizing: border-box;
  width: 0;
  background-color: #00ae7d;
  height: 100%;
  /* border-radius:22px 0px 0px 22px; */
  transition: width 0.1s;
}
.progress-bar .bar.disabled {
  background-color: #adadad;
}

.tab {
  position: relative;
}
.tab-wrap {
  width: 100%;
  border-radius: 3px;
  background-color: #f4f5f7;
  border: 2px solid #ebecf0;
  padding: 0.5rem;
}
.tab .form-bloq {
  background-color: #ebecf0;
  border: 2px solid #dbdce0;
}
.tab-item {
  width: 100%;
}
.tab-btn {
  text-decoration: none;
  text-transform: capitalize;
  font-family: inherit;
  font-weight: 200;
  border-radius: 3px;
  border: none;
  padding: 0.3rem 0.5rem 0.3rem 0.5rem;
  cursor: pointer;
  position: relative;
  background-color: #dbdce0;
  color: #1f2735;
  font-weight: 600;
  border: 2px solid #151c26;
  transition: background-color 0.15s linear, color 0.15s linear, transform 0.1s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  font-size: 1rem;
  padding: 0.3rem 0.6rem;
  text-transform: capitalize;
}
.tab-btn:hover {
  background-color: #cccccc;
}
.tab-btn--active {
  background-color: #151c26;
  border: 2px solid #030405 !important;
  color: #ffe54a;
}
.tab-btn--active:hover {
  background-color: #141c27;
  border-color: #030405;
}
.tab-btn-container {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-content: stretch;
  margin-bottom: 0.5rem;
}
.tab-btn-container > .tab-btn:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: none;
}
.tab-btn-container > .tab-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-right: none;
}
.tab-btn-container > .tab-btn:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.table {
  border-radius: 3px;
  border: 2px solid #838ba3;
  width: 100%;
  position: relative;
  transition: all 0.2s;
  /*   tr {
      transition: map-get($transitions, default);
  } */
}
@media only screen and (max-width: 56.25em) {
  .table {
    display: inline-block;
    overflow-x: auto;
    white-space: nowrap;
  }
}
.table:focus {
  border-color: #00ae7d;
}
.table th,
.table td {
  padding: 0.1em 0.5em;
  vertical-align: top;
  cursor: pointer;
}
.table thead {
  width: 100%;
}
.table thead th {
  white-space: nowrap;
  text-align: left;
}
.table thead th:active {
  background-color: #dbdce0;
}
.table thead tr {
  text-transform: capitalize;
  color: #1f2735;
  border-bottom: 2px solid #838ba3;
}
.table tbody {
  width: 100%;
}
.table tbody tr:nth-child(even) {
  background-color: rgba(214, 212, 212, 0.3);
}
.table tbody tr:last-child td {
  border-bottom: none;
}
.table tbody td {
  border: 1px solid #838ba3;
}
.table tbody td:first-child {
  border-left: none;
}
.table tbody td:last-child {
  border-right: none;
}
.table--bg th,
.table--bg td {
  padding: 0.5em 1em;
}
.table-overflow-fix, .table-overflow-fix > table {
  display: inline-block;
  overflow-x: auto;
  white-space: nowrap;
}

.tr--hidden {
  visibility: hidden;
}
.tr--hidden td {
  border-color: transparent !important;
}
.tr:hover {
  background-color: rgba(64, 88, 122, 0.3) !important;
}
.tr--active {
  background-color: rgba(64, 88, 122, 0.9) !important;
  color: white;
}
.tr--active:hover {
  background-color: rgba(47, 64, 89, 0.9) !important;
}

.tds {
  white-space: nowrap;
  overflow: hidden;
  /* <- this does seem to be required */
  text-overflow: ellipsis;
}

.dtg-table {
  width: 100%;
  background-color: white;
  position: relative;
  table-layout: fixed;
}
.dtg-controls {
  background-color: white;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: flex;
  justify-content: space-between;
  height: 0;
  overflow: hidden;
  width: 100%;
  transition: all 0.2s;
}
.dtg-controls--open {
  padding: 0.5em 0.75em;
  border-bottom: 2px solid #838ba3;
  height: 3.5rem;
}
.dtg-close-btn {
  margin-left: auto;
  top: 4px;
  right: 4px;
}
.dtg-close-btn::before {
  content: "";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  transition: all 0.2s;
  border-radius: 100%;
  padding: 2px;
  cursor: pointer;
  font-size: 1.7rem;
}
.dtg-close-btn:hover:before {
  background-color: rgba(0, 0, 0, 0.3);
}
.dtg-tr {
  position: relative;
}
.dtg-tr:hover > td:last-child > .dtg-opt-block {
  opacity: 1;
}
.dtg-tr--deleted {
  background-color: #cf455c !important;
  opacity: 0;
}
.dtg-tr--deleted:hover {
  background-color: #cf455c !important;
}
.dtg-tr--selected .dtg-opt-block {
  display: none;
}
.dtg-th {
  white-space: nowrap;
  overflow: hidden;
  /* <- this does seem to be required */
  text-overflow: ellipsis;
}
.dtg-th--active {
  background-color: #dbdce0;
}
.dtg-opt-block {
  display: inline-flex;
  opacity: 0;
  position: absolute;
  right: 0.5rem;
  overflow: hidden;
  transition: all 0.2s;
}
.dtg-opt-block > button:not(:last-child) {
  margin-right: 0.2rem;
}
.dtg-add-search {
  width: 25rem !important;
}
.dtg-footer {
  border-top: 2px solid #838ba3;
  background-color: white;
  padding: 0.3rem 0.6rem;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  display: flex;
}
.dtg-td-loading {
  position: relative;
  padding: 3rem !important;
}
.dtg-td-loading::after {
  position: absolute !important;
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 3px solid #1f2735;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 3rem;
  width: 3rem;
  position: absolute;
  left: calc(50% - (3rem / 2));
  top: calc(50% - (3rem / 2));
}
.dtg-td-loading--small {
  position: relative;
  padding: 1rem !important;
}
.dtg-td-loading--small::after {
  position: absolute !important;
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 2px solid #1f2735;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 1rem;
  width: 1rem;
  position: absolute;
  left: calc(50% - (1rem / 2));
  top: calc(50% - (1rem / 2));
}
.dtg-td-msg {
  position: relative;
  padding: 1rem !important;
}
.dtg-td-msg--error {
  color: #cf455c;
}
.dtg-td--empty {
  background-color: rgba(255, 229, 74, 0.1);
}
.dtg-td--ok {
  background-color: rgba(53, 200, 82, 0.1);
}
.dtg-td--error {
  background-color: rgba(207, 69, 92, 0.1);
}
.dtg-pagination {
  display: flex;
}
.dtg-footer > *, .dtg-pagination > * {
  margin-right: 10px;
}

#dtg-option-drop {
  margin-right: 0;
  margin-left: auto;
}

.sort-arrow::before {
  content: "";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-left: 5px;
  opacity: 0;
  vertical-align: middle;
  color: #00ae7d;
  transition: all 0.2s;
}
.sort-arrow--up::before {
  opacity: 1;
  content: "";
}
.sort-arrow--down::before {
  opacity: 1;
  content: "";
}

.loading-block {
  position: relative;
}

#label-search {
  transform: translateY(-3px);
  margin-right: 1rem;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25-Oct-2018, 18:37:26
    Author     : jdac
*/
.tag {
  text-decoration: none;
  text-transform: capitalize;
  font-family: inherit;
  font-weight: 200;
  border-radius: 3px;
  border: none;
  padding: 0.3rem 0.5rem 0.3rem 0.5rem;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  line-height: 1.5;
  white-space: nowrap;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  border-radius: 1.5rem;
  font-weight: 100;
  color: white;
  background-color: #1f2735;
  cursor: default;
}
.tag--sm {
  line-height: 1;
}
.tag--bg {
  line-height: 1.7;
  font-size: 1.6rem;
  padding: 1rem;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 02-Nov-2018, 07:52:23
    Author     : jdac
*/
.toastify {
  padding: 10px 18px 10px 12px;
  display: flex;
  color: white;
  background: #263448;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  position: fixed;
  z-index: 98;
  opacity: 0;
  transform: scale(0.9);
  text-decoration: none;
  max-width: calc(70% - 20px);
  border-radius: 2px;
  font-size: 1.4rem;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.toastify a {
  color: #b3bfd3;
  text-decoration: underline;
  transition: all 0.2s;
}
.toastify a:hover {
  color: #ffec7d;
}
.toastify.on {
  opacity: 1;
  transform: scale(1);
}
.toastify-close {
  position: absolute;
  top: 2px;
  right: 2px;
  display: inline-block;
  border-radius: 2px;
  padding: 0.1rem;
  cursor: pointer;
  transition: all 0.2s;
}
.toastify-close::before {
  display: block;
  content: "";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.toastify-close:hover {
  background-color: #cf455c;
}
.toastify-rounded {
  border-radius: 100%;
}
.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: 0 5px;
  border-radius: 2px;
}
.toastify-right {
  right: 15px;
}
@media only screen and (max-width: 56.25em) {
  .toastify-right {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: 70%;
  }
}
@media only screen and (max-width: 37.5em) {
  .toastify-right {
    max-width: 90%;
  }
}
.toastify-left {
  left: 15px;
}
@media only screen and (max-width: 56.25em) {
  .toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: 70%;
  }
}
@media only screen and (max-width: 37.5em) {
  .toastify-left {
    max-width: 90%;
  }
}
.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: calc(50% - 100px);
}
@media only screen and (max-width: 75em) {
  .toastify-center {
    max-width: 60%;
  }
}
@media only screen and (max-width: 37.5em) {
  .toastify-center {
    max-width: 90%;
  }
}
.toastify-top {
  top: -150px;
}
.toastify-bottom {
  bottom: -150px;
}
.toastify.loading {
  display: flex;
  align-items: flex-start;
}
.toastify.loading::before {
  background-color: transparent !important;
  content: "";
  -webkit-animation: circle-spin 500ms infinite linear;
          animation: circle-spin 500ms infinite linear;
  border: 3px solid #1089ff;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  display: block;
  height: 2rem;
  width: 2rem;
  display: inline-block;
  margin-right: 0.7rem;
  margin-bottom: 0.1rem;
}
.toastify-noti--ok::before {
  color: white;
  background-color: #1089ff !important;
}
.toastify-noti--error::before {
  color: white;
  background-color: #cf455c !important;
}
.toastify-noti--warn::before {
  color: #1f2735 !important;
  background-color: #ffe54a !important;
}
.toastify--light {
  color: #1f2735;
  background: #dbdce0;
}

[class^=toastify-noti],
[class*=" toastify-noti"] {
  display: flex;
  align-items: flex-end;
}
[class^=toastify-noti]::before,
[class*=" toastify-noti"]::before {
  align-self: flex-start;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 50%;
  text-align: center;
  /*line-height: 100px;*/
  padding: 0.5rem;
  margin-right: 0.5rem;
  color: white;
  background-color: #1089ff;
}

.toast-content {
  align-self: center;
  padding: 2px 6px;
  text-align: justify;
  font-family: Arial, sans-serif;
}
.toast-sess {
  display: none !important;
}

.tooltip {
  position: relative;
  /*   &--bottom {
    &::before {
      @include appear-bottom;
      bottom: auto !important; //tooltip
      left: 50% !important; //tooltip
      right: auto !important; //tooltip
      transform: translate(-50%, -1rem) scale(0.7) !important; //tooltip

    }

    &:hover::before,
    .tooltip-cover:hover + &::before,
    .input__wrap.input-error > .error-trig:hover + &::before {
      transform: translate(-50%, 0.5rem) scale(1) !important;

    }

  } */
}
.tooltip:before {
  content: attr(data-tooltip);
  position: absolute;
  z-index: 1000000000000098 !important;
  display: inline-block;
  pointer-events: none;
  opacity: 0;
  white-space: nowrap;
  font-size: 1rem;
  padding: 0.2rem 0.4rem;
  background-color: #cf455c;
  border-radius: 3px;
  box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
  color: white;
  min-width: 24rem;
  top: 100%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -1rem) scale(0.7);
  transition: all 300ms 80ms cubic-bezier(0.47, 1.64, 0.41, 0.8) !important;
}
.tooltip:hover::before {
  opacity: 1;
  transform: translate(-50%, 0.5rem) scale(1);
}
.tooltip--left::before {
  top: auto;
  left: auto;
  right: 100%;
  bottom: 50% !important;
  transform: translate(1rem, 50%) scale(0.7) !important;
}
.tooltip--left:hover::before {
  transform: translate(-0.5rem, 50%) scale(1) !important;
}
.tooltip--right::before {
  top: -1px;
  left: 100%;
  right: auto;
  bottom: 50% !important;
  transform: translate(-1rem, 50%) scale(0.7) !important;
}
.tooltip--right:hover::before {
  transform: translate(0.5rem, 50%) scale(1) !important;
}
.tooltip--top::before {
  top: auto;
  bottom: 100%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -0.5rem) scale(0.4) !important;
}
.tooltip--top:hover::before {
  transform: translate(-50%, -0.5rem) scale(1) !important;
}
.tooltip--primary::before {
  background-color: #00ae7d !important;
  color: white !important;
}
.tooltip--primary-alt::before {
  background-color: #00bd56 !important;
  color: white !important;
}
.tooltip--secundary::before {
  background-color: #ffe54a !important;
  color: #151c26 !important;
}
.tooltip--secundary-alt::before {
  background-color: #f9fd50 !important;
  color: #151c26 !important;
}
.tooltip--verde::before {
  background-color: #506e58 !important;
  color: white !important;
}
.tooltip--visited::before {
  background-color: #4f49d0 !important;
  color: white !important;
}
.tooltip--error::before {
  background-color: #cf455c !important;
  color: white !important;
}
.tooltip--ok::before {
  background-color: #1089ff !important;
  color: white !important;
}
.tooltip--warn::before {
  background-color: #ffe54a !important;
  color: #151c26 !important;
}
.tooltip--light::before {
  background-color: #f4f5f7 !important;
  color: #151c26 !important;
}
.tooltip--light-dark::before {
  background-color: #ebecf0 !important;
  color: #151c26 !important;
}
.tooltip--light-darker::before {
  background-color: #dbdce0 !important;
  color: #151c26 !important;
}
.tooltip--gray-light::before {
  background-color: #dbdce0 !important;
  color: white !important;
}
.tooltip--gray1::before {
  background-color: #cccccc !important;
  color: #151c26 !important;
}
.tooltip--gray-darker::before {
  background-color: #adadad !important;
  color: white !important;
}
.tooltip--gray-darkest::before {
  background-color: #848484 !important;
  color: white !important;
}
.tooltip--body-gradient::before {
  background-color: #dbdce0 !important;
  color: #151c26 !important;
}
.tooltip--dark-light::before {
  background-color: #838ba3 !important;
  color: white !important;
}
.tooltip--dark::before {
  background-color: #263448 !important;
  color: white !important;
}
.tooltip--darker::before {
  background-color: #1f2735 !important;
  color: white !important;
}
.tooltip--darkest::before {
  background-color: #151c26 !important;
  color: white !important;
}
.tooltip--menu-hor::before {
  background-color: #1f2735 !important;
  color: white !important;
}
.tooltip--menu-ver::before {
  background-color: #151c26 !important;
  color: white !important;
}
.tooltip--bgold::before {
  background-color: #1f2735 !important;
  color: #ffe54a !important;
}
.tooltip--multi::before {
  min-width: 24rem;
  text-overflow: clip;
  white-space: pre-line;
  word-break: keep-all;
}

.tooltip-elem {
  position: absolute;
  z-index: 1000000000000098 !important;
  display: inline-block;
  pointer-events: none;
  opacity: 0;
  white-space: nowrap;
  font-size: 1rem;
  padding: 0.2rem 0.4rem;
  background-color: #cf455c;
  border-radius: 3px;
  box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
  color: white;
  min-width: 24rem;
  top: 100%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -1rem) scale(0.7);
  transition: all 300ms 80ms cubic-bezier(0.47, 1.64, 0.41, 0.8) !important;
}
.tooltip-elem--multi {
  min-width: 24rem;
  text-overflow: clip;
  white-space: pre-line;
  word-break: keep-all;
}
.tooltip-elem-parent:hover + .tooltip-elem, .tooltip-elem-parent:hover + * + .tooltip-elem, .input-error:hover + .tooltip-elem, .input-error:hover + * + .tooltip-elem, .input-error:focus + .tooltip-elem, .input-error:focus + * + .tooltip-elem, .awesome-error:hover + .tooltip-elem, .awesome-error:hover + * + .tooltip-elem, .tooltip-elem.tooltip-show {
  opacity: 1;
  transform: translate(-50%, 0.5rem) scale(1);
}
.tooltip-elem--top {
  top: auto;
  bottom: 100%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -0.5rem) scale(0.4) !important;
}
.tooltip-elem-parent:hover + .tooltip-elem--top, .tooltip-elem-parent:hover + * + .tooltip-elem--top, .input-error:hover + .tooltip-elem--top, .input-error:hover + * + .tooltip-elem--top, .input-error:focus + .tooltip-elem--top, .input-error:focus + * + .tooltip-elem--top, .awesome-error:hover + .tooltip-elem--top, .awesome-error:hover + * + .tooltip-elem--top, .tooltip-elem--top.tooltip-show {
  transform: translate(-50%, -0.5rem) scale(1) !important;
}
.tooltip-elem--left {
  top: auto;
  left: auto;
  right: 100%;
  transform: translate(1rem, 100%) scale(0.7) !important;
}
.tooltip-elem-parent:hover + .tooltip-elem--left, .tooltip-elem-parent:hover + * + .tooltip-elem--left, .input-error:hover + .tooltip-elem--left, .input-error:hover + * + .tooltip-elem--left, .input-error:focus + .tooltip-elem--left, .input-error:focus + * + .tooltip-elem--left, .awesome-error:hover + .tooltip-elem--left, .awesome-error:hover + * + .tooltip-elem--left, .tooltip-elem--left.tooltip-show {
  transform: translate(-0.5rem, 100%) scale(1) !important;
}
.tooltip-elem--right {
  top: -1px;
  left: 100%;
  right: auto;
  transform: translate(1rem, 0%) scale(0.7) !important;
}
.tooltip-elem-parent:hover + .tooltip-elem--right, .tooltip-elem-parent:hover + * + .tooltip-elem--right, .input-error:hover + .tooltip-elem--right, .input-error:hover + * + .tooltip-elem--right, .input-error:focus + .tooltip-elem--right, .input-error:focus + * + .tooltip-elem--right, .awesome-error:hover + .tooltip-elem--right, .awesome-error:hover + * + .tooltip-elem--right, .tooltip-elem--right.tooltip-show {
  transform: translate(0.5rem, 0%) scale(1) !important;
}
.tooltip-elem--multi {
  min-width: 24rem;
  text-overflow: clip;
  white-space: pre-line;
  word-break: keep-all;
}

.tree {
  display: flex;
  height: auto;
  flex-direction: column;
  /*&__checkbox:checked + li &__item {
    background-color: rgba(map-get($colors,secundary),.5);
  }*/
}
.tree-cont {
  font-size: 130%;
  overflow-y: scroll;
}
.tree ul {
  list-style: none;
  padding-left: 2rem;
  border-left: 1px solid #cccccc;
  display: inline-block;
}
.tree-chkbx {
  display: none;
}
.tree-sub {
  display: none !important;
}
.tree-chkbx + .title::before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  /*line-height: 100px;*/
  margin-right: 0.2rem;
  color: #151c26;
  transition: all 0.2s;
}
.tree-chkbx:checked + .title + ul {
  display: inline-block !important;
}
.tree-chkbx:checked + .title:before {
  transform: rotate(90deg);
}
.tree .title {
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
  transition: 0.2s all;
  cursor: pointer;
  display: flex;
  padding: 0.2rem;
  align-items: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -moz-user-select: none;
}
.tree .title > .li-loading {
  margin-left: 6px;
}
.tree .title > .entity-chk {
  margin-left: 0.5rem;
}
.tree-show .tree-sub {
  display: block !important;
}
.tree-show .tree-chkbx + .title:before {
  transform: rotate(90deg) !important;
}
.tree-perm .opts {
  display: none;
}
.tree-perm .opts > button, .tree-perm .opts > a {
  margin-left: 3px;
}
.tree-perm .title:hover .opts {
  display: flex;
}
.tree-perm .title--add {
  -webkit-animation-name: addBranch;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: ease-in-out;
}
.tree-perm .title--edit {
  -webkit-animation-name: editBranch;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes addBranch {
  10% {
    color: #00ae7d;
  }
  100% {
    color: black;
  }
}

@keyframes addBranch {
  10% {
    color: #00ae7d;
  }
  100% {
    color: black;
  }
}
@-webkit-keyframes editBranch {
  10% {
    color: #1089ff;
  }
  100% {
    color: black;
  }
}
@keyframes editBranch {
  10% {
    color: #1089ff;
  }
  100% {
    color: black;
  }
}
.logo-color {
  background-image: url("../local/logo/logov.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.logo-gray {
  background-image: url("../local/logo/logov.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.logo-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo-bg {
  background-image: url("../local/logo/logov.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 30rem;
  height: 30rem;
  position: absolute;
  transform: translate(10%, 30%);
  opacity: 0.8;
}
.logo-text {
  font-family: Arial, serif;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.logo-text--dark {
  color: #263448;
}
.logo-text--right {
  margin-left: 0.3rem;
}
.logo-text--left {
  margin-right: 0.3rem;
}
.logo-text--bottom {
  margin-top: 0.3rem;
}

.login-logos-cont {
  border-radius: 6px;
  display: flex;
  justify-content: center;
  box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
}
.login-logos-divider {
  width: 0.3rem;
  border-radius: 3px;
  background-color: #dbdce0;
}
.login-form {
  margin-top: 1rem;
  padding: 2rem;
  box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
}
.login-form-cont {
  /*       display: flex;
        flex-direction: column;
        align-items: center; */
  background-color: #ebecf0;
  padding: 2rem;
  border-radius: 3px;
}
.login-form-cont-input {
  padding-bottom: 2rem;
}
.login-form-cont-input > .input-addons {
  width: 100%;
}
.login-title {
  font-weight: 300;
  line-height: 1.125;
  color: #848484;
}
.login-inp {
  width: 100%;
  padding: 5px;
}
.login-btn {
  margin-top: 1rem;
  width: 100%;
}
.login-btn-cont {
  padding: 2rem;
}

.maes-logo {
  color: #1089ff !important;
}

.passw-link {
  text-align: right;
  font-weight: 300;
  line-height: 1.125;
}

.input-addons > .login-inp {
  margin-bottom: 0;
}

/*                                        MAIN-LAYOUT

              *********************************************************************
              *                         .body(*)                                  *
              * ----------------------------------------------------------------- *
              * |                       .menunav(-)                             | *
              * ----------------------------------------------------------------- *
              *   ________________   ___________________________________________  *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +   .sidenav(+)  + "          .main-content(")                 " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +                + "                                           " *
              *  +________________+ "___________________________________________" *
              *                                                                   *
              *********************************************************************
*/
#sidenav-check-id {
  display: none;
}

#sidenav-check-id:checked + .sidenav {
  left: -300px;
}

#sidenav-check-id:checked + .sidenav + .main-content {
  width: 100%;
  left: 0;
}

.sidenav {
  background-color: #151c26;
  position: fixed;
  z-index: 94;
  width: 20rem;
  left: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.2s;
}
.sidenav-menu-cont {
  position: relative;
  height: 100%;
}
.sidenav-menu {
  background-color: #151c26;
  list-style-type: none;
  font-size: 1.2rem;
  overflow: hidden;
  transition: all 0.3s;
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
}
.sidenav-chkbx {
  display: none;
}
.sidenav-sub {
  width: 0;
  position: absolute;
  z-index: 93;
}
.sidenav-chkbx:checked + .sidenav-sub {
  width: 100%;
}
.sidenav-blq {
  margin-top: 5.5rem;
  padding: 5px;
  background-color: #1f2735;
  border-bottom: 1px solid #68718c;
  display: inline-flex;
  justify-content: center;
  position: relative;
  align-items: center;
  transition: all 0.2s;
  cursor: pointer;
  width: 100%;
}
.sidenav-item {
  display: inline-flex;
  position: relative;
  align-items: center;
  transition: all 0.2s;
  cursor: pointer;
  width: 100%;
}
.sidenav-item.back {
  background-color: #1f2735;
  border-bottom: 1px solid #68718c;
}
.sidenav-item.back:before {
  content: "";
  display: block;
  background-color: #ffe54a;
  width: 0;
  align-self: stretch;
  transition: all 400ms 80ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.sidenav-item:before {
  content: "";
  display: block;
  background-color: #00ae7d;
  width: 0;
  align-self: stretch;
  transition: all 400ms 80ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.sidenav-item:hover:before {
  width: 0.5rem;
}
.sidenav-item.sub:after {
  content: "";
  color: white;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-left: auto;
  padding-right: 1rem;
}
.sidenav-item > .sidenav-text {
  color: white;
  white-space: nowrap;
  padding: 0.3rem 1rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.sidenav-item > .sidenav-text > .icon-arrow-left {
  margin-right: 5px;
}
.sidenav-item:hover {
  background-color: #263448;
  /*      & > .sidenav-sub {
    display: block;
  } */
}
.sidenav-item:active {
  transform: scale(0.99);
}
.sidenav-item.sub:active {
  transform: scale(1);
}
.sidenav-item--active:before {
  content: "";
  display: block;
  background-color: #00ae7d;
  width: 0;
  align-self: stretch;
  transition: all 400ms 80ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  width: 0.5rem;
}
.sidenav-footer {
  padding-top: 1rem;
  padding-bottom: 2rem;
  text-align: center;
  color: white;
  border-top: 2px solid #263448;
  width: 80%;
  margin: 0 auto;
}
.sidenav-logo-container {
  font-size: 1.3rem;
}
.sidenav-logo-container > .logo {
  font-size: 2.3rem;
  color: #1d72ff !important;
  margin-right: 0.5rem;
}
.sidenav-legal {
  padding-bottom: 0.5rem;
}

.main-content {
  position: relative;
  z-index: 93;
  min-height: 100vh;
  width: calc(100% - 20rem);
  left: 20rem;
  background-color: #dbdce0;
  padding: 4rem 1rem 1rem 1rem;
  transition: all 0.2s;
}
.main-content--no-side {
  width: 100%;
  left: 0;
}

.container-main-page {
  height: 100vh;
  padding-top: 4.5rem;
}

.bloque {
  border-radius: 3px;
}
.bloque-anim {
  cursor: pointer;
  transition: all 0.2s;
}
.bloque-anim:hover {
  transform: scale(1.1);
}

.bloque2 {
  padding: 4rem;
  display: flex;
  justify-content: center;
}

.mainNav {
  background-color: #ebecf0;
  padding: 1rem 1rem 2rem 1rem;
  border-radius: 3px;
  box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}
.mainNav-header {
  margin-bottom: 1rem;
}
.mainNav-cont {
  min-height: 40rem;
}
.mainNav .cont-cover {
  min-height: 40rem;
}
.mainNav-overview {
  display: flex;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border-radius: 3px;
  border: 2px solid #838ba3;
  background-color: white;
}
.mainNav-overview > *:not(:last-child) {
  margin-right: 1rem;
}
.mainNav-ul {
  position: relative;
  background-color: white;
  font-size: 1.3rem;
  border-radius: 3px;
  border: 2px solid #838ba3;
  min-height: 40rem;
}
.mainNav-item {
  color: #1f2735;
  font-size: inherit;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
  width: 100%;
  cursor: pointer;
  transform: scale(1);
  transition: all 0.2s;
  white-space: nowrap;
  text-transform: capitalize;
  border-bottom: 1px solid #838ba3;
}
.mainNav-item:hover {
  background-color: #ebecf0;
}
.mainNav-item:active {
  background-color: #dbdce0;
  transform: scale(0.99);
}
.mainNav-item--active {
  background-color: #dbdce0 !important;
}
.mainNav-item--sub, .mainNav-item--blocked {
  display: flex;
  align-items: center;
}
.mainNav-item a {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}
.mainNav-item a:link, .mainNav-item a:visited {
  color: #1f2735;
}
.mainNav-item--sub:after {
  content: "";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-left: 1rem;
}
.mainNav-item--blocked {
  cursor: not-allowed;
}
.mainNav-item--blocked > * {
  opacity: 0.4;
}
.mainNav-item--blocked:after {
  content: "";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-left: 1rem;
}

.menunav {
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.3);
  background-color: #1f2735;
  color: white;
  position: fixed;
  z-index: 95;
  width: 100%;
  height: 3.5rem;
  justify-content: space-between;
  display: flex;
}
.menunav > * {
  display: flex;
}
.menunav-part1 {
  align-items: center;
}
.menunav-part1 > * {
  margin-left: 1rem;
}
.menunav-logo {
  width: 3.1rem;
  height: 3.1rem;
}
.menunav-search {
  height: 2rem;
}
.menunav-search input {
  width: 20rem !important;
}
.menunav-part2 {
  margin-right: 1rem;
  align-self: stretch;
}
.menunav-part2 .menunav-item {
  padding: 0 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.2s;
  font-size: 1.3rem;
  color: white;
  font-weight: 100;
}
.menunav-part2 .menunav-item:hover {
  background-color: #1f2735;
}
.menunav-username {
  margin-left: 0.5rem;
}

.avatar {
  border-radius: 100%;
}
.avatar-cont {
  width: 100%;
  height: 100%;
}
.avatar-cont--menu > .avatar {
  width: 2rem;
  height: 2rem;
}
.avatar-cont--sm > .avatar {
  width: 3rem;
  height: 3rem;
}
.avatar-cont--md > .avatar {
  width: 6rem;
  height: 6rem;
}
.avatar-cont--bg > .avatar {
  width: 9rem;
  height: 9rem;
}
.avatar.letter {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.avatar.letter::after {
  font-family: Arial, serif;
  content: attr(data-letter);
  color: white;
}
.avatar.letter-1 {
  font-size: 1rem;
}
.avatar.letter-1_5 {
  font-size: 1.3rem;
}
.avatar.letter-2 {
  font-size: 2rem;
}
.avatar.letter-3::after {
  font-size: 2.7rem;
}
.avatar.letter-4::after {
  font-size: 3.6rem;
}
.avatar.letter-5::after {
  font-size: 4.5rem;
}
.avatar.letter-6::after {
  font-size: 5.4rem;
}
.avatar.letter-7::after {
  font-size: 6.3rem;
}
.avatar.letter-8::after {
  font-size: 7.2rem;
}
.avatar.icon-size-1::before {
  font-size: 1rem;
}
.avatar.icon-size-1_5::before {
  font-size: 1.3rem;
}
.avatar.icon-size-2::before {
  font-size: 2rem;
}
.avatar.icon-size-3::before {
  font-size: 2.7rem;
}
.avatar.icon-size-4::before {
  font-size: 3.6rem;
}
.avatar.icon-size-5::before {
  font-size: 4.5rem;
}
.avatar.icon-size-6::before {
  font-size: 5.4rem;
}
.avatar.icon-size-7::before {
  font-size: 6.3rem;
}
.avatar.icon-size-8::before {
  font-size: 7.2rem;
}
.avatar-card {
  display: flex;
}
.avatar-text {
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
}
.avatar--def {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.awesomplete {
  display: inline-block;
  position: relative;
  /*     @supports (transform: scale(0)) {
      &>ul {
          transition: .25s cubic-bezier(.4, .2, .5, 1.4);
          transform-origin: 1.43em -.43em;
      }
      &>ul[hidden],
      &>ul:empty {
          opacity: 0;
          transform: scale(0);
          display: block;
          transition-timing-function: ease;
      }
  } */
  /* Pointer */
}
.awesomplete [hidden] {
  display: none;
}
.awesomplete .visually-hidden {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.awesomplete > input {
  width: 100%;
}
.awesomplete > ul {
  position: absolute;
  left: 0;
  z-index: 11;
  min-width: 100%;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}
.awesomplete > ul.disabled-ul {
  pointer-events: none;
  color: #151c26;
  background: #ebecf0;
}
.awesomplete > ul:empty {
  display: none;
}
.awesomplete > ul {
  margin: 0.2em 0 0;
  background: white;
  border: #838ba3 1px solid;
  box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-shadow: none;
  /* to allow scroll*/
  max-height: 400px;
  overflow-y: scroll;
}
.awesomplete-desc {
  color: #a4a7b1;
  font-size: 1rem;
  text-transform: lowercase;
  display: block;
  margin-top: -7px;
  padding: 0;
}
.awesomplete > ul > li {
  position: relative;
  padding: 0 0.4rem;
  cursor: pointer;
  color: #263448;
  font-size: 1.2rem;
  text-transform: lowercase;
}
.awesomplete > ul > li:last-child {
  padding-bottom: 0.2rem;
}
.awesomplete > ul > li:hover {
  background: #ebecf0;
  color: #151c26;
}
.awesomplete > ul > li[aria-selected=true] {
  background: #dbdce0;
  color: #151c26;
}
.awesomplete mark {
  /*background: hsl(202, 100%, 58%);
  color: white;*/
  color: #151c26;
  background-color: rgba(255, 229, 74, 0.2);
}
.awesomplete li:hover mark {
  color: #151c26;
}
.awesomplete li[aria-selected=true] mark {
  /*background: hsl(202, 67%, 45%);*/
  color: #151c26;
}
.awesomplete-error {
  color: #cf455c;
}
.awesomplete--md + ul {
  width: 140%;
}
.awesomplete--bg + ul {
  width: 170%;
}
.awesomplete--lg + ul {
  width: 200%;
}
.awesomplete--xg + ul {
  width: 400%;
}