/*  BASE COLOR FOR PROJECTS */
/* @color-texto: #4a4a4a; */
/*  CHANGE COLORS TO THIS FILE AND LINK UNDER CSS OF DATABIS */
/* ELEMENTS FOR VUE */
/* Prevent vue keys from showing when loading elements */
[v-cloak] {
  display: none;
}
/* TYPOGRAPHY FOR THE PROJECT */
body,
table,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: 'Noto Sans', sans-serif !important;
  font-weight: 400;
}
strong {
  font-weight: bold;
}
table,
p,
ul,
ol {
  color: #454545;
  font-weight: 400;
}
.table {
  font-size: 0.8em;
  position: relative;
  padding: 0.5rem;
}
.table td,
.table th {
  padding: 0.5rem;
}
body {
  margin-bottom: 0;
}
.app-container {
  width: 100%;
  min-height: 100vh;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #F0F0F0;
}
.estilo-btn {
  font-family: 'Noto Sans', sans-serif !important;
  font-weight: bold !important;
  letter-spacing: normal !important;
  border-radius: 0;
  padding: 6px 26px !important;
}
a {
  color: #004983;
}
.estilo-btn-tabla {
  font-family: 'Noto Sans', sans-serif !important;
}
header {
  height: 65px;
}
header .navbar-databis div {
  justify-content: start !important;
}
/* Container application */
.app-content {
  padding: 20px 0;
  padding-bottom: 20px;
}
.overflow-tabla {
  background-color: white;
  padding: 25px 25px;
}
.overflow-tabla input[type="radio"],
.overflow-tabla input[type="checkbox"] {
  margin-top: 4px;
}
.app-content .overflow-tabla {
  height: calc(100vh - 200px);
}
.app-content .overflow-tabla.easy-orders-adjustment {
  height: calc(100vh - 260px);
  margin-top: -5px;
}
.app-content .overflow-tabla.internal_table_tab {
  height: auto;
  padding: 0;
}
.app-content .overflow-tabla.no-padding-top {
  padding-top: 0;
}
.app-content .overflow-tabla.no-padding-bottom {
  padding-bottom: 0;
}
.app-content .overflow-tabla.height-auto {
  height: auto;
}
.overflow-long-table {
  overflow-y: auto;
}
.overflow-long-table.customers-table {
  margin-top: 20px;
  height: calc(100vh - 225px);
}
/* End container application */
/* DEFINE COLOR AND STATUS OF THE ACCEPT BUTTON */
.color-btn-confirmar {
  background-color: #a8c855 !important;
}
.color-btn-confirmar:hover {
  background-color: #7c9b2f;
}
.color-btn-confirmar:active {
  background-color: #a8c855;
}
.color-btn-confirmar:visited {
  background-color: #a8c855;
}
.color-btn-confirmar:focus {
  background-color: #a8c855;
}
.color-btn-ok {
  background-color: #4A90E2 !important;
  color: white;
}
.color-btn-ok:hover {
  background-color: #4180c7 !important;
  color: white;
}
.color-btn-ok:active {
  background-color: #4A90E2;
  color: white;
}
.color-btn-ok:visited {
  background-color: #4A90E2;
  color: white;
}
.color-btn-ok:focus {
  background-color: #4A90E2;
  color: white;
}
.color-btn-tabla-editar {
  background-color: #a8c855;
}
.color-btn-tabla-editar:hover {
  background-color: #7c9b2f;
}
.color-btn-tabla-editar:active {
  background-color: #a8c855;
}
.color-btn-tabla-editar:visited {
  background-color: #a8c855;
}
.color-btn-tabla-editar:focus {
  background-color: #a8c855;
}
/* WE DEFINE A FINE LINE FOR TITLES */
.linea {
  border-bottom: solid 2px #a8c855;
}
/* INICIAR NAVBAR CORPORATIVA */
nav.navbar.navbar-databis {
  padding-right: 0 !important;
}
nav.navbar.navbar-databis .navbar-nav {
  flex-direction: row;
  margin: 7.5px 0;
}
nav.navbar-databis ul.navbar-nav li {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
nav.navbar-databis ul.navbar-nav > li > a {
  padding-right: 5px !important;
  padding-left: 5px !important;
  margin-right: 5px;
  margin-left: 5px !important;
}
nav.navbar ul.nav li {
  padding-left: 15px;
  padding-right: 15px;
  /* margin-top: 10px !important; */
  margin-top: 0 !important;
}
nav ul#login li.navbar-login {
  margin-top: 0 !important;
  padding-right: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #004983 !important;
  color: white !important;
}
/*
nav.nav-customer ul.nav li {
    margin-top: 10px !important;
    //   color: @color-azul-trigo
}
*/
nav.navbar-databis.admin {
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.navbar-databis.admin .logo,
.navbar-databis .logo {
  margin-top: 15px;
  margin-bottom: 16px;
  height: 40px;
}
.navbar-nav.navbar-right.menu-perfil-nav-responsive {
  display: flex;
}
nav.navbar-databis .navbar.collaborative-menu .dropdown-item {
  padding: 0.5rem 1.5rem;
}
nav.navbar-databis .navbar.collaborative-menu .dropdown-menu {
  left: 10px;
  margin-top: 5px;
}
nav.navbar-databis .navbar.collaborative-menu .dropdown-item:focus,
nav.navbar-databis .navbar.collaborative-menu .dropdown-item:hover {
  background-color: #004983 !important;
  color: white !important;
}
nav.navbar-databis .dropdown-menu {
  padding: 0;
}
/* WE MODIFY THE GENERAL STATES OF THE NAVBAR LINKS */
nav.navbar-databis ul.navbar-nav a:hover,
nav.navbar-databis ul.navbar-nav a:visited,
nav.navbar-databis ul.navbar-nav a:focus,
nav.navbar-databis ul.navbar-nav a:active {
  background: transparent;
}
nav.navbar-databis.admin ul.navbar-nav a:hover {
  color: #003f7a;
}
nav.navbar-databis.admin ul.navbar-nav > li > a {
  color: #004983;
  text-decoration: none;
  font-weight: 400;
}
nav.navbar-databis.admin ul.navbar-nav > li.dropdown > ul.dropdown-menu > li > a:hover {
  color: white !important;
}
.circle-user-navbar-admin {
  color: #ffffff;
  background-color: #004983;
}
nav.navbar-databis ul.navbar .estilo-dropdown-perfil {
  font-size: 1em !important;
}
nav.navbar-databis ul.navbar .estilo-dropdown-perfil .navbar-login {
  padding-right: 0;
}
nav.navbar-databis ul.navbar .estilo-dropdown-perfil a {
  text-decoration: none;
  font-size: 1em !important;
  padding-right: 12px;
  display: block;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0;
}
nav.navbar-databis ul.navbar .estilo-dropdown-perfil a.cerrar-sesion {
  color: #c9282d;
  padding-right: 0;
}
nav.navbar-databis ul.navbar .estilo-dropdown-perfil a i {
  padding-right: 10px;
}
.dropdown-menu {
  font-size: inherit !important;
  color: #555;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
/* FIN NAVBAR CORPORATIVA */
/* DEFINE THE STYLE FOR THE ACTIVE MENU */
.navbar-databis {
  margin-bottom: 0;
}
nav.navbar-databis ul.navbar-nav .active-menu a {
  color: #a8c855;
  border-color: #a8c855;
}
/* WE DEFINE THE STYLE FOR THE ACTIVE MENU WITH DROPDOWN */
a.active-menu-drop {
  color: #a8c855 !important;
  border-color: #a8c855;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  border-color: #a8c855 !important;
}
/* WE MODIFY THE STYLES OF THE DROPDOWN LINKS */
nav.navbar-databis ul.estilo-dropdown > li > a:hover {
  background: #a8c855;
}
/* WE MODIFY THE STYLES OF THE PROFILE DROPDOWN LINKS */
nav.navbar-databis ul.navbar-nav .estilo-dropdown-perfil a {
  color: #004983;
}
nav.navbar-databis ul.navbar-nav .estilo-dropdown-perfil a:hover {
  color: #004983;
}
nav.navbar-databis ul.estilo-dropdown-perfil {
  left: auto;
  right: 0;
  margin: 10px 0;
  padding: 0.5rem 0;
}
/* WE ADJUST THE COLLAPSE BUTTON IN THE NAVBAR */
.icon-bar {
  border: solid 1px #a8c855;
}
/* WE MODIFY THE APPEARANCE OF THE MODALS */
/* Veil of manners */
/*
.modal-backdrop {
    z-index: 3000;
}

.modal {
    z-index: 3500;
}
*/
.modal-header-cliente {
  background-color: #a8c855;
}
.close-white-cliente {
  background-color: #a8c855;
}
.close-transparent {
  background-color: transparent !important;
}
/* MODAL TERMS AND CONDITIONS OF USE */
#ModalTermsConditions {
  color: #454545;
  padding: 20px !important;
  z-index: 1100;
}
#ModalTermsConditions .modal-header {
  display: block;
}
#ModalTermsConditions .modal-lg {
  width: 90%;
  max-width: 90%;
}
#ModalTermsConditions .modal-content {
  height: calc(100vh - 100px);
}
#ModalTermsConditions .modal-header,
#ModalTermsConditions .modal-body,
#ModalTermsConditions .modal-footer {
  padding: 30px;
}
#ModalTermsConditions .modal-header {
  padding-top: 50px;
  border-bottom: 10px solid #454545;
}
#ModalTermsConditions .modal-header i {
  font-size: 70px;
  float: left;
}
#ModalTermsConditions .modal-header h1 {
  margin-left: 90px;
  font-size: 30px;
  font-weight: bold;
}
#ModalTermsConditions .modal-header p {
  margin-left: 90px;
  color: #808080;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
}
#ModalTermsConditions .modal-body {
  height: calc(100% - 330px);
  overflow: auto;
  padding-top: 0;
  margin-top: 40px;
  margin-bottom: 20px;
}
#ModalTermsConditions .modal-body h2 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
}
#ModalTermsConditions .modal-body h3 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
}
#ModalTermsConditions .modal-body p {
  font-size: 16px;
  line-height: 1.5;
}
#ModalTermsConditions .modal-footer {
  border: none;
}
#ModalTermsConditions .modal-footer button {
  font-size: 16px;
  letter-spacing: 1px;
  padding: 10px 50px !important;
}
#ModalImport .modal-body,
#ModalAnuncio .modal-body,
#ModalPreviewAnuncio .modal-body,
#ModalNotificaciones .modal-body {
  overflow: auto;
  max-height: calc(100vh - 190px);
}
/* WE DEFINE THE ADD BUTTON IN THE LISTS */
.boton-mas {
  background-color: #a8c855;
}
.boton-mas:hover {
  background-color: #7c9b2f;
}
/* DEFINE COLORS FOR PAGINATION */
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #a8c855 !important;
  border-color: #a8c855 !important;
}
/* WE MODIFY THE CHECKBOXES IN FORMS */
input[type="checkbox"]:checked {
  background: #a8c855;
  margin-bottom: 2px;
}
.check-out-v2 input[type="checkbox"]:checked {
  margin: 0;
}
/* WE MODIFY THE RADII IN FORMS */
input[type="radio"]:checked {
  background: #a8c855;
  margin-bottom: 2px;
}
.radio-out-v2 input[type="radio"]:checked {
  margin: 0;
}
/* WE DEFINE STYLES TO ADD THE SIDEBAR */
#sidebar ul li:hover a {
  border-left: 4px solid #a8c855;
}
/* DEFINE STYLE FOR THE ACTIVE SIDEBAR OPTION */
.sidebar-active {
  color: #a8c855 !important;
  border-left: 4px solid #a8c855 !important;
  padding-left: 6px !important;
}
.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}
/* S I D E B A R   */
#sidebar {
  position: relative;
  min-width: 250px;
  max-width: 250px;
  min-height: 100vh;
  background: #004982;
  color: #fff;
  transition: all 0.3s;
  margin-left: 0;
}
.app-container .navbar-expand-lg > .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
}
.sidebar-logo {
  /*
    position: absolute;
    top: 13px;
    left: 75px;
    */
  margin-top: -7px;
  margin-left: 55px;
}
.sidebar-logo,
.sidebar-logo-collapsed {
  height: 40px;
}
.sidebar-logo-collapsed {
  display: none;
}
/*#sidebar.active{
    text-align: center;
    //  position: relative;
    position: absolute;
    min-height: 100vh;
}*/
#sidebar.active .sidebar-logo-collapsed {
  display: block;
  width: 20px;
  margin-left: 10px;
  margin-top: 13px;
}
#sidebar.active .sidebar-logo {
  display: none;
}
#sidebar .sidebar-header {
  padding: 20px;
  background: #004982;
  height: 90px;
}
#sidebar.active .sidebar-header {
  padding: 12px;
}
#sidebar ul.components {
  padding: 20px 0;
}
#sidebar ul p {
  color: #fff;
  padding: 10px;
}
#sidebar ul li a {
  padding: 10px;
  /*  font-size: 1.1em; */
  display: block;
}
#sidebar ul li a:hover {
  color: #a8c855;
  background: #004982;
  padding-left: 6px;
}
#sidebar.active ul li a:hover {
  padding-left: 6px;
}
#sidebar ul li > a {
  color: white;
}
#sidebar ul li > a > i {
  margin-left: 10px;
  margin-right: 20px;
  width: 20px;
  font-size: 18px;
}
#sidebar ul li > a:hover {
  text-decoration: none;
}
#sidebar ul li.active > a,
a[aria-expanded="true"] {
  color: #004983;
}
ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  /*  background: @color-sidebar; */
}
#sidebar.active {
  min-width: 65px;
  max-width: 65px;
  text-align: center;
}
#sidebar .sidebar-header strong,
#sidebar.active .sidebar-header h3,
#sidebar.active ul li a span {
  display: none;
}
#sidebar.active .sidebar-header strong {
  display: block;
}
#sidebar ul li a {
  text-align: left;
}
#sidebar.active ul li a {
  padding: 10px;
  text-align: left;
}
#sidebar.active ul li a i {
  margin-right: 0;
  margin-left: 10px;
}
#sidebar.active ul ul a {
  padding: 10px !important;
}
#sidebar.active .dropdown-toggle::after {
  top: auto;
  bottom: 10px;
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
#sidebar .fa-clipboard-list {
  font-size: 22px;
  margin-left: 11.5px;
}
/*
.app-container nav.navbar {
    padding: 0;
    height: 60px;
    line-height: 60px;
}
*/
#sidebarCollapse {
  position: absolute;
  top: 17px;
  left: 15px;
  z-index: 1010;
  width: 35px;
  height: 35px;
  border-radius: 0;
  padding: 0;
  font-size: 21px;
  background-color: #a8c855;
  border: none;
}
.menu_usuario {
  position: absolute;
  right: 10px;
  top: 10px;
  justify-content: right;
  float: none !important;
  align-items: center;
}
.menu_usuario li .ico-help,
.menu_usuario li .fa-graduation-cap {
  overflow: initial;
  margin-top: 0;
  line-height: initial;
  width: auto;
  height: auto;
}
#sidebarCollapse:focus {
  box-shadow: none;
}
/*   E N D   S I D E B A R   */
/* CORPORATE COLOR TEXT */
.color-texto-corporativo,
.fila-proveedor-defecto {
  color: #a8c855 !important;
}
/* TWO INLINE FORM CONTROLS */
.inline-control {
  width: 49%;
}
.inline-control + .inline-control {
  float: right;
}
.inline-control input {
  width: 100% !important;
}
.inline-control select {
  width: 100% !important;
}
/* SLIDER CHECKBOX */
.switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 40px;
  height: 25px;
}
.switch input {
  display: none;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
input:checked + .slider {
  background-color: #a8c855;
}
input:focus + .slider {
  box-shadow: 0 0 1px #a8c855;
}
input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
/* DEACTIVATE PESTANYAS */
.tab-disabled {
  color: lightgray !important;
  cursor: not-allowed;
}
/* DEFINE THE ORIENTATION OF THE DROPDOWN FOR THE ACTIONS BUTTON */
.acciones {
  left: -75px !important;
}
/* WE DEFINE CLASSES FOR PADDINGS */
.padding-top-grande {
  padding-top: 35px !important;
}
.padding-bottom-grande {
  padding-bottom: 35px !important;
}
.padding-puntero-mano-grande {
  padding-left: 35px !important;
}
.padding-right-grande {
  padding-right: 35px !important;
}
/* DO NOT ALLOW SELECTION OF AN ELEMENT */
.no-seleccion {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -khtml-user-select: none !important;
  -ms-user-select: none !important;
}
/******************************************
    ADD STYLING TO CSS DATABIS
*******************************************/
/* Fix background color progress-bars.less */
.progress {
  background-color: transparent;
}
.subir-imagen {
  width: auto !important;
}
.puntero-mano:hover {
  cursor: pointer;
}
.estilo-close {
  cursor: pointer;
}
.texto-corto-total-bread,
.texto-corto-total {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.texto-corto-total-bread {
  max-width: calc(100% - 400px);
}
.btn-guardar {
  background-color: transparent;
  width: 40px;
  height: 40px;
  font-size: 1em;
  color: #a8c855;
  border-radius: 40px;
  border: 1px solid transparent;
}
.btn-guardar:hover {
  border: 1px solid #7c9b2f;
  color: #7c9b2f;
}
.btn-eliminar {
  width: 40px;
  height: 40px;
  font-size: 1em;
  border-radius: 40px;
  border: 1px solid transparent;
  background-color: transparent;
}
.btn-eliminar:hover {
  border: 1px solid #a94442;
}
a.btn-eliminar span {
  padding-top: 4px;
}
/*  SE QUITA RECUADRO ENLACES ACTIVOS */
a:active,
a:active * {
  outline: none !important;
  -moz-outline-style: none !important;
}
a:focus,
a:focus * {
  outline: none !important;
  -moz-outline-style: none !important;
}
/* WE DEFINE CLASSES FOR PRELOAD LOADING */
.precarga {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 5;
  text-align: center;
}
.sk-cube-grid {
  width: 15px;
  height: 15px;
  margin: 0 auto;
}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #a8c855;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube-white {
  width: 33%;
  height: 33%;
  background-color: white;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
.precarga-btn {
  background-color: transparent;
  right: 10px;
  left: auto;
  width: auto;
}
.precarga-btn .sk-cube-grid {
  width: 20px;
  height: 20px;
  margin-top: 13px;
}
.precarga-btn .sk-cube-grid .sk-cube {
  background-color: #004982;
}
/* DEFINE BUTTON TO GENERATE AND PRINT REPORTS */
.boton-circle-informe {
  text-align: center;
  width: 35px;
  height: 35px;
  border-radius: 100px;
  font-size: 15px;
  border: 1px solid #c2c2c2;
  padding-top: 5px;
  display: block;
  background-color: #e2dfdf;
  margin-left: 10px;
}
.btn-trigo {
  background-color: #004983;
  border: 1px solid #004983;
  color: #ffffff;
  /* For wheat project only */
}
.btn-trigo:hover {
  color: #f5f5f5;
}
/* BUTTON STYLES FOR DOWNLOADING AND PRINTING REPORTS */
.btn-imprimir {
  background-color: #2a77a2;
  border: 1px solid #2a77a2;
  color: #ffffff;
  /* For wheat project only */
}
/* Only for Trigo project */
.btn-imprimir:hover {
  color: #f5f5f5;
}
.btn-pdf {
  background-color: #c32626;
  border: 1px solid #c32626;
  color: #ffffff;
  outline: none;
}
.btn-xls {
  background-color: #3c7f20;
  border: 1px solid #3c7f20;
  color: #ffffff;
  outline: none;
}
.btn-csv {
  background-color: #833c1a;
  border: 1px solid #833c1a;
  color: #ffffff;
  outline: none;
}
.btn-grafico {
  background-color: #ae6a00;
  border: 1px solid #9d6101;
  color: #ffffff;
  outline: none;
}
/* Only for Trigo project */
.btn-imprimir:hover,
.btn-grafico:hover,
.btn-xls:hover,
.btn-csv:hover,
.btn-pdf:hover {
  color: #f5f5f5;
}
/* Only for Trigo project */
.btn-imprimir:link,
.btn-grafico:link,
.btn-xls:link,
.btn-csv:link,
.btn-pdf:link {
  color: #ffffff;
}
/* Only for Trigo project */
.btn-imprimir:visited,
.btn-imprimir:focus,
.btn-imprimir:active,
.btn-grafico:active,
.btn-xls:active,
.btn-csv:active,
.btn-pdf:active {
  color: #ffffff;
}
.color-disabled {
  color: #bbb;
}
/* ********************************************************
    END CSS DATABIS STYLES
******************************************************* */
/* ADJUST PROBLEMS WITH THE NAVBAR */
button.navbar-toggle {
  padding-top: 10px !important;
  padding-right: 10px !important;
  margin: 10px !important;
}
button.navbar-toggle.collapsed {
  padding-top: 10px !important;
  padding-right: 10px !important;
  margin: 15px 10px 10px 10px !important;
}
a.normal-menu-drop {
  padding-bottom: 20px !important;
}
/*  TAMAÑO LOGO NAVBAR */
.navbar img {
  margin-left: -10px;
  height: 40px;
}
.no-mostrar {
  display: none;
}
/* FIX FOR IMAGE SELECTION BUG IN FIREFOX */
@-moz-document url-prefix() {
  .btn-cerrar,
  .descargar-foto {
    left: 15px;
  }
}
/* HIDE INPUT TYPE ARROWS NUMBER */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
/* IMPORT BUTTON */
.btn-importar {
  color: #ffffff;
  background-color: #004983;
}
.btn-importar:hover {
  color: #ffffff;
  background-color: #003f7a;
}
/* PAGE POINTER */
.pagination > li > a:hover {
  cursor: pointer;
}
.mensaje-error {
  color: #8e1c1f !important;
}
#form_login .mensaje-error {
  margin-top: -25px;
  margin-bottom: 30px;
  text-align: left;
}
.color-eliminar {
  color: #c9282d !important;
}
/* SEARCH WITHOUT ROUNDING AND FIXED SIZE */
.search-databis {
  width: 200px !important;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 0.9em !important;
  border-color: #cccccc;
  padding-top: 4px;
  padding-bottom: 4px;
}
.search-databis:focus {
  border-color: #cccccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background-color: white !important;
}
/* BUTTONS OF THE LISTS */
.btn-lista {
  height: 35px;
}
.separador-btn-lista {
  display: block;
  float: left;
  border-left: 1px solid #cccccc;
  height: 25px;
  padding-right: 15px;
  margin-top: 2px;
}
.separador-filtros {
  margin-top: 2px;
}
.estilo-btn-lista {
  margin-top: -1px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  border-radius: 50%;
  background-color: #e5e5e5;
  font-size: 0.85em;
  position: relative;
  color: #5f5f5f;
  width: 32px;
  height: 32px;
  padding-top: 7px;
  display: inline-block;
  padding-left: 10px;
}
.estilo-btn-lista:hover {
  color: #5f5f5f;
  background-color: #c0c0c0;
}
.estilo-btn-lista:active {
  color: #5f5f5f;
}
.estilo-btn-lista:visited {
  color: #5f5f5f;
}
.estilo-btn-lista:focus {
  color: #5f5f5f;
}
.color-btn-eliminar {
  background-color: #c9282d !important;
  color: #ffffff !important;
}
.color-btn-eliminar:hover {
  background-color: #8e1c1f !important;
  color: #ffffff !important;
}
.color-btn-eliminar:active {
  background-color: #c9282d !important;
  color: #ffffff !important;
}
.color-btn-eliminar:visited {
  background-color: #c9282d !important;
  color: #ffffff !important;
}
.color-btn-eliminar:focus {
  background-color: #c9282d !important;
  color: #ffffff !important;
}
.color-btn-historico {
  background-color: #000000 !important;
  color: #ffffff !important;
}
/* TABLAS BORDER TOP */
.table > thead:first-child > tr:first-child > th {
  border-top: none;
}
/* TITLE LISTS */
.titulo-lista {
  font-size: 24px;
}
/* TITLE LISTS */
.subtitulo-lista {
  font-size: 20px;
  color: #7e7e7e;
  opacity: 0.8;
}
/* DROP-DOWN TABLE */
.tabla-items-hijos > tbody > tr > td {
  border: none;
}
/* HIGH MODAL TYPE */
.modal-header-alta {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  color: #ffffff;
  background-color: #a8c855;
}
.close-white-alta {
  float: right;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  background-color: #a8c855;
}
.color-btn-cancel {
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.color-btn-cancel:hover {
  color: #333333;
  background-color: #cccccc;
}
.color-btn-cancel:active {
  color: #333333;
  background-color: #ffffff;
}
.color-btn-cancel:visited {
  color: #333333;
  background-color: #ffffff;
}
.color-btn-cancel:focus {
  color: #333333;
  background-color: #ffffff;
}
.opcion-tipo-alta {
  height: 150px;
  width: 150px;
  border: solid 1px #e5e5e5;
  text-align: center;
  position: relative;
  display: inline-block;
}
.opcion-tipo-alta > a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #333333;
  padding-top: 30px;
  text-decoration: none;
}
.opcion-tipo-alta > a > span {
  color: #a8c855;
  font-size: 48px;
}
.opcion-tipo-alta :hover {
  color: white;
  background-color: #a8c855;
}
.opcion-tipo-alta :hover span {
  color: white;
}
.titulo-edicion {
  font-size: 24px;
}
.subtitulo-edicion {
  font-size: 20px;
}
.color-btn-add {
  float: right;
  margin-top: -6px;
  background-color: #a8c855;
  color: white;
}
.color-btn-add:hover {
  color: white;
  background-color: #7c9b2f;
}
.color-btn-add:active {
  color: white;
}
.color-btn-add:visited {
  color: white;
}
.form-control,
.btn-login {
  border-radius: 0 !important;
}
.textarea-modal {
  width: 90%;
  margin: auto;
  height: 100px !important;
  resize: none;
}
.modal-content,
.modal-header-danger,
.modal-header-success,
.modal-header-warning {
  border-radius: 0 !important;
}
.table-desplegable > thead > tr > th {
  border-bottom: none !important;
}
.table-desplegable > tbody > tr > td {
  color: #7e7e7e;
  height: 30px !important;
}
.color-confirmar {
  color: #a8c855;
}
.resaltar {
  font-weight: bold;
  font-size: 13px;
}
.elemento-lista {
  background-color: #e2e2e2;
  border-radius: 11px;
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  /* width: 85%; */
  width: 100%;
  margin-bottom: 10px;
}
.texto-elemento-lista {
  margin-left: 8px;
  font-size: 12px;
}
/* PREPARATION OF THE RADIO BUTTONS SO THAT THE BOLD LABELS DO NOT APPEAR */
.radio-out + label,
.radio-out-v2 + label {
  cursor: pointer;
  font-weight: 400 !important;
}
.error-ya-existe {
  color: #c9282d;
  display: none;
  font-size: 12px;
}
/* ROW FORMAT WHEN HOVERING OVER */
.fila:hover {
  cursor: pointer;
}
/* COLOR SORTING COLUMN */
.color-col-ordenacion {
  color: #003f7a;
}
.tamaño-porcentaje-30 {
  width: 30%;
  height: 40px;
}
.tamaño-porcentaje-35 {
  width: 35%;
  height: 40px;
}
.minimo-tamaño-columna-150 {
  min-width: 150px;
}
.contenedor-busqueda {
  height: 34px;
  margin-bottom: 16px;
}
.texto-corto-grande {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* FIXED THE CLEAR SEARCH BUTTON IN SEARCH INPUT */
.btn-link {
  padding-top: 0 !important;
  outline: 0 !important;
}
/* ADD MARGIN LEFT IN THE LIST HEADER ICON */
th .fas {
  margin-left: 2px !important;
}
.tabla-defectos > thead > tr > th {
  border-bottom: none !important;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 2px;
}
.tabla-defectos > tbody > tr > td {
  border-top: none !important;
  padding-left: 2px;
}
.sin-estilo,
.sin-estilo:hover,
.sin-estilo:visited,
.sin-estilo:active,
.sin-estilo:focus {
  color: inherit;
  text-decoration: inherit;
}
.estilo-enlace {
  color: #4A90E2;
}
.texto-negrita {
  font-weight: bold;
}
.bloquear-boton {
  pointer-events: none;
}
.negrita {
  font-weight: bold;
}
.subtitulo,
.titulo-grafico {
  margin-bottom: 0 !important;
}
.titulo-grafico {
  font-weight: bold;
  font-size: 16px;
}
.subtitulo {
  color: #7e7e7e;
  font-size: 12px;
}
.color-btn-filtro-activo {
  color: #ffffff;
  background-color: #004983;
}
.color-btn-filtro-activo:hover {
  color: #ffffff;
  background-color: #003f7a;
}
.color-btn-filtro-activo:active {
  color: #ffffff;
  background-color: #004983;
}
.color-btn-filtro-activo:visited {
  color: #ffffff;
  background-color: #004983;
}
.color-btn-filtro-activo:focus {
  color: #ffffff;
  background-color: #004983;
}
.color-btn-filtro {
  border: 1px solid #cccccc;
  color: #000000;
  background-color: #ffffff;
}
.color-btn-filtro:hover {
  background-color: #eeeeee;
}
.color-btn-filtro:active {
  background-color: #ffffff;
}
.color-btn-filtro:visited {
  background-color: #ffffff;
}
.color-btn-filtro:focus {
  background-color: #ffffff;
}
.fuera_hover {
  background-color: white !important;
}
.borde_clear {
  clear: both;
  border-top: 1px solid #eee;
}
.enlace_tabla {
  background-color: #efeeee;
  padding: 5px 10px;
  border-radius: 20px;
  text-decoration: none !important;
  color: grey;
}
.enlace_tabla:hover {
  color: black;
}
.quitar_row {
  padding-left: 0 !important;
}
.quitar_row_resumen {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.error-mail {
  color: #c9282d;
}
.error-mail > span {
  color: black;
}
.botones-imprimir > a {
  display: inline-block;
}
.no-datos > div.borde_clear {
  border-top: none;
}
.table.tabla-defectos > thead:first-child > tr:first-child > th {
  border-top: none;
}
.filtros-bastidores {
  display: flex;
}
.filtro-bastidores {
  margin-left: 5px;
  height: 30px;
}
.filtro-bastidores.filtro-fecha {
  width: 190px;
}
.label-historico {
  white-space: nowrap;
  margin-top: 4px;
}
.desplegable-estado {
  width: 200px !important;
  border: 1px solid #cccccc !important;
}
.fuera-border-top {
  border-top: none !important;
}
/*************************************
STYLE FOR PRELOADING
**************************************/
#pre-load-web {
  width: 100%;
  height: 100%;
  background-color: #080808;
  opacity: 0.6;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2000;
  display: none;
}
/* here we center the image if I put margin left -30 it is because the image measures 60 */
#pre-load-image {
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: 130px;
  z-index: 3000;
  display: none;
}
#pre-load-texto {
  position: absolute;
  left: 50%;
  width: 400px;
  text-align: center;
  margin-left: -200px;
  top: 100px;
  z-index: 3000;
  color: #fff;
  display: none;
}
.desplegable-referencias li.disabled {
  display: none;
}
.tarea-enviada {
  color: #4A90E2;
}
.tarea-recibida {
  color: #9013FE;
}
.text-success {
  color: #6ca754;
}
.text-warning {
  color: #f0ad4e;
}
/* FILE IMPORT */
.btn-subir-archivo {
  color: #ffffff;
  background-color: #a8c855;
  font-family: 'Noto Sans', sans-serif !important;
  letter-spacing: normal !important;
  border-radius: 0;
  padding: 6px 26px !important;
}
.btn-subir-archivo:hover {
  color: #ffffff;
  background-color: #7c9b2f;
}
.modal-header-success,
.close-white-success {
  background-color: #a8c855;
}
/* ASKS */
.form-tarea .bootstrap-filestyle {
  margin-top: 15px;
  margin-bottom: 12px;
}
.form-tarea .bootstrap-filestyle .form-control {
  background-color: #ffffff;
}
.tamaño-porcentaje-40 {
  width: 40%;
  height: 40px;
}
.icono-accion {
  color: #888;
}
/*************************************
    STYLES FOR PAGE ERRORS
**************************************/
.error h1 {
  color: #004983;
}
.error h2,
.error h3,
.error p {
  color: #7e7e7e;
}
.error p.ico {
  color: #004983;
  font-size: 6em;
}
.fila-desactivado {
  color: #aaaaaa;
}
.fila-error {
  color: #c9282d;
}
input[type="radio"].check-select {
  border-radius: 0;
}
.top-derecho {
  position: absolute;
  top: 0;
  right: 0;
}
.range_inputs > .btn-success {
  color: #ffffff;
  background-color: #a8c855;
  border-color: #a8c855;
}
.range_inputs > .btn-success:hover {
  color: #ffffff;
  background-color: #7c9b2f;
}
.logo-imprimir {
  display: none;
}
.chart-legend li span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.chart-legend ul {
  list-style: none;
}
.imprimir {
  display: none;
}
.btn-importar-imagen {
  color: #ffffff;
  background-color: #c0c0c0;
  font-family: 'Noto Sans', sans-serif !important;
  letter-spacing: normal !important;
  border-radius: 0;
  padding: 6px 26px !important;
}
.btn-importar-imagen:hover {
  color: #ffffff;
  background-color: #7e7e7e;
}
.input-crear-accion {
  width: 90%;
  margin: auto;
}
.imagen-accion {
  max-width: 100%;
}
.relative {
  position: relative;
}
.btn-eliminar-foto {
  position: absolute;
  right: 30px;
  top: 50px;
  color: #c9282d;
}
.btn-eliminar-foto:hover {
  color: #8e1c1f !important;
}
.btn-eliminar-foto:active,
.btn-eliminar-foto:visited,
.btn-eliminar-foto:focus {
  color: #c9282d;
}
.nueva_pagina {
  page-break-after: always;
}
.sin-margen {
  margin: 0 !important;
}
.color-title {
  color: #888888;
}
/*  MENU  */
.menu {
  margin: 0 auto auto auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  width: 100%;
}
.menu-one-item {
  grid-template-columns: 33%;
  justify-content: center;
}
.opcion-menu {
  height: 320px;
  width: 100%;
  border: solid 1px #e5e5e5;
  overflow: hidden;
}
.opcion-menu > a {
  padding-top: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #c0c0c0;
  text-decoration: none;
}
.opcion-menu > a div.opt-menu-title {
  height: auto;
  width: 100%;
  align-self: center;
}
.opcion-menu > a div.opt-menu-title > p {
  font-size: 20px;
  color: #004983 !important;
  text-align: center;
  margin: auto;
}
.opcion-menu > a div.opt-menu-title > p i {
  font-size: 100px;
}
.opcion-menu > a > div.opt-menu-header {
  height: 180px;
  display: flex;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.opcion-menu > a > div.opt-menu-header > img {
  max-width: 85px;
  max-height: 85px;
}
.opcion-menu > a > div.opt-menu-description {
  font-size: 13px;
  text-align: left;
  border-top: 1px solid #e5e5e5;
  padding: 20px;
  background-color: white;
  height: 50%;
}
.opcion-menu > a > div.opt-menu-description .menu-title {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.25em;
  color: #454545;
}
.opcion-menu > a > div.opt-menu-description .menu-description {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 0.813em;
  line-height: 1.7em;
  color: #454545;
}
.opcion-menu :hover .opt-menu-description {
  background-color: #a8c855;
  color: white !important;
}
.opcion-menu:hover {
  background-color: #004983;
  border: solid 1px #e5e5e5 !important;
}
.opcion-menu:hover > a div.opt-menu-title > p {
  color: #ffffff !important;
}
.opcion-menu-grande {
  height: 380px;
  width: 31.6%;
}
.opcion-menu-grande > a > div.opt-menu-header {
  height: 230px;
}
.config-zones {
  font-size: 24px;
  color: #004983 !important;
}
.config-zones :hover {
  color: #004983 !important;
}
#PanelZone .panel-default {
  border-radius: 0;
}
#PanelZone .list-group-item {
  background-color: transparent;
  height: 80px;
}
#PanelZone .list-group-item .panel-title {
  line-height: 60px;
}
#PanelZone .list-group-item .zone-dropdown {
  display: inline-block;
  width: 40px;
}
#PanelZone .list-group-item img {
  max-width: 50px;
  max-height: 50px;
}
#PanelZone .list-group-item span {
  margin-left: 10px;
  font-size: 20px;
  color: #888888;
}
#PanelZone .panel-body {
  padding: 0;
}
#PanelZone .panel-body .subzone:last-child {
  border-bottom: 1px solid #cccccc;
}
.subzone {
  /*
    height: 50px;
    line-height: 50px;
    */
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}
.subzone img {
  max-width: 25px;
  max-height: 25px;
}
.subzone span {
  margin-left: 30px;
  font-size: 16px;
  color: #888888;
}
.subzone:last-child {
  border-bottom: none;
}
.panel-group .panel + .panel {
  margin-top: 0;
  border-top: none;
}
.title {
  font-size: 26px;
}
/*   Breadcrumbs   */
.breadcrumbs-container {
  height: 50px;
  background-color: white;
  margin-left: -20px;
  margin-right: -20px;
}
ol.breadcrumb {
  padding: 10px 35px;
  border-radius: 0;
  background-color: transparent;
}
ol.breadcrumb .breadcrumb-item {
  font-size: 20px;
  color: #004982;
}
ol.breadcrumb .breadcrumb-item a:hover {
  text-decoration: none;
  border-bottom: 1px solid #004982;
}
ol.breadcrumb .breadcrumb-item a {
  color: #004982;
}
ol.breadcrumb .breadcrumb-item.last-item:not(:first-child) {
  opacity: 50%;
}
/*   End breadcrumbs   */
.zone-image-box {
  display: inline-block;
  width: 40px;
  margin-right: 10px;
  color: #888888;
}
.zone-image-box img {
  max-width: 100%;
  max-height: 30px;
}
.subzone-image-box {
  display: inline-block;
  width: 25px;
  margin-left: 130px;
  color: #888888;
}
/* SET HIGH LABELS WITH TEXTAREAS */
.editar > label.label-textarea {
  height: 100% !important;
}
.span_suplent_text {
  position: absolute;
  top: 4px;
  right: 30px;
  color: #666;
}
.textarea-noresize {
  resize: none;
}
.btn-file-records:hover {
  color: white;
}
.btn-file-records {
  position: absolute;
  bottom: -21px;
  font-size: 12px;
  padding: 0;
  border-radius: 0;
  width: 100%;
  background-color: #004982;
  color: white;
}
.btn-file {
  border-radius: 0;
  padding: 6px 20px;
  font-size: 14px;
  font-weight: 400 !important;
}
.file_label {
  color: #888888;
}
.btn-save {
  padding: 12px 46px !important;
  font-size: 14px;
  font-weight: 400 !important;
}
.color-btn-editar-zona {
  color: #4A90E2;
  background-color: transparent;
}
.color-btn-eliminar-zona {
  color: #c9282d;
  background-color: transparent;
}
.btn-zona {
  padding: 4px 8px !important;
  font-size: 0.85rem;
  font-weight: 400 !important;
}
.info-title {
  margin-top: 26px;
  font-weight: bold;
  margin-bottom: 7px;
}
.zone-per-user {
  height: 75px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.zone-per-user .fas,
.zone-per-user .far,
.zone-per-user .fa {
  font-size: 24px;
}
.subzone-per-user {
  height: 55px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 100px;
}
.zone-per-user label,
.subzone-per-user label {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.zone-per-user > .check-out,
.subzone-per-user > .check-out,
.zone-per-user > .check-out-v2,
.subzone-per-user > .check-out-v2 {
  margin-right: 25px;
  transform: translateY(-50%);
  top: 50%;
  position: relative;
}
.main-zone-title {
  font-size: 20px;
  color: #888888;
  font-weight: 400;
}
.subzone-title {
  font-size: 16px;
  color: #888888;
  font-weight: 400;
}
.subzone-per-user-image-box {
  display: inline-block;
  width: 25px;
  margin-right: 20px;
}
.subzone-per-user-image-box img {
  max-width: 100%;
  max-height: 30px;
}
.subzone-per-user-image-box .fas,
.subzone-per-user-image-box .far,
.subzone-per-user-image-box .fa {
  font-size: 16px;
  color: #888888;
}
.disabled-zone span {
  color: #aaaaaa !important;
}
.disabled-zone img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.no-edit-zone input[type="checkbox"]:checked,
.no-edit-zone-parent input[type="checkbox"]:checked {
  background-color: #d3d3d3 !important;
}
.no-edit-zone .check-out,
.no-edit-zone-parent .check-out,
.no-edit-zone label,
.no-edit-zone-parent label,
.no-edit-zone .check-out-v2,
.no-edit-zone-parent .check-out-v2 {
  pointer-events: none;
}
.no-edit-zone-parent span {
  color: #888888 !important;
}
.no-edit-zone span {
  color: #d3d3d3 !important;
}
.daterange {
  height: 30px;
}
.tamaño-icono-upload {
  font-size: 1.15em;
  padding-top: 8px;
}
/* START CONFIGURATION STEPS EDIT DOCUMENT */
.container-pasos {
  width: 100%;
  height: 70px;
}
.upload-document {
  height: 35px;
  border-bottom: 1px solid #B8B8B8;
}
.circulo-pasos {
  position: absolute;
  vertical-align: middle;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background-color: transparent;
  border: 1px solid #B8B8B8;
  text-align: center;
  top: 0;
}
.circulo-pasos p {
  padding-top: 20px;
  font-size: 1.5em;
}
.paso-upload-document {
  float: left;
  position: relative;
  height: 35px;
  width: 25%;
}
.paso-upload-document.activado .circulo-pasos {
  background-color: #a8c855;
  font-weight: bold;
}
.paso-upload-document.activado .circulo-pasos i {
  color: #FFFFFF;
}
.paso-upload-document.desactivado .circulo-pasos {
  background-color: #E0E0E0;
  font-weight: bold;
}
.paso-upload-document.desactivado .circulo-pasos i {
  color: #B8B8B8;
}
.paso-upload-document.activado {
  border-bottom: 1px solid #707070;
}
.paso-upload-document.desactivado {
  border-bottom: 1px solid #B8B8B8;
}
.apartados-upload-document .help-block {
  font-size: 1em;
}
.nombre-paso {
  padding: 12px 0 0 84px;
  font-size: 1em;
}
.paso-upload-document.activado .nombre-paso {
  color: #4A4A4A;
}
.paso-upload-document.desactivado .nombre-paso {
  color: #B8B8B8;
}
.apartados-upload-document a:hover {
  text-decoration: none;
}
.borrar-item:hover {
  color: #c9282d;
}
/* END CONFIGURATION STEPS EDIT DOCUMENT */
.bootstrap-select .dropdown-toggle .filter-option {
  padding-left: 10px;
  padding-right: 20px;
}
.btn-next-step {
  padding: 12px 0 !important;
  font-size: 15px;
  font-weight: 400 !important;
  width: 250px;
  margin-top: 18px;
  /* margin-bottom: 30px; */
}
.btn-next-step span.text-left {
  float: left;
  margin-left: 15px;
  width: 75%;
}
.btn-next-step i.fa-angle-right {
  float: right;
  margin-right: 15px;
  margin-top: 2px;
}
.btn-next-step i.fa-angle-left {
  float: left;
  margin-left: 15px;
  margin-top: 2px;
}
.color-btn-enlace,
.color-btn-enlace:focus,
.color-btn-enlace:active,
.color-btn-enlace:visited {
  color: #4A90E2 !important;
  background-color: #ffffff !important;
}
.color-btn-enlace:hover {
  color: #4180c7 !important;
  background-color: #ffffff !important;
}
.drop-file {
  width: 100%;
  height: 252px;
  padding: 15px;
  background-color: #e3e3e3;
  border: 1px solid #bbbbbb;
  position: relative;
}
.drop-file p {
  text-align: center;
  margin-top: 8px;
  font-size: 20px;
  color: #888;
}
.btn-circle-drop-file {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: #bbbbbb;
  color: #fff;
  font-size: 36px;
  border: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-44%);
}
.btn-circle-drop-file i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.gray-check-label {
  color: #888;
  margin-left: 10px;
  font-weight: 400;
}
.drop-area {
  height: 100%;
  width: 100%;
  border: 2px solid #e3e3e3;
}
.dropping .drop-area {
  border: 2px dashed gray;
}
.dropping .btn-circle-drop-file {
  background-color: #a8c855;
}
.drop-area > p:not(.dropped-filename) {
  pointer-events: none;
}
.drop-abs-label {
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.dropped-filename {
  top: 180px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drop-file-error {
  top: 144px;
  position: relative;
  font-size: 18px !important;
}
.btn-add-recipient {
  font-size: 21px;
  margin-left: 8px;
  float: right;
}
.recipient-card-heading {
  background-color: #f8f5f5 !important;
  padding: 15px 20px 15px 20px;
}
.recipient-card-heading .recipient-input input {
  background-color: transparent;
  margin-top: 3px;
}
.recipient-card-heading .recipient-input label input:focus + span {
  top: -20px !important;
}
.recipient-card-heading .recipient-input span:not(.bs-caret):not(.caret) {
  opacity: 1;
  top: -20px !important;
  font-weight: 400;
}
.recipient-card-heading .recipient-input label {
  margin-bottom: -15px;
}
.recipient-card-heading .recipient-input .selectize-control {
  margin-top: 5px;
}
.recipient-card-heading .recipient-input .selectize-control .selectize-input {
  background-color: transparent;
}
.copy_email_selectize > .selectize-input.items > .item {
  font-size: 12px;
  max-width: 31%;
  padding-right: 20px !important;
  vertical-align: text-bottom;
  margin-bottom: 0;
}
.copy_email_selectize > .selectize-input.items > .item a {
  position: absolute;
  top: 0px;
  right: 0px;
}
.recipient-card.panel.panel-default .recipient-input .selectize-input .item {
  font-size: 12px;
  width: 35%;
}
.recipient-card.panel.panel-default .recipient-input .selectize-input .item a {
  position: absolute;
  top: -5px;
  right: -3px;
}
.accordion_recipient .recipient-card .collapse {
  margin: 0;
}
.accordion_recipient .recipient-card .collapse.show {
  margin-bottom: 30px;
}
.email-preview {
  background-color: white;
}
.recipient-card-body {
  background-color: #f8f5f5 !important;
  padding: 15px 20px 5px 20px;
  border-top-width: 2px;
}
.btn-toggle-recipient-card {
  position: absolute;
  top: 0;
  right: 16px;
}
.btn-delete-recipient-card {
  position: absolute;
  top: 30px;
  right: 15px;
}
.btn-toggle-recipient-card.collapsed {
  padding-top: 0 !important;
}
.recipient-card,
.fuera-radius {
  border-radius: 0 !important;
}
.alert {
  text-align: left;
}
.alert ul {
  list-style-type: none !important;
  padding: 0 !important;
}
.table > tbody > tr > td {
  position: relative;
}
.table-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.copy_email_selectize > .selectize-input.items > .item {
  font-size: 12px;
  max-width: 150px;
  padding-right: 20px !important;
  vertical-align: text-bottom;
  margin-bottom: 0;
}
.copy_email_selectize > .selectize-input.items > .item a {
  position: absolute;
  top: 0px;
  right: 0px;
}
.copy_email_selectize.selectize-control.multi .selectize-input::after {
  border-style: none;
}
/*  START CONFIGURATION LOGIN */
.background-body-login {
  background-image: url('../img/welcome_image.png');
  background-color: #024883;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 100%;
}
.background-body-login a {
  text-decoration: underline;
}
.box-login {
  max-width: 550px;
}
.content-login {
  background-color: rgba(255, 255, 255, 0.92);
  padding: 50px;
}
.content-login h3 {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
}
.content-login input {
  background-color: transparent;
}
/* END CONFIGURATION LOGIN */
.editar label input.readonly-input {
  background-color: transparent;
  border-bottom: none !important;
  color: #888888;
}
input.readonly-input {
  background-color: transparent !important;
  border: none !important;
  color: #888888;
  padding-left: 0;
}
input.readonly-input:focus {
  box-shadow: none;
}
.selectize-input {
  /*  border: none !important; */
  /*  border-bottom: 1px solid #ccc !important; */
  border: 1px solid #cccccc !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  /*  padding-left: 1px !important; */
}
/* START CONFIGURATION OBJECTS STATES DOCUMENTS */
.square-status-default {
  content: "";
  border: 1px solid;
  width: 11px;
  height: 11px;
  border-radius: 2px;
  display: inline-block;
}
.square-status-medium-size {
  width: 14px;
  height: 14px;
}
.square-status-big-size {
  width: 18px;
  height: 18px;
}
.square-status-send {
  background-color: #4a4a4a;
  border-color: #4a4a4a;
}
.square-status-progress {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.square-status-rejected {
  background-color: #c9282d;
  border-color: #c9282d;
}
.square-status-signed {
  background-color: #417505;
  border-color: #417505;
}
.square-status-open {
  background-color: #2600a8;
  border-color: #2600a8;
}
.square-status-downloaded {
  background-color: #2600a8;
  border-color: #2600a8;
}
.square-status-not-sent {
  background-color: #4a4a4a;
  border-color: #4a4a4a;
}
.label-status-send {
  color: #4a4a4a;
}
.label-status-progress {
  color: #f0ad4e;
}
.label-status-rejected {
  color: #c9282d;
}
.label-status-signed {
  color: #417505;
}
.label-status-open {
  color: #2600a8;
}
.label-status-downloaded {
  color: #2600a8;
}
.label-status-not-sent {
  color: #4a4a4a;
}
.send-document-default td:last-child {
  color: #4a4a4a;
}
.send-document-default td:last-child::before {
  content: "";
  border: 1px solid;
  width: 11px;
  height: 11px;
  border-radius: 2px;
  display: inline-block;
  background-color: #4a4a4a;
  border-color: #4a4a4a;
}
.rejected-document-default td:last-child {
  color: #c9282d;
}
.rejected-document-default td:last-child::before {
  content: "";
  border: 1px solid;
  width: 11px;
  height: 11px;
  border-radius: 2px;
  display: inline-block;
  background-color: #c9282d;
  border-color: #c9282d;
}
.signed-document-default td:last-child {
  color: #417505;
}
.signed-document-default td:last-child::before {
  content: "";
  border: 1px solid;
  width: 11px;
  height: 11px;
  border-radius: 2px;
  display: inline-block;
  background-color: #417505;
  border-color: #417505;
}
.progress-document-default td:last-child {
  color: #f0ad4e;
}
.progress-document-default td:last-child::before {
  content: "";
  border: 1px solid;
  width: 11px;
  height: 11px;
  border-radius: 2px;
  display: inline-block;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.format-file-no-mission-number {
  background-color: #f2dede;
  color: #a94442;
}
.format-file-no-mission-number td:nth-child(3)::after {
  content: "!";
  padding-left: 5px;
  font-weight: bold;
}
/* END CONFIGURATION OBJECTS STATES DOCUMENTS */
.editar.fix-height-label {
  margin-bottom: 0;
}
.editar.fix-height-label > label {
  margin-top: 15px;
  margin-bottom: 0;
}
.editar.fix-height-label > label > input {
  padding-top: 27px !important;
  padding-bottom: 16px !important;
}
.recipient-input.select-forms {
  margin-top: 0;
}
.recipient-input.select-forms > label {
  opacity: 1;
  font-weight: 400;
}
.recipient-input .dropdown {
  background-color: transparent;
  box-shadow: none;
  margin-top: 8px;
}
.recipient-input .dropdown button {
  background-color: transparent;
  border: none !important;
  border-bottom: 1px solid #cccccc !important;
}
.recipient-input .dropdown button:hover,
.recipient-input .dropdown button:active,
.recipient-input .dropdown .filter-option:hover,
.recipient-input .dropdown .filter-option:active {
  background-color: transparent !important;
}
.signator-pill,
.dropdown-signators,
.dropdown-signators > ul.dropdown-menu > li,
.drop-signator {
  width: 100%;
  height: 46px;
  border: 1px solid black;
  background-color: #aaaaaa;
  color: #ffffff;
  text-align: center;
  line-height: 44px;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  min-width: 200px;
}
.signator-pill:hover,
.dropdown-signators:hover,
.dropdown-signators > ul.dropdown-menu > li:hover,
.drop-signator:hover {
  background-color: #e0e0e0;
}
.signator-pill span,
.dropdown-signators span,
.dropdown-signators > ul.dropdown-menu > li span,
.drop-signator span {
  display: block;
  width: 95%;
  padding-left: 8px;
  padding-right: 8px;
}
.signator-pill.has-signed,
.dropdown-signators.has-signed {
  background-color: #c5c5c5;
  color: black;
  opacity: 0.4;
  cursor: not-allowed;
}
.dropdown-signators {
  background-color: #e0e0e0;
  z-index: 1;
}
.dropdown-signators > button,
.dropdown-signators > button:hover,
.dropdown-signators > button:focus {
  border: none !important;
  background-color: transparent !important;
  width: 100%;
  height: 100%;
  padding: 0;
  color: #333333 !important;
}
.dropdown-signators > ul.dropdown-menu {
  width: 100%;
  background-color: white;
  border: none;
  box-shadow: none;
}
.dropdown-signators > ul.dropdown-menu > li {
  margin-bottom: 10px;
}
.signator-order {
  font-size: 16px;
  font-weight: bold;
  line-height: 46px;
  text-align: center;
  width: 60px;
  position: relative;
}
.drop-signator {
  border: 1px dashed #aaaaaa;
  color: #aaaaaa;
  background-color: white;
}
.dropdown-signators {
  box-shadow: 0 0 0 0 #000000;
  transform: scale(1);
}
.dropdown-animation {
  animation: pulse-drop 1s infinite;
}
@keyframes pulse-drop {
  0% {
    transform: scale(0.97);
    box-shadow: 0 0 0 0 rgba(168, 200, 85, 0.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(168, 200, 85, 0.5);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(168, 200, 85, 0.1);
  }
}
.row-highlight {
  color: #a8c855;
}
.row-highlight:before {
  content: ' ';
  position: absolute;
  top: 11px;
  left: -2px;
  border: 12px solid #a8c855;
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.signators-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 20px;
  width: calc(100% - 90px);
}
.ocultar-important {
  display: none !important;
}
/* Vista files */
.filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 0;
}
.right-filters {
  order: 2;
  width: auto;
}
.right-filters .select-forms {
  display: inline-flex;
  width: 100%;
}
.div-btn-lista {
  flex: 1 1 auto;
}
.files-filters {
  display: flex;
  width: 46%;
}
.files-filters .select-forms {
  display: inline-flex;
  width: 100%;
}
.files-filters .other-filters-files,
.files-filters .status-file-select,
.files-filters .section-filters-files,
.files-filters .other-filters-category,
.files-filters .site-filters-files {
  margin-right: 10px;
}
.files-filters .daterange {
  width: 40%;
  height: 30px !important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: #004983;
}
/* END Vista files */
input[type="number"].fix-type-number {
  height: auto;
  padding: 11px 0 !important;
}
/* LIST OF DOCUMENTS + FILTERS */
.pending-documents-notice.pdn-customer {
  margin-top: -10px;
  margin-bottom: 10px;
}
.pending-documents-notice i,
.pending-documents-notice span {
  cursor: pointer;
}
.pending-documents-notice i {
  font-size: 22px;
}
.pending-documents-notice span {
  vertical-align: text-bottom;
}
/*
.pending-documents-notice {
    position: relative;
    padding-bottom: 35px;
}
*/
.pending-documents-notice-customer button {
  background-color: #ffb449;
  color: #004983 !important;
}
.pending-documents-notice-customer button:hover {
  color: #004983 !important;
}
.btn-circle-excel-customer {
  text-align: center;
  border: 0;
  width: 43px;
  height: 32px;
  border-radius: 100px;
  font-size: 15px;
  display: block;
}
#excelButtonClaims {
  border: none;
}
/* END DOCUMENTS LIST + FILTERS */
.btn-pending-documents {
  background-color: #004983;
  color: #ffffff;
  border-radius: 0;
  margin-top: -5px;
  margin-bottom: 10px;
  box-shadow: none !important;
  /*
    position: absolute;
    left: 0;
    */
}
.btn-pending-documents:hover,
.btn-pending-documents:active,
.btn-pending-documents:focus {
  box-shadow: none !important;
  color: #ffffff;
}
.option-disabled {
  cursor: not-allowed;
}
.color-btn-archivar {
  color: #ffffff !important;
  background-color: #333333;
}
.color-btn-archivar i {
  font-size: 14px;
  margin-left: -2px;
  margin-top: 1px;
}
.color-btn-archivar:hover,
.color-btn-archivar:focus {
  color: #ffffff !important;
  background-color: #000000;
}
.modal-header-archivar,
.modal-header-cliente {
  border-radius: 0 !important;
}
/* SHOW DOCUMENTS */
.square-align {
  vertical-align: top;
  margin-top: 3px;
}
.top-show-document button {
  padding-left: 0;
}
.top-show-document button.navbar-toggler {
  height: 50px;
  margin-top: 0;
  padding-top: 0;
}
.top-show-document button.navbar-toggler .fas {
  text-align: left;
  width: 20px;
}
.top-show-document .document-information-show-document {
  border: 1px solid #7e7e7e;
  background-color: #F5F5F5;
  padding: 18px;
  font-size: 16px;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.top-show-document .document-information-show-document .title-information {
  margin-right: 10px;
}
.top-show-document .document-information-show-document .info-text {
  font-weight: bold;
}
.top-show-document .document-information-show-document .separador-border-info-document {
  border-right: 2px solid #B2B2B2;
  min-height: 17px;
  max-height: 24px;
  padding-right: 20px;
  margin-top: 2px;
  padding-left: 12px;
}
.body-show-document {
  height: calc(100% - 210px);
}
.body-show-document .info-traceability {
  padding-left: 0 !important;
}
.body-show-document .info-traceability h3 {
  color: #7e7e7e;
  font-weight: bold;
}
.body-show-document .info-traceability .show-documents-icons i {
  font-size: 40px;
  color: #e0e0e0;
  margin-bottom: 5px;
}
.body-show-document .info-traceability .show-documents-icons p {
  color: #aaaaaa;
}
.body-show-document .info-traceability .show-documents-icons div:not(:last-child):not(.tooltip)::after {
  content: "";
  position: absolute;
  left: 78%;
  width: 40%;
  top: 20px;
  border-top: 2px dotted #c0c0c0;
}
.body-show-document .info-traceability .rejected-document i {
  color: #c9282d !important;
}
.body-show-document .info-traceability .rejected-document p {
  color: black !important;
}
.body-show-document .info-traceability .traceability-list a {
  font-size: 16px;
  color: #2a77a2;
}
.body-show-document .info-traceability .traceability-list ul {
  list-style: none;
  color: #7e7e7e;
}
.body-show-document .info-traceability .space-icons {
  width: 24%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.body-show-document .document-pdf {
  height: 57vh;
}
.body-show-document .traceability-performed i {
  color: #417505 !important;
}
.body-show-document .traceability-performed p {
  color: black !important;
}
.body-show-document .dotted-line {
  content: "";
  position: absolute;
  left: 78%;
  width: 40%;
  top: 20px;
  border-top: 2px dotted #c0c0c0;
}
/* END SHOW DOCUMENTS */
tr:not(.archived) td.show-archived em {
  display: none;
}
/* START PDF CONTAINER */
.porta-pdf {
  height: 500px;
  border: 1px solid #cccccc;
  padding: 0;
  overflow-y: scroll;
}
.porta-pdf object {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
canvas.rect_canvas {
  position: absolute;
  left: 0;
  top: 0;
}
/* END PDF CONTAINER */
.subtitle {
  color: #4a4a4a;
  font-size: 15px;
  font-weight: bold;
}
.signatories-title span:first-child {
  font-size: 20px;
  font-weight: bold;
}
.signatories-title span:not(:first-child) {
  color: #a8c855;
  margin-top: 3px;
}
.signatories-title span:not(:first-child) i {
  margin-left: 8px;
  margin-right: 14px;
  font-size: 20px;
  transform: translateY(2px);
}
.color-fondo-azul {
  background-color: #4A90E2 !important;
}
.panel-signator {
  border: none;
}
.panel-signator .card-header {
  background-color: transparent;
}
.panel-signator .card-header button {
  width: 100%;
}
.panel-signator .title-signator {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.panel-signator .title-signator a {
  font-size: 18px;
  color: #2a77a2;
}
.panel-signator .title-signator a i.fas {
  width: 20px;
  height: 20px;
  top: 4px;
}
.panel-signator .title-signator .square-align {
  margin-top: 9px;
}
.enlace-descarga-documento {
  display: inline-block;
  text-decoration: none !important;
}
.precarga-transparente {
  text-align: center;
  position: relative;
}
.precarga-transparente .precarga {
  background-color: transparent;
}
.precarga-transparente .msg-loading {
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 100px;
  transform: translateX(-50%);
  font-size: 16px;
  font-weight: bold;
}
.show-document-tabs,
.show-document-tabs > .tab-pane {
  height: 100%;
}
.download-links {
  padding: 20px;
  border: 1px solid #cccccc;
}
.download-links p:not(:last-child) {
  margin-bottom: 20px;
}
.download-links p:last-child {
  margin-bottom: 0;
}
/*
.nav.nav-tabs > li.active a.fix-border-bottom {
    border-bottom: none;
    padding-left: 20px;
}
*/
.nav.nav-tabs > li a.nav-link {
  border-bottom: 1px solid #dee2e6;
}
.nav.nav-tabs > li a.nav-link:hover {
  border-color: transparent;
  border-bottom: 1px solid black;
}
.nav.nav-tabs > li a.nav-link.active {
  border-color: transparent;
  border-bottom: solid 1px black;
}
.input-edit-ajax {
  width: auto;
  display: inline-block;
  background-color: white !important;
  /*border: none;
    border-bottom: 1px solid black;
    box-shadow: none;*/
}
.input-edit-ajax:focus {
  box-shadow: none;
}
.selectize-control.input-edit-ajax {
  border-bottom: none;
  width: calc(100% - 50px);
  /*      width: 200px; */
  /*      top: 5px; */
}
.selectize-control.input-edit-ajax > .selectize-input {
  background-color: white;
  /*  padding: 0; */
  padding: 5px;
  min-height: 0;
}
.selectize-control.input-edit-ajax > .selectize-input.input-active {
  background-color: white !important;
}
.comment-file {
  display: inline-block;
  vertical-align: bottom;
}
.observations {
  font-size: 0.9em;
  font-style: italic;
  line-height: 150%;
}
.show-more-button {
  text-decoration: none;
  padding: 1px;
  font-size: 12px !important;
  vertical-align: text-bottom;
}
.show-more-button:active {
  text-decoration: none;
}
.show-more-button:hover {
  text-decoration: none;
  border-bottom: 1px solid #1b5474;
}
.show-more-button:link {
  text-decoration: none;
}
.show-more-button:visited {
  text-decoration: none;
}
/* Logout */
nav.navbar-databis.admin ul.navbar-nav > li.dropdown > ul.dropdown-menu > li > .cerrar-sesion:hover {
  color: #c9282d !important;
}
/* Navbar */
nav.navbar-databis ul.estilo-dropdown > li > a:hover {
  background-color: #004983;
}
/* files filters */
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  background-color: transparent !important;
  border: 0;
}
.search-databis,
.daterange {
  /*
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: transparent;
    */
  box-shadow: none !important;
}
.search-input {
  position: relative;
}
.search-input .search-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: default;
  color: #808080;
}
.search-input input {
  padding-left: 37px;
}
.search-input .loading-search {
  position: absolute;
  top: 0;
  right: 30px;
  left: unset;
  width: 20px;
  height: 20px;
  transform: translate(-50%, 40%);
}
#PanelSignators .collapsed {
  padding-top: 0.75rem;
}
.reorder-button {
  color: #4A90E2 !important;
  margin-top: 5px !important;
  height: 22.5px;
}
.reorder-button > i {
  background-color: #4A90E2;
  color: #ffffff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px !important;
  padding-left: 3.6px !important;
  margin-right: 25px !important;
  transform: translateY(0px) !important;
}
.color-btn-verde {
  color: #a8c855 !important;
}
.color-btn-verde:hover {
  color: #7c9b2f !important;
}
.email-preview {
  margin-top: 20px;
  border: 1px solid #bbbbbb;
}
.email-preview .email-header {
  background-color: #a8c855;
  padding: 15px;
  margin-bottom: 15px;
}
.email-preview .email-header .email-title,
.email-preview .email-header .email-subtitle {
  margin: 0;
}
.email-preview .email-header .email-title {
  color: white;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 12px;
}
.email-preview .email-header .email-subtitle {
  color: white;
  font-size: 20px;
}
.email-preview .email-body {
  margin-left: 15px;
  color: #666;
  font-size: 0.85em;
}
.email-preview .email-body .trigo-group {
  color: #004983;
}
.email-preview .email-body button {
  padding: 8px !important;
  font-weight: 400 !important;
  font-size: 12px;
  margin-bottom: 8px;
  background-color: #004983 !important;
  border-color: #004983 !important;
  cursor: default;
}
.email-preview .email-body button:focus {
  outline: none;
  box-shadow: none;
}
.report-frame {
  width: 100%;
  height: calc(100vh - 140px);
}
.fix-selectize-height {
  height: 21px;
}
.fix-selectize-height .selectize-dropdown,
.fix-selectize-height .selectize-input,
.fix-selectize-height .selectize-input input {
  line-height: 16px !important;
}
.fix-selectize-height.selectize-control.input-edit-ajax > .selectize-input.input-active {
  height: auto !important;
}
.modal-content {
  border: none;
}
.pending-documents {
  font-size: 24px;
  color: #004983 !important;
}
.pending-documents:hover {
  color: #004983 !important;
}
.no-pending-documents {
  font-size: 24px;
  color: #004983 !important;
  pointer-events: none;
  cursor: default;
}
.ajuste-tamaño {
  font-family: 'Noto Sans', sans-serif !important;
  font-weight: 600;
}
.quantity-documents {
  position: absolute;
  /*
    right: 12px;
    top: 8px;
    */
  right: 5px;
  top: -5px;
  display: block;
  width: 20px;
  height: 20px;
  padding-top: 6px;
  border-radius: 50px;
  background-color: #a8c855;
  color: #fff;
  font-size: 0.8em;
  line-height: 8px;
  text-align: center;
}
.lang-label {
  color: #888888;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.lang-label + small {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.translation-link {
  padding-top: 0;
  padding-bottom: 0;
}
.translation-link a {
  text-decoration: none !important;
  color: #7e7e7e;
}
.translation-link a h4 {
  font-size: 12px;
  padding-top: 15px;
  padding-bottom: 5px;
}
.translation-panel .panel + .panel {
  margin-top: 5px;
  border-top: 1px solid #ddd;
}
.translation-panel .card {
  margin-bottom: 5px;
}
table.table tbody {
  position: relative;
}
.row-precarga,
.row-precarga > td {
  position: absolute !important;
  width: 100%;
  height: 100%;
}
.delete-all {
  text-align: right;
  display: block;
}
.delete-all:hover {
  text-decoration: none;
}
#lista-grupos,
#lista-paises {
  max-height: calc(50vh - 270px);
  overflow-y: auto;
}
.color-btn-warning,
.color-btn-warning:active,
.color-btn-warning:focus,
.color-btn-warning:visited {
  color: #ffffff;
  background-color: #f0ad4e;
}
.color-btn-warning:hover {
  color: #ffffff;
  background-color: #ab7a34;
}
.enlace-firma {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
}
.btn-cancel-signature > i {
  font-size: 14px;
  margin-left: -2px;
  margin-top: 1px;
}
.btn-lista a.estilo-btn-lista > span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.btn-lista a.estilo-btn-lista > span > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-35%) translateY(-55%);
}
.btn-lista a.estilo-btn-lista > span > i.fa-trash {
  transform: translateX(-50%) translateY(-45%);
}
.loading-img {
  width: 40px;
  display: inline-block;
  transform: translateY(5px);
}
.overflow-visible {
  overflow: visible;
}
.hide-reports-column tr > th:nth-child(6),
.hide-reports-column tr > td:nth-child(6) {
  display: none;
}
.hide-reports-column tr > td:nth-child(2) {
  width: 40% !important;
}
.btn-update {
  border-radius: 50%;
  color: white;
  background-color: #c9282d;
  display: inline-block;
  padding: 9px 9px 10px 10px;
  font-size: 14px;
}
.btn-update-document ul {
  left: auto !important;
  right: 0 !important;
}
.btn-update-document ul .dropdown-item:focus,
.btn-update-document ul .dropdown-item:hover {
  background-color: #004983;
  color: white;
}
.drop-file-modal {
  height: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.drop-file-modal > .drop-area {
  position: relative;
}
.drop-file-modal p {
  text-align: left;
  font-size: 15px;
}
.drop-file-modal .btn-circle-drop-file {
  height: 50px;
  width: 50px;
  font-size: 22px;
  left: unset;
  right: 0;
  transform: translateY(-50%);
  margin-bottom: 0;
}
.drop-file-modal .drop-file-error {
  top: 25px;
  font-size: 14px !important;
}
.drop-file-modal .dropped-filename {
  top: -8px;
}
.br-customer-info {
  display: none;
}
.overflow-tabla {
  clear: both;
}
.precarga-tabla {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.mensaje-ayuda {
  font-size: 12px;
  color: #888888;
}
.loading-recipients {
  position: absolute;
  top: 57px;
  right: 45px;
  z-index: 2;
}
.modal-show {
  height: 550px;
  text-align: center;
  background-color: #333;
}
.btn-preview {
  color: #a8c855;
  font-size: 20px;
}
/* HELP */
.help-items {
  position: relative;
}
.help-item {
  display: flex;
  border-bottom: 1px solid #b8b8b8;
  padding-bottom: 30px;
}
.help-item:last-child {
  border-bottom: none;
}
.help-item-options {
  width: 40px;
  text-align: center;
}
.btn-group-vertical .btn-outline-secondary {
  color: #c0c0c0;
  border-color: #c0c0c0;
}
.btn-group-vertical > button {
  padding: 0 !important;
  width: 38px !important;
  height: 34px;
}
.btn-group-vertical > button > i.fas {
  width: 100%;
  height: 100%;
  line-height: 32px;
}
.image-info-container .btn-group {
  display: flex;
}
.help-item-block {
  width: 100%;
}
.help-item-option {
  margin-top: 10px;
  font-size: 26px;
  color: #b8b8b8;
}
.icono-plus-ayuda {
  height: 60px;
  width: 60px;
  padding-top: 18px;
  border-radius: 100%;
  border: 2px solid #cccccc;
  color: #a8c855;
  background-color: white;
  font-size: 18px;
}
.circulo-ayuda {
  text-align: center;
}
.btn-add-help {
  margin-bottom: 100px;
}
.btn-delete-help-item:hover {
  color: #c9282d;
}
.btn-show-help-item:hover {
  color: #a8c855;
}
.btn-radio-help {
  background-color: white;
  color: #004983;
  border-color: #004983;
}
.btn-radio-help:hover {
  color: #004983;
}
.btn-radio-help.active {
  background-color: #004983;
  color: white;
}
.borde-btn-add-help {
  height: 30px;
  border-bottom: 1px solid #B8B8B8;
}
.help-order-button {
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.help-item-types {
  display: flex;
}
.help-item-types span {
  width: 100%;
  text-align: center;
  font-size: 28px;
}
#dropdown_help_items {
  height: 0;
  display: inline-block;
  border: none;
}
.hover-highlight {
  color: #888888;
}
.hover-highlight:hover {
  color: #a8c855;
}
.circulo-ayuda.dropdown ul.dropdown-menu {
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 65px !important;
}
.image-info-container {
  position: absolute;
  top: 0;
  left: 35px;
  border: 1px solid #cccccc;
  padding: 12px;
  background-color: white;
  z-index: 2;
  width: 380px;
}
.editar label input[type=number] {
  padding-top: 8px !important;
  padding-bottom: 2px !important;
  box-sizing: content-box;
}
/* END HELP */
/* Surveys */
.survey-block {
  display: flex;
}
.survey-block .form-group.check-survey {
  width: 200px;
  height: 31px;
  margin-top: 17px;
}
.survey-block .form-group.check-survey label {
  /*  margin-left: 5px; */
}
.survey-block .form-group.select-survey {
  width: 90%;
  padding-left: 30px;
}
/* End surveys */
.comments-icon-div {
  text-align: center;
}
.comments-count-div {
  position: relative;
  width: 24px;
  margin: auto;
}
.comments-count-div i {
  font-size: 24px;
  color: #6788a4;
}
.comments-count-div .comments-count {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #a8c855;
  color: #fff;
  font-size: 0.9em;
  line-height: 8px;
  text-align: center;
  padding-top: 5.5px;
}
.flex-panel {
  display: flex;
  position: relative;
  font-style: italic;
}
.flex-panel span:not(.unread-dot) {
  width: 100%;
}
.flex-panel span:nth-child(2) {
  text-align: center;
}
.flex-panel span:nth-child(3) {
  text-align: right;
}
.flex-panel .unread-dot {
  position: absolute;
  top: 14px;
  left: -10px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #47b4f0;
}
.comments-body p {
  font-size: 12px;
}
.comments-body p.reply-button {
  text-align: right;
}
.color-enlace {
  color: #4A90E2 !important;
}
.color-enlace:hover {
  text-decoration: underline;
}
.mission-filters {
  width: 440px;
  display: flex;
}
.mission-filters > * {
  width: 50%;
}
.mission-filters .daterange {
  margin-right: 20px;
}
.btn.collapsed {
  padding-top: 6px !important;
}
.estilo-datetimepicker {
  width: 100%;
}
.estilo-datetimepicker input {
  /*
        border: none;
        border-bottom: 1px solid @color-borde;
        */
}
.estilo-datetimepicker input:focus {
  box-shadow: none;
  border-color: #cccccc;
}
.estilo-datetimepicker span.input-group-addon {
  display: none;
}
.page-link-disabled {
  cursor: not-allowed;
}
ul.pagination {
  margin-bottom: 0;
  place-content: center;
}
.pagination-results {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #c0c0c0;
  font-size: 12px;
}
.fullscreen-button {
  font-size: 15px;
  color: #ffffff;
  background-color: #a8c855;
  position: absolute;
  top: -64px;
  right: 20px;
  cursor: pointer;
  padding: 10px 20px;
}
.fullscreen-button:hover {
  background-color: #7c9b2f;
}
.fullscreen-button i {
  padding-right: 10px;
}
.mission-status {
  font-size: 16px;
}
.btn:focus,
.btn:active,
.btn:active:focus {
  outline: none;
}
.select-icon .selectize-input,
.select-icon .selectize-dropdown {
  font-family: 'Roboto', 'Font Awesome 5 Free', 'Font Awesome 5 Brands' !important;
}
.show-claim-container h2 {
  font-size: 20px;
}
.show-claim-container h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.show-claim-container .actions-done-container {
  display: grid;
  grid-template-columns: 0.5fr 1fr 0.5fr 1fr 0.5fr 1fr;
  grid-gap: 15px;
  padding: 20px;
  border: 1px solid #B8B8B8;
  background-color: #F5F5F5;
  font-size: 16px;
}
.show-claim-container .actions-done-container #mission_number i {
  vertical-align: super;
}
.show-claim-container .actions-done-container .item_user_email {
  grid-column: 5 / 7;
}
.show-claim-container .claim-description {
  font-size: 14px;
  color: #808080;
}
.show-claim-container .file-separator {
  margin-left: 20px;
  margin-right: 20px;
}
.show-claim-container .actions-table {
  position: relative;
}
.show-claim-container .actions-table .btn-reply-claim {
  float: none !important;
  position: absolute;
  top: -7px;
  right: 0;
}
.show-claim-container .actions-table .dropdown-menu > li {
  color: #808080;
  font-size: 12px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.show-claim-container .actions-table .dropdown-menu > li:hover {
  color: white;
  text-decoration: none;
  background-color: #B8B8B8;
}
.status-square {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-right: 5px;
  display: inline-block;
}
.modal-header-white {
  background-color: white;
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 5px 5px 0 0;
}
.close-black {
  color: black;
  background-color: white;
  float: right;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
}
.color-btn-black,
.color-btn-black:hover,
.color-btn-black:active,
.color-btn-black:focus {
  color: white;
  font-weight: 400 !important;
  background-color: black  !important;
}
.modal-claim-action {
  color: #808080;
  font-size: 16px;
}
.modal-claim-action p {
  margin-bottom: 10px;
}
.modal-claim-action h4 {
  color: black;
  font-size: 18px;
  font-weight: 500px;
}
.modal-claim-action .dropdown-menu.usetwentyfour {
  font-size: 12px !important;
  font-style: normal;
}
.filters-wrapper {
  position: relative;
}
.filters-wrapper span:not(.collapsed) i.fa-plus {
  transform: rotate(45deg);
}
#FiltersCollapse {
  position: absolute;
  top: 40px;
  left: auto;
  right: -45px;
  width: 200px;
  z-index: 2;
}
#form-excel-admin-claims .daterange:focus {
  background-color: white;
}
.comments-traceability {
  display: inline-block;
  width: 175px;
  height: 20px;
}
.buttom_claim {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 1;
  top: 15px;
  left: calc(50% - 110px);
}
.nav_no_login {
  background-color: #004983;
}
.nav_no_login .navbar-header {
  position: absolute;
  top: -5px;
  left: 10px;
}
.nav_no_login .nav_no_login_ul {
  position: absolute;
  top: 15px;
  left: 93%;
}
.nav_no_login nav.navbar-databis.admin ul.navbar-nav > li > a {
  color: white;
  text-decoration: none;
  font-weight: 400;
}
.nav_no_login .añadir-flecha:before {
  top: -6px;
  bottom: auto;
  left: 162px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: '';
  position: absolute;
  display: block;
  background: #fff;
  width: 10px;
  height: 10px;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.not_login_claim {
  background-color: white;
  padding: 10px 30px;
}
.not_login_claim .breadcrumb {
  padding: 0;
  padding-left: 10px;
  padding-top: 10px;
}
.not_login_claim .contenedor {
  margin: 0px;
}
.btn_file {
  padding: 9px;
}
.claim-filters-dropdown {
  background-color: #004983;
  border: 1px solid #004983;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.claim-filters-dropdown div.panel-default {
  min-height: 32px;
  line-height: 32px;
  background-color: #004983 !important;
  cursor: pointer;
  border: none;
  border-radius: 0;
}
.claim-filters-dropdown div.panel-default .panel-heading {
  background-color: #004983 !important;
  border-radius: 0;
  padding: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.claim-filters-dropdown div.panel-default .panel-heading:hover {
  background-color: #003f7a !important;
}
.claim-filters-dropdown div.panel-default .panel-heading:hover h4.panel-title {
  overflow: hidden;
}
.claim-filters-dropdown div.panel-default h4.panel-title {
  height: 32px;
  padding-top: 12px;
  font-size: 12px;
  color: white !important;
}
.claim-filters-dropdown div.panel-default a,
.claim-filters-dropdown div.panel-default a:hover {
  text-decoration: none !important;
}
.claim-filters-dropdown div.panel-default .panel-collapse {
  background-color: white;
}
.claim-filters-dropdown div.panel-default .panel-collapse .panel-body {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  color: #004983;
  cursor: auto;
}
.claim-filters-dropdown div.panel-default .panel-collapse .panel-body label {
  margin-bottom: 0;
  width: 100%;
}
.claim-filters-dropdown div.panel-default .panel-collapse .panel-body li {
  padding: 3px 10px;
}
.claim-filters-dropdown div.panel-default .panel-collapse .panel-body li:hover {
  background-color: #004983;
  color: white;
}
.claim-filters-dropdown div.panel-default:hover {
  background-color: #003f7a !important;
}
.claim-filters-dropdown div.panel-default:not(:last-child) {
  border-bottom: 1px solid white !important;
}
.claim-square-status {
  height: 17px;
  width: 17px;
  border-radius: 2px;
  display: inline-block;
  transform: translateY(2px);
  margin-right: 15px;
}
.center-footer {
  text-align: center;
}
.selectize-modal .selectize-control.single .selectize-input input {
  width: 250px !important;
}
.btn-reenviar {
  height: 20px;
  width: 20px;
  border-radius: 100%;
  line-height: 20px;
  text-align: center;
  font-size: 11px !important;
  background-color: #004983;
  color: white;
  display: inline-block;
  margin-right: 10px;
}
.btn-reenviar i {
  margin-left: -2px;
}
.btn-reenviar:hover,
.btn-reenviar:focus,
.btn-reenviar:active {
  color: white !important;
}
/*.claim-wrapper {
    color: @color-texto-claims !important;
}*/
.claim-subtitle {
  font-size: 18px;
  margin-bottom: 4px;
}
.claim-att-file {
  color: #004982;
  font-size: 12px;
}
.upload-claim-file {
  color: #808080;
}
.inline-select {
  display: flex;
}
.inline-select label {
  font-size: 14px;
}
.select-mysites {
  width: 200px !important;
  margin-right: 20px;
}
.loading-missions {
  position: absolute;
  top: 31px;
  right: 17px;
  background-color: white;
  z-index: 2;
}
.select-signature-zones .selectize-input.items.has-options.full.has-items {
  position: relative;
  padding-left: 25px !important;
}
.select-signature-zones .selectize-input::before {
  content: " ";
  height: 12px;
  width: 12px;
  position: absolute;
  top: 10px;
  left: 5px;
}
.select-signature-zones .selectize-input.color-1::before {
  background-color: #00498355;
}
.select-signature-zones .selectize-input.color-2::before {
  background-color: #7f4e9b55;
}
.select-signature-zones .selectize-input.color-3::before {
  background-color: #d54a8955;
}
.select-signature-zones .selectize-input.color-4::before {
  background-color: #ff675755;
}
.select-signature-zones .selectize-input.color-5::before {
  background-color: #ffa60055;
}
.select-signature-zones .selectize-input.color-6::before {
  background-color: #008a9c55;
}
.select-signature-zones .selectize-input.color-7::before {
  background-color: #e4d35455;
}
.select-signature-zones .selectize-input.color-8::before {
  background-color: #26cabd55;
}
.select-signature-zones .selectize-input.color-9::before {
  background-color: #55589a55;
}
.select-signature-zones .selectize-input.color-10::before {
  background-color: #c1c1ce55;
}
.sel-signature-zone {
  width: calc(100% - 100px) !important;
}
.sel-signature-zone .selectize-dropdown {
  width: 100% !important;
}
.sel-signature-zone .selectize-dropdown-content .option {
  position: relative;
  padding-left: 24px;
}
.sel-signature-zone .selectize-dropdown-content .option:after {
  content: " ";
  height: 12px;
  width: 12px;
  position: absolute;
  top: 7px;
  left: 5px;
}
.sel-signature-zone .selectize-dropdown-content .option:nth-child(10n+1):after {
  background-color: #00498355;
}
.sel-signature-zone .selectize-dropdown-content .option:nth-child(10n+2):after {
  background-color: #7f4e9b55;
}
.sel-signature-zone .selectize-dropdown-content .option:nth-child(10n+3):after {
  background-color: #d54a8955;
}
.sel-signature-zone .selectize-dropdown-content .option:nth-child(10n+4):after {
  background-color: #ff675755;
}
.sel-signature-zone .selectize-dropdown-content .option:nth-child(10n+5):after {
  background-color: #ffa60055;
}
.sel-signature-zone .selectize-dropdown-content .option:nth-child(10n+6):after {
  background-color: #008a9c55;
}
.sel-signature-zone .selectize-dropdown-content .option:nth-child(10n+7):after {
  background-color: #e4d35455;
}
.sel-signature-zone .selectize-dropdown-content .option:nth-child(10n+8):after {
  background-color: #26cabd55;
}
.sel-signature-zone .selectize-dropdown-content .option:nth-child(10n+9):after {
  background-color: #55589a55;
}
.sel-signature-zone .selectize-dropdown-content .option:nth-child(10n):after {
  background-color: #c1c1ce55;
}
#ModalUpdateDocument .sel-signature-zone,
#ModalSelectSignatureZone .sel-signature-zone {
  width: 100% !important;
}
.notice-modal {
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
}
.notice-modal .modal-content {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 0;
}
.notice-modal .modal-content .modal-header-hidden {
  border-bottom: 8px solid white;
  font-size: 65px;
  text-align: center;
}
.notice-modal .modal-content .modal-body-hidden {
  font-size: 18px;
}
.notice-modal .modal-content .modal-body-hidden .title-notice-sign {
  font-weight: bold;
  color: white;
}
.notice-modal .modal-content .modal-body-hidden p {
  color: white;
}
.notice-modal .modal-content .modal-footer-hidden {
  text-align: right;
}
.notice-modal .modal-content .modal-footer-hidden a {
  width: 25%;
}
.select-signature-zones > * {
  display: inline-block;
}
.select-signature-zones button {
  transform: translateY(-11px);
  margin-left: 15px;
}
.select-signature-zones button#BtnMarcar {
  color: white;
  background-color: #2a77a2;
}
.select-signature-zones button#BtnEliminar {
  color: white;
  background-color: #c9282d;
  margin-left: 0;
  margin-right: 0;
}
.msg-selected-zone span,
.msg-selected-zone span:hover {
  font-size: 14px;
  text-decoration: none;
}
.cuadrado-color {
  height: 10px;
  width: 10px;
  margin-left: 4px;
  display: inline-block;
}
/* V5 - Surveys */
.survey-preview {
  width: 100%;
  height: calc(100vh - 175px);
  border: none;
  overflow-x: hidden;
  padding-left: 20px;
}
.selectize-control.multi .selectize-input > div {
  color: white !important;
  margin: 0 5px 3px 0 !important;
  background-color: #004983 !important;
  font-size: 11px;
  padding: 2px 8px !important;
  padding-top: 3px !important;
}
.selectize-control.multi .selectize-input > div.active {
  background-color: #a8c855 !important;
}
/*
// Deactivated for the moment: Julian

.selectize-control.multi .selectize-input::after {
    position: absolute;
    top: 50%;
    right: 17px;
    display: block;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-color: #000000 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    content: ' ';
}

.selectize-control.multi .selectize-input.dropdown-active::after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #000000 transparent;
}

*/
.color-btn-asignar,
.color-btn-asignar:active,
.color-btn-asignar:visited,
.color-btn-asignar:focus {
  color: white !important;
  background-color: #a8c855 !important;
}
.color-btn-asignar:hover {
  color: white !important;
  background-color: #7c9b2f;
}
.color-btn-enviar,
.color-btn-enviar:active,
.color-btn-enviar:focus,
.color-btn-enviar:visited {
  color: #ffffff !important;
  background-color: #004983;
}
.color-btn-enviar:hover {
  color: #ffffff;
  background-color: #003f7a;
}
.surveys-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
}
.surveys-grid .survey-cell {
  border: 1px solid black;
  padding: 25px;
  color: black;
}
.surveys-grid .survey-cell p:not(:last-child) {
  margin-bottom: 3px;
}
.surveys-grid .survey-cell p:last-child {
  margin-bottom: 0;
}
.surveys-grid .survey-cell:hover {
  text-decoration: none;
  color: white;
  background-color: #a8c855;
  border-color: #cccccc;
}
.blue-alert {
  margin-top: 15px;
  color: #004982;
  background-color: #E2EFFF;
  border-color: #cfdbea;
}
.blue-alert a {
  color: #004982;
  text-decoration: underline;
}
.survey-answer {
  width: 100%;
  height: calc(100vh - 180px);
  border: none;
}
.surveys-filters {
  width: 200px;
  display: flex;
}
.surveys-filters > * {
  width: 100%;
}
.msg-mission-survey {
  margin-bottom: 0;
  margin-left: 50px;
  font-size: 35px;
}
/* End V5 - Surveys */
.td-overflow,
.div-overflow {
  overflow: visible;
}
.cursor-mark {
  cursor: crosshair;
}
.dont-open {
  cursor: default !important;
}
.color-btn-cerrar-notice {
  background-color: #7e7e7e;
}
.btn-jump-doc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 100%;
  color: white !important;
  background-color: #ddd;
  text-align: center;
  font-size: 44px;
}
.btn-jump-doc:first-of-type {
  left: -5px;
}
.btn-jump-doc:last-of-type {
  right: -5px;
}
.btn-jump-doc:hover {
  text-decoration: none;
  background-color: #004983;
}
.pdf-to-sign .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}
.only-mobile {
  display: none;
}
/* Maintenance message */
.maintenance-message-admin {
  margin-top: 10px !important;
  background-color: white;
  padding: 20px;
  text-align: left;
}
.maintenance-message {
  margin: auto;
  margin-top: 10px !important;
  max-width: 780px;
  background-color: white;
  padding: 20px;
}
.opcion-desactivada,
.opcion-desactivada:hover {
  cursor: not-allowed;
  color: #aaaaaa !important;
}
/* V8 */
/* LINK EPIC */
.epic-link {
  opacity: 0.8;
}
.epic-link:hover {
  opacity: 1;
}
/* LINK EPIC */
.epic-link {
  opacity: 0.8;
}
.epic-link:hover {
  opacity: 1;
}
/* LANGUAGES */
.menu-languages {
  display: grid;
  position: relative;
  /*  right: 30px; */
  top: 10px;
  right: 5px;
}
.menu-languages .btn {
  text-align: right;
  background-color: transparent;
}
.menu-languages .btn.active,
.menu-languages .btn:active,
.menu-languages .btn.focus,
.menu-languages .btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.menu-languages .dropdown-menu {
  left: auto !important;
  right: 0;
}
.menu-languages .dropdown-menu li a {
  text-decoration: none;
}
.menu-languages .dropdown-menu > li > a:focus,
.menu-languages .dropdown-menu > li > a:hover {
  color: white;
  text-decoration: none;
  background-color: #004983;
}
#terms .menu-languages {
  position: relative;
  right: auto;
}
#terms .menu-languages label {
  width: 80px;
  font-weight: bold;
  font-size: 0.95em;
}
#terms .menu-languages .dropdown-menu {
  left: 0 !important;
}
#terms .menu-languages button.btn-lista {
  padding-left: 0;
  font-size: inherit;
  border-bottom: 1px solid #cccccc !important;
}
#terms .menu-languages .dropdown-toggle::after {
  margin-left: calc(100% - 90px);
}
.flag-languages {
  width: 24px;
  height: 18px;
  background-image: url('/img/sprite-flags-24x24.png');
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 10px;
  line-height: 0;
  border: 1px solid #cccccc;
}
.btn-accept {
  background-color: #004983;
  color: #ffffff;
  font-weight: 400 !important;
}
.btn-accept:hover {
  color: #ffffff;
}
a.disabled {
  text-decoration: none;
  color: #7092af;
  cursor: pointer;
}
.color-btn-confirmar-disabled {
  background-color: #ccc;
  color: white !important;
}
.not-allowed {
  cursor: not-allowed !important;
}
#pre-load-texto h3 {
  color: white;
}
.custom-loading-img {
  position: absolute;
  z-index: 2;
  top: 50px;
  left: 46px;
  width: 20px;
  display: inline-block;
}
.custom-loading-img .text-center {
  display: none;
}
.custom-loading-img .sk-cube {
  background-color: white;
}
.preview-pdf {
  height: 400px;
}
#excelButton {
  background-color: transparent;
  border: none;
  max-width: 35px;
}
/* Selectize */
.selectize-control {
  display: inline-block;
  width: 100%;
}
.selectize-input {
  border-radius: 0 !important;
  /*  min-width: 220px; */
  min-width: 100%;
  max-height: 30px;
}
.selectize-input .item {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 90%;
}
/* End selectize */
/* Selectpicker */
.dropdown.bootstrap-select.form-control {
  height: 30px;
}
.dropdown.bootstrap-select.form-control button {
  height: 100%;
  line-height: 100%;
  padding: 9px;
  background-color: white;
  color: #888888;
  border: 1px solid #cccccc;
  border-radius: 0;
  font-size: 12px;
}
.dropdown.bootstrap-select.form-control button .filter-option {
  padding: inherit;
  min-height: 34px;
}
.dropdown.bootstrap-select.form-control button .filter-option .filter-option-inner {
  height: 100%;
}
.dropdown.bootstrap-select.form-control button .filter-option .filter-option-inner .filter-option-inner-inner {
  height: 100%;
}
.dropdown.bootstrap-select.form-control button:hover {
  color: #888888;
}
.dropdown.bootstrap-select.form-control button:focus {
  outline: none !important;
}
.dropdown.bootstrap-select.form-control .dropdown-menu.show {
  padding: 0;
  border-radius: 0;
}
.dropdown.bootstrap-select.form-control .dropdown-menu.show .dropdown-item {
  padding: 3px 10px;
}
.dropdown.bootstrap-select.form-control .dropdown-menu.show .dropdown-item.active {
  background-color: #004982;
}
.dropdown.bootstrap-select.form-control .dropdown-menu.show .dropdown-item.active:hover {
  color: white;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #004982;
  color: white !important;
}
/* End selectpicker */
/* Date rangepicker */
.daterange,
.daterange:focus {
  width: 220px !important;
  box-sizing: border-box;
  height: 30px !important;
  background-color: white !important;
}
.dropdown-menu {
  font-size: inherit;
  color: #454545;
}
.range_inputs > .btn-success {
  color: #ffffff;
  background-color: #a8c855;
  border-color: #a8c855;
}
.range_inputs > .btn-success:hover {
  color: #ffffff;
  background-color: #7c9b2f;
}
.daterangepicker td.active {
  background-color: #004983;
}
.daterangepicker td.active:hover {
  background-color: #003f7a;
}
.daterangepicker .table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px;
}
.daterangepicker .daterangepicker_input .fa {
  color: #7e7e7e;
}
/* End rangepicker*/
.home-card,
.welcome-card,
.general-card {
  border: 2px solid white;
  background-color: white;
  height: auto;
  box-shadow: 0 0 4px 0 #cccccc;
}
.welcome-card {
  padding: 30px;
}
.welcome-card a {
  height: 40px;
  font-size: 15px;
  font-weight: 400 !important;
}
.general-card {
  position: relative;
  height: calc(100vh - 210px);
  min-height: 220px;
  padding: 30px 45px;
  overflow: auto;
}
.general-card.no-title {
  height: calc(100vh - 155px);
}
.general-card .navbar {
  padding: 0;
}
#home-grid {
  /*
    .dropdown-item:focus, .dropdown-item:hover{
        background-color: unset !important;
    }
    */
}
#home-grid .grid-height {
  height: calc(50vh - 130px);
}
#home-grid .card {
  height: inherit;
}
#home-grid .card .card-body {
  padding: 1.5rem;
  position: relative;
  overflow: auto;
}
#home-grid .card .card-body .card-title {
  color: #a8c855;
}
#home-grid .card .card-body .card-title .fas,
#home-grid .card .card-body .card-title .fa {
  padding-right: 25px;
  font-size: 1.5rem;
}
#home-grid .card .card-body .show-all-tasks {
  position: absolute;
  bottom: 20px;
}
#home-grid ul.task-list .my-task {
  padding-right: 50px;
  text-align: right;
}
#home-grid ul.notifications-list .my-task {
  padding-right: 45px;
  text-align: right;
}
#home-grid ul.task-list,
#home-grid ul.notifications-list {
  margin-bottom: 0;
  padding-left: 0;
}
#home-grid ul.task-list li,
#home-grid ul.notifications-list li {
  list-style-type: none;
  height: 34px;
}
#home-grid ul.task-list li .date-task,
#home-grid ul.notifications-list li .date-task {
  display: inline-block;
  width: 120px;
  padding-bottom: 20px;
  border-right: 1px solid #454545;
  line-height: 1.3;
}
#home-grid ul.task-list li .task-concept,
#home-grid ul.notifications-list li .task-concept {
  display: inline-block;
  width: calc(100% - 170px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 170px);
  line-height: 1.3;
}
#home-grid ul.task-list li .fas,
#home-grid ul.notifications-list li .fas,
#home-grid ul.task-list li .fa,
#home-grid ul.notifications-list li .fa {
  font-size: 18px;
  display: inline-block;
  margin-left: -9px;
  margin-right: 40px;
}
#home-grid .dropdown-shadow {
  border-radius: 4px;
  box-shadow: 0 0 4px 0 #ccc;
}
#home-grid .task-list li i.fas,
#home-grid .task-filter-item i,
#home-grid .task-filter-item span,
#home-grid .notifications-list li i.fas {
  color: rgb(var(--filter-color)) !important;
  /*
        background-color: rgba(var(--filter-color), 0.2);
        border-radius: 5px;
        padding: 2px;
        */
}
#home-grid .task-filter-item i {
  padding-right: 10px;
}
#home-grid .notification-link {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 170px);
  line-height: 1.3;
}
#home-grid .show-all-notifications {
  padding-left: 0 !important;
}
.summary-results {
  height: calc(100% - 50px);
  gap: 10px;
}
.summary-results div:not(.sk-cube-grid, .sk-cube) {
  /* padding: 15px; */
  padding-left: 15px;
  padding-right: 15px;
  align-items: stretch;
  border: 1px solid #E0E0E0;
  background-color: #F0F0F0;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.summary-results div:not(.sk-cube-grid, .sk-cube) span {
  display: block;
  width: 100%;
  /*  padding: 5px; */
  padding-left: 5px;
  padding-right: 5px;
}
.summary-results div:not(.sk-cube-grid, .sk-cube) span.summary-text {
  font-size: 12px;
}
.summary-results div:not(.sk-cube-grid, .sk-cube) span.summary-value {
  color: #004983 !important;
  font-size: 30px;
  font-weight: bold;
}
.btn-padding-grande {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.btn-modal-precarga {
  position: relative;
}
.btn-modal-precarga .loading-img {
  position: absolute;
  top: 2px;
  right: 0;
}
.btn-modal-precarga .loading-img .sk-cube-grid .sk-cube {
  background-color: white;
}
.overflow-tabla,
.customized_scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: thin;
  overflow-y: auto;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-color: #d1e2a4 #CCC;
}
.overflow-tabla::-webkit-scrollbar:vertical,
.customized_scrollbar::-webkit-scrollbar:vertical {
  width: 15px;
}
.overflow-tabla::-webkit-scrollbar:horizontal,
.customized_scrollbar::-webkit-scrollbar:horizontal {
  height: 15px;
}
.overflow-tabla::-webkit-scrollbar,
.customized_scrollbar::-webkit-scrollbar {
  background-color: #CCC;
  border-radius: 10px;
  border: 2px solid #f1f2f3;
}
.overflow-tabla::-webkit-scrollbar-thumb,
.customized_scrollbar::-webkit-scrollbar-thumb {
  background-color: #d1e2a4;
  border-radius: 10px;
  border: 2px solid #f1f2f3;
}
#missions_progress_chart {
  width: 100%;
  height: 90%;
}
#excelButtonAccessControl,
#excelButtonMissions {
  border: none;
}
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  height: calc(100vh - 575px);
}
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle,
.ck.ck-button-action,
a.ck.ck-button-action {
  background-color: #a8c855 !important;
}
.exists-error {
  color: #c9282d;
  display: none;
  font-size: 12px;
  position: absolute;
  top: 65px;
  left: 5px;
}
#translations #save_message.alert {
  margin-bottom: 0;
}
#translations .dropdown {
  border: 1px solid #cccccc;
  padding: 0;
}
#translations .dropdown > button {
  text-align: left;
}
#translations .dropdown .dropdown-toggle::after {
  float: right;
  margin-top: 8px;
}
#translations .dropdown ul {
  width: 100%;
}
#translations .dropdown .dropdown-item {
  padding: 0;
}
#translations .dropdown .dropdown-item a {
  color: #004983;
}
#translations .dropdown .dropdown-item a:hover {
  color: white;
}
#translations .dropdown .dropdown-item.deactivated a {
  color: #004983;
  font-style: italic;
  opacity: 0.5;
}
#translations .dropdown .dropdown-item.deactivated a:hover {
  color: white;
}
#translations .dropdown .dropdown-item a:active,
#translations .dropdown .dropdown-item.active a {
  color: white;
  border-color: #a8c855;
}
#translations h2 {
  font-size: 18px;
}
#translations .list-group-item,
#translations h2 {
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: space-between;
}
#translations .list-group-item.active,
#translations h2 {
  color: #fff;
  background-color: #004983;
  border-color: #004983;
}
#translations .percentage {
  padding-top: 3px;
  min-width: 40px;
  text-align: right;
  font-size: 11px;
  font-style: italic;
}
#ModalImport .modal-body {
  max-height: calc(100vh - 220px);
  margin-bottom: 20px;
  overflow: auto;
}
/* REVIEW - Should not be, affects other rules */
.navbar-databis .collaborative-menu .collapsed {
  padding-top: 0 !important;
}
.nav-tabs .nav-item {
  /*  border-bottom: 1px solid @color-borde-claro; */
}
.nav-tabs .nav-item .color-enlace {
  text-decoration: none;
}
#ModalTranslations .modal-header,
#ModalNewTranslationKey .modal-header {
  background-color: #004983;
  border-radius: 0 !important;
  color: white;
  align-items: center;
}
#ModalTranslations .modal-header div:first-child,
#ModalNewTranslationKey .modal-header div:first-child {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
#ModalTranslations .color-fondo-azul-trigo,
#ModalNewTranslationKey .color-fondo-azul-trigo {
  background-color: #004983 !important;
}
#btnCollapseFilters {
  display: none;
  width: 100%;
  padding-top: 0;
  padding-bottom: 10px;
}
#dropdownTaskFilter {
  margin-top: -20px;
  color: white;
  background-color: #004983;
  padding: 3px 7px;
}
.tooltip {
  z-index: 3000;
}
/* START MY_MISSIONS */
.btn_items_mymission {
  color: #004983 !important;
}
.my-missions-filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #004983;
  color: #ffffff;
}
.my-missions-filter:hover,
.my-missions-filter:focus,
.my-missions-filter span {
  box-shadow: unset;
  background-color: #004983;
  color: #ffffff;
}
.my-missions-filter i {
  font-size: 1.3rem;
}
.my-missions-media-col i,
.my-missions-media-col label {
  font-size: 1.2rem;
  transition: color 0.2s;
}
.my-missions-media-col:hover i,
.my-missions-media-col:hover label {
  transition: color 0.2s;
  color: #a8c855;
}
.date-range-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.date-range-container .date-range-item {
  flex: 1;
}
.order-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 180px;
}
.order-container .order-item {
  flex: 1;
  transform: translateY(30%);
  display: inline-block;
}
.order-container .order-item .radio-out,
.order-container .order-item .radio-out-v2 {
  float: left;
}
.checkbox-rejected-parts {
  transform: translateY(100%);
}
.btn-filter-reset {
  border: 2px solid #a8c855;
}
#status_filters {
  padding-left: 15px;
  padding-right: 15px;
}
#status_filters label {
  color: #495057;
  background-color: #e9ecef;
  border-top: 3px solid #cccccc;
  border-radius: unset;
  text-transform: uppercase;
}
#status_filters label.active {
  color: black;
  border-top-color: #a8c855;
  background-color: white;
}
.mymission-filters .dropdown {
  height: calc(1.5em + 0.75rem + 2px) !important;
}
.loading-users,
.loading-users-library {
  position: absolute;
  z-index: 2;
}
.loading-users {
  top: 149px;
  right: 45px;
}
.loading-users-library {
  top: 100px;
  right: 75px;
}
.select-user-filter-with-delete ~ .selectize-control {
  width: 100%;
}
.delete-user-filter {
  display: block;
  margin: auto;
  float: right;
  margin-right: 0px;
  margin-top: 6px;
}
#my-missions .selectize-control.single .selectize-input::after {
  display: block;
}
#my-missions .selectize-control.single .selectize-input.dropdown-active:after {
  display: none;
}
#my-missions .dropdown.bootstrap-select.form-control.input-sm {
  max-width: 250px;
}
#my-missions .disabled-option-select {
  background-color: #eee !important;
}
#my-missions .disabled-option-select label {
  color: #808080;
}
#my-missions .defect-color-legend {
  position: relative;
  margin: 0 1rem;
}
#my-missions .defect-color-legend::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: -15px;
  transform: translateY(-40%);
  border-radius: 50%;
  background-color: var(--color);
}
/*END MY_MISSIONS*/
#filter-form label {
  min-width: 50%;
}
.preload-etraq {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  /*  justify-content: center; */
  align-items: top;
  z-index: 2000;
}
.preload-text {
  position: absolute;
  left: 50%;
  width: 400px;
  text-align: center;
  margin-left: -200px;
  top: 100px;
  z-index: 3000;
  color: white;
}
.preload-text h3,
.preload-text h4 {
  color: white;
}
.etraq-mark {
  color: rgb(var(--filter-color));
  position: absolute;
  top: 50%;
  z-index: 999;
  right: 21px;
  transform: translateY(-50%);
}
.unset-position {
  position: unset !important;
}
.position-relative-table-rows tr {
  position: relative;
}
.filter-contacts {
  position: relative;
  flex: 1 1 0%;
}
.filter-contacts .filter-dropdown {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  max-height: 20rem;
  overflow: auto;
  z-index: 99;
}
.filter-contacts .filter-dropdown > div {
  padding: 0.5rem;
  cursor: pointer;
  background-color: white;
}
.filter-contacts .filter-dropdown > div:hover {
  background-color: #004983;
}
.filter-contacts .filter-dropdown > div:hover p {
  color: white;
}
.filter-contacts .filter-dropdown > div p {
  margin: 0;
}
.download-icons-div {
  display: flex;
}
.download-icons-div + br {
  display: none;
}
.preview-button {
  color: white !important;
  font-size: 15px;
  height: 30px;
  width: 40px;
  min-width: 40px;
  background-color: #004983;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  border: 1px solid #004983;
}
.preview-button:hover,
.preview-button:focus,
.preview-button:active {
  text-decoration: none;
  background-color: #00325c;
  color: white !important;
}
.traceability-list .work-instruction-platform {
  display: inline-flex;
}
.nav.nav-tabs .work-instruction-platform {
  position: absolute;
  right: 20px;
}
.document-wi-title {
  display: inline-block;
}
.document-wi-title + .interactive-platform {
  margin-left: 20px;
}
.interactive-platform {
  color: white !important;
  font-size: 15px;
  height: 45px !important;
  width: 360px !important;
  background-color: #004983;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #004983;
  text-align: center;
  margin-right: 20px;
  margin-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
}
.interactive-platform i {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  transform: none !important;
  margin-right: 20px;
  font-size: 22px;
}
.interactive-platform:hover,
.interactive-platform:focus,
.interactive-platform:active {
  color: white !important;
  background-color: #00325c;
  text-decoration: none !important;
}
#download-url {
  display: flex;
}
.wi-dropdown-menu {
  display: inline-flex;
  align-items: end;
  height: 100%;
}
.addMarkers .tittle_markers {
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
.addMarkers .info_markers {
  margin: 0px;
  padding: 0px;
}
.marker_color {
  color: var(--content-color);
}
.tittle_list {
  color: #a8c855;
  font-weight: bold;
}
.contact_us {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.contact_us li {
  padding: 20px 15px;
  border: 1px solid #DDDDDD;
  border-left: 5px solid #a8c855;
  border-radius: 5px 5px;
  font-size: 13px;
}
.contact_us li:hover {
  border-left: 5px solid #004983;
}
.contact_us li .title {
  justify-content: center;
  color: #004983;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
}
.contact_us li .title:hover {
  text-decoration: underline;
}
.contact_us li .content {
  justify-content: center;
  margin: 5px 0;
}
#map {
  height: 60vh;
  width: 100%;
  border-top: 3px solid #a8c855;
  border-bottom: 3px solid #a8c855;
}
.marker {
  width: 30px;
}
.continents-links a {
  font-size: 1.1rem;
  color: #004983;
}
.continents-links a i {
  color: #a8c855;
  display: inline;
  margin-right: 5px;
}
.continents-links a:not(:last-child) {
  margin-left: 0.1rem;
}
.continents-links a:hover {
  cursor: pointer;
  color: #003f7a;
}
.gm-ui-hover-effect:focus,
.gm-ui-hover-effect:focus-visible {
  outline: unset !important;
}
.gm-ui-hover-effect {
  top: 0px !important;
  right: 0px !important;
}
.card_mission {
  border-left: 10px solid #a8c855;
}
.card_mission:hover {
  border-left: 10px solid #004983;
}
.card_mission .mission_name_check_error {
  position: absolute;
  left: 21px;
  top: 26px;
  color: red;
  font-style: oblique;
  display: none;
}
.card_mission select[multiple] {
  max-height: 34px !important;
}
.card_mission .chartAreaWrapper .text-right .dropdown {
  height: 34px;
  margin-bottom: 5px;
}
.card_mission .chartAreaWrapper .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: visible;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 90%;
}
.sub_tittle_card {
  color: #909497;
}
.app_version {
  position: absolute;
  bottom: 10px;
  left: 20px;
}
.card_btns .sub_tittle_card {
  margin: 0px;
}
.card_btns .sub_tittle_card span {
  font-size: 12px;
}
.card_btns .sub_tittle_card i {
  font-size: 15px;
}
.card_btns .sub_tittle_card:hover {
  color: #004983;
}
.btn_actions {
  width: 100%;
  padding-left: 5px;
}
.btn_actions i,
.btn_actions span {
  font-size: 12px;
}
.sub_tittle_card_1 {
  color: #004983;
  text-align: center;
}
.excel_img_size {
  /* width: 100%; */
  height: 40px;
  object-fit: cover;
  /* object-position: 50% 50%;*/
}
.card-header-ppm {
  color: white;
  border-radius: 0;
  padding: 10px 5px;
}
.card-header-ppm .ppm-number {
  font-weight: bold;
  font-size: 16px;
  padding: 0 5px 5px 5px;
}
.card-header-ppm .ppm-text {
  font-size: 10px;
  font-weight: 400;
}
.msg-hint-search {
  position: absolute;
  left: 2px;
  top: 30px;
}
.card_btns {
  text-align: center;
  /*
    .collapse_info{
        position: absolute;
        margin: 0px;
        margin-top: 36px;
        padding: 0px;
    }*/
}
.myssions_btns {
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.myssions_btns.div_btn[aria-expanded="true"] .sub_tittle_card {
  width: 100%;
  height: 100%;
  background-color: #F0F0F0;
  border-top: 2px solid #004983;
  border-radius: 0px;
}
.myssions_btns.div_btn[aria-expanded="true"] .sub_tittle_card i,
.myssions_btns.div_btn[aria-expanded="true"] .sub_tittle_card span {
  color: #004983;
}
.document_library {
  margin: 0px;
  padding: 10px;
  background-color: #F0F0F0;
}
.document_library .document_content {
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #ddd;
  padding: 0px;
  margin: 0px;
  margin-bottom: 25px;
}
.document_library .document_content .icon_dowloand,
.document_library .document_content .icon {
  margin: 0px;
  align-items: center;
  width: 100px;
  height: 80px;
  padding: 10px;
}
.document_library .document_content .icon {
  background-color: #A5C957;
  display: flex;
  justify-content: center;
  height: auto;
  text-align: center;
  color: #575757;
}
.document_library .document_content .icon span {
  font-size: 12px;
  display: block;
  margin-top: 10px;
}
.document_library .document_content .icon i {
  margin-top: 5px;
  font-size: 30px;
}
.document_library .document_content .icon_dowloand {
  background-color: #F0F0F0;
  display: flex;
  justify-content: center;
  height: auto;
}
.document_library .document_content .icon_dowloand a {
  margin: auto;
}
.document_library .document_content .icon_dowloand a:link,
.document_library .document_content .icon_dowloand a:visited,
.document_library .document_content .icon_dowloand a:hover,
.document_library .document_content .icon_dowloand a:active {
  text-decoration: none;
}
.document_library .document_content .icon_dowloand a i {
  margin: auto;
  top: auto;
  left: auto;
  font-size: 30px;
  color: black;
}
.document_library .document_content .info_document {
  background-color: white;
}
.document_library .document_content .info_document .mission_name .name_document {
  margin-top: 3px;
  color: #004983;
  font-size: 20px;
  text-align: center;
}
.document_library .document_content .info_document .other_data .row {
  text-align: center;
  margin-bottom: 10px;
}
.document_library .document_content .info_document .other_data .sub_tittle_document {
  color: #909497;
}
.document_library .document_content .info_document .other_data .sub_title_document_information {
  color: #909497;
  font-weight: 600;
}
.document_library .document_content .info_document .other_data .date i {
  font-size: 14px;
  color: #909497;
}
.document_library .document_content .info_document .other_data .date span {
  margin-left: 5px;
}
.document_library .document_content .file-download-blue {
  color: #004983 !important;
}
.document_library .document_content .files_download {
  display: flex;
  justify-content: space-around;
  padding: 10px;
}
.document_library .document_content .files_download div {
  margin: auto;
}
.document_library .document_content .files_download i {
  color: #004983;
  font-size: 30px;
}
.document_library .document_content .libraries-more-info {
  justify-content: space-between;
  text-align: center;
}
.document_library .show-tick {
  width: 50% !important;
}
.document_library .show-tick button {
  border: 1px solid #cccccc !important;
  background-color: white !important;
  border-radius: 0 !important;
}
.info_btn {
  margin: 0px;
  padding: 0px;
}
.document_info {
  padding: 10px;
}
.document_info .filtered_mymission {
  display: flex;
  justify-content: start;
}
.card-actions .div_btn_detail {
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}
.card-actions .btn_details i {
  font-size: 15px;
}
.card-actions .btn_details .less_details_icons {
  display: none;
}
.card-actions .div_btn_detail[aria-expanded="true"] {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.card-actions .div_btn_detail[aria-expanded="true"] .more_details_icons {
  display: none;
}
.card-actions .div_btn_detail[aria-expanded="true"] .less_details_icons {
  display: block;
}
.card-actions .div_btn_detail[aria-expanded="true"] .less_details_icons .icon_details_less {
  margin-top: 4px;
}
.quantities_info {
  background-color: #F0F0F0;
}
.quantities_info .nav_quantities {
  justify-content: center;
  margin: 0px;
  padding: 10px;
}
.quantities_info .nav_quantities .views_dates {
  margin-top: 30px;
}
.quantities_info .nav_quantities .views_dates .multiselect .selectBox {
  position: relative;
}
.quantities_info .nav_quantities .views_dates .multiselect .selectBox select {
  width: 100%;
  font-weight: 400;
}
.quantities_info .nav_quantities .views_dates .multiselect .checkboxes_part_number {
  display: none;
  background: white;
}
.quantities_info .nav_quantities .views_dates .multiselect .checkboxes_part_number .input_check:nth-child(2) {
  border-bottom: 1px solid #F0F0F0;
}
.quantities_info .nav_quantities .views_dates .multiselect .checkboxes_part_number .input_check {
  display: flex;
  position: relative;
  /*
                        input[type="radio"]{
                            background-color: white;
                            border: 1px solid black;
                            margin-left: 0px;
                            margin-top: 1px;
                            width: 15px;
                            height: 15px;
                            margin-top: 5px;
                        }

                        input[type="radio"]:checked {
                            background-color: #a8c855;
                        }*/
}
.quantities_info .nav_quantities .views_dates .multiselect .checkboxes_part_number .input_check label {
  margin-top: 5px;
  font-weight: 400;
}
.quantities_info .nav_quantities .views_dates .multiselect .checkboxes_part_number .input_check:hover {
  background-color: #004983;
}
.quantities_info .nav_quantities .views_dates .notInfo {
  margin: 0px;
  margin-top: 5px;
  margin-left: 13px;
  width: 98%;
}
.quantities_info .nav_quantities .views_dates .btn_form_control {
  border: none !important;
  background-color: #4A90E2;
}
.quantities_info .nav_quantities .views_dates .btn_quantities {
  position: relative;
  left: 0px;
  margin: 0px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .row {
  margin: 0px;
  padding: 0px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .child_btn:nth-child(1) {
  display: flex;
  justify-content: start;
  margin-left: -15px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .child_btn:nth-child(2) {
  position: relative;
  left: 32px;
  margin-top: 30px;
  align-items: end;
  justify-content: end;
  text-align: end;
  /*
                    display: flex;
                    justify-content: end;
                    position: relative;
                    left: 30px;
                    margin-top: 30px;*/
}
.quantities_info .nav_quantities .views_dates .btn_quantities .child_btn:nth-child(2) button {
  margin-left: 6px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .slash_filtre {
  position: absolute;
  margin-left: -17px;
  margin-top: 2px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child {
  padding-left: 3px;
  margin: 0px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child label {
  display: flex;
  justify-content: start;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .slash_filtre {
  position: absolute;
  margin-left: -17px;
  margin-top: 2p;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect.dropdown-toggle {
  position: relative;
  border-radius: 0px;
  border: none;
  width: 100%;
  height: 32px;
  border: 1px solid #cccccc;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container {
  margin: 0px;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 0px;
  width: 456px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container .multiselect-filter {
  border-top: 1px solid;
  border: 1px solid #cccccc;
  width: 426px;
  position: relative;
  top: 10px;
  left: 5px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container .multiselect-filter > input.multiselect-search {
  position: relative;
  margin: 0px;
  padding: 0px;
  border: none;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container .multiselect-all {
  margin-top: 20px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container .multiselect-all .form-check-label {
  color: #A5C957;
  font-weight: bolder;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container .dropdown-item label {
  font-weight: 400;
  color: gray;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container .dropdown-item .form-check > .form-check-input {
  border: 1px solid #cccccc;
  position: absolute;
  top: -5px;
  left: -8px;
  height: 18px;
  width: 20px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container .dropdown-item input[type=checkbox]:checked {
  background-color: white;
  border-radius: 0px;
  border: 1px solid #cccccc;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container .dropdown-item input[type=checkbox]:checked + label::before {
  content: "";
  display: block;
  position: absolute;
  text-align: center;
  height: 10px;
  width: 10px;
  left: 1px;
  top: 4px;
  background-color: #A5C957;
  border-radius: 0px;
  border: 0px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .btn-group.show .dropdown-item.multiselect-all.active,
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .btn-group.show .multiselect-option.dropdown-item.active {
  background-color: transparent!important;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .btn-group.show .multiselect-container .multiselect-all:focus,
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .btn-group.show .multiselect-container .multiselect-all:hover,
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .btn-group.show .multiselect-container .multiselect-group:focus,
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .btn-group.show .multiselect-container .multiselect-group:hover,
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .btn-group.show .multiselect-container .multiselect-option:focus,
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .btn-group.show .multiselect-container .multiselect-option:hover {
  background-color: transparent!important;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-native-select .btn-group {
  /*  width: 276px; */
  margin: 0px;
  max-width: 300px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities .form_child:nth-child(4) {
  position: relative;
  top: 29px;
}
.quantities_info .nav_quantities .views_dates .btn_quantities input:focus,
.quantities_info .nav_quantities .views_dates .btn_quantities select:focus {
  background-color: white;
}
.quantities_info .nav_quantities .views_dates .dates_quantities {
  margin: 0px;
  padding: 0px;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion {
  margin-top: 15px;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .card {
  margin-top: 15px;
  border: none !important;
  background-color: #F0F0F0;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .card-header {
  position: relative;
  left: 0px;
  width: 100%;
  background-color: #004983;
  color: white;
  margin-top: 3px;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .view_tables {
  background-color: #F0F0F0;
  border: none !important;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .btn.collapsed {
  margin: 0 !important;
  padding: 0 !important;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .btn_table[aria-expanded="true"] {
  position: relative;
  left: -14px;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .btn_table[aria-expanded="true"] .arrow_down_hidde {
  display: none !important;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .btn_table[aria-expanded="true"] .arrow_down_show {
  display: block !important;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .btn_table {
  display: flex;
  justify-content: space-between;
  color: white;
  font-weight: bolder;
  font-size: 14px;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .btn_table .btn_data_child:nth-child(2) {
  margin-left: 10px;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .btn_table .arrow_down_show {
  display: none !important;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .btn_table span {
  margin-left: 12px;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .table_acordion {
  margin-top: 15px;
  color: white;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .table_acordion thead {
  background-color: #004983;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .table_acordion tbody {
  background-color: white;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .table_acordion tbody tr > td {
  color: black;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_quantities_checkboxes {
  position: relative;
  margin: 0px;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: -5px;
  /*
                    input[type=checkbox] {
                        width: 17px;
                        height: 17px;
                        //background-color: white;
                        //border: 1px solid black;
                        //border-radius: 20%;
                        cursor: pointer;
                        margin: 0px;
                    }
                    */
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_quantities_checkboxes .check-out,
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_quantities_checkboxes .check-out-v2 {
  background-color: white;
  cursor: pointer;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_quantities_checkboxes input[type="checkbox"]:checked {
  background-color: #a8c855;
  /*position: relative;
                        right: 2px;
                        top: 4px;
                        right: 4px;
                        width: 10px;
                        height: 10px;
                        */
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_quantities_checkboxes label {
  margin-left: 5px;
  margin-top: 0;
  font-weight: 400;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .quantities_tables {
  margin-top: -10px;
  margin-bottom: 10px;
}
.quantities_info .nav_quantities .views_dates .dates_quantities .dates_quantities_checkboxes > .row .form_check_quantities {
  position: relative;
  left: 6px;
  margin: 0px;
  padding: 0px;
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.quantities_info .nav_quantities .views_dates .quantities_time_dates {
  position: relative;
  display: flex;
  left: 7px;
  justify-content: start;
  background-color: #F5E136;
  margin: 0px;
  padding: 0px;
}
.quantities_info .nav_quantities .views_dates .quantities_time_dates i {
  font-size: 20px;
  margin-top: 3px;
}
.quantities_info .nav_quantities .views_dates .quantities_time_dates span {
  margin-top: 4px;
  margin-left: 5px;
  font-size: 16px;
  font-weight: bold;
}
.quantities_info .nav_quantities .views_dates .dauthgermissions {
  font-size: 13px;
}
.quantities_info .nav_quantities .views_dates .dauthgermissions .info_general {
  background-color: #a8c855;
}
.quantities_info .nav_quantities .views_dates .dauthgermissions .icon_check {
  color: #a8c855;
}
.quantities_info .nav_quantities .views_dates .dauthgermissions .quantities_time_dates_table {
  background-color: #F5E136;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
.quantities_info .nav_quantities .views_dates .dauthgermissions .quantities_time_dates_table i {
  font-size: 20px;
  margin-top: 3px;
}
.quantities_info .nav_quantities .views_dates .dauthgermissions .quantities_time_dates_table span {
  position: relative;
  top: -3px;
  margin-top: 4px;
  margin-left: 5px;
  font-size: 16px;
  font-weight: bold;
}
.quantities_info .nav_quantities .views_dates .dauthgermissions .info_tittle {
  background-color: #004983;
  color: white;
  padding: 0px;
  margin: 0px;
}
.quantities_info .nav_quantities .views_dates .dauthgermissions .info_tittle .icon {
  font-size: 20px;
  color: gray;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
}
.quantities_info .nav_quantities .views_dates .dauthgermissions .reject {
  background-color: #c9282d;
  color: white;
}
.quantities_info .nav_quantities .views_dates .dauthgermissions .icon_dauthgermissions_child {
  cursor: pointer;
}
.quantities_info .nav_quantities .views_dates .dauthgermissions .dauthgermissions_child,
.quantities_info .nav_quantities .views_dates .dauthgermissions .dauthgermissions_child_by_items {
  display: none;
}
.quantities_info .nav_quantities .views_dates .dauthgermissions .inpectes span {
  margin-left: 5px;
}
.quantities_info .nav_quantities .info-column-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.quantities_info .nav_quantities .info-column-title .fa-info-circle {
  font-size: 14px;
  padding-left: 5px;
}
.quantities_info .nav_quantities nav > div > a {
  margin: 0px;
  padding: 0px;
}
.quantities_info .nav_quantities nav > div a.nav-item.nav-link,
.quantities_info .nav_quantities nav > div a.nav-item.nav-link.active {
  color: #000000;
  font-size: 13px;
  text-align: center;
  border: none;
  background: #F0F0F0;
  border-radius: 0;
  margin: 0px;
}
.quantities_info .nav_quantities nav > .nav.nav-tabs {
  border: none;
  border-radius: 0;
}
.quantities_info .nav_quantities nav > div a.nav-item.nav-link.active {
  display: flex;
  justify-content: center;
}
.quantities_info .nav_quantities nav > div a.nav-item.nav-link.active .content_nav {
  border-bottom: 3px solid #616368;
  width: 50%;
}
.quantities_info .nav_quantities nav > div a.nav-item.nav-link.active:after {
  content: "";
  position: relative;
  bottom: -30px;
  left: -29%;
  border: 15px solid transparent;
  border-top-color: #616368;
}
#ModalShowContainerPhotos .title {
  color: #808080;
}
#ModalShowContainerPhotos .labelInfo {
  font-size: larger;
  font-weight: bold;
  overflow-wrap: break-word;
}
#ModalShowContainerPhotos .item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#ModalShowContainerPhotos .modal-dialog-scrollable .modal-body {
  overflow-x: hidden;
}
#ModalShowContainerPhotos .modal-body {
  min-height: 720px;
}
#ModalShowContainerPhotos .partNumberAndDescriptionContainer,
#ModalShowContainerPhotos .defectContainer,
#ModalShowContainerPhotos .missionNumberContainer,
#ModalShowContainerPhotos .incidentTypeAndNumberContainer,
#ModalShowContainerPhotos .photoDateTimeContainer,
#ModalShowContainerPhotos .traceabilityDataContainer,
#ModalShowContainerPhotos .commentContainer {
  margin-bottom: 15px;
}
#ModalShowContainerPhotos .carousel-inner {
  height: 720px;
}
#ModalShowContainerPhotos .headerCarouselContainer {
  position: absolute;
  left: 0;
  top: 0;
  color: white;
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
  height: 60px;
  z-index: 2;
}
#ModalShowContainerPhotos .buttonContainer {
  float: left;
  display: block;
  width: 100px;
  margin-left: 1rem;
  margin-top: -47px;
}
#ModalShowContainerPhotos .imageNumberContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
#ModalShowContainerPhotos .originalImg {
  opacity: 0;
  width: 720px;
}
.charts_info {
  background-color: #F0F0F0;
}
.charts_info .nav_charts .nav-tabs {
  border: none;
  border: 0;
  border-radius: 0;
  background-color: #F0F0F0;
}
.charts_info .nav_charts nav > div a.nav-item.nav-link,
.charts_info .nav_charts nav > div a.nav-item.nav-link.active {
  color: #000000;
  font-size: 13px;
  text-align: center;
  border: none;
  background: #F0F0F0;
  border-radius: 0;
  margin: 0px;
}
.charts_info .nav_charts nav > div a.nav-item.nav-link.active {
  display: flex;
  justify-content: center;
}
.charts_info .nav_charts nav > div a.nav-item.nav-link.active .content_nav {
  width: 70%;
  background-color: #F0F0F0;
  border-bottom: 3px solid #616368;
}
.charts_info .nav_charts nav > div a.nav-item.nav-link.active:after {
  content: "";
  position: relative;
  bottom: -30px;
  left: -39%;
  border: 15px solid transparent;
  border-top-color: #616368;
}
.charts_info .dates_charts .tab-pane.fade.active.show {
  display: block;
}
.charts_info .dates_charts .tab-pane.fade.active.show .chartWrapper {
  margin-top: 15px;
}
.charts_info .dates_charts .tab-pane.fade {
  display: none;
}
.charts_info .dates_charts .filtre_chart {
  padding: 0px;
  justify-content: center;
  gap: 10px;
}
.charts_info .dates_charts .filtre_chart .filtres {
  display: flex;
  width: calc(20% - 10px);
}
.charts_info .dates_charts .filtre_chart .filtres label {
  text-align: left;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child {
  /* margin-left: 11px; */
  width: 100%;
  display: flex;
  flex-direction: column;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group {
  /*  width: 295px; */
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group .multiselect.dropdown-toggle {
  border-radius: 0px;
  height: 34px;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container {
  margin: 0px;
  margin-top: 5px;
  width: 100%;
  min-width: 250px;
  padding: 10px;
  /*  border: gray 1px solid; */
  border-radius: 0;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-filter {
  position: relative;
  top: 5px;
  margin-left: 5px;
  margin-bottom: 11px;
  /*  border: 1px solid gray; */
  border: 1px solid #cccccc;
  width: 95%;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-filter > input.multiselect-search {
  position: relative;
  margin: 0px;
  padding: 0px;
  border: none;
  margin-left: 5px;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-option .form-check .form-check-input,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-all.active .form-check .form-check-input {
  position: absolute;
  left: -10px;
  bottom: 0px;
  border: 1px solid #cccccc;
  width: 20px;
  height: 20px;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-option .form-check input[type=radio]:checked,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-all.active .form-check input[type=radio]:checked {
  background-color: white;
  border: 1px solid #cccccc;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-option .form-check input[type=checkbox]:checked,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-all.active .form-check input[type=checkbox]:checked {
  background-color: white;
  border-radius: 0px;
  border: 1px solid #cccccc;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-option .form-check input[type=checkbox]:checked + label::before,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-all.active .form-check input[type=checkbox]:checked + label::before,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-option .form-check input[type=radio]:checked + label::before,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-all.active .form-check input[type=radio]:checked + label::before {
  content: "";
  display: block;
  position: absolute;
  text-align: center;
  height: 10px;
  width: 10px;
  left: -1px;
  top: 5px;
  background-color: #A5C957;
  border-radius: 0px;
  border: 0px;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-option .form-check input[type=radio]:checked + label::before,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-all.active .form-check input[type=radio]:checked + label::before {
  border-radius: 15px;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-option.active,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-option.dropdown-item,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-all {
  background-color: transparent!important;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-option.active .form-check-input,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-option.dropdown-item .form-check-input,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-all .form-check-input {
  position: absolute;
  left: -10px;
  bottom: 0px;
  border: 1px solid #cccccc;
  width: 20px;
  height: 20px;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-option.active label,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-option.dropdown-item label,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .dropdown-item.multiselect-all label {
  color: #454545;
  font-weight: 400;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container .multiselect-all:focus,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container .multiselect-all:hover,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container .multiselect-group:focus,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container .multiselect-group:hover,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container .multiselect-option:focus,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container .multiselect-option:hover {
  background-color: transparent!important;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container .multiselect-all:focus label,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container .multiselect-all:hover label,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container .multiselect-group:focus label,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container .multiselect-group:hover label,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container .multiselect-option:focus label,
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group.show .multiselect-container .multiselect-option:hover label {
  color: #000000;
  font-weight: 400;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .multiselect-selected-text {
  color: #888888;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child input[type="text"] {
  height: 34px;
  font-family: "Noto Sans", sans-serif;
  font-size: initial;
  color: #888888;
  background-color: #FFF;
}
.charts_info .dates_charts .filtre_chart .filtres .filtres_child .btn {
  font-size: 12px;
  height: 34px;
}
.charts_info .dates_charts .filtre_chart .filtres .dropdown button {
  width: 100%;
  border-radius: 0;
  border: 1px solid #cccccc;
  background-color: white;
  text-align: left;
}
.charts_info .dates_charts .filtre_chart .filtres .dropdown span {
  color: #888888;
}
.charts_info .dates_charts .filtre_chart .filtres .dropdown .dropdown-toggle::after {
  float: right;
  margin-top: 10px;
}
.charts_info .dates_charts .filtre_chart .filtres .dropdown .button_select_color_evo::after {
  position: relative;
  bottom: 10px;
  margin: 0 !important;
}
.charts_info .dates_charts .filtre_chart .filtres .dropdown .button_select_color::after {
  position: relative;
  bottom: 10px;
  margin: 0 !important;
}
.charts_info .dates_charts .filtre_chart .filtres .dropdown .dropdown-menu {
  width: 100%;
  min-width: 250px;
  border-radius: 0;
}
.charts_info .dates_charts .filtre_chart .filtres .dropdown .dropdown-menu .form-group {
  margin: 0;
}
.charts_info .dates_charts .filtre_chart .filtres .dropdown .dropdown-menu .list-group-item {
  border: none;
  padding: 0.25rem 1rem;
}
.charts_info .dates_charts .chartAreaWrapper {
  display: block;
  margin: auto;
  width: 100%;
  min-width: 545px;
}
.charts_info .dates_charts .chartAreaWrapper .info_filtre {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  /*
                div{
                    margin-left: 5px;
                }
                */
}
.charts_info .dates_charts .chartAreaWrapper .info_filtre .icon_info {
  position: relative;
  top: 10px;
  font-size: 20px;
}
.charts_info .dates_charts .chartAreaWrapper .info_filtre button {
  width: 100%;
  font-size: initial;
}
.charts_info .dates_charts .chartAreaWrapper .info_filtre button::after {
  color: black;
}
.charts_info .dates_charts .chartAreaWrapper .info_filtre .dropdown-menu {
  color: black;
  font-weight: 400;
  position: relative;
  /*  left: -6px !important; */
}
.icon_info_claims {
  position: relative;
  top: 2px;
  font-size: 15px;
  color: black;
}
.icon_info_mission .tooltip > .tooltip-inner {
  max-width: 500px !important;
  width: 500px !important;
}
.chart-size {
  max-height: 400px;
}
.hourly_info {
  margin: 0px;
  padding: 0px;
  background-color: #F0F0F0;
}
.hourly_info .hourly_more_info {
  color: black;
  margin: 0;
  padding: 0;
}
.hourly_info .hourly_more_info .table_hourly {
  margin: 0;
  margin-bottom: 5px;
  margin-top: 5px;
  background-color: white;
}
.hourly_info .hourly_more_info .table_hourly .head {
  background-color: #A5C957;
  font-weight: bold;
}
.piece_price_info {
  margin: 0px;
  padding: 0px;
  background-color: #F0F0F0;
}
.piece_price_info .desc_info {
  margin: 0;
  padding: 0;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-style: oblique;
}
.piece_price_info .desc_info .content_1::after {
  content: "\a";
  white-space: pre;
}
.piece_price_info .pieces_info {
  margin: 0;
  padding: 0;
}
.piece_price_info .pieces_info .table_pieces_info {
  background-color: white;
  margin: 0px;
}
.piece_price_info .pieces_info .table_pieces_info .ActionTypeId {
  background-color: #FAE016;
}
.piece_price_info .pieces_info .table_pieces_info .head {
  color: white;
  background-color: #004983;
  font-weight: bold;
}
.hourly_info {
  margin: 0px;
  padding-left: 0px;
  width: 100%;
  background-color: #F0F0F0;
}
.content_document {
  position: relative !important;
  margin: 0px;
  padding-left: 0px;
  width: 100%;
  background-color: #F0F0F0;
}
.content_document .document_info .dropdown-menu {
  position: relative !important;
  margin-top: 2px !important;
  transform: none !important;
}
.content_document .filtre_chart,
.content_document .child_btn {
  position: relative !important;
}
.content_document .filtre_chart .dropdown-menu:not(.daterangepicker),
.content_document .child_btn .dropdown-menu:not(.daterangepicker) {
  top: 30px !important;
  margin-top: 10px !important;
  transform: none !important;
}
.nav_no_login {
  background-color: #004983;
}
.nav_no_login .navbar-header {
  position: absolute;
  top: -5px;
  left: 10px;
}
.nav_no_login .nav_no_login_menu {
  position: absolute;
  top: 15px;
  left: 95%;
  width: 4%;
}
.nav_no_login .nav_no_login_menu .dropdown-toggle::after {
  color: white;
  padding: 0px;
  margin: 0px;
}
.nav_no_login nav.navbar-databis.admin ul.navbar-nav > li > a {
  color: white;
  text-decoration: none;
  font-weight: 400;
}
.nav_no_login .nav_no_login_ul {
  position: absolute;
  top: 30px;
}
.nav_no_login .nav_no_login_ul .langslist:hover {
  cursor: pointer;
}
.nav_no_login .añadir-flecha:before {
  top: -5px;
  bottom: auto;
  left: 253px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: '';
  position: absolute;
  display: block;
  background: #fff;
  width: 10px;
  height: 10px;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.not_login_claim {
  background-color: white;
  padding: 10px 30px;
}
.not_login_claim .breadcrumb {
  padding: 0;
  padding-left: 10px;
  padding-top: 10px;
}
.not_login_claim .contenedor {
  margin: 0px;
}
.missions_info_details {
  padding-left: 2px;
  margin: 0px;
  width: 100%;
  height: 100%;
}
.missions_info_details .details_mission {
  padding: 0px;
  margin: 0px;
}
.missions_info_details .dates_details {
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  display: flex;
}
.missions_info_details .parent_info_details {
  padding: 0px;
  margin: 0px;
  margin-bottom: 1px;
  margin-top: 2px;
  color: #7F7F81;
  background-color: #E6E8EB;
  border-radius: 3px 3px 3px 3px;
  display: flex;
  /* RIGHT ARROW */
}
.missions_info_details .parent_info_details .child_info_details,
.missions_info_details .parent_info_details .other_details {
  padding: 10px;
  margin: 0px;
  width: 100%;
}
.missions_info_details .parent_info_details .child_info_details {
  position: relative;
  background-color: #ADAFB2;
  color: white;
  font-weight: bold;
}
.missions_info_details .parent_info_details .child_info_details:before,
.missions_info_details .parent_info_details .child_info_details:after {
  content: " ";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.missions_info_details .parent_info_details .arrowRight:before,
.missions_info_details .parent_info_details .arrowRight:after {
  border-bottom: 20px  solid transparent;
  border-top: 21px solid transparent;
  top: 0px;
}
.missions_info_details .parent_info_details .arrowRightItems:before,
.missions_info_details .parent_info_details .arrowRightItems:after {
  border-bottom: 31px  solid transparent !important;
  border-top: 30px solid transparent !important;
  top: 0px;
}
.missions_info_details .parent_info_details .arrowRight:after {
  border-left: 16px solid #ADAFB2;
  right: -15px;
  z-index: 2;
}
.missions_info_details .parent_info_details .arrowRight:before {
  border-left: 16px solid #ADAFB2;
  right: -16px;
  z-index: 1;
}
.to_sign #btns-sign {
  display: flex;
  justify-content: end;
  align-items: center;
  align-content: flex-end;
  gap: 20px;
  padding: 0px;
  margin: 0px;
}
.to_sign #btns-sign .btn_text {
  font-size: 0.8em;
}
.div_documents {
  margin: 0px;
  padding: 0px;
  background-color: #F0F0F0;
}
.div_documents .icon {
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: green;
  margin-top: 5px;
}
.div_documents .icon i {
  margin-top: 2px;
  font-size: 30px;
}
#ModalChangePassword .input-group-addon {
  background-color: transparent;
  border: none;
  color: #808080;
  font-size: 16px;
  padding: 0 !important;
}
#ModalChangePassword .modal-dialog {
  max-width: 500px;
}
#ModalChangePassword .modal-body {
  padding: 20px;
  text-align: left;
}
#ModalChangePassword .modal-header h1 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
}
#ModalChangePassword input[type="password"],
#ModalChangePassword input[type="text"] {
  border: 1px solid #cccccc;
}
#password-information {
  color: #808080;
}
#password-error,
#password-information {
  text-align: left;
  font-size: 10px;
}
.document_library.libraries {
  background-color: transparent;
}
.document_library.libraries .other_data {
  margin-bottom: 8px;
}
.document_library.libraries .document_library {
  background-color: transparent;
}
.not_link {
  pointer-events: none;
  opacity: 0.5;
  filter: alpha(opacity=40);
}
#filter-zone-criteria {
  font-size: 12px;
}
#filter-zone-criteria .title-filter {
  display: inline-block;
  vertical-align: middle;
}
#filter-zone-criteria ul {
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  margin: 0;
  padding: 0;
}
#filter-zone-criteria ul li {
  display: inline-block;
  max-width: 200px;
  padding-right: 20px;
}
#filter-zone-criteria ul li {
  display: inline-block;
  max-width: 200px;
  padding-right: 20px;
}
#filter-zone-criteria ul li i.fas {
  width: 15px;
}
#filter-zone-criteria ul li:hover {
  text-decoration: underline;
}
#filter-zone-criteria ul li:hover i {
  color: #c9282d;
}
#load-text {
  text-align: center;
  margin-top: 15px;
  color: #a8c855;
  font-weight: 400;
}
#ModalCantDl {
  text-align: left;
}
#ModalCantDl h4 {
  font-size: 18px;
}
.dl-background {
  background-repeat: no-repeat;
  background-position: 50%;
  height: 40px;
  width: 40px;
  cursor: pointer;
}
.download-document {
  background-image: url("../img/download_32x32.png");
}
.download-excel {
  background-image: url("../img/excel.png");
}
.download-pdf {
  background-image: url("../img/pdf.png");
}
.download-flash-excel {
  background-image: url("../img/flash-excel.png");
}
.download-flash-pdf {
  background-image: url("../img/flash-pdf.png");
}
.download-flash-balance {
  background-image: url("../img/flash-balance.png");
}
.download-ir-excel {
  background-image: url("../img/ir-excel.png");
}
.download-ir-pdf {
  background-image: url("../img/ir-pdf.png");
}
.download-ir-balance {
  background-image: url("../img/ir-balance.png");
}
.important-announcement-icon {
  font-size: 16px;
}
.sign-terms-link {
  font-size: 12;
}
.supplant_active .check-out,
.supplant_active label,
.supplant_active .check-out-v2 {
  pointer-events: none;
}
/*
#ModalAnuncio .modal-body h1, #ModalAnuncio .modal-body h2, #ModalAnuncio .modal-body h3, #ModalAnuncio .modal-body h4,
#ModalAnuncio .modal-body h5, #ModalAnuncio .modal-body h6, #ModalAnuncio .modal-body p, #ModalAnuncio .modal-body td,
#ModalAnuncio .modal-body th {
    word-break: break-all;
}
*/
#ModalAnuncio .modal-body img {
  width: 100%;
  height: auto;
}
/*
#ModalPreviewAnuncio .modal-body h1, #ModalPreviewAnuncio .modal-body h2, #ModalPreviewAnuncio .modal-body h3, #ModalPreviewAnuncio .modal-body h4,
#ModalPreviewAnuncio .modal-body h5, #ModalPreviewAnuncio .modal-body h6, #ModalPreviewAnuncio .modal-body p, #ModalPreviewAnuncio .modal-body td,
#ModalPreviewAnuncio .modal-body th {
    word-break: break-all;
}
*/
#ModalPreviewAnuncio .modal-body img {
  width: 100%;
  height: auto;
}
.mobile-dl-pdf {
  font-size: 14px;
  color: white;
  background-color: #004983;
  padding: 10px;
  margin: auto;
  display: block;
  width: 70%;
  text-align: center;
}
.modal-header-annnouncement {
  min-height: 16.42857143px;
  padding: 15px;
  color: #ffffff;
  background-color: #4a90e2;
}
.btn-preview-modal {
  background-color: #004983;
  color: white !important;
  padding: 12px 46px !important;
  font-size: 14px;
  text-decoration: none !important;
}
#form-excel-customer-claims .select-forms,
#form-view-list .select-forms {
  display: inline-flex;
}
#form-excel-customer-claims .select-forms .dropdown,
#form-view-list .select-forms .dropdown {
  width: 200px;
}
.sidebar-no-icon {
  color: #004983 !important;
}
.filtersTour .right-filters {
  display: flex;
  width: 40%;
}
#ModalShowMissionGallery .btn-custom,
#ModalShowContainerPhotos .btn-custom {
  background-color: #4A90E2;
  display: inline-block;
  width: 40px;
}
#ModalShowMissionGallery .modal-container,
#ModalShowContainerPhotos .modal-container {
  position: relative;
}
#ModalShowMissionGallery .modal-container [aria-label="Close"],
#ModalShowContainerPhotos .modal-container [aria-label="Close"] {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 30px;
  border-radius: 50%;
  z-index: 99;
  width: 30px;
  background-color: lightgray;
}
#ModalShowMissionGallery .modal-container [aria-label="Close"] i,
#ModalShowContainerPhotos .modal-container [aria-label="Close"] i {
  position: absolute;
  right: 0;
  font-size: 17px;
  transform: translate(-76%, 38%);
}
#ModalShowMissionGallery div[id^="accordion-gallery-"] [data-toggle="collapse"] .fas::before,
#ModalShowContainerPhotos div[id^="accordion-gallery-"] [data-toggle="collapse"] .fas::before {
  content: "\f0d7";
}
#ModalShowMissionGallery div[id^="accordion-gallery-"] [data-toggle="collapse"].collapsed .fas::before,
#ModalShowContainerPhotos div[id^="accordion-gallery-"] [data-toggle="collapse"].collapsed .fas::before {
  content: "\f0da";
}
.tour-form .dropdown.bootstrap-select.form-control,
.tour-steps .dropdown.bootstrap-select.form-control {
  height: 33px;
}
.tour-step-order {
  background-color: #004983;
  width: 40px;
  height: 40px;
  text-align: center;
  display: flex;
  color: #ffffff;
  margin-bottom: 5px;
}
.tour-step-order span {
  margin: auto;
}
.tour-step-button {
  border: 1px solid #c0c0c0;
}
.color-texto-azul-trigo {
  color: #004983 !important;
}
.remember_save::after {
  float: right;
  font-size: 20px;
  position: absolute;
  color: #c9282d;
  content: "*";
  top: -4px;
  right: 2px;
}
.help-item-block > .row:first-child {
  margin-top: 12px;
}
.tour-message-error {
  position: fixed;
  z-index: 10;
  width: 72%;
  top: auto;
  left: auto;
}
.tour-step-block .form-control[readonly] {
  background-color: transparent;
}
.new-tour-step {
  background-color: rgba(168, 200, 85, 0.3);
}
.new-tour-step,
.error-tour-step {
  padding: 10px;
}
.new-tour-step .btn-group-vertical button,
.error-tour-step .btn-group-vertical button {
  background-color: white;
}
.new-tour-step input[type="text"],
.error-tour-step input[type="text"] {
  background-color: white;
}
.error-tour-step {
  background-color: rgba(200, 85, 85, 0.1);
}
.texto-corto-two-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.google-visualization-tooltip {
  pointer-events: none;
}
#ModalTermsConditions .modal-footer button:disabled {
  opacity: 0.3 !important;
}
.only-superadmin-inputs,
.only-superadmin-inputs + button.dropdown-toggle.btn,
.only-superadmin-inputs + .bootstrap-filestyle input {
  background-color: transparent !important;
  border-color: transparent !important;
  cursor: default !important;
}
.only-superadmin-inputs + button.dropdown-toggle.btn::after {
  display: none;
}
.form-group .info-text .badge {
  padding: 5px 10px;
}
.color-btn-activate {
  color: #ffffff !important;
  background-color: #A5C957;
}
.color-btn-activate:hover,
.color-btn-activate:focus {
  color: #ffffff !important;
  background-color: #A5C957;
}
.color-btn-deactivate {
  color: #ffffff !important;
  background-color: #333333;
}
.color-btn-deactivate:hover,
.color-btn-deactivate:focus {
  color: #ffffff !important;
  background-color: #333333;
}
/* Shepperd */
.shepherd-content {
  border-radius: 0 !important;
}
.shepherd-content .shepherd-header {
  height: 30px !important;
  border-radius: 0 !important;
  background-color: #004983 !important;
  padding: 20px 10px !important;
}
.shepherd-content .shepherd-header h3 {
  margin-top: 2px;
  color: white;
}
.shepherd-content .shepherd-header .shepherd-cancel-icon span {
  color: white;
  font-size: 25px !important;
}
.shepherd-content .shepherd-text {
  font-size: inherit;
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.shepherd-content .shepherd-text .tour-title {
  margin-top: 2px;
  font-size: 12px;
  color: black;
  font-style: italic;
  margin-bottom: 0.75em;
}
.shepherd-content .shepherd-text img {
  max-width: 100% !important;
  height: 100% !important;
}
.shepherd-content .shepherd-footer {
  justify-content: end;
  padding: 0.75rem;
}
.shepherd-content .shepherd-footer .shepherd-button {
  border-radius: 0;
  text-align: center;
  font-size: 12px;
  background-color: #004983;
  color: white;
}
.shepherd-content .shepherd-footer .shepherd-button:not(:disabled):hover {
  background-color: #004983;
  color: white;
}
.shepherd-content .shepherd-footer .shepherd-button-secondary {
  background-color: #d6d9db !important;
  color: black;
}
.shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:not(:disabled):hover {
  background-color: #d6d9db !important;
  color: black;
}
/* Shepperd end */
.tour-see-again {
  color: #f0ad4e !important;
}
.color-btn-show-again {
  color: #ffffff !important;
  background-color: #f0ad4e;
}
.color-btn-show-again:hover {
  color: #ffffff !important;
  background-color: #f0ad4e;
}
.filtersTour .right-filters {
  justify-content: flex-end;
}
.filtersTour .tour-profile-filter {
  width: 40%;
}
.filtersHelp .right-filters {
  width: 40%;
  justify-content: flex-end;
  display: flex;
}
.filtersHelp .help-platform-filter {
  width: 40%;
}
.color-btn-copiar {
  color: #ffffff !important;
  background-color: #004982;
}
.color-btn-copiar i {
  font-size: 16px;
  margin-left: -2px;
  margin-top: 0;
}
.color-btn-copiar:hover,
.color-btn-copiar:focus {
  color: #ffffff !important;
  background-color: #004982;
}
.fancybox__content {
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}
.date-icon {
  height: 30px !important;
}
.input-group input[name="date"] {
  font-size: 12px !important;
}
.cc-user-card-header {
  padding: 0.75rem 0.55rem;
}
.data-tour-params-button button {
  border-radius: 0;
}
input.form-control,
.select-forms .dropdown-toggle,
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-family: 'Noto Sans', arial, sans-serif !important;
  font-size: 12px !important;
  color: #888888 !important;
}
.selectize-control.single .selectize-input:after {
  border-color: #888888 transparent transparent transparent !important;
}
.check-out,
.check-out-v2 {
  border-color: #cccccc;
}
::placeholder {
  color: #888888 !important;
}
.selectize-dropdown .selectize-dropdown-content .option.active {
  background-color: #004983;
}
#datetimepicker .dropdown-menu td:hover {
  background-color: #004983;
  color: white;
}
#datetimepicker .dropdown-menu td.active {
  background-color: #004983;
  color: white;
}
.btn-file {
  font-size: 12px;
}
.file_label {
  color: #212529;
}
.etraq-text {
  position: absolute;
  top: 50%;
  z-index: 999;
  right: 12px;
  transform: translateY(-50%);
}
.custom-select {
  font-size: 12px;
}
.daterangepicker,
.input-group-text {
  border-radius: 0;
}
.input-group-append.date-icon {
  cursor: pointer;
}
.selectpicker-form .select-forms button.dropdown-toggle,
.selectpicker-form .bootstrap-select button.dropdown-toggle {
  border-color: #cccccc !important;
}
.selectpicker-form .select-forms button.dropdown-toggle::after,
.selectpicker-form .bootstrap-select button.dropdown-toggle::after {
  font-size: 18px;
  margin-right: 7px;
  vertical-align: 0.1em;
}
.selectpicker-form .dropdown.bootstrap-select.form-control button {
  min-height: 34px;
}
.selectpicker-form .dropdown.bootstrap-select.form-control button .filter-option {
  padding: 6px 12px 6px 12px;
}
.selectpicker-form .dropdown.bootstrap-select.form-control button .filter-option .filter-option-inner-inner {
  margin-top: 4px;
}
.tox-tinymce,
.tox .tox-statusbar {
  border-color: #cccccc !important;
}
.singledate-icon,
.date-icon,
.time-icon {
  cursor: pointer;
}
.document-mission-sel {
  width: 292px !important;
}
.file-edit-date {
  display: inline-flex;
  width: 15%;
}
.file-edit-date .singledate-icon {
  height: 21px;
  width: 40px;
}
.file-edit-date .singledate-icon .input-group-text {
  font-size: 14px;
}
.password-eye-icon {
  position: absolute;
  right: 5px;
  top: 14px;
  color: #a8c855;
  cursor: pointer;
  z-index: 20;
}
.password-eye-icon-zones {
  right: 10px;
  top: 40px;
}
.dropdown-toggle .filter-option-inner-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.selectize-control.form-control.copy_email_selectize,
.selectize-control.form-control.recipient_email_copy {
  height: calc(1.5em + 0.75rem + 2px);
}
.selectize-control.form-control.copy_email_selectize .selectize-input,
.selectize-control.form-control.recipient_email_copy .selectize-input {
  min-height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
}
#copy_email_selectize,
.recipient_email_copy.selectized {
  margin-bottom: 5px;
}
.form-control {
  border-color: #cccccc !important;
}
.reminder-disabled label,
.reminder-disabled .mensaje-ayuda {
  color: #ccc !important;
}
.reminder-disabled .check-out-v2 input {
  opacity: 0.5;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background-color: #004983 !important;
}
.ranges li {
  background-color: transparent;
  border: none;
  color: black;
}
.ranges li:hover {
  background-color: #004983;
  border: none;
}
.ranges li.active {
  background-color: #004983 !important;
  border: 1px solid #004983 !important;
  color: #fff;
}
/* END V8 */
.elemento-lista-desplegable {
  padding: 10px;
  border-radius: 0;
  line-height: normal;
  height: auto;
  margin-bottom: 0;
}
.elemento-lista-desplegable .fa-caret-down {
  color: #004983 !important;
}
.collapse-group-customers {
  border: 1px solid #e2e2e2;
  padding: 10px 20px;
}
.collapse-group-customers .mission-container {
  overflow: auto;
  max-height: 300px;
}
.collapse-group-customers .show-more-missions {
  color: #004983 !important;
}
.search-customers-group-zone input {
  height: 30px !important;
  outline: none;
  background: #fff url(../img/search-icon-white.png) no-repeat 12px center;
  background-size: 15px;
  cursor: pointer;
  border: 1px solid #e6e6e6;
  padding-left: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
  box-sizing: border-box;
}
.show-partially-rejected .show-archived em {
  display: inline !important;
}
.show-partially-rejected .premium-access-section {
  padding-bottom: 20px;
  border-bottom: 1px solid #DDDDDD;
}
.show-partially-rejected .elemento-lista-site {
  padding: 10px;
  border-radius: 0;
  line-height: normal;
  height: auto;
  margin-bottom: 0;
}
.show-partially-rejected .elemento-lista-site .fa-caret-down {
  color: #004983 !important;
}
.show-partially-rejected .collapse-site-missions {
  border: 1px solid #e2e2e2;
  padding: 10px 20px;
}
.show-partially-rejected .collapse-site-missions .mission-container {
  overflow: auto;
  max-height: 300px;
}
.show-partially-rejected .collapse-site-missions .show-more-missions {
  color: #004983 !important;
}
/* START MEDIA QUERIES */
/*
@media screen and (min-width: 1200px) {
    .opcion-menu {
        width: calc(25% - 40px);
    }

    .opcion-menu-grande {
        width: calc(33.333333% - 30px);
    }

    //.opcion-menu:nth-child(4n),
    .opcion-menu-grande:nth-child(3n) {
        margin-right: 0 !important;
    }
}
*/
@media screen and (max-width: 1200px) {
  .btn-jump-doc {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    color: white !important;
    background-color: #ddd;
    text-align: center;
    font-size: 28px;
  }
  .btn-jump-doc:first-of-type {
    left: 0;
  }
  .btn-jump-doc:last-of-type {
    right: 0;
  }
}
/*
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .opcion-menu, .opcion-menu-grande {
        width: calc(33% - 23.3333px);
    }

    .opcion-menu:nth-child(3n), .opcion-menu-grande:nth-child(3n) {
        margin-right: 0 !important;
    }
}
*/
/* WE FIXED THE RESPONSIVE OF THE INPUT FORM INLINE */
@media screen and (max-width: 992px) {
  /*
    .filters {
        height: auto;
        display: block;
    }
    */
  .files-filters {
    width: 100%;
  }
  .files-filters.pull-right {
    float: none !important;
  }
  .responsive-campos {
    width: 100% !important;
  }
  .margin-bottom-responsive {
    margin-bottom: 15px !important;
  }
  .responsive-input {
    width: 100% !important;
  }
  .width-100 {
    width: 100% !important;
  }
  .editar.fix-height-label {
    padding-top: 1px;
  }
  .show-claim-container .actions-done-container {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .show-claim-container .actions-done-container .item_user_email {
    grid-column: 1/4;
  }
}
@media (min-width: 992px) {
  .files-filters {
    width: 56%;
  }
  /* NAVBAR */
  .navbar-toggle {
    display: none;
  }
  #collaborative-menu .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  /* END NAVBAR */
  .margen-top-btn-preview {
    margin-top: 29px;
  }
  .margen-top-help-language {
    margin-top: 21px;
  }
}
@media screen and (max-width: 768px) {
  .collaborative-menu:not(:has(li)) {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  /* NAVBAR */
  /*
    nav.navbar {
        ul.nav li {
            margin-top: 10px !important;
        }
    }
    */
  nav:not(.nav-customer) {
    /*
        .navbar-collapse.collapse:not(.in) {
            display: none !important;
        }*/
    /*ul.navbar-nav > li.dropdown.estilo-dropdown-perfil > a {
            width: 82px;
            margin-left: auto;
        }*/
  }
  nav:not(.nav-customer) button.navbar-toggle {
    display: block;
    z-index: 100;
  }
  nav:not(.nav-customer) .menu-nav-responsive {
    margin-left: 10px !important;
  }
  nav:not(.nav-customer) .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  nav:not(.nav-customer) .navbar-nav .open .dropdown-menu a {
    color: white;
  }
  nav:not(.nav-customer) ul.navbar-nav > li.dropdown > ul.dropdown-menu.estilo-dropdown > li > a:hover {
    color: #a8c855 !important;
  }
  nav:not(.nav-customer) .dropdown-menu.añadir-flecha.estilo-dropdown::before {
    display: none;
  }
  nav:not(.nav-customer) .navbar-nav.navbar-right.menu-perfil-nav-responsive {
    position: absolute;
    top: 0;
    right: 15px;
    padding-left: 0 !important;
    margin-top: 3px !important;
    margin-bottom: 0 !important;
  }
  nav:not(.nav-customer) .navbar-header {
    width: calc(100% - 145px);
    display: inline-block;
  }
  nav:not(.nav-customer) button.navbar-toggle {
    margin-top: 17px !important;
  }
  nav:not(.nav-customer) .navbar-nav .open .dropdown-menu.estilo-dropdown-perfil {
    position: absolute;
    float: none;
    width: auto;
    background-color: white;
    border: 0;
    box-shadow: 0 0 4px 0 #ccc;
    left: -160px;
    margin: 3px 0;
  }
  nav:not(.nav-customer) nav.navbar ul.nav.menu-perfil-nav-responsive li:nth-child(1) {
    float: left;
  }
  nav:not(.nav-customer) nav.navbar ul.nav.menu-perfil-nav-responsive li:nth-child(2) {
    /*  float: right; */
  }
  nav:not(.nav-customer) .navbar-nav {
    float: none !important;
    margin: 7.5px 0;
  }
  nav:not(.nav-customer) .navbar-nav > li {
    float: none;
  }
  nav:not(.nav-customer) .navbar-header {
    float: none;
  }
  .nav-customer .menu-perfil-nav-responsive {
    margin-top: 0 !important;
  }
  .nav-customer .navbar-nav {
    padding-left: 0 !important;
  }
  .nav-customer .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .nav-customer .navbar-nav .open .dropdown-menu {
    background-color: white;
  }
  .nav-customer .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .nav-customer .navbar-header {
    float: left;
  }
  .nav-customer .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .nav-customer nav.navbar-databis ul.estilo-dropdown-perfil {
    margin: 10px 0;
  }
  .nav-customer .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: none;
    width: auto;
    margin-top: 3px;
    background-color: white;
    border: 0;
    box-shadow: 0 0 4px 0 #ccc;
  }
  .nav-customer .navbar-nav > li {
    float: left;
  }
  .nav-customer .navbar-nav {
    margin: 0;
  }
  .nav-customer nav.navbar-databis ul.navbar-nav > li > a {
    margin-right: 0;
  }
  /* END NAVBAR */
  .btn-delete-recipient-card {
    top: -25px;
  }
  .top-btn-delete-recipient-card {
    top: 30px;
  }
  .padding-bottom-mediano-md {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sub_tittle_card_1,
  .excel_div {
    margin-top: 15px;
  }
  /*
    .opcion-menu, .opcion-menu-grande {
        width: calc(50% - 20px);
    }

    .opcion-menu:nth-child(2n), .opcion-menu-grande:nth-child(2n) {
        margin-right: 0 !important;
    }
    */
  .nombre-paso {
    display: none;
  }
  /* NAVBAR */
  nav:not(.nav-customer) .navbar-header {
    width: calc(100% - 175px);
    display: inline-block;
  }
  /* END NAVBAR */
}
@media (max-width: 889px) {
  .fila-info-show-document .order-number-show-file {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .hidden-email-div {
    min-height: 73px;
  }
  nav:not(.nav-customer) .navbar-toggle {
    display: none;
  }
  nav:not(.nav-customer) .navbar-nav > li.dropdown.estilo-dropdown-perfil {
    float: none;
  }
  nav:not(.nav-customer) nav.navbar-databis ul.navbar-nav > li > a {
    margin-right: 0;
  }
  nav:not(.nav-customer) .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  nav:not(.nav-customer) .navbar-right {
    /*
            float: none !important;
            margin-right: 0;
            position: absolute;
            */
    right: 10px;
    top: 8px;
  }
  nav:not(.nav-customer) ul.nav.navbar-nav.navbar-right.menu-perfil-nav-responsive li:nth-child(2) {
    /*  float: right; */
  }
  nav:not(.nav-customer) a.active-menu-drop {
    border-bottom: none;
  }
}
.logo-movil {
  display: none !important;
}
body {
  margin-bottom: 0 !important;
}
/* END NAVBAR */
.ck-content .table {
  width: auto;
}
.btn-safe-area {
  padding: 10px;
}
.btn-safe-area a {
  padding: 10px;
  background-color: #004982;
  color: white;
  text-decoration: none;
}
.btn-safe-area a:hover {
  background-color: #012947;
}
.survey-of {
  position: absolute;
  right: 0;
  top: 0;
}
.table_excel table,
.table_excel th,
.table_excel td {
  border: 1px solid black;
  border-collapse: collapse;
}
#upload.tab-pane {
  max-height: 55vh;
  overflow: auto;
}
.add_line_break {
  white-space: pre-wrap;
  word-wrap: break-word;
}
#ModalUpdateDocument .drop-file {
  padding: 10px 15px !important;
}
#ModalUpdateDocument .drop-file-modal p {
  font-size: 13px;
}
#ModalUpdateDocument #drop-file-text,
#ModalUpdateDocument .dropped-filename {
  width: 80% !important;
}
.customer_archived {
  color: #BDC3C7;
}
#cancelChangeLanguage .sk-cube-grid .sk-cube {
  background-color: white !important;
}
.pending-documents-notice.pdn-customer.disabled-option {
  opacity: 0.7;
  pointer-events: none;
}
.customers-list-filters {
  display: flex;
  width: 100%;
}
.customers-list-filters .select-forms {
  width: 200px;
  margin-right: 20px;
  position: relative;
}
.customers-list-filters .select-forms .loading-img {
  position: absolute;
  right: 15%;
  top: 5%;
}
.premium-access-data {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
#dl-premium-access-btn {
  color: #004983;
  font-size: 25px;
}
.premium-access-recently-added {
  background-color: rgba(168, 200, 85, 0.3);
}
@media (min-width: 1200px) {
  .body-show-document .info-traceability .show-documents-icons div:not(:last-child)::after {
    width: 35%;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .child_btn:nth-child(2) {
    display: flex;
  }
  .menu {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .menu .menu-center-two-items-0 {
    grid-column: 2/2;
  }
  .menu .menu-center-two-items-1 {
    grid-column: 3/4;
  }
  .menu-three-items {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .menu-one-item {
    grid-template-columns: 25% !important;
    justify-content: center !important;
  }
}
@media (min-width: 1000px) and (max-width: 1300px) {
  .contact_us {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .quantities_info > .nav_quantities .views_dates .btn_quantities .form_child {
    padding-left: 1px;
    margin: 0px;
    width: 45%;
  }
  .quantities_info > .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-native-select .btn-group {
    width: 221px;
    max-width: 300px;
  }
  .quantities_info > .nav_quantities .views_dates .btn_quantities .form_child:nth-child(4) {
    position: relative;
    top: 26px;
  }
  .quantities_info > .nav_quantities nav > div > a {
    margin: 0px;
    width: 20%;
  }
  .quantities_info > .nav_quantities nav > div a.nav-item.nav-link.active .content_nav {
    width: 63%;
  }
  .quantities_info > .nav_quantities nav > div a.nav-item.nav-link.active:after {
    position: relative;
    left: -36%;
    bottom: -30px;
    width: 10%;
  }
  .quantities_info > .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(1) {
    display: flex;
    margin: 0px;
    padding: 0px;
  }
  .quantities_info > .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(2) {
    display: flex;
    justify-content: start;
    position: relative;
    left: -16px;
    max-width: 100%;
  }
  .quantities_info > .nav_quantities .dates_quantities .dates_quantities_checkboxes > .row .form_check_quantities {
    margin-left: 5px;
    padding: 0px;
  }
}
@media (min-width: 992px) {
  /*
    .to_sign {
        #btns-sign {
            text-align: right;
        }
    }
    */
  .pdf-to-sign #document-to-sign {
    height: 98% !important;
  }
  .photoContainer {
    height: 720px;
  }
}
@media (max-width: 999px) {
  .missions_info_details {
    /*
        .details_mission,.dates_details{
            display: flex;
            flex-direction: column;
        }*/
  }
  .missions_info_details .parent_info_details {
    position: relative;
    right: 1px;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .missions_info_details .parent_info_details .arrowRight:before,
  .missions_info_details .parent_info_details .arrowRight:after,
  .missions_info_details .parent_info_details .arrowRightItems:before,
  .missions_info_details .parent_info_details .arrowRightItems:after {
    border-bottom: 0px !important;
    border-top: 0px !important;
    top: 0px !important;
  }
  .charts_info .dates_charts .filtre_chart .filtres {
    width: calc(50% - 10px);
  }
  .charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group {
    margin: 0px;
    padding: 0px;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .form_child {
    margin-left: 0px;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .form_child:nth-child(4) {
    margin-top: 5px;
    display: flex;
    justify-content: flex-start;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number {
    text-align: left;
    margin-bottom: 10px;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-native-select .btn-group {
    width: 100%;
  }
  .quantities_info .nav_quantities nav div {
    width: 100%;
  }
  .quantities_info .nav_quantities nav > div a.nav-item.nav-link.active .content_nav {
    width: 100%;
  }
  .quantities_info .nav_quantities nav > div a.nav-item.nav-link.active:after {
    position: relative;
    bottom: -30px;
    left: -50%;
    border: 0;
  }
  .quantities_info .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(1) {
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding: 0px;
  }
  .quantities_info .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(2) {
    display: flex;
    justify-content: left;
    position: relative;
    left: -14px;
    margin: 0px;
    margin-top: 50px;
  }
  .quantities_info .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(2) button {
    margin-left: 4px;
  }
  .quantities_info .nav_quantities .dates_quantities .dates_quantities_checkboxes > .row .form-check {
    margin: 3px;
    padding: 0px;
  }
  .body-show-document .document-pdf {
    height: 50vh;
  }
  .body-show-document .document-pdf object {
    height: 90%;
  }
  .pdf-to-sign {
    height: 640px !important;
  }
  .to_sign #btns-sign {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .contact_us {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .only-tablet-and-mobile {
    display: block !important;
  }
  #sidebar {
    position: absolute !important;
    z-index: 10 !important;
    min-height: 0 !important;
  }
  .navbar img {
    margin-top: 5px;
    margin-left: 55px;
  }
  #sidebar.active {
    display: none !important;
  }
  .hide-tablet-and-mobile {
    display: none;
  }
  .filtersClaim .right-filters > div {
    height: 110px !important;
  }
  #form-excel-customer-claims {
    flex-direction: column;
  }
  #form-excel-customer-claims #excelButtonClaims {
    text-align: right;
    margin-right: 13px;
  }
  .missions_info_details .details_mission,
  .missions_info_details .dates_details {
    display: flex;
    flex-direction: column;
  }
  .missions_info_details .parent_info_details {
    position: relative;
    right: 1px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
  }
  .missions_info_details .parent_info_details .arrowRight:before,
  .missions_info_details .parent_info_details .arrowRight:after {
    border-bottom: 0px ;
    border-top: 0px;
    top: 0px;
  }
  .quantities_info .nav_quantities nav div > a {
    width: 100%;
  }
  .quantities_info .nav_quantities nav > div a.nav-item.nav-link.active .content_nav {
    width: 50%;
  }
  .quantities_info .nav_quantities nav > div a.nav-item.nav-link.active:after {
    position: relative;
    bottom: -30px;
    left: -50%;
  }
  #collapseTranslationsHead .item {
    width: 80% !important;
  }
  #collapseTranslationsHead .percentage {
    width: 20%;
  }
  #collapseTranslationsHead .arrow-dropdown {
    margin-left: 10px;
  }
  #translations .list-group {
    width: 92%;
    display: inline-block;
  }
  #translations .list-group-item,
  #translations h2 {
    padding: 0.5rem 1rem !important;
  }
  #collapseTranslations {
    position: absolute;
    width: 87%;
    top: 36px;
    z-index: 1;
  }
  #translations .btn-save {
    height: 39px;
    width: 39px;
    padding: 0 !important;
    margin-bottom: 2px;
  }
  .select-user-filter-with-delete ~ .selectize-control {
    width: 96%;
  }
  .photoContainer {
    height: auto;
  }
  .summary-results div:not(.sk-cube-grid, .sk-cube) span.summary-value {
    font-size: 25px;
  }
  .menu {
    grid-template-columns: 1fr 1fr;
  }
  .contact_us {
    grid-template-columns: 1fr 1fr;
  }
  .menu-one-item {
    grid-template-columns: 50% !important;
    justify-content: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  nav:not(.nav-customer) .navbar-header {
    width: calc(100% - 245px);
  }
}
@media (min-width: 576px) {
  .pdf-to-sign #document-to-sign {
    height: 100% !important;
  }
}
@media (max-width: 767px) {
  body {
    background-color: #F0F0F0;
  }
  .app-container {
    padding-left: 20px;
  }
  .navbar img {
    margin-top: 5px;
    margin-left: 55px;
  }
  .navbar-nav {
    padding-left: 0 !important;
  }
  .app-content {
    padding-top: 0;
  }
  a.active-menu-drop {
    color: transparent;
    border-style: none;
    font-weight: bolder;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .table {
    display: block;
  }
  #home-grid .col-md-6 {
    height: calc(50vh - 120px);
  }
  a.padding_responsive {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    margin-top: -5px !important;
    /*  padding-left: 40px !important; */
  }
  .padding_responsive {
    padding-left: 18px !important;
  }
  .paso-upload-document.ocultar-desactivado {
    display: none;
  }
  .paso-upload-document {
    width: 100%;
  }
  .nombre-paso {
    display: block;
  }
  .title-information {
    padding-left: 0 !important;
  }
  .br-customer-info {
    display: block !important;
  }
  /*
    .fila-info-show-document {
        display: grid;

        .title-information {
            padding-left: 0 !important;
        }
    }
    */
  .files-filters form {
    flex-flow: row wrap;
  }
  #excelButton.btn-link {
    width: 50px;
    margin-top: 15px;
    margin-bottom: 8px;
  }
  .nombre-paso {
    width: 250px;
  }
  .box-login {
    max-width: 100%;
  }
  .top-show-document .document-information-show-document .separador-border-info-document {
    padding-right: 0 !important;
    border-right: 0 !important;
    height: 10px !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
  }
  .to_sign #btns-sign {
    margin-bottom: 15px;
  }
  .general-card {
    padding: 25px;
  }
  .general-card,
  .general-card.no-title {
    height: auto !important;
    min-height: calc(100vh - 130px);
  }
  .survey-block .form-group.check-survey {
    height: auto;
    margin-bottom: 0;
  }
  /*
    .sidebar-header{
        .sidebar-logo{
            position: absolute;
            top: 13px;
            left: 60px;
        }
        .sidebar-logo-collapsed{
            display: none !important;
        }
    }
    */
  .logo-movil {
    display: block !important;
    position: absolute;
    top: 13px;
    left: 40px;
  }
  #sidebar {
    min-height: 0;
  }
  #sidebar.active {
    display: none !important;
  }
  #sidebar .sidebar-header {
    height: 70px;
  }
  .breadcrumbs-container {
    height: auto;
  }
  .breadcrumbs-container ol.breadcrumb .breadcrumb-item {
    font-size: 16px;
  }
  .breadcrumbs-container ol.breadcrumb .texto-corto-total-bread {
    max-width: 100%;
  }
  .pdf-to-sign #document-to-sign {
    height: 90% !important;
  }
  .pending-documents-notice {
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .elemento-lista-desplegable.collapsed {
    padding-top: 10px !important;
  }
  .collapsed {
    padding-top: 0 !important;
  }
  .navbar-light .navbar-toggler {
    color: #4a4a4a;
    border: 0;
  }
  .collaborative-menu .navbar-collapse {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    border: 0;
    border-radius: 4px;
    margin: 3px 20px;
    box-shadow: 0 0 4px 0 #ccc;
    z-index: 2000;
  }
  .collaborative-menu .navbar-collapse .nav.navbar-nav {
    flex-direction: column !important;
    padding-left: 12px !important;
  }
  .collaborative-menu .navbar-collapse .nav.navbar-nav > a {
    padding-left: 0 !important;
  }
  .collaborative-menu .navbar-collapse .nav.navbar-nav .dropdown-menu {
    margin-right: 5px;
  }
  .collapse:not(.show) {
    display: none !important;
  }
  #home-grid .col-md-6 {
    height: calc(50vh - 140px);
  }
  #home-grid .card {
    height: inherit;
  }
  #home-grid .card .card-body {
    padding: 1.5rem;
    position: relative;
  }
  #home-grid .card .card-body .card-title .fas,
  #home-grid .card .card-body .card-title fa {
    padding-right: 25px;
    font-size: 1.5rem;
  }
  #home-grid .card .card-body .show-all-tasks {
    position: relative;
    margin-top: 30px;
  }
  #home-grid ul.task-list li,
  #home-grid ul.notifications-list li {
    font-size: 12px;
  }
  #home-grid ul.task-list li .date-task,
  #home-grid ul.notifications-list li .date-task {
    width: 90px;
  }
  #home-grid ul.task-list li .task-concept,
  #home-grid ul.notifications-list li .task-concept {
    display: inline-block;
    width: calc(100% - 120px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 120px);
  }
  #home-grid ul.task-list li .fas,
  #home-grid ul.notifications-list li .fas,
  #home-grid ul.task-list li .fa,
  #home-grid ul.notifications-list li .fa {
    margin-right: 20px;
  }
  #btnCollapseFilters {
    display: block;
  }
  /*
    .opcion-menu {
        width: calc(50% - 40px) !important;
    }
    */
  .collaborative-menu .navbar-collapse .nav.navbar-nav {
    padding-left: 0 !important;
  }
  .navbar.collaborative-menu .navbar-toggler {
    font-size: 0.95em;
    margin: 0 !important;
    padding: 5px 0 0 0 !important;
    height: 100%;
  }
  .navbar.collaborative-menu #navbar-collapse {
    width: 250px;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav {
    padding: 0 !important;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav li {
    width: 100%;
    height: 100%;
    padding: 10px 5px !important;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav li a {
    display: block;
    width: 100%;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav li:hover {
    background-color: #004983 !important;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav li:hover a {
    color: white;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav li .dropdown-item {
    margin: 0 !important;
    padding: 10px !important;
    height: 100%;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav .dropdown.show {
    background-color: transparent;
    color: #004983;
    padding-bottom: 0 !important;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav .dropdown.show:hover {
    background-color: transparent !important;
    color: #004983;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav .dropdown.show:hover a {
    color: #004983;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav .dropdown .dropdown-menu.show {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    padding: 0 !important;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav .dropdown .dropdown-menu.show .dropdown-item {
    color: black;
    /*  margin-top: 13px !important; */
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav .dropdown #surveys-menu {
    padding-bottom: 10px;
  }
  .charts_info .dates_charts .chartAreaWrapper .info_filtre {
    justify-content: flex-start;
  }
  #my-missions .checkbox-rejected-parts {
    transform: unset;
  }
}
@media (max-width: 1000px) and (orientation: landscape) {
  /* MODAL TERMS AND CONDITIONS OF USE */
  #ModalTermsConditions .modal-lg {
    width: 90%;
    max-width: 90%;
    margin-top: 0;
    margin-bottom: 0;
  }
  #ModalTermsConditions .modal-content {
    height: calc(100vh - 50px);
  }
  #ModalTermsConditions .modal-header,
  #ModalTermsConditions .modal-body,
  #ModalTermsConditions .modal-footer {
    padding: 20px;
  }
  #ModalTermsConditions .modal-header {
    padding-top: 20px;
  }
  #ModalTermsConditions .modal-header i {
    font-size: 25px;
  }
  #ModalTermsConditions .modal-header h1 {
    margin-left: 30px;
    font-size: 15px;
  }
  #ModalTermsConditions .modal-header p {
    margin-left: 30px;
    font-size: 12px;
    margin-bottom: 0;
  }
  #ModalTermsConditions .modal-body {
    margin-top: 0;
    margin-bottom: 0;
  }
  #ModalTermsConditions .modal-body p {
    font-size: 14px;
    line-height: 1.35;
  }
  #ModalTermsConditions .modal-footer {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #ModalTermsConditions .modal-footer button {
    font-size: 14px;
    padding: 10px 30px !important;
  }
}
@media screen and (max-width: 576px) {
  .sub_tittle_card_1,
  .excel_div {
    margin-top: 15px;
  }
  .card_btns {
    text-align: left;
  }
  .charts_info .dates_charts .filtre_chart {
    gap: 0;
    row-gap: 10px;
  }
  .charts_info .dates_charts .filtre_chart .filtres {
    width: 100% !important;
  }
  .charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group {
    margin: 0px;
    padding: 0px;
  }
  .nav_no_login {
    position: absolute;
    width: 100%;
    height: 5%;
  }
  .nav_no_login .navbar-header {
    position: absolute;
    top: -15px;
    left: -50px;
  }
  .nav_no_login .nav_no_login_menu {
    position: absolute;
    top: 5px;
    left: 84%;
    width: 15%;
  }
  .nav_no_login .nav_no_login_ul {
    position: absolute;
    top: 30px;
  }
  .nav_no_login .nav_no_login_ul .langslist:hover {
    cursor: pointer;
  }
  .not_login_claim .breadcrumb {
    background-color: white;
    position: absolute;
    top: 5%;
    width: 94%;
    height: 5%;
  }
  .not_login_claim .contenedor {
    background-color: white;
    position: absolute;
    top: 10%;
  }
  .missions_info_details .parent_info_details {
    position: relative;
    right: 1px;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .missions_info_details .parent_info_details .arrowRight:before,
  .missions_info_details .parent_info_details .arrowRight:after,
  .missions_info_details .parent_info_details .arrowRightItems:before,
  .missions_info_details .parent_info_details .arrowRightItems:after {
    border-bottom: 0px !important;
    border-top: 0px !important;
    top: 0px !important;
  }
  .quantities_info nav > div a.nav-item.nav-link.active:after {
    border: 0;
  }
  .quantities_info .nav_quantities nav > div a.nav-item.nav-link.active .content_nav {
    width: 100%;
  }
  .quantities_info .nav_quantities nav > div a.nav-item.nav-link.active:after {
    border: 0;
  }
  .quantities_info .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(1) {
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding: 0px;
  }
  .quantities_info .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(2) {
    position: relative;
    right: 0x;
    margin: 0px;
    display: flex;
    justify-content: start;
    left: -15px;
    top: 4px;
  }
  .quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .card-header button {
    display: flex;
    flex-direction: column;
  }
  .quantities_info .nav_quantities .views_dates .dates_quantities .dates_quantities_checkboxes label {
    margin: 0px;
    padding: 0px;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container {
    margin-left: 49px;
    width: 311px;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container .multiselect-filter {
    width: 300px;
    position: relative;
    top: 5px;
    left: 5px;
  }
  #translations .list-group {
    width: 82% !important;
  }
  #collapseTranslations {
    width: 74% !important;
  }
  #documents-box.general-card {
    padding: 10px !important;
  }
  #document-to-sign {
    width: 100% !important;
    border: 0 !important;
    margin: 0 !important;
  }
  .loading-users-library {
    top: 80px !important;
    right: 45px !important;
  }
  .select-user-filter-with-delete ~ .selectize-control {
    width: 94% !important;
  }
  .only-tablet-and-mobile {
    display: block !important;
  }
  #sidebar {
    position: absolute !important;
    z-index: 10 !important;
  }
  .filtersClaim .right-filters > div {
    height: 215px !important;
  }
  #form-excel-customer-claims {
    flex-direction: column;
  }
  #form-excel-customer-claims .select-forms {
    flex-direction: column;
  }
  #form-excel-customer-claims #excelButtonClaims {
    text-align: left;
    margin-top: 28px;
  }
  #home-grid ul.notifications-list .my-task {
    padding-right: 20px;
  }
  .notification-link {
    width: calc(100% - 120px) !important;
  }
  .summary-results div:not(.sk-cube-grid, .sk-cube) span.summary-value {
    font-size: 20px;
  }
  .menu {
    grid-template-columns: 1fr;
  }
  .contact_us {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 576PX) {
  /*
    .app-container {
        width: calc(100% - 65px);
    }
    */
  header {
    height: auto;
  }
  header .navbar-databis div {
    justify-content: space-between !important;
  }
  header .logo-trigo {
    width: 100%;
  }
  header .collaborative-menu {
    margin-top: 10px;
    padding-left: 0;
  }
  header .menu_usuario {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 20px;
    justify-items: right;
  }
  #home-grid .col-md-6 {
    height: auto;
  }
  .ppm_reject_reworked_rate {
    margin-top: 10px !important;
  }
  .filters form.form-busqueda.margen-bottom-mediano {
    margin-bottom: 0;
  }
  .filters form.form-busqueda.margen-bottom-mediano .form-group {
    margin-bottom: 0.5rem;
  }
  .filters .select-forms.select-files-filters {
    z-index: 0;
  }
  .filters .select-forms.select-files-filters .section-selector {
    display: none;
  }
  .files-filters .select-forms {
    flex-direction: column;
  }
  .files-filters .daterange,
  .filters .daterange {
    width: 200px;
  }
  .access-control-filters {
    float: none !important;
  }
  .image-info-container {
    max-width: 300px;
  }
  .show-claim-container .actions-done-container {
    grid-template-columns: 1fr 1fr;
  }
  /* Menú principal */
  nav.navbar-databis ul.navbar-nav > li > a {
    margin-left: 0;
    margin-right: 0;
  }
  .hide-mobile {
    display: none;
  }
  .only-mobile {
    display: block;
  }
  .mobile-buttons {
    margin-top: 25px;
    text-align: center;
    position: relative;
  }
  .mobile-buttons .btn-jump-doc {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    font-size: 18px;
  }
  .mobile-buttons span {
    position: absolute;
    top: 0;
    right: 0;
  }
  .body-show-document .info-traceability .space-icons {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    display: block;
    text-align: left;
  }
  .body-show-document .info-traceability .space-icons i {
    width: 60px;
  }
  .body-show-document .info-traceability .space-icons p,
  .body-show-document .info-traceability .space-icons i {
    display: inline-block;
  }
  .body-show-document .info-traceability .show-documents-icons div::after {
    display: none;
  }
  .body-show-document .info-traceability .show-documents-icons div:not(:last-child)::after {
    border: 0;
  }
  .filtersAccessControl div[class="pull-right "] {
    float: none !important;
    display: flex;
  }
  .opcion-menu {
    width: 100% !important;
  }
  .opcion-menu.margen-right-grande {
    margin-right: 0;
  }
  #PanelZone .list-group-item {
    height: 70px;
  }
  #PanelZone .list-group-item .panel-title {
    line-height: 45px;
  }
  #PanelZone .list-group-item .zone-dropdown {
    width: 20px;
  }
  #PanelZone .list-group-item img {
    max-width: 30px;
    max-height: 30px;
  }
  #PanelZone .list-group-item span {
    margin-left: 0;
    font-size: 15px;
    display: inline-block;
    width: 60%;
    line-height: 1;
  }
  #PanelZone .panel-body {
    padding: 0;
  }
  #PanelZone .zone-image-box {
    width: 30px;
  }
  #PanelZone .zone-buttons {
    position: absolute;
    right: 0;
    bottom: -10px;
  }
  #PanelZone .subzone {
    position: relative;
    height: 50px;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: none;
  }
  #PanelZone .subzone .subzone-image-box {
    margin-left: 50px;
  }
  #PanelZone .subzone span {
    margin-left: 20px;
    font-size: 15px;
    display: inline-block;
    width: 60%;
    line-height: 1;
  }
  #PanelZone .subzone .zone-buttons {
    position: absolute;
    left: 92px;
    right: 0;
    bottom: -10px;
  }
  /* MODAL TERMS AND CONDITIONS OF USE */
  #ModalTermsConditions .modal-lg {
    width: 90%;
    max-width: 90%;
  }
  #ModalTermsConditions .modal-content {
    height: calc(100vh - 100px);
  }
  #ModalTermsConditions .modal-header,
  #ModalTermsConditions .modal-body,
  #ModalTermsConditions .modal-footer {
    padding: 20px;
  }
  #ModalTermsConditions .modal-header {
    padding-top: 20px;
  }
  #ModalTermsConditions .modal-header i {
    font-size: 25px;
  }
  #ModalTermsConditions .modal-header h1 {
    margin-left: 30px;
    font-size: 15px;
  }
  #ModalTermsConditions .modal-header p {
    margin-left: 30px;
    font-size: 12px;
    margin-bottom: 0;
  }
  #ModalTermsConditions .modal-body {
    margin-top: 20px;
    margin-bottom: 10px;
    overflow-x: hidden;
  }
  #ModalTermsConditions .modal-body p {
    font-size: 14px;
    line-height: 1.35;
  }
  #ModalTermsConditions .modal-footer button {
    font-size: 14px;
    padding: 10px 30px !important;
  }
}
@media (max-width: 400px) {
  .content-login .logo,
  .login-customer-container .logo {
    width: 100%;
    max-width: 250px;
  }
}
@media screen and (max-width: 380px) {
  .navbar-databis.admin.nav-customer .logo,
  .navbar-databis .logo {
    height: 30px;
    margin: 20px 0 20px 5px;
  }
  button.navbar-toggle.collapsed,
  button.navbar-toggle {
    margin-left: 0 !important;
  }
  nav.navbar-databis ul.navbar-nav .estilo-dropdown-perfil a {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 360px) {
  .navbar-databis.admin:not(.nav-customer) .logo,
  .navbar-databis .logo {
    height: 31px;
    margin-left: 4px;
  }
  .image-info-container {
    max-width: 250px;
    left: 0;
  }
}