.breadCrumbs {
  width: 100%;
  height: 30px;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 125px;
  vertical-align: middle;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.breadCrumbs__element {
  line-height: 30px;
  padding-right: 10px;
  text-transform: capitalize;
  align-self: center;
}
.breadCrumbs__element.dots {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.breadCrumbs__element:not(:last-child):after {
  padding-left: 10px;
  display: inline-block;
  width: 10px;
  height: 16px;
  margin-right: 5px;
  content: "";
  background: url("/_img/icons/right_arrow.png") no-repeat 0 0;
  background-size: 100%;
  vertical-align: text-top;
}
.breadCrumbs__element:last-child:after {
  content: '';
  background: unset;
}
@media only screen and (max-width: 600px) {
  .breadCrumbs {
    width: fit-content;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 0px;
    vertical-align: middle;
  }
  .breadCrumbs__element:only-child {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
  .breadCrumbs__element.dots {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 5px;
  }
  .breadCrumbs__element.dots::before {
    padding-left: 0px;
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-right: 0px;
    content: "";
    background: unset;
    background-size: 0px;
    vertical-align: text-top;
  }
  .breadCrumbs__element.dots::after {
    padding-left: 10px;
    display: inline-block;
    width: 10px;
    height: 16px;
    margin-right: 0px;
    content: "";
    background: url(/_img/icons/right_arrow.png) no-repeat 0 0;
    background-size: 100%;
    vertical-align: text-top;
  }
  .breadCrumbs__element.dots:hover {
    color: hsl(357, 96%, 42%);
    cursor: pointer;
  }
  .breadCrumbs__element:not(:first-child):not(:last-child) {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
  .breadCrumbs__element:first-child:not(:last-child) {
    padding-right: 0px;
  }
  .breadCrumbs__element:first-child:not(:last-child):after {
    padding-left: 10px;
    display: inline-block;
    width: 10px;
    height: 16px;
    margin-right: 0px;
    content: "";
    background: url(/_img/icons/right_arrow.png) no-repeat 0 0;
    background-size: 100%;
    vertical-align: text-top;
  }
  .breadCrumbs__element:last-child:not(:first-child):not(:nth-child(2n)):after {
    padding-left: 0px;
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-right: 0px;
    content: "";
    background: unset;
    background-size: 0px;
    vertical-align: text-top;
  }
}
.breadCrumbs.floatingDiv {
  position: absolute;
  left: 0px;
  right: 0px;
  padding: 5px;
  width: fit-content;
  height: fit-content;
  background-color: white;
  border: 1px solid hsl(0, 0%, 92%);
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  margin: unset;
}
.breadCrumbs.floatingDiv.active {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
@media only screen and (max-width: 600px) {
  .breadCrumbs.floatingDiv.active {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: all 0.2s ease-in;
  }
}
.breadCrumbs.floatingDiv .breadCrumbs__element {
  display: contents;
  visibility: visible;
  opacity: 1;
}
.breadCrumbs.floatingDiv .arrow_box:after,
.breadCrumbs.floatingDiv .arrow_box:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.breadCrumbs.floatingDiv .arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: white;
  border-width: 9px;
  margin-left: 3px;
  margin-bottom: -1px;
}
.breadCrumbs.floatingDiv .arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: hsl(0, 0%, 92%);
  border-width: 12px;
  margin-left: 0px;
  margin-bottom: -1px;
}
.button {
  font-family: Calibri, Arial, Myriad, sans-serif;
  display: inline-block;
  border: none;
  text-align: center;
  line-height: 15px;
  text-decoration-style: solid;
  text-decoration-line: none;
  text-decoration-color: hsl(0, 0%, 100%);
  border-radius: 3px;
  transition: all 0.3s;
  cursor: no-drop;
  margin: auto !important;
}
.button:not([disabled]) {
  cursor: pointer;
}
.button.xsmall {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 10px;
}
.button.small {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
}
.button.medium {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
}
.button.large {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
}
.button.icon {
  font-family: Calibri, Arial, Myriad, sans-serif;
  vertical-align: middle;
}
.button.icon.reflected {
  -webkit-box-reflect: below -4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(white));
}
.button.icon .active {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.button.icon .normal {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.button.icon .hover:not([disabled]) {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.button.icon:hover:not([disabled]) .active {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.button.icon:hover:not([disabled]) .normal {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.button.icon:hover:not([disabled]) .hover {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.button.icon:active:not([disabled]) {
  background-color: yelow !important;
}
.button.icon:active:not([disabled]) > .active {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition: all 0.2s ease-in !important;
}
.button.icon:active:not([disabled]) > .normal {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: all 0.2s ease-in !important;
}
.button.icon:active:not([disabled]) > .hover {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: all 0.2s ease-in !important;
}
.button.icon.active > .active {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.button.icon.active > .normal {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.button.icon.active > .hover {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.button--solid-red {
  color: hsl(0, 0%, 100%);
  background-color: hsl(357, 96%, 42%);
}
.button--solid-red:hover:not([disabled]) {
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 50%);
}
.button--solid-yellow {
  color: hsl(0, 0%, 100%);
  background-color: #d9d571;
}
.button--solid-yellow:hover:not([disabled]) {
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 50%);
}
.button--solid-green {
  color: hsl(0, 0%, 100%);
  background-color: #67bb6a;
}
.button--solid-green:hover:not([disabled]) {
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 50%);
}
.button--solid-grey {
  color: hsl(0, 0%, 25%);
  background-color: hsl(0, 0%, 75%);
}
.button--solid-grey:hover:not([disabled]) {
  color: hsl(0, 0%, 100%);
  background-color: hsl(357, 96%, 42%);
}
.button--solid-grey:active {
  color: hsl(0, 0%, 25%);
  background-color: hsl(0, 0%, 75%);
}
.button--solid-grey.active {
  color: hsl(0, 0%, 100%);
  background-color: hsl(357, 96%, 42%) !important;
}
.button--solid-white {
  color: hsl(0, 0%, 0%);
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 0%);
}
.button--solid-white:hover:not([disabled]) {
  background-color: hsl(0, 0%, 75%);
}
.button--outline-red {
  color: hsl(0, 0%, 50%);
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 50%);
}
.button--outline-red:hover:not([disabled]) {
  color: white;
  background-color: hsl(357, 96%, 42%);
}
.button--outline-red.active:not([disabled]) {
  color: white;
  background-color: hsl(357, 96%, 42%);
}
.button--outline-grey {
  color: hsl(0, 0%, 50%);
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 50%);
}
.button--outline-grey:hover:not([disabled]) {
  color: white;
  background-color: hsl(0, 0%, 50%);
}
.button--outline-grey.active:not([disabled]) {
  color: white;
  background-color: hsl(0, 0%, 50%);
}
.button--empty-red {
  color: hsl(0, 0%, 50%);
  border: 1px solid hsl(0, 0%, 50%);
}
.button--empty-redhover:not([disabled]) {
  color: white;
  background-color: hsl(357, 96%, 42%);
}
.button--empty-red.active:not([disabled]) {
  color: white;
  background-color: hsl(357, 96%, 42%);
}
.button--empty-grey {
  color: hsl(0, 0%, 50%);
  border: 1px solid hsl(0, 0%, 50%);
}
.button--empty-grey:hover:not([disabled]) {
  color: hsl(357, 96%, 42%);
  border: 1px solid hsl(357, 96%, 42%);
}
.button--empty-grey:active:not([disabled]) {
  color: white;
  background-color: hsl(357, 96%, 42%);
  border: 1px solid hsl(357, 96%, 42%);
}
.button--empty-grey.active:not([disabled]) {
  color: hsl(357, 96%, 42%);
  border: 1px solid hsl(357, 96%, 42%);
  background-color: unset;
}
.button--empty-grey.active:not([disabled]):hover {
  color: white;
}
.button--empty-grey.active:not([disabled]):active {
  color: hsl(0, 0%, 50%);
  border: 1px solid hsl(0, 0%, 50%);
  background-color: white;
}
.button--empty-darkGrey {
  color: hsl(0, 0%, 25%);
  border: 1px solid hsl(0, 0%, 25%);
}
.button--empty-darkGrey:hover:not([disabled]) {
  color: hsl(357, 96%, 42%);
  border: 1px solid hsl(357, 96%, 42%);
}
.button--empty-darkGrey:active:not([disabled]) {
  color: white;
  background-color: hsl(357, 96%, 42%);
  border: 1px solid hsl(357, 96%, 42%);
}
.button--empty-darkGrey.active:not([disabled]) {
  color: hsl(357, 96%, 42%);
  border: 1px solid hsl(357, 96%, 42%);
  background-color: unset;
}
.button--empty-darkGrey.active:not([disabled]):hover {
  color: white;
}
.button--empty-darkGrey.active:not([disabled]):active {
  color: hsl(0, 0%, 50%);
  border: 1px solid hsl(0, 0%, 50%);
  background-color: white;
}
.buttonspan {
  height: 15px;
}
.button[disabled] {
  opacity: 0.6;
}
i.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
i.arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
i.arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
i.arrow.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
i.arrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.animatedIcons {
  display: inline-block;
}
.animatedIcons.hourglass {
  content: url(/_img/icons/hourglass-gr-half.svg);
}
.animatedIcons.hourglass:hover {
  animation: animatedHourGlass 2s infinite;
}
@keyframes animatedHourGlass {
  0% {
    content: url(/_img/icons/hourglass-red-empty.svg);
  }
  33% {
    content: url(/_img/icons/hourglass-red-half.svg);
  }
  66% {
    content: url(/_img/icons/hourglass-red-full.svg);
  }
  100% {
    content: url(/_img/icons/hourglass-red-empty.svg);
  }
}
.PROCESSING.button.icon {
  content: url(/_img/icons/processing-gr.svg);
  animation: animatedProcessing 2s infinite;
}
.PROCESSING.button.icon:hover {
  animation: animatedProcessing_hover 2s infinite;
}
@keyframes animatedProcessing {
  0% {
    content: url(/_img/icons/processing-gr-0.svg);
  }
  33% {
    content: url(/_img/icons/processing-gr-45.svg);
  }
  66% {
    content: url(/_img/icons/processing-gr-90.svg);
  }
  100% {
    content: url(/_img/icons/processing-gr-0.svg);
  }
}
@keyframes animatedProcessing_hover {
  0% {
    content: url(/_img/icons/processing-red-0.svg);
  }
  33% {
    content: url(/_img/icons/processing-red-45.svg);
  }
  66% {
    content: url(/_img/icons/processing-red-90.svg);
  }
  100% {
    content: url(/_img/icons/processing-red-0.svg);
  }
}
.options-menu.vertical {
  content: url(/_img/icons/options-gr.svg);
  height: 25px;
  width: 25px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.options-menu.vertical:hover {
  content: url(/_img/icons/options-red.svg);
}
.options-menu.vertical.small {
  content: url(/_img/icons/options-gr-small.svg);
}
.options-menu.vertical.small:hover {
  content: url(/_img/icons/options-red-small.svg);
}
.options-menu.vertical.medium {
  content: url(/_img/icons/options-gr-medium.svg);
}
.options-menu.vertical.medium:hover {
  content: url(/_img/icons/options-red-medium.svg);
}
.options-menu.vertical.large {
  content: url(/_img/icons/options-gr-larte.svg);
}
.options-menu.vertical.large:hover {
  content: url(/_img/icons/options-red-large.svg);
}
.options-menu.vertical__list {
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  position: absolute;
  margin: 0px;
  background-color: hsl(0, 0%, 98%);
  border: 1px solid hsl(0, 0%, 85%);
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.options-menu.vertical__list li {
  line-height: 25px;
  color: hsl(0, 0%, 50%);
  font-size: 14px;
  padding-left: 10px;
  padding-right: 15px;
  cursor: pointer;
  vertical-align: middle;
  text-align: left;
}
.options-menu.vertical__list li.opt-view-json:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/json-code-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.options-menu.vertical__list li.opt-view-json:hover:before {
  background-image: url('/_img/icons/json-code-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.options-menu.vertical__list li.opt-maximize:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-maximize-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.options-menu.vertical__list li.opt-maximize:hover:before {
  background-image: url('/_img/icons/opt-maximize-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.options-menu.vertical__list li.opt-refresh:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-refresh-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.options-menu.vertical__list li.opt-refresh:hover:before {
  background-image: url('/_img/icons/opt-refresh-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.options-menu.vertical__list li.opt-edit:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-edit-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.options-menu.vertical__list li.opt-edit:hover:before {
  background-image: url('/_img/icons/opt-edit-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.options-menu.vertical__list li.opt-delete:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-delete-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.options-menu.vertical__list li.opt-delete:hover:before {
  background-image: url('/_img/icons/opt-delete-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.options-menu.vertical__list li.opt-share:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-share-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.options-menu.vertical__list li.opt-share:hover:before {
  background-image: url('/_img/icons/opt-share-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.options-menu.vertical__list li.opt-email:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-email-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.options-menu.vertical__list li.opt-email:hover:before {
  background-image: url('/_img/icons/opt-email-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.options-menu.vertical__list li.opt-print:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-print-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.options-menu.vertical__list li.opt-print:hover:before {
  background-image: url('/_img/icons/opt-print-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.options-menu.vertical__list li.opt-export:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-export-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.options-menu.vertical__list li.opt-export:hover:before {
  background-image: url('/_img/icons/opt-export-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.options-menu.vertical__list li:hover {
  background-color: hsl(0, 0%, 75%);
  color: hsl(357, 96%, 42%);
}
.options-menu.vertical__list.visible {
  visibility: visible !important;
  opacity: 1 !important;
  transition: all 0.2s ease-in !important;
}
.options-menu.horizontal {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  z-index: 9999;
  position: absolute;
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid hsl(0, 0%, 50%);
  background-color: hsl(0, 0%, 90%);
}
.options-menu.horizontal.active {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
  z-index: 9999;
}
.options-menu.horizontal .options-menu__icon {
  display: inline-block;
  padding: 5px;
}
.footer {
  font-size: 0.75em;
  color: hsl(0, 0%, 50%);
  padding-bottom: 1%;
  margin-left: 75px;
  margin-right: 75px;
  margin-top: 30px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
  .footer {
    margin-right: 0;
    margin-left: 0;
  }
}
.footer__content {
  background-color: hsl(0, 0%, 95%);
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 1020px) {
  .footer__content {
    display: block;
  }
}
.footer__content--company {
  margin-right: auto;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  align-items: center;
  grid-gap: 15px;
  padding: 10px;
}
@media only screen and (max-width: 1020px) {
  .footer__content--company {
    justify-content: center;
  }
  .footer__content--company:last-child {
    margin-left: 10%;
  }
}
.footer__content--company > .logo {
  cursor: pointer;
}
.footer__content--company > .logo > a > img {
  width: 150px;
  height: auto;
}
.footer__content--company > .data > span {
  font-size: 15px;
  display: block;
  text-align: left;
}
@media only screen and (max-width: 1020px) {
  .footer__content--social {
    display: flex;
    justify-content: center;
  }
}
.footer__content--social > div {
  display: inline-block;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 15px;
}
.footer__content--social > div > a {
  display: block;
  width: 30px;
  height: 30px;
}
.footer__content--social > .linkedin {
  background: url(/_img/icons/linkedin-brands-gr.svg) no-repeat;
  background-size: 30px 30px;
  background-position: center;
}
.footer__content--social > .linkedin:hover {
  background: url(/_img/icons/linkedin-brands-red.svg) no-repeat;
  background-size: 30px 30px;
  background-position: center;
}
.footer__content--social > .twitter {
  background: url(/_img/icons/twitter-brands-gr.svg) no-repeat;
  background-size: 30px 30px;
  background-position: center;
}
.footer__content--social > .twitter:hover {
  background: url(/_img/icons/twitter-brands-red.svg) no-repeat;
  background-size: 30px 30px;
  background-position: center;
}
.footer__content--social > .youtube {
  background: url(/_img/icons/youtube-brands-gr.svg) no-repeat;
  background-size: 30px 30px;
  background-position: center;
}
.footer__content--social > .youtube:hover {
  background: url(/_img/icons/youtube-brands-red.svg) no-repeat;
  background-size: 30px 30px;
  background-position: center;
}
.footer__content--social > .angel {
  background: url(/_img/icons/angel-brands-gr.svg) no-repeat;
  background-size: 30px 30px;
  background-position: center;
}
.footer__content--social > .angel:hover {
  background: url(/_img/icons/angel-brands-red.svg) no-repeat;
  background-size: 30px 30px;
  background-position: center;
}
.footer__copyright {
  text-align: center;
}
.footer__copyright > .policies {
  display: block;
}
.footer__copyright > .policies > span {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  font-size: 12px;
}
.footer__copyright > .policies > span > a {
  color: hsl(0, 0%, 50%);
}
.footer__copyright > .policies > span > a:hover {
  color: hsl(357, 96%, 42%);
}
.form {
  border: 1px solid white;
  padding-bottom: 20px;
}
.form__header {
  display: flex;
  align-items: stretch;
  background-color: hsl(0, 0%, 85%);
  padding-left: 10px;
  padding-right: 10px;
  max-height: 25px;
  position: relative;
}
.form__header--title {
  color: hsl(0, 0%, 50%);
  width: calc(100% - 25px);
  line-height: 25px;
  vertical-align: middle;
}
.form__header--options {
  content: url(/_img/icons/options-gr.svg);
  height: 25px;
  width: 25px;
}
.form__header--options.hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.form__header--options.vertical {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.form__header--options:hover {
  content: url(/_img/icons/options-red.svg);
}
.form__header--options-list {
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  position: absolute;
  right: 0px;
  top: 25px !important;
  margin: 0px;
  background-color: hsl(0, 0%, 98%);
  border: 1px solid hsl(0, 0%, 85%);
}
.form__header--options-list li {
  line-height: 25px;
  color: hsl(0, 0%, 50%);
  font-size: 14px;
  padding-left: 10px;
  padding-right: 15px;
  cursor: pointer;
  vertical-align: middle;
}
.form__header--options-list li.opt-maximize:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-maximize-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.form__header--options-list li.opt-maximize:hover:before {
  background-image: url('/_img/icons/opt-maximize-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.form__header--options-list li.opt-refresh:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-refresh-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.form__header--options-list li.opt-refresh:hover:before {
  background-image: url('/_img/icons/opt-refresh-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.form__header--options-list li.opt-edit:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-edit-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.form__header--options-list li.opt-edit:hover:before {
  background-image: url('/_img/icons/opt-edit-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.form__header--options-list li.opt-delete:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-delete-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.form__header--options-list li.opt-delete:hover:before {
  background-image: url('/_img/icons/opt-delete-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.form__header--options-list li.opt-share:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-share-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.form__header--options-list li.opt-share:hover:before {
  background-image: url('/_img/icons/opt-share-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.form__header--options-list li.opt-email:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-email-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.form__header--options-list li.opt-email:hover:before {
  background-image: url('/_img/icons/opt-email-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.form__header--options-list li.opt-print:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-print-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.form__header--options-list li.opt-print:hover:before {
  background-image: url('/_img/icons/opt-print-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.form__header--options-list li.opt-export:before {
  display: inline-block;
  padding-right: 10px;
  width: 25px;
  height: 25px;
  background-image: url('/_img/icons/opt-export-gr.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
  content: "";
}
.form__header--options-list li.opt-export:hover:before {
  background-image: url('/_img/icons/opt-export-red.svg');
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center;
}
.form__header--options-list li:hover {
  background-color: hsl(0, 0%, 75%);
  color: hsl(357, 96%, 42%);
}
.form__header--options-list.active {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__header--close {
  content: url(/_img/icons/x-gr.svg);
  height: 20px;
  width: 25px;
  padding-top: 5px;
  padding-left: 7px;
}
.form__header--close:hover {
  content: url(/_img/icons/x-red.svg);
}
.form__content {
  overflow-y: auto;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  width: 100%;
  height: 100%;
  padding: 15px;
}
.form__content.active {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__content > div {
  /* margin: 5px; */
}
.form__content > div > div {
  /* margin: 5px; */
}
.form__content.rowDiv-4,
.form__content.rowDiv-3,
.form__content.rowDiv-2,
.form__content.rowDiv {
  display: grid;
  grid-template-rows: max-content auto max-content;
  grid-row-gap: 5px;
  margin: 0px;
}
.form__content.rowDiv-4.rowDiv,
.form__content.rowDiv-3.rowDiv,
.form__content.rowDiv-2.rowDiv,
.form__content.rowDiv.rowDiv {
  grid-template-rows: max-content;
}
.form__content.rowDiv-4.rowDiv-4,
.form__content.rowDiv-3.rowDiv-4,
.form__content.rowDiv-2.rowDiv-4,
.form__content.rowDiv.rowDiv-4 {
  grid-template-rows: max-content max-content auto max-content;
}
@media only screen and (max-width: 1180px) {
  .form__content.rowDiv-4,
  .form__content.rowDiv-3,
  .form__content.rowDiv-2,
  .form__content.rowDiv {
    grid-template-rows: 80px auto 50px;
  }
}
@media only screen and (max-width: 1020px) {
  .form__content.rowDiv-4,
  .form__content.rowDiv-3,
  .form__content.rowDiv-2,
  .form__content.rowDiv {
    grid-template-rows: 80px auto 80px;
  }
}
@media only screen and (max-width: 769px) {
  .form__content.rowDiv-4,
  .form__content.rowDiv-3,
  .form__content.rowDiv-2,
  .form__content.rowDiv {
    grid-template-rows: 120px auto 80px;
  }
}
.form__content.rowDiv-4 .form__content--filters,
.form__content.rowDiv-3 .form__content--filters,
.form__content.rowDiv-2 .form__content--filters,
.form__content.rowDiv .form__content--filters {
  margin: auto;
  display: flex;
  /* grid-template-columns: fit-content(60%) auto auto auto auto auto max-content; */
  /* old history: grid-template-columns: fit-content(60%) auto 125px auto auto; */
  grid-column-gap: 5px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.form__content.rowDiv-4 .form__content--filters .form__input--button-container,
.form__content.rowDiv-3 .form__content--filters .form__input--button-container,
.form__content.rowDiv-2 .form__content--filters .form__input--button-container,
.form__content.rowDiv .form__content--filters .form__input--button-container {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 5px;
}
.form__content.rowDiv-4 .form__content--filters.monthly,
.form__content.rowDiv-3 .form__content--filters.monthly,
.form__content.rowDiv-2 .form__content--filters.monthly,
.form__content.rowDiv .form__content--filters.monthly {
  grid-template-columns: fit-content(60%) auto auto;
  grid-column-gap: 10px;
}
.form__content.rowDiv-4 .form__content--filters div,
.form__content.rowDiv-3 .form__content--filters div,
.form__content.rowDiv-2 .form__content--filters div,
.form__content.rowDiv .form__content--filters div {
  margin: 0px;
  align-content: center;
}
.form__content.rowDiv-4 .form__content--filters > div,
.form__content.rowDiv-3 .form__content--filters > div,
.form__content.rowDiv-2 .form__content--filters > div,
.form__content.rowDiv .form__content--filters > div {
  margin: 0px 5px;
}
.form__content.rowDiv-4 .form__content--filters input[name="calendar-input"],
.form__content.rowDiv-3 .form__content--filters input[name="calendar-input"],
.form__content.rowDiv-2 .form__content--filters input[name="calendar-input"],
.form__content.rowDiv .form__content--filters input[name="calendar-input"] {
  width: 65px;
  margin: 0px;
}
.form__content.rowDiv-4 .form__content--filters .calendar-button:nth-child(3),
.form__content.rowDiv-3 .form__content--filters .calendar-button:nth-child(3),
.form__content.rowDiv-2 .form__content--filters .calendar-button:nth-child(3),
.form__content.rowDiv .form__content--filters .calendar-button:nth-child(3) {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid hsl(0, 0%, 50%);
}
.form__content.rowDiv-4 .form__content--filters .form__input--select select,
.form__content.rowDiv-3 .form__content--filters .form__input--select select,
.form__content.rowDiv-2 .form__content--filters .form__input--select select,
.form__content.rowDiv .form__content--filters .form__input--select select {
  margin-left: 0;
}
.form__content.rowDiv-4 .form__content--filters .form__input--select.dropdown_client_subcategories,
.form__content.rowDiv-3 .form__content--filters .form__input--select.dropdown_client_subcategories,
.form__content.rowDiv-2 .form__content--filters .form__input--select.dropdown_client_subcategories,
.form__content.rowDiv .form__content--filters .form__input--select.dropdown_client_subcategories {
  width: 130px;
  height: 35px;
}
.form__content.rowDiv-4 .form__content--filters .form__input--select.dropDown .form__input--select--customOptions,
.form__content.rowDiv-3 .form__content--filters .form__input--select.dropDown .form__input--select--customOptions,
.form__content.rowDiv-2 .form__content--filters .form__input--select.dropDown .form__input--select--customOptions,
.form__content.rowDiv .form__content--filters .form__input--select.dropDown .form__input--select--customOptions {
  top: 26px;
  left: 0;
}
@media only screen and (max-width: 1500px) {
  .form__content.rowDiv-4 .form__content--filters,
  .form__content.rowDiv-3 .form__content--filters,
  .form__content.rowDiv-2 .form__content--filters,
  .form__content.rowDiv .form__content--filters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.form__content.rowDiv-4 .form__content--filters.active > div,
.form__content.rowDiv-3 .form__content--filters.active > div,
.form__content.rowDiv-2 .form__content--filters.active > div,
.form__content.rowDiv .form__content--filters.active > div {
  margin-top: 2px;
  margin-bottom: 2px;
}
.form__content.rowDiv-4 .form__content--filters.active > .form__input--text,
.form__content.rowDiv-3 .form__content--filters.active > .form__input--text,
.form__content.rowDiv-2 .form__content--filters.active > .form__input--text,
.form__content.rowDiv .form__content--filters.active > .form__input--text {
  min-width: fit-content;
}
.form__content.rowDiv-4 .form__content--checkbox-selector.checkbox-container,
.form__content.rowDiv-3 .form__content--checkbox-selector.checkbox-container,
.form__content.rowDiv-2 .form__content--checkbox-selector.checkbox-container,
.form__content.rowDiv .form__content--checkbox-selector.checkbox-container {
  padding-top: 5px;
  display: flex;
  flex-wrap: wrap;
  color: hsl(0, 0%, 50%);
}
.form__content.rowDiv-4 .form__content--checkbox-selector.checkbox-container .checkbox-label,
.form__content.rowDiv-3 .form__content--checkbox-selector.checkbox-container .checkbox-label,
.form__content.rowDiv-2 .form__content--checkbox-selector.checkbox-container .checkbox-label,
.form__content.rowDiv .form__content--checkbox-selector.checkbox-container .checkbox-label {
  padding-right: 5px;
}
.form__content.rowDiv-4 .form__content--checkbox-selector.checkbox-container label,
.form__content.rowDiv-3 .form__content--checkbox-selector.checkbox-container label,
.form__content.rowDiv-2 .form__content--checkbox-selector.checkbox-container label,
.form__content.rowDiv .form__content--checkbox-selector.checkbox-container label {
  display: inline;
}
.form__content.rowDiv-4 .form__content--checkbox-selector.checkbox-container span.small,
.form__content.rowDiv-3 .form__content--checkbox-selector.checkbox-container span.small,
.form__content.rowDiv-2 .form__content--checkbox-selector.checkbox-container span.small,
.form__content.rowDiv .form__content--checkbox-selector.checkbox-container span.small {
  top: 3px;
  left: 5px;
}
.form__content.rowDiv-4 .form__content--results,
.form__content.rowDiv-3 .form__content--results,
.form__content.rowDiv-2 .form__content--results,
.form__content.rowDiv .form__content--results {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  margin: 0px !important;
}
.form__content.rowDiv-4 .form__content--results div:not(.pagination-container),
.form__content.rowDiv-3 .form__content--results div:not(.pagination-container),
.form__content.rowDiv-2 .form__content--results div:not(.pagination-container),
.form__content.rowDiv .form__content--results div:not(.pagination-container) {
  margin: 0px !important;
}
.form__content.rowDiv-4 .form__content--results.footer,
.form__content.rowDiv-3 .form__content--results.footer,
.form__content.rowDiv-2 .form__content--results.footer,
.form__content.rowDiv .form__content--results.footer {
  overflow-y: hidden;
}
.form__content.rowDiv-4 .form__content--results .header,
.form__content.rowDiv-3 .form__content--results .header,
.form__content.rowDiv-2 .form__content--results .header,
.form__content.rowDiv .form__content--results .header {
  margin: 0px !important;
}
.form__content.rowDiv-4 .form__content--results .graph-table,
.form__content.rowDiv-3 .form__content--results .graph-table,
.form__content.rowDiv-2 .form__content--results .graph-table,
.form__content.rowDiv .form__content--results .graph-table {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  height: 100%;
  margin: 0px !important;
  grid-template-columns: 60% auto;
}
@media only screen and (max-width: 1020px) {
  .form__content.rowDiv-4 .form__content--results .graph-table,
  .form__content.rowDiv-3 .form__content--results .graph-table,
  .form__content.rowDiv-2 .form__content--results .graph-table,
  .form__content.rowDiv .form__content--results .graph-table {
    grid-template-columns: 45% auto;
  }
}
.form__content.rowDiv-4 .form__content--results .graph-table.active,
.form__content.rowDiv-3 .form__content--results .graph-table.active,
.form__content.rowDiv-2 .form__content--results .graph-table.active,
.form__content.rowDiv .form__content--results .graph-table.active {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
  height: 100%;
}
.form__content.rowDiv-4 .form__content--results .graph-table .table,
.form__content.rowDiv-3 .form__content--results .graph-table .table,
.form__content.rowDiv-2 .form__content--results .graph-table .table,
.form__content.rowDiv .form__content--results .graph-table .table {
  height: 99%;
  overflow-y: auto;
}
.form__content.rowDiv-4 .form__content--results .log,
.form__content.rowDiv-3 .form__content--results .log,
.form__content.rowDiv-2 .form__content--results .log,
.form__content.rowDiv .form__content--results .log {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  height: 100%;
  margin: 0px !important;
}
.form__content.rowDiv-4 .form__content--results .log.active,
.form__content.rowDiv-3 .form__content--results .log.active,
.form__content.rowDiv-2 .form__content--results .log.active,
.form__content.rowDiv .form__content--results .log.active {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
  height: 100%;
}
.form__content.rowDiv-4 .form__content--results .chart,
.form__content.rowDiv-3 .form__content--results .chart,
.form__content.rowDiv-2 .form__content--results .chart,
.form__content.rowDiv .form__content--results .chart {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  height: 100%;
  margin: 0px !important;
}
.form__content.rowDiv-4 .form__content--results .chart.active,
.form__content.rowDiv-3 .form__content--results .chart.active,
.form__content.rowDiv-2 .form__content--results .chart.active,
.form__content.rowDiv .form__content--results .chart.active {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
  height: 100%;
}
.form__content.rowDiv-4 .form__content--results .table,
.form__content.rowDiv-3 .form__content--results .table,
.form__content.rowDiv-2 .form__content--results .table,
.form__content.rowDiv .form__content--results .table {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  height: 100%;
  margin: 0px !important;
}
.form__content.rowDiv-4 .form__content--results .table.active,
.form__content.rowDiv-3 .form__content--results .table.active,
.form__content.rowDiv-2 .form__content--results .table.active,
.form__content.rowDiv .form__content--results .table.active {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
  height: 100%;
}
.form__content.rowDiv-4 .form__content--results table,
.form__content.rowDiv-3 .form__content--results table,
.form__content.rowDiv-2 .form__content--results table,
.form__content.rowDiv .form__content--results table {
  width: 99%;
  border-collapse: collapse;
  border: 1px solid hsl(0, 0%, 75%);
  border-collapse: separate;
  border-radius: 10px;
  -moz-border-radius: 5px;
  background-color: hsl(0, 0%, 90%);
}
.form__content.rowDiv-4 .form__content--results table tr,
.form__content.rowDiv-3 .form__content--results table tr,
.form__content.rowDiv-2 .form__content--results table tr,
.form__content.rowDiv .form__content--results table tr {
  position: relative;
  background-color: white;
  /* cursor: pointer; */
}
.form__content.rowDiv-4 .form__content--results table tr:first-child,
.form__content.rowDiv-3 .form__content--results table tr:first-child,
.form__content.rowDiv-2 .form__content--results table tr:first-child,
.form__content.rowDiv .form__content--results table tr:first-child {
  background-color: hsl(0, 0%, 90%);
}
.form__content.rowDiv-4 .form__content--results table tr:last-child td:first-child,
.form__content.rowDiv-3 .form__content--results table tr:last-child td:first-child,
.form__content.rowDiv-2 .form__content--results table tr:last-child td:first-child,
.form__content.rowDiv .form__content--results table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.form__content.rowDiv-4 .form__content--results table tr:last-child td:last-child,
.form__content.rowDiv-3 .form__content--results table tr:last-child td:last-child,
.form__content.rowDiv-2 .form__content--results table tr:last-child td:last-child,
.form__content.rowDiv .form__content--results table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.form__content.rowDiv-4 .form__content--results table tr td pre,
.form__content.rowDiv-3 .form__content--results table tr td pre,
.form__content.rowDiv-2 .form__content--results table tr td pre,
.form__content.rowDiv .form__content--results table tr td pre {
  white-space: pre-wrap;
  font-family: Calibri, Arial, Myriad, sans-serif;
}
.form__content.rowDiv-4 .form__content--results table th,
.form__content.rowDiv-3 .form__content--results table th,
.form__content.rowDiv-2 .form__content--results table th,
.form__content.rowDiv .form__content--results table th {
  padding: 5px;
  color: hsl(0, 0%, 50%);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
  line-height: 22px;
  position: sticky;
  top: 0;
  background-color: inherit;
  z-index: 1;
}
.form__content.rowDiv-4 .form__content--results table th[order-by],
.form__content.rowDiv-3 .form__content--results table th[order-by],
.form__content.rowDiv-2 .form__content--results table th[order-by],
.form__content.rowDiv .form__content--results table th[order-by] {
  cursor: pointer;
}
.form__content.rowDiv-4 .form__content--results table th[order-by] .arrow-container,
.form__content.rowDiv-3 .form__content--results table th[order-by] .arrow-container,
.form__content.rowDiv-2 .form__content--results table th[order-by] .arrow-container,
.form__content.rowDiv .form__content--results table th[order-by] .arrow-container {
  display: inline-flex;
  flex-direction: column;
}
.form__content.rowDiv-4 .form__content--results table th[order-by] .arrow-container .arrow_asc,
.form__content.rowDiv-3 .form__content--results table th[order-by] .arrow-container .arrow_asc,
.form__content.rowDiv-2 .form__content--results table th[order-by] .arrow-container .arrow_asc,
.form__content.rowDiv .form__content--results table th[order-by] .arrow-container .arrow_asc {
  top: -3px;
  width: 0;
  height: 0;
  position: relative;
  margin-left: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #808080;
}
.form__content.rowDiv-4 .form__content--results table th[order-by] .arrow-container .arrow_desc,
.form__content.rowDiv-3 .form__content--results table th[order-by] .arrow-container .arrow_desc,
.form__content.rowDiv-2 .form__content--results table th[order-by] .arrow-container .arrow_desc,
.form__content.rowDiv .form__content--results table th[order-by] .arrow-container .arrow_desc {
  top: -1px;
  width: 0;
  height: 0;
  position: relative;
  margin-left: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080;
}
.form__content.rowDiv-4 .form__content--results table th[order-by]:hover,
.form__content.rowDiv-3 .form__content--results table th[order-by]:hover,
.form__content.rowDiv-2 .form__content--results table th[order-by]:hover,
.form__content.rowDiv .form__content--results table th[order-by]:hover {
  color: hsl(357, 96%, 42%);
}
.form__content.rowDiv-4 .form__content--results table th[order-by]:hover .arrow-container .arrow_asc,
.form__content.rowDiv-3 .form__content--results table th[order-by]:hover .arrow-container .arrow_asc,
.form__content.rowDiv-2 .form__content--results table th[order-by]:hover .arrow-container .arrow_asc,
.form__content.rowDiv .form__content--results table th[order-by]:hover .arrow-container .arrow_asc {
  border-bottom: 5px solid hsl(357, 96%, 42%);
}
.form__content.rowDiv-4 .form__content--results table th[order-by]:hover .arrow-container .arrow_desc,
.form__content.rowDiv-3 .form__content--results table th[order-by]:hover .arrow-container .arrow_desc,
.form__content.rowDiv-2 .form__content--results table th[order-by]:hover .arrow-container .arrow_desc,
.form__content.rowDiv .form__content--results table th[order-by]:hover .arrow-container .arrow_desc {
  border-top: 5px solid hsl(357, 96%, 42%);
}
.form__content.rowDiv-4 .form__content--results table td,
.form__content.rowDiv-3 .form__content--results table td,
.form__content.rowDiv-2 .form__content--results table td,
.form__content.rowDiv .form__content--results table td {
  padding-left: 10px;
  padding-right: 15px;
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: middle;
  line-height: 18px;
  max-width: 400px;
  overflow: hidden;
}
.form__content.rowDiv-4 .form__content--results table td:first-child,
.form__content.rowDiv-3 .form__content--results table td:first-child,
.form__content.rowDiv-2 .form__content--results table td:first-child,
.form__content.rowDiv .form__content--results table td:first-child {
  padding-left: 0px;
  text-align: center;
}
.form__content.rowDiv-4 .form__content--results table td[cell-info="report_error"],
.form__content.rowDiv-3 .form__content--results table td[cell-info="report_error"],
.form__content.rowDiv-2 .form__content--results table td[cell-info="report_error"],
.form__content.rowDiv .form__content--results table td[cell-info="report_error"] {
  text-align: center;
}
.form__content.rowDiv-4 .form__content--results table td span div,
.form__content.rowDiv-3 .form__content--results table td span div,
.form__content.rowDiv-2 .form__content--results table td span div,
.form__content.rowDiv .form__content--results table td span div {
  display: inline;
  vertical-align: middle;
}
.form__content.rowDiv-4 .form__content--results table td span:first-child,
.form__content.rowDiv-3 .form__content--results table td span:first-child,
.form__content.rowDiv-2 .form__content--results table td span:first-child,
.form__content.rowDiv .form__content--results table td span:first-child {
  padding-right: 5px;
}
.form__content.rowDiv-4 .form__content--results table td .hover,
.form__content.rowDiv-3 .form__content--results table td .hover,
.form__content.rowDiv-2 .form__content--results table td .hover,
.form__content.rowDiv .form__content--results table td .hover {
  display: none;
}
@media (hover: none) {
  .form__content.rowDiv-4 .form__content--results table td .hover,
  .form__content.rowDiv-3 .form__content--results table td .hover,
  .form__content.rowDiv-2 .form__content--results table td .hover,
  .form__content.rowDiv .form__content--results table td .hover {
    display: inline;
  }
}
.form__content.rowDiv-4 .form__content--results table td .no-hover,
.form__content.rowDiv-3 .form__content--results table td .no-hover,
.form__content.rowDiv-2 .form__content--results table td .no-hover,
.form__content.rowDiv .form__content--results table td .no-hover {
  padding: 0;
}
.form__content.rowDiv-4 .form__content--results table td .procedures span,
.form__content.rowDiv-3 .form__content--results table td .procedures span,
.form__content.rowDiv-2 .form__content--results table td .procedures span,
.form__content.rowDiv .form__content--results table td .procedures span {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.form__content.rowDiv-4 .form__content--results table td.hito,
.form__content.rowDiv-3 .form__content--results table td.hito,
.form__content.rowDiv-2 .form__content--results table td.hito,
.form__content.rowDiv .form__content--results table td.hito {
  text-align: left;
  padding-left: 15px;
}
.form__content.rowDiv-4 .form__content--results .form__input--checkbox,
.form__content.rowDiv-3 .form__content--results .form__input--checkbox,
.form__content.rowDiv-2 .form__content--results .form__input--checkbox,
.form__content.rowDiv .form__content--results .form__input--checkbox {
  padding: 0px !important;
}
.form__content.rowDiv-4 .form__content--results .form__input--checkbox table label,
.form__content.rowDiv-3 .form__content--results .form__input--checkbox table label,
.form__content.rowDiv-2 .form__content--results .form__input--checkbox table label,
.form__content.rowDiv .form__content--results .form__input--checkbox table label {
  margin-bottom: 0px;
  padding-left: 0px;
}
.form__content.rowDiv-4 .form__content--results .form__input--checkbox table label span.small,
.form__content.rowDiv-3 .form__content--results .form__input--checkbox table label span.small,
.form__content.rowDiv-2 .form__content--results .form__input--checkbox table label span.small,
.form__content.rowDiv .form__content--results .form__input--checkbox table label span.small {
  top: 4px !important;
}
.form__content.rowDiv-4 .form__content--tasks,
.form__content.rowDiv-3 .form__content--tasks,
.form__content.rowDiv-2 .form__content--tasks,
.form__content.rowDiv .form__content--tasks {
  /*display: grid;
					visibility: hidden;
					opacity: 0;*/
  grid-template-columns: max-content 250px 200px 250px;
  grid-column-gap: 5px;
  align-items: center;
  width: fit-content;
  margin: auto;
}
.form__content.rowDiv-4 .form__content--tasks.active,
.form__content.rowDiv-3 .form__content--tasks.active,
.form__content.rowDiv-2 .form__content--tasks.active,
.form__content.rowDiv .form__content--tasks.active {
  display: inline-block;
}
@media only screen and (max-width: 1020px) {
  .form__content.rowDiv-4 .form__content--tasks,
  .form__content.rowDiv-3 .form__content--tasks,
  .form__content.rowDiv-2 .form__content--tasks,
  .form__content.rowDiv .form__content--tasks {
    /* positioning elementes for tablets */
    /* .form__input--radioGroup.small{
							grid-area: top2;
						}
						
						.form__input--text{
							grid-area: top3;
						}
						
						.form__input--select{
							grid-area: bottom3;
						} */
    grid-row-gap: 5px;
    grid-template-columns: 220px minmax(200px, auto);
    /* grid-template-areas:
						"top2 top3"
						"bottom3 bottom3"; */
  }
}
.form__content.rowDiv-4 .form__content--tasks .title,
.form__content.rowDiv-3 .form__content--tasks .title,
.form__content.rowDiv-2 .form__content--tasks .title,
.form__content.rowDiv .form__content--tasks .title {
  font-weight: 500;
  color: hsl(0 0% 25%);
}
.form__content.rowDiv-4 .form__content--tasks .list-container,
.form__content.rowDiv-3 .form__content--tasks .list-container,
.form__content.rowDiv-2 .form__content--tasks .list-container,
.form__content.rowDiv .form__content--tasks .list-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px;
}
.form__content.rowDiv-4 .form__content--tasks .list-container textArea,
.form__content.rowDiv-3 .form__content--tasks .list-container textArea,
.form__content.rowDiv-2 .form__content--tasks .list-container textArea,
.form__content.rowDiv .form__content--tasks .list-container textArea {
  margin: 5px;
  width: 300px;
  height: 100px;
}
.form__content.rowDiv-4 .columnDiv,
.form__content.rowDiv-3 .columnDiv,
.form__content.rowDiv-2 .columnDiv,
.form__content.rowDiv .columnDiv {
  display: flex;
  flex-wrap: wrap;
}
.form__content.rowDiv-4 .columnDiv-2,
.form__content.rowDiv-3 .columnDiv-2,
.form__content.rowDiv-2 .columnDiv-2,
.form__content.rowDiv .columnDiv-2 {
  display: flex;
  flex-wrap: wrap;
}
.form__content.rowDiv-4 .columnDiv-2--70-30,
.form__content.rowDiv-3 .columnDiv-2--70-30,
.form__content.rowDiv-2 .columnDiv-2--70-30,
.form__content.rowDiv .columnDiv-2--70-30 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.form__content.rowDiv-4 .columnDiv-2--70-30 > :first-child,
.form__content.rowDiv-3 .columnDiv-2--70-30 > :first-child,
.form__content.rowDiv-2 .columnDiv-2--70-30 > :first-child,
.form__content.rowDiv .columnDiv-2--70-30 > :first-child {
  width: 69%;
}
.form__content.rowDiv-4 .columnDiv-2--70-30 > :first-child td:first-child,
.form__content.rowDiv-3 .columnDiv-2--70-30 > :first-child td:first-child,
.form__content.rowDiv-2 .columnDiv-2--70-30 > :first-child td:first-child,
.form__content.rowDiv .columnDiv-2--70-30 > :first-child td:first-child {
  text-align: left;
  padding-left: 15px;
}
.form__content.rowDiv-4 .columnDiv-2--70-30 > :first-child td:not(:first-child),
.form__content.rowDiv-3 .columnDiv-2--70-30 > :first-child td:not(:first-child),
.form__content.rowDiv-2 .columnDiv-2--70-30 > :first-child td:not(:first-child),
.form__content.rowDiv .columnDiv-2--70-30 > :first-child td:not(:first-child) {
  text-align: center;
}
.form__content.rowDiv-4 .columnDiv-2--70-30 > :not(:first-child),
.form__content.rowDiv-3 .columnDiv-2--70-30 > :not(:first-child),
.form__content.rowDiv-2 .columnDiv-2--70-30 > :not(:first-child),
.form__content.rowDiv .columnDiv-2--70-30 > :not(:first-child) {
  width: 29%;
}
.form__content.rowDiv-4 .columnDiv-2--70-30 > :not(:first-child) .form__input--checkbox,
.form__content.rowDiv-3 .columnDiv-2--70-30 > :not(:first-child) .form__input--checkbox,
.form__content.rowDiv-2 .columnDiv-2--70-30 > :not(:first-child) .form__input--checkbox,
.form__content.rowDiv .columnDiv-2--70-30 > :not(:first-child) .form__input--checkbox {
  width: 100%;
}
.form__content.rowDiv-4 .columnDiv-2--70-30 td.procedures span,
.form__content.rowDiv-3 .columnDiv-2--70-30 td.procedures span,
.form__content.rowDiv-2 .columnDiv-2--70-30 td.procedures span,
.form__content.rowDiv .columnDiv-2--70-30 td.procedures span {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.form__content.rowDiv-2x {
  display: grid;
  grid-template-rows: 55px auto;
  grid-row-gap: 5px;
  margin: 0px;
}
.form__content.rowDiv-2x .form__content--filters {
  grid-template-columns: 75% auto;
}
.form__results {
  margin: auto;
  overflow-y: auto;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  height: 100%;
}
.form__results.active {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__results > div {
  margin: 5px;
}
.form__results > div > div {
  margin: 5px;
}
.form__results > div #html_div {
  height: 99%;
  position: relative;
  background-color: white;
  margin: 0px;
}
.form__results > div #html_div > div:not([id^=page]) {
  width: 100% !important;
  height: 100% !important;
}
.form__results > div #html_div > .text_blocks_span {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100px;
  height: 100px;
}
.form__results > div #html_div > .text_blocks_span:hover {
  border: 1px solid yellow;
  background-color: rgba(255, 255, 0, 0.2);
}
.form__results > div #html_div > .text_blocks_span.fake_hover {
  border: 1px solid yellow;
  background-color: rgba(255, 255, 0, 0.2);
}
.form__input--text {
  display: flex;
  align-items: center;
  padding: 0 0.5em;
  border: 1px solid hsl(0, 0%, 82%);
  background-color: white;
  position: relative;
}
.form__input--text.small {
  height: 25px;
}
.form__input--text.medium {
  height: 35px;
}
.form__input--text.large {
  height: 45px;
}
.form__input--text > input {
  border: none !important;
  outline: none !important;
  margin-left: 1em;
  line-height: 1.2em;
  height: 1.2em;
  width: 70%;
  background-color: unset;
  font-size: 12px;
  font-family: Arial;
  width: calc(100% - 25px);
  color: hsl(0, 0%, 50%);
}
.form__input--text > label.search-button {
  padding-left: 0.3em;
  cursor: pointer;
  font-size: 1.125em;
  line-height: 1.5em;
  color: hsl(357, 96%, 42%);
  content: url(/_img/icons/search-gr.svg);
  height: 25px;
  width: 25px;
}
.form__input--text > label.search-button:hover {
  content: url(/_img/icons/search-red.svg);
}
.form__input--text > label.calendar-button {
  padding-left: 0.3em;
  cursor: pointer;
  font-size: 1.125em;
  line-height: 1.5em;
  color: hsl(357, 96%, 42%);
  content: url(/_img/icons/calendar-gr.svg);
  height: 20px;
}
.form__input--text > label.calendar-button:hover {
  content: url(/_img/icons/calendar-red.svg);
}
.form__input--text > label.email-button {
  padding-left: 0.3em;
  cursor: pointer;
  font-size: 1.125em;
  line-height: 1.5em;
  color: hsl(357, 96%, 42%);
  content: url(/_img/icons/opt-email-gr.svg);
  height: 25px;
  width: 25px;
}
.form__input--text > label.email-button.active {
  content: url(/_img/icons/opt-email-red.svg);
}
.form__input--text.error {
  border: 1px solid hsl(357, 96%, 42%);
}
.form__input--text .data-title {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  position: absolute;
  font-size: 10px;
  display: inline-block;
  background: #A9A9A9;
  color: #FFFFFF;
  border: 1px solid #D3D3D3;
  border-radius: 3px;
  padding: 5px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
  margin-left: 10px;
  top: 22px;
  left: 50px;
}
.form__input--text:hover > .data-title {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__input--number {
  display: flex;
  align-items: center;
  padding: 0 0.5em;
  border: 1px solid hsl(0, 0%, 82%);
  background-color: white;
  position: relative;
}
.form__input--number.small {
  height: 25px;
}
.form__input--number.medium {
  height: 35px;
}
.form__input--number.large {
  height: 45px;
}
.form__input--number > input {
  border: none !important;
  outline: none !important;
  margin-left: 1em;
  line-height: 1.2em;
  height: 1.2em;
  width: 70%;
  background-color: unset;
  font-size: 12px;
  font-family: Arial;
  width: calc(100% - 25px);
  color: hsl(0, 0%, 50%);
}
.form__input--number > label.search-button {
  padding-left: 0.3em;
  cursor: pointer;
  font-size: 1.125em;
  line-height: 1.5em;
  color: hsl(357, 96%, 42%);
  content: url(/_img/icons/search-gr.svg);
  height: 25px;
  width: 25px;
}
.form__input--number > label.search-button:hover {
  content: url(/_img/icons/search-red.svg);
}
.form__input--number > label.calendar-button {
  padding-left: 0.3em;
  cursor: pointer;
  font-size: 1.125em;
  line-height: 1.5em;
  color: hsl(357, 96%, 42%);
  content: url(/_img/icons/calendar-gr.svg);
  height: 20px;
}
.form__input--number > label.calendar-button:hover {
  content: url(/_img/icons/calendar-red.svg);
}
.form__input--number > label.email-button {
  padding-left: 0.3em;
  cursor: pointer;
  font-size: 1.125em;
  line-height: 1.5em;
  color: hsl(357, 96%, 42%);
  content: url(/_img/icons/opt-email-gr.svg);
  height: 25px;
  width: 25px;
}
.form__input--number > label.email-button.active {
  content: url(/_img/icons/opt-email-red.svg);
}
.form__input--number.error {
  border: 1px solid hsl(357, 96%, 42%);
}
.form__input--number .data-title {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  position: absolute;
  font-size: 10px;
  display: inline-block;
  background: #A9A9A9;
  color: #FFFFFF;
  border: 1px solid #D3D3D3;
  border-radius: 3px;
  padding: 5px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
  margin-left: 10px;
  top: 22px;
  left: 50px;
}
.form__input--number:hover > .data-title {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__input--textArea {
  display: flex;
  align-items: center;
  padding: 0 0.5em;
  border: 1px solid hsl(0, 0%, 82%);
  background-color: white;
  height: auto;
  padding: 5px;
  position: relative;
}
.form__input--textArea > textarea {
  border: none !important;
  outline: none !important;
  background: none;
  margin: 0px 0px 0px 12px;
  height: 87px;
  width: 100%;
  font-size: 12px;
  width: calc(100% - 25px);
  color: hsl(0, 0%, 50%);
}
.form__input--select {
  display: flex;
  align-items: center;
  padding: 0 0.5em;
  border: 1px solid hsl(0, 0%, 82%);
  background-color: white;
  position: relative;
}
.form__input--select.small {
  height: 27px;
  font-size: 12px;
}
.form__input--select.small.extendUp .form__input--select--customOptions {
  bottom: 27px;
  left: 0px;
}
.form__input--select.small.extendDown .form__input--select--customOptions {
  top: 27px;
  left: 0px;
}
.form__input--select.medium {
  height: 37px;
  font-size: 12px;
}
.form__input--select.medium.extendUp .form__input--select--customOptions {
  bottom: 37px;
  left: 0px;
}
.form__input--select.medium.extendDown .form__input--select--customOptions {
  top: 37px;
  left: 0px;
}
.form__input--select.large {
  height: 47px;
  font-size: 12px;
}
.form__input--select.large.extendUp .form__input--select--customOptions {
  bottom: 47px;
  left: 0px;
}
.form__input--select.large.extendDown .form__input--select--customOptions {
  top: 47px;
  left: 0px;
}
.form__input--select.error {
  border: 1px solid hsl(357, 96%, 42%) !important;
}
.form__input--select label {
  color: hsl(0, 0%, 50%);
  cursor: pointer;
  display: inline-block;
  width: 100%;
}
.form__input--select select {
  border: none !important;
  outline: none !important;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  pointer-events: none;
  height: 25px;
  line-height: 1.7em;
  word-break: normal;
  font-family: Calibri, Arial, Myriad, sans-serif;
  font-size: 15px;
  margin-left: 1em;
  color: hsl(0, 0%, 50%);
}
.form__input--select select.standard {
  /* label */
  background: url(/_img/icons/angle-down-gr.svg) no-repeat right #ddd;
  background-position-x: right;
  background-position-y: center;
  width: -webkit-fill-available;
  background-color: white;
  background-size: auto 75%;
}
.form__input--select select.standard:hover {
  background: url(/_img/icons/angle-down-red.svg) no-repeat right #ddd;
  background-position-x: right;
  background-position-y: center;
  width: -webkit-fill-available;
  background-color: white;
  background-size: auto 75%;
}
.form__input--select--customOptions {
  position: absolute;
  width: 100%;
  border: 1px solid hsl(0, 0%, 82%);
  background-color: hsl(0, 0%, 100%);
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  text-align: left;
}
.form__input--select--customOptions.br-10 > span:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.form__input--select--customOptions.br-10 > span:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.form__input--select--customOptions.active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
.form__input--select--customOptions > span {
  font-family: Calibri, Arial, Myriad, sans-serif;
  font-size: 15px;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 25px;
  color: hsl(0, 0%, 25%);
  cursor: pointer;
  opacity: 0.75;
}
@media only screen and (max-width: 769px) {
  .form__input--select--customOptions > span {
    line-height: 20px;
    font-size: 14px;
    opacity: 0.8;
  }
}
.form__input--select--customOptions > span:hover {
  color: hsl(357, 96%, 42%);
  opacity: 1;
  background-color: hsl(0, 0%, 75%);
}
.form__input--select--customOptions > span:hover .active {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: all 0.2s ease-in !important;
}
.form__input--select--customOptions > span:hover .normal {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: all 0.2s ease-in !important;
}
.form__input--select--customOptions > span:hover .hover {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition: all 0.2s ease-in !important;
}
.form__input--select--customOptions > span.selected {
  opacity: 1;
  background-color: hsl(0, 0%, 50%);
  color: white;
}
.form__input--select--customOptions > span.selected .active {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition: all 0.2s ease-in !important;
}
.form__input--select--customOptions > span.selected .normal {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: all 0.2s ease-in !important;
}
.form__input--select--customOptions > span.selected .hover {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: all 0.2s ease-in !important;
}
.form__input--checkbox > label {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  color: hsl(0, 0%, 50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 20px;
  vertical-align: middle;
}
.form__input--checkbox > label > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.form__input--checkbox > label > span {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 0px;
  border: 1px solid hsl(0, 0%, 50%);
  background-color: white;
}
.form__input--checkbox > label > span:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form__input--checkbox > label > span.medium {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
  border-radius: 0px;
  border: 1px solid hsl(0, 0%, 50%);
  background-color: white;
}
.form__input--checkbox > label > span.medium:after {
  content: "";
  position: absolute;
  display: none;
  left: 4px;
  top: 1px;
  width: 3px;
  height: 6px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form__input--checkbox > label > span.small {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #eee;
  border-radius: 0px;
  border: 1px solid hsl(0, 0%, 50%);
  background-color: white;
}
.form__input--checkbox > label > span.small:after {
  content: "";
  position: absolute;
  display: none;
  left: 3px;
  top: 1px;
  width: 2px;
  height: 5px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form__input--checkbox > label:hover input ~ span {
  background-color: #ccc;
}
.form__input--checkbox > label input:checked ~ span {
  background-color: hsl(357, 96%, 62%);
}
.form__input--checkbox > label input:checked ~ span:after {
  display: block;
}
.form__input--calendar {
  position: relative;
}
.form__input--radioGroup.small {
  font-size: 12px;
  height: 28px;
}
.form__input--radioGroup.small span {
  padding: 5px;
}
.form__input--radioGroup.small span .button {
  height: 15px;
  width: auto;
}
.form__input--radioGroup.small span .button img {
  height: 15px;
  width: auto;
}
.form__input--radioGroup.medium {
  font-size: 15px;
  height: 44px;
}
.form__input--radioGroup.medium span {
  padding: 10px;
}
.form__input--radioGroup.medium span .button {
  height: 20px;
  width: auto;
}
.form__input--radioGroup.medium span .button img {
  height: 20px;
  width: auto;
}
.form__input--radioGroup.large {
  font-size: 18px;
  height: 454px;
}
.form__input--radioGroup.large span {
  padding: 10px;
}
.form__input--radioGroup.large span .button {
  height: 20px;
  width: auto;
}
.form__input--radioGroup.large span .button img {
  height: 20px;
  width: auto;
}
.form__input--radioGroup--single {
  text-align: center;
  background-color: hsl(0, 0%, 80%);
  color: hsl(0, 0%, 25%);
  cursor: pointer;
  vertical-align: middle;
  border-left: 2px groove;
}
.form__input--radioGroup--single:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: none;
}
.form__input--radioGroup--single:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.form__input--radioGroup--single.br-5 {
  border-radius: 0px;
}
.form__input--radioGroup--single.br-5:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: none;
}
.form__input--radioGroup--single.br-5:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.form__input--radioGroup--single.br-10 {
  border-radius: 0px;
}
.form__input--radioGroup--single.br-10:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: none;
}
.form__input--radioGroup--single.br-10:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.form__input--radioGroup--single.br-15 {
  border-radius: 0px;
}
.form__input--radioGroup--single.br-15:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-left: none;
}
.form__input--radioGroup--single.br-15:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.form__input--radioGroup--single:hover {
  color: hsl(357, 96%, 42%);
  background-color: hsl(0, 0%, 60%);
  font-weight: 600;
}
.form__input--radioGroup--single:hover .hourglass {
  animation: animatedHourGlass 2s infinite;
}
.form__input--radioGroup--single:hover .icon .active {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--radioGroup--single:hover .icon .normal {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--radioGroup--single:hover .icon .hover {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__input--radioGroup--single.active {
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 50%);
  font-weight: 600;
}
.form__input--radioGroup--single.active .icon.hourglass {
  content: url(/_img/icons/hourglass-red-full.svg);
}
.form__input--radioGroup--single.active .icon > .active {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition: all 0.2s ease-in !important;
}
.form__input--radioGroup--single.active .icon > .normal {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: all 0.2s ease-in !important;
}
.form__input--radioGroup--single.active .icon > .hover {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: all 0.2s ease-in !important;
}
.form__input--radioButton label {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  color: hsl(0, 0%, 50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 20px;
  vertical-align: middle;
}
.form__input--radioButton label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.form__input--radioButton label input:checked ~ .checkmark {
  background-color: hsl(357, 96%, 62%) !important;
}
.form__input--radioButton label input:checked ~ .checkmark:after {
  display: block;
}
.form__input--radioButton label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}
.form__input--radioButton label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.form__input--radioButton label .checkmark.small {
  height: 15px;
  width: 15px;
}
.form__input--radioButton label .checkmark.small:after {
  top: 5px;
  left: 5px;
  width: 5px;
  height: 5px;
}
.form__input--radioButton label:hover input ~ .checkmark {
  background-color: #ccc;
}
.form__input--radioButton span {
  margin-left: 5px;
}
.form__input--fileDropbox {
  height: 100%;
  margin: 0px !important;
}
.form__input--fileDropbox.batch {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: 250px 250px auto;
}
@media only screen and (max-width: 1150px) {
  .form__input--fileDropbox.batch {
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    /* places elements vertically in small devices */
    grid-template-rows: 150px minmax(min-content, max-content) minmax(200px, auto);
    /* sets heigths of each element*/
  }
}
.form__input--fileDropbox.batch > div {
  margin: auto;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1150px) {
  .form__input--fileDropbox.batch > div {
    height: auto;
  }
}
.form__input--fileDropbox.batch .box__filesToUpload {
  display: grid;
  grid-template-rows: 25% auto;
  grid-auto-columns: auto;
  grid-row-gap: 15px;
}
.form__input--fileDropbox.batch .box__filesToUpload .fileList {
  margin: auto;
  text-align: center;
  background-color: white;
  border: 1px solid hsl(0, 0%, 75%);
  padding: 10px;
  border-radius: 5px;
  position: relative;
  height: 100%;
  width: 100%;
}
.form__input--fileDropbox.batch .box__filesToUpload .fileList span[class*="fileList_"] {
  display: inline-grid;
  grid-template-columns: 25px auto 40px;
  border-bottom: 1px solid hsl(0, 0%, 75%);
  width: 100%;
  align-items: center;
  padding-bottom: 1px;
  font-size: 12px;
}
.form__input--fileDropbox.batch .box__input {
  height: 100%;
  width: 100%;
}
.form__input--fileDropbox.batch .box__uploadIcon {
  height: 45px;
}
.form__input--fileDropbox.batch .box__dragndrop {
  font-size: 14px;
}
.form__input--fileDropbox.batch .box__controlles {
  /* position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%); */
  margin-top: 10px;
  display: grid;
  grid-auto-columns: auto;
  grid-auto-rows: auto auto auto;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1150px) {
  .form__input--fileDropbox.batch .box__controlles {
    transform: translate(0, 0);
    position: static;
  }
}
@media only screen and (max-width: 769px) {
  .form__input--fileDropbox.batch .box__controlles--buttons {
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 15px;
  }
}
.form__input--fileDropbox.batch .box__controlles--buttons > div {
  display: grid;
}
.form__input--fileDropbox.batch .box__controlles--buttons > div .icon {
  margin-right: 2px;
}
.form__input--fileDropbox.batch .box__controlles--buttons .play {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox.batch .box__controlles--buttons .play.hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox.batch .box__controlles--buttons .pause {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox.batch .box__controlles--buttons .pause.hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox.batch .box__processedFiles {
  margin: auto;
  text-align: center;
  background-color: white;
  border: 1px solid hsl(0, 0%, 75%);
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}
.form__input--fileDropbox.batch .box__processedFiles--content {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto 80px;
  grid-row-gap: 5px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}
.form__input--fileDropbox.batch .box__processedFiles .topBarFilters {
  border-bottom: 1px solid hsl(0, 0%, 75%);
}
.form__input--fileDropbox.batch .box__processedFiles .bottomBarFilters {
  border-top: 1px solid hsl(0, 0%, 75%);
  padding-top: 5px;
  grid-column-gap: 2px;
  align-items: center;
  max-width: 100%;
  width: 100%;
  justify-content: space-evenly;
}
.form__input--fileDropbox.batch .box__processedFiles .bottomBarFilters div {
  vertical-align: center;
}
.form__input--fileDropbox.batch .box__processedFiles .bottomBarFilters .form__input--checkbox {
  position: relative;
}
.form__input--fileDropbox.batch .box__processedFiles .bottomBarFilters .form__input--checkbox label span {
  border: 1px solid hsl(0, 0%, 82%);
  border-radius: 5px;
  position: absolute;
  top: -7px;
  left: 0px;
  height: 26px;
  width: 26px !important;
  background-color: white;
}
.form__input--fileDropbox.batch .box__processedFiles .bottomBarFilters .form__input--checkbox label span:after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 3px;
  width: 5px;
  height: 11px;
  border: 1px solid hsl(0, 0%, 64%);
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form__input--fileDropbox.batch .box__processedFiles .bottomBarFilters .form__input--checkbox label input:checked ~ span {
  background-color: white;
}
.form__input--fileDropbox.batch .box__processedFiles .bottomBarFilters .form__input--checkbox label input:checked ~ span:after {
  display: block;
}
.form__input--fileDropbox.batch .box__processedFiles .bottomBarFilters .uploaded-files-container {
  color: hsl(0 0% 25%);
}
@media only screen and (max-width: 769px) {
  .form__input--fileDropbox.batch .box__processedFiles .bottomBarFilters .uploaded-files-container {
    font-size: 12px;
  }
}
.form__input--fileDropbox.batch .box__processedFiles .fileList {
  overflow-y: auto;
  overflow-x: hidden;
}
.form__input--fileDropbox.batch .box__processedFiles .fileList > span {
  display: inline-grid;
  grid-template-columns: 25px auto 40px;
  border-bottom: 1px solid hsl(0, 0%, 75%);
  width: 100%;
  align-items: center;
  padding-bottom: 1px;
}
.form__input--fileDropbox.batch .box__processedFiles .fileList > span.with_client_subcategories {
  grid-template-columns: 25px fit-content(700px) auto 40px;
}
.form__input--fileDropbox.batch .box__processedFiles .fileList > span.with_client_subcategories .client_subcategories {
  text-align: left;
  padding-left: 10px;
  font-size: 10px;
  font-weight: 600;
  color: hsl(357, 96%, 62%);
}
@media only screen and (max-width: 1020px) {
  .form__input--fileDropbox.batch .box__processedFiles .fileList > span {
    grid-template-columns: 25px auto 125px;
  }
}
.form__input--fileDropbox.batch .box__processedFiles .fileList > span:hover {
  background-color: hsl(0, 0%, 80%);
  cursor: pointer;
}
.form__input--fileDropbox.batch .box__processedFiles .fileList > span:hover .status-container .active {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox.batch .box__processedFiles .fileList > span:hover .status-container .normal {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox.batch .box__processedFiles .fileList > span:hover .status-container .hover {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox.batch .box__processedFiles .fileList > span:hover .status-container .hourglass {
  animation: animatedHourGlass 2s infinite;
}
.form__input--fileDropbox.batch .box__processedFiles .fileList > span:hover .status-container .PROCESSING {
  animation: animatedProcessing_hover 2s infinite;
}
.form__input--fileDropbox.batch .box__processedFiles .fileList > span > span {
  padding-left: 5px;
  font-size: 12px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
}
.form__input--fileDropbox.batch .box__processedFiles span[class*="fileList_"] {
  position: relative;
}
.form__input--fileDropbox.batch .box__processedFiles span[class*="fileList_"] .status-container {
  display: inline-block;
  width: 100%;
  text-align: right;
}
.form__input--fileDropbox.batch .box__processedFiles .title {
  font-weight: 500;
  color: hsl(0 0% 25%);
}
@media only screen and (max-width: 769px) {
  .form__input--fileDropbox.batch .box__processedFiles .title {
    font-size: 12px;
  }
}
.form__input--fileDropbox.batch .box__notifications {
  display: grid;
}
.form__input--fileDropbox.batch .box__notifications.batch-active {
  position: static;
  transform: unset;
  top: unset;
  left: unset;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: calc(100%-100px) 100px;
}
@media only screen and (max-width: 1020px) {
  .form__input--fileDropbox.batch .box__notifications.batch-active {
    grid-template-columns: minmax(calc(50% - 81px), max-content) auto;
  }
}
.form__input--fileDropbox.batch .box__notifications.batch-active .fileList {
  height: 100%;
  width: 100%;
  text-align: left;
  overflow-y: auto;
}
.form__input--fileDropbox.batch .box__notifications.batch-active .fileList > span {
  display: inline-grid;
  grid-template-columns: 25px auto;
  border-bottom: 1px solid hsl(0, 0%, 75%);
  width: 100%;
  align-items: center;
  padding-bottom: 2px;
}
.form__input--fileDropbox.batch .box__notifications.batch-active .fileList > span.with_client_subcategories {
  grid-template-columns: 25px max-content auto;
}
.form__input--fileDropbox.batch .box__notifications.batch-active .fileList > span.with_client_subcategories .client_subcategories {
  text-align: left;
  padding-left: 10px;
  font-size: 10px;
  font-weight: 600;
  color: hsl(357, 96%, 62%);
}
.form__input--fileDropbox.batch .box__notifications.batch-active .fileList > span:hover {
  background-color: hsl(0, 0%, 80%);
  cursor: pointer;
}
.form__input--fileDropbox.batch .box__notifications.batch-active .fileList > span > span {
  padding-left: 5px;
  font-size: 12px;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
}
.form__input--fileDropbox.batch .box__notifications.batch-active > label {
  margin: auto;
  margin-top: 10px;
}
@media only screen and (max-width: 1020px) {
  .form__input--fileDropbox.batch .box__notifications.batch-active > label {
    margin-top: auto;
    margin-left: 10px;
  }
}
.form__input--fileDropbox.batch .status-container {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  position: relative;
}
.form__input--fileDropbox .box__input {
  margin: auto;
  text-align: center;
  background-color: white;
  border: 1px solid hsl(0, 0%, 75%);
  padding: 10px;
  border-radius: 5px;
  position: relative;
  height: 100%;
}
.form__input--fileDropbox .box__input.active {
  background-color: hsl(357, 96%, 93%);
}
.form__input--fileDropbox .box__input.active .box__uploadIcon {
  content: url(/_img/icons/upload-cloud-red-01.svg);
}
.form__input--fileDropbox .box__input .box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.form__input--fileDropbox .box__input > label {
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox .box__input > label.active {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox .box__input .afterDrop {
  margin: 0;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox .box__input .afterDrop.active {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox .box__input .afterDrop .fileList .hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox .box__input .afterDrop .submit {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox .box__input .afterDrop .submit.active {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox .box__input .afterDrop .try-again {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox .box__input .afterDrop .try-again.active {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox .box__input .afterDrop .waiting {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox .box__input .afterDrop .waiting.active {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
  position: fixed;
  top: 0px;
  left: 0px;
}
.form__input--fileDropbox .box__input .afterDrop .waiting img {
  height: 50px;
  width: auto;
}
.form__input--fileDropbox .box__notifications {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.form__input--fileDropbox .box__uploadIcon {
  display: block;
  width: auto;
  height: 60px;
  content: url(/_img/icons/upload-cloud-gr-01.svg);
  margin: auto;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox .box__uploadIcon:hover {
  content: url(/_img/icons/upload-cloud-red-01.svg);
}
.form__input--fileDropbox .box__uploadIcon.active {
  content: url(/_img/icons/upload-cloud-red-01.svg);
}
.form__input--fileDropbox .box__uploadIcon.hidden {
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.form__input--fileDropbox .box__dragndrop {
  display: none;
}
.form__input--fileDropbox .box__dragndrop.active {
  display: inline-block;
}
.form__input--fileDropbox .box__uploading {
  display: none;
}
.form__input--fileDropbox .box__uploading.active {
  display: inline-block;
}
.form__input--fileDropbox .box__processing {
  display: none;
}
.form__input--fileDropbox .box__processing.active {
  display: inline-block;
}
.form__input--fileDropbox .box__success {
  display: none;
}
.form__input--fileDropbox .box__success.active {
  display: inline-block;
}
.form__input--fileDropbox .box__error {
  display: none;
}
.form__input--fileDropbox .box__error.active {
  display: inline-block;
  color: hsl(357, 96%, 42%);
}
.form__input--subcategories {
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 82%);
  padding: 10px 10px;
  border-radius: 5px;
  height: 100%;
  overflow: auto;
}
.form__input--subcategories--container {
  height: 80%;
}
@media only screen and (max-width: 1150px) {
  .form__input--subcategories {
    margin: 0 !important;
  }
  .form__input--subcategories--container {
    display: flex;
    justify-content: space-evenly;
    align-items: baseline;
    flex-wrap: wrap;
  }
}
.form__input--subcategories .subcategory-title {
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}
.form__input--subcategories .save-subcategory {
  cursor: pointer;
}
.form__input--subcategories.mh50 {
  max-height: 70%;
  overflow-y: auto;
}
@media only screen and (max-width: 1150px) {
  .form__input--subcategories.mh50 {
    max-height: none;
  }
}
.form__input--subcategories .form__input--radioButton {
  margin-bottom: 10px;
  max-height: 90%;
  overflow-y: auto;
}
@media only screen and (max-width: 1150px) {
  .form__input--subcategories .form__input--radioButton {
    max-height: 80px !important;
    overflow-y: auto;
    min-width: 210px;
  }
}
.form__input--subcategories .form__input--radioButton label {
  padding-left: 20px;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form__input--subcategories .form__input--radioButton label .edit-subcategory-input {
  position: relative;
  opacity: 1;
}
.form__input--subcategories .form__input--radioButton label .subcategory-radioButton {
  top: 3px;
}
.form__input--subcategories .form__input--radioButton label:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid hsl(0, 0%, 82%);
}
.form__input--subcategories .form__input--radioButton label:last-child {
  margin: 0;
  padding-bottom: 0;
}
.form__input--subcategories .form__input--radioButton .trash-icon {
  height: 15px;
}
.form__input--subcategories .add-subcategory-container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 210px;
}
@media only screen and (max-width: 1020px) {
  .form__input--subcategories .add-subcategory-container {
    justify-content: center;
  }
}
.form__input--subcategories .add-subcategory-container input {
  padding: 5px;
  border-radius: 5px;
  border: 1px solid grey;
}
@media only screen and (max-width: 1020px) {
  .form__input--subcategories .add-subcategory-container input {
    margin-right: 10px;
  }
}
.form__input--subcategories .error-message {
  color: red;
  text-align: center;
}
.form .available_credit {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  color: hsl(0 0% 40%);
}
.form .available_credit.error {
  color: red;
}
.form__input--single {
  display: grid;
  grid-template-columns: 230px auto;
  grid-column-gap: 50px;
}
@media only screen and (max-width: 769px) {
  .form__input--single {
    grid-template-columns: auto;
    grid-template-rows: minmax(min-content, max-content) auto;
    grid-row-gap: 15px;
  }
}
.calendar-box[data-calendarType="multiple"] {
  border: 1px solid hsl(0, 0%, 82%);
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  z-index: 9999;
  height: 0px;
}
.calendar-box[data-calendarType="single"] {
  display: none;
  position: absolute;
  border: 1px solid hsl(0, 0%, 82%);
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  z-index: 9999;
}
.calendar-box.active {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
  display: block;
  height: auto;
}
.calendar-box__header {
  width: 100%;
  background-color: hsl(0, 0%, 50%);
  color: hsl(0, 0%, 100%);
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
}
.calendar-box__header--previous {
  text-align: left;
}
.calendar-box__header--previous > i {
  cursor: pointer;
  border-color: hsl(0, 0%, 100%);
}
.calendar-box__header--previous > i:hover {
  border-color: hsl(357, 96%, 42%);
}
.calendar-box__header--current {
  text-align: center;
}
.calendar-box__header--current > p {
  text-align: center;
}
.calendar-box__header--next {
  text-align: right;
}
.calendar-box__header--next > i {
  cursor: pointer;
  border-color: hsl(0, 0%, 100%);
}
.calendar-box__header--next > i:hover {
  border-color: hsl(357, 96%, 42%);
}
.calendar-box__body {
  width: 100%;
  font-size: 12px;
  color: hsl(0, 0%, 25%);
}
.calendar-box__body--weekDays {
  background-color: hsl(0, 0%, 75%);
  text-align: center;
  padding: 2.5px;
}
.calendar-box__body--weeks {
  background-color: hsl(0, 0%, 100%);
  text-align: center;
  padding: 5px;
}
.calendar-box__body--weeks > span {
  border: none;
  padding: 5px;
  margin: 3px;
  border: 1px solid hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 100%);
  border-radius: 2px;
  cursor: auto;
}
.calendar-box__body--weeks > span.fill {
  border: 1px solid hsl(0, 0%, 90%);
  background-color: hsl(0, 0%, 95%);
  border-radius: 2px;
  cursor: pointer;
}
.calendar-box__body--weeks > span.fill:hover {
  border: 1px solid hsl(357, 96%, 62%);
  background-color: hsl(0, 0%, 90%);
  border-radius: 2px;
  color: hsl(357, 96%, 42%);
}
.calendar-box__body--weeks > span.fill:active {
  background-color: hsl(357, 96%, 62%);
}
.calendar-box__body--weeks > span.fill.active {
  background-color: hsl(357, 96%, 62%);
}
/* GENERAL FORM PROPERTIES */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
/* MODAL */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 999;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: hidden;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* Modal Content/Box */
}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  /* Could be more or less, depending on screen size */
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
  /* The Close Button */
}
.modal-content .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.modal-content .close:hover,
.modal-content .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.modal .bar-container {
  margin: auto;
  height: 10px;
  border-radius: 5px;
  background-color: #e4e4e4;
}
.modal .bar-container .progress-bar {
  border-radius: 5px;
  position: relative;
  z-index: 1;
  height: 10px;
  background-color: hsl(357, 96%, 42%);
}
.modal h1 {
  margin-bottom: 10px;
  text-align: center;
}
.modal textArea {
  width: 100%;
  height: 100px;
  font-family: Calibri, Arial, Myriad, sans-serif;
  font-size: 15px;
  padding: 5px 15px;
  border: 1px solid hsl(0, 0%, 82%);
  border-radius: 10px;
  margin-bottom: 10px;
}
.modal textArea.error {
  border-color: hsl(357, 96%, 42%);
}
.modal .buttons-container {
  display: flex;
  justify-content: space-evenly;
}
.time-picker {
  display: grid;
  grid-template-columns: auto 5px auto;
  height: 100%;
  background: unset;
  grid-gap: 5px;
  margin-left: 5px;
  margin-right: 5px;
  color: hsl(0 0% 50%);
}
.time-picker > span {
  display: grid;
  grid-template-columns: auto auto;
  height: 100%;
  background: unset;
  align-content: center;
}
.time-picker > span .arrows {
  padding-left: 3px;
  font-size: 9px;
  text-align: center;
  cursor: pointer;
}
.time-picker > span .arrows:hover {
  color: hsl(357, 96%, 42%);
}
.time-picker__input {
  width: 28px;
  background-color: unset;
  margin: auto;
  border: 1px solid hsl(0 0% 50%) !important;
  text-align: center;
  font-size: 12px;
  color: hsl(0 0% 50%);
  grid-row: 1 / span 2;
  height: 20px;
  border-radius: 4px;
}
.month-picker {
  display: grid;
  grid-template-columns: auto 5px auto;
  height: 100%;
  background: unset;
  grid-gap: 5px;
  margin-left: 5px;
  margin-right: 5px;
  color: hsl(0 0% 50%);
}
.month-picker__container {
  width: max-content;
}
@media only screen and (max-width: 1020px) {
  .month-picker__container {
    grid-area: element1 !important;
  }
}
.month-picker > span {
  display: grid;
  grid-template-columns: auto auto;
  height: 100%;
  background: unset;
  align-content: center;
}
.month-picker > span .arrows {
  padding-left: 3px;
  font-size: 9px;
  text-align: center;
  cursor: pointer;
}
.month-picker > span .arrows:hover {
  color: hsl(357, 96%, 42%);
}
.month-picker__input {
  background-color: unset;
  width: 28px;
  border: 1px solid hsl(0 0% 50%) !important;
  margin: auto;
  font-size: 12px;
  text-align: center;
  grid-row: 1 / span 2;
  color: hsl(0 0% 50%);
  border-radius: 4px;
  height: 20px;
}
.month-picker__input.starting-date-year {
  width: 40px;
}
.month-picker__input.ending-date-year {
  width: 40px;
}
.waiting {
  background-color: hsla(0, 0%, 0%, 0.75);
  width: 100vw;
  height: 100vh;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
}
.waiting > .logo {
  background-repeat: no-repeat;
  background-position: center;
  height: 50vh;
  width: 50vh;
  background-color: white;
  border-radius: 20px;
  background-size: 80%;
}
.cell-options-container {
  position: absolute;
  width: 100%;
  background-color: white;
}
.cell-options-container p {
  font-size: 12px;
  padding: 2px 10px;
}
.cell-options-container p:hover {
  color: hsl(357, 96%, 42%);
  cursor: pointer;
}
.cell-options-container.border {
  border: 1px solid black;
  border-radius: 3px;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 10px;
  right: 15px;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}
/*
Copyright (C) 2016 Atomian Cognitive Architects S.L. - All Rights Reserved.
No warranty, explicit or implicit, provided. In no event shall the author
be liable for any claim or damages.
This is proprietary software.
*/
/*---------------------------------------------------------------------------*/
* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
html,
body {
  font-smooth: always;
}
html {
  height: 100%;
  min-height: 400px;
  min-width: 360px;
  font-family: Calibri, Arial, Myriad, sans-serif;
  color: hsl(177, 100%, 4%);
}
body {
  width: calc(100vw - (100vw - 100%));
  color: hsl(177, 100%, 4%);
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
header {
  border-bottom: 1px solid hsl(0, 0%, 82%);
}
#main {
  max-width: 100vw;
  margin: 0 0;
  text-align: center;
}
#main h1 {
  display: none;
}
#main a {
  text-decoration: none;
}
#main .top_main {
  display: flex;
}
@media only screen and (max-width: 769px) {
  #main .top_main {
    flex-direction: column;
  }
}
#main .servicesold {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
@media only screen and (max-width: 600px) {
  #main .servicesold {
    justify-content: space-around;
    max-width: 450px;
  }
}
@media only screen and (max-width: 480px) {
  #main .servicesold {
    max-width: 350px;
  }
}
#main .servicesold .service {
  width: 38%;
  padding: 2% 0;
}
@media only screen and (max-width: 600px) {
  #main .servicesold .service {
    width: 60%;
  }
}
#main .servicesold .service .service_title {
  padding-bottom: 1%;
  color: hsl(357, 96%, 42%);
  font-size: 1.3em;
  font-weight: bold;
}
#main .servicesold .service .service_body {
  display: flex;
  align-items: center;
  padding: 1% 2% 1% 2%;
  font-size: 13px;
}
#main .servicesold .service .service_shortcuts {
  font-size: 1em;
}
#main .servicesold .service .service_shortcuts b {
  cursor: default;
}
#main .servicesold .service .service_shortcuts a:hover {
  text-decoration: underline;
}
#service_discover_body,
#service_highlight_body,
#service_legaltech_body,
#service_healthcare_body {
  background-position: 4%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100px;
  width: 400px;
}
#service_discover_body {
  background-image: url("/_img/icons/discover.png");
}
#service_highlight_body {
  background-image: url("/_img/icons/highlight.png");
}
#service_legaltech_body {
  background-image: url("/_img/icons/legaltech.png");
}
#service_healthcare_body {
  background-image: url("/_img/icons/healthcare.png");
}
#news {
  width: 30%;
  min-width: 200px;
  padding-left: 2%;
  vertical-align: top;
}
@media only screen and (max-width: 769px) {
  #news {
    padding: 2% 0;
  }
}
#learning_center {
  padding-top: 20px;
  width: 100%;
  height: 100px;
}
a {
  color: hsl(177, 100%, 4%);
}
/* Legaltech pages */
#legaltech {
  margin: 0 auto;
  padding: 4% 2%;
  max-width: 1200px;
  width: 95%;
}
#legaltech h1 {
  display: block;
}
#legaltech #news {
  min-height: 100px;
  padding: 1%;
}
#legaltech .legaltech_services_container {
  display: flex;
}
@media only screen and (max-width: 769px) {
  #legaltech .legaltech_services_container {
    flex-direction: column;
  }
}
#legaltech .legal_available_services,
#legaltech .legal_instances {
  width: 100%;
  border-right: 1px solid white;
}
#legaltech .legal_available_services .legal_service_header > div,
#legaltech .legal_instances .legal_service_header > div,
#legaltech .legal_available_services .legal_instance_header > div,
#legaltech .legal_instances .legal_instance_header > div {
  background-color: #d4d4d4;
  padding: 0 1%;
}
.legal_instance_start_date,
.legal_instance_start_date_header,
.legal_service_codename,
.legal_service_codename_header,
.legal_instance_name,
.legal_instance_name_header,
.legal_service_friendly,
.legal_service_friendly_header {
  width: 48%;
  float: left;
  padding: 0.2% 1%;
}
/* Legaltech pages -> Notas Simples */
#notassimples h1 {
  display: block;
}
/****************************************************************/
.hidden {
  display: none !important;
}
.is-visually-hidden {
  visibility: hidden;
  opacity: 0;
}
.error {
  color: hsl(357, 96%, 42%);
}
.input-text-error {
  box-shadow: 0 0 3px hsl(357, 96%, 42%);
}
.disabled {
  cursor: not-allowed !important;
  background-color: #b3b4b7;
}
.icon,
.fa {
  font-family: AtomianFont;
}
h1:empty {
  display: none;
}
.icon-xsmall {
  font-size: 1em;
  color: AtomianFont;
}
.icon-medium {
  font-size: 32px;
}
.info-message {
  /* border: 1px solid @borderColor;
     padding: @spacing_xs;
     font-size: 1em; */
  /* 
     text-align: left;
     background-color: @trueWhite; */
}
@media only screen and (max-width: 480px) {
  .info-message {
    font-size: 0.8em;
  }
}
.info-message .fa {
  color: #7d859f;
}
.info-icon {
  color: #7d859f;
}
.align-middle {
  text-align: center;
}
.is-block {
  display: block;
}
/*---------------------------------------------------------------------------*/
/* forbidden error message */
.forbidden-wrapper {
  display: flex;
  align-items: center;
  align-self: center;
  flex-direction: row;
  justify-content: center;
  height: 85vh;
}
.pop-up {
  font-size: 1.5em;
  background-color: #E6E6E6;
  color: black;
  border-radius: 5px;
  padding: 10px;
  position: fixed;
  top: 20px;
  right: calc(50vw - 140px);
  z-index: 999;
  -webkit-animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.instances {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin: 75px;
  margin-top: 25px;
  margin-bottom: 0px;
  padding-bottom: 50px;
  border-bottom: 1px solid hsl(0, 0%, 75%);
}
@media only screen and (max-width: 1020px) {
  .instances {
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 600px) {
  .instances {
    grid-template-columns: auto;
  }
}
.instances__title {
  width: 100%;
  grid-column: 1 / span 4;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  text-align: left;
  font-size-adjust: 100%;
}
@media only screen and (max-width: 1020px) {
  .instances__title {
    grid-column: 1 / span 2;
  }
}
@media only screen and (max-width: 600px) {
  .instances__title {
    grid-column: 1 / span 1;
  }
}
.instances .instance {
  display: grid;
  grid-template-rows: 60px auto;
  border: 1px solid #b3b4b7;
  border-radius: 10px;
  padding: 2px;
}
.instances .instance:hover {
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.instances .instance__header {
  padding-left: 10px;
  padding-right: 10px;
  background-color: hsl(0, 0%, 95%);
  display: grid;
  grid-template-columns: 45px auto;
  align-content: space-evenly;
  max-width: 100%;
  margin: 0px;
  width: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  align-items: center;
}
.instances .instance__header--logo img {
  padding-top: 5px;
  height: 45px;
  width: auto;
}
.instances .instance__header--name {
  margin: 0px;
  font-size: 20px;
  font-weight: 100;
  color: hsl(357, 96%, 42%);
}
.instances .instance__details {
  color: hsl(0, 0%, 25%);
  padding: 10px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  margin: auto;
}
.instances .instance__details span:first-child {
  font-weight: 600;
}
.instances .instance__details--friendly_name {
  grid-column: 1 / span 2;
}
.instances.single-active {
  grid-template-columns: 15% auto 15%;
}
@media only screen and (max-width: 1020px) {
  .instances.single-active {
    grid-template-columns: auto;
  }
}
@media only screen and (max-width: 600px) {
  .instances.single-active {
    grid-template-columns: auto;
  }
}
.instances.single-active .instances__title {
  grid-column: 1 / span 3;
}
.instances.single-active .instance {
  grid-column: 2 / span 1;
}
.instances.single-active .instance__details {
  margin: 20px;
}
.available-instance {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: 60px auto;
  margin: 75px;
  margin-top: 50px;
  margin-bottom: 25px;
  border: 1px solid #b3b4b7;
}
.available-instance__header {
  grid-column: 1 / span 4;
  padding-left: 10px;
  padding-right: 10px;
  background-color: hsl(0, 0%, 95%);
  display: grid;
  grid-template-columns: 45px auto;
  align-items: center;
}
.available-instance__header--logo img {
  padding-top: 5px;
  height: 45px;
  width: auto;
}
.available-instance__header--name {
  margin: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  font-size: 20px;
  font-weight: 100;
  color: hsl(357, 96%, 42%);
}
.available-instance:hover {
  box-shadow: unset;
}
.available-instance__details {
  color: hsl(0, 0%, 25%);
  padding: 20px;
}
.available-instance__details span:first-child {
  font-weight: 600;
}
.available-instance__details--hireit {
  padding-top: 10px;
}
.instanceContent,
.revision_statsContent {
  margin-left: 75px;
  margin-right: 75px;
  padding: 25px;
  background-color: hsl(0, 0%, 95%);
  text-align: left;
  border-radius: 5px;
  border: 1px solid hsl(0, 0%, 90%);
  box-sizing: border-box;
  width: calc(100% - 150px);
  display: inline-block;
}
@media only screen and (max-width: 600px) {
  .instanceContent,
  .revision_statsContent {
    margin-left: 25px;
    margin-right: 25px;
    width: calc(100% - 50px);
  }
}
.instanceContent[id$='-history'],
.revision_statsContent[id$='-history'] {
  height: unset;
  min-height: 100vh;
}
.instanceContent h1,
.revision_statsContent h1 {
  display: block !important;
}
.instanceContent__header,
.revision_statsContent__header {
  border-bottom: 1px solid #b3b4b7;
}
.instanceContent .form__content--results .graph-table.active,
.revision_statsContent .form__content--results .graph-table.active {
  align-content: center;
}
.instanceContent {
  height: 452px;
}
.with_linked_instances {
  flex-wrap: wrap;
  gap: 10px;
}
.with_linked_instances .dropdown_linked_instances {
  height: 35px;
}
.with_linked_instances .dropdown_linked_instances select {
  height: 30px;
}
.single-key-content {
  padding: 10px;
}
.single-key-content .tab-array-div {
  /* instances.less*/
  margin: 10px;
  border: 1px solid hsl(0, 0%, 75%);
  padding: 10px;
  border-radius: 10px;
}
.single-key-content .tab-array-div > .title_div {
  font-size: 20px;
  padding: 5px;
}
.single-key-content .tab-array-div > .block-container {
  padding: 10px 0px 20px !important;
}
.single-key-content .tab-array-div > .block-container > .table_div > .block-container {
  padding: 0px !important;
}
.single-key-content .block-container > .bloque_div > .block-container.row,
.single-key-content .block-container .table_div > .block-container.row {
  border: 1px solid hsl(0, 0%, 75%);
  border-radius: 5px;
  padding-left: 5px !important;
  padding-top: 10px !important;
  margin-top: 10px !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}
.single-key-content .block-container > .bloque_div > .block-container.row > .title_div,
.single-key-content .block-container .table_div > .block-container.row > .title_div {
  padding: 5px;
  margin: 2px;
  background: #BFBFBF;
  border-radius: 5PX;
  margin-right: 5px;
  color: white;
  margin-top: 0px !important;
}
.single-key-content .block-container > .bloque_div > .block-container.row > .horizontal_div > form,
.single-key-content .block-container .table_div > .block-container.row > .horizontal_div > form {
  display: inline-grid;
  text-align: center;
}
.single-key-content .block-container > .bloque_div > .block-container.row > form > label,
.single-key-content .block-container .table_div > .block-container.row > form > label {
  white-space: nowrap;
  padding-right: 10px;
  padding-left: 10px;
}
.add_new_button_div {
  margin-bottom: 30px;
}
input[type='checkbox'] {
  accent-color: #B0D074;
}
#loadingDiv {
  background: hsl(0, 0%, 85%);
  padding: 10px;
  width: 25%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.floatingBox {
  background-color: white;
  text-align: left;
  position: absolute;
  padding: 10px;
  top: 0px;
  width: 100%;
  left: 0px;
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
  color: hsl(0, 0%, 25%);
  border: 1px solid hsl(0, 0%, 50%);
  border-radius: 5px;
}
.floatingBox:hover {
  color: hsl(0, 0%, 25%);
  background-color: white;
}
.diplayCheckFailureReason_button {
  position: relative;
  margin-left: 10px !important ;
}
.triggeredButton {
  position: relative;
}
.triggeredButton > .commentDiv {
  position: absolute;
  right: -49px;
  width: 250px;
  top: 27px;
  left: -225px;
  z-index: 9;
}
.triggeredButton > .commentDiv > textarea {
  width: 100%;
  height: 150px;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.triggeredButton > .commentDiv > .buttonsDiv {
  display: flex;
}
.headerMenu {
  width: calc(100vw - (100vw - 100%));
  height: 60px;
  margin: auto;
  margin-top: 0;
  margin-bottom: 15px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: Calibri, Arial, Myriad, sans-serif;
}
.headerMenu > div {
  margin: 0 5px;
}
@media only screen and (max-width: 600px) {
  .headerMenu {
    font-size: 0.8em;
  }
}
.headerMenu__icon {
  display: none;
}
.headerMenu__logo {
  left: 10px;
  position: absolute;
}
.headerMenu__logo--img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 120px;
  height: auto;
}
@media only screen and (max-width: 600px) {
  .headerMenu__logo--img {
    width: 120px;
    height: auto;
  }
}
.headerMenu__links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  .headerMenu__links {
    padding-right: 90px;
  }
}
.headerMenu__links ul .burger-menu-icon {
  display: none;
}
.headerMenu__links ul .language-selector {
  appearance: none;
  -webkit-appearance: none ;
  -moz-appearance: none;
  display: block;
  border: none;
  font-family: Calibri, Arial, Myriad, sans-serif;
  font-size: inherit;
  background-color: inherit;
}
.headerMenu__links ul .language-selector option {
  padding: 10px;
  padding-left: 0px;
  background-color: white;
}
.headerMenu__links ul .language-selector option:hover {
  background-color: inherit;
}
.headerMenu__links ul li {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: normal;
  padding-left: 5px;
  padding-right: 5px;
}
.headerMenu__links ul li .link {
  font-size: 14px;
}
.headerMenu__user {
  padding-right: 10px;
}
@media only screen and (max-width: 480px) {
  .headerMenu {
    justify-content: center;
  }
  .headerMenu__links {
    width: 100%;
    padding: 0px;
    display: inline-flex;
    justify-content: center;
  }
  .headerMenu__links--list .burger-menu-icon {
    text-align: center !important;
  }
  .headerMenu__logo {
    display: none;
  }
  .headerMenu__icon {
    display: inline-block;
    min-width: 31px;
    min-height: 31px;
  }
  .headerMenu__icon--img {
    width: 31px;
    height: 31px;
  }
  .headerMenu__user .userMenu__name {
    background-color: blue;
    display: none;
  }
}
.link {
  text-decoration: none;
  position: relative;
  cursor: pointer;
  font-size: 15px;
}
.link:hover {
  color: hsl(357, 96%, 42%);
}
.linkDropdown {
  text-decoration: none;
  position: relative;
}
.linkDropdown > .link > span {
  width: 140px;
  display: inline-block;
}
.linkDropdown > span::after {
  content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" class="svg-inline--fa fa-angle-down fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg>');
  display: inline-block;
  height: 6px;
  width: 6px;
  margin-left: 10px;
  background-repeat: no-repeat;
}
.linkDropdown .language-flag {
  margin-left: 5px;
  height: 10px;
}
.linkDropdown__modal {
  /* for the vertical ones and the instances*/
  width: fit-content;
  min-width: 190px;
  top: calc(100% + 10px) !important;
  border: 1px solid hsl(0, 0%, 92%);
  background-color: white;
  text-align: left;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  left: -15px;
  position: absolute;
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
  text-transform: capitalize;
  /*for the horizontal ones */
}
@media only screen and (max-width: 1020px) {
  .linkDropdown__modal {
    left: 0;
  }
}
.linkDropdown__modal.left-positioned {
  left: -105%;
  top: -3px !important;
}
.linkDropdown__modal.active {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
.linkDropdown__modal.active > ul > li {
  font-size: 15px;
  padding: 5px;
  padding-left: 10px;
  font-weight: 500;
}
.linkDropdown__modal li {
  display: block;
  font-family: Calibri, Arial, Myriad, sans-serif;
  font-weight: 400;
  color: hsl(177, 100%, 4%);
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
}
.linkDropdown__modal li:hover {
  color: hsl(357, 96%, 42%);
  background-color: hsl(0, 0%, 87%);
}
.linkDropdown__modal li:hover > a {
  color: hsl(357, 96%, 42%);
  background-color: hsl(0, 0%, 87%);
}
.linkDropdown__modal--horizontal {
  width: 600px;
  position: absolute;
  left: -200px;
}
@media only screen and (max-width: 1020px) {
  .linkDropdown__modal--horizontal {
    left: 0;
    min-width: 300px;
    width: 50vw;
    transform: translate(-50%, 0%);
  }
}
@media only screen and (max-width: 480px) {
  .linkDropdown__modal--horizontal {
    transform: translate(-25%, 0%);
  }
}
.linkDropdown__modal--horizontal ul {
  padding: 5px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.linkDropdown__modal--element {
  width: 32%;
  height: 100%;
}
.linkDropdown__modal--element a {
  text-decoration: none;
}
.linkDropdown__modal--element > div.linkDropdown__subModal > a {
  width: 100%;
  display: inline-block;
}
.linkDropdown__modal--element > div.linkDropdown__subModal > ul {
  list-style: none;
  display: none;
}
.linkDropdown__modal--element > div.linkDropdown__subModal > ul > li {
  width: 100%;
  display: inline-block;
}
.linkDropdown__modal--element > div.linkDropdown__subModal > ul > li > a {
  display: inline-block;
  width: 100%;
}
.linkDropdown__modal--element > div.linkDropdown__subModal > ul:hover {
  display: inline-block;
}
.linkDropdown__modal--element > div.linkDropdown__subModal:hover > ul {
  display: inline-block;
}
.linkDropdown__modal--element > div.linkDropdown__subModal:hover > ul a {
  font-size: 12px;
  padding-left: 32px;
  font-weight: 600;
}
.linkDropdown__modal--element.withSubItems {
  padding-bottom: 0px;
}
.linkDropdown__modal--element.withSubItems > .linkDropdown__subItems > a > span::after {
  content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" class="svg-inline--fa fa-angle-down fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg>');
  display: inline-block;
  height: 6px;
  width: 6px;
  margin-left: 10px;
  background-repeat: no-repeat;
}
.linkDropdown__modal--element.withSubItems > .linkDropdown__subItems > a > span.up::after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  height: unset;
}
.linkDropdown__modal--element.withSubItems > .linkDropdown__subItems > ul {
  display: inline-block;
  background-color: white;
  padding-bottom: 3px;
}
.linkDropdown__modal--element.withSubItems > .linkDropdown__subItems > ul > li {
  width: calc(100% - 2*3px);
  display: inline-block;
  background-color: hsl(0, 0%, 95%);
  border: 1px solid hsl(0, 0%, 80%);
  margin-top: 3px;
  margin-left: 3px;
  padding: 0px;
  padding-left: 10px;
}
.linkDropdown__modal--element.withSubItems > .linkDropdown__subItems > ul > li > a {
  white-space: nowrap;
  font-size: 12px;
  padding-left: 20px;
  font-weight: 600;
}
.linkDropdown__modal--element.withSubItems > .linkDropdown__subItems > ul > li:hover {
  background-color: hsl(0, 0%, 80%);
}
.linkDropdown__modal--element.withSubItems > .linkDropdown__subItems > ul > li:hover > a {
  color: hsl(357, 96%, 42%);
  background-color: hsl(0, 0%, 80%);
}
.linkDropdown__modal--element.withSubItems > .linkDropdown__subItems:hover > ul {
  display: inline-block;
}
.linkDropdown__modal--element.withSubItems > .linkDropdown__subItems:hover > ul a {
  font-size: 12px;
  padding-left: 20px;
  font-weight: 600;
}
.linkDropdown__modal--elementTitle {
  font-weight: 600;
  display: block;
}
.linkDropdown__modal--elementDescription {
  text-transform: capitalize;
  color: hsl(0, 0%, 50%);
  font-family: "Calibri", Sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.linkDropdown:hover > span {
  color: hsl(357, 96%, 42%);
}
.linkDropdown:hover > .linkDropdown__modal {
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 1020px) {
  .linkDropdown {
    /* when we cannot disable the menu with hover we deactivate it */
  }
  .linkDropdown:hover > .linkDropdown__modal {
    visibility: hidden;
    opacity: 0;
  }
  .linkDropdown > .linkDropdown__modal {
    visibility: hidden;
    opacity: 0;
  }
  .linkDropdown > .linkDropdown__modal.active {
    visibility: visible;
    opacity: 1;
  }
}
.userMenu__icon {
  background: hsl(357, 96%, 42%);
  border-radius: 9999px;
  color: hsl(0, 0%, 100%);
  text-align: center;
  vertical-align: middle;
  font-size: 0.8em !important;
  line-height: 25px !important;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  font-weight: normal;
  text-decoration: none;
}
@media only screen and (max-width: 600px) {
  .userMenu__icon {
    width: 20px;
    height: 20px;
    line-height: 20px !important;
    margin-right: 4px;
  }
}
.userMenu__icon:hover {
  font-weight: bold;
}
.userMenu__icon:hover ~ .userMenu__items {
  visibility: visible;
  opacity: 1;
}
.userMenu__name {
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: normal;
  vertical-align: middle;
}
.userMenu__name:hover ~ .userMenu__items {
  visibility: visible;
  opacity: 1;
}
.userMenu__items {
  left: unset;
  right: 15px !important;
}
.userMenu__items a {
  padding-left: 20px;
  padding-right: 20px;
}
.userMenu__items:hover {
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 1020px) {
  /* Header */
  .mainHeader .headerContainer .logo {
    align-self: center;
    width: 100%;
    text-align: center;
  }
  .mainHeader .headerContainer .company_wrapper {
    align-self: center;
    float: right;
  }
  .mainHeader .headerContainer .headerContainer-nav {
    display: none;
  }
  .mainHeader .headerContainer .headerContainer-nav.show {
    display: block;
  }
  /* Menu Icon */
  .headerMenu__links {
    margin-right: 220px;
    overflow: hidden;
  }
  .headerMenu__links ul {
    width: 200px;
  }
  .headerMenu__links ul .burger-menu-icon {
    display: block;
    text-align: right;
  }
  .headerMenu__links ul .burger-menu-icon img {
    height: 25px;
  }
  .headerMenu__links ul li {
    display: none;
  }
  .headerMenu__links .dropdown-li {
    z-index: 3 !important;
  }
  .headerMenu .show {
    overflow: visible;
    padding-top: 10px;
    align-items: flex-start;
    background-color: white;
    z-index: 10;
  }
  .headerMenu .show ul > li:not(.burger-menu-icon) {
    display: block;
    position: relative;
    background-color: hsl(0, 0%, 95%);
    border-bottom: 1px solid hsl(0, 0%, 85%);
    background-color: white;
    padding: 7%;
    z-index: 2;
  }
  .headerMenu .show ul > li:not(.burger-menu-icon):hover {
    background-color: hsl(0, 0%, 87%);
  }
  .headerMenu .show ul > li:not(.burger-menu-icon) .linkDropdown__modal--horizontal ul {
    width: 100%;
  }
  .headerMenu .show ul > li:not(.burger-menu-icon) .linkDropdown__modal--horizontal ul li {
    border: none;
    padding: 2%;
  }
}
/*Menus*/
.menu-button,
.nav-item {
  cursor: pointer;
  position: relative;
  flex: 0 0 auto;
  font-family: AtomianFont;
}
.menu-button:hover span {
  color: hsl(357, 96%, 42%);
}
.menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  margin-top: 0.5em;
  padding: 0.5em 0 0 0;
  list-style: none;
  background: hsl(0, 0%, 95%);
  border: 1px solid hsl(0, 0%, 82%);
  font-family: Calibri, Arial, Myriad, sans-serif;
  cursor: default;
  white-space: nowrap;
  line-height: normal;
}
.menu li {
  cursor: pointer;
  padding: 0.3em 0.5em;
  font-size: 1.125em;
}
.menu li:hover {
  color: hsl(0, 0%, 100%);
  background-color: hsl(357, 96%, 42%);
}
.menu li .disabled {
  cursor: not-allowed;
  color: hsl(0, 0%, 80%);
}
.menu li .disabled:hover {
  color: hsl(0, 0%, 80%);
  background-color: inherit;
}
.menu li a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.menu li a:visited:hover {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.menu:before {
  content: "";
  position: absolute;
  right: 3px;
  top: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #f3f3f4 transparent;
  z-index: 9999;
}
.menu:after {
  content: "";
  position: absolute;
  right: 0.5px;
  top: -11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #cac6c6 transparent;
  z-index: 9998;
}
.menu input[type=submit] {
  background: none;
  height: auto;
  border-radius: 0px;
  color: hsl(177, 100%, 4%);
  padding-left: 0;
  cursor: pointer;
}
.menu input[type=submit]:hover {
  color: hsl(0, 0%, 100%);
  background-color: hsl(357, 96%, 42%);
}
.nav-item.folded ul {
  display: block;
}
.promotion_container {
  position: relative;
  height: 65vh;
  max-width: calc(100vw - (100vw - 100%));
  width: calc(100vw - (100vw - 100%));
}
.promotion_container .promotion {
  background-image: url("/_img/promo.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top;
  background-size: cover;
  width: 100%;
  height: 100%;
  opacity: 1;
  position: absolute;
  top: 0px;
  right: 0px;
  display: grid;
}
.promotion_container .promotion.promo_0 {
  background-image: url("/_img/promo_0.jpg");
}
.promotion_container .promotion.promo_1 {
  background-image: url("/_img/promo_1.jpg");
}
.promotion_container .promotion.promo_2 {
  background-image: url("/_img/promo_2.jpg");
}
.promotion_container .promotion.promo_3 {
  background-image: url("/_img/promo_3.jpg");
}
.promotion_container .promotion.promo_4 {
  background-image: url("/_img/promo_4.jpg");
}
.promotion_container .promotion.promo_5 {
  background-image: url("/_img/promo_5.jpg");
}
.promotion_container .promotion.show {
  opacity: 1;
  -webkit-transition: top 1s, opacity 1s;
  transition: top 1s, opacity 1s;
  z-index: 4;
}
.promotion_container .promotion.hide {
  opacity: 0;
  -webkit-transition: top 1s, opacity 1s;
  transition: top 1s, opacity 1s;
  z-index: 3;
}
@media only screen and (max-width: 600px) {
  .promotion_container .promotion {
    /* This makes fits the whole image to the size of the element*/
    background-position: 60% top;
    background-size: 150% 100%;
  }
}
.promotion_container .promotion__content {
  margin: auto;
  width: 65%;
  text-align: right;
}
@media only screen and (max-width: 1020px) {
  .promotion_container .promotion__content {
    /* This makes the context separate a 10% from the right border */
    right: 10%;
  }
}
.promotion_container .promotion__content--title {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 3rem;
  font-weight: lighter;
  line-height: 1;
  text-align: right;
}
.promotion_container .promotion__content--description {
  display: block;
  width: 40%;
  text-align: right;
  margin-left: auto;
  font-size: 1.2rem;
  font-style: italic;
}
@media only screen and (max-width: 1020px) {
  .promotion_container .promotion__content--description {
    /* In tablet elements we need some extra space for the content */
    width: 60%;
  }
}
.promotion_container .promotion__nav_buttons {
  width: 65%;
  position: absolute;
  bottom: 0px;
  right: 50%;
  transform: translate(50%, -50%);
  text-align: center;
  z-index: 5;
}
.promotion_container .promotion__nav_buttons span {
  border-radius: 100%;
  background: black;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0px 6px;
  opacity: 0.2;
  cursor: pointer;
}
.promotion_container .promotion__nav_buttons span:active {
  background: hsl(0 0% 65%);
  opacity: 1;
}
.promotion_container .promotion__nav_buttons span.active {
  opacity: 1;
  cursor: default;
}
.callAction {
  padding-top: 50px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul,
menu,
dir {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}
ul,
ol {
  list-style: none;
}
/* .form__results
{

     .results-table
     {
          padding: 0px;
          margin: 0px;
          max-height: 94.5%;
          overflow-y: auto;
          & table
          {
               & tr
               {
                    background-color: @trueWhite;
                    & th
                    {
                         background-color: @grey10;
                         padding-left: 5px;
                         padding-right: 5px;
                         border-bottom: 1px solid @trueBlack;
                         color: @trueBlack;
                         padding-top: 5px;
                         padding-bottom: 5px;
                    }
                    & td
                    {
                         background-color: @trueWhite;
                         border-bottom: 1px solid @grey10;
                         border-right: 1px solid @grey10;

                         padding-left: 5px;
                         padding-right: 5px;
                         &:last-child
                         {
                              border-right: none;
                         }
                    }
                    &:nth-child(odd)
                    {
                         & td
                         {
                              background-color: @grey10;
                         }
                    }
                    &:nth-child(even)
                    {
                         & td
                         {
                              background-color: @trueWhite;
                         }
                    }
               }


          }
     }
}
 */
.results-table table {
  width: 99%;
  border-collapse: collapse;
  border: 1px solid hsl(0, 0%, 75%);
  border-collapse: separate;
  border-radius: 10px;
  -moz-border-radius: 5px;
  background-color: hsl(0, 0%, 90%);
}
.results-table table tr {
  position: relative;
  background-color: white;
}
.results-table table tr:first-child {
  background-color: hsl(0, 0%, 90%);
}
.results-table table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.results-table table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.results-table table th {
  padding: 5px;
  color: hsl(0, 0%, 50%);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
  line-height: 22px;
}
.results-table table th .arrow-container {
  display: inline-flex;
  flex-direction: column;
}
.results-table table th .arrow-container .arrow_asc {
  top: -3px;
  width: 0;
  height: 0;
  position: relative;
  margin-left: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #808080;
  cursor: pointer;
}
.results-table table th .arrow-container .arrow_asc:hover {
  border-bottom: 5px solid hsl(357, 96%, 42%);
}
.results-table table th .arrow-container .arrow_asc.active {
  border-bottom: 5px solid hsl(357, 96%, 42%);
}
.results-table table th .arrow-container .arrow_desc {
  top: -1px;
  width: 0;
  height: 0;
  position: relative;
  margin-left: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080;
  cursor: pointer;
}
.results-table table th .arrow-container .arrow_desc:hover {
  border-top: 5px solid hsl(357, 96%, 42%);
}
.results-table table th .arrow-container .arrow_desc.active {
  border-top: 5px solid hsl(357, 96%, 42%);
}
.results-table table td {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: middle;
  line-height: 18px;
}
.results-table table td:first-child {
  padding-left: 0px;
  text-align: center;
}
.results-table table td span div {
  display: inline;
  vertical-align: middle;
}
.results-table table td span:first-child {
  padding-right: 5px;
}
.results-table table td .hover {
  display: none;
}
@media (hover: none) {
  .results-table table td .hover {
    display: inline;
  }
}
.results-table table td .no-hover {
  padding: 0;
}
.px-50 {
  padding: 0 50px;
}
.results-json {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  margin: auto !important;
  display: inline-block;
  background-color: hsl(0, 0%, 90%);
  padding-left: 0px !important;
  padding-right: 0px !important;
  line-height: 20px;
  overflow-x: hidden;
  overflow-y: auto;
}
.results-json.hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.results-json .header {
  grid-column: 1 / span 2;
  background-color: hsl(0, 0%, 90%);
  margin-bottom: 0px;
}
.results-json .header .colDiv-3 {
  grid-template-columns: max-content auto max-content;
  align-items: center;
}
.results-json .header > div {
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: hsl(0, 0%, 75%);
}
.results-json .header .fileName {
  padding-left: 10px;
  margin: auto;
  margin-left: 10px;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.results-json .header .fileName .last_status {
  padding-left: 10px;
  margin: 0 !important;
}
.results-json .header .fileName span:first-child {
  max-width: 80%;
  display: inline-block;
  overflow-x: hidden;
  white-space: nowrap;
}
.results-json .header .displayTypes {
  padding-left: 10px;
  display: inline-block;
}
.results-json .header .displayTypes .displayName {
  display: inline-block;
  margin: 5px !important;
}
.results-json .header .displayTypesOptions {
  padding-left: 10px;
  display: inline-block;
}
.results-json .header .displayTypesOptions .optionObj {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
  margin: 5px !important;
}
.results-json .header .displayTypesOptions .optionObj.hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}
.results-json .header .customOptions {
  text-align: end;
}
.results-json .header .customOptions span {
  margin: 5px !important;
}
.results-json .header .revision_status {
  margin: auto;
  margin-left: 10px;
  text-transform: capitalize;
  font-weight: 600;
}
.results-json .header .revision_status > span {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: hsl(0 0% 20%);
}
.results-json .header .revision_status > span:nth-child(2) {
  font-size: 15px;
  margin-left: 5px;
}
.results-json .bodyDiv {
  overflow-y: auto;
  height: 408px;
  grid-template-columns: 50px auto;
  display: grid;
  align-items: start;
  width: 100%;
}
.results-json .bodyDiv.code {
  grid-template-columns: 50px auto;
  height: calc(100% - 100px);
}
.results-json .bodyDiv.code .rowNumber > div {
  text-align: right;
  display: inline-block;
  padding-right: 10px;
  line-height: 18px;
  margin-top: 1px;
  margin-bottom: 1px;
  background-color: hsl(0, 0%, 75%);
  display: grid;
  align-items: start;
  grid-template-columns: 90% auto;
}
.results-json .bodyDiv.code .rowNumber > div:hover {
  background-color: hsl(0, 0%, 60%);
  color: white;
}
.results-json .bodyDiv.code .rowNumber > div > span {
  display: inline-block;
  width: 25px;
  text-align: right;
}
.results-json .bodyDiv.code .rowNumber > div > span.withArrow {
  width: 10px;
  cursor: pointer;
}
.results-json .bodyDiv.code .rowNumber > div > span.withArrow:hover {
  color: white;
}
.results-json .bodyDiv.code .rowNumber > div > span.withArrow:after {
  content: "\25BE";
}
.results-json .bodyDiv.code .rowNumber.indentation > div {
  max-height: 18px;
}
.results-json .bodyDiv.code .rowNumber.indentation .collapsed {
  display: none !important;
}
.results-json .bodyDiv.code .rowNumber.indentation .collapsed-startEnd > span.withArrow {
  width: 10px;
  cursor: pointer;
}
.results-json .bodyDiv.code .rowNumber.indentation .collapsed-startEnd > span.withArrow:hover {
  color: white;
}
.results-json .bodyDiv.code .rowNumber.indentation .collapsed-startEnd > span.withArrow:after {
  content: "\25B8";
}
.results-json .bodyDiv.code .rowNumber.no-indentation > div {
  display: none;
}
.results-json .bodyDiv.code .rowNumber.no-indentation > div:first-child {
  display: grid;
}
.results-json .bodyDiv.code .jsonContent {
  margin-left: 10px;
  background-color: white;
}
.results-json .bodyDiv.code .jsonContent .review-cause:hover {
  background-color: hsl(0 0% 75%);
  border-radius: 5px;
  color: hsl(357, 96%, 42%);
}
.results-json .bodyDiv.code .jsonContent .review-target {
  background-color: #F29B5C;
}
.results-json .bodyDiv.code .jsonContent.indentation div .lastlevelDiv {
  padding-left: 25px;
  border-left: 1px solid hsl(0 0% 95%);
  margin-left: 5px;
}
.results-json .bodyDiv.code .jsonContent.indentation .containerDiv_0 {
  padding-left: 0px !important;
  border-left: none !important;
}
.results-json .bodyDiv.code .jsonContent.indentation .containerDiv_0 .keyContainerDiv_1 {
  display: inline !important;
}
.results-json .bodyDiv.code .jsonContent.indentation [class*="containerDiv_"] {
  padding-left: 25px;
  border-left: 1px solid hsl(0 0% 95%);
  margin-left: 5px;
}
.results-json .bodyDiv.code .jsonContent.indentation .collapsed {
  display: none !important;
}
.results-json .bodyDiv.code .jsonContent.indentation .collapsed-startEnd {
  display: inline;
}
.results-json .bodyDiv.code .jsonContent.indentation .collapsed-startEnd:first-child::before {
  content: "";
}
.results-json .bodyDiv.code .jsonContent.indentation .collapsed-startEnd::before {
  content: "\25CF \25CF \25CF";
  font-size: 10px;
  line-height: 18px;
  vertical-align: bottom;
  background-color: hsl(0, 0%, 74%);
  border-radius: 3px;
}
.results-json .bodyDiv.code .jsonContent.indentation .collapsed-startEnd:hover::before {
  background-color: hsl(357, 96%, 42%);
}
.results-json .bodyDiv.code .jsonContent.indentation .collapsed-startEnd > span {
  padding-left: 0px !important;
}
.results-json .bodyDiv.code .jsonContent.indentation .hover {
  background-color: hsl(0, 0%, 90%);
}
.results-json .bodyDiv.code .jsonContent.no-indentation div {
  display: inline;
}
.results-json .bodyDiv.code .jsonContent.no-indentation span {
  display: inline;
}
.results-json .bodyDiv.code .jsonContent.no-indentation .collapsed {
  display: none !important;
}
.results-json .bodyDiv.code .jsonContent.no-indentation .collapsed-startEnd {
  display: inline;
}
.results-json .bodyDiv.code .jsonContent.no-indentation .collapsed-startEnd:first-child::before {
  content: "";
}
.results-json .bodyDiv.code .jsonContent.no-indentation .collapsed-startEnd::before {
  content: "\25CF \25CF \25CF";
  font-size: 10px;
  line-height: 18px;
  vertical-align: bottom;
  background-color: hsl(0, 0%, 74%);
  border-radius: 3px;
}
.results-json .bodyDiv.code .jsonContent.no-indentation .collapsed-startEnd:hover::before {
  background-color: hsl(357, 96%, 42%);
}
.results-json .bodyDiv.code .jsonContent.no-indentation .hito_div,
.results-json .bodyDiv.code .jsonContent.no-indentation .requerimientos_div {
  display: none;
}
.results-json .bodyDiv.code .hito_div {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.results-json .bodyDiv.code .requerimientos_div {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.results-json .bodyDiv.tree {
  grid-template-columns: auto;
  margin-left: 0px;
  background-color: white;
  padding: 10px;
  height: calc(100% - 110px);
}
.results-json .bodyDiv.tree .rowNumber {
  display: none !important;
  visibility: hidden;
  opacity: 0;
}
.results-json .bodyDiv.tree .jsonContent {
  cursor: default;
  white-space: normal;
}
.results-json .bodyDiv.tree .jsonContent span {
  white-space: normal;
}
.results-json .bodyDiv.tree .jsonContent .brackets {
  display: none;
}
.results-json .bodyDiv.tree .jsonContent pre {
  white-space: pre-wrap;
  font-family: Calibri, Arial, Myriad, sans-serif;
}
.results-json .bodyDiv.tree .jsonContent .review-cause:hover {
  background-color: hsl(0 0% 75%);
  border-radius: 5px;
  color: hsl(357, 96%, 42%);
}
.results-json .bodyDiv.tree .jsonContent .review-target {
  background-color: #F29B5C;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 {
  padding-left: 0px !important;
  border: 1px solid hsl(0, 0%, 75%);
  border-bottom: none;
  cursor: default !important;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0:last-child {
  border: 1px solid hsl(0, 0%, 75%);
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .keyContainerDiv_0 {
  padding-left: 10px;
  padding-right: 10px;
  grid-column-end: 2;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 999;
  font-weight: 600;
  font-size: 1.15em;
  line-height: normal;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .keyContainerDiv_0::after {
  content: ": ";
  white-space: pre;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .lastlevelDiv {
  padding-left: 20px;
  padding-right: 10px;
  width: 85%;
  grid-column-start: 2;
  grid-column-end: 3;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .lastlevelDiv > span:nth-child(2) {
  font-weight: 600;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .lastlevelDiv > span:nth-child(2)::after {
  content: ": ";
  white-space: pre;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .containerDiv_1 {
  padding-left: 20px !important;
  padding-right: 10px !important;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 100% !important;
  grid-column-start: 2 !important;
  grid-column-end: 3 !important;
  cursor: pointer !important;
  /* &.collapsingState
                              {
                                   display: inline;
                                   & .lastlevelDiv , .containerDiv_2
                                   {
                                        display: none;
                                   }
                                   & .keyContainerDiv_1
                                   {
                                        display: inline !important;
                                   }
                                   & .closingDiv_1
                                   {
                                        display: inline;
                                        &::before
                                        {
                                             content: "\25CF \25CF \25CF";
                                             font-size: 10px;
                                             line-height: 18px;
                                             vertical-align: bottom;
                                             background-color: hsl(0, 0%, 74%);
                                             border-radius: 3px;
                                             
                                        }
                                        
                                   }
                              } */
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .containerDiv_1:hover {
  /* background-color: hsl(0, 0%, 90%); */
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .containerDiv_1:nth-last-child(2) {
  border-bottom: none;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .containerDiv_1 [class*="containerDiv_"] {
  padding-left: 10px;
  padding-right: 0px;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .containerDiv_1 [class*="containerDiv_"] [class*="keyContainerDiv_"] {
  font-weight: 600;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .containerDiv_1 [class*="containerDiv_"] [class*="keyContainerDiv_"]:after {
  content: ": ";
  white-space: pre;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .containerDiv_1 .keyContainerDiv_1 {
  display: block /* !important */;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .containerDiv_1 [class*="keyContainerDiv_"] {
  font-weight: 600;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .containerDiv_1 [class*="keyContainerDiv_"]:after {
  content: ": ";
  white-space: pre;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .containerDiv_1 .lastlevelDiv {
  width: auto;
  padding: 0px;
  white-space: pre;
  padding-left: 10px;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .containerDiv_1 .lastlevelDiv > span:nth-child(2) {
  font-weight: 400;
}
.results-json .bodyDiv.tree .jsonContent .containerDiv_0 .containerDiv_1 .lastlevelDiv > span:nth-child(2)::after {
  content: ": ";
  white-space: pre;
}
.results-json .bodyDiv.tree .jsonContent > .lastlevelDiv {
  padding-left: 0px !important;
  border: 1px solid hsl(0, 0%, 75%);
  border-bottom: none;
  display: grid;
  grid-template-columns: 15% auto;
  cursor: default !important;
}
.results-json .bodyDiv.tree .jsonContent > .lastlevelDiv > span:nth-child(2) {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  grid-column-end: 2;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 999;
  font-weight: 600;
}
.results-json .bodyDiv.tree .jsonContent > .lastlevelDiv > span:nth-child(2)::after {
  content: ": ";
  white-space: pre;
}
.results-json .bodyDiv.tree .jsonContent > .lastlevelDiv > span:nth-child(4) {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  width: 85%;
  grid-column-start: 2;
  grid-column-end: 3;
}
.results-json .bodyDiv.tree .json-formatter {
  display: none;
}
.results-json .bodyDiv.tree .hidden-tree {
  display: none !important;
  visibility: hidden;
  opacity: 0;
}
.results-json .bodyDiv.tree .hito_div,
.results-json .bodyDiv.tree .requerimientos_div {
  font-size: 110%;
  text-align: left;
  padding: 10px;
  border: 1px solid hsl(0, 0%, 75%);
}
.results-json .bodyDiv.tree .hito_div .title,
.results-json .bodyDiv.tree .requerimientos_div .title {
  font-weight: 900;
}
.results-json .bodyDiv.template-container {
  padding: 10px;
  padding-left: 0px;
  height: 100% !important;
}
.results-json .bodyDiv.template-container .instanceType-template {
  height: 100%;
  background-color: white;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow: auto;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data {
  width: 100%;
  margin: 25px !important;
  display: flex !important;
  flex-flow: column;
  /* VAMOS A REORDENAR LOS BLOQUES CON CSS */
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .block-title,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .block-title {
  display: none;
  visibility: hidden;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .sender > .block-container > form > label,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .sender > .block-container > form > label,
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .receiver > .block-container > form > label,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .receiver > .block-container > form > label {
  width: 185px;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .invoice_id,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .invoice_id,
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .issue_date,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .issue_date {
  display: inline-grid;
  text-align: center;
  align-self: center;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .invoice_id > label,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .invoice_id > label,
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .issue_date > label,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .issue_date > label {
  width: 500px;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .invoice_id > .input-container > input,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .invoice_id > .input-container > input,
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .issue_date > .input-container > input,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .issue_date > .input-container > input {
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .form > label,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .form > label {
  width: 185px;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .sender,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .sender {
  order: 1;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .receiver,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .receiver {
  order: 2;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .invoice_id,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .invoice_id {
  order: 3;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .issue_date,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .issue_date {
  order: 4;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .lines,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .lines {
  order: 5;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .tax_base,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .tax_base {
  order: 6;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .exempt_base,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .exempt_base {
  order: 7;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .vat,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .vat {
  order: 8;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .withholding,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .withholding {
  order: 9;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .total,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .total {
  order: 10;
}
.results-json .bodyDiv.template-container .instanceType-template > .facturasencilla_data > .currency,
.results-json .bodyDiv.template-container .instanceType-template > .escritura_data > .currency {
  order: 11;
}
.results-json .bodyDiv.template-container .instanceType-template .block-container {
  padding: 0px;
  margin: 0px auto;
}
.results-json .bodyDiv.template-container .instanceType-template .block-container p.block-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template .block-container table {
  margin-bottom: 10px;
  border-collapse: collapse;
  min-height: 50px;
  width: 100%;
}
.results-json .bodyDiv.template-container .instanceType-template .block-container table tr {
  border-bottom: 1px solid hsl(0, 0%, 50%);
}
.results-json .bodyDiv.template-container .instanceType-template .block-container table tr th {
  font-weight: normal;
  max-height: 20px;
}
.results-json .bodyDiv.template-container .instanceType-template .block-container table tr td {
  padding: 3px 0px;
}
.results-json .bodyDiv.template-container .instanceType-template .block-container #lines__amount__add-row-button {
  float: right;
}
.results-json .bodyDiv.template-container .instanceType-template .block-container.amount_container {
  margin: 0px;
  margin-left: 15px;
  margin-right: 15px;
  width: 100%;
}
.results-json .bodyDiv.template-container .instanceType-template .block-container.amount_container .input-block {
  justify-content: flex-start;
}
.results-json .bodyDiv.template-container .instanceType-template .block-container.amount_container .input-block .input-container {
  max-width: 250px;
}
.results-json .bodyDiv.template-container .instanceType-template .block-container:not(:last-child) {
  border-bottom: 1px solid hsl(0, 0%, 75%);
  padding-bottom: 5px;
}
.results-json .bodyDiv.template-container .instanceType-template .sender,
.results-json .bodyDiv.template-container .instanceType-template .receiver,
.results-json .bodyDiv.template-container .instanceType-template .total,
.results-json .bodyDiv.template-container .instanceType-template .lines,
.results-json .bodyDiv.template-container .instanceType-template .protocol,
.results-json .bodyDiv.template-container .instanceType-template .extras {
  width: calc(100% - 30px);
}
.results-json .bodyDiv.template-container .instanceType-template .sender label,
.results-json .bodyDiv.template-container .instanceType-template .receiver label,
.results-json .bodyDiv.template-container .instanceType-template .total label,
.results-json .bodyDiv.template-container .instanceType-template .lines label,
.results-json .bodyDiv.template-container .instanceType-template .protocol label,
.results-json .bodyDiv.template-container .instanceType-template .extras label {
  min-width: 65px;
}
.results-json .bodyDiv.template-container .instanceType-template .total label {
  min-width: 145px;
}
.results-json .bodyDiv.template-container .instanceType-template .idAndDates {
  width: calc(100% - 30px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.results-json .bodyDiv.template-container .instanceType-template .idAndDates .input-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
}
.results-json .bodyDiv.template-container .instanceType-template .idAndDates .input-block input {
  margin: 5px 0px;
  width: 95%;
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template .idAndDates .input-block label {
  display: inline-block;
  width: 95%;
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template .idAndDates .input-block:first-child {
  width: 100%;
}
.results-json .bodyDiv.template-container .instanceType-template .idAndDates .input-block:first-child label {
  width: calc(100% - 25px);
}
.results-json .bodyDiv.template-container .instanceType-template .lines .col-2 th:first-child {
  width: 80%;
}
.results-json .bodyDiv.template-container .instanceType-template .lines .col-2 td:first-child {
  width: 80%;
}
.results-json .bodyDiv.template-container .instanceType-template .lines .col-3 th:first-child {
  width: 60%;
}
.results-json .bodyDiv.template-container .instanceType-template .lines .col-3 td:first-child {
  width: 60%;
}
.results-json .bodyDiv.template-container .instanceType-template .lines th:not(:first-child) {
  border-left: 1px solid hsl(0, 0%, 50%);
}
.results-json .bodyDiv.template-container .instanceType-template .lines td:not(:first-child) {
  border-left: 1px solid hsl(0, 0%, 50%);
}
.results-json .bodyDiv.template-container .instanceType-template .lines td:not(:first-child) input {
  text-align: right;
}
.results-json .bodyDiv.template-container .instanceType-template .lines .input-block .input-container input {
  border: 1px solid hsl(0, 0%, 75%);
}
.results-json .bodyDiv.template-container .instanceType-template .lines .input-block {
  margin: 0;
}
.results-json .bodyDiv.template-container .instanceType-template .input-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}
.results-json .bodyDiv.template-container .instanceType-template .input-block .input-container {
  width: 100%;
  position: relative;
}
.results-json .bodyDiv.template-container .instanceType-template .input-block .input-container input {
  padding: 5px;
  border-radius: 5px;
  border: 1px solid hsl(0, 0%, 75%);
  height: 25px;
  align-self: center;
  width: calc(100% - 25px);
  margin-left: 10px;
}
.results-json .bodyDiv.template-container .instanceType-template .input-block .input-container input#protocol {
  width: calc(50% - 25px);
}
.results-json .bodyDiv.template-container .instanceType-template .input-block .input-container input.needs-review {
  background-color: #DAD570;
}
.results-json .bodyDiv.template-container .instanceType-template .input-block .input-container input.input-selected {
  background-color: #B0D074;
}
.results-json .bodyDiv.template-container .instanceType-template .input-block .input-container .arrow-container {
  position: relative;
  width: 15px;
  display: inline-block;
}
.results-json .bodyDiv.template-container .instanceType-template .input-block .input-container .arrow-container .arrow-marker {
  /* more triangle */
  position: absolute;
  top: 0;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  height: 0px;
  width: 0px;
  border: 2px solid;
  border-color: transparent;
  transform: rotate(-135deg);
}
.results-json .bodyDiv.template-container .instanceType-template .input-block .input-container .arrow-container .arrow-marker:before {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  height: 1px;
  width: 6px;
  background-color: transparent;
  transform: rotate(-45deg) translate(0px, 2px);
}
.results-json .bodyDiv.template-container .instanceType-template .input-block .input-container .arrow-container.active .arrow-marker {
  border-color: #5FBEC3 #5FBEC3 transparent transparent;
}
.results-json .bodyDiv.template-container .instanceType-template .input-block .input-container .arrow-container.active .arrow-marker:before {
  background-color: #5FBEC3;
}
.results-json .bodyDiv.template-container .instanceType-template .input-block .error {
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template.widthFix > .block-container > .input-block > label {
  max-width: 95%;
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template.widthFix > .block-container > .input-block > input {
  max-width: 95%;
}
.results-json .bodyDiv.template-container .instanceType-template.widthFix > .block-container.total > .input-block {
  flex-direction: row;
}
.results-json .bodyDiv.template-container .instanceType-template .in-between {
  position: relative;
  width: 100%;
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template .in-between .button-container {
  position: absolute;
  transform: translate(-50%, -50%);
  display: inline-block;
  background: white;
}
.results-json .bodyDiv.template-container .instanceType-template .empty-json-error {
  width: 100%;
  text-align: center;
  font-size: 18px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container {
  width: 100%;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container .tab-section.submenu {
  margin: 0px;
  padding: 0px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container .tab-section.submenu > ul {
  height: 36px;
  justify-content: center;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container .tab-section.submenu > ul > li {
  padding: 10px;
  height: 25px;
  line-height: 2px;
  margin-top: 10px;
  display: inline;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.boundaries > .title_div {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.boundaries > .block-container > form.input-block {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto;
  width: 100%;
  grid-gap: 5px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.boundaries > .block-container > form.input-block > .input-container > textarea {
  width: 100%;
  overflow: scroll;
  max-height: 100px;
  height: 50px;
  padding: 5px;
  border: 1px solid hsl(0, 0%, 75%);
  border-radius: 5px;
  margin-bottom: -20px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.boundaries > .block-container > form.Datos_de_la_finca__Linderos > .input-container > textarea {
  height: 150px;
  max-height: 300px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div {
  /* tab-array-div */
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .title_div {
  /* title_div */
  display: none;
  visibility: hidden;
  opacity: 0;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .table_div {
  /* PERSONAS TABLE */
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .table_div > .row.block-container > .table_div > .data_row {
  border-bottom: 1px solid hsl(0, 0%, 75%);
  margin: 10px;
  margin-right: 15px;
  padding-bottom: 5px;
  /* display: flex;
                                                                      flex-wrap: wrap; */
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .table_div > .row.block-container > .table_div > .data_row > .label_input_div {
  display: inline-flex;
  flex-wrap: wrap;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .table_div > .row.block-container > .table_div > .data_row > .label_input_div > .title_span {
  display: inline-flex;
  align-items: center;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .table_div > .row.block-container > .table_div > .data_row > .label_input_div > .input_span > .input-block > .input-container {
  display: inline-flex;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .table_div > .row.block-container > .table_div > .data_row > .label_input_div > .input_span > .input-block > .input-container > input {
  min-width: 175px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .table_div > .row.block-container > .table_div > .data_row > .button.icon {
  display: block;
  text-align: left;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .bloque_div {
  /* NOTARIA */
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .bloque_div > .block-container {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  border: none;
  background: none;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .bloque_div > .block-container > .title_div {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .bloque_div > .block-container > form > label {
  padding-right: 0px;
  padding-left: 0px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block {
  /* input-block */
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Tomo"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Libro"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Folio"] {
  display: inline-block;
  width: 32%;
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Numero_de_inscripcion"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Tipo_de_participacion"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Participacion"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Protocolo"] {
  display: inline-block;
  width: 24%;
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Fecha_escritura"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Fecha_inscripcion"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Tipo_de_propiedad"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Tipo_de_titulo_de_propiedad"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Regimen_economico"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.holders > .tab-array-div > .block-container > .input-block[class$="__Naturaleza_derecho"] {
  display: inline-block;
  width: 49%;
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.mortgage_charges {
  padding: 0px;
  margin: 0px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.mortgage_charges > .tab-array-div {
  border: none;
  padding: 0px;
  margin: 0px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.mortgage_charges > .tab-array-div > .block-container {
  padding: 0px !important;
  margin: 0px !important;
  border: none;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.mortgage_charges > .tab-array-div > .block-container > .bloque_div > .block-container {
  margin-top: 0px !important;
  border: none;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.mortgage_charges > .tab-array-div > .block-container > .bloque_div > .block-container > .title_div {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.mortgage_charges > .tab-array-div > .block-container > .bloque_div > .block-container > .bloque_div > .block-container.level_3 > .bloque_div > .level_4 {
  border-bottom: none;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.mortgage_charges > .tab-array-div > .block-container > .bloque_div > .block-container > .bloque_div > .block-container > .bloque_div {
  margin-right: 5px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.mortgage_charges > .tab-array-div > .block-container > .bloque_div > .block-container > .input-block[class$="__Tomo"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.mortgage_charges > .tab-array-div > .block-container > .bloque_div > .block-container > .input-block[class$="__Libro"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.mortgage_charges > .tab-array-div > .block-container > .bloque_div > .block-container > .input-block[class$="__Folio"] {
  display: inline-block;
  width: 32%;
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.mortgage_charges > .tab-array-div > .block-container > .bloque_div > .block-container > .input-block[class$="__Fecha_escritura"],
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.mortgage_charges > .tab-array-div > .block-container > .bloque_div > .block-container > .input-block[class$="__Fecha_inscripcion"] {
  display: inline-block;
  width: 49%;
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.other_charges > .block-container.fixed_fields > .input-block > label {
  white-space: nowrap;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content.other_charges > .block-container.fixed_fields > .input-block > .input-container > input[type='checkbox'] {
  width: 50px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content > .tab-array-div > .block-container > .bloque_div > .block-container > .bloque_div > .block-container > .bloque_div > .block-container {
  border: none;
  border-bottom: 1px solid hsl(0, 0%, 75%);
  border-radius: 0px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .single-key-content > .tab-array-div > .block-container > .bloque_div > .block-container > .bloque_div > .block-container > .bloque_div > .block-container > .title_div {
  background-color: salmon;
  background: none;
  color: hsl(0, 0%, 50%);
  padding: 0px;
  margin: 0px;
  text-align: left;
  /* font-weight: 600;
                                                                                display: list-item; */
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .buy_and_sell_estate > div.compraventa .block-container > .fake_table_div,
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .pgh_estate > div.compraventa .block-container > .fake_table_div,
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .buy_and_sell_estate > div.pgh .block-container > .fake_table_div,
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .pgh_estate > div.pgh .block-container > .fake_table_div {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  border: 1px solid hsl(0, 0%, 75%);
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  justify-content: space-evenly;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .buy_and_sell_estate > div.compraventa .block-container > .fake_table_div > .input-container,
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .pgh_estate > div.compraventa .block-container > .fake_table_div > .input-container,
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .buy_and_sell_estate > div.pgh .block-container > .fake_table_div > .input-container,
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .pgh_estate > div.pgh .block-container > .fake_table_div > .input-container {
  display: inline-grid;
  grid-template-rows: auto auto;
  text-align: center;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .buy_and_sell_estate > div.compraventa .block-container > .fake_table_div > .input-container > input,
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .pgh_estate > div.compraventa .block-container > .fake_table_div > .input-container > input,
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .buy_and_sell_estate > div.pgh .block-container > .fake_table_div > .input-container > input,
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .pgh_estate > div.pgh .block-container > .fake_table_div > .input-container > input {
  padding: 5px;
  border-radius: 5px;
  border: 1px solid hsl(0, 0%, 75%);
  height: 25px;
  align-self: center;
  width: calc(100% - 25px);
  margin-left: 10px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .buy_and_sell_estate > div .title_div,
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .pgh_estate > div .title_div {
  background-color: hsl(0, 0%, 75%);
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 5px;
}
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .buy_and_sell_estate > div .review__review,
.results-json .bodyDiv.template-container .instanceType-template .tabs-container > .body-section > .pgh_estate > div .review__review {
  display: none;
}
.results-json .bodyDiv.template-container .instanceType-template .body-section {
  color: hsl(0, 0%, 50%);
  background-color: hsl(0, 0%, 95%);
}
.results-json .bodyDiv.template-container .instanceType-template .body-section > .single-key-content.active .title_div {
  /* background-color: green; */
  margin-top: 10px;
  /* font-size: 20px; */
}
.results-json .bodyDiv.template-container .instanceType-template .body-section > .single-key-content.active > .block-container > form > label {
  white-space: nowrap;
  padding-right: 10px;
  padding-left: 10px;
}
.results-json .bodyDiv .pdfDiv {
  height: inherit;
}
.results-json .bodyDiv .ColumnNumberOptions {
  background-color: hsl(0 0% 88%);
  border: 1px solid hsl(0 0% 30%);
  border-radius: 5px;
  padding: 4px;
  top: 0px;
  left: 30px;
  display: inline-grid;
  width: fit-content;
  grid-template-columns: auto auto;
  height: fit-content;
  grid-column-gap: 2px;
  z-index: 999;
}
.results-json .bodyDiv .ColumnNumberOptions img {
  height: 15px;
  width: inherit;
}
.results-json .bodyDiv .ColumnNumberOptions img.big {
  height: 30px;
  width: inherit;
}
.form__results {
  background-color: hsl(0, 0%, 95%);
}
.form__results.JsonFormatter.withPdf {
  display: grid;
  grid-template-columns: 50% auto;
}
.form__results .pdfDiv {
  display: block;
  visibility: visible;
  opacity: 1;
  height: 100%;
  overflow: auto;
}
@media only screen and (max-width: 600px) {
  .form__results .pdfDiv {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}
.form__results .pdfDiv iframe {
  height: 99%;
}
.form__results.active {
  overflow-x: hidden;
  overflow-y: hidden;
}
.form__results > .results-json {
  overflow: hidden;
}
div[id$='-history_results'].form__results {
  height: 98vh;
}
.pdfDiv-container .html-container {
  position: relative;
  width: 100%;
  margin: 0px;
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
  background-color: white;
}
.pdfDiv-container .html-container div {
  width: max-content;
  padding-right: 10px;
}
.pdfDiv-container .colDiv-3 {
  width: 100%;
  display: grid !important;
  grid-template-columns: max-content auto max-content;
  align-items: center;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: hsl(0, 0%, 75%);
}
.pdfDiv-container .colDiv-3 .revision_status {
  margin: auto;
  margin-left: 10px;
  text-transform: capitalize;
  font-weight: 600;
}
.pdfDiv-container .colDiv-3 .revision_status > span {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: hsl(0 0% 20%);
}
.pdfDiv-container .colDiv-3 .revision_status > span:nth-child(2) {
  font-size: 15px;
  margin-left: 5px;
}
.pdfDiv-container .colDiv-3 .customOptions {
  text-align: end;
}
.pdfDiv-container .colDiv-3 .customOptions span {
  margin: 5px !important;
}
.noscroll {
  overflow: hidden;
}
/* custom scrollbar */
html::-webkit-scrollbar,
.query-box .content::-webkit-scrollbar,
.custom-scroll::-webkit-scrollbar,
.popup .content::-webkit-scrollbar,
#queryResultsDisplay::-webkit-scrollbar {
  width: 0.5em;
  border: 1px solid hsl(0, 0%, 95%);
  background-color: hsl(0, 0%, 100%);
}
html::-webkit-scrollbar-thumb,
.query-box .content::-webkit-scrollbar-thumb,
.custom-scroll::-webkit-scrollbar-thumb,
.popup .content::-webkit-scrollbar-thumb,
#queryResultsDisplay::-webkit-scrollbar-thumb {
  background-color: hsl(0, 0%, 80%);
  border-radius: 9999px;
}
.services {
  display: grid;
  grid-template-columns: auto auto auto auto;
  /* grid-template-rows: auto auto auto auto; In laptop there is only one row */
  margin: 75px;
  margin-top: 50px;
  margin-bottom: 50px;
  grid-column-gap: 75px;
  grid-row-gap: 25px;
  justify-content: space-evenly;
}
@media only screen and (max-width: 1020px) {
  .services {
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 600px) {
  .services {
    grid-template-columns: auto;
  }
}
.services__title {
  width: 100%;
  grid-column: 1 / span 4;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  text-align: left;
  font-size-adjust: 100%;
}
.services .service__logo {
  height: 52px;
  margin-bottom: 25px;
  display: inline-block;
  -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
}
.services .service__logo img {
  height: 60px;
  width: auto;
}
.services .service__title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 100;
  color: hsl(357, 96%, 42%);
}
.services .service__body--description {
  color: hsl(0, 0%, 50%);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.services .service__shortcuts {
  margin-top: 10px;
  margin-bottom: 10px;
}
.services .service__shortcuts span {
  display: block;
}
.servicesAlt.service {
  cursor: pointer;
}
.servicesAlt.service:hover > .service__title {
  color: hsl(357, 96%, 42%);
}
.servicesAlt.service:hover > .service__body {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
}
.servicesAlt.service:hover > .bullet {
  display: block;
}
.servicesAlt.service:hover > .discover {
  background: url("/_img/icons/discover-red.svg") no-repeat;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: center;
}
.servicesAlt.service__logo {
  text-align: center;
  width: 100%;
}
.servicesAlt.service__logo.discover {
  background: url("/_img/icons/discover-gr.svg") no-repeat;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: center;
}
.servicesAlt.service__logo.discover:hover {
  background: url("/_img/icons/discover-red.svg") no-repeat;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: center;
}
.servicesAlt.service__title {
  text-align: center;
  width: 100%;
  color: hsl(0, 0%, 50%);
}
.servicesAlt.service__body {
  background-color: hsl(0, 0%, 98%);
  color: hsl(0, 0%, 25%);
  border: 1px solid hsl(0, 0%, 90%);
  border-radius: 5px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 75px;
  margin-top: 0px;
  margin-bottom: 0px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
.servicesAlt.service__body--services {
  margin: auto;
  display: inline-block;
  text-align: center;
}
.servicesAlt.service__body--services .title {
  font-weight: 600;
}
.servicesAlt.service__body--services div {
  margin: auto;
  display: inline-block;
  width: 33%;
  padding: 25px;
  text-align: left;
}
.servicesAlt.service__body--services div span {
  display: block;
}
.bullet {
  display: none;
  margin: auto;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid hsl(0, 0%, 75%);
}
/**********************************/
/******   WIDTH AND HEIGHT   ******/
/**********************************/
.w-5 {
  width: 5%;
}
.h-5 {
  height: 5%;
}
.w-10 {
  width: 10%;
}
.h-10 {
  height: 10%;
}
.w-15 {
  width: 15%;
}
.h-15 {
  height: 15%;
}
.w-20 {
  width: 20%;
}
.h-20 {
  height: 20%;
}
.w-25 {
  width: 25%;
}
.h-25 {
  height: 25%;
}
.w-30 {
  width: 30%;
}
.h-30 {
  height: 30%;
}
.w-35 {
  width: 35%;
}
.h-35 {
  height: 35%;
}
.w-40 {
  width: 40%;
}
.h-40 {
  height: 40%;
}
.w-45 {
  width: 45%;
}
.h-45 {
  height: 45%;
}
.w-50 {
  width: 50%;
}
.h-50 {
  height: 50%;
}
.w-55 {
  width: 55%;
}
.h-55 {
  height: 55%;
}
.w-60 {
  width: 60%;
}
.h-60 {
  height: 60%;
}
.w-65 {
  width: 65%;
}
.h-65 {
  height: 65%;
}
.w-70 {
  width: 70%;
}
.h-70 {
  height: 70%;
}
.w-75 {
  width: 75%;
}
.h-75 {
  height: 75%;
}
.w-80 {
  width: 80%;
}
.h-80 {
  height: 80%;
}
.w-85 {
  width: 85%;
}
.h-85 {
  height: 85%;
}
.w-90 {
  width: 90%;
}
.h-90 {
  height: 90%;
}
.w-95 {
  width: 95%;
}
.h-95 {
  height: 95%;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.br-100 {
  border-radius: 100px;
}
.br-95 {
  border-radius: 95px;
}
.br-90 {
  border-radius: 90px;
}
.br-85 {
  border-radius: 85px;
}
.br-80 {
  border-radius: 80px;
}
.br-75 {
  border-radius: 75px;
}
.br-70 {
  border-radius: 70px;
}
.br-65 {
  border-radius: 65px;
}
.br-60 {
  border-radius: 60px;
}
.br-55 {
  border-radius: 55px;
}
.br-50 {
  border-radius: 50px;
}
.br-45 {
  border-radius: 45px;
}
.br-40 {
  border-radius: 40px;
}
.br-35 {
  border-radius: 35px;
}
.br-30 {
  border-radius: 30px;
}
.br-25 {
  border-radius: 25px;
}
.br-20 {
  border-radius: 20px;
}
.br-15 {
  border-radius: 15px;
}
.br-10 {
  border-radius: 10px;
}
.br-5 {
  border-radius: 5px;
}
.m-100 {
  margin: 100px;
}
.mt-100 {
  margin-top: 100px;
}
.mb-100 {
  margin-bottom: 100px;
}
.ml-100 {
  margin-left: 100px;
}
.mr-100 {
  margin-right: 100px;
}
.p-100 {
  padding: 100px;
}
.pt-100 {
  padding-top: 100px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pl-100 {
  padding-left: 100px;
}
.pr-100 {
  padding-right: 100px;
}
.m-95 {
  margin: 95px;
}
.mt-95 {
  margin-top: 95px;
}
.mb-95 {
  margin-bottom: 95px;
}
.ml-95 {
  margin-left: 95px;
}
.mr-95 {
  margin-right: 95px;
}
.p-95 {
  padding: 95px;
}
.pt-95 {
  padding-top: 95px;
}
.pb-95 {
  padding-bottom: 95px;
}
.pl-95 {
  padding-left: 95px;
}
.pr-95 {
  padding-right: 95px;
}
.m-90 {
  margin: 90px;
}
.mt-90 {
  margin-top: 90px;
}
.mb-90 {
  margin-bottom: 90px;
}
.ml-90 {
  margin-left: 90px;
}
.mr-90 {
  margin-right: 90px;
}
.p-90 {
  padding: 90px;
}
.pt-90 {
  padding-top: 90px;
}
.pb-90 {
  padding-bottom: 90px;
}
.pl-90 {
  padding-left: 90px;
}
.pr-90 {
  padding-right: 90px;
}
.m-85 {
  margin: 85px;
}
.mt-85 {
  margin-top: 85px;
}
.mb-85 {
  margin-bottom: 85px;
}
.ml-85 {
  margin-left: 85px;
}
.mr-85 {
  margin-right: 85px;
}
.p-85 {
  padding: 85px;
}
.pt-85 {
  padding-top: 85px;
}
.pb-85 {
  padding-bottom: 85px;
}
.pl-85 {
  padding-left: 85px;
}
.pr-85 {
  padding-right: 85px;
}
.m-80 {
  margin: 80px;
}
.mt-80 {
  margin-top: 80px;
}
.mb-80 {
  margin-bottom: 80px;
}
.ml-80 {
  margin-left: 80px;
}
.mr-80 {
  margin-right: 80px;
}
.p-80 {
  padding: 80px;
}
.pt-80 {
  padding-top: 80px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pl-80 {
  padding-left: 80px;
}
.pr-80 {
  padding-right: 80px;
}
.m-75 {
  margin: 75px;
}
.mt-75 {
  margin-top: 75px;
}
.mb-75 {
  margin-bottom: 75px;
}
.ml-75 {
  margin-left: 75px;
}
.mr-75 {
  margin-right: 75px;
}
.p-75 {
  padding: 75px;
}
.pt-75 {
  padding-top: 75px;
}
.pb-75 {
  padding-bottom: 75px;
}
.pl-75 {
  padding-left: 75px;
}
.pr-75 {
  padding-right: 75px;
}
.m-70 {
  margin: 70px;
}
.mt-70 {
  margin-top: 70px;
}
.mb-70 {
  margin-bottom: 70px;
}
.ml-70 {
  margin-left: 70px;
}
.mr-70 {
  margin-right: 70px;
}
.p-70 {
  padding: 70px;
}
.pt-70 {
  padding-top: 70px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pl-70 {
  padding-left: 70px;
}
.pr-70 {
  padding-right: 70px;
}
.m-65 {
  margin: 65px;
}
.mt-65 {
  margin-top: 65px;
}
.mb-65 {
  margin-bottom: 65px;
}
.ml-65 {
  margin-left: 65px;
}
.mr-65 {
  margin-right: 65px;
}
.p-65 {
  padding: 65px;
}
.pt-65 {
  padding-top: 65px;
}
.pb-65 {
  padding-bottom: 65px;
}
.pl-65 {
  padding-left: 65px;
}
.pr-65 {
  padding-right: 65px;
}
.m-60 {
  margin: 60px;
}
.mt-60 {
  margin-top: 60px;
}
.mb-60 {
  margin-bottom: 60px;
}
.ml-60 {
  margin-left: 60px;
}
.mr-60 {
  margin-right: 60px;
}
.p-60 {
  padding: 60px;
}
.pt-60 {
  padding-top: 60px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pl-60 {
  padding-left: 60px;
}
.pr-60 {
  padding-right: 60px;
}
.m-55 {
  margin: 55px;
}
.mt-55 {
  margin-top: 55px;
}
.mb-55 {
  margin-bottom: 55px;
}
.ml-55 {
  margin-left: 55px;
}
.mr-55 {
  margin-right: 55px;
}
.p-55 {
  padding: 55px;
}
.pt-55 {
  padding-top: 55px;
}
.pb-55 {
  padding-bottom: 55px;
}
.pl-55 {
  padding-left: 55px;
}
.pr-55 {
  padding-right: 55px;
}
.m-50 {
  margin: 50px;
}
.mt-50 {
  margin-top: 50px;
}
.mb-50 {
  margin-bottom: 50px;
}
.ml-50 {
  margin-left: 50px;
}
.mr-50 {
  margin-right: 50px;
}
.p-50 {
  padding: 50px;
}
.pt-50 {
  padding-top: 50px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pl-50 {
  padding-left: 50px;
}
.pr-50 {
  padding-right: 50px;
}
.m-45 {
  margin: 45px;
}
.mt-45 {
  margin-top: 45px;
}
.mb-45 {
  margin-bottom: 45px;
}
.ml-45 {
  margin-left: 45px;
}
.mr-45 {
  margin-right: 45px;
}
.p-45 {
  padding: 45px;
}
.pt-45 {
  padding-top: 45px;
}
.pb-45 {
  padding-bottom: 45px;
}
.pl-45 {
  padding-left: 45px;
}
.pr-45 {
  padding-right: 45px;
}
.m-40 {
  margin: 40px;
}
.mt-40 {
  margin-top: 40px;
}
.mb-40 {
  margin-bottom: 40px;
}
.ml-40 {
  margin-left: 40px;
}
.mr-40 {
  margin-right: 40px;
}
.p-40 {
  padding: 40px;
}
.pt-40 {
  padding-top: 40px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pl-40 {
  padding-left: 40px;
}
.pr-40 {
  padding-right: 40px;
}
.m-35 {
  margin: 35px;
}
.mt-35 {
  margin-top: 35px;
}
.mb-35 {
  margin-bottom: 35px;
}
.ml-35 {
  margin-left: 35px;
}
.mr-35 {
  margin-right: 35px;
}
.p-35 {
  padding: 35px;
}
.pt-35 {
  padding-top: 35px;
}
.pb-35 {
  padding-bottom: 35px;
}
.pl-35 {
  padding-left: 35px;
}
.pr-35 {
  padding-right: 35px;
}
.m-30 {
  margin: 30px;
}
.mt-30 {
  margin-top: 30px;
}
.mb-30 {
  margin-bottom: 30px;
}
.ml-30 {
  margin-left: 30px;
}
.mr-30 {
  margin-right: 30px;
}
.p-30 {
  padding: 30px;
}
.pt-30 {
  padding-top: 30px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pl-30 {
  padding-left: 30px;
}
.pr-30 {
  padding-right: 30px;
}
.m-25 {
  margin: 25px;
}
.mt-25 {
  margin-top: 25px;
}
.mb-25 {
  margin-bottom: 25px;
}
.ml-25 {
  margin-left: 25px;
}
.mr-25 {
  margin-right: 25px;
}
.p-25 {
  padding: 25px;
}
.pt-25 {
  padding-top: 25px;
}
.pb-25 {
  padding-bottom: 25px;
}
.pl-25 {
  padding-left: 25px;
}
.pr-25 {
  padding-right: 25px;
}
.m-20 {
  margin: 20px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-20 {
  margin-bottom: 20px;
}
.ml-20 {
  margin-left: 20px;
}
.mr-20 {
  margin-right: 20px;
}
.p-20 {
  padding: 20px;
}
.pt-20 {
  padding-top: 20px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pl-20 {
  padding-left: 20px;
}
.pr-20 {
  padding-right: 20px;
}
.m-15 {
  margin: 15px;
}
.mt-15 {
  margin-top: 15px;
}
.mb-15 {
  margin-bottom: 15px;
}
.ml-15 {
  margin-left: 15px;
}
.mr-15 {
  margin-right: 15px;
}
.p-15 {
  padding: 15px;
}
.pt-15 {
  padding-top: 15px;
}
.pb-15 {
  padding-bottom: 15px;
}
.pl-15 {
  padding-left: 15px;
}
.pr-15 {
  padding-right: 15px;
}
.m-10 {
  margin: 10px;
}
.mt-10 {
  margin-top: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.p-10 {
  padding: 10px;
}
.pt-10 {
  padding-top: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pl-10 {
  padding-left: 10px;
}
.pr-10 {
  padding-right: 10px;
}
.m-5 {
  margin: 5px;
}
.mt-5 {
  margin-top: 5px;
}
.mb-5 {
  margin-bottom: 5px;
}
.ml-5 {
  margin-left: 5px;
}
.mr-5 {
  margin-right: 5px;
}
.p-5 {
  padding: 5px;
}
.pt-5 {
  padding-top: 5px;
}
.pb-5 {
  padding-bottom: 5px;
}
.pl-5 {
  padding-left: 5px;
}
.pr-5 {
  padding-right: 5px;
}
.m-0 {
  margin: 0px;
}
.mt-0 {
  margin-top: 0px;
}
.mb-0 {
  margin-bottom: 0px;
}
.ml-0 {
  margin-left: 0px;
}
.mr-0 {
  margin-right: 0px;
}
.p-0 {
  padding: 0px;
}
.pt-0 {
  padding-top: 0px;
}
.pb-0 {
  padding-bottom: 0px;
}
.pl-0 {
  padding-left: 0px;
}
.pr-0 {
  padding-right: 0px;
}
/**********************************/
/******   COLUMNS DIVIDERS   ******/
/**********************************/
.colDiv-24 {
  display: grid !important;
  grid-template-columns: repeat(24, auto);
}
.colDiv-24-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(24, auto);
}
.rowDiv-24 {
  display: grid;
  grid-template-rows: repeat(24, auto);
}
.rowDiv-24-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(24, auto);
}
.colDiv-23 {
  display: grid !important;
  grid-template-columns: repeat(23, auto);
}
.colDiv-23-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(23, auto);
}
.rowDiv-23 {
  display: grid;
  grid-template-rows: repeat(23, auto);
}
.rowDiv-23-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(23, auto);
}
.colDiv-22 {
  display: grid !important;
  grid-template-columns: repeat(22, auto);
}
.colDiv-22-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(22, auto);
}
.rowDiv-22 {
  display: grid;
  grid-template-rows: repeat(22, auto);
}
.rowDiv-22-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(22, auto);
}
.colDiv-21 {
  display: grid !important;
  grid-template-columns: repeat(21, auto);
}
.colDiv-21-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(21, auto);
}
.rowDiv-21 {
  display: grid;
  grid-template-rows: repeat(21, auto);
}
.rowDiv-21-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(21, auto);
}
.colDiv-20 {
  display: grid !important;
  grid-template-columns: repeat(20, auto);
}
.colDiv-20-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(20, auto);
}
.rowDiv-20 {
  display: grid;
  grid-template-rows: repeat(20, auto);
}
.rowDiv-20-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(20, auto);
}
.colDiv-19 {
  display: grid !important;
  grid-template-columns: repeat(19, auto);
}
.colDiv-19-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(19, auto);
}
.rowDiv-19 {
  display: grid;
  grid-template-rows: repeat(19, auto);
}
.rowDiv-19-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(19, auto);
}
.colDiv-18 {
  display: grid !important;
  grid-template-columns: repeat(18, auto);
}
.colDiv-18-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(18, auto);
}
.rowDiv-18 {
  display: grid;
  grid-template-rows: repeat(18, auto);
}
.rowDiv-18-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(18, auto);
}
.colDiv-17 {
  display: grid !important;
  grid-template-columns: repeat(17, auto);
}
.colDiv-17-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(17, auto);
}
.rowDiv-17 {
  display: grid;
  grid-template-rows: repeat(17, auto);
}
.rowDiv-17-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(17, auto);
}
.colDiv-16 {
  display: grid !important;
  grid-template-columns: repeat(16, auto);
}
.colDiv-16-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(16, auto);
}
.rowDiv-16 {
  display: grid;
  grid-template-rows: repeat(16, auto);
}
.rowDiv-16-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(16, auto);
}
.colDiv-15 {
  display: grid !important;
  grid-template-columns: repeat(15, auto);
}
.colDiv-15-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(15, auto);
}
.rowDiv-15 {
  display: grid;
  grid-template-rows: repeat(15, auto);
}
.rowDiv-15-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(15, auto);
}
.colDiv-14 {
  display: grid !important;
  grid-template-columns: repeat(14, auto);
}
.colDiv-14-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(14, auto);
}
.rowDiv-14 {
  display: grid;
  grid-template-rows: repeat(14, auto);
}
.rowDiv-14-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(14, auto);
}
.colDiv-13 {
  display: grid !important;
  grid-template-columns: repeat(13, auto);
}
.colDiv-13-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(13, auto);
}
.rowDiv-13 {
  display: grid;
  grid-template-rows: repeat(13, auto);
}
.rowDiv-13-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(13, auto);
}
.colDiv-12 {
  display: grid !important;
  grid-template-columns: repeat(12, auto);
}
.colDiv-12-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(12, auto);
}
.rowDiv-12 {
  display: grid;
  grid-template-rows: repeat(12, auto);
}
.rowDiv-12-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(12, auto);
}
.colDiv-11 {
  display: grid !important;
  grid-template-columns: repeat(11, auto);
}
.colDiv-11-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(11, auto);
}
.rowDiv-11 {
  display: grid;
  grid-template-rows: repeat(11, auto);
}
.rowDiv-11-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(11, auto);
}
.colDiv-10 {
  display: grid !important;
  grid-template-columns: repeat(10, auto);
}
.colDiv-10-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(10, auto);
}
.rowDiv-10 {
  display: grid;
  grid-template-rows: repeat(10, auto);
}
.rowDiv-10-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(10, auto);
}
.colDiv-9 {
  display: grid !important;
  grid-template-columns: repeat(9, auto);
}
.colDiv-9-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(9, auto);
}
.rowDiv-9 {
  display: grid;
  grid-template-rows: repeat(9, auto);
}
.rowDiv-9-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(9, auto);
}
.colDiv-8 {
  display: grid !important;
  grid-template-columns: repeat(8, auto);
}
.colDiv-8-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(8, auto);
}
.rowDiv-8 {
  display: grid;
  grid-template-rows: repeat(8, auto);
}
.rowDiv-8-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(8, auto);
}
.colDiv-7 {
  display: grid !important;
  grid-template-columns: repeat(7, auto);
}
.colDiv-7-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(7, auto);
}
.rowDiv-7 {
  display: grid;
  grid-template-rows: repeat(7, auto);
}
.rowDiv-7-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(7, auto);
}
.colDiv-6 {
  display: grid !important;
  grid-template-columns: repeat(6, auto);
}
.colDiv-6-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(6, auto);
}
.rowDiv-6 {
  display: grid;
  grid-template-rows: repeat(6, auto);
}
.rowDiv-6-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(6, auto);
}
.colDiv-5 {
  display: grid !important;
  grid-template-columns: repeat(5, auto);
}
.colDiv-5-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(5, auto);
}
.rowDiv-5 {
  display: grid;
  grid-template-rows: repeat(5, auto);
}
.rowDiv-5-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(5, auto);
}
.colDiv-4 {
  display: grid !important;
  grid-template-columns: repeat(4, auto);
}
.colDiv-4-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(4, auto);
}
.rowDiv-4 {
  display: grid;
  grid-template-rows: repeat(4, auto);
}
.rowDiv-4-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(4, auto);
}
.colDiv-3 {
  display: grid !important;
  grid-template-columns: repeat(3, auto);
}
.colDiv-3-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(3, auto);
}
.rowDiv-3 {
  display: grid;
  grid-template-rows: repeat(3, auto);
}
.rowDiv-3-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(3, auto);
}
.colDiv-2 {
  display: grid !important;
  grid-template-columns: repeat(2, auto);
}
.colDiv-2-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(2, auto);
}
.rowDiv-2 {
  display: grid;
  grid-template-rows: repeat(2, auto);
}
.rowDiv-2-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(2, auto);
}
.colDiv-1 {
  display: grid !important;
  grid-template-columns: repeat(1, auto);
}
.colDiv-1-inline {
  display: inline-grid !important;
  grid-template-columns: repeat(1, auto);
}
.rowDiv-1 {
  display: grid;
  grid-template-rows: repeat(1, auto);
}
.rowDiv-1-inline {
  display: inline-grid !important;
  grid-template-rows: repeat(1, auto);
}
.colOcup-24-24 {
  grid-column: 24 / span 24;
}
.RowOcup-24-24 {
  grid-row: 24 / span 24;
}
.colOcup-24-23 {
  grid-column: 24 / span 23;
}
.RowOcup-24-23 {
  grid-row: 24 / span 23;
}
.colOcup-24-22 {
  grid-column: 24 / span 22;
}
.RowOcup-24-22 {
  grid-row: 24 / span 22;
}
.colOcup-24-21 {
  grid-column: 24 / span 21;
}
.RowOcup-24-21 {
  grid-row: 24 / span 21;
}
.colOcup-24-20 {
  grid-column: 24 / span 20;
}
.RowOcup-24-20 {
  grid-row: 24 / span 20;
}
.colOcup-24-19 {
  grid-column: 24 / span 19;
}
.RowOcup-24-19 {
  grid-row: 24 / span 19;
}
.colOcup-24-18 {
  grid-column: 24 / span 18;
}
.RowOcup-24-18 {
  grid-row: 24 / span 18;
}
.colOcup-24-17 {
  grid-column: 24 / span 17;
}
.RowOcup-24-17 {
  grid-row: 24 / span 17;
}
.colOcup-24-16 {
  grid-column: 24 / span 16;
}
.RowOcup-24-16 {
  grid-row: 24 / span 16;
}
.colOcup-24-15 {
  grid-column: 24 / span 15;
}
.RowOcup-24-15 {
  grid-row: 24 / span 15;
}
.colOcup-24-14 {
  grid-column: 24 / span 14;
}
.RowOcup-24-14 {
  grid-row: 24 / span 14;
}
.colOcup-24-13 {
  grid-column: 24 / span 13;
}
.RowOcup-24-13 {
  grid-row: 24 / span 13;
}
.colOcup-24-12 {
  grid-column: 24 / span 12;
}
.RowOcup-24-12 {
  grid-row: 24 / span 12;
}
.colOcup-24-11 {
  grid-column: 24 / span 11;
}
.RowOcup-24-11 {
  grid-row: 24 / span 11;
}
.colOcup-24-10 {
  grid-column: 24 / span 10;
}
.RowOcup-24-10 {
  grid-row: 24 / span 10;
}
.colOcup-24-9 {
  grid-column: 24 / span 9;
}
.RowOcup-24-9 {
  grid-row: 24 / span 9;
}
.colOcup-24-8 {
  grid-column: 24 / span 8;
}
.RowOcup-24-8 {
  grid-row: 24 / span 8;
}
.colOcup-24-7 {
  grid-column: 24 / span 7;
}
.RowOcup-24-7 {
  grid-row: 24 / span 7;
}
.colOcup-24-6 {
  grid-column: 24 / span 6;
}
.RowOcup-24-6 {
  grid-row: 24 / span 6;
}
.colOcup-24-5 {
  grid-column: 24 / span 5;
}
.RowOcup-24-5 {
  grid-row: 24 / span 5;
}
.colOcup-24-4 {
  grid-column: 24 / span 4;
}
.RowOcup-24-4 {
  grid-row: 24 / span 4;
}
.colOcup-24-3 {
  grid-column: 24 / span 3;
}
.RowOcup-24-3 {
  grid-row: 24 / span 3;
}
.colOcup-24-2 {
  grid-column: 24 / span 2;
}
.RowOcup-24-2 {
  grid-row: 24 / span 2;
}
.colOcup-24-1 {
  grid-column: 24 / span 1;
}
.RowOcup-24-1 {
  grid-row: 24 / span 1;
}
.colOcup-23-24 {
  grid-column: 23 / span 24;
}
.RowOcup-23-24 {
  grid-row: 23 / span 24;
}
.colOcup-23-23 {
  grid-column: 23 / span 23;
}
.RowOcup-23-23 {
  grid-row: 23 / span 23;
}
.colOcup-23-22 {
  grid-column: 23 / span 22;
}
.RowOcup-23-22 {
  grid-row: 23 / span 22;
}
.colOcup-23-21 {
  grid-column: 23 / span 21;
}
.RowOcup-23-21 {
  grid-row: 23 / span 21;
}
.colOcup-23-20 {
  grid-column: 23 / span 20;
}
.RowOcup-23-20 {
  grid-row: 23 / span 20;
}
.colOcup-23-19 {
  grid-column: 23 / span 19;
}
.RowOcup-23-19 {
  grid-row: 23 / span 19;
}
.colOcup-23-18 {
  grid-column: 23 / span 18;
}
.RowOcup-23-18 {
  grid-row: 23 / span 18;
}
.colOcup-23-17 {
  grid-column: 23 / span 17;
}
.RowOcup-23-17 {
  grid-row: 23 / span 17;
}
.colOcup-23-16 {
  grid-column: 23 / span 16;
}
.RowOcup-23-16 {
  grid-row: 23 / span 16;
}
.colOcup-23-15 {
  grid-column: 23 / span 15;
}
.RowOcup-23-15 {
  grid-row: 23 / span 15;
}
.colOcup-23-14 {
  grid-column: 23 / span 14;
}
.RowOcup-23-14 {
  grid-row: 23 / span 14;
}
.colOcup-23-13 {
  grid-column: 23 / span 13;
}
.RowOcup-23-13 {
  grid-row: 23 / span 13;
}
.colOcup-23-12 {
  grid-column: 23 / span 12;
}
.RowOcup-23-12 {
  grid-row: 23 / span 12;
}
.colOcup-23-11 {
  grid-column: 23 / span 11;
}
.RowOcup-23-11 {
  grid-row: 23 / span 11;
}
.colOcup-23-10 {
  grid-column: 23 / span 10;
}
.RowOcup-23-10 {
  grid-row: 23 / span 10;
}
.colOcup-23-9 {
  grid-column: 23 / span 9;
}
.RowOcup-23-9 {
  grid-row: 23 / span 9;
}
.colOcup-23-8 {
  grid-column: 23 / span 8;
}
.RowOcup-23-8 {
  grid-row: 23 / span 8;
}
.colOcup-23-7 {
  grid-column: 23 / span 7;
}
.RowOcup-23-7 {
  grid-row: 23 / span 7;
}
.colOcup-23-6 {
  grid-column: 23 / span 6;
}
.RowOcup-23-6 {
  grid-row: 23 / span 6;
}
.colOcup-23-5 {
  grid-column: 23 / span 5;
}
.RowOcup-23-5 {
  grid-row: 23 / span 5;
}
.colOcup-23-4 {
  grid-column: 23 / span 4;
}
.RowOcup-23-4 {
  grid-row: 23 / span 4;
}
.colOcup-23-3 {
  grid-column: 23 / span 3;
}
.RowOcup-23-3 {
  grid-row: 23 / span 3;
}
.colOcup-23-2 {
  grid-column: 23 / span 2;
}
.RowOcup-23-2 {
  grid-row: 23 / span 2;
}
.colOcup-23-1 {
  grid-column: 23 / span 1;
}
.RowOcup-23-1 {
  grid-row: 23 / span 1;
}
.colOcup-22-24 {
  grid-column: 22 / span 24;
}
.RowOcup-22-24 {
  grid-row: 22 / span 24;
}
.colOcup-22-23 {
  grid-column: 22 / span 23;
}
.RowOcup-22-23 {
  grid-row: 22 / span 23;
}
.colOcup-22-22 {
  grid-column: 22 / span 22;
}
.RowOcup-22-22 {
  grid-row: 22 / span 22;
}
.colOcup-22-21 {
  grid-column: 22 / span 21;
}
.RowOcup-22-21 {
  grid-row: 22 / span 21;
}
.colOcup-22-20 {
  grid-column: 22 / span 20;
}
.RowOcup-22-20 {
  grid-row: 22 / span 20;
}
.colOcup-22-19 {
  grid-column: 22 / span 19;
}
.RowOcup-22-19 {
  grid-row: 22 / span 19;
}
.colOcup-22-18 {
  grid-column: 22 / span 18;
}
.RowOcup-22-18 {
  grid-row: 22 / span 18;
}
.colOcup-22-17 {
  grid-column: 22 / span 17;
}
.RowOcup-22-17 {
  grid-row: 22 / span 17;
}
.colOcup-22-16 {
  grid-column: 22 / span 16;
}
.RowOcup-22-16 {
  grid-row: 22 / span 16;
}
.colOcup-22-15 {
  grid-column: 22 / span 15;
}
.RowOcup-22-15 {
  grid-row: 22 / span 15;
}
.colOcup-22-14 {
  grid-column: 22 / span 14;
}
.RowOcup-22-14 {
  grid-row: 22 / span 14;
}
.colOcup-22-13 {
  grid-column: 22 / span 13;
}
.RowOcup-22-13 {
  grid-row: 22 / span 13;
}
.colOcup-22-12 {
  grid-column: 22 / span 12;
}
.RowOcup-22-12 {
  grid-row: 22 / span 12;
}
.colOcup-22-11 {
  grid-column: 22 / span 11;
}
.RowOcup-22-11 {
  grid-row: 22 / span 11;
}
.colOcup-22-10 {
  grid-column: 22 / span 10;
}
.RowOcup-22-10 {
  grid-row: 22 / span 10;
}
.colOcup-22-9 {
  grid-column: 22 / span 9;
}
.RowOcup-22-9 {
  grid-row: 22 / span 9;
}
.colOcup-22-8 {
  grid-column: 22 / span 8;
}
.RowOcup-22-8 {
  grid-row: 22 / span 8;
}
.colOcup-22-7 {
  grid-column: 22 / span 7;
}
.RowOcup-22-7 {
  grid-row: 22 / span 7;
}
.colOcup-22-6 {
  grid-column: 22 / span 6;
}
.RowOcup-22-6 {
  grid-row: 22 / span 6;
}
.colOcup-22-5 {
  grid-column: 22 / span 5;
}
.RowOcup-22-5 {
  grid-row: 22 / span 5;
}
.colOcup-22-4 {
  grid-column: 22 / span 4;
}
.RowOcup-22-4 {
  grid-row: 22 / span 4;
}
.colOcup-22-3 {
  grid-column: 22 / span 3;
}
.RowOcup-22-3 {
  grid-row: 22 / span 3;
}
.colOcup-22-2 {
  grid-column: 22 / span 2;
}
.RowOcup-22-2 {
  grid-row: 22 / span 2;
}
.colOcup-22-1 {
  grid-column: 22 / span 1;
}
.RowOcup-22-1 {
  grid-row: 22 / span 1;
}
.colOcup-21-24 {
  grid-column: 21 / span 24;
}
.RowOcup-21-24 {
  grid-row: 21 / span 24;
}
.colOcup-21-23 {
  grid-column: 21 / span 23;
}
.RowOcup-21-23 {
  grid-row: 21 / span 23;
}
.colOcup-21-22 {
  grid-column: 21 / span 22;
}
.RowOcup-21-22 {
  grid-row: 21 / span 22;
}
.colOcup-21-21 {
  grid-column: 21 / span 21;
}
.RowOcup-21-21 {
  grid-row: 21 / span 21;
}
.colOcup-21-20 {
  grid-column: 21 / span 20;
}
.RowOcup-21-20 {
  grid-row: 21 / span 20;
}
.colOcup-21-19 {
  grid-column: 21 / span 19;
}
.RowOcup-21-19 {
  grid-row: 21 / span 19;
}
.colOcup-21-18 {
  grid-column: 21 / span 18;
}
.RowOcup-21-18 {
  grid-row: 21 / span 18;
}
.colOcup-21-17 {
  grid-column: 21 / span 17;
}
.RowOcup-21-17 {
  grid-row: 21 / span 17;
}
.colOcup-21-16 {
  grid-column: 21 / span 16;
}
.RowOcup-21-16 {
  grid-row: 21 / span 16;
}
.colOcup-21-15 {
  grid-column: 21 / span 15;
}
.RowOcup-21-15 {
  grid-row: 21 / span 15;
}
.colOcup-21-14 {
  grid-column: 21 / span 14;
}
.RowOcup-21-14 {
  grid-row: 21 / span 14;
}
.colOcup-21-13 {
  grid-column: 21 / span 13;
}
.RowOcup-21-13 {
  grid-row: 21 / span 13;
}
.colOcup-21-12 {
  grid-column: 21 / span 12;
}
.RowOcup-21-12 {
  grid-row: 21 / span 12;
}
.colOcup-21-11 {
  grid-column: 21 / span 11;
}
.RowOcup-21-11 {
  grid-row: 21 / span 11;
}
.colOcup-21-10 {
  grid-column: 21 / span 10;
}
.RowOcup-21-10 {
  grid-row: 21 / span 10;
}
.colOcup-21-9 {
  grid-column: 21 / span 9;
}
.RowOcup-21-9 {
  grid-row: 21 / span 9;
}
.colOcup-21-8 {
  grid-column: 21 / span 8;
}
.RowOcup-21-8 {
  grid-row: 21 / span 8;
}
.colOcup-21-7 {
  grid-column: 21 / span 7;
}
.RowOcup-21-7 {
  grid-row: 21 / span 7;
}
.colOcup-21-6 {
  grid-column: 21 / span 6;
}
.RowOcup-21-6 {
  grid-row: 21 / span 6;
}
.colOcup-21-5 {
  grid-column: 21 / span 5;
}
.RowOcup-21-5 {
  grid-row: 21 / span 5;
}
.colOcup-21-4 {
  grid-column: 21 / span 4;
}
.RowOcup-21-4 {
  grid-row: 21 / span 4;
}
.colOcup-21-3 {
  grid-column: 21 / span 3;
}
.RowOcup-21-3 {
  grid-row: 21 / span 3;
}
.colOcup-21-2 {
  grid-column: 21 / span 2;
}
.RowOcup-21-2 {
  grid-row: 21 / span 2;
}
.colOcup-21-1 {
  grid-column: 21 / span 1;
}
.RowOcup-21-1 {
  grid-row: 21 / span 1;
}
.colOcup-20-24 {
  grid-column: 20 / span 24;
}
.RowOcup-20-24 {
  grid-row: 20 / span 24;
}
.colOcup-20-23 {
  grid-column: 20 / span 23;
}
.RowOcup-20-23 {
  grid-row: 20 / span 23;
}
.colOcup-20-22 {
  grid-column: 20 / span 22;
}
.RowOcup-20-22 {
  grid-row: 20 / span 22;
}
.colOcup-20-21 {
  grid-column: 20 / span 21;
}
.RowOcup-20-21 {
  grid-row: 20 / span 21;
}
.colOcup-20-20 {
  grid-column: 20 / span 20;
}
.RowOcup-20-20 {
  grid-row: 20 / span 20;
}
.colOcup-20-19 {
  grid-column: 20 / span 19;
}
.RowOcup-20-19 {
  grid-row: 20 / span 19;
}
.colOcup-20-18 {
  grid-column: 20 / span 18;
}
.RowOcup-20-18 {
  grid-row: 20 / span 18;
}
.colOcup-20-17 {
  grid-column: 20 / span 17;
}
.RowOcup-20-17 {
  grid-row: 20 / span 17;
}
.colOcup-20-16 {
  grid-column: 20 / span 16;
}
.RowOcup-20-16 {
  grid-row: 20 / span 16;
}
.colOcup-20-15 {
  grid-column: 20 / span 15;
}
.RowOcup-20-15 {
  grid-row: 20 / span 15;
}
.colOcup-20-14 {
  grid-column: 20 / span 14;
}
.RowOcup-20-14 {
  grid-row: 20 / span 14;
}
.colOcup-20-13 {
  grid-column: 20 / span 13;
}
.RowOcup-20-13 {
  grid-row: 20 / span 13;
}
.colOcup-20-12 {
  grid-column: 20 / span 12;
}
.RowOcup-20-12 {
  grid-row: 20 / span 12;
}
.colOcup-20-11 {
  grid-column: 20 / span 11;
}
.RowOcup-20-11 {
  grid-row: 20 / span 11;
}
.colOcup-20-10 {
  grid-column: 20 / span 10;
}
.RowOcup-20-10 {
  grid-row: 20 / span 10;
}
.colOcup-20-9 {
  grid-column: 20 / span 9;
}
.RowOcup-20-9 {
  grid-row: 20 / span 9;
}
.colOcup-20-8 {
  grid-column: 20 / span 8;
}
.RowOcup-20-8 {
  grid-row: 20 / span 8;
}
.colOcup-20-7 {
  grid-column: 20 / span 7;
}
.RowOcup-20-7 {
  grid-row: 20 / span 7;
}
.colOcup-20-6 {
  grid-column: 20 / span 6;
}
.RowOcup-20-6 {
  grid-row: 20 / span 6;
}
.colOcup-20-5 {
  grid-column: 20 / span 5;
}
.RowOcup-20-5 {
  grid-row: 20 / span 5;
}
.colOcup-20-4 {
  grid-column: 20 / span 4;
}
.RowOcup-20-4 {
  grid-row: 20 / span 4;
}
.colOcup-20-3 {
  grid-column: 20 / span 3;
}
.RowOcup-20-3 {
  grid-row: 20 / span 3;
}
.colOcup-20-2 {
  grid-column: 20 / span 2;
}
.RowOcup-20-2 {
  grid-row: 20 / span 2;
}
.colOcup-20-1 {
  grid-column: 20 / span 1;
}
.RowOcup-20-1 {
  grid-row: 20 / span 1;
}
.colOcup-19-24 {
  grid-column: 19 / span 24;
}
.RowOcup-19-24 {
  grid-row: 19 / span 24;
}
.colOcup-19-23 {
  grid-column: 19 / span 23;
}
.RowOcup-19-23 {
  grid-row: 19 / span 23;
}
.colOcup-19-22 {
  grid-column: 19 / span 22;
}
.RowOcup-19-22 {
  grid-row: 19 / span 22;
}
.colOcup-19-21 {
  grid-column: 19 / span 21;
}
.RowOcup-19-21 {
  grid-row: 19 / span 21;
}
.colOcup-19-20 {
  grid-column: 19 / span 20;
}
.RowOcup-19-20 {
  grid-row: 19 / span 20;
}
.colOcup-19-19 {
  grid-column: 19 / span 19;
}
.RowOcup-19-19 {
  grid-row: 19 / span 19;
}
.colOcup-19-18 {
  grid-column: 19 / span 18;
}
.RowOcup-19-18 {
  grid-row: 19 / span 18;
}
.colOcup-19-17 {
  grid-column: 19 / span 17;
}
.RowOcup-19-17 {
  grid-row: 19 / span 17;
}
.colOcup-19-16 {
  grid-column: 19 / span 16;
}
.RowOcup-19-16 {
  grid-row: 19 / span 16;
}
.colOcup-19-15 {
  grid-column: 19 / span 15;
}
.RowOcup-19-15 {
  grid-row: 19 / span 15;
}
.colOcup-19-14 {
  grid-column: 19 / span 14;
}
.RowOcup-19-14 {
  grid-row: 19 / span 14;
}
.colOcup-19-13 {
  grid-column: 19 / span 13;
}
.RowOcup-19-13 {
  grid-row: 19 / span 13;
}
.colOcup-19-12 {
  grid-column: 19 / span 12;
}
.RowOcup-19-12 {
  grid-row: 19 / span 12;
}
.colOcup-19-11 {
  grid-column: 19 / span 11;
}
.RowOcup-19-11 {
  grid-row: 19 / span 11;
}
.colOcup-19-10 {
  grid-column: 19 / span 10;
}
.RowOcup-19-10 {
  grid-row: 19 / span 10;
}
.colOcup-19-9 {
  grid-column: 19 / span 9;
}
.RowOcup-19-9 {
  grid-row: 19 / span 9;
}
.colOcup-19-8 {
  grid-column: 19 / span 8;
}
.RowOcup-19-8 {
  grid-row: 19 / span 8;
}
.colOcup-19-7 {
  grid-column: 19 / span 7;
}
.RowOcup-19-7 {
  grid-row: 19 / span 7;
}
.colOcup-19-6 {
  grid-column: 19 / span 6;
}
.RowOcup-19-6 {
  grid-row: 19 / span 6;
}
.colOcup-19-5 {
  grid-column: 19 / span 5;
}
.RowOcup-19-5 {
  grid-row: 19 / span 5;
}
.colOcup-19-4 {
  grid-column: 19 / span 4;
}
.RowOcup-19-4 {
  grid-row: 19 / span 4;
}
.colOcup-19-3 {
  grid-column: 19 / span 3;
}
.RowOcup-19-3 {
  grid-row: 19 / span 3;
}
.colOcup-19-2 {
  grid-column: 19 / span 2;
}
.RowOcup-19-2 {
  grid-row: 19 / span 2;
}
.colOcup-19-1 {
  grid-column: 19 / span 1;
}
.RowOcup-19-1 {
  grid-row: 19 / span 1;
}
.colOcup-18-24 {
  grid-column: 18 / span 24;
}
.RowOcup-18-24 {
  grid-row: 18 / span 24;
}
.colOcup-18-23 {
  grid-column: 18 / span 23;
}
.RowOcup-18-23 {
  grid-row: 18 / span 23;
}
.colOcup-18-22 {
  grid-column: 18 / span 22;
}
.RowOcup-18-22 {
  grid-row: 18 / span 22;
}
.colOcup-18-21 {
  grid-column: 18 / span 21;
}
.RowOcup-18-21 {
  grid-row: 18 / span 21;
}
.colOcup-18-20 {
  grid-column: 18 / span 20;
}
.RowOcup-18-20 {
  grid-row: 18 / span 20;
}
.colOcup-18-19 {
  grid-column: 18 / span 19;
}
.RowOcup-18-19 {
  grid-row: 18 / span 19;
}
.colOcup-18-18 {
  grid-column: 18 / span 18;
}
.RowOcup-18-18 {
  grid-row: 18 / span 18;
}
.colOcup-18-17 {
  grid-column: 18 / span 17;
}
.RowOcup-18-17 {
  grid-row: 18 / span 17;
}
.colOcup-18-16 {
  grid-column: 18 / span 16;
}
.RowOcup-18-16 {
  grid-row: 18 / span 16;
}
.colOcup-18-15 {
  grid-column: 18 / span 15;
}
.RowOcup-18-15 {
  grid-row: 18 / span 15;
}
.colOcup-18-14 {
  grid-column: 18 / span 14;
}
.RowOcup-18-14 {
  grid-row: 18 / span 14;
}
.colOcup-18-13 {
  grid-column: 18 / span 13;
}
.RowOcup-18-13 {
  grid-row: 18 / span 13;
}
.colOcup-18-12 {
  grid-column: 18 / span 12;
}
.RowOcup-18-12 {
  grid-row: 18 / span 12;
}
.colOcup-18-11 {
  grid-column: 18 / span 11;
}
.RowOcup-18-11 {
  grid-row: 18 / span 11;
}
.colOcup-18-10 {
  grid-column: 18 / span 10;
}
.RowOcup-18-10 {
  grid-row: 18 / span 10;
}
.colOcup-18-9 {
  grid-column: 18 / span 9;
}
.RowOcup-18-9 {
  grid-row: 18 / span 9;
}
.colOcup-18-8 {
  grid-column: 18 / span 8;
}
.RowOcup-18-8 {
  grid-row: 18 / span 8;
}
.colOcup-18-7 {
  grid-column: 18 / span 7;
}
.RowOcup-18-7 {
  grid-row: 18 / span 7;
}
.colOcup-18-6 {
  grid-column: 18 / span 6;
}
.RowOcup-18-6 {
  grid-row: 18 / span 6;
}
.colOcup-18-5 {
  grid-column: 18 / span 5;
}
.RowOcup-18-5 {
  grid-row: 18 / span 5;
}
.colOcup-18-4 {
  grid-column: 18 / span 4;
}
.RowOcup-18-4 {
  grid-row: 18 / span 4;
}
.colOcup-18-3 {
  grid-column: 18 / span 3;
}
.RowOcup-18-3 {
  grid-row: 18 / span 3;
}
.colOcup-18-2 {
  grid-column: 18 / span 2;
}
.RowOcup-18-2 {
  grid-row: 18 / span 2;
}
.colOcup-18-1 {
  grid-column: 18 / span 1;
}
.RowOcup-18-1 {
  grid-row: 18 / span 1;
}
.colOcup-17-24 {
  grid-column: 17 / span 24;
}
.RowOcup-17-24 {
  grid-row: 17 / span 24;
}
.colOcup-17-23 {
  grid-column: 17 / span 23;
}
.RowOcup-17-23 {
  grid-row: 17 / span 23;
}
.colOcup-17-22 {
  grid-column: 17 / span 22;
}
.RowOcup-17-22 {
  grid-row: 17 / span 22;
}
.colOcup-17-21 {
  grid-column: 17 / span 21;
}
.RowOcup-17-21 {
  grid-row: 17 / span 21;
}
.colOcup-17-20 {
  grid-column: 17 / span 20;
}
.RowOcup-17-20 {
  grid-row: 17 / span 20;
}
.colOcup-17-19 {
  grid-column: 17 / span 19;
}
.RowOcup-17-19 {
  grid-row: 17 / span 19;
}
.colOcup-17-18 {
  grid-column: 17 / span 18;
}
.RowOcup-17-18 {
  grid-row: 17 / span 18;
}
.colOcup-17-17 {
  grid-column: 17 / span 17;
}
.RowOcup-17-17 {
  grid-row: 17 / span 17;
}
.colOcup-17-16 {
  grid-column: 17 / span 16;
}
.RowOcup-17-16 {
  grid-row: 17 / span 16;
}
.colOcup-17-15 {
  grid-column: 17 / span 15;
}
.RowOcup-17-15 {
  grid-row: 17 / span 15;
}
.colOcup-17-14 {
  grid-column: 17 / span 14;
}
.RowOcup-17-14 {
  grid-row: 17 / span 14;
}
.colOcup-17-13 {
  grid-column: 17 / span 13;
}
.RowOcup-17-13 {
  grid-row: 17 / span 13;
}
.colOcup-17-12 {
  grid-column: 17 / span 12;
}
.RowOcup-17-12 {
  grid-row: 17 / span 12;
}
.colOcup-17-11 {
  grid-column: 17 / span 11;
}
.RowOcup-17-11 {
  grid-row: 17 / span 11;
}
.colOcup-17-10 {
  grid-column: 17 / span 10;
}
.RowOcup-17-10 {
  grid-row: 17 / span 10;
}
.colOcup-17-9 {
  grid-column: 17 / span 9;
}
.RowOcup-17-9 {
  grid-row: 17 / span 9;
}
.colOcup-17-8 {
  grid-column: 17 / span 8;
}
.RowOcup-17-8 {
  grid-row: 17 / span 8;
}
.colOcup-17-7 {
  grid-column: 17 / span 7;
}
.RowOcup-17-7 {
  grid-row: 17 / span 7;
}
.colOcup-17-6 {
  grid-column: 17 / span 6;
}
.RowOcup-17-6 {
  grid-row: 17 / span 6;
}
.colOcup-17-5 {
  grid-column: 17 / span 5;
}
.RowOcup-17-5 {
  grid-row: 17 / span 5;
}
.colOcup-17-4 {
  grid-column: 17 / span 4;
}
.RowOcup-17-4 {
  grid-row: 17 / span 4;
}
.colOcup-17-3 {
  grid-column: 17 / span 3;
}
.RowOcup-17-3 {
  grid-row: 17 / span 3;
}
.colOcup-17-2 {
  grid-column: 17 / span 2;
}
.RowOcup-17-2 {
  grid-row: 17 / span 2;
}
.colOcup-17-1 {
  grid-column: 17 / span 1;
}
.RowOcup-17-1 {
  grid-row: 17 / span 1;
}
.colOcup-16-24 {
  grid-column: 16 / span 24;
}
.RowOcup-16-24 {
  grid-row: 16 / span 24;
}
.colOcup-16-23 {
  grid-column: 16 / span 23;
}
.RowOcup-16-23 {
  grid-row: 16 / span 23;
}
.colOcup-16-22 {
  grid-column: 16 / span 22;
}
.RowOcup-16-22 {
  grid-row: 16 / span 22;
}
.colOcup-16-21 {
  grid-column: 16 / span 21;
}
.RowOcup-16-21 {
  grid-row: 16 / span 21;
}
.colOcup-16-20 {
  grid-column: 16 / span 20;
}
.RowOcup-16-20 {
  grid-row: 16 / span 20;
}
.colOcup-16-19 {
  grid-column: 16 / span 19;
}
.RowOcup-16-19 {
  grid-row: 16 / span 19;
}
.colOcup-16-18 {
  grid-column: 16 / span 18;
}
.RowOcup-16-18 {
  grid-row: 16 / span 18;
}
.colOcup-16-17 {
  grid-column: 16 / span 17;
}
.RowOcup-16-17 {
  grid-row: 16 / span 17;
}
.colOcup-16-16 {
  grid-column: 16 / span 16;
}
.RowOcup-16-16 {
  grid-row: 16 / span 16;
}
.colOcup-16-15 {
  grid-column: 16 / span 15;
}
.RowOcup-16-15 {
  grid-row: 16 / span 15;
}
.colOcup-16-14 {
  grid-column: 16 / span 14;
}
.RowOcup-16-14 {
  grid-row: 16 / span 14;
}
.colOcup-16-13 {
  grid-column: 16 / span 13;
}
.RowOcup-16-13 {
  grid-row: 16 / span 13;
}
.colOcup-16-12 {
  grid-column: 16 / span 12;
}
.RowOcup-16-12 {
  grid-row: 16 / span 12;
}
.colOcup-16-11 {
  grid-column: 16 / span 11;
}
.RowOcup-16-11 {
  grid-row: 16 / span 11;
}
.colOcup-16-10 {
  grid-column: 16 / span 10;
}
.RowOcup-16-10 {
  grid-row: 16 / span 10;
}
.colOcup-16-9 {
  grid-column: 16 / span 9;
}
.RowOcup-16-9 {
  grid-row: 16 / span 9;
}
.colOcup-16-8 {
  grid-column: 16 / span 8;
}
.RowOcup-16-8 {
  grid-row: 16 / span 8;
}
.colOcup-16-7 {
  grid-column: 16 / span 7;
}
.RowOcup-16-7 {
  grid-row: 16 / span 7;
}
.colOcup-16-6 {
  grid-column: 16 / span 6;
}
.RowOcup-16-6 {
  grid-row: 16 / span 6;
}
.colOcup-16-5 {
  grid-column: 16 / span 5;
}
.RowOcup-16-5 {
  grid-row: 16 / span 5;
}
.colOcup-16-4 {
  grid-column: 16 / span 4;
}
.RowOcup-16-4 {
  grid-row: 16 / span 4;
}
.colOcup-16-3 {
  grid-column: 16 / span 3;
}
.RowOcup-16-3 {
  grid-row: 16 / span 3;
}
.colOcup-16-2 {
  grid-column: 16 / span 2;
}
.RowOcup-16-2 {
  grid-row: 16 / span 2;
}
.colOcup-16-1 {
  grid-column: 16 / span 1;
}
.RowOcup-16-1 {
  grid-row: 16 / span 1;
}
.colOcup-15-24 {
  grid-column: 15 / span 24;
}
.RowOcup-15-24 {
  grid-row: 15 / span 24;
}
.colOcup-15-23 {
  grid-column: 15 / span 23;
}
.RowOcup-15-23 {
  grid-row: 15 / span 23;
}
.colOcup-15-22 {
  grid-column: 15 / span 22;
}
.RowOcup-15-22 {
  grid-row: 15 / span 22;
}
.colOcup-15-21 {
  grid-column: 15 / span 21;
}
.RowOcup-15-21 {
  grid-row: 15 / span 21;
}
.colOcup-15-20 {
  grid-column: 15 / span 20;
}
.RowOcup-15-20 {
  grid-row: 15 / span 20;
}
.colOcup-15-19 {
  grid-column: 15 / span 19;
}
.RowOcup-15-19 {
  grid-row: 15 / span 19;
}
.colOcup-15-18 {
  grid-column: 15 / span 18;
}
.RowOcup-15-18 {
  grid-row: 15 / span 18;
}
.colOcup-15-17 {
  grid-column: 15 / span 17;
}
.RowOcup-15-17 {
  grid-row: 15 / span 17;
}
.colOcup-15-16 {
  grid-column: 15 / span 16;
}
.RowOcup-15-16 {
  grid-row: 15 / span 16;
}
.colOcup-15-15 {
  grid-column: 15 / span 15;
}
.RowOcup-15-15 {
  grid-row: 15 / span 15;
}
.colOcup-15-14 {
  grid-column: 15 / span 14;
}
.RowOcup-15-14 {
  grid-row: 15 / span 14;
}
.colOcup-15-13 {
  grid-column: 15 / span 13;
}
.RowOcup-15-13 {
  grid-row: 15 / span 13;
}
.colOcup-15-12 {
  grid-column: 15 / span 12;
}
.RowOcup-15-12 {
  grid-row: 15 / span 12;
}
.colOcup-15-11 {
  grid-column: 15 / span 11;
}
.RowOcup-15-11 {
  grid-row: 15 / span 11;
}
.colOcup-15-10 {
  grid-column: 15 / span 10;
}
.RowOcup-15-10 {
  grid-row: 15 / span 10;
}
.colOcup-15-9 {
  grid-column: 15 / span 9;
}
.RowOcup-15-9 {
  grid-row: 15 / span 9;
}
.colOcup-15-8 {
  grid-column: 15 / span 8;
}
.RowOcup-15-8 {
  grid-row: 15 / span 8;
}
.colOcup-15-7 {
  grid-column: 15 / span 7;
}
.RowOcup-15-7 {
  grid-row: 15 / span 7;
}
.colOcup-15-6 {
  grid-column: 15 / span 6;
}
.RowOcup-15-6 {
  grid-row: 15 / span 6;
}
.colOcup-15-5 {
  grid-column: 15 / span 5;
}
.RowOcup-15-5 {
  grid-row: 15 / span 5;
}
.colOcup-15-4 {
  grid-column: 15 / span 4;
}
.RowOcup-15-4 {
  grid-row: 15 / span 4;
}
.colOcup-15-3 {
  grid-column: 15 / span 3;
}
.RowOcup-15-3 {
  grid-row: 15 / span 3;
}
.colOcup-15-2 {
  grid-column: 15 / span 2;
}
.RowOcup-15-2 {
  grid-row: 15 / span 2;
}
.colOcup-15-1 {
  grid-column: 15 / span 1;
}
.RowOcup-15-1 {
  grid-row: 15 / span 1;
}
.colOcup-14-24 {
  grid-column: 14 / span 24;
}
.RowOcup-14-24 {
  grid-row: 14 / span 24;
}
.colOcup-14-23 {
  grid-column: 14 / span 23;
}
.RowOcup-14-23 {
  grid-row: 14 / span 23;
}
.colOcup-14-22 {
  grid-column: 14 / span 22;
}
.RowOcup-14-22 {
  grid-row: 14 / span 22;
}
.colOcup-14-21 {
  grid-column: 14 / span 21;
}
.RowOcup-14-21 {
  grid-row: 14 / span 21;
}
.colOcup-14-20 {
  grid-column: 14 / span 20;
}
.RowOcup-14-20 {
  grid-row: 14 / span 20;
}
.colOcup-14-19 {
  grid-column: 14 / span 19;
}
.RowOcup-14-19 {
  grid-row: 14 / span 19;
}
.colOcup-14-18 {
  grid-column: 14 / span 18;
}
.RowOcup-14-18 {
  grid-row: 14 / span 18;
}
.colOcup-14-17 {
  grid-column: 14 / span 17;
}
.RowOcup-14-17 {
  grid-row: 14 / span 17;
}
.colOcup-14-16 {
  grid-column: 14 / span 16;
}
.RowOcup-14-16 {
  grid-row: 14 / span 16;
}
.colOcup-14-15 {
  grid-column: 14 / span 15;
}
.RowOcup-14-15 {
  grid-row: 14 / span 15;
}
.colOcup-14-14 {
  grid-column: 14 / span 14;
}
.RowOcup-14-14 {
  grid-row: 14 / span 14;
}
.colOcup-14-13 {
  grid-column: 14 / span 13;
}
.RowOcup-14-13 {
  grid-row: 14 / span 13;
}
.colOcup-14-12 {
  grid-column: 14 / span 12;
}
.RowOcup-14-12 {
  grid-row: 14 / span 12;
}
.colOcup-14-11 {
  grid-column: 14 / span 11;
}
.RowOcup-14-11 {
  grid-row: 14 / span 11;
}
.colOcup-14-10 {
  grid-column: 14 / span 10;
}
.RowOcup-14-10 {
  grid-row: 14 / span 10;
}
.colOcup-14-9 {
  grid-column: 14 / span 9;
}
.RowOcup-14-9 {
  grid-row: 14 / span 9;
}
.colOcup-14-8 {
  grid-column: 14 / span 8;
}
.RowOcup-14-8 {
  grid-row: 14 / span 8;
}
.colOcup-14-7 {
  grid-column: 14 / span 7;
}
.RowOcup-14-7 {
  grid-row: 14 / span 7;
}
.colOcup-14-6 {
  grid-column: 14 / span 6;
}
.RowOcup-14-6 {
  grid-row: 14 / span 6;
}
.colOcup-14-5 {
  grid-column: 14 / span 5;
}
.RowOcup-14-5 {
  grid-row: 14 / span 5;
}
.colOcup-14-4 {
  grid-column: 14 / span 4;
}
.RowOcup-14-4 {
  grid-row: 14 / span 4;
}
.colOcup-14-3 {
  grid-column: 14 / span 3;
}
.RowOcup-14-3 {
  grid-row: 14 / span 3;
}
.colOcup-14-2 {
  grid-column: 14 / span 2;
}
.RowOcup-14-2 {
  grid-row: 14 / span 2;
}
.colOcup-14-1 {
  grid-column: 14 / span 1;
}
.RowOcup-14-1 {
  grid-row: 14 / span 1;
}
.colOcup-13-24 {
  grid-column: 13 / span 24;
}
.RowOcup-13-24 {
  grid-row: 13 / span 24;
}
.colOcup-13-23 {
  grid-column: 13 / span 23;
}
.RowOcup-13-23 {
  grid-row: 13 / span 23;
}
.colOcup-13-22 {
  grid-column: 13 / span 22;
}
.RowOcup-13-22 {
  grid-row: 13 / span 22;
}
.colOcup-13-21 {
  grid-column: 13 / span 21;
}
.RowOcup-13-21 {
  grid-row: 13 / span 21;
}
.colOcup-13-20 {
  grid-column: 13 / span 20;
}
.RowOcup-13-20 {
  grid-row: 13 / span 20;
}
.colOcup-13-19 {
  grid-column: 13 / span 19;
}
.RowOcup-13-19 {
  grid-row: 13 / span 19;
}
.colOcup-13-18 {
  grid-column: 13 / span 18;
}
.RowOcup-13-18 {
  grid-row: 13 / span 18;
}
.colOcup-13-17 {
  grid-column: 13 / span 17;
}
.RowOcup-13-17 {
  grid-row: 13 / span 17;
}
.colOcup-13-16 {
  grid-column: 13 / span 16;
}
.RowOcup-13-16 {
  grid-row: 13 / span 16;
}
.colOcup-13-15 {
  grid-column: 13 / span 15;
}
.RowOcup-13-15 {
  grid-row: 13 / span 15;
}
.colOcup-13-14 {
  grid-column: 13 / span 14;
}
.RowOcup-13-14 {
  grid-row: 13 / span 14;
}
.colOcup-13-13 {
  grid-column: 13 / span 13;
}
.RowOcup-13-13 {
  grid-row: 13 / span 13;
}
.colOcup-13-12 {
  grid-column: 13 / span 12;
}
.RowOcup-13-12 {
  grid-row: 13 / span 12;
}
.colOcup-13-11 {
  grid-column: 13 / span 11;
}
.RowOcup-13-11 {
  grid-row: 13 / span 11;
}
.colOcup-13-10 {
  grid-column: 13 / span 10;
}
.RowOcup-13-10 {
  grid-row: 13 / span 10;
}
.colOcup-13-9 {
  grid-column: 13 / span 9;
}
.RowOcup-13-9 {
  grid-row: 13 / span 9;
}
.colOcup-13-8 {
  grid-column: 13 / span 8;
}
.RowOcup-13-8 {
  grid-row: 13 / span 8;
}
.colOcup-13-7 {
  grid-column: 13 / span 7;
}
.RowOcup-13-7 {
  grid-row: 13 / span 7;
}
.colOcup-13-6 {
  grid-column: 13 / span 6;
}
.RowOcup-13-6 {
  grid-row: 13 / span 6;
}
.colOcup-13-5 {
  grid-column: 13 / span 5;
}
.RowOcup-13-5 {
  grid-row: 13 / span 5;
}
.colOcup-13-4 {
  grid-column: 13 / span 4;
}
.RowOcup-13-4 {
  grid-row: 13 / span 4;
}
.colOcup-13-3 {
  grid-column: 13 / span 3;
}
.RowOcup-13-3 {
  grid-row: 13 / span 3;
}
.colOcup-13-2 {
  grid-column: 13 / span 2;
}
.RowOcup-13-2 {
  grid-row: 13 / span 2;
}
.colOcup-13-1 {
  grid-column: 13 / span 1;
}
.RowOcup-13-1 {
  grid-row: 13 / span 1;
}
.colOcup-12-24 {
  grid-column: 12 / span 24;
}
.RowOcup-12-24 {
  grid-row: 12 / span 24;
}
.colOcup-12-23 {
  grid-column: 12 / span 23;
}
.RowOcup-12-23 {
  grid-row: 12 / span 23;
}
.colOcup-12-22 {
  grid-column: 12 / span 22;
}
.RowOcup-12-22 {
  grid-row: 12 / span 22;
}
.colOcup-12-21 {
  grid-column: 12 / span 21;
}
.RowOcup-12-21 {
  grid-row: 12 / span 21;
}
.colOcup-12-20 {
  grid-column: 12 / span 20;
}
.RowOcup-12-20 {
  grid-row: 12 / span 20;
}
.colOcup-12-19 {
  grid-column: 12 / span 19;
}
.RowOcup-12-19 {
  grid-row: 12 / span 19;
}
.colOcup-12-18 {
  grid-column: 12 / span 18;
}
.RowOcup-12-18 {
  grid-row: 12 / span 18;
}
.colOcup-12-17 {
  grid-column: 12 / span 17;
}
.RowOcup-12-17 {
  grid-row: 12 / span 17;
}
.colOcup-12-16 {
  grid-column: 12 / span 16;
}
.RowOcup-12-16 {
  grid-row: 12 / span 16;
}
.colOcup-12-15 {
  grid-column: 12 / span 15;
}
.RowOcup-12-15 {
  grid-row: 12 / span 15;
}
.colOcup-12-14 {
  grid-column: 12 / span 14;
}
.RowOcup-12-14 {
  grid-row: 12 / span 14;
}
.colOcup-12-13 {
  grid-column: 12 / span 13;
}
.RowOcup-12-13 {
  grid-row: 12 / span 13;
}
.colOcup-12-12 {
  grid-column: 12 / span 12;
}
.RowOcup-12-12 {
  grid-row: 12 / span 12;
}
.colOcup-12-11 {
  grid-column: 12 / span 11;
}
.RowOcup-12-11 {
  grid-row: 12 / span 11;
}
.colOcup-12-10 {
  grid-column: 12 / span 10;
}
.RowOcup-12-10 {
  grid-row: 12 / span 10;
}
.colOcup-12-9 {
  grid-column: 12 / span 9;
}
.RowOcup-12-9 {
  grid-row: 12 / span 9;
}
.colOcup-12-8 {
  grid-column: 12 / span 8;
}
.RowOcup-12-8 {
  grid-row: 12 / span 8;
}
.colOcup-12-7 {
  grid-column: 12 / span 7;
}
.RowOcup-12-7 {
  grid-row: 12 / span 7;
}
.colOcup-12-6 {
  grid-column: 12 / span 6;
}
.RowOcup-12-6 {
  grid-row: 12 / span 6;
}
.colOcup-12-5 {
  grid-column: 12 / span 5;
}
.RowOcup-12-5 {
  grid-row: 12 / span 5;
}
.colOcup-12-4 {
  grid-column: 12 / span 4;
}
.RowOcup-12-4 {
  grid-row: 12 / span 4;
}
.colOcup-12-3 {
  grid-column: 12 / span 3;
}
.RowOcup-12-3 {
  grid-row: 12 / span 3;
}
.colOcup-12-2 {
  grid-column: 12 / span 2;
}
.RowOcup-12-2 {
  grid-row: 12 / span 2;
}
.colOcup-12-1 {
  grid-column: 12 / span 1;
}
.RowOcup-12-1 {
  grid-row: 12 / span 1;
}
.colOcup-11-24 {
  grid-column: 11 / span 24;
}
.RowOcup-11-24 {
  grid-row: 11 / span 24;
}
.colOcup-11-23 {
  grid-column: 11 / span 23;
}
.RowOcup-11-23 {
  grid-row: 11 / span 23;
}
.colOcup-11-22 {
  grid-column: 11 / span 22;
}
.RowOcup-11-22 {
  grid-row: 11 / span 22;
}
.colOcup-11-21 {
  grid-column: 11 / span 21;
}
.RowOcup-11-21 {
  grid-row: 11 / span 21;
}
.colOcup-11-20 {
  grid-column: 11 / span 20;
}
.RowOcup-11-20 {
  grid-row: 11 / span 20;
}
.colOcup-11-19 {
  grid-column: 11 / span 19;
}
.RowOcup-11-19 {
  grid-row: 11 / span 19;
}
.colOcup-11-18 {
  grid-column: 11 / span 18;
}
.RowOcup-11-18 {
  grid-row: 11 / span 18;
}
.colOcup-11-17 {
  grid-column: 11 / span 17;
}
.RowOcup-11-17 {
  grid-row: 11 / span 17;
}
.colOcup-11-16 {
  grid-column: 11 / span 16;
}
.RowOcup-11-16 {
  grid-row: 11 / span 16;
}
.colOcup-11-15 {
  grid-column: 11 / span 15;
}
.RowOcup-11-15 {
  grid-row: 11 / span 15;
}
.colOcup-11-14 {
  grid-column: 11 / span 14;
}
.RowOcup-11-14 {
  grid-row: 11 / span 14;
}
.colOcup-11-13 {
  grid-column: 11 / span 13;
}
.RowOcup-11-13 {
  grid-row: 11 / span 13;
}
.colOcup-11-12 {
  grid-column: 11 / span 12;
}
.RowOcup-11-12 {
  grid-row: 11 / span 12;
}
.colOcup-11-11 {
  grid-column: 11 / span 11;
}
.RowOcup-11-11 {
  grid-row: 11 / span 11;
}
.colOcup-11-10 {
  grid-column: 11 / span 10;
}
.RowOcup-11-10 {
  grid-row: 11 / span 10;
}
.colOcup-11-9 {
  grid-column: 11 / span 9;
}
.RowOcup-11-9 {
  grid-row: 11 / span 9;
}
.colOcup-11-8 {
  grid-column: 11 / span 8;
}
.RowOcup-11-8 {
  grid-row: 11 / span 8;
}
.colOcup-11-7 {
  grid-column: 11 / span 7;
}
.RowOcup-11-7 {
  grid-row: 11 / span 7;
}
.colOcup-11-6 {
  grid-column: 11 / span 6;
}
.RowOcup-11-6 {
  grid-row: 11 / span 6;
}
.colOcup-11-5 {
  grid-column: 11 / span 5;
}
.RowOcup-11-5 {
  grid-row: 11 / span 5;
}
.colOcup-11-4 {
  grid-column: 11 / span 4;
}
.RowOcup-11-4 {
  grid-row: 11 / span 4;
}
.colOcup-11-3 {
  grid-column: 11 / span 3;
}
.RowOcup-11-3 {
  grid-row: 11 / span 3;
}
.colOcup-11-2 {
  grid-column: 11 / span 2;
}
.RowOcup-11-2 {
  grid-row: 11 / span 2;
}
.colOcup-11-1 {
  grid-column: 11 / span 1;
}
.RowOcup-11-1 {
  grid-row: 11 / span 1;
}
.colOcup-10-24 {
  grid-column: 10 / span 24;
}
.RowOcup-10-24 {
  grid-row: 10 / span 24;
}
.colOcup-10-23 {
  grid-column: 10 / span 23;
}
.RowOcup-10-23 {
  grid-row: 10 / span 23;
}
.colOcup-10-22 {
  grid-column: 10 / span 22;
}
.RowOcup-10-22 {
  grid-row: 10 / span 22;
}
.colOcup-10-21 {
  grid-column: 10 / span 21;
}
.RowOcup-10-21 {
  grid-row: 10 / span 21;
}
.colOcup-10-20 {
  grid-column: 10 / span 20;
}
.RowOcup-10-20 {
  grid-row: 10 / span 20;
}
.colOcup-10-19 {
  grid-column: 10 / span 19;
}
.RowOcup-10-19 {
  grid-row: 10 / span 19;
}
.colOcup-10-18 {
  grid-column: 10 / span 18;
}
.RowOcup-10-18 {
  grid-row: 10 / span 18;
}
.colOcup-10-17 {
  grid-column: 10 / span 17;
}
.RowOcup-10-17 {
  grid-row: 10 / span 17;
}
.colOcup-10-16 {
  grid-column: 10 / span 16;
}
.RowOcup-10-16 {
  grid-row: 10 / span 16;
}
.colOcup-10-15 {
  grid-column: 10 / span 15;
}
.RowOcup-10-15 {
  grid-row: 10 / span 15;
}
.colOcup-10-14 {
  grid-column: 10 / span 14;
}
.RowOcup-10-14 {
  grid-row: 10 / span 14;
}
.colOcup-10-13 {
  grid-column: 10 / span 13;
}
.RowOcup-10-13 {
  grid-row: 10 / span 13;
}
.colOcup-10-12 {
  grid-column: 10 / span 12;
}
.RowOcup-10-12 {
  grid-row: 10 / span 12;
}
.colOcup-10-11 {
  grid-column: 10 / span 11;
}
.RowOcup-10-11 {
  grid-row: 10 / span 11;
}
.colOcup-10-10 {
  grid-column: 10 / span 10;
}
.RowOcup-10-10 {
  grid-row: 10 / span 10;
}
.colOcup-10-9 {
  grid-column: 10 / span 9;
}
.RowOcup-10-9 {
  grid-row: 10 / span 9;
}
.colOcup-10-8 {
  grid-column: 10 / span 8;
}
.RowOcup-10-8 {
  grid-row: 10 / span 8;
}
.colOcup-10-7 {
  grid-column: 10 / span 7;
}
.RowOcup-10-7 {
  grid-row: 10 / span 7;
}
.colOcup-10-6 {
  grid-column: 10 / span 6;
}
.RowOcup-10-6 {
  grid-row: 10 / span 6;
}
.colOcup-10-5 {
  grid-column: 10 / span 5;
}
.RowOcup-10-5 {
  grid-row: 10 / span 5;
}
.colOcup-10-4 {
  grid-column: 10 / span 4;
}
.RowOcup-10-4 {
  grid-row: 10 / span 4;
}
.colOcup-10-3 {
  grid-column: 10 / span 3;
}
.RowOcup-10-3 {
  grid-row: 10 / span 3;
}
.colOcup-10-2 {
  grid-column: 10 / span 2;
}
.RowOcup-10-2 {
  grid-row: 10 / span 2;
}
.colOcup-10-1 {
  grid-column: 10 / span 1;
}
.RowOcup-10-1 {
  grid-row: 10 / span 1;
}
.colOcup-9-24 {
  grid-column: 9 / span 24;
}
.RowOcup-9-24 {
  grid-row: 9 / span 24;
}
.colOcup-9-23 {
  grid-column: 9 / span 23;
}
.RowOcup-9-23 {
  grid-row: 9 / span 23;
}
.colOcup-9-22 {
  grid-column: 9 / span 22;
}
.RowOcup-9-22 {
  grid-row: 9 / span 22;
}
.colOcup-9-21 {
  grid-column: 9 / span 21;
}
.RowOcup-9-21 {
  grid-row: 9 / span 21;
}
.colOcup-9-20 {
  grid-column: 9 / span 20;
}
.RowOcup-9-20 {
  grid-row: 9 / span 20;
}
.colOcup-9-19 {
  grid-column: 9 / span 19;
}
.RowOcup-9-19 {
  grid-row: 9 / span 19;
}
.colOcup-9-18 {
  grid-column: 9 / span 18;
}
.RowOcup-9-18 {
  grid-row: 9 / span 18;
}
.colOcup-9-17 {
  grid-column: 9 / span 17;
}
.RowOcup-9-17 {
  grid-row: 9 / span 17;
}
.colOcup-9-16 {
  grid-column: 9 / span 16;
}
.RowOcup-9-16 {
  grid-row: 9 / span 16;
}
.colOcup-9-15 {
  grid-column: 9 / span 15;
}
.RowOcup-9-15 {
  grid-row: 9 / span 15;
}
.colOcup-9-14 {
  grid-column: 9 / span 14;
}
.RowOcup-9-14 {
  grid-row: 9 / span 14;
}
.colOcup-9-13 {
  grid-column: 9 / span 13;
}
.RowOcup-9-13 {
  grid-row: 9 / span 13;
}
.colOcup-9-12 {
  grid-column: 9 / span 12;
}
.RowOcup-9-12 {
  grid-row: 9 / span 12;
}
.colOcup-9-11 {
  grid-column: 9 / span 11;
}
.RowOcup-9-11 {
  grid-row: 9 / span 11;
}
.colOcup-9-10 {
  grid-column: 9 / span 10;
}
.RowOcup-9-10 {
  grid-row: 9 / span 10;
}
.colOcup-9-9 {
  grid-column: 9 / span 9;
}
.RowOcup-9-9 {
  grid-row: 9 / span 9;
}
.colOcup-9-8 {
  grid-column: 9 / span 8;
}
.RowOcup-9-8 {
  grid-row: 9 / span 8;
}
.colOcup-9-7 {
  grid-column: 9 / span 7;
}
.RowOcup-9-7 {
  grid-row: 9 / span 7;
}
.colOcup-9-6 {
  grid-column: 9 / span 6;
}
.RowOcup-9-6 {
  grid-row: 9 / span 6;
}
.colOcup-9-5 {
  grid-column: 9 / span 5;
}
.RowOcup-9-5 {
  grid-row: 9 / span 5;
}
.colOcup-9-4 {
  grid-column: 9 / span 4;
}
.RowOcup-9-4 {
  grid-row: 9 / span 4;
}
.colOcup-9-3 {
  grid-column: 9 / span 3;
}
.RowOcup-9-3 {
  grid-row: 9 / span 3;
}
.colOcup-9-2 {
  grid-column: 9 / span 2;
}
.RowOcup-9-2 {
  grid-row: 9 / span 2;
}
.colOcup-9-1 {
  grid-column: 9 / span 1;
}
.RowOcup-9-1 {
  grid-row: 9 / span 1;
}
.colOcup-8-24 {
  grid-column: 8 / span 24;
}
.RowOcup-8-24 {
  grid-row: 8 / span 24;
}
.colOcup-8-23 {
  grid-column: 8 / span 23;
}
.RowOcup-8-23 {
  grid-row: 8 / span 23;
}
.colOcup-8-22 {
  grid-column: 8 / span 22;
}
.RowOcup-8-22 {
  grid-row: 8 / span 22;
}
.colOcup-8-21 {
  grid-column: 8 / span 21;
}
.RowOcup-8-21 {
  grid-row: 8 / span 21;
}
.colOcup-8-20 {
  grid-column: 8 / span 20;
}
.RowOcup-8-20 {
  grid-row: 8 / span 20;
}
.colOcup-8-19 {
  grid-column: 8 / span 19;
}
.RowOcup-8-19 {
  grid-row: 8 / span 19;
}
.colOcup-8-18 {
  grid-column: 8 / span 18;
}
.RowOcup-8-18 {
  grid-row: 8 / span 18;
}
.colOcup-8-17 {
  grid-column: 8 / span 17;
}
.RowOcup-8-17 {
  grid-row: 8 / span 17;
}
.colOcup-8-16 {
  grid-column: 8 / span 16;
}
.RowOcup-8-16 {
  grid-row: 8 / span 16;
}
.colOcup-8-15 {
  grid-column: 8 / span 15;
}
.RowOcup-8-15 {
  grid-row: 8 / span 15;
}
.colOcup-8-14 {
  grid-column: 8 / span 14;
}
.RowOcup-8-14 {
  grid-row: 8 / span 14;
}
.colOcup-8-13 {
  grid-column: 8 / span 13;
}
.RowOcup-8-13 {
  grid-row: 8 / span 13;
}
.colOcup-8-12 {
  grid-column: 8 / span 12;
}
.RowOcup-8-12 {
  grid-row: 8 / span 12;
}
.colOcup-8-11 {
  grid-column: 8 / span 11;
}
.RowOcup-8-11 {
  grid-row: 8 / span 11;
}
.colOcup-8-10 {
  grid-column: 8 / span 10;
}
.RowOcup-8-10 {
  grid-row: 8 / span 10;
}
.colOcup-8-9 {
  grid-column: 8 / span 9;
}
.RowOcup-8-9 {
  grid-row: 8 / span 9;
}
.colOcup-8-8 {
  grid-column: 8 / span 8;
}
.RowOcup-8-8 {
  grid-row: 8 / span 8;
}
.colOcup-8-7 {
  grid-column: 8 / span 7;
}
.RowOcup-8-7 {
  grid-row: 8 / span 7;
}
.colOcup-8-6 {
  grid-column: 8 / span 6;
}
.RowOcup-8-6 {
  grid-row: 8 / span 6;
}
.colOcup-8-5 {
  grid-column: 8 / span 5;
}
.RowOcup-8-5 {
  grid-row: 8 / span 5;
}
.colOcup-8-4 {
  grid-column: 8 / span 4;
}
.RowOcup-8-4 {
  grid-row: 8 / span 4;
}
.colOcup-8-3 {
  grid-column: 8 / span 3;
}
.RowOcup-8-3 {
  grid-row: 8 / span 3;
}
.colOcup-8-2 {
  grid-column: 8 / span 2;
}
.RowOcup-8-2 {
  grid-row: 8 / span 2;
}
.colOcup-8-1 {
  grid-column: 8 / span 1;
}
.RowOcup-8-1 {
  grid-row: 8 / span 1;
}
.colOcup-7-24 {
  grid-column: 7 / span 24;
}
.RowOcup-7-24 {
  grid-row: 7 / span 24;
}
.colOcup-7-23 {
  grid-column: 7 / span 23;
}
.RowOcup-7-23 {
  grid-row: 7 / span 23;
}
.colOcup-7-22 {
  grid-column: 7 / span 22;
}
.RowOcup-7-22 {
  grid-row: 7 / span 22;
}
.colOcup-7-21 {
  grid-column: 7 / span 21;
}
.RowOcup-7-21 {
  grid-row: 7 / span 21;
}
.colOcup-7-20 {
  grid-column: 7 / span 20;
}
.RowOcup-7-20 {
  grid-row: 7 / span 20;
}
.colOcup-7-19 {
  grid-column: 7 / span 19;
}
.RowOcup-7-19 {
  grid-row: 7 / span 19;
}
.colOcup-7-18 {
  grid-column: 7 / span 18;
}
.RowOcup-7-18 {
  grid-row: 7 / span 18;
}
.colOcup-7-17 {
  grid-column: 7 / span 17;
}
.RowOcup-7-17 {
  grid-row: 7 / span 17;
}
.colOcup-7-16 {
  grid-column: 7 / span 16;
}
.RowOcup-7-16 {
  grid-row: 7 / span 16;
}
.colOcup-7-15 {
  grid-column: 7 / span 15;
}
.RowOcup-7-15 {
  grid-row: 7 / span 15;
}
.colOcup-7-14 {
  grid-column: 7 / span 14;
}
.RowOcup-7-14 {
  grid-row: 7 / span 14;
}
.colOcup-7-13 {
  grid-column: 7 / span 13;
}
.RowOcup-7-13 {
  grid-row: 7 / span 13;
}
.colOcup-7-12 {
  grid-column: 7 / span 12;
}
.RowOcup-7-12 {
  grid-row: 7 / span 12;
}
.colOcup-7-11 {
  grid-column: 7 / span 11;
}
.RowOcup-7-11 {
  grid-row: 7 / span 11;
}
.colOcup-7-10 {
  grid-column: 7 / span 10;
}
.RowOcup-7-10 {
  grid-row: 7 / span 10;
}
.colOcup-7-9 {
  grid-column: 7 / span 9;
}
.RowOcup-7-9 {
  grid-row: 7 / span 9;
}
.colOcup-7-8 {
  grid-column: 7 / span 8;
}
.RowOcup-7-8 {
  grid-row: 7 / span 8;
}
.colOcup-7-7 {
  grid-column: 7 / span 7;
}
.RowOcup-7-7 {
  grid-row: 7 / span 7;
}
.colOcup-7-6 {
  grid-column: 7 / span 6;
}
.RowOcup-7-6 {
  grid-row: 7 / span 6;
}
.colOcup-7-5 {
  grid-column: 7 / span 5;
}
.RowOcup-7-5 {
  grid-row: 7 / span 5;
}
.colOcup-7-4 {
  grid-column: 7 / span 4;
}
.RowOcup-7-4 {
  grid-row: 7 / span 4;
}
.colOcup-7-3 {
  grid-column: 7 / span 3;
}
.RowOcup-7-3 {
  grid-row: 7 / span 3;
}
.colOcup-7-2 {
  grid-column: 7 / span 2;
}
.RowOcup-7-2 {
  grid-row: 7 / span 2;
}
.colOcup-7-1 {
  grid-column: 7 / span 1;
}
.RowOcup-7-1 {
  grid-row: 7 / span 1;
}
.colOcup-6-24 {
  grid-column: 6 / span 24;
}
.RowOcup-6-24 {
  grid-row: 6 / span 24;
}
.colOcup-6-23 {
  grid-column: 6 / span 23;
}
.RowOcup-6-23 {
  grid-row: 6 / span 23;
}
.colOcup-6-22 {
  grid-column: 6 / span 22;
}
.RowOcup-6-22 {
  grid-row: 6 / span 22;
}
.colOcup-6-21 {
  grid-column: 6 / span 21;
}
.RowOcup-6-21 {
  grid-row: 6 / span 21;
}
.colOcup-6-20 {
  grid-column: 6 / span 20;
}
.RowOcup-6-20 {
  grid-row: 6 / span 20;
}
.colOcup-6-19 {
  grid-column: 6 / span 19;
}
.RowOcup-6-19 {
  grid-row: 6 / span 19;
}
.colOcup-6-18 {
  grid-column: 6 / span 18;
}
.RowOcup-6-18 {
  grid-row: 6 / span 18;
}
.colOcup-6-17 {
  grid-column: 6 / span 17;
}
.RowOcup-6-17 {
  grid-row: 6 / span 17;
}
.colOcup-6-16 {
  grid-column: 6 / span 16;
}
.RowOcup-6-16 {
  grid-row: 6 / span 16;
}
.colOcup-6-15 {
  grid-column: 6 / span 15;
}
.RowOcup-6-15 {
  grid-row: 6 / span 15;
}
.colOcup-6-14 {
  grid-column: 6 / span 14;
}
.RowOcup-6-14 {
  grid-row: 6 / span 14;
}
.colOcup-6-13 {
  grid-column: 6 / span 13;
}
.RowOcup-6-13 {
  grid-row: 6 / span 13;
}
.colOcup-6-12 {
  grid-column: 6 / span 12;
}
.RowOcup-6-12 {
  grid-row: 6 / span 12;
}
.colOcup-6-11 {
  grid-column: 6 / span 11;
}
.RowOcup-6-11 {
  grid-row: 6 / span 11;
}
.colOcup-6-10 {
  grid-column: 6 / span 10;
}
.RowOcup-6-10 {
  grid-row: 6 / span 10;
}
.colOcup-6-9 {
  grid-column: 6 / span 9;
}
.RowOcup-6-9 {
  grid-row: 6 / span 9;
}
.colOcup-6-8 {
  grid-column: 6 / span 8;
}
.RowOcup-6-8 {
  grid-row: 6 / span 8;
}
.colOcup-6-7 {
  grid-column: 6 / span 7;
}
.RowOcup-6-7 {
  grid-row: 6 / span 7;
}
.colOcup-6-6 {
  grid-column: 6 / span 6;
}
.RowOcup-6-6 {
  grid-row: 6 / span 6;
}
.colOcup-6-5 {
  grid-column: 6 / span 5;
}
.RowOcup-6-5 {
  grid-row: 6 / span 5;
}
.colOcup-6-4 {
  grid-column: 6 / span 4;
}
.RowOcup-6-4 {
  grid-row: 6 / span 4;
}
.colOcup-6-3 {
  grid-column: 6 / span 3;
}
.RowOcup-6-3 {
  grid-row: 6 / span 3;
}
.colOcup-6-2 {
  grid-column: 6 / span 2;
}
.RowOcup-6-2 {
  grid-row: 6 / span 2;
}
.colOcup-6-1 {
  grid-column: 6 / span 1;
}
.RowOcup-6-1 {
  grid-row: 6 / span 1;
}
.colOcup-5-24 {
  grid-column: 5 / span 24;
}
.RowOcup-5-24 {
  grid-row: 5 / span 24;
}
.colOcup-5-23 {
  grid-column: 5 / span 23;
}
.RowOcup-5-23 {
  grid-row: 5 / span 23;
}
.colOcup-5-22 {
  grid-column: 5 / span 22;
}
.RowOcup-5-22 {
  grid-row: 5 / span 22;
}
.colOcup-5-21 {
  grid-column: 5 / span 21;
}
.RowOcup-5-21 {
  grid-row: 5 / span 21;
}
.colOcup-5-20 {
  grid-column: 5 / span 20;
}
.RowOcup-5-20 {
  grid-row: 5 / span 20;
}
.colOcup-5-19 {
  grid-column: 5 / span 19;
}
.RowOcup-5-19 {
  grid-row: 5 / span 19;
}
.colOcup-5-18 {
  grid-column: 5 / span 18;
}
.RowOcup-5-18 {
  grid-row: 5 / span 18;
}
.colOcup-5-17 {
  grid-column: 5 / span 17;
}
.RowOcup-5-17 {
  grid-row: 5 / span 17;
}
.colOcup-5-16 {
  grid-column: 5 / span 16;
}
.RowOcup-5-16 {
  grid-row: 5 / span 16;
}
.colOcup-5-15 {
  grid-column: 5 / span 15;
}
.RowOcup-5-15 {
  grid-row: 5 / span 15;
}
.colOcup-5-14 {
  grid-column: 5 / span 14;
}
.RowOcup-5-14 {
  grid-row: 5 / span 14;
}
.colOcup-5-13 {
  grid-column: 5 / span 13;
}
.RowOcup-5-13 {
  grid-row: 5 / span 13;
}
.colOcup-5-12 {
  grid-column: 5 / span 12;
}
.RowOcup-5-12 {
  grid-row: 5 / span 12;
}
.colOcup-5-11 {
  grid-column: 5 / span 11;
}
.RowOcup-5-11 {
  grid-row: 5 / span 11;
}
.colOcup-5-10 {
  grid-column: 5 / span 10;
}
.RowOcup-5-10 {
  grid-row: 5 / span 10;
}
.colOcup-5-9 {
  grid-column: 5 / span 9;
}
.RowOcup-5-9 {
  grid-row: 5 / span 9;
}
.colOcup-5-8 {
  grid-column: 5 / span 8;
}
.RowOcup-5-8 {
  grid-row: 5 / span 8;
}
.colOcup-5-7 {
  grid-column: 5 / span 7;
}
.RowOcup-5-7 {
  grid-row: 5 / span 7;
}
.colOcup-5-6 {
  grid-column: 5 / span 6;
}
.RowOcup-5-6 {
  grid-row: 5 / span 6;
}
.colOcup-5-5 {
  grid-column: 5 / span 5;
}
.RowOcup-5-5 {
  grid-row: 5 / span 5;
}
.colOcup-5-4 {
  grid-column: 5 / span 4;
}
.RowOcup-5-4 {
  grid-row: 5 / span 4;
}
.colOcup-5-3 {
  grid-column: 5 / span 3;
}
.RowOcup-5-3 {
  grid-row: 5 / span 3;
}
.colOcup-5-2 {
  grid-column: 5 / span 2;
}
.RowOcup-5-2 {
  grid-row: 5 / span 2;
}
.colOcup-5-1 {
  grid-column: 5 / span 1;
}
.RowOcup-5-1 {
  grid-row: 5 / span 1;
}
.colOcup-4-24 {
  grid-column: 4 / span 24;
}
.RowOcup-4-24 {
  grid-row: 4 / span 24;
}
.colOcup-4-23 {
  grid-column: 4 / span 23;
}
.RowOcup-4-23 {
  grid-row: 4 / span 23;
}
.colOcup-4-22 {
  grid-column: 4 / span 22;
}
.RowOcup-4-22 {
  grid-row: 4 / span 22;
}
.colOcup-4-21 {
  grid-column: 4 / span 21;
}
.RowOcup-4-21 {
  grid-row: 4 / span 21;
}
.colOcup-4-20 {
  grid-column: 4 / span 20;
}
.RowOcup-4-20 {
  grid-row: 4 / span 20;
}
.colOcup-4-19 {
  grid-column: 4 / span 19;
}
.RowOcup-4-19 {
  grid-row: 4 / span 19;
}
.colOcup-4-18 {
  grid-column: 4 / span 18;
}
.RowOcup-4-18 {
  grid-row: 4 / span 18;
}
.colOcup-4-17 {
  grid-column: 4 / span 17;
}
.RowOcup-4-17 {
  grid-row: 4 / span 17;
}
.colOcup-4-16 {
  grid-column: 4 / span 16;
}
.RowOcup-4-16 {
  grid-row: 4 / span 16;
}
.colOcup-4-15 {
  grid-column: 4 / span 15;
}
.RowOcup-4-15 {
  grid-row: 4 / span 15;
}
.colOcup-4-14 {
  grid-column: 4 / span 14;
}
.RowOcup-4-14 {
  grid-row: 4 / span 14;
}
.colOcup-4-13 {
  grid-column: 4 / span 13;
}
.RowOcup-4-13 {
  grid-row: 4 / span 13;
}
.colOcup-4-12 {
  grid-column: 4 / span 12;
}
.RowOcup-4-12 {
  grid-row: 4 / span 12;
}
.colOcup-4-11 {
  grid-column: 4 / span 11;
}
.RowOcup-4-11 {
  grid-row: 4 / span 11;
}
.colOcup-4-10 {
  grid-column: 4 / span 10;
}
.RowOcup-4-10 {
  grid-row: 4 / span 10;
}
.colOcup-4-9 {
  grid-column: 4 / span 9;
}
.RowOcup-4-9 {
  grid-row: 4 / span 9;
}
.colOcup-4-8 {
  grid-column: 4 / span 8;
}
.RowOcup-4-8 {
  grid-row: 4 / span 8;
}
.colOcup-4-7 {
  grid-column: 4 / span 7;
}
.RowOcup-4-7 {
  grid-row: 4 / span 7;
}
.colOcup-4-6 {
  grid-column: 4 / span 6;
}
.RowOcup-4-6 {
  grid-row: 4 / span 6;
}
.colOcup-4-5 {
  grid-column: 4 / span 5;
}
.RowOcup-4-5 {
  grid-row: 4 / span 5;
}
.colOcup-4-4 {
  grid-column: 4 / span 4;
}
.RowOcup-4-4 {
  grid-row: 4 / span 4;
}
.colOcup-4-3 {
  grid-column: 4 / span 3;
}
.RowOcup-4-3 {
  grid-row: 4 / span 3;
}
.colOcup-4-2 {
  grid-column: 4 / span 2;
}
.RowOcup-4-2 {
  grid-row: 4 / span 2;
}
.colOcup-4-1 {
  grid-column: 4 / span 1;
}
.RowOcup-4-1 {
  grid-row: 4 / span 1;
}
.colOcup-3-24 {
  grid-column: 3 / span 24;
}
.RowOcup-3-24 {
  grid-row: 3 / span 24;
}
.colOcup-3-23 {
  grid-column: 3 / span 23;
}
.RowOcup-3-23 {
  grid-row: 3 / span 23;
}
.colOcup-3-22 {
  grid-column: 3 / span 22;
}
.RowOcup-3-22 {
  grid-row: 3 / span 22;
}
.colOcup-3-21 {
  grid-column: 3 / span 21;
}
.RowOcup-3-21 {
  grid-row: 3 / span 21;
}
.colOcup-3-20 {
  grid-column: 3 / span 20;
}
.RowOcup-3-20 {
  grid-row: 3 / span 20;
}
.colOcup-3-19 {
  grid-column: 3 / span 19;
}
.RowOcup-3-19 {
  grid-row: 3 / span 19;
}
.colOcup-3-18 {
  grid-column: 3 / span 18;
}
.RowOcup-3-18 {
  grid-row: 3 / span 18;
}
.colOcup-3-17 {
  grid-column: 3 / span 17;
}
.RowOcup-3-17 {
  grid-row: 3 / span 17;
}
.colOcup-3-16 {
  grid-column: 3 / span 16;
}
.RowOcup-3-16 {
  grid-row: 3 / span 16;
}
.colOcup-3-15 {
  grid-column: 3 / span 15;
}
.RowOcup-3-15 {
  grid-row: 3 / span 15;
}
.colOcup-3-14 {
  grid-column: 3 / span 14;
}
.RowOcup-3-14 {
  grid-row: 3 / span 14;
}
.colOcup-3-13 {
  grid-column: 3 / span 13;
}
.RowOcup-3-13 {
  grid-row: 3 / span 13;
}
.colOcup-3-12 {
  grid-column: 3 / span 12;
}
.RowOcup-3-12 {
  grid-row: 3 / span 12;
}
.colOcup-3-11 {
  grid-column: 3 / span 11;
}
.RowOcup-3-11 {
  grid-row: 3 / span 11;
}
.colOcup-3-10 {
  grid-column: 3 / span 10;
}
.RowOcup-3-10 {
  grid-row: 3 / span 10;
}
.colOcup-3-9 {
  grid-column: 3 / span 9;
}
.RowOcup-3-9 {
  grid-row: 3 / span 9;
}
.colOcup-3-8 {
  grid-column: 3 / span 8;
}
.RowOcup-3-8 {
  grid-row: 3 / span 8;
}
.colOcup-3-7 {
  grid-column: 3 / span 7;
}
.RowOcup-3-7 {
  grid-row: 3 / span 7;
}
.colOcup-3-6 {
  grid-column: 3 / span 6;
}
.RowOcup-3-6 {
  grid-row: 3 / span 6;
}
.colOcup-3-5 {
  grid-column: 3 / span 5;
}
.RowOcup-3-5 {
  grid-row: 3 / span 5;
}
.colOcup-3-4 {
  grid-column: 3 / span 4;
}
.RowOcup-3-4 {
  grid-row: 3 / span 4;
}
.colOcup-3-3 {
  grid-column: 3 / span 3;
}
.RowOcup-3-3 {
  grid-row: 3 / span 3;
}
.colOcup-3-2 {
  grid-column: 3 / span 2;
}
.RowOcup-3-2 {
  grid-row: 3 / span 2;
}
.colOcup-3-1 {
  grid-column: 3 / span 1;
}
.RowOcup-3-1 {
  grid-row: 3 / span 1;
}
.colOcup-2-24 {
  grid-column: 2 / span 24;
}
.RowOcup-2-24 {
  grid-row: 2 / span 24;
}
.colOcup-2-23 {
  grid-column: 2 / span 23;
}
.RowOcup-2-23 {
  grid-row: 2 / span 23;
}
.colOcup-2-22 {
  grid-column: 2 / span 22;
}
.RowOcup-2-22 {
  grid-row: 2 / span 22;
}
.colOcup-2-21 {
  grid-column: 2 / span 21;
}
.RowOcup-2-21 {
  grid-row: 2 / span 21;
}
.colOcup-2-20 {
  grid-column: 2 / span 20;
}
.RowOcup-2-20 {
  grid-row: 2 / span 20;
}
.colOcup-2-19 {
  grid-column: 2 / span 19;
}
.RowOcup-2-19 {
  grid-row: 2 / span 19;
}
.colOcup-2-18 {
  grid-column: 2 / span 18;
}
.RowOcup-2-18 {
  grid-row: 2 / span 18;
}
.colOcup-2-17 {
  grid-column: 2 / span 17;
}
.RowOcup-2-17 {
  grid-row: 2 / span 17;
}
.colOcup-2-16 {
  grid-column: 2 / span 16;
}
.RowOcup-2-16 {
  grid-row: 2 / span 16;
}
.colOcup-2-15 {
  grid-column: 2 / span 15;
}
.RowOcup-2-15 {
  grid-row: 2 / span 15;
}
.colOcup-2-14 {
  grid-column: 2 / span 14;
}
.RowOcup-2-14 {
  grid-row: 2 / span 14;
}
.colOcup-2-13 {
  grid-column: 2 / span 13;
}
.RowOcup-2-13 {
  grid-row: 2 / span 13;
}
.colOcup-2-12 {
  grid-column: 2 / span 12;
}
.RowOcup-2-12 {
  grid-row: 2 / span 12;
}
.colOcup-2-11 {
  grid-column: 2 / span 11;
}
.RowOcup-2-11 {
  grid-row: 2 / span 11;
}
.colOcup-2-10 {
  grid-column: 2 / span 10;
}
.RowOcup-2-10 {
  grid-row: 2 / span 10;
}
.colOcup-2-9 {
  grid-column: 2 / span 9;
}
.RowOcup-2-9 {
  grid-row: 2 / span 9;
}
.colOcup-2-8 {
  grid-column: 2 / span 8;
}
.RowOcup-2-8 {
  grid-row: 2 / span 8;
}
.colOcup-2-7 {
  grid-column: 2 / span 7;
}
.RowOcup-2-7 {
  grid-row: 2 / span 7;
}
.colOcup-2-6 {
  grid-column: 2 / span 6;
}
.RowOcup-2-6 {
  grid-row: 2 / span 6;
}
.colOcup-2-5 {
  grid-column: 2 / span 5;
}
.RowOcup-2-5 {
  grid-row: 2 / span 5;
}
.colOcup-2-4 {
  grid-column: 2 / span 4;
}
.RowOcup-2-4 {
  grid-row: 2 / span 4;
}
.colOcup-2-3 {
  grid-column: 2 / span 3;
}
.RowOcup-2-3 {
  grid-row: 2 / span 3;
}
.colOcup-2-2 {
  grid-column: 2 / span 2;
}
.RowOcup-2-2 {
  grid-row: 2 / span 2;
}
.colOcup-2-1 {
  grid-column: 2 / span 1;
}
.RowOcup-2-1 {
  grid-row: 2 / span 1;
}
.colOcup-1-24 {
  grid-column: 1 / span 24;
}
.RowOcup-1-24 {
  grid-row: 1 / span 24;
}
.colOcup-1-23 {
  grid-column: 1 / span 23;
}
.RowOcup-1-23 {
  grid-row: 1 / span 23;
}
.colOcup-1-22 {
  grid-column: 1 / span 22;
}
.RowOcup-1-22 {
  grid-row: 1 / span 22;
}
.colOcup-1-21 {
  grid-column: 1 / span 21;
}
.RowOcup-1-21 {
  grid-row: 1 / span 21;
}
.colOcup-1-20 {
  grid-column: 1 / span 20;
}
.RowOcup-1-20 {
  grid-row: 1 / span 20;
}
.colOcup-1-19 {
  grid-column: 1 / span 19;
}
.RowOcup-1-19 {
  grid-row: 1 / span 19;
}
.colOcup-1-18 {
  grid-column: 1 / span 18;
}
.RowOcup-1-18 {
  grid-row: 1 / span 18;
}
.colOcup-1-17 {
  grid-column: 1 / span 17;
}
.RowOcup-1-17 {
  grid-row: 1 / span 17;
}
.colOcup-1-16 {
  grid-column: 1 / span 16;
}
.RowOcup-1-16 {
  grid-row: 1 / span 16;
}
.colOcup-1-15 {
  grid-column: 1 / span 15;
}
.RowOcup-1-15 {
  grid-row: 1 / span 15;
}
.colOcup-1-14 {
  grid-column: 1 / span 14;
}
.RowOcup-1-14 {
  grid-row: 1 / span 14;
}
.colOcup-1-13 {
  grid-column: 1 / span 13;
}
.RowOcup-1-13 {
  grid-row: 1 / span 13;
}
.colOcup-1-12 {
  grid-column: 1 / span 12;
}
.RowOcup-1-12 {
  grid-row: 1 / span 12;
}
.colOcup-1-11 {
  grid-column: 1 / span 11;
}
.RowOcup-1-11 {
  grid-row: 1 / span 11;
}
.colOcup-1-10 {
  grid-column: 1 / span 10;
}
.RowOcup-1-10 {
  grid-row: 1 / span 10;
}
.colOcup-1-9 {
  grid-column: 1 / span 9;
}
.RowOcup-1-9 {
  grid-row: 1 / span 9;
}
.colOcup-1-8 {
  grid-column: 1 / span 8;
}
.RowOcup-1-8 {
  grid-row: 1 / span 8;
}
.colOcup-1-7 {
  grid-column: 1 / span 7;
}
.RowOcup-1-7 {
  grid-row: 1 / span 7;
}
.colOcup-1-6 {
  grid-column: 1 / span 6;
}
.RowOcup-1-6 {
  grid-row: 1 / span 6;
}
.colOcup-1-5 {
  grid-column: 1 / span 5;
}
.RowOcup-1-5 {
  grid-row: 1 / span 5;
}
.colOcup-1-4 {
  grid-column: 1 / span 4;
}
.RowOcup-1-4 {
  grid-row: 1 / span 4;
}
.colOcup-1-3 {
  grid-column: 1 / span 3;
}
.RowOcup-1-3 {
  grid-row: 1 / span 3;
}
.colOcup-1-2 {
  grid-column: 1 / span 2;
}
.RowOcup-1-2 {
  grid-row: 1 / span 2;
}
.colOcup-1-1 {
  grid-column: 1 / span 1;
}
.RowOcup-1-1 {
  grid-row: 1 / span 1;
}
.my-class-8-8 {
  width: 12.5%;
  height: 12.5%;
}
.my-class-8-7 {
  width: 12.5%;
  height: 14.28571429%;
}
.my-class-8-6 {
  width: 12.5%;
  height: 16.66666667%;
}
.my-class-8-5 {
  width: 12.5%;
  height: 20%;
}
.my-class-8-4 {
  width: 12.5%;
  height: 25%;
}
.my-class-8-3 {
  width: 12.5%;
  height: 33.33333333%;
}
.my-class-8-2 {
  width: 12.5%;
  height: 50%;
}
.my-class-8-1 {
  width: 12.5%;
  height: 100%;
}
.my-class-7-8 {
  width: 14.28571429%;
  height: 12.5%;
}
.my-class-7-7 {
  width: 14.28571429%;
  height: 14.28571429%;
}
.my-class-7-6 {
  width: 14.28571429%;
  height: 16.66666667%;
}
.my-class-7-5 {
  width: 14.28571429%;
  height: 20%;
}
.my-class-7-4 {
  width: 14.28571429%;
  height: 25%;
}
.my-class-7-3 {
  width: 14.28571429%;
  height: 33.33333333%;
}
.my-class-7-2 {
  width: 14.28571429%;
  height: 50%;
}
.my-class-7-1 {
  width: 14.28571429%;
  height: 100%;
}
.my-class-6-8 {
  width: 16.66666667%;
  height: 12.5%;
}
.my-class-6-7 {
  width: 16.66666667%;
  height: 14.28571429%;
}
.my-class-6-6 {
  width: 16.66666667%;
  height: 16.66666667%;
}
.my-class-6-5 {
  width: 16.66666667%;
  height: 20%;
}
.my-class-6-4 {
  width: 16.66666667%;
  height: 25%;
}
.my-class-6-3 {
  width: 16.66666667%;
  height: 33.33333333%;
}
.my-class-6-2 {
  width: 16.66666667%;
  height: 50%;
}
.my-class-6-1 {
  width: 16.66666667%;
  height: 100%;
}
.my-class-5-8 {
  width: 20%;
  height: 12.5%;
}
.my-class-5-7 {
  width: 20%;
  height: 14.28571429%;
}
.my-class-5-6 {
  width: 20%;
  height: 16.66666667%;
}
.my-class-5-5 {
  width: 20%;
  height: 20%;
}
.my-class-5-4 {
  width: 20%;
  height: 25%;
}
.my-class-5-3 {
  width: 20%;
  height: 33.33333333%;
}
.my-class-5-2 {
  width: 20%;
  height: 50%;
}
.my-class-5-1 {
  width: 20%;
  height: 100%;
}
.my-class-4-8 {
  width: 25%;
  height: 12.5%;
}
.my-class-4-7 {
  width: 25%;
  height: 14.28571429%;
}
.my-class-4-6 {
  width: 25%;
  height: 16.66666667%;
}
.my-class-4-5 {
  width: 25%;
  height: 20%;
}
.my-class-4-4 {
  width: 25%;
  height: 25%;
}
.my-class-4-3 {
  width: 25%;
  height: 33.33333333%;
}
.my-class-4-2 {
  width: 25%;
  height: 50%;
}
.my-class-4-1 {
  width: 25%;
  height: 100%;
}
.my-class-3-8 {
  width: 33.33333333%;
  height: 12.5%;
}
.my-class-3-7 {
  width: 33.33333333%;
  height: 14.28571429%;
}
.my-class-3-6 {
  width: 33.33333333%;
  height: 16.66666667%;
}
.my-class-3-5 {
  width: 33.33333333%;
  height: 20%;
}
.my-class-3-4 {
  width: 33.33333333%;
  height: 25%;
}
.my-class-3-3 {
  width: 33.33333333%;
  height: 33.33333333%;
}
.my-class-3-2 {
  width: 33.33333333%;
  height: 50%;
}
.my-class-3-1 {
  width: 33.33333333%;
  height: 100%;
}
.my-class-2-8 {
  width: 50%;
  height: 12.5%;
}
.my-class-2-7 {
  width: 50%;
  height: 14.28571429%;
}
.my-class-2-6 {
  width: 50%;
  height: 16.66666667%;
}
.my-class-2-5 {
  width: 50%;
  height: 20%;
}
.my-class-2-4 {
  width: 50%;
  height: 25%;
}
.my-class-2-3 {
  width: 50%;
  height: 33.33333333%;
}
.my-class-2-2 {
  width: 50%;
  height: 50%;
}
.my-class-2-1 {
  width: 50%;
  height: 100%;
}
.my-class-1-8 {
  width: 100%;
  height: 12.5%;
}
.my-class-1-7 {
  width: 100%;
  height: 14.28571429%;
}
.my-class-1-6 {
  width: 100%;
  height: 16.66666667%;
}
.my-class-1-5 {
  width: 100%;
  height: 20%;
}
.my-class-1-4 {
  width: 100%;
  height: 25%;
}
.my-class-1-3 {
  width: 100%;
  height: 33.33333333%;
}
.my-class-1-2 {
  width: 100%;
  height: 50%;
}
.my-class-1-1 {
  width: 100%;
  height: 100%;
}
.submenu {
  margin-left: 75px;
  margin-right: 75px;
  text-align: left;
  padding-left: 25px;
}
@media only screen and (max-width: 1020px) {
  .submenu {
    margin: 0;
    padding: 0;
  }
}
.submenu ul {
  height: 45px;
  margin: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  opacity: 1;
}
@media only screen and (max-width: 1020px) {
  .submenu ul {
    justify-content: center;
  }
}
.submenu ul .submenu__arrow {
  display: none;
}
@media only screen and (max-width: 1020px) {
  .submenu ul .submenu__arrow {
    display: inline-block;
    opacity: 0.65;
  }
}
.submenu ul .hide {
  display: none !important;
}
.submenu ul li {
  height: 45px;
  line-height: 45px;
  margin-right: 3px;
  vertical-align: middle;
  display: inline-block;
  white-space: nowrap;
  padding-left: 25px;
  padding-right: 25px;
  background-color: hsl(0, 0%, 95%);
  color: hsl(0, 0%, 50%);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px solid hsl(0, 0%, 90%);
  border-bottom: none;
  cursor: pointer;
  opacity: 0.25;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  z-index: auto;
  transform: translateY(1px);
}
@media only screen and (max-width: 480px) {
  .submenu ul li {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.submenu ul li:hover {
  opacity: 1;
}
.submenu ul li:hover > a {
  color: hsl(0, 0%, 25%);
  font-weight: 600;
}
.submenu ul li.active {
  opacity: 1;
}
.submenu ul li.active > span {
  color: hsl(0, 0%, 25%);
  font-weight: 600;
}
@media only screen and (max-width: 1020px) {
  .submenu ul li:not(.active):not(.submenu__arrow):not(.visible) {
    display: none;
  }
}
.tabContent {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  width: 100%;
}
.tabContent.active {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in;
}
/*---------------------------------------------------------------------------*/
/*Tables*/
.d_table {
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
  text-align: left;
}
.d_table .toggleExtraCellData {
  cursor: pointer;
}
.d_table .toggleExtraCellData:hover {
  color: hsl(357, 96%, 42%);
}
.d_table .toggleExtraCellData:before {
  content: "+ ";
}
.d_table .show:before {
  content: "- ";
}
.d_table tr {
  text-align: left;
}
.d_table tr td {
  vertical-align: top;
}
.d_table tr:nth-child(even) td {
  background-color: hsl(0, 0%, 95%);
}
.d_table tr:nth-child(even) td.totals {
  background-color: transparent !important;
}
.d_table tr:nth-child(odd) td {
  background-color: hsl(0, 0%, 100%);
}
.d_table tr.totals td {
  background-color: transparent !important;
}
.d_table .totals {
  font-weight: bold;
  background-color: hsl(0, 0%, 100%);
  word-break: normal;
}
.d_table td {
  padding: 0.3em;
  min-width: 2px;
}
.d_table td ul {
  list-style: none;
  margin-left: 0px;
}
.d_table td .dbrain-link {
  white-space: normal;
}
.d_table th {
  font-weight: 500;
  text-align: left;
}
.query-box .d_table tr {
  display: table-row !important;
}
.wrap-cell {
  max-width: 200px;
  word-wrap: break-word;
}
.d_query {
  margin: 8px 0;
}
tr.d_header {
  display: table-row !important;
}
tr.d_header:nth-child(1) {
  color: hsl(177, 100%, 4%);
  background-color: hsl(0, 0%, 90%);
}
tr.d_header td {
  background-color: transparent !important;
}
td ul {
  list-style: none;
  margin-left: 0px;
}
/*---------------------------------------------------------------------------*/
/* styles for table with vertical columns */
table.vertical {
  table-layout: fixed;
}
table.vertical tbody {
  width: 100%;
}
table.vertical tr.d_header {
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
table.vertical tr {
  border-bottom: 3px solid hsl(0, 0%, 82%);
  display: block !important;
  margin-bottom: 0.625em;
}
table.vertical td {
  border-bottom: 1px solid hsl(0, 0%, 82%);
  display: block;
  font-size: 0.8em;
  text-align: right;
}
table.vertical td::before {
  content: attr(data-th);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}
table.vertical .wrap-cell {
  max-width: none;
}
.query-box table.vertical tr {
  display: block !important;
}
.pager {
  margin: 1em 0;
  display: flex;
  flex-wrap: wrap;
}
.pager span {
  padding: 0.125em 0.5em;
  border: 1px solid hsl(0, 0%, 82%);
  cursor: pointer;
  background-color: hsl(0, 0%, 100%);
  margin: 0.125em;
}
.pager [data-page] {
  display: inline-block;
  min-width: 3ch;
}
.pager .btn-next,
.pager .btn-prev {
  border: none;
  background: none;
}
.pager .btn-next {
  margin-left: 0.5em;
}
.pager .btn-prev {
  margin-right: 0.5em;
}
.pager .active {
  cursor: default;
  background-color: #d9d571;
  color: hsl(0, 0%, 100%);
}
.pager [data-page-first] {
  position: relative;
  margin-right: 2rem;
}
.pager [data-page-first]:after {
  content: "...";
  display: block;
  position: absolute;
  top: 0;
  left: 116%;
  width: 0.6rem;
  padding: 0.125em 0.4em;
  color: black;
  pointer-events: none;
}
.pager [data-page-last] {
  position: relative;
  margin-left: 2rem;
}
.pager [data-page-last]:after {
  content: "...";
  display: block;
  position: absolute;
  top: 0;
  right: 116%;
  width: 0.6rem;
  padding: 0.125em 0.4em;
  color: black;
  pointer-events: none;
}
.d_results,
.d_resume,
.d_details {
  overflow: auto;
}
.d_table tr:not(.d_header).is-outside-page {
  display: none !important;
}
.pagination-container {
  display: flex;
  width: max-content;
  margin: 15px auto !important;
  border: 1px solid hsl(0, 0%, 50%);
  border-radius: 8px;
  position: relative;
}
.pagination-container .pagination-item {
  cursor: pointer;
  padding: 8px 16px;
  font-size: 18px;
  box-shadow: 0 1px 2px 0 rgb(0 0 0%);
}
.pagination-container .pagination-item:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.pagination-container .pagination-item:first-child:after {
  content: '';
  height: 36px;
  position: relative;
  border-right: 1px solid hsl(0, 0%, 55%);
  left: 16px;
}
.pagination-container .pagination-item:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.pagination-container .pagination-item:last-child:before {
  content: '';
  height: 36px;
  position: relative;
  border-left: 1px solid hsl(0, 0%, 55%);
  right: 16px;
}
.pagination-container .pagination-item:hover {
  background-color: hsl(0, 0%, 85%);
}
.pagination-container .pagination-item.selected {
  margin: -1px;
  border: 1px solid hsl(0, 0%, 50%);
  font-weight: bold;
  background-color: hsl(0, 0%, 85%);
  position: relative;
  z-index: 1;
  cursor: auto;
}
.pagination-container .pagination-item.non-clickable {
  color: hsl(0, 0%, 50%);
  cursor: auto;
  background-color: transparent;
}
.pagination-goto-page {
  margin: 5px;
  width: 40px;
  position: absolute;
  right: -50px;
  top: -3px;
  height: 32px;
  text-align: center;
  border-radius: 5px;
}
/* COMMON DASHBOARD */
#dashboard {
  border-bottom: 1px solid black;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: center;
  font-family: Calibri, Arial, Myriad, sans-serif;
  height: 140px;
}
#dashboard .full-height,
#dashboard .timer-element {
  height: 140px;
}
#dashboard .full-height {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#dashboard .dashboard-element {
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
  /* PERCENTAGE BAR */
  /* TIMER */
  /* SPEEDOMETER */
  /* DASHBOARD LISTS */
}
#dashboard .dashboard-element .dashboard-element-title {
  margin: 0 0 5px 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#dashboard .dashboard-element .percentagebar-wrapper {
  width: 230px;
  height: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  background: grey;
}
#dashboard .dashboard-element .percentagebar {
  display: inline-block;
  margin: auto;
  height: 100%;
  -webkit-transition: width 2s;
  /* Safari */
  transition: width 2s;
}
#dashboard .dashboard-element .stylization {
  position: absolute;
  z-index: 3;
  height: 4px;
  width: 90%;
  left: 5%;
  top: 6px;
  opacity: 0.3;
  background: #fff;
  border-radius: 2px;
}
#dashboard .dashboard-element .progress {
  position: relative;
  margin: 0px 4px;
  float: left;
  text-align: center;
  font-family: Calibri, Arial, sans-serif;
  font-size: 28px;
}
#dashboard .dashboard-element .barOverflow {
  /* Wraps the rotating .bar */
  position: relative;
  width: 170px;
  height: 85px;
  /* Half circle (overflow) */
  margin-bottom: -30px;
  /* bring the numbers up */
  overflow: hidden;
}
#dashboard .dashboard-element .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  height: 170px;
  /* full circle! */
  border-radius: 70%;
  box-sizing: border-box;
  border: 35px solid #ccc;
  /* half gray, */
  border-bottom-color: #d21f26;
  /* half azure */
  border-right-color: #d21f26;
  /* same as bottom color*/
  transform: rotate(225deg);
}
#dashboard .dashboard-element .bar.withTransition {
  transition: transform 1s linear, border 1s linear;
}
#dashboard .dashboard-element .speedometer-container {
  display: inline-block;
  height: 70px;
  width: 140px;
  position: relative;
  overflow: hidden;
}
#dashboard .dashboard-element .speedometer-container .outer-circle {
  position: absolute;
  clip-path: circle(50% at 50% 50%);
  top: 0;
  left: 0;
  height: 200%;
  width: 100%;
  background: conic-gradient(#67BB6A 0%, #B0D074 10%, #e7df4d 25%, #F29B5C 40%, #D21F26 50%);
  transform: rotate(-90deg);
}
#dashboard .dashboard-element .speedometer-container .inner-circle {
  position: absolute;
  clip-path: circle(27% at 50% 50%);
  top: 0;
  left: 0;
  height: 200%;
  width: 100%;
  background: white;
}
#dashboard .dashboard-element .speedometer-container .needle {
  position: absolute;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background-color: #272727;
  top: 0;
  left: 0;
}
#dashboard .dashboard-element .speedometer-container .needle {
  -webkit-transition: -webkit-transform 1s ease-out;
  -moz-transition: -moz-transform 1s ease-out;
  -o-transition: -o-transform 1s ease-out;
  -ms-transition: -ms-transform 1s ease-out;
  transition: transform 1s ease-out;
}
#dashboard .dashboard-element .speedometer-container .needle-base {
  position: absolute;
  border-radius: 100%;
  background-color: #272727;
  bottom: 0;
}
#dashboard .dashboard-element .lists-container {
  display: flex;
  justify-content: space-around;
}
#dashboard .dashboard-element .lists-container .list-title {
  margin: 2px 0;
  text-align: center;
}
#dashboard .dashboard-element .lists-container .list-separator {
  border-left: 1px solid black;
}
#dashboard .dashboard-element .lists-container .rowContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 10px;
}
#dashboard .dashboard-element .lists-container .rowContainer p {
  margin: 2px 5px;
}
#dashboard .dashboard-element .lists-container .marker {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
#dashboard .speedometer-element {
  display: grid;
  grid-template-columns: auto auto ;
  grid-template-areas: "title title" "left-container right-container";
}
#dashboard .speedometer-element .dashboard-element-title {
  grid-area: title;
}
#dashboard .speedometer-element .speedometer-label {
  text-align: center;
  margin: 0;
}
#dashboard .speedometer-element .right-container .right-container-text {
  display: flex;
  align-items: center;
  justify-content: end;
  width: max-content;
  line-height: 28px;
  margin: 10px;
}
#dashboard .speedometer-element .right-container .right-container-value {
  margin-left: 5px;
}
#dashboard img {
  width: 150px;
}
#dashboard .icon {
  width: 35px;
}
@media only screen and (max-width: 1550px) {
  #dashboardimg {
    width: 100px;
  }
  #dashboard p {
    font-size: 12px;
  }
  #dashboard .dashboard-element .dashboard-element-title {
    font-size: 14px;
  }
}
/*
Copyright (C) 2018 Atomian Cognitive Architects S.L. - All Rights Reserved.
No warranty, explicit or implicit, provided. In no event shall the author
be liable for any claim or damages.
This is proprietary software.
*/
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.dismiss-button {
  position: absolute;
  top: 0;
  right: 3px;
  font-size: 2em;
  color: hsl(0, 0%, 65%);
}
.dismiss-button > div {
  cursor: pointer;
}
.dismiss-button > div:hover {
  color: hsl(357, 96%, 42%);
}
.popup {
  position: fixed;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  height: 100%;
}
.popup .container {
  background: hsl(0, 0%, 100%);
  padding: 1em 2em;
  display: flex;
  flex-direction: column;
  min-width: 25vw;
  max-height: 95vh;
  overflow: auto;
}
@media only screen and (max-width: 480px) {
  .popup .container {
    min-width: 80vw;
    max-width: 80vw;
  }
}
.popup .container .header {
  display: flex;
  align-items: center;
  font-weight: 100;
  position: relative;
}
.popup .sub-header {
  padding: 0 1em;
}
.popup .content {
  width: 100%;
  max-width: 960px;
  box-sizing: border-box;
  padding: 0 2em;
  flex: 1 1 auto;
  padding-top: 1em;
}
.popup .content .header {
  margin-top: 1.5em;
  margin-bottom: 0;
  font-size: 1.25em;
  background-color: hsl(0, 0%, 80%);
  color: hsl(0, 0%, 100%);
  padding-left: 0.1em;
  font-weight: bold;
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: none;
}
.popup .header .title {
  margin: 0 auto;
  text-align: center;
  border-bottom: none;
  text-transform: uppercase;
  font-size: 1.1em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.5em;
  color: #808080;
}
.popup .loading-icon {
  width: 30%;
  margin: 3em auto;
}
.popup .controls .button {
  color: hsl(0, 0%, 65%);
  border: none;
  background-color: transparent;
  margin-left: 0.8em;
  height: auto;
  flex: 0 0 auto;
}
.popup .section {
  display: block;
  flex: 0;
}
.popup .section-content {
  display: block;
  text-align: center;
  align-self: auto;
}
.popup .section-content:empty {
  display: none;
}
.popup .section-content.display-header {
  margin-bottom: 2rem;
}
.popup .section-content.display-header h1 {
  font-size: 1.6em;
}
.popup .row {
  flex-direction: row;
  display: flex;
  align-items: center;
}
.popup .query-text {
  margin-right: 24px;
}
.popup input {
  vertical-align: middle;
}
.contents > div {
  min-height: 3em;
}
.boxSelection {
  border: 1px solid hsl(0, 0%, 0%);
  margin-right: 1em;
}
#createNewBoxPopup {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#createNewBoxPopup .container {
  margin: 0 auto;
  height: 80vh;
  width: 45vw;
}
@media only screen and (max-width: 480px) {
  #createNewBoxPopup .container {
    width: 80vw;
    min-width: 80vw;
    font-size: 1em;
  }
}
#createNewBoxPopup .content {
  font-size: 1.125em;
  min-width: 80%;
}
#createNewBoxPopup .content > div {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0;
}
#createNewBoxPopup .content textarea {
  flex: 1 0 auto;
}
#createNewBoxPopup .content .contents label {
  margin-right: 0.2em;
}
#createNewBoxPopup .content .contents > div {
  margin-top: 0.5em;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
#createNewBoxPopup .content .contents > div > div {
  margin-bottom: 0.4em;
}
#createNewBoxPopup .content .contents > div > label {
  margin-top: 0.2em;
  display: flex;
  align-items: center;
}
#createNewBoxPopup .content .contents > div > label span {
  margin-left: 0.5em;
}
#createNewBoxPopup .content .contents .colorPickerContainer {
  display: flex;
  flex-direction: row;
}
#createNewBoxPopup .content .contents .newAlertTargetSelection {
  flex-direction: row;
}
#createNewBoxPopup .content .contents .newAlertTargetSelection #newAlertBoxTarget {
  flex: 1 1 auto;
}
#createNewBoxPopup .content .prefab .example {
  margin-bottom: 1em;
  margin-top: -0.1em;
  font-size: 0.75em;
}
#createNewBoxPopup .addQueryButton {
  font-family: AtomianFont;
}
#createNewBoxPopup .editor-div {
  display: block;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 0.2em;
  padding-left: 0.3em;
  resize: vertical;
  min-height: 3.5em;
  margin: 4px;
}
#createNewBoxPopup .select-group.date-range {
  display: none !important;
}
#createNewBoxPopup .select-group.date-range.is-visible {
  display: flex !important;
}
.colorContainer {
  margin: 0 8px;
  width: 2em;
  height: 1em;
  border: 1px solid hsl(0, 0%, 82%);
}
#editPopup .editor-div {
  display: block;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border-radius: 3px;
  padding: 0.2em;
  padding-left: 0.3em;
  resize: vertical;
  min-height: 3.5em;
  margin: 4px;
}
#editPopup .container {
  height: auto;
  width: 35%;
  padding: 16px 24px;
}
#editPopup .content > div {
  display: flex;
  flex-direction: column;
}
#editPopup .select-group.date-range {
  display: none !important;
}
#editPopup .select-group.date-range.is-visible {
  display: flex !important;
}
#editPopup .newBoxTitle {
  padding-bottom: 10px;
}
.prefab .open-input {
  display: inline;
  pointer-events: none;
}
.prefab .example {
  color: hsl(0, 0%, 80%);
  display: none;
}
.prefab .example img {
  height: 1.5em;
}
.prefab .editor-div:focus.prefab .editor-div + div.prefab .editor-div + .example {
  display: block;
}
[contentEditable="true"]:empty:not(:focus):before {
  content: attr(data-ph);
  color: hsl(0, 0%, 80%);
}
#maximizedBoxPopup .container {
  padding-bottom: 0;
  min-height: 95%;
  min-width: 90%;
  flex: 1 1 auto;
  margin-right: 2.5em;
  margin-left: 2.5em;
  width: auto;
  top: 2%;
}
@media only screen and (max-width: 480px) {
  #maximizedBoxPopup .container {
    min-width: 75%;
  }
}
#maximizedBoxPopup .box-controls {
  font-size: 1.125em;
  margin-right: 24px;
}
#maximizedBoxPopup .box-controls .button {
  margin-right: 8px;
}
#maximizedBoxPopup .box-controls .button:hover {
  color: hsl(357, 96%, 42%);
}
#maximizedBoxPopup .button {
  background-color: transparent;
  color: hsl(0, 0%, 65%);
  margin-right: 2px;
}
#maximizedBoxPopup .previous {
  cursor: pointer;
  position: fixed;
  font-size: 1.4em;
  top: 50%;
  left: 0.2em;
  line-height: 1.6em;
  transform: translateY(-50%);
  color: hsl(0, 0%, 100%);
}
#maximizedBoxPopup .previous:hover {
  color: hsl(357, 96%, 42%);
}
#maximizedBoxPopup .next {
  cursor: pointer;
  position: fixed;
  font-size: 1.4em;
  top: 50%;
  right: 0.2em;
  line-height: 1.6em;
  transform: translateY(-50%);
  color: hsl(0, 0%, 100%);
}
#maximizedBoxPopup .next:hover {
  color: hsl(357, 96%, 42%);
}
#maximizedBoxPopup h3 {
  font-size: 1em;
}
#maximizedBoxPopup h3 .button {
  font-size: 1em;
}
#maximizedBoxPopup .chart-data .controls {
  text-align: left;
  margin-bottom: 0.5em;
}
#maximizedBoxPopup .chart-data .controls .button {
  font-size: 1.5em;
}
#maximizedBoxPopup .content .alertBox {
  font-family: AtomianFont;
  text-align: center;
  font-size: 20em;
  flex: 1 1 auto;
}
#maximizedBoxPopup .content .response {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  #maximizedBoxPopup .content > div:not(.history-wrapper) {
    display: block;
  }
}
#maximizedBoxPopup .content > div:not(.history-wrapper) > div:not(.history-row):not(.comments) {
  display: flex;
  flex-direction: column;
  flex: auto;
}
#maximizedBoxPopup .content > div:not(.history-wrapper) .chart-container {
  flex: 1 1 auto;
  flex-direction: column;
}
#maximizedBoxPopup .content .comments {
  flex: 0 0 20%;
  margin-top: 2rem;
}
.content.maximized-content {
  font-size: 1em;
}
#maximizedBoxPopup.popup .content {
  padding-bottom: 1em;
}
#maximizedBoxPopup.popup .content > div {
  flex-grow: 1;
  padding-right: 0.1em;
}
#maximizedBoxPopup.popup .content .d-sheet {
  margin-bottom: 1em;
}
#allResultsPopup {
  z-index: 5000;
}
#allResultsPopup .container {
  min-width: 75vw;
  max-width: 100%;
  height: auto;
  max-height: 85vh;
}
#allResultsPopup .container .header {
  padding-top: 10px;
}
#allResultsPopup .actions {
  margin-right: 2rem;
}
#allResultsPopup .actions .button {
  color: hsl(0, 0%, 65%);
  border: none;
  background-color: transparent;
  margin: 0 0.4em;
  height: auto;
  flex: 0 0 auto;
}
#allResultsPopup .content > div {
  flex: 1 1 auto;
  flex-direction: column;
}
#allResultsPopup .popup .content {
  align-items: center;
}
#allResultsPopup .d-table tr {
  display: inherit;
}
#preview_email > div {
  flex: 1 1 auto;
  flex-direction: column;
}
#schedulerMailManagerPopup .container {
  min-width: 75vw;
  max-width: 100%;
  height: auto;
}
#schedulerMailManagerPopup table {
  width: 100%;
}
#schedulerMailManagerPopup table thead {
  text-align: left;
}
#schedulerMailManagerPopup .content {
  padding: 0 24px;
}
#schedulerMailManagerPopup .content .button {
  font-family: Calibri, Arial, Myriad, sans-serif;
}
#schedulerMailManagerPopup .delete {
  cursor: pointer;
}
#schedulerMailManagerPopup .delete:hover {
  color: hsl(357, 96%, 42%);
}
#helpPopup .container {
  width: 80vw;
  height: 80vh;
}
#helpPopup table {
  width: 100%;
  white-space: normal;
}
#helpPopup td ul {
  padding: 0;
}
#helpPopup .searchBar {
  width: 50%;
}
#helpPopup .searchBar .button {
  padding: 0.1em;
  padding-left: 0.3em;
  padding-right: 0.3em;
  width: 1em;
  line-height: 1.3em;
  border-radius: 0;
  font-size: 1.3em;
  height: 1.7em;
  border: solid 1px hsl(357, 96%, 42%);
}
#helpPopup .searchInput {
  height: 1.7em;
  padding: 0.1em;
  font-size: 1.3em;
}
#helpPopup h1 {
  margin-top: 0;
}
#helpPopup .content {
  padding-top: 0;
}
#helpPopup .empty-row {
  height: 1em;
  background-color: hsl(0, 0%, 100%);
}
#helpPopup .d-table-help .d_header {
  font-weight: bold;
  border-bottom: 1px solid hsl(0, 0%, 0%);
  background-color: white;
}
.download-container {
  padding: 0.5em;
  margin: 0 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid hsl(0, 0%, 82%);
  cursor: pointer;
  display: flex;
  align-items: center;
}
.download-container:hover {
  color: hsl(357, 96%, 42%);
}
.download-icon {
  font-size: 1.125em;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.display-status {
  animation: fade-in 1s;
  text-align: center;
  margin-bottom: 16px;
}
.completed-icon {
  color: #88c37e;
  font-size: 40px;
}
.download-text {
  font-size: 16px;
  text-align: center;
  margin-left: 16px;
}
#downloadPopup {
  z-index: 6000;
}
#downloadPopup .content {
  justify-content: center;
}
#downloadPopup .container {
  height: auto;
  width: 30em;
}
#downloadPopup .header {
  padding: 20px 0;
}
#downloadPopup .buttons {
  text-align: center;
}
#sharePopup .content {
  justify-content: center;
  padding: 0;
}
#sharePopup .container {
  height: auto;
  width: 30em;
}
#sharePopup .container .title {
  padding: 5px 0 20px 0;
}
#sharePopup buttons {
  text-align: center;
}
#messagePopupContent {
  text-align: center;
}
#searchInput {
  box-sizing: border-box;
  border: none;
  line-height: 1.2em;
  outline: 1px solid transparent;
}
.search-wrapper {
  width: 100%;
  border: 1px solid hsl(0, 0%, 82%);
  border-radius: 9999px;
  display: flex;
  align-items: center;
}
.search-wrapper span {
  align-self: center;
  color: hsl(0, 0%, 65%);
  margin-left: 1em;
}
.check-all-wrapper {
  display: flex;
  align-items: center;
}
#checkAllInput {
  margin-left: 8px;
}
.filter-search {
  display: flex;
  align-items: center;
}
.user-list {
  list-style-type: none;
  height: 200px;
  overflow-y: auto;
  padding: 0;
  margin: 0.5em 0;
}
.user-list li {
  border-top: 1px solid hsl(0, 0%, 82%);
  display: block;
  padding: 0.5em;
  font-size: 1em;
}
.user-list li:hover {
  background-color: hsl(0, 0%, 100%);
}
.checkbox-round {
  width: 1.7em;
  height: 1.7em;
  background-color: hsl(0, 0%, 100%);
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid hsl(0, 0%, 82%);
  -webkit-appearance: none;
  text-align: center;
  outline: none;
  cursor: pointer;
  font-family: AtomianFont;
  display: inline-block;
}
.checkbox-round:checked {
  color: hsl(0, 0%, 100%);
  background-color: #88c37e;
}
.checkbox-round:checked:before {
  content: "\f00c";
  font-family: AtomianFont;
  vertical-align: middle;
  font-size: 0.9em;
  margin-top: 2px;
  display: inline-block;
}
.user-checkbox-name {
  margin: 0 0 0 12px;
}
#messagePopup .container {
  height: auto;
  padding: 1em;
  min-height: 0;
}
#deleteUserPopup .container {
  height: auto;
  padding: 2em;
  min-height: 0;
}
#addNewWordPopup .container {
  height: auto;
  padding: 2em;
  min-height: 0;
}
#addNewWordPopup .container .buttons {
  display: flex;
  justify-content: space-around;
}
#scheduleMailPopup {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#scheduleMailPopup .container {
  background: hsl(0, 0%, 100%);
  min-width: 30vw;
}
@media only screen and (max-width: 480px) {
  #scheduleMailPopup .container {
    min-width: 80vw;
  }
}
#scheduleMailPopup .content {
  margin-bottom: 1em;
}
#scheduleMailPopup .content.success,
#scheduleMailPopup .content.error {
  display: flex;
  text-align: center;
  justify-content: center;
}
#scheduleMailPopup .content > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#scheduleMailPopup .content > div > label {
  margin-bottom: 0.2em;
}
#scheduleMailPopup .content #timeForm > div > div {
  margin-bottom: 1em;
}
#scheduleMailPopup .content #timeForm #schm_every_week label {
  margin-right: 0.3em;
}
#scheduleMailPopup .content #timeForm #schm_every_month_week label {
  margin-right: 0.3em;
}
#scheduleMailPopup .content .contents > div {
  margin-top: 0.5em;
  display: flex;
  flex-direction: column;
}
#scheduleMailPopup .content .contents .newPvTBoxTargetTypeSelector {
  margin-top: 0.1em;
}
#scheduleMailPopup .header .title {
  padding-left: 0;
  font-size: 1.5em;
}
#scheduleMailPopup .footer {
  margin-top: 3em;
}
#scheduleMailPopup .addQueryButton {
  font-family: AtomianFont;
}
#sendMailPopup .title {
  padding-top: 9px;
}
#sendMailPopup input {
  margin: 6px 0 10px 0;
  width: 240px;
}
#sendMailPopup .content > div {
  margin-top: 0.5em;
}
#sendMailPopup .content .error,
#sendMailPopup .content .success,
#sendMailPopup .content .loading {
  text-align: center;
}
#reportQueryPopup .content > div {
  margin-top: 0.5em;
}
#reportQueryPopup .content > input {
  margin-top: 0.5em;
}
#reportQueryPopup .content .error,
#reportQueryPopup .content .success,
#reportQueryPopup .content .loading {
  text-align: center;
}
ul.tab {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  margin-top: 1em;
  flex-wrap: wrap;
  align-items: center;
}
ul.tab li {
  float: left;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 0.5em 0;
  font-size: 1.25em;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 0.5em;
}
@media only screen and (max-width: 480px) {
  ul.tab li {
    font-size: 0.8em;
  }
}
ul.tab li:hover {
  color: hsl(357, 96%, 42%);
  cursor: pointer;
}
ul.tab li.selected {
  color: hsl(357, 96%, 42%);
  font-weight: bold;
}
ul.tab li.selected span.fa {
  padding: 0.2em;
  line-height: 1.2em;
  width: 1.2em;
  display: inline-block;
  border: 0.5px solid hsl(357, 96%, 42%);
  border-radius: 9999px;
}
ul.tab li.disabled {
  color: hsl(0, 0%, 80%);
  cursor: not-allowed;
}
ul.tab li.disabled:hover {
  background-color: transparent;
}
.calendar-icon {
  font-family: AtomianFont;
  font-size: 24px;
}
#newAlertTriggerSelector {
  height: 35px;
  margin-top: 0;
  margin-right: 3px;
}
#newAlertTriggerSelector:disabled {
  outline: 0;
  width: auto;
  min-width: 200px;
  font-size: 18px;
  border: none;
  border-bottom: 1px solid hsl(0, 0%, 82%);
  color: hsl(0, 0%, 80%);
}
#dateRangePicker {
  position: relative;
  padding: 0 0.5rem;
}
.rangeSelectBtn {
  color: hsl(357, 96%, 42%);
  background: #88c37e;
}
.box-input-group {
  display: flex;
  flex: 1 0 auto;
}
.box-allresults-checkbox {
  vertical-align: middle;
}
.history-radio {
  margin-right: 5em;
  align-self: flex-end;
}
.select-group > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#userSelector {
  margin-left: 0.2em;
}
.email-list {
  display: inline-block;
  flex-wrap: wrap;
  max-width: 550px;
}
.email-list > div {
  cursor: pointer;
  display: block;
  float: left;
  border: 1px solid;
  color: hsl(357, 96%, 42%);
  background: hsl(0, 0%, 100%);
  padding: 7px;
  margin: 4px;
  border-radius: 4px;
}
.email-list > div:hover {
  opacity: 0.7;
}
.email-list > div:hover + .fa {
  display: block;
  color: hsl(357, 96%, 42%);
}
.email-list > input {
  flex: 2;
  background: none;
  border: 0;
  outline: 0;
  overflow: auto;
}
.row textarea {
  flex: 1;
}
.fa-stack {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
  vertical-align: middle;
  margin-right: 0.3em;
}
.fa-stack:hover .fa-stack-1x,
.fa-stack:hover .fa-stack-2x {
  color: hsl(357, 96%, 42%);
}
.fa-stack-1x {
  position: absolute;
  left: 0;
  color: hsl(0, 0%, 65%);
  width: 100%;
  text-align: center;
  line-height: inherit;
  margin: 15% 0px 0px 25%;
  text-shadow: -1px 0 hsl(0, 0%, 100%), 0 2px 3px hsl(0, 0%, 100%), 2px 0 3px hsl(0, 0%, 100%), 0 -1px hsl(0, 0%, 100%);
}
.fa-stack-2x {
  position: absolute;
  left: 0;
  color: hsl(0, 0%, 65%);
  width: 100%;
  text-align: center;
  font-size: 1.2em;
}
#quickGuidePopup .step {
  align-self: center;
}
#quickGuidePopup h1 {
  font-size: 1.8em;
  max-width: 400px;
  font-weight: normal;
  padding-bottom: 14px;
}
#quickGuidePopup h3 {
  font-weight: 100;
}
#sessionExpiredPopup .container {
  max-width: 30%;
}
/* fonts */
@font-face {
  font-family: 'AtomianFont';
  src: url(/FontAwesome.otf?0d2717cd5d853e5c765ca032dfd41a4d) format('truetype');
  /* Safari, Android, iOS */
}
/** Brand colors **/
/** Font colors **/
/** Background colors **/
/** border **/
/* placeholder box (colors with opacity)*/
/** various **/
/*----------------------------------------------------------------------------*/
/* shades of grey */
/* disabled colors */
/*----------------------------------------------------------------------------*/
/* chart colors */
/** font sizes - used for font icons as well **/
/** spacing sizes = padding, margin **/
/* heading sizes */
/* icon sizes */
/* base sizes */
/* borders */
/* Margins */
/* media queries */