@charset "UTF-8";
/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER: Base + typography > general layout + grid > page layout > components

1em = 16px
*/
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html, body {
  height: 100%;
}

input {
  font-family: inherit;
}

.noscroll {
  overflow: hidden;
}

strong {
  font-weight: 600;
}

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.d-contents {
  display: contents;
}

:root {
  --color-default: red;
}

html {
  font-size: 62.5%;
  font-family: "Mulish", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
  font-size: 1.4rem;
  color: #273749;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.4rem;
}

h3 {
  font-size: 1.8rem;
}

h4 {
  font-size: 1.6rem;
}

h5 {
  font-size: 1.4rem;
}

h6 {
  font-size: 1.2rem;
}

p {
  margin-bottom: 1.4rem;
}

a:link, a:visited {
  color: #00aaff;
  text-decoration: none;
}

a:hover {
  color: #0088cc;
}

a:focus {
  color: #006699;
}

pre {
  background: #ebeff4;
  padding: 3rem;
  font-size: 1.8rem;
  color: #6082a9;
  margin-bottom: 3rem;
  border-left: 1rem solid #c3d0df;
}

.blockquote {
  background: #ebeff4;
  border-radius: 1rem;
  padding: 1.5rem;
}

.text-danger {
  color: #ff0350;
}

.text-danger:link, .text-danger:visited,
.text-danger .icon {
  color: #ff0350;
}

.text-danger .icon.icon--outline use {
  stroke: #ff0350;
}

.text-danger:hover, .text-danger:focus, .text-danger:active {
  color: #cf003f;
}

.text-danger:hover .icon.icon--outline use, .text-danger:focus .icon.icon--outline use, .text-danger:active .icon.icon--outline use {
  color: #cf003f;
}

.text-danger:hover .icon.icon--outline use, .text-danger:focus .icon.icon--outline use, .text-danger:active .icon.icon--outline use {
  stroke: #cf003f;
}

.text-warning {
  color: #ffa200;
}

.text-warning:link, .text-warning:visited,
.text-warning .icon {
  color: #ffa200;
}

.text-warning .icon.icon--outline use {
  stroke: #ffa200;
}

.text-warning:hover, .text-warning:focus, .text-warning:active {
  color: #cc8200;
}

.text-warning:hover .icon.icon--outline use, .text-warning:focus .icon.icon--outline use, .text-warning:active .icon.icon--outline use {
  color: #cc8200;
}

.text-warning:hover .icon.icon--outline use, .text-warning:focus .icon.icon--outline use, .text-warning:active .icon.icon--outline use {
  stroke: #cc8200;
}

.text-success {
  color: #2fc013;
}

.text-success:link, .text-success:visited,
.text-success .icon {
  color: #2fc013;
}

.text-success .icon.icon--outline use {
  stroke: #2fc013;
}

.text-success:hover, .text-success:focus, .text-success:active {
  color: #24920e;
}

.text-success:hover .icon.icon--outline use, .text-success:focus .icon.icon--outline use, .text-success:active .icon.icon--outline use {
  color: #24920e;
}

.text-success:hover .icon.icon--outline use, .text-success:focus .icon.icon--outline use, .text-success:active .icon.icon--outline use {
  stroke: #24920e;
}

.text-info {
  color: #0875f1;
}

.text-info:link, .text-info:visited,
.text-info .icon {
  color: #0875f1;
}

.text-info .icon.icon--outline use {
  stroke: #0875f1;
}

.text-info:hover, .text-info:focus, .text-info:active {
  color: #065dc0;
}

.text-info:hover .icon.icon--outline use, .text-info:focus .icon.icon--outline use, .text-info:active .icon.icon--outline use {
  color: #065dc0;
}

.text-info:hover .icon.icon--outline use, .text-info:focus .icon.icon--outline use, .text-info:active .icon.icon--outline use {
  stroke: #065dc0;
}

.color-text-light {
  color: #6082a9;
}

.row {
  margin: 0 calc(3rem / -2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.row [class*="column-"] {
  padding: 0 calc(3rem / 2);
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.row .column-1-of-1 {
  width: 100%;
}

.row .column-1-of-2 {
  width: calc(100% / 2);
}

@media only screen and (max-width: 37.5em) {
  .row .column-1-of-2 {
    width: 100%;
  }
}

.row .column-1-of-3 {
  width: calc(100% / 3);
}

.row .column-2-of-3 {
  width: calc(2 * (100% / 3));
}

.row .column-1-of-4 {
  width: calc(100% / 4);
}

.row .column-2-of-4 {
  width: calc(2 * (100% / 4));
}

.row .column-3-of-4 {
  width: calc(3 * (100% / 4));
}

.row .column-auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
}

.ml-a,
.ml-auto {
  margin-left: auto !important;
}

.mr-a,
.mr-auto {
  margin-right: auto !important;
}

.mx-a {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mr-08 {
  margin-right: .8rem !important;
}

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

.m-1 {
  margin: 1rem !important;
}

.mx-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.m-2 {
  margin: 2rem !important;
}

.mx-2 {
  margin: 0 2rem !important;
}

.my-2 {
  margin: 2rem 0 !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.ml-2 {
  margin-left: 2rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

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

.p-1 {
  padding: 1rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pr-2 {
  padding-right: 2rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pl-2 {
  padding-left: 2rem !important;
}

.pl-08 {
  padding-left: .8rem !important;
}

.w-min {
  width: 1px !important;
}

.w-25 {
  width: 25% !important;
}

.w-33 {
  width: 33.33% !important;
}

.w-50 {
  width: 50% !important;
}

.w-66 {
  width: 66.66% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-max {
  height: 100%;
}

.min-h-15 {
  min-height: 15rem !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.d-none {
  display: none;
}

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

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

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

.nowrap {
  white-space: nowrap;
}

.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

.border {
  border: 1px solid #c3d0df;
}

.border-top {
  border-top: 1px solid #c3d0df;
}

.border-bottom {
  border-bottom: 1px solid #c3d0df;
}

.border-left {
  border-left: 1px solid #c3d0df;
}

.border-right {
  border-right: 1px solid #c3d0df;
}

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

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

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

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

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

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

.font-700 {
  font-weight: 700 !important;
}

.font-800 {
  font-weight: 800 !important;
}

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

[class*="btn"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.2rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 500;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  line-height: 1;
  font-size: inherit;
  font-family: inherit;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  position: relative;
  z-index: 1;
}

[class*="btn"]:hover {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

[class*="btn"]:hover .icon {
  color: currentColor;
}

[class*="btn"]:hover .icon use {
  stroke: currentColor;
}

[class*="btn"]:focus {
  outline: none;
}

[class*="btn"]:not(:last-child) {
  margin-right: .8rem;
}

[class*="btn"] .icon {
  color: currentColor !important;
  margin: -.2rem;
}

[class*="btn"] .icon use {
  stroke: currentColor !important;
}

[class*="btn"] svg + span {
  margin-left: .5rem;
}

[class*="btn"].is_active, [class*="btn"]:hover, [class*="btn"]:focus {
  z-index: 2;
  position: relative;
}

.btn--small {
  padding: .4rem .75rem;
  font-size: 1.4rem;
  height: 2.6rem;
}

.btn--large {
  padding: 1.5rem 2.25rem;
  font-size: 1.6rem;
}

.btn--block {
  display: block;
  margin: 0;
  width: 100%;
  max-width: 80%;
}

.btn {
  background: #e6f7ff;
  border: 1px solid #00aaff;
  color: #00aaff;
}

.btn:link, .btn:visited {
  color: #00aaff;
}

.btn:hover {
  background: #00aaff;
  color: #ffffff;
}

.btn:focus {
  background: #006699;
  border: 1px solid #006699;
}

.btn--invert {
  background: #ffffff;
  border: 1px solid #c3d0df;
  color: #273749;
}

.btn--invert:link, .btn--invert:visited {
  color: #273749;
}

.btn--invert:hover {
  background: #ebeff4;
  color: #273749;
  border: 1px solid #c3d0df;
}

.btn--invert:hover svg {
  fill: #273749;
}

.btn--invert.is_active, .btn--invert:focus {
  z-index: 100;
  background: #ebeff4;
  color: #273749;
  border: 1px solid #6082a9;
}

.btn--other {
  background: #ebeff4;
  border: 1px solid #c3d0df;
  color: #6082a9;
}

.btn--other:link, .btn--other:visited {
  color: #6082a9;
}

.btn--other:hover {
  background: #6082a9;
  color: #ffffff;
  border: 1px solid #6082a9;
}

.btn--other:hover svg {
  fill: #ffffff;
}

.btn--other:focus {
  background: #273749;
  color: #ffffff;
  border: 1px solid #273749;
}

.btn--light {
  background: #ffffff;
  border: 1px solid #ebeff4;
  color: #6082a9;
}

.btn--light:link, .btn--light:visited {
  color: #6082a9;
}

.btn--light:hover {
  background: #e6f7ff;
  color: #273749;
  border: 1px solid #00aaff;
}

.btn--light:hover svg {
  fill: #273749;
}

.btn--light.is_active, .btn--light:focus {
  background: #e6f7ff;
  color: #273749;
  border: 1px solid #00aaff;
}

.btn--danger {
  background: #ffcfde;
  border: 1px solid #ff0350;
  color: #ff0350;
}

.btn--danger:link, .btn--danger:visited {
  color: #ff0350;
}

.btn--danger:hover {
  background: #ff0350;
  color: #ffffff;
}

.btn--danger:focus {
  background: #cf003f;
  color: #ffffff;
  border: 1px solid #cf003f;
}

.btn--warning {
  background: #ffeccc;
  border: 1px solid #ffa200;
  color: #ffa200;
}

.btn--warning:link, .btn--warning:visited {
  color: #ffa200;
}

.btn--warning:hover {
  background: #ffa200;
  color: #ffffff;
}

.btn--warning:focus {
  background: #cc8200;
  color: #ffffff;
  border: 1px solid #cc8200;
}

.btn--success {
  background: #b5f6a9;
  border: 1px solid #2fc013;
  color: #2fc013;
}

.btn--success:link, .btn--success:visited {
  color: #2fc013;
}

.btn--success:hover {
  background: #2fc013;
  color: #ffffff;
}

.btn--success:focus {
  background: #24920e;
  color: #ffffff;
  border: 1px solid #24920e;
}

.btn--info {
  background: #c8e1fd;
  border: 1px solid #0875f1;
  color: #0875f1;
}

.btn--info:link, .btn--info:visited {
  color: #0875f1;
}

.btn--info:hover {
  background: #0875f1;
  color: #ffffff;
}

.btn--info:focus {
  background: #065dc0;
  color: #ffffff;
  border: 1px solid #065dc0;
}

.button-group {
  position: relative;
}

.button-group > [class*="btn"] {
  margin-right: -.5rem;
}

.button-group > [class*="btn"]:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.button-group > [class*="btn"]:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button-group > [class*="btn"]:focus {
  z-index: 2;
}

.icon-mini {
  position: absolute;
}

.icon-mini:link, .icon-mini:visited {
  border: 1px solid #c3d0df;
  background: #ebeff4;
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  text-decoration: none;
  font-weight: 600;
  color: #6082a9;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.icon-mini:hover {
  border: 1px solid #00aaff;
  background: #00aaff;
  color: #ffffff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.icon-mini:focus, .icon-mini:active {
  border: 1px solid #0088cc;
  background: #0088cc;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  color: #ffffff;
}

.icon-mini svg {
  width: 1.2rem;
  height: 1.2rem;
}

.c-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}

.c-search__input {
  position: relative;
  z-index: 10;
  padding-left: 6rem;
  height: 7rem;
  background: transparent;
  color: #ffffff;
  width: 100%;
  font-size: 1.4rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-search__input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.c-search__input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.c-search__input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.c-search__input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.c-search__input:focus {
  outline: none;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-search__input:focus + .c-search__icon {
  fill: white;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-search__icon {
  height: 2.4rem;
  width: 2.4rem;
  z-index: 5;
  position: absolute;
  color: rgba(255, 255, 255, 0.6);
  left: 2rem;
  top: 2.4rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-search__icon use {
  stroke: currentColor;
}

.c-noteitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 2rem;
  color: #ffffff;
  text-decoration: none;
  height: 7rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-noteitem__icon {
  height: 2rem;
  width: 2rem;
  fill: white;
  margin-right: 0;
}

.c-noteitem__icon use {
  stroke: currentColor;
}

.c-noteitem__bubble {
  position: relative;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: white;
  color: #ff0350;
  font-weight: 600;
  top: -1rem;
  left: -.8rem;
}

.c-noteitem__bubble--1 {
  color: white;
  background: #ff0350;
}

.c-noteitem:hover {
  background: #476485;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.back-link {
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  font-weight: 500;
}

.back-link__icon {
  fill: currentColor;
  width: 2rem;
  height: 2rem;
}

.page__title {
  margin: 1rem 0 2.4rem;
}

.box {
  background: #ffffff;
  padding: 3rem;
  position: relative;
  width: 100%;
}

.box:not(:last-child) {
  margin-bottom: 3rem;
}

.box--side {
  background: unset;
  padding: 0;
}

.box--side .box__settings {
  top: 0;
  right: 0;
}

.box--bottom {
  position: absolute;
  bottom: 0;
  background-color: #ffffff;
  border-top: 1rem solid #c3d0df;
  margin: -1.5rem -1.5rem 0rem;
  padding: 1.5rem 1.5rem 2.5rem;
}

.box.box--head {
  margin-bottom: 0;
  background: #f5f7fa;
}

.box.box--bottom-line {
  margin-bottom: 0;
  border-bottom: 1px solid #c3d0df;
}

.box__title {
  margin-bottom: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.box__title .icon {
  margin-right: 1rem;
  width: 2.4rem;
  height: 2.4rem;
}

.box__desc {
  margin-bottom: 2.4rem;
}

.box__settings {
  position: absolute;
  top: 3rem;
  right: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.box__settings > :not(:last-child) {
  margin-right: 2rem;
}

.c-slug {
  margin: -1.4rem 0 2.4rem;
}

.c-img-circle {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  overflow: hidden;
}

.c-img-circle img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  min-width: 8rem;
  min-height: 8rem;
}

.c-unit_list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  /*
                &:nth-child(even){
                    background: $color-background;
                }
                */
}

.c-unit_list__item > div:not(:last-child) {
  margin-right: 1rem;
}

.c-unit_list__item:not(:last-child) {
  margin-bottom: .5rem;
}

.c-unit_list__stars {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7rem;
          flex: 0 0 7rem;
}

.c-unit_list__stars img {
  width: 100%;
}

.c-unit_list__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 20rem;
          flex: 1 0 20rem;
}

.c-unit_list__title a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  position: relative;
}

.c-unit_list__title a::after {
  content: "";
  position: absolute;
  border-bottom: 1px dotted #c3d0df;
  width: 100%;
  margin: 0 1rem;
  bottom: .8rem;
}

.c-unit_list__actions {
  visibility: hidden;
  opacity: 0;
}

.c-unit_list__item:hover .c-unit_list__actions {
  visibility: visible;
  opacity: 1;
}

.c-more-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  width: 3rem;
  position: relative;
}

.c-more-link span {
  margin: .1rem;
  background: #6082a9;
  width: .4rem;
  height: .4rem;
  border-radius: 0.5rem;
  display: block;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-more-link:hover span {
  width: 2rem;
  height: .2rem;
  margin: .2rem;
  -webkit-transition: all .15s .05s ease-in-out;
  transition: all .15s .05s ease-in-out;
}

.c-more-link:hover span:first-child {
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.c-more-link:hover span:last-child {
  -webkit-transition: all .15s .1s ease-in-out;
  transition: all .15s .1s ease-in-out;
}

.c-badge {
  font-weight: 600;
  padding: .5rem 1rem;
  color: white;
  border-radius: 0.5rem;
  background: #c3d0df;
  white-space: nowrap;
  margin: .1rem;
  display: inline-block;
}

.c-badge--small {
  font-size: 1rem;
  padding: .25rem .5rem;
}

.c-badge--warning {
  background: #ffa200;
}

.c-badge--success {
  background: #2fc013;
}

.c-badge--info {
  background: #0875f1;
}

.c-badge--light {
  background: #ebeff4;
  color: #273749;
  border: #c3d0df solid 1px;
}

.c-badge abbr {
  text-decoration: none;
}

.c-drag-icon {
  width: 3rem;
  height: 2rem;
  padding: 0 .5rem;
  position: relative;
  cursor: ns-resize;
  display: block;
}

.c-drag-icon svg {
  width: 100%;
  height: 100%;
  color: #c3d0df;
}

.c-upload-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -.75rem -.75rem .75rem;
}

.c-upload-gallery__item {
  margin: .75rem;
  border: 1px dashed #c3d0df;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 10.3rem;
  width: 10.3rem;
  padding: .5rem;
  position: relative;
}

.c-upload-gallery__item svg {
  height: 2.4rem;
  width: 2.4rem;
  fill: #c3d0df;
}

.c-upload-gallery__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-gallery__item::before {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-gallery__item .c-more-link {
  position: absolute;
  top: .5rem;
  right: .1rem;
  width: 2rem;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-gallery__item:hover {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-gallery__item:hover img {
  opacity: .2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-gallery__item:hover::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 170, 255, 0.2);
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-gallery__item:hover .c-more-link {
  position: absolute;
  z-index: 15;
  opacity: 1;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-main {
  border: 1px dashed #c3d0df;
  background: #ffffff;
  border-radius: 0.5rem;
  width: 100%;
  min-height: 20rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  position: relative;
}

.c-upload-main svg {
  height: 4rem;
  width: 4rem;
  fill: #c3d0df;
}

.c-upload-main img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-main::before {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-main .c-more-link {
  position: absolute;
  top: .5rem;
  right: .1rem;
  width: 2rem;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-main:hover {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-main:hover img {
  opacity: .2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-main:hover::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 170, 255, 0.2);
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-upload-main:hover .c-more-link {
  position: absolute;
  z-index: 15;
  opacity: 1;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-grid-gallery {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  grid-gap: calc(3rem / 2);
  grid-auto-columns: auto;
}

.c-grid-gallery .c-grid-item {
  width: 100%;
  height: 100%;
}

.c-grid-gallery .c-grid-item__img {
  height: 20rem;
}

.c-grid-gallery .c-grid-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-grid-gallery .c-grid-item__document {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4rem;
  border-left: 1px solid #c3d0df;
  border-top: 1px solid #c3d0df;
  border-right: 1px solid #c3d0df;
  background: #ebeff4;
}

.c-grid-gallery .c-grid-item__data {
  background: #f5f7fa;
  border: 1px solid #c3d0df;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 20rem);
}

.c-grid-gallery .c-grid-item__main {
  padding: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-grid-gallery .c-grid-item__main h4 {
  word-break: break-all;
}

.c-grid-gallery .c-grid-item__main small {
  display: block;
  margin-top: .5rem;
  word-break: break-all;
}

.c-grid-gallery .c-grid-item__more {
  width: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid #c3d0df;
}

.c-grid-gallery .is_active .c-grid-item__data {
  background: #00aaff;
  border: 1px solid #0088cc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 20rem);
}

.c-grid-gallery .is_active .c-grid-item__more {
  border-left: 1px solid #0088cc;
}

.c-grid-gallery .is_active .c-grid-item__img {
  background: #00aaff;
  border-left: 1px solid #0088cc;
  border-top: 1px solid #0088cc;
  border-right: 1px solid #0088cc;
}

.c-grid-gallery .is_active .c-grid-item__img img {
  padding: 1.5rem;
}

.meta-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.meta-data__column {
  margin-right: 3rem;
}

.meta-data__column small {
  color: #bfbfbf;
  display: block;
  margin-bottom: .4rem;
}

.c-tabbed-content {
  padding: 3rem;
}

.c-search-result {
  border-radius: 0.5rem;
  padding: 2rem;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  background-color: #f5f7fa;
}

.c-search-result__link:link, .c-search-result__link:visited {
  color: #273749;
}

.c-search-result__title {
  color: #0875f1;
  margin: .5rem 0;
  font-weight: 400;
  font-size: 2rem;
}

.c-search-result__desc {
  line-height: 1.58;
  margin-bottom: 0;
}

.c-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: .5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
}

.c-note__icon {
  margin-right: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-note__icon .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.c-def-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.c-def-list dt {
  padding: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.c-def-list dd {
  padding: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.c-timeline__item {
  border-left: 2px solid #c3d0df;
  margin-left: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-timeline__item--comment {
  margin-top: 1.5rem;
  padding: 0 0 3rem;
}

.c-timeline__img {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 4rem;
          flex: 1 0 4rem;
  width: 4rem;
  height: 4rem;
  background: #ffffff;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-timeline__img .icon {
  width: 2.4rem;
  height: 2.4rem;
}

.c-timeline__img .user-img {
  width: 4rem;
  height: 4rem;
}

.c-timeline__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  line-height: 1.4;
}

.c-timeline__day {
  margin-left: 4rem;
  text-align: center;
  font-size: 1.2rem;
  color: #6082a9;
  position: relative;
  width: 100%;
}

.c-timeline__day span {
  background: #ffffff;
  position: relative;
  padding: 0 1rem;
}

.c-timeline__day::before {
  width: 100%;
  position: absolute;
  top: .8rem;
  left: 0;
  content: "";
  border-top: 1px solid #c3d0df;
}

.c-fieldgroup {
  border: 1px solid #c3d0df;
  border-radius: 0.5rem;
  background: #ffffff;
  padding: 1.5rem;
}

.c-fieldgroup-item__type {
  max-width: 14rem;
  border-right: 1px solid #c3d0df;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  font-size: 1.3rem;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-fieldgroup-item__type:link, .c-fieldgroup-item__type:visited {
  color: #273749;
}

.c-fieldgroup-item__type .icon {
  color: inherit;
  fill: inherit;
  margin-right: 1rem;
}

.c-fieldgroup-item__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 1.4rem;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-fieldgroup-item__link:link, .c-fieldgroup-item__link:visited {
  color: #273749;
}

.c-fieldgroup-item__link:hover, .c-fieldgroup-item__link:focus {
  background: #ebeff4;
}

.c-fieldgroup-item__link .icon {
  color: inherit;
  fill: inherit;
  margin-right: 1rem;
}

.c-fieldgroup-item:not(:last-child) {
  margin-bottom: .75rem;
}

.c-fieldgroup-item__head {
  border: 1px solid #c3d0df;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f5f7fa;
  padding: .5rem;
}

.c-fieldgroup-item__body {
  border-left: 1px solid #c3d0df;
  border-right: 1px solid #c3d0df;
  border-bottom: 1px solid #c3d0df;
  border-radius: 0 0 0.5rem 0.5rem;
  background: #f5f7fa;
  padding: 1.5rem;
}

.c-fieldgroup-item.is_active > .c-fieldgroup-item__head {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: unset;
  background: #ebeff4;
}

.c-panels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.c-panel-list {
  -webkit-box-flex: 25rem;
      -ms-flex: 25rem;
          flex: 25rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.c-panel-list__item a {
  padding: 1.2rem 1.5rem;
  display: block;
  border-right: 1px solid #c3d0df;
  border-bottom: 1px solid #c3d0df;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  font-size: 1.2rem;
  font-weight: 500;
  color: #273749;
}

.c-panel-list__item a:hover {
  padding-left: 2rem;
}

.c-panel-list__item a.is_active {
  background-color: #ffffff;
  border-right: 1px solid transparent;
  color: #273749;
}

.c-color-scheme-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

.c-color-scheme-picker__item {
  margin: .1rem;
}

.c-color-scheme-picker__link {
  display: block;
  border-radius: 3rem;
  padding: .3rem;
  border: .2rem solid transparent;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-color-scheme-picker__link span {
  padding: .2rem;
  border-radius: 3rem;
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  -webkit-box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 0.5rem 0.2rem rgba(0, 0, 0, 0.1) inset;
}

.c-color-scheme-picker__link:hover, .c-color-scheme-picker__link.is_active {
  border: 0.2rem solid #0088cc;
}

.c-panel-content {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  background-color: #ffffff;
}

.c-panel-content .c-color-scheme-picker {
  margin: 2rem;
  border-bottom: 1px solid #c3d0df;
  padding-bottom: 2rem;
}

.c-panel-content .c-color-scheme-picker::after {
  content: "";
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  bottom: -.6rem;
  left: 50%;
  background: #ffffff;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: rotate(-45deg) translateX(-50%) skew(15deg, 15deg);
          transform: rotate(-45deg) translateX(-50%) skew(15deg, 15deg);
  border-left: 1px solid #c3d0df;
  border-bottom: 1px solid #c3d0df;
}

.c-accordion {
  margin-bottom: 2rem;
}

.c-accordion__block {
  border-width: 1px;
  border-style: solid;
  border-color: #c3d0df;
}

.c-accordion--line .c-accordion__block {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: unset !important;
}

.c-accordion--line .c-accordion__header {
  background-color: #ffffff;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #c3d0df;
  border-radius: unset !important;
}

.c-accordion--line .c-accordion__title {
  padding: 1.5rem 4rem 1.5rem 0;
}

.c-accordion--line .c-accordion__body {
  border-top: none;
  padding: 2rem 0;
}

.c-accordion__item:not(:first-child) {
  margin-top: -1px;
}

.c-accordion__item:first-child .c-accordion__block {
  margin-top: 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  overflow: hidden;
}

.c-accordion__item:last-child .c-accordion__block {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  overflow: hidden;
}

.c-accordion__header {
  background-color: #ebeff4;
}

.c-accordion__header h5 {
  margin-bottom: 0;
  font-weight: 600;
}

.c-accordion__title {
  font-weight: 600;
  display: block;
  color: #0c1117;
  background-repeat: no-repeat;
  background-position: center right 1.5rem;
  background-size: 2rem;
  background-image: url(/public/assets/arrows_down.svg);
  padding: 2rem 4rem 2rem 2rem;
}

.c-accordion__rich-title {
  padding: 2rem;
  display: block;
  color: #0c1117;
}

.c-accordion__rich-title .icon {
  width: 3.6rem !important;
  height: 3.6rem !important;
}

.c-accordion__item.is_active .c-accordion__title {
  background-image: url(/public/assets/arrows_up.svg);
}

.c-accordion__body {
  border-top-width: 1px;
  border-style: solid;
  border-color: #c3d0df;
  width: 100%;
  display: none;
  padding: 2rem;
}

.c-accordion__body > p {
  max-width: 80ch;
}

.c-accordion__body p:last-child {
  margin-bottom: 0;
}

.c-accordion__item.is_active .c-accordion__body {
  display: block;
}

.c-accordion__item.is_active .c-accordion__header {
  border-bottom-right-radius: unset !important;
  border-bottom-left-radius: unset !important;
}

.c-tags {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: .5rem;
}

.c-tags .c-tag {
  border-radius: 0.5rem;
  border: 1px solid #c3d0df;
  background: #ebeff4;
  padding: .2rem .5rem;
  margin-bottom: .5rem;
  margin-right: .5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6082a9;
}

.c-tags .c-tag a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: .5rem;
  color: #6082a9;
}

.c-tags .c-tag a .icon {
  color: currentColor;
  stroke: currentColor;
  stroke-width: .2rem;
}

.c-tabs {
  margin-bottom: 2rem;
  width: 100%;
}

.c-tabs__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  width: 100%;
  position: relative;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.c-tabs__nav::-webkit-scrollbar {
  display: none;
}

.c-tabs__nav-item {
  margin: 0;
  white-space: nowrap;
  scroll-snap-align: start;
  margin-bottom: -1px;
}

.c-tabs__nav-link {
  padding: 1.5rem 2rem;
  color: #0c1117;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: transparent;
  display: block;
}

.is_active .c-tabs__nav-link {
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: #c3d0df;
  border-bottom-color: transparent;
  background-color: #ebeff4;
}

.c-tabs--simple .c-tabs__nav-link {
  border-bottom-width: 1px;
  border-style: solid;
  border-color: transparent;
}

.c-tabs--simple .is_active .c-tabs__nav-link {
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #c3d0df;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.c-tabs--simple .is_active .c-tabs__nav-link,
.c-tabs--line .is_active .c-tabs__nav-link {
  background-color: #ffffff;
}

.c-tabs__nav-link:hover {
  cursor: pointer;
}

.c-tabs__content {
  background: #ebeff4;
  border-width: 1px;
  border-style: solid;
  border-color: #c3d0df;
  border-radius: 0.5rem;
  border-top-left-radius: unset;
  padding: 2rem;
}

.c-tabs--line .c-tabs__nav {
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #c3d0df;
}

.c-tabs--simple .c-tabs__content,
.c-tabs--line .c-tabs__content {
  background: none;
  border: none;
  border-radius: 0;
  padding: 2rem;
}

.c-tabs__content-item {
  display: none;
}

.c-tabs__content-item.is_active {
  display: block;
}

.link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.link svg + span {
  margin-left: .5rem;
}

.c-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  position: relative;
}

.c-form-group--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-form-group--inline:not(:last-child) {
  margin-right: .8rem;
}

/*

Ovo miče marginu na dnu za zadnji input field unutar boxa

 */
.box :not(:last-child) .c-form-group, .box .c-form-group:not(:last-child) {
  margin-bottom: 2.4rem;
}

:not(:last-child) .c-form-group--inline {
  margin-bottom: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

:not(:last-child) .c-form-group--inline > :not(:last-child) {
  margin-right: .8rem;
}

.c-label {
  color: #6082a9;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-label--inline {
  margin-bottom: 0;
  margin-right: .8rem;
}

.c-input-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.c-input-text__field, .c-input-text__area {
  border: 1px solid #c3d0df !important;
  border-radius: 0.5rem;
  width: 1%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem 1.5rem;
  height: 4rem;
  z-index: 2;
  position: relative;
  font-size: inherit;
}

.c-input-text__field:focus, .c-input-text__area:focus {
  outline: none;
  border: 1px solid #00aaff;
  -webkit-box-shadow: inset 0 0 0 1px #00aaff;
          box-shadow: inset 0 0 0 1px #00aaff;
}

.c-input-text__field[disabled], .c-input-text__field[readonly], .c-input-text__area[disabled], .c-input-text__area[readonly] {
  background: #f5f7fa !important;
  color: #6082a9 !important;
}

.c-input-text__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-input-text__field--numb {
  max-width: 6rem;
  text-align: center;
  padding: 1rem;
}

.c-input-text__area {
  height: auto;
  min-height: 8rem;
}

.c-input-text--large .c-input-text__field {
  height: 4.8rem;
  font-size: 1.6rem;
  font-weight: 500;
}

.c-input-text--small .c-input-text__field {
  padding: .4rem .75rem;
  font-size: 1.4rem;
  height: auto;
}

.c-input-text__prepend, .c-input-text__append {
  background: #ebeff4;
  border-radius: 0.5rem;
  font-weight: 500;
  color: #6082a9;
  border: 1px solid #c3d0df;
  height: 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-input-text__prepend span, .c-input-text__append span {
  padding: 1rem 1.5rem;
}

.c-input-text__prepend select, .c-input-text__append select {
  background: #ebeff4;
  border-radius: inherit;
  padding: 1rem 3rem 1rem 1.5rem;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-repeat: no-repeat;
  background-position: center right .5rem;
  background-size: 2rem;
  background-image: url(/public/assets/arrows_down.svg);
}

.c-input-text__prepend select:focus, .c-input-text__append select:focus {
  outline: none;
}

.c-input-text__prepend--lang, .c-input-text__append--lang {
  background: #fff;
  color: #00aaff;
  position: relative;
}

.c-input-text__prepend--lang::before, .c-input-text__append--lang::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 2.8rem;
  background: #c3d0df;
}

.c-input-text__prepend--lang span, .c-input-text__append--lang span {
  padding: 1rem .75rem;
  border-left: 1px solid #fff;
  margin-left: -1px;
  z-index: 2;
  position: relative;
  color: #00aaff;
  width: 4rem;
  text-align: center;
}

.c-input-text__prepend--lang:hover svg, .c-input-text__append--lang:hover svg {
  fill: #0088cc;
}

.c-input-text__prepend--lang .icon, .c-input-text__append--lang .icon {
  margin-right: .8rem;
}

.c-input-text__prepend--icon, .c-input-text__append--icon {
  background: white;
  padding-left: 1rem;
  padding-right: 1rem;
}

.c-input-text__prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.c-input-text__prepend--color-picker, .c-input-text__prepend--color-upload {
  cursor: pointer;
  background-color: #e6f7ff;
}

.c-input-text__prepend--color-picker .icon, .c-input-text__prepend--color-upload .icon {
  margin: 1rem;
}

.c-input-text__prepend--icon {
  background-color: #ffffff;
}

.c-input-text__prepend--icon .icon {
  margin: .5rem;
}

.c-input-text__prepend + .c-input-text__field {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.c-input-text--large > .c-input-text__append,
.c-input-text--large > .c-input-text__prepend {
  height: 4.8rem;
  font-size: 1.6rem;
}

.c-input-text > :not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}

.c-input-text > :not(:last-child) + .c-input-text__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.c-input-text__icon {
  position: absolute;
  z-index: 10;
  padding-left: 1rem;
  padding-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-input-text__icon + .c-input-text__field {
  padding-left: 3.5rem;
}

.c-input-text + .c-lang-input-group,
.c-input-text + .c-autocomplete-group {
  bottom: -2px;
  left: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  position: absolute;
}

.c-lang-input-group,
.c-autocomplete-group {
  -webkit-box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  z-index: 10;
}

.c-lang-input-group input, .c-lang-input-group .c-input-text__prepend, .c-lang-input-group .c-input-text__append {
  border-radius: 0 !important;
}

.c-lang-input-group .c-input-text {
  margin-bottom: -1px;
}

.c-lang-input-group .c-input-text input {
  border-left: 1px solid #00aaff !important;
}

.c-lang-input-group .c-input-text:first-child input {
  border-top-left-radius: .4rem !important;
  border-top: 1px solid #00aaff !important;
}

.c-lang-input-group .c-input-text:first-child .c-input-text__append {
  border-top-right-radius: .4rem !important;
  border-top: 1px solid #00aaff !important;
}

.c-lang-input-group .c-input-text__append--lang {
  border-right: 1px solid #00aaff !important;
}

.c-lang-input-group .c-form-group__footer {
  padding: 1.5rem;
  background: #f5f7fa;
  text-align: right;
  border-left: 1px solid #00aaff;
  border-bottom: 1px solid #00aaff;
  border-right: 1px solid #00aaff;
  border-bottom-left-radius: .4rem;
  border-bottom-right-radius: .4rem;
}

.c-autocomplete-group {
  border-radius: 0.5rem;
  border: 1px solid #00aaff;
  background: #ffffff;
}

.c-static-text {
  font-weight: 500;
  line-height: 1.4;
}

.c-static-text--large {
  font-size: 1.6rem;
}

.c-select .c-input-text__field {
  padding: 1rem 3rem 1rem 1.5rem;
  font-family: inherit;
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center right .5rem;
  background-size: 2rem;
  background-image: url("/public/assets/arrows_down.svg");
}

.c-input-checkbox input, .c-input-radio input, .c-input-switch input {
  display: none;
}

.c-input-checkbox label, .c-input-radio label, .c-input-switch label {
  display: block;
  cursor: pointer;
}

.c-input-checkbox label:not(:last-child), .c-input-radio label:not(:last-child), .c-input-switch label:not(:last-child) {
  margin-bottom: 1rem;
}

.c-input-checkbox span, .c-input-radio span, .c-input-switch span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-input-checkbox span::before, .c-input-radio span::before, .c-input-switch span::before {
  content: "";
  background-color: #ffffff;
  border: 1px solid #c3d0df;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  margin-right: 1rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-position: center;
}

.c-input-checkbox input:checked + span::before, .c-input-radio input:checked + span::before, .c-input-switch input:checked + span::before {
  background-color: #00aaff;
  border: 1px solid #00aaff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-box-shadow: 0 0 5px #80d5ff;
          box-shadow: 0 0 5px #80d5ff;
}

.c-input-checkbox input[disabled] + span, .c-input-radio input[disabled] + span, .c-input-switch input[disabled] + span {
  color: #6082a9;
}

.c-input-checkbox input[disabled] + span::before, .c-input-radio input[disabled] + span::before, .c-input-switch input[disabled] + span::before {
  background-color: #f5f7fa;
}

.c-input-checkbox input[disabled]:checked + span, .c-input-radio input[disabled]:checked + span, .c-input-switch input[disabled]:checked + span {
  color: #6082a9;
}

.c-input-checkbox input[disabled]:checked + span::before, .c-input-radio input[disabled]:checked + span::before, .c-input-switch input[disabled]:checked + span::before {
  background-color: #c3d0df;
  -webkit-box-shadow: 0 0 5px #c3d0df;
          box-shadow: 0 0 5px #c3d0df;
  border: 1px solid #c3d0df;
}

.c-input-checkbox input:checked + span::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
  background-image: url("/public/assets/icon_check.svg");
}

.c-input-checkbox--select input:checked + span::before {
  background-color: #ffffff;
  border: 1px solid #00aaff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-box-shadow: 0 0 5px #80d5ff;
          box-shadow: 0 0 5px #80d5ff;
  background-image: url("/public/assets/icon_check--blue.svg");
}

.c-input-checkbox--nolabel span, .c-input-radio--nolabel span {
  width: 2rem;
}

.c-input-checkbox--nolabel span::before, .c-input-radio--nolabel span::before {
  margin: 0;
}

.c-input-radio span::before {
  border-radius: 50%;
}

.c-input-radio input:checked + span::before {
  -webkit-box-shadow: inset 0 0 0 3px #ffffff, 0 0 5px #80d5ff;
          box-shadow: inset 0 0 0 3px #ffffff, 0 0 5px #80d5ff;
}

.c-input-radio input[disabled]:checked + span::before {
  -webkit-box-shadow: inset 0 0 0 3px #f5f7fa, 0 0 5px #c3d0df;
          box-shadow: inset 0 0 0 3px #f5f7fa, 0 0 5px #c3d0df;
}

.c-input-switch span {
  white-space: nowrap;
  position: relative;
  color: #6082a9;
}

.c-input-switch span::before {
  border-radius: 5rem;
  width: 3.5rem;
}

.c-input-switch span::after {
  border-radius: 50%;
  position: absolute;
  left: .3rem;
  content: "";
  background: #c3d0df;
  width: 1.4rem;
  height: 1.4rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-input-switch input:checked + span {
  color: #00aaff;
}

.c-input-switch input:checked + span::before {
  background: #ffffff;
  -webkit-box-shadow: inset 0 0 0 3px #ffffff, 0 0 5px #80d5ff;
          box-shadow: inset 0 0 0 3px #ffffff, 0 0 5px #80d5ff;
}

.c-input-switch input:checked + span::after {
  left: 1.8rem;
  background: #00aaff;
}

.c-lang-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 0 0 .5rem 1rem;
}

.c-lang-picker li {
  margin: 0 .5rem 0 0;
}

.c-lang-picker li a {
  padding: .3rem .5rem;
  color: #39506a;
  text-decoration: inherit;
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
}

.c-lang-picker li a:hover {
  border-bottom: 3px solid #c3d0df;
}

.c-lang-picker li a svg {
  width: 1.4rem;
  height: 1.4rem;
  margin: -0.2rem;
}

.c-lang-picker li.is_active a {
  color: #00aaff;
  border-bottom: 3px solid #00aaff;
}

.c-lang-picker + .c-label {
  margin-bottom: 3.3rem;
}

.c-dropdown-container {
  position: relative;
}

.c-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border: 1px solid #c3d0df !important;
  border-radius: 0.5rem;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem 3rem 1rem 1.5rem;
  height: 4rem;
  z-index: 2;
  font-size: inherit;
  background-repeat: no-repeat;
  background-position: center right .5rem;
  background-size: 2rem;
  background-image: url(/public/assets/arrows_down.svg);
}

.c-dropdown:focus {
  outline: none;
  border: 1px solid #00aaff;
  -webkit-box-shadow: inset 0 0 0 1px #00aaff;
          box-shadow: inset 0 0 0 1px #00aaff;
}

.c-dropdown__popup {
  position: absolute;
  z-index: 100;
  top: 5rem;
  left: 0;
  border: 1px solid #c3d0df !important;
  background: #ffffff;
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  width: 22rem;
  height: auto;
}

.c-dropdown__popup::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background: #ffffff;
  position: absolute;
  border-left: 1px solid #c3d0df !important;
  border-top: 1px solid #c3d0df !important;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: -.6rem;
  left: 1.5rem;
}

.c-dropdown__popup--arrow-topright {
  right: 0;
  left: unset;
}

.c-dropdown__popup--arrow-topright::before {
  right: 1rem;
  left: unset;
}

.c-dropdown__popup--dark {
  background: #273749;
  color: #ffffff;
}

.c-dropdown__popup--dark::before {
  background: #273749;
}

.c-dropdown__popup-container {
  padding: 1rem;
}

.c-dropdown__popup-container:not(:last-child) {
  border-bottom: 1px solid #ebeff4;
}

.c-dropdown__popup-list-item:not(:last-child) {
  border-bottom: 1px solid #ebeff4;
}

.c-dropdown__popup-list-link {
  padding: 1.2rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-dropdown__popup-list-link:hover {
  background: #f5f7fa;
}

.c-dropdown__popup-list-link .icon {
  margin-right: 1rem;
}

.c-dropdown__popup-content {
  padding: 1.5rem;
}

.c-dropdown__popup-content .icon {
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 1rem;
}

.c-dropdown__popup-content .icon::after {
  content: "test";
  border-bottom: 1px solid #c3d0df;
}

.c-dropdown__popup-content p:last-child {
  margin-bottom: 0;
}

.c-tooltip {
  position: relative;
}

.c-tooltip__link:link, .c-tooltip__link:visited {
  border: 1px solid #c3d0df;
  background: #ebeff4;
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  text-decoration: none;
  font-weight: 600;
  color: #6082a9;
  margin-left: .5rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-tooltip__link:hover {
  border: 1px solid #00aaff;
  background: #00aaff;
  color: #ffffff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.c-tooltip__link:focus, .c-tooltip__link:active {
  border: 1px solid #0088cc;
  background: #0088cc;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  color: #ffffff;
}

.c-tooltip__popup {
  top: 3rem;
  left: -1.2rem;
}

.c-tooltip__popup .icon {
  margin-left: -.1rem;
}

.c-tooltip__popup::before {
  left: 2.1rem;
}

.c-tooltip__popup--arrow-topright {
  right: -1.8rem;
  left: unset;
  text-align: right;
}

.c-tooltip__popup--arrow-topright::before {
  right: 2.2rem;
  left: unset;
}

.c-input-range__slider {
  -webkit-appearance: none;
  background: transparent;
  margin: 12px 0;
  width: 100%;
  position: relative;
  z-index: 1;
}

.c-input-range__slider::-moz-focus-outer {
  border: 0;
}

.c-input-range__slider:focus {
  outline: 0;
}

.c-input-range__slider:focus::-webkit-slider-runnable-track {
  background: white;
}

.c-input-range__slider:focus::-ms-fill-lower {
  background: #ffffff;
}

.c-input-range__slider:focus::-ms-fill-upper {
  background: white;
}

.c-input-range__slider::-webkit-slider-runnable-track {
  cursor: default;
  height: 10px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
  background: #ffffff;
  border: 1px solid #00aaff;
  border-radius: 5px;
}

.c-input-range__slider::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
  background: #00aaff;
  border: 2px solid #eceff1;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  height: 24px;
  width: 24px;
  -webkit-appearance: none;
  margin-top: -8px;
  position: relative;
  z-index: 10;
}

.c-input-range__slider::-moz-range-track {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
  cursor: default;
  height: 10px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  background: #ffffff;
  border: 1px solid #00aaff;
  border-radius: 5px;
  height: 5px;
}

.c-input-range__slider::-moz-range-thumb {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
  background: #00aaff;
  border: 2px solid #eceff1;
  border-radius: 12px;
  box-sizing: border-box;
  cursor: pointer;
  height: 24px;
  width: 24px;
}

.c-input-range__slider::-ms-track {
  cursor: default;
  height: 10px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  background: transparent;
  border-color: transparent;
  border-width: 12px 0;
  color: transparent;
}

.c-input-range__slider::-ms-fill-lower {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
  background: #f2f2f2;
  border: 1px solid #00aaff;
  border-radius: 10px;
}

.c-input-range__slider::-ms-fill-upper {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
  background: #ffffff;
  border: 1px solid #00aaff;
  border-radius: 10px;
}

.c-input-range__slider::-ms-thumb {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
  background: #00aaff;
  border: 2px solid #eceff1;
  border-radius: 12px;
  box-sizing: border-box;
  cursor: pointer;
  height: 24px;
  width: 24px;
  margin-top: 2.5px;
}

.c-input-range__slider:disabled::-webkit-slider-thumb, .c-input-range__slider:disabled::-moz-range-thumb, .c-input-range__slider:disabled::-ms-thumb, .c-input-range__slider:disabled::-webkit-slider-runnable-track, .c-input-range__slider:disabled::-ms-fill-lower, .c-input-range__slider:disabled::-ms-fill-upper {
  cursor: not-allowed;
}

.c-output {
  background: #ffffff;
  padding: 1rem;
  border-radius: 0.5rem;
  text-align: center;
  font-weight: 500;
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.05);
}

.c-grid-select {
  border-radius: 0.5rem;
}

.c-grid-select .row {
  margin: 0;
}

.c-grid-select .row [class*="column-"] {
  padding: 0;
}

.c-grid-select a {
  display: block;
  width: 100%;
}

.c-grid-select a .icon {
  stroke-width: 0;
  width: 100%;
  height: 2rem;
  -webkit-filter: grayscale(1) opacity(0.3);
          filter: grayscale(1) opacity(0.3);
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
}

.c-grid-select a:hover .icon,
.c-grid-select a:focus .icon,
.c-grid-select a.is_active .icon {
  -webkit-filter: grayscale(0) opacity(1);
          filter: grayscale(0) opacity(1);
}

.c-grid-select--large .btn {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  color: #00aaff;
}

.c-grid-select--large a .icon {
  height: 2rem;
  -webkit-filter: grayscale(1) opacity(0.4);
          filter: grayscale(1) opacity(0.4);
}

.c-input-list {
  border: 1px solid #c3d0df;
  border-radius: 0.5rem;
  padding: 1rem;
}

.c-input-list-item {
  padding: 0 0 0 2rem;
  position: relative;
}

.c-input-list-item__element {
  padding: 1rem;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-left: 1rem;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
}

.c-input-list-item__element:hover {
  background: #e6f7ff;
}

.c-input-list-item__element:hover .c-tree__add-item {
  visibility: visible;
  opacity: 1;
}

.c-input-list-item__element .icon-mini {
  -webkit-transform: translateX(-3rem);
          transform: translateX(-3rem);
}

.c-list .c-list-item__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ccc;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-list .c-list-item__element:hover {
  background: #e6f7ff;
}

.c-list .c-list-item__element .icon-mini {
  -webkit-transform: translateX(-3rem);
          transform: translateX(-3rem);
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
}

.c-list .c-list-item__element .icon-mini.is_active {
  -webkit-transform: translateX(-3rem) rotate(90deg);
          transform: translateX(-3rem) rotate(90deg);
}

.c-list .c-list-item__element--condensed > :nth-child(n) {
  min-width: unset;
}

.c-list .c-list-item__element--condensed > :nth-child(1) {
  margin-left: .6rem;
}

.c-list .c-list-item__icon {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 1rem;
  color: #00aaff;
}

.c-list .c-list-item__content {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-list .c-list-item__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 8rem;
}

.c-notification {
  z-index: 20;
  border-radius: .8rem;
  border: 1px solid #c3d0df;
  background: #ebeff4;
  position: fixed;
  width: 94rem;
  top: 8.9rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
  -webkit-animation-name: notification-disappear;
          animation-name: notification-disappear;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  opacity: 0;
}

.c-notification--bottom-right {
  right: 4rem;
  bottom: 4rem;
  top: unset;
  width: 40rem;
}

.c-notification.text-danger {
  border: 1px solid #ff0350;
  background: #ffcfde;
}

.c-notification.text-warning {
  border: 1px solid #ffa200;
  background: #ffeccc;
}

.c-notification.text-success {
  border: 1px solid #2fc013;
  background: #b5f6a9;
}

.c-notification.text-info {
  border: 1px solid #0875f1;
  background: #c8e1fd;
}

.c-notification__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
}

.c-notification__icon {
  margin-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-notification__close {
  margin-left: auto;
  background: #ffffff;
  padding: .4rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -1rem;
  margin-right: -.5rem;
  margin-bottom: -1rem;
}

.c-notification__close:hover {
  background: #f5f7fa;
}

.c-notification__close .icon {
  width: 1.6rem;
  height: 1.6rem;
}

@-webkit-keyframes notification-disappear {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes notification-disappear {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.c-table {
  width: 100%;
  border-collapse: collapse;
}

.c-table td, .c-table th {
  text-align: left;
  padding: 1rem 1.5rem;
  position: relative;
  height: 5rem;
}

.c-table__order-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-table__order-icon:link, .c-table__order-icon:visited {
  color: #273749;
}

.c-table__order-icon::after {
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  background-image: url(/public/assets/icon_fill_arrow.svg);
  background-position: center;
  background-color: transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 1rem;
  height: 1rem;
  padding: 0 1rem;
}

.c-table__order-icon--up::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.c-table thead th {
  font-weight: 400;
  color: #6082a9;
  border-bottom: 1px solid #c3d0df;
}

.c-table tbody tr:hover {
  background: #e6f7ff;
}

.c-table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #c3d0df;
}

.c-table--app-list tr td, .c-table--app-list tr th {
  padding: 2rem;
}

.c-table--app-list tr td:first-child, .c-table--app-list tr th:first-child {
  width: 8rem;
}

.c-table--list {
  margin: 1.5rem 0;
}

.c-table--list tbody tr:nth-child(odd) {
  background: #f5f7fa;
}

.c-table--list tbody tr:hover {
  background: #e6f7ff;
}

.c-table--data thead th, .c-table--data thead td, .c-table--data tbody th, .c-table--data tbody td {
  border: 1px solid #c3d0df;
}

.c-table--data tr th {
  background: #f5f7fa;
}

.c-table--data tr td:first-child {
  background: #f5f7fa;
}

.c-table--list2 thead th, .c-table--list2 thead td, .c-table--list2 tbody th, .c-table--list2 tbody td {
  border-top: 1px solid #c3d0df;
  border-bottom: 1px solid #c3d0df;
}

.c-table--list2 thead th .icon, .c-table--list2 thead td .icon, .c-table--list2 tbody th .icon, .c-table--list2 tbody td .icon {
  vertical-align: middle;
  margin-right: .5rem;
}

.c-table--list2 tbody tr:hover {
  background: #e6f7ff;
}

.c-table--list2 tr th {
  background: #f5f7fa;
}

.c-table--atribute-list {
  margin-bottom: 2.4rem;
}

.c-table--atribute-list td {
  vertical-align: top;
}

.c-table--atribute-list td .check {
  margin: -.5rem -1rem;
}

.c-table--atribute-list td .c-input-text + a {
  display: inline-block;
}

.c-table--atribute-list td .c-input-text + a:hover {
  text-decoration: underline;
}

.c-table--atribute-list td .c-input-text:not(:last-child) {
  margin-bottom: .5rem;
}

.c-table--atribute-list tbody tr:hover {
  background: unset;
}

.c-table--atribute-list tbody tr:last-child td {
  border-bottom: 1px solid #c3d0df;
}

.cell-img img {
  width: 4rem;
  height: 4rem;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}

.cell-img--empty {
  margin-left: auto;
  margin-right: auto;
  width: 4rem;
  height: 4rem;
  border: 1px solid #c3d0df;
  border-radius: 0.5rem;
  text-align: center;
  padding-top: .65rem;
}

.cell-img--empty svg {
  width: 2.4rem;
  height: 2.4rem;
  fill: #c3d0df;
}

.cell-img__name-initials {
  width: 4rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  color: #ffffff;
  background: #00aaff;
}

.c-entries__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #c3d0df;
  position: relative;
}

.c-entries__item:first-child {
  padding: 1.5rem 0;
}

.c-entries__item:first-child:hover {
  background: transparent;
}

.c-entries__item:not(:first-child) {
  font-weight: 600;
}

.c-entries__item:hover, .c-entries__item.is_active {
  background: #e6f7ff;
}

.c-entries__item--level-2 .c-entries__name {
  margin-left: 2rem;
}

.c-entries__item--level-3 .c-entries__name {
  margin-left: 4rem;
}

.c-entries__item--level-4 .c-entries__name {
  margin-left: 6rem;
}

.c-entries__item .c-entries__name {
  position: relative;
}

.c-entries__item .c-entries__name .c-entries__dropdown {
  background-repeat: no-repeat;
  background-size: 1.1rem 1.1rem;
  background-image: url("/public/assets/icon_fill_arrow.svg");
  background-position: center;
  background-color: transparent;
  position: absolute;
  top: 1.2rem;
  bottom: 0;
  left: .2rem;
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  -webkit-transition: .2s all ease;
  transition: .2s all ease;
  border-radius: 50%;
}

.c-entries__item .c-entries__name .c-entries__dropdown:hover {
  background-color: #c3d0df;
  -webkit-transition: .2s all ease;
  transition: .2s all ease;
}

.c-entries__item .c-entries__name .c-entries__dropdown.is_active {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: .2s all ease;
  transition: .2s all ease;
}

.c-entries__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-entries__control:not(:first-child) {
  min-width: 10rem;
}

.c-entries__name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-entries__link:link, .c-entries__link:visited {
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #273749;
  font-weight: 600;
  text-decoration: none;
}

.c-entries__icon {
  fill: #00aaff;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 1rem;
}

.c-entries--folder .c-entries__link:link, .c-entries--folder .c-entries__link:visited {
  padding: 2rem 2rem 2rem 3rem;
}

.c-entries--folder {
  margin-top: 3rem;
}

.c-entries--folder .c-entries__item:first-child {
  padding: 0;
  background: #f5f7fa;
  border-top: 1px solid #c3d0df;
  border-bottom: 1px solid #c3d0df;
}

.c-entries--folder .c-entries__item .c-entries__name .c-entries__dropdown {
  top: 1.6rem;
}

.c-entries--large .c-entries__link:link, .c-entries--large .c-entries__link:visited {
  padding: 2rem 1.5rem;
}

.c-tree {
  border: 1px solid #c3d0df;
  border-radius: .4rem;
  padding: 1rem 2rem 2rem;
}

.c-tree-item {
  padding: 0 0 0 2rem;
  position: relative;
}

.c-tree-item::before {
  position: absolute;
  content: "";
  width: 4rem;
  border-top: 1px solid #c3d0df;
  -webkit-transform: translateX(-1rem);
          transform: translateX(-1rem);
  left: 0;
  top: 2rem;
}

.c-tree-item__children {
  padding-left: 1rem;
  position: relative;
}

.c-tree-item__children::before {
  position: absolute;
  content: "";
  height: calc(100% - 1rem);
  border-left: 1px solid #c3d0df;
  -webkit-transform: translateX(-1rem) translateY(-1rem);
          transform: translateX(-1rem) translateY(-1rem);
}

.c-tree-item__element {
  padding: 1rem;
  border-radius: .4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: 1rem;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
}

.c-tree-item__element:hover {
  background: #e6f7ff;
}

.c-tree-item__element:hover .c-tree__add-item {
  visibility: visible;
  opacity: 1;
}

.c-tree-item__element .icon-mini {
  -webkit-transform: translateX(-3rem);
          transform: translateX(-3rem);
}

.c-tree__add-item {
  -ms-flex-item-align: end;
      align-self: flex-end;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
}

.l-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #39506a;
  height: 7rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 500;
}

.l-header::after {
  content: "";
  height: .6rem;
  width: 100%;
  position: absolute;
  bottom: -.6rem;
  background: -webkit-gradient(linear, left top, right top, from(#00aaff), to(#8427FB));
  background: linear-gradient(to right, #00aaff 0%, #8427FB 100%);
}

.l-header a {
  color: #ffffff;
}

.l-header__logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24rem;
          flex: 0 0 24rem;
  text-align: center;
}

.l-header__logo img {
  width: 15rem;
}

.l-header__search {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  height: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(2rem, rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 2rem);
}

.l-header__notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
}

.l-header__user {
  border-left: 1px solid #476485;
  border-right: 1px solid #476485;
  position: relative;
}

.l-header__user::before {
  left: 0;
  position: absolute;
  content: "";
  height: 7rem;
  width: 1px;
  border-left: 1px solid #304359;
}

.l-header__user::after {
  right: -2px;
  position: absolute;
  content: "";
  height: 7rem;
  width: 1px;
  border-right: 1px solid #304359;
}

.l-header__user, .l-header__logout {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2rem;
  color: #ffffff;
  text-decoration: none;
  height: 7rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.l-header__user:hover, .l-header__logout:hover {
  background: #476485;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.l-header__user-img {
  width: 4rem;
  height: 4rem;
  display: block;
  margin-right: 1rem;
}

.l-header__logout-icon {
  width: 2.4rem;
  height: 2.4rem;
  fill: currentColor;
  margin-right: 1rem;
}

.l-header__logout-icon use {
  stroke: currentColor;
}

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-top: 7.6rem;
  position: relative;
}

.main--noheader {
  padding-top: 0;
}

.main--noheader .l-topbar {
  top: 0;
}

.main--noheader .l-content {
  background: #c3d0df;
  height: 100%;
  min-height: 100vh;
}

.main--noheader .l-sidebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40rem;
          flex: 0 0 40rem;
  min-height: unset;
  height: 100vh;
}

.main--noheader .l-sidebar__container {
  width: 40rem;
  height: 100%;
  background: #f5f7fa;
  padding: 0;
}

.main--sections .l-sidebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47rem;
          flex: 0 0 47rem;
}

.main--sections .l-sidebar__container {
  width: 47rem;
}

.l-sidebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24rem;
          flex: 0 0 24rem;
  min-height: calc(100vh - 7.6rem);
  background: white;
}

.l-sidebar--list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32rem;
          flex: 0 0 32rem;
  border-left: 1px solid #ebeff4;
  border-right: 1px solid #ebeff4;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.l-sidebar--list tr {
  background: white !important;
}

.l-sidebar--list tr:hover {
  background: #e6f7ff !important;
}

.l-sidebar--list tr td {
  padding: 1.5rem;
}

.l-sidebar__container {
  padding: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  width: 24rem;
}

.l-sidebar__container--list {
  width: 32rem;
  padding: 0;
}

.l-sidebar__container--subnav {
  height: 100%;
  background: #f5f7fa;
  width: 32rem;
  padding: 2rem;
  overflow-y: auto;
}

.l-sidebar--shrinked {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8rem;
          flex: 0 0 8rem;
}

.l-sidebar--shrinked .l-sidebar__container {
  padding: 1rem;
  width: auto;
}

.l-sidebar__box {
  padding: 1.5rem;
  border-bottom: 1px solid #c3d0df;
}

.l-sidebar__box--head {
  padding: 3rem 1.5rem;
  background: #f5f7fa;
}

.l-sidebar__box--scroll {
  height: calc(100vh - 25rem);
  overflow-y: auto;
}

.l-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  background: #ebeff4;
  min-height: calc(100vh - 7.6rem);
}

.l-content__container {
  max-width: 100rem;
  margin: 3rem auto;
  padding: 0 3rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
}

.l-content__container--full {
  max-width: 160rem;
}

.l-content__container--section {
  max-width: 100%;
  margin: 3rem 3rem 3rem 10rem;
}

.l-content__sidebar {
  position: absolute;
  width: 20rem;
  right: -20rem;
  top: 0;
  height: 100%;
}

.l-content__sidebar-list {
  list-style: none;
  position: -webkit-sticky;
  position: sticky;
  top: 18.2rem;
}

.l-content__sidebar-item a {
  padding: 1rem 1.5rem;
  display: block;
  border-radius: 0.5rem;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
  font-weight: 500;
}

.l-content__sidebar-item.is_active a {
  background: #ffffff;
}

.l-content__sidebar-item a:hover {
  background: rgba(255, 255, 255, 0.5);
}

.l-topbar {
  z-index: 15;
  background: #f5f7fa;
  margin-bottom: 3rem;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 7.6rem;
  height: 7.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 1rem 0 1rem 0 #c3d0df;
          box-shadow: 1rem 0 1rem 0 #c3d0df;
}

.l-topbar__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 3rem;
  width: 100rem;
  margin: 0 auto;
}

.l-topbar__container--full {
  width: 100%;
  max-width: 160rem;
}

.l-topbar__title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.l-topbar__back-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-topbar__back-link a .icon {
  margin-right: .6rem;
}

.l-screenbox--header {
  border: 1px solid #ebeff4;
  border-radius: .8rem .8rem 0 0;
  background: #f5f7fa;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.l-screenbox--main {
  position: relative;
}

.l-screenbox--main:hover .l-screenbox-edit {
  visibility: visible;
  opacity: 1;
}

.l-screenbox--footer {
  border: 1px solid #ebeff4;
  border-radius: 0 0 .8rem .8rem;
  background: #f5f7fa;
  height: 6rem;
}

.l-screenbox-action {
  background: #ffffff;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  border: 1px solid #c3d0df;
  position: absolute;
  display: block;
  left: 5rem;
}

.l-screenbox-action::before, .l-screenbox-action::after {
  position: absolute;
  top: -.1rem;
  display: block;
  content: "";
  background: #ffffff;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  border: 1px solid #c3d0df;
}

.l-screenbox-action::before {
  left: -2.8rem;
}

.l-screenbox-action::after {
  right: -2.8rem;
}

.l-screenbox-addressbar {
  margin: 0 auto;
}

.l-screenbox-edit {
  background: #b3c3d6;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: -10rem;
  width: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2.5rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
}

.l-screenbox-edit .btn {
  display: block;
  margin: 0 0 .8rem;
}

.side-title {
  height: 7.6rem;
  background: #ebeff4;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 0 0 0 1px #c3d0df;
          box-shadow: 0 0 0 1px #c3d0df;
  margin-bottom: 1px;
}

.side-title a:not(.btn) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.side-title a:not(.btn) .icon {
  margin-right: .6rem;
}

.side-title--back {
  background: #ffffff;
}

.side-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 500;
  border-bottom: 1rem solid #f5f7fa;
}

.side-tabs__item {
  padding: 2rem 0;
  width: 100%;
  text-align: center;
  background: #ffffff;
}

.side-tabs__item:not(:last-child) {
  border-right: 1px solid #c3d0df;
}

.side-tabs__item:link, .side-tabs__item:visited {
  color: #273749;
}

.side-tabs__item:hover, .side-tabs__item:focus {
  background: #e6f7ff;
}

.side-tabs__item.is_active {
  font-weight: 600;
  background: #f5f7fa;
}

.side-tabs__item:not(.is_active) {
  border-bottom: 1px solid #c3d0df;
}

.side-nav--border-bottom {
  border-bottom: 1px solid #c3d0df;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.side-nav__item {
  list-style: none;
}

.side-nav__item:not(:last-child) {
  margin-bottom: .5rem;
}

.side-nav__item .c-drag-icon,
.side-nav__item .c-more-link {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3rem;
          flex: 0 0 3rem;
}

.side-nav__link:link, .side-nav__link:visited {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #273749;
  font-weight: 600;
  font-size: 1.3rem;
  text-decoration: none;
  border-radius: 0.5rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  word-wrap: break-word;
}

.side-nav__link.is_active {
  background: #f5f7fa;
}

.side-nav__link:hover {
  background: #e6f7ff;
}

.l-sidebar--shrinked .side-nav__link:link, .l-sidebar--shrinked .side-nav__link:visited {
  padding: 1rem;
  font-size: .8rem;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 6rem;
}

.l-sidebar--shrinked .side-nav__link span {
  text-align: center;
}

.side-nav .icon {
  margin-right: 1rem;
}

.l-sidebar--shrinked .side-nav .icon {
  margin-right: 0;
  margin-bottom: .6rem;
}

.side-nav--editor .side-nav__item {
  border-bottom: 1px solid #c3d0df;
}

.side-nav--editor .side-nav__item:not(:last-child) {
  margin-bottom: unset;
}

.side-nav--editor .side-nav__link:link, .side-nav--editor .side-nav__link:visited {
  padding: 2rem;
  background: #ffffff;
}

.side-nav--editor .side-nav__link:hover, .side-nav--editor .side-nav__link.is_active {
  background: #f5f7fa;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.side-nav--sections {
  margin: 0;
  border: 1px dashed #c3d0df;
  border-radius: 0.5rem;
  overflow: hidden;
}

.side-nav--sections .side-nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  background: #ffffff;
}

.side-nav--sections .side-nav__item:not(:last-child) {
  margin-bottom: unset;
  border-bottom: 1px dashed #c3d0df;
}

.side-nav--sections.border-solid {
  border: 1px solid #c3d0df;
}

.side-nav--sections.border-solid .side-nav__item:not(:last-child) {
  border-bottom: 1px solid #c3d0df;
}

.side-nav--sections .c-drag-icon + .side-nav__link:link, .side-nav--sections .c-drag-icon + .side-nav__link:visited {
  padding: 2rem 1rem;
}

.side-nav--sections .side-nav__link {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  min-width: 0;
}

.side-nav--sections .side-nav__link:link, .side-nav--sections .side-nav__link:visited {
  padding: 2rem 1rem 2rem 4rem;
  background: #ffffff;
}

.side-nav--sections .side-nav__link:hover, .side-nav--sections .side-nav__link.is_active {
  background: #f5f7fa;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.side-nav--sections .side-nav__link:hover span, .side-nav--sections .side-nav__link.is_active span {
  display: inline;
}

.side-nav--sections .side-nav__link strong {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.side-nav--sections .side-nav__link svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.side-nav--sections .side-nav__link span {
  display: none;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #f5f7fa;
  color: #333;
  font-weight: 300;
  margin-left: 1rem;
  border-radius: 0.5rem;
  padding: 0 .5rem;
}

.side-body {
  padding: 2.5rem 1.5rem;
  overflow: auto;
  height: calc(100% - 27.4rem);
}

.side-body .c-fieldgroup {
  padding: .75rem;
}

.side-body--section-list {
  padding: 0;
  height: calc(100% - 7.6rem);
  width: 47rem;
}

.side-body--pages-list {
  height: calc(100% - 7.6rem);
}

.side-body--with-tabs {
  height: calc(100% - 14.4rem);
}

.l-sidebar--shrinked .side-subnav {
  display: none;
}

.side-subnav__item {
  list-style: none;
}

.side-subnav__link:link, .side-subnav__link:visited {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6082a9;
  font-weight: 500;
  font-size: 1.3rem;
  text-decoration: none;
  border-radius: 0.5rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin-left: 2.8rem;
}

.side-subnav__link.is_active {
  background: #ebeff4;
}

.side-subnav__link:hover {
  background: #e6f7ff;
}

.side-nav-separator {
  margin: 2rem 0 1rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #6082a9;
  border-bottom: 1px solid #c3d0df;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.side-nav-separator .icon-mini {
  position: relative;
}

.l-sidebar--shrinked .side-nav-separator {
  font-size: 1rem;
  padding: 1rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  width: 6rem;
  text-align: center;
}

.l-sidebar--shrinked .side-nav-separator .icon-mini {
  margin-bottom: .5rem;
}

.sidebar-subnav {
  margin-bottom: 3rem;
}

.sidebar-subnav__title {
  color: #91a9c4;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.1rem;
  margin: 1rem;
}

.sidebar-subnav__item {
  list-style: none;
}

.sidebar-subnav__link:link, .sidebar-subnav__link:visited {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #273749;
  font-weight: 500;
  font-size: 1.3rem;
  text-decoration: none;
  border-radius: 0.5rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.sidebar-subnav__link:hover, .sidebar-subnav__link.is_active {
  background: #ffffff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-box-shadow: 0 0 0.2rem 0 #c3d0df;
          box-shadow: 0 0 0.2rem 0 #c3d0df;
}

.l-stack {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 10rem;
  right: 0;
  background: white;
  z-index: 1100;
  -webkit-box-shadow: 0 0 10rem 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 10rem 0 rgba(0, 0, 0, 0.4);
}

.l-stack .l-stack {
  position: absolute;
}

.l-stack__close {
  position: absolute;
  width: 10rem;
  left: -10rem;
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  cursor: pointer;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
}

.l-stack__close:hover {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
}

.l-stack--side {
  left: unset;
  max-width: 40rem;
  width: 100%;
  -webkit-box-shadow: 0 0 10rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10rem 0 rgba(0, 0, 0, 0.2);
}

.l-stack--side .l-stack__close {
  left: 0;
}

.popup {
  position: absolute;
  z-index: 20000;
  background: white;
  border-radius: 0.5rem;
  width: 100%;
  max-width: 100rem;
}

.popup--full {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: unset;
}

.popup__head, .popup__foot {
  background: #f5f7fa;
  padding: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: black;
  border-radius: 0.5rem 0.5rem 0 0;
}

.popup__foot {
  border-radius: 0 0 0.5rem 0.5rem;
}

.popup__title {
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup__title .icon {
  margin-right: .6rem;
}

.popup__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popup__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow-y: auto;
  z-index: 10000;
}

.popup__sidebar {
  overflow: auto;
  padding: 3rem 0 3rem 3rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37rem;
          flex: 0 0 37rem;
}

.popup__sidebar--right {
  padding: 0;
}

.popup__content {
  overflow: auto;
  padding: 3rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.popup .state-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.popup .state-box--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.popup .state-box--column .state-box__icon {
  margin-right: unset;
  margin-bottom: 3rem;
}

.popup .state-box__icon {
  margin-right: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  border-radius: 0.5rem;
}

.popup .state-box__icon.text-danger {
  background: #ffcfde;
}

.popup .state-box__icon.text-warning {
  background: #ffeccc;
}

.popup .state-box__icon.text-success {
  background: #b5f6a9;
}

.popup .state-box__icon.text-info {
  background: #c8e1fd;
}

.popup .state-box__icon .icon {
  width: 3rem;
  height: 3rem;
}

.popup__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup__image img {
  width: auto;
  max-width: 100%;
}

.popup--dark {
  position: fixed;
  background: #0c1117;
}

.popup--dark .popup__head, .popup--dark .popup__foot {
  background: #273749;
  color: #ffffff;
}

.popup--dark .btn {
  background: transparent;
}

.popup--dark .btn:hover {
  background: #00aaff;
}

.popup--dark .btn--danger:hover {
  background: #ff0350;
}

.popup--dark .popup__sidebar {
  background: #273749;
}

.popup--dark .c-label, .popup--dark .c-lang-picker a {
  color: #bfbfbf;
}

.popup--dark .c-input-text__field, .popup--dark .c-input-text__area {
  background: #d9d9d9;
}

.popup--dark .c-input-text__field:focus, .popup--dark .c-input-text__area:focus {
  background: white;
}

.popup--regular {
  position: relative;
  width: 100rem;
  max-height: 100%;
  overflow-y: auto;
}

.popup--small {
  position: relative;
  max-width: 50rem;
  width: 100%;
}

.popup--small .popup__head,
.popup--small .popup__foot,
.popup--small .popup__content {
  padding: 2rem;
}

.popup--small .box {
  padding: 2rem 2rem 0;
}

.popup-overlay {
  z-index: 10000;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html, body {
  height: 100%;
  background: #f5f7fa;
}

.startscreen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 56.25em) {
  .startscreen {
    display: block;
    -webkit-animation-name: splash-mob;
            animation-name: splash-mob;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 4.5s;
            animation-duration: 4.5s;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.startscreen__splash {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#00aaff), to(#8427FB));
  background-image: linear-gradient(to right, #00aaff 0%, #8427FB 100%);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.startscreen__splash .splash-img {
  position: absolute;
  bottom: 0;
  width: 100%;
  mix-blend-mode: luminosity;
  opacity: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation: show-mountain .8s 3.5s ease-in-out forwards;
          animation: show-mountain .8s 3.5s ease-in-out forwards;
}

.startscreen__splash .splash-img__credits {
  position: absolute;
  color: #ebeff4;
  bottom: 1rem;
  right: 1rem;
  opacity: 0;
  font-size: 1.2rem;
  -webkit-animation: show-mountain .8s 3.5s ease-in-out forwards;
          animation: show-mountain .8s 3.5s ease-in-out forwards;
}

.startscreen__login {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  overflow: hidden;
  background: #f5f7fa;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation-name: show-login;
          animation-name: show-login;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}

@media only screen and (max-width: 56.25em) {
  .startscreen__login {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    text-align: center;
    -webkit-animation-name: unset;
            animation-name: unset;
  }
}

.login-logo {
  width: 80%;
  max-width: 60rem;
  position: relative;
}

@-webkit-keyframes offset {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes offset {
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes fill-white {
  to {
    fill: #ffffff;
    stroke: transparent;
  }
}

@keyframes fill-white {
  to {
    fill: #ffffff;
    stroke: transparent;
  }
}

@-webkit-keyframes fill-blue {
  to {
    fill: #00aaff;
    stroke: transparent;
  }
}

@keyframes fill-blue {
  to {
    fill: #00aaff;
    stroke: transparent;
  }
}

@-webkit-keyframes show-mountain {
  to {
    opacity: .6;
  }
}

@keyframes show-mountain {
  to {
    opacity: .6;
  }
}

.logoletter__s,
.logoletter__e,
.logoletter__l1,
.logoletter__l2,
.logoletter__d,
.logoletter__i1,
.logoletter__g,
.logoletter__i2,
.logoletter__t,
.logoletter__a,
.logoletter__l3 {
  stroke-linejoin: round;
  stroke-width: .2;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  stroke: #ffffff;
  fill: transparent;
  -webkit-animation-name: offset, fill-white;
          animation-name: offset, fill-white;
  -webkit-animation-duration: 1s, 1s;
          animation-duration: 1s, 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out, ease-in-out;
          animation-timing-function: ease-in-out, ease-in-out;
}

.logoletter__s {
  -webkit-animation-delay: 0s, 1s;
          animation-delay: 0s, 1s;
}

.logoletter__e {
  -webkit-animation-delay: .1s, 1.1s;
          animation-delay: .1s, 1.1s;
}

.logoletter__l1 {
  -webkit-animation-delay: .2s, 1.2s;
          animation-delay: .2s, 1.2s;
}

.logoletter__l2 {
  -webkit-animation-delay: .3s, 1.3s;
          animation-delay: .3s, 1.3s;
}

.logoletter__d {
  -webkit-animation-delay: .4s, 1.4s;
          animation-delay: .4s, 1.4s;
}

.logoletter__i1 {
  -webkit-animation-delay: .5s, 1.5s;
          animation-delay: .5s, 1.5s;
}

.logoletter__g {
  -webkit-animation-delay: .6s, 1.6s;
          animation-delay: .6s, 1.6s;
}

.logoletter__i2 {
  -webkit-animation-delay: .7s, 1.7s;
          animation-delay: .7s, 1.7s;
}

.logoletter__t {
  -webkit-animation-delay: .8s, 1.8s;
          animation-delay: .8s, 1.8s;
}

.logoletter__a {
  -webkit-animation-delay: .9s, 1.9s;
          animation-delay: .9s, 1.9s;
}

.logoletter__l3 {
  -webkit-animation-delay: 1s, 2s;
          animation-delay: 1s, 2s;
}

.st0 {
  enable-background: new;
}

.logoletter_blue {
  fill: transparent;
  -webkit-animation: fill-blue 1s 2s forwards;
          animation: fill-blue 1s 2s forwards;
}

.login-form {
  width: 80%;
  max-width: 60rem;
  -webkit-animation-name: show-login-form;
          animation-name: show-login-form;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  opacity: 1;
  visibility: visible;
}

.login-form__title {
  margin-bottom: 4rem;
}

.login-form__title + p {
  line-height: 1.5;
}

.login-form__icon .icon {
  width: 4.8rem;
  height: 4.8rem;
}

@-webkit-keyframes show-login {
  0% {
    -webkit-box-flex: 1;
            flex: 1 1 0;
  }
  80% {
    -webkit-box-flex: 1;
            flex: 1 1 0;
  }
  100% {
    -webkit-box-flex: 1;
            flex: 1 1 100%;
  }
}

@keyframes show-login {
  0% {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
  80% {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
  100% {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

@-webkit-keyframes show-login-form {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  40% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes show-login-form {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  40% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes splash-mob {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  95% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes splash-mob {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  95% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-logo {
  width: 80%;
  max-width: 60rem;
  position: relative;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: .3rem;
}

.logo-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 30em;
  height: 30em;
  position: relative;
}

.logo-circle__item {
  width: 15em;
  height: 15em;
  border-color: #ffffff;
  border-width: 4.6em;
  -webkit-animation: forwards 1.5s ease-in-out show-new-logo;
          animation: forwards 1.5s ease-in-out show-new-logo;
}

.logo-circle__item:nth-child(1) {
  border-top-left-radius: 100%;
  border-left-style: solid;
  border-top-style: solid;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.logo-circle__item:nth-child(2) {
  border-top-right-radius: 100%;
  border-right-style: solid;
  border-top-style: solid;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.logo-circle__item:nth-child(3) {
  border-bottom-left-radius: 100%;
  border-left-style: solid;
  border-bottom-style: solid;
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-animation: forwards 1.5s ease-in-out show-new-logo, ease-in-out forwards .5s 1.5s flip-horizontal;
          animation: forwards 1.5s ease-in-out show-new-logo, ease-in-out forwards .5s 1.5s flip-horizontal;
}

.logo-circle__item:nth-child(4) {
  border-bottom-right-radius: 100%;
  border-right-style: solid;
  border-bottom-style: solid;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.logo-circle__full-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 30em;
  height: 30em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}

.logo-circle__full-circle .full-circle {
  width: 30em;
  height: 30em;
  border-radius: 15em;
  border-color: white;
  border-style: solid;
  border-width: 4.6em;
  -webkit-animation: forwards 1.5s ease-in-out show-circle;
          animation: forwards 1.5s ease-in-out show-circle;
}

@-webkit-keyframes show-circle {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    border-width: 15em;
  }
  70% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    border-width: 15em;
  }
  99% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    border-width: 4.6em;
  }
  100% {
    opacity: 0;
  }
}

@keyframes show-circle {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    border-width: 15em;
  }
  70% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    border-width: 15em;
  }
  99% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    border-width: 4.6em;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes show-new-logo {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    border-width: 15em;
  }
  70% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    border-width: 15em;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    border-width: 4.6em;
  }
}

@keyframes show-new-logo {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    border-width: 15em;
  }
  70% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    border-width: 15em;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    border-width: 4.6em;
  }
}

@-webkit-keyframes flip-horizontal {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}

@keyframes flip-horizontal {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}

.logo-name {
  opacity: 0;
  margin-top: 14em;
  width: 110em;
  padding-right: 6em;
  -webkit-animation: forwards ease-in-out 1s 1.8s show-new-logo-name;
          animation: forwards ease-in-out 1s 1.8s show-new-logo-name;
}

@-webkit-keyframes show-new-logo-name {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes show-new-logo-name {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Generated using nucleoapp.com */
/* --------------------------------

Icon colors

-------------------------------- */
.icon {
  display: inline-block;
  /* icon primary color */
  color: #00aaff;
  height: 1.8rem;
  width: 1.8rem;
  stroke-width: .15rem;
}

.icon use {
  /* icon secondary color - fill */
  fill: #6082a9;
}

.icon.icon--outline use {
  /* icon secondary color - stroke */
  stroke: #6082a9;
}

/* --------------------------------

Change icon size

-------------------------------- */
.icon--xs {
  height: 0.5em;
  width: 0.5em;
}

.icon--sm {
  height: 0.8em;
  width: 0.8em;
}

.icon--lg {
  height: 1.6em;
  width: 1.6em;
}

.icon--xl {
  height: 2em;
  width: 2em;
}

/* --------------------------------

Align icon and text

-------------------------------- */
.icon-text-aligner {
  /* add this class to parent element that contains icon + text */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icon-text-aligner .icon {
  color: inherit;
  margin-right: 0.4em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.icon-text-aligner .icon.icon--align-right {
  margin-right: 0;
  margin-left: 0.4em;
}

.icon-text-aligner .icon use {
  color: inherit;
  fill: currentColor;
}

.icon-text-aligner .icon.icon--outline use {
  stroke: currentColor;
}

/* --------------------------------

Icon reset values - used to enable color customizations

-------------------------------- */
.icon {
  fill: currentColor;
  stroke: none;
}

.icon.icon--outline {
  stroke: currentColor;
}

.icon use {
  stroke: none;
}

/* --------------------------------

Stroke effects - Nucleo outline icons

- 16px icons -> up to 1px stroke (16px outline icons do not support stroke changes)
- 24px, 32px icons -> up to 2px stroke
- 48px, 64px icons -> up to 4px stroke

-------------------------------- */
.icon--outline.icon--stroke-1 {
  stroke-width: 1px;
}

.icon--outline.icon--stroke-2 {
  stroke-width: 2px;
}

.icon--outline.icon--stroke-3 {
  stroke-width: 3px;
}

.icon--outline.icon--stroke-4 {
  stroke-width: 4px;
}

.icon--outline.icon--stroke-1 use,
.icon--outline.icon--stroke-3 use {
  -webkit-transform: translateX(0.5px) translateY(0.5px);
  transform: translateX(0.5px) translateY(0.5px);
}

.icon--danger {
  fill: #ff0350;
  color: #ff0350;
}

.icon--danger use {
  stroke: currentColor;
}

.icon--warning {
  fill: #ffa200;
  color: #ffa200;
}

.icon--warning use {
  stroke: currentColor;
}

.icon--success {
  fill: #2fc013;
  color: #2fc013;
}

.icon--success use {
  stroke: currentColor;
}

.icon--info {
  fill: #0875f1;
  color: #0875f1;
}

.icon--info use {
  stroke: currentColor;
}

/*
    Redactor 3

    http://imperavi.com/redactor/

    Copyright (c) 2009-2018, Imperavi LLC.
    License: http://imperavi.com/redactor/license/
*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.redactor-animate-hide {
  display: none !important;
}

.redactor-fadeIn {
  opacity: 0;
  -webkit-animation: fadeIn .5s ease-in-out;
  animation: fadeIn .5s ease-in-out;
}

.redactor-fadeOut {
  opacity: 1;
  -webkit-animation: fadeOut .5s ease-in-out;
  animation: fadeOut .5s ease-in-out;
}

@font-face {
  font-family: 'Redactor';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="re-icon-"], [class*=" re-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Redactor' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.re-icon-aligncenter:before {
  content: "\E900";
}

.re-icon-alignment:before,
.re-icon-alignleft:before {
  content: "\E901";
}

.re-icon-alignright:before {
  content: "\E902";
}

.re-icon-bold:before {
  content: "\E903";
}

.re-icon-bookmark:before {
  content: "\E904";
}

.re-icon-clips:before {
  content: "\E905";
}

.re-icon-codesnippets:before {
  content: "\E906";
}

.re-icon-deleted:before {
  content: "\E907";
}

.re-icon-expand:before {
  content: "\E908";
}

.re-icon-file:before {
  content: "\E909";
}

.re-icon-fontcolor:before {
  content: "\E90A";
}

.re-icon-fontfamily:before {
  content: "\E90B";
}

.re-icon-fontsize:before {
  content: "\E90C";
}

.re-icon-format:before {
  content: "\E90D";
}

.re-icon-html:before {
  content: "\E90E";
}

.re-icon-imagecenter:before {
  content: "\E90F";
}

.re-icon-imageleft:before {
  content: "\E910";
}

.re-icon-imageright:before {
  content: "\E911";
}

.re-icon-image:before {
  content: "\E912";
}

.re-icon-indent:before {
  content: "\E913";
}

.re-icon-inline:before {
  content: "\E914";
}

.re-icon-italic:before {
  content: "\E915";
}

.re-icon-line:before,
.re-icon-horizontalrule:before {
  content: "\E916";
}

.re-icon-link:before {
  content: "\E917";
}

.re-icon-ol:before,
.re-icon-ordered:before {
  content: "\E918";
}

.re-icon-outdent:before {
  content: "\E919";
}

.re-icon-properties:before {
  content: "\E91A";
}

.re-icon-readmore:before {
  content: "\E91B";
}

.re-icon-redo:before {
  content: "\E91C";
}

.re-icon-retract:before {
  content: "\E91D";
}

.re-icon-specialcharacters:before {
  content: "\E91E";
}

.re-icon-sub:before {
  content: "\E91F";
}

.re-icon-sup:before {
  content: "\E920";
}

.re-icon-table:before {
  content: "\E921";
}

.re-icon-textdirection:before {
  content: "\E922";
}

.re-icon-toggle:before {
  content: "\E923";
}

.re-icon-underline:before {
  content: "\E924";
}

.re-icon-undo:before {
  content: "\E925";
}

.re-icon-ul:before,
.re-icon-lists:before,
.re-icon-unordered:before {
  content: "\E926";
}

.re-icon-variable:before {
  content: "\E927";
}

.re-icon-video:before {
  content: "\E928";
}

.re-icon-widget:before {
  content: "\E929";
}

.redactor-box,
.redactor-box textarea {
  z-index: auto;
}

.redactor-box {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.redactor-box.redactor-styles-on {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.075);
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.redactor-box.redactor-inline {
  position: static;
}

.redactor-focus.redactor-styles-on,
.redactor-focus:focus.redactor-styles-on {
  border-color: #82b7ec !important;
}

.redactor-over:hover.redactor-styles-on {
  border-color: #ee698a !important;
}

.redactor-source-view,
.redactor-source-view.redactor-styles-on {
  border-color: #000 !important;
}

.redactor-in {
  position: relative;
  overflow: auto;
  white-space: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.redactor-in:focus {
  outline: none;
}

.redactor-inline .redactor-in {
  overflow: hidden;
}

.redactor-in *,
.redactor-read-only * {
  outline: none !important;
}

.redactor-in h1:empty,
.redactor-in h2:empty,
.redactor-in h3:empty,
.redactor-in h4:empty,
.redactor-in h5:empty,
.redactor-in h6:empty,
.redactor-in p:empty,
.redactor-in blockquote:empty {
  min-height: 1.5em;
}

.redactor-in strong:empty, .redactor-in b:empty, .redactor-in em:empty, .redactor-in i:empty, .redactor-in span:empty, .redactor-in sup:empty, .redactor-in sub:empty, .redactor-in u:empty, .redactor-in ins:empty {
  display: inline-block;
  min-width: 1px;
  min-height: 1rem;
}

.redactor-in table {
  empty-cells: show;
}

.redactor-in li figure {
  width: auto;
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

.redactor-in figcaption:focus,
.redactor-in figure code:focus,
.redactor-in figure pre:focus,
.redactor-in table td:focus,
.redactor-in table th:focus {
  outline: none;
}

.redactor-in figure[data-redactor-type=line] {
  margin-top: 1em;
  padding: 6px 0;
  vertical-align: baseline;
}

.redactor-in figure[data-redactor-type=line] hr {
  margin: 0;
  height: 3px;
  border: none;
  background: rgba(0, 0, 0, 0.1);
}

.redactor-component {
  position: relative;
}

.redactor-component[data-redactor-type="widget"]:before,
.redactor-component[data-redactor-type="video"]:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}

.redactor-component[data-redactor-type=image],
.redactor-component[data-redactor-type=widget] {
  clear: both;
}

.redactor-component[data-redactor-type=variable] {
  white-space: nowrap;
  background: rgba(0, 125, 255, 0.75);
  color: #fff;
  display: inline-block;
  padding: 3px 6px;
  line-height: 1;
  border-radius: 4px;
  cursor: pointer;
}

.redactor-component-active {
  outline: 5px solid rgba(0, 125, 255, 0.5) !important;
}

.redactor-component-active[data-redactor-type=image] {
  outline: none !important;
}

.redactor-component-active[data-redactor-type=image] img {
  outline: 5px solid rgba(0, 125, 255, 0.5) !important;
}

.redactor-component-active[data-redactor-type=variable] {
  outline: none !important;
  background: #ee698a;
}

.redactor-component-active[data-redactor-type=video] {
  outline: none !important;
}

.redactor-component-active[data-redactor-type=video] iframe {
  outline: 5px solid rgba(0, 125, 255, 0.5) !important;
}

.redactor-blur.redactor-styles-on .redactor-component-active {
  outline: 5px solid #ddd !important;
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] {
  outline: none !important;
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] img {
  outline: 5px solid #ddd !important;
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] {
  outline: none !important;
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] iframe {
  outline: 5px solid #ddd !important;
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=variable] {
  outline: none !important;
  background: #ddd;
}

.redactor-component-caret {
  position: absolute;
  left: -9999px;
}

.redactor-textnodes-wrapper {
  display: inline-block;
}

#redactor-image-resizer {
  position: absolute;
  z-index: 1050;
  background-color: rgba(0, 125, 255, 0.9);
  width: 13px;
  height: 13px;
  border: 1px solid #fff;
  cursor: move;
  cursor: nwse-resize;
}

.redactor-file-item {
  display: inline-block;
  line-height: 1;
  padding: 4px 12px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.redactor-file-remover {
  margin-left: 2px;
  position: relative;
  right: -3px;
  display: inline-block;
  padding: 0 3px;
  cursor: pointer;
  opacity: .5;
}

.redactor-file-remover:hover {
  opacity: 1;
}

#redactor-overlay {
  position: fixed;
  z-index: 1051;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(16, 16, 18, 0.18);
}

#redactor-overlay > .redactor-close {
  position: fixed;
  top: 1rem;
  right: 1rem;
}

.redactor-source,
.redactor-source:hover,
.redactor-source:focus {
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  width: 100%;
  display: block;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  background: #252525;
  color: #ccc;
  font-size: 15px;
  outline: none;
  padding: 10px 18px 20px 18px;
  line-height: 1.5;
  resize: vertical;
}

.redactor-box[dir="rtl"] .redactor-source {
  direction: ltr;
}

.redactor-placeholder:before {
  position: absolute;
  content: attr(placeholder);
  color: rgba(0, 0, 0, 0.4);
  font-weight: normal;
}

.redactor-in figcaption[placeholder]:empty:before {
  content: attr(placeholder);
  color: rgba(0, 0, 0, 0.4);
  font-weight: normal;
}

.redactor-in figcaption[placeholder]:empty:focus:before {
  content: "";
}

.redactor-statusbar {
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  margin: 0;
  padding: 8px 10px;
  position: relative;
  overflow: hidden;
  list-style: none;
  background: #f8f8f8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}

.redactor-statusbar li {
  float: left;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  padding: 0 10px;
  line-height: 16px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.redactor-statusbar li:last-child {
  border-right-color: transparent;
}

.redactor-statusbar a {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: underline;
}

.redactor-statusbar a:hover {
  color: #f03c69;
  text-decoration: underline;
}

.redactor-statusbar:empty {
  display: none;
}

.redactor-toolbar-wrapper {
  position: relative;
}

.redactor-toolbar,
.redactor-air {
  z-index: 100;
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  position: relative;
  margin: 0 !important;
  padding: 0;
  list-style: none !important;
  line-height: 1 !important;
  background: none;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.redactor-box.redactor-styles-on .redactor-toolbar {
  padding: 18px 16px 0 16px;
}

.redactor-toolbar a,
.redactor-air a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
  padding: 10px 15px 9px 15px;
  cursor: pointer;
  outline: none;
  border: none;
  vertical-align: middle;
  text-decoration: none;
  zoom: 1;
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.97);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  margin-right: 5px;
  margin-bottom: 4px;
}

.redactor-toolbar a.re-button-icon,
.redactor-air a.re-button-icon {
  font-size: 16px;
  padding: 9px 15px 6px 15px;
}

.redactor-toolbar a:hover,
.redactor-air a:hover {
  outline: none;
  color: #fff;
  background: #449aef;
}

.redactor-toolbar a.redactor-button-active {
  background: rgba(245, 245, 245, 0.95);
  color: rgba(0, 0, 0, 0.4);
}

.redactor-toolbar a.redactor-button-disabled,
.redactor-air a.redactor-button-disabled {
  opacity: 0.3;
}

.redactor-toolbar a.redactor-button-disabled:hover,
.redactor-air a.redactor-button-disabled:hover {
  color: #333;
  outline: none;
  background-color: transparent !important;
  cursor: default;
}

.redactor-source-view .redactor-toolbar {
  background: #252525;
}

.redactor-source-view .redactor-toolbar a {
  background: #000;
  color: #fff;
}

.redactor-source-view .redactor-toolbar a:hover {
  background: #449aef;
}

.redactor-source-view .redactor-toolbar a.redactor-button-disabled:hover {
  color: #fff !important;
  background-color: #000 !important;
}

.re-button-tooltip {
  display: none;
  position: absolute;
  white-space: nowrap;
  top: 0;
  z-index: 1052;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px 9px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 1;
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
}

.re-button-tooltip:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: none;
  border-bottom-color: rgba(0, 0, 0, 0.9);
  border-width: 4px;
  margin-left: -4px;
}

.redactor-toolbar-wrapper-air {
  position: absolute;
  z-index: 100;
}

.redactor-air {
  padding: 6px 3px 2px 8px;
  max-width: 576px;
  min-width: 200px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.97);
}

.redactor-air a {
  background: rgba(37, 37, 37, 0.95);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.9);
}

.redactor-air a:hover {
  background: #3d79f2;
}

.redactor-air a.redactor-button-active {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.redactor-air a.redactor-button-disabled:hover {
  color: #fff;
}

.redactor-air-helper {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
  font-size: 15px;
  color: #000;
  background: rgba(255, 255, 255, 0.85);
  border-bottom-left-radius: 4px;
  padding: 7px 10px 6px 10px;
  cursor: pointer;
}

.redactor-air-helper:hover {
  background: #fff;
}

.redactor-voice-label {
  display: none;
}

.redactor-context-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1051;
  background-color: rgba(0, 0, 0, 0.95);
  color: #555;
  border-radius: 4px;
  padding: 6px 18px 7px 18px;
  line-height: 1.5;
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
}

.redactor-context-toolbar a {
  font-size: 12px;
  color: #ccc;
  text-decoration: none;
  display: inline-block;
  padding: 2px 0 1px 12px;
}

.redactor-context-toolbar a:first-child {
  padding-left: 0;
}

.redactor-context-toolbar a i {
  position: relative;
  top: 3px;
  font-size: 16px;
}

.redactor-context-toolbar a:before {
  content: '';
  padding-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.redactor-context-toolbar a:hover {
  color: #fff;
}

.redactor-context-toolbar a:first-child:before {
  padding-left: 0;
  border-left: none;
}

.redactor-context-toolbar[dir="rtl"] a {
  padding: 2px 12px 1px 0;
}

.redactor-context-toolbar[dir="rtl"] a:first-child {
  padding-right: 0;
}

.redactor-context-toolbar[dir="rtl"] a:before {
  padding-left: 0px;
  padding-right: 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-left: none;
}

.redactor-context-toolbar[dir="rtl"] a:first-child:before {
  padding-right: 0;
  border-right: none;
}

.redactor-dropdown {
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  display: none;
  position: absolute;
  z-index: 1051;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  width: 264px;
  max-height: 250px;
  margin: 0;
  margin-top: -1px;
  overflow: auto;
  font-size: 15px;
  padding: 0;
}

.redactor-dropdown a span {
  display: inline-block;
  line-height: 1;
  padding: 2px 4px;
  border-radius: 3px;
}

.redactor-dropdown a {
  display: block;
  text-decoration: none;
  padding: 10px 8px;
  white-space: nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.redactor-dropdown a:last-child {
  border-bottom-color: transparent;
}

.redactor-dropdown a {
  color: #000;
}

.redactor-dropdown a:hover {
  color: #fff !important;
  background-color: #449aef !important;
}

.redactor-dropdown a.redactor-dropdown-item-disabled {
  color: rgba(0, 0, 0, 0.4);
  background: #fff;
}

.redactor-dropdown-cells {
  margin: 10px auto;
}

.redactor-dropdown-cells a,
.redactor-dropdown-cells span {
  float: left;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.redactor-dropdown-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.redactor-dropdown-selector span {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 12px;
  padding: 8px;
  cursor: pointer;
}

.redactor-dropdown-selector span:hover {
  background: #eee;
}

.redactor-dropdown-selector span.active {
  cursor: text;
  color: rgba(0, 0, 0, 0.3);
  background: #eee;
}

.redactor-dropdown-format .redactor-dropdown-item-blockquote {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}

.redactor-dropdown-format .redactor-dropdown-item-pre {
  font-family: monospace, sans-serif;
}

.redactor-dropdown-format .redactor-dropdown-item-h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 32px;
}

.redactor-dropdown-format .redactor-dropdown-item-h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 32px;
}

.redactor-dropdown-format .redactor-dropdown-item-h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}

.redactor-dropdown-format .redactor-dropdown-item-h4 {
  font-size: 21px;
  font-weight: bold;
  line-height: 24px;
}

.redactor-dropdown-format .redactor-dropdown-item-h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

.redactor-dropdown-format .redactor-dropdown-item-h6 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 24px;
}

#redactor-modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1051;
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  line-height: 24px;
}

.redactor-modal {
  position: relative;
  margin: 16px auto;
  padding: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 2px 15px rgba(80, 80, 80, 0.25);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 2px 15px rgba(80, 80, 80, 0.25);
  border-radius: 3px;
  color: #000;
}

.redactor-modal form {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.redactor-modal input,
.redactor-modal select,
.redactor-modal textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  height: 40px;
  outline: none;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #cacfd4;
  border-radius: 0.1875em;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 .5em;
}

.redactor-modal textarea {
  padding: .5em;
  height: auto;
  line-height: 1.5;
  vertical-align: top;
}

.redactor-modal select {
  -webkit-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="rgba(0, 0, 0, .4);" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right .65em center;
  padding-right: 28px;
}

.redactor-modal select[multiple] {
  background-image: none;
  height: auto;
  padding: .5em .75em;
}

.redactor-modal input[type="file"] {
  width: auto;
  border: none;
  padding: 0;
  height: auto;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
}

.redactor-modal input[type="radio"],
.redactor-modal input[type="checkbox"] {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0;
  vertical-align: middle;
  position: relative;
  bottom: 0.15rem;
  font-size: 115%;
  margin-right: 3px;
}

.redactor-modal .form-item {
  margin-bottom: 20px;
}

.redactor-modal .form-item:last-child {
  margin-bottom: 0;
}

.redactor-modal fieldset {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 16px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.redactor-modal fieldset .form-item {
  margin-bottom: 12px;
}

.redactor-modal label {
  display: block;
  color: #555;
  margin-bottom: 0.25em;
  font-size: 14px;
}

.redactor-modal label .desc,
.redactor-modal label .success,
.redactor-modal label .error {
  text-transform: none;
  font-weight: normal;
}

.redactor-modal label.checkbox {
  font-size: 16px;
  line-height: 1.5;
  cursor: pointer;
  color: inherit;
}

.redactor-modal .form-checkboxes label.checkbox {
  display: inline-block;
  margin-right: 1em;
}

.redactor-modal input:hover,
.redactor-modal textarea:hover,
.redactor-modal select:hover {
  outline: none;
  background-color: #fff;
  border-color: #969fa9;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.redactor-modal input:focus,
.redactor-modal textarea:focus,
.redactor-modal select:focus {
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  outline: none;
  background-color: #fff;
  border-color: rgba(0, 125, 255, 0.5);
  -webkit-box-shadow: 0 0 3px rgba(0, 125, 255, 0.5);
  box-shadow: 0 0 3px rgba(0, 125, 255, 0.5);
}

.redactor-modal input.error,
.redactor-modal textarea.error,
.redactor-modal select.error {
  background-color: rgba(255, 50, 101, 0.1);
  border: 1px solid #ff7f9e;
}

.redactor-modal input.error:focus,
.redactor-modal textarea.error:focus,
.redactor-modal select.error:focus {
  border-color: #ff3265;
  -webkit-box-shadow: 0 0 1px #ff3265;
  box-shadow: 0 0 1px #ff3265;
}

.redactor-modal input.success,
.redactor-modal textarea.success,
.redactor-modal select.success {
  background-color: rgba(47, 196, 182, 0.1);
  border: 1px solid #65dacf;
}

.redactor-modal input.success:focus,
.redactor-modal textarea.success:focus,
.redactor-modal select.success:focus {
  border-color: #2fc4b6;
  -webkit-box-shadow: 0 0 1px #2fc4b6;
  box-shadow: 0 0 1px #2fc4b6;
}

.redactor-modal input:disabled, .redactor-modal input:disabled:hover, .redactor-modal input.disabled, .redactor-modal input.disabled:hover,
.redactor-modal textarea:disabled,
.redactor-modal textarea:disabled:hover,
.redactor-modal textarea.disabled,
.redactor-modal textarea.disabled:hover,
.redactor-modal select:disabled,
.redactor-modal select:disabled:hover,
.redactor-modal select.disabled,
.redactor-modal select.disabled:hover {
  resize: none;
  opacity: .6;
  cursor: default;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid #cacfd4;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
}

.redactor-modal .req {
  position: relative;
  top: 1px;
  font-weight: bold;
  color: #ff3265;
  font-size: 110%;
}

.redactor-modal .desc {
  color: rgba(51, 51, 51, 0.5);
  font-size: 12px;
}

.redactor-modal span.desc {
  margin-left: 0.25em;
}

.redactor-modal div.desc {
  margin-top: 0.25em;
}

.redactor-modal span.success,
.redactor-modal span.error {
  font-size: 12px;
  margin-left: 0.25em;
}

.redactor-modal div.desc {
  margin-bottom: -0.5em;
}

.redactor-modal .redactor-close {
  position: absolute;
  top: 16px;
  right: 12px;
  font-size: 30px;
  line-height: 30px;
  padding: 0px 4px;
  color: #000;
  opacity: .3;
  cursor: pointer;
}

.redactor-modal .redactor-close:hover {
  opacity: 1;
}

.redactor-modal .redactor-close:before {
  content: '\D7';
}

.redactor-modal button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  color: #007dff;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid #007dff;
  min-height: 40px;
  outline: none;
  padding: 0.5em 1.25em;
  cursor: pointer;
  line-height: 1.2;
  vertical-align: middle;
  -webkit-appearance: none;
}

.redactor-modal button:hover {
  outline: none;
  text-decoration: none;
  background: none;
  color: rgba(0, 125, 255, 0.6);
  border-color: rgba(0, 125, 255, 0.5);
}

.redactor-modal button.redactor-button-secondary {
  border-color: #2a2e34;
  color: #2a2e34;
}

.redactor-modal button.redactor-button-secondary:hover {
  color: rgba(42, 46, 52, 0.6);
  border-color: rgba(42, 46, 52, 0.5);
}

.redactor-modal button.redactor-button-danger,
.redactor-modal button.redactor-button-unstyled {
  background: none;
  border-color: transparent;
  color: rgba(42, 46, 52, 0.6);
}

.redactor-modal button.redactor-button-danger:hover,
.redactor-modal button.redactor-button-unstyled:hover {
  background: none;
  border-color: transparent;
  color: #ff3265;
  text-decoration: underline;
}

.redactor-modal .redactor-modal-group:after {
  content: "";
  display: table;
  clear: both;
}

.redactor-modal .redactor-modal-side {
  float: left;
  width: 30%;
  margin-right: 4%;
}

.redactor-modal .redactor-modal-side img {
  max-width: 100%;
  height: auto;
  display: block;
}

.redactor-modal .redactor-modal-area {
  float: left;
  width: 66%;
}

.redactor-modal[dir="rtl"] .redactor-close {
  left: 12px;
  right: auto;
}

.redactor-modal[dir="rtl"] textarea {
  direction: ltr;
  text-align: left;
}

.redactor-modal[dir="rtl"] .redactor-modal-footer button.redactor-button-unstyled {
  float: left;
  margin-left: 0;
}

.redactor-modal-header {
  padding: 20px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.redactor-modal-header:empty {
  display: none;
}

.redactor-modal-body {
  padding: 32px 48px;
  padding-bottom: 40px;
}

.redactor-modal-footer {
  padding: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.redactor-modal-footer button {
  margin-right: 4px;
}

.redactor-modal-footer button.redactor-button-unstyled {
  margin-right: 0;
  float: right;
}

.redactor-modal-footer:empty {
  display: none;
}

.redactor-modal-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 1em;
}

.redactor-modal-tabs a {
  font-size: 15px;
  padding: 2px 0;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  margin-right: 14px;
}

.redactor-modal-tabs a:hover {
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}

.redactor-modal-tabs a:hover,
.redactor-modal-tabs a.active {
  font-weight: 500;
  color: #007dff;
  border-bottom-color: #007dff;
}

.redactor-styles {
  margin: 0;
  padding: 16px 18px;
  color: #333;
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-size: 1em;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.redactor-styles *,
.redactor-styles *:before,
.redactor-styles *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.redactor-styles[dir="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
}

.redactor-styles[dir="rtl"] ul li,
.redactor-styles[dir="rtl"] ol li {
  text-align: right;
}

.redactor-styles[dir="rtl"] ul,
.redactor-styles[dir="rtl"] ol,
.redactor-styles[dir="rtl"] ul ul,
.redactor-styles[dir="rtl"] ol ol,
.redactor-styles[dir="rtl"] ul ol,
.redactor-styles[dir="rtl"] ol ul {
  margin: 0 1.5em 0 0;
}

.redactor-styles[dir="rtl"] figcaption {
  text-align: right;
}

.redactor-styles a,
.redactor-styles a:hover {
  color: #3397ff;
}

.redactor-styles p,
.redactor-styles dl,
.redactor-styles blockquote,
.redactor-styles hr,
.redactor-styles pre,
.redactor-styles table,
.redactor-styles figure,
.redactor-styles address {
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}

.redactor-styles ul,
.redactor-styles ol {
  padding: 0;
}

.redactor-styles ul,
.redactor-styles ul ul,
.redactor-styles ul ol,
.redactor-styles ol,
.redactor-styles ol ul,
.redactor-styles ol ol {
  margin: 0 0 0 1.5em;
}

.redactor-styles ul li,
.redactor-styles ol li {
  text-align: left;
}

.redactor-styles ol ol li {
  list-style-type: lower-alpha;
}

.redactor-styles ol ol ol li {
  list-style-type: lower-roman;
}

.redactor-styles ul,
.redactor-styles ol {
  margin-bottom: 1em;
}

.redactor-styles h1,
.redactor-styles h2,
.redactor-styles h3,
.redactor-styles h4,
.redactor-styles h5,
.redactor-styles h6 {
  font-weight: 500;
  color: #111;
  text-rendering: optimizeLegibility;
  margin: 0;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

.redactor-styles h1 {
  font-size: 2.0736em;
}

.redactor-styles h2 {
  font-size: 1.728em;
}

.redactor-styles h3 {
  font-size: 1.44em;
}

.redactor-styles h4 {
  font-size: 1.2em;
}

.redactor-styles h5 {
  font-size: 1em;
}

.redactor-styles h6 {
  font-size: 0.83333333em;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.redactor-styles blockquote {
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
  border: none;
}

.redactor-styles table {
  width: 100%;
}

.redactor-styles time, .redactor-styles small, .redactor-styles var, .redactor-styles code, .redactor-styles kbd, .redactor-styles mark {
  display: inline-block;
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  font-size: 87.5%;
  line-height: 1;
  color: rgba(51, 51, 51, 0.9);
}

.redactor-styles var, .redactor-styles cite {
  opacity: .6;
}

.redactor-styles var {
  font-style: normal;
}

.redactor-styles dfn,
.redactor-styles abbr {
  text-transform: uppercase;
}

.redactor-styles dfn[title],
.redactor-styles abbr[title] {
  text-decoration: none;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
  cursor: help;
}

.redactor-styles code, .redactor-styles kbd {
  position: relative;
  top: -1px;
  padding: 0.25em;
  padding-bottom: 0.2em;
  border-radius: 2px;
}

.redactor-styles code {
  background-color: #eff1f2;
}

.redactor-styles mark {
  border-radius: 2px;
  padding: 0.125em 0.25em;
  background-color: #fdb833;
}

.redactor-styles kbd {
  border: 1px solid #e5e7e9;
}

.redactor-styles sub,
.redactor-styles sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.redactor-styles sub {
  bottom: -0.25em;
}

.redactor-styles sup {
  top: -0.5em;
}

.redactor-styles pre {
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  font-size: .9em;
}

.redactor-styles pre,
.redactor-styles pre code {
  background-color: #f6f7f8;
  padding: 0;
  top: 0;
  display: block;
  line-height: 1.5;
  color: rgba(51, 51, 51, 0.85);
  overflow: none;
  white-space: pre-wrap;
}

.redactor-styles pre {
  padding: 1rem;
}

.redactor-styles table {
  border-collapse: collapse;
  max-width: 100%;
  width: 100%;
}

.redactor-styles table caption {
  text-transform: uppercase;
  padding: 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
}

.redactor-styles table th,
.redactor-styles table td {
  border: 1px solid #eee;
  padding: 16px;
  padding-bottom: 15px;
}

.redactor-styles table tfoot th,
.redactor-styles table tfoot td {
  color: rgba(0, 0, 0, 0.5);
}

.redactor-styles img,
.redactor-styles video,
.redactor-styles audio,
.redactor-styles embed,
.redactor-styles object {
  max-width: 100%;
}

.redactor-styles img,
.redactor-styles video,
.redactor-styles embed,
.redactor-styles object {
  height: auto !important;
}

.redactor-styles img {
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

.redactor-styles figcaption {
  display: block;
  opacity: .6;
  font-size: 12px;
  font-style: italic;
  text-align: left;
}

.upload-redactor-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px dashed rgba(0, 125, 255, 0.15);
  position: relative;
  width: 100%;
  min-height: 220px;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
}

.upload-redactor-placeholder {
  font-size: 15px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.3);
  font-style: italic;
}

.upload-redactor-hover {
  background-color: rgba(0, 125, 255, 0.075);
}

.upload-redactor-error {
  background-color: rgba(255, 50, 101, 0.075);
}

.upload-redactor-box-hover {
  outline: 5px dashed rgba(0, 125, 255, 0.3);
}

.upload-redactor-box-error {
  outline: 5px dashed rgba(255, 50, 101, 0.3);
}

.redactor-structure h1, .redactor-structure h2, .redactor-structure h3, .redactor-structure h4, .redactor-structure h5, .redactor-structure h6, .redactor-structure div {
  position: relative;
}

.redactor-structure h1:before, .redactor-structure h2:before, .redactor-structure h3:before, .redactor-structure h4:before, .redactor-structure h5:before, .redactor-structure h6:before, .redactor-structure div:before {
  width: 24px;
  position: absolute;
  font-size: 10px;
  font-weight: normal;
  opacity: .3;
  left: -26px;
  top: 50%;
  margin-top: -7px;
  text-align: right;
}

.redactor-structure h1:before {
  content: "h1";
}

.redactor-structure h2:before {
  content: "h2";
}

.redactor-structure h3:before {
  content: "h3";
}

.redactor-structure h4:before {
  content: "h4";
}

.redactor-structure h5:before {
  content: "h5";
}

.redactor-structure h6:before {
  content: "h6";
}

.redactor-structure div:before {
  content: "div";
}

#redactor-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
  height: 10px;
}

#redactor-progress span {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #007dff;
  background-size: 40px 40px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.redactor-box-fullscreen {
  z-index: 1051;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.redactor-box-fullscreen-target {
  position: absolute !important;
}

.redactor-body-fullscreen .redactor-dropdown,
.redactor-body-fullscreen .redactor-context-toolbar {
  z-index: 1052;
}

.redactor-body-fullscreen #redactor-overlay {
  z-index: 1098;
}

.redactor-body-fullscreen #redactor-modal {
  z-index: 1099;
}