/* Minification failed. Returning unminified contents.
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1498,19): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuWidth'
(1511,31): run-time error CSS1039: Token not allowed after unary operator: '-contentWidth'
(1515,19): run-time error CSS1039: Token not allowed after unary operator: '-contentWidth'
(5483,19): run-time error CSS1039: Token not allowed after unary operator: '-sideMenuWidth'
(5519,54): run-time error CSS1030: Expected identifier, found ','
(5519,77): run-time error CSS1031: Expected selector, found ')'
(5519,77): run-time error CSS1025: Expected comma or open brace, found ')'
(5965,15): run-time error CSS1039: Token not allowed after unary operator: '-contentWidth'
(5970,19): run-time error CSS1039: Token not allowed after unary operator: '-contentWidth'
(8452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8455,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8457,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8458,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8459,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8460,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10042,26): run-time error CSS1039: Token not allowed after unary operator: '-gris'
(10046,15): run-time error CSS1039: Token not allowed after unary operator: '-azul'
(10070,26): run-time error CSS1039: Token not allowed after unary operator: '-azul'
(10073,15): run-time error CSS1039: Token not allowed after unary operator: '-azul'
(10076,26): run-time error CSS1039: Token not allowed after unary operator: '-azul'
(10894,15): run-time error CSS1039: Token not allowed after unary operator: '-azul'
(10899,33): run-time error CSS1039: Token not allowed after unary operator: '-azul'
(10907,15): run-time error CSS1039: Token not allowed after unary operator: '-azul'
(10919,26): run-time error CSS1039: Token not allowed after unary operator: '-naranja'
(10935,26): run-time error CSS1039: Token not allowed after unary operator: '-naranja'
(10936,15): run-time error CSS1039: Token not allowed after unary operator: '-naranja'
(10940,15): run-time error CSS1039: Token not allowed after unary operator: '-naranja'
(10946,26): run-time error CSS1039: Token not allowed after unary operator: '-azul-oscuro'
(11023,26): run-time error CSS1039: Token not allowed after unary operator: '-muy-oscuro'
 */
@charset "UTF-8";
/*-------HOJAS DE ESTILOS IMPORTADOS-----*/ /*----Colores----*/
/*Home de wordpress*/
/*Textos*/
/*Inputs*/
/*------Tipografías--------*/
/*-----Tamaños de fuente------*/
/**Variables de CSS. Usar pollyfill de var(variable, fallback)**/
:root {
  --sideMenuWidth: 58px;
  --contentWidth: calc(100vw - var(--sideMenuWidth, 58px));
  /**Web de wordpress**/
  --azul: rgba(25,44,84, 1);
  --azul-oscuro: rgba(12,30,60, 1);
  --naranja: #F18A00;
  --gris: rgba(228,228,228,1);
  --oscuro: rgba(51,51,51,1);
  --muy-oscuro: rgba(21,21,21,1);
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "Muli";
  font-style: normal;
  font-weight: 400;
  src: local("Muli Regular"), local("Muli-Regular"), url(/Content/fexp/fonts/muli.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(/Content/fexp/css/https:/fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0d.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(/Content/fexp/css/https:/fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0d.woff) format("woff");
}
/*-----Transiciones-----*/
/*----Botones------*/
.estiloBoton, .btnAcept, .btnCancel, .btnCancelRed, .btnGeneral, .btnAceptInverse, .btnStatus, .btnWarning, .btnMap, .btnSuccess, .btnGhost {
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 400;
  margin-right: 0.2em;
  margin-top: 0.3em;
  text-align: center;
  white-space: nowrap;
  line-height: 1.5;
}

.estiloBoton-xs, .btnAcept-xs, .btnCancel-xs, .btnGeneral-xs, .btnAceptInverse-xs {
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 0.9em;
  font-weight: bold;
  margin-top: 0.3em;
  margin-right: 0.2em;
  border: 1px solid;
}

html {
  position: relative;
  min-height: 100%;
  margin: 0;
}

body {
  overflow-x: hidden;
  height: 100%;
  color: #2A2A2A;
  text-decoration: none;
  line-height: inherit;
  font-family: "Muli", sans-serif;
  margin: auto;
  background: #ededed;
  padding-right: 0px !important;
}

h1 {
  font-size: 19px;
  line-height: 22.8px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Muli", sans-serif;
  font-weight: bold;
}

h2 {
  color: #6c757d;
  margin-bottom: 0.75rem;
  margin-top: 0px;
  padding: 0;
  font-size: 18px;
  line-height: 24px;
  font-family: "Muli", sans-serif;
}

h3 {
  color: #2A2A2A;
  margin-bottom: 10px;
  margin-top: 0px;
  font-size: 18px;
  line-height: 1.5;
  font-family: "Muli", sans-serif;
}
h3.h3Header {
  font-weight: bold;
  color: #0071BC;
}

h4 {
  color: darkgray;
  font-size: 1.5rem;
  line-height: 1.5;
  font-family: "Muli", sans-serif;
}

a {
  font-size: 1.5rem;
  color: #0071BC;
  text-decoration: none;
  -webkit-transition: all 0.1s color;
  -o-transition: all 0.1s color;
  -moz-transition: all 0.1s color;
  -ms-transition: all 0.1s color;
  transition: all 0.1s color;
}

a:focus, a:hover {
  color: #e87722;
  text-decoration: none;
}

p, span {
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
  color: #2A2A2A;
  line-height: 1.5em;
}

.label {
  font-weight: normal !important;
}

.subTitleHigh {
  font-size: 1.8rem;
  color: gray;
  margin-left: 0.5em;
}

.subTitleSmall {
  font-size: 1.3rem;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.dspIb {
  display: inline-block;
}

input {
  text-decoration: none;
  font-size: 1em;
  position: relative;
  color: #002855;
  padding: 9px 5px;
  border-radius: 3px;
  background: transparent;
  border: 1px solid #aaa;
  outline: 0;
  box-shadow: none;
  display: inline-block !important;
}

.nav .open > a {
  background-color: transparent;
}

.nav .open > a:hover {
  background-color: transparent;
}

.nav .open > a:focus {
  background-color: transparent;
}

.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background: none;
}

.center {
  text-align: center;
}

.nav .open > a {
  background-color: transparent;
}

.separador {
  margin-bottom: 5em;
  margin-top: 5em;
  border-top: 1px dashed red;
}

.elemento {
  margin-bottom: 2em;
  color: orangered;
}

.cursivaDesign {
  font-style: italic;
  margin-bottom: 2em;
  color: lightgray;
}

.azul1 {
  color: #0071BC;
}

.gris {
  color: #666666;
}

.secondary {
  color: #6c757d;
}

.naranja {
  color: #e87722;
}

.fondoNaranja {
  background-color: #FFFCF4;
}

.red {
  color: #d9534f;
}

.verde {
  color: #49C743;
}

.listNoStyle ul {
  list-style: none;
}

div.popover-content > ul {
  list-style: disc;
  padding-left: 1em;
}

.alert {
  margin-bottom: 10px !important;
  -webkit-box-shadow: 2px 2px 1px 1px rgb(184, 184, 184);
  -moz-box-shadow: 2px 2px 1px 1px rgb(184, 184, 184);
  box-shadow: 2px 2px 1px 1px rgb(184, 184, 184);
}

.alert-info {
  border-color: #D0EAF7 !important;
}

.alert-danger {
  border-color: #ff6a6a !important;
  border: 3px solid transparent;
}

.alert-danger2 {
  color: #a94442 !important;
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
}

.card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 4px;
  flex: 1 1 auto;
  padding: 1.25rem;
  -webkit-box-shadow: 2px 2px 1px 1px rgb(184, 184, 184);
  -moz-box-shadow: 2px 2px 1px 1px rgb(184, 184, 184);
  box-shadow: 2px 2px 1px 1px rgb(184, 184, 184);
}
.card .title {
  font-size: 26px;
  text-align: center;
  color: #e87722;
  margin-bottom: 30px;
}

.helpSquare {
  border: 1px solid #dedede;
  padding: 5px;
  border-radius: 4px;
}

.modal-header {
  background-color: #ededed;
}

.modal-title {
  text-transform: uppercase;
}

/*------Título principal H1----------*/
.subCabecera {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.subCabecera h1 {
  color: #e87722;
  margin-bottom: 20px;
  margin-top: 20px;
  font-weight: bold;
  display: inline-block;
}
.subCabecera .btn {
  align-self: center;
}

/*------Modales de bootstrap que se pasan de alto-----*/
.modal-body {
  max-height: calc(100vh - 180px);
  overflow-y: auto;
}

/*------Botones genéricos-----*/
.btn-link {
  color: #0071BC !important;
  font-size: 16px !important;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-link:hover {
  color: #e87722 !important;
}

.btnAcept, .btnCancel, .btnCancelRed, .btnGeneral, .btnAceptInverse, .btnStatus, .btnWarning, .btnMap, .btnSuccess, .btnGhost {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btnCancelRed2 {
  border: 1px solid #6c757d;
  color: #6c757d;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btnCancelRed2:hover {
  border: 1px solid #6c757d;
  color: #fff;
  background-color: #D35836;
}

.btnAcept {
  color: #0063CC;
  border-color: #0063CC;
  background-color: transparent;
}

.btnCancel {
  border: 1px solid #6c757d;
  color: #6c757d;
  background-color: transparent;
}
.btnCancel:hover {
  border: 1px solid #6c757d;
  color: #fff;
  background-color: #6c757d;
}

.btnGhost {
  border: 1px solid #6c757d;
  color: #6c757d;
  background-color: transparent;
}
.btnGhost:hover {
  color: #fff;
  border: 1px solid #007bff;
  background-color: #007bff;
}

.btnCancelRed {
  border: 1px solid #6c757d;
  color: #6c757d;
  background-color: transparent;
}
.btnCancelRed:hover, .btnCancelRed:active, .btnCancelRed:focus {
  border: 1px solid #6c757d;
  color: #fff;
  background-color: #D35836;
}

.btnSuccess {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btnSuccess:focus, .btnSuccess.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btnSuccess:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btnSuccess:active, .btnSuccess.active {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btnSuccess:active:hover, .btnSuccess.active:hover, .btnSuccess:active:focus, .btnSuccess.active:focus, .btnSuccess:active.focus, .btnSuccess.active.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btnSuccess:active, .btnSuccess.active {
  background-image: none;
}
.btnSuccess.disabled:hover, .btnSuccess[disabled]:hover, fieldset[disabled] .btnSuccess:hover, .btnSuccess.disabled:focus, .btnSuccess[disabled]:focus, fieldset[disabled] .btnSuccess:focus, .btnSuccess.disabled.focus, .btnSuccess[disabled].focus, fieldset[disabled] .btnSuccess.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btnGeneral {
  color: #fff;
  border: 1px solid #007bff;
  background-color: #007bff;
}

.btnStatus {
  color: #00C1AA;
  border-color: #00C1AA;
  background-color: transparent;
}

.btnWarning {
  color: #B9A002;
  border-color: #B9A002;
  background-color: transparent;
}

.btnAceptInverse {
  background-color: #49C743;
  color: white;
  border-color: white;
}

.btnMap {
  background-color: #6c757d;
  color: white;
  border-color: white;
  transition: 0.3s all ease;
}

.btnMap:hover, .btnMap:focus {
  background-color: #fff;
  color: #6c757d;
  border-color: #6c757d;
}

.btnAcept:hover {
  border: 1px solid #fff;
  color: #fff;
  background: #0063CC;
}

.btnCancel:hover {
  border: 1px solid #6c757d;
  color: #fff;
  background-color: #6c757d;
}

.btn-secondary {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  border: 1px solid #6c757d;
  color: #fff;
  background-color: #6c757d;
}

.btn-secondary:hover {
  border: 1px solid #595E63;
  color: #fff;
  background-color: #595E63;
}

.btnCancelRed:hover {
  border: 1px solid #6c757d;
  color: #fff;
  background-color: #D35836;
}

.btnGeneral:hover {
  color: #fff;
  border: 1px solid #0063CC;
  background-color: #0063CC;
}

.btnAceptInverse:hover {
  color: #49C743;
  border-color: #49C743;
  background-color: white;
}

.btnStatus:hover {
  color: white;
  border-color: white;
  background-color: #00C1AA;
}

.btnWarning:hover {
  color: white;
  border-color: white;
  background-color: #B9A002;
}

.btnAcept-xs, .btnCancel-xs, .btnGeneral-xs, .btnAceptInverse-xs {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btnAcept-xs {
  color: #49C743;
  border-color: #49C743;
  background-color: transparent;
}

.btnCancel-xs {
  border-color: #D35836;
  color: #D35836;
  background-color: transparent;
}

.btnGeneral-xs {
  color: #0071BC;
  border-color: #0071BC;
  background-color: transparent;
}

.btnAceptInverse-xs {
  background-color: #49C743;
  color: white;
  border-color: white;
}

.btnAcept-xs:hover {
  border: 1px solid #49C743;
  color: white;
  background: rgb(73, 199, 67);
  background: -moz-linear-gradient(-45deg, rgb(73, 199, 67) 0%, rgb(117, 215, 112) 59%, rgb(146, 226, 141) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(73, 199, 67)), color-stop(59%, rgb(117, 215, 112)), color-stop(100%, rgb(146, 226, 141)));
  background: -webkit-linear-gradient(-45deg, rgb(73, 199, 67) 0%, rgb(117, 215, 112) 59%, rgb(146, 226, 141) 100%);
  background: -o-linear-gradient(-45deg, rgb(73, 199, 67) 0%, rgb(117, 215, 112) 59%, rgb(146, 226, 141) 100%);
  background: -ms-linear-gradient(-45deg, rgb(73, 199, 67) 0%, rgb(117, 215, 112) 59%, rgb(146, 226, 141) 100%);
  background: linear-gradient(135deg, rgb(73, 199, 67) 0%, rgb(117, 215, 112) 59%, rgb(146, 226, 141) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#49c743", endColorstr="#92e28d", GradientType=1 );
}

.btnCancel-xs:hover {
  border: 1px solid #D35836;
  color: white;
  background: rgb(211, 88, 54);
  background: -moz-linear-gradient(-45deg, rgb(211, 88, 54) 0%, rgb(225, 128, 102) 59%, rgb(234, 155, 133) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(211, 88, 54)), color-stop(59%, rgb(225, 128, 102)), color-stop(100%, rgb(234, 155, 133)));
  background: -webkit-linear-gradient(-45deg, rgb(211, 88, 54) 0%, rgb(225, 128, 102) 59%, rgb(234, 155, 133) 100%);
  background: -o-linear-gradient(-45deg, rgb(211, 88, 54) 0%, rgb(225, 128, 102) 59%, rgb(234, 155, 133) 100%);
  background: -ms-linear-gradient(-45deg, rgb(211, 88, 54) 0%, rgb(225, 128, 102) 59%, rgb(234, 155, 133) 100%);
  background: linear-gradient(135deg, rgb(211, 88, 54) 0%, rgb(225, 128, 102) 59%, rgb(234, 155, 133) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d35836", endColorstr="#ea9b85", GradientType=1 );
}

.btnGeneral-xs:hover {
  color: white;
  border: 1px solid #0071BC;
  background: rgb(0, 113, 188);
  background: -moz-linear-gradient(left, rgb(0, 113, 188) 0%, rgb(135, 195, 232) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(0, 113, 188)), color-stop(100%, rgb(135, 195, 232)));
  background: -webkit-linear-gradient(left, rgb(0, 113, 188) 0%, rgb(135, 195, 232) 100%);
  background: -o-linear-gradient(left, rgb(0, 113, 188) 0%, rgb(135, 195, 232) 100%);
  background: -ms-linear-gradient(left, rgb(0, 113, 188) 0%, rgb(135, 195, 232) 100%);
  background: linear-gradient(to right, rgb(0, 113, 188) 0%, rgb(135, 195, 232) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0071bc", endColorstr="#87c3e8", GradientType=1 );
}

.btnAceptInverse-xs:hover {
  color: #49C743;
  border-color: #49C743;
  background-color: white;
}

.btnTransparent {
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btnTransparent .fa, .btnTransparent .glyphicon {
  color: grey;
}

.btnTransparent:hover .fa, .btnTransparent:hover .glyphicon {
  color: #0071BC;
}

.btnEliminar {
  background-color: transparent !important;
}
.btnEliminar span {
  color: grey;
}

.btnAgregar {
  color: #0071BC;
}

.btn-sq-lg {
  width: 100% !important;
  height: 100% !important;
  color: #0071bc;
  background-color: white;
  border: 1px solid #0071bc;
}

.btn-sq-lg:hover, .btn-sq-lg:active,
.btn-sq-lg:focus {
  background-color: #0071bc;
  color: white;
}

.btn-sq-lg:focus {
  background-color: #0062A3;
}

.btn-sq-lg span {
  color: inherit;
  white-space: normal;
}

.btn-sq-lg-text {
  font-size: 12px;
}

/*-------Radio button------*/
.radioPosicion {
  z-index: 0 !important;
}

.textoRadio {
  font-family: "Muli", sans-serif;
  font-size: 1.5rem;
}

/*-------Márgenes---------*/
.margenInferior {
  margin-bottom: 1em;
}

.margenSuperior {
  margin-top: 1em;
}

.margenSuperiorMedium {
  margin-top: 0.5em;
}

.margenIzquierdo {
  margin-left: 1em;
}

.margenDerecho {
  margin-right: 1em;
}

/*-----Errores de validación-----*/
.validationError {
  position: relative;
}
.validationError .validationErrorMessage {
  color: #FF4D4D;
  font-size: 1.3rem;
  opacity: 0.8;
}
.validationError input, .validationError textarea, .validationError .select2-container, .validationError select {
  border: 1px solid #FF4D4D;
}
.validationError input span.input.input--ruri, .validationError textarea span.input.input--ruri, .validationError .select2-container span.input.input--ruri, .validationError select span.input.input--ruri {
  width: 0px !important;
  position: absolute;
  top: -8px;
}
.validationError label, .validationError .datePickerDesign .subLabel, .validationError .pretty .state label, .validationError .pretty label {
  color: #FF4D4D;
}

/*---Boton X de cerrar ventana modal----*/
.cierreModal {
  color: #aaa !important;
  margin: 0.3em;
  padding: 0.3em;
}

.cierreAlerta {
  color: #aaa !important;
}

/*----TextArea------*/
.textareaModel {
  letter-spacing: 0 !important;
  color: #2A2A2A !important;
  font-size: 1.5rem !important;
}

/*.textareaModel:focus {
    border-bottom: 2px solid orange !important;
    box-shadow: none !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}*/
.labelTextarea {
  font-size: 1.2rem;
  color: #737373;
  font-weight: 400;
  padding-top: 5px;
}

/*------Estilos para popovers--------*/
.fexpPopover + .popover {
  word-break: break-word;
  word-spacing: normal;
  word-wrap: break-word;
  white-space: pre-line;
}

/*-------Barra de búsqueda------*/
.search-form .form-group {
  float: left !important;
  transition: all 0.5s, border-radius 0s;
  width: 32px;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.075);
  border-radius: 25px;
  border: 1px solid #ccc;
  margin-top: 3px;
}

.search-form .form-group input.form-control {
  padding-right: 20px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display: block;
  letter-spacing: 0px;
}

.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
}

.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
}

.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
}

.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}

.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 100%;
  border-radius: 4px 25px 25px 4px;
}

.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3596e0;
  left: initial;
  font-size: 14px;
}

/*-----Ventanas emergentes------*/
.cargaPagina {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9999;
  display: none;
  padding-top: 15em;
  background-image: url(/Content/fexp/img/fondo-modal.png);
  background-repeat: repeat;
  background-position: top left;
}
.cargaPagina .contenido {
  width: 55%;
  padding: 2em;
  text-align: center;
  background-color: white;
  border-radius: 7px;
}
.cargaPagina p, .cargaPagina span, .cargaPagina i {
  font-size: 3.5rem;
  color: #2A2A2A;
  font-family: "Muli", sans-serif;
}

.notifWeb, .notifTemporal {
  position: fixed;
  top: 1px;
  left: auto;
  z-index: 10000;
  text-align: center;
  font-size: 1.5rem !important;
  min-width: 10%;
  max-width: 25%;
  line-break: auto;
}

.sistemaNoDisponible {
  display: inline-block;
  width: 50%;
  background-color: #FEFFC6;
  border-radius: 5px;
  border: 1px solid #eee;
  z-index: 999999;
  padding: 1.5em 3em 1.5em 3em;
  text-align: center;
  margin-left: 25%;
  margin-right: 25%;
  position: fixed;
  top: 1px;
  left: auto;
}
.sistemaNoDisponible p {
  font-size: 1.5rem;
  font-weight: bold;
}

/*Animación puntos Loading*/
.puntos {
  animation-duration: 3s;
  animation-name: slidein;
  animation-iteration-count: infinite;
}

@keyframes slidein {
  from {
    margin-left: 60%;
    width: 80%;
  }
  to {
    margin-left: 0%;
    width: 0%;
  }
}
/*---------Selectfields---------*/
legend {
  font-size: 1.8rem;
  color: #e87722;
  border-bottom: 0;
  margin-bottom: 0;
  width: initial;
  padding: 5px;
}

fieldset {
  margin-top: 1em;
  border-radius: 5px;
  border: 1px solid #aaa;
  padding: 0.5em 1em 0.5em 1em;
  background-color: #ededed;
}
fieldset.reset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  background-color: initial;
  border: 0;
}

/*-------Selectpicker---------*/
.selectpickerDesign .btn-default {
  border: 1px solid #ccc;
}
.selectpickerDesign span:hover {
  color: #e87722;
}

/*-----Select Controller-------*/
.wrapperSelect2 {
  border-bottom: 1px solid #eee;
}
.wrapperSelect2 .contentSelect2 {
  width: 100%;
  margin-right: -15px;
  margin-left: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
.wrapperSelect2 .contentSelect2 .gris {
  font-size: 0.775em;
  color: grey;
  padding-left: 3px;
}
.wrapperSelect2 .contentSelect2 .subcontent {
  font-size: 0.85em;
  color: dimgrey;
}
.wrapperSelect2 .contentSelect2 .icono {
  width: 15px;
}
.wrapperSelect2 .contentSelect2 .cursiva {
  font-style: italic;
  font-size: 0.85em;
}

/*Iconos con colores */
.fexpList .fa {
  font-size: 24px;
  margin-right: 1em;
}
.fexpList .fa-check {
  width: 20px;
  height: 20px;
  color: #70B603;
}
.fexpList .fa-times {
  width: 20px;
  height: 20px;
  color: #A30014;
}
.fexpList .fa-exclamation-circle {
  width: 20px;
  height: 20px;
  color: #F59A23;
}

/*---Bucador mapas-----*/
.pac-container {
  background-color: #fff;
  position: absolute !important;
  z-index: 100000000;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.buscadorMapa {
  margin-top: 0.5em;
  letter-spacing: normal;
  border: 1px solid #eee;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(194, 190, 194);
  -moz-box-shadow: 2px 2px 5px 0px rgb(194, 190, 194);
  box-shadow: 2px 2px 5px 0px rgb(194, 190, 194);
}

/*----SUBIR IMAGENES Y ARCHIVOS----*/
.uploadAnyFile input {
  border-color: #aaa;
  color: #aaa;
  cursor: pointer;
}
.uploadAnyFile .imgMain {
  border: 1px solid #eee;
  padding: 0.5em;
}
.uploadAnyFile .imgMain .fa {
  font-size: 2.5rem;
}
.uploadAnyFile .btnGeneral {
  margin-top: 0;
  padding: 9px 15px;
  margin-left: 0.2em;
}
.uploadAnyFile .deleteFile {
  cursor: pointer;
  color: #aaa;
  font-weight: normal;
}
.uploadAnyFile i {
  margin-left: 5px;
}
.uploadAnyFile i:hover {
  color: #0071BC;
}
.uploadAnyFile .imgLargeSlider {
  max-height: 400px;
  max-width: 400px;
  margin: 0 auto;
}
.uploadAnyFile .slider-for {
  text-align: center;
}
.uploadAnyFile .navSmallSlider {
  width: 120px;
  margin: 5px;
}
.uploadAnyFile .imgSmallSlider {
  max-height: 100px;
  max-width: 100px;
  padding: 5px 5px 5px 5px;
  margin: 0 auto;
}

.imgEffect:hover {
  opacity: 0.6;
}

/*----UnifyEP, PPPLCopy-----*/
.dataCard h4 {
  color: #2A2A2A;
  margin-top: 0;
  margin-bottom: 2px;
}
.dataCard span {
  color: #aaa;
}
.dataCard label {
  color: #0071BC;
}
.dataCard p {
  margin-left: 0.5em;
}
.dataCard .col-lg-12 {
  margin-bottom: 1em;
}

/*Para evitar perder el scroll al abrir un modal y falle la visualizacion de la pantalla*/
.modal-open {
  width: 100% !important;
  padding-right: 0 !important;
  overflow-y: scroll !important;
}

/*Clase para notificar nuevo elementos. A nivel de linea o TR*/
.newElement {
  border-left: 10px solid #0071BC;
}

/*HACK TODO Css legacy de BS3 para posicionar las cruces*/
.close {
  position: absolute;
  top: 4px;
  right: 25px;
}

.btnSelected::after {
  font-family: "FontAwesome";
  color: white;
  content: "\f0a5";
  margin-left: 0.5em;
}

.lblInfo {
  color: red;
  width: 233px;
  word-wrap: break-word;
  font-size: 12px;
  padding-left: 5px;
}

.Layout {
  display: flex;
  flex-flow: column nowrap;
}
.Layout .Layout-Sidebar {
  min-width: var(--sideMenuWidth, 58px);
  min-height: 100%;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}
.Layout .Layout-ContentContainer {
  display: flex;
}
.Layout .Layout-Content {
  display: grid;
  grid-template-columns: var(--contentWidth, 95%) 0;
  grid-template-rows: auto auto;
  grid-template-areas: "body slider" "footer footer";
  min-height: 100vh;
  min-width: var(--contentWidth, 95%);
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}
.Layout .Layout-Content.public {
  grid-template-columns: 100% 0;
  width: 100%;
}

.Layout-Body {
  grid-area: body;
  padding: 0.5em 1.5em 6.5em 3rem;
}

.sidePanelContainer {
  grid-area: slider;
  display: none;
  z-index: 1002;
  transform: translateX(100%);
  transition: all 1.5s;
  display: inline-flex;
  overflow-y: auto;
}
.sidePanelContainer .SidePanel_Panel {
  min-height: 100%;
  height: max-content;
  background-color: white;
  box-shadow: 0 10px 20px 0 rgba(46, 91, 255, 0.07);
  padding: 1px 1px 4em 1px;
  width: 100%;
}
.sidePanelContainer .SidePanel_Panel .SidePanel_Header {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  background-color: #0071BC;
  padding: 0.5em 1em;
}
.sidePanelContainer .SidePanel_Panel .SidePanel_Header .SidePanel_HeaderTitle {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 23px;
  border: 0;
  text-decoration: none;
  margin-left: 0;
  text-transform: uppercase;
  color: white;
  align-self: center;
}
.sidePanelContainer .SidePanel_Panel .SidePanel_Header a {
  font-size: 24px;
  color: white;
}
.sidePanelContainer .SidePanel_Panel .SidePanel_Body {
  padding: 2em;
  min-height: 85vh;
}

.Layout-Footer {
  grid-area: footer;
  max-height: 80px;
}
.Layout-Footer .Footer-Container {
  bottom: 0;
  color: #a7a7a7;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  flex-flow: row wrap;
}
.Layout-Footer .Footer-Container .Footer-Links {
  margin-left: auto;
}
.Layout-Footer .Footer-Container .Footer-Links ul:not(.languagePicker) {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-left: -1px;
  list-style: none;
}
.Layout-Footer .Footer-Container .Footer-Links ul:not(.languagePicker) li:not(.languageOption) a {
  color: #a7a7a7;
  font-weight: initial;
  font-size: 13px;
}

/*Flexbox genérico para botonera*/
.flex-botonera {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding: 0 1%;
}
.flex-botonera .btn {
  margin-top: 1em;
  margin-left: 1em;
}

/*flexbox genérico de filtros, menu superiores y filtro global*/
.flex-botoneraFiltro {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-top: 1em;
}
.flex-botoneraFiltro .contenidoExtra {
  margin-right: auto;
  align-self: flex-end;
}
.flex-botoneraFiltro a.btn:not(:last-child), .flex-botoneraFiltro button:not(:last-child) {
  margin-right: 1em;
}

/*---------Footer------------*/
footer {
  background-color: #3C3A3A;
  padding: 1em;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
footer span:not(.filter-option) {
  color: #a7a7a7;
  text-align: left;
  font-size: 13px;
}
footer .filter-option {
  color: #676767;
}
footer .footer_botonera {
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
}
footer .footer_links {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}
footer .footer_links li {
  color: #a7a7a7;
  padding: 0.5em 1em;
}
footer .footer_links li a {
  color: #a7a7a7;
  font-weight: initial;
  font-size: 13px;
}
footer ul.dropdown-menu {
  list-style: none;
  display: inline-block;
}
footer ul.dropdown-menu li {
  float: left;
  padding: 0;
  color: grey;
}
footer ul.dropdown-menu li :hover {
  color: white;
}
footer ul.dropdown-menu li a {
  color: inherit;
  font-weight: initial;
  font-size: 13px;
}
footer ul.dropdown-menu li a:focus {
  color: white !important;
  background-color: #0071bc !important;
}
footer ul.dropdown-menu li a:hover {
  background-color: #0062A3 !important;
}
footer ul.dropdown-menu li a * {
  color: inherit;
}

/*-------------Seccion Contenido------------------*/
#wrapper-central .contenidoGeneral {
  padding-left: 5.5em;
  padding-right: 1em;
  padding-bottom: 6.5em;
}
#wrapper-central .contenido {
  padding-left: 10px;
  margin-bottom: 3rem;
}
#wrapper-central .margen-derecho {
  padding-right: 5.5em;
}

.alert-info {
  margin-top: 0 !important;
  margin-bottom: 1em !important;
}

/*grid de Layout. Se replica en filtros y en formularios*/
.grid_filter, .fexpLayout-container {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: auto;
  align-items: start;
  grid-column-gap: 1em;
  grid-row-gap: 0.5em;
}

.fexpLayout-container > div {
  padding: 0 1em;
}

.filter_number, .col {
  grid-column: span 1;
}

.filter_small, .col2 {
  grid-column: span 2;
}

.filter_normal, .col4 {
  grid-column: span 4;
}

.filter_big, .col8 {
  grid-column: span 8;
}

.filter_max, .col16 {
  grid-column: span 16;
}

/**Dejo aquí el media para el refactoring.**/
@media (max-width: 1445px) {
  .grid_filter, .fexpLayout-container {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (max-width: 768px) {
  .grid_filter, .fexpLayout-container {
    grid-template-columns: repeat(4, 1fr);
  }
  .filter_big, .col8,
  .filter_max, .col16 {
    grid-column: span 4;
  }
}
@media (max-width: 600px) {
  .grid_filter, .fexpLayout-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .filter_small, .col2,
  .filter_normal, .col4,
  .filter_big, .col8,
  .filter_max, .col16 {
    grid-column: span 2;
  }
}
/****Fin layout****/
@media (max-width: 300px) {
  .grid_filter, .fexpLayout-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .filter_number, .col,
  .filter_small, .col2,
  .filter_normal, .col4,
  .filter_big, .col8,
  .filter_max, .col16 {
    grid-column: span 1;
  }
}
@media (max-width: 1200px) {
  #wrapper-central .contenidoGeneral {
    padding-left: 5.5em;
  }
  #wrapper-central .margen-derecho {
    padding-right: 1em;
  }
}
/*------Media queries------*/
@media (max-width: 768px) {
  #wrapper-central .contenidoGeneral {
    padding-left: 1em;
    padding-bottom: 6.5em;
  }
  .sistemaNoDisponible {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }
  #sidebar-wrapper {
    display: none;
  }
  .datosPers {
    display: none;
  }
  .menuSuperior .btnSalir {
    display: none;
  }
  .menuSuperior .desplegable {
    padding-right: 0px;
  }
  .imgUser {
    float: right;
    display: block;
  }
  footer img {
    width: 30px;
  }
  footer p, footer a {
    font-size: 1.2rem;
    margin-top: 2px;
  }
  footer ul, footer li {
    padding-top: 2px !important;
  }
}
@media (min-width: 767px) {
  .navbar-nav .dropdown-menu .caret {
    transform: rotate(-90deg);
  }
}
@media screen and (max-width: 767px) {
  .btnNotifications {
    display: none !important;
  }
}
@media (max-width: 680px) {
  .menuSuperior .datosPers {
    display: none;
  }
}
@media (max-width: 490px) {
  .logoSuperior img.logo {
    padding: 6px 12px;
    display: block;
    width: 195px;
    text-indent: -9999px;
    margin-left: 2.5em;
  }
}
@media (min-width: 320px) {
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav {
    margin: 0px;
  }
}
@media (max-width: 767px) {
  .menuUsuario {
    border: 1px solid #eee;
    background: #0071BC !important;
  }
  .menuUsuario a, .menuUsuario i, .menuUsuario h4, .menuUsuario span {
    color: #fff !important;
  }
  .menuUsuario .fa-power-off {
    color: #fff !important;
  }
  .menuUsuario .imgUser {
    display: none;
  }
  .menuUsuario .text-left {
    float: left;
  }
  .navbar-nav .open .dropdown-menu {
    position: fixed;
    float: none;
    width: 96%;
    margin-top: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.175);
    top: 70px;
    left: 10px;
  }
}
/*-------------Seccion Contenido-Empty------------------*/
#wrapper-central-empty .col-lg-9.col-md-11.col-sm-11.col-xs-11 {
  float: none;
  margin: 0 auto;
  overflow: hidden;
  padding: 2rem 0%;
}

/* Arreglo de BS-Select para modal de ordenar por grupo. Ojo con usarlo para modales que no tengan BS-select*/
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
}

.modalSelectBS.modal {
  overflow: visible;
}

.modalSelectBS.modal .modal-body {
  overflow-y: visible !important;
}

.Menu {
  margin-top: 48px;
  display: flex;
  flex-flow: row wrap;
}
.Menu .Menu-Card {
  min-height: 184px;
  width: 204px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 10px 20px 0 rgba(46, 91, 255, 0.07);
  margin-right: 2em;
  margin-bottom: 1em;
  fill: #3092F7;
  color: #0071BC;
  text-align: center;
}
.Menu .Menu-Card:hover {
  background-color: #0071BC;
  color: #FFFFFF;
  fill: #FFFFFF;
}
.Menu .Menu-Icon {
  min-height: 50px;
  max-height: 50px;
  min-width: 50px;
  max-width: 50px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: block;
  margin: 25% auto 1em auto;
  /*background-color: $azul2;*/
}
.Menu .Menu-Link {
  color: inherit;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  line-height: 22px;
  text-transform: uppercase;
  text-decoration: initial;
  margin-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

.fexpInput, .selectInput, .fexpRadioList {
  padding-bottom: 5px;
  padding-top: 5px;
}

.fexpInput .labelDescription, .selectInput .labelDescription {
  font-size: 1.3rem;
  color: grey;
  margin-left: 2em;
}

.fexpRadioList .radio {
  margin-top: 10px;
}

.check100w {
  width: 100%;
}

.fexpCheck {
  padding: 5px;
}
.fexpCheck .labelDescription {
  font-size: 1.3rem;
  color: grey;
  margin-left: 2em;
}

.noPaddingFexpInput .fexpInput, .noPaddingFexpInput .selectInput {
  padding: 0;
}

.labelDesign {
  color: #737373;
  font-size: 1.2rem;
  font-weight: normal;
}

.inputDesign {
  height: 36px;
  background-color: white;
  color: #2A2A2A;
  font-size: 16px;
  border: 1px solid #aaa;
}

.tableInputDesign {
  height: 24px;
  background-color: white;
  color: #2A2A2A;
  font-size: 12px;
  border: 1px solid #aaa;
  padding: 3px 12px;
}

.form-control {
  border: 1px solid #aaa;
}

/*------Select input -------*/
.selectInput {
  width: 100%;
}
.selectInput select {
  width: 100%;
  padding: 0.5em;
  background-color: #FFFFFF;
}

/*------Date Picker --------*/
.fexpDate {
  min-width: 130px;
}

span.ui-datepicker-year {
  color: #7C7C7C !important;
}

span.ui-datepicker-month {
  color: #7C7C7C !important;
}

.ui-datepicker .span, .ui-datepicker span, .ui-datepicker th, .ui-datepicker tr {
  color: #0071BC;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fff;
  background: #FF5722;
  color: #fff;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #E4E4E4 !important;
  color: #7C7C7C;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  color: #7C7C7C !important;
}

.ui-state-default {
  border: 1px solid #c5c5c5;
  background: #E4E4E4 !important;
  font-weight: bold !important;
  color: #7C7C7C !important;
  text-align: center !important;
  font-family: "Muli", sans-serif !important;
}

.ui-state-highlight {
  border-color: #B3B3B3 !important;
  background: #F0EEEE !important;
}

.ui-state-active {
  background: #0071BC !important;
  color: white !important;
}

.ui-datepicker .span, .ui-datepicker span, .ui-datepicker th, .ui-datepicker tr {
  color: #B3B3B3;
  font-family: "Muli", sans-serif !important;
}

.ui-widget.ui-widget-content {
  border: 1px solid #B3B3B3 !important;
}

.ui-datepicker {
  z-index: 1151 !important;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url(/Content/fexp/css/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  background: #FFF;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url(/Content/fexp/css/data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP/yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
  height: 100%;
  filter: alpha(opacity=25); /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #002855;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #004583;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #004583;
  font-weight: normal;
  color: #fff;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(/Content/fexp/scss/images/ui-icons_444444_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(/Content/fexp/scss/images/ui-icons_444444_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(/Content/fexp/scss/images/ui-icons_555555_256x240.png);
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(/Content/fexp/scss/images/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(/Content/fexp/scss/images/ui-icons_777620_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/Content/fexp/scss/images/ui-icons_cc0000_256x240.png);
}

.ui-button .ui-icon {
  background-image: url(/Content/fexp/scss/images/ui-icons_777777_256x240.png);
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

.bootstrap-datetimepicker-widget {
  z-index: 1200 !important;
}

body.modal-open .datepicker {
  z-index: 1200 !important;
}

.ui-datepicker-title {
  color: white !important;
  font-weight: bold;
  font-family: "Muli", sans-serif !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  background-color: transparent;
}

.ui-datepicker .ui-datepicker-next span {
  background-image: url(/Content/Fexp/img/flecha-dcha3.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.ui-datepicker .ui-datepicker-prev span {
  background-image: url(/Content/Fexp/img/flecha-izq3.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.datePickerDesign .input__field--ruri {
  margin-bottom: 0;
}
.datePickerDesign .subLabel {
  font-size: 1.2rem;
  color: #737373;
  font-weight: 400;
  margin-bottom: 2px;
}
.datePickerDesign .oneLabel {
  font-size: 1.2rem;
  color: #737373;
  font-weight: 400;
  margin-bottom: 4px;
}
.datePickerDesign .oneLabelNoMargin {
  font-size: 1.2rem;
  color: #737373;
  font-weight: 400;
  margin-bottom: 0px;
}

.positionUp {
  z-index: 100000;
}

/*--------Input ruri-------------*/
.input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: calc(100% - 2em);
  vertical-align: top;
  margin-left: 0;
}

.input__field {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  color: #aaa;
  -webkit-appearance: none; /* for box shadows to show on iOS */
  -moz-appearance: none;
}

.input__field:focus {
  outline: none;
  -moz-outline: unset;
  padding-bottom: 3px;
}

.input__label {
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 40%;
  color: #000;
  font-size: 1.1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input__label-content {
  position: relative;
  display: block;
  padding: 1.6em 0;
  width: 100%;
  color: gray !important;
  font-weight: 200;
}

.graphic {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
}

.icon {
  color: #ddd;
  font-size: 150%;
}

.input__field--ruri {
  width: 100%;
  background: transparent;
  padding: 0.5em 0.5em;
  margin-bottom: 1em;
  color: #000;
  position: relative;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: white;
}

input--ruri2 {
  position: relative;
  top: -15px;
}

.input__label--ruri {
  width: 100%;
  position: absolute;
  text-align: left;
  font-size: 1em;
  padding: 10px 0 5px;
  pointer-events: none;
}

.input__label--ruri::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #a0a5ab;
  left: 0;
  top: 100%;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  -moz-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
}

.input__label-content--ruri {
  padding: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: -webkit-transform 0.3s, color 0.3s;
  transition: transform 0.3s, color 0.3s;
}

.input__field--ruri:focus + .input__label--ruri::after,
.input--filled .input__label--ruri::after {
  background: #a0a5ab;
  -webkit-transform: scale3d(1, 0.5, 1);
  -moz-transform: scale3d(1, 0.5, 1);
  transform: scale3d(1, 0.5, 1);
}

.input__field--ruri:focus + .input__label--ruri .input__label-content--ruri,
.input--filled .input__label--ruri .input__label-content--ruri {
  font-size: 1.1em;
  color: #aaa;
  -webkit-transform: translate3d(0, 2em, 0) scale3d(0.655, 0.655, 1);
  -moz-transform: translate3d(0, 2em, 0) scale3d(0.655, 0.655, 1);
  transform: translate3d(0, 2em, 0) scale3d(0.655, 0.655, 1);
}

.input.input--ruri.input--ruri2.input--filled label {
  position: relative;
  top: -35px;
}

span.input.input--ruri.input--ruri2.input--filled {
  width: 40%;
}

.input.input--ruri.input--ruri2.input--filled .input__label--ruri::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #a0a5ab;
  left: 0;
  top: 90%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  -moz-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
}

.input.input--ruri.input--ruri2.input--filled .input__label--ruri:active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: red;
  left: 0;
  top: 90%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
}

.input__label-content.input__label-content--ruri.input__label-content.input__label-content--ruri2 {
  visibility: hidden;
}

span.input.input__field.input__field--ruri.input--ruri3 {
  margin-bottom: 0;
}

span.input.input--ruri.input--ruri3 {
  margin: 0;
  width: 130%;
  position: relative;
  top: 3px;
}

span.input.input__field.input__field--ruri.input--ruri4 {
  margin-bottom: 0;
}

span.input.input--ruri.input--ruri4 {
  margin: 0;
  width: 100%;
}

span.input.input--ruri input {
  text-transform: none;
}

span.input.input--ruri.input--ruri5 {
  min-width: 75px;
  padding-top: 0.2em;
}

span.input.input--ruri {
  position: relative;
  top: -8px;
  width: 100%;
}

.validationError span.input.input--ruri {
  position: relative;
  top: -8px;
  width: 85%;
}

/*-------------Select 2------------------*/
.select2-close-mask {
  z-index: 2099;
}

.select2-dropdown {
  z-index: 3051;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: white;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 36px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
  width: 100% !important;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #e87722;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 1px 6px 1px 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 29px;
  padding-left: 10px;
  padding-top: 2px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: grey;
  font-size: 1.3rem;
  font-weight: 200;
  padding-left: 3px;
  padding-top: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: transparent;
  cursor: text;
  margin-bottom: 0.2em;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  width: 100%;
  padding-left: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
  margin-top: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  padding: 5px 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #B0DDFA;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  padding-left: 10px;
  padding-top: 0px;
  display: block;
  text-decoration: none;
  font-size: 1.3rem;
  position: relative;
  color: gray !important;
  font-family: "Muli", sans-serif;
  border-radius: 3px;
  background: transparent;
  outline: 0;
  box-shadow: none;
  letter-spacing: 0 !important;
  width: 100% !important;
  height: 31px;
}

.select2-results .row {
  padding: 15px;
}

.labelMultiSelect2 {
  font-size: 1.2rem;
  color: #737373;
  font-weight: 400;
}

.labelSingleSelect2 {
  font-size: 1.2rem;
  color: #737373;
  font-weight: 400;
}

.inputPhotoWrapper {
  border: 1px solid #ddd;
  padding: 0.5em;
  text-align: center;
  border-radius: 4px;
  margin-top: 1.3em;
  transition: 0.3s all ease;
}
.inputPhotoWrapper .photomain {
  position: relative;
  padding: 0;
  margin: 0;
}
.inputPhotoWrapper .photomain img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.inputPhotoWrapper .hoverme {
  opacity: 0;
  position: absolute;
  width: 100%;
  color: #fff;
  left: 0;
  bottom: 0;
  padding: 0.75em 1em;
  font-weight: 700;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.inputPhotoWrapper .photomain:hover .hoverme {
  opacity: 1;
}

.fexpImage .inputFiles input[type=file] {
  display: none !important;
}
.fexpImage .inputFiles:before {
  font-family: "FontAwesome";
  content: "\f0ee";
}
.fexpImage .inputFiles:after {
  content: "Browse";
}

/*Checkbox*/
.cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
}
.cbx label {
  font-size: 14px;
  font-weight: 400;
  cursor: inherit;
  margin-left: 0.6em;
  white-space: initial;
}
.cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
  cursor: inherit;
}
.cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: top;
  border: 1px solid #9098A9;
  transition: all 0.2s ease;
}
.cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #506EEC;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}
.cbx span:last-child {
  padding-left: 8px;
}
.cbx:hover span:first-child {
  border-color: #5D9BFB;
}

.inp-cbx:checked + .cbx span:first-child {
  background: #5D9BFB;
  border-color: #5D9BFB;
  animation: wave 0.4s ease;
}
.inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.inp-cbx:disabled + .cbx span:first-child {
  background: #DBDBDB;
  border-color: #5D9BFB;
  opacity: 0.5;
}
.inp-cbx:disabled + .cbx span:first-child svg {
  stroke: #2c3136;
}
.inp-cbx:disabled + .cbx {
  cursor: not-allowed;
}

@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
/*Radio button*/
.fexpFlexbox, .fexpFlexboxR {
  display: flex;
  flex-flow: row wrap;
}

.radio {
  margin: 0;
  display: block;
  cursor: pointer;
  margin-left: 1em;
}
.radio input {
  display: none;
}
.radio input + span {
  line-height: 22px;
  height: 22px;
  padding-left: 22px;
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  cursor: inherit;
}
.radio input + span:not(:empty) {
  padding-left: 30px;
}
.radio input + span:before, .radio input + span:after {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
  cursor: inherit;
}
.radio input + span:before {
  border: 1px solid #aaaaaa;
  background: #D1D7E3;
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}
.radio input + span:after {
  background: #fff;
  transform: scale(0.9);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
.radio input:checked + span:before {
  transform: scale(1.04);
  background: #FFFFFF;
}
.radio input:checked + span.Default:after {
  transform: scale(0.6);
  transition: transform 0.3s ease;
  background-color: #5D9BFB;
}
.radio input:checked + span.Success:after {
  transform: scale(0.6);
  transition: transform 0.3s ease;
  background-color: #4ac856;
}
.radio input:checked + span.Error:after {
  transform: scale(0.6);
  transition: transform 0.3s ease;
  background-color: #FB6D5D;
}
.radio input:disabled {
  cursor: not-allowed;
}
.radio input:disabled + span {
  line-height: 22px;
  height: 22px;
  padding-left: 22px;
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  cursor: not-allowed;
}
.radio input:disabled + span:not(:empty) {
  padding-left: 30px;
}
.radio input:disabled + span:before, .radio input:disabled + span:after {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
  cursor: inherit;
  opacity: 0.5;
}
.radio input:disabled + span:before {
  border: 1px solid #aaaaaa;
  background: #D1D7E3;
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}
.radio input:disabled + span:after {
  background: #DBDBDB;
  border: 1px solid #aaaaaa;
  transform: scale(0.9);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
.radio input:disabled:checked + span:before {
  transform: scale(1.04);
  background: #DBDBDB;
  opacity: 0.5;
}
.radio input:disabled:checked + span.Default:after {
  transform: scale(0.6);
  transition: transform 0.3s ease;
  background-color: #5D9BFB;
  border: 1px solid #aaaaaa;
  opacity: 0.5;
}
.radio input:disabled:checked + span.Success:after {
  transform: scale(0.6);
  transition: transform 0.3s ease;
  background-color: #4ac856;
  border: 1px solid #aaaaaa;
  opacity: 0.5;
}
.radio input:disabled:checked + span.Error:after {
  transform: scale(0.6);
  transition: transform 0.3s ease;
  background-color: #FB6D5D;
  border: 1px solid #aaaaaa;
  opacity: 0.5;
}

.fexpSwitch {
  padding-top: 1em;
  display: flex;
  margin-bottom: 1em;
}
.fexpSwitch input[type=checkbox] {
  position: relative;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 4rem;
  height: calc( 4rem / 2 );
  background-color: #ddd;
  border-radius: calc( 4rem / 2 );
  outline: none;
  transition: background 450ms ease;
  box-shadow: 0 0 0 3px #cacaca;
}
.fexpSwitch input[type=checkbox]:before, .fexpSwitch input[type=checkbox]:after {
  position: absolute;
  display: block;
  content: "";
  border-radius: 100%;
  transition: background 450ms ease, transform 450ms ease;
}
.fexpSwitch input[type=checkbox]:before {
  width: calc( 4rem / 2 );
  height: calc( 4rem / 2 );
  background-color: #bbbbbb;
}
.fexpSwitch input[type=checkbox]:checked:before {
  background-color: #007bff;
  transform: translateX(100%);
}
.fexpSwitch input[type=checkbox].bistable {
  transition: background 450ms ease, transform 450ms ease;
}
.fexpSwitch input[type=checkbox].bistable:before {
  box-shadow: inset 0 0 0 1px #FB6D5D;
  background: linear-gradient(#FB6D5D 0%, #ec1d06 100%);
}
.fexpSwitch input[type=checkbox].bistable:checked:before {
  box-shadow: inset 0 0 0 1px #4ac856;
  background: linear-gradient(#4ac856 0%, #288431 100%);
  transform: translateX(100%) rotate(360deg);
}
.fexpSwitch label {
  align-self: flex-end;
  margin-left: 1em;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  margin-left: 0.6em;
  white-space: initial;
}

/* Lazo */
.ribbon {
  height: 22px !important;
  width: 70px;
  padding: 0em 1em;
  margin: 0;
  left: -13px;
  position: relative;
  color: #ffffff !important;
  text-align: center;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.4);
  background: #e87722;
  display: inline-block;
  z-index: 2;
}

.ribbon-back {
  width: 70px;
  height: 5px;
  display: inline;
}

.ribbon-back::before {
  content: "";
  width: 0.2em;
  bottom: -0.5em;
  position: relative;
  display: block;
  border: 0.9em solid #e87722;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
  z-index: 0;
}

.ribbon-back::before {
  left: -1em;
  bottom: -35px;
  border-right-width: 0.75em;
  border-left-color: transparent;
}

.contentRibbon {
  color: #ffffff !important;
}

.contentRibbon:before {
  content: "";
  bottom: -0.5em;
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #A85719 transparent transparent transparent;
  z-index: 0;
}

.contentRibbon:before {
  left: 0;
  border-width: 0.5em 0 0 0.5em;
}

.slick-slider {
  width: 100%;
  max-width: 720px;
}

@media (max-width: 500px) {
  .fexpFlexboxR {
    flex-flow: column wrap;
  }
}
.sideMenu {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #0071BC;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}
.sideMenu span {
  fill: inherit;
}

.sideMenu-mainList {
  left: 0;
  top: 70px;
  padding: 0;
  list-style: none;
  transition: all 0.2s ease-in;
  max-width: var(--sideMenuWidth, 58px);
}
.sideMenu-mainList .open .menu-dropdown-list {
  background-color: #06427A;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin-left: -30px;
  padding: 0;
  position: relative;
}
.sideMenu-mainList .open .menu-dropdown-list > .sideMenu-Title {
  left: 15%;
}
.sideMenu-mainList li {
  display: inline-block;
  line-height: 50px;
  position: relative;
  width: 100%;
  padding: 10px 0 0 13px;
  text-decoration: none;
  font-weight: bolder;
  fill: #ededed;
}
.sideMenu-mainList li.open, .sideMenu-mainList li.open a, .sideMenu-mainList li.open a strong {
  background-color: #06427A;
  color: #FFFFFF;
  fill: #FFFFFF;
}
.sideMenu-mainList li.open .dropdown-category,
.sideMenu-mainList li.open .dropdown-category .sideMenu-Title.sideMenu-Open, .sideMenu-mainList li.open a .dropdown-category,
.sideMenu-mainList li.open a .dropdown-category .sideMenu-Title.sideMenu-Open, .sideMenu-mainList li.open a strong .dropdown-category,
.sideMenu-mainList li.open a strong .dropdown-category .sideMenu-Title.sideMenu-Open {
  color: #FF9238;
  fill: #FF9238;
}
.sideMenu-mainList li.open:hover:not(.dropdown-toggle, .menu-dropdown-toggle), .sideMenu-mainList li.open a:hover:not(.dropdown-toggle, .menu-dropdown-toggle), .sideMenu-mainList li.open a strong:hover:not(.dropdown-toggle, .menu-dropdown-toggle) {
  fill: #FF9238;
  color: #FF9238;
}
.sideMenu-mainList li[data-active=true] {
  background-color: #ededed;
  border-left: 5px solid #0071BC;
  padding-bottom: 0;
}
.sideMenu-mainList li[data-active=true].open {
  background-color: #06427A;
}
.sideMenu-mainList li[data-active=true] a {
  margin-left: -4px;
}
.sideMenu-mainList li:before {
  background: none;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
  z-index: -1;
}
.sideMenu-mainList li a {
  text-decoration: none;
  display: block;
}
.sideMenu-mainList .sideMenu-Title {
  display: none;
  position: absolute;
  left: 30%;
  font-size: 1.6rem;
  color: white;
}
.sideMenu-mainList .sideMenu-Title.sideMenu-Open {
  display: inline;
  text-transform: uppercase;
}
.sideMenu-mainList .dropdown-menu.menu-dropdown-list {
  padding: 0 0 15px 0;
  line-height: 30px;
}

#sideMenuFEXP {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 70px;
  background-color: #0071BC;
  border: 1px solid #0071BC;
  list-style: none;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  max-width: 100%;
  min-width: 100%;
  height: 100vh;
}
#sideMenuFEXP .menu-dropdown-list {
  background-color: #06427A;
  color: #FFFFFF;
  border-radius: 0;
  border: none;
  box-shadow: none;
  padding: 0;
  position: relative;
  width: 100%;
}
#sideMenuFEXP .menu-dropdown-list > .sideMenu-Title {
  left: 15%;
}
#sideMenuFEXP li {
  display: inline-block;
  line-height: 50px;
  position: relative;
  width: 100%;
  padding: 10px 0 0 0;
  text-decoration: none;
  font-weight: bolder;
  fill: white;
  color: white;
}
#sideMenuFEXP li.open, #sideMenuFEXP li.open a, #sideMenuFEXP li.open a strong {
  background-color: #06427A;
  color: #FFFFFF;
  fill: #FFFFFF;
}
#sideMenuFEXP li.open:hover, #sideMenuFEXP li.open a:hover, #sideMenuFEXP li.open a strong:hover {
  background-color: #06427A;
  color: #e87722;
  fill: #e87722;
}
#sideMenuFEXP li[data-active=true] {
  background-color: #ededed;
  border-left: 5px solid #0071BC;
  padding-bottom: 0;
}
#sideMenuFEXP li[data-active=true].open {
  background-color: #06427A;
}
#sideMenuFEXP li[data-active=true] a {
  margin-left: -4px;
}
#sideMenuFEXP li:before {
  background: none;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
  z-index: -1;
}
#sideMenuFEXP li a {
  text-decoration: none;
  display: block;
  color: white;
}

.hamburgerButton {
  width: 100%;
  text-align: center;
  height: 62px;
  background-color: white;
}

.hamburgerButton.Desktop {
  width: auto;
}

/*--Hamburguesa--*/
.hamburger {
  background: transparent;
  border: none;
  display: block;
  height: 32px;
  width: 25px;
  color: #002855;
  position: relative;
  left: 15px;
  top: 15px;
}

.hamburger:hover {
  outline: none;
}

.hamburger:focus {
  outline: none;
}

.hamburger:active {
  outline: none;
}

.hamburger.is-closed:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: "";
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.hamburger.is-closed:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}

.hamburger.is-closed:hover .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  top: 0;
}

.hamburger.is-closed:hover .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  bottom: 0;
}

.hamburger.is-closed .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: #0071BC;
  top: 5px;
}

.hamburger.is-closed .hamb-middle {
  background-color: #0071BC;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-closed .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: #0071BC;
  bottom: 5px;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}

.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #0071BC;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-open .hamb-middle {
  background-color: #0071BC;
  display: none;
}

.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #0071BC;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-open:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #002855;
  content: "";
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.hamburger.is-open:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}

.mobileMenu {
  display: none;
}

/*----------Menu Lateral Izquierdo----------*/
#wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  padding-left: 0;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 220px;
  display: block;
}

#wrapper.toggled #page-content-wrapper {
  margin-right: -220px;
  position: absolute;
}

#sidebar-wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  background: #0071BC;
  height: 100%;
  left: 220px;
  margin-left: -220px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.5s ease;
  width: 0;
  z-index: 1000;
  width: 58px;
}
#sidebar-wrapper span {
  color: white;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper-central {
  padding-top: 70px;
  padding-bottom: 75px;
  width: 100%;
  background: #ededed;
}

.sidebar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 85px;
  width: 220px;
}

.sidebar-nav li {
  display: inline-block;
  line-height: 50px;
  position: relative;
  width: 100%;
}

.sidebar-nav li:before {
  background: none;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: width 0.2s ease-in;
  width: 3px;
  z-index: -1;
}

.sidebar-nav li:first-child a {
  background: none;
}

.sidebar-nav li:hover:before {
  transition: width 0.2s ease-in;
  width: 100%;
}

.sidebar-nav li a {
  color: #fff;
  display: block;
  padding: 10px 15px 10px 10px;
  text-decoration: none;
  font-weight: bolder;
}

.sidebar-nav li.open:hover before {
  transition: width 0.2s ease-in;
  width: 100%;
}

.sidebar-nav .dropdown-menu {
  background-color: #06539D;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.sidebar-nav .dropdown-menu li {
  padding-bottom: 0.4em;
  padding-left: 0.5em;
}

.sidebar-nav li a:hover, .sdebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
  background-color: transparent;
  color: #e87722;
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  font-size: 20px;
  height: 65px;
  line-height: 44px;
  margin-bottom: 1em;
}

ul.nav.sidebar-nav img {
  width: 100%;
}

img.menu-icon {
  margin: 0 1.5em 0 0;
  position: relative;
  top: 5px;
  left: 5px;
}

i.material-icons.iconosIzq {
  font-size: 40px;
  color: #fff;
}

strong.title {
  position: absolute;
  left: 30%;
  font-size: 1.6rem;
}

/*[class^="icon-"], [class*=" icon-"] {
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    display: inline-block;
}

.icon-eyedropper {
    background-image: url(/Content/img/sidemenu/icono-laboratorio.svg);
}

.icon-pppl {
    background-image: url(/Content/img/sidemenu/icono-pppl.svg);
}
.icon-thumbs-up {
    background-image: url(/Content/img/sidemenu/icono-calidad.svg);
}

.icon-settings {
    background-image: url(/Content/img/sidemenu/icono-configuration.svg);
}

.icon-supplychain {
    background-image: url(/Content/img/sidemenu/icono-supply-chain.svg);
}

.icon-droplet {
    background-image: url(/Content/img/sidemenu/icono-awica.svg);
}*/
/*-------------Seccion 1: Cabecera------------------*/
header {
  width: var(--contentWidth, 95%);
  transition: all 0.5s;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-width: var(--contentWidth, 95%);
  z-index: 1001;
  background-color: white;
  max-height: 72px;
  width: 100%;
  height: 100%;
  grid-area: header;
}
header.oculto {
  transform: translateY(-100%);
}
header.public {
  height: 62px;
}

.header_user {
  display: flex;
  list-style: none;
  margin: 0 0 0 auto;
  height: 100%;
}

.header-brand {
  height: min-content;
}

.logotipo {
  display: inline;
  width: 100px;
  padding: 6px 12px;
  margin-left: 48px;
}
.logotipo[src="/Content/fexp/img/PublicaNueva/Logo_WP.svg"] {
  width: 160px;
}
.logotipo[src="/Content/img/logo/Logo_WP.svg"] {
  width: 160px;
}

.cabezon_container {
  display: inline-block;
  text-decoration: none;
  padding-top: 1em;
}

header a.dropdown-toggle:not(.cabezon_container) {
  margin: 0;
  padding: 0px 5px 0px 5px;
}

.dropdown.desplegable.open {
  color: #555;
  background-color: #e7e7e7;
}

.icon-size {
  font-size: 87px;
}

.modal-title {
  font-weight: 100 !important;
  text-transform: uppercase;
}

.datosPers {
  padding: 0px;
  display: inline-block;
  vertical-align: bottom;
}
.datosPers h4 {
  color: gray;
  font-size: 1.5rem;
  line-height: 19px;
  margin: 0;
  padding: 0;
}
.datosPers h5 {
  font-size: 1.2rem;
  color: gray;
  margin-top: 5px;
}

.dropdown-caret {
  color: #76838F;
  margin-left: 10px;
  padding-top: 10px;
}

/**Hack para romper la especificación del demonio de BS3**/
.cabezon.desplegable.dropdown {
  fill: gray;
}
.cabezon.desplegable.dropdown svg {
  margin-bottom: 15px;
  margin-left: 10px;
}
.cabezon.desplegable.dropdown.open {
  background-color: #0071BC;
  fill: white !important;
}
.cabezon.desplegable.dropdown.open .datosPers * {
  color: white !important;
  fill: white !important;
}

.menuUsuario {
  width: 100%;
  background-color: #0071BC;
  color: white !important;
  border-radius: 0 0 4px 4px;
  margin-top: 1px;
}
.menuUsuario li {
  color: white;
}
.menuUsuario li:hover {
  background-color: #0071BC;
  color: #e87722;
}
.menuUsuario li a {
  background-color: inherit;
  color: inherit;
  white-space: normal;
}
.menuUsuario li a:focus, .menuUsuario li a:focus .fa {
  color: #0071BC !important;
}
.menuUsuario li a:hover {
  background-color: #0071BC;
  color: #e87722;
}

/*-- Estilos para el avatar --*/
.imgUser {
  width: 3.5em;
  margin: 0 7px 7px 15px;
  border: none;
  border-radius: 100%;
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-top: -33px;
}

.open .imgUser {
  filter: brightness(0) invert(1);
}

/* Estilo para la imagen subida*/
/*-- Estilos para el portrait de users*/
.logoPortrait {
  max-height: 200px;
  max-width: 200px;
}
.logoPortrait > img {
  border: 1px solid #0071BC;
  display: block;
  margin: 1.5em auto 0 auto;
  height: 50%;
  width: 60%;
  border-radius: 100%;
}

.btnSalir {
  margin-top: 5px;
  padding-left: 5px;
  align-self: center;
}
.btnSalir a {
  padding: 45px 15px 15px 0px;
}
.btnSalir .fa {
  color: gray;
  font-size: 2.25rem;
}
.btnSalir .fa:hover {
  color: #d9534f;
}

/**Layout FEXP grids**/
.fexpgrid_layout {
  margin-top: 1em;
  overflow: auto;
  min-width: 0;
  display: grid;
  display: -ms-grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-template-areas: "header" "grid" "pager";
  -ms-grid-columns: 100%;
  -ms-grid-rows: 100%;
}
.fexpgrid_layout .fexpgrid_header {
  grid-area: header;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.fexpgrid_layout .fexpgrid_header .fexpgrid_Views {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: auto;
  flex: 1 0 25%;
}
.fexpgrid_layout .fexpgrid_botonesMenuSuperior {
  grid-area: boton;
  justify-content: flex-end;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  -ms-flex-direction: row;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .fexpgrid_layout .fexpgrid_botonesMenuSuperior {
    float: right;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-pack: end;
  }
}
.fexpgrid_layout .fexpgrid_gridTable {
  grid-area: grid;
  min-width: 0;
  overflow: hidden;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.fexpgrid_layout .fexpgrid_pager {
  grid-area: pager;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.AnalysisProfileTable_Container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.AnalysisProfileTable_Container .AnalysisProfileTable_Item {
  width: 100%;
  min-width: 250px;
  max-width: 47%;
  padding: 1em;
}

.tipoVista {
  margin-right: 1em;
  min-width: 30%;
}
.tipoVista .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #2A2A2A;
  font-size: 1.6rem;
}
.tipoVista .select2-container .select2-selection--single {
  height: 29px;
}

/*----Paginación-----*/
.fexpPagination, .fexpgrid_layout .fexpgrid_header {
  padding: 1em;
  font-size: 1.3rem;
  margin: 0;
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: space-between;
}

.pagination_pageSize {
  text-align: end;
}

.pagination_item, .pagination_pageSize {
  min-width: 15%;
}

/*TODO: Refactoring */
.paginacionGrid {
  padding: 1em;
  font-size: 1.5rem;
  width: 100%;
  border-top: 1px solid #ddd;
  margin: 0;
}

.paginacionGrid2 {
  padding: 1em 0em;
  font-size: 1.3rem;
  border-top: 1px solid #ddd;
  margin: 0;
}

/*END TODO*/
/**End grids**/
.panelGrids .panel-heading {
  background-color: transparent;
  margin-bottom: 7px;
}
.panelGrids .panel-body {
  background-color: #F7FBFF;
}

.headerGrid {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.headerGrid *:not(:first-child) {
  margin-left: 5px;
}
.headerGrid h1 {
  color: #e87722;
  margin: 0;
}

.carouselContainer {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  justify-items: center;
  grid-column-gap: 2em;
  grid-row-gap: 20px;
}

.headerGrid.flex {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 20px 1.5em 20px 0;
}
.headerGrid.flex h1 {
  display: inline;
}

.crearReglaGrids {
  padding-bottom: 1em;
}
.crearReglaGrids h4 {
  padding-top: 10px;
  padding-left: 5px;
  color: grey;
}
.crearReglaGrids .tipoFiltroForm {
  padding-top: 10px;
}

.compartirReglaGrids span {
  color: #aaa;
}

.saveAsVista {
  padding-top: 8px;
}
.saveAsVista p {
  font-size: 1.3rem;
  color: #707070;
  float: left;
  display: inline;
  margin-right: 0.5em;
}
.saveAsVista .cierreModal {
  color: #337ab7;
  margin: 0;
  padding: 0;
}
.saveAsVista .dspIb {
  border-radius: 3px;
}

.saveAsButton {
  cursor: pointer;
  color: #aaa;
  font-size: 2rem;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  border: 0;
  background-color: transparent;
}
.saveAsButton:hover {
  color: #0071BC;
}
.saveAsButton:before {
  box-sizing: border-box;
  content: "\e234";
}

.fexpGridFilter {
  margin-bottom: 0 !important;
}
.fexpGridFilter p {
  color: gray;
  display: inline-block;
  padding-top: 14px;
  margin-right: 10px;
}
.fexpGridFilter span.input.input--ruri.input--ruri5 {
  width: 100%;
}
.fexpGridFilter .input__field--ruri {
  margin-bottom: 0;
}
.fexpGridFilter span.input.input--ruri {
  position: relative;
  top: -8px;
}
.fexpGridFilter .derecha {
  float: right;
}
.fexpGridFilter .selector {
  display: inline-block;
}
.fexpGridFilter fieldset {
  padding: 0em 1em 0em 1em;
}
.fexpGridFilter .labelMuestras {
  font-weight: normal;
  color: #707070;
}
.fexpGridFilter ul:not(.filterChecks_listChecks) {
  list-style: none;
  float: left;
  display: inline-block;
  margin-bottom: 0px;
}
.fexpGridFilter ul:not(.filterChecks_listChecks) li {
  float: left;
  margin-right: 10px;
}
.fexpGridFilter h5 {
  font-weight: bold;
  color: #0071BC;
  margin: 0.2em;
}

.fexpGridColOrderList {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.fexpGridColOrderList button {
  margin: 0.1em;
}
.fexpGridColOrderList span {
  color: #aaa;
}
.fexpGridColOrderList label {
  color: #2A2A2A;
  font-weight: normal;
  font-size: 1.5rem;
  padding-left: 1em;
}
.fexpGridColOrderList .p-curve {
  margin-left: 1em;
  margin-top: 1em;
}

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

.fexpGridColOrderItem:first-child .btnup {
  display: none;
}

.fexpGridColOrderItem:last-child .btndown {
  display: none;
}

.gridFlex {
  display: flex;
  display: -ms-flexbox;
  align-content: flex-start;
}
.gridFlex a .fa-user-times, .gridFlex img .fa-user-times {
  color: #D33C36;
  font-size: 20px;
  pointer-events: none;
}
.gridFlex a:not(:last-child), .gridFlex img:not(:last-child) {
  margin: 0 5px 0 0;
}

.filtroAvanzado {
  width: 100%;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  height: 100px;
  border: 1px dashed orange;
}

.bordeExterior {
  margin-bottom: 0px !important;
  border: 1px solid #ddd;
}

.advancedFilter {
  font-weight: bold;
  font-size: 1.3rem;
  color: #0071BC;
  padding-top: 12px;
  padding-right: 10px;
}

.advancedFilter:hover {
  color: #e87722;
}

.interiorPagGrid {
  width: 100%;
  margin: 0;
  padding: 0.1em;
  font-size: 1.3rem;
}

.resaltarNum {
  color: #2A2A2A;
  margin-left: 0.3em;
  margin-right: 0.3em;
  font-size: 1.3rem;
}

.actualPage {
  text-align: center;
  background-color: white;
  font-weight: bold;
  font-size: 1.3rem;
  width: 60px !important;
  border: 1px solid #aaa;
  height: 24px !important;
  margin-left: 0.5em;
  margin-right: 0.5em;
  color: #2A2A2A;
  padding: 1px;
}

.interlineado {
  padding-bottom: 1em;
}

.botonGrid {
  background-color: #0071BC;
  color: white;
}

/*---Botones-----*/
.btnActions .btn[disabled] {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.botonMenuGrid {
  background-color: white;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin: 0px 1px -1px 1px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.botonMenuGrid span {
  color: #aaa;
}
.botonMenuGrid .fa {
  color: #0071BC;
  margin: 0;
  position: relative;
  top: 0px;
}

.botonMenuGrid:hover {
  background-color: #0071BC !important;
}
.botonMenuGrid:hover span, .botonMenuGrid:hover .fa {
  color: white;
}

button.isFiltered span {
  color: #e87722;
}

.botonExtraMenuGrid {
  background-color: #FF9797;
  border: 1px solid #FF6262;
  border-radius: 4px;
  margin: 0px 1px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  animation-name: boton-color;
  animation-duration: 3s;
  animation-iteration-count: 3;
}
.botonExtraMenuGrid .fa {
  color: #0071BC;
  margin: 0;
  position: relative;
  top: 0px;
}

@keyframes boton-color {
  from {
    color: #e87722;
  }
  to {
    color: #F6F8FF;
  }
}
.botonExtraMenuGrid:hover {
  background-color: #0071BC;
}
.botonExtraMenuGrid:hover .fa {
  color: white;
}

button.botonMenuGridFiltro.open {
  background-color: #eee;
  border-bottom: 0px solid #eee;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.mandosPaginacion {
  color: #aaa;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.margenPaginacion {
  margin-bottom: 2px;
}

.selectPageSize {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 0.2em;
  margin-left: 3px;
}

.fieldsetGrid {
  border: 1px solid #ddd;
  padding: 0em 1em 1em 1em;
  background-color: transparent;
}

.sectionFilterGrid {
  margin-top: 1em;
  width: 100%;
}

.legendGrid {
  font-size: 1.5rem;
  color: #2A2A2A;
  margin-bottom: 4px;
  width: 100%;
  font-weight: bold;
}

/*---Sección Descarga Grids----*/
.descargaGrids ul {
  list-style: none;
  display: inline-block;
}
.descargaGrids li {
  float: left;
}
.descargaGrids h3 {
  display: inline-block;
  margin-right: 2em;
}
.descargaGrids label {
  margin-right: 1em;
}

.tablaGridModelo {
  font-size: 13.6px !important;
  /*HACK: BS3 specifity*/
}
.tablaGridModelo thead {
  background-color: #e9ecef;
}
.tablaGridModelo thead th {
  font-weight: normal !important;
}
.tablaGridModelo thead th span {
  color: #006BB3 !important;
}
.tablaGridModelo thead span {
  line-height: 1em;
}
.tablaGridModelo .table > tbody > tr > td,
.tablaGridModelo .table > tbody > tr > th,
.tablaGridModelo .table > tfoot > tr > td,
.tablaGridModelo .table > tfoot > tr > th,
.tablaGridModelo .table > thead > tr > td,
.tablaGridModelo .table > thead > tr > th {
  padding: 10px;
  vertical-align: middle;
}

.cabeceraGrid {
  position: relative;
}
.cabeceraGrid th {
  border-right: 1px solid #ddd;
  cursor: pointer;
}
.cabeceraGrid .margenIzq {
  margin-right: 2px;
}
.cabeceraGrid .colOrder-asc::after {
  content: url(/Content/fexp/img/flecha-up.png);
  position: absolute;
  top: 0px;
  right: 3px;
}
.cabeceraGrid .colOrder-asc::before {
  content: "";
}
.cabeceraGrid .colOrder-desc::after {
  content: url(/Content/fexp/img/flecha-down.png);
  position: absolute;
  top: 0px;
  right: 3px;
}
.cabeceraGrid .colOrder-desc {
  content: "";
}

.responsive-table {
  width: 99.8%;
  margin-bottom: 1.5em;
}

.responsive-table tbody td[data-type=currency] {
  text-align: right;
}

.responsive-table tbody td[data-title]:before {
  content: attr(data-title);
  float: left;
  font-size: 0.8em;
  color: rgba(94, 93, 82, 0.75);
}

.responsive-table thead {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.responsive-table thead th {
  background-color: #064382;
  font-weight: normal;
  text-align: center;
  color: white;
}

.responsive-table thead th:first-of-type {
  text-align: left;
}

.responsive-table tbody,
.responsive-table tr,
.responsive-table th,
.responsive-table td {
  display: block;
  padding: 0;
  text-align: center;
  white-space: normal;
}

.responsive-table th,
.responsive-table td {
  padding: 0.5em;
  vertical-align: middle;
}

.responsive-table caption {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}

.responsive-table tfoot {
  font-size: 0.8em;
  font-style: italic;
}

.responsive-table tbody tr {
  margin-bottom: 1em;
}

.responsive-table tbody tr:last-of-type {
  margin-bottom: 0;
}

.responsive-table tbody th[scope=row] {
  background-color: #064382;
  color: #fff;
  font-weight: initial;
}

.responsive-table tbody td {
  text-align: center;
}

.tablaDesign {
  font-size: 1.3rem;
}
.tablaDesign thead {
  background-color: #FFFCF4;
  font-weight: bold;
}
.tablaDesign .fa {
  font-weight: normal;
  color: gray;
  padding-right: 0.5em;
}
.tablaDesign .fa:hover {
  color: #e87722;
}
.tablaDesign ul {
  list-style: none;
  float: left;
  padding-top: 0.5em;
}
.tablaDesign li {
  color: gray;
}
.tablaDesign a, .tablaDesign span {
  font-weight: normal;
  font-size: 1.3rem;
}
.tablaDesign a:hover, .tablaDesign span:hover {
  color: #e87722;
}
.tablaDesign .verde {
  color: green;
}
.tablaDesign .rojo {
  color: indianred;
}
.tablaDesign img {
  width: 20px;
}

.icon-acta {
  margin: 3px;
}

.icon-acta:hover {
  opacity: 0.6;
}

/*----filas pares----*/
.tablaDesign tr.gridRow:nth-child(2n+1) {
  background-color: white;
}

/*----filas impares----*/
.tablaDesign tr.gridRow:nth-child(2n) {
  background-color: #fff;
  /*background-color: #F9F9F9;*/
}

/*----filas desplegadas----*/
.tablaDesign tr.responsiveRow {
  background-color: #eee;
}

/*----filas hover----*/
.tablaDesign tr.gridRow:hover {
  background-color: #F6F8FF;
}

.notOrderable {
  cursor: default !important;
}

/*CSS Flex*/
/*formularios calidad*/
.cpcc-forms {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: space-between;
}
.cpcc-forms:after {
  content: "";
  max-width: 30%;
  min-width: 290px;
  width: 100%;
}

.cpcc-forms_Items, .cpcc-forms_ItemsMedium {
  max-width: 30%;
  min-width: 290px;
  width: 100%;
  padding: 10px 0;
}
.cpcc-forms_Items > * > p, .cpcc-forms_ItemsMedium > * > p {
  margin: 0;
}

.cpcc-forms_ItemsMedium {
  max-width: 65%;
}

/*Group by*/
.fexpGridGruoupLine {
  text-align: left;
}

/*Flex para calidad. Reverse para responsive*/
.flex-titleImage {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.flex-titleImage img {
  display: inline-block;
  max-width: 75px;
  width: auto;
  height: auto;
  margin-right: 2em;
}

/*Flex de fexpgrids*/
.flex_filterChecks {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
}
.flex_filterChecks > label {
  color: gray;
  white-space: nowrap;
  align-self: center;
  margin-right: 2em;
}

.filterChecks_listChecks {
  display: inline-flex;
  display: -ms-inline-flexbox;
  flex-flow: row wrap;
  width: auto;
  list-style: none;
  padding-left: 0;
  align-content: baseline;
}
.filterChecks_listChecks li {
  margin-right: 10px;
  float: left;
}

/*Flex de paginador*/
.flex-paginador {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.paginador-pagina {
  margin: 0 auto;
  min-width: 145px;
}

/*Flexbox genérico para botonera*/
.flex-botonera {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding: 0 1%;
}
.flex-botonera a.btn {
  margin-top: 1em;
}

/*flexbox genérico de filtros, menu superiores y filtro global*/
.flex-botoneraFiltro {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  margin-bottom: 1em;
}
.flex-botoneraFiltro .filtroGlobal {
  margin-right: auto;
}
.flex-botoneraFiltro a.btn:not(:last-child), .flex-botoneraFiltro button:not(:last-child) {
  margin-right: 1em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .flex-botoneraFiltro {
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
  }
  .flex-botoneraFiltro .filtroGlobal {
    margin-right: 67%;
  }
}
/*Flexbox de botonera de PPPs*/
.flex-pppBotonera {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: space-between;
  margin-bottom: 2em;
}
.flex-pppBotonera div {
  margin-top: 2em;
}

.flex-tags {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
}

.tags-item {
  margin: 0 1em;
  display: flex;
  display: -ms-flexbox;
}
.tags-item a {
  margin: 0 0.3em;
}
.tags-item a .fa {
  margin-top: 0.1em;
}

/*Popup*/
.flex-isFoodSecuritas {
  margin-top: 1.5em;
  display: grid;
  flex-flow: column nowrap;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.flex-isFoodSecuritas * {
  margin: 0 auto;
}

.flex-GeolocationComponent {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: space-between;
}
.flex-GeolocationComponent > div {
  width: 45%;
  height: 70px;
  align-self: flex-end;
}
.flex-GeolocationComponent > div > div {
  vertical-align: bottom;
}
.flex-GeolocationComponent > .flex-coordinates {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.flex-GeolocationComponent > .flex-coordinates > div {
  width: 45%;
  height: 70px;
  align-self: flex-end;
}
.flex-GeolocationComponent > .flex-coordinates > div > div {
  vertical-align: bottom;
}

.flex-Conclusion {
  width: 100%;
  padding: 1em 2em;
  display: flex;
  display: -ms-flexbox;
  flex-flow: column nowrap;
}

.flex-Conclusion > div {
  width: 100%;
  padding: 10px 0;
}

.flex-Conclusion > * > p {
  margin: 0;
}

.flex-TVCResumen {
  display: flex;
  display: -ms-flexbox;
  flex-flow: column nowrap;
  justify-content: space-around;
}
.flex-TVCResumen > section {
  padding: 1em 2em;
}

/*CSS Flex*/
.flex-RequestPPPL {
  margin: 0.5em 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.flex-RequestPPPL .fexpInput, .flex-RequestPPPL .selectInput {
  width: 270px;
}
.flex-RequestPPPL .mailList {
  width: 100%;
}
.flex-RequestPPPL .mailList .fexpInput, .flex-RequestPPPL .mailList .selectInput {
  width: 100%;
}

.flex-alarmNotification {
  display: flex;
  flex-flow: row wrap;
}
.flex-alarmNotification h6 {
  min-width: 200px;
  max-width: 300px;
  margin-top: 1.6em;
}
.flex-alarmNotification .selectpickerDesign {
  min-width: 275px;
  width: 100%;
  max-width: 843px;
}
.flex-alarmNotification li {
  padding: 0 1em;
}

.flex-TMTitle {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  flex-flow: row wrap;
}

.flex-TMForm {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  align-items: center;
}
.flex-TMForm div.TMForm-item {
  width: 100%;
  max-width: 330px;
  min-width: 330px;
  margin: 0 2%;
  order: 1;
  width: 21%;
}
.flex-TMForm div.TMForm-Attachment {
  width: 100%;
  max-width: 400px;
  min-width: 400px;
}
.flex-TMForm div.TMForm-Attachment .uploadAnyFile input {
  width: 100%;
}
.flex-TMForm div.TMForm-carrusel {
  width: 40%;
  margin: 0 2%;
  order: 1;
}
.flex-TMForm div.TMForm-fullItem {
  width: 100%;
  margin: 0 2%;
  order: 1;
}
.flex-TMForm div.TMForm-header.sampleTitle {
  flex: 0 0 auto;
  text-align: left;
  margin: 0 1.5em 1em 1.5em;
}
.flex-TMForm div.TMForm-header.protocol {
  flex: 0 0 auto;
  margin: 0 0 1em 0;
}
.flex-TMForm div.TMForm-header.select {
  flex: 0 0 150px;
  margin: 0 0 1em 1.5em;
}

.sampleForm_Header {
  margin-left: 2em;
}

.flex-popUpForm {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  align-content: space-between;
}
.flex-popUpForm div.PUForm-item {
  flex: 1 0 300px;
  max-width: 300px;
  min-width: 300px;
  padding: 0.5em 1em;
  margin: 0 1em;
}

.flex-TMRForm {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  align-content: space-between;
  padding: 0 35px;
}
.flex-TMRForm div.TMForm-item {
  flex: 0 0 200px;
  max-width: 200px;
  min-width: 200px;
  padding: 0.5em 1em;
  margin: 0 1em;
  order: 1;
}
.flex-TMRForm div.TMForm-carrusel {
  width: 50%;
  margin: 0 2%;
  order: 1;
}
.flex-TMRForm div.TMForm-fullItem {
  width: 100%;
  margin: 0 2%;
  order: 1;
}
.flex-TMRForm div.TMForm-header {
  min-width: 11%;
  width: 11%;
  margin: 0;
}

.flex-defectsModal {
  margin-top: 1em;
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
}
.flex-defectsModal .item-defects {
  flex: 0 1 350px;
  margin: 0 25px;
  height: 75px;
  align-self: baseline;
}

.TVCResumen-Datos {
  padding: 1em 2em;
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
}

.quality-fieldset {
  flex-basis: 33%;
  min-width: 250px;
}

.TVCResumen-Graficas {
  display: flex;
  display: -ms-flexbox;
  flex-flow: column nowrap;
}

.TVC-graficas-iterable {
  flex-basis: 100%;
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  align-content: space-around;
}

.Graficas-Datos {
  padding: 1rem 2rem;
  flex: 1 2 40%;
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
}

.progress-TVC {
  align-self: center;
  margin-bottom: 0;
  flex: 2 1 50%;
  min-width: 200px;
}

.Graficas-Title {
  flex-basis: 100%;
}

.Graficas-Datos-porcentajes {
  flex: 30%;
  margin-right: 15px;
}

.Graficas-Datos-Datos {
  flex: 70%;
}

.flex-recoleccion {
  width: 100%;
  padding: 1em 2em;
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
}

.flex-recoleccion > div {
  width: 33%;
  padding: 10px 0;
  min-width: 350px;
}

.flex-recoleccion > .fullwidth {
  width: 100%;
  padding: 10px 0;
}

.flex-recoleccion > * > p {
  margin: 0;
}

/*Flex para input image album*/
.flex-inputImageAlbum {
  display: flex;
  flex-flow: column wrap;
}
.flex-inputImageAlbum #img_SCPPublicPhoto[src="/Content/fexp/img/broken_photo.svg"] {
  height: 315px !important;
  width: 451px !important;
  margin: 0 auto;
}
.flex-inputImageAlbum .inputImageAlbum-portrait {
  max-width: 55%;
  min-width: 250px;
  width: 100%;
  margin: 0 auto;
}
.flex-inputImageAlbum .inputImageAlbum-AlbumContainer {
  margin-top: 2em;
  margin-left: 2em;
  display: flex;
  flex-flow: row wrap;
}
.flex-inputImageAlbum .inputImageAlbum-AlbumContainer .inputImageAlbum-photo {
  padding: 1em;
  margin: 0 1em;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.flex-inputImageAlbum .inputImageAlbum-AlbumContainer .inputImageAlbum-photo .inputImageAlbum-image {
  height: 132px;
  max-width: 450px;
  min-width: 320px;
  width: 100%;
  padding: 1em;
  border: 1px solid #ddd;
}

/*CSS Grid*/
/*grid de filtros*/
.grid_filter {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: auto;
  align-items: start;
  grid-column-gap: 1em;
  grid-row-gap: 0.5em;
}

/*grid de filtros*/
.grid_filter {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: auto;
  align-items: start;
  grid-column-gap: 1em;
  grid-row-gap: 0.5em;
}

.filter_number {
  grid-column: span 1;
}

.filter_small {
  grid-column: span 2;
}

.filter_normal {
  grid-column: span 4;
}

.filter_big {
  grid-column: span 8;
}

/* Quality grids*/
.QualityStart_container {
  display: grid;
  grid-template-columns: 0.6fr 4fr;
  grid-template-rows: repeat(7, auto);
  grid-template-areas: "image alert" "image h1" "image h2" "image h3" "image cta" "image stores" "image test";
}
.QualityStart_container .QualityStart_image {
  grid-area: image;
}
.QualityStart_container .QualityStart_image img {
  display: block;
  margin: 0 auto;
  width: 660px;
  height: auto;
}
.QualityStart_container .QualityStart_Access {
  grid-area: alert;
}
.QualityStart_container .QualityStart_h1 {
  grid-area: h1;
  color: #e87722;
  font-weight: bold;
  display: inline-block;
  font-size: 2em;
  line-height: 1.3em;
  margin: 0;
}
.QualityStart_container .QualityStart_h2 {
  grid-area: h2;
  color: #0071BC;
  font-size: 2em;
}
.QualityStart_container .QualityStart_h3 {
  grid-area: h3;
  color: #666666;
  font-size: 1.8em;
}
.QualityStart_container .QualityStart_cta {
  grid-area: cta;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: flex-start;
}
.QualityStart_container .QualityStart_cta button {
  font-size: 1.4em;
  font-weight: bold;
  padding: 25px 60px;
  border-radius: 15px;
  text-transform: uppercase;
}
.QualityStart_container .QualityStart_containerStores {
  grid-area: stores;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
}
.QualityStart_container .QualityStart_containerStores a {
  margin-left: 2em;
}
.QualityStart_container .QualityStart_containerStores a img {
  height: auto;
  width: 160px;
}
.QualityStart_container .QualityStart_anchorTest {
  grid-area: test;
}
.QualityStart_container .QualityStart_anchorTest a {
  margin-left: 1em;
}

.QualityStart_FreeTrial h4 {
  color: #2A2A2A;
  font-size: 1.75rem;
}

.QualityStartTiles_container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  background-color: white;
  padding: 1.5em 0;
}
.QualityStartTiles_container .QualityStartTiles {
  border: 1px solid #ddd;
  border-radius: 10px;
  display: flex;
  flex-flow: column nowrap;
  padding: 2em;
  width: 300px;
  text-align: center;
  margin-bottom: 1.5em;
}
.QualityStartTiles_container .QualityStartTiles .fa {
  align-self: center;
  font-size: 40px;
  color: #0071BC;
}

.QualityStart_Prices {
  padding: 2.5em 4em;
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  grid-template-rows: auto auto;
  grid-column-gap: 4em;
  grid-template-areas: "reducida estandar" "texto texto";
}
.QualityStart_Prices [class*=QualityStart_Prices] {
  border: 1px solid #737373;
  border-radius: 25px;
  text-align: center;
}
.QualityStart_Prices [class*=QualityStart_Prices] h3, .QualityStart_Prices [class*=QualityStart_Prices] h4 {
  font-size: 20px;
  color: #737373;
  font-weight: bold;
}
.QualityStart_Prices [class*=QualityStart_Prices] h3:first-child {
  margin-top: 1em;
  font-size: 25px;
  color: #e87722;
}
.QualityStart_Prices [class*=QualityStart_Prices] h3:not(:first-child) {
  margin-top: 2em;
}
.QualityStart_Prices [class*=QualityStart_Prices] .QualityStart_pros {
  text-align: left;
  margin-top: 3em;
  padding: 0 2em;
}
.QualityStart_Prices [class*=QualityStart_Prices] .QualityStart_pros p {
  margin-bottom: 1.5em;
}
.QualityStart_Prices .QualityStart_Prices_Reducida {
  grid-area: reducida;
}
.QualityStart_Prices .QualityStart_Prices_Estandar {
  grid-area: estandar;
}
.QualityStart_Prices .QualityStart_Texto {
  margin-top: 2em;
  grid-area: texto;
}

.QualityCompanies_container {
  background-color: white;
  padding: 1.5em 0 1.5em 3.5em;
}
.QualityCompanies_container .QualityCompanies_Title {
  margin-left: 25px;
}
.QualityCompanies_container .QualityCompanies_containerImages {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.QualityCompanies_container .QualityCompanies_containerImages .QualityCompanies_images {
  display: block;
  width: auto;
  max-height: 75px;
  object-fit: contain;
  margin: 1.5em 2.5em;
}

.QualityStartPublicImage {
  background-image: url(/Content/Fexp/img/quality.jpg);
  background-size: cover;
  background-position: bottom bottom;
  display: flex;
  align-content: center;
  width: auto;
  height: 850px;
  min-width: 100%;
}
.QualityStartPublicImage .QualityStartPublicImage_ContainerText {
  background-color: rgba(1, 1, 1, 0.7);
  display: flex;
  flex-flow: column nowrap;
  padding: 4em;
  width: 50%;
  margin: 5em 5em 13em 5em;
}
.QualityStartPublicImage .QualityStartPublicImage_ContainerText ul {
  color: white;
  font-size: 2.2rem;
  padding-inline-end: 1em;
}
.QualityStartPublicImage .QualityStartPublicImage_ContainerText ul li {
  font-size: 26px;
  margin-bottom: 1.5em;
}
.QualityStartPublicImage .QualityStartPublicImage_ContainerText ul li::marker {
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 1em;
}
.QualityStartPublicImage .QualityStartPublicImage_ContainerText ul li span {
  color: inherit;
  font-size: inherit;
  position: relative;
  left: 10px;
}

/* PPPL Tags*/
.grid-tagModal {
  display: grid;
  grid-template-columns: 0.7fr 0.3fr;
  grid-template-rows: 0.4fr 0.4fr 0.2fr;
  grid-column-gap: 1em;
  grid-row-gap: 2em;
  grid-template-areas: "instructions instructions" "tags tags" "search boton";
}

.tagModal-instructions {
  grid-area: instructions;
}

.tagModal-tags {
  grid-area: tags;
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
}
.tagModal-tags div {
  margin-right: 2em;
}

.tagModal-search {
  grid-area: search;
}

.tagModal-boton {
  grid-area: boton;
}

/*Admin tags*/
.grid-adminPPPLtags {
  display: grid;
  grid-template-columns: 0.25fr 0.1fr 0.65fr;
  grid-template-rows: 0.4fr auto 0.2fr;
  grid-column-gap: 1em;
  grid-row-gap: 2em;
  grid-template-areas: "instructions instructions instructions" "tags tags tags" "search boton .";
}

.adminPPPLtags-instructions {
  grid-area: instructions;
}

.adminPPPLtags-tags {
  grid-area: tags;
}

.adminPPPLtags-search {
  grid-area: search;
  align-self: center;
}

.adminPPPLtags-boton {
  grid-area: boton;
  align-self: center;
  justify-self: center;
}
.adminPPPLtags-boton button {
  margin-top: 1em;
}

/*Toma de muestras*/
.grid-SolicitarAnalisis {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  grid-template-rows: 95px 95px auto;
  grid-column-gap: 5%;
  grid-template-areas: "labo labo grid" "time expected grid" "comments comments grid";
}

.SolicitarAnalisis-labo {
  grid-area: labo;
}

.SolicitarAnalisis-grid {
  grid-area: grid;
}

.SolicitarAnalisis-time {
  grid-area: time;
}

.SolicitarAnalisis-expected {
  grid-area: expected;
}

.SolicitarAnalisis-comments {
  grid-area: comments;
}

.grid-DatosInforme {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 145px 200px auto auto auto;
  grid-column-gap: 5%;
}

.DatosInforme-labo {
  grid-column: 1/2;
  grid-row: 1/2;
}

.DatosInforme-profile {
  grid-column: 2/3;
  grid-row: 1/-2;
}

.DatosInforme-observaciones {
  grid-column: 3/4;
  grid-row: 1/3;
}

.DatosInforme-fecha {
  grid-column: 1/2;
  grid-row: 2/3;
}

.DatosInforme-uploader {
  grid-column: 1/4;
  grid-row: 3/4;
}

.DatosInforme-results {
  grid-column: 1/4;
  grid-row: -1/-2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 60px 60px auto;
  grid-row-gap: 2%;
}

.result-warning {
  grid-column: 1/2;
  grid-row: 1/2;
}

.result-boton {
  grid-column: 1/2;
  grid-row: 2/3;
  justify-self: center;
}

.result-anything {
  grid-column: 1/2;
  grid-row: 3/4;
}

.result-something {
  grid-column: 1/2;
  grid-row: 3/4;
}

/*Admin laboratorio perfiles*/
.grid-adminLaboratory {
  display: grid;
  grid-template-columns: 0.1fr 1fr 0.2fr;
  grid-column-gap: 1em;
  grid-template-rows: auto 2fr;
  grid-template-areas: "crear warning fecha" "grid grid grid";
}

.adminLaboratory-create {
  grid-area: crear;
}

.adminLaboratory-warning {
  grid-area: warning;
}

.adminLaboratory-term {
  grid-area: fecha;
}

.adminLaboratory-gridProfile {
  grid-area: grid;
}

.grid-checkTimes {
  padding: 2em 1em;
  display: grid;
  grid-template-columns: repeat(6, auto);
  grid-auto-rows: 0.2fr;
  grid-auto-flow: row;
}

.checkTimes-Item {
  justify-self: start;
  align-self: start;
}

.grid-AnalysisResults {
  display: grid;
  grid-template-columns: 0.5fr 1fr 0.5fr;
  grid-template-rows: repeat(3, auto);
  justify-content: space-around;
  align-items: center;
  grid-row-gap: 2em;
  grid-template-areas: "details details logo" "profiles profiles profiles" ". reports .";
}
.grid-AnalysisResults .AnalysisResults-Details {
  grid-area: details;
}
.grid-AnalysisResults .AnalysisResults-Logo {
  grid-area: logo;
  align-self: center;
  justify-items: center;
}
.grid-AnalysisResults .AnalysisResults-Profiles {
  grid-area: profiles;
}
.grid-AnalysisResults .AnalysisResults-Reports {
  grid-area: reports;
  justify-self: center;
}

.grid-modalCreate {
  display: grid;
  grid-template-columns: 0.5fr 0.4fr 0.2fr 0.4fr 0.5fr;
  grid-template-rows: 0.3fr 0.8fr 0.3fr;
  grid-template-areas: "name name name name name" "category category category category category" "scope scope scope scope scope" ". cancel . success .";
}

.modalCreate-name {
  grid-area: name;
}

.modalCreate-category {
  grid-area: category;
}

.modalCreate-scope {
  grid-area: scope;
}

.modalCreate-cancel {
  grid-area: cancel;
}

.modalCreate-success {
  grid-area: success;
}

/*Popup grid de resumen de analisis*/
.grid-resumenAnalisis {
  padding: 0 1em;
  margin-top: 0.5em;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-column-gap: 1em;
}

.analisisItem {
  display: flex;
  display: -ms-flexbox;
  flex-flow: column nowrap;
}
.analisisItem header:not(:last-child) {
  margin-top: 1.2em;
  height: 30px;
}
.analisisItem ul {
  list-style-type: none;
  padding: 0;
}
.analisisItem ul li {
  margin: 0.3em 0;
}

.grid-AnalysisResults {
  display: grid;
  grid-template-columns: 0.5fr 1fr 0.5fr;
  grid-template-rows: repeat(4, auto);
  justify-content: space-around;
  align-items: center;
  grid-row-gap: 2em;
  grid-template-areas: "details details logo" "profiles profiles profiles" "table table table" ". reports .";
}
.grid-AnalysisResults .AnalysisResults-Details {
  grid-area: details;
}
.grid-AnalysisResults .AnalysisResults-Logo {
  grid-area: logo;
  align-self: center;
  justify-items: center;
}
.grid-AnalysisResults .AnalysisResults-Profiles {
  grid-area: profiles;
}
.grid-AnalysisResults .AnalysisResults-Table {
  grid-area: table;
}
.grid-AnalysisResults .AnalysisResults-Table table {
  width: 100%;
  margin: 0 auto;
}
.grid-AnalysisResults .AnalysisResults-Reports {
  grid-area: reports;
  justify-self: center;
}

/*crear perfil laboratorio*/
.grid-labProfile {
  display: grid;
  grid-template-columns: 0.8fr 2fr;
  grid-template-rows: 2fr;
  grid-column-gap: 8%;
}

.labProfile-formProfile {
  max-height: 600px;
  grid-column: 1/2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 70px 0.5fr 100px 100px;
  grid-row-gap: 1em;
  grid-template-areas: "name" "scope" "category" "default" "materia" "searcher";
}

.labProfile-gridProfile {
  grid-column: 2/3;
}

.formProfile-name {
  grid-area: name;
}

.formProfile-scope {
  grid-area: scope;
}

.formProfile-default {
  grid-area: default;
}

.formProfile-searcher {
  grid-area: searcher;
}

.formProfile-category {
  grid-area: category;
  grid-template-rows: 70px 0.5fr 63px 63px;
}

.grid-defaultMA {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-column-gap: 2em;
  grid-auto-rows: 0.2fr;
  grid-auto-flow: row;
}

.defaultMA-Item {
  justify-self: start;
  align-self: center;
}

.grid-modalPreviewMA {
  display: grid;
  grid-column-gap: 15px;
  grid-row-gap: 1em;
  grid-template-columns: 0.3fr 1fr;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "alcance alcance" "count percent" "grid grid";
}

.modalPreviewMA-Alcance {
  grid-area: alcance;
}

.modalPreviewMA-CountMaterias {
  grid-area: count;
}

.modalPreviewMA-PercentMA {
  grid-area: percent;
}

.modalPreviewMA-gridMA {
  grid-area: grid;
}

.grid-MADetected, .grid-notLMRVerification,
.grid-notDeclaredMAs {
  display: grid;
  grid-template-columns: 50px 0.8fr;
  grid-template-rows: auto;
  align-items: flex-start;
}
.grid-MADetected .grid_icon, .grid-notLMRVerification .grid_icon,
.grid-notDeclaredMAs .grid_icon {
  justify-self: center;
  grid-column: 1/2;
}
.grid-MADetected .grid_info, .grid-notLMRVerification .grid_info,
.grid-notDeclaredMAs .grid_info {
  grid-column: 2/3;
}

.grid-pokemonMenu {
  margin-top: 1em;
  display: grid;
  grid-template-columns: 0.8fr 0.2fr 0.2fr 0.2fr 0.2fr 0.2fr 0.2fr;
  grid-template-rows: auto;
  grid-column-gap: 10px;
  grid-template-areas: "select historial comunicado compañias materia procedure";
}
.grid-pokemonMenu > div:not(.pokemonMenu-select2) {
  padding: 7px;
  margin-bottom: 7px;
  align-self: center;
  align-content: center;
  justify-self: center;
}

.pokemonMenu-select2 {
  grid-area: select;
}

.pokemonMenu-historial {
  grid-area: historial;
}

.pokemonMenu-añadirMateria {
  grid-area: materia;
}

.pokemonMenu-comunicacion {
  grid-area: comunicado;
}

.pokemonMenu-compañias {
  grid-area: compañias;
}

.pokemonMenu-updateProcedure {
  grid-area: procedure;
}

.grid-familyTree {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "admin tree";
}

.familyTree-admin {
  grid-area: admin;
  display: grid;
  padding: 4em;
  grid-template-columns: 400px 100px;
  grid-template-rows: 135px 100px 100px auto 100px;
  grid-template-areas: "tree tree" "product product" "code code" "clear search";
}
.familyTree-admin .gridAdminFT-treeinput {
  grid-area: tree;
}
.familyTree-admin .gridAdminFT-productInput {
  grid-area: product;
}
.familyTree-admin .gridAdminFT-UEinput {
  grid-area: code;
}
.familyTree-admin .gridAdminFT-botonClear {
  grid-area: clear;
  justify-self: end;
}
.familyTree-admin .gridAdminFT-botonSearch {
  grid-area: search;
  justify-self: end;
}

.LMRTree-admin {
  grid-area: admin;
  display: grid;
  padding: 4em;
  grid-template-columns: 400px 100px;
  grid-template-rows: 135px 100px 100px 100px auto 100px;
  grid-template-areas: "tree tree" "MA MA" "product product" "code code" "clear search";
}
.LMRTree-admin .gridAdminFT-treeinput {
  grid-area: tree;
}
.LMRTree-admin .gridAdminFT-productInput {
  grid-area: product;
}
.LMRTree-admin .gridAdminFT-UEinput {
  grid-area: code;
}
.LMRTree-admin .gridAdminFT-MAinput {
  grid-area: MA;
}
.LMRTree-admin .gridAdminFT-botonClear {
  grid-area: clear;
  justify-self: end;
}
.LMRTree-admin .gridAdminFT-botonSearch {
  grid-area: search;
  justify-self: end;
}

.familyTree-tree {
  grid-area: tree;
  padding: 4em 2em;
}

.grid-selectFields {
  display: grid;
  grid-template-rows: 150px 1fr;
  grid-template-columns: 1fr;
  grid-template-areas: "protocolo" "formulario";
}

.selectFields-protocol {
  grid-area: protocolo;
}

.selectField-Form {
  grid-area: formulario;
}

.flex-slForm {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

.slForm-Item {
  margin: 1.5em 2%;
  flex: 1 0 25%;
}

.grid-warningMA {
  width: 50%;
  display: grid;
  grid-template-columns: 0.1fr 0.8fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-warningMA .warningMA-icon {
  grid-column: 1/2;
}
.grid-warningMA .warningMA-info {
  grid-column: 2/3;
}

/*Master PPPs*/
.MasterPPPL_ValidationContainer {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom: 1em;
}
.MasterPPPL_ValidationContainer p {
  margin-right: 2em;
  align-self: center;
}
.MasterPPPL_ValidationContainer button {
  margin-right: 1em;
}

.PPPTree-admin {
  grid-area: admin;
  display: grid;
  padding: 0 2em;
  grid-template-columns: minmax(100px, 400px) 100px;
  grid-template-rows: 135px 100px 100px 100px;
  grid-template-areas: "tree tree" "product product" "code code" "clear search";
}
.PPPTree-admin .gridAdminFT-treeinput {
  grid-area: tree;
}
.PPPTree-admin .gridAdminFT-productInput {
  grid-area: product;
}
.PPPTree-admin .gridAdminFT-UEinput {
  grid-area: code;
}
.PPPTree-admin .gridAdminFT-MAinput {
  grid-area: MA;
}
.PPPTree-admin .gridAdminFT-botonClear {
  grid-area: clear;
  justify-self: end;
}
.PPPTree-admin .gridAdminFT-botonSearch {
  grid-area: search;
  justify-self: end;
}

.grid-Conclusion {
  width: 100%;
  padding: 1em 2em;
  display: grid;
  grid-template-columns: 0.328fr 0.65fr;
  grid-template-rows: auto;
  grid-template-areas: "resultado comentario comentario";
}

.Conclusion-resultado {
  padding: 5px;
  grid-area: resultado;
}

.Conclusion-comentario {
  padding: 5px;
  grid-area: comentario;
}

.grid-infoCliente {
  width: 100%;
  padding: 1em 2em;
  display: grid;
  grid-template-columns: 0.3fr 0.3fr 0.3fr;
  grid-template-rows: 0.5fr 0.5fr;
  grid-template-areas: "resultado comunicacion carga" "comentario comentario comentario";
}

.grid-informacionCliente {
  width: 100%;
  padding: 1em 2em;
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  grid-template-rows: auto;
  grid-template-areas: "comunicacion carga " "resultado .";
}

.informacionCliente-resultado {
  padding: 5px;
  grid-area: resultado;
}

.informacionCliente-comunicacion {
  padding: 5px;
  grid-area: comunicacion;
}

.informacionCliente-carga {
  padding: 5px;
  grid-area: carga;
}

.defectosCalidad-container {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.defectosCalidad-container .defectosCalidad-item {
  min-width: 250px;
  max-width: 24%;
  width: 100%;
  margin: 1em;
  margin-left: 0;
}

.QualityDefects_Container {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.QualityDefects_Container .QualityDefects-item {
  min-width: 250px;
  width: max-content;
  margin: 1em;
  margin-left: 0;
  align-self: end;
}

.paletizacion-container,
.etiquetado-container {
  width: 100%;
  display: inline-flex;
  flex-flow: row wrap;
  gap: 1.5em;
  justify-content: space-between;
}
.paletizacion-container .paletizacion-item,
.paletizacion-container .etiquetado-item, .paletizacion-container .paletizacion-pholder,
.paletizacion-container .etiquetado-pholder,
.etiquetado-container .paletizacion-item,
.etiquetado-container .etiquetado-item,
.etiquetado-container .paletizacion-pholder,
.etiquetado-container .etiquetado-pholder {
  min-width: 250px;
  flex-basis: 24%;
  flex-grow: 1;
}

.grid-firma {
  width: 100%;
  padding: 1em 2em;
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  grid-template-rows: 0.33fr 0.33fr 0.33fr;
  grid-template-areas: "nombreR nombreC" "firmaR firmaC" "fecha id";
}

.firma-firmaRepresentante {
  grid-area: firmaR;
  align-self: center;
  padding: 10px 45px 10px 25px;
}
.firma-firmaRepresentante img {
  max-width: 30%;
}

.firma-nombreRepresentante {
  grid-area: nombreR;
  align-self: center;
  padding: 10px 45px 10px 25px;
}

.firma-fecha {
  grid-area: fecha;
  align-self: center;
  padding: 10px 45px 10px 25px;
}

.grid-firmaCPCC {
  width: 100%;
  padding: 1em 2em;
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  grid-template-rows: auto minmax(200px, auto) 75px;
  grid-template-areas: "cnombreR cnombreC" "cfirmaR cfirmaC" "cfecha cid";
}

.firmaCPCC-firmaRepresentante {
  grid-area: cfirmaR;
  align-self: center;
  padding: 10px 45px 10px 25px;
}
.firmaCPCC-firmaRepresentante img {
  max-width: 50%;
  min-width: 270px;
}

.firmaCPCC-nombreRepresentante {
  grid-area: cnombreR;
  align-self: center;
  padding: 10px 45px 10px 25px;
}

.firmaCPCC-firmaControlador {
  grid-area: cfirmaC;
  align-self: center;
  padding: 10px 45px 10px 25px;
}
.firmaCPCC-firmaControlador img {
  max-width: 50%;
  min-width: 270px;
}

.firmaCPCC-nombreControlador {
  grid-area: cnombreC;
  align-self: center;
  padding: 10px 45px 10px 25px;
}

.firmaCPCC-fecha {
  grid-area: cfecha;
  align-self: center;
  padding: 10px 45px 10px 25px;
}

.firmaCPCC-id {
  grid-area: cid;
  align-self: center;
  padding: 10px 45px 10px 25px;
}

.grid-fotosCPCC {
  width: 100%;
  padding: 1em 2em;
  display: grid;
  grid-template-columns: repeat(4, 0.25fr);
  grid-auto-rows: 1fr;
}

.mrlDisclaimer {
  border: 1px solid #ddd;
  padding: 1.5em;
  margin: 1.5em;
}

.badge.badge-fexp {
  background-color: #0071BC;
}
.badge.badge-fexp span {
  color: #fff;
}

.flex-ReglaComparticionAnalisis {
  display: flex;
  flex-direction: column;
  padding: 1em 1em 1em 1em;
}
.flex-ReglaComparticionAnalisis article {
  width: 100%;
  margin-bottom: 1em;
}
.flex-ReglaComparticionAnalisis article .flex-ReglaComparticionAnalisis-GeneralInfo {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.flex-ReglaComparticionAnalisis article .flex-ReglaComparticionAnalisis-GeneralInfo .flex-ReglaComparticionAnalisis-GeneralInfo-Item {
  width: 45%;
  min-width: 45%;
}
.flex-ReglaComparticionAnalisis article .flex-ReglaComparticionAnalisis-AnalysisInfo {
  display: flex;
  flex-flow: row wrap;
  padding: 0 1em 0 1em;
}
.flex-ReglaComparticionAnalisis article .flex-ReglaComparticionAnalisis-AnalysisInfo div {
  margin-right: 1em;
}
.flex-ReglaComparticionAnalisis article .flex-ReglaComparticionAnalisis-AnalysisInfo .flex-ReglaComparticionAnalisis-AnalysisInfo-ItemSmall {
  width: 10%;
  min-width: 10%;
}
.flex-ReglaComparticionAnalisis article .flex-ReglaComparticionAnalisis-AnalysisInfo .flex-ReglaComparticionAnalisis-AnalysisInfo-ItemMedium {
  width: 20%;
  min-width: 20%;
}
.flex-ReglaComparticionAnalisis article .flex-ReglaComparticionAnalisis-AnalysisInfo .flex-ReglaComparticionAnalisis-AnalysisInfo-ItemBig {
  width: 65%;
  min-width: 65%;
}

/*----Colores----*/
/*Home de wordpress*/
/*Textos*/
/*Inputs*/
/*------Tipografías--------*/
/*-----Tamaños de fuente------*/
/**Variables de CSS. Usar pollyfill de var(variable, fallback)**/
:root {
  --sideMenuWidth: 58px;
  --contentWidth: calc(100vw - var(--sideMenuWidth, 58px));
  /**Web de wordpress**/
  --azul: rgba(25,44,84, 1);
  --azul-oscuro: rgba(12,30,60, 1);
  --naranja: #F18A00;
  --gris: rgba(228,228,228,1);
  --oscuro: rgba(51,51,51,1);
  --muy-oscuro: rgba(21,21,21,1);
}

/*-----Transiciones-----*/
/*----Botones------*/
.estiloBoton, .btnAcept, .btnCancel, .btnCancelRed, .btnGeneral, .btnAceptInverse, .btnStatus, .btnWarning, .btnMap, .btnSuccess, .btnGhost {
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 400;
  margin-right: 0.2em;
  margin-top: 0.3em;
  text-align: center;
  white-space: nowrap;
  line-height: 1.5;
}

.estiloBoton-xs, .btnAcept-xs, .btnCancel-xs, .btnGeneral-xs, .btnAceptInverse-xs {
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 0.9em;
  font-weight: bold;
  margin-top: 0.3em;
  margin-right: 0.2em;
  border: 1px solid;
}

/*----MODULO USUARIO Y MI PERFIL---*/
.pill {
  padding: 5px 24px;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
  float: left;
}
.pill a {
  font-size: 18px;
  color: #bbb;
}
.pill span {
  font-size: 23px;
  color: #bbb;
  margin-right: 5px;
}

.pill-left {
  border-right: 1px solid #ddd;
}

.pill-right {
  border-left: 1px solid #ddd;
}

.pill-disabled {
  transition: 0.3s all ease;
}

.pill-disabled:hover a {
  color: #e87722;
}

.pill-active a, .pill-active span {
  color: #e87722;
}

.company-logo {
  border: 1px solid #ddd;
  padding: 0.5em;
  text-align: center;
  border-radius: 4px;
  margin-top: 1.3em;
  transition: 0.3s all ease;
}

.company-logo:hover {
  background: gray;
}
.company-logo:hover p {
  color: #fff;
}

.text-muted {
  color: #707070;
}

.company-data-summary h4 {
  font-size: 18px;
  color: #2A2A2A;
  font-weight: bold;
}
.company-data-summary p {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .pill a {
    font-size: 15px;
  }
}
/*---PUNTOS DE RECOGIDA------*/
.puntoRecogida .panel-heading {
  background: #fff;
}
.puntoRecogida a, .puntoRecogida .iconToggle {
  color: #2A2A2A;
  font-size: 1.5rem;
  line-height: 1.5;
  font-family: "Muli", sans-serif;
}
.puntoRecogida a:hover, .puntoRecogida .iconToggle:hover {
  color: #e87722;
}
.puntoRecogida .footer {
  background-color: transparent !important;
  float: right;
  display: inline-block;
  margin-bottom: -0.5em;
}

.modalPuntoRecogida {
  margin-top: 1em;
  margin-bottom: 1em;
}
.modalPuntoRecogida span {
  color: #0071BC;
}

.modalPuntoRecogida:hover span {
  color: white;
}

.mapaPuntoRecogida {
  width: 80%;
  margin-left: 10%;
  height: 600px;
}
.mapaPuntoRecogida .bodyMapa {
  position: relative;
  overflow: hidden;
  height: 100%;
}

@media (max-width: 1200px) {
  .mapaPuntoRecogida {
    width: 99.4%;
    height: 630px;
    margin: 0.3%;
  }
}
/* CSS para cambiar el caret en collapses */
.panel-heading .accordion-toggle:after, .panel-heading .accordion-toggle:after ~ .panel-collapse.collapse.in {
  font-family: FontAwesome;
  content: "\f0d7";
  color: grey;
  margin-left: 1em;
}

.panel-heading .accordion-toggle.collapsed:after, .panel-heading .accordion-toggle.collapsed:after ~ .panel-collapse.collapse {
  content: "\f0da";
  margin-left: 1em;
}

/*------LISTAS MA-------*/
.maList a {
  font-size: 1.5rem;
  margin-right: 0.25em;
}
.maList .notas {
  color: grey;
  padding-top: 0.5em;
  padding-left: 1em;
  font-size: 1.4rem;
}
.maList .label-primary {
  background-color: #0071BC;
}

.editMAlist {
  margin-top: 1.5em;
}
.editMAlist .company {
  color: #0071BC;
  font-weight: bold;
}
.editMAlist .fa {
  color: #aaa;
  font-size: 2.5rem;
}
.editMAlist h2 {
  margin-top: 2em;
}
.editMAlist .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 95%;
}
.editMAlist .idioma, .editMAlist .link {
  color: gray;
  margin-bottom: 5px;
}

.dataCompanyMA .gris {
  color: #aaa;
}
.dataCompanyMA ul {
  list-style: none;
  float: left;
  display: inline-block;
  padding-left: 0.25em;
}
.dataCompanyMA li {
  padding: 0.25em;
}

.classRow .headingClass {
  margin-bottom: 1.5em;
}
.classRow .headingClass label {
  padding-right: 2em;
  color: gray;
  font-weight: initial;
}
.classRow input {
  color: #2A2A2A;
  border: 1px solid #ddd;
  background-color: white;
  width: 100%;
}
.classRow .classTitle {
  font-weight: bold;
  color: #0071BC;
}
.classRow .select2-container--default .select2-selection--single {
  border: 1px solid #ddd;
  border-radius: 3px;
}
.classRow .select2-container .select2-selection--single .select2-selection__rendered[title] {
  border-bottom: 1px solid #ddd;
}
.classRow .select2-container--default .select2-selection--single .select2-selection__arrow {
  border-left: 1px solid #ddd;
}
.classRow .fa {
  color: grey;
  font-size: 2.2rem;
}
.classRow .fa:hover {
  color: #e87722;
}
.classRow .separaSuperior {
  padding-top: 10px;
}

/** Estilos select2 **/
.select2-selection.select2-selection--single:focus,
.select2-selection.select2-selection--multiple:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/*----SAMPLE FITO RECORDS-----------*/
.insertLineaFito {
  width: 100%;
  background-color: #F6F8FF;
  border-radius: 5px;
  padding: 1em;
  border: 1px solid #eee;
  margin-top: 2em;
  margin-bottom: 1em;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.insertLineaFito > *:not(p) {
  margin-left: 3.5em;
}
.insertLineaFito .btnEliminar {
  margin-top: 2.5em;
}
.insertLineaFito .glyphicon-trash {
  font-size: 1.5rem;
  padding-top: 2em;
  padding-left: 1em;
  color: #aaa;
}
.insertLineaFito .glyphicon:hover {
  color: #e87722;
}

.answerQuestionsFito {
  margin-top: 1em;
}
.answerQuestionsFito .radio {
  margin-top: 1em;
}
.answerQuestionsFito h2 {
  margin-bottom: 0.5em;
}
.answerQuestionsFito ul {
  list-style: none;
  padding-left: 0;
}
.answerQuestionsFito ul li {
  display: inline-block;
  float: left;
  font-size: 1.5rem;
}
.answerQuestionsFito .titleList {
  padding-top: 0.35em;
  padding-bottom: 1.2em;
  margin-right: 2em;
}

.informationByFitos {
  margin-top: 2em;
  margin-bottom: 8em;
}
.informationByFitos h2 {
  margin-bottom: 0.5em;
}
.informationByFitos button {
  margin-top: 2em;
}

.cabeceraFito {
  border: 1px solid #ddd;
  background-color: #F6F8FF;
  border-radius: 4px;
  padding: 1em;
  margin-bottom: 1em;
}
.cabeceraFito ul {
  list-style: none;
  padding-left: 0;
}
.cabeceraFito ul li {
  float: left;
  margin-right: 3em;
  font-size: 1.8rem;
}
.cabeceraFito hr {
  border: 0.5px solid #ddd;
  margin-top: 10px !important;
  margin-bottom: 15px !important;
}

.contenidoLayoutEmpty {
  padding-bottom: 200px;
}

/*------Lista de Valores Application Record-------*/
.listaValores {
  margin-bottom: 1em;
}
.listaValores h3 {
  color: #0071BC;
  margin: 0px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Muli", sans-serif;
  display: inline-block;
}
.listaValores ul {
  list-style: none;
  margin-bottom: 0px !important;
}
.listaValores label {
  display: inline-block;
}
.listaValores p {
  color: grey;
  display: inline-block;
  font-size: 1.5rem;
}

/*-------MI PERFIL USUARIO-------*/
.formularioRegistro .headerRegistro {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 20px 0px 20px 0px;
  border-bottom: 1px solid #e87722;
  width: 100%;
}
.formularioRegistro .headerRegistro h1 {
  color: #e87722;
  margin: 0;
}
.formularioRegistro .headerRegistro .btn-group {
  padding-bottom: 3px;
}

.userDatosEmpresa {
  padding: 2em;
  display: grid;
  display: -ms-grid;
  -ms-grid-columns: 5% 30% 30% 30% 5%;
  -ms-grid-rows: 33% 33% 33%;
  grid-template-columns: 60px auto auto auto 60px;
  grid-template-rows: repeat(3, auto);
  grid-template-areas: "logo title title title ." "logo cif mail phone ." "logo address sector website botones";
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}
.userDatosEmpresa .userDatosEmpresa_logo {
  grid-area: logo;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row-span: 3;
}
.userDatosEmpresa .userDatosEmpresa_title {
  grid-area: title;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3;
}
.userDatosEmpresa .userDatosEmpresa_cif {
  grid-area: cif;
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.userDatosEmpresa .userDatosEmpresa_mail {
  grid-area: mail;
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.userDatosEmpresa .userDatosEmpresa_phone {
  grid-area: phone;
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}
.userDatosEmpresa .userDatosEmpresa_address {
  grid-area: address;
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.userDatosEmpresa .userDatosEmpresa_sector {
  grid-area: sector;
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
.userDatosEmpresa .userDatosEmpresa_website {
  grid-area: website;
  -ms-grid-row: 3;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
}
.userDatosEmpresa .userDatosEmpresa_botones {
  grid-area: botones;
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  -ms-grid-column-align: end;
  -ms-grid-row-align: end;
  align-self: flex-end;
  justify-self: flex-end;
}

.userListStyle ul {
  list-style: none;
  float: left;
  padding-left: 0px;
}
.userListStyle li {
  display: inline-block;
  margin-right: 2em;
}

.modalPermisos ul {
  list-style: none;
  float: left;
  width: 100%;
}
.modalPermisos li {
  padding: 0.5em;
  font-size: 1.5rem;
  border-bottom: 1px solid #eee;
}
.modalPermisos .datePickerDesign {
  z-index: 99999 !important;
}
.modalPermisos .margenInferior {
  margin-bottom: 2em;
}

.permisosTotales {
  padding-bottom: 8em;
}
.permisosTotales .margenInferior {
  margin-bottom: 2em;
}

.filtrosTotales {
  padding-bottom: 8em;
}
.filtrosTotales .margenInferior {
  margin-bottom: 2em;
}

.informacionEmpresa p {
  font-size: 1.3rem;
  text-align: right;
  color: #aaa;
}
.informacionEmpresa a {
  color: grey;
  font-weight: normal;
  font-size: 1.2rem;
}
.informacionEmpresa a:hover {
  color: #e87722;
}
.informacionEmpresa img {
  margin-bottom: 1em;
}
.informacionEmpresa img:hover {
  opacity: 0.5;
}
.informacionEmpresa button {
  margin-bottom: 2em;
}

.informacionContacto h2 {
  margin-bottom: 10px !important;
}
.informacionContacto ul {
  list-style: none;
  padding-left: 0;
}
.informacionContacto ul li {
  float: left;
  margin-right: 40px;
}
.informacionContacto p {
  color: #aaa;
}
.informacionContacto a {
  color: grey;
  font-weight: normal;
  font-size: 1.2rem;
}
.informacionContacto a:hover {
  color: #e87722;
}
.informacionContacto img {
  margin-bottom: 1em;
}
.informacionContacto img:hover {
  opacity: 0.5;
}
.usuario {
  background-color: #FFFCF4;
  border: 1px solid #eee;
  margin-bottom: 2em;
  margin-top: 1em;
  border-radius: 10px;
  padding: 1em;
  width: 100%;
}

.registroCompletado h2 {
  color: #49C743;
  text-transform: none;
  font-size: 2.5rem;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
  padding: 1em;
  border: 1px solid #49C743;
}
.registroCompletado h3 {
  font-size: 1.8rem;
  margin-bottom: 2em;
}
.registroCompletado p {
  margin-bottom: 0.5em;
}
.registroCompletado .alert {
  margin-bottom: 2em;
  margin-top: 2em;
  font-size: 1.5rem;
}
.registroCompletado .btn {
  margin-top: 2em;
}
.registroCompletado .datos {
  border: 1px solid #eee;
  border-radius: 5px;
  background-color: #ededed;
  padding: 1em;
  color: gray;
  float: left;
  list-style: none;
  margin-left: 0.2em;
}

/*---------NOTIFICACIONES Y ALARMAS------*/
.infoServiceNotifications .serviceToActivate {
  /*width: 100%;
  float: left;
  background-color: #eee;
  border-radius: 5px;
  padding: 0.5em 1em 1em 1em;
  border: 1px solid #aaa;*/
}
.infoServiceNotifications .serviceToActivate h4 {
  color: #0071BC;
}
.infoServiceNotifications .serviceToActivate ul {
  list-style: none;
}
.infoServiceNotifications .serviceToActivate li {
  padding: 0.5em;
  font-size: 1.5rem;
}
.infoServiceNotifications .serviceToActivate .fa {
  font-size: initial;
  color: #49C743;
  margin-right: 0.25em;
}
.infoServiceNotifications thead {
  background-color: #FFFCF4;
}
.infoServiceNotifications .fa {
  font-size: 2rem;
}

.red {
  color: #d9534f;
}

.green {
  color: #5cb85c;
}

.desactivar {
  color: grey;
  font-weight: initial;
}

.modalInformacion h3 {
  font-size: 1.5rem;
  margin-top: 1em;
  margin-bottom: 0.2em;
}
.modalInformacion p {
  margin-left: 1em;
}
.modalInformacion .fa {
  color: #0071BC;
}

.sendingNotifications ul {
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;
}
.sendingNotifications ul li {
  float: left;
  margin-right: 40px;
}

.serviceNotificationsAlarms .headingResultadosAnaliticos, .serviceNotificationsAlarms .recordatorioDataFilter {
  background-color: #FFFCF4;
  border: 1px solid #FFD495;
  border-radius: 5px;
  margin-bottom: 1.5em;
}
.serviceNotificationsAlarms .headingResultadosAnaliticos h3, .serviceNotificationsAlarms .recordatorioDataFilter h3 {
  font-size: 1.5rem;
  font-weight: 400;
}
.serviceNotificationsAlarms .headingResultadosAnaliticos .fa, .serviceNotificationsAlarms .recordatorioDataFilter .fa {
  font-size: 2rem;
  color: #e87722;
  margin-right: 0.5em;
  margin-left: 0.5em;
}
.serviceNotificationsAlarms .headingResultadosAnaliticos {
  padding: 0.5em 1em 0.5em 0.5em;
}
.serviceNotificationsAlarms .recordatorioDataFilter {
  padding: 2em;
  margin-top: 2em;
  margin-bottom: 6em;
}
.serviceNotificationsAlarms h5 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 1.5rem;
}
.serviceNotificationsAlarms h6 {
  color: #2A2A2A;
  font-size: 1.5rem;
  margin-left: 1em;
}
.serviceNotificationsAlarms hr {
  margin-top: 3px;
  margin-bottom: 10px;
}
.serviceNotificationsAlarms .metodoEnvio ul {
  list-style: none;
}
.serviceNotificationsAlarms .metodoEnvio li {
  float: left;
  display: inline;
  padding: 0em 1em 0em 1em;
}
.serviceNotificationsAlarms .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 120px;
}

/*---------TRADUCCIONES-------*/
.translations .margenInf {
  margin-bottom: 0.2em;
}
.translations label {
  cursor: default;
  padding-top: 1em;
}

/*-----------FEXP----------*/
.developmentFexp ul {
  list-style: none;
}
.developmentFexp ul li {
  padding: 0.5em;
}
.developmentFexp .listLine {
  padding: 0.5em;
}
.developmentFexp .fa {
  padding-right: 0.5em;
  color: #0071BC;
}
.developmentFexp span {
  color: gray;
  padding-left: 0.5em;
}

/*------Analisis-----*/
/*Popup Toma de muestras*/
.tableArfd {
  margin-bottom: 0;
  width: 50%;
}

.isSumando {
  /*--Especificación infernal de BS3. 0-1-3. Important para sobreescribir*/
  padding-left: 25px !important;
}

/*------PPPL---------*/
.ppplChecker {
  border: 1px solid rgb(12, 30, 60);
  border-radius: 15px;
  display: flex;
  flex-flow: row wrap;
}
.ppplChecker .ppplChecker_1field {
  width: 45%;
  padding: 1em;
}
.ppplChecker .ppplChecker_2field {
  width: 90%;
  padding: 1em;
}
.ppplChecker .ppplChecker_label {
  color: gray;
}

.activeIngredients {
  background-color: #FFFCF4;
  border: 1px solid #eee;
  margin-bottom: 1em;
  border-radius: 5px;
  padding: 1em;
  width: 100%;
}
.activeIngredients .delete-icon {
  margin-top: 2.5em;
  margin-left: 1em;
}

.footerPppl {
  width: 100%;
  background-color: #F6F8FF;
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 0.5em;
  margin-top: 1em;
  border: 1px solid #eee;
}
.footerPppl p {
  margin-bottom: 0.1em;
}

.distinto_H input {
  border: 1px solid #B9A002;
}
.distinto_H label {
  background-color: yellow;
}

.distinto_M input {
  border: 1px solid #e87722;
}
.distinto_M label {
  background-color: #FFC250;
}

.buttonsPPP ul {
  list-style: none;
  float: left;
  padding-left: 0px;
}
.buttonsPPP ul li {
  margin: 3px;
  float: left;
}

.legendPPPcard {
  font-size: 1.3rem;
}
.legendPPPcard ul {
  list-style: none;
  float: left;
  padding-left: 0px;
}
.legendPPPcard ul li {
  margin-right: 30px;
  float: left;
}

.commentsPPP {
  border: 1px solid #eee;
  margin-bottom: 1em;
  margin-top: 1em;
  border-radius: 5px;
  padding: 1em;
  width: 100%;
}

.unifyEP h4 {
  color: #2A2A2A;
  margin-top: 0;
  margin-bottom: 2px;
}
.unifyEP span {
  color: #aaa;
}

.sharePppl {
  margin-bottom: 0.5em;
  margin-top: 1em;
}
.sharePppl a {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sharePppl a:hover {
  color: #e87722;
}

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

.notesPppl {
  width: 100%;
  float: left;
  margin-bottom: 1em;
  padding: 1em;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #F9F9F9;
}
.notesPppl .btn {
  margin-top: 2em;
}

.pppReview .fa-pencil, .pppReview .fa-trash-o {
  margin-right: 10px;
  font-size: 2rem;
}

.table-left {
  text-align: left;
}

.table-right {
  text-align: right;
}

.table-center {
  text-align: center;
}

.tableprecios-container {
  display: flex;
  justify-content: center;
  margin: 1.5em 0;
}
.tableprecios-container .tableprecios-tabla {
  width: 50%;
  font-size: 16px;
}
.tableprecios-container .tableprecios-tabla th {
  background-color: #4472C4;
  color: white;
}
.tableprecios-container .tableprecios-tabla td, .tableprecios-container .tableprecios-tabla th {
  padding: 1em;
  border: 1px solid white;
}
.tableprecios-container .tableprecios-tabla tbody tr {
  color: #111;
}
.tableprecios-container .tableprecios-tabla tbody tr:nth-child(odd) {
  background-color: #CFD5E9;
}
.tableprecios-container .tableprecios-tabla tbody tr:nth-child(even) {
  background-color: #E8EBF4;
}

.buttonValidationList ul {
  list-style: none;
  float: left;
  padding-left: 0;
}
.buttonValidationList ul li {
  margin-left: 10px;
  float: left;
}

.listInlineMargin30 ul {
  list-style: none;
  float: left;
  padding-left: 0;
}
.listInlineMargin30 ul li {
  margin-right: 30px;
  float: left;
}

.destacadoPppReview {
  background-color: #FFFCF4;
  border-radius: 5px;
  border: 1px solid #aaa;
  margin-bottom: 1em;
  margin-top: 1em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.controlsPppl {
  width: 100%;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 2em 10em 1em 10em;
  background-color: #ededed;
  margin-bottom: 2em;
  margin-top: 2em;
  float: left;
}

.infoFinalPppl {
  width: 100%;
  float: left;
  margin-bottom: 5em;
}

.errorPppReview {
  position: relative;
}
.errorPppReview .messageErrorPppReview {
  position: absolute;
  bottom: 3px;
  left: 5px;
  color: #FF4D4D;
  font-size: 1.3rem;
  opacity: 0.8;
}
.errorPppReview input, .errorPppReview textarea, .errorPppReview .select2-container {
  border: 1px solid #FF4D4D;
}
.errorPppReview label, .errorPppReview .datePickerDesign .subLabel, .errorPppReview .pretty .state label, .errorPppReview .pretty label {
  color: #FF4D4D;
}

/*-----------LISTAS POKEMON---------*/
.listPokemon p {
  margin-left: 0.5em;
}
.listPokemon .col-lg-12 {
  margin-bottom: 1.5em;
}

.pokeluces {
  width: 20px;
  height: 20px;
  border: 1px solid #888;
  display: inline-block;
  margin-right: 1em;
  vertical-align: sub;
}
.pokeluces :before {
  content: "";
}

/*----------LEGAL-------*/
.legalSection p, .legalSection li {
  font-size: 1.5rem;
  margin-bottom: 10px;
  line-height: 1.5em;
}
.legalSection h3 {
  color: #2f5496;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.legalSection ul {
  list-style: none;
}
.legalSection .row {
  margin-bottom: 30px;
}
.legalSection .legalCard {
  width: 100%;
  border: 1px solid #ddd;
  background-color: #F6F8FF;
  padding: 1em;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 4px;
}

/*Lista de iconos de pdf para analisis*/
.list-pdfReport {
  list-style: none;
  padding-left: 20px;
}
.list-pdfReport li {
  margin: 0.5em 0;
}
.list-pdfReport li:before {
  font-family: "FontAwesome";
  content: "\f1c1";
  color: red;
  margin-right: 0.5em;
  font-size: 18px;
}

/*Lista tipo arbol*/
ul.tree, ul.tree ul {
  list-style-type: none;
  background: url(/Content/Fexp/img/vline.png) repeat-y;
  margin: 0 0 0 5px;
  padding: 0;
}

ul.tree ul {
  margin-left: 10px;
}

ul.tree li {
  margin: 0;
  padding: 0 12px;
  line-height: 20px;
  background: url(/Content/fexp/img/node.png) no-repeat;
  color: #369;
  font-weight: bold;
}

ul.tree li.hiddenNode {
  display: none;
}

ul.tree li:last-child, ul.tree li.filteredLastNode {
  background: #fff url(/Content/fexp/img/lastnode.png) no-repeat;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cabeceraie {
    height: 75px;
  }
}
.boldAzul {
  font-weight: 700 !important;
  color: #145E9C !important;
}

.boldMain {
  font-weight: bolder;
  color: #145E9C;
  font-size: 18px;
  text-transform: uppercase;
}

.poweredFEXP {
  background: url(/Content/Fexp/img/PoweredByFEXP.png) no-repeat;
  width: 300px;
  height: 52px;
  padding: 10px 60px;
  background-position: center;
  float: left;
}

.container-tabla {
  margin: 2em auto 0 auto;
  width: 90vw;
  -webkit-box-shadow: inset 0 1px 0 #BB917D;
  box-shadow: inset 0 1px 0 #BB917D;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #FFFFFF;
  border: 1px solid #B7D5E9;
  border-radius: 15px;
  text-align: left;
  overflow: hidden;
}

.tabla-body {
  padding: 1em 2em;
}

table, tr, td, th, tbody, thead, tfoot {
  page-break-inside: avoid !important;
}

/*Hack para sobreescribir bootstrap. TODO: Refactoring*/
.table-bordered thead.fexpTableTHead {
  background-color: #D4E9FE;
  color: #185CA0;
}
.table-bordered thead.fexpTableTHead.strongBorder tr th {
  border: 1px solid #69a9e8;
  text-align: center;
}

.control-box {
  color: #FFF;
  background-color: #145E9C;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.titulo-control,
.titulo-control > p {
  display: flex;
  color: #FFF;
  text-transform: uppercase;
  padding: 5px 0 5px 10px;
  margin: 0;
  font-size: 18px;
}

.titulo-control-big,
.titulo-control-big > p {
  display: flex;
  color: #FFF;
  text-transform: uppercase;
  padding: 5px 0 5px 10px;
  margin: 0;
  font-size: 19px;
}

.datos-control,
.datos-control > p {
  color: #FFF;
  font-size: 12px;
  padding: 8px 10px 5px 10px;
  margin: 0;
}

.sub-title2 {
  color: #FFF;
  font-size: 19px;
  width: 100%;
  text-align: left;
  padding: 12px 20px 6px;
}

.title {
  font-size: 16px;
}

.sub-title-box {
  background-color: #145E9C;
  float: left;
  width: 100%;
  float: left;
}

.barra {
  padding: 9px 18px;
  text-align: left;
  font-size: 13px;
  vertical-align: middle;
  border-top: solid 1px #B7D5E9;
  border-right: 1px solid #B7D5E9;
  line-height: 22px;
}

.sub-title-box {
  background-color: #145E9C;
  float: left;
  width: 100%;
  float: left;
}

.sub-title {
  color: #FFF;
  font-size: 19px;
  width: 100%;
  text-align: left;
  padding: 28px 20px 6px;
}

p {
  font-size: 16px;
  font-weight: 100;
  color: #111;
  /*margin-bottom: 14px;*/
}

.datos-sub-title {
  font-size: 12px;
  margin-left: 8px;
  color: white;
}

.defectos-title {
  width: 20%;
  font-size: 18px;
  color: #555;
  padding-left: 18px;
}

.barra-defectos {
  height: 122px;
  display: table;
  border-top: solid 1px #B7D5E9;
  line-height: 19px;
  padding-bottom: 9999px;
  margin-bottom: -9992px;
}

.defectos-datos {
  font-size: 16px;
  margin-left: 6px;
  margin-bottom: 6px;
}

.img-responsive {
  max-width: 60%;
  height: 100%;
  width: 100%;
}

.cuadroWarning {
  border: 1px solid black;
  background-color: #ec7202;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}

.cuadroSuccess {
  border: 1px solid black;
  background-color: #00A16D;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}

.cuadroDanger {
  border: 1px solid black;
  background-color: #d9534f;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}

.cuadroUnkwown {
  border: 1px solid black;
  background-color: white;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}

.concession_formContainer {
  display: flex;
  flex-flow: row wrap;
  margin-top: 1em;
  align-items: center;
}
.concession_formContainer .concession_formItem {
  min-width: 250px;
  max-width: 17%;
  width: 100%;
  margin-right: 3em;
}

.concession_cardsContainer {
  display: flex;
  flex-flow: row wrap;
  margin: 1em 3em;
}
.concession_cardsContainer .concession_cardsItem {
  padding: 1.5em;
  margin-bottom: 1.5em;
  margin-right: 3em;
  border: 1px solid #333;
  border-radius: 15px;
  display: grid;
  max-width: 265px;
  grid-template-columns: auto auto 25px;
  grid-template-rows: auto auto auto auto;
  grid-row-gap: 1em;
  grid-template-areas: "title title alarm" "received received received" "lastModification lastModification lastModification" "status link link";
}
.concession_cardsContainer .concession_cardsItem .cardsItem_title {
  grid-area: title;
  font-size: 1.5em;
  font-weight: bold;
}
.concession_cardsContainer .concession_cardsItem .cardsItem_alarm {
  grid-area: alarm;
  align-self: center;
  font-size: 1.5em;
  color: #e87722;
}
.concession_cardsContainer .concession_cardsItem .cardsItem_received {
  grid-area: received;
}
.concession_cardsContainer .concession_cardsItem .cardsItem_lastModification {
  grid-area: lastModification;
}
.concession_cardsContainer .concession_cardsItem .cardsItem_status {
  grid-area: status;
}
.concession_cardsContainer .concession_cardsItem .cardsItem_status.Approved, .concession_cardsContainer .concession_cardsItem .cardsItem_status.PreApproved, .concession_cardsContainer .concession_cardsItem .cardsItem_status.Answered {
  color: #5cb85c;
}
.concession_cardsContainer .concession_cardsItem .cardsItem_status.PendingAnswer, .concession_cardsContainer .concession_cardsItem .cardsItem_status.PendingApproval, .concession_cardsContainer .concession_cardsItem .cardsItem_status.AclarationNeeded {
  color: #B9A002;
}
.concession_cardsContainer .concession_cardsItem .cardsItem_status.Expired, .concession_cardsContainer .concession_cardsItem .cardsItem_status.NotApproved, .concession_cardsContainer .concession_cardsItem .cardsItem_status.NotPreapproved {
  color: #D35836;
}
.concession_cardsContainer .concession_cardsItem .cardsItem_status.Requested, .concession_cardsContainer .concession_cardsItem .cardsItem_status.Delisted, .concession_cardsContainer .concession_cardsItem .cardsItem_status.PreDelisted {
  color: #007bff;
}
.concession_cardsContainer .concession_cardsItem .cardsItem_status.Draft {
  color: #aaa;
}
.concession_cardsContainer .concession_cardsItem .cardsItem_link {
  grid-area: link;
  justify-self: flex-end;
}

.concession_modalForm {
  display: flex;
  flex-flow: column nowrap;
  margin: 1.5em 0;
  padding: 0 2em;
}
.concession_modalForm .modalForm_select2 {
  padding: 0 4em;
  width: 50%;
}

.concessionSideForm_Container {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 2em;
}
.concessionSideForm_Container .concessionSideForm_item,
.concessionSideForm_Container .concessionSideForm_itemFull,
.concessionSideForm_Container .concessionSideForm_item2col,
.concessionSideForm_Container .concessionSideForm_itemDate {
  max-width: 30%;
  min-width: 250px;
  width: 100%;
}
.concessionSideForm_Container .concessionSideForm_item2col {
  max-width: 65%;
}
.concessionSideForm_Container .concessionSideForm_itemFull {
  max-width: 100%;
}
.concessionSideForm_Container .concessionSideForm_itemDate .input {
  position: static;
  width: 100%;
  vertical-align: initial;
}
.concessionSideForm_Container .concessionSideForm_itemDate span.input.input--ruri.input--ruri5 {
  min-width: initial;
  padding-top: 0;
}
.concessionSideForm_Container .concessionSideForm_itemDate span.input.input--ruri.input--ruri5 label {
  width: 100%;
}
.concessionSideForm_Container .concessionSideForm_itemDate .input__field {
  position: static;
  float: none;
}
.concessionSideForm_Container .concessionSideForm_itemDate .input__field--ruri {
  font-size: 14px;
  position: static;
}
.concessionSideForm_Container .concessionSideForm_itemDate span.input.input--ruri input {
  max-height: 34px;
  max-width: 100px;
}
.concessionSideForm_Container .concessionSideForm_itemDate span.input.input--ruri {
  position: static;
  top: 0;
}
.concessionSideForm_Container:after {
  content: "";
  max-width: 30%;
  min-width: 250px;
  width: 100%;
}

.concessionSideFormApprove_Container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.concessionSideFormApprove_Container .concessionSideFormApprove_Date {
  max-width: 25%;
}
.concessionSideFormApprove_Container .concessionSideFormApprove_Date .input {
  position: static;
  width: 100%;
  vertical-align: initial;
}
.concessionSideFormApprove_Container .concessionSideFormApprove_Date span.input.input--ruri.input--ruri5 {
  min-width: initial;
  padding-top: 0;
  margin-top: 5px;
}
.concessionSideFormApprove_Container .concessionSideFormApprove_Date span.input.input--ruri.input--ruri5 label {
  width: 100%;
}
.concessionSideFormApprove_Container .concessionSideFormApprove_Date .input__field {
  position: static;
  float: none;
}
.concessionSideFormApprove_Container .concessionSideFormApprove_Date .input__field--ruri {
  font-size: 14px;
  position: static;
}
.concessionSideFormApprove_Container .concessionSideFormApprove_Date span.input.input--ruri input {
  max-height: 34px;
  max-width: 100px;
}
.concessionSideFormApprove_Container .concessionSideFormApprove_Date span.input.input--ruri {
  position: static;
  top: 0;
}
.concessionSideFormApprove_Container .concessionSideFormApprove_textarea {
  min-width: 250px;
  width: 100%;
  max-width: 75%;
}
.concessionSideFormApprove_Container .concessionSideFormApprove_wideTextarea {
  min-width: 250px;
  width: 100%;
  max-width: 100%;
}
.concessionSideFormApprove_Container .concessionSideFormApprove_botonera {
  margin-top: 1.5em;
  min-width: 250px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.traza-GridResultados {
  display: flex;
  flex-flow: row wrap;
}

.MenuSCP {
  margin-top: 48px;
  display: flex;
  flex-flow: row wrap;
}
.MenuSCP .MenuSCP-Card {
  min-height: 184px;
  width: 204px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 10px 20px 0 rgba(46, 91, 255, 0.07);
  margin-right: 2em;
  margin-bottom: 1em;
  fill: #0071BC;
  color: #0071BC;
  text-align: center;
}
.MenuSCP .MenuSCP-Card:hover {
  background-color: #0071BC;
  color: #FFFFFF;
  fill: #FFFFFF;
}
.MenuSCP .MenuSCP-Icon {
  min-height: 50px;
  max-height: 50px;
  min-width: 50px;
  max-width: 50px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: block;
  margin: 25% auto 1em auto;
  /*background-color: $azul2;*/
}
.MenuSCP .MenuPPPL-Icon {
  min-height: 80px;
  max-height: 80px;
  min-width: 80px;
  max-width: 80px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: block;
  margin: 23% auto -1em auto;
}
.MenuSCP .MenuSCP-Link {
  color: inherit;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
  line-height: 22px;
  text-transform: uppercase;
  text-decoration: initial;
  margin-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

.PPP_DetailsTitle {
  color: #666666;
}

.PPP_DetailsContainer {
  padding: 0 1.5em;
  display: flex;
  flex-flow: row wrap;
}
.PPP_DetailsContainer .PPP_DetailsItem {
  min-width: 200px;
  width: 100%;
  max-width: 15%;
  margin-right: 5%;
  margin-bottom: 1.5em;
}

/*-----Home Pública--------*/
.headerLayout {
  width: 100%;
}

.barraSuperior {
  width: 100%;
  padding: 0.3em;
  background-color: var(--gris);
  margin-top: 0 !important;
}
.barraSuperior p, .barraSuperior span, .barraSuperior a {
  color: var(--azul);
  font-weight: 700;
  font-size: 13px;
}
.barraSuperior ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.barraSuperior li {
  float: left;
  display: inline-block;
  color: white;
  margin-right: 1.5em;
  /*      font-family: $Fuente1;*/
  font-size: 1.5rem;
}
.barraSuperior .margenSup {
  padding-top: 1em;
}
.barraSuperior .btnAcept, .barraSuperior .btnGeneral, .barraSuperior .btnAceptInverse {
  margin: 0;
}
.barraSuperior .selectpickerDesign.wpHome .btn-default {
  border: 1px solid var(--azul);
}
.barraSuperior .selectpickerDesign.wpHome .btn-default span {
  color: var(--azul);
}
.barraSuperior .selectpickerDesign.wpHome .dropdown-menu {
  background-color: var(--azul);
}
.barraSuperior .selectpickerDesign .btn-default {
  background-color: transparent;
  border: 1px solid #0071BC;
  border-radius: 5px;
  padding: 10px 15px;
  font-size: 1.1em;
  font-weight: bold;
  width: auto;
}
.barraSuperior .selectpickerDesign span {
  color: white;
}
.barraSuperior .selectpickerDesign span:hover {
  color: white;
}
.barraSuperior .selectpickerDesign .dropdown-menu {
  background-color: #0071BC;
}
.barraSuperior .selectpickerDesign .bs-caret {
  margin-left: 0.5em;
}
.barraSuperior .selectpickerDesign .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 110px;
}
.barraSuperior .selectpickerDesign a {
  background-color: transparent !important;
  border-color: #0071BC;
}

.modalLoginHome .margenInf {
  margin-bottom: 2.5em;
}
.modalLoginHome a {
  color: #0071BC;
  font-weight: normal;
}
.modalLoginHome a:hover {
  color: #e87722;
}

.menuNavegacion {
  width: 100%;
  justify-content: space-between;
  padding: 0.5em 0;
}
.menuNavegacion .navbar {
  border: none;
  background-color: white;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  margin-bottom: 0;
  border-radius: 0;
}
.menuNavegacion .dropdown {
  text-transform: uppercase;
  padding-top: 15px;
  padding-left: 1em;
}
.menuNavegacion .secondary {
  text-transform: uppercase;
}
.menuNavegacion .sublevel {
  list-style: none;
}
.menuNavegacion .sublevel li {
  text-transform: none;
}
.menuNavegacion .sublevel li a {
  font-weight: normal;
}
.menuNavegacion .sublevel li a:hover {
  opacity: 0.75;
}
.menuNavegacion img {
  margin-left: 15px;
}
.menuNavegacion .menuNavegacion_list {
  display: flex;
  align-items: center;
  list-style: none;
}
.menuNavegacion .menuNavegacion_list .menuNavegacion_listItem {
  padding: 0;
  margin: 0 2.5em 0 0;
}
.menuNavegacion .main {
  text-transform: uppercase;
  padding-left: 1em;
}
.menuNavegacion a, .menuNavegacion span {
  font-size: 1.8rem;
  color: #e87722;
}
.menuNavegacion .fa {
  font-size: 2rem;
  color: #e87722;
  padding-top: 2px;
}
.menuNavegacion a:hover, .menuNavegacion a:focus {
  color: #0071BC;
  background-color: none;
}
.menuNavegacion .navbar-default .navbar-nav > .open > a, .menuNavegacion .navbar-default .navbar-nav > .open > a:focus, .menuNavegacion .navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent;
}

@media (max-width: 767px) {
  button.navbar-toggle {
    margin: 1em !important;
    display: block !important;
  }
  .menuNavegacion .navbar {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .menuNavegacion .dropdown {
    padding-top: 11px;
  }
  .menuNavegacion .navbar-default .navbar-nav > .open > a, .menuNavegacion .navbar-default .navbar-nav > .open > a:focus, .menuNavegacion .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
  }
  .menuNavegacion .navbar-default .navbar-collapse, .menuNavegacion .navbar-default .navbar-form {
    border: 1px solid #aaa;
    background-color: #eee;
    border-radius: 3px;
    padding: 10px 0px 10px 0px;
  }
  .menuNavegacion .navbar-right {
    float: left !important;
  }
  .menuNavegacion .colorMenu {
    animation-duration: 3s;
    animation-name: color-menu;
  }
}
@keyframes color-menu {
  from {
    background-color: #aaa;
  }
  to {
    background-color: #eee;
  }
}
.footerHomePublica {
  width: 100%;
  float: left;
  background-color: #3C3A3A;
  padding-bottom: 4em;
  padding-top: 4em;
}
.footerHomePublica h2 {
  color: white;
  text-transform: uppercase;
  font-size: 3rem;
  margin-bottom: 0.25em;
}
.footerHomePublica ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.footerHomePublica li, .footerHomePublica .fa, .footerHomePublica a {
  color: white;
  font-size: 1.8rem;
  padding: 0.5em;
  font-weight: initial;
}
.footerHomePublica a:hover {
  color: #e87722;
}
.footerHomePublica .input__field--ruri {
  color: white;
}
.footerHomePublica .textareaModel {
  background-color: transparent !important;
  color: white !important;
}
.footerHomePublica span.input.input--ruri {
  margin-bottom: 20px;
}
.footerHomePublica .copy {
  color: #aaa;
  font-size: "Muli", sans-serif;
  text-align: center;
  margin-top: 2em;
}
.footerHomePublica .inputDesign {
  background-color: transparent;
  color: white;
}

.contenidoHomePublica {
  background-color: #FFFFFF;
}

/*------Index Home--------*/
.sliderPrincipalHomePublica {
  width: 100%;
  float: left;
  height: 100%;
  background-image: url(/Content/publichome/images/home3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 8em;
  padding-top: 12em;
  height: 600px;
  z-index: 0;
}
.sliderPrincipalHomePublica h3 {
  padding-bottom: 2em;
  padding-top: 2em;
  color: #fff;
  font-size: 3.5rem;
  text-shadow: 1px 1px 2px black;
  margin-top: 4em;
}

.iconosServiciosPrincipal .bloque {
  padding: 3em;
}
.iconosServiciosPrincipal h2 {
  text-transform: uppercase;
  color: #0071BC;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 0.5em;
  line-height: 1.2em;
}
.iconosServiciosPrincipal h3 {
  margin-top: 10px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: white;
  text-align: center;
  padding: 1em;
  color: #e87722;
  font-size: 1.5rem;
  font-weight: bold;
  -webkit-box-shadow: 10px 10px 27px -2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 27px -2px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 27px -2px rgba(0, 0, 0, 0.75);
}
.iconosServiciosPrincipal img {
  width: 100px;
}
.iconosServiciosPrincipal a {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.iconosServiciosPrincipal a:hover, .iconosServiciosPrincipal a:focus, .iconosServiciosPrincipal h2:hover, .iconosServiciosPrincipal img:hover {
  color: #e87722;
  opacity: 0.7;
}

@media (max-width: 767px) {
  .sliderPrincipalHomePublica {
    height: 300px;
    padding-top: 6em;
  }
  .sliderPrincipalHomePublica h3 {
    font-size: 2rem;
  }
  .iconosServiciosPrincipal {
    padding-bottom: 1em;
    padding-top: 1em;
    z-index: 0 !important;
  }
  .iconosServiciosPrincipal .bloque {
    padding: 1em;
  }
  .iconosServiciosPrincipal h2 {
    font-size: 1.2rem;
  }
  .iconosServiciosPrincipal h3 {
    font-size: 0.8rem;
  }
  .iconosServiciosPrincipal img {
    width: 50px;
  }
  .iconosServiciosPrincipal a {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .iconosServiciosPrincipal a:hover, .iconosServiciosPrincipal a:focus, .iconosServiciosPrincipal h2:hover, .iconosServiciosPrincipal img:hover {
    color: #e87722;
    opacity: 0.7;
  }
}
.titularHomePublica {
  width: 100%;
  float: left;
  margin-bottom: 4em;
  padding-top: 3em;
  padding-bottom: 3em;
  background-color: #F5F5F5;
}
.titularHomePublica h2 {
  text-align: center;
  color: #e87722;
  text-transform: none;
  font-size: 3rem;
  margin-bottom: 0.3em;
}
.titularHomePublica p {
  font-size: 2rem;
  text-align: center;
}

@media (max-width: 767px) {
  .titularHomePublica {
    margin-bottom: 1em;
  }
  .titularHomePublica h2 {
    font-size: 2rem;
  }
}
.seccionServiciosHomePublica {
  width: 100%;
  float: left;
  margin-bottom: 3em;
}
.seccionServiciosHomePublica h2 {
  font-size: 3rem;
  color: #e87722;
  border-bottom: 1px solid #e87722;
  padding-bottom: 10px;
}
.seccionServiciosHomePublica .servicioSimple {
  margin-top: 1em;
  padding: 2em;
}
.seccionServiciosHomePublica h3 {
  color: #0071BC;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.5em;
  text-align: center;
  font-size: 2rem;
  margin-top: 5px;
}
.seccionServiciosHomePublica p {
  font-size: 1.8rem;
}
.seccionServiciosHomePublica a, .seccionServiciosHomePublica img {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.seccionServiciosHomePublica a:hover, .seccionServiciosHomePublica a:focus, .seccionServiciosHomePublica h3:hover {
  color: #e87722;
}
.seccionServiciosHomePublica img:hover {
  transform: scale(1.3, 1.3);
}

.seccionRegistroHomePublica, .callToActionService {
  width: 100%;
  float: left;
  margin-bottom: 2em;
}
.seccionRegistroHomePublica h2, .callToActionService h2 {
  color: white;
  font-size: 3rem;
  text-transform: none;
  margin-bottom: 0em;
}
.seccionRegistroHomePublica h3, .callToActionService h3 {
  color: white;
  font-weight: normal;
  text-align: right;
  font-size: 1.8rem;
  margin-bottom: 0px;
}
.seccionRegistroHomePublica button, .callToActionService button {
  margin-bottom: 1em;
}

.seccionRegistroHomePublica {
  background-color: #0071BC;
  padding-top: 4em;
  padding-bottom: 4em;
}

.callToActionService {
  background-color: #F5F5F5;
  padding-top: 2em;
  padding-bottom: 1.5em;
}
.callToActionService h2, .callToActionService h3 {
  color: #2A2A2A;
  font-weight: normal;
}

.seccionEmpresasHomePublica {
  margin-bottom: 4em;
  margin-top: 1em;
}
.seccionEmpresasHomePublica h2 {
  font-size: 3rem;
  color: #e87722;
  border-bottom: 1px solid #e87722;
  padding-bottom: 10px;
}

.seccionEnlacesHomePublica {
  width: 100%;
  float: left;
  padding-bottom: 4em;
  padding-top: 4em;
}
.seccionEnlacesHomePublica h2 {
  font-size: 3rem;
  color: #e87722;
  border-bottom: 1px solid #e87722;
  padding-bottom: 10px;
}
.seccionEnlacesHomePublica h3 {
  color: #0071BC;
  margin-top: 5px;
  padding-bottom: 0.5em;
  text-align: center;
  font-size: 2rem;
  border-top: 1px solid #eee;
  padding-top: 5px;
}
.seccionEnlacesHomePublica a {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.seccionEnlacesHomePublica a:hover, .seccionEnlacesHomePublica a:focus, .seccionEnlacesHomePublica h3:hover, .seccionEnlacesHomePublica img:hover {
  color: #e87722;
  opacity: 0.7;
}

.flechaUp {
  position: fixed;
  bottom: 1.5%;
  left: 92%;
}
.flechaUp .fa {
  font-size: 3.5rem;
  opacity: 0.75;
  color: #aaa;
}

/*---Todos los Servicios Home Pública---*/
.tituloServicioHomePublica {
  width: 100%;
  float: left;
  padding-top: 12.5em;
  position: relative;
}
.tituloServicioHomePublica h1 {
  font-size: 3.5rem;
  color: #e87722;
  border: 1px solid #eee;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 2em;
  padding-right: 2em;
  position: absolute;
  top: -45px;
  left: 15px;
  background-color: white;
  border-radius: 5px;
  -webkit-box-shadow: 9px 9px 21px -6px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 9px 9px 21px -6px rgba(0, 0, 0, 0.75);
  box-shadow: 9px 9px 21px -6px rgba(0, 0, 0, 0.75);
}

.sliderQualityHomePublica {
  background-image: url(/Content/Fexp/img/quality.jpg);
}

.sliderAwicaHomePublica {
  background-image: url(/Content/Fexp/img/awica.jpg);
}

.sliderAnalysisHomePublica {
  background-image: url(/Content/Fexp/img/analysis.jpg);
}

.sliderPpplHomePublica {
  background-image: url(/Content/Fexp/img/pppl-new.jpg);
}

.sliderPlatformHomePublica, .sliderB2Fresh {
  background-image: url(/Content/Fexp/img/platform.jpg);
}

.sliderFoodSecuritas {
  background-image: url(/Content/Fexp/img/food-securitas.jpg);
}

.sliderQualityHomePublica, .sliderAwicaHomePublica, .sliderAnalysisHomePublica, .sliderPpplHomePublica, .sliderPlatformHomePublica, .sliderFoodSecuritas, .sliderB2Fresh {
  width: 100%;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 8em;
  padding-top: 8em;
  height: 800px;
}
.sliderQualityHomePublica ul, .sliderAwicaHomePublica ul, .sliderAnalysisHomePublica ul, .sliderPpplHomePublica ul, .sliderPlatformHomePublica ul, .sliderFoodSecuritas ul, .sliderB2Fresh ul {
  list-style: none;
  background-color: rgba(1, 1, 1, 0.5);
  padding-bottom: 2em;
  padding-top: 2em;
}
.sliderQualityHomePublica li, .sliderAwicaHomePublica li, .sliderAnalysisHomePublica li, .sliderPpplHomePublica li, .sliderPlatformHomePublica li, .sliderFoodSecuritas li, .sliderB2Fresh li {
  font-size: 2.2rem;
  padding: 0.5em;
  color: white;
  text-shadow: 1px 1px 2px black;
}
.sliderQualityHomePublica span, .sliderAwicaHomePublica span, .sliderAnalysisHomePublica span, .sliderPpplHomePublica span, .sliderPlatformHomePublica span, .sliderFoodSecuritas span, .sliderB2Fresh span {
  color: white;
  margin-right: 0.5em;
}
.sliderQualityHomePublica div.blackcard, .sliderAwicaHomePublica div.blackcard, .sliderAnalysisHomePublica div.blackcard, .sliderPpplHomePublica div.blackcard, .sliderPlatformHomePublica div.blackcard, .sliderFoodSecuritas div.blackcard, .sliderB2Fresh div.blackcard {
  background-color: rgba(1, 1, 1, 0.5);
  padding-bottom: 2em;
  padding-top: 2em;
}
.sliderQualityHomePublica div.blackcard p, .sliderAwicaHomePublica div.blackcard p, .sliderAnalysisHomePublica div.blackcard p, .sliderPpplHomePublica div.blackcard p, .sliderPlatformHomePublica div.blackcard p, .sliderFoodSecuritas div.blackcard p, .sliderB2Fresh div.blackcard p {
  font-size: 2.2rem;
  padding: 0.5em;
  color: white;
  text-shadow: 1px 1px 2px black;
}

.titularesServicioHomePublica {
  width: 100%;
  float: left;
  background-image: url(/Content/publichome/images/informes_quality.jpg);
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 3em;
  padding-top: 3em;
}
.titularesServicioHomePublica p, .titularesServicioHomePublica span {
  font-size: 2.4rem;
  line-height: 2em;
}
.titularesServicioHomePublica span {
  color: #e87722;
}

.subtitularHomePublica {
  width: 100%;
  float: left;
  padding-bottom: 3em;
  padding-top: 3em;
  margin-bottom: 2em;
  border-bottom: 1px solid #eee;
}
.subtitularHomePublica p {
  font-size: 2.2rem;
  line-height: 1.7em;
  margin-bottom: 1em;
}
.subtitularHomePublica ul li {
  font-size: 1.5rem;
}

.imgCenter {
  display: block;
  margin: 0 auto;
}

.detalleServicioHomePublica {
  width: 100%;
  float: left;
  margin-top: 1em;
  padding-bottom: 2em;
  padding-top: 2em;
}
.detalleServicioHomePublica h3 {
  font-size: 2rem;
  color: #0071BC;
}
.detalleServicioHomePublica .fa {
  font-size: 3rem;
  color: #0071BC;
  margin-right: 0.5em;
}
.detalleServicioHomePublica p {
  font-size: 1.8rem;
}
.detalleServicioHomePublica .bloque {
  padding: 1.5em;
  margin-bottom: 1em;
}

.accessOff p, .accessOff span {
  font-size: 1.8rem;
  line-height: 1.6em;
  color: gray;
}

/* thai */
@font-face {
  font-family: "Prompt";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/prompt/v5/-W__XJnvUD7dzB2KdNodVkI.woff2) format("woff2");
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: "Prompt";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/prompt/v5/-W__XJnvUD7dzB2Kb9odVkI.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Prompt";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/prompt/v5/-W__XJnvUD7dzB2KbtodVkI.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Prompt";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/prompt/v5/-W__XJnvUD7dzB2KYNod.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: "Prompt";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/prompt/v5/-W_8XJnvUD7dzB2C2_8IfWMuQ5Q.woff2) format("woff2");
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: "Prompt";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/prompt/v5/-W_8XJnvUD7dzB2C2_8IZmMuQ5Q.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Prompt";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/prompt/v5/-W_8XJnvUD7dzB2C2_8IZ2MuQ5Q.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Prompt";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/prompt/v5/-W_8XJnvUD7dzB2C2_8IaWMu.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Content/fexp/css/https:/fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body.NewHome {
  font-family: "Prompt", sans-serif !important;
  background-color: #FFFFFF !important;
}

/**Wordpress**/
/*Colores de wordpress*/
.wp-azul {
  color: var(--azul) !important;
}

.inputDesign.wp-home, .fexpSelect2.wp-home {
  border: none;
  border-bottom: 1px solid var(--azul);
  color: black;
  padding: 10px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.inputDesign.wp-home::placeholder, .fexpSelect2.wp-home::placeholder {
  color: var(--azul);
  font-size: 16px;
  font-family: "Prompt", sans-serif;
  font-weight: 400;
}
.inputDesign.wp-home:focus-visible, .fexpSelect2.wp-home:focus-visible {
  border: 1px solid black;
  border-radius: 3px;
}

.btn-wp-submit, .btn-wp-cancel {
  padding: 15px 20px;
  background-color: var(--naranja);
  color: #FFF;
  border: 0 none;
  cursor: pointer;
  width: initial;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: none;
  width: 100%;
}
.btn-wp-submit:hover, .btn-wp-cancel:hover {
  color: white;
}

.btn-wp-cancel {
  border: 1px solid var(--naranja);
  color: var(--naranja);
  background-color: white;
}
.btn-wp-cancel:hover {
  color: var(--naranja);
}

footer.wp_footer {
  /*border-bottom: 1px solid #FFF;*/
  display: flex;
  background-color: var(--azul-oscuro);
  color: #FFFFFF !important;
  padding-top: 75px;
  padding-bottom: 75px;
  position: relative;
  z-index: 2;
}
footer.wp_footer a, footer.wp_footer p, footer.wp_footer h3 {
  color: #FFF;
}
footer.wp_footer h3 {
  font-family: "Prompt", sans-serif;
  font-weight: 700;
}
footer.wp_footer .centrado {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
}
footer.wp_footer .centrado {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-grow: 2;
}
footer.wp_footer .centrado ul {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
footer.wp_footer .centrado ul li {
  padding-left: 0px;
  padding-bottom: 5px;
}
footer.wp_footer .centrado ul li a:hover {
  text-decoration: underline;
}
footer.wp_footer .centrado div {
  min-width: 18%;
  padding-right: 20px;
}
footer.wp_footer .centrado div:first-child {
  min-width: 25%;
}
footer.wp_footer .centrado div:last-of-type {
  padding-right: 0px;
}
footer.wp_footer .centrado div:last-of-type ul {
  display: block;
  columns: 3;
}
footer.wp_footer .centrado div p a:hover {
  text-decoration: underline;
}
footer.wp_footer .centrado div h3 {
  text-transform: uppercase;
  margin: 0px;
  padding-bottom: 10px;
}
footer.wp_footer .logo_pie {
  height: 45px;
  display: block;
}
footer.wp_footer .logo_pie img {
  height: 45px;
  display: block;
}

/**/
.legal {
  border-top: 1px solid #FFF;
  display: flex;
  background-color: var(--muy-oscuro);
  color: #FFF !important;
  position: relative;
  z-index: 2;
}
.legal .centrado {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  flex-grow: 2;
}
.legal .centrado p {
  color: #FFF;
}
.legal .centrado ul {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  flex-grow: 2;
  list-style-type: none;
}
.legal .centrado ul li {
  padding-left: 10px;
}
.legal .centrado ul li a {
  color: #FFF;
}
.legal .centrado ul li a:hover {
  text-decoration: underline;
}

@media (max-width: 428px) {
  footer {
    padding-bottom: 25px;
    padding-top: 25px;
  }
  footer .centrado {
    flex-direction: column;
  }
  footer .centrado div {
    display: none;
  }
  footer .centrado div:first-child {
    display: block;
  }
  .legal .centrado {
    flex-direction: column;
  }
  .legal .centrado ul {
    flex-direction: column;
    margin: 0px;
    padding: 0px;
    width: 100%;
    margin-bottom: 20px;
  }
  .legal .centrado ul li {
    width: 100%;
    padding-bottom: 10px;
    padding-left: 0px;
  }
}
@page {
  size: A4;
}
@media print {
  header, nav, footer, a {
    display: none;
  }
  body, div {
    float: none;
    position: static;
  }
  #wrapper, #wrapper-central {
    padding: 0;
    background: 0 0 !important;
  }
  p, span, table {
    font-size: 12px;
    page-break-inside: avoid;
  }
  .avoidBreak {
    page-break-inside: avoid !important;
  }
  .Layout-Body {
    grid-area: initial;
  }
  .Layout-Footer, .Layout-Sidebar, .sidePanelContainer {
    display: none;
  }
  .hidePDF {
    display: none;
  }
  a.showLinkPDF {
    display: inline;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
  .primaryColorPDF {
    color: #0071BC !important;
  }
  .hideWeb {
    display: block !important;
  }
  tr {
    page-break-inside: avoid;
  }
  .boldMain {
    font-size: 14px;
  }
  #Grafico {
    page-break-inside: avoid !important;
  }
  .flex-titleImage .qualityBrand {
    height: 4em;
    width: 4em;
  }
  .tabla-body {
    border: none !important;
  }
  .container-tabla {
    border: none !important;
    border-color: white;
    page-break-inside: auto;
  }
  .container-tabla.container-tablaFirst {
    margin-top: 0;
  }
  .control-box {
    border-radius: 15px;
  }
  .cpcc-forms_Items {
    width: 33%;
    padding: 10px 0;
  }
  .defectos-datos {
    font-size: 12px;
  }
  .container-tabla:first-child {
    margin-top: 0;
  }
  .titulo-control,
  .titulo-control > p {
    font-size: 13px;
  }
  .flex-titleImage h2 {
    margin: 10px 0 0 1.7em !important;
  }
  .grid-defectosCalidad {
    padding: 1em 2em;
    grid-template-columns: auto auto auto;
    grid-template-rows: repeat(3, auto) 2fr;
    grid-row-gap: 0.5em;
    grid-template-areas: "PFDE calibre defectos" "etiquetado PFI PFE" ". grafica .";
  }
  .grid-paletizacion {
    padding: 1em 2em;
    grid-template-columns: repeat(4, auto);
    grid-template-rows: auto auto;
    grid-template-areas: "pnotas corner strap cooling" "notas notas notas notas";
  }
  .grid-etiquetado {
    padding: 1em 2em;
    grid-template-columns: repeat(4, auto);
    grid-template-rows: auto auto;
    grid-template-areas: "label individual textok barcode" "mesh peso . . ";
  }
  .grid-fotosCPCC {
    display: block;
  }
  .grid-fotosCPCC div {
    display: inline-block;
    width: 45%;
    page-break-inside: avoid;
  }
  .grid-fotosCPCC div img {
    max-width: 80% !important;
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid;
  }
}
/*----Util----*/
/*Márgenes*/
.m0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

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

.ml0 {
  margin-left: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.my0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mx0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m05 {
  margin: 0.5em !important;
}

.mt05 {
  margin-top: 0.5em !important;
}

.mb05 {
  margin-bottom: 0.5em !important;
}

.ml05 {
  margin-left: 0.5em !important;
}

.mr05 {
  margin-right: 0.5em !important;
}

.my05 {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}

.mx05 {
  margin-right: 0.5em !important;
  margin-left: 0.5em !important;
}

.m1 {
  margin: 1em !important;
}

.mt1 {
  margin-top: 1em !important;
}

.mb1 {
  margin-bottom: 1em !important;
}

.ml1 {
  margin-left: 1em !important;
}

.mr1 {
  margin-right: 1em !important;
}

.my1 {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

.mx1 {
  margin-left: 1em !important;
  margin-right: 1em !important;
}

.m2 {
  margin: 2em !important;
}

.mt2 {
  margin-top: 2em !important;
}

.mb2 {
  margin-bottom: 2em !important;
}

.ml2 {
  margin-left: 2em !important;
}

.mr2 {
  margin-right: 2em !important;
}

.my2 {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.mx2 {
  margin-right: 2em !important;
  margin-left: 2em !important;
}

/*Padding*/
.p0 {
  padding: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

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

.pr0 {
  padding-right: 0 !important;
}

.py0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.px0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.p1 {
  padding: 1em !important;
}

.pt1 {
  padding-top: 1em !important;
}

.pb1 {
  padding-bottom: 1em !important;
}

.pl1 {
  padding-left: 1em !important;
}

.pr1 {
  padding-right: 1em !important;
}

.py1 {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}

.px1 {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

.p2 {
  padding: 2em !important;
}

.pt2 {
  padding-top: 2em !important;
}

.pb2 {
  padding-bottom: 2em !important;
}

.pl2 {
  padding-left: 2em !important;
}

.pr2 {
  padding-right: 2em !important;
}

.py2 {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
}

.px2 {
  padding-left: 2em !important;
  padding-right: 2em !important;
}

.p2 {
  padding: 2em !important;
}

.pt2 {
  padding-top: 2em !important;
}

.pb2 {
  padding-bottom: 2em !important;
}

.pl2 {
  padding-left: 2em !important;
}

.pr2 {
  padding-right: 2em !important;
}

.py2 {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
}

.px2 {
  padding-left: 2em !important;
  padding-right: 2em !important;
}

/*Cursores*/
.pointer {
  cursor: pointer;
}

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

/*Font awesome customizado*/
.fa-stack-05x {
  font-size: 0.5em !important;
}

/*Altura minima*/
.minHeight1 {
  min-height: 1em !important;
}

.minHeight2 {
  min-height: 2em !important;
}

.minHeight3 {
  min-height: 3em !important;
}

.minHeight4 {
  min-height: 4em !important;
}

.minHeight5 {
  min-height: 5em !important;
}

.minHeight6 {
  min-height: 6em !important;
}

.minHeight7 {
  min-height: 7em !important;
}

.minHeight8 {
  min-height: 8em !important;
}

.minHeight9 {
  min-height: 9em !important;
}

.minHeight10 {
  min-height: 10em !important;
}

.minHeight11 {
  min-height: 11em !important;
}

.Inline {
  display: inline !important;
}

.InlineBlock {
  display: inline-block !important;
}

.Block {
  display: block !important;
}

.wsNormal {
  white-space: normal !important;
}

.brResponsive {
  display: none;
}

.toUpperFirst:first-letter {
  text-transform: uppercase;
}

/*Clases flex genéricas*/
.flex {
  display: flex;
}
.flex.dRow {
  flex-direction: row;
}
.flex.dRowReverse {
  flex-direction: row-reverse;
}
.flex.column {
  flex-direction: column;
}
.flex.wrap {
  flex-wrap: wrap;
}
.flex.jContentStart {
  justify-content: flex-start;
}
.flex.jContentEnd {
  justify-content: flex-end;
}
.flex.aItemsCenter {
  align-items: center;
}
.flex.jContentCenter {
  justify-content: center;
}
.flex.spaceBetween {
  justify-content: space-between;
}
.flex.spaceAround {
  justify-content: space-around;
}

.justify-self_end {
  justify-self: flex-end;
}

.align-self_end {
  align-self: flex-end;
}

.align-self_center {
  align-self: center;
}

/*Cursores*/
.pointer {
  cursor: pointer;
}

/*Situacionales*/
@media (max-width: 680px) {
  .center-responsive {
    margin: 0 auto;
  }
}
/*Botones responsive*/
.btn-xs {
  display: none;
}

.btn-notXs {
  display: block;
}

/* punteros sin eventos*/
.cursorDefault {
  cursor: default;
}

.hideWeb {
  display: none;
}

/*Clases responsive. Mediaqueries en media-queries.scss*/
.Desktop {
  display: block;
}

.Mobile {
  display: none;
}

.Inline {
  display: inline !important;
}

.InlineBlock {
  display: inline-block !important;
}

@media (max-width: 680px) {
  .btn-xs {
    display: block;
  }
  .btn-notXs {
    display: none;
  }
}
@media (max-width: 1575px) {
  .flex-alarmNotification {
    flex-flow: column nowrap;
  }
}
@media (max-width: 1445px) {
  .slForm-Item {
    width: 45%;
    align-self: center;
    margin: 1.5em 2%;
    flex: 0 1 auto;
  }
  .flex-slForm {
    /*max-height: 125vh;*/
  }
  .flex-slForm .slForm-Item {
    /*width: 45%;*/
    align-self: stretch;
    margin: 1.5em 2%;
    flex: 1 0 25%;
  }
  .flex-TMRForm div.TMForm-carrusel {
    width: 60%;
  }
  .grid-SolicitarAnalisis {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 95px 95px auto auto;
    grid-column-gap: 5%;
    grid-template-areas: "labo labo " "time expected " "comments comments " "grid grid";
  }
  .QualityStart_container {
    padding: 0 1em;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(8, auto);
    grid-template-areas: "alert" "h1" "h2" "image" "h3" "cta" "stores" "test";
    grid-row-gap: 2em;
  }
  .QualityStart_container .QualityStart_image img {
    width: 400px;
  }
  .QualityCompanies_images {
    max-height: initial;
    max-width: 150px;
  }
}
@media (max-width: 1200px) {
  .grid-labProfile {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .labProfile-formProfile {
    grid-row: 1/2;
  }
  .labProfile-gridProfile {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .grid-fotosCPCC {
    grid-template-columns: repeat(2, 0.5fr);
  }
  .insertLineaFito {
    flex-flow: column wrap;
    align-items: initial;
  }
  .insertLineaFito p {
    text-align: center;
  }
  .QualityStartPublicImage {
    padding: 0 !important;
    background-position: center;
  }
  .QualityStartPublicImage .QualityStartPublicImage_ContainerText {
    padding: 1.5em;
    width: 90%;
  }
  .QualityStartPublicImage .QualityStartPublicImage_ContainerText ul {
    padding-left: 1.2em;
  }
}
@media (max-width: 1000px) {
  .grid-adminLaboratory {
    grid-template-columns: 0.1fr 1fr;
    grid-template-rows: 0.1fr 0.1fr 2fr;
    grid-template-areas: "warning warning" "crear fecha" "grid grid";
  }
  .grid-Conclusion {
    grid-template-columns: 0.5fr 0.5fr;
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 15px;
    grid-template-areas: "resultado ." "comunicacion carga" " comentario comentario";
  }
  .tableArfd {
    width: 100%;
  }
  .TVC-graficas-iterable {
    flex-flow: column nowrap;
  }
  .Graficas-Datos {
    flex: 100%;
  }
  .progress {
    flex: 100%;
    align-self: initial;
    margin: 1em 0;
  }
  .flex-slForm {
    max-height: initial;
    align-items: stretch;
  }
  .flex-slForm .slForm-Item {
    margin: 1.5em 2%;
    flex: 1 0 50%;
  }
  .flex-TMRForm div.TMForm-carrusel {
    width: 80%;
  }
  .grid-warningMA {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px auto;
    grid-row-gap: 20px;
    justify-items: center;
    align-items: center;
  }
  .grid-warningMA .warningMA-icon {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid-warningMA .warningMA-info {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .grid-warningMA .warningMA-info p {
    margin-bottom: 0.5em;
  }
  .grid-MADetected {
    width: 100%;
  }
  .flex-ReglaComparticionAnalisis article .flex-ReglaComparticionAnalisis-GeneralInfo .flex-ReglaComparticionAnalisis-GeneralInfo-Item {
    width: 100%;
    margin-bottom: 1em;
  }
  .flex-ReglaComparticionAnalisis article .flex-ReglaComparticionAnalisis-AnalysisInfo .flex-ReglaComparticionAnalisis-AnalysisInfo-ItemSmall {
    width: 100%;
  }
  .flex-ReglaComparticionAnalisis article .flex-ReglaComparticionAnalisis-AnalysisInfo .flex-ReglaComparticionAnalisis-AnalysisInfo-ItemMedium {
    width: 100%;
  }
  .flex-ReglaComparticionAnalisis article .flex-ReglaComparticionAnalisis-AnalysisInfo .flex-ReglaComparticionAnalisis-AnalysisInfo-ItemBig {
    width: 100%;
  }
}
@media (max-width: 1080px) {
  .landingPage_container .landingPageItem_container .landingPageItem_icon {
    width: 50%;
  }
  .landingPage_container .landingPageItem_container .landingPageItem_icon .landingPageIcon {
    width: 50px;
  }
  .landingPage_container .landingPageItem_container .badge span {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .grid-fotosCPCC {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
  .logoSuperior img.logo {
    width: 150px;
  }
  .QualityStart_container {
    padding: 0;
  }
  .QualityStart_container .QualityStart_image img {
    width: 260px;
    margin: 0 auto;
  }
  .QualityStart_container .QualityStart_cta {
    flex-flow: row wrap;
  }
  .QualityStart_container .QualityStart_cta .btn {
    margin-bottom: 2em;
    font-size: 1.2em;
    padding: 15px 30px;
  }
  .QualityStart_container .QualityStart_containerStores {
    flex-flow: column wrap;
  }
  .QualityStart_container .QualityStart_containerStores a {
    margin-left: 0;
  }
  .QualityStart_container .QualityStart_containerStores a:not(:last-child) {
    margin-bottom: 1.5em;
  }
  .QualityStartTiles_container {
    padding: 1.5em 0;
  }
  .QualityStartTiles_container .QualityStartTiles {
    margin: 1.5em;
  }
  .QualityStartPublicImage {
    padding: 0 !important;
    background-position: center;
  }
  .QualityStartPublicImage .QualityStartPublicImage_ContainerText {
    padding: 1.5em;
    width: 100%;
    margin: 0;
  }
  .QualityStartPublicImage .QualityStartPublicImage_ContainerText ul {
    padding-left: 1.2em;
  }
  .QualityStartPublicImage .QualityStartPublicImage_ContainerText ul li {
    font-size: 17px;
  }
  .QualityCompanies_container {
    margin-bottom: 5em;
    padding: 1.5em 0 5em 0;
  }
  .QualityStart_Prices {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "reducida" "estandar" "texto";
    grid-column-gap: 0;
    grid-row-gap: 2em;
  }
  .flex-TMRForm div.TMForm-carrusel {
    width: 100%;
  }
}
@media (max-width: 680px) {
  .grid-Conclusion {
    grid-template-columns: 1fr;
    grid-auto-rows: 0.5fr;
    grid-template-areas: "resultado" "comunicacion" "carga" "comentario";
  }
  .flex-recoleccion > div {
    min-width: 150px;
  }
  .fexpPagination, .fexpgrid_layout .fexpgrid_header {
    flex-flow: column nowrap;
    align-content: center;
  }
  .fexpPagination article, .fexpgrid_layout .fexpgrid_header article {
    align-self: center;
    margin-bottom: 1em;
  }
  /**Layout FEXP grids**/
  .fexpgrid_layout {
    display: -ms-grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "header" "grid" "pager";
    -ms-grid-columns: 1fr;
    -ms-grid-rows: auto auto auto;
  }
  .fexpgrid_layout .fexpgrid_results {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .fexpgrid_layout .fexpgrid_header {
    justify-self: flex-start;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    display: flex;
    width: 100%;
    flex-flow: column nowrap;
  }
  .fexpgrid_layout .fexpgrid_header .fexpgrid_Views {
    flex-flow: column nowrap;
    align-content: center;
  }
  .fexpgrid_layout .fexpgrid_header > div.tipoVista {
    margin-right: 1em;
    width: 90%;
  }
  .fexpgrid_layout .fexpgrid_header .saveAsVista {
    display: flex;
    align-self: center;
  }
  .fexpgrid_layout .fexpgrid_header .saveAsVista article[id^=ModifiedView] {
    align-self: center;
  }
  .fexpgrid_layout .fexpgrid_botonesMenuSuperior {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    flex-flow: row wrap;
  }
  .fexpgrid_layout .fexpgrid_gridTable {
    min-width: 0;
    overflow: auto;
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    z-index: 2;
  }
  .fexpgrid_layout .fexpgrid_pager {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .userDatosEmpresa {
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
  }
  .userDatosEmpresa div:not(:first-child) {
    margin-top: 1em;
  }
  .saveAsButton {
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 400;
    margin-right: 0.2em;
    margin-top: 0.3em;
    text-align: center;
    white-space: nowrap;
    line-height: 1.5;
    border: 1px solid #6c757d;
    color: #6c757d;
    background-color: transparent;
  }
  .saveAsButton:hover {
    color: #fff;
    border: 1px solid #007bff;
    background-color: #007bff;
  }
}
@media (max-width: 620px) {
  .flex-TMForm {
    justify-content: center;
  }
}
@media (min-width: 600px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-bottom: 5px;
  }
}
@media (max-width: 490px) {
  .brResponsive {
    display: block;
  }
  .filterChecks_listChecks {
    flex-flow: column nowrap;
  }
  .logoSuperior img.logo {
    width: 150px;
  }
}
@media (max-width: 470px) {
  .flex-GeolocationComponent {
    flex-flow: column nowrap;
  }
  .flex-GeolocationComponent > div {
    width: 100%;
    align-self: center;
  }
}
@media (max-width: 380px) {
  .flex-paginador div:not(:first-child) {
    margin: 1em auto 0em auto;
  }
  .paginador-total {
    max-width: 145px;
    white-space: normal;
  }
  .flex-TMForm div.TMForm-item {
    max-width: 220px;
    min-width: 220px;
  }
  .flex-TMForm div.TMForm-Attachment {
    max-width: 220px;
    min-width: 220px;
  }
  .flex-TMForm div.TMForm-header.sampleTitle {
    text-align: left;
    margin: 0 1.5em 1em 1.5em;
  }
  .flex-TMForm div.TMForm-header.protocol {
    margin: 0 0 1em 0;
  }
  .flex-TMForm div.TMForm-header.select {
    margin: 0 0 1em 1.5em;
  }
  .grid-SolicitarAnalisis {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 95px 95px 95px auto auto;
    grid-column-gap: 5%;
    grid-template-areas: "labo labo " "time time" "expected expected" "comments comments" "grid grid";
  }
  .sampleForm_Header {
    margin: 0;
  }
}
/*PX combinados*/
@media (min-width: 300px) and (max-width: 865px) {
  .grid_filter {
    grid-template-columns: 1fr;
  }
  .filter_number,
  .filter_small,
  .filter_normal,
  .filter_big {
    grid-column: span 3;
  }
  .grid-familyTree {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 425px 1fr;
    grid-template-areas: "admin" "tree";
  }
  .familyTree-admin {
    grid-area: admin;
    display: grid;
    padding: 2em 4em;
    grid-template-columns: 1fr 0.1fr;
  }
  .grid_filter {
    grid-template-columns: 1fr;
  }
  .filter_number,
  .filter_small,
  .filter_normal,
  .filter_big {
    grid-column: span 3;
  }
  .grid-paletizacion {
    width: 100%;
    padding: 1em 2em;
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    grid-template-rows: auto;
    grid-auto-rows: auto;
    grid-template-areas: "productor corner" "strap cooling" "pnotas pnotas" "notas notas";
  }
  .paletizacion-suplier {
    grid-area: productor;
    align-self: center;
    padding: 10px 45px 10px 25px;
  }
  .paletizacion-cornerPosts {
    grid-area: corner;
    align-self: center;
    padding: 10px 45px 10px 25px;
  }
  .paletizacion-strapping {
    grid-area: strap;
    align-self: center;
    padding: 10px 45px 10px 25px;
  }
  .paletizacion-precooling {
    grid-area: cooling;
    align-self: center;
    padding: 10px 45px 10px 25px;
  }
  .paletizacion-notas {
    grid-area: pnotas;
    align-self: center;
    padding: 10px 45px 10px 25px;
  }
  .paletizacion-precoolingNotes {
    grid-area: notas;
    align-self: center;
    padding: 10px 45px 10px 25px;
  }
  .grid-etiquetado {
    width: 100%;
    padding: 1em 2em;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-auto-rows: auto;
    grid-template-areas: "label individual" "textok barcode" "mesh peso";
  }
  .etiquetado-label {
    grid-area: label;
    align-self: center;
    padding: 5px 12px 5px 12px;
  }
  .etiquetado-individual {
    grid-area: individual;
    align-self: center;
    padding: 5px 12px 5px 12px;
  }
  .etiquetado-textOk {
    grid-area: textok;
    align-self: center;
    padding: 5px 12px 5px 12px;
  }
  .etiquetado-barcode {
    grid-area: barcode;
    align-self: center;
    padding: 5px 12px 5px 12px;
  }
  .etiquetado-mesh {
    grid-area: mesh;
    align-self: center;
    padding: 5px 12px 5px 12px;
  }
  .etiquetado-peso {
    grid-area: peso;
    align-self: center;
    padding: 5px 12px 5px 12px;
  }
  .grid-firma {
    width: 100%;
    padding: 1em 2em;
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    grid-template-rows: 0.33fr 0.33fr 0.33fr;
    grid-template-areas: "nombreR nombreC" "firmaR firmaC" "fecha id";
  }
  .firma-firmaRepresentante {
    grid-area: firmaR;
    align-self: center;
    padding: 10px 45px 10px 25px;
  }
  .firma-nombreRepresentante {
    grid-area: nombreR;
    align-self: center;
    padding: 10px 45px 10px 25px;
  }
  .firma-fecha {
    grid-area: fecha;
    align-self: center;
    padding: 10px 45px 10px 25px;
  }
  .grid-firmaCPCC {
    width: 100%;
    padding: 1em 2em;
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "cnombreR cnombreC" "cfirmaR cfirmaC" "cfecha cid";
  }
  .firmaCPCC-firmaRepresentante {
    grid-area: cfirmaR;
    align-self: center;
    padding: 5px 22px 5px 12px;
  }
  .firmaCPCC-firmaRepresentante img {
    max-width: 50%;
    min-width: 100px;
  }
  .firmaCPCC-nombreRepresentante {
    grid-area: cnombreR;
    align-self: center;
    padding: 5px 22px 5px 12px;
  }
  .firmaCPCC-firmaControlador {
    grid-area: cfirmaC;
    align-self: center;
    padding: 5px 22px 5px 12px;
  }
  .firmaCPCC-firmaControlador img {
    max-width: 50%;
    min-width: 100px;
  }
  .firmaCPCC-nombreControlador {
    grid-area: cnombreC;
    align-self: center;
    padding: 5px 22px 5px 12px;
  }
  .firmaCPCC-fecha {
    grid-area: cfecha;
    align-self: center;
    padding: 5px 22px 5px 12px;
  }
  .firmaCPCC-id {
    grid-area: cid;
    align-self: center;
    padding: 5px 22px 5px 12px;
  }
  .grid-fotosCPCC {
    width: 100%;
    padding: 1em 2em;
    display: grid;
    grid-template-columns: repeat(2, 0.5fr);
    grid-auto-rows: 1fr;
    grid-row-gap: 3em;
    grid-column-gap: 50px;
  }
  .flex-TMRForm {
    padding: 0;
  }
  .flex-TMForm div.TMForm-item {
    max-width: 260px;
    min-width: 260px;
  }
  .flex-TMForm div.TMForm-Attachment {
    max-width: 45%;
    min-width: 260px;
  }
  .flex-TMForm div.TMForm-carrusel {
    width: 100%;
  }
  .flex-TMForm div.TMForm-carrusel p {
    text-align: center;
  }
  .flex-TMForm div.TMForm-header.sampleTitle {
    text-align: left;
    margin: 0 1.5em 1em 1.5em;
  }
  .flex-TMForm div.TMForm-header.protocol {
    margin: 0 0 1em 0;
  }
  .flex-TMForm div.TMForm-header.select {
    margin: 0 0 1em 1.5em;
  }
  .grid-adminPPPLtags {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 0.15fr;
    grid-template-rows: 0.4fr auto 0.2fr;
    grid-template-areas: " instructions instructions" " tags tags" " search boton";
  }
}
@media (min-width: 865px) and (max-width: 1300px) {
  .grid-familyTree {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "admin" "tree";
  }
  .familyTree-admin {
    grid-area: admin;
    display: grid;
    padding: 4em;
    grid-template-columns: 1fr 0.1fr;
  }
  .grid_filter {
    grid-template-columns: repeat(4, 1fr);
  }
  .filter_number {
    grid-column: span 1;
  }
  .filter_small {
    grid-column: span 1;
  }
  .filter_normal {
    grid-column: span 2;
  }
  .filter_big {
    grid-column: span 4;
  }
  .grid-adminPPPLtags {
    display: grid;
    grid-template-columns: 0.5fr 0.15fr 0.7fr;
    grid-template-rows: 0.4fr auto 0.2fr;
    grid-template-areas: " instructions instructions instructions" " tags tags tags" " search boton procedure";
  }
}
@media (min-width: 600px) and (max-width: 1440px) {
  .grid-pokemonMenu {
    margin-top: 1em;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 0.5fr 0.5fr 0.5fr;
    grid-column-gap: 10px;
    grid-template-areas: "select select select" "historial comunicado compañias" "materia procedure .";
  }
}
@media (min-width: 300px) and (max-width: 600px) {
  .Desktop {
    display: none;
  }
  .Mobile {
    display: block;
  }
  .Layout-Sidebar {
    display: none;
  }
  header {
    width: 100%;
  }
  .header_user {
    padding: 0;
    margin: 0;
  }
  .header-brand {
    margin: 0 auto;
  }
  .datosPers, .btnSalir {
    display: none;
  }
  .cabezon_container {
    padding-top: 3em;
  }
  .cabezon.desplegable.dropdown svg {
    margin: 0;
  }
  .grid-pokemonMenu {
    margin-top: 1em;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr;
    grid-column-gap: 10px;
    grid-template-areas: "select" "historial" "comunicado" "compañias" "materia" "procedure";
  }
}
/*EMs*/
@media (min-width: 30em) {
  .responsive-table th, .responsive-table td {
    padding: 0.75em 0.5em;
  }
  .responsive-table tbody td[data-title]:before {
    font-size: 0.9em;
  }
  .responsive-table tr {
    width: 48%;
    float: left;
    margin-right: 1%;
  }
  .responsive-table tr td {
    text-align: center;
  }
  .responsive-table tr th {
    text-align: center;
  }
}
@media (min-width: 48em) {
  .responsive-table {
    font-size: 0.9em;
  }
  .responsive-table thead {
    position: relative;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto;
  }
  .responsive-table th, .responsive-table td {
    display: table-cell;
    padding: 0.5em;
  }
  .responsive-table tr {
    display: table-row;
  }
  .responsive-table caption {
    font-size: 1.5em;
  }
  .responsive-table tbody {
    display: table-row-group;
  }
  .responsive-table tbody tr {
    display: table-row;
    border-width: 1px;
  }
  .responsive-table tbody tr:nth-of-type(even) {
    background-color: rgba(94, 93, 82, 0.1);
  }
  .responsive-table tbody th[scope=row] {
    background-color: transparent;
    color: #5e5d52;
    text-align: left;
  }
  .responsive-table tbody td {
    text-align: center;
  }
  .responsive-table tr {
    width: 100%;
    float: none;
    margin-right: 1%;
  }
  .responsive-table tbody td[data-title]:before {
    content: none;
  }
}
@media (min-width: 62em) {
  .responsive-table {
    font-size: 1em;
  }
  .responsive-table th, .responsive-table td {
    padding: 0.75em 0.5em;
  }
  .responsive-table tfoot {
    font-size: 0.9em;
  }
}
@media (min-width: 75em) {
  .responsive-table th, .responsive-table td {
    padding: 0.75em;
  }
}