html {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: none;
}

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

html, body, .viewport {
  width: 100%;
  height: 100%;
  margin: 0;
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url(/libraries/paperstreet-ui/fonts/Montserrat-Regular.ttf?2a2d37bf7680d86811db09a7b7177b47) format("truetype");
}
@font-face {
  font-family: "Nunito";
  src: url(/libraries/paperstreet-ui/fonts/Nunito-Regular.ttf?e4eb7682710458841b1080acceacd501) format("truetype");
}
body {
  width: 100vw;
  overflow-y: scroll;
  scrollbar-color: rgb(96, 96, 96) rgba(0, 0, 0, 0);
}
body * {
  -webkit-font-smoothing: antialiased;
  /* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
  -moz-osx-font-smoothing: grayscale;
  /* Fixes font bold issue in Firefox version 25+ on Mac */
}

h1, h2, h3, h4, h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: normal;
}

blockquote {
  margin-left: 20px;
  margin-bottom: 10px;
}

html,
body {
  border-bottom: black;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.m-5 {
  margin: 5px;
}

.m-5-t {
  margin-top: 5px;
}

.m-5-b {
  margin-bottom: 5px;
}

.m-5-tb {
  margin-top: 5px;
  margin-bottom: 5px;
}

.m-5-l {
  margin-left: 5px;
}

.m-5-r {
  margin-left: 5px;
}

.m-5-lr {
  margin-left: 5px;
  margin-right: 5px;
}

.p-5 {
  padding: 5px;
}

.p-5-t {
  padding-top: 5px;
}

.p-5-b {
  padding-bottom: 5px;
}

.p-5-tb {
  padding-top: 5px;
  padding-bottom: 5px;
}

.p-5-l {
  padding-left: 5px;
}

.p-5-r {
  padding-left: 5px;
}

.p-5-lr {
  padding-left: 5px;
  padding-right: 5px;
}

.m-10 {
  margin: 10px;
}

.m-10-t {
  margin-top: 10px;
}

.m-10-b {
  margin-bottom: 10px;
}

.m-10-tb {
  margin-top: 10px;
  margin-bottom: 10px;
}

.m-10-l {
  margin-left: 10px;
}

.m-10-r {
  margin-left: 10px;
}

.m-10-lr {
  margin-left: 10px;
  margin-right: 10px;
}

.p-10 {
  padding: 10px;
}

.p-10-t {
  padding-top: 10px;
}

.p-10-b {
  padding-bottom: 10px;
}

.p-10-tb {
  padding-top: 10px;
  padding-bottom: 10px;
}

.p-10-l {
  padding-left: 10px;
}

.p-10-r {
  padding-left: 10px;
}

.p-10-lr {
  padding-left: 10px;
  padding-right: 10px;
}

.m-20 {
  margin: 20px;
}

.m-20-t {
  margin-top: 20px;
}

.m-20-b {
  margin-bottom: 20px;
}

.m-20-tb {
  margin-top: 20px;
  margin-bottom: 20px;
}

.m-20-l {
  margin-left: 20px;
}

.m-20-r {
  margin-left: 20px;
}

.m-20-lr {
  margin-left: 20px;
  margin-right: 20px;
}

.p-20 {
  padding: 20px;
}

.p-20-t {
  padding-top: 20px;
}

.p-20-b {
  padding-bottom: 20px;
}

.p-20-tb {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p-20-l {
  padding-left: 20px;
}

.p-20-r {
  padding-left: 20px;
}

.p-20-lr {
  padding-left: 20px;
  padding-right: 20px;
}

.m-40 {
  margin: 40px;
}

.m-40-t {
  margin-top: 40px;
}

.m-40-b {
  margin-bottom: 40px;
}

.m-40-tb {
  margin-top: 40px;
  margin-bottom: 40px;
}

.m-40-l {
  margin-left: 40px;
}

.m-40-r {
  margin-left: 40px;
}

.m-40-lr {
  margin-left: 40px;
  margin-right: 40px;
}

.p-40 {
  padding: 40px;
}

.p-40-t {
  padding-top: 40px;
}

.p-40-b {
  padding-bottom: 40px;
}

.p-40-tb {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-40-l {
  padding-left: 40px;
}

.p-40-r {
  padding-left: 40px;
}

.p-40-lr {
  padding-left: 40px;
  padding-right: 40px;
}

.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Opera*/
}

.form-container {
  max-width: 400px;
}

form {
  font-family: "Nunito", sans-serif;
  font-size: 14px;
}
form label, form .info {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
form .info {
  margin-bottom: 20px;
}
form select:not(:disabled) {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  form select:active, form input:active, form textarea:active {
    font-size: 16px;
  }
}
form input, form select, form textarea {
  width: 100%;
  padding: 15px;
  border: 1px solid #ccc;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  background-color: white;
  outline: none;
}
form input:-moz-read-only, form textarea:-moz-read-only {
  background: #ebebe4;
}
form input:read-only, form input:disabled, form textarea:read-only, form textarea:disabled {
  background: #ebebe4;
}
form select {
  position: relative;
  -webkit-appearance: none;
  background-image: url(/libraries/paperstreet-ui/images/arrow-down.svg?a440ae7b0d8d4fde2c25a1ef95769c7e) !important;
  background-repeat: no-repeat;
  background-position: -webkit-calc(100% - 10px);
  background-position: -moz-calc(100% - 10px);
  background-position: calc(100% - 10px);
  -moz-background-size: 13px;
       background-size: 13px;
  padding-right: 20px;
}
form select:disabled {
  background-color: #ebebe4;
}
form select:focus {
  background-image: url(/libraries/paperstreet-ui/images/arrow-up.svg?953b6ac86f9c3c3fb071e8074ea30f2d) !important;
}
form fieldset {
  border: none;
  border-top: 2px dashed #cac6c6;
  margin-top: 20px;
  padding-top: 20px;
}
form .field-wrapper {
  margin-bottom: 10px;
}
form .field-wrapper > label {
  display: block;
  margin-bottom: 5px;
}
form .field-wrapper.checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
form .field-wrapper.checkbox label {
  margin-right: 10px;
}
form .field-wrapper.checkbox input {
  display: inline;
  width: auto;
}
form .field-wrapper.image, form .field-wrapper.file {
  max-width: 100%;
  text-align: center;
}
form .field-wrapper.image img, form .field-wrapper.file img {
  border: 9px solid #fff;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(128, 128, 128, 0.4196078431);
     -moz-box-shadow: 1px 1px 5px 1px rgba(128, 128, 128, 0.4196078431);
          box-shadow: 1px 1px 5px 1px rgba(128, 128, 128, 0.4196078431);
  width: 80%;
}
form .field-wrapper button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
}
form .error {
  display: block;
  color: #cc0000 !important;
  text-shadow: 1px 1px #ffcccc;
  font-size: 12px;
  padding: 5px 0;
  max-width: 200px;
}

textarea {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

table {
  width: 100%;
  font-size: 12px;
}
table th {
  font-weight: bold;
}
table td {
  border-top: 1px solid #e1e1e1;
}
table th, table td {
  text-align: center;
  padding: 5px;
}
table tr th {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 10px 5px;
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
}
table .image-wrapper {
  display: inline-block;
  background: white;
  border: 1px solid #cccccc;
  margin: 5px;
  padding: 5px;
}
table .image-wrapper img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px;
  text-decoration: none;
  font-size: 18px;
  cursor: pointer;
}
button svg {
  margin-left: 5px;
}
button:focus {
  outline: none;
}

.fa-icon.button {
  stroke: none;
  stroke-width: 20;
}
.fa-icon.button:active {
  stroke: white;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

.link, a {
  text-decoration: none;
  cursor: pointer;
}

.list .pagination-wrapper {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.list-card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  -webkit-border-radius: 0.25rem;
     -moz-border-radius: 0.25rem;
          border-radius: 0.25rem;
}
.list-card .card-field-wrapper {
  margin: 10px;
}
.list-card .item-actions {
  position: absolute;
  right: 0;
}
.list-card .item-actions .item-action {
  font-size: 20px;
  cursor: pointer;
  margin: 0 5px;
}
.list-card .item-actions .item-action.active .fa, .list-card .item-actions .item-action.active .fa-icon {
  fill: green !important;
}
.list-card .item-actions .item-action .fa:hover, .list-card .item-actions .item-action .fa-icon:hover {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
@media (max-width: 600px) {
  .list-card .item-actions {
    position: static !important;
    width: 100%;
    margin: 10px;
    text-align: center;
  }
}
.list-card .field {
  display: block;
  word-break: break-word;
}
.list-card .field.hidden {
  display: none;
}

.list-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
     -moz-box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
          box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.122);
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .list-toolbar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list-toolbar .container.right {
    display: none;
  }
  .list-toolbar .container.left {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .list-toolbar .container.left .toolbar-item.search, .list-toolbar .container.left .search-wrapper {
    width: 100%;
  }
  .list-toolbar .container.left .search-wrapper input {
    width: 100%;
  }
}
.list-toolbar .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.list-toolbar .toolbar-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list-toolbar .toolbar-item select {
  padding: 5px;
  background: white;
  border: none;
  cursor: pointer;
}
.list-toolbar .toolbar-item.toolbar-item .input-wrapper {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.list-toolbar .toolbar-item.toolbar-item .input-wrapper input {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.list-toolbar .toolbar-item.sort, .list-toolbar .toolbar-item.limit, .list-toolbar .toolbar-item.display-switch {
  border: 1px solid gray;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.list-toolbar .toolbar-item.sort .fa-icon, .list-toolbar .toolbar-item.limit .fa-icon, .list-toolbar .toolbar-item.display-switch .fa-icon {
  margin: 5px;
  cursor: pointer;
}
.list-toolbar .toolbar-item.sort .fa-icon:hover, .list-toolbar .toolbar-item.limit .fa-icon:hover, .list-toolbar .toolbar-item.display-switch .fa-icon:hover {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}

.plyr__control svg {
  margin-left: 0 !important;
}

.pagination {
  --active-color: #6e6973;
  --inactive-color: #c6c4c0;
  --disabled-color: #c6c4c0;
}
.pagination .page-item {
  background: #ffffff;
  border: 2px solid var(--inactive-color);
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  margin-right: 5px;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
.pagination .page-item * {
  -webkit-transition: 0.1s all ease-in-out;
  -o-transition: 0.1s all ease-in-out;
  -moz-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
}
.pagination .page-item .page-link {
  display: block;
  padding: 7px 14px;
  color: var(--inactive-color);
  text-decoration: none;
}
.pagination .page-item .page-link svg {
  fill: var(--inactive-color);
}
.pagination .page-item.disabled {
  background: var(--disabled-color);
  border-color: var(--disabled-color);
}
.pagination .page-item.disabled .page-link {
  cursor: default;
  color: #fff;
}
.pagination .page-item.disabled svg {
  fill: #fff;
}
.pagination .page-item.previous, .pagination .page-item.next {
  padding: 6px 9px;
}
.pagination .page-item.active, .pagination .page-item:hover:not(.disabled) {
  color: var(--active-color);
  border-color: var(--active-color);
}
.pagination .page-item.active .page-link, .pagination .page-item:hover:not(.disabled) .page-link {
  color: var(--active-color);
}
.pagination .page-item.active svg, .pagination .page-item:hover:not(.disabled) svg {
  fill: var(--active-color);
}
.pagination .page-item .fa-icon {
  position: static;
  vertical-align: middle;
  margin-bottom: 3px;
}

.event-wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.event-wrapper.finished {
  opacity: 0.5;
}
.event-wrapper.is-in-progress .timeline {
  background: #efffe8;
}
.event-wrapper.is-in-progress .header, .event-wrapper.is-in-progress .footer {
  background: #779b6a;
}
.event-wrapper.is-finished .dot, .event-wrapper.is-cancelled .dot {
  -webkit-filter: saturate(0.5);
          filter: saturate(0.5);
}
.event-wrapper.is-cancelled .header, .event-wrapper.is-cancelled .footer {
  background: #d57e70;
}
.event-wrapper.is-finished .header, .event-wrapper.is-finished .footer {
  background: #9799a4;
}
.event-wrapper .footer {
  padding: 5px;
  min-height: 2em;
  background: #676f91;
  -webkit-border-radius: 0 0 10px 10px;
     -moz-border-radius: 0 0 10px 10px;
          border-radius: 0 0 10px 10px;
}
.event-wrapper .participants {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: #fff;
  font-weight: bold;
}
.event-wrapper .participants svg {
  fill: #fff;
}
.event-wrapper .header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #676f91;
  color: white;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  gap: 10px;
  -webkit-border-radius: 10px 10px 0 0;
     -moz-border-radius: 10px 10px 0 0;
          border-radius: 10px 10px 0 0;
}
.event-wrapper .header .title {
  font-size: 1.25em;
}
.event-wrapper .header .image-wrapper img {
  width: 35px;
  height: 35px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 2px solid white;
}
.event-wrapper .header .status {
  background: white;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  color: #676f91;
  margin: 10px 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 1px 5px;
  font-weight: bold;
  font-size: 0.8em;
}
.event-wrapper .timeline {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.event-wrapper .timeline:after {
  content: "";
  position: absolute;
  width: 4px;
  background: #fff;
  top: 0;
  right: auto;
  left: 25px;
  height: 100%;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.085), 0 1px 0 rgba(0, 0, 0, 0.02);
     -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.085), 0 1px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.085), 0 1px 0 rgba(0, 0, 0, 0.02);
}
.event-wrapper .timeline .entry {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.event-wrapper .timeline .entry .dot:after {
  background-color: #56cb5f;
}
.event-wrapper .timeline .entry.start .dot:after {
  background-color: transparent;
  background-image: url(/libraries/paperstreet-ui/images/mini-play.svg?9d8a398bb7f811a232fc84c359e013e7);
}
.event-wrapper .timeline .entry.end .dot:after {
  background-color: transparent;
  background-image: url(/libraries/paperstreet-ui/images/mini-stop.svg?3a76ac22616d28bad5db8d127d2ab7b7);
}
.event-wrapper .timeline .dot {
  position: relative;
  height: 1rem;
  width: 1rem;
  background: #fff;
  -webkit-border-radius: 1rem;
     -moz-border-radius: 1rem;
          border-radius: 1rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1rem;
     -moz-box-flex: 0;
      -ms-flex: 0 0 1rem;
          flex: 0 0 1rem;
  -webkit-box-shadow: 0 0 8px #56cb5f;
     -moz-box-shadow: 0 0 8px #56cb5f;
          box-shadow: 0 0 8px #56cb5f;
  margin-right: 20px;
}
.event-wrapper .timeline .dot:after {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  height: 0.5rem;
  width: 0.5rem;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.event-wrapper .timeline .date {
  font-size: 0.85em;
}
.event-wrapper .timeline .time {
  font-size: 0.85em;
  font-weight: bold;
}

.price-wrapper.negative span.value, .price-wrapper.negative span.sign {
  color: #df2626;
}

.help-wrapper .opener {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.help-wrapper .opener .bg {
  fill: #939598;
}
.help-wrapper .opener .mark {
  fill: #FFFFFF;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
       -o-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.help-wrapper .opener:hover.mark {
  -webkit-transform: rotateY(-180deg);
     -moz-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.tooltip {
  padding: 4px 8px;
  background: #000;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
  -webkit-transform: translateX(-50%) scaleY(1);
     -moz-transform: translateX(-50%) scaleY(1);
      -ms-transform: translateX(-50%) scaleY(1);
       -o-transform: translateX(-50%) scaleY(1);
          transform: translateX(-50%) scaleY(1);
  z-index: 9999;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tooltip.animation-enter-exit {
  -webkit-transform: translateX(-50%) scaleY(0);
     -moz-transform: translateX(-50%) scaleY(0);
      -ms-transform: translateX(-50%) scaleY(0);
       -o-transform: translateX(-50%) scaleY(0);
          transform: translateX(-50%) scaleY(0);
}

.site-cookie-notice {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: min(5%, 40px);
  opacity: 1;
  z-index: 10;
}
.site-cookie-notice .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.site-cookie-notice .wrap * > {
  padding-right: 10px;
}
.site-cookie-notice .wrap .description {
  padding-right: 10px;
  font-size: 0.9em;
}
.site-cookie-notice .wrap a {
  text-decoration: underline;
}
.site-cookie-notice .title {
  font-weight: bold;
  padding-bottom: 10px;
}

.info-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 5px;
}
.info-wrapper .left {
  height: 50px;
  width: 50px;
  margin: 2px 5px;
}
.info-wrapper .left .image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  width: 50px;
}
.info-wrapper .left img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  border: 2px solid gray;
}
.info-wrapper .right {
  margin: 2px 5px;
}

.tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 2px solid #bcbcbd;
}

.tab-button {
  padding: 5px 10px;
  border: 2px solid #bfbfbf;
  -webkit-border-radius: 5px 10px 0 0;
     -moz-border-radius: 5px 10px 0 0;
          border-radius: 5px 10px 0 0;
  border-bottom: none;
  cursor: pointer;
}
.tab-button.active {
  background: #ddd;
}

.fade-enter-active, .fade-leave-active {
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.fast-fade-enter-active, .fast-fade-leave-active {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.fast-fade-enter, .fast-fade-leave-to {
  opacity: 0;
}

.list-fade-enter {
  opacity: 0;
}
.list-fade-enter-active {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.list-fade-leave-active {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
.list-fade-leave-active.absolute {
  position: absolute;
}
.list-fade-move {
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.grid-fade-move {
  -webkit-transition: all 600ms ease-in-out 50ms;
  -o-transition: all 600ms ease-in-out 50ms;
  -moz-transition: all 600ms ease-in-out 50ms;
  transition: all 600ms ease-in-out 50ms;
}
.grid-fade-enter-active {
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.grid-fade-leave-active {
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  z-index: 0;
}
.grid-fade-leave-active.absolute {
  position: absolute;
  opacity: 0;
}
.grid-fade-enter, .grid-fade-leave-to {
  opacity: 0;
}
.grid-fade-enter {
  -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
       -o-transform: scale(0.9);
          transform: scale(0.9);
}

.fade-height-enter-active,
.fade-height-leave-active {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  max-height: 230px;
}

.fade-height-enter,
.fade-height-leave-to {
  opacity: 0;
  max-height: 0px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 100, 0.2);
            box-shadow: 0 0 0 0 rgba(0, 0, 100, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 100, 0);
            box-shadow: 0 0 0 20px rgba(0, 0, 100, 0);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 100, 0.2);
         box-shadow: 0 0 0 0 rgba(0, 0, 100, 0.2);
  }
  100% {
    -moz-box-shadow: 0 0 0 20px rgba(0, 0, 100, 0);
         box-shadow: 0 0 0 20px rgba(0, 0, 100, 0);
  }
}

@-o-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 100, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 100, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 100, 0.2);
       -moz-box-shadow: 0 0 0 0 rgba(0, 0, 100, 0.2);
            box-shadow: 0 0 0 0 rgba(0, 0, 100, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 100, 0);
       -moz-box-shadow: 0 0 0 20px rgba(0, 0, 100, 0);
            box-shadow: 0 0 0 20px rgba(0, 0, 100, 0);
  }
}
.pulse-once {
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
       -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: pulse;
     -moz-animation-name: pulse;
       -o-animation-name: pulse;
          animation-name: pulse;
}

.pulse-indefinite {
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: pulse;
     -moz-animation-name: pulse;
       -o-animation-name: pulse;
          animation-name: pulse;
}

.a-spin {
  -webkit-animation: a-spin 2s infinite linear;
  -moz-animation: a-spin 2s infinite linear;
    -o-animation: a-spin 2s infinite linear;
       animation: a-spin 2s infinite linear;
}

@-webkit-keyframes a-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-moz-keyframes a-spin {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}

@-o-keyframes a-spin {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}

@keyframes a-spin {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#app {
  display: block;
  left: 0;
  min-height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

main {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  /* We need to subtract the height of header: */
  min-height: -webkit-calc(100% - 61px);
  min-height: -moz-calc(100% - 61px);
  min-height: calc(100% - 61px);
  padding-top: 60px;
  z-index: 1;
}
main .main-content {
  width: 100%;
  overflow-x: scroll;
  scrollbar-width: none;
}
main .main-content::-webkit-scrollbar {
  width: 0rem;
  /* Set the width of the scrollbar */
}

.api-page-wrapper .page-component-wrapper {
  -webkit-transition: 1s all ease-in;
  -o-transition: 1s all ease-in;
  -moz-transition: 1s all ease-in;
  transition: 1s all ease-in;
}
.api-page-wrapper .page-component-wrapper.blur {
  opacity: 0.4;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
.api-page-wrapper .page-component-wrapper.disabled {
  pointer-events: none;
}

aside {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  min-height: -webkit-calc(100vh - 60px);
  min-height: -moz-calc(100vh - 60px);
  min-height: calc(100vh - 60px);
  min-width: 170px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}
aside.empty {
  width: 0;
  min-width: 0;
}
aside > ul {
  padding-top: 20px;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: -webkit-calc(100vh - 60px);
  max-height: -moz-calc(100vh - 60px);
  max-height: calc(100vh - 60px);
  min-width: 120px;
}
aside ul li {
  width: 100%;
  text-align: center;
}
aside ul li a, aside ul li .dropdown-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.1rem;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
aside ul li a.link-child, aside ul li .dropdown-toggle.link-child {
  padding-left: 15%;
}
aside ul li a span, aside ul li .dropdown-toggle span {
  padding: 10px 0;
  font-size: 11px;
  letter-spacing: 0.1rem;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.breadcrumbs {
  padding: 0 2%;
  margin: 10px 0;
}
.breadcrumbs ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.breadcrumbs ul li {
  margin-right: 10px;
  margin-bottom: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
  font-family: "Nunito", sans-serif;
  will-change: transform;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 10;
}
header .nav-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0 20px;
  height: 60px;
}
header .nav-wrapper nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style-type: none;
}
header .nav-wrapper nav ul > li {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
header .nav-item-dropdown .dropdown-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
}
header .nav-item-dropdown .dropdown-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}
header .nav-item-dropdown ul.dropdown-container {
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 43px;
  right: 0;
  min-width: 100%;
  z-index: 10;
}
header .nav-item-dropdown ul.dropdown-container li {
  width: 100%;
}
header .nav-item-dropdown ul.dropdown-container li a {
  display: block;
  text-align: center;
  padding: 15px 5px;
  font-size: 10px;
  width: 100%;
}
header .nav-item-link,
header .nav-item-dropdown {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}
header .nav-item-link span,
header .nav-item-dropdown span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-decoration: none;
  text-transform: uppercase;
}

pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
@charset "UTF-8";
@font-face {
  font-family: "FightThis";
  src: url(/fonts/ITFightClub-LT-Centered-v2.ttf?81c8e9564fd48914c8eb101d04fdcfda) format("truetype");
  font-display: block;
}
body {
  font-family: "Nunito", sans-serif;
  width: 100%;
}

h1, h2, h3, h4, h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "FightThis";
  color: #cdcdcd;
}

p {
  font-family: "Nunito", sans-serif;
  color: #cdcdcd;
  max-width: 35em;
  line-height: 1.5em;
}
p.justify {
  text-align: justify;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  mix-blend-mode: color-burn;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(37, 37, 37, 0.3);
  mix-blend-mode: color-burn;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.icon-topic {
  background-image: url(/images/icon-topic.svg?3cb59f242ad9a6cbc5130cda78d05183);
}

.icon-topic-group {
  background-image: url(/images/icon-topic-group.svg?78a155fc522143288200b9d47382400b);
}

.ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}

.ribbon p {
  font-size: 10px;
  padding: 3px;
  font-weight: 100;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 16px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: -webkit-gradient(linear, left top, left bottom, from(#5e6bc3), to(#194fa9));
  background: -webkit-linear-gradient(#5e6bc3 0%, #194fa9 100%);
  background: -moz-linear-gradient(#5e6bc3 0%, #194fa9 100%);
  background: -o-linear-gradient(#5e6bc3 0%, #194fa9 100%);
  background: linear-gradient(#5e6bc3 0%, #194fa9 100%);
  -webkit-box-shadow: 0 3px 10px -5px black;
     -moz-box-shadow: 0 3px 10px -5px black;
          box-shadow: 0 3px 10px -5px black;
  position: absolute;
  top: 19px;
  right: -21px;
}

.ribbon p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #194fa9;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #194fa9;
}

.ribbon p::after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #194fa9;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #194fa9;
}

.ribbon.green p {
  background: -webkit-gradient(linear, left top, left bottom, from(#95cd25), to(#50b830));
  background: -webkit-linear-gradient(#95cd25 0%, #50b830 100%);
  background: -moz-linear-gradient(#95cd25 0%, #50b830 100%);
  background: -o-linear-gradient(#95cd25 0%, #50b830 100%);
  background: linear-gradient(#95cd25 0%, #50b830 100%);
  position: absolute;
}

.ribbon.green p::before {
  border-left: 3px solid #50b830;
  border-top: 3px solid #50b830;
}

.ribbon.green p::after {
  border-right: 3px solid #50b830;
  border-top: 3px solid #50b830;
}

.ribbon.purple p {
  background: -webkit-gradient(linear, left top, left bottom, from(#8a25cd), to(#9130b8));
  background: -webkit-linear-gradient(#8a25cd 0%, #9130b8 100%);
  background: -moz-linear-gradient(#8a25cd 0%, #9130b8 100%);
  background: -o-linear-gradient(#8a25cd 0%, #9130b8 100%);
  background: linear-gradient(#8a25cd 0%, #9130b8 100%);
  position: absolute;
}

.ribbon.purple p::before {
  border-left: 3px solid #8a25cd;
  border-top: 3px solid #8a25cd;
}

.ribbon.purple p::after {
  border-right: 3px solid #8a25cd;
  border-top: 3px solid #8a25cd;
}

.ribbon.orange p {
  background: -webkit-gradient(linear, left top, left bottom, from(#d57322), to(#d27032));
  background: -webkit-linear-gradient(#d57322 0%, #d27032 100%);
  background: -moz-linear-gradient(#d57322 0%, #d27032 100%);
  background: -o-linear-gradient(#d57322 0%, #d27032 100%);
  background: linear-gradient(#d57322 0%, #d27032 100%);
  position: absolute;
}

.ribbon.orange p::before {
  border-left: 3px solid #d57322;
  border-top: 3px solid #d57322;
}

.ribbon.orange p::after {
  border-right: 3px solid #d57322;
  border-top: 3px solid #d57322;
}

.ribbon.red p {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5a1b), to(#bd451b));
  background: -webkit-linear-gradient(#ff5a1b 0%, #bd451b 100%);
  background: -moz-linear-gradient(#ff5a1b 0%, #bd451b 100%);
  background: -o-linear-gradient(#ff5a1b 0%, #bd451b 100%);
  background: linear-gradient(#ff5a1b 0%, #bd451b 100%);
  position: absolute;
}

.ribbon.red p::before {
  border-left: 3px solid #ff5a1b;
  border-top: 3px solid #ff5a1b;
}

.ribbon.red p::after {
  border-right: 3px solid #ff5a1b;
  border-top: 3px solid #ff5a1b;
}

.form-button {
  padding: 5px 10px;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  font-family: "Arial", serif;
  background: transparent;
  cursor: pointer;
}
.form-button:hover {
  font-weight: normal;
}
.form-button.on-d {
  border: 2px solid #cdcdcd;
  color: #cdcdcd;
  fill: #cdcdcd;
}
.form-button.on-d:hover {
  border-color: #e7e7e7;
  color: #e7e7e7;
}
.form-button.on-l, .form-button.default {
  border: 2px solid gray;
  color: gray;
  fill: gray;
}
.form-button.on-l:hover, .form-button.default:hover {
  border-color: #252525;
  color: #252525;
}

.link, a {
  color: #596086;
  word-break: break-all;
}

.modal-wrapper p.text {
  color: #3e3e3e;
}

.page-overlay-wrapper {
  min-height: -webkit-calc(100vh - 60px);
  min-height: -moz-calc(100vh - 60px);
  min-height: calc(100vh - 60px);
}
.page-overlay-wrapper .overlay {
  background: url(/images/static-blue.gif?f70f906040015eeb252ecd07fa828dcd) !important;
}

.list-card {
  border: 1px solid #e2e2de;
  background: white;
  padding: 10px;
  -webkit-box-shadow: 0 0 2px gray;
     -moz-box-shadow: 0 0 2px gray;
          box-shadow: 0 0 2px gray;
}
.list-card.unpublished {
  opacity: 0.5;
}
.list-card .fa-icon {
  fill: #3e3e3e;
}
.list-card .card-field-wrapper.image {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  border: 2px solid #3e3e3e;
}
.list-card .card-field-wrapper.image .image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.list-card .card-field-wrapper.image img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.list-card p {
  color: #595959;
}
.list-card div.card-fields-wrapper .field {
  font-size: 16px;
}
.list-card div.card-fields-wrapper .field.title, .list-card div.card-fields-wrapper .field.header {
  font-weight: bold;
  color: #3e3e3e;
}
.list-card .field {
  font-size: 14px;
}
.list-card .field .text ol, .list-card .field .text ul, .list-card .field .html ol, .list-card .field .html ul {
  margin: 10px;
}
.list-card .field .text ul, .list-card .field .html ul {
  list-style-type: disc;
}
.list-card .field .text li, .list-card .field .html li {
  margin-left: 20px;
  margin-bottom: 5px;
}
.list-card .field .text p, .list-card .field .html p {
  margin-bottom: 10px;
}
.list-card .field .read-more {
  display: inline-block;
  padding: 5px 10px;
  background: #f0eeee;
  color: #797979;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  cursor: pointer;
}
.list-card .field .read-more:hover {
  background: #828282;
  color: #fff;
}
.list-card .item-actions {
  position: absolute;
  right: 10px;
}

.crud-container .list .list-group {
  padding: 0 1px;
}
.crud-container .list .toolbar-item {
  background: #fff;
}

.crud-container .grid .card-fields-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.crud-container .grid .card-fields-wrapper .card-field-wrapper .image-wrapper {
  aspect-ratio: 1;
}

input, select, textarea, .date-wrapper {
  color: #595959;
}
input:focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover, .date-wrapper:focus, .date-wrapper:hover {
  -webkit-box-shadow: 0px 0px 3px inset #7380995c;
     -moz-box-shadow: 0px 0px 3px inset #7380995c;
          box-shadow: 0px 0px 3px inset #7380995c;
}
input:focus-visible, select:focus-visible, textarea:focus-visible, .date-wrapper:focus-visible {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px inset #7380995c;
     -moz-box-shadow: 0px 0px 5px inset #7380995c;
          box-shadow: 0px 0px 5px inset #7380995c;
}

.checkbox-group-wrapper .checkbox-wrapper {
  margin-bottom: 10px;
  padding: 4px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.checkbox-group-wrapper .checkbox-wrapper:not(.disabled):hover, .checkbox-group-wrapper .checkbox-wrapper:not(.disabled).checked {
  background: #4d4d4d2e;
}

.date-wrapper input {
  border: none !important;
  outline: none !important;
}

textarea[name=code] {
  min-height: 300px;
}

.site-cookie-notice {
  background: #4a4d5b;
  color: #e0e0e0;
}
.site-cookie-notice .wrap a {
  color: #e0e0e0;
}

.fc-interface-wrapper {
  position: fixed;
  bottom: 0;
  left: 50%;
  padding: 10px 10px 5px;
  background: gainsboro;
  -webkit-border-radius: 10px 10px 0 0;
     -moz-border-radius: 10px 10px 0 0;
          border-radius: 10px 10px 0 0;
  -webkit-box-shadow: 1px 1px 10px #2b2f47;
     -moz-box-shadow: 1px 1px 10px #2b2f47;
          box-shadow: 1px 1px 10px #2b2f47;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
.fc-interface-wrapper:hover .opener {
  height: 8px;
  background: #d4d4d4;
}
.fc-interface-wrapper .opener {
  position: relative;
  width: 100%;
  top: -5px;
  height: 0;
  max-height: 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.fc-interface-wrapper .opener:hover {
  opacity: 1;
  background: rgba(113, 117, 140, 0.45);
}
.fc-interface-wrapper .fc-interface {
  -webkit-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  max-height: 200px;
  overflow: hidden;
}
.fc-interface-wrapper .fc-interface.hidden {
  display: block;
  max-height: 0;
  opacity: 0.5;
}
.fc-interface-wrapper .fc-interface .content-success {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.fc-interface-wrapper .fc-interface .content-success .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.fc-interface-wrapper .fc-interface .content-success svg {
  margin: 0;
}
.fc-interface-wrapper .displays, .fc-interface-wrapper .buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
  max-width: 95vw;
  grid-gap: 5px;
}

.fc-icon {
  width: 30px;
  height: 30px;
  background-color: #3e4358;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.fc-icon.activity-good-answer {
  -webkit-mask-image: url(/images/activity-good-answer.svg?76b647eb0a369a99ef6c1504296dde45);
          mask-image: url(/images/activity-good-answer.svg?76b647eb0a369a99ef6c1504296dde45);
}
.fc-icon.activity-good-motivation {
  -webkit-mask-image: url(/images/activity-good-motivation.svg?e3a041567c25220e2149bed87861414e);
          mask-image: url(/images/activity-good-motivation.svg?e3a041567c25220e2149bed87861414e);
}
.fc-icon.activity-good-question {
  -webkit-mask-image: url(/images/activity-good-question.svg?3cb619d31b61830ab3f39d8145eaeda1);
          mask-image: url(/images/activity-good-question.svg?3cb619d31b61830ab3f39d8145eaeda1);
}
.fc-icon.activity-good-vibe {
  -webkit-mask-image: url(/images/activity-good-vibe.svg?fd42f23d8bc9f89ee0583629b68c524c);
          mask-image: url(/images/activity-good-vibe.svg?fd42f23d8bc9f89ee0583629b68c524c);
}
.fc-icon.activity-help-others {
  -webkit-mask-image: url(/images/activity-help-others.svg?e91c7a9e1cb6bcfc4d4832fd42c7b571);
          mask-image: url(/images/activity-help-others.svg?e91c7a9e1cb6bcfc4d4832fd42c7b571);
}
.fc-icon.code-clean {
  -webkit-mask-image: url(/images/code-clean.svg?7321171e48826cf84382fcb9229d6820);
          mask-image: url(/images/code-clean.svg?7321171e48826cf84382fcb9229d6820);
}
.fc-icon.code-works {
  -webkit-mask-image: url(/images/code-works.svg?de1b0fa909a6c66e0cd8eeaf012fe27f);
          mask-image: url(/images/code-works.svg?de1b0fa909a6c66e0cd8eeaf012fe27f);
}
.fc-icon.homework-done {
  -webkit-mask-image: url(/images/homework-done.svg?3e8f5498e5ec43a18f11de69c3932d6a);
          mask-image: url(/images/homework-done.svg?3e8f5498e5ec43a18f11de69c3932d6a);
}
.fc-icon.homework-attempted {
  -webkit-mask-image: url(/images/homework-attempted.svg?d56d8c2e9d6ab7ad42cc98f6f17aa29f);
          mask-image: url(/images/homework-attempted.svg?d56d8c2e9d6ab7ad42cc98f6f17aa29f);
}
.fc-icon.reliability-on-time {
  -webkit-mask-image: url(/images/reliability-on-time.svg?45e738567ea6e45c16d80b0b90a625fb);
          mask-image: url(/images/reliability-on-time.svg?45e738567ea6e45c16d80b0b90a625fb);
}
.fc-icon.xp-points {
  -webkit-mask-image: url(/images/xp-points.svg?0b9d64c44749edf23228f8989247b54a);
          mask-image: url(/images/xp-points.svg?0b9d64c44749edf23228f8989247b54a);
}

.fc-icon-r {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: contain;
       background-size: contain;
}
.fc-icon-r.course-level-1 {
  background-image: url(/images/course-level-1.svg?e1862be639ce79db4c318aae6ed5ced2);
}
.fc-icon-r.course-level-2 {
  background-image: url(/images/course-level-2.svg?a06b25679bf75c685bb3c2c0a7a3b9ec);
}
.fc-icon-r.course-level-3 {
  background-image: url(/images/course-level-3.svg?7cbccc6beeebcb81cf2ec99e613f090a);
}
.fc-icon-r.status-good {
  background-image: url(/images/status-good.svg?ec72be2e31875b0e04f5d15dab7d6cfc);
}
.fc-icon-r.status-warning {
  background-image: url(/images/status-warning.svg?265a31c93ba6afefea1201ada9e32492);
}
.fc-icon-r.status-error {
  background-image: url(/images/status-error.svg?db649d434135565589684e5835f8984e);
}
.fc-icon-r.status-newbie {
  background-image: url(/images/status-newbie.svg?dd9f1f6c98bc065d77a4e380b1482416);
}
.fc-icon-r.crossed-lines {
  background-image: url(/images/crossed-lines.svg?155a060d702a52cf0cf801257f8c1c27);
}
.fc-icon-r.big {
  width: 80px;
  height: 80px;
}
.fc-icon-r.small {
  width: 16px;
  height: 16px;
}

.fc-icon-text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fc-icon-text-wrapper span.text {
  margin-left: 10px;
}

.fc-stat-display {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  padding: 10px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.fc-stat-display.emphasized i {
  -webkit-transform: scale(3);
     -moz-transform: scale(3);
      -ms-transform: scale(3);
       -o-transform: scale(3);
          transform: scale(3);
}
.fc-stat-display i {
  position: relative;
  margin-left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  background: #f9ba42;
  color: #3e4358;
  font-weight: bold;
  font-family: "Nunito", serif;
  font-style: normal;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  padding: 10px;
  font-size: 16px;
  -webkit-transition: -webkit-transform 0.5s ease-in;
  transition: -webkit-transform 0.5s ease-in;
  -o-transition: -o-transform 0.5s ease-in;
  -moz-transition: transform 0.5s ease-in, -moz-transform 0.5s ease-in;
  transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in, -moz-transform 0.5s ease-in, -o-transform 0.5s ease-in;
  z-index: 2;
}
.fc-stat-display .api-component-modal-wrapper {
  background: #3e435852;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  left: -6px;
  font-weight: bold;
  padding: 5px 5px 5px 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.fc-stat-display .api-component-modal-wrapper:hover {
  background: rgba(62, 67, 88, 0.72);
}
.fc-stat-display.button {
  cursor: pointer;
}

.fc-interface-panel.admin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.home-content-wrapper.user .profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*gap: 10px;*/
}
.home-content-wrapper.user .profile .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px;
}
.home-content-wrapper.user .profile img {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.home-content-wrapper.user .profile .member-from {
  color: gray;
}
.home-content-wrapper.user .api-component-modal-wrapper {
  margin: 10px 0;
}
.home-content-wrapper.user .cta-button {
  border: 2px solid gray;
  color: gray;
  fill: gray;
}
.home-content-wrapper.user .cta-button:hover {
  border-color: #252525;
  color: #252525;
}

.payments-balance-content-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 20px;
}
.payments-balance-content-wrapper section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.payments-balance-content-wrapper .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.payments-balance-content-wrapper .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.payments-balance-content-wrapper .left .help-wrapper {
  margin-left: 10px;
}
.payments-balance-content-wrapper .title {
  font-size: 1.5em;
  font-family: "FightThis";
  color: #3e3e3e;
}
.payments-balance-content-wrapper .price-wrapper {
  font-size: 3.5em;
  font-family: "FightThis";
  color: #3e3e3e;
}
.payments-balance-content-wrapper .description {
  font-size: 0.85em;
  margin-top: 10px;
  color: #595959;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.33) rgba(0, 0, 0, 0);
}

body {
  background-color: #2d314a;
}

.api-page-wrapper.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: -webkit-calc(100vh - 60px);
  min-height: -moz-calc(100vh - 60px);
  min-height: calc(100vh - 60px);
}
@media (max-width: 960px) {
  .api-page-wrapper.form {
    --form-display: block;
    --form-width: max(300px, 85vw);
    --form-max-width: min(300px, 85vw);
  }
}
@media (min-width: 960px) and (max-width: 1280px) {
  .api-page-wrapper.form {
    --form-display: block;
    --form-width: max(450px, 85vw);
    --form-max-width: min(450px, 85vw);
  }
}
@media (min-width: 1280px) {
  .api-page-wrapper.form {
    --form-display: grid;
  }
}
@media (min-width: 1280px) {
  .api-page-wrapper.form.auth .api-form-wrapper {
    --form-display: block;
    --form-width: max(350px, 85vw);
    --form-max-width: min(350px, 85vw);
  }
}
.api-page-wrapper.form.auth.register .form-button.green {
  border: 2px solid #2e334b;
}
.api-page-wrapper.form .api-form-wrapper {
  padding: 20px;
  margin-bottom: 40px;
  background: #f3f0e9;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 1px 1px 10px #2b2f47;
     -moz-box-shadow: 1px 1px 10px #2b2f47;
          box-shadow: 1px 1px 10px #2b2f47;
  width: var(--form-width);
  max-width: var(--form-max-width);
}
.api-page-wrapper.form .api-form-wrapper .form-content {
  display: var(--form-display);
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 10px;
}
.api-page-wrapper.form .api-form-wrapper .form-content .field-wrapper.fieldset-dropdown, .api-page-wrapper.form .api-form-wrapper .form-content .field-wrapper.fieldset, .api-page-wrapper.form .api-form-wrapper .form-content .field-wrapper.image {
  grid-column: 1/span 2;
}
.api-page-wrapper.form .api-form-wrapper .form-content .field-wrapper.legal p {
  font-size: 10px;
  color: #3e3e3e;
}
.api-page-wrapper.form .api-form-wrapper .form-content .field-wrapper.legal p a {
  display: block;
}
.api-page-wrapper.form .api-form-wrapper h1, .api-page-wrapper.form .api-form-wrapper h2, .api-page-wrapper.form .api-form-wrapper h3, .api-page-wrapper.form .api-form-wrapper h4, .api-page-wrapper.form .api-form-wrapper h5 {
  color: #3e3e3e;
}
.api-page-wrapper.form span {
  color: #3e3e3e;
}

.api-page-wrapper.dash {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: -webkit-calc(100vh - 60px);
  min-height: -moz-calc(100vh - 60px);
  min-height: calc(100vh - 60px);
  padding: 2%;
}
.api-page-wrapper.dash .failsafe-content-wrapper {
  width: 100%;
  max-width: 1024px;
}
.api-page-wrapper.dash .page-component-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  background: #f3f0e9;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 1px 1px 10px #2b2f47;
     -moz-box-shadow: 1px 1px 10px #2b2f47;
          box-shadow: 1px 1px 10px #2b2f47;
  margin-bottom: 40px;
}
.api-page-wrapper.dash .page-component-wrapper .page-component-subwrapper {
  overflow-x: scroll;
  width: 100%;
}
.api-page-wrapper.dash .page-component-wrapper .page-component-subwrapper > * {
  width: 100%;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.api-page-wrapper.dash h1, .api-page-wrapper.dash h2, .api-page-wrapper.dash h3 {
  color: #3e3e3e;
}
.api-page-wrapper.dash p {
  color: #595959;
}

.api-page-wrapper.brochure {
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  will-change: transform;
}
.api-page-wrapper.brochure h1 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url(/images/fc-title-bracket-left.svg?8f5f728594a3eeed30e29b74f43f5286), url(/images/fc-title-bracket-right.svg?1d7092bb29a0a1d84c5b39a1cb4de134);
  background-position: left center, right center;
  background-repeat: no-repeat;
  -moz-background-size: auto 100%;
       background-size: auto 100%;
  text-align: center;
  font-size: 50px;
  line-height: 1em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 max(0.8em, min(10vw, 60px));
  min-height: 2.5em;
  vertical-align: middle;
}
.api-page-wrapper.brochure h1, .api-page-wrapper.brochure h2, .api-page-wrapper.brochure h3, .api-page-wrapper.brochure h4 {
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.api-page-wrapper.brochure h2 {
  font-size: 40px;
}
.api-page-wrapper.brochure h3 {
  font-size: 30px;
}
.api-page-wrapper.brochure li, .api-page-wrapper.brochure p {
  color: #bfbfbf;
}
.api-page-wrapper.brochure .cta-button {
  padding: 5px 10px;
  text-decoration: none;
  text-align: center;
  font-size: 18px;
  font-family: "Arial", serif;
  background: transparent;
  cursor: pointer;
}
.api-page-wrapper.brochure section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12vw 0;
  width: 100%;
  max-width: 100% !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -moz-background-size: 100% auto;
       background-size: 100% auto;
  -webkit-transition: 0.5s opacity ease-in-out;
  -o-transition: 0.5s opacity ease-in-out;
  -moz-transition: 0.5s opacity ease-in-out;
  transition: 0.5s opacity ease-in-out;
}
.api-page-wrapper.brochure section.hidden {
  opacity: 0;
}
.api-page-wrapper.brochure section.light {
  background-color: #F3F0E9 !important;
  padding: 0;
}
.api-page-wrapper.brochure section.light.last {
  margin-bottom: 12vw;
  position: relative;
}
.api-page-wrapper.brochure section.light.last::after {
  content: " ";
  display: block;
  position: absolute;
  height: 12vw;
  width: 100%;
  bottom: -12vw;
  background: url(/images/page-edge-bottom.svg?689d95a368b07198ff9102e5813c2ced) no-repeat center -1px/101%, url(/images/page-edge-top-d.svg?94476995320a8ddd5deee99622eaded9) no-repeat center 1px/100%;
  -moz-background-size: cover;
       background-size: cover;
}
.api-page-wrapper.brochure section.dark {
  background: url(/images/page-edge-bottom.svg?689d95a368b07198ff9102e5813c2ced) no-repeat center -1px/101%, url(/images/page-edge-top.svg?ad06a03f4e9d5c45a0ee1252c9ea362b) no-repeat center 101%/100%;
}
.api-page-wrapper.brochure section.dark.first {
  background: url(/images/page-edge-top.svg?ad06a03f4e9d5c45a0ee1252c9ea362b) no-repeat center 101%/100%;
}
.api-page-wrapper.brochure section.dark.first .box {
  margin-bottom: 12vw;
}
.api-page-wrapper.brochure section.dark.last {
  background: url(/images/page-edge-bottom.svg?689d95a368b07198ff9102e5813c2ced) no-repeat center -1px/101%, url(/images/page-edge-top-d.svg?94476995320a8ddd5deee99622eaded9) no-repeat center 101%/100%;
}
.api-page-wrapper.brochure section.light h1, .api-page-wrapper.brochure section.light h2, .api-page-wrapper.brochure section.light h3, .api-page-wrapper.brochure section.light h4, .api-page-wrapper.brochure section.light p, .api-page-wrapper.brochure section.light li {
  color: #433e48;
}
.api-page-wrapper.brochure section.light .cta-button {
  border: 2px solid gray;
  color: gray;
  fill: gray;
}
.api-page-wrapper.brochure section.light .cta-button:hover {
  border-color: #252525;
  color: #252525;
}
.api-page-wrapper.brochure section.dark .cta-button {
  border: 2px solid #cdcdcd;
  color: #cdcdcd;
  fill: #cdcdcd;
}
.api-page-wrapper.brochure section.dark .cta-button:hover {
  border-color: #e7e7e7;
  color: #e7e7e7;
}
.api-page-wrapper.brochure section.dark .points li {
  background-image: url(/images/circle-white.svg?72e5041f06c56800023c59075492ab8a);
}
.api-page-wrapper.brochure section.dark .points li a {
  padding: 5px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  margin: 5px;
  color: #dadada;
  background: #72778a75;
}
.api-page-wrapper.brochure section.dark .points li a:hover {
  color: #e7e7e7;
}
.api-page-wrapper.brochure section .box {
  max-width: 650px;
  padding: 20px;
  text-align: center;
}
.api-page-wrapper.brochure section .box.wide {
  max-width: 700px;
  width: 100%;
}
.api-page-wrapper.brochure .column-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.api-page-wrapper.brochure .column-wrapper > * {
  margin: 20px;
}
@media (max-width: 800px) {
  .api-page-wrapper.brochure .column-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

ul.list {
  text-align: left;
  color: black;
}
ul.list li {
  padding: 10px 20px 10px 35px;
  background-repeat: no-repeat;
  background-position: 6px center;
  -moz-background-size: 15px;
       background-size: 15px;
  margin-bottom: 5px;
}
ul.list li .api-component-modal-wrapper {
  display: inline-block;
}
ul.list li .api-component-modal-wrapper:hover {
  text-decoration: underline;
}
ul.list li.check {
  background-image: url(/images/check-greenish.svg?f426b2c990bc0bce130f7dde1e40004c) !important;
}
ul.list li.point {
  background-image: url(/images/circle-blueish.svg?7a085cab916c4361e47d23910f58a80b) !important;
}
ul.list li.level {
  background-image: url(/images/level-blueish.svg?158d67f3dc99cf0fdf8fcd226a68cfde) !important;
}
ul.list li.time {
  background-image: url(/images/time-blueish.svg?12637c2301ad56d03f1769bf57717d2e) !important;
}
ul.list li.price {
  background-image: url(/images/price-blueish.svg?3cb2fd5aa6ba610e8945892ac8850ef4) !important;
}
ul.list li.bulb {
  background-image: url(/images/light-bulb-white.svg?e3091c7f32d4a335e35fc3f2ef2edd71) !important;
}
ul.list li.bulb.blue {
  background-image: url(/images/light-bulb-blue.svg?0ec30cd99b6214ac0210f04958c12b45) !important;
}
ul.list li.cross {
  background-image: url(/images/x-red.svg?9a0b3840553d35e01961ea2dfecd7574) !important;
}
ul.list.checks li {
  background-image: url(/images/check-greenish.svg?f426b2c990bc0bce130f7dde1e40004c);
}
ul.list.questions > li {
  background-image: url(/images/question-greenish.svg?a571eac95b222de8c8dcb02a384fa343);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0.7;
}
ul.list.questions > li:hover {
  -moz-background-size: 18px;
       background-size: 18px;
  opacity: 1;
}
ul.list.questions.white li {
  background-image: url(/images/question-whiteish.svg?f674c14759171b3411790137e11832cc);
}
ul.list.points li {
  background-image: url(/images/circle-blueish.svg?7a085cab916c4361e47d23910f58a80b);
}
ul.list.crosses li {
  background-image: url(/images/x-red.svg?9a0b3840553d35e01961ea2dfecd7574);
}
ul.list.roadmap.line.blue {
  position: relative;
}
ul.list.roadmap.line.blue::after {
  position: absolute;
  display: block;
  content: " ";
  background-position: 6px center;
  -moz-background-size: 15px;
       background-size: 15px;
  height: -webkit-calc(100% - 20px);
  height: -moz-calc(100% - 20px);
  height: calc(100% - 20px);
  width: 26px;
  left: 0;
  top: 15px;
  background-image: url(/images/circle-roadmap-line.svg?6792223b2a1fea941abcb8db776f3b27);
  background-repeat: repeat-y;
}
ul.list.roadmap.line li {
  position: relative;
  background-image: url(/images/circle-roadmap-blue.svg?3960266f87733c87e36d929388ca8510) !important;
  z-index: 2;
}
ul.list.roadmap.line li:hover {
  background-image: url(/images/circle-roadmap-blue-hover.svg?474eeed4ceb0408ddbc550e90a47ac7a) !important;
}
ul.list.roadmap li {
  background-image: url(/images/circle-roadmap-mid.svg?dc04d9ccc3d269000f3cfe048ee67673);
}
ul.list.roadmap li:first-child {
  background-image: url(/images/circle-roadmap-start.svg?a4b756f00df46fb48886f2aeb31bccf8);
}
ul.list.roadmap li:last-child {
  background-image: url(/images/circle-roadmap-end.svg?839bab59d494956e99ffacbe86043c60);
}
ul.list.roadmap.blue li {
  background-image: url(/images/circle-roadmap-mid-blue.svg?78f91682a03d401c5dfc29ad2f47790a);
}
ul.list.roadmap.blue li:first-child {
  background-image: url(/images/circle-roadmap-start-blue.svg?71d605a94d3a68346c7420488da17668);
}
ul.list.roadmap.blue li:last-child {
  background-image: url(/images/circle-roadmap-end-blue.svg?2243f482dde4049af6d8d62bea248507);
}
ul.list.roadmap.blue.hoverable li:hover {
  background-image: url(/images/circle-roadmap-mid-blue-hover.svg?cd64b84f4b97b090c226d2906bb204c5);
}
ul.list.roadmap.blue.hoverable li:hover:first-child {
  background-image: url(/images/circle-roadmap-start-blue-hover.svg?4734854f3861afce9db02a8750099078);
}
ul.list.roadmap.blue.hoverable li:hover:last-child {
  background-image: url(/images/circle-roadmap-end-blue-hover.svg?69a73486fb99fdd1158c10380ec7e95c);
}

.api-course-application-dynamic-form h2, .api-course-application-dynamic-form h3 {
  color: #3e3e3e;
  text-align: center;
}
.api-course-application-dynamic-form h3 {
  font-size: 26px;
}
.api-course-application-dynamic-form .description p {
  color: #3e3e3e;
}

.course-user-assigned-user-group-list-item .card-field-wrapper.topics {
  margin-top: 20px;
}
.course-user-assigned-user-group-list-item .card-field-wrapper.task_groups {
  margin-top: 30px;
}

.list-card.course-user-assigned-user-group-list-item {
  background: #ffffff9c;
}

.course-user-assigned-user-group-list-item .info-wrapper.field.group-info {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  background: #3e4358;
  color: white;
  font-size: 0.8em;
  margin: 5px 0 15px;
}
.course-user-assigned-user-group-list-item .info-wrapper.field.group-info .text {
  color: gainsboro;
  font-style: italic;
}

.list-card.course-users-list-item .fc-stat-display {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.list-card.course-users-list-item .card-field-wrapper.name {
  font-weight: bold;
}
.list-card.course-users-list-item .card-fields-wrapper.field.stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(65px, 1fr));
  margin: 0;
  gap: 5px;
}
.list-card.course-users-list-item .card-fields-wrapper.field.stats .card-field-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}
.list-card.course-users-list-item .card-fields-wrapper.field.stats .fc-stat-display {
  border: 1px solid #e0e0e0;
  height: 45px;
  padding: 2px;
}
.list-card.course-users-list-item .card-fields-wrapper.task_groups {
  margin-top: 40px;
}

.app.home.brochure .list .api-component-modal-wrapper {
  display: inline-block;
}
.app.home.brochure .list .api-component-modal-wrapper:hover {
  text-decoration: underline;
}

section#faq .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section#faq .list.questions ul {
  max-width: 300px;
}

section#python .tabs-menu {
  border: none;
}
section#python .course-level-tab .api-form-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section#python .course-level-tab .api-form-wrapper .title {
  margin-bottom: 40px;
}
section#python .course-level-tab .api-component-modal-wrapper .cta-button {
  color: #ffffff;
  border-color: #88c665;
  background: #47b649;
}
section#python .course-level-tab .api-component-modal-wrapper .cta-button:hover {
  -webkit-box-shadow: 0 0 10px #88c665;
     -moz-box-shadow: 0 0 10px #88c665;
          box-shadow: 0 0 10px #88c665;
  -webkit-transform: scale(1.01);
     -moz-transform: scale(1.01);
      -ms-transform: scale(1.01);
       -o-transform: scale(1.01);
          transform: scale(1.01);
}
section#python .course-level-tab .api-component-modal-wrapper .cta-button:active {
  -webkit-transform: scale(0.95);
     -moz-transform: scale(0.95);
      -ms-transform: scale(0.95);
       -o-transform: scale(0.95);
          transform: scale(0.95);
}
section#python .course-level-tab .checkbox-group-wrapper {
  width: 100%;
  padding: 5px;
}
section#python .course-level-tab .form-content {
  max-width: 300px;
  min-width: min(300px, 100vw);
}
section#python .course-level-tab .form-description {
  margin-bottom: 20px;
  color: #595959;
}
section#python .course-level-tab .checkbox-group.course_user_group_id {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section#python .course-level-tab .checkbox-group.course_user_group_id .checkbox-wrapper:not(.disabled):hover, section#python .course-level-tab .checkbox-group.course_user_group_id .checkbox-wrapper:not(.disabled).checked {
  background: #9191912e;
}
section#python .tab-button {
  padding: 5px 10px;
  border: 3px solid #bfbfbf;
  cursor: pointer;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: ease-in-out all 0.2s;
  -o-transition: ease-in-out all 0.2s;
  -moz-transition: ease-in-out all 0.2s;
  transition: ease-in-out all 0.2s;
}
section#python .tab-button:hover {
  border: 3px solid #47b649;
  background: none;
}
section#python .tab-button:hover .icon {
  -moz-background-size: 60px;
       background-size: 60px;
}
section#python .tab-button .icon {
  -webkit-transition: ease-in-out all 0.2s;
  -o-transition: ease-in-out all 0.2s;
  -moz-transition: ease-in-out all 0.2s;
  transition: ease-in-out all 0.2s;
  -moz-background-size: 40px;
       background-size: 40px;
}
section#python .tab-button.active {
  border: 3px solid #47b649;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  background: none;
}
section#python .tab-button.active .title {
  font-weight: 600;
}
section#python .tab-button.active .icon {
  -moz-background-size: 60px;
       background-size: 60px;
}

.task-solution-comparison-tabs .tabs-menu {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
     -moz-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin-bottom: 20px;
  border-bottom: 2px solid #3e43592e;
}
.task-solution-comparison-tabs .tab-button {
  opacity: 0.6;
  position: relative;
  top: 2px;
}
.task-solution-comparison-tabs .tab-button.active {
  opacity: 1;
  border-color: #96a6c7;
  background: #3e43592e;
  border-bottom: 2px solid #96a6c754;
}
.task-solution-comparison-tabs .tab-button:hover {
  opacity: 0.8;
  background: #3e43592e;
}

.list-card.course-task-list-item {
  padding: 0;
}
.list-card.course-task-list-item > .dropdown-wrapper > .dropdown-toggle {
  padding: 10px 10px;
}
.list-card.course-task-list-item > .dropdown-wrapper > .dropdown-toggle span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.list-card.course-task-list-item .dropdown-content {
  margin-top: 0 !important;
  padding-bottom: 10px;
}
.list-card.course-task-list-item .card-field-wrapper {
  margin: 10px 20px;
}
.list-card.course-task-list-item .card-field-wrapper.image {
  padding: 2px 0;
  margin: 0 !important;
  border: none;
  background: #252525;
  margin-bottom: 20px !important;
}
.list-card.course-task-list-item .card-field-wrapper.image img {
  max-height: min(300px, 25vw);
  -o-object-fit: contain;
     object-fit: contain;
}
.list-card.course-task-list-item .card-field-wrapper.related-theory, .list-card.course-task-list-item .card-field-wrapper.solutions, .list-card.course-task-list-item .card-field-wrapper.hints {
  margin: 0px 10px !important;
}

.course-task.dropdown-wrapper {
  -webkit-transition: all ease-in 0.2s;
  -o-transition: all ease-in 0.2s;
  -moz-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
}
.course-task.dropdown-wrapper.open {
  -webkit-box-shadow: 1px 1px 20px 5px #b7b7b7;
     -moz-box-shadow: 1px 1px 20px 5px #b7b7b7;
          box-shadow: 1px 1px 20px 5px #b7b7b7;
}
.course-task.dropdown-wrapper .dropdown-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3e3e3e;
}
.course-task.dropdown-wrapper > .dropdown-toggle span::before {
  width: 45px;
  height: 15px;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.course-task.dropdown-wrapper.difficulty-1 > .dropdown-toggle span::before, .course-task.dropdown-wrapper.difficulty-2 > .dropdown-toggle span::before {
  background: url(/images/icon-task-strength-1.svg?22a24f77096d5c34605646c7563badd4);
}
.course-task.dropdown-wrapper.difficulty-3 > .dropdown-toggle span::before {
  background: url(/images/icon-task-strength-2.svg?8b1438f70a76f9062246445f2c1cf1f4);
}
.course-task.dropdown-wrapper.difficulty-4 > .dropdown-toggle span::before, .course-task.dropdown-wrapper.difficulty-5 > .dropdown-toggle span::before {
  background: url(/images/icon-task-strength-3.svg?4b7cdf1a333bde5e4b50a235bb37868a);
}

.course-task.recent-task .dropdown-toggle {
  font-weight: bold;
}
.course-task .task-description {
  font-style: italic;
  margin-bottom: 20px;
  opacity: 0.85;
}
.course-task .description h1, .course-task .description h2, .course-task .description h3, .course-task .description h4, .course-task .description h5, .course-task .description h6 {
  font-family: "Nunito", sans-serif;
  color: #787d8e;
  font-weight: bold;
}
.course-task .description h1 {
  font-size: 1.5em;
}
.course-task .description h2 {
  font-size: 1.3em;
}
.course-task .description h3 {
  font-size: 1.1em;
}
.course-task .description h3:not(:first-child) {
  margin-top: 30px;
}
.course-task .card-field-wrapper.related-theory,
.course-task .card-field-wrapper.solutions,
.course-task .card-field-wrapper.hints {
  margin: 0;
}
.course-task .card-field-wrapper.related-theory .dropdown-toggle,
.course-task .card-field-wrapper.solutions .dropdown-toggle,
.course-task .card-field-wrapper.hints .dropdown-toggle {
  font-family: "Nunito", sans-serif;
  text-transform: uppercase;
  font-size: 0.7em;
}
.course-task .card-field-wrapper.related-theory .card-field-wrapper.modal,
.course-task .card-field-wrapper.solutions .card-field-wrapper.modal,
.course-task .card-field-wrapper.hints .card-field-wrapper.modal {
  margin: 0;
}
.course-task .card-field-wrapper.related-theory p.text,
.course-task .card-field-wrapper.solutions p.text,
.course-task .card-field-wrapper.hints p.text {
  font-size: 0.85em;
  font-style: italic;
  background: #d0eacf;
  display: inline-block;
  padding: 5px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  color: #595959;
  margin: 5px;
}
.course-task .card-field-wrapper.related-theory .field .dropdown-toggle::before,
.course-task .card-field-wrapper.solutions .field .dropdown-toggle::before,
.course-task .card-field-wrapper.hints .field .dropdown-toggle::before {
  content: " ";
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  -moz-background-size: cover;
       background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.course-task .card-field-wrapper.related-theory .field.related-theory .dropdown-toggle::before,
.course-task .card-field-wrapper.solutions .field.related-theory .dropdown-toggle::before,
.course-task .card-field-wrapper.hints .field.related-theory .dropdown-toggle::before {
  background-image: url(/images/icon-book.svg?3697834da661ac7930f270213a879be7);
}
.course-task .card-field-wrapper.related-theory .field.solutions .dropdown-toggle::before,
.course-task .card-field-wrapper.solutions .field.solutions .dropdown-toggle::before,
.course-task .card-field-wrapper.hints .field.solutions .dropdown-toggle::before {
  background-image: url(/images/icon-solution.svg?897e05b5636b132de9c97a8c33c7626f);
}
.course-task .card-field-wrapper.related-theory .field.hints .dropdown-toggle::before,
.course-task .card-field-wrapper.solutions .field.hints .dropdown-toggle::before,
.course-task .card-field-wrapper.hints .field.hints .dropdown-toggle::before {
  background-image: url(/images/icon-help.svg?d34ac3edbb237179b22fcda494aba351);
}

.list-card.course-task-solutions-list-item .info-wrapper.ungraded p.text {
  background: #e3e3e3;
}
.list-card.course-task-solutions-list-item .info-wrapper.example .image-wrapper {
  position: relative;
}
.list-card.course-task-solutions-list-item .info-wrapper.example .image-wrapper::after {
  display: block;
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url(/images/icon-task-grade-star-small.png?c5b9600858ff6de7dd522e1149ca17f2);
  -moz-background-size: cover;
       background-size: cover;
  background-position: center;
}

.hljs:hover, .hljs *:hover {
  scrollbar-color: #abb2bf rgba(0, 0, 0, 0);
}

.course-task-hints-list-item,
.course-task-solutions-list-item {
  border: none !important;
  margin: 0 !important;
  font-size: 0.9em;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}
.course-task-hints-list-item .field,
.course-task-solutions-list-item .field {
  margin: 0;
}

.course-task-sections-list-item {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  padding: 0;
  border-left: none;
  border-right: none;
  border-top: 1px solid #3f445957;
}
.course-task-sections-list-item .text-wrapper.field.title .text {
  font-family: "Nunito", sans-serif;
  color: #787d8e;
  font-weight: bold;
  font-size: 1.1em;
}

.hljs:hover, .hljs *:hover {
  scrollbar-color: #abb2bf rgba(0, 0, 0, 0);
}

.course-task-solution-sections-list-item .hljs, .course-task-solution-sections-list-item .hljs * {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
      -ms-user-select: text !important;
          user-select: text !important;
}

.course-task-group-crud-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #b0b1b669;
  padding-top: 20px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.course-task-group-crud {
  width: min(100%, 884px);
}

.course-task-groups-list-item {
  -webkit-box-shadow: 0 0 4px 1px #3ba431;
     -moz-box-shadow: 0 0 4px 1px #3ba431;
          box-shadow: 0 0 4px 1px #3ba431;
}
.course-task-groups-list-item .task-group-title p {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 5%;
     -moz-border-radius: 5%;
          border-radius: 5%;
  font-weight: bold;
  -webkit-box-shadow: 0 0 5px 0 #3c3b3b;
     -moz-box-shadow: 0 0 5px 0 #3c3b3b;
          box-shadow: 0 0 5px 0 #3c3b3b;
  -webkit-transform: rotate(-3deg) translateZ(0);
     -moz-transform: rotate(-3deg) translateZ(0);
          transform: rotate(-3deg) translateZ(0);
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
}
.course-task-groups-list-item .task-group-description {
  margin-bottom: 40px;
}
.course-task-groups-list-item .task-group-description .html.content p {
  font-style: italic;
  color: #8d8d8d;
}
.course-task-groups-list-item:after {
  content: "Užduotys";
  background: #88cb88;
  left: -17px;
  -webkit-transform-origin: left;
     -moz-transform-origin: left;
      -ms-transform-origin: left;
       -o-transform-origin: left;
          transform-origin: left;
  top: 0;
  font-size: 12px;
  white-space: nowrap;
  height: 100%;
  -webkit-border-radius: 10px 0 0 10px;
     -moz-border-radius: 10px 0 0 10px;
          border-radius: 10px 0 0 10px;
  color: white;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
}

.course-topic-content-groups-list-item .field.title {
  margin-bottom: 15px;
}

.course-users-list-item .field.image img {
  -o-object-fit: cover;
     object-fit: cover;
}

.course-topic-content-groups-list-item .dropdown-content, .course-task-groups-list-item .dropdown-content {
  margin-top: 10px;
  overflow: auto !important;
  max-height: unset !important;
}
.course-topic-content-groups-list-item .field.topic-description, .course-task-groups-list-item .field.topic-description {
  margin-bottom: 30px;
  margin-top: 10px;
}
.course-topic-content-groups-list-item .field.topic-description p, .course-task-groups-list-item .field.topic-description p {
  font-style: italic;
  color: #8d8d8d;
}
.course-topic-content-groups-list-item .field.topic-title p, .course-task-groups-list-item .field.topic-title p {
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
.course-topic-content-groups-list-item .field.topic-title p:before, .course-task-groups-list-item .field.topic-title p:before {
  background-image: url(/images/icon-topic-title.svg?1bdf776974eb6c5b4dadd8f68056c5ae);
  -moz-background-size: cover;
       background-size: cover;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  content: "";
  display: block;
  height: 1em;
  width: 1em;
  margin-right: 8px;
}
.course-topic-content-groups-list-item .dropdown-wrapper .dropdown-toggle, .course-task-groups-list-item .dropdown-wrapper .dropdown-toggle {
  margin-bottom: 0 !important;
  color: #2d3149;
  font-size: 0.8em;
  text-transform: uppercase;
}
.course-topic-content-groups-list-item .dropdown-wrapper.open .dropdown-toggle span, .course-task-groups-list-item .dropdown-wrapper.open .dropdown-toggle span {
  font-weight: bold;
}
.course-topic-content-groups-list-item .course-topic-content-list-item, .course-task-groups-list-item .course-topic-content-list-item {
  border: 1px solid #f4f4f4;
  padding: 8px;
  background: #eee;
}
.course-topic-content-groups-list-item .course-topic-content-list-item .topic-content-dropdown.has-video .dropdown-toggle span:before, .course-task-groups-list-item .course-topic-content-list-item .topic-content-dropdown.has-video .dropdown-toggle span:before {
  background-image: url(/images/icon-topic-content-title-video.svg?1495173beb3b0e2cceba24969f7a804f);
}
.course-topic-content-groups-list-item .course-topic-content-list-item .topic-content-dropdown .dropdown-toggle, .course-task-groups-list-item .course-topic-content-list-item .topic-content-dropdown .dropdown-toggle {
  color: #2a2d3b;
}
.course-topic-content-groups-list-item .course-topic-content-list-item .topic-content-dropdown .dropdown-toggle span, .course-task-groups-list-item .course-topic-content-list-item .topic-content-dropdown .dropdown-toggle span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.course-topic-content-groups-list-item .course-topic-content-list-item .topic-content-dropdown .dropdown-toggle span:before, .course-task-groups-list-item .course-topic-content-list-item .topic-content-dropdown .dropdown-toggle span:before {
  background-image: url(/images/icon-topic-content-title.svg?e46fff11e561a89b2fb5c80777dfd63d);
  -moz-background-size: cover;
       background-size: cover;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  content: "";
  display: block;
  height: 1em;
  width: 1em;
  margin-right: 8px;
}
.course-topic-content-groups-list-item .course-topic-content-list-item .topic-content-dropdown .dropdown-content, .course-task-groups-list-item .course-topic-content-list-item .topic-content-dropdown .dropdown-content {
  margin-top: 10px;
}

.course-applications-list-item .created_at .text {
  color: #b1b1b1;
  font-style: italic;
}
.course-applications-list-item.not-reviewed {
  background: rgba(208, 230, 186, 0.7);
}
.course-applications-list-item.accepted {
  border: 4px solid #5da63c;
}
.course-applications-list-item.rejected {
  border: 4px solid #f43148;
  opacity: 0.3;
}
.course-applications-list-item.important {
  border: 4px solid #619cf4;
}

.course-user-xp-points-modal-crud table b {
  font-size: 14px;
}
.course-user-xp-points-modal-crud table i {
  font-size: 10px;
}

.log-alerts-crud tr.warn, .log-crud tr.warn {
  background: #c2ffa3;
  font-weight: bold;
}
.log-alerts-crud tr.alert, .log-crud tr.alert {
  background: #ffc080;
  font-weight: bold;
}

.inquiry-list-item .created_at .text {
  color: #b1b1b1;
  font-style: italic;
}
.inquiry-list-item.not-reviewed {
  background: #e2f4d7;
}
.inquiry-list-item.important {
  border: 4px solid #5da63c;
}

.feedback-list-item .card-fields-wrapper {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-areas: "image author author" "image course course" "image rating rating" "comment comment comment" "created_at created_at created_at";
  grid-template-columns: 150px 1fr;
  justify-items: left;
}
.feedback-list-item .card-field-wrapper.image {
  grid-area: image;
}
.feedback-list-item .card-field-wrapper.created_at {
  grid-area: created_at;
}
.feedback-list-item .card-field-wrapper.created_at .text {
  color: gray;
  font-size: 12px;
}
.feedback-list-item .card-field-wrapper.image img {
  max-width: 100%;
  width: 150px;
  max-height: 100%;
  min-height: auto;
}
.feedback-list-item .card-field-wrapper.rating {
  grid-area: rating;
}
.feedback-list-item .card-field-wrapper.comment {
  grid-area: comment;
  border: 1px solid #2d324a1a;
  padding: 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  text-align: left;
  width: 100%;
}
.feedback-list-item .card-field-wrapper.course {
  grid-area: course;
}
.feedback-list-item .card-field-wrapper.course span {
  background: #3e3e3ee0;
  padding: 5px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  color: white;
  font-weight: bold;
  font-size: 14px;
}

.payment-crud table .field.source img {
  height: 50px;
}

.payment-source-crud .is-disabled {
  opacity: 0.5;
}
.payment-source-crud .card-field-wrapper.info {
  text-align: center;
}

.api-paysera-payment-form .field-wrapper.amount.checkbox-group {
  margin-bottom: 20px;
}
.api-paysera-payment-form .field-wrapper.amount.checkbox-group label {
  margin-bottom: 20px;
  opacity: 0.75;
}
.api-paysera-payment-form .checkbox-wrapper {
  border: 1px solid gray !important;
}
.api-paysera-payment-form .price-description {
  opacity: 0.8;
  font-size: 12px;
}
.api-paysera-payment-form .success-animation.balance-sufficient {
  text-align: center;
}
.api-paysera-payment-form .success-animation.balance-sufficient h3 {
  font-size: 22px;
}
.api-paysera-payment-form .success-animation.balance-sufficient h3, .api-paysera-payment-form .success-animation.balance-sufficient p {
  color: #3e3e3e;
}

@media (min-width: 465px) {
  header .nav-opener {
    display: none !important;
  }
}
header .nav-item-link.home {
  height: 30px;
  font-family: "FightThis", serif;
}
@media (min-width: 465px) {
  header .nav-item-link.home {
    -moz-background-size: contain;
         background-size: contain;
    background: url(/images/fc-favicon-tr-inv-sqr-logo.svg?59662032ff1b78fd19b3bdc45766646e) no-repeat left;
    border: none !important;
    width: 160px;
  }
}
header .nav-item-link.home span {
  font-size: 20px;
  letter-spacing: 0.04rem;
  font-weight: 400;
}
header .nav-item-dropdown .dropdown-toggle {
  -webkit-transition: 0.1s all ease-in-out;
  -o-transition: 0.1s all ease-in-out;
  -moz-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
}
header .nav-item-dropdown .dropdown-toggle img {
  border: 2px solid #cdcdcd;
  background-color: #cdcdcd;
}
header .nav-item-dropdown .dropdown-toggle span {
  min-width: 80px;
}
header .nav-item-dropdown:hover {
  background: #3e4359;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
header .nav-item-dropdown:hover .dropdown-toggle {
  padding: 10px 15px;
}
header .nav-item-dropdown.open {
  background: #3e4359;
  -webkit-border-radius: 10px 10px 0 0;
     -moz-border-radius: 10px 10px 0 0;
          border-radius: 10px 10px 0 0;
  padding: 0 15px;
  min-width: 130px;
}
header .nav-item-dropdown .dropdown-container {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
  opacity: 0;
}
header .nav-item-dropdown .dropdown-container.visible {
  opacity: 1;
  -webkit-border-radius: 0 0 10px 10px;
     -moz-border-radius: 0 0 10px 10px;
          border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0px 3px 10px -2px #2b2f47;
     -moz-box-shadow: 0px 3px 10px -2px #2b2f47;
          box-shadow: 0px 3px 10px -2px #2b2f47;
  background-color: #3e4359;
  -webkit-transition-delay: 0.1s;
     -moz-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
header .nav-item-dropdown .dropdown-container li {
  padding: 0 10px;
  border-top: 1px solid #353844;
}
header .nav-item-dropdown .dropdown-container li:hover {
  background: rgba(253, 253, 253, 0.09);
}
header .nav-item-dropdown .dropdown-container li:last-child {
  -webkit-border-radius: 0 0 10px 10px;
     -moz-border-radius: 0 0 10px 10px;
          border-radius: 0 0 10px 10px;
}
header .nav-item-dropdown .dropdown-container li span {
  font-weight: 400;
  word-wrap: normal;
}
header li:hover > a > span {
  color: #e7e7e7 !important;
}
header span {
  color: #cdcdcd;
}
header .fa-icon {
  fill: #cdcdcd;
}
header .fa-icon:hover {
  fill: #e7e7e7;
}

aside {
  min-height: -webkit-calc(100vh - 60px);
  min-height: -moz-calc(100vh - 60px);
  min-height: calc(100vh - 60px);
  max-width: 200px;
  z-index: 10;
  background: #ffffff14;
  -webkit-border-radius: 0 10px 0;
     -moz-border-radius: 0 10px 0;
          border-radius: 0 10px 0;
  -webkit-box-shadow: 1px 1px 10px #2b2f47;
     -moz-box-shadow: 1px 1px 10px #2b2f47;
          box-shadow: 1px 1px 10px #2b2f47;
}
@media (max-width: 465px) {
  aside {
    position: fixed;
    overflow: hidden;
    background: #333648;
  }
  aside ul {
    position: relative;
  }
  aside:not(.open) {
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
aside ul li {
  overflow: hidden;
}
aside ul li a {
  padding: 0 !important;
  background: none;
}
aside ul li a:not(.dropdown-link).active, aside ul li a:not(.dropdown-link):hover {
  background: rgba(253, 253, 253, 0.09);
}
aside .dropdown-container {
  border-left: 1px solid #46495e;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
aside .dropdown-toggle {
  padding: 0 10px;
}
aside > ul {
  width: 130px;
}
aside > ul > li {
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  margin-bottom: 5px;
  background: #ffffff08;
}
aside > ul > li li {
  border-top: 1px solid #20202069;
  border-left: 4px solid #55596d;
}
aside span {
  color: #cdcdcd;
}
aside span:hover {
  color: #e7e7e7;
}
aside .fa-icon {
  fill: #cdcdcd;
  margin-right: 5px;
}

.breadcrumbs {
  position: relative;
  padding: 0 2%;
  z-index: 3;
}
.breadcrumbs ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.breadcrumbs ul li {
  margin-right: 10px;
}
.breadcrumbs ul li a {
  display: block;
  background: #ffffff14;
  -webkit-border-radius: 0 10px 0;
     -moz-border-radius: 0 10px 0;
          border-radius: 0 10px 0;
  -webkit-box-shadow: 1px 1px 10px #2b2f47;
     -moz-box-shadow: 1px 1px 10px #2b2f47;
          box-shadow: 1px 1px 10px #2b2f47;
  padding: 5px 10px;
}
.breadcrumbs ul li a.active, .breadcrumbs ul li a:hover {
  background: rgba(253, 253, 253, 0.09);
}
.breadcrumbs ul li a span {
  color: #cdcdcd;
}
.breadcrumbs ul li a:hover span {
  color: #e7e7e7;
}

footer {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #25252ac3 !important;
  min-height: 30vh;
  padding: 40px 0;
}
footer .right {
  text-transform: uppercase;
}
footer .box {
  width: 100%;
  max-width: min(700px, 70vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
footer .box > * {
  margin: 20px;
}
@media (max-width: 465px) {
  footer .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  footer .box div.left {
    border: 1px solid #3b3c4a;
    padding: 15px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
  }
  footer .box div.right ul li a {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
footer ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left !important;
  -webkit-justify-content: left !important;
     -moz-box-pack: left !important;
      -ms-flex-pack: left !important;
          justify-content: left !important;
  margin: 10px 0;
  width: 100%;
}
footer ul li a .fa-icon {
  margin-right: 10px;
}
footer ul li a span {
  color: gray;
}
footer ul li a:hover span, footer ul li a.active span {
  color: #F3F0E9;
}
footer svg {
  fill: gray;
}
footer .bottom {
  font-size: 0.85em;
  opacity: 0.8;
}