@charset "UTF-8";
@import "animate.min.css";
:root {
  --rz-border-width: 1px;
  --rz-root-font-size: 20px;
  --rz-body-font-size: 1rem;
  --rz-body-line-height: 1.429;
  --rz-icon-size: 1.5rem;
}

:root {
  /*--rz-steps-title-selected-color: #28a745;*/
}

body, .app-default {
  /*background-color: #f4f4f4 !important;*/
}

.init-transition-body {
  transition: opacity 0.2s;
  opacity: 1 !important;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

.blazor-error-boundary {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}

.blazor-error-boundary::after {
  content: "An error has occurred.";
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.full-flex {
  height: 100vh;
  display: flex;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.QuestionAlert {
  color: #ff2252;
}

input::placeholder {
  color: darkgray;
}

.cursor-pointer {
  cursor: pointer;
}

.rz-tabview-nav {
  flex-wrap: wrap;
}

.rz-data-grid .rz-cell-filter-content {
  min-height: 10px;
}
.rz-data-grid .rz-cell-filter-content .rz-textbox {
  font-size: 14px;
  padding: 5px 10px;
}
.rz-data-grid .rz-unselectable-text, .rz-data-grid .rz-unselectable-text {
  top: 0 !important;
}

.rz-button-md, .rz-scheduler-nav-views .rz-button.rz-primary, .rz-scheduler-nav-views .rz-primary.rz-paginator-element, .rz-paginator-element, .rz-date-filter-buttons .rz-button, .rz-date-filter-buttons .rz-paginator-element, .rz-fileupload-choose, .rz-selectbutton .rz-button, .rz-selectbutton .rz-paginator-element, .rz-splitbutton-menubutton, .rz-splitbutton .rz-button-text-icon-left, .rz-splitbutton .rz-button-text-only {
  font-weight: 400;
  padding: 0.75rem 1.5rem;
}

.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
  word-break: normal;
  white-space: normal;
}

.btn-primary, .rz-primary {
  background-color: #0082CA !important;
  border-color: #0082CA !important;
}

.btn-secondary, .rz-secondary {
  background-color: #EEF6FF !important;
  border-color: #EEF6FF !important;
  color: #0082CA !important;
}

.btn-success, .rz-success {
  background-color: #57B6B2 !important;
  border-color: #57B6B2 !important;
}

.btn-danger, .rz-danger {
  background-color: #A2D45E !important;
  border-color: #A2D45E !important;
}

.btn-warning, .rz-warning {
  background-color: #D79A2B !important;
  border-color: #D79A2B !important;
}

.btn-warning:hover {
  color: white;
}

.btn-info, btn-info {
  background-color: #6BC4E8 !important;
  border-color: #6BC4E8 !important;
}

.btn-dark, btn-dark {
  background-color: #353A3F !important;
  border-color: #17a2b8 !important;
}

.btn, .rz-steps-prev, .rz-steps-next {
  border-radius: 4px !important;
  padding: 5px 12px;
}

.btn-lg {
  min-width: 8rem;
  margin: 0 1rem;
}

.btn-circular {
  border-radius: 50% !important;
  height: 30px;
  width: 30px;
  border: 0;
  padding: 8px;
  font-size: 10px;
}

.btn-circular:focus {
  box-shadow: none !important;
}

.rz-button {
  border-radius: 0.75rem;
}

.rz-panel {
  padding: 0;
}

.no-header thead {
  display: none;
}

.rz-panel-content {
  margin: 0 0 2rem 0;
}

.form-user .rz-dropdown {
  font-size: 17px;
  padding: 5px 10px 35px 10px;
  margin: 5px 0;
}

.rz-steps-buttons {
  background: white;
  z-index: 2;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 6rem;
}

.userdatagrid .rz-dropdown {
  margin-bottom: -6px;
}

.td-userdatagrid .rz-cell-data {
  display: inline !important;
}

.form-group .rz-dropdown {
  display: block;
}

textarea.form-control {
  padding: 10px 10px;
}

.card-toolbar {
  /*    display:flex;
      justify-content: flex-end;
      margin: 1rem 0;*/
}
.card-toolbar .rz-button {
  margin-left: 1rem;
}

.grid_hide_filter .rz-grid-table thead tr:nth-child(2) {
  display: none;
}

.rz-radio-btn:checked ~ label {
  color: blue;
}

.rz-radio-button-list-horizontal .rz-radio-btn {
  /*	transform: scale(1.3);
      margin: 1rem 1rem;*/
  font-size: 17px;
  margin: 10px 0;
  font-weight: 300;
  line-height: 1.2;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: inline;
  white-space: nowrap;
}

.form-check {
  display: inline;
}

.rz-radiobutton-label {
  margin: 0 2rem 0 1.5rem;
  color: black;
}

.rz-chkbox {
  vertical-align: top;
  margin-right: 0.8rem;
}

.rz-textbox {
  font-size: 17px;
  padding: 20px 10px;
}

.form-control {
  font-size: 17px;
  margin: 5px 0;
  padding: 20px 10px;
}

.rz-radiobutton-box {
  border: 2px solid #babfc2;
}

.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
  border: 2px solid #babfc2;
}

.rz-spinner.rz-state-disabled .rz-inputtext, .rz-calendar.rz-state-disabled .rz-inputtext .rz-inputtext, .rz-listbox.rz-state-disabled .rz-inputtext, .rz-autocomplete-input:disabled .rz-inputtext, .rz-state-disabled.rz-multiselect .rz-inputtext, .rz-state-disabled.rz-dropdown .rz-inputtext, .rz-radiobutton-box.rz-state-disabled .rz-inputtext, .rz-chkbox-box.rz-state-disabled .rz-inputtext, .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search input:disabled .rz-inputtext, .rz-spinner:disabled .rz-inputtext, .rz-calendar .rz-inputtext:disabled .rz-inputtext, .rz-multiselect:disabled .rz-inputtext, .rz-dropdown:disabled .rz-inputtext, .mask:disabled .rz-inputtext, .rz-textarea:disabled .rz-inputtext, .rz-textbox:disabled .rz-inputtext {
  color: rgba(58, 58, 58, 0.9);
}

img.Close_Icon {
  position: fixed;
  right: 1rem;
  top: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 999;
}

label {
  color: black;
}

.full-width input {
  width: 100%;
}

.semi-box {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1rem;
}

.start-no-visible {
  visibility: hidden;
}

.rz-steps ul[role=tablist] {
  position: fixed;
  left: 4vw;
  top: 13vw;
  display: flex;
  justify-content: space-between;
  width: 40%;
  background-position: center;
  flex-direction: column;
  align-items: flex-start;
  z-index: 999;
}

.rz-steps .rz-steps-item {
  text-align: center;
  margin: 0.5em 0;
  /*width: 180px;*/
}

.rz-steps-next {
  color: #28a745;
  background-color: white;
  background-image: none;
  border-color: #28a745;
  height: 3rem;
  position: fixed;
  /*right: 36%;*/
  right: 2rem;
  bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  border: 1px solid #28a745;
}
.rz-steps-next i {
  display: none;
}

:root {
  --rz-grid-data-border-shadow: none;
  --rz-grid-cell-border: 0 solid white;
  --rz-grid-right-cell-border: 0 solid white;
  --rz-grid-bottom-cell-border: var(--rz-border-normal);
  --rz-grid-cell-padding: 0.5rem;
  --rz-grid-cell-color: var(--rz-text-color);
}

.rz-cell-filter {
  background-color: white;
}

.rz-datatable-thead th:not(:last-child), .rz-grid-table thead th:not(:last-child) {
  border-right: 0 solid white;
}

.rz-datatable-thead th, .rz-grid-table thead th {
  border-bottom: 1px solid #eee !important;
}

.rz-datatable-data td, .rz-grid-table td {
  border-bottom: 1px solid #eee !important;
  border-right: 1px solid #eee;
}

.rz-datatable-thead th, .rz-grid-table thead th {
  background-color: white;
}

.rz-datatable-odd > td {
  background-color: white;
  height: 48px;
}

.rz-datatable-even > td {
  background-color: #ffffff;
  height: 48px;
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
  font-size: 1rem;
  font-weight: 600;
  color: #9093A5 !important;
}

.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
  font-size: 1rem;
}

.title-menu {
  margin-bottom: 1rem;
}

.form-control-no-editmode {
  font-size: 17px;
  margin: 5px 0;
  padding: 10px 10px;
}

.wizard a.rz-steps-next.rz-state-disabled {
  opacity: 0;
}

.rz-steps-prev {
  color: #9ba7b4;
  background-color: white;
  background-image: none;
  border-color: #9ba7b4;
  height: 3rem;
  position: fixed;
  /*left: 2rem;*/
  left: 43%;
  bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  border: 1px solid #9ba7b4;
}
.rz-steps-prev i {
  display: none;
}

.wizard a.rz-steps-prev.rz-state-disabled {
  opacity: 0;
}

.rz-steps .rz-state-highlight .rz-steps-number {
  border: 2px #479cc8 solid;
}

.rz-steps-current ~ .rz-steps-item .rz-steps-number {
  border: 2px gray solid;
}

.rz-steps-number {
  padding: 0.7rem 0 !important;
  width: 3.2rem !important;
  height: 3.2rem !important;
  font-size: 18px;
  border: 2px var(--rz-steps-title-selected-color) solid;
}

#iframepdf {
  border: 1px solid #CCCCCC;
  width: 100%;
  height: calc(100vh - 300px);
}

.fixed {
  position: fixed;
  /*left: 0;*/
  top: 0;
  right: 0;
  bottom: 0;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.row_wizard {
  display: flex;
}

.column_wizard {
  margin: auto;
}

.column_wizard_header {
  flex: 1 1 40%;
  height: 100vh;
}

.column_wizard_header > div {
  width: 100%;
  height: 100%;
  background-position: top right;
  background-size: cover;
  opacity: 0.15;
  position: fixed;
  width: 40vw;
  height: 100vh;
  background-color: #ddd;
  background-blend-mode: multiply;
  z-index: 3;
}

.column_wizard_page {
  flex: 1 1 60%;
}

.login > section > .container {
  width: 50%;
  margin-left: 3rem;
}

.wizard .logo2 {
  position: fixed;
  margin: 0.5rem 1rem;
  top: 0;
  z-index: 999;
}

.wizard .logo2 img {
  width: 20vw;
}

.wizard section {
  padding: 3rem 0 6rem 0;
}

.wizard span.title {
  font-size: 42px;
  font-weight: 600;
  color: #1381c5;
  /*text-transform: uppercase;*/
}

.wizard span.sub-title {
  font-size: 18px;
  font-weight: 600;
  color: black;
  /*text-transform: uppercase;*/
}

.wizard h2.text {
  margin: 25px 0 8px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  color: #1381c5;
}

.wizard .container .sec-title {
  overflow: auto;
}

.title-text {
  font-size: 18px;
}

.wizard .container {
  padding-right: 3rem;
  padding-left: 3rem;
}

.redsys {
  padding-bottom: 2rem;
}

.redsys::after {
  content: "";
  background: transparent url(../img/redsys.png) no-repeat;
  width: 100px;
  height: 39px;
  background-size: contain;
}

.redsys::before {
  content: "Pague con tarjeta de crédito a través de Servired/RedSys";
  position: absolute;
  margin-top: 3rem;
  margin-left: 4rem;
}

.paypal {
  padding-bottom: 2rem;
}

.paypal::after {
  content: "";
  background: transparent url(../img/paypal.png) no-repeat;
  width: 100px;
  height: 25px;
  background-size: contain;
}

.paypal::before {
  content: "Pague con su cuenta PayPal de modo seguro";
  position: absolute;
  margin-top: 3rem;
  margin-left: 4rem;
}

.wizard .container .tarifa-container {
  border: 1px solid #ced4da;
  margin: 1rem;
  padding: 1rem;
  height: 54px;
}

.wizard .container .tarifa {
  text-align: left;
  float: left;
  font-size: 18px;
  font-weight: 600;
  color: black;
}

.wizard .container .importe {
  float: right;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #1381c5;
}

.wizard .container .cupon-container {
  border: 1px solid #ced4da;
  margin: 1rem;
  padding: 1rem;
  height: 54px;
}

.wizard .container .cupon {
  text-align: left;
  float: left;
  font-size: 18px;
  font-weight: 600;
  color: black;
  border: none;
  margin-top: -3px;
  width: 80%;
}

.wizard .container .btn-cupon {
  float: right;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #1381c5;
  background-color: white;
  border-radius: 0.5rem;
  padding: 5px;
  margin-top: -8px;
  width: 20%;
}

.form-group {
  margin: 25px 0 10px 0;
}

.form-control-label {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  color: #479cc8;
}

.rz-chkbox + .form-control-label {
  color: black;
}

.rz-calendar > .rz-inputtext {
  font-size: 18px;
  margin: 5px 0;
  padding: 20px 10px;
}

.wizard h2.text:first-of-type {
  margin: 15px 0 10px 0;
}

.visible-movil {
  visibility: collapse;
}

.register_step_title {
  display: none;
}

@media only screen and (max-width: 1200px) {
  /*.wizard section {
      padding-right: 38%;
      padding-left: 5%;
  }
  */
  .rz-steps .rz-steps-item {
    /*width: 120px;*/
  }
}
@media only screen and (max-width: 990px) {
  /*.wizard section {
      padding-right: 28%;
      padding-left: 0%;
  }*/
  .wizard .container {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .rz-textbox {
    font-size: 17px;
    padding: 15px 8px;
  }
  .rz-steps .rz-steps-item {
    /*width: 80px;*/
  }
  .wizard span.title {
    font-size: 32px;
  }
  .wizard h2.text {
    margin: 25px 0 8px 0;
    font-size: 17px;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 769px) {
  .wizard .container {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    width: auto !important;
    margin-left: 0 !important;
  }
  .redsys::before {
    margin-top: 4rem;
  }
  .paypal::before {
    margin-top: 4rem;
  }
  .wizard .container .btn-cupon {
    font-size: 12px;
  }
  .wizard .container .sec-title {
    overflow: auto;
    margin-bottom: 0rem !important;
  }
  .hidden-movil {
    visibility: collapse;
    display: none;
  }
  .visible-movil {
    visibility: visible;
  }
  .vertical-center {
    margin: 0;
    position: relative;
    -ms-transform: inherit;
    transform: inherit;
  }
  .rz-steps ul[role=tablist] {
    left: 2rem;
    right: 2rem;
    width: inherit;
    text-align: center;
    transform: inherit;
    top: 15vw;
    position: absolute;
    flex-direction: row;
    align-items: center;
    background-image: url("../img/StepsBackgroundV.png");
    position: fixed;
  }
  .rz-steps-number {
    padding: 0.3rem 0 !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    font-size: 17px;
  }
  .register_step_title {
    display: inherit;
    position: absolute;
    top: 21vh;
    width: 100%;
    margin: auto;
    text-align: center;
    color: var(--rz-steps-title-selected-color);
    font-size: 1.5rem;
  }
  .wizard .rz-steps-title {
    display: none;
  }
  .wizard .background-movil {
    height: 28vw;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1;
  }
  .wizard .background-movil > div {
    width: 100%;
    height: 100%;
    background-position: top right;
    background-size: cover;
    opacity: 0.15;
    background-color: #ddd;
    background-blend-mode: multiply;
  }
  .rz-steps-next {
    right: 1rem;
    bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 2rem;
  }
  .rz-steps-prev {
    left: 1rem;
    bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 2rem;
  }
  .rz-steps-buttons {
    height: 3rem;
  }
  .row_wizard {
    display: block;
  }
  .wizard section {
    margin-top: 25vw;
    padding-left: 0;
    padding-right: 0;
  }
  .container {
    max-width: 100%;
  }
  /*section {
      padding: 0;
      width: 100%;
  }
  */
}
@media only screen and (max-width: 359px) {
  .wizard .container {
    padding-right: 0;
    padding-left: 0;
  }
  .btn-lg {
    min-width: 4rem;
    margin: 0 1rem;
  }
  .rz-textbox {
    font-size: 16px;
    padding: 15px 8px;
  }
  .rz-steps ul[role=tablist] {
    left: 1rem;
    right: 1rem;
  }
  .wizard span.title {
    font-size: 22px;
  }
  .wizard h2.text {
    margin: 20px 0 6px 0;
    font-size: 16px;
    line-height: 1;
  }
}
.rz-rating a {
  font-size: 24px !important;
}

.rz-progressbar-label {
  opacity: 0;
}

.rating-5 .rz-progressbar-value {
  background-color: red !important;
}

.rating-4 .rz-progressbar-value {
  background-color: red !important;
}

.rating-3 .rz-progressbar-value {
  background-color: #ffd800 !important;
}

.rating-2 .rz-progressbar-value {
  background-color: green !important;
}

.rating-1 .rz-progressbar-value {
  background-color: green !important;
}

.title-back-container {
  display: flex;
  cursor: pointer;
}
.title-back-container > i {
  font-size: 2rem;
  margin-right: 1rem;
}

.rz-selectable .rz-datatable-even, .rz-datatable-odd {
  cursor: pointer;
}

.card-header2 {
  padding: 1rem 2.25rem;
}

.col-menu {
  padding-left: 4px;
  padding-right: 4px;
}

.btn-menu {
  transform: scale(0.95);
  width: 72px !important;
  height: 72px !important;
}

.estado_bar {
  width: 191px;
  max-width: 191px;
}
.estado_bar > span {
  width: 175px;
  max-width: 175px;
}

.estado_header {
  width: 191px;
  max-width: 191px;
}

.app-sidebar {
  background-color: white;
}

#kt_app_sidebar_mobile_toggle {
  z-index: 9999;
}

#kt_app_sidebar {
  padding: 10px;
  overflow: hidden;
  text-align: center;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar {
  background-color: white;
}

.menu_btns {
  padding-top: 5rem;
}

.customer-selected {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0 2rem;
}

.text-customer-selected {
  display: flex;
  flex-direction: column;
  margin: 0 1rem;
  flex: auto;
}

.customer-selected > .rz-progressbar {
  flex: auto;
  max-width: 200px;
}

.app-footer {
  position: fixed;
  bottom: 0;
  background-color: transparent;
  height: 3rem;
}

@media (max-width: 500px) {
  .page-title {
    margin-left: 1rem;
  }
  .estado_bar {
    width: 50px;
  }
  .estado_bar > span {
    width: 40px;
  }
  .estado_header {
    width: 50px;
  }
  .estado_header > span {
    width: 40px;
  }
  .app-container-extra {
    max-width: none;
    padding-left: 0px !important;
    padding-right: 0 !important;
  }
}
.informe-box {
  /* border: 1px solid #057ec5; */
  /* border-radius: 1rem; */
  padding: 0.5rem;
  margin-bottom: 2rem;
  background-color: #e9edf0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 20rem;
  border-bottom: 6px solid #057ec5;
  position: relative;
}

.informe-btn-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 2.5rem;
  left: 0;
  right: 0;
  padding: 0 1rem;
  align-items: stretch;
}

.informe-btn-box2 {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
}

.informe-btn-inner {
  width: 48%;
}

.informe-title-box {
  display: flex;
  flex-direction: row;
  padding: 0 1rem;
  justify-content: space-between;
  margin: 0.5rem 0;
}

.informe-title-text {
  display: flex;
  flex-direction: column;
}

.informe-title-text-1 {
  font-weight: 600;
}

.informe-title-text-2 {
  color: black;
  font-size: x-large;
}

.informe-title-img {
  height: 50px;
  opacity: 0.5;
}

.informe-footer {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 0.8rem;
}

.informe-footer-2 {
  color: black;
  font-weight: 600;
}

.informe-btn-generate {
  width: 96%;
  margin: auto auto 0.5rem auto;
}

.informe-btn-notify {
  margin: auto;
  padding: 1rem 5rem;
}

.informe-notify {
  margin: auto;
  font-size: 0.8rem;
}

.informe-footer-notify {
  margin-top: 0.5rem;
  text-align: center;
}

.informe-footer-notify-2 {
  color: black;
  font-weight: 600;
}

.informe-btn-download {
  background-color: #2a6663 !important;
}

.informe-btn-upload {
  background-color: #8870da !important;
}

.informe-description {
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
}

.informe-description-1 {
  font-weight: 600;
}

.flame_policy {
  width: 100%;
  height: calc(100vh - 200px);
}

.blazored-modal-content > .flame_policy {
  width: 90vw;
}

.blazored-modal {
  border-radius: 1rem;
}

.blazored-modal-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

.blazored-modal-close {
  visibility: hidden;
}

.blazored-modal-close:after {
  content: url(/img/icons/close.png);
  visibility: visible;
  display: block;
  margin-top: -30px;
  margin-right: -2px;
  opacity: 0.5;
}

.blazored-modal-title {
  vertical-align: middle;
  text-align: center;
  width: 100%;
  color: #553d89;
  font-size: x-large;
  font-weight: bold;
}

.blazored-modal-header {
  margin-left: 60px;
  align-items: center;
  margin-top: -10px;
}

.swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel {
  border-radius: 0.5em;
  width: 180px;
}

@media (max-width: 1024px) {
  .blazored-modal-title {
    font-size: medium;
  }
  .blazored-modal-header {
    padding: 0;
  }
}
/*    .e-schedule .e-vertical-view .e-resource-cells {
       height: 62px;
   }

   .e-schedule .template-wrap {
       display: flex;
       text-align: left;
   }

   .e-schedule .template-wrap .resource-image img {
       width: 45px;
       height: 45px;
   }*/
.e-schedule .template-wrap .resource-details {
  padding-left: 10px;
}

.e-schedule .template-wrap .resource-details .resource-name {
  font-size: 16px;
  font-weight: 500;
  margin-top: 5px;
}

.e-schedule.e-device .template-wrap .resource-details .resource-name {
  font-size: inherit;
  font-weight: inherit;
}

/*    .e-schedule.e-device .e-resource-tree-popup .e-fullrow {
        height: 50px;
    }

    .e-schedule.e-device .template-wrap .resource-details .resource-designation {
        display: none;
    }*/
:root {
  --rz-tabs-padding: 1.25rem;
  --rz-tabs-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
  --rz-tabs-border: var(--rz-border-base-200);
  --rz-tabs-border-radius: var(--rz-border-radius);
  --rz-tabs-background-color: var(--rz-base-background-color);
  --rz-tabs-tab-font-size: 15px;
  --rz-tabs-tab-line-height: var(--rz-body-line-height);
  --rz-tabs-tab-font-weight: normal;
  --rz-tabs-tab-text-transform: none;
  --rz-tabs-tab-letter-spacing: 0;
  --rz-tabs-tab-padding: 0.5rem 1rem;
  --rz-tabs-tab-background-color: var(--rz-base-200);
  --rz-tabs-tab-color: var(--rz-text-title-color);
  --rz-tabs-tab-selected-color: var(--rz-secondary);
  --rz-tabs-tab-selected-top-border-color: var(--rz-secondary);
  --rz-tabs-tab-hover-background-color: var(--rz-base-background-color);
  --rz-tabs-tab-hover-color: var(--rz-secondary-light);
  --rz-tabs-icon-font-size: var(--rz-icon-size);
  --rz-tabs-icon-margin: 0 0.25rem 0 -0.25rem;
  --rz-tabs-transition: var(--rz-transition-all);
}

body {
  overflow-x: hidden;
}

label {
  display: inherit;
  color: black;
}

.float-right {
  float: right !important;
}

.form-group {
  margin: 25px 0 10px 0;
}

.form-control {
  font-size: 17px;
  margin: 5px 0;
  padding: 20px 10px;
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-label {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  color: #479cc8;
}

.form-control-text {
  height: 10rem;
}

.grid_face {
  width: 32px;
  height: 32px;
}

.chart_face {
  width: 20px;
  height: 20px;
}

.cropper {
  max-height: 300px;
  width: 100%;
}

.cropper-img {
  max-height: 300px;
  width: auto;
}

.symbol {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  border-radius: 0.475rem;
}

.symbol .symbol-label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: var(--bs-symbol-label-color);
  background-color: var(--bs-symbol-label-bg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 0.475rem;
}

.symbol .symbol-label:after {
  border-radius: 0.475rem;
}

.symbol .symbol-badge {
  position: absolute;
  border-radius: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) !important;
}

.symbol > img {
  width: 100%;
  flex-shrink: 0;
  display: inline-block;
  border-radius: 0.475rem;
}

.symbol.symbol-square,
.symbol.symbol-square > img,
.symbol.symbol-square .symbol-label {
  border-radius: 0 !important;
}

.symbol.symbol-circle,
.symbol.symbol-circle > img,
.symbol.symbol-circle .symbol-label {
  border-radius: 50%;
}

.symbol.symbol-circle:after,
.symbol.symbol-circle > img:after,
.symbol.symbol-circle .symbol-label:after {
  border-radius: 50%;
}

.symbol > img {
  width: 50px;
  height: 50px;
}

.symbol .symbol-label {
  width: 50px;
  height: 50px;
}

.symbol.symbol-fixed .symbol-label {
  width: 50px;
  height: 50px;
}

.symbol.symbol-fixed > img {
  width: 50px;
  height: 50px;
  max-width: none;
}

.symbol.symbol-2by3 .symbol-label {
  height: 50px;
  width: 75px;
}

.symbol.symbol-2by3 > img {
  height: 50px;
  width: 75px;
  max-width: none;
}

.symbol.symbol-20px > img {
  width: 20px;
  height: 20px;
}

.symbol.symbol-20px .symbol-label {
  width: 20px;
  height: 20px;
}

.symbol.symbol-20px.symbol-fixed .symbol-label {
  width: 20px;
  height: 20px;
}

.symbol.symbol-20px.symbol-fixed > img {
  width: 20px;
  height: 20px;
  max-width: none;
}

.symbol.symbol-20px.symbol-2by3 .symbol-label {
  height: 20px;
  width: 30px;
}

.symbol.symbol-20px.symbol-2by3 > img {
  height: 20px;
  width: 30px;
  max-width: none;
}

.symbol.symbol-25px > img {
  width: 25px;
  height: 25px;
}

.symbol.symbol-25px .symbol-label {
  width: 25px;
  height: 25px;
}

.symbol.symbol-25px.symbol-fixed .symbol-label {
  width: 25px;
  height: 25px;
}

.symbol.symbol-25px.symbol-fixed > img {
  width: 25px;
  height: 25px;
  max-width: none;
}

.symbol.symbol-25px.symbol-2by3 .symbol-label {
  height: 25px;
  width: 37.5px;
}

.symbol.symbol-25px.symbol-2by3 > img {
  height: 25px;
  width: 37.5px;
  max-width: none;
}

.symbol.symbol-30px > img {
  width: 30px;
  height: 30px;
}

.symbol.symbol-30px .symbol-label {
  width: 30px;
  height: 30px;
}

.symbol.symbol-30px.symbol-fixed .symbol-label {
  width: 30px;
  height: 30px;
}

.symbol.symbol-30px.symbol-fixed > img {
  width: 30px;
  height: 30px;
  max-width: none;
}

.symbol.symbol-30px.symbol-2by3 .symbol-label {
  height: 30px;
  width: 45px;
}

.symbol.symbol-30px.symbol-2by3 > img {
  height: 30px;
  width: 45px;
  max-width: none;
}

.symbol.symbol-35px > img {
  width: 35px;
  height: 35px;
}

.symbol.symbol-35px .symbol-label {
  width: 35px;
  height: 35px;
}

.symbol.symbol-35px.symbol-fixed .symbol-label {
  width: 35px;
  height: 35px;
}

.symbol.symbol-35px.symbol-fixed > img {
  width: 35px;
  height: 35px;
  max-width: none;
}

.symbol.symbol-35px.symbol-2by3 .symbol-label {
  height: 35px;
  width: 52.5px;
}

.symbol.symbol-35px.symbol-2by3 > img {
  height: 35px;
  width: 52.5px;
  max-width: none;
}

.symbol.symbol-40px > img {
  width: 40px;
  height: 40px;
}

.symbol.symbol-40px .symbol-label {
  width: 40px;
  height: 40px;
}

.symbol.symbol-40px.symbol-fixed .symbol-label {
  width: 40px;
  height: 40px;
}

.symbol.symbol-40px.symbol-fixed > img {
  width: 40px;
  height: 40px;
  max-width: none;
}

.symbol.symbol-40px.symbol-2by3 .symbol-label {
  height: 40px;
  width: 60px;
}

.symbol.symbol-40px.symbol-2by3 > img {
  height: 40px;
  width: 60px;
  max-width: none;
}

.symbol.symbol-45px > img {
  width: 45px;
  height: 45px;
}

.symbol.symbol-45px .symbol-label {
  width: 45px;
  height: 45px;
}

.symbol.symbol-45px.symbol-fixed .symbol-label {
  width: 45px;
  height: 45px;
}

.symbol.symbol-45px.symbol-fixed > img {
  width: 45px;
  height: 45px;
  max-width: none;
}

.symbol.symbol-45px.symbol-2by3 .symbol-label {
  height: 45px;
  width: 67.5px;
}

.symbol.symbol-45px.symbol-2by3 > img {
  height: 45px;
  width: 67.5px;
  max-width: none;
}

.symbol.symbol-50px > img {
  width: 50px;
  height: 50px;
}

.symbol.symbol-50px .symbol-label {
  width: 50px;
  height: 50px;
}

.symbol.symbol-50px.symbol-fixed .symbol-label {
  width: 50px;
  height: 50px;
}

.symbol.symbol-50px.symbol-fixed > img {
  width: 50px;
  height: 50px;
  max-width: none;
}

.symbol.symbol-50px.symbol-2by3 .symbol-label {
  height: 50px;
  width: 75px;
}

.symbol.symbol-50px.symbol-2by3 > img {
  height: 50px;
  width: 75px;
  max-width: none;
}

.symbol.symbol-55px > img {
  width: 55px;
  height: 55px;
}

.symbol.symbol-55px .symbol-label {
  width: 55px;
  height: 55px;
}

.symbol.symbol-55px.symbol-fixed .symbol-label {
  width: 55px;
  height: 55px;
}

.symbol.symbol-55px.symbol-fixed > img {
  width: 55px;
  height: 55px;
  max-width: none;
}

.symbol.symbol-55px.symbol-2by3 .symbol-label {
  height: 55px;
  width: 82.5px;
}

.symbol.symbol-55px.symbol-2by3 > img {
  height: 55px;
  width: 82.5px;
  max-width: none;
}

.symbol.symbol-60px > img {
  width: 60px;
  height: 60px;
}

.symbol.symbol-60px .symbol-label {
  width: 60px;
  height: 60px;
}

.symbol.symbol-60px.symbol-fixed .symbol-label {
  width: 60px;
  height: 60px;
}

.symbol.symbol-60px.symbol-fixed > img {
  width: 60px;
  height: 60px;
  max-width: none;
}

.symbol.symbol-60px.symbol-2by3 .symbol-label {
  height: 60px;
  width: 90px;
}

.symbol.symbol-60px.symbol-2by3 > img {
  height: 60px;
  width: 90px;
  max-width: none;
}

.symbol.symbol-65px > img {
  width: 65px;
  height: 65px;
}

.symbol.symbol-65px .symbol-label {
  width: 65px;
  height: 65px;
}

.symbol.symbol-65px.symbol-fixed .symbol-label {
  width: 65px;
  height: 65px;
}

.symbol.symbol-65px.symbol-fixed > img {
  width: 65px;
  height: 65px;
  max-width: none;
}

.symbol.symbol-65px.symbol-2by3 .symbol-label {
  height: 65px;
  width: 97.5px;
}

.symbol.symbol-65px.symbol-2by3 > img {
  height: 65px;
  width: 97.5px;
  max-width: none;
}

.symbol.symbol-70px > img {
  width: 70px;
  height: 70px;
}

.symbol.symbol-70px .symbol-label {
  width: 70px;
  height: 70px;
}

.symbol.symbol-70px.symbol-fixed .symbol-label {
  width: 70px;
  height: 70px;
}

.symbol.symbol-70px.symbol-fixed > img {
  width: 70px;
  height: 70px;
  max-width: none;
}

.symbol.symbol-70px.symbol-2by3 .symbol-label {
  height: 70px;
  width: 105px;
}

.symbol.symbol-70px.symbol-2by3 > img {
  height: 70px;
  width: 105px;
  max-width: none;
}

.symbol.symbol-75px > img {
  width: 75px;
  height: 75px;
}

.symbol.symbol-75px .symbol-label {
  width: 75px;
  height: 75px;
}

.symbol.symbol-75px.symbol-fixed .symbol-label {
  width: 75px;
  height: 75px;
}

.symbol.symbol-75px.symbol-fixed > img {
  width: 75px;
  height: 75px;
  max-width: none;
}

.symbol.symbol-75px.symbol-2by3 .symbol-label {
  height: 75px;
  width: 112.5px;
}

.symbol.symbol-75px.symbol-2by3 > img {
  height: 75px;
  width: 112.5px;
  max-width: none;
}

.symbol.symbol-90px > img {
  width: 90px;
  height: 90px;
}

.symbol.symbol-90px .symbol-label {
  width: 90px;
  height: 90px;
}

.symbol.symbol-90px.symbol-fixed .symbol-label {
  width: 90px;
  height: 90px;
}

.symbol.symbol-90px.symbol-fixed > img {
  width: 90px;
  height: 90px;
  max-width: none;
}

.symbol.symbol-90px.symbol-2by3 .symbol-label {
  height: 90px;
  width: 135px;
}

.symbol.symbol-90px.symbol-2by3 > img {
  height: 90px;
  width: 135px;
  max-width: none;
}

.symbol.symbol-100px > img {
  width: 100px;
  height: 100px;
}

.symbol.symbol-100px .symbol-label {
  width: 100px;
  height: 100px;
}

.symbol.symbol-100px.symbol-fixed .symbol-label {
  width: 100px;
  height: 100px;
}

.symbol.symbol-100px.symbol-fixed > img {
  width: 100px;
  height: 100px;
  max-width: none;
}

.symbol.symbol-100px.symbol-2by3 .symbol-label {
  height: 100px;
  width: 150px;
}

.symbol.symbol-100px.symbol-2by3 > img {
  height: 100px;
  width: 150px;
  max-width: none;
}

.symbol.symbol-125px > img {
  width: 125px;
  height: 125px;
}

.symbol.symbol-125px .symbol-label {
  width: 125px;
  height: 125px;
}

.symbol.symbol-125px.symbol-fixed .symbol-label {
  width: 125px;
  height: 125px;
}

.symbol.symbol-125px.symbol-fixed > img {
  width: 125px;
  height: 125px;
  max-width: none;
}

.symbol.symbol-125px.symbol-2by3 .symbol-label {
  height: 125px;
  width: 187.5px;
}

.symbol.symbol-125px.symbol-2by3 > img {
  height: 125px;
  width: 187.5px;
  max-width: none;
}

.symbol.symbol-150px > img {
  width: 150px;
  height: 150px;
}

.symbol.symbol-150px .symbol-label {
  width: 150px;
  height: 150px;
}

.symbol.symbol-150px.symbol-fixed .symbol-label {
  width: 150px;
  height: 150px;
}

.symbol.symbol-150px.symbol-fixed > img {
  width: 150px;
  height: 150px;
  max-width: none;
}

.symbol.symbol-150px.symbol-2by3 .symbol-label {
  height: 150px;
  width: 225px;
}

.symbol.symbol-150px.symbol-2by3 > img {
  height: 150px;
  width: 225px;
  max-width: none;
}

.symbol.symbol-160px > img {
  width: 160px;
  height: 160px;
}

.symbol.symbol-160px .symbol-label {
  width: 160px;
  height: 160px;
}

.symbol.symbol-160px.symbol-fixed .symbol-label {
  width: 160px;
  height: 160px;
}

.symbol.symbol-160px.symbol-fixed > img {
  width: 160px;
  height: 160px;
  max-width: none;
}

.symbol.symbol-160px.symbol-2by3 .symbol-label {
  height: 160px;
  width: 240px;
}

.symbol.symbol-160px.symbol-2by3 > img {
  height: 160px;
  width: 240px;
  max-width: none;
}

.symbol.symbol-175px > img {
  width: 175px;
  height: 175px;
}

.symbol.symbol-175px .symbol-label {
  width: 175px;
  height: 175px;
}

.symbol.symbol-175px.symbol-fixed .symbol-label {
  width: 175px;
  height: 175px;
}

.symbol.symbol-175px.symbol-fixed > img {
  width: 175px;
  height: 175px;
  max-width: none;
}

.symbol.symbol-175px.symbol-2by3 .symbol-label {
  height: 175px;
  width: 262.5px;
}

.symbol.symbol-175px.symbol-2by3 > img {
  height: 175px;
  width: 262.5px;
  max-width: none;
}

.symbol.symbol-200px > img {
  width: 200px;
  height: 200px;
}

.symbol.symbol-200px .symbol-label {
  width: 200px;
  height: 200px;
}

.symbol.symbol-200px.symbol-fixed .symbol-label {
  width: 200px;
  height: 200px;
}

.symbol.symbol-200px.symbol-fixed > img {
  width: 200px;
  height: 200px;
  max-width: none;
}

.symbol.symbol-200px.symbol-2by3 .symbol-label {
  height: 200px;
  width: 300px;
}

.symbol.symbol-200px.symbol-2by3 > img {
  height: 200px;
  width: 300px;
  max-width: none;
}

@media (min-width: 576px) {
  .symbol.symbol-sm-20px > img {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-sm-20px .symbol-label {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-sm-20px.symbol-fixed .symbol-label {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-sm-20px.symbol-fixed > img {
    width: 20px;
    height: 20px;
    max-width: none;
  }
  .symbol.symbol-sm-20px.symbol-2by3 .symbol-label {
    height: 20px;
    width: 30px;
  }
  .symbol.symbol-sm-20px.symbol-2by3 > img {
    height: 20px;
    width: 30px;
    max-width: none;
  }
  .symbol.symbol-sm-25px > img {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-sm-25px .symbol-label {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-sm-25px.symbol-fixed .symbol-label {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-sm-25px.symbol-fixed > img {
    width: 25px;
    height: 25px;
    max-width: none;
  }
  .symbol.symbol-sm-25px.symbol-2by3 .symbol-label {
    height: 25px;
    width: 37.5px;
  }
  .symbol.symbol-sm-25px.symbol-2by3 > img {
    height: 25px;
    width: 37.5px;
    max-width: none;
  }
  .symbol.symbol-sm-30px > img {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-sm-30px .symbol-label {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-sm-30px.symbol-fixed .symbol-label {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-sm-30px.symbol-fixed > img {
    width: 30px;
    height: 30px;
    max-width: none;
  }
  .symbol.symbol-sm-30px.symbol-2by3 .symbol-label {
    height: 30px;
    width: 45px;
  }
  .symbol.symbol-sm-30px.symbol-2by3 > img {
    height: 30px;
    width: 45px;
    max-width: none;
  }
  .symbol.symbol-sm-35px > img {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-sm-35px .symbol-label {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-sm-35px.symbol-fixed .symbol-label {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-sm-35px.symbol-fixed > img {
    width: 35px;
    height: 35px;
    max-width: none;
  }
  .symbol.symbol-sm-35px.symbol-2by3 .symbol-label {
    height: 35px;
    width: 52.5px;
  }
  .symbol.symbol-sm-35px.symbol-2by3 > img {
    height: 35px;
    width: 52.5px;
    max-width: none;
  }
  .symbol.symbol-sm-40px > img {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-sm-40px .symbol-label {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-sm-40px.symbol-fixed .symbol-label {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-sm-40px.symbol-fixed > img {
    width: 40px;
    height: 40px;
    max-width: none;
  }
  .symbol.symbol-sm-40px.symbol-2by3 .symbol-label {
    height: 40px;
    width: 60px;
  }
  .symbol.symbol-sm-40px.symbol-2by3 > img {
    height: 40px;
    width: 60px;
    max-width: none;
  }
  .symbol.symbol-sm-45px > img {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-sm-45px .symbol-label {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-sm-45px.symbol-fixed .symbol-label {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-sm-45px.symbol-fixed > img {
    width: 45px;
    height: 45px;
    max-width: none;
  }
  .symbol.symbol-sm-45px.symbol-2by3 .symbol-label {
    height: 45px;
    width: 67.5px;
  }
  .symbol.symbol-sm-45px.symbol-2by3 > img {
    height: 45px;
    width: 67.5px;
    max-width: none;
  }
  .symbol.symbol-sm-50px > img {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-sm-50px .symbol-label {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-sm-50px.symbol-fixed .symbol-label {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-sm-50px.symbol-fixed > img {
    width: 50px;
    height: 50px;
    max-width: none;
  }
  .symbol.symbol-sm-50px.symbol-2by3 .symbol-label {
    height: 50px;
    width: 75px;
  }
  .symbol.symbol-sm-50px.symbol-2by3 > img {
    height: 50px;
    width: 75px;
    max-width: none;
  }
  .symbol.symbol-sm-55px > img {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-sm-55px .symbol-label {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-sm-55px.symbol-fixed .symbol-label {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-sm-55px.symbol-fixed > img {
    width: 55px;
    height: 55px;
    max-width: none;
  }
  .symbol.symbol-sm-55px.symbol-2by3 .symbol-label {
    height: 55px;
    width: 82.5px;
  }
  .symbol.symbol-sm-55px.symbol-2by3 > img {
    height: 55px;
    width: 82.5px;
    max-width: none;
  }
  .symbol.symbol-sm-60px > img {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-sm-60px .symbol-label {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-sm-60px.symbol-fixed .symbol-label {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-sm-60px.symbol-fixed > img {
    width: 60px;
    height: 60px;
    max-width: none;
  }
  .symbol.symbol-sm-60px.symbol-2by3 .symbol-label {
    height: 60px;
    width: 90px;
  }
  .symbol.symbol-sm-60px.symbol-2by3 > img {
    height: 60px;
    width: 90px;
    max-width: none;
  }
  .symbol.symbol-sm-65px > img {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-sm-65px .symbol-label {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-sm-65px.symbol-fixed .symbol-label {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-sm-65px.symbol-fixed > img {
    width: 65px;
    height: 65px;
    max-width: none;
  }
  .symbol.symbol-sm-65px.symbol-2by3 .symbol-label {
    height: 65px;
    width: 97.5px;
  }
  .symbol.symbol-sm-65px.symbol-2by3 > img {
    height: 65px;
    width: 97.5px;
    max-width: none;
  }
  .symbol.symbol-sm-70px > img {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-sm-70px .symbol-label {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-sm-70px.symbol-fixed .symbol-label {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-sm-70px.symbol-fixed > img {
    width: 70px;
    height: 70px;
    max-width: none;
  }
  .symbol.symbol-sm-70px.symbol-2by3 .symbol-label {
    height: 70px;
    width: 105px;
  }
  .symbol.symbol-sm-70px.symbol-2by3 > img {
    height: 70px;
    width: 105px;
    max-width: none;
  }
  .symbol.symbol-sm-75px > img {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-sm-75px .symbol-label {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-sm-75px.symbol-fixed .symbol-label {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-sm-75px.symbol-fixed > img {
    width: 75px;
    height: 75px;
    max-width: none;
  }
  .symbol.symbol-sm-75px.symbol-2by3 .symbol-label {
    height: 75px;
    width: 112.5px;
  }
  .symbol.symbol-sm-75px.symbol-2by3 > img {
    height: 75px;
    width: 112.5px;
    max-width: none;
  }
  .symbol.symbol-sm-90px > img {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-sm-90px .symbol-label {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-sm-90px.symbol-fixed .symbol-label {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-sm-90px.symbol-fixed > img {
    width: 90px;
    height: 90px;
    max-width: none;
  }
  .symbol.symbol-sm-90px.symbol-2by3 .symbol-label {
    height: 90px;
    width: 135px;
  }
  .symbol.symbol-sm-90px.symbol-2by3 > img {
    height: 90px;
    width: 135px;
    max-width: none;
  }
  .symbol.symbol-sm-100px > img {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-sm-100px .symbol-label {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-sm-100px.symbol-fixed .symbol-label {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-sm-100px.symbol-fixed > img {
    width: 100px;
    height: 100px;
    max-width: none;
  }
  .symbol.symbol-sm-100px.symbol-2by3 .symbol-label {
    height: 100px;
    width: 150px;
  }
  .symbol.symbol-sm-100px.symbol-2by3 > img {
    height: 100px;
    width: 150px;
    max-width: none;
  }
  .symbol.symbol-sm-125px > img {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-sm-125px .symbol-label {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-sm-125px.symbol-fixed .symbol-label {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-sm-125px.symbol-fixed > img {
    width: 125px;
    height: 125px;
    max-width: none;
  }
  .symbol.symbol-sm-125px.symbol-2by3 .symbol-label {
    height: 125px;
    width: 187.5px;
  }
  .symbol.symbol-sm-125px.symbol-2by3 > img {
    height: 125px;
    width: 187.5px;
    max-width: none;
  }
  .symbol.symbol-sm-150px > img {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-sm-150px .symbol-label {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-sm-150px.symbol-fixed .symbol-label {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-sm-150px.symbol-fixed > img {
    width: 150px;
    height: 150px;
    max-width: none;
  }
  .symbol.symbol-sm-150px.symbol-2by3 .symbol-label {
    height: 150px;
    width: 225px;
  }
  .symbol.symbol-sm-150px.symbol-2by3 > img {
    height: 150px;
    width: 225px;
    max-width: none;
  }
  .symbol.symbol-sm-160px > img {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-sm-160px .symbol-label {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-sm-160px.symbol-fixed .symbol-label {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-sm-160px.symbol-fixed > img {
    width: 160px;
    height: 160px;
    max-width: none;
  }
  .symbol.symbol-sm-160px.symbol-2by3 .symbol-label {
    height: 160px;
    width: 240px;
  }
  .symbol.symbol-sm-160px.symbol-2by3 > img {
    height: 160px;
    width: 240px;
    max-width: none;
  }
  .symbol.symbol-sm-175px > img {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-sm-175px .symbol-label {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-sm-175px.symbol-fixed .symbol-label {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-sm-175px.symbol-fixed > img {
    width: 175px;
    height: 175px;
    max-width: none;
  }
  .symbol.symbol-sm-175px.symbol-2by3 .symbol-label {
    height: 175px;
    width: 262.5px;
  }
  .symbol.symbol-sm-175px.symbol-2by3 > img {
    height: 175px;
    width: 262.5px;
    max-width: none;
  }
  .symbol.symbol-sm-200px > img {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-sm-200px .symbol-label {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-sm-200px.symbol-fixed .symbol-label {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-sm-200px.symbol-fixed > img {
    width: 200px;
    height: 200px;
    max-width: none;
  }
  .symbol.symbol-sm-200px.symbol-2by3 .symbol-label {
    height: 200px;
    width: 300px;
  }
  .symbol.symbol-sm-200px.symbol-2by3 > img {
    height: 200px;
    width: 300px;
    max-width: none;
  }
}
@media (min-width: 768px) {
  .symbol.symbol-md-20px > img {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-md-20px .symbol-label {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-md-20px.symbol-fixed .symbol-label {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-md-20px.symbol-fixed > img {
    width: 20px;
    height: 20px;
    max-width: none;
  }
  .symbol.symbol-md-20px.symbol-2by3 .symbol-label {
    height: 20px;
    width: 30px;
  }
  .symbol.symbol-md-20px.symbol-2by3 > img {
    height: 20px;
    width: 30px;
    max-width: none;
  }
  .symbol.symbol-md-25px > img {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-md-25px .symbol-label {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-md-25px.symbol-fixed .symbol-label {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-md-25px.symbol-fixed > img {
    width: 25px;
    height: 25px;
    max-width: none;
  }
  .symbol.symbol-md-25px.symbol-2by3 .symbol-label {
    height: 25px;
    width: 37.5px;
  }
  .symbol.symbol-md-25px.symbol-2by3 > img {
    height: 25px;
    width: 37.5px;
    max-width: none;
  }
  .symbol.symbol-md-30px > img {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-md-30px .symbol-label {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-md-30px.symbol-fixed .symbol-label {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-md-30px.symbol-fixed > img {
    width: 30px;
    height: 30px;
    max-width: none;
  }
  .symbol.symbol-md-30px.symbol-2by3 .symbol-label {
    height: 30px;
    width: 45px;
  }
  .symbol.symbol-md-30px.symbol-2by3 > img {
    height: 30px;
    width: 45px;
    max-width: none;
  }
  .symbol.symbol-md-35px > img {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-md-35px .symbol-label {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-md-35px.symbol-fixed .symbol-label {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-md-35px.symbol-fixed > img {
    width: 35px;
    height: 35px;
    max-width: none;
  }
  .symbol.symbol-md-35px.symbol-2by3 .symbol-label {
    height: 35px;
    width: 52.5px;
  }
  .symbol.symbol-md-35px.symbol-2by3 > img {
    height: 35px;
    width: 52.5px;
    max-width: none;
  }
  .symbol.symbol-md-40px > img {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-md-40px .symbol-label {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-md-40px.symbol-fixed .symbol-label {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-md-40px.symbol-fixed > img {
    width: 40px;
    height: 40px;
    max-width: none;
  }
  .symbol.symbol-md-40px.symbol-2by3 .symbol-label {
    height: 40px;
    width: 60px;
  }
  .symbol.symbol-md-40px.symbol-2by3 > img {
    height: 40px;
    width: 60px;
    max-width: none;
  }
  .symbol.symbol-md-45px > img {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-md-45px .symbol-label {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-md-45px.symbol-fixed .symbol-label {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-md-45px.symbol-fixed > img {
    width: 45px;
    height: 45px;
    max-width: none;
  }
  .symbol.symbol-md-45px.symbol-2by3 .symbol-label {
    height: 45px;
    width: 67.5px;
  }
  .symbol.symbol-md-45px.symbol-2by3 > img {
    height: 45px;
    width: 67.5px;
    max-width: none;
  }
  .symbol.symbol-md-50px > img {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-md-50px .symbol-label {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-md-50px.symbol-fixed .symbol-label {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-md-50px.symbol-fixed > img {
    width: 50px;
    height: 50px;
    max-width: none;
  }
  .symbol.symbol-md-50px.symbol-2by3 .symbol-label {
    height: 50px;
    width: 75px;
  }
  .symbol.symbol-md-50px.symbol-2by3 > img {
    height: 50px;
    width: 75px;
    max-width: none;
  }
  .symbol.symbol-md-55px > img {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-md-55px .symbol-label {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-md-55px.symbol-fixed .symbol-label {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-md-55px.symbol-fixed > img {
    width: 55px;
    height: 55px;
    max-width: none;
  }
  .symbol.symbol-md-55px.symbol-2by3 .symbol-label {
    height: 55px;
    width: 82.5px;
  }
  .symbol.symbol-md-55px.symbol-2by3 > img {
    height: 55px;
    width: 82.5px;
    max-width: none;
  }
  .symbol.symbol-md-60px > img {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-md-60px .symbol-label {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-md-60px.symbol-fixed .symbol-label {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-md-60px.symbol-fixed > img {
    width: 60px;
    height: 60px;
    max-width: none;
  }
  .symbol.symbol-md-60px.symbol-2by3 .symbol-label {
    height: 60px;
    width: 90px;
  }
  .symbol.symbol-md-60px.symbol-2by3 > img {
    height: 60px;
    width: 90px;
    max-width: none;
  }
  .symbol.symbol-md-65px > img {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-md-65px .symbol-label {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-md-65px.symbol-fixed .symbol-label {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-md-65px.symbol-fixed > img {
    width: 65px;
    height: 65px;
    max-width: none;
  }
  .symbol.symbol-md-65px.symbol-2by3 .symbol-label {
    height: 65px;
    width: 97.5px;
  }
  .symbol.symbol-md-65px.symbol-2by3 > img {
    height: 65px;
    width: 97.5px;
    max-width: none;
  }
  .symbol.symbol-md-70px > img {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-md-70px .symbol-label {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-md-70px.symbol-fixed .symbol-label {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-md-70px.symbol-fixed > img {
    width: 70px;
    height: 70px;
    max-width: none;
  }
  .symbol.symbol-md-70px.symbol-2by3 .symbol-label {
    height: 70px;
    width: 105px;
  }
  .symbol.symbol-md-70px.symbol-2by3 > img {
    height: 70px;
    width: 105px;
    max-width: none;
  }
  .symbol.symbol-md-75px > img {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-md-75px .symbol-label {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-md-75px.symbol-fixed .symbol-label {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-md-75px.symbol-fixed > img {
    width: 75px;
    height: 75px;
    max-width: none;
  }
  .symbol.symbol-md-75px.symbol-2by3 .symbol-label {
    height: 75px;
    width: 112.5px;
  }
  .symbol.symbol-md-75px.symbol-2by3 > img {
    height: 75px;
    width: 112.5px;
    max-width: none;
  }
  .symbol.symbol-md-90px > img {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-md-90px .symbol-label {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-md-90px.symbol-fixed .symbol-label {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-md-90px.symbol-fixed > img {
    width: 90px;
    height: 90px;
    max-width: none;
  }
  .symbol.symbol-md-90px.symbol-2by3 .symbol-label {
    height: 90px;
    width: 135px;
  }
  .symbol.symbol-md-90px.symbol-2by3 > img {
    height: 90px;
    width: 135px;
    max-width: none;
  }
  .symbol.symbol-md-100px > img {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-md-100px .symbol-label {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-md-100px.symbol-fixed .symbol-label {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-md-100px.symbol-fixed > img {
    width: 100px;
    height: 100px;
    max-width: none;
  }
  .symbol.symbol-md-100px.symbol-2by3 .symbol-label {
    height: 100px;
    width: 150px;
  }
  .symbol.symbol-md-100px.symbol-2by3 > img {
    height: 100px;
    width: 150px;
    max-width: none;
  }
  .symbol.symbol-md-125px > img {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-md-125px .symbol-label {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-md-125px.symbol-fixed .symbol-label {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-md-125px.symbol-fixed > img {
    width: 125px;
    height: 125px;
    max-width: none;
  }
  .symbol.symbol-md-125px.symbol-2by3 .symbol-label {
    height: 125px;
    width: 187.5px;
  }
  .symbol.symbol-md-125px.symbol-2by3 > img {
    height: 125px;
    width: 187.5px;
    max-width: none;
  }
  .symbol.symbol-md-150px > img {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-md-150px .symbol-label {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-md-150px.symbol-fixed .symbol-label {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-md-150px.symbol-fixed > img {
    width: 150px;
    height: 150px;
    max-width: none;
  }
  .symbol.symbol-md-150px.symbol-2by3 .symbol-label {
    height: 150px;
    width: 225px;
  }
  .symbol.symbol-md-150px.symbol-2by3 > img {
    height: 150px;
    width: 225px;
    max-width: none;
  }
  .symbol.symbol-md-160px > img {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-md-160px .symbol-label {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-md-160px.symbol-fixed .symbol-label {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-md-160px.symbol-fixed > img {
    width: 160px;
    height: 160px;
    max-width: none;
  }
  .symbol.symbol-md-160px.symbol-2by3 .symbol-label {
    height: 160px;
    width: 240px;
  }
  .symbol.symbol-md-160px.symbol-2by3 > img {
    height: 160px;
    width: 240px;
    max-width: none;
  }
  .symbol.symbol-md-175px > img {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-md-175px .symbol-label {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-md-175px.symbol-fixed .symbol-label {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-md-175px.symbol-fixed > img {
    width: 175px;
    height: 175px;
    max-width: none;
  }
  .symbol.symbol-md-175px.symbol-2by3 .symbol-label {
    height: 175px;
    width: 262.5px;
  }
  .symbol.symbol-md-175px.symbol-2by3 > img {
    height: 175px;
    width: 262.5px;
    max-width: none;
  }
  .symbol.symbol-md-200px > img {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-md-200px .symbol-label {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-md-200px.symbol-fixed .symbol-label {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-md-200px.symbol-fixed > img {
    width: 200px;
    height: 200px;
    max-width: none;
  }
  .symbol.symbol-md-200px.symbol-2by3 .symbol-label {
    height: 200px;
    width: 300px;
  }
  .symbol.symbol-md-200px.symbol-2by3 > img {
    height: 200px;
    width: 300px;
    max-width: none;
  }
}
@media (min-width: 992px) {
  .symbol.symbol-lg-20px > img {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-lg-20px .symbol-label {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-lg-20px.symbol-fixed .symbol-label {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-lg-20px.symbol-fixed > img {
    width: 20px;
    height: 20px;
    max-width: none;
  }
  .symbol.symbol-lg-20px.symbol-2by3 .symbol-label {
    height: 20px;
    width: 30px;
  }
  .symbol.symbol-lg-20px.symbol-2by3 > img {
    height: 20px;
    width: 30px;
    max-width: none;
  }
  .symbol.symbol-lg-25px > img {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-lg-25px .symbol-label {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-lg-25px.symbol-fixed .symbol-label {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-lg-25px.symbol-fixed > img {
    width: 25px;
    height: 25px;
    max-width: none;
  }
  .symbol.symbol-lg-25px.symbol-2by3 .symbol-label {
    height: 25px;
    width: 37.5px;
  }
  .symbol.symbol-lg-25px.symbol-2by3 > img {
    height: 25px;
    width: 37.5px;
    max-width: none;
  }
  .symbol.symbol-lg-30px > img {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-lg-30px .symbol-label {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-lg-30px.symbol-fixed .symbol-label {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-lg-30px.symbol-fixed > img {
    width: 30px;
    height: 30px;
    max-width: none;
  }
  .symbol.symbol-lg-30px.symbol-2by3 .symbol-label {
    height: 30px;
    width: 45px;
  }
  .symbol.symbol-lg-30px.symbol-2by3 > img {
    height: 30px;
    width: 45px;
    max-width: none;
  }
  .symbol.symbol-lg-35px > img {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-lg-35px .symbol-label {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-lg-35px.symbol-fixed .symbol-label {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-lg-35px.symbol-fixed > img {
    width: 35px;
    height: 35px;
    max-width: none;
  }
  .symbol.symbol-lg-35px.symbol-2by3 .symbol-label {
    height: 35px;
    width: 52.5px;
  }
  .symbol.symbol-lg-35px.symbol-2by3 > img {
    height: 35px;
    width: 52.5px;
    max-width: none;
  }
  .symbol.symbol-lg-40px > img {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-lg-40px .symbol-label {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-lg-40px.symbol-fixed .symbol-label {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-lg-40px.symbol-fixed > img {
    width: 40px;
    height: 40px;
    max-width: none;
  }
  .symbol.symbol-lg-40px.symbol-2by3 .symbol-label {
    height: 40px;
    width: 60px;
  }
  .symbol.symbol-lg-40px.symbol-2by3 > img {
    height: 40px;
    width: 60px;
    max-width: none;
  }
  .symbol.symbol-lg-45px > img {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-lg-45px .symbol-label {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-lg-45px.symbol-fixed .symbol-label {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-lg-45px.symbol-fixed > img {
    width: 45px;
    height: 45px;
    max-width: none;
  }
  .symbol.symbol-lg-45px.symbol-2by3 .symbol-label {
    height: 45px;
    width: 67.5px;
  }
  .symbol.symbol-lg-45px.symbol-2by3 > img {
    height: 45px;
    width: 67.5px;
    max-width: none;
  }
  .symbol.symbol-lg-50px > img {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-lg-50px .symbol-label {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-lg-50px.symbol-fixed .symbol-label {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-lg-50px.symbol-fixed > img {
    width: 50px;
    height: 50px;
    max-width: none;
  }
  .symbol.symbol-lg-50px.symbol-2by3 .symbol-label {
    height: 50px;
    width: 75px;
  }
  .symbol.symbol-lg-50px.symbol-2by3 > img {
    height: 50px;
    width: 75px;
    max-width: none;
  }
  .symbol.symbol-lg-55px > img {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-lg-55px .symbol-label {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-lg-55px.symbol-fixed .symbol-label {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-lg-55px.symbol-fixed > img {
    width: 55px;
    height: 55px;
    max-width: none;
  }
  .symbol.symbol-lg-55px.symbol-2by3 .symbol-label {
    height: 55px;
    width: 82.5px;
  }
  .symbol.symbol-lg-55px.symbol-2by3 > img {
    height: 55px;
    width: 82.5px;
    max-width: none;
  }
  .symbol.symbol-lg-60px > img {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-lg-60px .symbol-label {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-lg-60px.symbol-fixed .symbol-label {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-lg-60px.symbol-fixed > img {
    width: 60px;
    height: 60px;
    max-width: none;
  }
  .symbol.symbol-lg-60px.symbol-2by3 .symbol-label {
    height: 60px;
    width: 90px;
  }
  .symbol.symbol-lg-60px.symbol-2by3 > img {
    height: 60px;
    width: 90px;
    max-width: none;
  }
  .symbol.symbol-lg-65px > img {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-lg-65px .symbol-label {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-lg-65px.symbol-fixed .symbol-label {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-lg-65px.symbol-fixed > img {
    width: 65px;
    height: 65px;
    max-width: none;
  }
  .symbol.symbol-lg-65px.symbol-2by3 .symbol-label {
    height: 65px;
    width: 97.5px;
  }
  .symbol.symbol-lg-65px.symbol-2by3 > img {
    height: 65px;
    width: 97.5px;
    max-width: none;
  }
  .symbol.symbol-lg-70px > img {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-lg-70px .symbol-label {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-lg-70px.symbol-fixed .symbol-label {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-lg-70px.symbol-fixed > img {
    width: 70px;
    height: 70px;
    max-width: none;
  }
  .symbol.symbol-lg-70px.symbol-2by3 .symbol-label {
    height: 70px;
    width: 105px;
  }
  .symbol.symbol-lg-70px.symbol-2by3 > img {
    height: 70px;
    width: 105px;
    max-width: none;
  }
  .symbol.symbol-lg-75px > img {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-lg-75px .symbol-label {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-lg-75px.symbol-fixed .symbol-label {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-lg-75px.symbol-fixed > img {
    width: 75px;
    height: 75px;
    max-width: none;
  }
  .symbol.symbol-lg-75px.symbol-2by3 .symbol-label {
    height: 75px;
    width: 112.5px;
  }
  .symbol.symbol-lg-75px.symbol-2by3 > img {
    height: 75px;
    width: 112.5px;
    max-width: none;
  }
  .symbol.symbol-lg-90px > img {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-lg-90px .symbol-label {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-lg-90px.symbol-fixed .symbol-label {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-lg-90px.symbol-fixed > img {
    width: 90px;
    height: 90px;
    max-width: none;
  }
  .symbol.symbol-lg-90px.symbol-2by3 .symbol-label {
    height: 90px;
    width: 135px;
  }
  .symbol.symbol-lg-90px.symbol-2by3 > img {
    height: 90px;
    width: 135px;
    max-width: none;
  }
  .symbol.symbol-lg-100px > img {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-lg-100px .symbol-label {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-lg-100px.symbol-fixed .symbol-label {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-lg-100px.symbol-fixed > img {
    width: 100px;
    height: 100px;
    max-width: none;
  }
  .symbol.symbol-lg-100px.symbol-2by3 .symbol-label {
    height: 100px;
    width: 150px;
  }
  .symbol.symbol-lg-100px.symbol-2by3 > img {
    height: 100px;
    width: 150px;
    max-width: none;
  }
  .symbol.symbol-lg-125px > img {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-lg-125px .symbol-label {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-lg-125px.symbol-fixed .symbol-label {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-lg-125px.symbol-fixed > img {
    width: 125px;
    height: 125px;
    max-width: none;
  }
  .symbol.symbol-lg-125px.symbol-2by3 .symbol-label {
    height: 125px;
    width: 187.5px;
  }
  .symbol.symbol-lg-125px.symbol-2by3 > img {
    height: 125px;
    width: 187.5px;
    max-width: none;
  }
  .symbol.symbol-lg-150px > img {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-lg-150px .symbol-label {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-lg-150px.symbol-fixed .symbol-label {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-lg-150px.symbol-fixed > img {
    width: 150px;
    height: 150px;
    max-width: none;
  }
  .symbol.symbol-lg-150px.symbol-2by3 .symbol-label {
    height: 150px;
    width: 225px;
  }
  .symbol.symbol-lg-150px.symbol-2by3 > img {
    height: 150px;
    width: 225px;
    max-width: none;
  }
  .symbol.symbol-lg-160px > img {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-lg-160px .symbol-label {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-lg-160px.symbol-fixed .symbol-label {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-lg-160px.symbol-fixed > img {
    width: 160px;
    height: 160px;
    max-width: none;
  }
  .symbol.symbol-lg-160px.symbol-2by3 .symbol-label {
    height: 160px;
    width: 240px;
  }
  .symbol.symbol-lg-160px.symbol-2by3 > img {
    height: 160px;
    width: 240px;
    max-width: none;
  }
  .symbol.symbol-lg-175px > img {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-lg-175px .symbol-label {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-lg-175px.symbol-fixed .symbol-label {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-lg-175px.symbol-fixed > img {
    width: 175px;
    height: 175px;
    max-width: none;
  }
  .symbol.symbol-lg-175px.symbol-2by3 .symbol-label {
    height: 175px;
    width: 262.5px;
  }
  .symbol.symbol-lg-175px.symbol-2by3 > img {
    height: 175px;
    width: 262.5px;
    max-width: none;
  }
  .symbol.symbol-lg-200px > img {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-lg-200px .symbol-label {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-lg-200px.symbol-fixed .symbol-label {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-lg-200px.symbol-fixed > img {
    width: 200px;
    height: 200px;
    max-width: none;
  }
  .symbol.symbol-lg-200px.symbol-2by3 .symbol-label {
    height: 200px;
    width: 300px;
  }
  .symbol.symbol-lg-200px.symbol-2by3 > img {
    height: 200px;
    width: 300px;
    max-width: none;
  }
}
@media (min-width: 1200px) {
  .symbol.symbol-xl-20px > img {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-xl-20px .symbol-label {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-xl-20px.symbol-fixed .symbol-label {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-xl-20px.symbol-fixed > img {
    width: 20px;
    height: 20px;
    max-width: none;
  }
  .symbol.symbol-xl-20px.symbol-2by3 .symbol-label {
    height: 20px;
    width: 30px;
  }
  .symbol.symbol-xl-20px.symbol-2by3 > img {
    height: 20px;
    width: 30px;
    max-width: none;
  }
  .symbol.symbol-xl-25px > img {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-xl-25px .symbol-label {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-xl-25px.symbol-fixed .symbol-label {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-xl-25px.symbol-fixed > img {
    width: 25px;
    height: 25px;
    max-width: none;
  }
  .symbol.symbol-xl-25px.symbol-2by3 .symbol-label {
    height: 25px;
    width: 37.5px;
  }
  .symbol.symbol-xl-25px.symbol-2by3 > img {
    height: 25px;
    width: 37.5px;
    max-width: none;
  }
  .symbol.symbol-xl-30px > img {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-xl-30px .symbol-label {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-xl-30px.symbol-fixed .symbol-label {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-xl-30px.symbol-fixed > img {
    width: 30px;
    height: 30px;
    max-width: none;
  }
  .symbol.symbol-xl-30px.symbol-2by3 .symbol-label {
    height: 30px;
    width: 45px;
  }
  .symbol.symbol-xl-30px.symbol-2by3 > img {
    height: 30px;
    width: 45px;
    max-width: none;
  }
  .symbol.symbol-xl-35px > img {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-xl-35px .symbol-label {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-xl-35px.symbol-fixed .symbol-label {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-xl-35px.symbol-fixed > img {
    width: 35px;
    height: 35px;
    max-width: none;
  }
  .symbol.symbol-xl-35px.symbol-2by3 .symbol-label {
    height: 35px;
    width: 52.5px;
  }
  .symbol.symbol-xl-35px.symbol-2by3 > img {
    height: 35px;
    width: 52.5px;
    max-width: none;
  }
  .symbol.symbol-xl-40px > img {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-xl-40px .symbol-label {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-xl-40px.symbol-fixed .symbol-label {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-xl-40px.symbol-fixed > img {
    width: 40px;
    height: 40px;
    max-width: none;
  }
  .symbol.symbol-xl-40px.symbol-2by3 .symbol-label {
    height: 40px;
    width: 60px;
  }
  .symbol.symbol-xl-40px.symbol-2by3 > img {
    height: 40px;
    width: 60px;
    max-width: none;
  }
  .symbol.symbol-xl-45px > img {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-xl-45px .symbol-label {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-xl-45px.symbol-fixed .symbol-label {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-xl-45px.symbol-fixed > img {
    width: 45px;
    height: 45px;
    max-width: none;
  }
  .symbol.symbol-xl-45px.symbol-2by3 .symbol-label {
    height: 45px;
    width: 67.5px;
  }
  .symbol.symbol-xl-45px.symbol-2by3 > img {
    height: 45px;
    width: 67.5px;
    max-width: none;
  }
  .symbol.symbol-xl-50px > img {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-xl-50px .symbol-label {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-xl-50px.symbol-fixed .symbol-label {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-xl-50px.symbol-fixed > img {
    width: 50px;
    height: 50px;
    max-width: none;
  }
  .symbol.symbol-xl-50px.symbol-2by3 .symbol-label {
    height: 50px;
    width: 75px;
  }
  .symbol.symbol-xl-50px.symbol-2by3 > img {
    height: 50px;
    width: 75px;
    max-width: none;
  }
  .symbol.symbol-xl-55px > img {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-xl-55px .symbol-label {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-xl-55px.symbol-fixed .symbol-label {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-xl-55px.symbol-fixed > img {
    width: 55px;
    height: 55px;
    max-width: none;
  }
  .symbol.symbol-xl-55px.symbol-2by3 .symbol-label {
    height: 55px;
    width: 82.5px;
  }
  .symbol.symbol-xl-55px.symbol-2by3 > img {
    height: 55px;
    width: 82.5px;
    max-width: none;
  }
  .symbol.symbol-xl-60px > img {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-xl-60px .symbol-label {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-xl-60px.symbol-fixed .symbol-label {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-xl-60px.symbol-fixed > img {
    width: 60px;
    height: 60px;
    max-width: none;
  }
  .symbol.symbol-xl-60px.symbol-2by3 .symbol-label {
    height: 60px;
    width: 90px;
  }
  .symbol.symbol-xl-60px.symbol-2by3 > img {
    height: 60px;
    width: 90px;
    max-width: none;
  }
  .symbol.symbol-xl-65px > img {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-xl-65px .symbol-label {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-xl-65px.symbol-fixed .symbol-label {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-xl-65px.symbol-fixed > img {
    width: 65px;
    height: 65px;
    max-width: none;
  }
  .symbol.symbol-xl-65px.symbol-2by3 .symbol-label {
    height: 65px;
    width: 97.5px;
  }
  .symbol.symbol-xl-65px.symbol-2by3 > img {
    height: 65px;
    width: 97.5px;
    max-width: none;
  }
  .symbol.symbol-xl-70px > img {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-xl-70px .symbol-label {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-xl-70px.symbol-fixed .symbol-label {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-xl-70px.symbol-fixed > img {
    width: 70px;
    height: 70px;
    max-width: none;
  }
  .symbol.symbol-xl-70px.symbol-2by3 .symbol-label {
    height: 70px;
    width: 105px;
  }
  .symbol.symbol-xl-70px.symbol-2by3 > img {
    height: 70px;
    width: 105px;
    max-width: none;
  }
  .symbol.symbol-xl-75px > img {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-xl-75px .symbol-label {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-xl-75px.symbol-fixed .symbol-label {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-xl-75px.symbol-fixed > img {
    width: 75px;
    height: 75px;
    max-width: none;
  }
  .symbol.symbol-xl-75px.symbol-2by3 .symbol-label {
    height: 75px;
    width: 112.5px;
  }
  .symbol.symbol-xl-75px.symbol-2by3 > img {
    height: 75px;
    width: 112.5px;
    max-width: none;
  }
  .symbol.symbol-xl-90px > img {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-xl-90px .symbol-label {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-xl-90px.symbol-fixed .symbol-label {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-xl-90px.symbol-fixed > img {
    width: 90px;
    height: 90px;
    max-width: none;
  }
  .symbol.symbol-xl-90px.symbol-2by3 .symbol-label {
    height: 90px;
    width: 135px;
  }
  .symbol.symbol-xl-90px.symbol-2by3 > img {
    height: 90px;
    width: 135px;
    max-width: none;
  }
  .symbol.symbol-xl-100px > img {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-xl-100px .symbol-label {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-xl-100px.symbol-fixed .symbol-label {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-xl-100px.symbol-fixed > img {
    width: 100px;
    height: 100px;
    max-width: none;
  }
  .symbol.symbol-xl-100px.symbol-2by3 .symbol-label {
    height: 100px;
    width: 150px;
  }
  .symbol.symbol-xl-100px.symbol-2by3 > img {
    height: 100px;
    width: 150px;
    max-width: none;
  }
  .symbol.symbol-xl-125px > img {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-xl-125px .symbol-label {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-xl-125px.symbol-fixed .symbol-label {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-xl-125px.symbol-fixed > img {
    width: 125px;
    height: 125px;
    max-width: none;
  }
  .symbol.symbol-xl-125px.symbol-2by3 .symbol-label {
    height: 125px;
    width: 187.5px;
  }
  .symbol.symbol-xl-125px.symbol-2by3 > img {
    height: 125px;
    width: 187.5px;
    max-width: none;
  }
  .symbol.symbol-xl-150px > img {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-xl-150px .symbol-label {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-xl-150px.symbol-fixed .symbol-label {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-xl-150px.symbol-fixed > img {
    width: 150px;
    height: 150px;
    max-width: none;
  }
  .symbol.symbol-xl-150px.symbol-2by3 .symbol-label {
    height: 150px;
    width: 225px;
  }
  .symbol.symbol-xl-150px.symbol-2by3 > img {
    height: 150px;
    width: 225px;
    max-width: none;
  }
  .symbol.symbol-xl-160px > img {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-xl-160px .symbol-label {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-xl-160px.symbol-fixed .symbol-label {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-xl-160px.symbol-fixed > img {
    width: 160px;
    height: 160px;
    max-width: none;
  }
  .symbol.symbol-xl-160px.symbol-2by3 .symbol-label {
    height: 160px;
    width: 240px;
  }
  .symbol.symbol-xl-160px.symbol-2by3 > img {
    height: 160px;
    width: 240px;
    max-width: none;
  }
  .symbol.symbol-xl-175px > img {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-xl-175px .symbol-label {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-xl-175px.symbol-fixed .symbol-label {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-xl-175px.symbol-fixed > img {
    width: 175px;
    height: 175px;
    max-width: none;
  }
  .symbol.symbol-xl-175px.symbol-2by3 .symbol-label {
    height: 175px;
    width: 262.5px;
  }
  .symbol.symbol-xl-175px.symbol-2by3 > img {
    height: 175px;
    width: 262.5px;
    max-width: none;
  }
  .symbol.symbol-xl-200px > img {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-xl-200px .symbol-label {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-xl-200px.symbol-fixed .symbol-label {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-xl-200px.symbol-fixed > img {
    width: 200px;
    height: 200px;
    max-width: none;
  }
  .symbol.symbol-xl-200px.symbol-2by3 .symbol-label {
    height: 200px;
    width: 300px;
  }
  .symbol.symbol-xl-200px.symbol-2by3 > img {
    height: 200px;
    width: 300px;
    max-width: none;
  }
}
@media (min-width: 1400px) {
  .symbol.symbol-xxl-20px > img {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-xxl-20px .symbol-label {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-xxl-20px.symbol-fixed .symbol-label {
    width: 20px;
    height: 20px;
  }
  .symbol.symbol-xxl-20px.symbol-fixed > img {
    width: 20px;
    height: 20px;
    max-width: none;
  }
  .symbol.symbol-xxl-20px.symbol-2by3 .symbol-label {
    height: 20px;
    width: 30px;
  }
  .symbol.symbol-xxl-20px.symbol-2by3 > img {
    height: 20px;
    width: 30px;
    max-width: none;
  }
  .symbol.symbol-xxl-25px > img {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-xxl-25px .symbol-label {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-xxl-25px.symbol-fixed .symbol-label {
    width: 25px;
    height: 25px;
  }
  .symbol.symbol-xxl-25px.symbol-fixed > img {
    width: 25px;
    height: 25px;
    max-width: none;
  }
  .symbol.symbol-xxl-25px.symbol-2by3 .symbol-label {
    height: 25px;
    width: 37.5px;
  }
  .symbol.symbol-xxl-25px.symbol-2by3 > img {
    height: 25px;
    width: 37.5px;
    max-width: none;
  }
  .symbol.symbol-xxl-30px > img {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-xxl-30px .symbol-label {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-xxl-30px.symbol-fixed .symbol-label {
    width: 30px;
    height: 30px;
  }
  .symbol.symbol-xxl-30px.symbol-fixed > img {
    width: 30px;
    height: 30px;
    max-width: none;
  }
  .symbol.symbol-xxl-30px.symbol-2by3 .symbol-label {
    height: 30px;
    width: 45px;
  }
  .symbol.symbol-xxl-30px.symbol-2by3 > img {
    height: 30px;
    width: 45px;
    max-width: none;
  }
  .symbol.symbol-xxl-35px > img {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-xxl-35px .symbol-label {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-xxl-35px.symbol-fixed .symbol-label {
    width: 35px;
    height: 35px;
  }
  .symbol.symbol-xxl-35px.symbol-fixed > img {
    width: 35px;
    height: 35px;
    max-width: none;
  }
  .symbol.symbol-xxl-35px.symbol-2by3 .symbol-label {
    height: 35px;
    width: 52.5px;
  }
  .symbol.symbol-xxl-35px.symbol-2by3 > img {
    height: 35px;
    width: 52.5px;
    max-width: none;
  }
  .symbol.symbol-xxl-40px > img {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-xxl-40px .symbol-label {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-xxl-40px.symbol-fixed .symbol-label {
    width: 40px;
    height: 40px;
  }
  .symbol.symbol-xxl-40px.symbol-fixed > img {
    width: 40px;
    height: 40px;
    max-width: none;
  }
  .symbol.symbol-xxl-40px.symbol-2by3 .symbol-label {
    height: 40px;
    width: 60px;
  }
  .symbol.symbol-xxl-40px.symbol-2by3 > img {
    height: 40px;
    width: 60px;
    max-width: none;
  }
  .symbol.symbol-xxl-45px > img {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-xxl-45px .symbol-label {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-xxl-45px.symbol-fixed .symbol-label {
    width: 45px;
    height: 45px;
  }
  .symbol.symbol-xxl-45px.symbol-fixed > img {
    width: 45px;
    height: 45px;
    max-width: none;
  }
  .symbol.symbol-xxl-45px.symbol-2by3 .symbol-label {
    height: 45px;
    width: 67.5px;
  }
  .symbol.symbol-xxl-45px.symbol-2by3 > img {
    height: 45px;
    width: 67.5px;
    max-width: none;
  }
  .symbol.symbol-xxl-50px > img {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-xxl-50px .symbol-label {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-xxl-50px.symbol-fixed .symbol-label {
    width: 50px;
    height: 50px;
  }
  .symbol.symbol-xxl-50px.symbol-fixed > img {
    width: 50px;
    height: 50px;
    max-width: none;
  }
  .symbol.symbol-xxl-50px.symbol-2by3 .symbol-label {
    height: 50px;
    width: 75px;
  }
  .symbol.symbol-xxl-50px.symbol-2by3 > img {
    height: 50px;
    width: 75px;
    max-width: none;
  }
  .symbol.symbol-xxl-55px > img {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-xxl-55px .symbol-label {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-xxl-55px.symbol-fixed .symbol-label {
    width: 55px;
    height: 55px;
  }
  .symbol.symbol-xxl-55px.symbol-fixed > img {
    width: 55px;
    height: 55px;
    max-width: none;
  }
  .symbol.symbol-xxl-55px.symbol-2by3 .symbol-label {
    height: 55px;
    width: 82.5px;
  }
  .symbol.symbol-xxl-55px.symbol-2by3 > img {
    height: 55px;
    width: 82.5px;
    max-width: none;
  }
  .symbol.symbol-xxl-60px > img {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-xxl-60px .symbol-label {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-xxl-60px.symbol-fixed .symbol-label {
    width: 60px;
    height: 60px;
  }
  .symbol.symbol-xxl-60px.symbol-fixed > img {
    width: 60px;
    height: 60px;
    max-width: none;
  }
  .symbol.symbol-xxl-60px.symbol-2by3 .symbol-label {
    height: 60px;
    width: 90px;
  }
  .symbol.symbol-xxl-60px.symbol-2by3 > img {
    height: 60px;
    width: 90px;
    max-width: none;
  }
  .symbol.symbol-xxl-65px > img {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-xxl-65px .symbol-label {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-xxl-65px.symbol-fixed .symbol-label {
    width: 65px;
    height: 65px;
  }
  .symbol.symbol-xxl-65px.symbol-fixed > img {
    width: 65px;
    height: 65px;
    max-width: none;
  }
  .symbol.symbol-xxl-65px.symbol-2by3 .symbol-label {
    height: 65px;
    width: 97.5px;
  }
  .symbol.symbol-xxl-65px.symbol-2by3 > img {
    height: 65px;
    width: 97.5px;
    max-width: none;
  }
  .symbol.symbol-xxl-70px > img {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-xxl-70px .symbol-label {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-xxl-70px.symbol-fixed .symbol-label {
    width: 70px;
    height: 70px;
  }
  .symbol.symbol-xxl-70px.symbol-fixed > img {
    width: 70px;
    height: 70px;
    max-width: none;
  }
  .symbol.symbol-xxl-70px.symbol-2by3 .symbol-label {
    height: 70px;
    width: 105px;
  }
  .symbol.symbol-xxl-70px.symbol-2by3 > img {
    height: 70px;
    width: 105px;
    max-width: none;
  }
  .symbol.symbol-xxl-75px > img {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-xxl-75px .symbol-label {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-xxl-75px.symbol-fixed .symbol-label {
    width: 75px;
    height: 75px;
  }
  .symbol.symbol-xxl-75px.symbol-fixed > img {
    width: 75px;
    height: 75px;
    max-width: none;
  }
  .symbol.symbol-xxl-75px.symbol-2by3 .symbol-label {
    height: 75px;
    width: 112.5px;
  }
  .symbol.symbol-xxl-75px.symbol-2by3 > img {
    height: 75px;
    width: 112.5px;
    max-width: none;
  }
  .symbol.symbol-xxl-90px > img {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-xxl-90px .symbol-label {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-xxl-90px.symbol-fixed .symbol-label {
    width: 90px;
    height: 90px;
  }
  .symbol.symbol-xxl-90px.symbol-fixed > img {
    width: 90px;
    height: 90px;
    max-width: none;
  }
  .symbol.symbol-xxl-90px.symbol-2by3 .symbol-label {
    height: 90px;
    width: 135px;
  }
  .symbol.symbol-xxl-90px.symbol-2by3 > img {
    height: 90px;
    width: 135px;
    max-width: none;
  }
  .symbol.symbol-xxl-100px > img {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-xxl-100px .symbol-label {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-xxl-100px.symbol-fixed .symbol-label {
    width: 100px;
    height: 100px;
  }
  .symbol.symbol-xxl-100px.symbol-fixed > img {
    width: 100px;
    height: 100px;
    max-width: none;
  }
  .symbol.symbol-xxl-100px.symbol-2by3 .symbol-label {
    height: 100px;
    width: 150px;
  }
  .symbol.symbol-xxl-100px.symbol-2by3 > img {
    height: 100px;
    width: 150px;
    max-width: none;
  }
  .symbol.symbol-xxl-125px > img {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-xxl-125px .symbol-label {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-xxl-125px.symbol-fixed .symbol-label {
    width: 125px;
    height: 125px;
  }
  .symbol.symbol-xxl-125px.symbol-fixed > img {
    width: 125px;
    height: 125px;
    max-width: none;
  }
  .symbol.symbol-xxl-125px.symbol-2by3 .symbol-label {
    height: 125px;
    width: 187.5px;
  }
  .symbol.symbol-xxl-125px.symbol-2by3 > img {
    height: 125px;
    width: 187.5px;
    max-width: none;
  }
  .symbol.symbol-xxl-150px > img {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-xxl-150px .symbol-label {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-xxl-150px.symbol-fixed .symbol-label {
    width: 150px;
    height: 150px;
  }
  .symbol.symbol-xxl-150px.symbol-fixed > img {
    width: 150px;
    height: 150px;
    max-width: none;
  }
  .symbol.symbol-xxl-150px.symbol-2by3 .symbol-label {
    height: 150px;
    width: 225px;
  }
  .symbol.symbol-xxl-150px.symbol-2by3 > img {
    height: 150px;
    width: 225px;
    max-width: none;
  }
  .symbol.symbol-xxl-160px > img {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-xxl-160px .symbol-label {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-xxl-160px.symbol-fixed .symbol-label {
    width: 160px;
    height: 160px;
  }
  .symbol.symbol-xxl-160px.symbol-fixed > img {
    width: 160px;
    height: 160px;
    max-width: none;
  }
  .symbol.symbol-xxl-160px.symbol-2by3 .symbol-label {
    height: 160px;
    width: 240px;
  }
  .symbol.symbol-xxl-160px.symbol-2by3 > img {
    height: 160px;
    width: 240px;
    max-width: none;
  }
  .symbol.symbol-xxl-175px > img {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-xxl-175px .symbol-label {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-xxl-175px.symbol-fixed .symbol-label {
    width: 175px;
    height: 175px;
  }
  .symbol.symbol-xxl-175px.symbol-fixed > img {
    width: 175px;
    height: 175px;
    max-width: none;
  }
  .symbol.symbol-xxl-175px.symbol-2by3 .symbol-label {
    height: 175px;
    width: 262.5px;
  }
  .symbol.symbol-xxl-175px.symbol-2by3 > img {
    height: 175px;
    width: 262.5px;
    max-width: none;
  }
  .symbol.symbol-xxl-200px > img {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-xxl-200px .symbol-label {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-xxl-200px.symbol-fixed .symbol-label {
    width: 200px;
    height: 200px;
  }
  .symbol.symbol-xxl-200px.symbol-fixed > img {
    width: 200px;
    height: 200px;
    max-width: none;
  }
  .symbol.symbol-xxl-200px.symbol-2by3 .symbol-label {
    height: 200px;
    width: 300px;
  }
  .symbol.symbol-xxl-200px.symbol-2by3 > img {
    height: 200px;
    width: 300px;
    max-width: none;
  }
}
.symbol-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 10px;
}

.symbol-group .symbol {
  position: relative;
  z-index: 0;
  margin-left: -10px;
  transition: all 0.3s ease;
}

.symbol-group .symbol:hover {
  transition: all 0.3s ease;
  z-index: 1;
}

.symbol-group .symbol-badge {
  border: 2px solid var(--bs-body-bg);
}

.symbol-group .symbol-label {
  position: relative;
}

.symbol-group .symbol-label:after {
  display: block;
  content: " ";
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 2px solid var(--bs-symbol-border-color);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.symbol-group.symbol-hover .symbol {
  cursor: pointer;
}

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

Lineicons Free Web Font
Crafted by Lineicons.com Team
Version: 4.0

-------------------------------- */
@font-face {
  font-family: "lineicons";
  src: url("../fonts/lineicons.eot");
  src: url("../fonts/lineicons.eot") format("embedded-opentype"), url("../fonts/lineicons.woff2") format("woff2"), url("../fonts/lineicons.woff") format("woff"), url("../fonts/lineicons.ttf") format("truetype"), url("../fonts/lineicons.svg") format("svg");
}
/* base class */
.lni {
  display: inline-block;
  font: normal normal normal 1em/1 "lineicons";
  color: inherit;
  flex-shrink: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* size examples - relative units */
.lni-sm {
  font-size: 0.8em;
}

.lni-lg {
  font-size: 1.2em;
}

/* size examples - absolute units */
.lni-16 {
  font-size: 16px;
}

.lni-32 {
  font-size: 32px;
}

/* rotate the icon infinitely */
.lni-is-spinning {
  animation: lni-spin 1s infinite linear;
}

@keyframes lni-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* transform */
.lni-rotate-90 {
  transform: rotate(90deg);
}

.lni-rotate-180 {
  transform: rotate(180deg);
}

.lni-rotate-270 {
  transform: rotate(270deg);
}

.lni-flip-y {
  transform: scaleY(-1);
}

.lni-flip-x {
  transform: scaleX(-1);
}

/* icons */
.lni-zoom-out::before {
  content: "\ea02";
}

.lni-zoom-in::before {
  content: "\ea03";
}

.lni-zip::before {
  content: "\ea04";
}

.lni-website::before {
  content: "\ea05";
}

.lni-website-alt::before {
  content: "\ea06";
}

.lni-users::before {
  content: "\ea07";
}

.lni-user::before {
  content: "\ea08";
}

.lni-upload::before {
  content: "\ea09";
}

.lni-unlink::before {
  content: "\ea0a";
}

.lni-trash-can::before {
  content: "\ea0b";
}

.lni-timer::before {
  content: "\ea0c";
}

.lni-tab::before {
  content: "\ea0d";
}

.lni-star-half::before {
  content: "\ea0e";
}

.lni-star-fill::before {
  content: "\ea0f";
}

.lni-star-empty::before {
  content: "\ea10";
}

.lni-signal::before {
  content: "\ea11";
}

.lni-shortcode::before {
  content: "\ea12";
}

.lni-shopping-basket::before {
  content: "\ea13";
}

.lni-share::before {
  content: "\ea14";
}

.lni-share-alt::before {
  content: "\ea15";
}

.lni-search::before {
  content: "\ea16";
}

.lni-search-alt::before {
  content: "\ea17";
}

.lni-scroll-down::before {
  content: "\ea18";
}

.lni-save::before {
  content: "\ea19";
}

.lni-rss-feed::before {
  content: "\ea1a";
}

.lni-rocket::before {
  content: "\ea1b";
}

.lni-remove-file::before {
  content: "\ea1c";
}

.lni-reload::before {
  content: "\ea1d";
}

.lni-printer::before {
  content: "\ea1e";
}

.lni-plug::before {
  content: "\ea1f";
}

.lni-package::before {
  content: "\ea20";
}

.lni-mouse::before {
  content: "\ea21";
}

.lni-mobile::before {
  content: "\ea22";
}

.lni-microphone::before {
  content: "\ea23";
}

.lni-mic::before {
  content: "\ea24";
}

.lni-menu::before {
  content: "\ea25";
}

.lni-map::before {
  content: "\ea26";
}

.lni-map-marker::before {
  content: "\ea27";
}

.lni-magnifier::before {
  content: "\ea28";
}

.lni-magnet::before {
  content: "\ea29";
}

.lni-link::before {
  content: "\ea2a";
}

.lni-laptop::before {
  content: "\ea2b";
}

.lni-laptop-phone::before {
  content: "\ea2c";
}

.lni-keyboard::before {
  content: "\ea2d";
}

.lni-image::before {
  content: "\ea2e";
}

.lni-headphone::before {
  content: "\ea2f";
}

.lni-harddrive::before {
  content: "\ea30";
}

.lni-game::before {
  content: "\ea31";
}

.lni-folder::before {
  content: "\ea32";
}

.lni-files::before {
  content: "\ea33";
}

.lni-empty-file::before {
  content: "\ea34";
}

.lni-download::before {
  content: "\ea35";
}

.lni-domain::before {
  content: "\ea36";
}

.lni-display::before {
  content: "\ea37";
}

.lni-display-alt::before {
  content: "\ea38";
}

.lni-database::before {
  content: "\ea39";
}

.lni-dashboard::before {
  content: "\ea3a";
}

.lni-cut::before {
  content: "\ea3b";
}

.lni-control-panel::before {
  content: "\ea3c";
}

.lni-cogs::before {
  content: "\ea3d";
}

.lni-cog::before {
  content: "\ea3e";
}

.lni-code::before {
  content: "\ea3f";
}

.lni-code-alt::before {
  content: "\ea40";
}

.lni-cloud-upload::before {
  content: "\ea41";
}

.lni-cloud-sync::before {
  content: "\ea42";
}

.lni-cloud-network::before {
  content: "\ea43";
}

.lni-cloud-download::before {
  content: "\ea44";
}

.lni-cloud-check::before {
  content: "\ea45";
}

.lni-camera::before {
  content: "\ea46";
}

.lni-calendar::before {
  content: "\ea47";
}

.lni-bulb::before {
  content: "\ea48";
}

.lni-bookmark::before {
  content: "\ea49";
}

.lni-bookmark-alt::before {
  content: "\ea4a";
}

.lni-bluetooth::before {
  content: "\ea4b";
}

.lni-ban::before {
  content: "\ea4c";
}

.lni-archive::before {
  content: "\ea4d";
}

.lni-alarm::before {
  content: "\ea4e";
}

.lni-alarm-clock::before {
  content: "\ea4f";
}

.lni-add-files::before {
  content: "\ea50";
}

.lni-thunder::before {
  content: "\ea51";
}

.lni-thunder-alt::before {
  content: "\ea52";
}

.lni-sun::before {
  content: "\ea53";
}

.lni-rain::before {
  content: "\ea54";
}

.lni-night::before {
  content: "\ea55";
}

.lni-drop::before {
  content: "\ea56";
}

.lni-cloudy-sun::before {
  content: "\ea57";
}

.lni-cloud::before {
  content: "\ea58";
}

.lni-travel::before {
  content: "\ea59";
}

.lni-surf-board::before {
  content: "\ea5a";
}

.lni-pyramids::before {
  content: "\ea5b";
}

.lni-underline::before {
  content: "\ea5c";
}

.lni-text-format::before {
  content: "\ea5d";
}

.lni-text-format-remove::before {
  content: "\ea5e";
}

.lni-text-align-right::before {
  content: "\ea5f";
}

.lni-text-align-left::before {
  content: "\ea60";
}

.lni-text-align-justify::before {
  content: "\ea61";
}

.lni-text-align-center::before {
  content: "\ea62";
}

.lni-strikethrough::before {
  content: "\ea63";
}

.lni-spellcheck::before {
  content: "\ea64";
}

.lni-sort-amount-dsc::before {
  content: "\ea65";
}

.lni-sort-amount-asc::before {
  content: "\ea66";
}

.lni-sort-alpha-asc::before {
  content: "\ea67";
}

.lni-pilcrow::before {
  content: "\ea68";
}

.lni-pagination::before {
  content: "\ea69";
}

.lni-page-break::before {
  content: "\ea6a";
}

.lni-line-spacing::before {
  content: "\ea6b";
}

.lni-line-double::before {
  content: "\ea6c";
}

.lni-line-dotted::before {
  content: "\ea6d";
}

.lni-line-dashed::before {
  content: "\ea6e";
}

.lni-italic::before {
  content: "\ea6f";
}

.lni-indent-increase::before {
  content: "\ea70";
}

.lni-indent-decrease::before {
  content: "\ea71";
}

.lni-bold::before {
  content: "\ea72";
}

.lni-spinner::before {
  content: "\ea73";
}

.lni-spinner-solid::before {
  content: "\ea74";
}

.lni-spinner-arrow::before {
  content: "\ea75";
}

.lni-hourglass::before {
  content: "\ea76";
}

.lni-tounge::before {
  content: "\ea77";
}

.lni-suspect::before {
  content: "\ea78";
}

.lni-speechless::before {
  content: "\ea79";
}

.lni-smile::before {
  content: "\ea7a";
}

.lni-sad::before {
  content: "\ea7b";
}

.lni-happy::before {
  content: "\ea7c";
}

.lni-friendly::before {
  content: "\ea7d";
}

.lni-cool::before {
  content: "\ea7e";
}

.lni-thought::before {
  content: "\ea7f";
}

.lni-t-shirt::before {
  content: "\ea80";
}

.lni-home::before {
  content: "\ea81";
}

.lni-gift::before {
  content: "\ea82";
}

.lni-cup::before {
  content: "\ea83";
}

.lni-crown::before {
  content: "\ea84";
}

.lni-briefcase::before {
  content: "\ea85";
}

.lni-spray::before {
  content: "\ea86";
}

.lni-flags-alt-1::before {
  content: "\ea87";
}

.lni-fireworks::before {
  content: "\ea88";
}

.lni-candy::before {
  content: "\ea89";
}

.lni-candy-cane::before {
  content: "\ea8a";
}

.lni-cake::before {
  content: "\ea8b";
}

.lni-baloon::before {
  content: "\ea8c";
}

.lni-trees::before {
  content: "\ea8d";
}

.lni-tree::before {
  content: "\ea8e";
}

.lni-sprout::before {
  content: "\ea8f";
}

.lni-mushroom::before {
  content: "\ea90";
}

.lni-mashroom::before {
  content: "\ea91";
}

.lni-leaf::before {
  content: "\ea92";
}

.lni-island::before {
  content: "\ea93";
}

.lni-flower::before {
  content: "\ea94";
}

.lni-bug::before {
  content: "\ea95";
}

.lni-volume::before {
  content: "\ea96";
}

.lni-volume-mute::before {
  content: "\ea97";
}

.lni-volume-medium::before {
  content: "\ea98";
}

.lni-volume-low::before {
  content: "\ea99";
}

.lni-volume-high::before {
  content: "\ea9a";
}

.lni-video::before {
  content: "\ea9b";
}

.lni-stop::before {
  content: "\ea9c";
}

.lni-shuffle::before {
  content: "\ea9d";
}

.lni-play::before {
  content: "\ea9e";
}

.lni-pause::before {
  content: "\ea9f";
}

.lni-gallery::before {
  content: "\eaa0";
}

.lni-full-screen::before {
  content: "\eaa1";
}

.lni-frame-expand::before {
  content: "\eaa2";
}

.lni-forward::before {
  content: "\eaa3";
}

.lni-backward::before {
  content: "\eaa4";
}

.lni-target-customer::before {
  content: "\eaa5";
}

.lni-seo::before {
  content: "\eaa6";
}

.lni-network::before {
  content: "\eaa7";
}

.lni-keyword-research::before {
  content: "\eaa8";
}

.lni-graph::before {
  content: "\eaa9";
}

.lni-bar-chart::before {
  content: "\eaaa";
}

.lni-warning::before {
  content: "\eaab";
}

.lni-unlock::before {
  content: "\eaac";
}

.lni-ticket::before {
  content: "\eaad";
}

.lni-ticket-alt::before {
  content: "\eaae";
}

.lni-thumbs-up::before {
  content: "\eaaf";
}

.lni-thumbs-down::before {
  content: "\eab0";
}

.lni-teabag::before {
  content: "\eab1";
}

.lni-shield::before {
  content: "\eab2";
}

.lni-radio-button::before {
  content: "\eab3";
}

.lni-question-circle::before {
  content: "\eab4";
}

.lni-protection::before {
  content: "\eab5";
}

.lni-power-switch::before {
  content: "\eab6";
}

.lni-pointer::before {
  content: "\eab7";
}

.lni-plus::before {
  content: "\eab8";
}

.lni-music::before {
  content: "\eab9";
}

.lni-more::before {
  content: "\eaba";
}

.lni-more-alt::before {
  content: "\eabb";
}

.lni-minus::before {
  content: "\eabc";
}

.lni-lock::before {
  content: "\eabd";
}

.lni-lock-alt::before {
  content: "\eabe";
}

.lni-list::before {
  content: "\eabf";
}

.lni-lifering::before {
  content: "\eac0";
}

.lni-key::before {
  content: "\eac1";
}

.lni-invention::before {
  content: "\eac2";
}

.lni-information::before {
  content: "\eac3";
}

.lni-infinite::before {
  content: "\eac4";
}

.lni-help::before {
  content: "\eac5";
}

.lni-heart::before {
  content: "\eac6";
}

.lni-heart-fill::before {
  content: "\eac7";
}

.lni-hand::before {
  content: "\eac8";
}

.lni-funnel::before {
  content: "\eac9";
}

.lni-flag::before {
  content: "\eaca";
}

.lni-flag-alt::before {
  content: "\eacb";
}

.lni-eye::before {
  content: "\eacc";
}

.lni-cross-circle::before {
  content: "\eacd";
}

.lni-close::before {
  content: "\eace";
}

.lni-circle-plus::before {
  content: "\eacf";
}

.lni-circle-minus::before {
  content: "\ead0";
}

.lni-checkmark::before {
  content: "\ead1";
}

.lni-checkmark-circle::before {
  content: "\ead2";
}

.lni-check-box::before {
  content: "\ead3";
}

.lni-bolt::before {
  content: "\ead4";
}

.lni-bolt-alt::before {
  content: "\ead5";
}

.lni-wheelchair::before {
  content: "\ead6";
}

.lni-weight::before {
  content: "\ead7";
}

.lni-syringe::before {
  content: "\ead8";
}

.lni-sthethoscope::before {
  content: "\ead9";
}

.lni-slim::before {
  content: "\eada";
}

.lni-skipping-rope::before {
  content: "\eadb";
}

.lni-pulse::before {
  content: "\eadc";
}

.lni-microscope::before {
  content: "\eadd";
}

.lni-hospital::before {
  content: "\eade";
}

.lni-heart-monitor::before {
  content: "\eadf";
}

.lni-first-aid::before {
  content: "\eae0";
}

.lni-dumbbell::before {
  content: "\eae1";
}

.lni-capsule::before {
  content: "\eae2";
}

.lni-basketball::before {
  content: "\eae3";
}

.lni-ambulance::before {
  content: "\eae4";
}

.lni-service::before {
  content: "\eae5";
}

.lni-restaurant::before {
  content: "\eae6";
}

.lni-pizza::before {
  content: "\eae7";
}

.lni-juice::before {
  content: "\eae8";
}

.lni-fresh-juice::before {
  content: "\eae9";
}

.lni-dinner::before {
  content: "\eaea";
}

.lni-coffee-cup::before {
  content: "\eaeb";
}

.lni-chef-hat::before {
  content: "\eaec";
}

.lni-burger::before {
  content: "\eaed";
}

.lni-write::before {
  content: "\eaee";
}

.lni-world::before {
  content: "\eaef";
}

.lni-world-alt::before {
  content: "\eaf0";
}

.lni-school-bench::before {
  content: "\eaf1";
}

.lni-school-bench-alt::before {
  content: "\eaf2";
}

.lni-pencil::before {
  content: "\eaf3";
}

.lni-pencil-alt::before {
  content: "\eaf4";
}

.lni-library::before {
  content: "\eaf5";
}

.lni-graduation::before {
  content: "\eaf6";
}

.lni-eraser::before {
  content: "\eaf7";
}

.lni-compass::before {
  content: "\eaf8";
}

.lni-clipboard::before {
  content: "\eaf9";
}

.lni-certificate::before {
  content: "\eafa";
}

.lni-book::before {
  content: "\eafb";
}

.lni-blackboard::before {
  content: "\eafc";
}

.lni-shift-right::before {
  content: "\eafd";
}

.lni-shift-left::before {
  content: "\eafe";
}

.lni-pointer-top::before {
  content: "\eaff";
}

.lni-pointer-right::before {
  content: "\eb00";
}

.lni-pointer-left::before {
  content: "\eb01";
}

.lni-pointer-down::before {
  content: "\eb02";
}

.lni-exit::before {
  content: "\eb03";
}

.lni-exit-up::before {
  content: "\eb04";
}

.lni-exit-down::before {
  content: "\eb05";
}

.lni-enter::before {
  content: "\eb06";
}

.lni-direction::before {
  content: "\eb07";
}

.lni-direction-rtl::before {
  content: "\eb08";
}

.lni-direction-ltr::before {
  content: "\eb09";
}

.lni-direction-alt::before {
  content: "\eb0a";
}

.lni-chevron-up::before {
  content: "\eb0b";
}

.lni-chevron-up-circle::before {
  content: "\eb0c";
}

.lni-chevron-right::before {
  content: "\eb0d";
}

.lni-chevron-right-circle::before {
  content: "\eb0e";
}

.lni-chevron-left::before {
  content: "\eb0f";
}

.lni-chevron-left-circle::before {
  content: "\eb10";
}

.lni-chevron-down::before {
  content: "\eb11";
}

.lni-chevron-down-circle::before {
  content: "\eb12";
}

.lni-arrows-vertical::before {
  content: "\eb13";
}

.lni-arrows-horizontal::before {
  content: "\eb14";
}

.lni-arrow-up::before {
  content: "\eb15";
}

.lni-arrow-up-circle::before {
  content: "\eb16";
}

.lni-arrow-top-right::before {
  content: "\eb17";
}

.lni-arrow-top-left::before {
  content: "\eb18";
}

.lni-arrow-right::before {
  content: "\eb19";
}

.lni-arrow-right-circle::before {
  content: "\eb1a";
}

.lni-arrow-left::before {
  content: "\eb1b";
}

.lni-arrow-left-circle::before {
  content: "\eb1c";
}

.lni-arrow-down::before {
  content: "\eb1d";
}

.lni-arrow-down-circle::before {
  content: "\eb1e";
}

.lni-angle-double-up::before {
  content: "\eb1f";
}

.lni-angle-double-right::before {
  content: "\eb20";
}

.lni-angle-double-left::before {
  content: "\eb21";
}

.lni-angle-double-down::before {
  content: "\eb22";
}

.lni-vector::before {
  content: "\eb23";
}

.lni-ux::before {
  content: "\eb24";
}

.lni-slice::before {
  content: "\eb25";
}

.lni-select-cursor::before {
  content: "\eb26";
}

.lni-pallet::before {
  content: "\eb27";
}

.lni-move::before {
  content: "\eb28";
}

.lni-layout::before {
  content: "\eb29";
}

.lni-layers::before {
  content: "\eb2a";
}

.lni-highlight::before {
  content: "\eb2b";
}

.lni-highlight-alt::before {
  content: "\eb2c";
}

.lni-grid::before {
  content: "\eb2d";
}

.lni-grid-alt::before {
  content: "\eb2e";
}

.lni-crop::before {
  content: "\eb2f";
}

.lni-brush::before {
  content: "\eb30";
}

.lni-brush-alt::before {
  content: "\eb31";
}

.lni-yen::before {
  content: "\eb32";
}

.lni-wallet::before {
  content: "\eb33";
}

.lni-rupee::before {
  content: "\eb34";
}

.lni-pound::before {
  content: "\eb35";
}

.lni-money-protection::before {
  content: "\eb36";
}

.lni-money-location::before {
  content: "\eb37";
}

.lni-euro::before {
  content: "\eb38";
}

.lni-dollar::before {
  content: "\eb39";
}

.lni-diamond-shape::before {
  content: "\eb3a";
}

.lni-diamond-alt::before {
  content: "\eb3b";
}

.lni-credit-cards::before {
  content: "\eb3c";
}

.lni-coin::before {
  content: "\eb3d";
}

.lni-calculator::before {
  content: "\eb3e";
}

.lni-calculator-alt::before {
  content: "\eb3f";
}

.lni-wheelbarrow::before {
  content: "\eb40";
}

.lni-trowel::before {
  content: "\eb41";
}

.lni-shovel::before {
  content: "\eb42";
}

.lni-ruler::before {
  content: "\eb43";
}

.lni-ruler-pencil::before {
  content: "\eb44";
}

.lni-ruler-alt::before {
  content: "\eb45";
}

.lni-paint-roller::before {
  content: "\eb46";
}

.lni-paint-bucket-alt::before {
  content: "\eb47";
}

.lni-helmet::before {
  content: "\eb48";
}

.lni-hammer::before {
  content: "\eb49";
}

.lni-construction::before {
  content: "\eb4a";
}

.lni-construction-hammer::before {
  content: "\eb4b";
}

.lni-bricks::before {
  content: "\eb4c";
}

.lni-train::before {
  content: "\eb4d";
}

.lni-train-alt::before {
  content: "\eb4e";
}

.lni-taxi::before {
  content: "\eb4f";
}

.lni-support::before {
  content: "\eb50";
}

.lni-ship::before {
  content: "\eb51";
}

.lni-scooter::before {
  content: "\eb52";
}

.lni-road::before {
  content: "\eb53";
}

.lni-reply::before {
  content: "\eb54";
}

.lni-postcard::before {
  content: "\eb55";
}

.lni-popup::before {
  content: "\eb56";
}

.lni-plane::before {
  content: "\eb57";
}

.lni-phone::before {
  content: "\eb58";
}

.lni-phone-set::before {
  content: "\eb59";
}

.lni-inbox::before {
  content: "\eb5a";
}

.lni-helicopter::before {
  content: "\eb5b";
}

.lni-envelope::before {
  content: "\eb5c";
}

.lni-comments::before {
  content: "\eb5d";
}

.lni-comments-reply::before {
  content: "\eb5e";
}

.lni-comments-alt-2::before {
  content: "\eb5f";
}

.lni-caravan::before {
  content: "\eb60";
}

.lni-car::before {
  content: "\eb61";
}

.lni-car-alt::before {
  content: "\eb62";
}

.lni-bus::before {
  content: "\eb63";
}

.lni-bullhorn::before {
  content: "\eb64";
}

.lni-bubble::before {
  content: "\eb65";
}

.lni-bridge::before {
  content: "\eb66";
}

.lni-bi-cycle::before {
  content: "\eb67";
}

.lni-anchor::before {
  content: "\eb68";
}

.lni-target::before {
  content: "\eb69";
}

.lni-target-revenue::before {
  content: "\eb6a";
}

.lni-tag::before {
  content: "\eb6b";
}

.lni-stats-up::before {
  content: "\eb6c";
}

.lni-stats-down::before {
  content: "\eb6d";
}

.lni-stamp::before {
  content: "\eb6e";
}

.lni-revenue::before {
  content: "\eb6f";
}

.lni-quotation::before {
  content: "\eb70";
}

.lni-pin::before {
  content: "\eb71";
}

.lni-pie-chart::before {
  content: "\eb72";
}

.lni-paperclip::before {
  content: "\eb73";
}

.lni-offer::before {
  content: "\eb74";
}

.lni-notepad::before {
  content: "\eb75";
}

.lni-license::before {
  content: "\eb76";
}

.lni-investment::before {
  content: "\eb77";
}

.lni-invest-monitor::before {
  content: "\eb78";
}

.lni-handshake::before {
  content: "\eb79";
}

.lni-grow::before {
  content: "\eb7a";
}

.lni-delivery::before {
  content: "\eb7b";
}

.lni-customer::before {
  content: "\eb7c";
}

.lni-consulting::before {
  content: "\eb7d";
}

.lni-cart::before {
  content: "\eb7e";
}

.lni-cart-full::before {
  content: "\eb7f";
}

.lni-briefcase-alt::before {
  content: "\eb80";
}

.lni-apartment::before {
  content: "\eb81";
}

.lni-agenda::before {
  content: "\eb82";
}

.lni-zoom::before {
  content: "\eb83";
}

.lni-zapier::before {
  content: "\eb84";
}

.lni-youtube::before {
  content: "\eb85";
}

.lni-ycombinator::before {
  content: "\eb86";
}

.lni-yahoo::before {
  content: "\eb87";
}

.lni-xrp::before {
  content: "\eb88";
}

.lni-xbox::before {
  content: "\eb89";
}

.lni-wordpress::before {
  content: "\eb8a";
}

.lni-wordpress-fill::before {
  content: "\eb8b";
}

.lni-windows::before {
  content: "\eb8c";
}

.lni-whatsapp::before {
  content: "\eb8d";
}

.lni-wechat::before {
  content: "\eb8e";
}

.lni-webhooks::before {
  content: "\eb8f";
}

.lni-vuejs::before {
  content: "\eb90";
}

.lni-vs-code::before {
  content: "\eb91";
}

.lni-volkswagen::before {
  content: "\eb92";
}

.lni-vmware::before {
  content: "\eb93";
}

.lni-vk::before {
  content: "\eb94";
}

.lni-visa::before {
  content: "\eb95";
}

.lni-vimeo::before {
  content: "\eb96";
}

.lni-vercel::before {
  content: "\eb97";
}

.lni-unsplash::before {
  content: "\eb98";
}

.lni-ubuntu::before {
  content: "\eb99";
}

.lni-typescript::before {
  content: "\eb9a";
}

.lni-twitter::before {
  content: "\eb9b";
}

.lni-twitter-original::before {
  content: "\eb9c";
}

.lni-twitter-fill::before {
  content: "\eb9d";
}

.lni-twitch::before {
  content: "\eb9e";
}

.lni-tumblr::before {
  content: "\eb9f";
}

.lni-trello::before {
  content: "\eba0";
}

.lni-toyota::before {
  content: "\eba1";
}

.lni-tiktok::before {
  content: "\eba2";
}

.lni-tiktok-alt::before {
  content: "\eba3";
}

.lni-tesla::before {
  content: "\eba4";
}

.lni-telegram::before {
  content: "\eba5";
}

.lni-telegram-original::before {
  content: "\eba6";
}

.lni-tailwindcss::before {
  content: "\eba7";
}

.lni-swift::before {
  content: "\eba8";
}

.lni-svelte::before {
  content: "\eba9";
}

.lni-stumbleupon::before {
  content: "\ebaa";
}

.lni-stripe::before {
  content: "\ebab";
}

.lni-steam::before {
  content: "\ebac";
}

.lni-stackoverflow::before {
  content: "\ebad";
}

.lni-squarespace::before {
  content: "\ebae";
}

.lni-spotify::before {
  content: "\ebaf";
}

.lni-spotify-original::before {
  content: "\ebb0";
}

.lni-soundcloud::before {
  content: "\ebb1";
}

.lni-soundcloud-original::before {
  content: "\ebb2";
}

.lni-snapchat::before {
  content: "\ebb3";
}

.lni-slideshare::before {
  content: "\ebb4";
}

.lni-slack::before {
  content: "\ebb5";
}

.lni-slack-line::before {
  content: "\ebb6";
}

.lni-skype::before {
  content: "\ebb7";
}

.lni-sketch::before {
  content: "\ebb8";
}

.lni-signal-app::before {
  content: "\ebb9";
}

.lni-shopify::before {
  content: "\ebba";
}

.lni-safari::before {
  content: "\ebbb";
}

.lni-reddit::before {
  content: "\ebbc";
}

.lni-react::before {
  content: "\ebbd";
}

.lni-quora::before {
  content: "\ebbe";
}

.lni-python::before {
  content: "\ebbf";
}

.lni-producthunt::before {
  content: "\ebc0";
}

.lni-postman::before {
  content: "\ebc1";
}

.lni-postgresql::before {
  content: "\ebc2";
}

.lni-playstation::before {
  content: "\ebc3";
}

.lni-play-store::before {
  content: "\ebc4";
}

.lni-play-store-fill::before {
  content: "\ebc5";
}

.lni-play-store-alt::before {
  content: "\ebc6";
}

.lni-pinterest::before {
  content: "\ebc7";
}

.lni-php::before {
  content: "\ebc8";
}

.lni-paypal::before {
  content: "\ebc9";
}

.lni-paypal-original::before {
  content: "\ebca";
}

.lni-patreon::before {
  content: "\ebcb";
}

.lni-paddle::before {
  content: "\ebcc";
}

.lni-opera::before {
  content: "\ebcd";
}

.lni-oculus::before {
  content: "\ebce";
}

.lni-npm::before {
  content: "\ebcf";
}

.lni-notion::before {
  content: "\ebd0";
}

.lni-nodejs::before {
  content: "\ebd1";
}

.lni-nodejs-alt::before {
  content: "\ebd2";
}

.lni-nissan::before {
  content: "\ebd3";
}

.lni-nextjs::before {
  content: "\ebd4";
}

.lni-netlify::before {
  content: "\ebd5";
}

.lni-netflix::before {
  content: "\ebd6";
}

.lni-mysql::before {
  content: "\ebd7";
}

.lni-mongodb::before {
  content: "\ebd8";
}

.lni-microsoft::before {
  content: "\ebd9";
}

.lni-microsoft-teams::before {
  content: "\ebda";
}

.lni-microsoft-edge::before {
  content: "\ebdb";
}

.lni-meta::before {
  content: "\ebdc";
}

.lni-meta-2::before {
  content: "\ebdd";
}

.lni-meta-1::before {
  content: "\ebde";
}

.lni-mercedes::before {
  content: "\ebdf";
}

.lni-medium::before {
  content: "\ebe0";
}

.lni-medium-alt::before {
  content: "\ebe1";
}

.lni-mastercard::before {
  content: "\ebe2";
}

.lni-markdown::before {
  content: "\ebe3";
}

.lni-mailchimp::before {
  content: "\ebe4";
}

.lni-magento::before {
  content: "\ebe5";
}

.lni-linkedin::before {
  content: "\ebe6";
}

.lni-linkedin-original::before {
  content: "\ebe7";
}

.lni-lineicons::before {
  content: "\ebe8";
}

.lni-lineicons-symbol::before {
  content: "\ebe9";
}

.lni-lineicons-symbol-alt::before {
  content: "\ebea";
}

.lni-lineicons-symbol-alt-2::before {
  content: "\ebeb";
}

.lni-lineicons-alt::before {
  content: "\ebec";
}

.lni-line::before {
  content: "\ebed";
}

.lni-laravel::before {
  content: "\ebee";
}

.lni-kubernetes::before {
  content: "\ebef";
}

.lni-jsfiddle::before {
  content: "\ebf0";
}

.lni-joomla::before {
  content: "\ebf1";
}

.lni-joomla-original::before {
  content: "\ebf2";
}

.lni-jcb::before {
  content: "\ebf3";
}

.lni-javascript::before {
  content: "\ebf4";
}

.lni-java::before {
  content: "\ebf5";
}

.lni-jamstack::before {
  content: "\ebf6";
}

.lni-jaguar::before {
  content: "\ebf7";
}

.lni-ios::before {
  content: "\ebf8";
}

.lni-instagram::before {
  content: "\ebf9";
}

.lni-instagram-original::before {
  content: "\ebfa";
}

.lni-instagram-fill::before {
  content: "\ebfb";
}

.lni-imdb::before {
  content: "\ebfc";
}

.lni-html5::before {
  content: "\ebfd";
}

.lni-hacker-news::before {
  content: "\ebfe";
}

.lni-grammarly::before {
  content: "\ebff";
}

.lni-google::before {
  content: "\ec00";
}

.lni-google-wallet::before {
  content: "\ec01";
}

.lni-google-pay::before {
  content: "\ec02";
}

.lni-google-drive::before {
  content: "\ec03";
}

.lni-google-cloud::before {
  content: "\ec04";
}

.lni-google-meet::before {
  content: "\ec05";
}

.lni-goodreads::before {
  content: "\ec06";
}

.lni-go::before {
  content: "\ec07";
}

.lni-github::before {
  content: "\ec08";
}

.lni-github-original::before {
  content: "\ec09";
}

.lni-git::before {
  content: "\ec0a";
}

.lni-gatsby::before {
  content: "\ec0b";
}

.lni-ford::before {
  content: "\ec0c";
}

.lni-flutter::before {
  content: "\ec0d";
}

.lni-flickr::before {
  content: "\ec0e";
}

.lni-fitbit::before {
  content: "\ec0f";
}

.lni-firefox::before {
  content: "\ec10";
}

.lni-firefox-original::before {
  content: "\ec11";
}

.lni-firebase::before {
  content: "\ec12";
}

.lni-figma::before {
  content: "\ec13";
}

.lni-facetime::before {
  content: "\ec14";
}

.lni-facebook::before {
  content: "\ec15";
}

.lni-facebook-oval::before {
  content: "\ec16";
}

.lni-facebook-original::before {
  content: "\ec17";
}

.lni-facebook-messenger::before {
  content: "\ec18";
}

.lni-facebook-line::before {
  content: "\ec19";
}

.lni-facebook-fill::before {
  content: "\ec1a";
}

.lni-ethereum::before {
  content: "\ec1b";
}

.lni-envato::before {
  content: "\ec1c";
}

.lni-edge::before {
  content: "\ec1d";
}

.lni-drupal::before {
  content: "\ec1e";
}

.lni-drupal-original::before {
  content: "\ec1f";
}

.lni-dropbox::before {
  content: "\ec20";
}

.lni-dropbox-original::before {
  content: "\ec21";
}

.lni-dribbble::before {
  content: "\ec22";
}

.lni-docker::before {
  content: "\ec23";
}

.lni-discover::before {
  content: "\ec24";
}

.lni-discord::before {
  content: "\ec25";
}

.lni-discord-alt::before {
  content: "\ec26";
}

.lni-diners-club::before {
  content: "\ec27";
}

.lni-digitalocean::before {
  content: "\ec28";
}

.lni-dialogflow::before {
  content: "\ec29";
}

.lni-dev::before {
  content: "\ec2a";
}

.lni-css3::before {
  content: "\ec2b";
}

.lni-creative-commons::before {
  content: "\ec2c";
}

.lni-cpanel::before {
  content: "\ec2d";
}

.lni-coral::before {
  content: "\ec2e";
}

.lni-connectdevelop::before {
  content: "\ec2f";
}

.lni-coinbase::before {
  content: "\ec30";
}

.lni-codepen::before {
  content: "\ec31";
}

.lni-cloudflare::before {
  content: "\ec32";
}

.lni-cisco::before {
  content: "\ec33";
}

.lni-chromecast::before {
  content: "\ec34";
}

.lni-chrome::before {
  content: "\ec35";
}

.lni-cash-app::before {
  content: "\ec36";
}

.lni-btc::before {
  content: "\ec37";
}

.lni-brave::before {
  content: "\ec38";
}

.lni-bootstrap::before {
  content: "\ec39";
}

.lni-bootstrap-5::before {
  content: "\ec3a";
}

.lni-bmw::before {
  content: "\ec3b";
}

.lni-bluetooth-original::before {
  content: "\ec3c";
}

.lni-blogger::before {
  content: "\ec3d";
}

.lni-bittorrent::before {
  content: "\ec3e";
}

.lni-bitcoin::before {
  content: "\ec3f";
}

.lni-bitbucket::before {
  content: "\ec40";
}

.lni-behance::before {
  content: "\ec41";
}

.lni-behance-original::before {
  content: "\ec42";
}

.lni-azure::before {
  content: "\ec43";
}

.lni-aws::before {
  content: "\ec44";
}

.lni-audi::before {
  content: "\ec45";
}

.lni-atlassian::before {
  content: "\ec46";
}

.lni-apple-pay::before {
  content: "\ec47";
}

.lni-apple-music::before {
  content: "\ec48";
}

.lni-apple-brand::before {
  content: "\ec49";
}

.lni-app-store::before {
  content: "\ec4a";
}

.lni-angular::before {
  content: "\ec4b";
}

.lni-angellist::before {
  content: "\ec4c";
}

.lni-android::before {
  content: "\ec4d";
}

.lni-android-original::before {
  content: "\ec4e";
}

.lni-amex::before {
  content: "\ec4f";
}

.lni-amazon::before {
  content: "\ec50";
}

.lni-amazon-pay::before {
  content: "\ec51";
}

.lni-amazon-original::before {
  content: "\ec52";
}

.lni-airtable::before {
  content: "\ec53";
}

.lni-airbnb::before {
  content: "\ec54";
}

.lni-adobe::before {
  content: "\ec55";
}

.lni-500px::before {
  content: "\ec56";
}

/** {
  box-sizing: border-box;
}

html {
  font-size: 14px;
}

body {
  background: #f6f9fc;
  font-family: "Open Sans", sans-serif;
  color: #525f7f;
}

h2 {
  margin: 5%;
  text-align: center;
  font-size: 4rem;
  font-weight: 100;
}

h1 {
  margin: 4%;
  text-align: center;
  font-size: 2rem;
  font-weight: 10;
  top: 0;
}*/
.timeline {
  display: flex;
  flex-direction: column;
  margin: 20px auto;
  position: relative;
}

.timeline__event {
  margin-bottom: 20px;
  position: relative;
  display: flex;
  margin: 20px 0;
  border-radius: 6px;
  align-self: center;
  width: 50vw;
}

.timeline__event:nth-child(2n+1) {
  flex-direction: row-reverse;
}

.timeline__event:nth-child(2n+1) .timeline__event__date {
  border-radius: 0 6px 6px 0;
}

.timeline__event:nth-child(2n+1) .timeline__event__content {
  border-radius: 6px 0 0 6px;
}

.timeline__event:nth-child(2n+1) .timeline__event__icon:before {
  content: "";
  width: 2px;
  height: 100%;
  background: #f6a4ec;
  position: absolute;
  top: 0%;
  left: 50%;
  right: auto;
  z-index: -1;
  transform: translateX(-50%);
  -webkit-animation: fillTop 2s forwards 4s ease-in-out;
  animation: fillTop 2s forwards 4s ease-in-out;
}

.timeline__event:nth-child(2n+1) .timeline__event__icon:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #f6a4ec;
  position: absolute;
  right: 0;
  z-index: -1;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  -webkit-animation: fillLeft 2s forwards 4s ease-in-out;
  animation: fillLeft 2s forwards 4s ease-in-out;
}

.timeline__event__title {
  font-size: 1.2rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 600;
  color: #9251ac;
  letter-spacing: 1.5px;
}

.timeline__event__content {
  padding: 20px;
  box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
  background: #fff;
  width: calc(40vw - 84px);
  border-radius: 0 6px 6px 0;
}

.timeline__event__date {
  color: #f6a4ec;
  font-size: 1.5rem;
  font-weight: 600;
  background: #9251ac;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 0 20px;
  border-radius: 6px 0 0 6px;
}

.timeline__event__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9251ac;
  padding: 20px;
  align-self: center;
  margin: 0 20px;
  background: #f6a4ec;
  border-radius: 100%;
  width: 40px;
  box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
  padding: 40px;
  height: 40px;
  position: relative;
}

.timeline__event__icon i {
  font-size: 32px;
}

.timeline__event__icon:before {
  content: "";
  width: 2px;
  height: 100%;
  background: #f6a4ec;
  position: absolute;
  top: 0%;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  -webkit-animation: fillTop 2s forwards 4s ease-in-out;
  animation: fillTop 2s forwards 4s ease-in-out;
}

.timeline__event__icon:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #f6a4ec;
  position: absolute;
  left: 0%;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  -webkit-animation: fillLeftOdd 2s forwards 4s ease-in-out;
  animation: fillLeftOdd 2s forwards 4s ease-in-out;
}

.timeline__event__description {
  flex-basis: 100%;
}

.timeline__event--type2:after {
  background: #555ac0;
}

.timeline__event--type2 .timeline__event__date {
  color: #87bbfe;
  background: #555ac0;
}

.timeline__event--type2:nth-child(2n+1) .timeline__event__icon:before, .timeline__event--type2:nth-child(2n+1) .timeline__event__icon:after {
  background: #87bbfe;
}

.timeline__event--type2 .timeline__event__icon {
  background: #87bbfe;
  color: #555ac0;
}

.timeline__event--type2 .timeline__event__icon:before, .timeline__event--type2 .timeline__event__icon:after {
  background: #87bbfe;
}

.timeline__event--type2 .timeline__event__title {
  color: #555ac0;
}

.timeline__event--type3:after {
  background: #24b47e;
}

.timeline__event--type3 .timeline__event__date {
  color: #aff1b6;
  background-color: #24b47e;
}

.timeline__event--type3:nth-child(2n+1) .timeline__event__icon:before, .timeline__event--type3:nth-child(2n+1) .timeline__event__icon:after {
  background: #aff1b6;
}

.timeline__event--type3 .timeline__event__icon {
  background: #aff1b6;
  color: #24b47e;
}

.timeline__event--type3 .timeline__event__icon:before, .timeline__event--type3 .timeline__event__icon:after {
  background: #aff1b6;
}

.timeline__event--type3 .timeline__event__title {
  color: #24b47e;
}

.timeline__event:last-child .timeline__event__icon:before {
  content: none;
}

@media (max-width: 786px) {
  .timeline__event {
    flex-direction: column;
    align-self: center;
  }
  .timeline__event__content {
    width: 100%;
  }
  .timeline__event__icon {
    border-radius: 6px 6px 0 0;
    width: 100%;
    margin: 0;
    box-shadow: none;
  }
  .timeline__event__icon:before, .timeline__event__icon:after {
    display: none;
  }
  .timeline__event__date {
    border-radius: 0;
    padding: 20px;
  }
  .timeline__event:nth-child(2n+1) {
    flex-direction: column;
    align-self: center;
  }
  .timeline__event:nth-child(2n+1) .timeline__event__date {
    border-radius: 0;
    padding: 20px;
  }
  .timeline__event:nth-child(2n+1) .timeline__event__icon {
    border-radius: 6px 6px 0 0;
    margin: 0;
  }
}
@-webkit-keyframes fillLeft {
  100% {
    right: 100%;
  }
}
@keyframes fillLeft {
  100% {
    right: 100%;
  }
}
@-webkit-keyframes fillTop {
  100% {
    top: 100%;
  }
}
@keyframes fillTop {
  100% {
    top: 100%;
  }
}
@-webkit-keyframes fillLeftOdd {
  100% {
    left: 100%;
  }
}
@keyframes fillLeftOdd {
  100% {
    left: 100%;
  }
}