/* BASE */

html {
  background-color: #fff;
}

body {
  background: #fff;
}

::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
}

::selection {
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
}

:focus {
  outline: #1e88e5 auto 1px;
}

main {
  overflow: hidden;
}

a {
  color: #1e88e5;
}

.modal-backdrop {
  display: none;
}

.manual-stow-input::-webkit-inner-spin-button,
.manual-stow-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.manual-stow-input {
    -moz-appearance: textfield;
}

.badge {
  line-height: 1;
  margin: 0.15rem 0.3rem 0.15rem 0;
  padding: 0.5rem 0.7rem;
  position: relative;
  text-transform: uppercase;
}

.badge.desfasado {
  top: -2px;
}

.badge-primary {
  background-color: #1e88e5 !important;
}

.bg-transparent {
  background: transparent !important;
}

.ca8d {
  border-radius: 4px;
}

.hr-corte {
  border-top: 1px solid #e0e0e0;
  margin-top: 6rem;
  padding-top: 6rem;
}

.loggeado .tooltip {
  z-index: 998;
}

#comercial-sup.loggeado .tooltip,
#jefes-sup.loggeado .tooltip {
  z-index: 1019;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-top-1 {
  margin-top: 1rem !important;
}

.margin-top-2 {
  margin-top: 2rem !important;
}

.margin-top-4neg {
  margin-top: -4rem !important;
}

.margin-top-05 {
  margin-top: 0.5rem !important;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-bottom-1 {
  margin-bottom: 1rem !important;
}

.margin-bottom-2 {
  margin-bottom: 2rem !important;
}

.margin-bottom-4 {
  margin-bottom: 4rem !important;
}

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

.none {
  display: none !important;
}

.padding-top-0 {
  padding-top: 0rem !important;
}

.padding-top-2 {
  padding-top: 2rem !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.padding-bottom-05 {
  padding-bottom: 0.5rem !important;
}

.padding-bottom-1 {
  padding-bottom: 1rem !important;
}

.padding-bottom-2 {
  padding-bottom: 2rem !important;
}

.padding-bottom-4 {
  padding-bottom: 4rem !important;
}

.padding-bottom-6 {
  padding-bottom: 6rem !important;
}

.padding-bottom-8 {
  padding-bottom: 8rem !important;
}

.padding-top-8 {
  padding-top: 8rem !important;
}

.padding-sides-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.primary-color-dark {
  background-color: #1e88e5 !important;
}

.rounded-lg {
  border-radius: 8px !important;
}

strong {
  font-weight: 700;
}

.texto-celeste {
  color: #1e88e5 !important;
}

.texto-azul {
  color: #0d47a1 !important;
}

.texto-finalizado,
.texto-finalizado td {
  color: #868e96 !important;
}

.texto-uppercase {
  text-transform: uppercase !important;
}

.zindex0 {
  z-index: auto !important;
}

.zindex3 {
  z-index: 3 !important;
}

/* BOTONES */

.btn {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-weight: 500;
  justify-content: center;
}

.btn-manual-stow-back {
  height: 44px;
}

.btn,
.btn:hover,
.btn:active,
.btn:visited,
.btn:focus,
.btn:not([disabled]):not(.disabled):active,
.btn:not([disabled]):not(.disabled).active,
.show > .btn.dropdown-toggle {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 4px !important;
}

.btn-primary,
.btn-primary:visited,
.show > .btn-primary.dropdown-toggle {
  background-color: #0d47a1 !important;
  border-color: #0d47a1 !important;
}

.btn-secondary,
.btn-secondary:visited,
.show > .btn-secondary.dropdown-toggle {
  background-color: #1e88e5 !important;
  border-color: #1e88e5 !important;
  border-radius: 4px;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled).active {
  background-color: #1e88e5 !important;
  border-color: #1e88e5 !important;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:not([disabled]):not(.disabled):active,
.btn-secondary:not([disabled]):not(.disabled).active {
  background-color: #0d47a1 !important;
  border-color: #0d47a1 !important;
}

.md-form.md-outline .form-control.is-valid:focus {
  box-shadow: inset 0 0 0 1px #00c851 !important;
}

.md-form.md-outline .form-control.is-invalid:focus {
  box-shadow: inset 0 0 0 1px #ff4444 !important;
}

.md-form.md-outline .valid + label {
  color: #00c851 !important;
}

.md-form.md-outline .validar + label {
  color: #1e88e5 !important;
}

.md-form.md-outline .invalid + label {
  color: #ff4444 !important;
}
#form-error{
margin-bottom: 0px;
}

.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
/* FLOATING ACTION BUTTON */

.btn.floating {
  appearance: none;
  -webkit-appearance: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f36200+0,f9b700+100 */
  background: rgb(243, 98, 0);
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(243, 98, 0, 1) 0%, rgba(249, 183, 0, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(243, 98, 0, 1) 0%, rgba(249, 183, 0, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(243, 98, 0, 1) 0%, rgba(249, 183, 0, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f36200', endColorstr='#f9b700', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  border-radius: 0 !important;
  box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: #fff;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 1.1rem;
  font-weight: 700;
  justify-content: center;
  margin: 0;
  padding: 1.5rem;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1500;
}

.btn.floating .fas.fa-truck-moving {
  display: none;
}

.btn.floating .fas.fa-long-arrow-alt-right {
  display: flex;
  position: absolute;
  right: 1rem;
}

.btn.floating:hover {
  box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-outline-primary {
  background-color: #fff !important;
  border: 1px solid #1e88e5 !important;
  border-radius: 4px;
  color: #1e88e5 !important;
}

.btn-outline-danger {
  background-color: #fff !important;
  border: 1px solid #ff4444 !important;
  border-radius: 4px;
  color: #ff4444 !important;
}

/* FORMS */

.md-form.md-outline input[type="text"]:focus:not([readonly]),
.md-form.md-outline input[type="file"]:focus:not([readonly]),
.md-form.md-outline input[type="password"]:focus:not([readonly]),
.md-form.md-outline input[type="url"]:focus:not([readonly]),
.md-form.md-outline input[type="time"]:focus:not([readonly]),
.md-form.md-outline input[type="date"]:focus:not([readonly]),
.md-form.md-outline input[type="datetime-local"]:focus:not([readonly]),
.md-form.md-outline input[type="tel"]:focus:not([readonly]),
.md-form.md-outline input[type="number"]:focus:not([readonly]),
.md-form.md-outline input[type="search-md"]:focus:not([readonly]),
.md-form.md-outline input[type="search"]:focus:not([readonly]),
.md-form.md-outline textarea.md-textarea:focus:not([readonly]),
.md-form.md-outline select:focus:not([readonly]) {
  border-color: #1e88e5 !important;
  -webkit-box-shadow: inset 0 0 0 1px #1e88e5 !important;
  box-shadow: inset 0 0 0 1px #1e88e5 !important;
}

.md-form.md-outline input:focus + label {
  color: #1e88e5 !important;
}

.md-form.md-outline input.form-control.invalid {
  border-color: #ff4444 !important;
  -webkit-box-shadow: inset 0 0 0 1px #ff4444 !important;
  box-shadow: inset 0 0 0 1px #ff4444 !important;
}

.md-form.md-outline input.form-control.valid,
input.form-control.valid,
select.form-control.valid {
  border-color: #00c851 !important;
  -webkit-box-shadow: inset 0 0 0 1px #00c851 !important;
  box-shadow: inset 0 0 0 1px #00c851 !important;
}

.md-form.md-outline input.form-control.validar,
input.form-control.validar,
select.form-control.validar,
.md-form.md-outline input.form-control.valid:focus {
  border-color: #1e88e5 !important;
  -webkit-box-shadow: inset 0 0 0 1px #1e88e5 !important;
  box-shadow: inset 0 0 0 1px #1e88e5 !important;
}

.loggeado .md-form.md-outline input.invalid + label:after,
.loggeado .md-form.md-outline input.invalid + label:after {
  display: none;
}

.md-form.md-outline input[type="text"]:focus:not([readonly]) + label,
.md-form.md-outline input[type="file"]:focus:not([readonly]) + label,
.md-form.md-outline input[type="password"]:focus:not([readonly]) + label,
.md-form.md-outline input[type="email"]:focus:not([readonly]) + label,
.md-form.md-outline input[type="url"]:focus:not([readonly]) + label,
.md-form.md-outline input[type="time"]:focus:not([readonly]) + label,
.md-form.md-outline input[type="date"]:focus:not([readonly]) + label,
.md-form.md-outline input[type="datetime-local"]:focus:not([readonly]) + label,
.md-form.md-outline input[type="tel"]:focus:not([readonly]) + label,
.md-form.md-outline input[type="number"]:focus:not([readonly]) + label,
.md-form.md-outline input[type="search-md"]:focus:not([readonly]) + label,
.md-form.md-outline input[type="search"]:focus:not([readonly]) + label,
.md-form.md-outline textarea.md-textarea:focus:not([readonly]) + label,
.md-form.md-outline select:focus:not([readonly]) + label {
  color: #1e88e5 !important;
}

.md-form.md-outline input.form-control.invalid + label {
  color: #ff4444;
}

.md-form.md-outline input.form-control.valid + label {
  color: #00c851;
}

.md-form .form-control.is-valid,
.md-form .form-control.is-invalid {
  background: none;
  appearance: none;
}

.md-form.md-outline input[type="text"].form-control.invalid + label:after,
.md-form.md-outline input[type="text"].form-control:focus.invalid + label:after,
.md-form.md-outline input[type="password"].form-control.invalid + label:after,
.md-form.md-outline input[type="password"].form-control:focus.invalid + label:after,
.md-form.md-outline input[type="email"].form-control.invalid + label:after,
.md-form.md-outline input[type="email"].form-control:focus.invalid + label:after,
.md-form.md-outline input[type="url"].form-control.invalid + label:after,
.md-form.md-outline input[type="url"].form-control:focus.invalid + label:after,
.md-form.md-outline input[type="time"].form-control.invalid + label:after,
.md-form.md-outline input[type="time"].form-control:focus.invalid + label:after,
.md-form.md-outline input[type="date"].form-control.invalid + label:after,
.md-form.md-outline input[type="date"].form-control:focus.invalid + label:after,
.md-form.md-outline input[type="datetime-local"].form-control.invalid + label:after,
.md-form.md-outline input[type="datetime-local"].form-control:focus.invalid + label:after,
.md-form.md-outline input[type="tel"].form-control.invalid + label:after,
.md-form.md-outline input[type="tel"].form-control:focus.invalid + label:after,
.md-form.md-outline input[type="number"].form-control.invalid + label:after,
.md-form.md-outline input[type="number"].form-control:focus.invalid + label:after,
.md-form.md-outline input[type="search-md"].form-control.invalid + label:after,
.md-form.md-outline input[type="search-md"].form-control:focus.invalid + label:after,
.md-form.md-outline input[type="search"].form-control.invalid + label:after,
.md-form.md-outline input[type="search"].form-control:focus.invalid + label:after,
.md-form.md-outline textarea.md-textarea.form-control.invalid + label:after,
.md-form.md-outline textarea.md-textarea.form-control:focus.invalid + label:after {
  top: 74px;
}

.btn i,
.btn svg {
  position: absolute;
  right: 1.5rem;
}

.btn-sm svg {
  height: 20px !important;
  right: 0.75rem;
  width: 20px !important;
}

/* ERROR 404 y 500 */

#errorpage {
  padding-left: 0;
}

#errorpage .azul-titulo {
  padding-top: 8rem;
  padding-bottom: 10rem;
}

#errorpage .container {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

#errorpage .container .col-sm-6 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  order: 2;
}

#errorpage .container .col-sm-6.cryvigueta {
  margin-bottom: 2rem;
  order: 1;
}

#errorpage .container .col-sm-6.cryvigueta img {
  margin: 0 auto;
  max-width: 360px;
}

#errorpage .container .col-sm-6 .btn {
  margin: 0;
}

#errorpage .container h1 {
  margin-bottom: 1rem;
}

#errorpage .container p {
  font-size: 1.35rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 0.5rem;
}

#errorpage .container p.last-p {
  margin-bottom: 2rem;
}

#errorpage .container p span {
  color: rgba(249, 183, 0, 1);
}

/* REGISTRARSE */

.login.registrar .branding {
  align-items: flex-start;
}

.login.registrar .branding img {
  margin-left: -5px;
}

.login.registrar .titulo {
  text-align: left;
}

/* LOGIN */

.login .final-step_scrap,
.login {
  align-items: center;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d48a4+5,1d89c2+100 */
  background: #1d89c2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1d48a4 5%, #1d89c2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1d48a4 5%, #1d89c2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1d48a4 5%, #1d89c2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d48a4', endColorstr='#1d89c2', GradientType=0);
  /* IE6-9 */
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 100vh;
  padding: 4rem 0 1rem;
}

.login.confirmar {
  padding: 1rem 0;
}

.login .caja {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 30px);
  padding: 2rem 15px 1rem;
  width: 450px;
}

.login .branding {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 15px;
  position: relative;
}

.terminos .branding .back,
.recuperar .branding .back {
  display: flex;
  margin-right: 15px;
  position: absolute;
  left: 0;
}

.login .branding img {
  width: 150px;
}

.login .titulo {
  color: #212121;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 2rem;
  text-align: center;
}

.login .md-form.md-outline,
.loggeado .md-form.md-outline,
.select-gris .md-form.md-outline {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
  margin-bottom: 1rem;
}

.loggeado .chofer-agregar .btn.btn-block,
.loggeado .filtro.despacho .btn.btn-block {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 44px;
  justify-content: center;
}

.toggle-password {
  cursor: pointer;
  opacity: 0.7;
  padding: 15px;
  position: absolute;
  right: 0;
  transition: all 0.2s ease-in-out;
  width: 3.5em;
}

.toggle-password:hover {
  opacity: 1;
}

.field-icon {
  color: #9e9e9e;
}

.login .md-form .validate,
.loggeado .md-form .validate {
  margin-bottom: 0;
}

.login .md-form.md-outline .form-control.valid + label:after {
  display: none;
}

.login form button.btn.btn-block {
  appearance: none;
  -webkit-appearance: none;
  font-size: 0.81rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 2rem;
  min-height: 44px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.login .extras ul {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.login .extras ul li {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.login .extras ul li {
  margin-bottom: 2rem;
}

.login .extras strong {
  color: #444;
}

.login .extras strong,
.login .extras ul a,
.terminos .card-text a,
#modalTerminosTurnos .card-text a,
.texto-pre strong,
.login .extras a {
  font-weight: 700;
}

.login .extras ul a:hover,
.terminos .card-text a:hover,
#modalTerminosTurnos .card-text a:hover,
.login .extras a:hover {
  color: #0d47a1 !important;
  text-decoration: underline;
}

.texto-terminos {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.9rem;
  justify-content: center;
  padding: 30px 30px 0;
  width: 450px;
  max-width: calc(100% - 30px);
}

.texto-terminos p {
  color: #fff;
  margin-bottom: 0;
  width: 100%;
}

.texto-terminos a {
  color: #fff;
  font-weight: 700;
}

.texto-terminos a:hover {
  color: #eee !important;
  text-decoration: underline;
}

/* TERMINOS & CONDICIONES LOGIN */

.no-logeado .card .card-body,
.loggeado .terminos .card .card-body,
#modalTerminosTurnos .card .card-body {
  height: 300px;
}

.loggeado #modalTerminosTurnos .card .card-body {
  padding: 1.25rem 0 0;
}

.terminos .card .card-body .card-text {
  font-size: 1rem;
  line-height: 1.5;
}

.loggeado #modalTerminosTurnos .card .card-body p {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.loggeado #modalTerminosTurnos .card .card-body ul {
  padding-right: 1.25rem;
}

.loggeado #modalTerminosTurnos .card .card-body p.card-imagenes {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0;
}

.loggeado #modalTerminosTurnos .card .card-body p.card-imagenes img {
  margin: 0 1rem 1rem;
  max-width: calc(50% - 2rem);
  width: 536px;
}

.loggeado #modalTerminosTurnos .card .card-body hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.no-logeado .card .card-body h2.card-text,
.loggeado .terminos .card .card-body h2.card-text,
#modalTerminosTurnos .card .card-body h2.card-text {
  color: #212121;
  font-size: 24px;
  padding-top: 1rem;
}

.no-logeado .card .card-body h3.card-text,
#modalTerminosTurnos .card .card-body h3.card-text,
#modalTerminosTurnos .card .card-body .card-text.h3 {
  color: #212121;
  font-size: 18px;
  padding-top: 1rem;
}

.no-logeado .terminos .card .card-body p.card-text {
  font-size: 1rem;
  margin-bottom: 1rem;
}

#modalTerminosTurnos .card .card-body h2.card-text {
  padding-top: 1rem;
}

.terminos.no-log .btn {
  appearance: none;
  -webkit-appearance: none;
  margin-left: auto;
}

#modalTerminosTurnos .card .card-body ol,
#modalTerminosTurnos .card .card-body ul {
  font-size: 0.9rem;
  font-weight: 400;
  color: #747373;
}

#modalTerminosTurnos .table-responsive {
  overflow: hidden !important;
}

#modalTerminosTurnos ul.card-text li:first-child {
  list-style: none;
  margin-left: -1.25rem;
}

#modalTerminosTurnos ul.card-text .table.table-hover {
  border: none !important;
}

#modalTerminosTurnos ul.card-text thead th {
  color: #212121;
  padding: 1rem !important;
  width: 50%;
}

/* MODAL LOGIN */

.modal-dialog .modal-content {
  background: transparent;
  border-radius: 8px;
  overflow: hidden;
}

#modalUpdatePassword .modal-content{
  background: white;
}

.modal-content {
  margin: 0 auto;
  max-width: calc(100% - 3rem);
}

.acciones {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 15px 0;
  width: calc(100% + 0.375rem + 0.375rem);
}

.acciones .btn.btn-link,
.btn.btn-sm[type="button"],
a.btn.btn-outline-primary {
  appearance: none;
  -webkit-appearance: none;
  color: #1e88e5 !important;
  font-size: 0.81rem;
  font-weight: 700;
  text-decoration: none !important;
}

.dt-buttons .btn.btn-sm[type="button"] {
  -webkit-box-shadow:
    0 5px 11px 0 rgb(0 0 0 / 0),
    0 4px 15px 0 rgb(0 0 0 / 0);
  box-shadow:
    0 5px 11px 0 rgb(0 0 0 / 0),
    0 4px 15px 0 rgb(0 0 0 / 0);
}

.dt-buttons .btn.btn-sm[type="button"]:hover {
  -webkit-box-shadow:
    0 5px 11px 0 rgb(0 0 0 / 18%),
    0 4px 15px 0 rgb(0 0 0 / 15%);
  box-shadow:
    0 5px 11px 0 rgb(0 0 0 / 18%),
    0 4px 15px 0 rgb(0 0 0 / 15%);
}

a.btn.btn-outline-danger {
  appearance: none;
  -webkit-appearance: none;
  color: #ff4444 !important;
  font-size: 0.81rem;
  font-weight: 700;
  text-decoration: none !important;
}

.no-logeado .login.terminos .acciones .btn.btn-link:hover,
.no-logeado .login.terminos .btn.btn-sm[type="button"]:hover {
  text-decoration: underline !important;
}

#historial .table tbody .cancelado td .btn,
#seleccionarnv .texto-finalizado .btn-outline-primary {
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
}

#historial .table tbody .cancelado td .btn:hover,
#seleccionarnv .texto-finalizado .btn-outline-primary:hover {
  opacity: 1;
}

.modal-footer {
  background: #fff;
  flex-wrap: wrap;
}

#modalTerminosTurnos .modal-footer {
  padding-top: 0;
}

#modalTerminosTurnos .modal-footer .custom-checkbox {
  margin-bottom: 1rem;
}

.modal-footer form {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

/* RECUPERAR CONTRASEÑA LOGIN */

.texto-pre {
  font-size: 1.15rem;
  max-width: 100%;
  padding: 0;
  width: 100%;
}

.registrar .texto-pre.margin-bottom-2,
.recuperar .texto-pre.margin-bottom-2 {
  margin-bottom: 2rem;
}

.recuperar .texto-pre.margin-bottom-2 strong {
  color: #212121;
}

.recuperar .texto-pre {
  margin-bottom: 1rem;
}

.texto-pre strong {
  color: #1e88e5;
}

.recuperar .texto-pre strong {
  color: #212121;
}

.texto-pre a {
  font-weight: 700;
}

.texto-pre a:hover {
  color: #0d47a1 !important;
  text-decoration: underline;
}

/* REGISTRARSE */

.md-form.md-outline label.active::after {
  max-width: 100%;
  min-width: 200px;
}

.login p.extras {
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.05);
  border-top: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  /* margin: 0 -30px -1rem; */
  margin: 0 auto;
  padding: 1rem 30px;
  max-width: calc(100% + 60px);
  /* min-width: calc(100% + 60px); */
  /* width: calc(100% + 60px);  */
}

.login p.extras strong {
  margin-bottom: 0.25rem;
}

.login p.extras span {
  font-size: 1rem;
}

.login.registrar p.extras {
  margin: 0 -15px -1rem;
  max-width: calc(100% + 30px);
  min-width: calc(100% + 30px);
  width: calc(100% + 30px);
}

.login.registrar .caja .imagen {
  display: none;
}

/* ALERTAS */

.alert {
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  padding: 2rem;
  position: fixed;
  right: 0;
  bottom: -50vh;
  left: 0;
  text-align: left;
  transition: bottom 1s;
  -webkit-transition: bottom 1s;
  z-index: 2000;
}

.alert-dismissible .close {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.75rem;
  bottom: 0;
  text-shadow: none;
  transition: all 0.2s ease-in-out;
}

.close:hover {
  color: rgba(255, 255, 255, 1);
}

.alert-success h5 {
  margin-bottom: 0;
}

/* LOGEADO */

body {
  background: #fafafa;
  color: #747373;
  font-weight: 400;
  min-height: 100vh;
}

.container {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.nr-paso1 {
  margin-bottom: 2rem;
  padding: 0rem !important;
  justify-content: center !important;
  align-items: center !important;
}

/* PANEL NAVBAR */

.navbar {
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  box-shadow: none;
  font-weight: 400;
  padding: 1rem;
  position: fixed;
  width: 100%;
  z-index: 1030;
  top: 0 !important;
}

.navbar .burger {
  align-items: center;
  background: none;
  border: none;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 2rem;
  justify-content: center;
  line-height: 1;
  margin-right: 0.5rem;
  padding: 0;
  outline: none;
  overflow: hidden;
  width: 2rem;
  z-index: 1;
}

.navbar .burger .fa-stack {
  color: #fff;
  font-size: 1rem;
  width: 2rem;
  transition: all 0.2s ease-in-out;
}

.navbar .burger:hover .fa-stack {
  color: #dadce0;
}

.navbar .burger .fa-stack .fa-bars {
  color: #747373;
}

.navbar .branding {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: auto;
  padding-left: 0.5rem;
  position: relative;
  z-index: 1;
}

#despacho-sup .navbar .branding {
  padding-left: 0;
}

.navbar .branding img {
  width: 150px;
}

/* USUARIO */

.usuario {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.usuario .alerta {
  margin-right: 1rem;
  position: relative;
}

.usuario .alerta .dropdown-toggle {
  appearance: none;
  -webkit-appearance: none;
  color: #fff;
  position: relative;
  width: 2rem;
}

.usuario .alerta .dropdown-toggle:focus {
  color: #fff;
}

.usuario .alerta .dropdown-toggle:hover {
  color: transparent;
}

.usuario .alerta .fa-stack {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: 0;
}

.usuario .alerta .fa-stack .fa-bell {
  color: #1e88e5;
  font-size: 1.3rem;
  transition: all 0.2s ease-in-out;
}

.usuario .alerta:hover .fa-bell {
  color: #0d47a1;
}

.usuario .alerta .badge {
  align-items: center;
  border-radius: 50%;
  box-shadow:
    0 1px 2px 0 rgba(0, 0, 0, 0.3),
    0 1px 3px 1px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 20px;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: -5px;
  right: -7px;
  text-align: center;
  width: 20px;
}

.usuario .dropdown-toggle {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.usuario .dropdown-toggle:after {
  display: none;
}

.usuario .nombre {
  color: #212121;
  display: none;
  font-size: 1rem;
  line-height: 1;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
}

.usuario .nombre:hover {
  text-decoration: underline;
}

.usuario .fa-stack,
.sidenav .fa-stack {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 50%;
  font-size: 1rem;
  height: 2rem;
  margin-left: 0;
  overflow: hidden;
  width: 2rem;
}

.navbar .usuario .user {
  position: relative;
}

.navbar .usuario .user .dropdown-toggle {
  appearance: none;
  -webkit-appearance: none;
  color: #1e88e5;
}

.navbar .usuario .user .dropdown-toggle .fa-stack {
  appearance: none;
  -webkit-appearance: none;
  transition: all 0.2s ease-in-out;
}

.navbar .usuario .user:hover .dropdown-toggle .nombre {
  text-decoration: underline;
}

.navbar .usuario .user:hover .dropdown-toggle .fa-stack {
  color: #0d47a1;
}

/* TOGGLES NAV */

.rounded-lg {
  overflow: hidden;
}

.navbar .usuario .dropdown-menu.show {
  background: transparent;
  border: none;
  box-shadow:
    0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 0;
  margin-right: 0;
  max-width: calc(100vw - 2rem);
  padding: 0;
  width: 270px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.navbar .usuario .dropdown-menu.show:hover {
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
}

.navbar .usuario .dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar .usuario .dropdown-menu ul li {
  border-bottom: 1px solid #e0e0e0;
}

.navbar .usuario .dropdown-menu ul li:last-child {
  border-bottom: none;
}

.navbar .usuario .dropdown-menu ul li a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-weight: 400;
  padding: 1rem;
}

.navbar .usuario .dropdown-menu ul li a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.navbar .usuario .dropdown-menu.auth-datos .datos {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem;
  z-index: 1;
}

.navbar .usuario .dropdown-menu.auth-datos .datos .fa-stack {
  color: #1e88e5;
  font-size: 2rem;
  height: 4rem;
  margin-left: 0;
  width: 4rem;
  transition: all 0.2s ease-in-out;
}

.navbar .usuario .dropdown-menu.auth-datos .datos .fa-stack:hover {
  color: #0d47a1;
}

.navbar .usuario .dropdown-menu.auth-datos .auth-user {
  font-size: 1rem;
  line-height: 1.2;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  text-align: center;
  word-break: break-all;
}

.navbar .usuario .dropdown-menu.auth-datos .auth-pic .user-link {
  background: none !important;
  border: none !important;
  cursor: pointer;
  padding: 0 !important;
}

.navbar .usuario .dropdown-menu.auth-datos .auth-mail {
  font-size: 0.9rem;
  font-weight: 300;
  text-align: center;
  word-break: break-all;
}

.navbar .usuario .dropdown-menu.auth-datos .user-link {
  align-items: center;
  background: rgba(255, 255, 255, 1);
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.9rem;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  z-index: 1;
}

.navbar .usuario .dropdown-menu.auth-datos .user-link:hover {
  background: rgba(229, 229, 229, 1);
  text-decoration: underline;
}

.navbar .usuario .dropdown-menu.auth-datos .user-terminos {
  background: #1e88e5;
  border-bottom: none;
  color: #fff;
}

.navbar .usuario .dropdown-menu.auth-datos .user-terminos:hover {
  background: #0d47a1;
}

/* SIDEBAR */

.sidenav {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #1d89c2;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #1d89c2 0%, #1d48a4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #1d89c2 0%, #1d48a4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #1d89c2 0%, #1d48a4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d89c2', endColorstr='#1d48a4', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  box-shadow:
    0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  height: 100%;
  max-width: calc(100vw - 4rem);
  overflow-x: hidden;
  position: fixed;
  top: 0;
  left: -385px;
  width: 385px;
  z-index: 1029;
  transition: all 0.6s ease-in-out;
}

.sidenav:hover {
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
}

.sidenav .header {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0.5rem;
  padding: 1rem;
  position: relative;
}

.sidenav .header .branding {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.sidenav .header .branding img {
  width: 150px;
}

.sidenav .header .closebtn {
  border-radius: 50%;
  color: transparent;
  font-size: 1rem;
  line-height: 1;
  margin-right: 0.5rem;
}

.sidenav .header .closebtn:hover {
  color: #1e88e5;
}

.sidenav ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidenav ul li {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  transition: all 0.2s ease-in-out;
}

.sidenav ul li.turnos {
  padding: 0 0 0.5rem;
}

.sidenav ul a {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  padding-left: 1.1rem;
}

.sidenav ul li.turnos a.toplink {
  margin-bottom: -0.5rem;
}

.sidenav ul li.turnos .sub-link-sidebar a {
  margin-bottom: 0;
}

.sidenav ul a .fas.fa-angle-down {
  transform: rotate(180deg);
  transition: all 0.5s ease-in-out;
  width: 2rem;
}

.sidenav ul a.collapsed .fas.fa-angle-down {
  transform: rotate(360deg);
}

.sidenav ul a .fas.fa-angle-down {
  font-size: 1rem;
  margin-right: 1rem;
  margin-left: auto;
}

.sidenav ul li:hover a {
  background: rgba(0, 0, 0, 0.2);
}

.sidenav ul li ul li:hover {
  background: transparent;
}

.sidenav ul a span {
  font-size: 1rem;
}

.sidenav ul a span.badge {
  font-size: 0.65rem;
  margin: 0 0 0 1rem;
}

.banner .container {
  overflow: hidden !important;
}

.banner span.badge {
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.16),
    0 1px 6px 0 rgba(0, 0, 0, 0.12);
  font-size: 1rem;
  letter-spacing: 0.75px;
  margin: 0;
  padding: 0.5rem 7rem;
  position: absolute;
  top: 30px;
  right: -80px;
  transform: rotate(35deg);
  z-index: 1;
}

.info-container span.badge {
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.16),
    0 1px 6px 0 rgba(0, 0, 0, 0.12);
  font-size: 1rem;
  letter-spacing: 0.75px;
  margin: 0;
  padding: 0.5rem 7rem;
  position: absolute;
  top: 30px;
  right: -80px;
  transform: rotate(35deg);
  z-index: 1;
}

.sidenav ul a .far,
.sidenav ul a .fas,
.sidenav ul a svg {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 1.25rem;
  justify-content: center;
  margin-right: 1rem;
  width: 32px !important;
}

.sidenav ul .sub-link-sidebar {
  flex-wrap: nowrap;
  padding: 0;
  width: 100%;
}

.sidenav ul .sub-link-sidebar a {
  margin-bottom: 0;
  padding: 0 1rem 0.5rem;
  padding-left: calc(1.6rem + 40px);
}

.sidenav ul .sub-link-sidebar a span {
  font-size: 1rem;
  font-weight: 300;
}

.sidenav ul .sub-link-sidebar a:hover span {
  color: #fbc02d;
}

.sidenav ul .turnos,
.sidenav ul .separador-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin: 0.5rem 0;
}

/* RAIL NAVIGATION */

.nav-rail {
  display: none;
}

/* PANEL COLOPHON */

#colophon {
  align-items: flex-start;
  background: #fafafa;
  border-top: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.9rem;
  justify-content: flex-start;
  padding: 6rem 0;
  position: relative;
}

#colophon a {
  color: #747373;
}

#colophon .enlaces {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

#colophon .enlaces ul {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  width: 100%;
}

#colophon .enlaces ul:nth-child(3),
#colophon .enlaces ul:nth-child(4) {
  width: calc(50% - 0.5rem);
}

#colophon .enlaces ul.redes li {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0.25rem;
}

#colophon .enlaces ul.redes li:nth-child(1) {
  margin-bottom: 0;
}

#colophon .enlaces ul.redes {
  flex-direction: row;
}

#colophon .enlaces ul a:hover {
  color: #0d47a1;
  text-decoration: underline;
}

#colophon .enlaces ul.redes a {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  transition: all 0.2s ease-in-out;
}

#colophon .enlaces ul.redes .fa-stack {
  border-radius: 50%;
  color: #1e88e5;
  font-size: 0.8rem;
  height: 1.6rem;
  margin-right: 0.5rem;
  margin-left: -0.25rem;
  overflow: hidden;
  width: 1.6rem;
  transition: all 0.2s ease-in-out;
}

#colophon .enlaces ul.redes .fa-stack:hover {
  color: #0d47a1;
}

/* COLOPHON LOGOS */

#colophon .logos {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#colophon .logos ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#colophon .logos ul li {
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  margin-left: 0.5rem;
  width: 100%;
}

#colophon .logos a {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#colophon .logos a img {
  height: 50px;
  width: 100%;
}

#colophon .logos li:nth-child(2) img {
  height: 60px;
}

/* COPYRIGHT */

#colophon .copyright {
  font-size: 0.8rem;
  padding-top: 1.5rem;
  text-align: left;
}

#colophon .copyright p {
  margin-bottom: 0;
  text-align: center;
}

#colophon .copyright a {
  color: #1e88e5;
  font-weight: 700;
}

#colophon .copyright a:hover {
  color: #0d47a1;
  text-decoration: underline;
}

/* TURNOS - FILTRO */

#misturnos {
  position: relative;
  z-index: 2;
}

.azul-titulo {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #1e88e5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1e88e5 0%, #0d47a1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E88E5', endColorstr='#0D47A1', GradientType=1);
  /* IE6-9 */
  overflow: hidden;
  padding-top: 8rem;
  padding-bottom: 6rem;
  position: relative;
}

.fondo-azul {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #1e88e5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1e88e5 0%, #0d47a1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E88E5', endColorstr='#0D47A1', GradientType=1);
  /* IE6-9 */
}

#slogansolicitar.fondo-azul {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #1e88e5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1e88e5 0%, #0d47a1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E88E5', endColorstr='#0D47A1', GradientType=1);
  /* IE6-9 */
}

.azul-titulo h1 {
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.5rem;
}

.azul-titulo h1 + p {
  font-size: 1.35rem;
  line-height: 1.5;
  margin-bottom: 0;
}

.filtro {
  color: #212121;
  margin-top: -4rem;
  position: relative;
}

.log-datos .filtro {
  margin-top: 2rem;
}

#historial .filtro,
#proximos .filtro {
  margin-top: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

#despacho-sup #historial.historial-datos {
  padding-bottom: 6rem;
}

#fechas {
  margin-top: 2rem;
}

.filtro .container {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  width: calc(100% - 2rem);
}

.filtro h2,
#dates-available-main-container h2,
#seleccionarnv h2,
.nvautorizados h3,
#scrap-operario h3,
#scrap-laboratorio h3,
#scrap-lab h3,
.informe-descripcion h3 {
  align-items: center;
  color: #212121;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.25rem;
  font-weight: 700;
  justify-content: flex-start;
  order: 1;
}

#scrap-operario h4,
.form-scrap h4 {
  font-size: 1.1em;
  color: #212121;
  margin-top: 0.5em;
}

#scrap-operario .tooltip {
  background-color: red !important;
}

.nvautorizados h3 a {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.filtro h2 .fa-stack,
#seleccionarnv h2 .fa-stack,
#dates-available-main-container h2 .fa-stack,
.nvautorizados h3 .fa-stack {
  color: #1e88e5;
  font-size: 0.75rem;
  margin-right: 0.5rem;
  width: 1.75rem;
}

#seleccionarnv h2 span.fa-stack.con-svg {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

#seleccionarnv h2 span.fa-stack.con-svg svg {
  margin-right: 0;
  z-index: 1;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child {
  padding-right: 0 !important;
  padding-left: 3rem !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 100%;
  padding-right: 1rem !important;
}

.valign-top table.dataTable > tbody > tr.child ul.dtr-details > li {
  align-items: flex-start;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: flex !important;
  flex-direction: row;
  margin-right: 0.25rem;
  position: relative;
}

/* table.dataTable>tbody>tr.child span.dtr-title:after {
    content: ":";
} */

table.dataTable > tbody > tr.child span.dtr-data {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  align-items: center !important;
  border: none !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  background-color: #1e88e5 !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  height: 20px !important;
  margin-right: 0.5rem;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 20px !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  background-color: #ff4444 !important;
}

.expandir:focus {
  outline: none;
}

.dt-buttons {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}

.dt-buttons .btn {
  margin: 0 1rem 1.5rem 0;
}

.log-datos .fa-stack,
#seleccionarnv .table tbody td .fa-stack {
  font-size: 0.75rem;
  width: 1.75rem;
}

#seleccionarnv .table tbody td .fa-stack {
  font-size: 10px !important;
  width: 30px !important;
}

.log-datos .verificada.fa-stack {
  color: #00c851;
}

.log-datos .warning.fa-stack {
  color: rgb(255, 136, 0);
}

.log-datos .noverificada.fa-stack {
  color: #ff4444;
}

.log-datos .noverificada.grande {
  color: #ff4444;
}

.nvautorizados h3 .fa-stack {
  color: #00c851;
}

.nvautorizados.noautorizados h3 .fa-stack {
  color: #ff4444;
}

.filtro h2 .texto,
#seleccionarnv h2 .texto {
  width: calc(100% - 2.25rem);
}

.filtro h2 + p,
#seleccionarnv h2 + p,
#dates-available-main-container h2 + p {
  color: #212121;
  font-size: 1.15rem;
  font-weight: 400;
  margin-left: 0.25rem;
  order: 2;
}

p.informe-evaluacion {
  background: rgba(255, 187, 51, 0.1);
  border: 1px solid rgb(255, 136, 0);
  border-radius: 4px;
  color: #444 !important;
  display: block;
  font-size: 1rem !important;
  margin: 2rem auto 1rem !important;
  padding: 0.5rem 1rem;
}

p.informe-evaluacion strong {
  color: #444 !important;
}

#seleccionarnv h2 + p a {
  font-weight: 700;
  text-decoration: underline;
}

#seleccionarnv h2 + p a:hover {
  color: #1e88e5;
}

.filtro .form-vertical {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0;
  justify-content: center;
}

.filtro .form-vertical .form-group-column {
  width: 350px;
}

.filtro .form-vertical .form-group-comment {
}

.filtro form,
#seleccionarnv form,
#dates-available-main-container form,
.filtro.despacho form,
.contenedor-verde form {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.filtro form .row {
  flex-direction: row;
  justify-content: flex-end;
  order: 1;
  padding-right: 0;
  padding-left: 0.5rem;
  width: calc(100% + 1.5rem);
}

.filtro.despacho form {
  padding: 0 0.5rem;
}

.filtro .col-12,
.filtro .col-6,
.filtro .col-3 {
  order: 1;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

#seleccionarnv.chofer-agregar form .row {
  flex-direction: row;
  justify-content: flex-end;
  order: 1;
  padding-right: calc(30px - 0.5rem);
  padding-left: calc(30px - 0.5rem);
  width: calc(100% + 2rem);
}

#seleccionarnv.chofer-agregar .col-sm-3 {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.filtro .filtrar {
  align-items: center;
  order: 2;
}

.filtro .limpiar,
#seleccionarnv.grafico-datos .limpiar {
  align-items: center;
  color: #747373;
  display: flex;
  justify-content: flex-end;
  order: 3;
}

#seleccionarnv.grafico-datos .limpiar {
  margin-bottom: 1.5rem;
}

.filtro .limpiar a:hover,
#seleccionarnv.grafico-datos .limpiar a:hover {
  color: #1e88e5 !important;
  text-decoration: underline;
}

.filtro .limpiar a,
#seleccionarnv.grafico-datos .limpiar a {
  appearance: none;
  -webkit-appearance: none;
  font-size: 0.81rem;
}

.md-form.md-outline input[type="date"] + label {
  transform: translateY(-13px) scale(0.8);
  transform-origin: 0% 100%;
}

.md-form.md-outline input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: auto;
}

.md-form.md-outline input[type="date"]::-webkit-clear-button {
  -webkit-appearance: none;
  display: none;
}

.md-form.md-outline input[type="date"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}

.md-form.md-outline select,
.md-form.md-outline input[type="date"],
.filtro.despacho .md-form.md-outline select {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  background: url(../img/chevron-down-solid.svg) no-repeat right;
  background-size: 16px;
  background-position-x: calc(100% - 0.5rem) !important;
  box-sizing: border-box;
  background-color: transparent;
  border: 1px solid #dadce0;
  border-radius: 4px;
  outline: none;
  padding-right: 2rem !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* #scrap-operario input.custom-input,
.form-scrap input.custom-input {
    background: url(../img/chevron-down-solid.svg) no-repeat right #FFF;
    background-size: 16px;
    background-position-x: calc(100% - .5rem) !important;
    border-right: transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0.25rem;
} */

/* hide arrows input number*/

/* Chrome, Safari, Edge, Opera */
#scrap-operario input.custom-input::-webkit-outer-spin-button,
#scrap-operario input.custom-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#scrap-operario input.custom-input {
  -moz-appearance: textfield;
}

#scrap-operario div.input-group-prepend,
.form-scrap div.input-group-prepend {
  padding: 0;
}

#scrap-operario div.input-group-prepend input.custom-input + label,
.form-scrap div.input-group-prepend input.custom-input + label {
  background-color: #dadce0;
  border-radius: 0 4px 4px 0 !important;
  border-left: transparent;
}

#scrap-operario input.custom-input {
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  border: 1px solid #ced4da;
  appearance: none;
  word-wrap: normal;
  text-transform: none;
  margin: 0;
}

.proceso-recuperacion_main div.input-group-prepend input.custom-input {
  background-color: #fff;
}
@media (max-width: 768px) {
  .proceso-recuperacion_main {
    display: flex;
    flex-direction: column;
  }
  .proceso-recuperacion_main p,
  select {
    width: 100%;
  }
}

.md-form.md-outline select:disabled,
.filtro .md-form.md-outline select:disabled {
  padding-right: 1rem !important;
}

#corralon-sup #op-sup #lab-sup #seleccionarnv .md-form.md-outline select,
#seleccionarnv .md-form.md-outline .validated {
  border-color: #1e88e5;
  -webkit-box-shadow: inset 0 0 0 1px #1e88e5;
  box-shadow: inset 0 0 0 1px #1e88e5;
}

#comercial-sup #seleccionarnv.grafico-datos .md-form.md-outline label,
#jefes-sup #seleccionarnv.grafico-datos .md-form.md-outline label,
#rpt-sup #seleccionarnv.grafico-datos .md-form.md-outline label {
  left: 8px;
  padding-right: 5px;
  padding-left: 5px;
  font-weight: 500;
  background: #fff;
}

#corralon-sup #seleccionarnv .md-form.md-outline label.active {
  color: #1e88e5;
}

.filtro .md-form.md-outline input,
.filtro .md-form.md-outline select,
#seleccionarnv.grafico-datos form input,
#seleccionarnv.grafico-datos form select,
#seleccionarnv.select-gris .md-form select {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  min-height: 44px;
}

.md-form.md-outline label {
  cursor: pointer;
  pointer-events: none;
}

.md-form.md-outline textarea.md-textarea:focus.valid + label {
  color: #1e88e5 !important;
}

.md-form.md-outline label.active {
  cursor: default;
}

.filtro.despacho .md-form.md-outline input,
.filtro.despacho .md-form.md-outline select {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
  min-height: 44px;
}

#comercial-sup .filtro.despacho .col-12.col-md-6.col-lg-4.col-xl-2,
#comercial-sup .filtro.despacho .col-12.col-md-6.col-lg-4.col-xl-2 label,
#comercial-sup .filtro.despacho .col-12.col-md-6.col-xl-2,
#comercial-sup .filtro.despacho .col-12.col-md-6.col-xl-2 label,
#jefes-sup .filtro.despacho .col-12.col-md-6.col-lg-4.col-xl-2,
#jefes-sup .filtro.despacho .col-12.col-md-6.col-lg-4.col-xl-2 label,
#jefes-sup .filtro.despacho .col-12.col-md-6.col-xl-2,
#jefes-sup .filtro.despacho .col-12.col-md-6.col-xl-2 label,
.not-allowed {
  cursor: not-allowed;
}

.filtro form button.btn,
#seleccionarnv.grafico-datos form .btn,
#slogansolicitar.log.log-datos .filtro form button.btn {
  height: 47px;
  line-height: 1;
  margin: 0 auto 1rem;
  order: 2;
}

#misturnos .btn,
.filtro.despacho .btn,
#seleccionarnv.grafico-datos form .btn,
#seleccionarnv.contenedor-verde .container .btn {
  display: flex;
  flex-direction: row;
  font-size: 0.81rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  min-height: 44px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.modal-dialog .btn {
  appearance: none;
  -webkit-appearance: none;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  min-height: 40px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.modal-dialog .btn-lg {
  font-size: 0.94rem !important;
  height: 54px !important;
  padding: 1rem 2.4rem !important;
}

#misturnos .btn:hover,
.loggeado .filtro.despacho .btn.btn-block:hover,
#seleccionarnv.grafico-datos form .btn:hover {
  background-color: #1e88e5 !important;
}

.no-logeado .login.terminos .btn-primary:hover {
  background-color: #1e88e5 !important;
}

.table .filtro .btn-outline-primary {
  margin: 0 auto 0 0;
  order: 3;
}

/* HISTORIAL TABLA */

#historial {
  padding-bottom: 2rem;
  position: relative;
}

#historial.despacho {
  padding-bottom: 6rem;
}

#historial .table,
#seleccionarnv .table {
  color: #212121;
  margin: 0 !important;
  min-width: 100%;
  width: 100% !important;
}

table.dataTable > tbody > tr.child span.dtr-title {
  min-width: auto !important;
}

#seleccionarnv.chofer-datos .table,
#seleccionarnv.log-datos .table {
  min-height: auto;
}

.table-responsive {
  border: 1px solid #eee;
  /* overflow: visible !important; */
}

#terms .table-responsive {
  background: rgba(0, 0, 0, 0.1);
}

.table-responsive table {
  color: #212121;
  position: relative;
}

.table-responsive tbody {
  background: #fff;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination,
.dataTables_length label {
  justify-content: center;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

#historial .table thead,
#seleccionarnv .table thead {
  background: #1d48a4;
  color: #fff;
}

#historial .table td,
#historial .table th,
#seleccionarnv .table td,
#seleccionarnv .table th {
  padding: 1rem 1.5rem 1rem 1.5rem !important;
}

.historial_numero,
.historial_fecha,
.historial_hora,
.historial_provincia,
.historial_estado,
.historial_cliente,
.historial_observacion,
.historial_v,
.historial_b,
.historial_vb {
  padding-top: 1.3rem !important;
}

#historial .table th,
#seleccionarnv .table th {
  font-size: 0.9rem;
}

#historial .table thead th,
#seleccionarnv .table thead th {
  border-bottom: none;
  font-size: 0.9rem;
  font-weight: 700;
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before,
table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
  top: 12px;
}

#historial .table .mediano,
#seleccionarnv .table .mediano {
  max-width: 140px !important;
  min-width: 140px !important;
  width: 140px !important;
  text-align: center;
}

#historial .table tr,
#seleccionarnv .table tr {
  transition: all 0.2s ease-in-out;
}

#historial .table tbody th,
#historial .table tbody td,
#seleccionarnv .table tbody th,
#seleccionarnv .table tbody td,
#seleccionarnv.log-cuadrantes.log-datos .table tbody th,
#seleccionarnv.log-cuadrantes.log-datos .table tbody td {
  color: #212121;
  font-size: 0.9rem;
  font-weight: 400;
  vertical-align: middle;
}

#seleccionarnv .table tbody td .disabled {
  cursor: not-allowed !important;
  pointer-events: unset !important;
}

#seleccionarnv.log-datos .table tbody th,
#seleccionarnv.log-datos .table tbody td,
#seleccionarnv.log-datos.demanda .table tbody td,
.valign-top .table tbody td,
#seleccionarnv.log-cuadrantes.log-datos.valign-top .table tbody td {
  vertical-align: center;
}

#seleccionarnv.log-datos .table.align-middle tbody th,
#seleccionarnv.log-datos .table.align-middle tbody td {
  vertical-align: middle;
}

#historial .table tbody td.historial_acciones,
#seleccionarnv .table tbody td.historial_acciones {
  display: flex;
  flex-direction: col;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

#historial .table-hover tbody tr:hover,
#seleccionarnv .table-hover tbody tr:hover {
  background-color: rgba(30, 136, 229, 0.2);
  color: #fff;
}

#historial .table-hover tbody tr.child td,
#seleccionarnv .table-hover tbody tr.child td {
  transition: all 0.2s ease-in-out;
}

#historial .table-hover tbody tr.child:hover td,
#seleccionarnv .table-hover tbody tr.child:hover td {
  background-color: rgba(30, 136, 229, 0.2);
}

#historial .table tbody td .modificar {
  color: #212121;
  font-size: 0.6rem;
  font-weight: 700;
}

#historial .table tbody td a:hover {
  text-decoration: underline;
}

#historial .table tbody .checkin .historial_estado {
  color: #ff8800 !important;
  font-weight: 700;
}

#historial .table tbody .listo .historial_estado {
  color: #00c851 !important;
  font-weight: 700;
}

#historial .table tbody .curso .historial_estado {
  font-weight: 700;
}

#historial .table tbody .finalizado th,
#historial .table tbody .finalizado td,
#historial .table tbody .finalizado .invalid {
  color: #212121 !important;
}

#historial .table tbody .cancelado th,
#historial .table tbody .cancelado td,
#historial .table tbody .cancelado .invalid {
  color: #868e96 !important;
}

#historial .table tbody .invalid a {
  color: #ff4444;
}

#historial .table tbody .curso {
  background: #a5d6a7;
  font-weight: 700;
  -webkit-animation: flickerAnimation 1.5s infinite;
  -moz-animation: flickerAnimation 1.5s infinite;
  -o-animation: flickerAnimation 1.5s infinite;
  animation: flickerAnimation 1.5s infinite;
}

@keyframes flickerAnimation {
  0% {
    background: #a5d6a7;
  }

  50% {
    background: #c8e6c9;
  }

  100% {
    background: #a5d6a7;
  }
}

@-o-keyframes flickerAnimation {
  0% {
    background: #a5d6a7;
  }

  50% {
    background: #c8e6c9;
  }

  100% {
    background: #a5d6a7;
  }
}

@-moz-keyframes flickerAnimation {
  0% {
    background: #a5d6a7;
  }

  50% {
    background: #c8e6c9;
  }

  100% {
    background: #a5d6a7;
  }
}

@-webkit-keyframes flickerAnimation {
  0% {
    background: #a5d6a7;
  }

  50% {
    background: #c8e6c9;
  }

  100% {
    background: #a5d6a7;
  }
}

.verificada.titilando.fa-stack {
  color: #00c851;
  -webkit-animation: flickerAnimationcolor 1.5s infinite;
  -moz-animation: flickerAnimationcolor 1.5s infinite;
  -o-animation: flickerAnimationcolor 1.5s infinite;
  animation: flickerAnimationcolor 1.5s infinite;
}

@keyframes flickerAnimationcolor {
  0% {
    color: #00c851;
  }

  50% {
    color: #a5d6a7;
  }

  100% {
    color: #00c851;
  }
}

@-o-keyframes flickerAnimationcolor {
  0% {
    color: #00c851;
  }

  50% {
    color: #a5d6a7;
  }

  100% {
    color: #00c851;
  }
}

@-moz-keyframes flickerAnimationcolor {
  0% {
    color: #00c851;
  }

  50% {
    color: #a5d6a7;
  }

  100% {
    color: #00c851;
  }
}

@-webkit-keyframes flickerAnimationcolor {
  0% {
    color: #00c851;
  }

  50% {
    color: #a5d6a7;
  }

  100% {
    color: #00c851;
  }
}

#historial .btn-outline-primary,
#seleccionarnv .btn-outline-primary,
#seccion-botones .btn-outline-primary {
  align-items: center;
  background-color: #fff !important;
  border-color: #0d47a1 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 0.7rem;
  position: relative;
}

#seccion-botones .btn-primary,
#seccion-botones .btn-blue-grey {
  align-items: center;
  background-color: #0d47a1 !important;
  border-color: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 0.7rem;
  position: relative;
}

#seccion-botones .btn-blue-grey {
  background-color: #879ca7 !important;
  color: #fff !important;
}

#seleccionarnv .btn-primary.completar {
  border: 1px solid transparent;
  font-size: 0.7rem;
  padding-top: 0.38rem;
  padding-bottom: 0.38rem;
}

#historial .btn-outline-danger,
#seleccionarnv .btn-outline-danger {
  align-items: center;
  background-color: #fff !important;
  border-color: #ff4444 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 0.7rem;
  position: relative;
}

#seleccionarnv #fecha-botones .limpiar .btn {
  border: 1px solid #1e88e5 !important;
  font-size: 0.81rem;
}

#historial .btn-outline-primary.inactive,
#seleccionarnv .btn-outline-primary.inactive {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #eee !important;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #eee 0%, #ccc 100%) !important;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #eee 0%, #ccc 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #eee 0%, #ccc 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#CCC', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  color: #747373 !important;
  cursor: not-allowed;
  box-shadow: none !important;
  opacity: 0.6;
}

.dropdown-menu .inactive {
  cursor: not-allowed;
  color: #ccc !important;
}

#historial .btn-outline-primary.dropdown-toggle::after,
#seleccionarnv .btn-outline-primary.dropdown-toggle::after {
  position: absolute !important;
  right: 1rem;
}

.dropdown-menu,
.contenedor-verde .dropdown-menu {
  font-size: 1rem;
  padding: 0.5rem;
}

.dropdown-menu.show,
.contenedor-verde .dropdown-menu.show {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.dropdown-menu .dropdown-item,
.contenedor-verde .dropdown-item {
  font-size: 0.9rem;
  font-weight: 400;
  padding: 0.5rem;
  text-decoration: none;
}

.dropdown-item:focus,
.dropdown-item:hover,
.contenedor-verde .dropdown-item:focus,
.contenedor-verde .dropdown-item:hover {
  background-color: #1e88e5;
  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.19),
    0 6px 6px rgba(0, 0, 0, 0.23);
  color: #fff !important;
  text-decoration: none !important;
}

.link-in-datatable {
  color: #0d47a1 !important;
}

.link-in-datatable:hover {
  text-decoration: underline;
}

.pagination .page-item.active .page-link {
  background-color: #0d47a1;
}

.page-item.disabled .page-link {
  background-color: transparent;
}

.pagination .page-item.active .page-link:hover,
.pagination .page-item.active .page-link:focus {
  background-color: #1e88e5;
  color: #fff;
}

.pagination .page-item.previous .page-link:focus,
.pagination .page-item.next .page-link:focus {
  background-color: transparent;
}

/* MODAL DETALLES PEDIDO */

.bordeado .modal-content {
  border-radius: 6px;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: calc(100% - 4rem);
}

.modal-dialog.modal-notify.modal-primary .modal-header {
  align-items: center;
  background-color: #1e88e5;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.bordeado .modal-content .modal-header {
  border-radius: 0;
  padding: 1rem;
}

.loggeado .modal-dialog.modal-notify .heading {
  margin-bottom: 0;
  padding: 0;
  text-align: left;
}

#modalTerminosTurnos .modal-dialog.modal-notify .heading {
  text-align: left;
  max-width: calc(100% - 32px + 0.5rem);
}

.modal-dialog.modal-notify .modal-header {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.modal-dialog.modal-notify .close {
  align-items: center;
  background: none;
  border: none;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 2rem;
  justify-content: center;
  line-height: 1;
  margin: 0 0 0 auto;
  padding: 0;
  outline: none;
  overflow: hidden;
  width: 2rem;
  min-width: 32px;
  transition: all 0.2s ease-in-out;
}

.modal-dialog.modal-notify .close .fa-stack {
  color: #fff;
  font-size: 1rem;
  width: 2rem;
  text-shadow: none;
  transition: all 0.2s ease-in-out;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: 1;
}

.modal-dialog.modal-notify.modal-primary .fas.fa-circle {
  color: #1e88e5;
  transition: all 0.2s ease-in-out;
}

.modal-dialog.modal-notify.modal-danger .fas.fa-circle {
  transition: all 0.2s ease-in-out;
}

.modal-dialog.modal-notify .close:hover .fas.fa-circle {
  color: #0d47a1;
}

.modal-dialog.modal-notify.modal-danger .close:hover .fas.fa-circle {
  color: #cc0000;
}

.modal-dialog.modal-notify.modal-primary .fas.fa-times,
.modal-dialog.modal-notify.modal-danger .fas.fa-times {
  color: #fff;
}

.bordeado .modal-content .modal-body {
  background: #eee;
  color: #212121;
}

#seleccionarnv.log-datos.log-demanda.productos-datos.sin-subtitulo .bordeado .modal-content .modal-body {
  background: #fff;
}

.detalles-modal {
  background: #fff;
  border: 1px solid #1e88e5;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  margin: 0 0 1rem;
  padding: 1rem;
  white-space: normal;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.detalles-modal:hover {
  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.19),
    0 6px 6px rgba(0, 0, 0, 0.23);
}

.modal-body hr {
  display: block;
  margin: 2rem auto;
  width: 100%;
}

.detalles-cliente {
  margin: 2rem 0 1rem;
}

.detalles-cliente ul {
  align-items: flex-start;
  background: #fff;
  border: 1px solid #1e88e5;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 0.9rem;
  list-style: none;
  margin: 0;
  padding: 0.5rem 0;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.detalles-cliente ul:hover {
  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.19),
    0 6px 6px rgba(0, 0, 0, 0.23);
}

.detalles-cliente li {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  order: unset !important;
  padding: 0.5rem 1rem !important;
  width: 50%;
}

.detalles-cliente li strong {
  margin-right: 0.5rem;
}

.detalles-cliente hr {
  display: block;
  margin: 0 auto;
  width: calc(100% - 2rem);
}

.loggeado .modal-dialog.modal-notify .modal-body {
  background: #fff;
  color: #212121;
  padding: 1rem;
}

.loggeado .modal-dialog.modal-notify .modal-body h2.titulos-detalles,
.loggeado #seleccionarnv .modal-dialog.modal-notify .modal-body h2.titulos-detalles {
  font-size: 1rem;
  margin-bottom: 1rem;
}

.modal-dialog.modal-notify.modal-primary h2.titulos-detalles .fas.fa-circle {
  color: #1e88e5;
}

.modal-dialog.modal-notify.modal-primary h2.titulos-detalles .fas {
  color: #fff;
}

.loggeado .modal-dialog.modal-notify .modal-body p {
  margin: 0;
}

#modalTerminosTurnos .card .card-body ol.card-text {
  padding: 0;
}

#modalTerminosTurnos .card .card-body ol.card-text.alfa {
  padding-left: 3rem;
}

#modalTerminosTurnos .card .card-body ol.card-text.alfa li {
  padding-top: 1rem;
}

#modalTerminosTurnos .card .card-body ol.card-text.alfa li:first-child {
  padding-top: 0;
}

#modalTerminosTurnos .card .card-body ol.card-text ol {
  padding-top: 1rem;
  padding-left: 2rem;
}

#modalTerminosTurnos .card .card-body ol.card-text ol li {
  margin-bottom: 1rem;
}

#modalTerminosTurnos .card .card-body .alfa {
  counter-reset: inherit;
}

#modalTerminosTurnos .card .card-body ol {
  counter-reset: item;
}

#modalTerminosTurnos .card .card-body .deci li {
  display: block;
}

#modalTerminosTurnos .card .card-body .deci li span {
  color: #212121;
  font-size: 18px;
  padding-top: 1rem;
}

#modalTerminosTurnos .card .card-body .deci li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}

#modalTerminosTurnos .modal-dialog.modal-notify .modal-body p {
  margin-bottom: 1rem;
}

#modalTerminosTurnos .modal-dialog.modal-notify .modal-body table {
  margin: 0;
  width: 100%;
}

#modalTerminosTurnos .modal-dialog.modal-notify .modal-body li {
  margin-bottom: 2rem;
}

#modalTerminosTurnos .modal-dialog.modal-notify .modal-body .table-bordered {
  color: #747373;
  border-top: 1px solid #e0e0e0;
}

#modalTerminosTurnos .table-bordered thead td,
#modalTerminosTurnos .table-bordered thead th {
  background: rgba(0, 0, 0, 0.05);
  border-bottom-width: 1px;
  min-width: 200px;
}

#modalTerminosTurnos .table-bordered td,
#modalTerminosTurnos .table-bordered th {
  border-color: #e0e0e0;
}

#modalTerminosTurnos .modal-dialog.modal-notify .modal-body .card-text.h3 {
  font-weight: 700;
}

#modalTerminosTurnos .modal-dialog.modal-notify .modal-body .card-text,
#modalTerminosTurnos .table td,
#modalTerminosTurnos .table th {
  color: #212121;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

#modalTerminosTurnos .modal-dialog.modal-notify .modal-body .card-text {
  margin-bottom: 2rem;
}

#modalTerminosTurnos .table th {
  font-weight: 700;
}

#modalTerminosTurnos .modal-dialog.modal-notify .modal-body p img {
  margin-bottom: 0;
  max-width: 100%;
}

#modalTerminosTurnos .modal-footer {
  border-top: none;
}

.loggeado .modal-dialog.modal-notify .modal-footer a {
  margin: 0;
}

.loggeado .modal-dialog.modal-notify .modal-footer .btn {
  font-size: 0.8rem !important;
}

.loggeado .modal-dialog.modal-notify .modal-footer .btn-outline-danger {
  background-color: #fff !important;
}

.detalles-modal:last-child {
  margin-bottom: 0;
}

.detalles-modal .detalles-imagen {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 25%;
}

.detalles-modal .detalles-imagen img {
  height: auto;
  width: 100%;
}

.detalles-modal .detalles-listado {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.9rem;
  justify-content: center;
  padding-left: 1rem;
  width: 75%;
}

.detalles-modal .detalles-listado strong {
  font-size: 1rem;
}

.detalles-modal .detalles-listado li {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.notificacion-modal .modal-body {
  padding: 2rem !important;
}

.notificacion-modal .imagenes,
.notificacion-modal .textos {
  align-content: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.notificacion-modal .textos .badge {
  margin: 0 0.25rem;
}

.notificacion-modal h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.notificacion-modal p {
  font-size: 1.15rem;
}

.notificacion-modal p.small {
  font-size: 80%;
}

.notificacion-modal img {
  width: 100%;
}

/* TURNOS - SLOGAN SOLICITAR TURNO */

#slogansolicitar,
#sloganautorizados {
  padding-bottom: 8rem;
  position: relative;
  z-index: 1020;
}

#slogansolicitar {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,ffffff+20&0+0,1+20 */
  background: -moz-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(255, 255, 255, 1) 10%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(255, 255, 255, 1) 10%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0%, rgba(255, 255, 255, 1) 10%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

#sloganautorizados {
  background: #fff;
}

#sloganautorizados.ver-anticipados,
#slogansolicitar.listado-historico {
  background: none;
}

#corralon-sup #slogansolicitar.corralon-clientes {
  padding-bottom: 2rem;
}

#sloganautorizados.ver-anticipados {
  padding-bottom: 2rem;
  z-index: 1;
}

#slogansolicitar.corralon-clientes .container {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
  background: rgb(238, 238, 238);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=1);
  /* IE6-9 */
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding-top: 2.5rem;
  padding-bottom: 3rem;
  position: relative;
  width: calc(100% - 2rem);
}

#sloganautorizados .container {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #1e88e5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1e88e5 0%, #0d47a1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E88E5', endColorstr='#0D47A1', GradientType=1);
  /* IE6-9 */
  border: 1px solid #1d89c2;
  border-radius: 8px;
  padding-top: 2.5rem;
  padding-bottom: 3rem;
  width: calc(100% - 2rem);
}

#slogansolicitar h1 span.fa-stack,
#sloganautorizados h1 span.fa-stack,
#slogansolicitar h1 svg,
#sloganautorizados h1 svg {
  display: none;
}

#seleccionarnv.segundomodulo {
  margin-top: 0;
}

.pantalla-error {
  margin-top: 6rem;
}

#slogansolicitar p a:hover,
#sloganautorizados p a:hover {
  text-decoration: underline;
}

#historial + #slogansolicitar:before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  content: "";
  height: 20%;
  position: absolute;
  top: 0;
  width: 100%;
}

#slogansolicitar.productos,
#slogansolicitar.fecha,
#slogansolicitar.retiro,
#slogansolicitar.log,
#slogansolicitar.autorizados,
#slogansolicitar.titulo-gris {
  background: transparent;
  padding-top: 8rem;
  padding-bottom: 8rem;
  z-index: 1019;
}

#slogansolicitar h1,
#sloganautorizados h1,
#scrap-operario h1,
#scrap-lab h1,
#scrap-fabrica h1,
#scrap-gproduccion h1 {
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.5rem;
}

#scrap-gproduccion h2,
#scrap-lab h2 {
  font-size: 1.3em;
  margin: 2rem 0rem -2rem 0rem;
}

#seccion-botones {
}

.jlaboratorio blockquote,
.jfabrica blockquote {
  font-size: 1em;
  font-style: italic;
  border: 0;
}

#scrap-inf div {
  background: rgba(30, 136, 229, 0.4);
  padding-top: 1em;
  margin-bottom: 1em;
}

#scrap-inf div:last-of-type {
  background: rgba(30, 136, 229, 0.8);
  color: #fff;
}

#scrap-inf div h3 {
  font-size: 1.1em;
  font-weight: 600;
  text-transform: uppercase;
}

#scrap-inf div p i {
  font-size: 1.6em;
  font-weight: 800;
}

#scrap-inf div p strong {
  font-size: 1.6em;
  font-weight: 800;
}

#slogansolicitar h1,
#scrap-operario h1,
#scrap-lab h1,
#scrap-fabrica h1,
#scrap-gproduccion h1 {
  color: #212121;
}

#sloganautorizados h1 {
  color: #fff;
}

#slogansolicitar.corralon-clientes h1,
#sloganautorizados.corralon-clientes h1,
#sloganautorizados.ver-anticipados h1 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 1rem;
}

#slogansolicitar h1 span,
#scrap-operario h1 span,
#scrap-lab h1 span,
#scrap-fabrica h1 span,
#scrap-gproduccion h1 span {
  color: #1e88e5;
}

#sloganautorizados h1 span {
  color: #ccc;
}

#sloganautorizados h1 span.fa-stack {
  color: #1e88e5;
}

#scrap-operario h2,
.registro-v h2 {
  text-transform: uppercase;
  color: #212121;
  font-size: 1.3em !important;
  margin: 0.5em 0;
  font-weight: 700;
}

#scrap-operario h2 span,
#scrap-operario h2 strong,
.registro-v h2 span,
.registro-v h2 strong {
  color: #fff;
  background-color: #1e88e5;
  padding: 0.2em 0.5em;
  margin-right: 0.25em;
  border-radius: 0.25em;
  width: auto;
}

#scrap-operario h2 strong,
.registro-v h2 strong {
  background-color: #212121;
}

/* #scrap-operario .step{
    display: none;
} */

#sloganautorizados h1 span.fa-stack svg,
#slogansolicitar h1 span.fa-stack svg {
  display: flex;
  position: absolute;
}

#slogansolicitar h1 + p,
#sloganautorizados h1 + p,
#scrap-gproduccion h1 + p,
#scrap-jfabrica h1 + p,
#scrap-jlaboratorio h1 + p,
#scrap-lab h1 + p {
  font-size: 1.35rem;
  line-height: 1.5;
  margin-bottom: 0;
}

#slogansolicitar h1 + p {
  color: #747373;
}

#sloganautorizados h1 + p {
  color: #fff;
}

#sloganautorizados .btn {
  appearance: none;
  -webkit-appearance: none;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 54px;
  justify-content: center;
  margin: 2rem 0 0;
}

#fecha-botones .btn-primary:hover,
#seleccionarnv.chofer-agregar .btn-primary:hover,
.buscarcliente .btn-primary:hover,
.modal-footer .btn-primary:hover {
  background-color: #1e88e5 !important;
  color: #fff;
}

#sloganautorizados .btn:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f36200+0,f9b700+100 */
  background: rgb(238, 238, 238) !important;
}

/* BTN ACTIVE PRIMARY */

.btn-outline-primary:not([disabled]):not(.disabled):active,
.btn-outline-primary:not([disabled]):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  background: #fff !important;
  border-color: #1e88e5 !important;
}

/* BTN HOVER PRIMARY */

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:active:focus,
.btn-outline-primary.active {
  background: #fff !important;
  border-color: #1e88e5 !important;
}

/* SOLICITAR TURNO PROVINCIA */

#seleccionarnv .provincias-grilla {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

#seleccionarnv .provincias-grilla .card,
.evaluar-acopio .formulario .card {
  background: #ffffff;
  background: -moz-linear-gradient(45deg, #ffffff 0%, #ece9e6 100%);
  background: -webkit-linear-gradient(45deg, #ffffff 0%, #ece9e6 100%);
  background: linear-gradient(45deg, #ffffff 0%, #ece9e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ece9e6', GradientType=1);
  border: none;
  border-radius: 4px !important;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0.5rem;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: calc(50% - 1rem);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

#seleccionarnv .provincias-grilla .card:hover {
  background: #fff;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
}

#seleccionarnv .provincias-grilla .card img,
.evaluar-acopio .formulario .card img {
  height: 10rem;
  padding: 1rem;
  width: 100%;
}

#seleccionarnv .provincias-grilla .card .lugar,
.evaluar-acopio .formulario .card .acopio-titulo {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #1e88e5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1e88e5 0%, #0d47a1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E88E5', endColorstr='#0D47A1', GradientType=1);
  /* IE6-9 */
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 1.15rem;
  font-weight: 700;
  justify-content: center;
  margin-bottom: 0;
  padding: 1rem;
  width: 100%;
}

/* SOLICITAR TURNO */

#seleccionarnv {
  margin-top: -6rem;
  padding-bottom: 2rem;
  position: relative;
  z-index: 1019;
}

#seleccionarnv.buscarcliente {
  padding-bottom: 8rem;
}

#seleccionarnv p a {
  transition: all 0.2s ease-in-out;
}

#seleccionarnv p a:hover {
  text-decoration: underline;
}

#seleccionarnv .container,
#scrap-operario .bg-white,
#dates-available-main-container .container {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  width: calc(100% - 2rem);
}

#scrap-operario .bg-white {
  width: calc(100% - 0rem);
}

#scrap-operario .row .btn-group {
  box-shadow: none;
}

#scrap-operario .btn-group + .md-form {
  color: red;
  margin: 0.375em;
}

#scrap-operario > .form-check-input:not(:checked),
#scrap-operario > .form-check-input:checked {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}

#scrap-operario #step3 .btn-outline-primary:not([disabled]):not(.disabled):active,
#scrap-operario #step3 .btn-outline-primary:not([disabled]):not(.disabled).active,
#tuvoProblemaContainer .btn-outline-primary:not([disabled]):not(.disabled).active {
  background: #1e88e5 !important;
  border-color: #1e88e5 !important;
  color: #fff !important;
}

#seleccionarnv.contenedor-verde .container,
#seleccionarnv.contenedor-verde .table-responsive {
  border: 1px solid #00c851;
}

.contenedor-verde .form-boton {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.smartwarehouse.contenedor-verde .form-boton .btn {
  margin: 0;
}

.contenedor-verde .form-boton .btn.completar {
  margin-right: 0;
  margin-bottom: 1rem;
  margin-left: 0;
  order: 2;
}

.contenedor-verde .form-boton .btn.imprimir {
  margin-right: 0;
  margin-left: 0;
  order: 3;
}

.contenedor-verde.sin-acopio-en-curso .container {
  align-items: center;
  background: rgba(30, 136, 229, 0.1) !important;
  border: 1px solid #1e88e5 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contenedor-verde.sin-acopio-en-curso .container h2 {
  margin-bottom: 1.5rem;
}

#seleccionarnv.contenedor-verde .container,
#seleccionarnv .contenedor-verde.prod-sugerida .container {
  background: rgba(0, 200, 81, 0.25);
}

#seleccionarnv.danger .container {
  background: #ffebee;
  border: 1px solid #ff4444;
}

#seleccionarnv.danger .fa-stack {
  color: #ff4444;
}

#seleccionarnv.danger .md-form.md-outline select,
.md-form.md-outline select {
  background-color: #fff;
}

#seleccionarnv.danger .md-form.md-outline label,
.configracion-turnos-stock .md-form.md-outline label,
#slogansolicitar.adjuntar-acopio .md-form.md-outline label {
  align-items: center;
  background: transparent !important;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

#seleccionarnv.danger .md-form.md-outline label:after,
.configracion-turnos-stock .md-form.md-outline label:after,
#slogansolicitar.adjuntar-acopio .md-form.md-outline label:after {
  content: "";
  display: block;
  height: 3px;
  margin-top: -1px;
  position: absolute;
  right: 0;
  left: 0;
  z-index: -1;
}

#seleccionarnv.danger .md-form.md-outline label:after,
.configracion-turnos-stock .md-form.md-outline label:after {
  background: #ffebee;
}

#slogansolicitar.adjuntar-acopio .md-form.md-outline label:after,
.configracion-turnos-stock .md-form.md-outline label:after {
  background: #fff;
}

#seleccionarnv.grafico-datos.danger form .btn {
  background-color: #ff4444 !important;
  border-color: #ff4444 !important;
}

#seleccionarnv.log-datos.metroslineales .row,
.metroslineales .row {
  align-items: center;
}

#seleccionarnv.metroslineales h2 {
  margin-bottom: 0;
}

#seleccionarnv.metroslineales .numero,
.configracion-turnos-stock .metroslineales .numero {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

#seleccionarnv.metroslineales .numero span,
.configracion-turnos-stock .metroslineales .numero span {
  align-items: center;
  color: #212121;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 4rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  margin-top: 0.5rem;
  position: relative;
}

.configracion-turnos-stock .metroslineales .numero span {
  font-size: 3rem;
}

#seleccionarnv.metroslineales .numero span:after,
.configracion-turnos-stock .metroslineales .numero span:after {
  content: "m";
  font-size: 1.5rem;
  margin-left: 0.5rem;
  position: absolute;
  right: -2rem;
}

.sombrado {
  transition: all 0.5s ease-in-out;
}

.sombrado:hover {
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
}

#seleccionarnv .sin-estilo {
  align-items: stretch;
  background: none;
  border: none;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}

#seleccionarnv.tiempos-promedios .sin-estilo {
  align-items: flex-start;
}

#seleccionarnv .sin-estilo .mitad {
  align-items: stretch;
  background: none;
  border: none;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding: 0;
  width: 100%;
}

#seleccionarnv .sin-estilo .mitad.notificacion .container.col-12 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}

#seleccionarnv .sin-estilo .mitad.radial .col-12 h2 {
  margin-bottom: 2rem;
}

#seleccionarnv.configracion-turnos-stock .sin-estilo .mitad.radial .col-12 h2 {
  margin-bottom: 0.5rem;
}

#seleccionarnv .sin-estilo .mitad:last-child {
  margin-bottom: 0;
}

#seleccionarnv .sin-estilo .mitad.notificacion:last-child {
  margin-bottom: 2rem;
}

#seleccionarnv .sin-estilo .mitad .container.col-12 {
  margin-bottom: 2rem;
}

#seleccionarnv .sin-estilo .mitad .container.col-12:last-child {
  margin-bottom: 0;
}

#seleccionarnv .sin-estilo .container {
  margin: 0;
  width: 100%;
}

#seleccionarnv .sin-estilo .container.col-md-9 {
  margin-bottom: 2rem;
}

#seleccionarnv .sin-estilo .container .col-6 {
  width: 50%;
}

#seleccionarnv .sin-estilo .container .col-12 {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}

#seleccionarnv .sin-estilo .container .col-12 img {
  height: 150px;
  max-height: 150px;
  max-width: 100%;
}

#seleccionarnv .sin-estilo h2,
#seleccionarnv.grafico-datos h2 {
  margin-bottom: 2rem;
}

.sin-subtitulo h2 {
  margin-bottom: 1.5rem;
}

#seleccionarnv.log-cuadrantes .sin-estilo h2 {
  margin-bottom: 1rem;
}

#seleccionarnv.grafico-datos .mitad .col-12 h2,
#seleccionarnv.grafico-datos .col-12.col-sm-6 h2 {
  margin-bottom: 0;
}

#seleccionarnv .seleccionar-producto {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

#seleccionarnv form, #dates-available-main-container form {
  order: 3;
}

#seleccionarnv form .card .card-header button span {
  padding-right: 2rem;
  text-align: left;
}

#seleccionarnv form,
#dates-available-main-container form,
#seleccionarnv form .accordion,
#seleccionarnv .nvautorizada {
  width: 100%;
}

.nvcontenedor {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  order: 2;
  width: 100%;
}

#seleccionarnv .nvautorizados {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  order: 1;
  width: 100%;
}

#seleccionarnv .nvautorizados.noautorizados {
  margin-bottom: 2rem;
  order: 2;
}

#seleccionarnv .nvautorizados h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  order: 1;
}

#seleccionarnv .nvautorizados.noautorizados {
  position: relative;
}

#seleccionarnv .nvautorizados.noautorizados:before {
  background: #dadce0;
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  right: -1.5rem;
  left: -1.5rem;
}

#seleccionarnv .nvautorizados.noautorizados h3 {
  line-height: 1;
  margin-top: 3rem;
}

#seleccionarnv .nvautorizados.noautorizados h3 a {
  color: #212121;
}

#seleccionarnv .nvautorizados h3 a:hover {
  text-decoration: underline;
}

#seleccionarnv form .card {
  border: 1px solid #dadce0;
  border-radius: 4px;
  margin-bottom: 1rem;
}

#seleccionarnv form .card .card-header {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #1e88e5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1e88e5 0%, #0d47a1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E88E5', endColorstr='#0D47A1', GradientType=1);
  /* IE6-9 */
  border: none;
  border-radius: 0;
  color: #fff;
  padding: 0;
}

#seleccionarnv form .card .card-header-danger {
  background: #e51e5a;
  background: -moz-linear-gradient(left, #e51e1e 0%, #a10d2d 100%);
  background: -webkit-linear-gradient(left, #e51e1e 0%, #a10d2d 100%);
  background: linear-gradient(to right, #e51e1e 0%, #a10d2d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E88E5', endColorstr='#0D47A1', GradientType=1);
  border: none;
  border-radius: 0;
  color: #fff;
  padding: 0;
}

#seleccionarnv form .nvautorizados.noautorizados .card .card-header {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #ff4444;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #ff4444 0%, #cc0000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #ff4444 0%, #cc0000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #ff4444 0%, #cc0000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4444', endColorstr='#CC0000', GradientType=1);
}

#seleccionarnv form .card .card-header button {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 1rem;
  justify-content: space-between;
  padding: 1rem;
  text-decoration: none;
  text-transform: none;
}

#seleccionarnv form .card .card-header button:after {
  align-items: center;
  border-radius: 50%;
  color: #fff;
  content: "\f107";
  display: flex;
  font-family: "Font Awesome 5 Free";
  font-size: 1.5rem;
  font-weight: 900;
  justify-content: center;
  line-height: 1;
  margin-right: 0;
  margin-left: 0;
  position: absolute;
  right: 1.6rem;
  transform: rotate(180deg);
  transition: all 0.5s ease-in-out;
}

#seleccionarnv form .card .card-header button.collapsed:after {
  transform: rotate(360deg);
}

.nuevo-reclamo.nr-paso3 .formulario .cargar-foto .fotos-ejemplo strong.col-12:after,
#drop-area .fotos-ejemplo .lista-fotos strong:after,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message .lista-fotos:after {
  align-items: center;
  border-radius: 50%;
  color: #212121;
  content: "\f107";
  display: flex;
  font-family: "Font Awesome 5 Free";
  font-size: 1.5rem;
  font-weight: 900;
  justify-content: center;
  line-height: 1;
  margin-right: 0;
  margin-left: 0;
  position: absolute;
  right: 0;
  transform: rotate(180deg);
  transition: all 0.5s ease-in-out;
}

#drop-area .fotos-ejemplo .lista-fotos:after,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message .lista-fotos:after {
  top: 1.5rem;
}

.nuevo-reclamo.nr-paso3 .formulario .cargar-foto .fotos-ejemplo strong.col-12:hover:after,
#drop-area .fotos-ejemplo .lista-fotos strong:hover:after,
#seleccionarnv.nr-ticket
  .sin-estilo
  .container
  .col-12.chat
  .chat-list
  .chat-body
  .chat-message
  .lista-fotos:hover:after {
  color: #1e88e5;
}

#drop-area .fotos-ejemplo .lista-fotos strong.collapsed:after,
#seleccionarnv.nr-ticket
  .sin-estilo
  .container
  .col-12.chat
  .chat-list
  .chat-body
  .chat-message
  .lista-fotos.collapsed:after {
  transform: rotate(360deg);
}

#seleccionarnv form .card .card-body {
  border-top: 1px solid #dadce0;
  color: #212121;
  font-weight: 300;
  padding: 0;
}

#seleccionarnv form .card .card-body .row {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#seleccionarnv form .card .card-body > .row {
  background: #fff;
  padding: 1rem;
}

#seleccionarnv form .card .card-body > .row.prod-solicitado,
#seleccionarnv form .nvautorizados.noautorizados .card .card-body > .row {
  background: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}

#seleccionarnv form .card .card-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#seleccionarnv form .card .card-body .detalles-imagen {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding-right: 0;
}

#seleccionarnv form .card .card-body .detalles-imagen img {
  height: auto;
  width: 100%;
}

#seleccionarnv form .card .card-body .detalles-listado {
  width: 75%;
}

#seleccionarnv form .card .card-body .detalles-listado li {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#seleccionarnv form .card .card-body .detalles-listado .texto-celeste {
  font-weight: 400;
}

#seleccionarnv form .card .card-body .detalles-tarimas {
  border-top: 1px solid #dadce0;
  color: #666;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.9rem;
  margin-top: 1rem;
  padding-top: 1rem;
}

#seleccionarnv form .card .card-body .detalles-tarimas p {
  margin-bottom: 0;
}

#seleccionarnv form .card .card-body .detalles-select {
  flex-direction: column;
  margin-top: 1rem;
  margin-left: auto;
}

#seleccionarnv form .card .card-body .prod-solicitado .detalles-listado {
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0.6;
}

#seleccionarnv form .card .card-body .prod-solicitado .texto-celeste {
  color: #212121;
  font-weight: 300;
}

.mensaje-advertencia {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #eee;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #eee 0%, #ccc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #eee 0%, #ccc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #eee 0%, #ccc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#CCC', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  color: #000;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 0.9rem;
  font-weight: 700;
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding: 0.5rem 1rem;
  opacity: 0.6;
  transition: all 0.5s ease-in-out;
}

#seleccionarnv form .card .card-body > .row:hover .mensaje-advertencia {
  border: 1px solid rgba(255, 53, 71, 1);
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
}

.mensaje-advertencia .fas {
  font-size: 1rem;
  margin-right: 0.5rem;
  margin-left: -0.25rem;
  padding-top: 2px;
}

.fila-de-productos {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

form .fila-de-productos {
  order: 4;
}

form .fila-de-productos,
.fila-de-productos .row.botones {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

.fila-de-productos .row.botones {
  order: 3;
  width: calc(100% + 2rem);
}

.fila-de-productos .btn {
  display: block;
  width: 100%;
}

.fila-de-productos .accordion {
  order: 4;
}

.fila-de-productos .filtrar {
  order: 1;
}

.fila-de-productos .filtrar .btn {
  font-weight: 700;
  margin-bottom: 1rem;
}

.fila-de-productos .limpiar {
  order: 2;
}

.fila-de-productos .btn-outline-primary {
  margin: 0 auto 0 0;
}

.limpiar-selecciones {
  margin: 0 0 1.5rem auto;
  order: 3;
  text-align: right;
}

.limpiar-selecciones:hover {
  text-decoration: underline;
}

/* CAMION */

#seleccionarnv .producto-peso-ahora {
  align-items: center;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #212121;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 1;
  order: 1;
  width: 100%;
  transition: all 0.2s ease-in-out;
}

#seleccionarnv .producto-peso-ahora.nomostrar,
#slogansolicitar .producto-peso-ahora.nomostrar {
  background: rgba(30, 136, 229, 1);
  border: none;
  border-radius: 0;
  color: #fff;
  display: flex;
  height: auto;
  max-width: 100%;
  opacity: 0;
  overflow: hidden;
  padding: 0 1rem;
  position: fixed;
  top: -5rem;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 1020;
  transition: all 0.5s ease-in-out;
}

#slogansolicitar .producto-peso-ahora.nomostrar {
  z-index: 998;
}

#seleccionarnv .producto-peso-ahora.nomostrar.affix {
  box-shadow:
    0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  opacity: 1;
  top: 0;
  padding: 5rem 3rem 1rem;
  transition: all 0.5s ease-in-out;
}

#slogansolicitar .producto-peso-ahora.nomostrar {
  padding: 5rem 0 1rem;
}

#slogansolicitar .producto-peso-ahora.nomostrar.affix {
  box-shadow:
    0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  opacity: 1;
  top: 0;
  transition: all 0.5s ease-in-out;
}

#seleccionarnv .producto-peso-ahora.nomostrar.affix:hover,
#slogansolicitar .producto-peso-ahora.nomostrar.affix:hover {
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
}

#slogansolicitar .producto-peso-ahora.nomostrar .row {
  align-items: stretch;
}

#slogansolicitar .producto-peso-ahora.nomostrar .row div {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

#slogansolicitar .producto-peso-ahora.nomostrar .row .icono {
  display: none;
}

#slogansolicitar .producto-peso-ahora.nomostrar .row .estad {
  display: none;
  font-size: 0.6rem;
}

#slogansolicitar h1.estad .fa-stack {
  display: inline-block;
  font-size: 1rem;
  top: 0.1rem;
}

#slogansolicitar .estad .verificada.fa-stack,
.texto-verde {
  color: #00c851 !important;
}

#slogansolicitar .estad .warning.fa-stack,
.texto-amarillo {
  color: rgb(255, 136, 0) !important;
}

#slogansolicitar .estad .noverificada.fa-stack,
.texto-rojo {
  color: #ff4444 !important;
}

#slogansolicitar .producto-peso-ahora.nomostrar .row .prov {
  display: none;
  font-size: 1.75rem;
  font-weight: 700;
}

#slogansolicitar .producto-peso-ahora.nomostrar .col-md-2 {
  display: none;
}

#slogansolicitar .producto-peso-ahora.nomostrar h1 {
  font-size: 1.5rem;
  margin-bottom: 0;
}

#slogansolicitar .producto-peso-ahora.nomostrar h1 span {
  color: #fff;
}

#seleccionarnv .producto-peso-ahora.nomostrar .peso-numero strong {
  color: #eee;
}

#seleccionarnv .producto-peso-ahora {
  font-size: 0.9rem;
}

#seleccionarnv .producto-peso-ahora.danger {
  background: #f8d7da;
  border: none;
  border-bottom: 1px solid #f5c6cb;
  color: #721c24;
  transition: all 0.2s ease-in-out;
}

#seleccionarnv .producto-peso-ahora.alert-tn {
  background: #ffb950;
  border: none;
  border-bottom: 1px solid #ffb950;
  color: #721c24;
  transition: all 0.2s ease-in-out;
}

#seleccionarnv .producto-peso-ahora .peso-datos {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

#fabrica-sup #seleccionarnv .producto-peso-ahora .peso-datos {
  justify-content: left;
}

.producto-peso-ahora.nomostrar .peso-datos {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

#seleccionarnv .producto-peso-ahora.nomostrar .peso-texto,
#seleccionarnv .producto-peso-ahora.nomostrar .peso-numero {
  width: auto;
}

#seleccionarnv .producto-peso-ahora .peso-texto {
  font-size: 1.25rem;
  font-weight: 700;
}

#seleccionarnv .producto-peso-ahora .peso-numero {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.5rem;
  font-weight: 300;
  justify-content: center;
}

#seleccionarnv .producto-peso-ahora .peso-numero strong {
  color: #1e88e5;
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0.5rem;
}

#seleccionarnv .producto-peso-ahora.danger .peso-numero strong {
  color: #ff3547;
}

#seleccionarnv .producto-peso-ahora.danger .peso-maximo {
  line-height: 1.5;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

#seleccionarnv .producto-peso-ahora.nomostrar .peso-maximo {
  text-align: center;
}

#seleccionarnv .producto-peso-ahora.danger .peso-maximo hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.loaderFiltro {
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: 50% 50% no-repeat rgb(249, 249, 249);
  opacity: 0.8;
}

.spinnerFiltro {
  color: #1d4ba5;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.spinnerFiltro:after {
  animation: changeContent 0.8s linear infinite;
  display: block;
  content: "⠋";
  font-size: 80px;
}

@-webkit-keyframes spaceboots {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
  }

  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
  }

  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
  }

  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
  }
}

#seleccionarnv .producto-peso-ahora .peso-imagen {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1rem;
  width: 100%;
  -webkit-animation-name: spaceboots;
  -webkit-animation-duration: 2s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

#seleccionarnv .producto-peso-ahora .peso-imagen .progress {
  align-items: center;
  background: #dadce0;
  border: 2px solid #212121;
  border-radius: 6px;
  box-shadow: inset 0 10px 10px rgba(244, 245, 250, 0.9);
  display: flex;
  height: 90px;
  justify-content: center;
  margin-top: -1.75rem;
  position: absolute;
  overflow: hidden;
  width: 68%;
}

#seleccionarnv .producto-peso-ahora .peso-imagen .progress .progress-bar {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #1d89c2;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #1d89c2 0%, #1d48a4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #1d89c2 0%, #1d48a4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #1d89c2 0%, #1d48a4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d89c2', endColorstr='#1d48a4', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  border-radius: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

#seleccionarnv .producto-peso-ahora .peso-imagen .progress .progress-value {
  align-items: center;
  background: #fff;
  border: 2px solid #212121;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 4px 1px #ddd;
  box-shadow: inset 0 0 4px 1px #ddd;
  color: #212121;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 1.5rem;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 2px;
  padding: 0.25rem 0.5rem;
  position: absolute;
}

#seleccionarnv .producto-peso-ahora .peso-imagen .progress-bar.active {
  animation:
    reverse 0.4s linear infinite,
    animate-positive 2s;
}

@-webkit-keyframes animate-positive {
  0% {
    width: 0%;
  }
}

@keyframes animate-positive {
  0% {
    width: 0%;
  }
}

/* FECHA Y CHOFER */

#seleccionarnv.chofer-datos,
#seleccionarnv.log-datos,
#seleccionarnv.produtos-datos,
#seleccionarnv.grafico-datos {
  margin-top: 0;
  padding-bottom: 2rem;
  position: relative;
}

#seleccionarnv.log-datos {
  padding-top: 2rem;
}

#seleccionarnv.log.grafico-datos.espacio-top {
  margin-top: 2rem;
}

#seleccionarnv.log.log-demanda {
  margin-top: -4rem;
}

#seleccionarnv.log-datos.log-demanda {
  margin-top: 0;
}

#seleccionarnv.chofer-datos .row,
#seleccionarnv.log-datos .row,
#seleccionarnv.productos-datos .row {
  align-items: flex-end;
  justify-content: space-between;
}

.chofer-datos .table .col_auto {
  width: auto !important;
}

.chofer-datos .table .mediano {
  width: calc(132px + 2rem) !important;
}

#seleccionarnv.chofer-agregar {
  padding-bottom: 2rem;
}

#seleccionarnv.chofer-agregar .btn.btn-block span {
  margin-right: 0.5rem;
}

#seleccionarnv.chofer-datos .md-form.md-outline {
  margin-bottom: 0;
}

#seleccionarnv .fechas-grilla {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 7.5px;
}

#seleccionarnv .card-cancelado {
  position: relative;
}

#seleccionarnv .card-cancelado .franja-nuevo {
  background: rgba(0, 193, 241, 0.9);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 4px 46px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  right: -45px;
  z-index: 5;
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  transform: rotate(35deg);
}

#proximos .nav-tabs .nav-item {
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
}

#seleccionarnv form .fechas-grilla .card,
#proximos .nav-tabs .nav-link {
  align-items: stretch;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ece9e6+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #ffffff 0%, #ece9e6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #ffffff 0%, #ece9e6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #ffffff 0%, #ece9e6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ece9e6', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  border: none;
  border-radius: 4px;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: stretch;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: calc(50% - 0.5rem);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

#proximos .nav-tabs .nav-link {
  width: 100%;
}

#seleccionarnv form .fechas-grilla .card:focus,
#seleccionarnv form .fechas-grilla .card.active,
#seleccionarnv form .fechas-grilla .card.active:hover,
#proximos .nav-tabs .nav-link:focus,
#proximos .nav-tabs .nav-link.active,
#proximos .nav-tabs .nav-link.active:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #1d89c2;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #1d89c2 0%, #1e88e5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #1d89c2 0%, #1e88e5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #1d89c2 0%, #1e88e5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d89c2', endColorstr='#1E88E5', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
  color: #fff;
}

#seleccionarnv form .fechas-grilla .card:hover,
#proximos .nav-tabs li:hover .nav-link {
  background: #fff;
  color: #1e88e5;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
}

#seleccionarnv form .fechas-grilla .card.card-inactiva {
  color: #666;
  opacity: 0.75;
}

#seleccionarnv form .fechas-grilla .card.card-inactiva,
#seleccionarnv .fechas-grilla .card.card-inactiva:hover,
#seleccionarnv .fechas-grilla .card.card-inactiva:focus {
  background: #eee !important;
  box-shadow: none !important;
  color: #666 !important;
  cursor: auto !important;
}

#seleccionarnv form .fechas-grilla .card .fecha-dia,
#proximos .nav-tabs .nav-link .fecha-dia {
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
  padding: 2rem 1rem 0;
  text-transform: uppercase;
  z-index: 6;
}

#proximos .nav-tabs .nav-link {
  color: #747373;
}

#seleccionarnv form .fechas-grilla .card .fecha-numero,
#proximos .nav-tabs .nav-link .fecha-numero {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
  padding: 0 1rem;
  text-transform: uppercase;
}

#seleccionarnv form .fechas-grilla .card .fecha-mes,
#proximos .nav-tabs .nav-link .fecha-mes {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #1e88e5;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
  padding: 0 1rem 1rem;
  text-transform: uppercase;
}

#proximos .nav-tabs .nav-link .fecha-mes {
  padding-bottom: 2rem;
}

#seleccionarnv form .fechas-grilla .card .fecha-hora {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #1e88e5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1e88e5 0%, #0d47a1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E88E5', endColorstr='#0D47A1', GradientType=1);
  /* IE6-9 */
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
}

#seleccionarnv form .fechas-grilla .card .fecha-hora span {
  font-weight: 400;
  margin-left: 0.25rem;
}

#seleccionarnv form .fechas-grilla .card.card-inactiva .fecha-hora {
  background: transparent;
  color: #666;
}

#seleccionarnv form .fechas-grilla .card .fecha-hora .far {
  font-size: 1rem;
  margin-right: 0.5rem;
  position: absolute;
  left: 1rem;
}

#seleccionarnv form .fechas-grilla .card .fecha-no-disp {
  align-items: center;
  color: #ff4444;
  display: flex;
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 1rem;
  justify-content: center;
  margin-bottom: 0;
  min-height: 51px;
  padding: 0 1rem;
}

#seleccionarnv form .fechas-grilla .card.active .fecha-mes {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
}

#proximos .nav-tabs .nav-link.active .fecha-mes {
  color: #fff;
}

#seleccionarnv form .fechas-grilla .card input[type="radio"] {
  height: 0;
  max-height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

#fecha-botones {
  z-index: 1020;
}

#fecha-botones .container.sin-estilo .row {
  margin: 0;
  padding: 0 1.5rem;
}

#fecha-botones .container.sin-estilo .row div {
  padding: 0;
}

#fecha-botones .container {
  width: calc(100% - 2rem);
}

#fecha-botones .btn {
  appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 54px;
  justify-content: center;
}

#fecha-botones .filtrar .btn {
  margin-bottom: 1rem;
}

#fecha-botones .filtrar .btn .fas {
  position: absolute;
  right: 1rem;
}

@media (max-width: 500px) {
  #fecha-botones .limpiar .btn {
    margin-bottom: 1rem;
    font-size: .8rem;
  }
}

/* STOCK DATATABLE */

#seleccionarnv.productos-datos .table tbody td {
  vertical-align: middle;
}

#seleccionarnv.productos-datos .table tbody td .col-12 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  width: 100%;
}

#seleccionarnv.productos-datos.demanda .table tbody td .col-12 .col-12 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0;
}

#seleccionarnv.productos-datos.demanda .table tbody td .col-12 .col-12:first-child {
  margin-bottom: 0.5rem;
}

#seleccionarnv.productos-datos.demanda .table tbody td .col-12 .col-12:last-child {
  margin-bottom: 0;
}

#seleccionarnv.productos-datos.demanda .table tbody td .col-12 .col-12 div {
  padding: 0;
}

#seleccionarnv.productos-datos.demanda .table tbody td .col-12 .col-12 .col-md-4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-right: 2rem;
}

#seleccionarnv.productos-datos.demanda .table tbody td .col-12 .col-12 .col-md-6 {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#seleccionarnv.productos-datos.demanda .table tbody td .col-12 .col-12 .col-md-6 .fas {
  color: #ccc;
  margin: 0.25rem 0.25rem 0.25rem 0;
}

#seleccionarnv.productos-datos.demanda .table tbody td .col-12 .col-12 .col-md-6 .completo {
  color: #1e88e5;
}

#seleccionarnv.productos-datos .table tbody td.expandir span,
.desc-con-icono span {
  display: inline-block;
  margin-right: 0.25rem;
  width: calc(100% - 75px - 0.5rem);
}

.desc-con-icono img {
  display: inline-block;
}

#seleccionarnv.productos-datos .table tbody td.expandir img {
  display: none;
}

#dtBasicExample_wrapper,
#dtBasicExample0_wrapper,
#dtBasicExample1_wrapper,
#dtBasicExample2_wrapper,
#dtBasicExample3_wrapper,
#dtBasicExample4_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.dataTables_filter {
  display: flex !important;
  margin-top: -1rem;
  width: 100%;
  padding-left: 15rem;
}

@media (max-width: 1200px) {
  .dataTables_filter {
    padding-left: 0;
  }
}
.contenedor-verde.prod-sugerida .dt-buttons {
  order: 1;
}

.contenedor-verde.prod-sugerida .dataTables_filter {
  order: 2;
}

.contenedor-verde.prod-sugerida .btn-bancos {
  display: flex !important;
  justify-content: flex-end;
  margin-top: -1rem;
  order: 3;
  width: 100%;
}

.contenedor-verde.prod-sugerida .btn-bancos a {
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 700;
  margin: 1rem 0 1rem;
  padding-top: calc(0.38rem + 1px);
  padding-bottom: calc(0.38rem + 1px);
  width: calc(33.33% - 0.5rem);
}

.contenedor-verde.prod-sugerida .table-responsive {
  order: 4;
}

div.dataTables_wrapper div.dataTables_filter label {
  align-items: center;
  background: #fff;
  border: 1px solid #0d47a1;
  border-radius: 4px;
  color: #1e88e5;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 0.7rem;
  font-weight: 700;
  justify-content: flex-start;
  line-height: 1.5;
  margin: 0 0 1.5rem;
  padding: 0.38rem 3rem 0.38rem 1rem;
  position: relative;
  text-transform: uppercase;
  width: 99%;
}

div.dataTables_wrapper div.dataTables_filter input {
  background: rgba(255, 255, 255, 0);
  border: none;
  color: #212121;
  font-size: 0.7rem;
  font-weight: 700;
  height: 100%;
  line-height: 1.5;
  margin: 0;
  padding: 0 1rem 0 4.25rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  width: 100%;
}

div.dataTables_wrapper div.dataTables_filter input:hover,
div.dataTables_wrapper div.dataTables_filter input:active,
div.dataTables_wrapper div.dataTables_filter input:focus {
  background: rgb(30, 136, 229, 0.25);
  outline: 0;
  -webkit-box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

div.dataTables_wrapper div.dataTables_paginate,
.dataTables_length {
  width: 100%;
}

/* STOCK CHART */

.chart-container {
  height: 400px;
  width: 100%;
}

.chart-container2 {
  height: 400px;
  width: 100%;
}

.chart-containerSM,
.chart-empty {
  height: 250px;
  width: 100%;
}

.canvasSize {
  width: 1320px;
  margin: 0 auto;
}

.chart-container.chart-empty,
.chartjs-size-monitor {
  align-self: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.chart-container.chart-empty a {
  font-weight: 700;
  text-decoration: underline;
}

.chart-container.chart-empty strong {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.chart-empty canvas {
  position: relative;
  z-index: 1;
}

.chart-empty p {
  align-self: center;
  border-radius: 8px;
  margin: -1rem 3rem auto 2rem;
  max-width: calc(100% - 6rem);
  padding: 1rem;
  position: absolute;
  z-index: 2;
}

canvas {
  display: block;
}

#top.anchor {
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden;
}

#seleccionarnv .sin-estilo .container.col-md-3 {
  margin-bottom: 2rem;
}

#seleccionarnv .sin-estilo .container.col-md-3:nth-child(3),
#seleccionarnv .sin-estilo .container.col-md-3:nth-child(4) {
  margin-bottom: 0;
}

#seleccionarnv .sin-estilo .mitad .container.col-12.col-sm-6 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 2rem;
  max-width: 100%;
  width: 100%;
}

#seleccionarnv .chart-datos h2 {
  margin-bottom: 1rem;
}

#seleccionarnv .sin-estilo .container .col-12.porcentaje {
  position: relative;
}

#seleccionarnv .sin-estilo .container .col-12.porcentaje canvas {
  position: relative;
}

#seleccionarnv .sin-estilo .container .col-12.porcentaje p {
  color: #212121;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 6rem;
  margin-bottom: 0;
  margin-left: 0.4rem;
  position: absolute;
  z-index: 1;
}

#seleccionarnv .sin-estilo .container .unidad-datos {
  align-items: flex-end;
  color: #212121;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.5rem;
  text-align: center;
}

#seleccionarnv .sin-estilo .unidad-datos .small {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
  margin-left: 0.5rem;
}

#seleccionarnv.grafico-datos form .row {
  flex-direction: row;
  justify-content: flex-end;
  order: 1;
  padding-right: 0;
  padding-left: 0.5rem;
  width: calc(100% + 1.5rem);
}

#seleccionarnv.grafico-datos form .col-12,
#seleccionarnv.grafico-datos form .col-6,
#seleccionarnv.grafico-datos form .col-3 {
  order: 1;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

/* DESPACHO FECHAS */

#proximos {
  position: relative;
}

#proximos .nav-tabs {
  align-items: stretch;
  border-bottom: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

#proximos .nav-tabs li {
  margin-bottom: 1rem;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: calc(50% - 1rem);
}

#proximos .nav-tabs li:last-child {
  margin-bottom: 0;
}

#proximos .nav-tabs li:hover {
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
}

/* PLANO INTERACTIVO */

#seleccionarnv.plano h2 {
  margin-bottom: 1rem;
}

.detalles-modal .detalles-listado .despacho-cuadrante-sap {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
}

.detalles-modal .detalles-listado .despacho-cuadrante-sap strong {
  font-size: 0.9rem;
  width: 100%;
}

.despacho-cuadrante-sap span {
  align-items: center;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ece9e6+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #ffffff 0%, #ece9e6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #ffffff 0%, #ece9e6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #ffffff 0%, #ece9e6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ece9e6', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  border: 1px solid #1e88e5;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-weight: 400;
  justify-content: flex-start;
  line-height: 1;
  margin: 0.5rem auto 0 0;
  padding: 0.5rem 0.25rem 0.5rem 1.5rem;
  position: relative;
  width: 100%;
}

.svgIconSize {
  width: 24px !important;
  height: 24px !important;
}

.despacho-cuadrante-sap span svg {
  position: absolute;
  left: 0.5rem;
}

/* AUDITORIA LOG */
div.dataTables_wrapper div.dataTables_length label {
  align-items: center;
  color: #212121;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 0.9rem;
  justify-content: center;
  line-height: 1;
}

.pagination .page-item .page-link {
  color: #212121;
}

div.dataTables_wrapper div.dataTables_length select {
  margin: 0 0.5rem;
}

.audit-compensado {
  margin-top: 2rem;
  padding: 0;
}

.audit-compensado p {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin: 0 auto !important;
  text-align: center;
}

/* BANNERS */

#banner {
  position: relative;
  z-index: 1020;
}

#banner.nuevoreclamo .container {
  background: rgb(238, 238, 238);
  background: -moz-linear-gradient(left, rgba(224, 224, 224, 1) 0%, rgba(204, 204, 204, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(224, 224, 224, 1) 0%, rgba(204, 204, 204, 1) 100%);
  background: linear-gradient(to right, rgba(224, 224, 224, 1) 0%, rgba(204, 204, 204, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#cccccc', GradientType=1);
  border: 1px solid #ff4444;
  border-radius: 8px;
  padding-top: 2.5rem;
  padding-bottom: 3rem;
  position: relative;
  width: calc(100% - 2rem);
}

#banner .container h1 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#banner h1 {
  align-items: flex-start;
  color: #212121;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 2.75rem;
  font-weight: 700;
  justify-content: flex-start;
  line-height: 1.1;
  margin-bottom: 1rem;
}

#banner.nuevoreclamo h1 span {
  color: #ff4444;
}

#banner h1 span.fa-stack,
#banner h1 span svg {
  display: none;
}

#banner h1 + p {
  color: #212121;
  font-size: 1.35rem;
  line-height: 1.5;
  margin-bottom: 0;
}

#banner p a:hover {
  text-decoration: underline;
}

#banner .btn {
  appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 54px;
  justify-content: center;
  margin: 2rem 0 0;
}

/* NUEVO RECLAMO PASO 1 */

.ekko-lightbox .modal-body {
  background: #fff;
}

.nuevo-reclamo.nr-paso1 form {
  flex-direction: row;
  justify-content: flex-end;
  order: 1;
  padding-right: 0;
  padding-left: 0;
  width: calc(100% + 1.5rem);
}

.nuevo-reclamo.nr-paso1 form .md-form {
  margin-bottom: 0;
}

.nuevo-reclamo.nr-paso1 form .md-form.md-outline {
  margin-bottom: 0;
  width: 100%;
}

/* NUEVO RECLAMO PASO 2 */

.nuevo-reclamo.nr-paso2 .comprobantes {
  margin-bottom: 1rem;
}

.nuevo-reclamo.nr-paso2 .comprobantes:last-child {
  margin-bottom: 0;
}

.nuevo-reclamo.nr-paso2 .comprobantes .card {
  box-shadow: none;
  border: 1px solid #e0e0e0;
  padding: 0;
}

.nuevo-reclamo.nr-paso2 .comprobantes .card .card-header {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d89c2+0,1d48a4+100 */
  background: #1e88e5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1e88e5 0%, #0d47a1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E88E5', endColorstr='#0D47A1', GradientType=1);
  /* IE6-9 */
  border-bottom: none;
  color: #fff;
  font-weight: 700;
}

.nuevo-reclamo.nr-paso2 .comprobantes .card .card-body {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 1rem 1rem;
}

.nuevo-reclamo.nr-paso2 .comprobantes .card .card-body form {
  align-items: stretch !important;
}

.nuevo-reclamo.nr-paso2 .card-body .nr-productos {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #212121;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 1rem 0 0;
  padding: 1rem 0;
  max-width: 100%;
}

.nuevo-reclamo.nr-paso2 .card-body .nr-productos.active {
  border-color: #1e88e5 !important;
  -webkit-box-shadow: inset 0 0 0 1px #1e88e5 !important;
  box-shadow: inset 0 0 0 1px #1e88e5 !important;
}

.nuevo-reclamo.nr-paso2 .card-body .nr-productos .detalles-imagen {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-right: 0;
  padding-left: 0.5rem;
}

.nuevo-reclamo.nr-paso2 .card-body .nr-productos .detalles-imagen img,
#seleccionarnv.nr-ticket .nr-productos img {
  height: auto;
  width: 100%;
}

.nuevo-reclamo.nr-paso2 .card-body .nr-productos .detalles-listado {
  align-content: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

.nuevo-reclamo.nr-paso2 .card-body .nr-productos .detalles-listado ul {
  font-size: 0.8rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nuevo-reclamo.nr-paso2 .card-body .nr-productos .detalles-listado ul strong {
  font-size: 0.9rem;
}

.nuevo-reclamo.nr-paso2 .card-body .nr-productos .detalles-select {
  margin-top: 2rem;
  margin-left: auto;
}

.nuevo-reclamo.nr-paso2 .md-form.md-outline label {
  left: 8px;
  padding-right: 5px;
  padding-left: 5px;
  font-weight: 500;
  background: #fff;
  -webkit-transform: translateY(-13px) scale(0.8);
  transform: translateY(-13px) scale(0.8);
}

.nuevo-reclamo.nr-paso2 .card-body .nr-productos .detalles-select .valid + label {
  color: #757575 !important;
}

.nuevo-reclamo.nr-paso2 .card-body .nr-productos.active .detalles-select .valid + label {
  color: #1e88e5 !important;
}

.nuevo-reclamo.nr-paso2 .card-body .nr-productos .detalles-select .valid {
  border-color: #dadce0 !important;
  -webkit-box-shadow: inset 0 0 0 1px #dadce0 !important;
  box-shadow: inset 0 0 0 1px #dadce0 !important;
}

.nuevo-reclamo.nr-paso2 .card-body .nr-productos.active .detalles-select .valid {
  border-color: #1e88e5 !important;
  -webkit-box-shadow: inset 0 0 0 1px #1e88e5 !important;
  box-shadow: inset 0 0 0 1px #1e88e5 !important;
}

.nuevo-reclamo.nr-paso2 .limpiar-selecciones {
  margin-bottom: 1rem;
  padding-right: 2rem;
}

.nuevo-reclamo.nr-paso2 .limpiar-selecciones a {
  font-size: 0.81rem;
}

/* NUEVO RECLAMO PASO 3 */

.nuevo-reclamo.nr-paso3 .formulario {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

.ticket-informe .formulario {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0 auto;
}

.nuevo-reclamo.nr-paso3 .formulario .check-botones,
.ticket-informe .formulario .check-botones {
  border-bottom: 1px solid #e0e0e0;
  color: #212121;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 2rem;
}

#seleccionarnv .custom-control.custom-checkbox {
  color: #212121;
}

.nuevo-reclamo.nr-paso3 .formulario .check-botones {
  padding: 0 0 1rem !important;
}

.ticket-informe .formulario .check-botones {
  padding: 0 0 2rem !important;
}

.ticket-informe .formulario .check-botones strong.col-12.con-hr {
  border-top: 1px solid #e0e0e0;
  margin-top: 1.5rem;
  padding-top: 2rem;
}

.ticket-informe .formulario .check-botones:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0 !important;
}

.ticket-informe .formulario .textarea {
  border-bottom: 1px solid #e0e0e0;
  color: #212121;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 2rem;
  padding: 0 0 2rem !important;
}

.ticket-informe .formulario .textarea .md-form {
  margin-bottom: 0;
}

.ticket-informe .formulario .textarea textarea {
  color: #212121;
  font-size: 1.15rem;
  line-height: 1.5;
  height: 8rem;
  margin-bottom: 0;
  min-height: 8rem;
  overflow-y: scroll;
  padding: 13px;
}

.ticket-informe .formulario .textarea textarea:focus + label {
  color: #1e88e5 !important;
}

.nuevo-reclamo.nr-paso3 .formulario .cargar-foto {
  color: #212121;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.nuevo-reclamo.nr-paso3 .formulario .check-botones strong.col-12,
.nuevo-reclamo.nr-paso3 .formulario .cargar-foto strong.col-12,
.ticket-informe .formulario strong.col-12,
#drop-area .fotos-ejemplo .lista-fotos,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message .lista-fotos {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
  padding: 0;
}

#drop-area .fotos-ejemplo .lista-fotos,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message .lista-fotos {
  background: rgba(0, 0, 0, 0);
  border-top: 1px solid #e0e0e0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  position: relative;
  text-transform: inherit;
  transition: all 0.5s ease-in-out;
  width: 100%;
}

#drop-area .fotos-ejemplo .lista-fotos strong,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message .lista-fotos strong {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
  padding: 0;
  width: 100%;
}

#drop-area .fotos-ejemplo .lista-fotos strong .badge,
#seleccionarnv.nr-ticket
  .sin-estilo
  .container
  .col-12.chat
  .chat-list
  .chat-body
  .chat-message
  .lista-fotos
  strong
  .badge {
  margin: 0.15rem 0 0.15rem 0.3rem;
}

#drop-area .fotos-ejemplo .lista-fotos:hover,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message .lista-fotos:hover {
  background: rgba(0, 0, 0, 0.05);
}

.ticket-informe .formulario .textarea strong.col-12,
.rechazar-cuadrante .formulario .textarea strong {
  margin-bottom: 1rem;
  position: relative;
}

.nuevo-reclamo.nr-paso3 .formulario .cargar-foto p.col-12 {
  font-size: 0.8rem;
  margin-bottom: 1rem;
  padding: 0;
}

.nuevo-reclamo.nr-paso3 .formulario .check-botones .custom-control,
.ticket-informe .formulario .check-botones .custom-control {
  margin-top: 0;
  margin-bottom: 0.5rem;
  width: 100%;
}

.ticket-informe .formulario .check-botones .custom-control:last-child {
  margin-bottom: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #1e88e5;
  background-color: #1e88e5;
}

.nuevo-reclamo.nr-paso3 .formulario .check-botones .custom-control:last-child {
  margin-bottom: 0;
}

#drop-area {
  align-self: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  transition: all 0.5s ease-in-out;
  width: 100%;
}

#drop-area.cargando-foto {
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 0 1.5rem;
}
.container-gallery {
  width: 100%;
  margin-top: 10px;
}
.container-gallery #gallery img {
  width: 20%;
  height: auto;
  margin: 0.8rem;
  border-radius: 10px;
  box-shadow: none !important;
}
#drop-area label {
  align-self: center;
  background: rgba(30, 136, 229, 0.1);
  border: 2px dashed #1e88e5;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 200px;
  justify-content: center;
  padding: 2rem;
  margin-bottom: 0;
  width: 100%;
}

#scrap-operario #drop-area label,
#drop-area.problema label {
  border: 0;
  border-radius: 0;
  height: auto !important;
  padding: 1em;
}

#drop-area label:hover {
  background: rgba(30, 136, 229, 0.3);
}

#drop-area svg.nube {
  color: #1e88e5;
  height: 65px !important;
  margin-bottom: 1rem;
  width: 65px !important;
}

#scrap-operario #drop-area svg.nube,
#drop-area.problema svg.nube {
  height: 40px !important;
  width: 40px !important;
  margin-bottom: 2em;
}

#drop-area .icono-font,
#seleccionarnv.nr-ticket
  .sin-estilo
  .container
  .col-12.chat
  .chat-list
  .chat-body
  .chat-message
  .lista-fotos
  .icono-font {
  color: #1e88e5;
  height: 1.5rem !important;
  margin-right: 0.25rem;
  width: 1.5rem !important;
}

#drop-area p.subir-nube {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 1;
  margin-top: -2rem;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
}

#drop-area p strong {
  font-size: 1.25rem;
}

#drop-area p span {
  font-size: 0.9rem;
  margin-top: -0.5rem;
  width: 100%;
}

#scrap-operario #drop-area p span,
#drop-area.problema p span {
  margin-top: 0rem;
}

#drop-area #gallery,
.chat-message #gallery-chat {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
}

.chat-message #gallery-chat {
  margin-bottom: 0.5rem;
}

#drop-area #gallery img,
.chat-message #gallery img {
  border: 4px solid #fff;
  border-radius: 2px;
  box-shadow: 0 0 0 2px #1e88e5;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  margin-bottom: 1rem;
  max-height: none;
  position: relative;
  vertical-align: middle;
  width: calc(50% - 15px);
}

#drop-area.cargando-foto #gallery img {
  background: #fff;
  opacity: 0.7;
}

#drop-area #fileElem {
  display: none;
}

#drop-area .fotos-ejemplo,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message .fotos-ejemplo {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}

#drop-area .fotos-ejemplo:last-child {
  border-bottom: 1px solid #e0e0e0;
}

/* SCRAP */
#historial.scrap .dropleft button {
  box-shadow: none;
  margin: 0 auto;
}

#historial.scrap .dropleft .dropdown-menu {
  /* box-shadow: none; */
  padding: 0;
}

#historial.scrap .dropleft .dropdown-menu .dropdown-item {
  padding: 0.5em 1em;
}

#historial.scrap .enproceso {
  color: #ffa900;
}

#historial.scrap .rechazado {
  color: #ff4444;
}

#historial.scrap .finalizado {
  color: #00b74a;
}

#historial.scrap #dtBasicExample tr.checked {
  background-color: rgba(30, 136, 229, 0.1);
}

#historial.scrap #dtBasicExample tr.checked td .btn.btn-outline-primary {
  color: #fff !important;
  background-color: #1e88e5 !important;
}

.proceso-recuperacion_container {
  background-color: rgba(30, 136, 229, 0.2);
}

.informe-descripcion h3 {
  color: #000;
}

.titulo-scrap-final,
.proceso-recuperacion_container h4,
.informe-descripcion h3 strong {
  color: #1e88e5;
}

.scrap-auto-final {
  background-color: #1e88e5;
  color: white;
}

.lasimagenes {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  opacity: 0.7;
  transition: all 0.5s ease-in-out;
}

.lasimagenes:hover {
  opacity: 1;
}

.lasimagenes a {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1rem;
}

.lasimagenes img,
#seleccionarnv .sin-estilo .container .col-12 .lasimagenes img {
  border: 4px solid #fff;
  border-radius: 2px;
  box-shadow: 0 0 0 2px #e0e0e0;
  height: auto;
  margin-bottom: 0;
  max-height: none;
  max-width: 100%;
  width: 100%;
}

.lasimagenes span {
  color: #1e88e5;
  font-size: 0.8rem;
  font-weight: 700;
  margin-top: 0.5rem;
}

/* TICKET */

#seleccionarnv.nr-ticket .sin-estilo {
  align-items: flex-start;
}

#seleccionarnv.nr-ticket .sin-estilo .container.sin-estilo {
  overflow: visible;
}

#seleccionarnv.nr-ticket .sin-estilo .col-md-8 {
  margin: 0;
  order: 2;
}

#seleccionarnv.nr-ticket .sin-estilo #fecha-botones.sin-estilo.col-md-8 {
  order: 3;
}

#seleccionarnv.nr-ticket .sin-estilo .col-md-4 {
  margin-bottom: 2rem;
  order: 1;
}

#seleccionarnv.nr-ticket .sin-estilo h2 {
  margin-bottom: 1rem;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12 {
  justify-content: flex-start;
}

#seleccionarnv.nr-ticket .sin-estilo .container .botones.col-12 {
  justify-content: space-between;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #212121;
  font-size: 1rem;
  overflow: hidden;
  padding: 1.5rem 0 0;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0 1.5rem;
  width: 100%;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .tenso,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .cliente,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .operario,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .jlaboratorio,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .jfabrica {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 3rem;
  width: 100%;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .cliente.gcomercial .chat-message {
  padding-bottom: 1.5rem;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-user {
  color: #1e88e5;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .cliente .chat-user,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .operario .chat-user,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .jfabrica .chat-user {
  justify-content: flex-end;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .cliente .chat-fecha,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .operario .chat-fecha {
  text-align: right;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .tenso .chat-user {
  justify-content: flex-start;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .tenso .chat-fecha {
  text-align: left;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-user img {
  border-radius: 50%;
  height: auto;
  margin-right: 0.5rem;
  max-width: 30px;
  width: 100%;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-user .fa-stack {
  font-size: 16px;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-user h5 {
  color: #1e88e5;
  font-size: 0.7rem;
  font-weight: 700;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-fecha {
  color: #747373;
  font-size: 0.8rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0;
  width: 100%;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message {
  border-radius: 4px;
  padding: 1rem 1.5rem 0;
  position: relative;
  width: 100%;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .tenso .chat-body .chat-message,
#seleccionarnv.registro-v .sin-estilo .container .col-12.chat .chat-list .operario .chat-body .chat-message,
#seleccionarnv.registro-v .sin-estilo .container .col-12.chat .chat-list .jlaboratorio .chat-body .chat-message,
#seleccionarnv.registro-v .sin-estilo .container .col-12.chat .chat-list .jfabrica .chat-body .chat-message {
  background: rgba(30, 136, 229, 0.1);
  color: #212121;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .tenso .chat-body .chat-message p {
  margin-bottom: 1.5rem;
}

#seleccionarnv.nr-ticket
  .sin-estilo
  .container
  .col-12.chat
  .chat-list
  .tenso
  .chat-body
  .chat-message
  p.accordion-border-top {
  border-top: 1px solid #e0e0e0;
  padding-top: 1.5rem;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .cliente .chat-body .chat-message {
  background: rgba(30, 136, 229, 1);
  color: #fff;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message ul li:last-child {
  margin-bottom: 0;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message:before {
  content: "";
  position: absolute;
  top: 15px;
  width: 0;
  height: 0;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .tenso .chat-body .chat-message:before,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .jlaboratorio .chat-body .chat-message:before {
  left: -12px;
  border-bottom: 20px solid transparent;
  border-right: 12px solid rgba(30, 136, 229, 0.1);
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .cliente .chat-body .chat-message:before,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .operario .chat-body .chat-message:before,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .jfabrica .chat-body .chat-message:before {
  right: -12px;
  border-bottom: 20px solid transparent;
  border-left: 12px solid rgba(30, 136, 229, 1);
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .operario .chat-body .chat-message:before,
#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .jfabrica .chat-body .chat-message:before {
  border-left: 12px solid rgba(30, 136, 229, 0.1);
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message li {
  margin-bottom: 1rem;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .cliente .chat-body .chat-message li strong {
  text-decoration: underline;
  text-transform: lowercase;
}

#seleccionarnv.nr-ticket
  .sin-estilo
  .container
  .col-12.chat
  .chat-list
  .cliente.gcomercial
  .chat-body
  .chat-message
  li
  strong {
  text-decoration: none;
  text-transform: none;
}

#drop-area .fotos-ejemplo.accordion p.col-12,
#drop-area .fotos-ejemplo.accordion .row,
#seleccionarnv.nr-ticket
  .sin-estilo
  .container
  .col-12.chat
  .chat-list
  .chat-body
  .chat-message
  .fotos-ejemplo.accordion
  li {
  padding-right: calc(24px + 0.25rem);
  padding-left: calc(24px + 0.25rem);
}

#drop-area .fotos-ejemplo.accordion .row {
  padding-bottom: 1rem;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message li:last-child {
  margin-bottom: 0;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message #gallery {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message #gallery-chat .col-12 {
  padding-right: 15px;
  padding-left: 15px;
  opacity: 1;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-enviar {
  align-items: center;
  background: #fafafa;
  color: #747373;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  margin-top: 2rem;
  padding: 2rem 2rem;
  width: 100%;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-enviar p {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
  text-align: center;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-enviar p.texto-solicitar-fotos {
  justify-content: flex-start;
  margin-bottom: 0.5rem;
  width: 100%;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-enviar {
  border-top: 1px solid #e0e0e0;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-enviar.cargar-foto {
  border-top: none;
  margin-top: 0;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-enviar svg {
  height: 40px !important;
  margin-right: 1rem;
  margin-left: 1rem;
  width: 40px !important;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat #drop-area.chat-enviar.cargar-foto {
  padding: 0;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat #drop-area.chat-enviar.cargar-foto form {
  align-items: stretch;
  justify-content: center;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat #drop-area.chat-enviar.cargar-foto {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat #drop-area.chat-enviar.cargar-foto label {
  align-items: center;
  background: rgba(255, 255, 255, 0);
  border: none;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  padding: 1rem 3rem 2rem;
  justify-content: flex-start;
  width: 100%;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat #drop-area.chat-enviar.cargar-foto label:hover {
  background: rgba(30, 136, 229, 0.1);
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat #drop-area.chat-enviar.cargar-foto label svg {
  height: 30px !important;
  margin: 0;
  width: 30px !important;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat #drop-area.chat-enviar.cargar-foto label p {
  color: #212121;
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  width: auto;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat #drop-area.chat-enviar.cargar-foto label p span {
  font-weight: 400;
  margin-top: 0.5rem;
}

#seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-enviar.burbujas-rt {
  justify-content: flex-start;
}

.burbuja-chat {
  align-items: center;
  background: #fff;
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 0 1px #1e88e5 !important;
  box-shadow: inset 0 0 0 1px #1e88e5 !important;
  color: #1e88e5;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 0.8rem;
  justify-content: center;
  margin: 0.5rem 1rem 0.5rem 0;
  padding: 0.5rem 2rem;
  position: relative;
  text-transform: uppercase;
}

.burbuja-chat .custom-control-input {
  display: none;
}

.burbuja-chat.active {
  background: #1e88e5 url(../img/check.svg) no-repeat right;
  background-size: 16px;
  background-position-x: calc(100% - 0.5rem) !important;
  color: #fff;
}

#seleccionarnv.nr-ticket .nr-productos,
#seleccionarnv.informe-facturacion .container.col-md-4 ul {
  color: #212121;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  max-width: 100%;
}

#seleccionarnv.informe-facturacion .container.col-md-4 ul {
  margin: 0;
}

#seleccionarnv.informe-facturacion .container.col-md-4 ul li {
  width: 100%;
}

#seleccionarnv.informe-facturacion .container.col-md-4 ul hr {
  width: 100%;
}

#seleccionarnv.nr-ticket .nr-productos:last-child {
  margin: 0;
}

#seleccionarnv.nr-ticket .nr-productos .detalles-imagen {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-right: 0;
  padding-left: 0;
}

#seleccionarnv.nr-ticket .nr-productos .detalles-listado {
  align-content: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  padding-right: 0;
  padding-left: 0.5rem;
}

#seleccionarnv.nr-ticket .nr-productos .detalles-listado ul {
  font-size: 0.8rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

#seleccionarnv.nr-ticket .nr-productos .detalles-listado ul strong {
  font-size: 0.9rem;
}

/* NUEVO RECLAMO PASOS */

ul.stepper {
  display: none;
  flex-direction: row;
  padding: 0;
  margin: 1.5rem auto 0;
  max-width: 300px;
  overflow: visible;
}

.stepper-horizontal li {
  background: none !important;
}

ul.stepper li,
ul.stepper li a {
  cursor: default;
  padding: 0;
}

ul.stepper li a {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

ul.stepper li.active .circle,
ul.stepper li.active a .circle,
ul.stepper li.complete .circle,
ul.stepper li.complete a .circle {
  background-color: #1e88e5 !important;
  color: #fff;
  transition: all 0.5s ease-in-out;
}

ul.stepper li a:hover .circle {
  background: #0d47a1 !important;
}

ul.stepper li .circle,
ul.stepper li a .circle {
  background-color: #e0e0e0 !important;
  color: #212121;
  border-radius: 50%;
  display: inline-block;
  font-weight: 700;
  height: 2rem;
  line-height: 2rem;
  margin-right: 0;
  text-align: center;
  width: 2rem;
}

.stepper-horizontal li:not(:last-child):after,
.stepper-horizontal li:not(:first-child):before {
  background-color: #e0e0e0 !important;
  height: 6px;
  margin: 0;
  width: 28px;
}

.stepper-horizontal li.complete:before {
  background-color: #1e88e5 !important;
}

#first-step.active:before,
#first-step.complete:before {
  background-color: #fafafa !important;
}

.stepper-horizontal li.active:before,
.stepper-horizontal li.complete:after,
.stepper-horizontal li.complete:before {
  background-color: #1e88e5 !important;
}

/* SMART WAREHOUSE */
.enlace-pie-de {
  border-top: 1px solid #e0e0e0;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  max-width: calc(100% + 3rem);
  margin-top: 1rem;
  width: calc(100% + 3rem);
}

.notificacion .enlace-pie-de {
  margin-top: auto;
  z-index: 2;
}

.enlace-pie-de a {
  align-items: center;
  background: rgba(255, 255, 255, 1);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 0.9rem;
  padding: 0.5rem 1.5rem;
  transition: all 0.2s ease-in-out;
  width: 100%;
}

.enlace-pie-de a:hover {
  background: rgba(224, 224, 224, 1);
}

.enlace-pie-de a .fas {
  margin-top: 2px;
  margin-left: 0.5rem;
}

.enlace-pie-de a svg {
  margin-left: 0.5rem;
}

.sw-referencias {
  margin: 1rem auto 0;
  font-size: .8rem;
  line-height: 1.2;
  text-align: center;
}

#dtBasicExampleACOPIAR_wrapper {
  margin-bottom: 1.5rem;
}

#dtBasicExampleACOPIAR_wrapper .table-responsive tbody tr {
  margin-bottom: 1rem;
}

.listado-acopio {
  background: #fff;
  border-radius: 8px;
  color: #212121;
  overflow: hidden;
  padding: 1rem 0 !important;
}

.strong-bigger {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
}

.contenedor-verde.filtro form button.btn {
  margin-bottom: 0;
}

.border-pa-top {
  border-top: 1px solid #e0e0e0;
  margin-top: 1rem;
  padding-top: 2rem;
}

#seleccionarnv.log-datos .sin-estilo .container.col-md-4 {
  overflow: hidden;
}

/* NOTIFICACIONES */

#seleccionarnv.notificaciones .notificacion {
  background: #fff;
  border-radius: 8px;
  min-height: 242px;
}

#seleccionarnv.notificaciones .notificacion .container.verde {
  background: rgba(0, 200, 81, 0.1);
  border: 1px solid #00c851;
}

#seleccionarnv.notificaciones .notificacion .container.reclamo {
  background: rgb(238, 238, 238);
  background: -moz-linear-gradient(left, rgba(224, 224, 224, 1) 0%, rgba(204, 204, 204, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(224, 224, 224, 1) 0%, rgba(204, 204, 204, 1) 100%);
  background: linear-gradient(to right, rgba(224, 224, 224, 1) 0%, rgba(204, 204, 204, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#cccccc', GradientType=1);
  border: 1px solid #ff4444;
}

#seleccionarnv.notificaciones .notificacion .container.rojo {
  background: rgba(255, 68, 68, 0.1);
  border: 1px solid #ff4444;
}

#seleccionarnv.notificaciones .sin-estilo h2 {
  margin-bottom: 1rem;
}

#seleccionarnv.notificaciones h2 + p {
  margin-bottom: 2rem;
  margin-left: 0;
}

#seleccionarnv.notificaciones .sin-estilo .container .col-12 {
  padding: 0;
}

#seleccionarnv .sin-estilo .mitad.notificacion .container .mensaje {
  z-index: 1;
}

#seleccionarnv .sin-estilo .mitad.notificacion .verde p a,
#seleccionarnv .sin-estilo .mitad.notificacion .reclamo p a,
#seleccionarnv .sin-estilo .mitad.notificacion .rojo p a {
  color: #212121;
}

#seleccionarnv .sin-estilo .mitad.notificacion p a:hover {
  color: #0d47a1;
}

#seleccionarnv .sin-estilo .mitad.notificacion .icono,
#seleccionarnv.manuales-acopio .container .render {
  display: none;
}

#seleccionarnv .sin-estilo .mitad.notificacion .container .col-12 {
  flex-direction: column;
}

.notificacion .verde .enlace-pie-de {
  border-top: 1px solid #00c851;
}

.notificacion .verde .enlace-pie-de a {
  color: #00c851;
}

.notificacion .reclamo .enlace-pie-de,
.notificacion .rojo .enlace-pie-de {
  border-top: 1px solid #ff4444;
}

.notificacion .reclamo .enlace-pie-de a,
.notificacion .rojo .enlace-pie-de a {
  color: #ff4444;
}

/* LANDING ESTIBADO */
#seleccionarnv.manuales-acopio .container {
  padding-bottom: 1rem;
  overflow: hidden;
  position: relative;
}

#seleccionarnv.manuales-acopio .container .col-md-8 {
  z-index: 1;
}

#seleccionarnv.manuales-acopio .subtitulo {
  color: #212121;
  font-size: 1.15rem;
  margin-bottom: 0.5rem;
}

#seleccionarnv.manuales-acopio h2 {
  font-size: 2.25rem;
  margin-bottom: 1.5rem;
}

#seleccionarnv.manuales-acopio h2 + p {
  margin-bottom: 3rem;
}

#seleccionarnv.manuales-acopio h3 {
  color: #212121;
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.manuales-enlace {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}

.manuales-enlace li {
  margin: 0 0 1rem 0;
  padding: 0;
}

.manuales-enlace a {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 1rem;
  font-weight: 700;
  justify-content: flex-start;
  line-height: 1;
}

.manuales-enlace a svg {
  margin-top: -2px;
  margin-right: 0.5rem;
}

#seleccionarnv.tiempos-promedios .row {
  align-items: center;
}

.promedio-carga {
  align-items: center;
  color: #212121;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 3.5rem;
  font-weight: 700;
  justify-content: center;
}

.promedio-carga {
  align-items: center;
  color: #212121;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 3.5rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
}

.promedio-carga span {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.promedio-carga .el-tiempo:after {
  content: "min.";
  font-size: 1.25rem;
  font-weight: 300;
  margin-left: 0.5rem;
  position: absolute;
  right: -3rem;
}

.promedio-carga .el-peso:after {
  content: "tn/h";
  font-size: 1.25rem;
  font-weight: 300;
  margin-left: 0.5rem;
  position: absolute;
  right: -3rem;
}

.la-provincia {
  font-size: 1rem;
}

/* CHECKBOX EN DATATABLE */
table.dataTable .form-check-input {
  margin: auto;
  position: relative;
}

table.dataTable .custom-control {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}

table.dataTable .custom-control .custom-control-label {
  margin-bottom: 16px;
  position: absolute;
  left: calc(50% - 8px);
}

table.dataTable .child .custom-control .custom-control-label {
  left: auto;
}

table.dataTable .custom-control .custom-control-input {
  left: auto;
}

table.dataTable .custom-control .custom-control-label::before {
  top: auto;
  left: auto;
}

table.dataTable .custom-control .custom-control-label::after {
  top: auto;
  left: auto;
}

#notificacion-nft h1 strong {
  color: #000;
}

#notificacion-nft h1 strong span {
  color: #1e88e5;
}
/* Small devices */

@media (min-width: 375px) {
  #seleccionarnv form .card .card-header button .fas.fa-angle-down {
    right: 1.6rem;
  }
}

@media (min-width: 475px) {
  #seleccionarnv form .fechas-grilla {
    justify-content: flex-start;
    width: 100%;
  }

  #seleccionarnv form .fechas-grilla .card {
    width: calc(33.33% - 0.5rem);
    width: 32%;
    margin-right: 2%;
  }

  #seleccionarnv form .fechas-grilla .card:nth-child(3n) {
    margin-right: 0;
  }
}
/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
  #seleccionarnv .sin-estilo .mitad.notificacion .icono {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 2.5rem;
  }

  #seleccionarnv .sin-estilo .mitad.notificacion .icono svg {
    height: 72px !important;
    position: relative;
    width: 72px !important;
    z-index: 1;
  }

  #seleccionarnv .sin-estilo .mitad.notificacion .icono img {
    height: 180px;
    max-height: 180px;
    max-width: 200%;
    position: absolute;
    width: 180px;
    z-index: 1;
  }

  #seleccionarnv .sin-estilo .mitad.notificacion .icono:after {
    background: rgba(122, 203, 236, 0.4);
    border-radius: 50%;
    content: "";
    height: 320px;
    position: absolute;
    width: 320px;
  }

  #seleccionarnv .sin-estilo .mitad.notificacion .verde .icono:after {
    background: rgba(0, 200, 81, 0.4);
  }

  #seleccionarnv .sin-estilo .mitad.notificacion .reclamo .icono:after,
  #seleccionarnv .sin-estilo .mitad.notificacion .rojo .icono:after {
    background: rgba(255, 53, 71, 0.4);
  }

  /* MODAL */
  .modal-content {
    max-width: 100%;
  }

  .modal-sm {
    max-width: 350px;
  }

  /* COLOPHON */
  #colophon .logos ul li {
    max-width: calc(50% - 1rem);
    width: 170px;
  }

  #colophon .logos a img {
    width: 170px;
  }
}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
  /* STANDARD*/
  .border-sm-right {
    border-right: 1px solid #eee !important;
  }

  /* ERROR 404 y 500 */
  #errorpage .azul-titulo {
    padding-top: 12rem;
  }

  #errorpage .container .col-sm-6.cryvigueta {
    margin-bottom: 0;
  }

  /* PANEL COLOPHON */
  #colophon {
    margin-top: 1rem;
    font-size: 1rem;
  }

  #colophon .container {
    max-width: 850px;
  }

  #colophon .enlaces ul,
  #colophon .enlaces ul:nth-child(3),
  #colophon .enlaces ul:nth-child(4) {
    width: calc(25% - 0.5rem);
  }

  /* USUARIO */
  .usuario .nombre {
    display: flex;
  }

  .usuario .fa-stack {
    margin-left: 1rem;
  }

  /* COPYRIGHT */
  #colophon .copyright {
    text-align: center;
  }

  /* ALERTA */
  .alert {
    text-align: center;
  }

  /* TURNOS - FILTRO */
  .filtro .container {
    margin-right: auto;
    margin-left: auto;
  }

  /* HISTORIAL */
  #historial:before {
    top: -260px;
  }

  #historial:after {
    right: -280px;
    bottom: -100px;
  }

  #historial .table .corto {
    max-width: 60px;
    min-width: 60px;
    width: 60px;
  }

  /* DATATABLE */
  .dt-buttons,
  .dataTables_filter {
    width: 50%;
  }

  .dataTables_filter {
    margin-top: 0;
  }

  .contenedor-verde.prod-sugerida .dt-buttons {
    width: 50%;
  }

  .contenedor-verde.prod-sugerida .dataTables_filter {
    margin-left: auto;
    order: 2;
    width: 50%;
  }

  .contenedor-verde.prod-sugerida .btn-bancos {
    order: 3;
    width: 100%;
  }

  /* SLOGAN SOLICITAR TURNO & GESTIONAR AUTORIZADOS */

  #sloganautorizados h1 span.fa-stack.con-svg,
  #slogansolicitar h1 span.fa-stack.con-svg,
  #banner h1 span.fa-stack.con-svg {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -0.5rem;
  }

  #slogansolicitar h1 span.fa-stack,
  #sloganautorizados h1 span.fa-stack,
  #slogansolicitar h1 svg,
  #slogansolicitar h1 svg {
    display: block;
    font-size: 1.5rem;
    margin-right: 0.5rem;
    max-width: 60px;
  }

  #sloganautorizados h1 span.fa-stack.con-svg svg,
  #slogansolicitar h1 span.fa-stack.con-svg svg {
    margin-right: 0;
  }

  #slogansolicitar h1 strong,
  #sloganautorizados h1 strong {
    max-width: calc(100% - 60px - 0.5rem);
  }

  /* SOLICITAR TURNO PROVINCIAS */
  #seleccionarnv .provincias-grilla {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  #seleccionarnv .provincias-grilla .card {
    margin: 0 1rem;
    max-width: 16rem;
  }

  #seleccionarnv .provincias-grilla .card img {
    height: 13rem;
  }

  /* SOLICITAR TURNO */
  .loggeado #modalTerminosTurnos .card .card-body p.card-imagenes img {
    max-width: calc(33.33% - 2rem);
  }

  #seleccionarnv form .card .card-body .detalles-select {
    margin-top: 0.5rem;
  }

  .mensaje-advertencia {
    margin-top: 0;
  }

  #seleccionarnv form,
  #seleccionarnv.filtro.despacho form {
    align-items: center;
  }

  #seleccionarnv.chofer-agregar form {
    align-items: flex-start;
  }

  .fila-de-productos .row.botones {
    display: flex;
    flex-direction: row;
    width: 50%;
  }

  #seleccionarnv form .fechas-grilla .card {
    margin-bottom: 1rem;
  }

  #seleccionarnv .producto-peso-ahora {
    justify-content: center;
  }

  /* FECHA Y CHOFER */
  #seleccionarnv .fechas-grilla {
    padding: 0 15px;
  }

  #seleccionarnv form .fechas-grilla .card {
    width: calc(20% - 1rem);
  }

  #seleccionarnv form .fechas-grilla .card {
    width: calc(20% - 1rem);
    width: 19%;
    margin-right: 1.25%;
  }

  #seleccionarnv form .fechas-grilla .card:nth-child(3n) {
    margin-right: 1.25%;
  }

  #seleccionarnv form .fechas-grilla .card:nth-child(5n) {
    margin-right: 0;
  }

  #fecha-botones .row {
    justify-content: space-between;
  }

  #fecha-botones.un-boton-solo .row {
    justify-content: flex-end;
  }

  #fecha-botones .filtrar,
  .nr-ticket #fecha-botones .limpiar {
    order: 2;
  }

  #fecha-botones .limpiar,
  .nr-ticket #fecha-botones .filtrar {
    order: 1;
  }

  .nr-ticket #fecha-botones .filtrar .btn {
    margin-bottom: 1rem;
  }

  #fecha-botones .filtrar .btn {
    margin-bottom: 0;
    margin-top: 0;
  }

  #fecha-botones .container.sin-estilo .row.col-md-8 .filtrar {
    order: 1;
  }

  #fecha-botones .container.sin-estilo .row.col-md-8 .filtrar .btn {
    margin-bottom: 1rem;
  }

  #fecha-botones .container.sin-estilo .row.col-md-8 .limpiar {
    order: 2;
  }

  /* CAMION */
  #seleccionarnv .producto-peso-ahora .peso-imagen {
    order: 1;
    width: calc(40% - 1rem);
  }

  #seleccionarnv .producto-peso-ahora .peso-datos {
    order: 2;
    width: calc(60% - 1rem);
  }

  #seleccionarnv .producto-peso-ahora .peso-texto,
  #seleccionarnv .producto-peso-ahora .peso-numero {
    width: 100%;
  }

  #seleccionarnv .producto-peso-ahora .peso-texto {
    text-align: center;
  }

  #seleccionarnv .producto-peso-ahora .peso-numero {
    font-size: 2rem;
    justify-content: center;
    margin-top: 0.5rem;
  }

  #seleccionarnv .producto-peso-ahora.nomostrar .peso-numero {
    margin-top: 0;
  }

  #seleccionarnv .producto-peso-ahora .peso-numero strong {
    font-size: 3rem;
  }

  #seleccionarnv .producto-peso-ahora.danger .peso-maximo {
    margin-bottom: 0;
    text-align: center;
  }

  #seleccionarnv .producto-peso-ahora.danger.nomostrar .peso-maximo {
    margin-top: 0;
    max-width: 350px;
    padding-left: 2rem;
  }

  /* TERMINOS & CONDICIONES */
  #modalTerminosTurnos ul.card-text thead th:first-child {
    width: 60%;
  }

  #modalTerminosTurnos ul.card-text thead th:last-child {
    width: 40%;
  }

  /* DESPACHO */
  #proximos .nav-tabs li {
    margin-bottom: 0;
    width: calc(20% - 1rem);
  }

  .despacho-cuadrante-sap span {
    width: calc(50% - 0.5rem);
  }

  /* STOCK DATATABLE */
  #seleccionarnv.productos-datos .table tbody td.expandir img {
    display: inline-block;
  }

  /* STOCK CHART */
  #slogansolicitar .producto-peso-ahora.nomostrar .row .icono {
    align-items: center;
    display: flex;
  }

  #slogansolicitar .producto-peso-ahora.nomostrar .row .estad {
    align-items: center;
    display: flex;
  }

  #slogansolicitar .producto-peso-ahora.nomostrar .row .prov {
    align-items: center;
    border-left: 1px solid #fff;
    display: flex;
  }

  #slogansolicitar .producto-peso-ahora.nomostrar .col-md-2 {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  #seleccionarnv .sin-estilo .container .col-12.porcentaje p {
    font-size: 2rem;
    line-height: 5rem;
  }

  #seleccionarnv .sin-estilo .mitad {
    margin-bottom: 0;
  }

  #seleccionarnv .sin-estilo .mitad.notificacion {
    margin-bottom: 2rem;
  }

  #seleccionarnv .sin-estilo .mitad.radial,
  #seleccionarnv.jeft-sw-estado .col-md-8 {
    max-width: calc(66.666667% - 1rem);
    width: calc(66.666667% - 1rem);
  }

  .audit-inventario .col-md-8 {
    width: calc(66.666667% - 1rem);
  }

  #seleccionarnv .sin-estilo .mitad.detalles {
    max-width: calc(33.333333% - 1rem);
    width: calc(33.333333% - 1rem);
  }

  #seleccionarnv .sin-estilo .container.col-md-9 {
    margin: 0;
  }

  #seleccionarnv .sin-estilo .container.col-md-6 {
    margin: 0;
    max-width: calc(50% - 1rem);
    width: calc(50% - 1rem);
  }

  #seleccionarnv .sin-estilo .container.col-md-4 {
    margin: 0;
    max-width: calc(33.333333% - 1rem);
    width: calc(33.333333% - 1rem);
  }

  #seleccionarnv .sin-estilo .container.col-md-3 {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
    margin: 0;
    max-width: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
  }

  #seleccionarnv .sin-estilo .unidad-datos .small {
    width: 100%;
  }

  /* FLOATING ACTION BUTTON */
  .btn.floating {
    border-radius: 25px !important;
    padding: 1rem 4rem 1rem 2.5rem;
    right: 16px;
    bottom: 3rem;
    left: auto;
    transition: all 0.2s ease-in-out;
  }

  .btn.floating .fas.fa-truck-moving {
    display: flex;
    position: absolute;
    right: 1rem;
  }

  .btn.floating .fas.fa-long-arrow-alt-right {
    display: none;
  }

  @-webkit-keyframes shake {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    0% {
    }

    10% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    11%,
    13% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }

    12%,
    14% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }

    15% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes shake {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    0% {
    }

    10% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    11%,
    13% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }

    12%,
    14% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }

    15% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .shake {
    -webkit-animation: shake 10s infinite;
    -moz-animation: shake 10s infinite;
    -o-animation: shake 10s infinite;
    animation: shake 10s infinite;
  }

  /* DEMANDA */
  #seleccionarnv.productos-datos.demanda .table tbody td .col-12 .col-12 .col-md-4 {
    margin-bottom: 0;
  }

  #seleccionarnv.metroslineales .numero span {
    margin-top: 0;
  }

  #banner h1 span.fa-stack,
  #banner h1 svg {
    display: block;
    font-size: 1.5rem;
    margin-right: 0.5rem;
    max-width: 60px;
  }

  #banner h1 strong {
    max-width: calc(100% - 60px - 0.5rem);
  }

  .audit-log-interaccion .dataTables_length,
  .audit-log-interaccion div.dataTables_wrapper div.dataTables_paginate {
    width: 50%;
  }

  .audit-log-interaccion div.dataTables_wrapper div.dataTables_length label {
    justify-content: flex-start;
  }

  .audit-log-interaccion div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: flex-end;
  }

  /* PASOS */
  #seleccionarnv.nuevo-reclamo.nr-paso1 h2 + p {
    margin-bottom: 0;
  }

  .nuevo-reclamo.nr-paso1 .formulario {
    align-self: flex-end;
    margin-bottom: 0.35rem;
  }

  .nuevo-reclamo.nr-paso2 .card-body .nr-productos .detalles-select {
    justify-content: flex-start;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nuevo-reclamo.nr-paso2 .card-body .nr-productos .detalles-select .md-form.md-outline {
    justify-content: center;
    margin-top: auto;
    margin-bottom: auto;
  }

  .mensaje-small-icono .fas {
    margin-left: -1rem;
  }

  .nuevo-reclamo.nr-paso3 .formulario {
    margin: 2rem auto 0;
    padding: 0;
  }

  .ticket-informe .formulario {
    padding: 0 15px 2rem 0;
  }

  .nuevo-reclamo.nr-paso3 .formulario .check-botones,
  .ticket-informe .formulario .textarea {
    border-bottom: none;
    margin: 0;
    padding: 0 15px !important;
    position: relative;
  }

  .ticket-informe .formulario .check-botones {
    border-bottom: none;
    margin: 0;
    padding: 0 0 0 15px !important;
    position: relative;
  }

  .nuevo-reclamo.nr-paso3 .formulario .consumidor_final {
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
    position: relative;
  }

  .nuevo-reclamo.nr-paso3 .formulario .consumidor_final:before {
    background: #e0e0e0;
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    right: 15px;
    left: 15px;
  }

  .nuevo-reclamo.nr-paso3 .formulario .consumidor_final:after {
    background: #e0e0e0;
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 15px;
    left: 15px;
  }

  .ticket-informe.informe-gc .formulario .check-botones {
    border-left: none;
    padding-left: 0 !important;
  }

  .nuevo-reclamo.nr-paso3 .formulario .check-botones:nth-child(2) {
    border-left: 1px solid #e0e0e0;
    padding-left: 2rem !important;
  }

  .ticket-informe .formulario .textarea {
    border-bottom: none;
    box-shadow: 1px 0 0 0 #e0e0e0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .ticket-informe.informe-gc .formulario .textarea {
    border-bottom: 1px solid #e0e0e0;
    box-shadow: none;
    margin-bottom: 2rem;
    padding: 0 0 2rem !important;
  }

  .ticket-informe .formulario .textarea textarea {
    height: 12rem;
    min-height: 12rem;
  }

  .ticket-informe .formulario .check-botones {
    border-left: 1px solid #e0e0e0;
    padding-left: 2rem !important;
  }

  .nuevo-reclamo.nr-paso3 .formulario .check-botones .custom-control:last-child {
    margin-bottom: 2rem;
  }

  .ticket-informe .formulario .check-botones strong.col-12.con-hr {
    border-top: 1px solid #e0e0e0;
    margin-top: 1rem;
    margin-right: -2rem;
    margin-left: -2rem;
    padding-top: 1.5rem;
    padding-left: 2rem;
    max-width: calc(100% + 2rem);
    min-width: calc(100% + 2rem);
    width: calc(100% + 2rem);
  }

  .nuevo-reclamo.nr-paso3 .formulario .check-botones .custom-control {
    width: 100%;
  }

  .ticket-informe .formulario .check-botones .custom-control {
    width: calc(50% - 0.5rem);
  }

  .ticket-informe.informe-gc .formulario .check-botones .custom-control {
    width: 100%;
  }

  .nuevo-reclamo.nr-paso3 .formulario .cargar-foto {
    margin-top: 2rem;
    padding: 0 15px;
  }

  .nuevo-reclamo.nr-paso3 #drop-area .fotos-ejemplo .lasimagenes a {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-user {
    padding-top: 1.75rem;
    width: 50px;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-user img {
    margin-right: 0;
    max-width: 40px;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-user h5 {
    margin-top: 0.25rem;
    margin-bottom: 0;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-fecha {
    margin-top: 0;
    text-align: left;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .tenso .chat-user,
  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .jlaboratorio .chat-user,
  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .cliente .chat-body,
  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .operario .chat-body {
    order: 1;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .tenso .chat-body,
  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .jlaboratorio .chat-body,
  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .cliente .chat-user,
  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .operario .chat-user,
  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .jfabrica .chat-user {
    order: 2;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .cliente .chat-user,
  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .tenso .chat-user,
  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .operario .chat-user {
    justify-content: center;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .cliente .chat-fecha,
  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .tenso .chat-fecha,
  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .operario .chat-fecha {
    padding: 0 1rem;
    text-align: left;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body {
    width: calc(100% - 50px - 1rem);
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat #drop-area.chat-enviar.cargar-foto label {
    justify-content: center;
    padding: 2rem 2.2rem;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat #drop-area.chat-enviar.cargar-foto label svg {
    height: 40px !important;
    margin: 0 1rem;
    width: 40px !important;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat #drop-area.chat-enviar.cargar-foto label p {
    justify-content: flex-start;
    width: 196px;
  }

  #drop-area #gallery {
    justify-content: flex-start;
  }

  #drop-area #gallery img {
    margin-right: 30px;
    margin-bottom: 1rem;
    width: 145px;
  }

  #drop-area #gallery img:nth-child(4n) {
    margin-right: 0;
  }

  #drop-area.cargando-foto #gallery img:nth-child(4n) {
    margin-right: 0.5rem;
  }

  #drop-area.cargando-foto #gallery img {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    width: 90px;
  }

  ul.stepper {
    display: flex;
  }

  #seleccionarnv.nr-ticket .sin-estilo .col-md-8 {
    order: 1;
  }

  #seleccionarnv .sin-estilo .col-md-8 {
    max-width: calc(66.666667% - 1rem);
    width: calc(66.666667% - 1rem);
  }

  #seleccionarnv.nr-ticket .sin-estilo .col-md-4 {
    margin-bottom: 0;
    order: 2;
  }

  #fecha-botones .container.sin-estilo .row.col-md-8 {
    max-width: calc(66.666667% - 1rem);
    width: calc(66.666667% - 1rem);
  }

  /* CONFIGURACIÓN TURNOS Y STOCK */
  .configracion-turnos-stock .metroslineales .numero span {
    font-size: 2.5rem;
  }

  #seleccionarnv.metroslineales .numero span:after,
  .configracion-turnos-stock .metroslineales .numero span:after {
    font-size: 1rem;
    right: -1.25rem;
  }

  /* NOTIFICACIONES */

  #seleccionarnv.manuales-acopio .container .render {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
  }

  /* ESTIBADO EN CURSO */
  .contenedor-verde.sin-acopio-en-curso .container h2 {
    margin-bottom: 0;
  }

  .contenedor-verde .form-boton .btn.completar {
    order: 3;
    margin-bottom: 0;
  }

  .contenedor-verde .form-boton .btn.imprimir {
    max-width: 140px;
    order: 2;
  }

  .contenedor-verde .form-boton {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  /* AUDIT */
  .audit-tabla-cuenta {
    padding-right: 15px !important;
  }

  .audit-compensado {
    margin-top: 0;
    padding-left: 15px;
  }
}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
  /* REGISTRARSE */
  .grande .caja {
    width: 750px;
  }

  .login.registrar .caja {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .login.registrar .caja .imagen {
    display: flex;
    flex-direction: column;
    margin-top: -105px;
  }

  .login.registrar .caja .imagen img {
    max-width: 300px;
    width: 100%;
  }

  /* TURNOS - SLOGAN SOLICITAR TURNO */
  .loggeado #modalTerminosTurnos .card .card-body p.card-imagenes img {
    margin: 0 1.5rem 1rem;
    max-width: calc(20% - 1rem);
  }

  #sloganautorizados .btn {
    margin: 0 0 0.5rem;
    width: 100%;
  }

  #seleccionarnv form {
    align-items: flex-start;
    justify-content: space-between;
  }

  .contenedor-verde .form-boton .filtrar {
    margin-left: auto;
  }

  .nvcontenedor {
    max-width: calc(75% - 0.75rem);
  }

  #seleccionarnv .producto-peso-ahora {
    align-items: flex-start;
    width: calc(25% - 0.5rem);
  }

  .fila-de-productos .row.botones {
    justify-content: space-between;
    max-width: calc(75% + 1.1rem);
    width: 100%;
  }

  .fila-de-productos .filtrar {
    order: 2;
  }

  .fila-de-productos .filtrar .btn {
    margin-bottom: 0;
  }

  .fila-de-productos .limpiar {
    order: 1;
  }

  .nr-ticket #fecha-botones .limpiar {
    order: 1;
  }

  .nr-ticket #fecha-botones .filtrar {
    order: 2;
  }
  .btn-block + .btn-block {
    margin-top: 0rem;
  }
  .nr-ticket #fecha-botones .filtrar .btn {
    margin-bottom: 0;
  }

  /* TURNOS - FILTRO */

  .filtro form button.btn {
    margin-bottom: 0;
  }

  /* SOLICITAR TURNO PROVINCIA */
  #seleccionarnv .provincias-grilla .card {
    margin: 0 3rem;
  }

  /* CAMION */
  #seleccionarnv .producto-peso-ahora {
    justify-content: center;
  }

  #seleccionarnv .producto-peso-ahora {
    flex-direction: column;
    font-size: 0.85rem;
  }

  #seleccionarnv .producto-peso-ahora.nomostrar,
  #slogansolicitar .producto-peso-ahora.nomostrar {
    font-size: 0.9rem;
  }

  #seleccionarnv .producto-peso-ahora .peso-datos {
    order: 1;
    width: 100%;
  }

  #seleccionarnv .producto-peso-ahora .peso-imagen {
    margin-top: 0;
    margin-bottom: auto;
    order: 2;
    width: 100%;
  }

  #seleccionarnv .producto-peso-ahora .peso-imagen .progress {
    height: 45px;
    margin-top: -0.8rem;
  }

  #seleccionarnv .producto-peso-ahora .peso-imagen .progress .progress-value {
    font-size: 1rem;
  }

  #seleccionarnv .nvautorizados h3 {
    margin-top: 0;
  }

  #seleccionarnv .nvautorizados.noautorizados:before {
    left: 0;
  }

  #seleccionarnv .producto-peso-ahora.danger .peso-maximo {
    margin-bottom: 0;
  }

  /* FECHAS */
  #seleccionarnv .card-cancelado .franja-nuevo {
    font-size: 0.8rem;
    top: 15px;
    right: -41px;
  }

  /* COMERCIAL SELECCIONAR CLIENTE */
  #comercial-sup.loggeado .filtro .formulario,
  #jefes-sup.loggeado .filtro .formulario,
  #despacho-sup.loggeado .filtro .formulario {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  #comercial-sup.loggeado .buscarcliente .filtro h2 + p,
  #jefes-sup.loggeado .buscarcliente .filtro h2 + p {
    margin-bottom: 0.5rem;
  }

  #comercial-sup.loggeado .buscarcliente .md-form.md-outline,
  #jefes-sup.loggeado .buscarcliente .md-form.md-outline {
    margin-bottom: 0;
  }

  /* STOCK CHART */
  #seleccionarnv .sin-estilo .unidad-datos .small {
    width: auto;
  }

  #seleccionarnv .sin-estilo .container .col-12.porcentaje p {
    font-size: 2.5rem;
    line-height: 6rem;
  }

  /* RECLAMOS */
  .nuevo-reclamo-paso1 .formulario {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }

  /* PASOS */
  .nuevo-reclamo.nr-paso2 .card-body .nr-productos.col-lg-6 {
    max-width: calc(50% - 0.5rem);
  }

  .nuevo-reclamo.nr-paso3 .formulario .check-botones:nth-child(2) {
    padding-left: 3rem !important;
  }

  /* TICKET */
  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-fecha {
    padding: 0 2rem;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message {
    padding: 1.5rem 2rem 0;
  }

  #seleccionarnv.nr-ticket .sin-estilo .container .col-12.chat .chat-list .chat-body .chat-message ul {
    padding: 0;
  }

  #fecha-botones .container.sin-estilo .row.col-md-8 .filtrar {
    order: 2;
  }

  #fecha-botones .container.sin-estilo .row.col-md-8 .filtrar .btn {
    margin-bottom: 0;
  }

  #fecha-botones .container.sin-estilo .row.col-md-8 .limpiar {
    order: 1;
  }

  .border-pa-top {
    border-top: none;
  }

  .border-pa-top:before {
    background: #e0e0e0;
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    left: -45px;
    width: calc(100% + 45px);
  }

  p.informe-evaluacion.col-lg-10 {
    max-width: calc(83.333333% + 30px);
  }

  p.informe-evaluacion.col-lg-11 {
    max-width: calc(91.666667% + 30px);
  }

  /* CONFIGURACIÓN TURNOS Y STOCK */
  #seleccionarnv.metroslineales .numero span,
  .configracion-turnos-stock .metroslineales .numero span {
    font-size: 3rem;
  }

  #seleccionarnv.metroslineales .numero span:after,
  .configracion-turnos-stock .metroslineales .numero span:after {
    font-size: 1.5rem;
    right: -2rem;
  }

  /* LANDING CARDS */
  #seleccionarnv .sin-estilo .mitad.notificacion {
    max-width: calc(33.333% - 1rem);
    width: calc(33.333% - 1rem);
  }
  #notificacion-nft {
    max-width: calc(66.666% - 1rem) !important;
    width: calc(66.666% - 1rem) !important;
    background-image: url("../img/nft/background-header-NFT.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 2rem;
    border-radius: 7px;
  }

  .info-container {
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: 7px;
    overflow: hidden;
    position: relative;
  }

  .info-container p {
    color: #000;
    font-size: 1.25rem;
    font-weight: 500;
  }
  /* PRODUCCION SUGERIDA */
  .contenedor-verde.prod-sugerida .dt-buttons {
    width: calc(35% - 0.5rem);
  }

  .contenedor-verde.prod-sugerida .btn-bancos {
    align-items: flex-start;
    margin-top: 0;
    order: 2;
    width: calc(35% - 0.5rem);
  }

  .contenedor-verde.prod-sugerida .btn-bancos a {
    margin: 0;
  }

  .contenedor-verde.prod-sugerida .dataTables_filter {
    order: 3;
    width: 30%;
  }
}

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
  /* ERROR 404 y 500 */
  .loggeado #errorpage + #colophon {
    padding-left: 0;
  }

  /* NAV BURGER & LOGO */
  .sidenav ul a .far,
  .sidenav ul a .fas,
  .sidenav ul a svg {
    margin-right: 1.5rem;
  }

  .sidenav ul .sub-link-sidebar a {
    padding-left: calc(2.1rem + 40px);
  }

  .navbar .burger {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }

  .navbar .branding {
    padding-left: 1rem;
  }

  .filtro.despacho .limpiar {
    justify-content: flex-end;
  }

  #seleccionarnv.filtro.despacho form {
    align-items: flex-start;
    justify-content: flex-end;
  }

  #seleccionarnv.filtro.despacho.checkin form {
    align-items: flex-start;
    justify-content: flex-start;
  }

  /* HISTORIAL */
  #historial:before {
    top: -200px;
    left: calc(50% - 810px);
  }

  #historial:after {
    right: calc(50% - 780px);
    bottom: -100px;
  }

  .chofer-datos .expandir.fullview,
  .historial-datos .expandir.fullview {
    padding-left: 1rem !important;
  }

  /* CAMION */
  #seleccionarnv .producto-peso-ahora {
    font-size: 0.9rem;
  }

  #seleccionarnv .producto-peso-ahora .peso-imagen .progress {
    height: 60px;
    margin-top: -1rem;
  }

  #seleccionarnv .producto-peso-ahora .peso-imagen .progress .progress-value {
    font-size: 1rem;
  }

  /* PASOS */

  .nuevo-reclamo.nr-paso3 .formulario .check-botones:nth-child(2) {
    padding-left: 4rem !important;
  }

  #drop-area #gallery img {
    width: 180px;
  }

  #drop-area.cargando-foto #gallery {
    justify-content: center;
  }

  /* INFORME TICKET */
  .ticket-informe .formulario .check-botones {
    padding-left: 4rem !important;
  }

  .ticket-informe .formulario .check-botones strong.col-12.con-hr {
    margin-right: -4rem;
    margin-left: -4rem;
    padding-left: 4rem;
    max-width: calc(100% + 4rem);
    min-width: calc(100% + 4rem);
    width: calc(100% + 4rem);
  }

  .ticket-informe.informe-gc .formulario .textarea {
    margin-bottom: 0;
  }

  .ticket-informe.informe-gc .formulario .textarea textarea {
    height: 8rem;
    min-height: 8rem;
  }

  .ticket-informe.informe-gc .formulario .check-botones {
    border-bottom: none;
    margin-bottom: 0 !important;
    padding-top: 2rem !important;
    padding-bottom: 0 !important;
  }

  /* CONFIGURACIÓN TURNOS Y STOCK */
  #seleccionarnv.metroslineales .numero span,
  .configracion-turnos-stock .metroslineales .numero span {
    font-size: 3.5rem;
  }

  #seleccionarnv.metroslineales .numero span:after,
  .configracion-turnos-stock .metroslineales .numero span:after {
    font-size: 1.75rem;
  }

  /* NOTIFICACIONES */
  #seleccionarnv.manuales-acopio .container {
    padding: 4rem 6rem 4rem;
  }
}

@media (min-width: 1350px) {
  /* RAIL NAVIGATION */
  .nav-rail {
    background: #fff;
    border-right: 1px solid #e0e0e0;
    display: flex;
    padding-top: 65px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 72px;
    z-index: 1025;
  }

  #despacho-sup .nav-rail {
    display: none;
  }

  .nav-rail ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .nav-rail ul li {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .nav-rail ul a {
    align-items: center;
    color: #212121;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 72px;
    padding: 1rem 0.5rem;
    text-align: center;
    transition: all 0.2s ease-in-out;
    width: 72px;
  }

  .nav-rail ul li.active a {
    color: #1e88e5;
  }

  .nav-rail ul li:hover a {
    background: rgba(0, 0, 0, 0.1);
    color: #1e88e5;
  }

  .nav-rail ul a span {
    font-size: 0.65rem;
    line-height: 1.4;
    margin-top: 0.5rem;
  }

  .nav-rail ul a span.badge {
    box-shadow:
      0 1px 3px 0 rgba(0, 0, 0, 0.16),
      0 1px 6px 0 rgba(0, 0, 0, 0.12);
    font-size: 0.5rem;
    padding: 0.25rem 2rem;
    position: absolute;
    top: -4px;
    right: -37px;
    transform: rotate(35deg);
    z-index: 1;
    letter-spacing: 0.75px;
  }

  .nav-rail ul a .far,
  .nav-rail ul a .fas,
  .nav-rail ul a svg {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 1.5rem;
    justify-content: center;
    width: 40px;
    z-index: 2;
  }

  .nav-rail .separador-top {
    border-top: 1px solid #e0e0e0;
  }
}

@media (min-height: 800px) {
  /* FLOATING ACTION BUTTON */
  .btn.floating {
    bottom: 10rem;
  }
}

/* Super Extra large devices (large desktops, 1600px and up) */

@media (min-width: 1800px) {
  /* FLOATING ACTION BUTTON */
  .btn.floating {
    right: 4rem;
    bottom: 14rem;
  }
}

@media (max-width: 767px) {
  /* FLOATING ACTION BUTTON */
  .btn.floating {
    bottom: 0rem;
  }
}

/* IMAGEN DEL HOME FULL WIDTH */

.full {
  height: auto;
  margin-top: 65px;
  width: 100%;
}

#section_envio-informe {
  background: #1e88e5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1e88e5 0%, #0d47a1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1e88e5 0%, #0d47a1 100%);
  height: 100vh;
  width: 100vw;
}

.message-container {
  background-color: #ffffff;
  width: 674px;
  height: 489px;
}

.message-container strong {
  font-style: normal;
  color: #1e88e5;
}

.message-container img {
  width: 247px;
  height: 198px;
}

.message-container a {
  background-color: #1d5faf;
  border: #707070 solid 1px;
  border-radius: 0;
  color: #ffffff;
}

.modal {
  height: 100vh;
  width: 100vw;
  background: rgba(255, 255, 255, 0.7);
  display: none;
}

.modal .confirmar_dotacion {
  height: 40vh;
  border: #023e8a 25px solid;
  border-radius: 10px;
  background-color: #ffffff;
  color: black;
  font-style: bold;
}

.confirmacion-button {
  width: 25rem;
  margin-left: 1.8rem;
  margin-top: -10px;
  padding: 7px 0px 9px 0px;
  font-size: 18px;
}

.modal-img {
  width: 12rem;
  margin-left: 8.5rem;
  margin-top: -25px;
  margin-bottom: 21px;
}

.parrafos-modal-confirmacion {
  margin-left: 5.5rem;
  font-weight: bold;
  color: #023e8a;
}

.checkbok-dotacion {
  margin-bottom: -18px;
}

.dotacion {
  margin-left: 3rem;
}

.tabladotacion {
  border: solid #023e8a 1px;
  border-radius: 5px;
  padding: 7px;
  width: 14rem;
  font-size: 20px;
  color: #023e8a;
}

.btn-sugerida {
  margin-bottom: 1rem;
}

.button-filter {
  margin-bottom: -2.5rem;
}
.botones-nave-banco {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .botones-nave-banco {
    display: flex !important;
    flex-direction: column !important;
  }
  .info-problema-step3 {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .listado-errores-ul {
    padding: 0px !important;
    display: flex;
    flex-direction: column;
    column-gap: 1rem;
    width: 100%;
  }
  .title-secciones {
    display: flex;
    flex-direction: column;
  }
  .alerta-confirmacion {
    display: flex;
    flex-direction: column !important;
  }
  .message-container h4,
  p {
    text-align: center;
    margin: 2rem 0rem 1rem 0rem !important;
  }
  .boton-aceptar {
    justify-content: center !important;
    margin-bottom: 2rem;
  }
  #seleccionarnv.nr-ticket .sin-estilo h2 {
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
  .informe-descripcion {
    max-width: 100%;
  }
  .contenedorObservacion {
    max-width: 100%;
  }
  .metrosLineales {
    flex-direction: column;
    column-gap: 1rem !important;
  }
  #scrap-operario div.input-group-prepend,
  .form-scrap div.input-group-prepend {
    margin-left: -1rem;
  }
  .listProducto {
    margin-left: -1.6rem;
  }
  .bottones-problema {
    display: flex;
    flex-direction: column !important;
    width: 100%;
    justify-content: center;
  }
  .button1 {
    width: 100% !important;
  }
  .button2 {
    width: 96%;
  }
  .inputs-perdida {
    display: flex;
    flex-direction: column;
  }
  .alert-button-informe {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 1rem;
  }
}
@media (max-width: 994px) {
  .botones-nave-banco {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    margin-top: 1rem;
  }
  .search-nave-banco {
    margin-top: 1rem !important;
  }
}
.error-message {
  color: red;
}

.listaProductos {
  overflow-y: hidden;
  height: 19rem;
}
.listaProductos:hover {
  overflow-y: scroll;
  border: 1px solid #868e96;
}

.bg-secondary {
  background-color: #666 !important;
}

.pictureRemito {
  max-width: 100%;
}
.pictureRemito ul {
  list-style-type: none;
  padding: 0rem 1rem;
}

#btn_completar_estibado {
  color: white !important;
}

tr.highest {
  background-color: #FEA1A1;
}

tr.medium {
  background-color: #FEEE91;
}