@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Hind");
.dev {
  display: none; }

.fa.pull-right {
  margin-right: 1rem; }

.fa-trash {
  display: none !important; }

.view--client_interfaces_index .fa-trash,
.view--client_webhooks_index .fa-trash,
.view--client_shipping_services_index .fa-trash,
.view--client_shipping_profiles_edit .fa-trash,
.view--client_routing_profiles_edit .fa-trash,
.view--client_shipping_profiles_index .fa-trash,
.view--production_shipping_prices_backgrid .fa-trash,
.view--production_products_multiedit .fa-trash,
.view--production_shipping_profiles_index .fa-trash,
.view--bluecloud_shipping_profiles_edit .fa-trash,
.view--bluecloud_routing_profiles_edit .fa-trash,
.view--production_signal_interfaces_index .fa-trash,
.view--production_interfaces_index .fa-trash,
.view--bluecloud_cloudprinter_products_edit .fa-trash,
.view--bluecloud_product_templates_index .fa-trash,
.view--bluecloud_product_templates_edit .fa-trash,
.view--bluecloud_option_templates_index .fa-trash,
.view--bluecloud_option_templates_edit .fa-trash,
.view--bluecloud_invoices_create .fa-trash,
.view--bluecloud_invoices_edit .fa-trash,
.view--bluecloud_cloudprinter_products_index .fa-trash,
.view--bluecloud_invoices_creditcard .fa-trash,
.view--client_email_index .fa-trash,
.view--bluecloud_product_categories_edit .fa-trash,
.view--client_email_index .fa-trash,
.view--bluecloud_production_prices_list .fa-trash,
.view--bluecloud_production_prices_edit .fa-trash,
.view--client_email_index .fa-trash,
.view--bluecloud_productions_edit .fa-trash {
  display: block !important; }

.view--bluecloud_cloudprinter_products_index .delete-container,
.view--bluecloud_cloudprinter_products_edit .delete-container,
.view--bluecloud_product_templates_index .delete-container,
.view--bluecloud_product_templates_edit .delete-container,
.view--bluecloud_option_templates_index .delete-container,
.view--bluecloud_option_templates_edit .delete-container,
.view--bluecloud_invoices_create .delete-container,
.view--bluecloud_invoices_edit .delete-container,
.view--bluecloud_countries_index .delete-container,
.view--bluecloud_countries_edit .delete-container,
.view--bluecloud_invoices_creditcard .delete-container,
.view--bluecloud_product_categories_edit .delete-container {
  display: flex;
  padding-top: 10px; }
.view--bluecloud_cloudprinter_products_index .delete-button,
.view--bluecloud_cloudprinter_products_edit .delete-button,
.view--bluecloud_product_templates_index .delete-button,
.view--bluecloud_product_templates_edit .delete-button,
.view--bluecloud_option_templates_index .delete-button,
.view--bluecloud_option_templates_edit .delete-button,
.view--bluecloud_invoices_create .delete-button,
.view--bluecloud_invoices_edit .delete-button,
.view--bluecloud_countries_index .delete-button,
.view--bluecloud_countries_edit .delete-button,
.view--bluecloud_invoices_creditcard .delete-button,
.view--bluecloud_product_categories_edit .delete-button {
  display: flex;
  cursor: pointer; }
  .view--bluecloud_cloudprinter_products_index .delete-button .fa-trash,
  .view--bluecloud_cloudprinter_products_edit .delete-button .fa-trash,
  .view--bluecloud_product_templates_index .delete-button .fa-trash,
  .view--bluecloud_product_templates_edit .delete-button .fa-trash,
  .view--bluecloud_option_templates_index .delete-button .fa-trash,
  .view--bluecloud_option_templates_edit .delete-button .fa-trash,
  .view--bluecloud_invoices_create .delete-button .fa-trash,
  .view--bluecloud_invoices_edit .delete-button .fa-trash,
  .view--bluecloud_countries_index .delete-button .fa-trash,
  .view--bluecloud_countries_edit .delete-button .fa-trash,
  .view--bluecloud_invoices_creditcard .delete-button .fa-trash,
  .view--bluecloud_product_categories_edit .delete-button .fa-trash {
    color: #e74c3c;
    margin-right: 5px; }
  .view--bluecloud_cloudprinter_products_index .delete-button .delete-button-text,
  .view--bluecloud_cloudprinter_products_edit .delete-button .delete-button-text,
  .view--bluecloud_product_templates_index .delete-button .delete-button-text,
  .view--bluecloud_product_templates_edit .delete-button .delete-button-text,
  .view--bluecloud_option_templates_index .delete-button .delete-button-text,
  .view--bluecloud_option_templates_edit .delete-button .delete-button-text,
  .view--bluecloud_invoices_create .delete-button .delete-button-text,
  .view--bluecloud_invoices_edit .delete-button .delete-button-text,
  .view--bluecloud_countries_index .delete-button .delete-button-text,
  .view--bluecloud_countries_edit .delete-button .delete-button-text,
  .view--bluecloud_invoices_creditcard .delete-button .delete-button-text,
  .view--bluecloud_product_categories_edit .delete-button .delete-button-text {
    margin-right: 20px;
    color: #e74c3c; }

i.toggle {
  color: #7d7d7d;
  font-size: 1.5rem;
  line-height: 1rem;
  margin-bottom: 0; }
  i.toggle.active {
    color: #257de2; }
  i.toggle:hover {
    cursor: pointer;
    color: #257de2; }

.clear-fix {
  clear: both; }

.bully {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.pully {
  margin-top: 0;
  margin-bottom: 0; }

body {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem; }
  @media (max-width: 48em) {
    body {
      font-size: 0.8rem; } }

th {
  margin-top: 6px; }
  th .header-sort {
    display: flex;
    position: relative; }
    th .header-sort .table-header {
      display: flex;
      align-self: center; }
    th .header-sort span.arrows-container {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: -5px;
      left: -15px; }
      th .header-sort span.arrows-container .fa-chevron-down,
      th .header-sort span.arrows-container .fa-chevron-up {
        font-size: 0.75rem;
        color: #bdbdbd;
        cursor: pointer; }
        th .header-sort span.arrows-container .fa-chevron-down:hover,
        th .header-sort span.arrows-container .fa-chevron-up:hover {
          color: #7d7d7d; }
      th .header-sort span.arrows-container .active {
        color: #4b4b4b; }

@media (max-width: 48em) {
  th {
    font-size: 0.5rem; } }

@media (max-width: 48em) {
  td {
    font-size: 0.8rem; } }

.signal {
  margin-bottom: 2rem;
  border-bottom: 1px solid #c8c8c8; }
  .signal dt, .signal dd {
    font-size: 1rem;
    line-height: 1.5rem; }
  .signal dd {
    margin-bottom: 1rem; }
  .signal code {
    margin-bottom: 1rem; }

.wrap {
  margin: auto; }

.select-all {
  user-select: all; }

.logo {
  display: flex;
  align-items: center;
  padding: 0.6666666667rem 0; }
  .logo img {
    margin-left: 1rem;
    width: 240px; }
  .logo h3.brand {
    margin: 0;
    color: white; }

.logo.logo-xs img {
  margin-right: 1rem;
  width: 50px; }

[data-organization-access] {
  display: none !important; }

.stretch {
  align-items: stretch; }

.tall {
  height: 100%; }

.hide {
  display: none; }

.hidden {
  display: none !important; }

@media (max-width: 64em) {
  .hidden-md {
    display: none; } }
.flex {
  display: flex; }

.small-label {
  height: 0.5rem; }

.medium-label {
  height: 1rem;
  line-height: 1rem !important;
  font-size: 1rem !important; }

input.half {
  width: 50%;
  min-width: 175px; }

.centerflex {
  height: 100%;
  align-items: center;
  justify-content: center; }

.rotate45 {
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg); }

.rotate90, .modal__close:hover {
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg); }

.rotate180 {
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.window {
  height: 100%;
  width: 100%; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left !important; }

.right {
  float: right; }

.brand {
  color: #257de2; }

.primary {
  color: #257de2 !important; }

.danger {
  color: #e74c3c; }

.warning {
  color: #f1c40f; }

.success {
  color: #2ecc71; }

.info {
  color: #3498db; }

.box-group > div {
  margin-bottom: 1rem; }
.box-group .box {
  height: 100%; }

#app__topbar .alert {
  margin-top: 0.25rem; }
.app--client #app__topbar {
  background: white; }
  .app--client #app__topbar .menu-toggle {
    color: #257de2; }

#app__menu nav.list hr {
  margin-bottom: 1rem;
  border-color: #d8d9de; }
@media (max-width: 48em) {
  #app__menu {
    width: 0; } }
.app--client #app__menu {
  background: #141c3a; }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 2px; }

::-webkit-scrollbar-thumb {
  background-color: #257de2;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.dont-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.do-select {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  -o-user-select: all;
  user-select: all; }

textarea,
input,
button,
select {
  -webkit-outline: none;
  -moz-outline: none;
  -ms-outline: none;
  -o-outline: none;
  outline: none; }

a:focus,
select:focus {
  -webkit-outline: medium none !important;
  -moz-outline: medium none !important;
  -ms-outline: medium none !important;
  -o-outline: medium none !important;
  outline: medium none !important; }

button::-moz-focus-inner,
select::-moz-focus-inner {
  border: 0 none !important; }

* {
  text-decoration: none; }

.marketplace-logo {
  max-height: 175px;
  width: 100%; }

@media (max-width: 64em) {
  #app__body #app__menu {
    width: 0;
    top: 0;
    bottom: 0;
    height: 100vh; }
  #app__body #app__main {
    padding-left: 0; }
  #app__body #app__menu.menu::not('collapsed') {
    width: 100%;
    z-index: 101;
    height: 100vh; } }

.completely-hidden {
  display: none !important; }

@media (max-width: 48em) {
  .container-fluid {
    padding-right: 0.5rem;
    padding-left: 0.5rem; } }

.box_pagination {
  display: flex;
  justify-content: center;
  margin-top: 25px; }
  .box_pagination .pagination-arrow {
    color: #257de2;
    padding: 10px;
    margin: 0 10px;
    cursor: pointer; }
  .box_pagination .page-number {
    padding: 10px;
    margin: 0 10px; }
  .box_pagination .active-page {
    background-color: #e4e3e3;
    border: 1px solid #0b61c4;
    border-radius: 3px; }
  .box_pagination .fa-chevron-left,
  .box_pagination .fa-chevron-right {
    cursor: pointer; }
  .box_pagination .disabled {
    color: #7d7d7d;
    cursor: default;
    pointer-events: none; }

#app__body {
  position: relative; }
  #app__body .modal {
    position: fixed;
    top: 0;
    right: 0; }

.confirmation-box li {
  list-style-type: circle;
  margin-left: 30px;
  margin-bottom: 15px; }
.confirmation-box .confirmation-header {
  margin-bottom: 40px; }

.btn.right-side-btn {
  margin-left: 10px; }

.map_container {
  display: flex;
  justify-content: center; }
  .map_container .world_map {
    min-height: 530px;
    width: 100%;
    height: 100%; }
  @media (max-width: 48em) {
    .map_container {
      display: none; } }

.copy_container {
  display: flex;
  flex-direction: row; }
  .copy_container .fa-copy {
    color: #257de2; }

.beta-mark {
  position: relative; }
  .beta-mark:before {
    position: absolute;
    content: "beta";
    top: 0;
    right: 0;
    font-size: 125%;
    background-color: #e74c3c;
    color: white;
    padding: 0.2rem 0.3rem 0.2rem 0.4rem;
    border-radius: 0% 0.2rem 0% 50%/0 0.2rem 100% 80%;
    text-align: center;
    z-index: 1; }
  .beta-mark--small:before {
    font-size: 70%;
    padding: 0.0666666667rem 0.2rem 0.0666666667rem 0.3rem; }
  .beta-mark--out:before {
    top: -10px;
    right: -10px; }

i.beta-mark:before {
  top: 0;
  left: 50%;
  right: initial;
  font-size: 90%;
  transform: translate(-50%, -65%);
  border-radius: 1rem;
  padding: 0.2rem 0.4rem; }

.currency_value--small {
  display: block;
  margin: 0.5rem auto 0 auto;
  font-size: 0.75rem;
  color: #bdbdbd; }

.relative {
  position: relative; }

.action_icon {
  display: inline-block !important;
  margin-right: 0.5rem; }

button[disabled] {
  pointer-events: none;
  opacity: 0.75;
  filter: grayscale(100%); }

.inline {
  display: inline-block; }

.rights-lock--bg {
  pointer-events: none;
  background: no-repeat right center/1rem url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJsb2NrIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtbG9jayBmYS13LTE0IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTQwMCAyMjRoLTI0di03MkMzNzYgNjguMiAzMDcuOCAwIDIyNCAwUzcyIDY4LjIgNzIgMTUydjcySDQ4Yy0yNi41IDAtNDggMjEuNS00OCA0OHYxOTJjMCAyNi41IDIxLjUgNDggNDggNDhoMzUyYzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjI3MmMwLTI2LjUtMjEuNS00OC00OC00OHptLTEwNCAwSDE1MnYtNzJjMC0zOS43IDMyLjMtNzIgNzItNzJzNzIgMzIuMyA3MiA3MnY3MnoiPjwvcGF0aD48L3N2Zz4=") !important; }

.rights-lock--msg {
  position: relative; }
  .rights-lock--msg:before {
    content: "Access denied";
    position: absolute;
    transform: translateY(-110%);
    left: 0;
    padding: 7px;
    border-radius: 5px;
    background: #dedede;
    text-align: center;
    display: none;
    font-size: 65%; }
  .rights-lock--msg:after {
    content: "";
    cursor: pointer;
    padding-left: 0.5rem;
    font: normal normal normal 1.35rem/1 FontAwesome; }
  .rights-lock--msg:hover:before {
    display: block; }

.global-loader {
  width: 100%;
  margin: 0 auto;
  border-radius: 10px;
  border: 2px solid transparent;
  position: absolute;
  top: 0;
  padding: 1px;
  z-index: 1001; }
  .global-loader .end-animate {
    width: 100% !important;
    transition: width 0.4s ease-in; }
  .global-loader div {
    position: absolute;
    border-radius: 10px;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    background: white;
    width: 0; }

.download-progress {
  position: relative; }
  .download-progress label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap; }
    .download-progress label .success-icon {
      color: #257de2; }
    .download-progress label .error-icon {
      color: #e74c3c; }
  .download-progress__inner {
    width: 55px;
    height: 55px;
    border: 2px solid #DDDDDD;
    border-top-color: #257de2;
    border-radius: 50%;
    animation: loading linear 0.7s infinite; }
    .download-progress__inner--done {
      animation: none;
      border-color: #257de2; }
    .download-progress__inner--error {
      animation: none;
      border-color: #e74c3c; }

@keyframes loading {
  to {
    transform: rotate(1turn); } }
.heart {
  background-color: #257de2;
  width: 30px;
  height: 30px;
  position: absolute;
  transform: rotate(45deg);
  animation: heartbeat 1.2s infinite; }
  .heart:before, .heart:after {
    content: "";
    width: 30px;
    height: 30px;
    background-color: #257de2;
    position: absolute;
    border-radius: 50%; }
  .heart:before {
    left: -15px; }
  .heart:after {
    top: -15px; }

@keyframes heartbeat {
  0% {
    transform: rotate(45deg) scale(0.8); }
  5% {
    transform: rotate(45deg) scale(0.9); }
  10% {
    transform: rotate(45deg) scale(0.8); }
  15% {
    transform: rotate(45deg) scale(1); }
  50% {
    transform: rotate(45deg) scale(0.8); }
  100% {
    transform: rotate(45deg) scale(0.8); } }
.birthday-wrapper {
  position: absolute;
  height: 100vh;
  left: 0;
  top: 0; }

[class|="confetti"] {
  position: absolute; }

.confetti-0 {
  width: 20px;
  height: 8px;
  background-color: #efa032;
  top: -10%;
  left: 377px;
  opacity: 0.9547240434;
  transform: rotate(234.3827281367deg);
  animation: drop-0 4.1387805858s 0.7773682886s infinite; }

@keyframes drop-0 {
  100% {
    top: 110%;
    left: 391px; } }
.confetti-1 {
  width: 15px;
  height: 4px;
  background-color: #eb452b;
  top: -10%;
  left: 51px;
  opacity: 0.7770091598;
  transform: rotate(275.9137624937deg);
  animation: drop-1 4.7349954324s 0.183814593s infinite; }

@keyframes drop-1 {
  100% {
    top: 110%;
    left: 61px; } }
.confetti-2 {
  width: 19px;
  height: 7.2px;
  background-color: #eb452b;
  top: -10%;
  left: 1705px;
  opacity: 0.7983989486;
  transform: rotate(266.8203783515deg);
  animation: drop-2 4.9145428396s 1.0061644561s infinite; }

@keyframes drop-2 {
  100% {
    top: 110%;
    left: 1715px; } }
.confetti-3 {
  width: 21px;
  height: 8.8px;
  background-color: #eb452b;
  top: -10%;
  left: 1176px;
  opacity: 0.9108968048;
  transform: rotate(346.8171707042deg);
  animation: drop-3 4.3106078278s 0.4392949566s infinite; }

@keyframes drop-3 {
  100% {
    top: 110%;
    left: 1185px; } }
.confetti-4 {
  width: 20px;
  height: 8px;
  background-color: #46b59b;
  top: -10%;
  left: 1400px;
  opacity: 0.7036678628;
  transform: rotate(115.1583723067deg);
  animation: drop-4 4.9943258059s 0.3154136774s infinite; }

@keyframes drop-4 {
  100% {
    top: 110%;
    left: 1411px; } }
.confetti-5 {
  width: 17px;
  height: 5.6px;
  background-color: #46b59b;
  top: -10%;
  left: 450px;
  opacity: 0.9278639916;
  transform: rotate(216.4232750929deg);
  animation: drop-5 4.8009517541s 0.2444881017s infinite; }

@keyframes drop-5 {
  100% {
    top: 110%;
    left: 465px; } }
.confetti-6 {
  width: 19px;
  height: 7.2px;
  background-color: #efa032;
  top: -10%;
  left: 1780px;
  opacity: 1.0252529669;
  transform: rotate(136.411073074deg);
  animation: drop-6 4.7505963743s 0.6890242465s infinite; }

@keyframes drop-6 {
  100% {
    top: 110%;
    left: 1789px; } }
.confetti-7 {
  width: 21px;
  height: 8.8px;
  background-color: #46b59b;
  top: -10%;
  left: 727px;
  opacity: 1.4991344588;
  transform: rotate(308.5343179103deg);
  animation: drop-7 4.8209107746s 0.9467134316s infinite; }

@keyframes drop-7 {
  100% {
    top: 110%;
    left: 742px; } }
.confetti-8 {
  width: 21px;
  height: 8.8px;
  background-color: #eb452b;
  top: -10%;
  left: 317px;
  opacity: 0.800905332;
  transform: rotate(74.7273908535deg);
  animation: drop-8 4.5300367685s 0.2994452336s infinite; }

@keyframes drop-8 {
  100% {
    top: 110%;
    left: 324px; } }
.confetti-9 {
  width: 21px;
  height: 8.8px;
  background-color: #eb452b;
  top: -10%;
  left: 1547px;
  opacity: 1.0241874378;
  transform: rotate(13.3963243216deg);
  animation: drop-9 4.5425599159s 0.9853169857s infinite; }

@keyframes drop-9 {
  100% {
    top: 110%;
    left: 1556px; } }
.confetti-10 {
  width: 21px;
  height: 8.8px;
  background-color: #46b59b;
  top: -10%;
  left: 1297px;
  opacity: 1.4408863586;
  transform: rotate(188.2545285775deg);
  animation: drop-10 4.9637872895s 0.2830490483s infinite; }

@keyframes drop-10 {
  100% {
    top: 110%;
    left: 1298px; } }
.confetti-11 {
  width: 18px;
  height: 6.4px;
  background-color: #efa032;
  top: -10%;
  left: 1091px;
  opacity: 0.9909792014;
  transform: rotate(118.3975436573deg);
  animation: drop-11 4.5632860074s 0.8843213185s infinite; }

@keyframes drop-11 {
  100% {
    top: 110%;
    left: 1100px; } }
.confetti-12 {
  width: 22px;
  height: 9.6px;
  background-color: #eb452b;
  top: -10%;
  left: 1371px;
  opacity: 0.5392345301;
  transform: rotate(175.5052163106deg);
  animation: drop-12 4.7422941526s 0.2462612047s infinite; }

@keyframes drop-12 {
  100% {
    top: 110%;
    left: 1374px; } }
.confetti-13 {
  width: 20px;
  height: 8px;
  background-color: #efa032;
  top: -10%;
  left: 706px;
  opacity: 0.6085646688;
  transform: rotate(217.230321659deg);
  animation: drop-13 4.6588850485s 0.5231938717s infinite; }

@keyframes drop-13 {
  100% {
    top: 110%;
    left: 710px; } }
.confetti-14 {
  width: 20px;
  height: 8px;
  background-color: #eb452b;
  top: -10%;
  left: 1271px;
  opacity: 1.2779548509;
  transform: rotate(76.9967162353deg);
  animation: drop-14 4.2434694465s 0.6478987238s infinite; }

@keyframes drop-14 {
  100% {
    top: 110%;
    left: 1273px; } }
.confetti-15 {
  width: 18px;
  height: 6.4px;
  background-color: #eb452b;
  top: -10%;
  left: 278px;
  opacity: 0.9876359027;
  transform: rotate(269.2525849724deg);
  animation: drop-15 4.0971009105s 0.7358740643s infinite; }

@keyframes drop-15 {
  100% {
    top: 110%;
    left: 292px; } }
.confetti-16 {
  width: 21px;
  height: 8.8px;
  background-color: #eb452b;
  top: -10%;
  left: 156px;
  opacity: 1.092820334;
  transform: rotate(181.2804708041deg);
  animation: drop-16 4.0071173799s 0.6273652804s infinite; }

@keyframes drop-16 {
  100% {
    top: 110%;
    left: 159px; } }
.confetti-17 {
  width: 22px;
  height: 9.6px;
  background-color: #efa032;
  top: -10%;
  left: 1316px;
  opacity: 0.9747279008;
  transform: rotate(38.1991127496deg);
  animation: drop-17 4.9130570251s 0.7002191409s infinite; }

@keyframes drop-17 {
  100% {
    top: 110%;
    left: 1320px; } }
.confetti-18 {
  width: 15px;
  height: 4px;
  background-color: #efa032;
  top: -10%;
  left: 1745px;
  opacity: 1.3976625688;
  transform: rotate(349.3536575454deg);
  animation: drop-18 4.5843809744s 0.4686306504s infinite; }

@keyframes drop-18 {
  100% {
    top: 110%;
    left: 1758px; } }
.confetti-19 {
  width: 16px;
  height: 4.8px;
  background-color: #46b59b;
  top: -10%;
  left: 175px;
  opacity: 1.2950547825;
  transform: rotate(184.1496448811deg);
  animation: drop-19 4.1738135387s 0.8954923321s infinite; }

@keyframes drop-19 {
  100% {
    top: 110%;
    left: 179px; } }
.confetti-20 {
  width: 22px;
  height: 9.6px;
  background-color: #eb452b;
  top: -10%;
  left: 1255px;
  opacity: 1.1992515709;
  transform: rotate(123.2518294766deg);
  animation: drop-20 4.9985250395s 0.7076854468s infinite; }

@keyframes drop-20 {
  100% {
    top: 110%;
    left: 1263px; } }
.confetti-21 {
  width: 21px;
  height: 8.8px;
  background-color: #eb452b;
  top: -10%;
  left: 107px;
  opacity: 1.0362568324;
  transform: rotate(19.7181391571deg);
  animation: drop-21 4.0282419044s 1.2418425751s infinite; }

@keyframes drop-21 {
  100% {
    top: 110%;
    left: 120px; } }
.confetti-22 {
  width: 22px;
  height: 9.6px;
  background-color: #46b59b;
  top: -10%;
  left: 1757px;
  opacity: 0.8253659849;
  transform: rotate(40.1650291578deg);
  animation: drop-22 4.3357127718s 1.2882573751s infinite; }

@keyframes drop-22 {
  100% {
    top: 110%;
    left: 1758px; } }
.confetti-23 {
  width: 20px;
  height: 8px;
  background-color: #eb452b;
  top: -10%;
  left: 1640px;
  opacity: 0.985458014;
  transform: rotate(170.7628718532deg);
  animation: drop-23 4.4362100158s 1.0533194215s infinite; }

@keyframes drop-23 {
  100% {
    top: 110%;
    left: 1651px; } }
.confetti-24 {
  width: 19px;
  height: 7.2px;
  background-color: #efa032;
  top: -10%;
  left: 141px;
  opacity: 0.5019640429;
  transform: rotate(82.2821978081deg);
  animation: drop-24 4.4656909403s 1.134501274s infinite; }

@keyframes drop-24 {
  100% {
    top: 110%;
    left: 155px; } }
.confetti-25 {
  width: 16px;
  height: 4.8px;
  background-color: #46b59b;
  top: -10%;
  left: 234px;
  opacity: 1.315273804;
  transform: rotate(293.1120425524deg);
  animation: drop-25 4.8094555344s 1.2470957256s infinite; }

@keyframes drop-25 {
  100% {
    top: 110%;
    left: 248px; } }
.confetti-26 {
  width: 18px;
  height: 6.4px;
  background-color: #efa032;
  top: -10%;
  left: 458px;
  opacity: 0.9199596116;
  transform: rotate(246.3620818208deg);
  animation: drop-26 4.8262503572s 1.0390125313s infinite; }

@keyframes drop-26 {
  100% {
    top: 110%;
    left: 470px; } }
.confetti-27 {
  width: 22px;
  height: 9.6px;
  background-color: #46b59b;
  top: -10%;
  left: 1048px;
  opacity: 1.2535316039;
  transform: rotate(273.2557304176deg);
  animation: drop-27 4.4048372754s 0.7541615013s infinite; }

@keyframes drop-27 {
  100% {
    top: 110%;
    left: 1061px; } }
.confetti-28 {
  width: 19px;
  height: 7.2px;
  background-color: #eb452b;
  top: -10%;
  left: 1550px;
  opacity: 0.6809579612;
  transform: rotate(167.9752175004deg);
  animation: drop-28 4.6850710075s 1.5098212034s infinite; }

@keyframes drop-28 {
  100% {
    top: 110%;
    left: 1559px; } }
.confetti-29 {
  width: 17px;
  height: 5.6px;
  background-color: #46b59b;
  top: -10%;
  left: 340px;
  opacity: 1.4082170943;
  transform: rotate(248.8074881396deg);
  animation: drop-29 4.6280238127s 1.5614485242s infinite; }

@keyframes drop-29 {
  100% {
    top: 110%;
    left: 341px; } }
.confetti-30 {
  width: 21px;
  height: 8.8px;
  background-color: #efa032;
  top: -10%;
  left: 760px;
  opacity: 1.207699645;
  transform: rotate(32.1014120562deg);
  animation: drop-30 4.1599109349s 1.4422400558s infinite; }

@keyframes drop-30 {
  100% {
    top: 110%;
    left: 773px; } }
.confetti-31 {
  width: 20px;
  height: 8px;
  background-color: #46b59b;
  top: -10%;
  left: 739px;
  opacity: 0.6168846832;
  transform: rotate(262.2461865909deg);
  animation: drop-31 4.503970512s 1.1862537852s infinite; }

@keyframes drop-31 {
  100% {
    top: 110%;
    left: 748px; } }
.confetti-32 {
  width: 22px;
  height: 9.6px;
  background-color: #eb452b;
  top: -10%;
  left: 146px;
  opacity: 0.9886792858;
  transform: rotate(178.8292553115deg);
  animation: drop-32 4.1465292419s 1.4816127394s infinite; }

@keyframes drop-32 {
  100% {
    top: 110%;
    left: 155px; } }
.confetti-33 {
  width: 21px;
  height: 8.8px;
  background-color: #efa032;
  top: -10%;
  left: 1546px;
  opacity: 0.6571897896;
  transform: rotate(24.8248289994deg);
  animation: drop-33 4.8189531481s 1.260852222s infinite; }

@keyframes drop-33 {
  100% {
    top: 110%;
    left: 1553px; } }
.confetti-34 {
  width: 17px;
  height: 5.6px;
  background-color: #46b59b;
  top: -10%;
  left: 1100px;
  opacity: 1.185528145;
  transform: rotate(7.8545492065deg);
  animation: drop-34 4.2104141972s 1.3138940277s infinite; }

@keyframes drop-34 {
  100% {
    top: 110%;
    left: 1113px; } }
.confetti-35 {
  width: 16px;
  height: 4.8px;
  background-color: #eb452b;
  top: -10%;
  left: 397px;
  opacity: 0.5329927429;
  transform: rotate(109.0591513515deg);
  animation: drop-35 4.5865295311s 1.127371109s infinite; }

@keyframes drop-35 {
  100% {
    top: 110%;
    left: 406px; } }
.confetti-36 {
  width: 15px;
  height: 4px;
  background-color: #eb452b;
  top: -10%;
  left: 1575px;
  opacity: 1.0191863967;
  transform: rotate(225.4258686687deg);
  animation: drop-36 4.5145845926s 1.4347436917s infinite; }

@keyframes drop-36 {
  100% {
    top: 110%;
    left: 1588px; } }
.confetti-37 {
  width: 21px;
  height: 8.8px;
  background-color: #46b59b;
  top: -10%;
  left: 937px;
  opacity: 1.2507751433;
  transform: rotate(95.3289656431deg);
  animation: drop-37 4.6279586564s 0.9236056294s infinite; }

@keyframes drop-37 {
  100% {
    top: 110%;
    left: 945px; } }
.confetti-38 {
  width: 19px;
  height: 7.2px;
  background-color: #efa032;
  top: -10%;
  left: 384px;
  opacity: 1.111280785;
  transform: rotate(90.9827724389deg);
  animation: drop-38 4.6713557685s 0.8314426246s infinite; }

@keyframes drop-38 {
  100% {
    top: 110%;
    left: 392px; } }
.confetti-39 {
  width: 15px;
  height: 4px;
  background-color: #efa032;
  top: -10%;
  left: 959px;
  opacity: 0.9201077634;
  transform: rotate(168.2795485504deg);
  animation: drop-39 4.3113224999s 1.4184304079s infinite; }

@keyframes drop-39 {
  100% {
    top: 110%;
    left: 969px; } }
.confetti-40 {
  width: 20px;
  height: 8px;
  background-color: #efa032;
  top: -10%;
  left: 295px;
  opacity: 0.8460162096;
  transform: rotate(50.7107851487deg);
  animation: drop-40 4.1961263793s 1.4560644983s infinite; }

@keyframes drop-40 {
  100% {
    top: 110%;
    left: 310px; } }
.confetti-41 {
  width: 16px;
  height: 4.8px;
  background-color: #46b59b;
  top: -10%;
  left: 1355px;
  opacity: 1.3447991609;
  transform: rotate(197.5445891376deg);
  animation: drop-41 4.077945514s 1.1607983954s infinite; }

@keyframes drop-41 {
  100% {
    top: 110%;
    left: 1359px; } }
.confetti-42 {
  width: 17px;
  height: 5.6px;
  background-color: #efa032;
  top: -10%;
  left: 439px;
  opacity: 1.103114689;
  transform: rotate(144.1712042888deg);
  animation: drop-42 4.9615135808s 1.0776601712s infinite; }

@keyframes drop-42 {
  100% {
    top: 110%;
    left: 445px; } }
.confetti-43 {
  width: 19px;
  height: 7.2px;
  background-color: #46b59b;
  top: -10%;
  left: 1485px;
  opacity: 0.7494556001;
  transform: rotate(182.5843738275deg);
  animation: drop-43 4.5352796355s 1.8439721368s infinite; }

@keyframes drop-43 {
  100% {
    top: 110%;
    left: 1487px; } }
.confetti-44 {
  width: 16px;
  height: 4.8px;
  background-color: #46b59b;
  top: -10%;
  left: 853px;
  opacity: 1.301564072;
  transform: rotate(72.7594592557deg);
  animation: drop-44 4.7154758147s 1.662828692s infinite; }

@keyframes drop-44 {
  100% {
    top: 110%;
    left: 858px; } }
.confetti-45 {
  width: 22px;
  height: 9.6px;
  background-color: #efa032;
  top: -10%;
  left: 746px;
  opacity: 1.1962249831;
  transform: rotate(16.5585333493deg);
  animation: drop-45 4.6886372609s 0.9319682633s infinite; }

@keyframes drop-45 {
  100% {
    top: 110%;
    left: 752px; } }
.confetti-46 {
  width: 20px;
  height: 8px;
  background-color: #eb452b;
  top: -10%;
  left: 578px;
  opacity: 1.0976542556;
  transform: rotate(335.4715408063deg);
  animation: drop-46 4.1746190262s 1.3731686035s infinite; }

@keyframes drop-46 {
  100% {
    top: 110%;
    left: 593px; } }
.confetti-47 {
  width: 16px;
  height: 4.8px;
  background-color: #46b59b;
  top: -10%;
  left: 394px;
  opacity: 0.7002896375;
  transform: rotate(87.0735582785deg);
  animation: drop-47 4.058890731s 1.2548358431s infinite; }

@keyframes drop-47 {
  100% {
    top: 110%;
    left: 405px; } }
.confetti-48 {
  width: 20px;
  height: 8px;
  background-color: #46b59b;
  top: -10%;
  left: 1069px;
  opacity: 1.2288421498;
  transform: rotate(29.4151248765deg);
  animation: drop-48 4.0217954961s 1.4518712511s infinite; }

@keyframes drop-48 {
  100% {
    top: 110%;
    left: 1083px; } }
.confetti-49 {
  width: 21px;
  height: 8.8px;
  background-color: #eb452b;
  top: -10%;
  left: 852px;
  opacity: 1.0409996795;
  transform: rotate(70.1183136095deg);
  animation: drop-49 4.4278525681s 1.0614688965s infinite; }

@keyframes drop-49 {
  100% {
    top: 110%;
    left: 865px; } }
.confetti-50 {
  width: 20px;
  height: 8px;
  background-color: #eb452b;
  top: -10%;
  left: 174px;
  opacity: 0.756997972;
  transform: rotate(75.8918690843deg);
  animation: drop-50 4.1791094122s 1.2119642508s infinite; }

@keyframes drop-50 {
  100% {
    top: 110%;
    left: 182px; } }
.confetti-51 {
  width: 16px;
  height: 4.8px;
  background-color: #46b59b;
  top: -10%;
  left: 579px;
  opacity: 0.6364470531;
  transform: rotate(350.7462867623deg);
  animation: drop-51 4.6935821018s 1.5702614513s infinite; }

@keyframes drop-51 {
  100% {
    top: 110%;
    left: 586px; } }
.confetti-52 {
  width: 21px;
  height: 8.8px;
  background-color: #efa032;
  top: -10%;
  left: 1538px;
  opacity: 0.5713347595;
  transform: rotate(16.1668223745deg);
  animation: drop-52 4.2271484188s 1.173023705s infinite; }

@keyframes drop-52 {
  100% {
    top: 110%;
    left: 1543px; } }
.confetti-53 {
  width: 16px;
  height: 4.8px;
  background-color: #efa032;
  top: -10%;
  left: 359px;
  opacity: 0.8667218165;
  transform: rotate(250.6434337042deg);
  animation: drop-53 4.8060638991s 1.8926572825s infinite; }

@keyframes drop-53 {
  100% {
    top: 110%;
    left: 361px; } }
.confetti-54 {
  width: 17px;
  height: 5.6px;
  background-color: #46b59b;
  top: -10%;
  left: 1626px;
  opacity: 1.2662683359;
  transform: rotate(336.5992707159deg);
  animation: drop-54 4.7076686239s 1.5866136295s infinite; }

@keyframes drop-54 {
  100% {
    top: 110%;
    left: 1628px; } }
.confetti-55 {
  width: 17px;
  height: 5.6px;
  background-color: #46b59b;
  top: -10%;
  left: 1525px;
  opacity: 0.7571049929;
  transform: rotate(44.685080888deg);
  animation: drop-55 4.3435496686s 1.5928928096s infinite; }

@keyframes drop-55 {
  100% {
    top: 110%;
    left: 1526px; } }
.confetti-56 {
  width: 15px;
  height: 4px;
  background-color: #46b59b;
  top: -10%;
  left: 1720px;
  opacity: 0.9717498079;
  transform: rotate(129.0620394312deg);
  animation: drop-56 4.2907285732s 1.6275824901s infinite; }

@keyframes drop-56 {
  100% {
    top: 110%;
    left: 1727px; } }
.confetti-57 {
  width: 17px;
  height: 5.6px;
  background-color: #efa032;
  top: -10%;
  left: 525px;
  opacity: 0.9510937328;
  transform: rotate(229.5979566296deg);
  animation: drop-57 4.7052973324s 1.3797427405s infinite; }

@keyframes drop-57 {
  100% {
    top: 110%;
    left: 539px; } }
.confetti-58 {
  width: 21px;
  height: 8.8px;
  background-color: #eb452b;
  top: -10%;
  left: 948px;
  opacity: 0.8622407582;
  transform: rotate(169.0132068066deg);
  animation: drop-58 4.9965965014s 1.7691289831s infinite; }

@keyframes drop-58 {
  100% {
    top: 110%;
    left: 962px; } }
.confetti-59 {
  width: 19px;
  height: 7.2px;
  background-color: #efa032;
  top: -10%;
  left: 374px;
  opacity: 0.9539819853;
  transform: rotate(28.3491250342deg);
  animation: drop-59 4.2100507623s 1.1968465633s infinite; }

@keyframes drop-59 {
  100% {
    top: 110%;
    left: 387px; } }
.confetti-60 {
  width: 17px;
  height: 5.6px;
  background-color: #efa032;
  top: -10%;
  left: 257px;
  opacity: 1.0546755961;
  transform: rotate(350.9531476258deg);
  animation: drop-60 4.4672850429s 1.566053148s infinite; }

@keyframes drop-60 {
  100% {
    top: 110%;
    left: 265px; } }
.confetti-61 {
  width: 21px;
  height: 8.8px;
  background-color: #46b59b;
  top: -10%;
  left: 1216px;
  opacity: 0.6381829215;
  transform: rotate(14.1387527997deg);
  animation: drop-61 4.5351065373s 1.2390164555s infinite; }

@keyframes drop-61 {
  100% {
    top: 110%;
    left: 1225px; } }
.confetti-62 {
  width: 16px;
  height: 4.8px;
  background-color: #efa032;
  top: -10%;
  left: 1168px;
  opacity: 1.1100178375;
  transform: rotate(318.9651953954deg);
  animation: drop-62 4.1192494336s 1.4169291826s infinite; }

@keyframes drop-62 {
  100% {
    top: 110%;
    left: 1181px; } }
.confetti-63 {
  width: 22px;
  height: 9.6px;
  background-color: #46b59b;
  top: -10%;
  left: 613px;
  opacity: 0.9347660911;
  transform: rotate(258.6416210018deg);
  animation: drop-63 4.2067743722s 1.8117900982s infinite; }

@keyframes drop-63 {
  100% {
    top: 110%;
    left: 626px; } }
.confetti-64 {
  width: 18px;
  height: 6.4px;
  background-color: #eb452b;
  top: -10%;
  left: 1570px;
  opacity: 0.737127125;
  transform: rotate(57.6266832674deg);
  animation: drop-64 4.2444226566s 2.0822582308s infinite; }

@keyframes drop-64 {
  100% {
    top: 110%;
    left: 1580px; } }
.confetti-65 {
  width: 22px;
  height: 9.6px;
  background-color: #46b59b;
  top: -10%;
  left: 1589px;
  opacity: 1.2407270056;
  transform: rotate(293.5356923155deg);
  animation: drop-65 4.3670909624s 2.0073423874s infinite; }

@keyframes drop-65 {
  100% {
    top: 110%;
    left: 1597px; } }
.confetti-66 {
  width: 17px;
  height: 5.6px;
  background-color: #efa032;
  top: -10%;
  left: 1478px;
  opacity: 1.2282416666;
  transform: rotate(200.2728843371deg);
  animation: drop-66 4.2746367326s 1.5893054253s infinite; }

@keyframes drop-66 {
  100% {
    top: 110%;
    left: 1490px; } }
.confetti-67 {
  width: 17px;
  height: 5.6px;
  background-color: #eb452b;
  top: -10%;
  left: 1180px;
  opacity: 1.4566411996;
  transform: rotate(227.9020479732deg);
  animation: drop-67 4.6260460108s 1.7047148581s infinite; }

@keyframes drop-67 {
  100% {
    top: 110%;
    left: 1195px; } }
.confetti-68 {
  width: 22px;
  height: 9.6px;
  background-color: #efa032;
  top: -10%;
  left: 951px;
  opacity: 1.388004271;
  transform: rotate(234.0745137619deg);
  animation: drop-68 4.5580511104s 2.0337583176s infinite; }

@keyframes drop-68 {
  100% {
    top: 110%;
    left: 953px; } }
.confetti-69 {
  width: 16px;
  height: 4.8px;
  background-color: #46b59b;
  top: -10%;
  left: 1534px;
  opacity: 0.7074106533;
  transform: rotate(86.1830503898deg);
  animation: drop-69 4.9810368369s 2.3422458171s infinite; }

@keyframes drop-69 {
  100% {
    top: 110%;
    left: 1542px; } }
.confetti-70 {
  width: 15px;
  height: 4px;
  background-color: #eb452b;
  top: -10%;
  left: 1167px;
  opacity: 0.5370960525;
  transform: rotate(246.2158937546deg);
  animation: drop-70 4.2645193755s 1.9980546036s infinite; }

@keyframes drop-70 {
  100% {
    top: 110%;
    left: 1168px; } }
.confetti-71 {
  width: 19px;
  height: 7.2px;
  background-color: #eb452b;
  top: -10%;
  left: 561px;
  opacity: 0.801361273;
  transform: rotate(158.7004344564deg);
  animation: drop-71 4.1816746138s 1.7327518078s infinite; }

@keyframes drop-71 {
  100% {
    top: 110%;
    left: 571px; } }
.confetti-72 {
  width: 16px;
  height: 4.8px;
  background-color: #eb452b;
  top: -10%;
  left: 8px;
  opacity: 0.5485420977;
  transform: rotate(181.2152229953deg);
  animation: drop-72 4.4215355282s 1.8106741776s infinite; }

@keyframes drop-72 {
  100% {
    top: 110%;
    left: 20px; } }
.confetti-73 {
  width: 15px;
  height: 4px;
  background-color: #efa032;
  top: -10%;
  left: 49px;
  opacity: 0.8023472329;
  transform: rotate(114.1343729954deg);
  animation: drop-73 4.1272578582s 1.8973516661s infinite; }

@keyframes drop-73 {
  100% {
    top: 110%;
    left: 59px; } }
.confetti-74 {
  width: 16px;
  height: 4.8px;
  background-color: #efa032;
  top: -10%;
  left: 884px;
  opacity: 1.4554882564;
  transform: rotate(289.5230785403deg);
  animation: drop-74 4.6445855365s 1.6894677426s infinite; }

@keyframes drop-74 {
  100% {
    top: 110%;
    left: 895px; } }
.confetti-75 {
  width: 16px;
  height: 4.8px;
  background-color: #46b59b;
  top: -10%;
  left: 843px;
  opacity: 0.9720624945;
  transform: rotate(267.5624270888deg);
  animation: drop-75 4.2561153799s 2.4141697017s infinite; }

@keyframes drop-75 {
  100% {
    top: 110%;
    left: 852px; } }
.confetti-76 {
  width: 16px;
  height: 4.8px;
  background-color: #46b59b;
  top: -10%;
  left: 661px;
  opacity: 1.2138679763;
  transform: rotate(53.4375366955deg);
  animation: drop-76 4.420019354s 1.5544115441s infinite; }

@keyframes drop-76 {
  100% {
    top: 110%;
    left: 675px; } }
.confetti-77 {
  width: 22px;
  height: 9.6px;
  background-color: #eb452b;
  top: -10%;
  left: 838px;
  opacity: 0.5064236795;
  transform: rotate(43.3869022923deg);
  animation: drop-77 4.7497613917s 2.3114741694s infinite; }

@keyframes drop-77 {
  100% {
    top: 110%;
    left: 845px; } }
.confetti-78 {
  width: 18px;
  height: 6.4px;
  background-color: #46b59b;
  top: -10%;
  left: 1438px;
  opacity: 0.6131827554;
  transform: rotate(71.8314380682deg);
  animation: drop-78 4.4497160304s 2.1564465363s infinite; }

@keyframes drop-78 {
  100% {
    top: 110%;
    left: 1443px; } }
.confetti-79 {
  width: 21px;
  height: 8.8px;
  background-color: #46b59b;
  top: -10%;
  left: 1201px;
  opacity: 0.6016691454;
  transform: rotate(277.7562689203deg);
  animation: drop-79 4.3255695236s 2.3821538144s infinite; }

@keyframes drop-79 {
  100% {
    top: 110%;
    left: 1205px; } }
.confetti-80 {
  width: 15px;
  height: 4px;
  background-color: #46b59b;
  top: -10%;
  left: 1389px;
  opacity: 1.4866069581;
  transform: rotate(103.2766963419deg);
  animation: drop-80 4.7175603085s 2.4761535902s infinite; }

@keyframes drop-80 {
  100% {
    top: 110%;
    left: 1391px; } }
.confetti-81 {
  width: 18px;
  height: 6.4px;
  background-color: #eb452b;
  top: -10%;
  left: 1469px;
  opacity: 1.0461573759;
  transform: rotate(252.2870093771deg);
  animation: drop-81 4.7540674456s 2.0842162479s infinite; }

@keyframes drop-81 {
  100% {
    top: 110%;
    left: 1482px; } }
.confetti-82 {
  width: 18px;
  height: 6.4px;
  background-color: #46b59b;
  top: -10%;
  left: 1362px;
  opacity: 1.3249953279;
  transform: rotate(304.6312254946deg);
  animation: drop-82 4.15088174s 2.1988407144s infinite; }

@keyframes drop-82 {
  100% {
    top: 110%;
    left: 1374px; } }
.confetti-83 {
  width: 21px;
  height: 8.8px;
  background-color: #eb452b;
  top: -10%;
  left: 815px;
  opacity: 0.6590381015;
  transform: rotate(49.6684618159deg);
  animation: drop-83 4.6749790139s 1.7769504054s infinite; }

@keyframes drop-83 {
  100% {
    top: 110%;
    left: 823px; } }
.confetti-84 {
  width: 16px;
  height: 4.8px;
  background-color: #eb452b;
  top: -10%;
  left: 314px;
  opacity: 1.4349337256;
  transform: rotate(11.8447306206deg);
  animation: drop-84 4.704095385s 2.2356839691s infinite; }

@keyframes drop-84 {
  100% {
    top: 110%;
    left: 329px; } }
.confetti-85 {
  width: 20px;
  height: 8px;
  background-color: #efa032;
  top: -10%;
  left: 9px;
  opacity: 0.9914737736;
  transform: rotate(100.3755883353deg);
  animation: drop-85 4.5153998067s 2.5289215683s infinite; }

@keyframes drop-85 {
  100% {
    top: 110%;
    left: 11px; } }
.confetti-86 {
  width: 17px;
  height: 5.6px;
  background-color: #46b59b;
  top: -10%;
  left: 1766px;
  opacity: 0.7184892571;
  transform: rotate(319.6721474428deg);
  animation: drop-86 4.6592002539s 2.0301810451s infinite; }

@keyframes drop-86 {
  100% {
    top: 110%;
    left: 1774px; } }
.confetti-87 {
  width: 18px;
  height: 6.4px;
  background-color: #efa032;
  top: -10%;
  left: 1510px;
  opacity: 1.2462086823;
  transform: rotate(349.3546637318deg);
  animation: drop-87 4.0056601845s 1.7738174287s infinite; }

@keyframes drop-87 {
  100% {
    top: 110%;
    left: 1511px; } }
.confetti-88 {
  width: 20px;
  height: 8px;
  background-color: #eb452b;
  top: -10%;
  left: 498px;
  opacity: 1.3906631113;
  transform: rotate(182.4809940971deg);
  animation: drop-88 4.9702981562s 2.5594946571s infinite; }

@keyframes drop-88 {
  100% {
    top: 110%;
    left: 500px; } }
.confetti-89 {
  width: 18px;
  height: 6.4px;
  background-color: #efa032;
  top: -10%;
  left: 1011px;
  opacity: 1.1033963354;
  transform: rotate(355.9261535753deg);
  animation: drop-89 4.063506545s 2.7201788408s infinite; }

@keyframes drop-89 {
  100% {
    top: 110%;
    left: 1013px; } }
.confetti-90 {
  width: 18px;
  height: 6.4px;
  background-color: #eb452b;
  top: -10%;
  left: 991px;
  opacity: 0.6596876978;
  transform: rotate(82.5417206986deg);
  animation: drop-90 4.3299021979s 1.9899381434s infinite; }

@keyframes drop-90 {
  100% {
    top: 110%;
    left: 1000px; } }
.confetti-91 {
  width: 21px;
  height: 8.8px;
  background-color: #46b59b;
  top: -10%;
  left: 227px;
  opacity: 1.1960210775;
  transform: rotate(112.2600611227deg);
  animation: drop-91 4.3879240954s 2.4495756662s infinite; }

@keyframes drop-91 {
  100% {
    top: 110%;
    left: 229px; } }
.confetti-92 {
  width: 19px;
  height: 7.2px;
  background-color: #eb452b;
  top: -10%;
  left: 1032px;
  opacity: 0.6663894469;
  transform: rotate(358.5712189849deg);
  animation: drop-92 4.9668269058s 1.881485437s infinite; }

@keyframes drop-92 {
  100% {
    top: 110%;
    left: 1044px; } }
.confetti-93 {
  width: 22px;
  height: 9.6px;
  background-color: #eb452b;
  top: -10%;
  left: 1795px;
  opacity: 1.4048658316;
  transform: rotate(83.9280826067deg);
  animation: drop-93 4.1734875555s 1.9271593696s infinite; }

@keyframes drop-93 {
  100% {
    top: 110%;
    left: 1805px; } }
.confetti-94 {
  width: 18px;
  height: 6.4px;
  background-color: #46b59b;
  top: -10%;
  left: 1593px;
  opacity: 1.3037563103;
  transform: rotate(30.2042390251deg);
  animation: drop-94 4.1999239586s 2.8446211323s infinite; }

@keyframes drop-94 {
  100% {
    top: 110%;
    left: 1607px; } }
.confetti-95 {
  width: 20px;
  height: 8px;
  background-color: #efa032;
  top: -10%;
  left: 703px;
  opacity: 1.02709516;
  transform: rotate(292.4034341494deg);
  animation: drop-95 4.2710470454s 2.0563780208s infinite; }

@keyframes drop-95 {
  100% {
    top: 110%;
    left: 714px; } }
.confetti-96 {
  width: 20px;
  height: 8px;
  background-color: #46b59b;
  top: -10%;
  left: 1102px;
  opacity: 1.4249619207;
  transform: rotate(0.8513560052deg);
  animation: drop-96 4.7489431801s 2.8841196396s infinite; }

@keyframes drop-96 {
  100% {
    top: 110%;
    left: 1106px; } }
.confetti-97 {
  width: 21px;
  height: 8.8px;
  background-color: #eb452b;
  top: -10%;
  left: 1264px;
  opacity: 0.5938953808;
  transform: rotate(288.2331493285deg);
  animation: drop-97 4.4998517312s 2.7015298094s infinite; }

@keyframes drop-97 {
  100% {
    top: 110%;
    left: 1268px; } }
.confetti-98 {
  width: 20px;
  height: 8px;
  background-color: #eb452b;
  top: -10%;
  left: 902px;
  opacity: 1.2932687567;
  transform: rotate(5.9299394447deg);
  animation: drop-98 4.5138604717s 2.1958359242s infinite; }

@keyframes drop-98 {
  100% {
    top: 110%;
    left: 917px; } }
.confetti-99 {
  width: 17px;
  height: 5.6px;
  background-color: #eb452b;
  top: -10%;
  left: 679px;
  opacity: 1.0037940537;
  transform: rotate(15.6956618457deg);
  animation: drop-99 4.07584675s 2.1239579723s infinite; }

@keyframes drop-99 {
  100% {
    top: 110%;
    left: 686px; } }
.confetti-100 {
  width: 15px;
  height: 4px;
  background-color: #efa032;
  top: -10%;
  left: 584px;
  opacity: 0.6157114222;
  transform: rotate(95.7763552959deg);
  animation: drop-100 4.080732357s 2.989682745s infinite; }

@keyframes drop-100 {
  100% {
    top: 110%;
    left: 598px; } }
.confetti-101 {
  width: 22px;
  height: 9.6px;
  background-color: #46b59b;
  top: -10%;
  left: 1322px;
  opacity: 1.0159092436;
  transform: rotate(285.7352099398deg);
  animation: drop-101 4.9956527955s 2.3232093257s infinite; }

@keyframes drop-101 {
  100% {
    top: 110%;
    left: 1329px; } }
.confetti-102 {
  width: 16px;
  height: 4.8px;
  background-color: #46b59b;
  top: -10%;
  left: 294px;
  opacity: 1.2455245892;
  transform: rotate(168.0623243155deg);
  animation: drop-102 4.822808389s 2.8842391932s infinite; }

@keyframes drop-102 {
  100% {
    top: 110%;
    left: 309px; } }
.confetti-103 {
  width: 21px;
  height: 8.8px;
  background-color: #46b59b;
  top: -10%;
  left: 1255px;
  opacity: 1.1286118776;
  transform: rotate(336.8732938754deg);
  animation: drop-103 4.933030591s 2.3827793274s infinite; }

@keyframes drop-103 {
  100% {
    top: 110%;
    left: 1263px; } }
.confetti-104 {
  width: 22px;
  height: 9.6px;
  background-color: #eb452b;
  top: -10%;
  left: 1404px;
  opacity: 0.950545173;
  transform: rotate(88.6770619552deg);
  animation: drop-104 4.9280071463s 2.1992477888s infinite; }

@keyframes drop-104 {
  100% {
    top: 110%;
    left: 1416px; } }
.confetti-105 {
  width: 22px;
  height: 9.6px;
  background-color: #eb452b;
  top: -10%;
  left: 968px;
  opacity: 1.0078828099;
  transform: rotate(184.3680482639deg);
  animation: drop-105 4.0445409301s 2.9480511953s infinite; }

@keyframes drop-105 {
  100% {
    top: 110%;
    left: 981px; } }
.confetti-106 {
  width: 18px;
  height: 6.4px;
  background-color: #eb452b;
  top: -10%;
  left: 1238px;
  opacity: 0.5177608329;
  transform: rotate(9.5584692999deg);
  animation: drop-106 4.3382079773s 2.8154579585s infinite; }

@keyframes drop-106 {
  100% {
    top: 110%;
    left: 1248px; } }
.confetti-107 {
  width: 22px;
  height: 9.6px;
  background-color: #eb452b;
  top: -10%;
  left: 176px;
  opacity: 0.5469944716;
  transform: rotate(350.1477640191deg);
  animation: drop-107 4.509626435s 2.5470059834s infinite; }

@keyframes drop-107 {
  100% {
    top: 110%;
    left: 189px; } }
.confetti-108 {
  width: 16px;
  height: 4.8px;
  background-color: #eb452b;
  top: -10%;
  left: 1500px;
  opacity: 1.0274369528;
  transform: rotate(122.6155640781deg);
  animation: drop-108 4.2339673558s 2.3422892317s infinite; }

@keyframes drop-108 {
  100% {
    top: 110%;
    left: 1501px; } }
.confetti-109 {
  width: 20px;
  height: 8px;
  background-color: #46b59b;
  top: -10%;
  left: 1666px;
  opacity: 1.3930509601;
  transform: rotate(208.9817232444deg);
  animation: drop-109 4.308299535s 3.1215465175s infinite; }

@keyframes drop-109 {
  100% {
    top: 110%;
    left: 1677px; } }
.confetti-110 {
  width: 15px;
  height: 4px;
  background-color: #46b59b;
  top: -10%;
  left: 128px;
  opacity: 1.0453191157;
  transform: rotate(343.081462724deg);
  animation: drop-110 4.1140414709s 2.8300348338s infinite; }

@keyframes drop-110 {
  100% {
    top: 110%;
    left: 143px; } }
.confetti-111 {
  width: 21px;
  height: 8.8px;
  background-color: #46b59b;
  top: -10%;
  left: 1773px;
  opacity: 0.831903902;
  transform: rotate(157.8433200371deg);
  animation: drop-111 4.6774609808s 3.0257579568s infinite; }

@keyframes drop-111 {
  100% {
    top: 110%;
    left: 1784px; } }
.confetti-112 {
  width: 16px;
  height: 4.8px;
  background-color: #46b59b;
  top: -10%;
  left: 486px;
  opacity: 0.848352512;
  transform: rotate(247.4838211837deg);
  animation: drop-112 4.577873562s 3.0159077897s infinite; }

@keyframes drop-112 {
  100% {
    top: 110%;
    left: 488px; } }
.confetti-113 {
  width: 20px;
  height: 8px;
  background-color: #46b59b;
  top: -10%;
  left: 844px;
  opacity: 0.9732202168;
  transform: rotate(240.2255132509deg);
  animation: drop-113 4.6553518708s 2.6822547724s infinite; }

@keyframes drop-113 {
  100% {
    top: 110%;
    left: 851px; } }
.confetti-114 {
  width: 19px;
  height: 7.2px;
  background-color: #eb452b;
  top: -10%;
  left: 250px;
  opacity: 1.3353512513;
  transform: rotate(300.6695360775deg);
  animation: drop-114 4.8050698929s 2.891602891s infinite; }

@keyframes drop-114 {
  100% {
    top: 110%;
    left: 256px; } }
.confetti-115 {
  width: 16px;
  height: 4.8px;
  background-color: #efa032;
  top: -10%;
  left: 473px;
  opacity: 1.4470015905;
  transform: rotate(45.8827244083deg);
  animation: drop-115 4.1536386993s 2.3095653038s infinite; }

@keyframes drop-115 {
  100% {
    top: 110%;
    left: 485px; } }
.confetti-116 {
  width: 16px;
  height: 4.8px;
  background-color: #efa032;
  top: -10%;
  left: 1197px;
  opacity: 1.3127478618;
  transform: rotate(244.0372172215deg);
  animation: drop-116 4.983099302s 2.3337848799s infinite; }

@keyframes drop-116 {
  100% {
    top: 110%;
    left: 1211px; } }
.confetti-117 {
  width: 15px;
  height: 4px;
  background-color: #46b59b;
  top: -10%;
  left: 383px;
  opacity: 1.3853932785;
  transform: rotate(294.0855641013deg);
  animation: drop-117 4.4366642435s 2.7591190375s infinite; }

@keyframes drop-117 {
  100% {
    top: 110%;
    left: 385px; } }
.confetti-118 {
  width: 21px;
  height: 8.8px;
  background-color: #efa032;
  top: -10%;
  left: 1184px;
  opacity: 0.9579136618;
  transform: rotate(15.7609211065deg);
  animation: drop-118 4.1981538835s 3.1270132835s infinite; }

@keyframes drop-118 {
  100% {
    top: 110%;
    left: 1188px; } }
.confetti-119 {
  width: 22px;
  height: 9.6px;
  background-color: #eb452b;
  top: -10%;
  left: 1107px;
  opacity: 1.3530645104;
  transform: rotate(6.3816210718deg);
  animation: drop-119 4.8515488239s 2.5857218842s infinite; }

@keyframes drop-119 {
  100% {
    top: 110%;
    left: 1120px; } }
.confetti-120 {
  width: 18px;
  height: 6.4px;
  background-color: #eb452b;
  top: -10%;
  left: 457px;
  opacity: 0.9224560119;
  transform: rotate(352.5787533306deg);
  animation: drop-120 4.300625733s 3.0984864069s infinite; }

@keyframes drop-120 {
  100% {
    top: 110%;
    left: 465px; } }
.confetti-121 {
  width: 21px;
  height: 8.8px;
  background-color: #efa032;
  top: -10%;
  left: 550px;
  opacity: 0.8147939917;
  transform: rotate(170.1683437578deg);
  animation: drop-121 4.6088567255s 2.9333710115s infinite; }

@keyframes drop-121 {
  100% {
    top: 110%;
    left: 564px; } }
.confetti-122 {
  width: 17px;
  height: 5.6px;
  background-color: #46b59b;
  top: -10%;
  left: 920px;
  opacity: 1.4715681883;
  transform: rotate(126.8539756923deg);
  animation: drop-122 4.7047411801s 3.1624982298s infinite; }

@keyframes drop-122 {
  100% {
    top: 110%;
    left: 935px; } }
.confetti-123 {
  width: 22px;
  height: 9.6px;
  background-color: #46b59b;
  top: -10%;
  left: 272px;
  opacity: 1.36845157;
  transform: rotate(16.7652844367deg);
  animation: drop-123 4.3375236685s 2.7217431939s infinite; }

@keyframes drop-123 {
  100% {
    top: 110%;
    left: 282px; } }
.confetti-124 {
  width: 18px;
  height: 6.4px;
  background-color: #46b59b;
  top: -10%;
  left: 306px;
  opacity: 0.5017455198;
  transform: rotate(213.8989306847deg);
  animation: drop-124 4.4206777254s 2.8905534702s infinite; }

@keyframes drop-124 {
  100% {
    top: 110%;
    left: 319px; } }
.confetti-125 {
  width: 17px;
  height: 5.6px;
  background-color: #46b59b;
  top: -10%;
  left: 1560px;
  opacity: 0.9405895677;
  transform: rotate(102.4778675661deg);
  animation: drop-125 4.1775158642s 2.5564291926s infinite; }

@keyframes drop-125 {
  100% {
    top: 110%;
    left: 1561px; } }
.confetti-126 {
  width: 22px;
  height: 9.6px;
  background-color: #eb452b;
  top: -10%;
  left: 667px;
  opacity: 1.2178759843;
  transform: rotate(137.8994201066deg);
  animation: drop-126 4.5887708425s 3.3137718937s infinite; }

@keyframes drop-126 {
  100% {
    top: 110%;
    left: 673px; } }
.confetti-127 {
  width: 20px;
  height: 8px;
  background-color: #46b59b;
  top: -10%;
  left: 404px;
  opacity: 0.8562473153;
  transform: rotate(61.4037872811deg);
  animation: drop-127 4.3253558531s 2.7735070049s infinite; }

@keyframes drop-127 {
  100% {
    top: 110%;
    left: 415px; } }
.confetti-128 {
  width: 22px;
  height: 9.6px;
  background-color: #46b59b;
  top: -10%;
  left: 742px;
  opacity: 0.8890273698;
  transform: rotate(73.6217375188deg);
  animation: drop-128 4.9018509671s 3.3778779804s infinite; }

@keyframes drop-128 {
  100% {
    top: 110%;
    left: 747px; } }
.confetti-129 {
  width: 20px;
  height: 8px;
  background-color: #efa032;
  top: -10%;
  left: 1789px;
  opacity: 0.9731443926;
  transform: rotate(2.4321405007deg);
  animation: drop-129 4.6490690187s 2.8809538051s infinite; }

@keyframes drop-129 {
  100% {
    top: 110%;
    left: 1803px; } }
.confetti-130 {
  width: 15px;
  height: 4px;
  background-color: #efa032;
  top: -10%;
  left: 52px;
  opacity: 0.5511085659;
  transform: rotate(43.425486207deg);
  animation: drop-130 4.1403788369s 2.9996148178s infinite; }

@keyframes drop-130 {
  100% {
    top: 110%;
    left: 61px; } }
.confetti-131 {
  width: 15px;
  height: 4px;
  background-color: #eb452b;
  top: -10%;
  left: 983px;
  opacity: 1.0772967122;
  transform: rotate(59.2053175579deg);
  animation: drop-131 4.9367028049s 2.7839436796s infinite; }

@keyframes drop-131 {
  100% {
    top: 110%;
    left: 986px; } }
.confetti-132 {
  width: 21px;
  height: 8.8px;
  background-color: #eb452b;
  top: -10%;
  left: 789px;
  opacity: 1.047375769;
  transform: rotate(204.0027820938deg);
  animation: drop-132 4.0030833205s 2.9041137627s infinite; }

@keyframes drop-132 {
  100% {
    top: 110%;
    left: 797px; } }
.confetti-133 {
  width: 21px;
  height: 8.8px;
  background-color: #46b59b;
  top: -10%;
  left: 1371px;
  opacity: 1.4711594819;
  transform: rotate(167.6157010233deg);
  animation: drop-133 4.8185135331s 3.1950436008s infinite; }

@keyframes drop-133 {
  100% {
    top: 110%;
    left: 1375px; } }
.confetti-134 {
  width: 15px;
  height: 4px;
  background-color: #eb452b;
  top: -10%;
  left: 321px;
  opacity: 1.4107839577;
  transform: rotate(112.9789646814deg);
  animation: drop-134 4.8856942442s 3.5174855096s infinite; }

@keyframes drop-134 {
  100% {
    top: 110%;
    left: 324px; } }
.confetti-135 {
  width: 21px;
  height: 8.8px;
  background-color: #46b59b;
  top: -10%;
  left: 404px;
  opacity: 1.4842136163;
  transform: rotate(122.5386911897deg);
  animation: drop-135 4.937024678s 3.6735219931s infinite; }

@keyframes drop-135 {
  100% {
    top: 110%;
    left: 413px; } }
.confetti-136 {
  width: 16px;
  height: 4.8px;
  background-color: #46b59b;
  top: -10%;
  left: 1735px;
  opacity: 0.6055784918;
  transform: rotate(259.4210168051deg);
  animation: drop-136 4.0401325822s 3.1422930125s infinite; }

@keyframes drop-136 {
  100% {
    top: 110%;
    left: 1745px; } }
.confetti-137 {
  width: 18px;
  height: 6.4px;
  background-color: #46b59b;
  top: -10%;
  left: 1073px;
  opacity: 1.3089143071;
  transform: rotate(67.804436088deg);
  animation: drop-137 4.3658332965s 2.9032480321s infinite; }

@keyframes drop-137 {
  100% {
    top: 110%;
    left: 1081px; } }
.confetti-138 {
  width: 15px;
  height: 4px;
  background-color: #efa032;
  top: -10%;
  left: 152px;
  opacity: 1.3304180255;
  transform: rotate(286.7360406335deg);
  animation: drop-138 4.5351971611s 2.7939432998s infinite; }

@keyframes drop-138 {
  100% {
    top: 110%;
    left: 162px; } }
.confetti-139 {
  width: 19px;
  height: 7.2px;
  background-color: #46b59b;
  top: -10%;
  left: 750px;
  opacity: 0.5754623861;
  transform: rotate(138.0646943579deg);
  animation: drop-139 4.272832907s 3.6284420379s infinite; }

@keyframes drop-139 {
  100% {
    top: 110%;
    left: 752px; } }
.confetti-140 {
  width: 17px;
  height: 5.6px;
  background-color: #46b59b;
  top: -10%;
  left: 1589px;
  opacity: 0.6423929207;
  transform: rotate(63.2996846258deg);
  animation: drop-140 4.0440253437s 3.1911336823s infinite; }

@keyframes drop-140 {
  100% {
    top: 110%;
    left: 1599px; } }
.confetti-141 {
  width: 18px;
  height: 6.4px;
  background-color: #46b59b;
  top: -10%;
  left: 1300px;
  opacity: 1.0579335039;
  transform: rotate(242.5097832208deg);
  animation: drop-141 4.1654999344s 3.6866140328s infinite; }

@keyframes drop-141 {
  100% {
    top: 110%;
    left: 1308px; } }
.confetti-142 {
  width: 21px;
  height: 8.8px;
  background-color: #46b59b;
  top: -10%;
  left: 634px;
  opacity: 0.6886175007;
  transform: rotate(153.3017905375deg);
  animation: drop-142 4.140894187s 2.8483071815s infinite; }

@keyframes drop-142 {
  100% {
    top: 110%;
    left: 637px; } }
.confetti-143 {
  width: 19px;
  height: 7.2px;
  background-color: #46b59b;
  top: -10%;
  left: 705px;
  opacity: 0.8745085956;
  transform: rotate(34.8259637908deg);
  animation: drop-143 4.2961230726s 2.9659935361s infinite; }

@keyframes drop-143 {
  100% {
    top: 110%;
    left: 714px; } }
.confetti-144 {
  width: 16px;
  height: 4.8px;
  background-color: #efa032;
  top: -10%;
  left: 1025px;
  opacity: 1.045410998;
  transform: rotate(27.6793925703deg);
  animation: drop-144 4.540442442s 3.1345942489s infinite; }

@keyframes drop-144 {
  100% {
    top: 110%;
    left: 1034px; } }
.confetti-145 {
  width: 22px;
  height: 9.6px;
  background-color: #efa032;
  top: -10%;
  left: 1542px;
  opacity: 1.3316746228;
  transform: rotate(275.8060783384deg);
  animation: drop-145 4.4652850931s 3.0222505066s infinite; }

@keyframes drop-145 {
  100% {
    top: 110%;
    left: 1551px; } }
.confetti-146 {
  width: 15px;
  height: 4px;
  background-color: #46b59b;
  top: -10%;
  left: 1359px;
  opacity: 1.4756562955;
  transform: rotate(153.0023015915deg);
  animation: drop-146 4.7814822622s 3.6601578331s infinite; }

@keyframes drop-146 {
  100% {
    top: 110%;
    left: 1365px; } }
.confetti-147 {
  width: 16px;
  height: 4.8px;
  background-color: #eb452b;
  top: -10%;
  left: 22px;
  opacity: 1.4283857808;
  transform: rotate(104.6503872306deg);
  animation: drop-147 4.7077079657s 3.110695963s infinite; }

@keyframes drop-147 {
  100% {
    top: 110%;
    left: 36px; } }
.confetti-148 {
  width: 20px;
  height: 8px;
  background-color: #eb452b;
  top: -10%;
  left: 1245px;
  opacity: 0.7882214763;
  transform: rotate(359.7870177795deg);
  animation: drop-148 4.1839382878s 3.2422677013s infinite; }

@keyframes drop-148 {
  100% {
    top: 110%;
    left: 1255px; } }
.confetti-149 {
  width: 18px;
  height: 6.4px;
  background-color: #efa032;
  top: -10%;
  left: 986px;
  opacity: 1.3183785121;
  transform: rotate(180.5971142837deg);
  animation: drop-149 4.1664384512s 3.0283060889s infinite; }

@keyframes drop-149 {
  100% {
    top: 110%;
    left: 1000px; } }
.h-day {
  position: relative;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  top: 300px;
  animation: back-to-top 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  background: rgba(100, 170, 236, 0.9);
  border-radius: 8px;
  color: white; }
  .h-day .greeting-text {
    color: inherit;
    margin-left: 8px;
    font-weight: 500;
    font-size: 24px;
    animation: text-animation 1s;
    animation-delay: 2s;
    animation-fill-mode: forwards; }
@media(max-width: 1024px) {
  .h-day .greeting-text {
    font-weight: 500 !important; } }
    @media (max-width: 769px) {
      .h-day .greeting-text {
        font-size: 12.8px !important; } }
  .h-day img {
    width: 100px;
    animation: unscale 1s;
    animation-delay: 2s;
    animation-fill-mode: forwards; }
    @media (max-width: 769px) {
      .h-day img {
        width: 50px; } }
    @media (max-width: 479px) {
      .h-day img {
        width: 40px; } }

@keyframes back-to-top {
  to {
    top: 1px;
    background: none;
    padding: 0; } }
@keyframes text-animation {
  to {
    top: 10px;
    font-size: 16px;
    color: #62687c;
    font-weight: 600; } }
@keyframes unscale {
  to {
    width: 40px; } }
#app {
  height: 100%;
  width: 100%;
  overflow-x: hidden; }
  #app.app--bluecloud #app__body {
    background-image: url(/img/bluecloud.jpg); }
  #app.app--dev #app__body {
    background-image: url(/img/warning.jpg); }
  #app.app--dev #app__main {
    background: rgba(0, 0, 0, 0.7); }
  #app.app--dev .dev {
    display: block; }
  #app__alert {
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    position: fixed; }
  #app__body {
    background-size: cover;
    background-attachment: fixed;
    background-image: url(/img/background-admin.jpg);
    height: 100%;
    width: 100%; }
  #app__auth {
    height: 100%;
    margin: 0 auto;
    padding: 2rem;
    box-sizing: border-box; }
  #app__main {
    height: 100%;
    width: 100%;
    z-index: 0;
    position: relative;
    box-sizing: border-box;
    padding-left: 250px;
    transition: padding 0.4s ease-out; }
  #app__menu {
    overflow: hidden;
    height: 100%;
    left: 0;
    width: 250px;
    position: fixed;
    background: #141c3a;
    z-index: 101; }
    #app__menu .menu-overflow-scroll {
      position: absolute;
      overflow-y: scroll;
      scrollbar-width: none;
      top: 4rem;
      bottom: 58px;
      left: 0;
      right: 0px; }
  #app__topbar {
    left: 0;
    z-index: 100;
    position: fixed;
    height: 4rem;
    background: white;
    box-shadow: 0px 1px 0px #EFF1F4;
    margin-left: 0;
    width: 100%; }
    #app__topbar .row {
      margin-left: 0; }
  #app__content {
    padding: 2rem;
    padding-top: 6rem; }
    @media (max-width: 48em) {
      #app__content {
        padding: 0.2rem;
        padding-top: 5rem; } }
.app--wide {
  padding-left: 0 !important; }

h1, h2, h3, h4, h5, h6 {
  white-space: normal;
  color: #323232;
  font-weight: bold;
  position: relative;
  margin-bottom: 1.5rem;
  font-family: "Raleway", sans-serif; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    margin: 0;
    margin-left: 1rem; }
  h1.brand, h2.brand, h3.brand, h4.brand, h5.brand, h6.brand {
    color: #257de2;
    font-family: "Raleway", sans-serif; }
    h1.brand small, h2.brand small, h3.brand small, h4.brand small, h5.brand small, h6.brand small {
      color: #7d7d7d;
      font-family: "Raleway", sans-serif; }
  h1 span.number, h2 span.number, h3 span.number, h4 span.number, h5 span.number, h6 span.number {
    margin-right: 1rem;
    font-size: 2rem; }
    @media (max-width: 48em) {
      h1 span.number, h2 span.number, h3 span.number, h4 span.number, h5 span.number, h6 span.number {
        font-size: 0.8rem; } }
  h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
    font-family: inherit; }
  h1.hash:before, h2.hash:before, h3.hash:before, h4.hash:before, h5.hash:before, h6.hash:before {
    content: "#";
    color: #257de2;
    margin-left: -2rem;
    position: absolute;
    font-size: inherit; }
  h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
    padding-bottom: 1rem;
    border-bottom: 1px solid #7d7d7d; }

h4 small, h5 small, h6 small {
  margin-left: 0.5rem; }

h1 {
  font-size: 3rem;
  line-height: 3rem; }
  h1 small {
    font-size: 2.25rem; }

h2 {
  font-size: 2rem;
  line-height: 2rem; }
  h2 small {
    font-size: 1.5rem; }

h3 {
  font-size: 1.5rem;
  line-height: 1.5rem; }
  h3 small {
    font-size: 1.125rem; }
  @media (max-width: 48em) {
    h3 {
      font-size: 1rem; } }

h4 {
  font-size: 1.25rem;
  line-height: 1.25rem; }
  h4 small {
    font-size: 0.9375rem; }
  @media (max-width: 48em) {
    h4 {
      font-size: 0.8rem; } }

h5 {
  font-size: 0.75rem;
  line-height: 0.75rem; }
  h5 small {
    font-size: 0.5625rem; }

h6 {
  font-family: "Open Sans", sans-serif;
  font-size: 0.75rem;
  line-height: 0.75rem; }
  h6 small {
    font-size: 0.5625rem; }

hr {
  border-color: #f0f0f0;
  border-width: 0;
  border-top-width: 1px; }
  hr.devider {
    width: 6rem;
    height: 2px;
    background: #7d7d7d;
    margin-bottom: 1rem;
    display: inline-block; }

p {
  color: #7d7d7d;
  white-space: normal;
  line-height: 1.5rem;
  margin-bottom: 1.5rem; }
  p.lead {
    font-weight: lighter;
    font-size: 1.5rem;
    margin-bottom: 2rem;
    line-height: 2.25rem;
    color: #4b4b4b; }
  p.indent {
    margin-left: 2.7rem; }

b {
  font-weight: bold; }

.text-center {
  text-align: center; }

a {
  cursor: pointer;
  color: #257de2;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  a.underline:hover {
    text-decoration: underline; }
  a.small {
    font-size: 0.75rem; }

small {
  color: #7d7d7d;
  display: inline-block;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  line-height: 1.125rem; }

code {
  box-sizing: border-box;
  display: block;
  word-break: break-all;
  background: #f0f0f0;
  padding: 1rem;
  margin-bottom: 1rem; }

hr {
  margin-bottom: 2rem; }

.dimmed {
  color: #7d7d7d !important; }

input[type="submit"],
button,
.button,
.btn {
  cursor: pointer;
  color: #257de2;
  background: none;
  font-weight: bold;
  line-height: 1rem;
  white-space: nowrap;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  border: 0.125rem solid #257de2;
  padding: 1rem 2rem;
  font-family: "Raleway", sans-serif;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem; }
  input[type="submit"]:hover,
  button:hover,
  .button:hover,
  .btn:hover {
    color: white;
    background: #257de2;
    border-color: #257de2; }
    input[type="submit"]:hover.btn-secondary,
    button:hover.btn-secondary,
    .button:hover.btn-secondary,
    .btn:hover.btn-secondary {
      border-color: #257de2; }
    input[type="submit"]:hover.btn-alt,
    button:hover.btn-alt,
    .button:hover.btn-alt,
    .btn:hover.btn-alt {
      color: #257de2;
      background: white; }
    input[type="submit"]:hover.btn-danger,
    button:hover.btn-danger,
    .button:hover.btn-danger,
    .btn:hover.btn-danger {
      color: #e74c3c;
      background: white; }
    input[type="submit"]:hover.btn-dirty,
    button:hover.btn-dirty,
    .button:hover.btn-dirty,
    .btn:hover.btn-dirty {
      color: #f1c40f;
      background: white;
      border-color: #f1c40f; }
    input[type="submit"]:hover.btn-fixed,
    button:hover.btn-fixed,
    .button:hover.btn-fixed,
    .btn:hover.btn-fixed {
      color: #257de2;
      background: white; }
  input[type="submit"].btn-secondary,
  button.btn-secondary,
  .button.btn-secondary,
  .btn.btn-secondary {
    color: white;
    border-color: white; }
  input[type="submit"].btn-alt,
  button.btn-alt,
  .button.btn-alt,
  .btn.btn-alt {
    color: white;
    background: #257de2; }
  input[type="submit"].btn-link,
  button.btn-link,
  .button.btn-link,
  .btn.btn-link {
    border: none;
    padding: 0; }
  input[type="submit"].btn-sm,
  button.btn-sm,
  .button.btn-sm,
  .btn.btn-sm {
    text-transform: none;
    padding: 0.6666666667rem 1rem; }
  input[type="submit"].btn-xs,
  button.btn-xs,
  .button.btn-xs,
  .btn.btn-xs {
    text-transform: none;
    font-size: 0.75rem;
    padding: 0.3333333333rem 0.6666666667rem; }
  input[type="submit"].btn-success,
  button.btn-success,
  .button.btn-success,
  .btn.btn-success {
    border-color: #2ecc71;
    background: #2ecc71;
    color: white; }
  input[type="submit"].btn-danger,
  button.btn-danger,
  .button.btn-danger,
  .btn.btn-danger {
    border-color: #e74c3c;
    background: #e74c3c;
    color: white; }
  input[type="submit"].btn-dirty,
  button.btn-dirty,
  .button.btn-dirty,
  .btn.btn-dirty {
    border-color: #f1c40f;
    background: #f1c40f;
    color: white; }
  input[type="submit"] i,
  button i,
  .button i,
  .btn i {
    margin: 0;
    width: 20px;
    padding: 0; }
  input[type="submit"].btn-fixed,
  button.btn-fixed,
  .button.btn-fixed,
  .btn.btn-fixed {
    color: white;
    background: #257de2;
    position: fixed;
    z-index: 1;
    top: 4.5rem;
    right: 1rem;
    border-radius: 34px 0 34px 34px; }
  input[type="submit"].disabled,
  button.disabled,
  .button.disabled,
  .btn.disabled {
    background-color: lightgrey;
    border-color: grey;
    color: white;
    cursor: default;
    pointer-events: none; }

.btn-icon {
  color: #c8c8c8;
  cursor: pointer; }
  .btn-icon.fa-trash:hover {
    color: #e74c3c; }
  .btn-icon.right {
    margin-left: 1rem; }

h1 button,
h1 .btn, h2 button,
h2 .btn, h3 button,
h3 .btn, h4 button,
h4 .btn, h5 button,
h5 .btn, h6 button,
h6 .btn {
  margin: 0;
  margin-left: 0.5rem; }

.btn_controls .btn {
  margin-left: 0.5rem; }

@media (max-width: 48em) {
  .fa.modal__close {
    font-size: 30px; } }

dl {
  display: block;
  float: none;
  clear: both; }
  dl dt, dl dd {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    -o-user-select: all;
    user-select: all; }
  dl dt {
    font-weight: bold; }
  dl.inline dt, dl.inline dd {
    float: left;
    display: block;
    margin-bottom: 0.5rem; }
  dl.inline dt {
    margin-right: 1rem;
    clear: left; }
  dl.inline.aligned dt {
    min-width: 170px; }
  dl.inline.block {
    padding: 1rem;
    background: #f0f0f0; }
  dl hr {
    clear: both;
    margin-bottom: 0.5rem; }

input, textarea, select {
  width: 100%;
  margin-bottom: 1rem;
  font-size: 1rem;
  padding: 0.3333333333rem;
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
  background: white;
  -webkit-transition: border-color .25s ease-in-out;
  -moz-transition: border-color .25s ease-in-out;
  -ms-transition: border-color .25s ease-in-out;
  -o-transition: border-color .25s ease-in-out;
  transition: border-color .25s ease-in-out; }
  input:focus, textarea:focus, select:focus {
    border-color: #257de2; }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    font-style: italic;
    font-size: 0.75rem; }
  input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    font-style: italic;
    font-size: 0.75rem; }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    font-style: italic;
    font-size: 0.75rem; }
  input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
    font-style: italic;
    font-size: 0.75rem; }
  input:disabled, textarea:disabled, select:disabled {
    color: black;
    background: none;
    cursor: not-allowed;
    padding-left: 0;
    border: none; }
  input.form_disabled, textarea.form_disabled, select.form_disabled {
    color: black;
    background: none;
    cursor: not-allowed;
    padding-left: 0;
    border: none;
    pointer-events: none; }
  input.validation-error, textarea.validation-error, select.validation-error {
    border-color: red; }

input, textarea {
  display: block; }

select {
  min-height: 1rem;
  display: inline-block;
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-image: url("/img/chevron-down.svg");
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
  select:hover {
    cursor: pointer;
    border-color: #257de2; }

label {
  font-size: 0.75rem;
  color: #7d7d7d;
  display: block; }
  label input, label select, label textarea {
    margin-top: 0.25rem; }

input {
  min-height: 1rem; }
  input[type="checkbox"] {
    width: initial;
    display: inline-block; }
  input[type="radio"] {
    width: initial;
    display: inline-block; }
  input[type="submit"] {
    width: initial;
    display: inline-block; }
  input[type="checkbox"] {
    padding: 0;
    margin-right: 1rem; }
  input[type="radio"] {
    padding: 0;
    margin-right: 1rem; }
  input[type="submit"] {
    height: auto; }

textarea {
  min-height: 8.38rem; }

form .btn-group * {
  margin-right: 1.5rem; }
form small {
  margin-bottom: 1.5rem; }

input[type="checkbox"].form_disabled {
  color: black;
  background: none;
  cursor: not-allowed;
  padding-left: 0;
  border: none;
  pointer-events: none; }

.characters-counter {
  display: inline-block;
  padding-right: 2rem; }
  .characters-counter__number {
    position: relative; }
    .characters-counter__number > span {
      position: absolute;
      right: 0.5rem;
      top: 50%;
      font-size: 13px;
      color: #e74c3c;
      transform: translateY(-50%); }

.changed-field, .changed-field:disabled {
  background-color: #FEE197; }

.input-to-delete {
  background-color: #ff877a; }

.changed-options {
  background-color: #fbf8e7; }

.input-euro {
  position: relative; }
  .input-euro input {
    max-width: 10rem;
    padding-right: 5px;
    text-align: end;
    -moz-appearance: textfield; }
    .input-euro input::-webkit-outer-spin-button, .input-euro input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  .input-euro:before {
    position: absolute;
    content: "EUR";
    right: -2.5rem;
    top: 7px; }

table {
  text-align: left;
  width: 100%; }
  table.display tbody td, table.display tbody th {
    border-top: 1px solid #ddd; }
  table.striped tr:nth-child(odd) {
    background: #f0f0f0; }
  table.striped tr:hover {
    background: #c8c8c8 !important; }
  table.striped th {
    background: white;
    border-bottom: 1px solid #111321; }
  table th, table td {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    -o-user-select: all;
    user-select: all; }
    table th form, table th div, table td form, table td div {
      -webkit-user-select: auto;
      -moz-user-select: auto;
      -ms-user-select: auto;
      -o-user-select: auto;
      user-select: auto; }
    table th.actions, table td.actions {
      width: 2rem !important; }
  table thead {
    font-weight: bold;
    border-bottom: 1px solid #111; }
    table thead th, table thead td {
      padding: 10px; }
    table thead th {
      border-bottom: 1px solid #111; }
    table thead tr {
      border-bottom-width: 3px; }
  table tbody tr:hover {
    background-color: #e8f2fc !important; }
  table tbody tr.odd {
    background-color: #f9f9f9; }
  table tbody tr.colored td.green {
    background-color: #ddffdd; }
  table tbody tr.colored td.orange {
    background-color: #ffefd0; }
  table tbody tr.colored td.red {
    background-color: #ffdddd; }
  table thead tr, table tbody tr {
    border-bottom: 1px solid #c8c8c8; }
    table thead tr:last-child, table tbody tr:last-child {
      border-bottom: none; }
    table thead tr.sub, table tbody tr.sub {
      background: #f0f0f0;
      border-bottom: none; }
      table thead tr.sub td:first-child, table tbody tr.sub td:first-child {
        padding-left: 2rem; }
      table thead tr.sub th, table tbody tr.sub th {
        border-bottom: 1px solid #111; }
      table thead tr.sub th, table thead tr.sub td, table tbody tr.sub th, table tbody tr.sub td {
        padding: 0.5rem; }
      table thead tr.sub.subheader, table tbody tr.sub.subheader {
        border-top: none; }
        table thead tr.sub.subheader td, table tbody tr.sub.subheader td {
          padding-top: 0.5rem; }
    table thead tr.subheader, table tbody tr.subheader {
      border-top: 1px solid #c8c8c8;
      font-size: 0.75rem;
      color: #7d7d7d;
      border-bottom: none; }
      table thead tr.subheader td, table tbody tr.subheader td {
        padding-top: 3rem; }
  table thead th, table thead td, table tbody th, table tbody td {
    padding: 0.6666666667rem; }
  table thead.table-striped tr:odd, table tbody.table-striped tr:odd {
    background: #f0f0f0; }
  table.table-custom-clickable tr.visited {
    background: #c8c8c8 !important; }
    table.table-custom-clickable tr.visited span {
      color: black; }
  table.table-custom-clickable tr.active {
    background: #257de2 !important;
    color: white; }
    table.table-custom-clickable tr.active a {
      color: white; }
    table.table-custom-clickable tr.active:hover {
      color: black; }
      table.table-custom-clickable tr.active:hover a {
        color: white; }
  table.table-custom-clickable .actions-column {
    min-width: 50px; }
  table.table-clickable tr {
    cursor: pointer; }
  table.table-clickable tr.reordered-item {
    border: 2px solid #f1c40f !important;
    background-color: #fff6d2 !important; }
  table.table-clickable tr.visited {
    background: #c8c8c8 !important; }
  table.table-clickable tr.active {
    background: #257de2 !important;
    color: white; }
    table.table-clickable tr.active a {
      color: white; }
  table.table-clickable .pausable-item.fa-play {
    color: #2ecc71; }
  table.table-clickable .pausable-item.fa-pause {
    color: #7d7d7d; }
  table.multiedit tr:hover {
    cursor: pointer; }
    table.multiedit tr:hover.active__content {
      cursor: initial; }
  table.multiedit td:first-child {
    white-space: nowrap; }
  table.multiedit tbody td, table.multiedit tbody th {
    border-top: 1px solid #ddd; }
  table.multiedit tbody tr.visited {
    background: #c8c8c8 !important; }
  table.multiedit tbody tr.active {
    background: #257de2 !important;
    color: white;
    font-weight: bold; }
    table.multiedit tbody tr.active a {
      color: white; }
  table.multiedit tbody tr.active__content {
    background: #EEE; }
  table.multiedit tbody tr.active__content:hover {
    background: #EEE !important; }
  table.inline {
    width: auto;
    float: left; }
    table.inline th {
      color: #7d7d7d;
      padding-bottom: 0;
      font-style: italic;
      font-size: 0.75rem; }
  table.extended-list tbody .onHoverJQ {
    background-color: #e8f2fc !important; }
  table.extended-list tbody .extend_item-info-container {
    display: flex;
    column-gap: 40px;
    margin-left: 50px; }
    table.extended-list tbody .extend_item-info-container ul b {
      display: inline-block;
      font-size: 13px;
      margin-bottom: 10px; }
    table.extended-list tbody .extend_item-info-container ul li {
      font-size: 13px; }
  table.extended-list tbody td, table.extended-list tbody tr {
    border: none; }
  table.extended-list tbody tr:not(.active, .visited):nth-child(2n + 1):hover, table.extended-list tbody tr:not(.active, .visited):nth-child(2n + 1):hover + tr {
    background-color: #e8f2fc !important; }
  table.extended-list tbody tr:nth-child(2n) {
    border-bottom: 1px solid #c8c8c8; }
  table.extended-list tbody tr.visited:nth-child(2n) {
    border-bottom: 1px solid #ddd; }

nav {
  font-family: "Nunito Sans", sans serif; }
  nav.menu-switcher {
    display: flex;
    justify-content: space-around; }
    nav.menu-switcher:hover a.active {
      background: #0b61c4 !important; }
      nav.menu-switcher:hover a.active:hover {
        background: #257de2 !important; }
    nav.menu-switcher a {
      flex-grow: 1;
      color: #7d7d7d;
      cursor: pointer;
      background: #1e1e1e;
      line-height: 2rem;
      text-align: center;
      font-size: 0.75rem;
      box-sizing: border-box;
      border-bottom: 5px solid #257de2; }
      nav.menu-switcher a.active, nav.menu-switcher a:hover {
        color: white;
        background: #257de2; }
        .app--client nav.menu-switcher a.active, .app--client nav.menu-switcher a:hover {
          color: #257de2; }
  nav.topbar {
    margin-right: 48px;
    display: flex;
    align-items: center; }
    @media (max-width: 48em) {
      nav.topbar {
        margin-right: 16px; } }
    nav.topbar a {
      margin-right: 1rem;
      cursor: pointer;
      color: #62687c; }
      nav.topbar a:first-child {
        margin-left: 1rem; }
      nav.topbar a:hover span {
        color: #257de2; }
        .app--client nav.topbar a:hover span {
          color: #257de2; }
    nav.topbar .cp-avatar {
      width: 40px;
      height: 40px;
      color: #FFF;
      font-size: 14px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      position: relative;
      overflow: hidden;
      text-align: center;
      border: none;
      border-radius: 50%;
      background-color: #141c3a;
      transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer; }
    nav.topbar .user-menu {
      position: absolute;
      cursor: pointer;
      bottom: -2px;
      right: 20px;
      padding: 30px;
      width: 16px; }
      nav.topbar .user-menu li {
        position: absolute;
        display: none;
        padding: 16px;
        border-radius: 8px;
        background-color: white;
        z-index: 101;
        right: 15px;
        bottom: -48px;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1); }
        nav.topbar .user-menu li .fa {
          margin-right: 10px;
          font-size: 20px;
          width: 20px;
          height: 20px; }
    nav.topbar .cp-avatar:hover + .user-menu li,
    nav.topbar .user-menu:hover li {
      display: block; }
      nav.topbar .cp-avatar:hover + .user-menu li a,
      nav.topbar .user-menu:hover li a {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        margin: 0; }
  nav.main > ul > li {
    background: #141c3a;
    padding: 0 10px; }
    nav.main > ul > li > a {
      padding: 16px 10px;
      font-size: 15px;
      border-radius: 0.2rem;
      color: #d8d9de;
      display: flex;
      align-items: center;
      position: relative; }
      nav.main > ul > li > a span {
        white-space: nowrap;
        overflow: hidden; }
    .app--client nav.main > ul > li > ul {
      color: #d8d9de; }
    nav.main > ul > li > ul > li > a {
      padding: 14px 8px 14px 20px;
      color: #d8d9de;
      font-size: 15px;
      border-radius: 0.2rem;
      display: flex;
      align-items: center; }
      nav.main > ul > li > ul > li > a span {
        white-space: nowrap;
        overflow: hidden; }
      .app--client nav.main > ul > li > ul > li > a {
        color: #d8d9de; }
        .app--client nav.main > ul > li > ul > li > a.active {
          color: white; }
  nav.main a {
    display: block;
    color: #d8d9de;
    position: relative;
    text-decoration: none; }
    nav.main a:before {
      content: "";
      background: transparent;
      position: absolute;
      opacity: 0.3;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: auto;
      border-radius: 8px; }
    nav.main a span, nav.main a svg, nav.main a i {
      z-index: 1; }
    .app--client nav.main a {
      color: #d8d9de; }
    nav.main a > i:first-child {
      min-width: 1rem;
      margin-right: 1rem; }
    nav.main a:hover {
      color: white; }
      nav.main a:hover:before {
        z-index: auto;
        background-color: #055dc2; }
    nav.main a.active {
      color: white; }
  nav.list {
    padding: 0 10px; }
    nav.list.small {
      font-size: 15px; }
    nav.list.dark a {
      padding: 14px 10px;
      position: relative; }
      nav.list.dark a span, nav.list.dark a svg, nav.list.dark a i {
        position: relative;
        z-index: 1; }
      nav.list.dark a:before {
        content: "";
        background: transparent;
        position: absolute;
        opacity: 0.3;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 8px;
        z-index: auto; }
      nav.list.dark a:hover {
        color: white; }
        .app--client nav.list.dark a:hover {
          color: white; }
        nav.list.dark a:hover:before {
          background-color: #055dc2; }
    nav.list a {
      line-height: 1.5rem;
      color: #d8d9de;
      font-size: 15px;
      display: flex;
      align-items: center; }
      nav.list a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 160px; }
      nav.list a > i {
        margin-right: 1rem; }

.menu-icon {
  margin-right: 0.5rem;
  max-height: 20px; }

.chevron-down {
  position: absolute;
  right: 8px;
  max-height: 20px; }

.collapse__button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d8d9de;
  position: absolute;
  box-sizing: border-box;
  height: 46px;
  width: 240px;
  left: 50%;
  bottom: 8px;
  font-size: 12px;
  cursor: pointer;
  transform: translate(-50%); }
  .collapse__button:before {
    content: "";
    background: transparent;
    position: absolute;
    opacity: 0.3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: auto;
    border-radius: 8px; }
    .collapse__button:before span, .collapse__button:before svg, .collapse__button:before i {
      z-index: 1; }
  .collapse__button:hover {
    color: white; }
    .collapse__button:hover:before {
      background-color: #055dc2; }
  .collapse__button svg {
    width: 15px;
    height: 15px;
    margin-right: 0px; }

.collapse__button {
  background: #141c3a; }
  .collapse__button span, .collapse__button svg {
    z-index: 1; }

.logo-section {
  height: 56px;
  padding: 20px 0 0 20px;
  transition: all 0.4s ease-out; }
  .logo-section svg {
    height: 30px; }

#app__menu {
  transition: all 0.4s ease-out;
  max-width: 250px; }
  #app__menu.collapsed {
    box-sizing: border-box;
    max-width: 0px; }
    @media (max-width: 48em) {
      #app__menu.collapsed {
        width: 100% !important;
        max-width: 250px; } }
    #app__menu.collapsed .list {
      padding: 0; }
      #app__menu.collapsed .list a {
        justify-content: center;
        align-items: center; }

.choice {
  position: relative;
  margin-bottom: 2rem;
  /**
   * Some choice may have a tag nested.
   * if this is the case it needs special styling
   * to show up correctly
   */ }
  .choice * {
    cursor: pointer; }
  .choice__input {
    position: absolute;
    top: 4px;
    left: 0px; }
  .choice__content {
    padding-left: 5rem; }
  .choice__title {
    color: #333;
    display: inline-block; }
  .choice__description {
    line-height: 1.125rem;
    margin-bottom: 1rem; }
  .choice__icon {
    margin-right: 1rem;
    display: inline-block; }
  .choice__data {
    padding: 1rem;
    background: #EEE; }
  .choice--checkbox {
    display: inline-block; }
    .choice--checkbox .choice__content {
      padding-left: 2rem; }
    .choice--checkbox .choice__input {
      top: 0; }
  .choice--detailed .choice__title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: bold; }
  .choice--detailed .choice__description {
    font-size: 0.75rem; }
  .choice--border {
    margin-top: 0.5rem;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #c8c8c8; }
  .choice--inline {
    font-size: 1rem; }
    .choice--inline .choice__description {
      display: inline-block;
      font-size: 1rem; }
    .choice--inline .choice__title {
      font-size: 1rem;
      display: inline-block;
      margin-right: 1rem; }
    .choice--inline .choice__description {
      color: #7d7d7d; }
  .choice--option .choice__title {
    font-size: 1rem;
    line-height: 1.125rem; }
  .choice--option .choice__input {
    margin-top: 0.4rem; }
  .choice--option .choice__description {
    font-size: 0.75rem; }
  .choice--option hr {
    border-style: solid;
    border-color: #c8c8c8;
    margin: 0; }
  .choice .tag {
    display: block;
    margin-left: 2rem;
    margin-top: 0.5rem;
    margin-right: 4rem;
    white-space: pre-line;
    font-size: 0.75rem;
    line-height: 1.125rem; }
.box {
  display: block;
  margin-bottom: 1rem;
  position: relative;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem; }
  .box:hover .box__link {
    background: #257de2;
    color: white; }
  .box--white {
    background: white; }
  .box--tabs {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -ms-border-top-left-radius: 0;
    -o-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    -o-border-top-right-radius: 0;
    border-top-right-radius: 0; }
  .box--link .box__body {
    padding-bottom: 4rem; }
  .box--tug .box__body {
    padding-bottom: 1rem; }
  .box__controls {
    top: 0.8rem;
    right: 2rem;
    z-index: 20;
    position: absolute; }
    .box__controls * {
      padding: 0.6666666667rem;
      display: inline-block;
      margin-left: 1rem; }
      @media (max-width: 48em) {
        .box__controls * {
          margin-right: 1rem;
          margin-bottom: 1rem; } }
      @media (min-width: 48em) and (max-width: 75em) {
        .box__controls * {
          margin-bottom: 0;
          margin-right: 1rem; } }
    @media (max-width: 75em) {
      .box__controls {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        right: 0;
        position: inherit;
        padding-top: 1rem; } }
    @media (max-width: 48em) {
      .box__controls {
        display: flex;
        flex-direction: column;
        right: 0;
        position: inherit;
        padding-top: 1rem; } }
  .box--link {
    font-size: 0.9rem; }
  .box__labels {
    top: 4rem;
    right: 2rem;
    position: absolute; }
    @media (max-width: 48em) {
      .box__labels {
        top: 5rem; } }
    @media (max-width: 75em) {
      .box__labels {
        top: 5rem; } }
  .box__body {
    overflow: hidden;
    padding: 2rem; }
    @media (max-width: 48em) {
      .box__body {
        padding: 0.5rem; } }
  .box__link {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 2rem;
    -webkit-border-bottom-right-radius: 0.2rem;
    -moz-border-bottom-right-radius: 0.2rem;
    -ms-border-bottom-right-radius: 0.2rem;
    -o-border-bottom-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    -webkit-border-bottom-left-radius: 0.2rem;
    -moz-border-bottom-left-radius: 0.2rem;
    -ms-border-bottom-left-radius: 0.2rem;
    -o-border-bottom-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem; }
  .box__close {
    top: -1rem;
    right: -1rem;
    padding: 1rem;
    cursor: pointer;
    text-align: center;
    position: absolute;
    background: #c8c8c8;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
    .box__close:hover {
      background: #257de2;
      color: white; }
  .box__section_header {
    font-size: 0.75rem;
    font-weight: bold;
    color: #7d7d7d;
    border-bottom: 1px solid #f0f0f0;
    margin-top: 2rem;
    margin-bottom: 1.5rem; }
.Stats {
  position: relative;
  overflow: hidden;
  height: calc(100% - 1px);
  margin-bottom: 1rem;
  min-height: 7.4rem;
  background: #f6f6f6; }
  .Stats__title {
    top: 0;
    bottom: 0;
    color: white;
    background: #7d7d7d;
    position: absolute;
    font-size: 0.75rem;
    width: 40px; }
    .Stats__title span {
      display: inline-block;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      padding: 0 10px;
      position: absolute;
      white-space: nowrap;
      top: -40px;
      height: 40px;
      transform-origin: bottom left;
      line-height: 40px; }
  .Stats--grid {
    background: #7d7d7d; }
  .Stats__list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1px;
    margin-left: 40px;
    align-content: stretch;
    margin-right: -2px;
    margin-bottom: -2px; }
  .Stats__item {
    flex-grow: 1;
    padding: 1rem;
    margin-right: 2px;
    margin-bottom: 2px;
    background-clip: padding-box;
    text-align: center;
    box-sizing: border-box;
    min-width: calc(50% - 2px);
    background-color: white; }
  .Stats__value {
    color: #232323;
    font-family: #828282;
    font-size: 2rem;
    line-height: 2rem; }
  .Stats__table {
    margin-left: 40px; }
    .Stats__table th, .Stats__table td {
      text-align: center; }
    .Stats__table table, .Stats__table th {
      font-size: 0.75rem;
      border: none !important; }
    .Stats__table th {
      padding: 8px 10px !important;
      font-size: 0.75rem;
      background: #bdbdbd; }
    .Stats__table table tbody tr td {
      border-top: 2px solid #f6f6f6 !important; }
  .Stats--tablethree .Stats__table th:nth-child(3n+2), .Stats--tablethree .Stats__table td:nth-child(3n+2) {
    border-left: 2px solid #f6f6f6 !important; }
.Deck {
  margin-top: 2rem;
  position: relative; }
  .Deck__title {
    top: -2rem;
    position: absolute; }
  .Deck__slot {
    background: #f6f6f6;
    padding: 1rem;
    margin-right: 1rem; }
    .Deck__slot:last-child {
      margin-right: 0; }
    .Deck__slot .Card {
      color: white;
      background: #7d7d7d; }
    .Deck__slot--empty {
      text-align: center; }
    .Deck__slot--filled .Card {
      background: #257de2; }
  .Deck .Card {
    min-height: 6rem;
    margin-bottom: 1rem; }
.Card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  color: #323232;
  padding: 1rem;
  background: #f6f6f6;
  border: 2px solid transparent; }
  .Card:hover {
    border: 2px solid #257de2; }
  .Card__title {
    font-size: 1.2rem; }
.checklist {
  margin: 0;
  padding: 0;
  list-style: none; }
  .checklist__body {
    margin: 0;
    display: inline-block; }
  .checklist__title {
    margin: 0;
    margin-right: 1rem;
    display: inline-block;
    font-weight: normal; }
  .checklist__input {
    margin: 0;
    margin-right: 0.5rem !important;
    display: inline-block; }
  .checklist__description {
    color: #323232;
    font-style: italic;
    display: inline-block;
    margin: 0; }
  .checklist--indent .checklist__title {
    text-align: right;
    width: 40%;
    font-weight: bold; }
.alert {
  background: #3498db;
  padding: 1rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem; }
  .alert * {
    display: inline-block; }
  .alert i {
    height: 10px;
    width: 10px; }
  .alert__icon {
    margin-right: 1rem; }
    .alert__icon i {
      display: none; }
  .alert__title {
    font-weight: bold;
    margin-right: 1rem;
    margin-bottom: 0.5rem; }
  .alert__body {
    margin-right: 2rem; }
  .alert__close {
    float: right;
    cursor: pointer; }
  .alert--danger {
    background: #e74c3c; }
    .alert--danger .fa-exclamation-triangle {
      display: initial; }
    .alert--danger .alert__body {
      margin-left: 2rem; }
  .alert--success {
    background: #2ecc71; }
    .alert--success .fa-check {
      display: initial; }
    .alert--success .alert__body {
      margin-left: 1.7rem; }
  .alert--warning {
    background: #f1c40f; }
    .alert--warning .fa-exclamation {
      display: initial; }
    .alert--warning .alert__body {
      margin-left: 1.5rem; }
  .alert--info {
    background: #3498db; }
    .alert--info .fa-info {
      display: initial; }
    .alert--info .alert__body {
      margin-left: 1.5rem; }
.accordion {
  margin-bottom: 1.5rem; }
  .accordion__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 1rem;
    background: #f0f0f0;
    font-size: 1rem; }
  .accordion__icon {
    color: #257de2; }
  .accordion__content {
    padding: 2rem 0; }
.toggle {
  margin-bottom: 1.5rem; }
  .toggle * {
    cursor: pointer;
    display: inline-block;
    padding: 0 1rem; }
    .toggle *:hover {
      color: #257de2; }
  .toggle__on {
    padding-left: 0;
    border-right: 1px solid #7d7d7d; }
.counter {
  color: #7d7d7d;
  margin-left: 0.5rem;
  display: inline-block; }
  .counter__number {
    margin-right: 0.25rem; }
  .counter__total {
    margin-left: 0.25rem; }
  .counter__label {
    margin-left: 0.5rem; }
.tabs__menu {
  border-bottom: 1px solid #7d7d7d;
  background: white;
  -webkit-border-top-left-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -ms-border-top-left-radius: 0.2rem;
  -o-border-top-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -ms-border-top-right-radius: 0.2rem;
  -o-border-top-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem; }
.tabs__item {
  cursor: pointer;
  display: inline-block;
  padding: 0.6666666667rem 1rem;
  background: #c8c8c8;
  margin-right: 1px;
  margin-bottom: 1px;
  -webkit-border-top-left-radius: 0.2rem;
  -moz-border-top-left-radius: 0.2rem;
  -ms-border-top-left-radius: 0.2rem;
  -o-border-top-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -moz-border-top-right-radius: 0.2rem;
  -ms-border-top-right-radius: 0.2rem;
  -o-border-top-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #c8c8c8; }
  @media (max-width: 48em) {
    .tabs__item {
      font-size: 0.8rem;
      padding: 0.3rem 0.5rem; } }
  .tabs__item:hover {
    color: white;
    background: #257de2;
    border-color: #257de2; }
  .tabs__item.active {
    color: inherit;
    background: white;
    border-color: #257de2; }
.tabs__content {
  background: white;
  display: none; }
  .tabs__content.active {
    display: block; }
.diode {
  width: 0.5rem;
  height: 0.5rem;
  background: #c8c8c8;
  display: inline-block;
  border: 2px solid white;
  margin-right: 0.5rem;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%; }
  .diode--idle {
    background: #c8c8c8; }
  .diode--danger {
    background: #e74c3c; }
  .diode--caution {
    background: #e789db; }
  .diode--success {
    background: #2ecc71; }
  .diode--warning {
    background: #f1c40f; }
  .diode--info {
    background: #3498db; }
  .diode--pause {
    background: #f8743d; }
  .diode--flash {
    -webkit-animation: diode-flash-danger .8s infinite;
    -moz-animation: diode-flash-danger .8s infinite;
    -ms-animation: diode-flash-danger .8s infinite;
    -o-animation: diode-flash-danger .8s infinite;
    animation: diode-flash-danger .8s infinite; }
@-webkit-keyframes diode-flash-danger {
  0%, 50% {
    background: #c8c8c8; }
  51%, 100% {
    background: #e74c3c; } }
.modal {
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1000;
  position: fixed;
  padding-top: 5rem;
  overflow-y: scroll; }
  .modal.custom-modal {
    margin-top: -10%; }
  .modal__overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    position: fixed;
    background: rgba(0, 0, 0, 0.7); }
  .modal__close {
    cursor: pointer; }
  .modal__header {
    position: relative;
    padding: 0.5rem;
    text-align: right;
    background: #257de2;
    z-index: 1001;
    color: white;
    -webkit-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    transition: opacity 0.1s; }
  .modal__body {
    z-index: 1001;
    position: relative;
    background: #f0f0f0;
    padding: 2rem;
    margin-bottom: 10rem;
    -webkit-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    transition: opacity 0.1s; }
    @media (max-width: 48em) {
      .modal__body {
        padding: 0.5rem; } }
  .modal--hover_close .modal__header {
    opacity: 0.9; }
  .modal--hover_close .modal__body {
    opacity: 0.9; }
.message {
  background: #3498db;
  padding: 1rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem; }
  .message * {
    display: inline-block; }
  .message i {
    height: 10px;
    width: 10px; }
  .message__icon {
    margin-right: 1rem; }
    .message__icon i {
      display: none; }
  .message__title {
    font-weight: bold;
    margin-right: 1rem;
    margin-bottom: 0.5rem; }
  .message__body {
    display: block;
    margin-left: 2rem;
    margin-right: 2rem; }
  .message__close {
    float: right;
    cursor: pointer; }
  .message--danger {
    background: #e74c3c; }
    .message--danger .fa-exclamation-triangle {
      display: initial; }
  .message--success {
    background: #2ecc71; }
    .message--success .fa-check {
      display: initial; }
  .message--warning {
    background: #f1c40f; }
    .message--warning .fa-exclamation {
      display: initial; }
  .message--info {
    background: #3498db; }
    .message--info .fa-info {
      display: initial; }
.item {
  margin: 0;
  padding: 0;
  margin-bottom: 2rem;
  list-style: none;
  border: 1px solid #7d7d7d; }
  .item h6 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 1rem; }
  .item__top {
    background: #f6f6f6;
    border-bottom: 1px solid #7d7d7d; }
    .item__top > div {
      width: 50%;
      display: inline-block;
      padding: 0.6666666667rem;
      box-sizing: border-box; }
  .item__title {
    font-weight: bold; }
  .item__state {
    text-align: right; }
  .item__details {
    border-bottom: 1px solid #7d7d7d;
    padding: 0.6666666667rem;
    font-size: 1rem;
    line-height: 1.5rem; }
  .item__reorder_details {
    background-color: #f1c40f;
    border-bottom: 1px solid #7d7d7d;
    padding: 0.6666666667rem;
    font-size: 1rem;
    line-height: 1.5rem; }
  .item__option__count {
    font-weight: bold;
    margin-right: 1rem;
    min-width: 130px;
    margin-bottom: 0.5rem;
    display: inline-block; }
  .item__options {
    padding: 0.6666666667rem; }
  .item__files {
    border-top: 1px solid #7d7d7d;
    padding: 0.6666666667rem; }
    .item__files table tr:last-child {
      border-bottom: none; }
.tag {
  display: inline-block;
  font-size: 0.5rem;
  background: #c8c8c8;
  padding: 0.3rem;
  margin: 0.1rem;
  line-height: 0.5rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem; }
  .tag--danger {
    background: #e74c3c;
    color: white; }
  .tag--success {
    background: #2ecc71;
    color: white; }
  .tag--new {
    background: #2ecc71;
    color: white; }
  .tag--warning {
    background: #f1c40f; }
  .tag--primary {
    background: #257de2; }
  .tag--info {
    background: #3498db;
    color: white; }
  .tag--idle {
    background: #c8c8c8; }
  .tag--warning_light {
    background: rgba(241, 196, 15, 0.3); }
.infobar {
  display: block;
  margin-bottom: 1rem;
  position: relative;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem; }
  .infobar--yellow {
    background: #f1c40f; }
  .infobar__content-black {
    padding: 0.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: black;
    text-align: center; }
    @media (max-width: 48em) {
      .infobar__content-black {
        font-size: 0.8rem; } }
  .infobar__content-white {
    padding: 0.5rem;
    font-size: 1rem;
    line-height: 1rem;
    color: white;
    ext-align: start; }
.view--lab_index .padding-test {
  text-align: center;
  color: white;
  display: flex;
  background: #c8c8c8; }
  .view--lab_index .padding-test div {
    margin: 0.5rem;
    width: 100%;
    height: 1rem;
    display: block;
    background: #257de2; }
  .view--lab_index .padding-test .padding-test-xs {
    padding: 0.6666666667rem; }
  .view--lab_index .padding-test .padding-test-sm {
    padding: 1rem; }
  .view--lab_index .padding-test .padding-test-md {
    padding: 2rem; }
  .view--lab_index .padding-test .padding-test-lg {
    padding: 4rem; }
  .view--lab_index .padding-test .padding-test-xl {
    padding: 6rem; }
.view--lab_index .colors b {
  display: block; }
.view--common_login_index .box,
.view--common_login_index .box__body,
.view--common_password_recovery_index .box,
.view--common_password_recovery_index .box__body,
.view--common_register_index .box,
.view--common_register_index .box__body,
.view--common_register_api .box,
.view--common_register_api .box__body,
.view--common_register_cloud .box,
.view--common_register_cloud .box__body {
  height: 100%;
  box-sizing: border-box; }
@media(width: 1024px) {
  .view--common_login_index .col-md-4,
  .view--common_password_recovery_index .col-md-4,
  .view--common_register_index .col-md-4,
  .view--common_register_api .col-md-4,
  .view--common_register_cloud .col-md-4 {
    max-width: 100% !important;
    flex-basis: 100% !important; } }
.view--common_login_index .image-section,
.view--common_password_recovery_index .image-section,
.view--common_register_index .image-section,
.view--common_register_api .image-section,
.view--common_register_cloud .image-section {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 7rem;
  background-color: white; }
.view--common_login_index .image-container,
.view--common_password_recovery_index .image-container,
.view--common_register_index .image-container,
.view--common_register_api .image-container,
.view--common_register_cloud .image-container {
  width: 100%;
  height: 500px;
  background-image: url(/img/login-image.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right; }
@media(max-width: 1023px) {
  .view--common_login_index .image-container,
  .view--common_password_recovery_index .image-container,
  .view--common_register_index .image-container,
  .view--common_register_api .image-container,
  .view--common_register_cloud .image-container {
    display: none; } }
.view--common_login_index .logo-container,
.view--common_password_recovery_index .logo-container,
.view--common_register_index .logo-container,
.view--common_register_api .logo-container,
.view--common_register_cloud .logo-container {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  margin-top: 6rem;
  padding: 0 21px; }
@media(max-width: 500px) {
  .view--common_login_index .logo-container,
  .view--common_password_recovery_index .logo-container,
  .view--common_register_index .logo-container,
  .view--common_register_api .logo-container,
  .view--common_register_cloud .logo-container {
    justify-content: center;
    margin-top: 2rem;
    margin-left: 0; } }
  .view--common_login_index .logo-container img,
  .view--common_password_recovery_index .logo-container img,
  .view--common_register_index .logo-container img,
  .view--common_register_api .logo-container img,
  .view--common_register_cloud .logo-container img {
    width: 40%; }
.view--common_login_index .content-container,
.view--common_password_recovery_index .content-container,
.view--common_register_index .content-container,
.view--common_register_api .content-container,
.view--common_register_cloud .content-container {
  display: flex;
  flex-direction: column;
  justify-content: center; }
.view--common_login_index .top-section,
.view--common_password_recovery_index .top-section,
.view--common_register_index .top-section,
.view--common_register_api .top-section,
.view--common_register_cloud .top-section {
  display: flex;
  justify-content: space-between; }
  .view--common_login_index .top-section .registration-link,
  .view--common_password_recovery_index .top-section .registration-link,
  .view--common_register_index .top-section .registration-link,
  .view--common_register_api .top-section .registration-link,
  .view--common_register_cloud .top-section .registration-link {
    margin-top: 10px; }
.view--common_login_index .registration h3,
.view--common_password_recovery_index .registration h3,
.view--common_register_index .registration h3,
.view--common_register_api .registration h3,
.view--common_register_cloud .registration h3 {
  color: #055dc2; }
.view--common_login_index h2,
.view--common_password_recovery_index h2,
.view--common_register_index h2,
.view--common_register_api h2,
.view--common_register_cloud h2 {
  font-size: 1.8rem;
  color: #055dc2; }
.view--common_login_index p, .view--common_login_index div, .view--common_login_index label,
.view--common_password_recovery_index p,
.view--common_password_recovery_index div,
.view--common_password_recovery_index label,
.view--common_register_index p,
.view--common_register_index div,
.view--common_register_index label,
.view--common_register_api p,
.view--common_register_api div,
.view--common_register_api label,
.view--common_register_cloud p,
.view--common_register_cloud div,
.view--common_register_cloud label {
  color: #615f5f; }
.view--common_login_index a,
.view--common_password_recovery_index a,
.view--common_register_index a,
.view--common_register_api a,
.view--common_register_cloud a {
  color: #055dc2; }
.view--common_login_index input,
.view--common_login_index select,
.view--common_password_recovery_index input,
.view--common_password_recovery_index select,
.view--common_register_index input,
.view--common_register_index select,
.view--common_register_api input,
.view--common_register_api select,
.view--common_register_cloud input,
.view--common_register_cloud select {
  border-radius: 0.1rem; }
.view--common_login_index label,
.view--common_password_recovery_index label,
.view--common_register_index label,
.view--common_register_api label,
.view--common_register_cloud label {
  margin-bottom: 3px; }
.view--common_login_index .features ul,
.view--common_password_recovery_index .features ul,
.view--common_register_index .features ul,
.view--common_register_api .features ul,
.view--common_register_cloud .features ul {
  list-style: initial;
  margin-bottom: 2rem; }
.view--common_login_index .features li,
.view--common_password_recovery_index .features li,
.view--common_register_index .features li,
.view--common_register_api .features li,
.view--common_register_cloud .features li {
  margin-left: 1rem;
  font-size: 1rem;
  color: #615f5f;
  line-height: 1.5rem; }
.view--common_login_index p.feature-title,
.view--common_password_recovery_index p.feature-title,
.view--common_register_index p.feature-title,
.view--common_register_api p.feature-title,
.view--common_register_cloud p.feature-title {
  margin-bottom: -10px;
  color: #055dc2; }
.view--common_login_index button.right-button,
.view--common_password_recovery_index button.right-button,
.view--common_register_index button.right-button,
.view--common_register_api button.right-button,
.view--common_register_cloud button.right-button {
  margin-left: 1rem; }
.view--common_login_index button.btn-alt,
.view--common_login_index .btn.btn-sm,
.view--common_password_recovery_index button.btn-alt,
.view--common_password_recovery_index .btn.btn-sm,
.view--common_register_index button.btn-alt,
.view--common_register_index .btn.btn-sm,
.view--common_register_api button.btn-alt,
.view--common_register_api .btn.btn-sm,
.view--common_register_cloud button.btn-alt,
.view--common_register_cloud .btn.btn-sm {
  background: #055dc2;
  border-color: #055dc2; }
.view--common_login_index button.btn-alt:hover,
.view--common_login_index .btn.btn-sm:hover,
.view--common_password_recovery_index button.btn-alt:hover,
.view--common_password_recovery_index .btn.btn-sm:hover,
.view--common_register_index button.btn-alt:hover,
.view--common_register_index .btn.btn-sm:hover,
.view--common_register_api button.btn-alt:hover,
.view--common_register_api .btn.btn-sm:hover,
.view--common_register_cloud button.btn-alt:hover,
.view--common_register_cloud .btn.btn-sm:hover {
  background: #ffc400;
  color: #055dc2;
  border-color: #ffc400; }
.view--common_login_index input:-webkit-autofill,
.view--common_login_index input:-webkit-autofill:hover,
.view--common_login_index input:-webkit-autofill:focus,
.view--common_login_index input:-webkit-autofill:active,
.view--common_login_index select:-webkit-autofill,
.view--common_login_index select:-webkit-autofill:hover,
.view--common_login_index select:-webkit-autofill:focus,
.view--common_login_index select:-webkit-autofill:active,
.view--common_password_recovery_index input:-webkit-autofill,
.view--common_password_recovery_index input:-webkit-autofill:hover,
.view--common_password_recovery_index input:-webkit-autofill:focus,
.view--common_password_recovery_index input:-webkit-autofill:active,
.view--common_password_recovery_index select:-webkit-autofill,
.view--common_password_recovery_index select:-webkit-autofill:hover,
.view--common_password_recovery_index select:-webkit-autofill:focus,
.view--common_password_recovery_index select:-webkit-autofill:active,
.view--common_register_index input:-webkit-autofill,
.view--common_register_index input:-webkit-autofill:hover,
.view--common_register_index input:-webkit-autofill:focus,
.view--common_register_index input:-webkit-autofill:active,
.view--common_register_index select:-webkit-autofill,
.view--common_register_index select:-webkit-autofill:hover,
.view--common_register_index select:-webkit-autofill:focus,
.view--common_register_index select:-webkit-autofill:active,
.view--common_register_api input:-webkit-autofill,
.view--common_register_api input:-webkit-autofill:hover,
.view--common_register_api input:-webkit-autofill:focus,
.view--common_register_api input:-webkit-autofill:active,
.view--common_register_api select:-webkit-autofill,
.view--common_register_api select:-webkit-autofill:hover,
.view--common_register_api select:-webkit-autofill:focus,
.view--common_register_api select:-webkit-autofill:active,
.view--common_register_cloud input:-webkit-autofill,
.view--common_register_cloud input:-webkit-autofill:hover,
.view--common_register_cloud input:-webkit-autofill:focus,
.view--common_register_cloud input:-webkit-autofill:active,
.view--common_register_cloud select:-webkit-autofill,
.view--common_register_cloud select:-webkit-autofill:hover,
.view--common_register_cloud select:-webkit-autofill:focus,
.view--common_register_cloud select:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #f1f0f0 inset !important; }
.view--common_login_index h2.subscription-header,
.view--common_password_recovery_index h2.subscription-header,
.view--common_register_index h2.subscription-header,
.view--common_register_api h2.subscription-header,
.view--common_register_cloud h2.subscription-header {
  margin-bottom: 40px; }
.view--common_login_index .account-type-card,
.view--common_password_recovery_index .account-type-card,
.view--common_register_index .account-type-card,
.view--common_register_api .account-type-card,
.view--common_register_cloud .account-type-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 15px; }
  .view--common_login_index .account-type-card:not(:last-child),
  .view--common_password_recovery_index .account-type-card:not(:last-child),
  .view--common_register_index .account-type-card:not(:last-child),
  .view--common_register_api .account-type-card:not(:last-child),
  .view--common_register_cloud .account-type-card:not(:last-child) {
    padding-right: 16px; }

#app__body.view--common_login_index,
#app__body.view--common_password_recovery_index,
#app__body.view--common_register_index,
#app__body.view--common_register_cloud,
#app__body.view--common_register_api {
  background-image: none; }

.view--common_terms_index p b {
  margin-right: 0.5rem;
  display: inline-block; }
.view--common_terms_index ul {
  list-style: initial;
  margin-bottom: 2rem; }
  .view--common_terms_index ul li {
    margin-left: 1rem;
    font-size: 1rem;
    color: #828282;
    line-height: 1.5rem; }
.view--bluecloud_orders_list table.table-scope tr > *:nth-child(3) {
  min-width: 140px; }
.view--bluecloud_orders_list table.table-scope tr > *:nth-child(5), .view--bluecloud_orders_list table.table-scope tr > *:nth-child(6), .view--bluecloud_orders_list table.table-scope tr > *:nth-child(7) {
  max-width: 60px;
  text-align: center; }
.view--bluecloud_orders_list_all input[type=checkbox] {
  transform: scale(1.25); }
.view--bluecloud_orders_list_all td:first-child {
  vertical-align: middle; }
  .view--bluecloud_orders_list_all td:first-child input {
    margin: 0;
    width: 0;
    height: 0;
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.4s ease-out; }
  .view--bluecloud_orders_list_all td:first-child input:checked {
    width: auto;
    height: auto;
    margin-left: revert;
    opacity: 1; }
    .view--bluecloud_orders_list_all td:first-child input:checked ~ span.fa {
      display: none; }
  .view--bluecloud_orders_list_all td:first-child span {
    position: relative;
    margin-right: 0.5rem; }
    .view--bluecloud_orders_list_all td:first-child span.fa:last-child {
      margin: 0; }
    .view--bluecloud_orders_list_all td:first-child span sup {
      position: absolute;
      left: -7px;
      top: -5px;
      font-size: 70%;
      vertical-align: middle; }
.view--bluecloud_orders_list_all td:first-child:hover input {
  width: auto;
  height: auto;
  margin-left: revert;
  opacity: 1; }
.view--bluecloud_orders_list_all td:first-child:hover span.fa {
  display: none; }

.actions_icon--rspace {
  margin-right: 3px; }

.actions-column {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }

.actions-column a {
  margin: 0.15rem 0.25rem; }
.actions-column span {
  margin: 0.15rem 0.25rem; }

.view--bluecloud_organizations_edit .group-divider,
.view--bluecloud_cloudprinter_options_edit .group-divider,
.view--bluecloud_cloudprinter_options_index .group-divider {
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #c8c8c8; }
.view--bluecloud_organizations_edit .span-as-input,
.view--bluecloud_cloudprinter_options_edit .span-as-input,
.view--bluecloud_cloudprinter_options_index .span-as-input {
  display: inline-block;
  padding: 0.3333333333rem 0;
  margin-bottom: 1rem; }

.view--bluecloud_organizations_index .actions_box,
.view--bluecloud_routing_regions_index .actions_box {
  position: fixed;
  bottom: 1rem;
  z-index: 100;
  background-color: #eaeaea;
  border: 2px solid #257de2;
  padding: 1rem;
  border-radius: 2px; }
  .view--bluecloud_organizations_index .actions_box .actions_container,
  .view--bluecloud_routing_regions_index .actions_box .actions_container {
    display: flex; }
    .view--bluecloud_organizations_index .actions_box .actions_container .action,
    .view--bluecloud_routing_regions_index .actions_box .actions_container .action {
      cursor: pointer;
      display: flex;
      margin-left: 0.75rem;
      margin-right: 0.75rem; }
      .view--bluecloud_organizations_index .actions_box .actions_container .action .action_name,
      .view--bluecloud_routing_regions_index .actions_box .actions_container .action .action_name {
        padding-top: 3px; }
      .view--bluecloud_organizations_index .actions_box .actions_container .action .pausable-item.fa-play,
      .view--bluecloud_routing_regions_index .actions_box .actions_container .action .pausable-item.fa-play {
        color: #2ecc71;
        margin-right: 5px;
        margin-top: 2px; }
    .view--bluecloud_organizations_index .actions_box .actions_container .action_icon,
    .view--bluecloud_routing_regions_index .actions_box .actions_container .action_icon {
      margin-right: 0.5rem;
      color: #257de2; }

.view--client_shipping_profiles_index table.table-scope tr > *:nth-child(3) {
  width: 200px !important;
  max-width: 200px !important; }
.view--client_quote_edit .quote_result .col-xs-6 {
  margin-bottom: 2rem; }
.view--client_quote_edit .options-container {
  width: 100%; }
.view--bluecloud_quote_container .order_id_section,
.view--bluecloud_quote_edit .order_id_section,
.view--bluecloud_orders_list_all .order_id_section,
.view--bluecloud_orders_list_live .order_id_section,
.view--bluecloud_orders_list_sandbox .order_id_section,
.view--bluecloud_orders_list_production_test .order_id_section,
.view--bluecloud_orders_show .order_id_section {
  margin-top: 25px; }
.view--bluecloud_quote_container .quote_result .col-xs-6,
.view--bluecloud_quote_edit .quote_result .col-xs-6,
.view--bluecloud_orders_list_all .quote_result .col-xs-6,
.view--bluecloud_orders_list_live .quote_result .col-xs-6,
.view--bluecloud_orders_list_sandbox .quote_result .col-xs-6,
.view--bluecloud_orders_list_production_test .quote_result .col-xs-6,
.view--bluecloud_orders_show .quote_result .col-xs-6 {
  margin-bottom: 2rem; }
.view--bluecloud_quote_container .divider,
.view--bluecloud_quote_edit .divider,
.view--bluecloud_orders_list_all .divider,
.view--bluecloud_orders_list_live .divider,
.view--bluecloud_orders_list_sandbox .divider,
.view--bluecloud_orders_list_production_test .divider,
.view--bluecloud_orders_show .divider {
  width: 100%;
  border-bottom: 1px solid grey;
  margin-top: 10px;
  margin-bottom: 10px; }
.view--bluecloud_quote_container .production-item,
.view--bluecloud_quote_edit .production-item,
.view--bluecloud_orders_list_all .production-item,
.view--bluecloud_orders_list_live .production-item,
.view--bluecloud_orders_list_sandbox .production-item,
.view--bluecloud_orders_list_production_test .production-item,
.view--bluecloud_orders_show .production-item {
  margin-bottom: 10px; }
.view--bluecloud_quote_container .combination-title,
.view--bluecloud_quote_edit .combination-title,
.view--bluecloud_orders_list_all .combination-title,
.view--bluecloud_orders_list_live .combination-title,
.view--bluecloud_orders_list_sandbox .combination-title,
.view--bluecloud_orders_list_production_test .combination-title,
.view--bluecloud_orders_show .combination-title {
  margin-top: 10px; }
.view--bluecloud_quote_container .info-container,
.view--bluecloud_quote_edit .info-container,
.view--bluecloud_orders_list_all .info-container,
.view--bluecloud_orders_list_live .info-container,
.view--bluecloud_orders_list_sandbox .info-container,
.view--bluecloud_orders_list_production_test .info-container,
.view--bluecloud_orders_show .info-container {
  background-color: #f0f0f0;
  margin: 10px;
  padding: 10px;
  border-radius: 3px; }
  .view--bluecloud_quote_container .info-container ul,
  .view--bluecloud_quote_edit .info-container ul,
  .view--bluecloud_orders_list_all .info-container ul,
  .view--bluecloud_orders_list_live .info-container ul,
  .view--bluecloud_orders_list_sandbox .info-container ul,
  .view--bluecloud_orders_list_production_test .info-container ul,
  .view--bluecloud_orders_show .info-container ul {
    list-style: initial;
    margin-left: 1rem; }
.view--bluecloud_quote_container .info-item,
.view--bluecloud_quote_edit .info-item,
.view--bluecloud_orders_list_all .info-item,
.view--bluecloud_orders_list_live .info-item,
.view--bluecloud_orders_list_sandbox .info-item,
.view--bluecloud_orders_list_production_test .info-item,
.view--bluecloud_orders_show .info-item {
  line-height: 1.5rem; }
.view--bluecloud_quote_container .options-container,
.view--bluecloud_quote_edit .options-container,
.view--bluecloud_orders_list_all .options-container,
.view--bluecloud_orders_list_live .options-container,
.view--bluecloud_orders_list_sandbox .options-container,
.view--bluecloud_orders_list_production_test .options-container,
.view--bluecloud_orders_show .options-container {
  width: 100%; }
.view--bluecloud_quote_container input[name="production_id"],
.view--bluecloud_quote_container input[name="shipping_option_id"],
.view--bluecloud_quote_edit input[name="production_id"],
.view--bluecloud_quote_edit input[name="shipping_option_id"],
.view--bluecloud_orders_list_all input[name="production_id"],
.view--bluecloud_orders_list_all input[name="shipping_option_id"],
.view--bluecloud_orders_list_live input[name="production_id"],
.view--bluecloud_orders_list_live input[name="shipping_option_id"],
.view--bluecloud_orders_list_sandbox input[name="production_id"],
.view--bluecloud_orders_list_sandbox input[name="shipping_option_id"],
.view--bluecloud_orders_list_production_test input[name="production_id"],
.view--bluecloud_orders_list_production_test input[name="shipping_option_id"],
.view--bluecloud_orders_show input[name="production_id"],
.view--bluecloud_orders_show input[name="shipping_option_id"] {
  text-align: left !important; }

.view--production_shipping_prices_backgrid table.backgrid tr > td:nth-child(1), .view--production_shipping_prices_backgrid table.backgrid tr > td:nth-child(2), .view--production_shipping_prices_backgrid table.backgrid tr > td:nth-child(3), .view--production_shipping_prices_backgrid table.backgrid tr > td:nth-child(4), .view--production_shipping_prices_backgrid table.backgrid tr > td:nth-child(5) {
  color: #7d7d7d;
  cursor: not-allowed;
  background-color: #f0f0f0; }
.view--production_shipping_prices_backgrid table.backgrid tr > *:nth-child(3), .view--production_shipping_prices_backgrid table.backgrid tr > *:nth-child(4), .view--production_shipping_prices_backgrid table.backgrid tr > *:nth-child(5), .view--production_shipping_prices_backgrid table.backgrid tr > *:nth-child(6) {
  text-align: right;
  width: 100px !important;
  max-width: 100px !important; }
.view--production_shipping_prices_backgrid table.backgrid tr > *:nth-child(6) input {
  text-align: right !important; }
.view--production_shipping_prices_backgrid table.backgrid tr > *:nth-child(7) {
  text-align: center;
  width: 30px !important;
  max-width: 30px !important; }
  .view--production_shipping_prices_backgrid table.backgrid tr > *:nth-child(7) i:hover {
    opacity: 0.8;
    cursor: pointer; }
.view--production_products_multiedit table.multiedit td:first-child {
  white-space: initial; }
.view--production_products_multiedit .main-modal .container-fluid {
  padding-right: 4rem;
  padding-left: 4rem; }
.view--production_products_multiedit .option_inputs input, .view--production_products_multiedit .option_inputs .choice {
  margin-bottom: 0; }
.view--production_products_multiedit .btn_controls .btn {
  margin-bottom: 0; }
.view--production_products_multiedit .choice__title {
  color: #333;
  font-weight: bold;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem; }
.view--production_products_multiedit .choice__description {
  margin-bottom: 1rem;
  font-size: 0.75rem;
  line-height: 1.125rem; }
.view--production_products_multiedit table th {
  color: #7d7d7d;
  padding-bottom: 0;
  font-size: 0.75rem; }
.view--production_interfaces_edit .right,
.view--production_interfaces_guide .right {
  margin-right: 20px; }
.view--production_interfaces_edit .Card__col__logo,
.view--production_interfaces_guide .Card__col__logo {
  display: flex;
  align-items: flex-start;
  justify-content: center; }
.view--production_interfaces_edit .Card__logo,
.view--production_interfaces_guide .Card__logo {
  max-width: 100%;
  object-fit: contain; }
.view--production_interfaces_edit .Card__text,
.view--production_interfaces_guide .Card__text {
  color: #7d7d7d;
  white-space: normal;
  line-height: 1.5rem;
  margin-bottom: 1.5rem; }

.view--production_signal_interfaces_edit .right {
  margin-right: 20px; }
.view--client_home .row.client-home-concept,
.view--publish_home .row.client-home-concept {
  margin: 3rem 7rem; }
  @media (max-width: 64em) {
    .view--client_home .row.client-home-concept,
    .view--publish_home .row.client-home-concept {
      margin: 0; } }
.view--client_home .box.box--white.full-height,
.view--publish_home .box.box--white.full-height {
  height: 97%;
  margin-bottom: 1rem; }
.view--client_home .box.box--white .dashboard-link,
.view--publish_home .box.box--white .dashboard-link {
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin-bottom: 1rem;
  width: 100%; }
  @media (max-width: 48em) {
    .view--client_home .box.box--white .dashboard-link,
    .view--publish_home .box.box--white .dashboard-link {
      font-size: 0.8rem; } }
.view--client_home .box.box--white .service-container,
.view--publish_home .box.box--white .service-container {
  display: flex; }
.view--client_home .box.box--white .bottom,
.view--publish_home .box.box--white .bottom {
  position: absolute;
  bottom: 0;
  right: -2rem; }
.view--client_home .box.box--white .simple-link,
.view--publish_home .box.box--white .simple-link {
  margin-bottom: 1rem;
  display: block; }
.view--client_home .box.box--white .current-value,
.view--publish_home .box.box--white .current-value {
  font-weight: bold;
  color: #323232;
  margin-bottom: 0.5rem;
  font-style: italic; }
.view--client_home .box.box--white .currency-value,
.view--publish_home .box.box--white .currency-value {
  font: normal 1.5rem "Open Sans", sans-serif;
  font-weight: normal;
  color: #323232;
  margin-top: 0.5rem;
  display: inline-block; }
.view--client_home .box.box--white .currency-value--small,
.view--publish_home .box.box--white .currency-value--small {
  display: block;
  font-size: 1rem;
  color: #bdbdbd; }
.view--client_home .box.box--white .pa__header,
.view--publish_home .box.box--white .pa__header {
  font-size: 1.25rem;
  margin-bottom: 1rem; }
.view--client_home .dashboard-link,
.view--publish_home .dashboard-link {
  display: flex; }
  .view--client_home .dashboard-link p,
  .view--publish_home .dashboard-link p {
    color: #257de2;
    margin-bottom: 0; }
  .view--client_home .dashboard-link i,
  .view--publish_home .dashboard-link i {
    margin-right: 8px; }
.view--client_home .small-logo,
.view--publish_home .small-logo {
  width: 20px;
  height: 20px;
  margin-right: 5px; }
.view--client_home #app__menu,
.view--publish_home #app__menu {
  display: none; }
.view--client_home #app__main,
.view--publish_home #app__main {
  padding-left: 0; }

.view--client_organization_edit .disabled {
  background-color: lightgrey !important;
  border-color: grey !important;
  color: white !important; }
.view--client_organization_edit:hover.disabled {
  background-color: lightgrey !important;
  border-color: grey !important;
  color: white !important; }
.view--client_organization_payment_edit .payment_details {
  margin-bottom: 24px; }
.view--client_organization_payment_edit .bi__payment_type {
  text-transform: uppercase; }
.view--client_organization_payment_edit .payment__infoblock {
  display: block; }
.view--client_organization_payment_edit .payment__amount-label {
  margin-top: 7px; }
.view--client_organization_payment_edit .payment__text {
  padding: 0 8px; }
.view--client_organization_payment_edit .card-details {
  max-width: 450px;
  margin: 0 auto; }
  .view--client_organization_payment_edit .card-details .adyen-checkout__label {
    font-size: 20px; }
.view--client_organization_payment_edit .container-fluid {
  max-width: 550px; }
.view--client_organization_payment_edit .card__container {
  padding: 2rem 3rem; }
.view--bluecloud_cloudprinter_products_edit .product_template_container,
.view--bluecloud_cloudprinter_products_edit .option_template_container,
.view--bluecloud_cloudprinter_products_index .product_template_container,
.view--bluecloud_cloudprinter_products_index .option_template_container,
.view--bluecloud_cloudprinter_options_edit .product_template_container,
.view--bluecloud_cloudprinter_options_edit .option_template_container,
.view--bluecloud_cloudprinter_options_index .product_template_container,
.view--bluecloud_cloudprinter_options_index .option_template_container,
.view--bluecloud_organizations_index .product_template_container,
.view--bluecloud_organizations_index .option_template_container {
  display: flex;
  flex-direction: row; }
  .view--bluecloud_cloudprinter_products_edit .product_template_container .external_link,
  .view--bluecloud_cloudprinter_products_edit .option_template_container .external_link,
  .view--bluecloud_cloudprinter_products_index .product_template_container .external_link,
  .view--bluecloud_cloudprinter_products_index .option_template_container .external_link,
  .view--bluecloud_cloudprinter_options_edit .product_template_container .external_link,
  .view--bluecloud_cloudprinter_options_edit .option_template_container .external_link,
  .view--bluecloud_cloudprinter_options_index .product_template_container .external_link,
  .view--bluecloud_cloudprinter_options_index .option_template_container .external_link,
  .view--bluecloud_organizations_index .product_template_container .external_link,
  .view--bluecloud_organizations_index .option_template_container .external_link {
    margin-left: 5px;
    padding-top: 8px; }
.view--bluecloud_cloudprinter_products_edit a.choice__id,
.view--bluecloud_cloudprinter_products_index a.choice__id,
.view--bluecloud_cloudprinter_options_edit a.choice__id,
.view--bluecloud_cloudprinter_options_index a.choice__id,
.view--bluecloud_organizations_index a.choice__id {
  font-size: 1rem; }
@media (max-width: 48em) {
  .view--bluecloud_cloudprinter_products_edit .map-header,
  .view--bluecloud_cloudprinter_products_index .map-header,
  .view--bluecloud_cloudprinter_options_edit .map-header,
  .view--bluecloud_cloudprinter_options_index .map-header,
  .view--bluecloud_organizations_index .map-header {
    display: none; } }
.view--bluecloud_cloudprinter_products_edit .collapsed.filters__container .box,
.view--bluecloud_cloudprinter_products_index .collapsed.filters__container .box,
.view--bluecloud_cloudprinter_options_edit .collapsed.filters__container .box,
.view--bluecloud_cloudprinter_options_index .collapsed.filters__container .box,
.view--bluecloud_organizations_index .collapsed.filters__container .box {
  max-height: 0; }
.view--bluecloud_cloudprinter_products_edit .collapsed.filters__container .filters_switcher,
.view--bluecloud_cloudprinter_products_index .collapsed.filters__container .filters_switcher,
.view--bluecloud_cloudprinter_options_edit .collapsed.filters__container .filters_switcher,
.view--bluecloud_cloudprinter_options_index .collapsed.filters__container .filters_switcher,
.view--bluecloud_organizations_index .collapsed.filters__container .filters_switcher {
  right: 8.5rem;
  bottom: -3.5rem; }
.view--bluecloud_cloudprinter_products_edit .collapsed.filters__container.no-buttons .filters_switcher,
.view--bluecloud_cloudprinter_products_index .collapsed.filters__container.no-buttons .filters_switcher,
.view--bluecloud_cloudprinter_options_edit .collapsed.filters__container.no-buttons .filters_switcher,
.view--bluecloud_cloudprinter_options_index .collapsed.filters__container.no-buttons .filters_switcher,
.view--bluecloud_organizations_index .collapsed.filters__container.no-buttons .filters_switcher {
  right: 2rem; }
.view--bluecloud_cloudprinter_products_edit .filters__container,
.view--bluecloud_cloudprinter_products_index .filters__container,
.view--bluecloud_cloudprinter_options_edit .filters__container,
.view--bluecloud_cloudprinter_options_index .filters__container,
.view--bluecloud_organizations_index .filters__container {
  position: relative; }
  .view--bluecloud_cloudprinter_products_edit .filters__container .box,
  .view--bluecloud_cloudprinter_products_index .filters__container .box,
  .view--bluecloud_cloudprinter_options_edit .filters__container .box,
  .view--bluecloud_cloudprinter_options_index .filters__container .box,
  .view--bluecloud_organizations_index .filters__container .box {
    max-height: 250px;
    overflow: hidden;
    transition: all 0.5s ease-out;
    margin-bottom: 0; }
  .view--bluecloud_cloudprinter_products_edit .filters__container .box__body,
  .view--bluecloud_cloudprinter_products_index .filters__container .box__body,
  .view--bluecloud_cloudprinter_options_edit .filters__container .box__body,
  .view--bluecloud_cloudprinter_options_index .filters__container .box__body,
  .view--bluecloud_organizations_index .filters__container .box__body {
    padding-bottom: 0.6666666667rem; }
.view--bluecloud_cloudprinter_products_edit .filters_switcher,
.view--bluecloud_cloudprinter_products_index .filters_switcher,
.view--bluecloud_cloudprinter_options_edit .filters_switcher,
.view--bluecloud_cloudprinter_options_index .filters_switcher,
.view--bluecloud_organizations_index .filters_switcher {
  position: absolute;
  right: 2rem;
  bottom: -4.5rem;
  margin: 0;
  border: none;
  text-transform: none;
  transition: right 0.5s ease-out, background 0.3s;
  z-index: 9; }
  .view--bluecloud_cloudprinter_products_edit .filters_switcher i,
  .view--bluecloud_cloudprinter_products_index .filters_switcher i,
  .view--bluecloud_cloudprinter_options_edit .filters_switcher i,
  .view--bluecloud_cloudprinter_options_index .filters_switcher i,
  .view--bluecloud_organizations_index .filters_switcher i {
    margin-right: 0.5rem; }

.view--client_marketplace_apps_edit .disabled,
.view--bluecloud_apps_index .disabled,
.view--bluecloud_apps_edit .disabled {
  background-color: lightgrey !important;
  border-color: grey !important;
  color: white !important; }
.view--client_marketplace_apps_edit:hover.disabled,
.view--bluecloud_apps_index:hover.disabled,
.view--bluecloud_apps_edit:hover.disabled {
  background-color: lightgrey !important;
  border-color: grey !important;
  color: white !important; }
.view--client_marketplace_apps_edit .marketplace-logo,
.view--bluecloud_apps_index .marketplace-logo,
.view--bluecloud_apps_edit .marketplace-logo {
  max-height: 175px;
  max-width: 250px;
  width: 100%; }
.view--client_marketplace_apps_edit .button-container,
.view--bluecloud_apps_index .button-container,
.view--bluecloud_apps_edit .button-container {
  display: flex;
  flex-direction: column; }
.view--client_marketplace_apps_edit .divider,
.view--bluecloud_apps_index .divider,
.view--bluecloud_apps_edit .divider {
  width: 100%;
  border-bottom: 2px solid #a3a3a3;
  margin-bottom: 25px;
  margin-top: 15px; }
.view--client_marketplace_apps_edit .screenshot,
.view--bluecloud_apps_index .screenshot,
.view--bluecloud_apps_edit .screenshot {
  display: flex;
  align-self: center;
  width: 100%;
  max-width: 450px; }
.view--client_marketplace_apps_edit .marketplace-container ul,
.view--bluecloud_apps_index .marketplace-container ul,
.view--bluecloud_apps_edit .marketplace-container ul {
  list-style: initial;
  margin-bottom: 2rem; }
.view--client_marketplace_apps_edit .marketplace-container li,
.view--bluecloud_apps_index .marketplace-container li,
.view--bluecloud_apps_edit .marketplace-container li {
  margin-left: 1rem;
  font-size: 1rem;
  color: #828282;
  line-height: 1.5rem; }
.view--client_marketplace_apps_edit .choice--checkbox .choice__input,
.view--bluecloud_apps_index .choice--checkbox .choice__input,
.view--bluecloud_apps_edit .choice--checkbox .choice__input {
  top: 15px; }
.view--client_marketplace_apps_edit .open-app-button,
.view--bluecloud_apps_index .open-app-button,
.view--bluecloud_apps_edit .open-app-button {
  display: flex;
  justify-content: center; }
.view--client_marketplace_apps_edit .configuration .choice--checkbox,
.view--bluecloud_apps_index .configuration .choice--checkbox,
.view--bluecloud_apps_edit .configuration .choice--checkbox {
  width: 100%; }

@media (max-width: 64em) {
  .view--bluecloud_invoices_view,
  .view--bluecloud_invoices_creditcard,
  .view--bluecloud_invoices_edit,
  .view--bluecloud_invoices_create,
  .view--client_invoices_view,
  .view--bluecloud_invoices_print_view,
  .view--client_invoices_print_view,
  .view--client_organization_invoices_index,
  .view--client_organization_payment_advices_list,
  .view--client_organization_payment_advices_index,
  .view--client_organization_payment_advices_print_index,
  .view--client_organization_invoices_overview_index,
  .view--client_organization_invoice_overview_index,
  .view--client_organization_invoice_overview_print_index,
  .view--client_orders_list,
  .view--client_orders_show,
  .address-info-section {
    padding-left: 0; }
    .view--bluecloud_invoices_view input,
    .view--bluecloud_invoices_creditcard input,
    .view--bluecloud_invoices_edit input,
    .view--bluecloud_invoices_create input,
    .view--client_invoices_view input,
    .view--bluecloud_invoices_print_view input,
    .view--client_invoices_print_view input,
    .view--client_organization_invoices_index input,
    .view--client_organization_payment_advices_list input,
    .view--client_organization_payment_advices_index input,
    .view--client_organization_payment_advices_print_index input,
    .view--client_organization_invoices_overview_index input,
    .view--client_organization_invoice_overview_index input,
    .view--client_organization_invoice_overview_print_index input,
    .view--client_orders_list input,
    .view--client_orders_show input,
    .address-info-section input {
      margin-bottom: 0; }
    .view--bluecloud_invoices_view .address_item,
    .view--bluecloud_invoices_creditcard .address_item,
    .view--bluecloud_invoices_edit .address_item,
    .view--bluecloud_invoices_create .address_item,
    .view--client_invoices_view .address_item,
    .view--bluecloud_invoices_print_view .address_item,
    .view--client_invoices_print_view .address_item,
    .view--client_organization_invoices_index .address_item,
    .view--client_organization_payment_advices_list .address_item,
    .view--client_organization_payment_advices_index .address_item,
    .view--client_organization_payment_advices_print_index .address_item,
    .view--client_organization_invoices_overview_index .address_item,
    .view--client_organization_invoice_overview_index .address_item,
    .view--client_organization_invoice_overview_print_index .address_item,
    .view--client_orders_list .address_item,
    .view--client_orders_show .address_item,
    .address-info-section .address_item {
      line-height: 1.5rem; } }
.view--bluecloud_invoices_view .custom-logo,
.view--bluecloud_invoices_creditcard .custom-logo,
.view--bluecloud_invoices_edit .custom-logo,
.view--bluecloud_invoices_create .custom-logo,
.view--client_invoices_view .custom-logo,
.view--bluecloud_invoices_print_view .custom-logo,
.view--client_invoices_print_view .custom-logo,
.view--client_organization_invoices_index .custom-logo,
.view--client_organization_payment_advices_list .custom-logo,
.view--client_organization_payment_advices_index .custom-logo,
.view--client_organization_payment_advices_print_index .custom-logo,
.view--client_organization_invoices_overview_index .custom-logo,
.view--client_organization_invoice_overview_index .custom-logo,
.view--client_organization_invoice_overview_print_index .custom-logo,
.view--client_orders_list .custom-logo,
.view--client_orders_show .custom-logo,
.address-info-section .custom-logo {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 10rem; }
  .view--bluecloud_invoices_view .custom-logo .logo img,
  .view--bluecloud_invoices_creditcard .custom-logo .logo img,
  .view--bluecloud_invoices_edit .custom-logo .logo img,
  .view--bluecloud_invoices_create .custom-logo .logo img,
  .view--client_invoices_view .custom-logo .logo img,
  .view--bluecloud_invoices_print_view .custom-logo .logo img,
  .view--client_invoices_print_view .custom-logo .logo img,
  .view--client_organization_invoices_index .custom-logo .logo img,
  .view--client_organization_payment_advices_list .custom-logo .logo img,
  .view--client_organization_payment_advices_index .custom-logo .logo img,
  .view--client_organization_payment_advices_print_index .custom-logo .logo img,
  .view--client_organization_invoices_overview_index .custom-logo .logo img,
  .view--client_organization_invoice_overview_index .custom-logo .logo img,
  .view--client_organization_invoice_overview_print_index .custom-logo .logo img,
  .view--client_orders_list .custom-logo .logo img,
  .view--client_orders_show .custom-logo .logo img,
  .address-info-section .custom-logo .logo img {
    width: 350px; }
    @media (max-width: 48em) {
      .view--bluecloud_invoices_view .custom-logo .logo img,
      .view--bluecloud_invoices_creditcard .custom-logo .logo img,
      .view--bluecloud_invoices_edit .custom-logo .logo img,
      .view--bluecloud_invoices_create .custom-logo .logo img,
      .view--client_invoices_view .custom-logo .logo img,
      .view--bluecloud_invoices_print_view .custom-logo .logo img,
      .view--client_invoices_print_view .custom-logo .logo img,
      .view--client_organization_invoices_index .custom-logo .logo img,
      .view--client_organization_payment_advices_list .custom-logo .logo img,
      .view--client_organization_payment_advices_index .custom-logo .logo img,
      .view--client_organization_payment_advices_print_index .custom-logo .logo img,
      .view--client_organization_invoices_overview_index .custom-logo .logo img,
      .view--client_organization_invoice_overview_index .custom-logo .logo img,
      .view--client_organization_invoice_overview_print_index .custom-logo .logo img,
      .view--client_orders_list .custom-logo .logo img,
      .view--client_orders_show .custom-logo .logo img,
      .address-info-section .custom-logo .logo img {
        width: 280px; } }
  @media (max-width: 64em) {
    .view--bluecloud_invoices_view .custom-logo,
    .view--bluecloud_invoices_creditcard .custom-logo,
    .view--bluecloud_invoices_edit .custom-logo,
    .view--bluecloud_invoices_create .custom-logo,
    .view--client_invoices_view .custom-logo,
    .view--bluecloud_invoices_print_view .custom-logo,
    .view--client_invoices_print_view .custom-logo,
    .view--client_organization_invoices_index .custom-logo,
    .view--client_organization_payment_advices_list .custom-logo,
    .view--client_organization_payment_advices_index .custom-logo,
    .view--client_organization_payment_advices_print_index .custom-logo,
    .view--client_organization_invoices_overview_index .custom-logo,
    .view--client_organization_invoice_overview_index .custom-logo,
    .view--client_organization_invoice_overview_print_index .custom-logo,
    .view--client_orders_list .custom-logo,
    .view--client_orders_show .custom-logo,
    .address-info-section .custom-logo {
      margin-top: 1rem;
      margin-bottom: 2rem;
      justify-content: center; } }
.view--bluecloud_invoices_view .general-info-section,
.view--bluecloud_invoices_view .note-section,
.view--bluecloud_invoices_view .add-note-section,
.view--bluecloud_invoices_view .accept-invoice-section,
.view--bluecloud_invoices_creditcard .general-info-section,
.view--bluecloud_invoices_creditcard .note-section,
.view--bluecloud_invoices_creditcard .add-note-section,
.view--bluecloud_invoices_creditcard .accept-invoice-section,
.view--bluecloud_invoices_edit .general-info-section,
.view--bluecloud_invoices_edit .note-section,
.view--bluecloud_invoices_edit .add-note-section,
.view--bluecloud_invoices_edit .accept-invoice-section,
.view--bluecloud_invoices_create .general-info-section,
.view--bluecloud_invoices_create .note-section,
.view--bluecloud_invoices_create .add-note-section,
.view--bluecloud_invoices_create .accept-invoice-section,
.view--client_invoices_view .general-info-section,
.view--client_invoices_view .note-section,
.view--client_invoices_view .add-note-section,
.view--client_invoices_view .accept-invoice-section,
.view--bluecloud_invoices_print_view .general-info-section,
.view--bluecloud_invoices_print_view .note-section,
.view--bluecloud_invoices_print_view .add-note-section,
.view--bluecloud_invoices_print_view .accept-invoice-section,
.view--client_invoices_print_view .general-info-section,
.view--client_invoices_print_view .note-section,
.view--client_invoices_print_view .add-note-section,
.view--client_invoices_print_view .accept-invoice-section,
.view--client_organization_invoices_index .general-info-section,
.view--client_organization_invoices_index .note-section,
.view--client_organization_invoices_index .add-note-section,
.view--client_organization_invoices_index .accept-invoice-section,
.view--client_organization_payment_advices_list .general-info-section,
.view--client_organization_payment_advices_list .note-section,
.view--client_organization_payment_advices_list .add-note-section,
.view--client_organization_payment_advices_list .accept-invoice-section,
.view--client_organization_payment_advices_index .general-info-section,
.view--client_organization_payment_advices_index .note-section,
.view--client_organization_payment_advices_index .add-note-section,
.view--client_organization_payment_advices_index .accept-invoice-section,
.view--client_organization_payment_advices_print_index .general-info-section,
.view--client_organization_payment_advices_print_index .note-section,
.view--client_organization_payment_advices_print_index .add-note-section,
.view--client_organization_payment_advices_print_index .accept-invoice-section,
.view--client_organization_invoices_overview_index .general-info-section,
.view--client_organization_invoices_overview_index .note-section,
.view--client_organization_invoices_overview_index .add-note-section,
.view--client_organization_invoices_overview_index .accept-invoice-section,
.view--client_organization_invoice_overview_index .general-info-section,
.view--client_organization_invoice_overview_index .note-section,
.view--client_organization_invoice_overview_index .add-note-section,
.view--client_organization_invoice_overview_index .accept-invoice-section,
.view--client_organization_invoice_overview_print_index .general-info-section,
.view--client_organization_invoice_overview_print_index .note-section,
.view--client_organization_invoice_overview_print_index .add-note-section,
.view--client_organization_invoice_overview_print_index .accept-invoice-section,
.view--client_orders_list .general-info-section,
.view--client_orders_list .note-section,
.view--client_orders_list .add-note-section,
.view--client_orders_list .accept-invoice-section,
.view--client_orders_show .general-info-section,
.view--client_orders_show .note-section,
.view--client_orders_show .add-note-section,
.view--client_orders_show .accept-invoice-section,
.address-info-section .general-info-section,
.address-info-section .note-section,
.address-info-section .add-note-section,
.address-info-section .accept-invoice-section {
  padding-left: 2rem;
  padding-right: 2rem; }
  @media (max-width: 64em) {
    .view--bluecloud_invoices_view .general-info-section,
    .view--bluecloud_invoices_view .note-section,
    .view--bluecloud_invoices_view .add-note-section,
    .view--bluecloud_invoices_view .accept-invoice-section,
    .view--bluecloud_invoices_creditcard .general-info-section,
    .view--bluecloud_invoices_creditcard .note-section,
    .view--bluecloud_invoices_creditcard .add-note-section,
    .view--bluecloud_invoices_creditcard .accept-invoice-section,
    .view--bluecloud_invoices_edit .general-info-section,
    .view--bluecloud_invoices_edit .note-section,
    .view--bluecloud_invoices_edit .add-note-section,
    .view--bluecloud_invoices_edit .accept-invoice-section,
    .view--bluecloud_invoices_create .general-info-section,
    .view--bluecloud_invoices_create .note-section,
    .view--bluecloud_invoices_create .add-note-section,
    .view--bluecloud_invoices_create .accept-invoice-section,
    .view--client_invoices_view .general-info-section,
    .view--client_invoices_view .note-section,
    .view--client_invoices_view .add-note-section,
    .view--client_invoices_view .accept-invoice-section,
    .view--bluecloud_invoices_print_view .general-info-section,
    .view--bluecloud_invoices_print_view .note-section,
    .view--bluecloud_invoices_print_view .add-note-section,
    .view--bluecloud_invoices_print_view .accept-invoice-section,
    .view--client_invoices_print_view .general-info-section,
    .view--client_invoices_print_view .note-section,
    .view--client_invoices_print_view .add-note-section,
    .view--client_invoices_print_view .accept-invoice-section,
    .view--client_organization_invoices_index .general-info-section,
    .view--client_organization_invoices_index .note-section,
    .view--client_organization_invoices_index .add-note-section,
    .view--client_organization_invoices_index .accept-invoice-section,
    .view--client_organization_payment_advices_list .general-info-section,
    .view--client_organization_payment_advices_list .note-section,
    .view--client_organization_payment_advices_list .add-note-section,
    .view--client_organization_payment_advices_list .accept-invoice-section,
    .view--client_organization_payment_advices_index .general-info-section,
    .view--client_organization_payment_advices_index .note-section,
    .view--client_organization_payment_advices_index .add-note-section,
    .view--client_organization_payment_advices_index .accept-invoice-section,
    .view--client_organization_payment_advices_print_index .general-info-section,
    .view--client_organization_payment_advices_print_index .note-section,
    .view--client_organization_payment_advices_print_index .add-note-section,
    .view--client_organization_payment_advices_print_index .accept-invoice-section,
    .view--client_organization_invoices_overview_index .general-info-section,
    .view--client_organization_invoices_overview_index .note-section,
    .view--client_organization_invoices_overview_index .add-note-section,
    .view--client_organization_invoices_overview_index .accept-invoice-section,
    .view--client_organization_invoice_overview_index .general-info-section,
    .view--client_organization_invoice_overview_index .note-section,
    .view--client_organization_invoice_overview_index .add-note-section,
    .view--client_organization_invoice_overview_index .accept-invoice-section,
    .view--client_organization_invoice_overview_print_index .general-info-section,
    .view--client_organization_invoice_overview_print_index .note-section,
    .view--client_organization_invoice_overview_print_index .add-note-section,
    .view--client_organization_invoice_overview_print_index .accept-invoice-section,
    .view--client_orders_list .general-info-section,
    .view--client_orders_list .note-section,
    .view--client_orders_list .add-note-section,
    .view--client_orders_list .accept-invoice-section,
    .view--client_orders_show .general-info-section,
    .view--client_orders_show .note-section,
    .view--client_orders_show .add-note-section,
    .view--client_orders_show .accept-invoice-section,
    .address-info-section .general-info-section,
    .address-info-section .note-section,
    .address-info-section .add-note-section,
    .address-info-section .accept-invoice-section {
      padding-left: 0;
      padding-right: 0; } }
  .view--bluecloud_invoices_view .general-info-section .invoice-title,
  .view--bluecloud_invoices_view .note-section .invoice-title,
  .view--bluecloud_invoices_view .add-note-section .invoice-title,
  .view--bluecloud_invoices_view .accept-invoice-section .invoice-title,
  .view--bluecloud_invoices_creditcard .general-info-section .invoice-title,
  .view--bluecloud_invoices_creditcard .note-section .invoice-title,
  .view--bluecloud_invoices_creditcard .add-note-section .invoice-title,
  .view--bluecloud_invoices_creditcard .accept-invoice-section .invoice-title,
  .view--bluecloud_invoices_edit .general-info-section .invoice-title,
  .view--bluecloud_invoices_edit .note-section .invoice-title,
  .view--bluecloud_invoices_edit .add-note-section .invoice-title,
  .view--bluecloud_invoices_edit .accept-invoice-section .invoice-title,
  .view--bluecloud_invoices_create .general-info-section .invoice-title,
  .view--bluecloud_invoices_create .note-section .invoice-title,
  .view--bluecloud_invoices_create .add-note-section .invoice-title,
  .view--bluecloud_invoices_create .accept-invoice-section .invoice-title,
  .view--client_invoices_view .general-info-section .invoice-title,
  .view--client_invoices_view .note-section .invoice-title,
  .view--client_invoices_view .add-note-section .invoice-title,
  .view--client_invoices_view .accept-invoice-section .invoice-title,
  .view--bluecloud_invoices_print_view .general-info-section .invoice-title,
  .view--bluecloud_invoices_print_view .note-section .invoice-title,
  .view--bluecloud_invoices_print_view .add-note-section .invoice-title,
  .view--bluecloud_invoices_print_view .accept-invoice-section .invoice-title,
  .view--client_invoices_print_view .general-info-section .invoice-title,
  .view--client_invoices_print_view .note-section .invoice-title,
  .view--client_invoices_print_view .add-note-section .invoice-title,
  .view--client_invoices_print_view .accept-invoice-section .invoice-title,
  .view--client_organization_invoices_index .general-info-section .invoice-title,
  .view--client_organization_invoices_index .note-section .invoice-title,
  .view--client_organization_invoices_index .add-note-section .invoice-title,
  .view--client_organization_invoices_index .accept-invoice-section .invoice-title,
  .view--client_organization_payment_advices_list .general-info-section .invoice-title,
  .view--client_organization_payment_advices_list .note-section .invoice-title,
  .view--client_organization_payment_advices_list .add-note-section .invoice-title,
  .view--client_organization_payment_advices_list .accept-invoice-section .invoice-title,
  .view--client_organization_payment_advices_index .general-info-section .invoice-title,
  .view--client_organization_payment_advices_index .note-section .invoice-title,
  .view--client_organization_payment_advices_index .add-note-section .invoice-title,
  .view--client_organization_payment_advices_index .accept-invoice-section .invoice-title,
  .view--client_organization_payment_advices_print_index .general-info-section .invoice-title,
  .view--client_organization_payment_advices_print_index .note-section .invoice-title,
  .view--client_organization_payment_advices_print_index .add-note-section .invoice-title,
  .view--client_organization_payment_advices_print_index .accept-invoice-section .invoice-title,
  .view--client_organization_invoices_overview_index .general-info-section .invoice-title,
  .view--client_organization_invoices_overview_index .note-section .invoice-title,
  .view--client_organization_invoices_overview_index .add-note-section .invoice-title,
  .view--client_organization_invoices_overview_index .accept-invoice-section .invoice-title,
  .view--client_organization_invoice_overview_index .general-info-section .invoice-title,
  .view--client_organization_invoice_overview_index .note-section .invoice-title,
  .view--client_organization_invoice_overview_index .add-note-section .invoice-title,
  .view--client_organization_invoice_overview_index .accept-invoice-section .invoice-title,
  .view--client_organization_invoice_overview_print_index .general-info-section .invoice-title,
  .view--client_organization_invoice_overview_print_index .note-section .invoice-title,
  .view--client_organization_invoice_overview_print_index .add-note-section .invoice-title,
  .view--client_organization_invoice_overview_print_index .accept-invoice-section .invoice-title,
  .view--client_orders_list .general-info-section .invoice-title,
  .view--client_orders_list .note-section .invoice-title,
  .view--client_orders_list .add-note-section .invoice-title,
  .view--client_orders_list .accept-invoice-section .invoice-title,
  .view--client_orders_show .general-info-section .invoice-title,
  .view--client_orders_show .note-section .invoice-title,
  .view--client_orders_show .add-note-section .invoice-title,
  .view--client_orders_show .accept-invoice-section .invoice-title,
  .address-info-section .general-info-section .invoice-title,
  .address-info-section .note-section .invoice-title,
  .address-info-section .add-note-section .invoice-title,
  .address-info-section .accept-invoice-section .invoice-title {
    margin-bottom: 0.25rem; }
  .view--bluecloud_invoices_view .general-info-section input,
  .view--bluecloud_invoices_view .note-section input,
  .view--bluecloud_invoices_view .add-note-section input,
  .view--bluecloud_invoices_view .accept-invoice-section input,
  .view--bluecloud_invoices_creditcard .general-info-section input,
  .view--bluecloud_invoices_creditcard .note-section input,
  .view--bluecloud_invoices_creditcard .add-note-section input,
  .view--bluecloud_invoices_creditcard .accept-invoice-section input,
  .view--bluecloud_invoices_edit .general-info-section input,
  .view--bluecloud_invoices_edit .note-section input,
  .view--bluecloud_invoices_edit .add-note-section input,
  .view--bluecloud_invoices_edit .accept-invoice-section input,
  .view--bluecloud_invoices_create .general-info-section input,
  .view--bluecloud_invoices_create .note-section input,
  .view--bluecloud_invoices_create .add-note-section input,
  .view--bluecloud_invoices_create .accept-invoice-section input,
  .view--client_invoices_view .general-info-section input,
  .view--client_invoices_view .note-section input,
  .view--client_invoices_view .add-note-section input,
  .view--client_invoices_view .accept-invoice-section input,
  .view--bluecloud_invoices_print_view .general-info-section input,
  .view--bluecloud_invoices_print_view .note-section input,
  .view--bluecloud_invoices_print_view .add-note-section input,
  .view--bluecloud_invoices_print_view .accept-invoice-section input,
  .view--client_invoices_print_view .general-info-section input,
  .view--client_invoices_print_view .note-section input,
  .view--client_invoices_print_view .add-note-section input,
  .view--client_invoices_print_view .accept-invoice-section input,
  .view--client_organization_invoices_index .general-info-section input,
  .view--client_organization_invoices_index .note-section input,
  .view--client_organization_invoices_index .add-note-section input,
  .view--client_organization_invoices_index .accept-invoice-section input,
  .view--client_organization_payment_advices_list .general-info-section input,
  .view--client_organization_payment_advices_list .note-section input,
  .view--client_organization_payment_advices_list .add-note-section input,
  .view--client_organization_payment_advices_list .accept-invoice-section input,
  .view--client_organization_payment_advices_index .general-info-section input,
  .view--client_organization_payment_advices_index .note-section input,
  .view--client_organization_payment_advices_index .add-note-section input,
  .view--client_organization_payment_advices_index .accept-invoice-section input,
  .view--client_organization_payment_advices_print_index .general-info-section input,
  .view--client_organization_payment_advices_print_index .note-section input,
  .view--client_organization_payment_advices_print_index .add-note-section input,
  .view--client_organization_payment_advices_print_index .accept-invoice-section input,
  .view--client_organization_invoices_overview_index .general-info-section input,
  .view--client_organization_invoices_overview_index .note-section input,
  .view--client_organization_invoices_overview_index .add-note-section input,
  .view--client_organization_invoices_overview_index .accept-invoice-section input,
  .view--client_organization_invoice_overview_index .general-info-section input,
  .view--client_organization_invoice_overview_index .note-section input,
  .view--client_organization_invoice_overview_index .add-note-section input,
  .view--client_organization_invoice_overview_index .accept-invoice-section input,
  .view--client_organization_invoice_overview_print_index .general-info-section input,
  .view--client_organization_invoice_overview_print_index .note-section input,
  .view--client_organization_invoice_overview_print_index .add-note-section input,
  .view--client_organization_invoice_overview_print_index .accept-invoice-section input,
  .view--client_orders_list .general-info-section input,
  .view--client_orders_list .note-section input,
  .view--client_orders_list .add-note-section input,
  .view--client_orders_list .accept-invoice-section input,
  .view--client_orders_show .general-info-section input,
  .view--client_orders_show .note-section input,
  .view--client_orders_show .add-note-section input,
  .view--client_orders_show .accept-invoice-section input,
  .address-info-section .general-info-section input,
  .address-info-section .note-section input,
  .address-info-section .add-note-section input,
  .address-info-section .accept-invoice-section input {
    margin-bottom: 0; }
.view--bluecloud_invoices_view .note-section,
.view--bluecloud_invoices_creditcard .note-section,
.view--bluecloud_invoices_edit .note-section,
.view--bluecloud_invoices_create .note-section,
.view--client_invoices_view .note-section,
.view--bluecloud_invoices_print_view .note-section,
.view--client_invoices_print_view .note-section,
.view--client_organization_invoices_index .note-section,
.view--client_organization_payment_advices_list .note-section,
.view--client_organization_payment_advices_index .note-section,
.view--client_organization_payment_advices_print_index .note-section,
.view--client_organization_invoices_overview_index .note-section,
.view--client_organization_invoice_overview_index .note-section,
.view--client_organization_invoice_overview_print_index .note-section,
.view--client_orders_list .note-section,
.view--client_orders_show .note-section,
.address-info-section .note-section {
  margin-top: 2rem; }
  .view--bluecloud_invoices_view .note-section .invoice_note_value,
  .view--bluecloud_invoices_creditcard .note-section .invoice_note_value,
  .view--bluecloud_invoices_edit .note-section .invoice_note_value,
  .view--bluecloud_invoices_create .note-section .invoice_note_value,
  .view--client_invoices_view .note-section .invoice_note_value,
  .view--bluecloud_invoices_print_view .note-section .invoice_note_value,
  .view--client_invoices_print_view .note-section .invoice_note_value,
  .view--client_organization_invoices_index .note-section .invoice_note_value,
  .view--client_organization_payment_advices_list .note-section .invoice_note_value,
  .view--client_organization_payment_advices_index .note-section .invoice_note_value,
  .view--client_organization_payment_advices_print_index .note-section .invoice_note_value,
  .view--client_organization_invoices_overview_index .note-section .invoice_note_value,
  .view--client_organization_invoice_overview_index .note-section .invoice_note_value,
  .view--client_organization_invoice_overview_print_index .note-section .invoice_note_value,
  .view--client_orders_list .note-section .invoice_note_value,
  .view--client_orders_show .note-section .invoice_note_value,
  .address-info-section .note-section .invoice_note_value {
    line-height: 1.2rem; }
.view--bluecloud_invoices_view .add-note-section,
.view--bluecloud_invoices_view .accept-invoice-section,
.view--bluecloud_invoices_creditcard .add-note-section,
.view--bluecloud_invoices_creditcard .accept-invoice-section,
.view--bluecloud_invoices_edit .add-note-section,
.view--bluecloud_invoices_edit .accept-invoice-section,
.view--bluecloud_invoices_create .add-note-section,
.view--bluecloud_invoices_create .accept-invoice-section,
.view--client_invoices_view .add-note-section,
.view--client_invoices_view .accept-invoice-section,
.view--bluecloud_invoices_print_view .add-note-section,
.view--bluecloud_invoices_print_view .accept-invoice-section,
.view--client_invoices_print_view .add-note-section,
.view--client_invoices_print_view .accept-invoice-section,
.view--client_organization_invoices_index .add-note-section,
.view--client_organization_invoices_index .accept-invoice-section,
.view--client_organization_payment_advices_list .add-note-section,
.view--client_organization_payment_advices_list .accept-invoice-section,
.view--client_organization_payment_advices_index .add-note-section,
.view--client_organization_payment_advices_index .accept-invoice-section,
.view--client_organization_payment_advices_print_index .add-note-section,
.view--client_organization_payment_advices_print_index .accept-invoice-section,
.view--client_organization_invoices_overview_index .add-note-section,
.view--client_organization_invoices_overview_index .accept-invoice-section,
.view--client_organization_invoice_overview_index .add-note-section,
.view--client_organization_invoice_overview_index .accept-invoice-section,
.view--client_organization_invoice_overview_print_index .add-note-section,
.view--client_organization_invoice_overview_print_index .accept-invoice-section,
.view--client_orders_list .add-note-section,
.view--client_orders_list .accept-invoice-section,
.view--client_orders_show .add-note-section,
.view--client_orders_show .accept-invoice-section,
.address-info-section .add-note-section,
.address-info-section .accept-invoice-section {
  display: flex;
  justify-content: flex-end; }
.view--bluecloud_invoices_view .note-value span,
.view--bluecloud_invoices_creditcard .note-value span,
.view--bluecloud_invoices_edit .note-value span,
.view--bluecloud_invoices_create .note-value span,
.view--client_invoices_view .note-value span,
.view--bluecloud_invoices_print_view .note-value span,
.view--client_invoices_print_view .note-value span,
.view--client_organization_invoices_index .note-value span,
.view--client_organization_payment_advices_list .note-value span,
.view--client_organization_payment_advices_index .note-value span,
.view--client_organization_payment_advices_print_index .note-value span,
.view--client_organization_invoices_overview_index .note-value span,
.view--client_organization_invoice_overview_index .note-value span,
.view--client_organization_invoice_overview_print_index .note-value span,
.view--client_orders_list .note-value span,
.view--client_orders_show .note-value span,
.address-info-section .note-value span {
  margin-right: 1rem; }
.view--bluecloud_invoices_view .item-title,
.view--bluecloud_invoices_creditcard .item-title,
.view--bluecloud_invoices_edit .item-title,
.view--bluecloud_invoices_create .item-title,
.view--client_invoices_view .item-title,
.view--bluecloud_invoices_print_view .item-title,
.view--client_invoices_print_view .item-title,
.view--client_organization_invoices_index .item-title,
.view--client_organization_payment_advices_list .item-title,
.view--client_organization_payment_advices_index .item-title,
.view--client_organization_payment_advices_print_index .item-title,
.view--client_organization_invoices_overview_index .item-title,
.view--client_organization_invoice_overview_index .item-title,
.view--client_organization_invoice_overview_print_index .item-title,
.view--client_orders_list .item-title,
.view--client_orders_show .item-title,
.address-info-section .item-title {
  margin-bottom: 0;
  line-height: 1.5rem; }
.view--bluecloud_invoices_view .item-value,
.view--bluecloud_invoices_creditcard .item-value,
.view--bluecloud_invoices_edit .item-value,
.view--bluecloud_invoices_create .item-value,
.view--client_invoices_view .item-value,
.view--bluecloud_invoices_print_view .item-value,
.view--client_invoices_print_view .item-value,
.view--client_organization_invoices_index .item-value,
.view--client_organization_payment_advices_list .item-value,
.view--client_organization_payment_advices_index .item-value,
.view--client_organization_payment_advices_print_index .item-value,
.view--client_organization_invoices_overview_index .item-value,
.view--client_organization_invoice_overview_index .item-value,
.view--client_organization_invoice_overview_print_index .item-value,
.view--client_orders_list .item-value,
.view--client_orders_show .item-value,
.address-info-section .item-value {
  margin-bottom: 0;
  line-height: 1.5rem; }
.view--bluecloud_invoices_view .divider,
.view--bluecloud_invoices_creditcard .divider,
.view--bluecloud_invoices_edit .divider,
.view--bluecloud_invoices_create .divider,
.view--client_invoices_view .divider,
.view--bluecloud_invoices_print_view .divider,
.view--client_invoices_print_view .divider,
.view--client_organization_invoices_index .divider,
.view--client_organization_payment_advices_list .divider,
.view--client_organization_payment_advices_index .divider,
.view--client_organization_payment_advices_print_index .divider,
.view--client_organization_invoices_overview_index .divider,
.view--client_organization_invoice_overview_index .divider,
.view--client_organization_invoice_overview_print_index .divider,
.view--client_orders_list .divider,
.view--client_orders_show .divider,
.address-info-section .divider {
  border-bottom: 2px solid black;
  border-right: none;
  margin-bottom: 1rem; }
.view--bluecloud_invoices_view .main-section,
.view--bluecloud_invoices_creditcard .main-section,
.view--bluecloud_invoices_edit .main-section,
.view--bluecloud_invoices_create .main-section,
.view--client_invoices_view .main-section,
.view--bluecloud_invoices_print_view .main-section,
.view--client_invoices_print_view .main-section,
.view--client_organization_invoices_index .main-section,
.view--client_organization_payment_advices_list .main-section,
.view--client_organization_payment_advices_index .main-section,
.view--client_organization_payment_advices_print_index .main-section,
.view--client_organization_invoices_overview_index .main-section,
.view--client_organization_invoice_overview_index .main-section,
.view--client_organization_invoice_overview_print_index .main-section,
.view--client_orders_list .main-section,
.view--client_orders_show .main-section,
.address-info-section .main-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 2rem 4rem; }
  .view--bluecloud_invoices_view .main-section .item-value,
  .view--bluecloud_invoices_creditcard .main-section .item-value,
  .view--bluecloud_invoices_edit .main-section .item-value,
  .view--bluecloud_invoices_create .main-section .item-value,
  .view--client_invoices_view .main-section .item-value,
  .view--bluecloud_invoices_print_view .main-section .item-value,
  .view--client_invoices_print_view .main-section .item-value,
  .view--client_organization_invoices_index .main-section .item-value,
  .view--client_organization_payment_advices_list .main-section .item-value,
  .view--client_organization_payment_advices_index .main-section .item-value,
  .view--client_organization_payment_advices_print_index .main-section .item-value,
  .view--client_organization_invoices_overview_index .main-section .item-value,
  .view--client_organization_invoice_overview_index .main-section .item-value,
  .view--client_organization_invoice_overview_print_index .main-section .item-value,
  .view--client_orders_list .main-section .item-value,
  .view--client_orders_show .main-section .item-value,
  .address-info-section .main-section .item-value {
    min-width: 15rem; }
.view--bluecloud_invoices_view .right,
.view--bluecloud_invoices_creditcard .right,
.view--bluecloud_invoices_edit .right,
.view--bluecloud_invoices_create .right,
.view--client_invoices_view .right,
.view--bluecloud_invoices_print_view .right,
.view--client_invoices_print_view .right,
.view--client_organization_invoices_index .right,
.view--client_organization_payment_advices_list .right,
.view--client_organization_payment_advices_index .right,
.view--client_organization_payment_advices_print_index .right,
.view--client_organization_invoices_overview_index .right,
.view--client_organization_invoice_overview_index .right,
.view--client_organization_invoice_overview_print_index .right,
.view--client_orders_list .right,
.view--client_orders_show .right,
.address-info-section .right {
  margin-left: 1rem; }
.view--bluecloud_invoices_view .invoice-state,
.view--bluecloud_invoices_creditcard .invoice-state,
.view--bluecloud_invoices_edit .invoice-state,
.view--bluecloud_invoices_create .invoice-state,
.view--client_invoices_view .invoice-state,
.view--bluecloud_invoices_print_view .invoice-state,
.view--client_invoices_print_view .invoice-state,
.view--client_organization_invoices_index .invoice-state,
.view--client_organization_payment_advices_list .invoice-state,
.view--client_organization_payment_advices_index .invoice-state,
.view--client_organization_payment_advices_print_index .invoice-state,
.view--client_organization_invoices_overview_index .invoice-state,
.view--client_organization_invoice_overview_index .invoice-state,
.view--client_organization_invoice_overview_print_index .invoice-state,
.view--client_orders_list .invoice-state,
.view--client_orders_show .invoice-state,
.address-info-section .invoice-state {
  font-size: 1.5rem;
  line-height: 1.7rem; }
.view--bluecloud_invoices_view .info_section,
.view--bluecloud_invoices_creditcard .info_section,
.view--bluecloud_invoices_edit .info_section,
.view--bluecloud_invoices_create .info_section,
.view--client_invoices_view .info_section,
.view--bluecloud_invoices_print_view .info_section,
.view--client_invoices_print_view .info_section,
.view--client_organization_invoices_index .info_section,
.view--client_organization_payment_advices_list .info_section,
.view--client_organization_payment_advices_index .info_section,
.view--client_organization_payment_advices_print_index .info_section,
.view--client_organization_invoices_overview_index .info_section,
.view--client_organization_invoice_overview_index .info_section,
.view--client_organization_invoice_overview_print_index .info_section,
.view--client_orders_list .info_section,
.view--client_orders_show .info_section,
.address-info-section .info_section {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center; }
  .view--bluecloud_invoices_view .info_section .info-item:nth-of-type(1),
  .view--bluecloud_invoices_creditcard .info_section .info-item:nth-of-type(1),
  .view--bluecloud_invoices_edit .info_section .info-item:nth-of-type(1),
  .view--bluecloud_invoices_create .info_section .info-item:nth-of-type(1),
  .view--client_invoices_view .info_section .info-item:nth-of-type(1),
  .view--bluecloud_invoices_print_view .info_section .info-item:nth-of-type(1),
  .view--client_invoices_print_view .info_section .info-item:nth-of-type(1),
  .view--client_organization_invoices_index .info_section .info-item:nth-of-type(1),
  .view--client_organization_payment_advices_list .info_section .info-item:nth-of-type(1),
  .view--client_organization_payment_advices_index .info_section .info-item:nth-of-type(1),
  .view--client_organization_payment_advices_print_index .info_section .info-item:nth-of-type(1),
  .view--client_organization_invoices_overview_index .info_section .info-item:nth-of-type(1),
  .view--client_organization_invoice_overview_index .info_section .info-item:nth-of-type(1),
  .view--client_organization_invoice_overview_print_index .info_section .info-item:nth-of-type(1),
  .view--client_orders_list .info_section .info-item:nth-of-type(1),
  .view--client_orders_show .info_section .info-item:nth-of-type(1),
  .address-info-section .info_section .info-item:nth-of-type(1) {
    margin-bottom: 2.5rem; }
  .view--bluecloud_invoices_view .info_section .info-item,
  .view--bluecloud_invoices_creditcard .info_section .info-item,
  .view--bluecloud_invoices_edit .info_section .info-item,
  .view--bluecloud_invoices_create .info_section .info-item,
  .view--client_invoices_view .info_section .info-item,
  .view--bluecloud_invoices_print_view .info_section .info-item,
  .view--client_invoices_print_view .info_section .info-item,
  .view--client_organization_invoices_index .info_section .info-item,
  .view--client_organization_payment_advices_list .info_section .info-item,
  .view--client_organization_payment_advices_index .info_section .info-item,
  .view--client_organization_payment_advices_print_index .info_section .info-item,
  .view--client_organization_invoices_overview_index .info_section .info-item,
  .view--client_organization_invoice_overview_index .info_section .info-item,
  .view--client_organization_invoice_overview_print_index .info_section .info-item,
  .view--client_orders_list .info_section .info-item,
  .view--client_orders_show .info_section .info-item,
  .address-info-section .info_section .info-item {
    line-height: 1.3rem; }
.view--bluecloud_invoices_view .bi__invoice_note_value,
.view--bluecloud_invoices_creditcard .bi__invoice_note_value,
.view--bluecloud_invoices_edit .bi__invoice_note_value,
.view--bluecloud_invoices_create .bi__invoice_note_value,
.view--client_invoices_view .bi__invoice_note_value,
.view--bluecloud_invoices_print_view .bi__invoice_note_value,
.view--client_invoices_print_view .bi__invoice_note_value,
.view--client_organization_invoices_index .bi__invoice_note_value,
.view--client_organization_payment_advices_list .bi__invoice_note_value,
.view--client_organization_payment_advices_index .bi__invoice_note_value,
.view--client_organization_payment_advices_print_index .bi__invoice_note_value,
.view--client_organization_invoices_overview_index .bi__invoice_note_value,
.view--client_organization_invoice_overview_index .bi__invoice_note_value,
.view--client_organization_invoice_overview_print_index .bi__invoice_note_value,
.view--client_orders_list .bi__invoice_note_value,
.view--client_orders_show .bi__invoice_note_value,
.address-info-section .bi__invoice_note_value {
  min-width: 300px; }
.view--bluecloud_invoices_view #add-note-view #update-note,
.view--bluecloud_invoices_creditcard #add-note-view #update-note,
.view--bluecloud_invoices_edit #add-note-view #update-note,
.view--bluecloud_invoices_create #add-note-view #update-note,
.view--client_invoices_view #add-note-view #update-note,
.view--bluecloud_invoices_print_view #add-note-view #update-note,
.view--client_invoices_print_view #add-note-view #update-note,
.view--client_organization_invoices_index #add-note-view #update-note,
.view--client_organization_payment_advices_list #add-note-view #update-note,
.view--client_organization_payment_advices_index #add-note-view #update-note,
.view--client_organization_payment_advices_print_index #add-note-view #update-note,
.view--client_organization_invoices_overview_index #add-note-view #update-note,
.view--client_organization_invoice_overview_index #add-note-view #update-note,
.view--client_organization_invoice_overview_print_index #add-note-view #update-note,
.view--client_orders_list #add-note-view #update-note,
.view--client_orders_show #add-note-view #update-note,
.address-info-section #add-note-view #update-note {
  display: none; }
.view--bluecloud_invoices_view #add-note-view #create-note,
.view--bluecloud_invoices_creditcard #add-note-view #create-note,
.view--bluecloud_invoices_edit #add-note-view #create-note,
.view--bluecloud_invoices_create #add-note-view #create-note,
.view--client_invoices_view #add-note-view #create-note,
.view--bluecloud_invoices_print_view #add-note-view #create-note,
.view--client_invoices_print_view #add-note-view #create-note,
.view--client_organization_invoices_index #add-note-view #create-note,
.view--client_organization_payment_advices_list #add-note-view #create-note,
.view--client_organization_payment_advices_index #add-note-view #create-note,
.view--client_organization_payment_advices_print_index #add-note-view #create-note,
.view--client_organization_invoices_overview_index #add-note-view #create-note,
.view--client_organization_invoice_overview_index #add-note-view #create-note,
.view--client_organization_invoice_overview_print_index #add-note-view #create-note,
.view--client_orders_list #add-note-view #create-note,
.view--client_orders_show #add-note-view #create-note,
.address-info-section #add-note-view #create-note {
  display: block; }
.view--bluecloud_invoices_view #edit-note-view #create-note,
.view--bluecloud_invoices_creditcard #edit-note-view #create-note,
.view--bluecloud_invoices_edit #edit-note-view #create-note,
.view--bluecloud_invoices_create #edit-note-view #create-note,
.view--client_invoices_view #edit-note-view #create-note,
.view--bluecloud_invoices_print_view #edit-note-view #create-note,
.view--client_invoices_print_view #edit-note-view #create-note,
.view--client_organization_invoices_index #edit-note-view #create-note,
.view--client_organization_payment_advices_list #edit-note-view #create-note,
.view--client_organization_payment_advices_index #edit-note-view #create-note,
.view--client_organization_payment_advices_print_index #edit-note-view #create-note,
.view--client_organization_invoices_overview_index #edit-note-view #create-note,
.view--client_organization_invoice_overview_index #edit-note-view #create-note,
.view--client_organization_invoice_overview_print_index #edit-note-view #create-note,
.view--client_orders_list #edit-note-view #create-note,
.view--client_orders_show #edit-note-view #create-note,
.address-info-section #edit-note-view #create-note {
  display: none; }
.view--bluecloud_invoices_view #edit-note-view #update-note,
.view--bluecloud_invoices_creditcard #edit-note-view #update-note,
.view--bluecloud_invoices_edit #edit-note-view #update-note,
.view--bluecloud_invoices_create #edit-note-view #update-note,
.view--client_invoices_view #edit-note-view #update-note,
.view--bluecloud_invoices_print_view #edit-note-view #update-note,
.view--client_invoices_print_view #edit-note-view #update-note,
.view--client_organization_invoices_index #edit-note-view #update-note,
.view--client_organization_payment_advices_list #edit-note-view #update-note,
.view--client_organization_payment_advices_index #edit-note-view #update-note,
.view--client_organization_payment_advices_print_index #edit-note-view #update-note,
.view--client_organization_invoices_overview_index #edit-note-view #update-note,
.view--client_organization_invoice_overview_index #edit-note-view #update-note,
.view--client_organization_invoice_overview_print_index #edit-note-view #update-note,
.view--client_orders_list #edit-note-view #update-note,
.view--client_orders_show #edit-note-view #update-note,
.address-info-section #edit-note-view #update-note {
  display: block; }
.view--bluecloud_invoices_view .accept-invoice-section,
.view--bluecloud_invoices_creditcard .accept-invoice-section,
.view--bluecloud_invoices_edit .accept-invoice-section,
.view--bluecloud_invoices_create .accept-invoice-section,
.view--client_invoices_view .accept-invoice-section,
.view--bluecloud_invoices_print_view .accept-invoice-section,
.view--client_invoices_print_view .accept-invoice-section,
.view--client_organization_invoices_index .accept-invoice-section,
.view--client_organization_payment_advices_list .accept-invoice-section,
.view--client_organization_payment_advices_index .accept-invoice-section,
.view--client_organization_payment_advices_print_index .accept-invoice-section,
.view--client_organization_invoices_overview_index .accept-invoice-section,
.view--client_organization_invoice_overview_index .accept-invoice-section,
.view--client_organization_invoice_overview_print_index .accept-invoice-section,
.view--client_orders_list .accept-invoice-section,
.view--client_orders_show .accept-invoice-section,
.address-info-section .accept-invoice-section {
  display: flex; }
.view--bluecloud_invoices_view .print__btn--invoice,
.view--bluecloud_invoices_creditcard .print__btn--invoice,
.view--bluecloud_invoices_edit .print__btn--invoice,
.view--bluecloud_invoices_create .print__btn--invoice,
.view--client_invoices_view .print__btn--invoice,
.view--bluecloud_invoices_print_view .print__btn--invoice,
.view--client_invoices_print_view .print__btn--invoice,
.view--client_organization_invoices_index .print__btn--invoice,
.view--client_organization_payment_advices_list .print__btn--invoice,
.view--client_organization_payment_advices_index .print__btn--invoice,
.view--client_organization_payment_advices_print_index .print__btn--invoice,
.view--client_organization_invoices_overview_index .print__btn--invoice,
.view--client_organization_invoice_overview_index .print__btn--invoice,
.view--client_organization_invoice_overview_print_index .print__btn--invoice,
.view--client_orders_list .print__btn--invoice,
.view--client_orders_show .print__btn--invoice,
.address-info-section .print__btn--invoice {
  position: absolute;
  top: 0.5rem;
  right: 1.5rem; }

.view--client_invoices_print_view #app__content,
.view--bluecloud_invoices_print_view #app__content,
.view--client_organization_payment_advices_print_index #app__content,
.view--client_organization_invoice_overview_print_index #app__content {
  padding-top: 2rem;
  max-width: 210mm;
  margin: auto; }
.view--client_invoices_print_view #app__topbar,
.view--bluecloud_invoices_print_view #app__topbar,
.view--client_organization_payment_advices_print_index #app__topbar,
.view--client_organization_invoice_overview_print_index #app__topbar {
  display: none; }
.view--client_invoices_print_view #app__menu,
.view--bluecloud_invoices_print_view #app__menu,
.view--client_organization_payment_advices_print_index #app__menu,
.view--client_organization_invoice_overview_print_index #app__menu {
  display: none; }
.view--client_invoices_print_view #app__main,
.view--bluecloud_invoices_print_view #app__main,
.view--client_organization_payment_advices_print_index #app__main,
.view--client_organization_invoice_overview_print_index #app__main {
  padding-left: 0; }
.view--client_invoices_print_view .col-xs-12.print,
.view--bluecloud_invoices_print_view .col-xs-12.print,
.view--client_organization_payment_advices_print_index .col-xs-12.print,
.view--client_organization_invoice_overview_print_index .col-xs-12.print {
  flex-basis: 50%;
  max-width: 50%; }
@media (max-width: 64em) {
  .view--client_invoices_print_view .custom-logo,
  .view--bluecloud_invoices_print_view .custom-logo,
  .view--client_organization_payment_advices_print_index .custom-logo,
  .view--client_organization_invoice_overview_print_index .custom-logo {
    margin-top: 0;
    margin-bottom: 8rem; } }

.view--bluecloud_invoices_print_view #add-note,
.view--bluecloud_invoices_view #add-note {
  display: none; }
.view--bluecloud_invoices_print_view #note-edit-icon,
.view--bluecloud_invoices_view #note-edit-icon {
  display: none; }
.view--bluecloud_invoices_print_view .add-note-section,
.view--bluecloud_invoices_view .add-note-section {
  display: none; }

.view--bluecloud_invoices_print_view #accept-invoice,
.view--bluecloud_invoices_print_view #cancel-invoice,
.view--bluecloud_invoices_print_view #delete-invoice {
  display: none !important; }

@media (max-width: 90em) {
  .view--bluecloud_invoices_creditcard .small-screen {
    max-width: 100px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle; } }
@media (max-width: 90em) {
  .view--bluecloud_invoices_creditcard .small-screen:hover {
    white-space: normal;
    overflow-wrap: break-word;
    vertical-align: middle; } }
@media (max-width: 80em) {
  .view--bluecloud_invoices_creditcard .hidden-small-screen {
    display: none; } }
@media (max-width: 60em) {
  .view--bluecloud_invoices_creditcard .hidden-smaller {
    display: none; } }
.view--bluecloud_invoices_creditcard .icons__column--flex {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.2rem; }
  .view--bluecloud_invoices_creditcard .icons__column--flex a, .view--bluecloud_invoices_creditcard .icons__column--flex span {
    margin-right: 0.5rem; }
  .view--bluecloud_invoices_creditcard .icons__column--flex a:last-child, .view--bluecloud_invoices_creditcard .icons__column--flex span:last-child {
    margin: 0; }

.view--bluecloud_cloudprinter_products_edit .product_template_container,
.view--bluecloud_cloudprinter_products_edit .option_template_container,
.view--bluecloud_cloudprinter_products_index .product_template_container,
.view--bluecloud_cloudprinter_products_index .option_template_container,
.view--bluecloud_cloudprinter_options_edit .product_template_container,
.view--bluecloud_cloudprinter_options_edit .option_template_container,
.view--bluecloud_cloudprinter_options_index .product_template_container,
.view--bluecloud_cloudprinter_options_index .option_template_container,
.view--bluecloud_organizations_index .product_template_container,
.view--bluecloud_organizations_index .option_template_container {
  display: flex;
  flex-direction: row; }
  .view--bluecloud_cloudprinter_products_edit .product_template_container .external_link,
  .view--bluecloud_cloudprinter_products_edit .option_template_container .external_link,
  .view--bluecloud_cloudprinter_products_index .product_template_container .external_link,
  .view--bluecloud_cloudprinter_products_index .option_template_container .external_link,
  .view--bluecloud_cloudprinter_options_edit .product_template_container .external_link,
  .view--bluecloud_cloudprinter_options_edit .option_template_container .external_link,
  .view--bluecloud_cloudprinter_options_index .product_template_container .external_link,
  .view--bluecloud_cloudprinter_options_index .option_template_container .external_link,
  .view--bluecloud_organizations_index .product_template_container .external_link,
  .view--bluecloud_organizations_index .option_template_container .external_link {
    margin-left: 5px;
    padding-top: 8px; }
.view--bluecloud_cloudprinter_products_edit a.choice__id,
.view--bluecloud_cloudprinter_products_index a.choice__id,
.view--bluecloud_cloudprinter_options_edit a.choice__id,
.view--bluecloud_cloudprinter_options_index a.choice__id,
.view--bluecloud_organizations_index a.choice__id {
  font-size: 1rem; }
@media (max-width: 48em) {
  .view--bluecloud_cloudprinter_products_edit .map-header,
  .view--bluecloud_cloudprinter_products_index .map-header,
  .view--bluecloud_cloudprinter_options_edit .map-header,
  .view--bluecloud_cloudprinter_options_index .map-header,
  .view--bluecloud_organizations_index .map-header {
    display: none; } }
.view--bluecloud_cloudprinter_products_edit .collapsed.filters__container .box,
.view--bluecloud_cloudprinter_products_index .collapsed.filters__container .box,
.view--bluecloud_cloudprinter_options_edit .collapsed.filters__container .box,
.view--bluecloud_cloudprinter_options_index .collapsed.filters__container .box,
.view--bluecloud_organizations_index .collapsed.filters__container .box {
  max-height: 0; }
.view--bluecloud_cloudprinter_products_edit .collapsed.filters__container .filters_switcher,
.view--bluecloud_cloudprinter_products_index .collapsed.filters__container .filters_switcher,
.view--bluecloud_cloudprinter_options_edit .collapsed.filters__container .filters_switcher,
.view--bluecloud_cloudprinter_options_index .collapsed.filters__container .filters_switcher,
.view--bluecloud_organizations_index .collapsed.filters__container .filters_switcher {
  right: 8.5rem;
  bottom: -3.5rem; }
.view--bluecloud_cloudprinter_products_edit .collapsed.filters__container.no-buttons .filters_switcher,
.view--bluecloud_cloudprinter_products_index .collapsed.filters__container.no-buttons .filters_switcher,
.view--bluecloud_cloudprinter_options_edit .collapsed.filters__container.no-buttons .filters_switcher,
.view--bluecloud_cloudprinter_options_index .collapsed.filters__container.no-buttons .filters_switcher,
.view--bluecloud_organizations_index .collapsed.filters__container.no-buttons .filters_switcher {
  right: 2rem; }
.view--bluecloud_cloudprinter_products_edit .filters__container,
.view--bluecloud_cloudprinter_products_index .filters__container,
.view--bluecloud_cloudprinter_options_edit .filters__container,
.view--bluecloud_cloudprinter_options_index .filters__container,
.view--bluecloud_organizations_index .filters__container {
  position: relative; }
  .view--bluecloud_cloudprinter_products_edit .filters__container .box,
  .view--bluecloud_cloudprinter_products_index .filters__container .box,
  .view--bluecloud_cloudprinter_options_edit .filters__container .box,
  .view--bluecloud_cloudprinter_options_index .filters__container .box,
  .view--bluecloud_organizations_index .filters__container .box {
    max-height: 250px;
    overflow: hidden;
    transition: all 0.5s ease-out;
    margin-bottom: 0; }
  .view--bluecloud_cloudprinter_products_edit .filters__container .box__body,
  .view--bluecloud_cloudprinter_products_index .filters__container .box__body,
  .view--bluecloud_cloudprinter_options_edit .filters__container .box__body,
  .view--bluecloud_cloudprinter_options_index .filters__container .box__body,
  .view--bluecloud_organizations_index .filters__container .box__body {
    padding-bottom: 0.6666666667rem; }
.view--bluecloud_cloudprinter_products_edit .filters_switcher,
.view--bluecloud_cloudprinter_products_index .filters_switcher,
.view--bluecloud_cloudprinter_options_edit .filters_switcher,
.view--bluecloud_cloudprinter_options_index .filters_switcher,
.view--bluecloud_organizations_index .filters_switcher {
  position: absolute;
  right: 2rem;
  bottom: -4.5rem;
  margin: 0;
  border: none;
  text-transform: none;
  transition: right 0.5s ease-out, background 0.3s;
  z-index: 9; }
  .view--bluecloud_cloudprinter_products_edit .filters_switcher i,
  .view--bluecloud_cloudprinter_products_index .filters_switcher i,
  .view--bluecloud_cloudprinter_options_edit .filters_switcher i,
  .view--bluecloud_cloudprinter_options_index .filters_switcher i,
  .view--bluecloud_organizations_index .filters_switcher i {
    margin-right: 0.5rem; }

.view--bluecloud_financial_tools_payment_account_index .credit-limit,
.view--bluecloud_payment_accounts .credit-limit {
  margin-bottom: 0.5rem;
  font-size: 1rem; }
.view--bluecloud_financial_tools_payment_account_index .current-value,
.view--bluecloud_payment_accounts .current-value {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.5rem; }
.view--bluecloud_financial_tools_payment_account_index .client-current-value,
.view--bluecloud_payment_accounts .client-current-value {
  font-size: 1.4rem;
  font-weight: bold;
  color: #323232;
  margin-bottom: 0.5rem; }
.view--bluecloud_financial_tools_payment_account_index .set-limit-section,
.view--bluecloud_payment_accounts .set-limit-section {
  margin-top: 27px; }
  .view--bluecloud_financial_tools_payment_account_index .set-limit-section .set-limit-header,
  .view--bluecloud_payment_accounts .set-limit-section .set-limit-header {
    margin-bottom: 0.5rem;
    font-weight: bold;
    color: #323232; }
.view--bluecloud_financial_tools_payment_account_index .payment_accounts__value--small,
.view--bluecloud_payment_accounts .payment_accounts__value--small {
  display: block;
  margin: 0.5rem auto 0 auto;
  font-size: 0.75rem;
  color: #bdbdbd; }
.view--bluecloud_financial_tools_payment_account_index .payment_accounts__value--alt,
.view--bluecloud_payment_accounts .payment_accounts__value--alt {
  color: #bdbdbd; }
.view--bluecloud_financial_tools_payment_account_index div[disabled],
.view--bluecloud_payment_accounts div[disabled] {
  pointer-events: none;
  opacity: 0.75; }

.top-bar-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-grow: 1; }
  @media (max-width: 48em) {
    .top-bar-section {
      display: flex;
      align-items: center; } }
  .top-bar-section .menu-section {
    display: flex;
    flex-direction: row; }
    @media (max-width: 48em) {
      .top-bar-section .menu-section {
        width: 0; } }
  .top-bar-section .page-name-section {
    display: flex;
    align-items: center; }
  .top-bar-section .white-text {
    color: white; }
    .app--client .top-bar-section .white-text {
      color: #1e1e1e; }
  @media (max-width: 48em) {
    .top-bar-section .sign-out-xs {
      font-size: 30px; }
    .top-bar-section .topbar {
      display: flex;
      align-items: center; } }

.menu-toggle {
  color: #141c3a;
  margin-left: 1rem;
  margin-right: 1rem; }

.menu-toggle.fa {
  font-size: 30px;
  cursor: pointer; }

.login-info-section .topbar {
  height: 100%; }

.view--index #app__menu {
  display: none; }
.view--index #app__main {
  padding-left: 0; }
.view--bluecloud_orders_list_all .address-edit input, .view--bluecloud_orders_list_all .address-edit select, .view--bluecloud_orders_list_all .address-edit textarea,
.view--bluecloud_orders_list_live .address-edit input,
.view--bluecloud_orders_list_live .address-edit select,
.view--bluecloud_orders_list_live .address-edit textarea,
.view--bluecloud_orders_list_sandbox .address-edit input,
.view--bluecloud_orders_list_sandbox .address-edit select,
.view--bluecloud_orders_list_sandbox .address-edit textarea,
.view--bluecloud_orders_list_production_test .address-edit input,
.view--bluecloud_orders_list_production_test .address-edit select,
.view--bluecloud_orders_list_production_test .address-edit textarea,
.view--bluecloud_orders_show .address-edit input,
.view--bluecloud_orders_show .address-edit select,
.view--bluecloud_orders_show .address-edit textarea,
.view--bluecloud_signals_logs .address-edit input,
.view--bluecloud_signals_logs .address-edit select,
.view--bluecloud_signals_logs .address-edit textarea,
.view--bluecloud_payment_service_requests .address-edit input,
.view--bluecloud_payment_service_requests .address-edit select,
.view--bluecloud_payment_service_requests .address-edit textarea,
.view--bluecloud_tickets_filter_list .address-edit input,
.view--bluecloud_tickets_filter_list .address-edit select,
.view--bluecloud_tickets_filter_list .address-edit textarea,
.view--bluecloud_routing_regions_index .address-edit input,
.view--bluecloud_routing_regions_index .address-edit select,
.view--bluecloud_routing_regions_index .address-edit textarea,
.view--bluecloud_organizations_index .address-edit input,
.view--bluecloud_organizations_index .address-edit select,
.view--bluecloud_organizations_index .address-edit textarea {
  margin-bottom: 0;
  min-width: 170px; }
.view--bluecloud_orders_list_all .address-edit .country_selection,
.view--bluecloud_orders_list_live .address-edit .country_selection,
.view--bluecloud_orders_list_sandbox .address-edit .country_selection,
.view--bluecloud_orders_list_production_test .address-edit .country_selection,
.view--bluecloud_orders_show .address-edit .country_selection,
.view--bluecloud_signals_logs .address-edit .country_selection,
.view--bluecloud_payment_service_requests .address-edit .country_selection,
.view--bluecloud_tickets_filter_list .address-edit .country_selection,
.view--bluecloud_routing_regions_index .address-edit .country_selection,
.view--bluecloud_organizations_index .address-edit .country_selection {
  width: 100%; }
.view--bluecloud_orders_list_all .btn.right,
.view--bluecloud_orders_list_live .btn.right,
.view--bluecloud_orders_list_sandbox .btn.right,
.view--bluecloud_orders_list_production_test .btn.right,
.view--bluecloud_orders_show .btn.right,
.view--bluecloud_signals_logs .btn.right,
.view--bluecloud_payment_service_requests .btn.right,
.view--bluecloud_tickets_filter_list .btn.right,
.view--bluecloud_routing_regions_index .btn.right,
.view--bluecloud_organizations_index .btn.right {
  margin-left: 10px; }
@media (max-width: 90em) {
  .view--bluecloud_orders_list_all .small-screen,
  .view--bluecloud_orders_list_live .small-screen,
  .view--bluecloud_orders_list_sandbox .small-screen,
  .view--bluecloud_orders_list_production_test .small-screen,
  .view--bluecloud_orders_show .small-screen,
  .view--bluecloud_signals_logs .small-screen,
  .view--bluecloud_payment_service_requests .small-screen,
  .view--bluecloud_tickets_filter_list .small-screen,
  .view--bluecloud_routing_regions_index .small-screen,
  .view--bluecloud_organizations_index .small-screen {
    max-width: 100px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle; } }
@media (max-width: 90em) {
  .view--bluecloud_orders_list_all .small-screen:hover,
  .view--bluecloud_orders_list_live .small-screen:hover,
  .view--bluecloud_orders_list_sandbox .small-screen:hover,
  .view--bluecloud_orders_list_production_test .small-screen:hover,
  .view--bluecloud_orders_show .small-screen:hover,
  .view--bluecloud_signals_logs .small-screen:hover,
  .view--bluecloud_payment_service_requests .small-screen:hover,
  .view--bluecloud_tickets_filter_list .small-screen:hover,
  .view--bluecloud_routing_regions_index .small-screen:hover,
  .view--bluecloud_organizations_index .small-screen:hover {
    white-space: normal;
    overflow-wrap: break-word;
    vertical-align: middle; } }
@media (max-width: 80em) {
  .view--bluecloud_orders_list_all .hidden-small-screen,
  .view--bluecloud_orders_list_live .hidden-small-screen,
  .view--bluecloud_orders_list_sandbox .hidden-small-screen,
  .view--bluecloud_orders_list_production_test .hidden-small-screen,
  .view--bluecloud_orders_show .hidden-small-screen,
  .view--bluecloud_signals_logs .hidden-small-screen,
  .view--bluecloud_payment_service_requests .hidden-small-screen,
  .view--bluecloud_tickets_filter_list .hidden-small-screen,
  .view--bluecloud_routing_regions_index .hidden-small-screen,
  .view--bluecloud_organizations_index .hidden-small-screen {
    display: none; } }
@media (max-width: 70em) {
  .view--bluecloud_orders_list_all .hidden-smaller,
  .view--bluecloud_orders_list_live .hidden-smaller,
  .view--bluecloud_orders_list_sandbox .hidden-smaller,
  .view--bluecloud_orders_list_production_test .hidden-smaller,
  .view--bluecloud_orders_show .hidden-smaller,
  .view--bluecloud_signals_logs .hidden-smaller,
  .view--bluecloud_payment_service_requests .hidden-smaller,
  .view--bluecloud_tickets_filter_list .hidden-smaller,
  .view--bluecloud_routing_regions_index .hidden-smaller,
  .view--bluecloud_organizations_index .hidden-smaller {
    display: none; } }
.view--bluecloud_orders_list_all .action-container,
.view--bluecloud_orders_list_live .action-container,
.view--bluecloud_orders_list_sandbox .action-container,
.view--bluecloud_orders_list_production_test .action-container,
.view--bluecloud_orders_show .action-container,
.view--bluecloud_signals_logs .action-container,
.view--bluecloud_payment_service_requests .action-container,
.view--bluecloud_tickets_filter_list .action-container,
.view--bluecloud_routing_regions_index .action-container,
.view--bluecloud_organizations_index .action-container {
  min-width: 249px;
  max-width: 18.3%;
  margin: 0.5rem;
  padding: 10px;
  border: 1px solid grey;
  border-radius: 3px;
  position: relative; }
  @media (max-width: 75em) {
    .view--bluecloud_orders_list_all .action-container,
    .view--bluecloud_orders_list_live .action-container,
    .view--bluecloud_orders_list_sandbox .action-container,
    .view--bluecloud_orders_list_production_test .action-container,
    .view--bluecloud_orders_show .action-container,
    .view--bluecloud_signals_logs .action-container,
    .view--bluecloud_payment_service_requests .action-container,
    .view--bluecloud_tickets_filter_list .action-container,
    .view--bluecloud_routing_regions_index .action-container,
    .view--bluecloud_organizations_index .action-container {
      flex-basis: 47%;
      min-width: 47%; } }
  @media (max-width: 64em) {
    .view--bluecloud_orders_list_all .action-container,
    .view--bluecloud_orders_list_live .action-container,
    .view--bluecloud_orders_list_sandbox .action-container,
    .view--bluecloud_orders_list_production_test .action-container,
    .view--bluecloud_orders_show .action-container,
    .view--bluecloud_signals_logs .action-container,
    .view--bluecloud_payment_service_requests .action-container,
    .view--bluecloud_tickets_filter_list .action-container,
    .view--bluecloud_routing_regions_index .action-container,
    .view--bluecloud_organizations_index .action-container {
      flex-basis: 45%;
      min-width: 45%; } }
  @media (max-width: 48em) {
    .view--bluecloud_orders_list_all .action-container,
    .view--bluecloud_orders_list_live .action-container,
    .view--bluecloud_orders_list_sandbox .action-container,
    .view--bluecloud_orders_list_production_test .action-container,
    .view--bluecloud_orders_show .action-container,
    .view--bluecloud_signals_logs .action-container,
    .view--bluecloud_payment_service_requests .action-container,
    .view--bluecloud_tickets_filter_list .action-container,
    .view--bluecloud_routing_regions_index .action-container,
    .view--bluecloud_organizations_index .action-container {
      flex-basis: 95%;
      min-width: 95%; } }
  .view--bluecloud_orders_list_all .action-container .action-box,
  .view--bluecloud_orders_list_live .action-container .action-box,
  .view--bluecloud_orders_list_sandbox .action-container .action-box,
  .view--bluecloud_orders_list_production_test .action-container .action-box,
  .view--bluecloud_orders_show .action-container .action-box,
  .view--bluecloud_signals_logs .action-container .action-box,
  .view--bluecloud_payment_service_requests .action-container .action-box,
  .view--bluecloud_tickets_filter_list .action-container .action-box,
  .view--bluecloud_routing_regions_index .action-container .action-box,
  .view--bluecloud_organizations_index .action-container .action-box {
    flex-direction: column;
    margin-bottom: 50px; }
    .view--bluecloud_orders_list_all .action-container .action-box input, .view--bluecloud_orders_list_all .action-container .action-box select,
    .view--bluecloud_orders_list_live .action-container .action-box input,
    .view--bluecloud_orders_list_live .action-container .action-box select,
    .view--bluecloud_orders_list_sandbox .action-container .action-box input,
    .view--bluecloud_orders_list_sandbox .action-container .action-box select,
    .view--bluecloud_orders_list_production_test .action-container .action-box input,
    .view--bluecloud_orders_list_production_test .action-container .action-box select,
    .view--bluecloud_orders_show .action-container .action-box input,
    .view--bluecloud_orders_show .action-container .action-box select,
    .view--bluecloud_signals_logs .action-container .action-box input,
    .view--bluecloud_signals_logs .action-container .action-box select,
    .view--bluecloud_payment_service_requests .action-container .action-box input,
    .view--bluecloud_payment_service_requests .action-container .action-box select,
    .view--bluecloud_tickets_filter_list .action-container .action-box input,
    .view--bluecloud_tickets_filter_list .action-container .action-box select,
    .view--bluecloud_routing_regions_index .action-container .action-box input,
    .view--bluecloud_routing_regions_index .action-container .action-box select,
    .view--bluecloud_organizations_index .action-container .action-box input,
    .view--bluecloud_organizations_index .action-container .action-box select {
      margin-bottom: 0.5rem;
      font-size: 0.85rem; }
  .view--bluecloud_orders_list_all .action-container .description,
  .view--bluecloud_orders_list_live .action-container .description,
  .view--bluecloud_orders_list_sandbox .action-container .description,
  .view--bluecloud_orders_list_production_test .action-container .description,
  .view--bluecloud_orders_show .action-container .description,
  .view--bluecloud_signals_logs .action-container .description,
  .view--bluecloud_payment_service_requests .action-container .description,
  .view--bluecloud_tickets_filter_list .action-container .description,
  .view--bluecloud_routing_regions_index .action-container .description,
  .view--bluecloud_organizations_index .action-container .description {
    font-size: 0.85rem;
    margin-top: 20px; }
    .view--bluecloud_orders_list_all .action-container .description li,
    .view--bluecloud_orders_list_live .action-container .description li,
    .view--bluecloud_orders_list_sandbox .action-container .description li,
    .view--bluecloud_orders_list_production_test .action-container .description li,
    .view--bluecloud_orders_show .action-container .description li,
    .view--bluecloud_signals_logs .action-container .description li,
    .view--bluecloud_payment_service_requests .action-container .description li,
    .view--bluecloud_tickets_filter_list .action-container .description li,
    .view--bluecloud_routing_regions_index .action-container .description li,
    .view--bluecloud_organizations_index .action-container .description li {
      list-style-type: circle;
      margin-left: 20px;
      margin-bottom: 10px; }
  .view--bluecloud_orders_list_all .action-container .name-container,
  .view--bluecloud_orders_list_live .action-container .name-container,
  .view--bluecloud_orders_list_sandbox .action-container .name-container,
  .view--bluecloud_orders_list_production_test .action-container .name-container,
  .view--bluecloud_orders_show .action-container .name-container,
  .view--bluecloud_signals_logs .action-container .name-container,
  .view--bluecloud_payment_service_requests .action-container .name-container,
  .view--bluecloud_tickets_filter_list .action-container .name-container,
  .view--bluecloud_routing_regions_index .action-container .name-container,
  .view--bluecloud_organizations_index .action-container .name-container {
    display: flex;
    margin-top: 10px; }
    .view--bluecloud_orders_list_all .action-container .name-container .name,
    .view--bluecloud_orders_list_live .action-container .name-container .name,
    .view--bluecloud_orders_list_sandbox .action-container .name-container .name,
    .view--bluecloud_orders_list_production_test .action-container .name-container .name,
    .view--bluecloud_orders_show .action-container .name-container .name,
    .view--bluecloud_signals_logs .action-container .name-container .name,
    .view--bluecloud_payment_service_requests .action-container .name-container .name,
    .view--bluecloud_tickets_filter_list .action-container .name-container .name,
    .view--bluecloud_routing_regions_index .action-container .name-container .name,
    .view--bluecloud_organizations_index .action-container .name-container .name {
      font-size: 1.1rem;
      justify-content: start;
      margin-top: 2px;
      margin-left: 5px;
      background-color: white;
      font-weight: bold; }
  .view--bluecloud_orders_list_all .action-container .action-button,
  .view--bluecloud_orders_list_live .action-container .action-button,
  .view--bluecloud_orders_list_sandbox .action-container .action-button,
  .view--bluecloud_orders_list_production_test .action-container .action-button,
  .view--bluecloud_orders_show .action-container .action-button,
  .view--bluecloud_signals_logs .action-container .action-button,
  .view--bluecloud_payment_service_requests .action-container .action-button,
  .view--bluecloud_tickets_filter_list .action-container .action-button,
  .view--bluecloud_routing_regions_index .action-container .action-button,
  .view--bluecloud_organizations_index .action-container .action-button {
    width: max-content;
    align-self: flex-end;
    margin-bottom: 0;
    position: absolute;
    bottom: 20px;
    right: 20px; }
  .view--bluecloud_orders_list_all .action-container .options-group,
  .view--bluecloud_orders_list_live .action-container .options-group,
  .view--bluecloud_orders_list_sandbox .action-container .options-group,
  .view--bluecloud_orders_list_production_test .action-container .options-group,
  .view--bluecloud_orders_show .action-container .options-group,
  .view--bluecloud_signals_logs .action-container .options-group,
  .view--bluecloud_payment_service_requests .action-container .options-group,
  .view--bluecloud_tickets_filter_list .action-container .options-group,
  .view--bluecloud_routing_regions_index .action-container .options-group,
  .view--bluecloud_organizations_index .action-container .options-group {
    justify-content: space-between;
    margin: 0.5rem; }
  .view--bluecloud_orders_list_all .action-container .option,
  .view--bluecloud_orders_list_live .action-container .option,
  .view--bluecloud_orders_list_sandbox .action-container .option,
  .view--bluecloud_orders_list_production_test .action-container .option,
  .view--bluecloud_orders_show .action-container .option,
  .view--bluecloud_signals_logs .action-container .option,
  .view--bluecloud_payment_service_requests .action-container .option,
  .view--bluecloud_tickets_filter_list .action-container .option,
  .view--bluecloud_routing_regions_index .action-container .option,
  .view--bluecloud_organizations_index .action-container .option {
    display: flex; }
    .view--bluecloud_orders_list_all .action-container .option .refund_option,
    .view--bluecloud_orders_list_live .action-container .option .refund_option,
    .view--bluecloud_orders_list_sandbox .action-container .option .refund_option,
    .view--bluecloud_orders_list_production_test .action-container .option .refund_option,
    .view--bluecloud_orders_show .action-container .option .refund_option,
    .view--bluecloud_signals_logs .action-container .option .refund_option,
    .view--bluecloud_payment_service_requests .action-container .option .refund_option,
    .view--bluecloud_tickets_filter_list .action-container .option .refund_option,
    .view--bluecloud_routing_regions_index .action-container .option .refund_option,
    .view--bluecloud_organizations_index .action-container .option .refund_option {
      margin-bottom: 0.3rem; }
    .view--bluecloud_orders_list_all .action-container .option .refund_label,
    .view--bluecloud_orders_list_live .action-container .option .refund_label,
    .view--bluecloud_orders_list_sandbox .action-container .option .refund_label,
    .view--bluecloud_orders_list_production_test .action-container .option .refund_label,
    .view--bluecloud_orders_show .action-container .option .refund_label,
    .view--bluecloud_signals_logs .action-container .option .refund_label,
    .view--bluecloud_payment_service_requests .action-container .option .refund_label,
    .view--bluecloud_tickets_filter_list .action-container .option .refund_label,
    .view--bluecloud_routing_regions_index .action-container .option .refund_label,
    .view--bluecloud_organizations_index .action-container .option .refund_label {
      display: flex;
      align-items: center; }
  .view--bluecloud_orders_list_all .action-container .action-button.disabled,
  .view--bluecloud_orders_list_live .action-container .action-button.disabled,
  .view--bluecloud_orders_list_sandbox .action-container .action-button.disabled,
  .view--bluecloud_orders_list_production_test .action-container .action-button.disabled,
  .view--bluecloud_orders_show .action-container .action-button.disabled,
  .view--bluecloud_signals_logs .action-container .action-button.disabled,
  .view--bluecloud_payment_service_requests .action-container .action-button.disabled,
  .view--bluecloud_tickets_filter_list .action-container .action-button.disabled,
  .view--bluecloud_routing_regions_index .action-container .action-button.disabled,
  .view--bluecloud_organizations_index .action-container .action-button.disabled {
    background-color: lightgrey;
    border-color: grey;
    color: white; }
.view--bluecloud_orders_list_all .box__controls button.hide,
.view--bluecloud_orders_list_live .box__controls button.hide,
.view--bluecloud_orders_list_sandbox .box__controls button.hide,
.view--bluecloud_orders_list_production_test .box__controls button.hide,
.view--bluecloud_orders_show .box__controls button.hide,
.view--bluecloud_signals_logs .box__controls button.hide,
.view--bluecloud_payment_service_requests .box__controls button.hide,
.view--bluecloud_tickets_filter_list .box__controls button.hide,
.view--bluecloud_routing_regions_index .box__controls button.hide,
.view--bluecloud_organizations_index .box__controls button.hide {
  display: none; }
.view--bluecloud_orders_list_all .actions_box,
.view--bluecloud_orders_list_live .actions_box,
.view--bluecloud_orders_list_sandbox .actions_box,
.view--bluecloud_orders_list_production_test .actions_box,
.view--bluecloud_orders_show .actions_box,
.view--bluecloud_signals_logs .actions_box,
.view--bluecloud_payment_service_requests .actions_box,
.view--bluecloud_tickets_filter_list .actions_box,
.view--bluecloud_routing_regions_index .actions_box,
.view--bluecloud_organizations_index .actions_box {
  position: fixed;
  bottom: 1rem;
  z-index: 100;
  background-color: #eaeaea;
  border: 2px solid #257de2;
  padding: 1rem;
  border-radius: 2px; }
  .view--bluecloud_orders_list_all .actions_box .actions_container,
  .view--bluecloud_orders_list_live .actions_box .actions_container,
  .view--bluecloud_orders_list_sandbox .actions_box .actions_container,
  .view--bluecloud_orders_list_production_test .actions_box .actions_container,
  .view--bluecloud_orders_show .actions_box .actions_container,
  .view--bluecloud_signals_logs .actions_box .actions_container,
  .view--bluecloud_payment_service_requests .actions_box .actions_container,
  .view--bluecloud_tickets_filter_list .actions_box .actions_container,
  .view--bluecloud_routing_regions_index .actions_box .actions_container,
  .view--bluecloud_organizations_index .actions_box .actions_container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem; }
    .view--bluecloud_orders_list_all .actions_box .actions_container .action,
    .view--bluecloud_orders_list_live .actions_box .actions_container .action,
    .view--bluecloud_orders_list_sandbox .actions_box .actions_container .action,
    .view--bluecloud_orders_list_production_test .actions_box .actions_container .action,
    .view--bluecloud_orders_show .actions_box .actions_container .action,
    .view--bluecloud_signals_logs .actions_box .actions_container .action,
    .view--bluecloud_payment_service_requests .actions_box .actions_container .action,
    .view--bluecloud_tickets_filter_list .actions_box .actions_container .action,
    .view--bluecloud_routing_regions_index .actions_box .actions_container .action,
    .view--bluecloud_organizations_index .actions_box .actions_container .action {
      cursor: pointer;
      display: flex;
      margin-left: 0.75rem;
      margin-right: 0.75rem; }
      .view--bluecloud_orders_list_all .actions_box .actions_container .action .action_name,
      .view--bluecloud_orders_list_live .actions_box .actions_container .action .action_name,
      .view--bluecloud_orders_list_sandbox .actions_box .actions_container .action .action_name,
      .view--bluecloud_orders_list_production_test .actions_box .actions_container .action .action_name,
      .view--bluecloud_orders_show .actions_box .actions_container .action .action_name,
      .view--bluecloud_signals_logs .actions_box .actions_container .action .action_name,
      .view--bluecloud_payment_service_requests .actions_box .actions_container .action .action_name,
      .view--bluecloud_tickets_filter_list .actions_box .actions_container .action .action_name,
      .view--bluecloud_routing_regions_index .actions_box .actions_container .action .action_name,
      .view--bluecloud_organizations_index .actions_box .actions_container .action .action_name {
        padding-top: 3px; }
      .view--bluecloud_orders_list_all .actions_box .actions_container .action .pausable-item.fa-play,
      .view--bluecloud_orders_list_live .actions_box .actions_container .action .pausable-item.fa-play,
      .view--bluecloud_orders_list_sandbox .actions_box .actions_container .action .pausable-item.fa-play,
      .view--bluecloud_orders_list_production_test .actions_box .actions_container .action .pausable-item.fa-play,
      .view--bluecloud_orders_show .actions_box .actions_container .action .pausable-item.fa-play,
      .view--bluecloud_signals_logs .actions_box .actions_container .action .pausable-item.fa-play,
      .view--bluecloud_payment_service_requests .actions_box .actions_container .action .pausable-item.fa-play,
      .view--bluecloud_tickets_filter_list .actions_box .actions_container .action .pausable-item.fa-play,
      .view--bluecloud_routing_regions_index .actions_box .actions_container .action .pausable-item.fa-play,
      .view--bluecloud_organizations_index .actions_box .actions_container .action .pausable-item.fa-play {
        color: #2ecc71;
        margin-right: 5px;
        margin-top: 2px; }
    .view--bluecloud_orders_list_all .actions_box .actions_container .action_icon,
    .view--bluecloud_orders_list_live .actions_box .actions_container .action_icon,
    .view--bluecloud_orders_list_sandbox .actions_box .actions_container .action_icon,
    .view--bluecloud_orders_list_production_test .actions_box .actions_container .action_icon,
    .view--bluecloud_orders_show .actions_box .actions_container .action_icon,
    .view--bluecloud_signals_logs .actions_box .actions_container .action_icon,
    .view--bluecloud_payment_service_requests .actions_box .actions_container .action_icon,
    .view--bluecloud_tickets_filter_list .actions_box .actions_container .action_icon,
    .view--bluecloud_routing_regions_index .actions_box .actions_container .action_icon,
    .view--bluecloud_organizations_index .actions_box .actions_container .action_icon {
      margin-right: 0.5rem;
      color: #257de2; }
.view--bluecloud_orders_list_all .orders_list .order,
.view--bluecloud_orders_list_live .orders_list .order,
.view--bluecloud_orders_list_sandbox .orders_list .order,
.view--bluecloud_orders_list_production_test .orders_list .order,
.view--bluecloud_orders_show .orders_list .order,
.view--bluecloud_signals_logs .orders_list .order,
.view--bluecloud_payment_service_requests .orders_list .order,
.view--bluecloud_tickets_filter_list .orders_list .order,
.view--bluecloud_routing_regions_index .orders_list .order,
.view--bluecloud_organizations_index .orders_list .order {
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  vertical-align: baseline; }
  .view--bluecloud_orders_list_all .orders_list .order .order_name,
  .view--bluecloud_orders_list_live .orders_list .order .order_name,
  .view--bluecloud_orders_list_sandbox .orders_list .order .order_name,
  .view--bluecloud_orders_list_production_test .orders_list .order .order_name,
  .view--bluecloud_orders_show .orders_list .order .order_name,
  .view--bluecloud_signals_logs .orders_list .order .order_name,
  .view--bluecloud_payment_service_requests .orders_list .order .order_name,
  .view--bluecloud_tickets_filter_list .orders_list .order .order_name,
  .view--bluecloud_routing_regions_index .orders_list .order .order_name,
  .view--bluecloud_organizations_index .orders_list .order .order_name {
    padding-top: 7px; }
.view--bluecloud_orders_list_all .right_top,
.view--bluecloud_orders_list_live .right_top,
.view--bluecloud_orders_list_sandbox .right_top,
.view--bluecloud_orders_list_production_test .right_top,
.view--bluecloud_orders_show .right_top,
.view--bluecloud_signals_logs .right_top,
.view--bluecloud_payment_service_requests .right_top,
.view--bluecloud_tickets_filter_list .right_top,
.view--bluecloud_routing_regions_index .right_top,
.view--bluecloud_organizations_index .right_top {
  top: 0;
  right: 0; }

.view--client_organization_payment_account_index .boxes-container {
  display: flex;
  justify-content: space-between; }
  .view--client_organization_payment_account_index .boxes-container .value-box {
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #323232;
    margin-bottom: 0.5rem;
    width: 33.33%;
    border-right: 1px solid #1e1e1e; }
    @media (max-width: 64em) {
      .view--client_organization_payment_account_index .boxes-container .value-box {
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 48em) {
      .view--client_organization_payment_account_index .boxes-container .value-box {
        padding-left: 10px;
        padding-right: 10px; } }
    .view--client_organization_payment_account_index .boxes-container .value-box .value {
      font-size: 2rem;
      margin-bottom: 0.5rem; }
      @media (max-width: 64em) {
        .view--client_organization_payment_account_index .boxes-container .value-box .value {
          font-size: 1.5rem; } }
      @media (max-width: 48em) {
        .view--client_organization_payment_account_index .boxes-container .value-box .value {
          font-size: 1rem; } }
    .view--client_organization_payment_account_index .boxes-container .value-box .value--small {
      display: block;
      margin: 0 auto 1rem auto;
      font-size: 1rem;
      color: #bdbdbd; }
      @media (max-width: 48em) {
        .view--client_organization_payment_account_index .boxes-container .value-box .value--small {
          font-size: 0.75rem; } }
  .view--client_organization_payment_account_index .boxes-container .value-box:last-of-type {
    border-right: none; }
  .view--client_organization_payment_account_index .boxes-container .separator {
    border-right: 1px solid #1e1e1e; }
.view--client_organization_payment_account_index .payment_accounts__value--small {
  display: block;
  margin: 0.5rem auto 0 auto;
  font-size: 0.75rem;
  color: #bdbdbd; }
.view--client_shipping_services_edit .info-text,
.view--client_options_edit .info-text,
.view--client_products_edit .info-text {
  color: #1e1e1e;
  font-size: 1rem;
  padding: 0.33333rem;
  padding-left: 0; }

.view--bluecloud_signals_logs .btn_controls {
  min-height: 35px; }
.view--bluecloud_signals_logs .action_icon {
  margin-right: 0.5rem; }

.view--bluecloud_tickets_new_select_type .flex_wrap,
.view--bluecloud_tickets_edit .flex_wrap,
.view--bluecloud_tickets_filter_list .flex_wrap,
.view--bluecloud_orders_list_all .flex_wrap,
.view--bluecloud_orders_show .flex_wrap,
#order_tickets_container .flex_wrap,
#ticket_action_confirmation .flex_wrap {
  display: flex;
  flex-wrap: wrap; }
.view--bluecloud_tickets_new_select_type .tabradio,
.view--bluecloud_tickets_edit .tabradio,
.view--bluecloud_tickets_filter_list .tabradio,
.view--bluecloud_orders_list_all .tabradio,
.view--bluecloud_orders_show .tabradio,
#order_tickets_container .tabradio,
#ticket_action_confirmation .tabradio {
  position: relative;
  flex: 0 0 50%;
  padding: 0.2rem;
  box-sizing: border-box;
  overflow: hidden; }
  .view--bluecloud_tickets_new_select_type .tabradio input[type="radio"],
  .view--bluecloud_tickets_edit .tabradio input[type="radio"],
  .view--bluecloud_tickets_filter_list .tabradio input[type="radio"],
  .view--bluecloud_orders_list_all .tabradio input[type="radio"],
  .view--bluecloud_orders_show .tabradio input[type="radio"],
  #order_tickets_container .tabradio input[type="radio"],
  #ticket_action_confirmation .tabradio input[type="radio"] {
    display: none; }
    .view--bluecloud_tickets_new_select_type .tabradio input[type="radio"]:checked + div,
    .view--bluecloud_tickets_edit .tabradio input[type="radio"]:checked + div,
    .view--bluecloud_tickets_filter_list .tabradio input[type="radio"]:checked + div,
    .view--bluecloud_orders_list_all .tabradio input[type="radio"]:checked + div,
    .view--bluecloud_orders_show .tabradio input[type="radio"]:checked + div,
    #order_tickets_container .tabradio input[type="radio"]:checked + div,
    #ticket_action_confirmation .tabradio input[type="radio"]:checked + div {
      background-color: #4b4b4b;
      transition: all 250ms ease; }
      .view--bluecloud_tickets_new_select_type .tabradio input[type="radio"]:checked + div span,
      .view--bluecloud_tickets_edit .tabradio input[type="radio"]:checked + div span,
      .view--bluecloud_tickets_filter_list .tabradio input[type="radio"]:checked + div span,
      .view--bluecloud_orders_list_all .tabradio input[type="radio"]:checked + div span,
      .view--bluecloud_orders_show .tabradio input[type="radio"]:checked + div span,
      #order_tickets_container .tabradio input[type="radio"]:checked + div span,
      #ticket_action_confirmation .tabradio input[type="radio"]:checked + div span {
        transform: translateY(10px);
        color: white;
        transition: all 250ms ease; }
      .view--bluecloud_tickets_new_select_type .tabradio input[type="radio"]:checked + div:before,
      .view--bluecloud_tickets_edit .tabradio input[type="radio"]:checked + div:before,
      .view--bluecloud_tickets_filter_list .tabradio input[type="radio"]:checked + div:before,
      .view--bluecloud_orders_list_all .tabradio input[type="radio"]:checked + div:before,
      .view--bluecloud_orders_show .tabradio input[type="radio"]:checked + div:before,
      #order_tickets_container .tabradio input[type="radio"]:checked + div:before,
      #ticket_action_confirmation .tabradio input[type="radio"]:checked + div:before {
        transform: translateY(0);
        opacity: 1; }
  .view--bluecloud_tickets_new_select_type .tabradio > div,
  .view--bluecloud_tickets_edit .tabradio > div,
  .view--bluecloud_tickets_filter_list .tabradio > div,
  .view--bluecloud_orders_list_all .tabradio > div,
  .view--bluecloud_orders_show .tabradio > div,
  #order_tickets_container .tabradio > div,
  #ticket_action_confirmation .tabradio > div {
    max-height: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: #f0f0f0;
    padding: 0.5rem;
    padding-bottom: 1.5rem;
    cursor: pointer;
    border: 1px transparent solid;
    overflow: hidden; }
    .view--bluecloud_tickets_new_select_type .tabradio > div:hover,
    .view--bluecloud_tickets_edit .tabradio > div:hover,
    .view--bluecloud_tickets_filter_list .tabradio > div:hover,
    .view--bluecloud_orders_list_all .tabradio > div:hover,
    .view--bluecloud_orders_show .tabradio > div:hover,
    #order_tickets_container .tabradio > div:hover,
    #ticket_action_confirmation .tabradio > div:hover {
      border-color: #257de2; }
    .view--bluecloud_tickets_new_select_type .tabradio > div:before,
    .view--bluecloud_tickets_edit .tabradio > div:before,
    .view--bluecloud_tickets_filter_list .tabradio > div:before,
    .view--bluecloud_orders_list_all .tabradio > div:before,
    .view--bluecloud_orders_show .tabradio > div:before,
    #order_tickets_container .tabradio > div:before,
    #ticket_action_confirmation .tabradio > div:before {
      content: "";
      display: block;
      width: 20px;
      height: 5px;
      margin: 0 auto;
      transform: translateY(-80px);
      opacity: 0;
      border-radius: 3px;
      background-color: #257de2;
      transition: all 300ms ease-in-out; }
  .view--bluecloud_tickets_new_select_type .tabradio_header,
  .view--bluecloud_tickets_edit .tabradio_header,
  .view--bluecloud_tickets_filter_list .tabradio_header,
  .view--bluecloud_orders_list_all .tabradio_header,
  .view--bluecloud_orders_show .tabradio_header,
  #order_tickets_container .tabradio_header,
  #ticket_action_confirmation .tabradio_header {
    display: inline-flex;
    width: 100%;
    margin-bottom: 0.5rem;
    justify-content: center;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: normal;
    border-radius: 3px;
    user-select: none;
    color: white;
    background-color: #257de2; }
  .view--bluecloud_tickets_new_select_type .tabradio_text,
  .view--bluecloud_tickets_edit .tabradio_text,
  .view--bluecloud_tickets_filter_list .tabradio_text,
  .view--bluecloud_orders_list_all .tabradio_text,
  .view--bluecloud_orders_show .tabradio_text,
  #order_tickets_container .tabradio_text,
  #ticket_action_confirmation .tabradio_text {
    display: flex;
    padding: 0 0.3rem;
    font-weight: normal;
    text-align: left;
    line-height: 1.4rem;
    font-size: 0.9rem;
    text-overflow: ellipsis;
    overflow: hidden; }
  .view--bluecloud_tickets_new_select_type .tabradio_link,
  .view--bluecloud_tickets_edit .tabradio_link,
  .view--bluecloud_tickets_filter_list .tabradio_link,
  .view--bluecloud_orders_list_all .tabradio_link,
  .view--bluecloud_orders_show .tabradio_link,
  #order_tickets_container .tabradio_link,
  #ticket_action_confirmation .tabradio_link {
    display: block;
    position: absolute;
    right: 1rem;
    bottom: 1rem; }
.view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__icon,
.view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__icon,
.view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__icon,
.view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__icon,
.view--bluecloud_orders_show .bi_blucloud__tickets_comments__icon,
#order_tickets_container .bi_blucloud__tickets_comments__icon,
#ticket_action_confirmation .bi_blucloud__tickets_comments__icon {
  display: inline-block;
  width: 2rem;
  line-height: 1.5rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
  color: #fff !important;
  background: 0.28rem center/contain no-repeat url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='grey' d='M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32z'%3E%3C/path%3E%3C/svg%3E"); }
  .view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__icon--active,
  .view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__icon--active,
  .view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__icon--active,
  .view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__icon--active,
  .view--bluecloud_orders_show .bi_blucloud__tickets_comments__icon--active,
  #order_tickets_container .bi_blucloud__tickets_comments__icon--active,
  #ticket_action_confirmation .bi_blucloud__tickets_comments__icon--active {
    background: 0.28rem center/contain no-repeat url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='green' d='M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32z'%3E%3C/path%3E%3C/svg%3E"); }
.view--bluecloud_tickets_new_select_type .pre-wrap,
.view--bluecloud_tickets_edit .pre-wrap,
.view--bluecloud_tickets_filter_list .pre-wrap,
.view--bluecloud_orders_list_all .pre-wrap,
.view--bluecloud_orders_show .pre-wrap,
#order_tickets_container .pre-wrap,
#ticket_action_confirmation .pre-wrap {
  white-space: pre-wrap !important; }
.view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__body,
.view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__body,
.view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__body,
.view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__body,
.view--bluecloud_orders_show .bi_blucloud__tickets_comments__body,
#order_tickets_container .bi_blucloud__tickets_comments__body,
#ticket_action_confirmation .bi_blucloud__tickets_comments__body {
  width: 60%;
  max-width: 0;
  white-space: nowrap;
  text-align: left;
  line-height: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }
.view--bluecloud_tickets_new_select_type .bi__tickets_type__label,
.view--bluecloud_tickets_edit .bi__tickets_type__label,
.view--bluecloud_tickets_filter_list .bi__tickets_type__label,
.view--bluecloud_orders_list_all .bi__tickets_type__label,
.view--bluecloud_orders_show .bi__tickets_type__label,
#order_tickets_container .bi__tickets_type__label,
#ticket_action_confirmation .bi__tickets_type__label {
  padding-bottom: 1rem;
  text-align: left; }
.view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__container,
.view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__container,
.view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__container,
.view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__container,
.view--bluecloud_orders_show .bi_blucloud__tickets_comments__container,
#order_tickets_container .bi_blucloud__tickets_comments__container,
#ticket_action_confirmation .bi_blucloud__tickets_comments__container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: wrap; }
  @media (min-width: 75em) {
    .view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__container,
    .view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__container,
    .view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__container,
    .view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__container,
    .view--bluecloud_orders_show .bi_blucloud__tickets_comments__container,
    #order_tickets_container .bi_blucloud__tickets_comments__container,
    #ticket_action_confirmation .bi_blucloud__tickets_comments__container {
      margin-top: 1.75rem; } }
.view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__edit_but,
.view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__add_but,
.view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__add_n_solve_but,
.view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__edit_but,
.view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__add_but,
.view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__add_n_solve_but,
.view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__edit_but,
.view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__add_but,
.view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__add_n_solve_but,
.view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__edit_but,
.view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__add_but,
.view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__add_n_solve_but,
.view--bluecloud_orders_show .bi_blucloud__tickets_comments__edit_but,
.view--bluecloud_orders_show .bi_blucloud__tickets_comments__add_but,
.view--bluecloud_orders_show .bi_blucloud__tickets_comments__add_n_solve_but,
#order_tickets_container .bi_blucloud__tickets_comments__edit_but,
#order_tickets_container .bi_blucloud__tickets_comments__add_but,
#order_tickets_container .bi_blucloud__tickets_comments__add_n_solve_but,
#ticket_action_confirmation .bi_blucloud__tickets_comments__edit_but,
#ticket_action_confirmation .bi_blucloud__tickets_comments__add_but,
#ticket_action_confirmation .bi_blucloud__tickets_comments__add_n_solve_but {
  margin-bottom: 1rem;
  max-width: 100%; }
  .view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__edit_but--w100,
  .view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__add_but--w100,
  .view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__add_n_solve_but--w100,
  .view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__edit_but--w100,
  .view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__add_but--w100,
  .view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__add_n_solve_but--w100,
  .view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__edit_but--w100,
  .view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__add_but--w100,
  .view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__add_n_solve_but--w100,
  .view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__edit_but--w100,
  .view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__add_but--w100,
  .view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__add_n_solve_but--w100,
  .view--bluecloud_orders_show .bi_blucloud__tickets_comments__edit_but--w100,
  .view--bluecloud_orders_show .bi_blucloud__tickets_comments__add_but--w100,
  .view--bluecloud_orders_show .bi_blucloud__tickets_comments__add_n_solve_but--w100,
  #order_tickets_container .bi_blucloud__tickets_comments__edit_but--w100,
  #order_tickets_container .bi_blucloud__tickets_comments__add_but--w100,
  #order_tickets_container .bi_blucloud__tickets_comments__add_n_solve_but--w100,
  #ticket_action_confirmation .bi_blucloud__tickets_comments__edit_but--w100,
  #ticket_action_confirmation .bi_blucloud__tickets_comments__add_but--w100,
  #ticket_action_confirmation .bi_blucloud__tickets_comments__add_n_solve_but--w100 {
    width: 100%; }
  @media (min-width: 75em) {
    .view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__edit_but,
    .view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__add_but,
    .view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__add_n_solve_but,
    .view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__edit_but,
    .view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__add_but,
    .view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__add_n_solve_but,
    .view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__edit_but,
    .view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__add_but,
    .view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__add_n_solve_but,
    .view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__edit_but,
    .view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__add_but,
    .view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__add_n_solve_but,
    .view--bluecloud_orders_show .bi_blucloud__tickets_comments__edit_but,
    .view--bluecloud_orders_show .bi_blucloud__tickets_comments__add_but,
    .view--bluecloud_orders_show .bi_blucloud__tickets_comments__add_n_solve_but,
    #order_tickets_container .bi_blucloud__tickets_comments__edit_but,
    #order_tickets_container .bi_blucloud__tickets_comments__add_but,
    #order_tickets_container .bi_blucloud__tickets_comments__add_n_solve_but,
    #ticket_action_confirmation .bi_blucloud__tickets_comments__edit_but,
    #ticket_action_confirmation .bi_blucloud__tickets_comments__add_but,
    #ticket_action_confirmation .bi_blucloud__tickets_comments__add_n_solve_but {
      padding: 1rem 0.5rem;
      width: 100%; } }
.view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__add_n_solve_but,
.view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__add_n_solve_but,
.view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__add_n_solve_but,
.view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__add_n_solve_but,
.view--bluecloud_orders_show .bi_blucloud__tickets_comments__add_n_solve_but,
#order_tickets_container .bi_blucloud__tickets_comments__add_n_solve_but,
#ticket_action_confirmation .bi_blucloud__tickets_comments__add_n_solve_but {
  margin-right: auto;
  white-space: normal;
  text-transform: unset; }
  @media (min-width: 75em) {
    .view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__add_n_solve_but,
    .view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__add_n_solve_but,
    .view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__add_n_solve_but,
    .view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__add_n_solve_but,
    .view--bluecloud_orders_show .bi_blucloud__tickets_comments__add_n_solve_but,
    #order_tickets_container .bi_blucloud__tickets_comments__add_n_solve_but,
    #ticket_action_confirmation .bi_blucloud__tickets_comments__add_n_solve_but {
      margin-right: initial; } }
.view--bluecloud_tickets_new_select_type .description__container,
.view--bluecloud_tickets_edit .description__container,
.view--bluecloud_tickets_filter_list .description__container,
.view--bluecloud_orders_list_all .description__container,
.view--bluecloud_orders_show .description__container,
#order_tickets_container .description__container,
#ticket_action_confirmation .description__container {
  flex-direction: column; }
  .view--bluecloud_tickets_new_select_type .description__container dt,
  .view--bluecloud_tickets_edit .description__container dt,
  .view--bluecloud_tickets_filter_list .description__container dt,
  .view--bluecloud_orders_list_all .description__container dt,
  .view--bluecloud_orders_show .description__container dt,
  #order_tickets_container .description__container dt,
  #ticket_action_confirmation .description__container dt {
    margin-bottom: 0.5rem; }
.view--bluecloud_tickets_new_select_type .button__edit,
.view--bluecloud_tickets_edit .button__edit,
.view--bluecloud_tickets_filter_list .button__edit,
.view--bluecloud_orders_list_all .button__edit,
.view--bluecloud_orders_show .button__edit,
#order_tickets_container .button__edit,
#ticket_action_confirmation .button__edit {
  cursor: pointer; }
.view--bluecloud_tickets_new_select_type .bi__ticket_state,
.view--bluecloud_tickets_edit .bi__ticket_state,
.view--bluecloud_tickets_filter_list .bi__ticket_state,
.view--bluecloud_orders_list_all .bi__ticket_state,
.view--bluecloud_orders_show .bi__ticket_state,
#order_tickets_container .bi__ticket_state,
#ticket_action_confirmation .bi__ticket_state {
  width: auto;
  padding: 0; }
.view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__age_col,
.view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__age_col,
.view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__age_col,
.view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__age_col,
.view--bluecloud_orders_show .bi_blucloud__tickets_comments__age_col,
#order_tickets_container .bi_blucloud__tickets_comments__age_col,
#ticket_action_confirmation .bi_blucloud__tickets_comments__age_col {
  text-align: center; }
  .view--bluecloud_tickets_new_select_type .bi_blucloud__tickets_comments__age_col span,
  .view--bluecloud_tickets_edit .bi_blucloud__tickets_comments__age_col span,
  .view--bluecloud_tickets_filter_list .bi_blucloud__tickets_comments__age_col span,
  .view--bluecloud_orders_list_all .bi_blucloud__tickets_comments__age_col span,
  .view--bluecloud_orders_show .bi_blucloud__tickets_comments__age_col span,
  #order_tickets_container .bi_blucloud__tickets_comments__age_col span,
  #ticket_action_confirmation .bi_blucloud__tickets_comments__age_col span {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #7d7d7d; }
.view--bluecloud_tickets_new_select_type .icons__column,
.view--bluecloud_tickets_edit .icons__column,
.view--bluecloud_tickets_filter_list .icons__column,
.view--bluecloud_orders_list_all .icons__column,
.view--bluecloud_orders_show .icons__column,
#order_tickets_container .icons__column,
#ticket_action_confirmation .icons__column {
  vertical-align: middle;
  text-align: center; }
.view--bluecloud_tickets_new_select_type .icons__column--flex,
.view--bluecloud_tickets_edit .icons__column--flex,
.view--bluecloud_tickets_filter_list .icons__column--flex,
.view--bluecloud_orders_list_all .icons__column--flex,
.view--bluecloud_orders_show .icons__column--flex,
#order_tickets_container .icons__column--flex,
#ticket_action_confirmation .icons__column--flex {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.2rem; }
.view--bluecloud_tickets_new_select_type .icon--alert,
.view--bluecloud_tickets_edit .icon--alert,
.view--bluecloud_tickets_filter_list .icon--alert,
.view--bluecloud_orders_list_all .icon--alert,
.view--bluecloud_orders_show .icon--alert,
#order_tickets_container .icon--alert,
#ticket_action_confirmation .icon--alert {
  color: #e74c3c;
  transform: scale(1.4); }
.view--bluecloud_tickets_new_select_type span + .icon--alert,
.view--bluecloud_tickets_edit span + .icon--alert,
.view--bluecloud_tickets_filter_list span + .icon--alert,
.view--bluecloud_orders_list_all span + .icon--alert,
.view--bluecloud_orders_show span + .icon--alert,
#order_tickets_container span + .icon--alert,
#ticket_action_confirmation span + .icon--alert {
  margin-left: 0.5rem; }
.view--bluecloud_tickets_new_select_type .icon--warning,
.view--bluecloud_tickets_edit .icon--warning,
.view--bluecloud_tickets_filter_list .icon--warning,
.view--bluecloud_orders_list_all .icon--warning,
.view--bluecloud_orders_show .icon--warning,
#order_tickets_container .icon--warning,
#ticket_action_confirmation .icon--warning {
  color: #f1c40f; }
.view--bluecloud_tickets_new_select_type .icon--yellow,
.view--bluecloud_tickets_edit .icon--yellow,
.view--bluecloud_tickets_filter_list .icon--yellow,
.view--bluecloud_orders_list_all .icon--yellow,
.view--bluecloud_orders_show .icon--yellow,
#order_tickets_container .icon--yellow,
#ticket_action_confirmation .icon--yellow {
  color: #f1c40f; }
.view--bluecloud_tickets_new_select_type .bg--danger,
.view--bluecloud_tickets_edit .bg--danger,
.view--bluecloud_tickets_filter_list .bg--danger,
.view--bluecloud_orders_list_all .bg--danger,
.view--bluecloud_orders_show .bg--danger,
#order_tickets_container .bg--danger,
#ticket_action_confirmation .bg--danger {
  background-color: #e74c3c; }
.view--bluecloud_tickets_new_select_type .bg--warning,
.view--bluecloud_tickets_edit .bg--warning,
.view--bluecloud_tickets_filter_list .bg--warning,
.view--bluecloud_orders_list_all .bg--warning,
.view--bluecloud_orders_show .bg--warning,
#order_tickets_container .bg--warning,
#ticket_action_confirmation .bg--warning {
  background-color: #f1c40f; }
.view--bluecloud_tickets_new_select_type .bg--success,
.view--bluecloud_tickets_edit .bg--success,
.view--bluecloud_tickets_filter_list .bg--success,
.view--bluecloud_orders_list_all .bg--success,
.view--bluecloud_orders_show .bg--success,
#order_tickets_container .bg--success,
#ticket_action_confirmation .bg--success {
  background-color: #2ecc71; }

.view--bluecloud_production_prices_edit .option-text--grey,
.view--bluecloud_production_prices_list .option-text--grey {
  background-color: #f0f0f0; }
  .view--bluecloud_production_prices_edit .option-text--grey .fa-plus,
  .view--bluecloud_production_prices_list .option-text--grey .fa-plus {
    display: none; }
  .view--bluecloud_production_prices_edit .option-text--grey + tr,
  .view--bluecloud_production_prices_list .option-text--grey + tr {
    display: none; }
.view--bluecloud_production_prices_edit .fa,
.view--bluecloud_production_prices_edit .option-checkbox,
.view--bluecloud_production_prices_list .fa,
.view--bluecloud_production_prices_list .option-checkbox {
  transform: scale(1.2);
  cursor: pointer; }
.view--bluecloud_production_prices_edit .option-parameters,
.view--bluecloud_production_prices_list .option-parameters {
  display: none;
  margin-top: 1rem; }
  .view--bluecloud_production_prices_edit .option-parameters__title,
  .view--bluecloud_production_prices_list .option-parameters__title {
    margin-bottom: 0.5rem; }
.view--bluecloud_production_prices_edit .option--collapsed .option-description,
.view--bluecloud_production_prices_edit .option--collapsed .option-parameters,
.view--bluecloud_production_prices_list .option--collapsed .option-description,
.view--bluecloud_production_prices_list .option--collapsed .option-parameters {
  display: block; }
.view--bluecloud_production_prices_edit .option--collapsed .fa-plus,
.view--bluecloud_production_prices_list .option--collapsed .fa-plus {
  display: inline-block; }
.view--bluecloud_production_prices_edit .option--collapsed + tr,
.view--bluecloud_production_prices_list .option--collapsed + tr {
  display: table-row; }
.view--bluecloud_production_prices_edit table th[data-l="table.price.edit.production_prices"],
.view--bluecloud_production_prices_list table th[data-l="table.price.edit.production_prices"] {
  min-width: 60px; }
  @media (max-width: 48em) {
    .view--bluecloud_production_prices_edit table th[data-l="table.price.edit.production_prices"],
    .view--bluecloud_production_prices_list table th[data-l="table.price.edit.production_prices"] {
      min-width: 50px; } }
.view--bluecloud_production_prices_edit table td,
.view--bluecloud_production_prices_list table td {
  vertical-align: middle; }
  @media (max-width: 64em) {
    .view--bluecloud_production_prices_edit table td input, .view--bluecloud_production_prices_edit table td select,
    .view--bluecloud_production_prices_list table td input,
    .view--bluecloud_production_prices_list table td select {
      font-size: 0.85rem; } }
  @media (max-width: 48em) {
    .view--bluecloud_production_prices_edit table td input, .view--bluecloud_production_prices_edit table td select,
    .view--bluecloud_production_prices_list table td input,
    .view--bluecloud_production_prices_list table td select {
      font-size: 0.75rem; } }
.view--bluecloud_production_prices_edit #product_prices_edit table tbody td:not(:last-child),
.view--bluecloud_production_prices_list #product_prices_edit table tbody td:not(:last-child) {
  padding: 0.2rem; }
  .view--bluecloud_production_prices_edit #product_prices_edit table tbody td:not(:last-child) input, .view--bluecloud_production_prices_edit #product_prices_edit table tbody td:not(:last-child) select,
  .view--bluecloud_production_prices_list #product_prices_edit table tbody td:not(:last-child) input,
  .view--bluecloud_production_prices_list #product_prices_edit table tbody td:not(:last-child) select {
    margin: 0; }
  .view--bluecloud_production_prices_edit #product_prices_edit table tbody td:not(:last-child) input:disabled,
  .view--bluecloud_production_prices_list #product_prices_edit table tbody td:not(:last-child) input:disabled {
    padding-left: 0.3333rem; }
.view--bluecloud_production_prices_edit #product_options_list,
.view--bluecloud_production_prices_list #product_options_list {
  background-color: #f0f0f0; }
  .view--bluecloud_production_prices_edit #product_options_list .product_option_container,
  .view--bluecloud_production_prices_list #product_options_list .product_option_container {
    padding: 5px;
    border-bottom: 1px solid lightgray; }
    .view--bluecloud_production_prices_edit #product_options_list .product_option_container .product_option_info,
    .view--bluecloud_production_prices_list #product_options_list .product_option_container .product_option_info {
      display: flex;
      align-items: center;
      height: 100%;
      width: 100%;
      margin-bottom: 0.5rem; }
    .view--bluecloud_production_prices_edit #product_options_list .product_option_container .product_option_title,
    .view--bluecloud_production_prices_list #product_options_list .product_option_container .product_option_title {
      color: #333333;
      font-weight: bold;
      margin-right: 0.3rem; }
      .view--bluecloud_production_prices_edit #product_options_list .product_option_container .product_option_title::after,
      .view--bluecloud_production_prices_list #product_options_list .product_option_container .product_option_title::after {
        content: "  - "; }
    .view--bluecloud_production_prices_edit #product_options_list .product_option_container .product_option_description,
    .view--bluecloud_production_prices_list #product_options_list .product_option_container .product_option_description {
      font-size: 0.75rem;
      margin-right: 0.2rem; }
      .view--bluecloud_production_prices_edit #product_options_list .product_option_container .product_option_description::after,
      .view--bluecloud_production_prices_list #product_options_list .product_option_container .product_option_description::after {
        content: "  - "; }
    .view--bluecloud_production_prices_edit #product_options_list .product_option_container input, .view--bluecloud_production_prices_edit #product_options_list .product_option_container select,
    .view--bluecloud_production_prices_list #product_options_list .product_option_container input,
    .view--bluecloud_production_prices_list #product_options_list .product_option_container select {
      margin: 0; }
    .view--bluecloud_production_prices_edit #product_options_list .product_option_container input:disabled,
    .view--bluecloud_production_prices_list #product_options_list .product_option_container input:disabled {
      padding-left: 0.3333rem; }
    .view--bluecloud_production_prices_edit #product_options_list .product_option_container table thead th,
    .view--bluecloud_production_prices_list #product_options_list .product_option_container table thead th {
      color: #7d7d7d;
      font-size: 0.75rem; }
      @media (max-width: 48em) {
        .view--bluecloud_production_prices_edit #product_options_list .product_option_container table thead th,
        .view--bluecloud_production_prices_list #product_options_list .product_option_container table thead th {
          font-size: 0.5rem; } }
    .view--bluecloud_production_prices_edit #product_options_list .product_option_container table tbody td,
    .view--bluecloud_production_prices_list #product_options_list .product_option_container table tbody td {
      padding: 0.3rem; }
  .view--bluecloud_production_prices_edit #product_options_list .checkbox-column,
  .view--bluecloud_production_prices_list #product_options_list .checkbox-column {
    flex: 0 0 40px;
    margin-top: 3px; }
    .view--bluecloud_production_prices_edit #product_options_list .checkbox-column input[type="checkbox"],
    .view--bluecloud_production_prices_list #product_options_list .checkbox-column input[type="checkbox"] {
      width: 20px;
      margin-left: 10px; }
  .view--bluecloud_production_prices_edit #product_options_list .tag-column,
  .view--bluecloud_production_prices_list #product_options_list .tag-column {
    flex: 0 0 50px; }
  .view--bluecloud_production_prices_edit #product_options_list .content-column,
  .view--bluecloud_production_prices_list #product_options_list .content-column {
    flex-basis: 100%;
    padding-right: 0.5rem;
    margin-top: 3px; }
  .view--bluecloud_production_prices_edit #product_options_list .no-wrap,
  .view--bluecloud_production_prices_list #product_options_list .no-wrap {
    flex-wrap: nowrap; }
.view--bluecloud_production_prices_edit .no-data-text,
.view--bluecloud_production_prices_list .no-data-text {
  color: #7d7d7d;
  font-size: 1.3rem; }
  .view--bluecloud_production_prices_edit .no-data-text--sm,
  .view--bluecloud_production_prices_list .no-data-text--sm {
    font-size: 0.8rem; }
.view--bluecloud_production_prices_edit .table-col-xs,
.view--bluecloud_production_prices_list .table-col-xs {
  width: 50px;
  color: #7d7d7d; }
.view--bluecloud_production_prices_edit .table-col-s,
.view--bluecloud_production_prices_list .table-col-s {
  width: 60px; }
.view--bluecloud_production_prices_edit .table-col-m,
.view--bluecloud_production_prices_list .table-col-m {
  width: 80px; }
  @media (max-width: 48em) {
    .view--bluecloud_production_prices_edit .table-col-m,
    .view--bluecloud_production_prices_list .table-col-m {
      width: 60px; } }
.view--bluecloud_production_prices_edit .table-row-id,
.view--bluecloud_production_prices_list .table-row-id {
  color: #7d7d7d;
  font-size: 0.8rem; }
.view--bluecloud_production_prices_edit .icons__column--flex,
.view--bluecloud_production_prices_list .icons__column--flex {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5rem; }

#container_bluecloud_ticket_order span[data-l],
#container_bluecloud_ticket_invoice_info span[data-l],
#container_bluecloud_ticket_PSR_info span[data-l],
#container_bluecloud_tickets_comments span[data-l] {
  font-weight: bold; }

.edit_order_files, .edit_order_options, .edit_order_item {
  flex-wrap: wrap;
  gap: 15px; }

.edit_item_file_container,
.edit_item_option_container,
.edit_order_item_container {
  padding: 10px 10px 1px;
  background: #f7f7f7;
  border-left: 3px solid #257de2;
  border-radius: 3px; }
  .edit_item_file_container [data-mask="integer"],
  .edit_item_option_container [data-mask="integer"],
  .edit_order_item_container [data-mask="integer"] {
    text-align: left !important; }
  .edit_item_file_container .original_value,
  .edit_item_option_container .original_value,
  .edit_order_item_container .original_value {
    position: relative;
    top: -15px;
    margin-bottom: 10px;
    word-break: break-all; }
    .edit_item_file_container .original_value__label,
    .edit_item_option_container .original_value__label,
    .edit_order_item_container .original_value__label {
      font-weight: bolder;
      color: #4b4b4b; }

.center-xs {
  text-align: initial; }

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

.plugin-select2 {
  position: relative;
  display: block; }

.select2 {
  display: block; }

.select2-container.select2-container--default .select2-search__field {
  margin-bottom: 0; }
.select2-container.select2-container--default .select2-selection.select2-selection--single {
  height: 2.7rem;
  line-height: 2.7rem;
  border-radius: 0; }
.select2-container.select2-container--default .select2-selection .select2-selection__rendered {
  line-height: 2.7rem; }
.select2-container.select2-container--default .select2-selection .select2-selection__arrow {
  height: 2.7rem; }
.select2-container.select2-container--default .select2-results .select2-results__option {
  border-bottom: 1px solid #c8c8c8; }
  .select2-container.select2-container--default .select2-results .select2-results__option.select2-results__option--highlighted {
    color: #1e1e1e;
    background: #f0f0f0 !important; }
  .select2-container.select2-container--default .select2-results .select2-results__option:last-child {
    border-bottom: none; }
  .select2-container.select2-container--default .select2-results .select2-results__option[aria-selected=true] {
    color: #1e1e1e;
    background: #f0f0f0 !important; }

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat; }

table.backgrid thead tr td, table.backgrid thead tr th, table.backgrid tbody tr td, table.backgrid tbody tr th {
  border: 1px solid #c8c8c8; }
table.backgrid thead tr td {
  background: #f0f0f0; }
table.backgrid tbody tr td.dirty {
  background: rgba(241, 196, 15, 0.3) !important; }
table.backgrid tbody tr td.deleted {
  background: rgba(231, 76, 60, 0.3) !important; }
table.backgrid tbody tr td.editable {
  cursor: text; }
  table.backgrid tbody tr td.editable.dirty {
    background: rgba(241, 196, 15, 0.3); }
    table.backgrid tbody tr td.editable.dirty:hover {
      background: rgba(241, 196, 15, 0.3); }
table.backgrid tbody tr td.boolean-cell {
  cursor: pointer; }
table.backgrid tbody tr td input {
  margin: 0; }