/* /Components/BillingList/BillingList.razor.rz.scp.css */
@charset "UTF-8";
:root[b-w263m05a8c] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de efectos CSS
*/
.bill-wrapper[b-w263m05a8c] {
  overflow-y: auto;
  padding: 3rem 2.3rem;
  min-height: 92vh;
}
.bill-wrapper.add-padding[b-w263m05a8c] {
  padding-bottom: 110px;
}

[b-w263m05a8c] .billing-title {
  margin-bottom: 10px;
}

[b-w263m05a8c] .billing-text {
  color: var(--color-global-fullwhite);
}

[b-w263m05a8c] .billing-subtitle {
  color: var(--color-global-fullwhite);
}

[b-w263m05a8c] .divider-packages {
  opacity: 1;
  width: 100%;
  align-self: center;
  background-color: var(--color-secondary);
  height: 1px;
  -webkit-filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
  filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
}

[b-w263m05a8c] .divider-services {
  opacity: 1;
  width: 100%;
  align-self: center;
  background-color: var(--color-secondary);
  height: 1px;
  -webkit-filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
  filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
}

[b-w263m05a8c] .internal-icon {
  fill: var(--color-global-fullwhite) !important;
  stroke: var(--color-global-fullwhite);
}

[b-w263m05a8c] .billing-icon {
  fill: white !important;
}
[b-w263m05a8c] .billing-icon.resize-it {
  font-size: 4rem !important;
}

[b-w263m05a8c] .stack-active {
  padding: 5px;
  border: 1px solid var(--color-secondary);
  border-radius: 15px;
}

[b-w263m05a8c] .paper-blue {
  border-radius: 7px;
  background-color: var(--color-primary);
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

[b-w263m05a8c] .service-item-badge {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  background: var(--color-global-fullwhite);
  margin-top: 10px;
  padding: 0px;
}

[b-w263m05a8c] .package-item-badge {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
  background: var(--color-global-fullwhite);
  margin-top: 10px;
  padding: 0px;
}

/*# sourceMappingURL=BillingList.razor.css.map */
/* /Components/BillingList/PackagesBillCard.razor.rz.scp.css */
@charset "UTF-8";
:root[b-krke1mvuwo] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
[b-krke1mvuwo] .card-active {
  background: var(--color-primary-lighten) !important;
  animation: none;
}

[b-krke1mvuwo] .service-active {
  background: var(--color-primary-lighten-2) !important;
  animation: none;
}

[b-krke1mvuwo] .title-row {
  align-items: center;
}

[b-krke1mvuwo] .internal-icon {
  fill: var(--color-global-fullwhite) !important;
  stroke: var(--color-global-fullwhite);
}
[b-krke1mvuwo] .internal-icon.resize-it {
  font-size: 2.4rem !important;
}

[b-krke1mvuwo] .stack-card {
  background: var(--color-primary);
}
[b-krke1mvuwo] .stack-card:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both, card-color-change 0.3s linear alternate both;
  animation: card-popup-b-krke1mvuwo 0.3s cubic-bezier(0.5, 1, 0.89, 1) both, card-color-change-b-krke1mvuwo 0.3s linear alternate both;
}
[b-krke1mvuwo] .stack-card:hover .package-panel {
  -webkit-animation: card-color-change 0.3s linear alternate both;
  animation: card-color-change-b-krke1mvuwo 0.3s linear alternate both;
}
[b-krke1mvuwo] .stack-card .package-panel .mud-icon-root.resize-it {
  font-size: 3.5rem !important;
}

[b-krke1mvuwo] .package-panel {
  background: var(--color-primary);
}
[b-krke1mvuwo] .package-panel .mud-expand-panel-header {
  padding: 8px 10px !important;
}

[b-krke1mvuwo] .package-item-text {
  color: var(--color-global-fullwhite);
}

[b-krke1mvuwo] .service-checkbox .mud-typography.mud-typography-body1 {
  color: var(--color-global-lowwhite);
}
[b-krke1mvuwo] .service-checkbox .mud-checkbox .mud-readonly {
  color: var(--color-tertiary-disable) !important;
}
[b-krke1mvuwo] .service-checkbox.resize-it .mud-icon-root {
  font-size: 2rem;
}
[b-krke1mvuwo] .service-checkbox.resize-it .mud-typography {
  font-size: 1.5rem;
}

[b-krke1mvuwo] .service-package-card {
  padding: 4px 8px;
  background: var(--color-primary);
  grid-template-columns: 4fr 1fr;
  grid-column-gap: 10px;
  display: grid;
  justify-content: space-between;
  align-items: center;
}

[b-krke1mvuwo] .title-row {
  grid-template-columns: 0fr 0fr 4fr 1fr;
  grid-column-gap: 10px !important;
  display: grid !important;
}

[b-krke1mvuwo] .package-panel .mud-expand-panel-content {
  padding-right: 0px !important;
}

@-webkit-keyframes card-popup {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes card-popup-b-krke1mvuwo {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
@-webkit-keyframes card-color-change {
  0% {
    background: var(--color-primary);
  }
  100% {
    background: var(--color-primary-lighten);
  }
}
@keyframes card-color-change-b-krke1mvuwo {
  0% {
    background: var(--color-primary);
  }
  100% {
    background: var(--color-primary-lighten);
  }
}
[b-krke1mvuwo] .service-package-card:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
  animation: card-popup-b-krke1mvuwo 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
}

/*# sourceMappingURL=PackagesBillCard.razor.css.map */
/* /Components/BillingList/ServicesBillCard.razor.rz.scp.css */
@charset "UTF-8";
:root[b-lg9kkuiczt] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
[b-lg9kkuiczt] .card-active {
  background: var(--color-primary-lighten) !important;
  animation: none;
}

[b-lg9kkuiczt] .internal-icon {
  fill: var(--color-global-fullwhite) !important;
  stroke: var(--color-global-fullwhite);
}
[b-lg9kkuiczt] .internal-icon.resize-it {
  font-size: 2.4rem;
}

[b-lg9kkuiczt] .text-stack {
  align-items: center;
}

[b-lg9kkuiczt] .stack-card {
  border-radius: 6px;
  background: var(--color-primary);
  padding: 8px 10px;
  grid-template-columns: 4fr 1fr;
  grid-column-gap: 10px;
  display: grid;
  justify-content: space-between;
  align-items: center;
}
[b-lg9kkuiczt] .stack-card:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both, card-color-change 0.3s linear alternate both;
  animation: card-popup-b-lg9kkuiczt 0.3s cubic-bezier(0.5, 1, 0.89, 1) both, card-color-change-b-lg9kkuiczt 0.3s linear alternate both;
}

@-webkit-keyframes card-popup {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes card-popup-b-lg9kkuiczt {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
@-webkit-keyframes card-color-change {
  0% {
    background: var(--color-primary);
  }
  100% {
    background: var(--color-primary-lighten);
  }
}
@keyframes card-color-change-b-lg9kkuiczt {
  0% {
    background: var(--color-primary);
  }
  100% {
    background: var(--color-primary-lighten);
  }
}

/*# sourceMappingURL=ServicesBillCard.razor.css.map */
/* /Components/Carousel.razor.rz.scp.css */
.carousel-internal[b-j3kc3f3im6] {
  width: 100%;
  z-index: 2;
}

[b-j3kc3f3im6] .main-carousel {
  height: 600px;
}

.waves-header[b-j3kc3f3im6] {
  display: grid;
  height: 600px;
  width: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgb(34, 43, 62) 0%, rgb(0, 172, 193) 100%);
  /*animation: color-change-3x 10s linear infinite alternate both;*/
}

.shipping-video[b-j3kc3f3im6] {
  margin-top: -50px;
}

.waves-container[b-j3kc3f3im6] {
  align-self: flex-end;
}

.waves[b-j3kc3f3im6] {
  position: relative;
  width: 100%;
  height: 30vh;
  margin-bottom: -7px;
  /*Fix for safari gap*/
  min-height: 100px;
  max-height: 170px;
}

/* Animation */
.parallax > use[b-j3kc3f3im6] {
  animation: move-forever-b-j3kc3f3im6 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax > use:nth-child(1)[b-j3kc3f3im6] {
  animation-delay: -2s;
  animation-duration: 7s;
}

.parallax > use:nth-child(2)[b-j3kc3f3im6] {
  animation-delay: -3s;
  animation-duration: 10s;
}

.parallax > use:nth-child(3)[b-j3kc3f3im6] {
  animation-delay: -4s;
  animation-duration: 13s;
}

.parallax > use:nth-child(4)[b-j3kc3f3im6] {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever-b-j3kc3f3im6 {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
@media only screen and (max-width: 400px) {
  [b-j3kc3f3im6] .main-carousel {
    height: 250px;
  }
  .waves-header[b-j3kc3f3im6] {
    display: grid;
    height: 250px;
  }
}
@media only screen and (max-width: 720px) {
  [b-j3kc3f3im6] .main-carousel {
    height: 250px;
  }
  .waves-header[b-j3kc3f3im6] {
    display: grid;
    height: 250px;
  }
}
@media only screen and (min-width: 721px) {
  [b-j3kc3f3im6] .main-carousel {
    height: 600px;
  }
  .waves-header[b-j3kc3f3im6] {
    display: grid;
    height: 600px;
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves[b-j3kc3f3im6] {
    height: 40px;
    min-height: 40px;
  }
}

/*# sourceMappingURL=Carousel.razor.css.map */
/* /Components/CompletionBadge.razor.rz.scp.css */
:root[b-e59hgptak4] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

.info-badge[b-e59hgptak4] {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: flex;
  justify-self: end;
  align-items: center;
  justify-content: center;
  transition: width 1s 0s cubic-bezier(0.25, 1, 0.5, 1), border-radius 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
}

.info-badge:hover[b-e59hgptak4] {
  width: auto;
  border-radius: 50px;
}
.info-badge:hover .inner-badge[b-e59hgptak4] {
  margin-right: 3px;
}

.info-badge.badge-need-info:hover span[b-e59hgptak4] {
  padding: 8px;
  width: max-content;
  opacity: 1;
  transition: width 0.3s 0s linear, padding 0.3s 0s linear, opacity 0.3s 0s linear;
}
.info-badge.badge-ok:hover span[b-e59hgptak4] {
  padding: 8px;
  width: max-content;
  opacity: 1;
  transition: width 0.3s 0s linear, padding 0.3s 0s linear, opacity 0.3s 0s linear;
}

.info-badge.badge-need-info span[b-e59hgptak4] {
  width: 0px;
  opacity: 0;
  text-align: center;
  color: var(--color-CIMA-red);
}
.info-badge.badge-ok span[b-e59hgptak4] {
  width: 0px;
  opacity: 0;
  text-align: center;
  color: var(--color-CIMA-blue);
}

.inner-badge[b-e59hgptak4] {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: var(--color-global-fullwhite);
  display: flex;
  align-items: center;
  justify-content: center;
}

[b-e59hgptak4] .badge-icon {
  font-size: 16px;
}

.badge-ok[b-e59hgptak4] {
  background: var(--color-badge-ok);
}

.badge-need-info[b-e59hgptak4] {
  background: var(--color-badge-needinfo);
}

/*# sourceMappingURL=CompletionBadge.razor.css.map */
/* /Components/ComplexChip.razor.rz.scp.css */
@charset "UTF-8";
:root[b-9ggausuyxf] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/*
    Módulo global de efectos CSS
*/
@-webkit-keyframes color-change-2x-select {
  0% {
    background: var(--color-global-RGBA-transparent);
  }
  100% {
    background: var(--color-primary-lighten-2);
  }
}
@keyframes color-change-2x-select-b-9ggausuyxf {
  0% {
    background: var(--color-global-RGBA-transparent);
  }
  100% {
    background: var(--color-primary-lighten-2);
  }
}
@-webkit-keyframes scale-up-hor-center-x6 {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(6);
    transform: scaleX(6);
  }
}
@keyframes scale-up-hor-center-x6-b-9ggausuyxf {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(6);
    transform: scaleX(6);
  }
}
@-webkit-keyframes scale-up-center-x1-2 {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes scale-up-center-x1-2-b-9ggausuyxf {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes scale-up-center-x1-05 {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes scale-up-center-x1-05-b-9ggausuyxf {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center-b-9ggausuyxf {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
[b-9ggausuyxf] .mobile-chip-icon {
  font-size: 4rem;
}

.complex-chip-wrapper[b-9ggausuyxf] {
  flex: 1;
}

[b-9ggausuyxf] .complex-chip {
  height: 60px !important;
  width: 100%;
  padding-right: 0;
  border: 1px solid var(--color-global-RGBA-grey-31);
  background: var(--color-global-RGBA-transparent);
  border-radius: 6px !important;
}
[b-9ggausuyxf] .complex-chip.is-mobile {
  height: max-content !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
[b-9ggausuyxf] .complex-chip.mud-chip-selected {
  background: var(--color-primary-lighten-2) !important;
}

[b-9ggausuyxf] .mobile-chip-actions {
  height: 100%;
}

[b-9ggausuyxf] .mud-chip-text.mud-chip-color-primary {
  background-color: var(--color-global-RGBA-transparent);
}

[b-9ggausuyxf] .internal-button-icon {
  stroke: currentColor;
}

[b-9ggausuyxf] .internal-chip-text.is-mobile {
  display: flex;
  flex-wrap: wrap;
  white-space: break-spaces;
  text-align: center;
}

[b-9ggausuyxf] .complex-chip:hover .button-footer {
  -webkit-animation: scale-up-hor-center-x6 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-hor-center-x6-b-9ggausuyxf 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
[b-9ggausuyxf] .complex-chip:hover .internal-button-icon {
  -webkit-animation: scale-up-center-x1-2 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation: scale-up-center-x1-2-b-9ggausuyxf 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
[b-9ggausuyxf] .complex-chip:hover .internal-chip-text {
  -webkit-animation: scale-up-center-x1-05 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation: scale-up-center-x1-05-b-9ggausuyxf 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
[b-9ggausuyxf] .complex-chip:hover .chip-action-button {
  -webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: slide-in-fwd-center-b-9ggausuyxf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  visibility: visible;
}
[b-9ggausuyxf] .complex-chip:hover .mobile-chip-action-button {
  -webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: slide-in-fwd-center-b-9ggausuyxf 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  visibility: visible;
}

[b-9ggausuyxf] .complex-chip.mud-chip-selected .button-footer {
  -webkit-animation: scale-up-hor-center-x6 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-hor-center-x6-b-9ggausuyxf 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
[b-9ggausuyxf] .complex-chip.mud-chip-selected .chip-action-button {
  visibility: visible;
}
[b-9ggausuyxf] .complex-chip.mud-chip-selected .mobile-chip-action-button {
  visibility: visible;
}
[b-9ggausuyxf] .complex-chip.mud-chip-selected .mobile-chip-action-button .mud-icon-root {
  fill: var(--color-tertiary) !important;
}

.internal-chip-wrapper[b-9ggausuyxf] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-evenly;
  align-items: center;
}

.chip-icon-container[b-9ggausuyxf] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.chip-actions-container[b-9ggausuyxf] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

[b-9ggausuyxf] .chip-action-button {
  padding: 0px !important;
  min-width: 24px !important;
  visibility: hidden;
}
[b-9ggausuyxf] .chip-action-button.is-active {
  visibility: visible;
}

[b-9ggausuyxf] .mobile-chip-action-button {
  justify-self: flex-end;
  border-radius: 0px;
  margin-left: auto;
}
[b-9ggausuyxf] .mobile-chip-action-button .mud-icon-root {
  fill: var(--color-RGBA-tertiary-50) !important;
  font-size: 4rem;
}
[b-9ggausuyxf] .mobile-chip-action-button.is-active {
  visibility: visible;
}

[b-9ggausuyxf] .internal-animation-icon {
  position: absolute;
  stroke: red;
}

[b-9ggausuyxf] .chip-action-button:hover .internal-action-top-icon {
  fill: var(--color-tertiary) !important;
}
[b-9ggausuyxf] .chip-action-button:hover .internal-action-bottom-icon {
  fill: var(--color-tertiary) !important;
}

[b-9ggausuyxf] .internal-action-top-icon {
  fill: var(--color-RGBA-tertiary-50) !important;
}

[b-9ggausuyxf] .internal-action-bottom-icon {
  fill: var(--color-RGBA-tertiary-50) !important;
}

.internal-horizontal-spacer[b-9ggausuyxf] {
  width: 20px;
}

.internal-horizontal-spacer-small[b-9ggausuyxf] {
  width: 15px;
}

.internal-vertical-spacer[b-9ggausuyxf] {
  height: 8px;
}

.internal-vertical-spacer-small[b-9ggausuyxf] {
  height: 6px;
}

.button-footer[b-9ggausuyxf] {
  background-color: var(--color-tertiary);
}

/*# sourceMappingURL=ComplexChip.razor.css.map */
/* /Components/ComplexChipset.razor.rz.scp.css */
.complex-chipset-wrapper[b-srj366r1ab] {
  margin-top: 20px;
  margin-bottom: 20px;
}

[b-srj366r1ab] .complex-chipset {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

/*# sourceMappingURL=ComplexChipset.razor.css.map */
/* /Components/ComplexSelector.razor.rz.scp.css */
.complex-selector-wrapper[b-nlf9rurvt2] {
  flex-direction: column;
  width: 95%;
}

[b-nlf9rurvt2] .skeleton-grid {
  padding-bottom: 20px;
}

.mini-divider[b-nlf9rurvt2] {
  width: 95%;
  border: 0.1px dotted rgba(80, 80, 80, 0.08);
}

/*# sourceMappingURL=ComplexSelector.razor.css.map */
/* /Components/GridListPager.razor.rz.scp.css */
.pager-wrapper[b-16yrwwzsbe] {
  width: 100%;
}

[b-16yrwwzsbe] .controls-row {
  justify-content: flex-end;
}

[b-16yrwwzsbe] .pager {
  align-self: center;
}

[b-16yrwwzsbe] .selector-wrapper.mud-select {
  flex-grow: 0;
}

/*# sourceMappingURL=GridListPager.razor.css.map */
/* /Components/LoginComponent.razor.rz.scp.css */
:root[b-vry8161bvv] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

[b-vry8161bvv] .paper-grey {
  border-radius: 7px;
  background-image: linear-gradient(to bottom, var(--color-global-fullwhite), var(--color-global-theme-grey));
  padding: 2.8rem 1.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

[b-vry8161bvv] .login-text.title {
  align-self: center;
  color: var(--color-primary-text-blue);
}
[b-vry8161bvv] .login-text.body {
  align-self: flex-start;
  color: var(--color-primary-text-blue);
}
[b-vry8161bvv] .login-text.password-forget {
  align-self: flex-end;
  color: var(--color-secondary);
}
[b-vry8161bvv] .login-text.styled {
  margin-left: 5px;
  margin-right: 5px;
}

[b-vry8161bvv] .nav-link {
  padding: 0px;
}

[b-vry8161bvv] .divider {
  width: 45%;
  background-color: var(--color-global-grey);
}

.no-account[b-vry8161bvv] {
  display: flex;
  flex-direction: row;
}

[b-vry8161bvv] .email-field.resize-it .mud-input {
  font-size: 2rem;
}

[b-vry8161bvv] .password-field.resize-it .mud-input {
  font-size: 2rem;
}
[b-vry8161bvv] .password-field.resize-it .mud-input-adornment .mud-icon-root {
  font-size: 2rem;
}

[b-vry8161bvv] .login-button {
  align-self: flex-end;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
[b-vry8161bvv] .login-button.resize-it {
  font-size: 1.6rem;
}

.mini-style-container[b-vry8161bvv] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/*# sourceMappingURL=LoginComponent.razor.css.map */
/* /Components/MicroSearchEngine.razor.rz.scp.css */
[b-1csdb4u9bg] .packages-stack {
  width: 90%;
}

[b-1csdb4u9bg] .services-stack {
  width: 90%;
}

[b-1csdb4u9bg] .main-stack {
  justify-content: center;
  align-items: center;
  padding: 20px 0px;
}

/*# sourceMappingURL=MicroSearchEngine.razor.css.map */
/* /Components/MobilePackageCard.razor.rz.scp.css */
@charset "UTF-8";
:root[b-velx39c6gs] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
[b-velx39c6gs] .mobile-text-stack {
  padding: 16px 12px;
  width: 100%;
}

[b-velx39c6gs] .stack-card {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
[b-velx39c6gs] .stack-card:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
  animation: card-popup-b-velx39c6gs 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
}

[b-velx39c6gs] .mobile-card-text.title {
  color: var(--color-primary-lighten-2);
}
[b-velx39c6gs] .mobile-card-text.body {
  padding-left: 4px;
  color: black;
}

[b-velx39c6gs] .mobile-chip-text-icon {
  stroke: var(--color-tertiary);
}

.mobile-card-package-row[b-velx39c6gs] {
  display: flex;
  align-items: center;
}

[b-velx39c6gs] .mobile-card-package-button {
  justify-self: flex-end;
  border-radius: 0px;
  margin-left: auto;
}
[b-velx39c6gs] .mobile-card-package-button .mud-icon-root {
  font-size: 4rem;
}

[b-velx39c6gs] .mobile-package-arrow {
  font-size: 4rem;
}

[b-velx39c6gs] .package-item-text {
  color: var(--color-global-fullblack);
}

[b-velx39c6gs] .service-package-card {
  padding: 4px 8px;
}

@-webkit-keyframes card-popup {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes card-popup-b-velx39c6gs {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
[b-velx39c6gs] .service-package-card:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
  animation: card-popup-b-velx39c6gs 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
}

/*# sourceMappingURL=MobilePackageCard.razor.css.map */
/* /Components/PackageCartCard.razor.rz.scp.css */
@charset "UTF-8";
:root[b-xm841mir8b] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
[b-xm841mir8b] .text-stack {
  padding: 16px 12px;
}

[b-xm841mir8b] .stack-card {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
[b-xm841mir8b] .stack-card:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
  animation: card-popup-b-xm841mir8b 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
}

[b-xm841mir8b] .checkbox-label .mud-typography {
  font-size: 2rem;
}
[b-xm841mir8b] .checkbox-label .mud-icon-root {
  font-size: 3rem;
}

[b-xm841mir8b] .btn-trash {
  justify-self: flex-end;
  border-radius: 0px;
  margin-left: auto;
}
[b-xm841mir8b] .btn-trash.resize-it .mud-icon-root {
  font-size: 3.4rem;
}

[b-xm841mir8b] .package-item-text {
  color: var(--color-global-fullblack);
}

[b-xm841mir8b] .service-package-card {
  padding: 4px 8px;
}
[b-xm841mir8b] .service-package-card .mud-disabled p.mud-typography.mud-typography-body1 {
  color: var(--color-global-fullblack);
}

@-webkit-keyframes card-popup {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes card-popup-b-xm841mir8b {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
[b-xm841mir8b] .service-package-card:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
  animation: card-popup-b-xm841mir8b 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
}

/*# sourceMappingURL=PackageCartCard.razor.css.map */
/* /Components/PackagesTable.razor.rz.scp.css */
:root[b-wv1p0kksa4] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

.ext-grid-container[b-wv1p0kksa4] {
  width: 100%;
  display: flex;
  margin: 10px 0px;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
}

[b-wv1p0kksa4] .packages-grid {
  padding: 5px 10px;
}

.button-container[b-wv1p0kksa4] {
  height: 100%;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

[b-wv1p0kksa4] .grid-button {
  background-color: var(--color-global-midwhite);
  border: solid 1px var(--color-global-grey-2);
  min-width: 20px;
  min-height: 45px;
  padding: 0px;
}

/*# sourceMappingURL=PackagesTable.razor.css.map */
/* /Components/Quotation/CargoTypeComponent.razor.rz.scp.css */
[b-4wgjmj1av9] .chip-set-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.chipset-wrapper[b-4wgjmj1av9] {
  width: 100%;
}

[b-4wgjmj1av9] .mud-input-control.mud-input-control-boolean-input.resize-it .mud-icon-root {
  font-size: 2rem;
}
[b-4wgjmj1av9] .mud-input-control.mud-input-control-boolean-input.resize-it .mud-typography {
  font-size: 2rem;
}

/*# sourceMappingURL=CargoTypeComponent.razor.css.map */
/* /Components/Quotation/ContainerAmountComponent.razor.rz.scp.css */
:root[b-mg66vbral5] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

[b-mg66vbral5] .container-amount-row {
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}

[b-mg66vbral5] .container-amount-icon {
  flex-grow: 1;
  justify-self: center;
  font-size: 6rem;
  stroke: var(--color-primary);
}

[b-mg66vbral5] .container-amount {
  flex-grow: 2;
}
[b-mg66vbral5] .container-amount.increase-it {
  max-width: 100%;
}
[b-mg66vbral5] .container-amount.increase-it .mud-input {
  font-size: 2rem;
}
[b-mg66vbral5] .container-amount.increase-it .mud-input-label {
  font-size: 2rem;
}
[b-mg66vbral5] .container-amount.increase-it .mud-input-numeric-spin {
  flex-direction: row;
}
[b-mg66vbral5] .container-amount.increase-it .mud-input-numeric-spin .mud-icon-root {
  font-size: 6rem;
}

/*# sourceMappingURL=ContainerAmountComponent.razor.css.map */
/* /Components/Quotation/ContainerSelectionComponent.razor.rz.scp.css */
[b-8djbp74k4y] .chip-set-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
[b-8djbp74k4y] .chip-set-selector.increase-it {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

[b-8djbp74k4y] .container-amount {
  max-width: 20%;
}
[b-8djbp74k4y] .container-amount.increase-it {
  max-width: 100%;
}
[b-8djbp74k4y] .container-amount.increase-it .mud-input {
  font-size: 2rem;
}
[b-8djbp74k4y] .container-amount.increase-it .mud-input-label {
  font-size: 2rem;
}
[b-8djbp74k4y] .container-amount.increase-it .mud-input-numeric-spin {
  flex-direction: row;
}
[b-8djbp74k4y] .container-amount.increase-it .mud-input-numeric-spin .mud-icon-root {
  font-size: 6rem;
}

.chipset-wrapper[b-8djbp74k4y] {
  width: 100%;
}

/*# sourceMappingURL=ContainerSelectionComponent.razor.css.map */
/* /Components/Quotation/ContainerTypeComponent.razor.rz.scp.css */
[b-ptzn6iwd7s] .chip-set-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
[b-ptzn6iwd7s] .chip-set-selector.increase-it {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.chipset-wrapper[b-ptzn6iwd7s] {
  width: 100%;
}

/*# sourceMappingURL=ContainerTypeComponent.razor.css.map */
/* /Components/Quotation/DragUnitComponent.razor.rz.scp.css */
[b-srrdyhsod0] .chip-set-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.chipset-wrapper[b-srrdyhsod0] {
  width: 100%;
}

/*# sourceMappingURL=DragUnitComponent.razor.css.map */
/* /Components/Quotation/FromToComponent.razor.rz.scp.css */
[b-yi4umowu9e] .location-searchbar.resize-it .mud-input.mud-input-text.mud-select-input {
  font-size: 2rem;
}
[b-yi4umowu9e] .location-searchbar.resize-it .mud-input-label {
  font-size: 2rem;
}
[b-yi4umowu9e] .location-searchbar.resize-it .mud-icon-root {
  font-size: 3rem !important;
}

/*# sourceMappingURL=FromToComponent.razor.css.map */
/* /Components/Quotation/FromToPortsAndYardsComponent.razor.rz.scp.css */
[b-gbvcnb0jdu] .location-searchbar.resize-it .mud-input.mud-input-text.mud-select-input {
  font-size: 2rem;
}
[b-gbvcnb0jdu] .location-searchbar.resize-it .mud-input-label {
  font-size: 2rem;
}
[b-gbvcnb0jdu] .location-searchbar.resize-it .mud-icon-root {
  font-size: 3rem !important;
}

/*# sourceMappingURL=FromToPortsAndYards.razor.css.map */
/* /Components/Quotation/LocationComponent.razor.rz.scp.css */
[b-fsixict6cp] .location-searchbar.resize-it .mud-input.mud-input-text.mud-select-input {
  font-size: 2rem;
}
[b-fsixict6cp] .location-searchbar.resize-it .mud-input-label {
  font-size: 2rem;
}
[b-fsixict6cp] .location-searchbar.resize-it .mud-icon-root {
  font-size: 3rem !important;
}

/*# sourceMappingURL=LocationComponent.razor.css.map */
/* /Components/Quotation/PackagingComponent.razor.rz.scp.css */
[b-q6ta0xw2vv] .chip-set-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.chipset-wrapper[b-q6ta0xw2vv] {
  width: 100%;
}

/*# sourceMappingURL=PackagingComponent.razor.css.map */
/* /Components/Quotation/SubservicesComponent.razor.rz.scp.css */
:root[b-eliocnmrbr] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

[b-eliocnmrbr] .checkbox-icon {
  fill: var(--color-primary);
  stroke: var(--color-primary);
}

[b-eliocnmrbr] .subservice-checkbox.resize-it .mud-icon-root {
  font-size: 2.5rem;
}

/*# sourceMappingURL=SubservicesComponent.razor.css.map */
/* /Components/ReadOnlyBillingList/ReadOnlyBillingList.razor.rz.scp.css */
@charset "UTF-8";
:root[b-wsbbis8sn7] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de efectos CSS
*/
.bill-wrapper[b-wsbbis8sn7] {
  overflow-y: auto;
  padding: 3rem 2.3rem;
  min-height: 92vh;
}
.bill-wrapper.add-padding[b-wsbbis8sn7] {
  padding-bottom: 110px;
}

[b-wsbbis8sn7] .billing-title {
  margin-bottom: 10px;
}

[b-wsbbis8sn7] .billing-text {
  color: var(--color-global-fullwhite);
}

[b-wsbbis8sn7] .billing-subtitle {
  color: var(--color-global-fullwhite);
}

[b-wsbbis8sn7] .divider-packages {
  opacity: 1;
  width: 100%;
  align-self: center;
  background-color: var(--color-secondary);
  height: 1px;
  -webkit-filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
  filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
}

[b-wsbbis8sn7] .divider-services {
  opacity: 1;
  width: 100%;
  align-self: center;
  background-color: var(--color-secondary);
  height: 1px;
  -webkit-filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
  filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
}

[b-wsbbis8sn7] .internal-icon {
  fill: var(--color-global-fullwhite) !important;
  stroke: var(--color-global-fullwhite);
}

[b-wsbbis8sn7] .billing-icon {
  fill: var(--color-global-fullwhite) !important;
}
[b-wsbbis8sn7] .billing-icon.resize-it {
  font-size: 4rem !important;
}

[b-wsbbis8sn7] .stack-active {
  padding: 5px;
  border: 1px solid var(--color-secondary);
  border-radius: 15px;
}

[b-wsbbis8sn7] .paper-blue {
  border-radius: 7px;
  background-color: var(--color-primary);
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

[b-wsbbis8sn7] .service-item-badge {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  background: var(--color-global-fullwhite);
  margin-top: 10px;
  padding: 0px;
}

[b-wsbbis8sn7] .package-item-badge {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
  background: var(--color-global-fullwhite);
  margin-top: 10px;
  padding: 0px;
}

/*# sourceMappingURL=ReadOnlyBillingList.razor.css.map */
/* /Components/ReadOnlyBillingList/ReadOnlyPackagesBillCard.razor.rz.scp.css */
@charset "UTF-8";
:root[b-dv9o7vnuhu] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
[b-dv9o7vnuhu] .card-active {
  background: var(--color-primary-lighten) !important;
  animation: none;
}

[b-dv9o7vnuhu] .service-active {
  background: var(--color-primary-lighten-2) !important;
  animation: none;
}

[b-dv9o7vnuhu] .title-row {
  align-items: center;
}

[b-dv9o7vnuhu] .internal-icon {
  fill: var(--color-global-fullwhite) !important;
  stroke: var(--color-global-fullwhite);
}
[b-dv9o7vnuhu] .internal-icon.resize-it {
  font-size: 2.4rem !important;
}

[b-dv9o7vnuhu] .stack-card {
  background: var(--color-primary);
}
[b-dv9o7vnuhu] .stack-card:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both, card-color-change 0.3s linear alternate both;
  animation: card-popup-b-dv9o7vnuhu 0.3s cubic-bezier(0.5, 1, 0.89, 1) both, card-color-change-b-dv9o7vnuhu 0.3s linear alternate both;
}
[b-dv9o7vnuhu] .stack-card:hover .package-panel {
  -webkit-animation: card-color-change 0.3s linear alternate both;
  animation: card-color-change-b-dv9o7vnuhu 0.3s linear alternate both;
}
[b-dv9o7vnuhu] .stack-card .package-panel .mud-icon-root.resize-it {
  font-size: 3.5rem !important;
}

[b-dv9o7vnuhu] .package-panel {
  background: var(--color-primary);
}
[b-dv9o7vnuhu] .package-panel .mud-expand-panel-header {
  padding: 8px 10px !important;
}

[b-dv9o7vnuhu] .package-item-text {
  color: var(--color-global-fullwhite);
}

[b-dv9o7vnuhu] .service-checkbox .mud-typography.mud-typography-body1 {
  color: var(--color-global-lowwhite);
}
[b-dv9o7vnuhu] .service-checkbox .mud-checkbox .mud-readonly {
  color: var(--color-tertiary-disable) !important;
}
[b-dv9o7vnuhu] .service-checkbox.resize-it .mud-icon-root {
  font-size: 2rem;
}
[b-dv9o7vnuhu] .service-checkbox.resize-it .mud-typography {
  font-size: 1.5rem;
}

[b-dv9o7vnuhu] .service-package-card {
  padding: 4px 8px;
  background: var(--color-primary);
  grid-template-columns: 4fr 1fr;
  grid-column-gap: 10px;
  display: grid;
  justify-content: space-between;
  align-items: center;
}

[b-dv9o7vnuhu] .title-row {
  grid-template-columns: 0fr 0fr 4fr 1fr;
  grid-column-gap: 10px !important;
  display: grid !important;
}

[b-dv9o7vnuhu] .package-panel .mud-expand-panel-content {
  padding-right: 0px !important;
}

@-webkit-keyframes card-popup {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes card-popup-b-dv9o7vnuhu {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
@-webkit-keyframes card-color-change {
  0% {
    background: var(--color-primary);
  }
  100% {
    background: var(--color-primary-lighten);
  }
}
@keyframes card-color-change-b-dv9o7vnuhu {
  0% {
    background: var(--color-primary);
  }
  100% {
    background: var(--color-primary-lighten);
  }
}
[b-dv9o7vnuhu] .service-package-card:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
  animation: card-popup-b-dv9o7vnuhu 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
}

/*# sourceMappingURL=ReadOnlyPackagesBillCard.razor.css.map */
/* /Components/ReadOnlyBillingList/ReadOnlyServicesBillCard.razor.rz.scp.css */
@charset "UTF-8";
:root[b-3dr68ar870] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
[b-3dr68ar870] .card-active {
  background: var(--color-primary-lighten) !important;
  animation: none;
}

[b-3dr68ar870] .internal-icon {
  fill: white !important;
  stroke: white;
}
[b-3dr68ar870] .internal-icon.resize-it {
  font-size: 2.4rem;
}

[b-3dr68ar870] .text-stack {
  align-items: center;
}

[b-3dr68ar870] .stack-card {
  border-radius: 6px;
  background: var(--color-primary);
  padding: 8px 10px;
  grid-template-columns: 4fr 1fr;
  grid-column-gap: 10px;
  display: grid;
  justify-content: space-between;
  align-items: center;
}
[b-3dr68ar870] .stack-card:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both, card-color-change 0.3s linear alternate both;
  animation: card-popup-b-3dr68ar870 0.3s cubic-bezier(0.5, 1, 0.89, 1) both, card-color-change-b-3dr68ar870 0.3s linear alternate both;
}

@-webkit-keyframes card-popup {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes card-popup-b-3dr68ar870 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
@-webkit-keyframes card-color-change {
  0% {
    background: var(--color-primary);
  }
  100% {
    background: var(--color-primary-lighten);
  }
}
@keyframes card-color-change-b-3dr68ar870 {
  0% {
    background: var(--color-primary);
  }
  100% {
    background: var(--color-primary-lighten);
  }
}

/*# sourceMappingURL=ReadOnlyServicesBillCard.razor.css.map */
/* /Components/ReadOnlyQuotation/CargoTypeComponent.razor.rz.scp.css */
[b-kiuse4l2za] .chip-set-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.chipset-wrapper[b-kiuse4l2za] {
  width: 100%;
}

[b-kiuse4l2za] .mud-input-control.mud-input-control-boolean-input.resize-it .mud-icon-root {
  font-size: 2rem;
}
[b-kiuse4l2za] .mud-input-control.mud-input-control-boolean-input.resize-it .mud-typography {
  font-size: 2rem;
}

/*# sourceMappingURL=CargoTypeComponent.razor.css.map */
/* /Components/ReadOnlyQuotation/ContainerAmountComponent.razor.rz.scp.css */
:root[b-zs0apa3jt5] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

[b-zs0apa3jt5] .container-amount-row {
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}

[b-zs0apa3jt5] .container-amount-icon {
  flex-grow: 1;
  justify-self: center;
  font-size: 6rem;
  stroke: var(--color-primary);
}

[b-zs0apa3jt5] .container-amount {
  flex-grow: 2;
}
[b-zs0apa3jt5] .container-amount.increase-it {
  max-width: 100%;
}
[b-zs0apa3jt5] .container-amount.increase-it .mud-input {
  font-size: 2rem;
}
[b-zs0apa3jt5] .container-amount.increase-it .mud-input-label {
  font-size: 2rem;
}
[b-zs0apa3jt5] .container-amount.increase-it .mud-input-numeric-spin {
  flex-direction: row;
}
[b-zs0apa3jt5] .container-amount.increase-it .mud-input-numeric-spin .mud-icon-root {
  font-size: 6rem;
}

/*# sourceMappingURL=ContainerAmountComponent.razor.css.map */
/* /Components/ReadOnlyQuotation/ContainerSelectionComponent.razor.rz.scp.css */
[b-tsvxohlgav] .chip-set-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
[b-tsvxohlgav] .chip-set-selector.increase-it {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

[b-tsvxohlgav] .container-amount {
  max-width: 20%;
}
[b-tsvxohlgav] .container-amount.increase-it {
  max-width: 100%;
}
[b-tsvxohlgav] .container-amount.increase-it .mud-input {
  font-size: 2rem;
}
[b-tsvxohlgav] .container-amount.increase-it .mud-input-label {
  font-size: 2rem;
}
[b-tsvxohlgav] .container-amount.increase-it .mud-input-numeric-spin {
  flex-direction: row;
}
[b-tsvxohlgav] .container-amount.increase-it .mud-input-numeric-spin .mud-icon-root {
  font-size: 6rem;
}

.chipset-wrapper[b-tsvxohlgav] {
  width: 100%;
}

/*# sourceMappingURL=ContainerSelectionComponent.razor.css.map */
/* /Components/ReadOnlyQuotation/ContainerTypeComponent.razor.rz.scp.css */
[b-y3rxd2lhbu] .chip-set-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
[b-y3rxd2lhbu] .chip-set-selector.increase-it {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.chipset-wrapper[b-y3rxd2lhbu] {
  width: 100%;
}

/*# sourceMappingURL=ContainerTypeComponent.razor.css.map */
/* /Components/ReadOnlyQuotation/DragUnitComponent.razor.rz.scp.css */
[b-4xgc2dof8n] .chip-set-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.chipset-wrapper[b-4xgc2dof8n] {
  width: 100%;
}

/*# sourceMappingURL=DragUnitComponent.razor.css.map */
/* /Components/ReadOnlyQuotation/FromToComponent.razor.rz.scp.css */
[b-z6ec7b4lb9] .location-searchbar.resize-it .mud-input.mud-input-text.mud-select-input {
  font-size: 2rem;
}
[b-z6ec7b4lb9] .location-searchbar.resize-it .mud-input-label {
  font-size: 2rem;
}
[b-z6ec7b4lb9] .location-searchbar.resize-it .mud-icon-root {
  font-size: 3rem !important;
}

/*# sourceMappingURL=FromToComponent.razor.css.map */
/* /Components/ReadOnlyQuotation/FromToPortsAndYards.razor.rz.scp.css */
[b-vmj8mmgayw] .location-searchbar.resize-it .mud-input.mud-input-text.mud-select-input {
  font-size: 2rem;
}
[b-vmj8mmgayw] .location-searchbar.resize-it .mud-input-label {
  font-size: 2rem;
}
[b-vmj8mmgayw] .location-searchbar.resize-it .mud-icon-root {
  font-size: 3rem !important;
}

/*# sourceMappingURL=FromToPortsAndYards.razor.css.map */
/* /Components/ReadOnlyQuotation/LocationComponent.razor.rz.scp.css */
[b-n1zb5xuhn6] .location-searchbar.resize-it .mud-input.mud-input-text.mud-select-input {
  font-size: 2rem;
}
[b-n1zb5xuhn6] .location-searchbar.resize-it .mud-input-label {
  font-size: 2rem;
}
[b-n1zb5xuhn6] .location-searchbar.resize-it .mud-icon-root {
  font-size: 3rem !important;
}

/*# sourceMappingURL=LocationComponent.razor.css.map */
/* /Components/ReadOnlyQuotation/PackagingComponent.razor.rz.scp.css */
[b-8mx76sdjta] .chip-set-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.chipset-wrapper[b-8mx76sdjta] {
  width: 100%;
}

/*# sourceMappingURL=PackagingComponent.razor.css.map */
/* /Components/ReadOnlyQuotation/SubservicesComponent.razor.rz.scp.css */
:root[b-128yjtq5pn] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

[b-128yjtq5pn] .checkbox-icon {
  fill: var(--color-primary);
  stroke: var(--color-primary);
}

[b-128yjtq5pn] .subservice-checkbox.resize-it .mud-icon-root {
  font-size: 2.5rem;
}

/*# sourceMappingURL=SubservicesComponent.razor.css.map */
/* /Components/ReadOnlyTicket/PackageTicketComponent.razor.rz.scp.css */
:root[b-di7jj9en9z] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

[b-di7jj9en9z] .paper-transparent {
  background: var(--color-global-RGBA-transparent);
}

.subtotal-divider[b-di7jj9en9z] {
  border: solid 1px var(--color-global-grey);
}

[b-di7jj9en9z] .money-item {
  align-self: flex-end;
  margin-left: auto;
}

[b-di7jj9en9z] .ticket-panels-icon {
  fill: var(--color-global-fullblack);
}
[b-di7jj9en9z] .ticket-panels-icon.resize-it {
  font-size: 3.5rem !important;
}

[b-di7jj9en9z] .title-row {
  grid-template-columns: 1fr 4fr 2fr;
  grid-column-gap: 10px !important;
  display: grid !important;
}

[b-di7jj9en9z] .ticket-package-panel .mud-expand-panel-content {
  padding-right: 0px !important;
}
[b-di7jj9en9z] .ticket-package-panel .mud-expand-panel-header {
  padding-right: 0px !important;
}

/*# sourceMappingURL=PackageTicketComponent.razor.css.map */
/* /Components/ReadOnlyTicket/ServiceTicketComponent.razor.rz.scp.css */
:root[b-m1qic5nylt] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

[b-m1qic5nylt] .paper-transparent {
  background: var(--color-global-RGBA-transparent);
}

.subtotal-divider[b-m1qic5nylt] {
  border: solid 1px var(--color-global-grey);
}

[b-m1qic5nylt] .money-item {
  align-self: flex-end;
  margin-left: auto;
}

[b-m1qic5nylt] .ticket-panels-icon {
  fill: var(--color-global-fullblack);
}
[b-m1qic5nylt] .ticket-panels-icon.resize-it {
  font-size: 3.5rem !important;
}

[b-m1qic5nylt] .title-row {
  grid-template-columns: 1fr 4fr 2fr;
  grid-column-gap: 10px !important;
  display: grid !important;
}

[b-m1qic5nylt] .ticket-service-panel .mud-expand-panel-content {
  padding-right: 0px !important;
}
[b-m1qic5nylt] .ticket-service-panel .mud-expand-panel-header {
  padding-right: 0px !important;
}

/*# sourceMappingURL=ServiceTicketComponent.razor.css.map */
/* /Components/ReadOnlyTicket/TicketComponent.razor.rz.scp.css */
:root[b-41btlqww4r] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

.outer-wrapper[b-41btlqww4r] {
  filter: drop-shadow(0px 10px 14px var(--color-global-RGBA-black-40));
}

.ticket-wrapper[b-41btlqww4r] {
  --mask: conic-gradient(from -32.5deg at bottom, css-color-var(global-fullblack), css-color-var(global-fullblack) 1deg 64deg, css-color-var(global-fullblack) 65deg) 50%/15px 101%;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  background: url(./assets/img/ticket-paper.webp) no-repeat;
  padding: 10px;
}

[b-41btlqww4r] .ticket {
  margin: 20px;
  background: url(./assets/img/ticket-paper.webp) no-repeat;
}
[b-41btlqww4r] .ticket * {
  font-family: "VT323", monospace !important;
}

[b-41btlqww4r] .ticket-row {
  justify-content: space-between;
}

/*# sourceMappingURL=TicketComponent.razor.css.map */
/* /Components/ReadOnlyTicket/TicketHeaderComponent.razor.rz.scp.css */
:root[b-ferbpv6o0e] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

.ticket-header-wrapper[b-ferbpv6o0e] {
  border: 1px solid var(--color-global-RGBA-grey-2-31);
  border-radius: 8px;
  padding: 12px 12px 12px 12px;
}

[b-ferbpv6o0e] .money-item {
  align-self: flex-end;
  margin-left: auto;
}

[b-ferbpv6o0e] .ticket-header-row {
  width: 100%;
  grid-template-columns: 1fr 2fr;
  grid-column-gap: 10px !important;
  display: grid !important;
}

[b-ferbpv6o0e] .ticket-header-row.coins-header {
  grid-template-columns: 1fr 2fr 1fr !important;
}

[b-ferbpv6o0e] .ticket-header-container {
  gap: 0 !important;
}

[b-ferbpv6o0e] .to-win {
  margin-left: -15px;
}

[b-ferbpv6o0e] .cima-coins-icon {
  font-size: 8rem;
  height: auto;
  filter: drop-shadow(3px 3px 2px var(--color-global-RGBA-black-50));
}

[b-ferbpv6o0e] .ticket-actions {
  padding-top: 10px;
}

[b-ferbpv6o0e] .save-button {
  font-size: 1.2rem;
}

[b-ferbpv6o0e] .download-button {
  font-size: 1.2rem;
}

[b-ferbpv6o0e] .button-inner-row {
  align-items: center;
}

[b-ferbpv6o0e] .cima-coins-check.resize-it .mud-icon-root {
  font-size: 2.5rem;
}

/*# sourceMappingURL=TicketHeaderComponent.razor.css.map */
/* /Components/RegisterComponent.razor.rz.scp.css */
:root[b-ser4cjtk5z] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

[b-ser4cjtk5z] .paper-grey {
  border-radius: 15px;
  background-image: linear-gradient(to bottom, var(--color-global-fullwhite), var(--color-global-theme-grey));
  padding: 1.7rem 1.3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

[b-ser4cjtk5z] .nav-link {
  padding: 0px;
}

[b-ser4cjtk5z] .login-text.title {
  align-self: flex-start;
  color: var(--color-primary-text-blue);
}
[b-ser4cjtk5z] .login-text.body {
  align-self: flex-start;
  color: var(--color-primary-text-blue);
}
[b-ser4cjtk5z] .login-text.password-forget {
  align-self: flex-end;
  color: var(--color-secondary);
}
[b-ser4cjtk5z] .login-text.styled {
  margin-left: 5px;
  margin-right: 5px;
}
[b-ser4cjtk5z] .login-text.small {
  font-size: 0.7rem;
  color: var(--color-primary-text-blue);
}

[b-ser4cjtk5z] .divider {
  width: 45%;
  background-color: var(--color-global-grey);
}

.reg-form-row[b-ser4cjtk5z] {
  flex-basis: 0;
  flex-grow: 1;
}

.yes-account[b-ser4cjtk5z] {
  display: flex;
  flex-direction: row;
}

[b-ser4cjtk5z] .login-button {
  align-self: flex-end;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.mini-style-container[b-ser4cjtk5z] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/*# sourceMappingURL=RegisterComponent.razor.css.map */
/* /Components/ShoppingCartComponent.razor.rz.scp.css */
@charset "UTF-8";
:root[b-bddbkhhlh5] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
.shopping-cart-wrapper[b-bddbkhhlh5] {
  flex-grow: 1;
  background-image: linear-gradient(to bottom, var(--color-global-fullwhite), var(--color-global-theme-grey));
  padding: 4rem 1.8rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

[b-bddbkhhlh5] .cart-title-text {
  padding-left: 10px;
}

.cart-title[b-bddbkhhlh5] {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  align-items: center;
}

[b-bddbkhhlh5] .stack-card {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
[b-bddbkhhlh5] .stack-card:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
  animation: card-popup-b-bddbkhhlh5 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
}

[b-bddbkhhlh5] .service-trace.resize-it .mud-breadcrumb-item {
  font-size: 2rem !important;
}
[b-bddbkhhlh5] .service-trace.resize-it .mud-breadcrumb-separator .mud-icon-root {
  font-size: 2rem;
}

[b-bddbkhhlh5] .breadcrumb-icon {
  fill: var(--color-tertiary) !important;
}

[b-bddbkhhlh5] .mud-breadcrumb-item.mud-disabled > a {
  color: var(--color-global-fullblack) !important;
}

[b-bddbkhhlh5] .mud-breadcrumb-item.mud-disabled {
  font-size: 1rem !important;
}

[b-bddbkhhlh5] .btn-trash {
  justify-self: flex-end;
  border-radius: 0px;
  margin-left: auto;
}
[b-bddbkhhlh5] .btn-trash.resize-it .mud-icon-root {
  font-size: 3.4rem;
}

[b-bddbkhhlh5] .btn-actions {
  margin-top: 10px;
}

[b-bddbkhhlh5] .service-item-badge {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-global-fullwhite);
  background: var(--color-primary);
  padding: 8px;
}

[b-bddbkhhlh5] .package-item-badge {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-global-fullwhite);
  background: var(--color-secondary);
  padding: 8px;
}

@-webkit-keyframes card-popup {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes card-popup-b-bddbkhhlh5 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
  }
}
[b-bddbkhhlh5] .package-suggestion {
  margin-top: 20px;
}

[b-bddbkhhlh5] .button-inner-row {
  align-items: center;
}

/*# sourceMappingURL=ShoppingCartComponent.razor.css.map */
/* /Components/SimpleChip.razor.rz.scp.css */
@charset "UTF-8";
:root[b-an0zs1rx9h] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes color-change-2x-select {
  0% {
    background: var(--color-global-RGBA-transparent);
  }
  100% {
    background: var(--color-primary-lighten-2);
  }
}
@keyframes color-change-2x-select-b-an0zs1rx9h {
  0% {
    background: var(--color-global-RGBA-transparent);
  }
  100% {
    background: var(--color-primary-lighten-2);
  }
}
@-webkit-keyframes scale-up-hor-center-x6 {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(6);
    transform: scaleX(6);
  }
}
@keyframes scale-up-hor-center-x6-b-an0zs1rx9h {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(6);
    transform: scaleX(6);
  }
}
@-webkit-keyframes scale-up-center-x1-2 {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes scale-up-center-x1-2-b-an0zs1rx9h {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes scale-up-center-x1-05 {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes scale-up-center-x1-05-b-an0zs1rx9h {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
[b-an0zs1rx9h] .simple-chip {
  height: 100px !important;
  width: 95% !important;
  background: var(--color-global-RGBA-transparent);
  border-radius: 8px !important;
}

[b-an0zs1rx9h] .internal-button-icon {
  stroke: currentColor;
}

[b-an0zs1rx9h] .simple-chip:hover .button-footer {
  -webkit-animation: scale-up-hor-center-x6 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-hor-center-x6-b-an0zs1rx9h 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
[b-an0zs1rx9h] .simple-chip:hover .internal-button-icon {
  -webkit-animation: scale-up-center-x1-2 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation: scale-up-center-x1-2-b-an0zs1rx9h 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
[b-an0zs1rx9h] .simple-chip:hover .internal-chip-text {
  -webkit-animation: scale-up-center-x1-05 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation: scale-up-center-x1-05-b-an0zs1rx9h 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

[b-an0zs1rx9h] .simple-chip.mud-chip-selected {
  -webkit-animation: color-change-2x-select 0.3s linear alternate both;
  animation: color-change-2x-select-b-an0zs1rx9h 0.3s linear alternate both;
}
[b-an0zs1rx9h] .simple-chip.mud-chip-selected .button-footer {
  -webkit-animation: scale-up-hor-center-x6 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-hor-center-x6-b-an0zs1rx9h 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.internal-chip-wrapper[b-an0zs1rx9h] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
}

.chip-footer-container[b-an0zs1rx9h] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.internal-vertical-spacer[b-an0zs1rx9h] {
  height: 8px;
}

.internal-footer-spacer[b-an0zs1rx9h] {
  height: 4px;
}

.button-footer[b-an0zs1rx9h] {
  background-color: var(--color-tertiary);
}

[b-an0zs1rx9h] .unconstrain {
  height: auto;
}

[b-an0zs1rx9h] .large-plus {
  font-size: 3rem;
}

[b-an0zs1rx9h] .extra-large {
  font-size: 4rem;
}

[b-an0zs1rx9h] .extra-large-plus {
  font-size: 5rem;
}

[b-an0zs1rx9h] .extra-extra-large {
  font-size: 6rem;
}

[b-an0zs1rx9h] .extra-extra-large-plus {
  font-size: 7rem;
}

[b-an0zs1rx9h] .huge {
  font-size: 8rem;
}

[b-an0zs1rx9h] .xxxh-11 {
  font-size: 11rem;
}

/*# sourceMappingURL=SimpleChip.razor.css.map */
/* /Components/SuggestionPackageCartCard.razor.rz.scp.css */
@charset "UTF-8";
:root[b-81mxe2hjwb] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes drop-shadow-orange {
  0% {
    -webkit-filter: drop-shadow(0px 0px 0px var(--color-global-RGBA-transparent));
    filter: drop-shadow(0px 0px 0px var(--color-global-RGBA-transparent));
  }
  100% {
    -webkit-filter: drop-shadow(0px 0px 20px var(--color-RGBA-tertiary-25));
    filter: drop-shadow(0px 0px 20px var(--color-RGBA-tertiary-25));
  }
}
@keyframes drop-shadow-orange-b-81mxe2hjwb {
  0% {
    -webkit-filter: drop-shadow(0px 0px 0px var(--color-global-RGBA-transparent));
    filter: drop-shadow(0px 0px 0px var(--color-global-RGBA-transparent));
  }
  100% {
    -webkit-filter: drop-shadow(0px 0px 20px var(--color-RGBA-tertiary-25));
    filter: drop-shadow(0px 0px 20px var(--color-RGBA-tertiary-25));
  }
}
.animated-shadow[b-81mxe2hjwb] {
  -webkit-animation: drop-shadow-orange 0.8s cubic-bezier(0.445, 0.050, 0.550, 0.950) infinite alternate both;
  animation: drop-shadow-orange-b-81mxe2hjwb 0.8s cubic-bezier(0.445, 0.050, 0.550, 0.950) infinite alternate both;
}

.suggestion-wrapper[b-81mxe2hjwb] {
  transform: translateX(200%);
}

[b-81mxe2hjwb] .card-package {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: visible;
  background: var(--color-global-notepad-yellow);
  padding-bottom: 8px;
}

[b-81mxe2hjwb] .title-row {
  align-items: center;
}

[b-81mxe2hjwb] .card-text.title {
  color: var(--color-primary-lighten-2);
}
[b-81mxe2hjwb] .card-text.body {
  padding-left: 4px;
  color: var(--color-global-fullblack);
  grid-column-start: 2;
  align-self: start;
}
[b-81mxe2hjwb] .card-text.body.resize-it {
  font-size: 2rem !important;
}

[b-81mxe2hjwb] .card-package-content {
  flex-grow: 1;
  padding-top: 6px;
  padding-bottom: 8px;
  align-items: center;
  position: relative;
}

.card-package-row[b-81mxe2hjwb] {
  display: flex;
  align-items: center;
}

.card-package-row-top[b-81mxe2hjwb] {
  display: flex;
  align-items: center;
  padding-bottom: 6px;
}

.card-package-row-bottom[b-81mxe2hjwb] {
  display: flex;
  align-items: center;
  padding: 6px 0px 10px 0px;
}

[b-81mxe2hjwb] .card-package-button {
  position: absolute;
  bottom: 0;
  right: 0;
  color: var(--color-primary);
  background: var(--color-global-RGBA-transparent);
}

[b-81mxe2hjwb] .card-package-button-icon {
  color: var(--color-tertiary);
}

[b-81mxe2hjwb] .card-package-header {
  padding: 12px;
}

[b-81mxe2hjwb] .mud-button-root.resize-it {
  font-size: 1.6rem;
}

/*# sourceMappingURL=SuggestionPackageCartCard.razor.css.map */
/* /Components/Ticket/PackageTicketComponent.razor.rz.scp.css */
@charset "UTF-8";
/*
    Módulo global de colores
*/
[b-aq1revnld9] .paper-transparent {
  background: css-color-var(global-RGBA-transparent);
}

.subtotal-divider[b-aq1revnld9] {
  border: solid 1px css-color-var(global-grey);
}

[b-aq1revnld9] .money-item {
  align-self: flex-end;
  margin-left: auto;
}

[b-aq1revnld9] .ticket-panels-icon {
  fill: css-color-var(global-fullblack);
}
[b-aq1revnld9] .ticket-panels-icon.resize-it {
  font-size: 3.5rem !important;
}

[b-aq1revnld9] .title-row {
  grid-template-columns: 1fr 4fr 2fr;
  grid-column-gap: 10px !important;
  display: grid !important;
}

[b-aq1revnld9] .ticket-package-panel .mud-expand-panel-content {
  padding-right: 0px !important;
}
[b-aq1revnld9] .ticket-package-panel .mud-expand-panel-header {
  padding-right: 0px !important;
}

/*# sourceMappingURL=PackageTicketComponent.razor.css.map */
/* /Components/Ticket/ServiceTicketComponent.razor.rz.scp.css */
:root[b-qapauoy7wq] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

[b-qapauoy7wq] .paper-transparent {
  background: var(--color-global-RGBA-transparent);
}

.subtotal-divider[b-qapauoy7wq] {
  border: solid 1px var(--color-global-grey);
}

[b-qapauoy7wq] .money-item {
  align-self: flex-end;
  margin-left: auto;
}

[b-qapauoy7wq] .ticket-panels-icon {
  fill: var(--color-global-fullblack);
}
[b-qapauoy7wq] .ticket-panels-icon.resize-it {
  font-size: 3.5rem !important;
}

[b-qapauoy7wq] .title-row {
  grid-template-columns: 1fr 4fr 2fr;
  grid-column-gap: 10px !important;
  display: grid !important;
}

[b-qapauoy7wq] .ticket-service-panel .mud-expand-panel-content {
  padding-right: 0px !important;
}
[b-qapauoy7wq] .ticket-service-panel .mud-expand-panel-header {
  padding-right: 0px !important;
}

/*# sourceMappingURL=ServiceTicketComponent.razor.css.map */
/* /Components/Ticket/TicketComponent.razor.rz.scp.css */
:root[b-yrt8m89c1k] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

.outer-wrapper[b-yrt8m89c1k] {
  filter: drop-shadow(0px 10px 14px var(--color-global-RGBA-black-40));
}

.ticket-wrapper[b-yrt8m89c1k] {
  --mask: conic-gradient(from -32.5deg at bottom, css-color-var(global-fullblack), css-color-var(global-fullblack) 1deg 64deg, css-color-var(global-fullblack) 65deg) 50%/15px 101%;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  background: url(./assets/img/ticket-paper.webp) no-repeat;
  padding: 10px;
}

[b-yrt8m89c1k] .ticket {
  margin: 20px;
  background: url(./assets/img/ticket-paper.webp) no-repeat;
}
[b-yrt8m89c1k] .ticket * {
  font-family: "VT323", monospace !important;
}

[b-yrt8m89c1k] .ticket-row {
  justify-content: space-between;
}

/*# sourceMappingURL=TicketComponent.razor.css.map */
/* /Components/Ticket/TicketHeaderComponent.razor.rz.scp.css */
:root[b-xadac85zcx] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

.ticket-header-wrapper[b-xadac85zcx] {
  border: 1px solid var(--color-global-RGBA-grey-2-31);
  border-radius: 8px;
  padding: 12px 12px 12px 12px;
}

[b-xadac85zcx] .money-item {
  align-self: flex-end;
  margin-left: auto;
}

[b-xadac85zcx] .ticket-header-row {
  width: 100%;
  grid-template-columns: 1fr 2fr;
  grid-column-gap: 10px !important;
  display: grid !important;
}

[b-xadac85zcx] .ticket-header-row.coins-header {
  grid-template-columns: 1fr 2fr 1fr !important;
}

[b-xadac85zcx] .ticket-header-container {
  gap: 0 !important;
}

[b-xadac85zcx] .to-win {
  margin-left: -15px;
}

[b-xadac85zcx] .cima-coins-icon {
  font-size: 8rem;
  height: auto;
  filter: drop-shadow(3px 3px 2px var(--color-global-RGBA-black-50));
}

[b-xadac85zcx] .ticket-actions {
  padding-top: 10px;
}

[b-xadac85zcx] .save-button {
  font-size: 1.2rem;
}

[b-xadac85zcx] .download-button {
  width: 50%;
  font-size: 1.2rem;
}

[b-xadac85zcx] .button-inner-row {
  align-items: center;
}

[b-xadac85zcx] .whatsapp-button {
  background-color: #25D366;
  color: white;
}
[b-xadac85zcx] .whatsapp-button.half-size {
  width: 50%;
}
[b-xadac85zcx] .whatsapp-button.full-size {
  width: 100%;
}
[b-xadac85zcx] .whatsapp-button:hover {
  background-color: #075E54;
}

[b-xadac85zcx] .whatsapp-icon {
  fill: white !important;
}

[b-xadac85zcx] .cima-coins-check.resize-it .mud-icon-root {
  font-size: 2.5rem;
}

/*# sourceMappingURL=TicketHeaderComponent.razor.css.map */
/* /Pages/Agreement/AcceptAgreement.razor.rz.scp.css */
:root[b-sdekp1ata9] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

[b-sdekp1ata9] .internal-cima-icon {
  font-size: 4rem;
}
[b-sdekp1ata9] .internal-cima-icon #cima-logo-outline {
  fill: white;
}
[b-sdekp1ata9] .internal-cima-icon #cima-logo-middle {
  fill: white;
}
[b-sdekp1ata9] .internal-cima-icon #cima-logo-triangle-left {
  fill: white;
}
[b-sdekp1ata9] .internal-cima-icon #cima-logo-triangle-right {
  fill: white;
}
[b-sdekp1ata9] .internal-cima-icon #cima-logo-triangle-top {
  fill: white;
}

[b-sdekp1ata9] .internal-bafar-icon #mane-gold {
  fill: var(--color-global-fullwhite);
}
[b-sdekp1ata9] .internal-bafar-icon #face-blue {
  fill: var(--color-global-RGBA-transparent);
}

[b-sdekp1ata9] .card-header {
  background-color: var(--color-primary);
  align-items: center;
  box-shadow: 0 8px 10px 3px var(--color-global-RGBA-black-16);
}

[b-sdekp1ata9] .agreement-supporting-text {
  margin-left: auto;
  text-align: right;
}

[b-sdekp1ata9] .internal-shipping-icon #red-group {
  fill: white;
}
[b-sdekp1ata9] .internal-shipping-icon #blue-group {
  fill: white;
}

[b-sdekp1ata9] .inner-card {
  align-items: center;
  height: 100%;
  justify-content: center;
  padding: 40px;
}

[b-sdekp1ata9] .card-info-container {
  align-items: center;
}

.indicator[b-sdekp1ata9] {
  width: 8px;
  height: 130%;
}
.indicator.indicator-ok[b-sdekp1ata9] {
  background-color: var(--color-global-green-success);
}
.indicator.indicator-error[b-sdekp1ata9] {
  background-color: var(--color-global-red-error);
}

[b-sdekp1ata9] .agreement-header-text {
  color: var(--color-global-fullwhite);
  text-align: left;
}

[b-sdekp1ata9] .data-card {
  flex-direction: column;
  display: flex;
  left: 0;
  margin: auto;
  top: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  overflow: hidden;
  z-index: 10;
}

[b-sdekp1ata9] .download-button {
  font-size: 1.2rem;
}

[b-sdekp1ata9] .button-inner-row {
  align-items: center;
}

.waves-header[b-sdekp1ata9] {
  display: grid;
  height: 600px;
  width: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgb(34, 43, 62) 0%, rgb(0, 172, 193) 100%);
  /*animation: color-change-3x 10s linear infinite alternate both;*/
}

.waves-container[b-sdekp1ata9] {
  align-self: flex-end;
}

.waves[b-sdekp1ata9] {
  position: relative;
  width: 100%;
  height: 30vh;
  margin-bottom: -7px;
  /*Fix for safari gap*/
  min-height: 100px;
  max-height: 170px;
}

/* Animation */
.parallax > use[b-sdekp1ata9] {
  animation: move-forever-b-sdekp1ata9 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax > use:nth-child(1)[b-sdekp1ata9] {
  animation-delay: -2s;
  animation-duration: 7s;
}

.parallax > use:nth-child(2)[b-sdekp1ata9] {
  animation-delay: -3s;
  animation-duration: 10s;
}

.parallax > use:nth-child(3)[b-sdekp1ata9] {
  animation-delay: -4s;
  animation-duration: 13s;
}

.parallax > use:nth-child(4)[b-sdekp1ata9] {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever-b-sdekp1ata9 {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves[b-sdekp1ata9] {
    height: 40px;
    min-height: 40px;
  }
}

/*# sourceMappingURL=AcceptAgreement.razor.css.map */
/* /Pages/EstimationProcess/Estimation.razor.rz.scp.css */
@charset "UTF-8";
:root[b-s6rpzkctib] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de efectos CSS
*/
[b-s6rpzkctib] .floating-bill {
  justify-content: flex-start;
  z-index: 20;
  position: absolute;
  bottom: 50vh;
  right: 35vw;
  border-radius: 30px 0px 0px 30px;
  width: 30px;
}

[b-s6rpzkctib] .mobile-floating-bill {
  z-index: 1302;
  position: fixed;
  bottom: 8px;
  left: 8px;
  padding: 0;
  margin: 0;
  min-height: 80px;
  min-width: 80px;
}
[b-s6rpzkctib] .mobile-floating-bill .mud-icon-root {
  font-size: 6rem;
}

[b-s6rpzkctib] .need-info {
  border: 1px solid var(--color-global-red-error);
}

[b-s6rpzkctib] .all-clear {
  border: 1px solid var(--color-global-green-success);
}

[b-s6rpzkctib] .title-stack {
  align-items: center;
}

[b-s6rpzkctib] .title-icon {
  stroke: var(--color-secondary);
  fill: var(--color-secondary) !important;
}

.estimation-wrapper[b-s6rpzkctib] {
  display: flex;
  align-items: center;
  justify-content: center;
}

[b-s6rpzkctib] .drawer-card {
  position: absolute;
  top: -100vh;
}

[b-s6rpzkctib] .bill-drawer {
  overflow: visible;
}

[b-s6rpzkctib] .paper-grey {
  border-radius: 15px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-image: linear-gradient(to bottom, #fff, var(--color-global-theme-grey));
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

[b-s6rpzkctib] .service-trace {
  align-self: flex-start;
}

[b-s6rpzkctib] .group-data-card {
  padding: 20px;
  margin: 20px 0px;
}

[b-s6rpzkctib] .container-input {
  align-items: center;
}

[b-s6rpzkctib] .subservices-divider {
  opacity: 1;
  align-self: center;
  width: 100%;
  background-color: var(--color-global-grey);
  height: 1px;
  -webkit-filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
  filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
}

[b-s6rpzkctib] .grey-text {
  color: var(--color-global-grey);
}

[b-s6rpzkctib] .grey-icon {
  fill: var(--color-global-grey) !important;
}

[b-s6rpzkctib] .breadcrumb-icon {
  fill: var(--color-tertiary) !important;
}

[b-s6rpzkctib] .mud-breadcrumb-item.mud-disabled > a {
  color: black !important;
}

[b-s6rpzkctib] .mud-breadcrumb-item.mud-disabled {
  font-size: 1.8rem !important;
}

/*# sourceMappingURL=Estimation.razor.css.map */
/* /Pages/EstimationProcess/ReadOnlyQuotation.razor.rz.scp.css */
@charset "UTF-8";
:root[b-9o9ta5l9lt] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de efectos CSS
*/
[b-9o9ta5l9lt] .floating-bill {
  justify-content: flex-start;
  z-index: 20;
  position: absolute;
  bottom: 50vh;
  right: 35vw;
  border-radius: 30px 0px 0px 30px;
  width: 30px;
}

[b-9o9ta5l9lt] .mobile-floating-bill {
  z-index: 1302;
  position: fixed;
  bottom: 8px;
  left: 8px;
  padding: 0;
  margin: 0;
  min-height: 80px;
  min-width: 80px;
}
[b-9o9ta5l9lt] .mobile-floating-bill .mud-icon-root {
  font-size: 6rem;
}

[b-9o9ta5l9lt] .need-info {
  border: 1px solid red;
}

[b-9o9ta5l9lt] .all-clear {
  border: 1px solid green;
}

[b-9o9ta5l9lt] .title-stack {
  align-items: center;
}

[b-9o9ta5l9lt] .title-icon {
  stroke: var(--color-secondary);
  fill: var(--color-secondary) !important;
}

.estimation-wrapper[b-9o9ta5l9lt] {
  display: flex;
  align-items: center;
  justify-content: center;
}

[b-9o9ta5l9lt] .drawer-card {
  position: absolute;
  top: -100vh;
}

[b-9o9ta5l9lt] .bill-drawer {
  overflow: visible;
}
[b-9o9ta5l9lt] .bill-drawer.view-pcg {
  bottom: 0vh !important;
}

[b-9o9ta5l9lt] .paper-grey {
  border-radius: 15px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-image: linear-gradient(to bottom, #fff, var(--color-global-theme-grey));
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

[b-9o9ta5l9lt] .service-trace {
  align-self: flex-start;
}

[b-9o9ta5l9lt] .group-data-card {
  padding: 20px;
  margin: 20px 0px;
}

[b-9o9ta5l9lt] .container-input {
  align-items: center;
}

[b-9o9ta5l9lt] .subservices-divider {
  opacity: 1;
  align-self: center;
  width: 100%;
  background-color: var(--color-global-grey);
  height: 1px;
  -webkit-filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
  filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
}

[b-9o9ta5l9lt] .grey-text {
  color: var(--color-global-grey);
}

[b-9o9ta5l9lt] .grey-icon {
  fill: var(--color-global-grey) !important;
}

[b-9o9ta5l9lt] .breadcrumb-icon {
  fill: var(--color-tertiary) !important;
}

[b-9o9ta5l9lt] .mud-breadcrumb-item.mud-disabled > a {
  color: black !important;
}

[b-9o9ta5l9lt] .mud-breadcrumb-item.mud-disabled {
  font-size: 1.8rem !important;
}

/*# sourceMappingURL=ReadOnlyQuotation.razor.css.map */
/* /Pages/MainPage/Index.razor.rz.scp.css */
@charset "UTF-8";
:root[b-5gspnu5o9j] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/*
    Módulo global de efectos CSS
*/
[b-5gspnu5o9j] .main-container {
  padding: 0px !important;
  margin: 0px !important;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.secondary-container[b-5gspnu5o9j] {
  width: 100%;
  margin-bottom: 50px;
  margin-top: -40px;
  z-index: 1;
}

.page-title-wrapper[b-5gspnu5o9j] {
  display: flex;
  flex-direction: column;
  max-width: min-content;
}

.top-level[b-5gspnu5o9j] {
  width: 100%;
}

.global-wrapper[b-5gspnu5o9j] {
  z-index: 1200;
  position: absolute;
  height: 100%;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.main-text-wrapper[b-5gspnu5o9j] {
  z-index: 10;
  background: var(--color-global-RGBA-grey-25);
  box-shadow: 0px 0px 0px 40px var(--color-global-RGBA-grey-25);
  position: absolute;
  display: flex;
  flex-direction: row;
  margin-top: 10rem;
  margin-left: 7rem;
}

.mobile-main-text-wrapper[b-5gspnu5o9j] {
  z-index: 10;
  background: var(--color-global-RGBA-grey-25);
  box-shadow: 0px 0px 0px 15px var(--color-global-RGBA-grey-25);
  position: absolute;
  display: flex;
  flex-direction: row;
  margin-top: 4rem;
  margin-left: 5rem;
}

.inner-text-wrapper[b-5gspnu5o9j] {
  display: flex;
  flex-direction: column;
}

.single-wrapper[b-5gspnu5o9j] {
  display: flex;
  min-width: max-content;
}

.text-mini-wrapper[b-5gspnu5o9j] {
  min-width: 56rem;
}

[b-5gspnu5o9j] .title-button {
  max-width: max-content;
  border: 2px solid var(--color-secondary-text-red);
  color: var(--color-global-fullwhite);
  margin-top: 20px;
}
[b-5gspnu5o9j] .title-button.resize-it {
  font-size: 1.5rem;
}
[b-5gspnu5o9j] .title-button:hover {
  background-color: var(--color-secondary) !important;
}

[b-5gspnu5o9j] .title-button-shipping {
  max-width: max-content;
  border: 2px solid var(--color-primary-darken);
  color: var(--color-global-fullwhite);
  margin-top: 20px;
}
[b-5gspnu5o9j] .title-button-shipping.resize-it {
  font-size: 1.5rem;
}
[b-5gspnu5o9j] .title-button-shipping:hover {
  background-color: var(--color-primary) !important;
}

[b-5gspnu5o9j] .title-text {
  text-shadow: -3px 3px 4px rgba(150, 150, 150, 0.3);
}
[b-5gspnu5o9j] .title-text.t-blue {
  color: var(--color-primary-text-blue);
}
[b-5gspnu5o9j] .title-text.t-white {
  color: var(--color-global-fullwhite);
}
[b-5gspnu5o9j] .title-text.t-red {
  color: var(--color-secondary-text-red);
}
[b-5gspnu5o9j] .title-text.mini {
  color: var(--color-global-fullwhite);
}
[b-5gspnu5o9j] .title-text.t-gold {
  color: var(--color-tertiary-darken);
}

.h-spacer[b-5gspnu5o9j] {
  width: 6rem;
}
.h-spacer.resize-it[b-5gspnu5o9j] {
  width: 15px;
}

[b-5gspnu5o9j] .icon-cima-square {
  font-size: 4rem;
}

[b-5gspnu5o9j] .subtitle {
  color: black;
  margin-left: 7%;
}

.search-component-wrapper[b-5gspnu5o9j] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

[b-5gspnu5o9j] .button-back {
  margin-bottom: 20px;
  align-self: flex-start;
}
[b-5gspnu5o9j] .button-back.resize-it {
  font-size: 1.5rem;
}

[b-5gspnu5o9j] .paper-grey {
  border-radius: 15px;
  background-image: linear-gradient(to bottom, var(--color-global-fullwhite), var(--color-global-theme-grey));
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.base-component-wrapper[b-5gspnu5o9j] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.switching-component-wrapper[b-5gspnu5o9j] {
  justify-content: center;
  display: flex;
  flex-direction: column;
}

[b-5gspnu5o9j] .card-package {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: visible;
  /*max-width: 350px;
  max-height: 240px;*/
  -webkit-filter: drop-shadow(4px 4px 5px var(--color-global-RGBA-black-50));
  filter: drop-shadow(4px 4px 5px var(--color-global-RGBA-black-50));
  height: 100%;
}

@-webkit-keyframes shadow-pop-tr {
  0% {
    -webkit-box-shadow: 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken);
    box-shadow: 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-box-shadow: 1px -1px var(--color-primary-darken), 2px -2px var(--color-primary-darken), 3px -3px var(--color-primary-darken), 4px -4px;
    box-shadow: 1px -1px var(--color-primary-darken), 2px -2px var(--color-primary-darken), 3px -3px var(--color-primary-darken), 4px -4px var(--color-primary-darken);
    -webkit-transform: translateX(-4px) translateY(4px);
    transform: translateX(-4px) translateY(4px);
  }
}
@keyframes shadow-pop-tr-b-5gspnu5o9j {
  0% {
    -webkit-box-shadow: 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken);
    box-shadow: 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken), 0 0 var(--color-primary-darken);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-box-shadow: 1px -1px var(--color-primary-darken), 2px -2px var(--color-primary-darken), 3px -3px var(--color-primary-darken), 4px -4px;
    box-shadow: 1px -1px var(--color-primary-darken), 2px -2px var(--color-primary-darken), 3px -3px var(--color-primary-darken), 4px -4px var(--color-primary-darken);
    -webkit-transform: translateX(-4px) translateY(4px);
    transform: translateX(-4px) translateY(4px);
  }
}
@-webkit-keyframes color-change-2x {
  0% {
    background: var(--color-global-fullwhite);
  }
  100% {
    background: var(--color-primary-lighten);
  }
}
@keyframes color-change-2x-b-5gspnu5o9j {
  0% {
    background: var(--color-global-fullwhite);
  }
  100% {
    background: var(--color-primary-lighten);
  }
}
@-webkit-keyframes float-color-change-2x {
  0% {
    background: var(--color-primary-lighten-2);
  }
  100% {
    background: var(--color-tertiary);
  }
}
@keyframes float-color-change-2x-b-5gspnu5o9j {
  0% {
    background: var(--color-primary-lighten-2);
  }
  100% {
    background: var(--color-tertiary);
  }
}
@-webkit-keyframes font-color-change-title-2x {
  0% {
    color: var(--color-primary-lighten-2);
  }
  100% {
    color: var(--color-global-fullwhite);
  }
}
@keyframes font-color-change-title-2x-b-5gspnu5o9j {
  0% {
    color: var(--color-primary-lighten-2);
  }
  100% {
    color: var(--color-global-fullwhite);
  }
}
@-webkit-keyframes font-color-change-body-2x {
  0% {
    color: var(--color-global-fullblack);
  }
  100% {
    color: var(--color-global-fullwhite);
  }
}
@keyframes font-color-change-body-2x-b-5gspnu5o9j {
  0% {
    color: var(--color-global-fullblack);
  }
  100% {
    color: var(--color-global-fullwhite);
  }
}
.floating-card-chip[b-5gspnu5o9j] {
  position: absolute;
  height: 70px;
  width: 70px;
  border-radius: 70px;
  background-color: var(--color-primary-lighten-2);
  margin-top: -12px;
  margin-left: -12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

[b-5gspnu5o9j] .card-text.title {
  color: var(--color-primary-lighten-2);
  padding-top: 12px;
  padding-left: 74px;
}
[b-5gspnu5o9j] .card-text.body {
  padding-left: 4px;
  color: black;
  text-align: left;
  grid-column-start: 2;
  align-self: start;
}

[b-5gspnu5o9j] .card-bullet {
  font-size: 0.75rem;
}

[b-5gspnu5o9j] .chip-text-icon {
  fill: var(--color-global-fullwhite) !important;
  stroke: var(--color-global-fullwhite);
}

[b-5gspnu5o9j] .card-package-content {
  flex-grow: 1;
  padding-top: 6px;
  padding-bottom: 8px;
  align-items: center;
  position: relative;
}

.card-package-row[b-5gspnu5o9j] {
  display: flex;
  align-items: center;
  padding-left: 56px;
}

.complex-selector-main[b-5gspnu5o9j] {
  display: flex;
  justify-content: center;
}

[b-5gspnu5o9j] .breadcrumb-icon {
  fill: var(--color-tertiary) !important;
}

[b-5gspnu5o9j] .mud-breadcrumb-item.mud-disabled > a {
  color: black !important;
}

[b-5gspnu5o9j] .mud-breadcrumb-item.mud-disabled {
  font-size: 1rem !important;
}

[b-5gspnu5o9j] .package-item-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-global-fullwhite);
  background: var(--color-secondary);
  padding: 8px;
}

[b-5gspnu5o9j] .service-search-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

[b-5gspnu5o9j] .package-search-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

[b-5gspnu5o9j] .service-item-icon {
  stroke: var(--color-tertiary);
  fill: var(--color-tertiary) !important;
}
[b-5gspnu5o9j] .service-item-icon.resize-it {
  font-size: 3.5rem;
}

[b-5gspnu5o9j] .search-service-button-icon {
  color: var(--color-tertiary);
  margin: 0px !important;
  margin-inline: 0px !important;
}

[b-5gspnu5o9j] .search-package-button-icon {
  color: var(--color-tertiary);
  margin: 0px !important;
  margin-inline: 0px !important;
}

[b-5gspnu5o9j] .package-item-icon {
  stroke: var(--color-tertiary);
  fill: var(--color-tertiary) !important;
}
[b-5gspnu5o9j] .package-item-icon.resize-it {
  font-size: 3.5rem;
}

.search-engine-wrapper[b-5gspnu5o9j] {
  justify-content: center;
  align-items: center;
}

[b-5gspnu5o9j] .service-trace.resize-it .mud-breadcrumb-item a {
  font-size: 1.5rem;
}

[b-5gspnu5o9j] .breadcrumb-icon.resize-it {
  font-size: 1.6rem;
}

[b-5gspnu5o9j] .service-item-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-global-fullwhite);
  background: var(--color-primary);
  padding: 8px;
}

[b-5gspnu5o9j] .card-package:hover {
  -webkit-animation: shadow-pop-tr 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) normal both, color-change-2x 0.3s linear alternate both;
  animation: shadow-pop-tr-b-5gspnu5o9j 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) normal both, color-change-2x-b-5gspnu5o9j 0.3s linear alternate both;
}
[b-5gspnu5o9j] .card-package:hover .card-text.title {
  -webkit-animation: font-color-change-title-2x 0.3s linear alternate both;
  animation: font-color-change-title-2x-b-5gspnu5o9j 0.3s linear alternate both;
}
[b-5gspnu5o9j] .card-package:hover .card-text.body {
  -webkit-animation: font-color-change-body-2x 0.3s linear alternate both;
  animation: font-color-change-body-2x-b-5gspnu5o9j 0.3s linear alternate both;
}
[b-5gspnu5o9j] .card-package:hover .mobile-card-text.title {
  -webkit-animation: font-color-change-title-2x 0.3s linear alternate both;
  animation: font-color-change-title-2x-b-5gspnu5o9j 0.3s linear alternate both;
}
[b-5gspnu5o9j] .card-package:hover .mobile-card-text.body {
  -webkit-animation: font-color-change-body-2x 0.3s linear alternate both;
  animation: font-color-change-body-2x-b-5gspnu5o9j 0.3s linear alternate both;
}
[b-5gspnu5o9j] .card-package:hover .card-package-button {
  color: var(--color-global-fullwhite);
}
[b-5gspnu5o9j] .card-package:hover .floating-card-chip {
  -webkit-animation: float-color-change-2x 0.3s linear alternate both;
  animation: float-color-change-2x-b-5gspnu5o9j 0.3s linear alternate both;
}

[b-5gspnu5o9j] .card-package-button {
  position: absolute;
  bottom: 0;
  right: 0;
  color: var(--color-primary);
  background: var(--color-global-RGBA-transparent);
}

[b-5gspnu5o9j] .card-package-button-icon {
  color: var(--color-tertiary);
}

[b-5gspnu5o9j] .card-package-header {
  padding: 0px;
}

.search-container[b-5gspnu5o9j] {
  margin-top: -30px;
  z-index: 3;
  background: var(--color-global-RGBA-transparent);
  border: 0px;
  border-radius: 5px;
  width: 40%;
  -webkit-box-shadow: 0px 3px 6px 0px var(--color-global-fullblack);
  box-shadow: 0px 3px 6px 0px var(--color-global-fullblack);
}
.search-container.resize-it[b-5gspnu5o9j] {
  width: 70%;
}

[b-5gspnu5o9j] .services-search {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  background: var(--color-global-fullwhite);
  border-radius: 5px;
}
[b-5gspnu5o9j] .services-search.resize-it .mud-input-adornment .mud-icon-root {
  font-size: 3rem;
}
[b-5gspnu5o9j] .services-search.resize-it .mud-input-slot {
  font-size: 2rem;
}

[b-5gspnu5o9j] .divider-first {
  opacity: 1;
  width: 70%;
  align-self: center;
  background-color: var(--color-global-grey);
  margin-top: 70px;
  margin-bottom: 25px;
  height: 1px;
  -webkit-filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
  filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
}

[b-5gspnu5o9j] .divider-mid {
  opacity: 1;
  width: 70%;
  align-self: center;
  background-color: var(--color-global-grey);
  margin-top: 25px;
  margin-bottom: 25px;
  height: 1px;
  -webkit-filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
  filter: drop-shadow(0px 5px 5px var(--color-global-RGBA-black-16));
}

[b-5gspnu5o9j] .services-container {
  max-width: 1800px;
}

[b-5gspnu5o9j] .floating-cart {
  overflow: visible;
  z-index: 20;
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  min-height: 80px;
  min-width: 80px;
}
[b-5gspnu5o9j] .floating-cart .mud-button-label {
  position: relative;
}
[b-5gspnu5o9j] .floating-cart .cart-badge {
  position: absolute;
  top: -10px;
  left: 4%;
}

[b-5gspnu5o9j] .internal-floating-icon {
  stroke: var(--color-global-fullwhite);
  font-size: 42px;
}

[b-5gspnu5o9j] .cart-boxes {
  overflow: visible;
  z-index: 19;
  font-size: 42px;
  position: fixed;
  bottom: 130px;
  right: 40px;
  stroke: var(--color-secondary);
}

/*# sourceMappingURL=Index.razor.css.map */
/* /Pages/Session/Login.razor.rz.scp.css */
:root[b-fqvb4hi5mx] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

@keyframes bounceInDown-b-fqvb4hi5mx {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
[b-fqvb4hi5mx] .bounceInDown {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-name: bounceInDown-b-fqvb4hi5mx;
}

.carousel-internal[b-fqvb4hi5mx] {
  width: 100%;
  height: 100vh;
}

[b-fqvb4hi5mx] .main-carousel {
  height: 700px;
}

.waves-header[b-fqvb4hi5mx] {
  display: grid;
  height: 700px;
  width: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgb(34, 43, 62) 0%, rgb(0, 172, 193) 100%);
  /*animation: color-change-3x 10s linear infinite alternate both;*/
}

.waves-container[b-fqvb4hi5mx] {
  align-self: flex-end;
}

.waves[b-fqvb4hi5mx] {
  position: relative;
  width: 100%;
  height: 30vh;
  margin-bottom: -7px;
  /*Fix for safari gap*/
  min-height: 100px;
  max-height: 170px;
}

/* Animation */
.parallax > use[b-fqvb4hi5mx] {
  animation: move-forever-b-fqvb4hi5mx 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax > use:nth-child(1)[b-fqvb4hi5mx] {
  animation-delay: -2s;
  animation-duration: 7s;
}

.parallax > use:nth-child(2)[b-fqvb4hi5mx] {
  animation-delay: -3s;
  animation-duration: 10s;
}

.parallax > use:nth-child(3)[b-fqvb4hi5mx] {
  animation-delay: -4s;
  animation-duration: 13s;
}

.parallax > use:nth-child(4)[b-fqvb4hi5mx] {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever-b-fqvb4hi5mx {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves[b-fqvb4hi5mx] {
    height: 40px;
    min-height: 40px;
  }
}
.content-wrapper[b-fqvb4hi5mx] {
  height: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0px 20px;
  padding-top: 50px;
}

[b-fqvb4hi5mx] .main-content {
  z-index: 30;
  width: 60%;
  align-items: center;
}
[b-fqvb4hi5mx] .main-content.is-mobile {
  width: 100%;
}

[b-fqvb4hi5mx] .login-component {
  width: 50%;
}
[b-fqvb4hi5mx] .login-component.is-mobile {
  width: 100%;
}

[b-fqvb4hi5mx] .button-go-back {
  width: 35%;
  padding: 0.7rem 0.5rem;
}
[b-fqvb4hi5mx] .button-go-back.resize-it {
  font-size: 2rem;
}

/*# sourceMappingURL=Login.razor.css.map */
/* /Pages/Session/Register.razor.rz.scp.css */
:root[b-0kgeknxb0g] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

@keyframes bounceInDown-b-0kgeknxb0g {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
[b-0kgeknxb0g] .bounceInDown {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-name: bounceInDown-b-0kgeknxb0g;
}

.carousel-internal[b-0kgeknxb0g] {
  width: 100%;
  height: 100vh;
}

[b-0kgeknxb0g] .main-carousel {
  height: 900px;
}

.waves-header[b-0kgeknxb0g] {
  display: grid;
  height: 900px;
  width: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgb(34, 43, 62) 0%, rgb(0, 172, 193) 100%);
  /*animation: color-change-3x 10s linear infinite alternate both;*/
}

.waves-container[b-0kgeknxb0g] {
  align-self: flex-end;
}

.waves[b-0kgeknxb0g] {
  position: relative;
  width: 100%;
  height: 30vh;
  margin-bottom: -7px;
  /*Fix for safari gap*/
  min-height: 100px;
  max-height: 170px;
}

/* Animation */
.parallax > use[b-0kgeknxb0g] {
  animation: move-forever-b-0kgeknxb0g 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax > use:nth-child(1)[b-0kgeknxb0g] {
  animation-delay: -2s;
  animation-duration: 7s;
}

.parallax > use:nth-child(2)[b-0kgeknxb0g] {
  animation-delay: -3s;
  animation-duration: 10s;
}

.parallax > use:nth-child(3)[b-0kgeknxb0g] {
  animation-delay: -4s;
  animation-duration: 13s;
}

.parallax > use:nth-child(4)[b-0kgeknxb0g] {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever-b-0kgeknxb0g {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves[b-0kgeknxb0g] {
    height: 40px;
    min-height: 40px;
  }
}
.content-wrapper[b-0kgeknxb0g] {
  height: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0px 20px;
  padding-top: 50px;
}

[b-0kgeknxb0g] .main-content {
  z-index: 30;
  width: 60%;
  align-items: center;
}
[b-0kgeknxb0g] .main-content.is-mobile {
  width: 100%;
}

[b-0kgeknxb0g] .button-go-back {
  width: 35%;
  padding: 0.7rem 0.5rem;
}
[b-0kgeknxb0g] .button-go-back.resize-it {
  font-size: 2rem;
}

/*# sourceMappingURL=Register.razor.css.map */
/* /Pages/Session/UserQuotations.razor.rz.scp.css */
@charset "UTF-8";
:root[b-e8stsylip0] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
.quotations_wrapper[b-e8stsylip0] {
  padding-top: 10px;
  display: flex;
  justify-content: center;
}

[b-e8stsylip0] .paper-grey {
  border-radius: 15px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-image: linear-gradient(to bottom, var(--color-global-fullwhite), var(--color-global-theme-grey));
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

[b-e8stsylip0] .list-actions {
  margin-left: auto;
}

[b-e8stsylip0] .list-row {
  padding: 8px;
  display: flex;
}
[b-e8stsylip0] .list-row:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
  animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
}

.inner-row[b-e8stsylip0] {
  width: 80.35%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

[b-e8stsylip0] .pager-header-wrapper {
  padding: 8px;
  width: 80.5%;
}

.pager-header[b-e8stsylip0] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

[b-e8stsylip0] .grid-item:hover {
  -webkit-animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
  animation: card-popup 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;
}

/*# sourceMappingURL=UserQuotations.razor.css.map */
/* /Shared/Footer.razor.rz.scp.css */
:root[b-qaxwmawi4n] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

.footer[b-qaxwmawi4n] {
  bottom: 0;
  width: 100%;
  background: var(--color-primary);
  padding: 30px;
}

[b-qaxwmawi4n] .internal-bafar-icon #mane-gold {
  fill: var(--color-global-fullwhite);
}
[b-qaxwmawi4n] .internal-bafar-icon #face-blue {
  fill: var(--color-global-RGBA-transparent);
}

[b-qaxwmawi4n] .internal-shipping-icon #red-group {
  fill: var(--color-global-fullwhite);
}
[b-qaxwmawi4n] .internal-shipping-icon #blue-group {
  fill: var(--color-global-fullwhite);
}

[b-qaxwmawi4n] .internal-cima-icon {
  font-size: 4rem;
}
[b-qaxwmawi4n] .internal-cima-icon #cima-logo-outline {
  fill: var(--color-global-fullwhite);
}
[b-qaxwmawi4n] .internal-cima-icon #cima-logo-middle {
  fill: var(--color-global-fullwhite);
}
[b-qaxwmawi4n] .internal-cima-icon #cima-logo-triangle-left {
  fill: var(--color-global-fullwhite);
}
[b-qaxwmawi4n] .internal-cima-icon #cima-logo-triangle-right {
  fill: var(--color-global-fullwhite);
}
[b-qaxwmawi4n] .internal-cima-icon #cima-logo-triangle-top {
  fill: var(--color-global-fullwhite);
}

.footer-top[b-qaxwmawi4n] {
  display: flex;
  flex-direction: row;
  height: 80%;
  width: 100%;
  padding-bottom: 20px;
}

.left-footer-container[b-qaxwmawi4n] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 10px;
  width: 30%;
}

.right-footer-container[b-qaxwmawi4n] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 10px;
  width: 70%;
  padding-left: 30px;
}

[b-qaxwmawi4n] .footer-text {
  color: var(--color-global-fullwhite);
}

.footer-bottom[b-qaxwmawi4n] {
  padding-top: 25px;
}

.foter-icon-container[b-qaxwmawi4n] {
  display: flex;
  align-items: center;
}

/*# sourceMappingURL=Footer.razor.css.map */
/* /Shared/LanguageSelector.razor.rz.scp.css */
@font-face {
  font-family: "FDF-Icons";
  src: url("/fonts/FDF-Icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[b-h9y9f96gm0] .e-dropdown-btn.e-custom {
  height: 60px;
  width: 40px;
  padding: 0px;
  background: none;
  border: none;
  box-shadow: none !important;
}
[b-h9y9f96gm0] .e-dropdown-btn.e-custom .icon {
  font-family: "FDF-Icons" !important;
  margin: 0px;
  padding: 0px;
  width: unset;
  font-size: 28px;
}

[b-h9y9f96gm0] .e-dropdown-btn.e-custom .sf-icon-globe-wf::before {
  content: "\e700";
}

/*# sourceMappingURL=LanguageSelector.razor.css.map */
/* /Shared/MainLayout.razor.rz.scp.css */
@charset "UTF-8";
:root[b-0p8w4hn5bp] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
.holder[b-0p8w4hn5bp] {
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1303;
}

[b-0p8w4hn5bp] .mobile-drawer {
  background-color: var(--color-primary) !important;
}

@-webkit-keyframes color-change-wh-bl {
  0% {
    fill: var(--color-global-fullwhite);
  }
  100% {
    fill: var(--color-CIMA-blue);
  }
}
@keyframes color-change-wh-bl-b-0p8w4hn5bp {
  0% {
    fill: var(--color-global-fullwhite);
  }
  100% {
    fill: var(--color-CIMA-blue);
  }
}
@-webkit-keyframes color-change-wh-re {
  0% {
    fill: var(--color-global-fullwhite);
  }
  100% {
    fill: var(--color-CIMA-red);
  }
}
@keyframes color-change-wh-re-b-0p8w4hn5bp {
  0% {
    fill: var(--color-global-fullwhite);
  }
  100% {
    fill: var(--color-CIMA-red);
  }
}
@-webkit-keyframes color-change-tr-bl {
  0% {
    fill: var(--color-global-RGBA-transparent);
  }
  100% {
    fill: var(--color-global-fullwhite);
  }
}
@keyframes color-change-tr-bl-b-0p8w4hn5bp {
  0% {
    fill: var(--color-global-RGBA-transparent);
  }
  100% {
    fill: var(--color-global-fullwhite);
  }
}
@-webkit-keyframes color-change-wh-gd {
  0% {
    fill: var(--color-global-fullwhite);
  }
  100% {
    fill: var(--color-tertiary);
  }
}
@keyframes color-change-wh-gd-b-0p8w4hn5bp {
  0% {
    fill: var(--color-global-fullwhite);
  }
  100% {
    fill: var(--color-tertiary);
  }
}
[b-0p8w4hn5bp] .bar-nav {
  position: relative !important;
  z-index: inherit !important;
}
[b-0p8w4hn5bp] .bar-nav:hover .internal-cima-icon #cima-logo-outline {
  -webkit-animation: color-change-wh-bl 0.6s linear alternate both;
  animation: color-change-wh-bl-b-0p8w4hn5bp 0.6s linear alternate both;
}
[b-0p8w4hn5bp] .bar-nav:hover .internal-cima-icon #cima-logo-middle {
  -webkit-animation: color-change-wh-re 0.6s linear alternate both;
  animation: color-change-wh-re-b-0p8w4hn5bp 0.6s linear alternate both;
}
[b-0p8w4hn5bp] .bar-nav:hover .internal-cima-icon #cima-logo-triangle-left {
  -webkit-animation: color-change-wh-re 0.6s linear alternate both;
  animation: color-change-wh-re-b-0p8w4hn5bp 0.6s linear alternate both;
}
[b-0p8w4hn5bp] .bar-nav:hover .internal-cima-icon #cima-logo-triangle-right {
  -webkit-animation: color-change-wh-re 0.6s linear alternate both;
  animation: color-change-wh-re-b-0p8w4hn5bp 0.6s linear alternate both;
}
[b-0p8w4hn5bp] .bar-nav:hover .internal-cima-icon #cima-logo-triangle-top {
  -webkit-animation: color-change-wh-re 0.6s linear alternate both;
  animation: color-change-wh-re-b-0p8w4hn5bp 0.6s linear alternate both;
}
[b-0p8w4hn5bp] .bar-nav:hover .internal-shipping-icon #blue-group {
  -webkit-animation: color-change-wh-bl 0.6s linear alternate both;
  animation: color-change-wh-bl-b-0p8w4hn5bp 0.6s linear alternate both;
}
[b-0p8w4hn5bp] .bar-nav:hover .internal-shipping-icon #red-group {
  -webkit-animation: color-change-wh-re 0.6s linear alternate both;
  animation: color-change-wh-re-b-0p8w4hn5bp 0.6s linear alternate both;
}
[b-0p8w4hn5bp] .bar-nav:hover .internal-bafar-icon #mane-gold {
  -webkit-animation: color-change-wh-gd 0.6s linear alternate both;
  animation: color-change-wh-gd-b-0p8w4hn5bp 0.6s linear alternate both;
}

[b-0p8w4hn5bp] .bar-info {
  height: 30px;
  background-color: var(--color-global-fullwhite) !important;
  position: relative !important;
  z-index: inherit !important;
}

[b-0p8w4hn5bp] .mud-main-content.minimal {
  padding-top: 64px !important;
}

[b-0p8w4hn5bp] .mud-main-content.max {
  padding-top: 94px !important;
}

[b-0p8w4hn5bp] .main-content-layout {
  min-height: 100vh;
}

[b-0p8w4hn5bp] .hamburger-menu-icon .mud-icon-root {
  font-size: 3.5rem;
}

/*# sourceMappingURL=MainLayout.razor.css.map */
/* /Shared/MobileMenu.razor.rz.scp.css */
:root[b-xpgzj7t70r] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

.mobile-nav-items-container[b-xpgzj7t70r] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 10px;
  padding-top: 114px;
}

[b-xpgzj7t70r] .nav-button {
  color: var(--color-global-fullwhite);
  font-size: 2.5rem;
}

[b-xpgzj7t70r] .nav-button:hover .mud-nav-link {
  color: var(--color-secondary);
}

/*# sourceMappingURL=MobileMenu.razor.css.map */
/* /Shared/MobileNavMenu.razor.rz.scp.css */
:root[b-ikkxifqluu] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

.icon-wrapper[b-ikkxifqluu] {
  margin-right: 10px;
  margin-left: 10px;
}

[b-ikkxifqluu] .internal-cima-icon {
  font-size: 4rem;
}
[b-ikkxifqluu] .internal-cima-icon #cima-logo-outline {
  fill: var(--color-global-fullwhite);
}
[b-ikkxifqluu] .internal-cima-icon #cima-logo-middle {
  fill: var(--color-global-fullwhite);
}
[b-ikkxifqluu] .internal-cima-icon #cima-logo-triangle-left {
  fill: var(--color-global-fullwhite);
}
[b-ikkxifqluu] .internal-cima-icon #cima-logo-triangle-right {
  fill: var(--color-global-fullwhite);
}
[b-ikkxifqluu] .internal-cima-icon #cima-logo-triangle-top {
  fill: var(--color-global-fullwhite);
}

[b-ikkxifqluu] .internal-shipping-icon #red-group {
  fill: var(--color-global-fullwhite);
}
[b-ikkxifqluu] .internal-shipping-icon #blue-group {
  fill: var(--color-global-fullwhite);
}

[b-ikkxifqluu] .internal-bafar-icon #mane-gold {
  fill: var(--color-global-fullwhite);
}
[b-ikkxifqluu] .internal-bafar-icon #face-blue {
  fill: var(--color-global-RGBA-transparent);
}

.language-wrapper[b-ikkxifqluu] {
  margin-left: 20px;
}

@font-face {
  font-family: "FDF-Icons";
  src: url("/fonts/FDF-Icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[b-ikkxifqluu] .e-dropdown-btn.e-custom {
  height: 60px;
  width: 40px;
  padding: 0px;
  background: none;
  border: none;
  box-shadow: none !important;
}
[b-ikkxifqluu] .e-dropdown-btn.e-custom .icon {
  font-family: "FDF-Icons" !important;
  margin: 0px;
  padding: 0px;
  width: unset;
  font-size: 22px;
}

[b-ikkxifqluu] .search-button-icon .mud-icon-root {
  font-size: 40px !important;
  fill: white !important;
}

[b-ikkxifqluu] .e-dropdown-btn.e-custom .sf-icon-user-wf::before {
  content: "\e702";
}

/*# sourceMappingURL=MobileNavMenu.razor.css.map */
/* /Shared/NavInfoItems.razor.rz.scp.css */
:root[b-pgmiw50ap5] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

[b-pgmiw50ap5] .nav-info-text {
  color: var(--color-primary);
}

[b-pgmiw50ap5] .nav-info-icon {
  fill: var(--color-secondary) !important;
}

.info-container.first[b-pgmiw50ap5] {
  padding-left: 50px;
}

.info-container[b-pgmiw50ap5] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

[b-pgmiw50ap5] .vertical-divider {
  margin-left: 20px !important;
  margin-right: 20px !important;
  height: 80% !important;
  background-color: var(--color-primary) !important;
  opacity: 1;
}

/*# sourceMappingURL=NavInfoItems.razor.css.map */
/* /Shared/NavMenuItems.razor.rz.scp.css */
:root[b-vc51y6wnn8] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

.icon-wrapper[b-vc51y6wnn8] {
  margin-right: 10px;
}

.nav-items-container[b-vc51y6wnn8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 10px;
}

[b-vc51y6wnn8] .internal-cima-icon {
  font-size: 4rem;
}
[b-vc51y6wnn8] .internal-cima-icon #cima-logo-outline {
  fill: var(--color-global-fullwhite);
}
[b-vc51y6wnn8] .internal-cima-icon #cima-logo-middle {
  fill: var(--color-global-fullwhite);
}
[b-vc51y6wnn8] .internal-cima-icon #cima-logo-triangle-left {
  fill: var(--color-global-fullwhite);
}
[b-vc51y6wnn8] .internal-cima-icon #cima-logo-triangle-right {
  fill: var(--color-global-fullwhite);
}
[b-vc51y6wnn8] .internal-cima-icon #cima-logo-triangle-top {
  fill: var(--color-global-fullwhite);
}

[b-vc51y6wnn8] .internal-shipping-icon #red-group {
  fill: var(--color-global-fullwhite);
}
[b-vc51y6wnn8] .internal-shipping-icon #blue-group {
  fill: var(--color-global-fullwhite);
}

[b-vc51y6wnn8] .internal-bafar-icon #mane-gold {
  fill: var(--color-global-fullwhite);
}
[b-vc51y6wnn8] .internal-bafar-icon #face-blue {
  fill: var(--color-global-RGBA-transparent);
}

[b-vc51y6wnn8] .nav-button {
  color: var(--color-global-fullwhite);
}

[b-vc51y6wnn8] .nav-button:hover {
  color: var(--color-secondary);
  background-color: var(--color-global-RGBA-transparent);
}

[b-vc51y6wnn8] .reg-button {
  color: var(--color-global-fullwhite);
  background: var(--color-secondary);
}

[b-vc51y6wnn8] .reg-button:hover {
  background-color: var(--color-secondary);
}

.language-wrapper[b-vc51y6wnn8] {
  margin-left: 20px;
}

/*# sourceMappingURL=NavMenuItems.razor.css.map */
/* /Shared/ReadOnlyLayout.razor.rz.scp.css */
@charset "UTF-8";
:root[b-zp6cqmpvak] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

/*
    Módulo global de animaciones CSS
*/
/*
    Función principal para generar CSS de animaciones
    toma uno o más parámetros de forma 'param 1', 'param 2', ...
    que contienen directivas de animación
*/
/*
    Función que genera el CSS para keyframes
    toma como parámetro el nombre de la animación
*/
/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
.holder[b-zp6cqmpvak] {
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1303;
}

[b-zp6cqmpvak] .no-padding {
  padding: 0px;
}

[b-zp6cqmpvak] .mobile-drawer {
  background-color: var(--color-primary) !important;
}

@-webkit-keyframes color-change-wh-bl {
  0% {
    fill: var(--color-global-fullwhite);
  }
  100% {
    fill: var(--color-CIMA-blue);
  }
}
@keyframes color-change-wh-bl-b-zp6cqmpvak {
  0% {
    fill: var(--color-global-fullwhite);
  }
  100% {
    fill: var(--color-CIMA-blue);
  }
}
@-webkit-keyframes color-change-wh-re {
  0% {
    fill: var(--color-global-fullwhite);
  }
  100% {
    fill: var(--color-CIMA-red);
  }
}
@keyframes color-change-wh-re-b-zp6cqmpvak {
  0% {
    fill: var(--color-global-fullwhite);
  }
  100% {
    fill: var(--color-CIMA-red);
  }
}
[b-zp6cqmpvak] .bar-nav {
  position: relative !important;
  z-index: inherit !important;
}
[b-zp6cqmpvak] .bar-nav:hover .internal-cima-icon #cima-logo-outline {
  -webkit-animation: color-change-wh-bl 0.6s linear alternate both;
  animation: color-change-wh-bl-b-zp6cqmpvak 0.6s linear alternate both;
}
[b-zp6cqmpvak] .bar-nav:hover .internal-cima-icon #cima-logo-middle {
  -webkit-animation: color-change-wh-re 0.6s linear alternate both;
  animation: color-change-wh-re-b-zp6cqmpvak 0.6s linear alternate both;
}
[b-zp6cqmpvak] .bar-nav:hover .internal-cima-icon #cima-logo-triangle-left {
  -webkit-animation: color-change-wh-re 0.6s linear alternate both;
  animation: color-change-wh-re-b-zp6cqmpvak 0.6s linear alternate both;
}
[b-zp6cqmpvak] .bar-nav:hover .internal-cima-icon #cima-logo-triangle-right {
  -webkit-animation: color-change-wh-re 0.6s linear alternate both;
  animation: color-change-wh-re-b-zp6cqmpvak 0.6s linear alternate both;
}
[b-zp6cqmpvak] .bar-nav:hover .internal-cima-icon #cima-logo-triangle-top {
  -webkit-animation: color-change-wh-re 0.6s linear alternate both;
  animation: color-change-wh-re-b-zp6cqmpvak 0.6s linear alternate both;
}

[b-zp6cqmpvak] .bar-info {
  height: 30px;
  background-color: var(--color-global-fullwhite) !important;
  position: relative !important;
  z-index: inherit !important;
}

[b-zp6cqmpvak] .mud-main-content .minimal {
  padding-top: 64px !important;
}

[b-zp6cqmpvak] .mud-main-content .max {
  padding-top: 94px !important;
}

[b-zp6cqmpvak] .mud-main-content .hide {
  padding-top: 0 !important;
}

[b-zp6cqmpvak] .main-content-layout {
  min-height: 100vh;
}

[b-zp6cqmpvak] .hamburger-menu-icon .mud-icon-root {
  font-size: 3.5rem;
}

/*# sourceMappingURL=ReadOnlyLayout.razor.css.map */
/* /Shared/UserProfileFragment.razor.rz.scp.css */
:root[b-u5stmv4tom] {
  --color-primary: #222B3E;
  --color-primary-darken: #1E2637;
  --color-primary-lighten: #384051;
  --color-primary-lighten-2: #334756;
  --color-primary-text-blue: #143377;
  --color-secondary: #D03631;
  --color-secondary-darken: #BB302C;
  --color-secondary-lighten: #D44A45;
  --color-secondary-text-red: #E31E25;
  --color-tertiary: #FF4C29;
  --color-tertiary-darken: #E54424;
  --color-tertiary-lighten: #FF5D3E;
  --color-tertiary-disable: #FF8169;
  --color-global-fullwhite: #FFFFFF;
  --color-global-midwhite: #FAFAFA;
  --color-global-lowwhite: #F0F0F0;
  --color-global-fullblack: #000000;
  --color-global-theme-grey: #E9E9E9;
  --color-global-grey: #8F8F8F;
  --color-global-grey-2: #E1E4E4;
  --color-global-green-success: #40C240;
  --color-global-red-error: #DB3632;
  --color-global-notepad-yellow: #FFFEE0;
  --color-CIMA-blue: #384A9C;
  --color-CIMA-red: #CE3439;
  --color-badge-ok: #C4DAFF;
  --color-badge-needinfo: #EBA8A6;
  --color-global-RGBA-black-50: rgba(0, 0, 0, 0.5019607843);
  --color-global-RGBA-black-40: rgba(0, 0, 0, 0.4);
  --color-global-RGBA-black-16: rgba(0, 0, 0, 0.1607843137);
  --color-global-RGBA-transparent: rgba(255, 255, 255, 0);
  --color-global-RGBA-grey-2-31: rgba(139, 139, 139, 0.3137254902);
  --color-global-RGBA-grey-31: rgba(80, 80, 80, 0.3137254902);
  --color-global-RGBA-grey-25: rgba(143, 143, 143, 0.2509803922);
  --color-RGBA-primary-80: rgba(34, 43, 62, 0.8);
  --color-RGBA-primary-50: rgba(34, 43, 62, 0.5019607843);
  --color-RGBA-primary-25: rgba(34, 43, 62, 0.2509803922);
  --color-RGBA-tertiary-50: rgba(255, 76, 41, 0.5019607843);
  --color-RGBA-tertiary-25: rgba(255, 76, 41, 0.2509803922);
}

@font-face {
  font-family: "FDF-Icons";
  src: url("/fonts/FDF-Icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[b-u5stmv4tom] .e-dropdown-btn.e-custom {
  height: 60px;
  margin-left: 20px;
  padding: 0px;
  background: none;
  border: none;
  box-shadow: none !important;
}
[b-u5stmv4tom] .e-dropdown-btn.e-custom .icon {
  font-family: "FDF-Icons" !important;
  margin: 0px;
  padding: 8px;
  width: unset;
  font-size: 22px;
}

[b-u5stmv4tom] .e-dropdown-btn.e-custom .sf-icon-user-wf::before {
  content: "\e702";
  color: var(--color-secondary);
}

[b-u5stmv4tom] .t-white {
  color: white !important;
}

[b-u5stmv4tom] .cima-coins-icon {
  font-size: 8rem;
  height: auto;
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.5019607843));
}

[b-u5stmv4tom] .coins-wrapper {
  align-items: center;
}

/*# sourceMappingURL=UserProfileFragment.razor.css.map */