/* _content/PCG_FDF_VALIDATION/Pages/Validation/ValidationMain.razor.rz.scp.css */
:root[b-0svzumq39b] {
  --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);
  --color-nav-menu: #222B3E;
  --color-nav-info: #FFFFFF;
}

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

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

[b-0svzumq39b] .card-header {
  align-items: center;
  box-shadow: 0 8px 10px 3px var(--color-global-RGBA-black-16);
}
[b-0svzumq39b] .card-header.error {
  background-color: #E33A3D;
}
[b-0svzumq39b] .card-header.error-deeper {
  background-color: #C92124;
}
[b-0svzumq39b] .card-header.info {
  background-color: #2196F3;
}

[b-0svzumq39b] .inner-card {
  align-items: center;
  height: 100%;
  justify-content: center;
  padding: 40px;
}
/* _content/PCG_FDF_VALIDATION/Shared/MainLayout.razor.rz.scp.css */
@charset "UTF-8";
:root[b-6m3cbz286l] {
  --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);
  --color-nav-menu: #222B3E;
  --color-nav-info: #FFFFFF;
}

/*
    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-6m3cbz286l] {
  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-6m3cbz286l] .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-6m3cbz286l {
  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-6m3cbz286l {
  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-6m3cbz286l {
  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-6m3cbz286l {
  0% {
    fill: var(--color-global-fullwhite);
  }
  100% {
    fill: var(--color-tertiary);
  }
}
@-webkit-keyframes color-shadow-dropfilter {
  0% {
    -webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.4));
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.4));
  }
}
@keyframes color-shadow-dropfilter-b-6m3cbz286l {
  0% {
    -webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.4));
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.4));
  }
}
[b-6m3cbz286l] .bar-nav {
  position: relative !important;
  z-index: inherit !important;
  background-color: var(--color-nav-menu) !important;
}
[b-6m3cbz286l] .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-6m3cbz286l 0.6s linear alternate both;
}
[b-6m3cbz286l] .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-6m3cbz286l 0.6s linear alternate both;
}
[b-6m3cbz286l] .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-6m3cbz286l 0.6s linear alternate both;
}
[b-6m3cbz286l] .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-6m3cbz286l 0.6s linear alternate both;
}
[b-6m3cbz286l] .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-6m3cbz286l 0.6s linear alternate both;
}
[b-6m3cbz286l] .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-6m3cbz286l 0.6s linear alternate both;
}
[b-6m3cbz286l] .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-6m3cbz286l 0.6s linear alternate both;
}
[b-6m3cbz286l] .bar-nav:hover .internal-thesharks-icon {
  -webkit-animation: color-shadow-dropfilter 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation: color-shadow-dropfilter-b-6m3cbz286l 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
[b-6m3cbz286l] .bar-nav:hover .internal-evergreen-icon {
  -webkit-animation: color-shadow-dropfilter 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation: color-shadow-dropfilter-b-6m3cbz286l 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
[b-6m3cbz286l] .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-6m3cbz286l 0.6s linear alternate both;
}

[b-6m3cbz286l] .bar-info {
  background-color: var(--color-nav-info) !important;
  position: relative !important;
  z-index: inherit !important;
}

[b-6m3cbz286l] .mud-main-content.minimal {
  padding-top: 55px !important;
}

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

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