/*  ELEMENTOS PARA VUE */
/*  Evitar que se vean las llaves de vue al cargar los elementos */
[v-cloak] {
  display: none;
}
/*  TIPOGRAFIA PARA EL PROYECTO */
table,
p {
  color: #555 !important;
}
table {
  font-size: 12px !important;
}
body {
  margin-bottom: 0;
}
.app-container {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #F0F0F0;
}
a {
  color: #2a77a2;
}
a:hover {
  color: #024883;
}
ul {
  list-style-type: none;
  padding-left: 0;
}
.estilo-btn {
  border-radius: 0;
  padding: 8px 22px !important;
}
/*  START NAVBAR CORPORATIVA */
nav.navbar ul.nav li {
  margin-top: 15px !important;
}
nav ul#login li.navbar-login {
  margin-top: 0 !important;
}
nav.nav-customer ul.nav li {
  margin-top: 10px !important;
}
nav.navbar-databis.admin {
  background: #2a77a2;
  border: none;
  border-radius: 0;
}
.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;
}
/* MODIFICAMOS LOS ESTADOS GENERALES DE LOS ENLACES DE LA NAVBAR */
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: #2a77a2;
}
nav.navbar-databis.admin ul.navbar-nav > li > a {
  color: #ffffff;
}
nav.navbar-databis.admin ul.navbar-nav > li.dropdown > ul.dropdown-menu > li > a:hover {
  color: white !important;
}
.circle-user-navbar-admin {
  color: #2a77a2;
  background-color: #ffffff;
}
/*  END NAVBAR CORPORATIVA  */
/* DEFINIMOS EL ESTILO PARA EL MENÚ ACTIVO */
.navbar-databis {
  margin-bottom: 0;
}
nav.navbar-databis ul.navbar-nav .active-menu a {
  color: #2a77a2;
  border-color: #2a77a2;
}
/* DEFINIMOS EL ESTILO PARA EL MENU ACTIVO CON DROPDOWN */
a.active-menu-drop {
  color: #2a77a2 !important;
  border-color: #2a77a2;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  border-color: #2a77a2 !important;
}
/* MODIFICAMOS LOS ESTILOS DE LOS ENLACES DEL DROPDOWN */
nav.navbar-databis ul.estilo-dropdown > li > a:hover {
  background: #2a77a2;
}
/* MODIFICAMOS LOS ESTILOS DE LOS ENLACES DEL DROPDOWN DEL PERFIL*/
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;
}
/* AJUSTAMOS EL BOTON DE COLLAPSE EN LA NAVBAR */
.icon-bar {
  border: solid 1px #2a77a2;
}
/* MODIFICAMOS EL ASPECTO DE LOS MODALS */
.modal-header-cliente {
  background-color: #2a77a2;
}
.close-white-cliente {
  background-color: #2a77a2;
}
.close-transparent {
  background-color: transparent !important;
}
/* DEFINIMOS BOTÓN AÑADIR EN LAS LISTAS */
.boton-mas {
  background-color: #2a77a2;
}
.boton-mas:hover {
  background-color: #1b5474;
}
/* DEFINIMOS COLORES PARA LA PAGINACIÓN */
ul.pagination {
  text-align: center;
  margin-bottom: 25px;
}
.pagination > .page-item.active > a.page-link,
.pagination > .page-item.active > a.page-link:focus,
.pagination > .page-item.active > a.page-link:hover,
.pagination > .page-item.active > span.page-link,
.pagination > .page-item.active > span.page-link:focus,
.pagination > .page-item.active > span.page-link:hover {
  background-color: #2a77a2;
  border-color: #2a77a2;
}
/* MODIFICAMOS LOS CHECKBOX EN FORMS */
input[type="checkbox"]:checked {
  background: #2a77a2;
}
/* MODIFICAMOS LOS RADIO EN FORMS */
input[type="radio"],
input[type="checkbox"] {
  margin-top: 4px;
}
input[type="radio"].check-select {
  border-radius: 0;
}
input[type="radio"]:checked {
  background: #2a77a2;
}
/* DEFINIMOS ESTILOS PARA AÑADIR LA SIDEBAR */
#sidebar ul li:hover a {
  border-left: 4px solid #d8ab27;
}
/* DEFINIMOS ESTILO PARA LA OPCIÓN ACTIVA DE LA SIDEBAR */
.sidebar-active {
  color: #d8ab27 !important;
  border-left: 4px solid #d8ab27 !important;
  padding-left: 6px !important;
}
/*  COLOR CORPORATIVO TEXTO */
.color-texto-corporativo {
  color: #2a77a2 !important;
}
.btn-guardar {
  color: #2a77a2;
}
.btn-guardar:hover {
  border: 1px solid #1b5474;
  color: #1b5474;
}
/*  DEFINIMOS LAS CLASES PARA EL LOADING DE PRECARGA */
.sk-cube-grid .sk-cube {
  background-color: #2a77a2;
}
.precarga-login {
  background-color: transparent;
}
.precarga-login .sk-cube-grid .sk-cube {
  background-color: #2a77a2;
}
/* ESTILOS DE BOTONES PARA DESCARGAR E IMPRIMIR INFORMES */
.btn-imprimir {
  background-color: #2a77a2;
  border: 1px solid #2a77a2;
  color: #ffffff;
  /* Sólo para proyecto Mainsurvey */
}
/*  Sólo para proyecto Mainsurvey */
.btn-imprimir:hover {
  color: #f5f5f5;
}
.btn-xls {
  color: #ffffff;
}
/*  Sólo para proyecto Mainsurvey */
.btn-imprimir:hover,
.btn-xls:hover {
  color: #f5f5f5;
}
.btn-imprimir:link,
.btn-xls:link {
  color: #ffffff;
}
.btn-imprimir:visited,
.btn-imprimir:focus,
.btn-imprimir:active,
.btn-xls:active {
  color: #ffffff;
}
.color-disabled {
  color: #bbb;
}
/*  TAMAÑO LOGO NAVBAR */
.navbar img {
  height: 60px;
}
.no-mostrar {
  display: none;
}
/*  START CONFIGURACIÓN LOGIN */
.background-body-login {
  background-color: #2a77a2;
  background-repeat: no-repeat;
  background-position: top 150px right 200px;
  background-size: auto 60%;
}
.box-login {
  max-width: 550px;
  min-width: 180px;
}
.box-login .logo {
  width: 200px;
}
.content-login {
  background-color: rgba(255, 255, 255, 0.92);
  padding: 50px;
  margin-bottom: 110px;
}
.content-login h3 {
  font-size: 18px;
  font-weight: 400;
}
.content-login input.form-control,
.content-login input {
  background-color: transparent;
}
.footer {
  border: none;
  border-top: 1px solid #cccccc;
  margin-left: -20px;
}
.footer > div.container-fluid {
  display: flex;
  flex-flow: row;
}
.footer > div.container-fluid div {
  width: 100%;
}
.footer > div.container-fluid div:last-child {
  text-align: right;
}
.footer h6 {
  font-size: 14px;
}
.background-body-login .footer {
  margin-left: 0;
  min-width: 300px;
}
/*  END CONFIGURACIÓN LOGIN */
.error-message {
  color: #c9282d;
}
/*   Tablas   */
.table {
  margin-bottom: 25px;
}
.table th {
  border-top: none;
}
.table tr:last-child td {
  border-bottom: 1px solid #dee2e6;
}
.table > tbody > tr > td {
  position: relative;
}
.table-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
table.table tbody {
  position: relative;
}
/*   End tablas   */
.color-btn-eliminar,
.color-btn-eliminar:active,
.color-btn-eliminar:visited,
.color-btn-eliminar:focus {
  background-color: #c9282d !important;
  color: #ffffff !important;
}
.color-btn-eliminar:hover {
  background-color: #8e1c1f !important;
  color: #ffffff !important;
}
.row-precarga,
.row-precarga > td {
  position: absolute !important;
  width: 100%;
  height: 100%;
}
/*   S I D E B A R   */
.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}
#sidebar {
  min-width: 250px;
  max-width: 250px;
  min-height: 100vh;
  background: #2a77a2;
  color: #fff;
  transition: all 0.3s;
}
.app-container .navbar-expand-lg > .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
}
.sidebar-logo,
.sidebar-logo-collapsed {
  width: 70%;
  margin-left: -5px;
}
.sidebar-logo-collapsed {
  display: none;
}
#sidebar.active .sidebar-logo-collapsed {
  display: block;
  width: 30px;
  margin-left: 5px;
  margin-top: 8px;
}
#sidebar.active .sidebar-logo {
  display: none;
}
#sidebar .sidebar-header {
  padding: 20px;
  background: #2a77a2;
  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: #d8ab27;
  /*  background: @color-sidebar; */
  background-color: transparent;
  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 {
  color: #fff;
  background: #2a77a2;
}
ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  background: #2a77a2;
}
#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;
}
/*   E N D   S I D E B A R   */
.app-container nav.navbar {
  padding: 0;
  height: 60px;
  line-height: 60px;
}
#sidebarCollapse {
  margin-left: -20px;
  width: 35px;
  height: 35px;
  border-radius: 0;
  padding: 0;
  font-size: 21px;
  background-color: #2a77a2;
  border: none;
  transition: all 0.3s;
  z-index: 1;
}
#sidebarCollapse:focus {
  box-shadow: none;
}
.user-info {
  color: #2a77a2;
  margin-right: 30px;
}
.user-info > i {
  margin-right: 10px;
  font-size: 16px;
  transform: translateY(1px);
}
.logout-button {
  color: #c9282d;
}
.logout-button > i {
  font-size: 20px;
  transform: translateY(2px);
}
.logout-button > span {
  margin-left: 10px;
}
.logout-button:hover {
  color: #c9282d;
  text-decoration: none;
}
/* Fix BS4 */
b,
strong {
  font-weight: bold;
}
/*   Breadcrumbs   */
.breadcrumbs-container {
  height: 60px;
  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: 25px;
  color: #2a77a2;
}
ol.breadcrumb .breadcrumb-item a:hover {
  text-decoration: none;
  border-bottom: 1px solid #2a77a2;
}
ol.breadcrumb .breadcrumb-item a {
  color: #2a77a2;
}
ol.breadcrumb .breadcrumb-item.last-item:not(:first-child) {
  opacity: 50%;
}
/*   End breadcrumbs   */
/*   Container aplicación   */
.app-content {
  padding: 20px 0;
  padding-bottom: 80px;
}
/*   End container aplicación   */
.overflow-tabla {
  background-color: white;
  border: 1px solid #cccccc;
  padding: 25px 50px;
}
.app-content > .overflow-tabla {
  height: calc(100vh - 275px);
  overflow-y: auto;
}
/*   Zona búsqueda   */
.search-databis,
.search-databis:focus {
  width: 220px !important;
  box-sizing: border-box;
  height: 34px !important;
}
.search-databis {
  box-shadow: none;
}
.filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 0;
}
.right-filters {
  order: 2;
}
.btn-clear-search {
  font-size: 20px;
  padding: 0;
  margin-left: 20px;
}
.form-busqueda {
  height: 100%;
}
/*   End zona búsqueda   */
.title {
  font-size: 30px;
  margin-bottom: 15px;
  color: #4A4A4A;
}
.subtitle {
  color: #808080;
  font-size: 20px;
}
.home-card,
.welcome-card,
.general-card {
  border: 2px solid white;
  background-color: white;
  height: 220px;
  box-shadow: 0 0 4px 0 #cccccc;
  margin-bottom: 20px;
}
.welcome-card {
  padding: 30px;
}
.welcome-card a {
  height: 40px;
  font-size: 15px;
  font-weight: normal !important;
}
.welcome-card a:hover {
  background-color: #1b5474;
}
.general-card {
  position: relative;
  height: auto;
  min-height: 220px;
  padding: 30px 45px;
}
.general-card h1 {
  font-size: 25px;
}
.general-card input[type="text"] {
  border: none;
  border-bottom: 1px solid #cccccc;
  padding-left: 0;
}
.general-card textarea {
  padding: 10px;
  border: 1px solid #cccccc;
  width: 100%;
  min-height: 150px;
  resize: vertical;
  color: #808080;
}
.general-card textarea::-webkit-input-placeholder,
.general-card input::-webkit-input-placeholder,
.general-card textarea::placeholder,
.general-card input::placeholder {
  color: #B8B8B8;
}
.general-card textarea:focus,
.general-card textarea.form-control:focus,
.general-card input:focus,
.general-card input.form-control:focus {
  outline: none !important;
  outline-width: 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.mensaje-error {
  /*  display: none; */
  margin-top: 10px;
  font-style: italic;
  color: #8e1c1f !important;
}
.home-card {
  padding: 20px 30px;
  height: auto;
  min-height: 220px;
}
.home-card .title {
  font-size: 18px;
  color: #2a77a2;
}
.home-card .title i {
  font-size: 24px;
  width: 30px;
  margin-right: 30px;
  transform: translateY(3px);
}
.home-card .subtitle {
  font-size: 14px;
  margin-left: 60px;
}
.home-card:last-child {
  margin-bottom: 0;
}
.separador-btn-lista {
  height: 34px;
  margin-top: 0;
}
/* Botones listas */
.btn-lista-eliminar {
  font-size: 16px;
  padding-left: 8px;
  padding-top: 3px;
}
.btn-lista-show {
  font-size: 16px;
  padding-left: 6px;
  padding-top: 3px;
  color: white !important;
  background-color: #f0ad4e;
}
.btn-lista-show:hover,
.btn-lista-show:focus,
.btn-lista-show:active {
  color: white !important;
  background-color: #f0ad4e;
}
.boton-mas {
  font-size: 20px;
  padding-top: 6px;
  bottom: 100px;
}
/* Vistas show */
.show-data {
  background-color: white;
  padding: 30px 35px;
  height: calc(100vh - 271px);
  overflow-y: auto;
  /*
    .tab-content {
        margin-top: 30px;
    }
    */
  /*
    .overflow-tabla {
        border: none;
        box-shadow: none !important;
        padding: 0;
    }
    */
}
.show-data .tab-pane {
  position: relative;
}
.show-data .info-title {
  font-weight: bold;
}
.show-data .info-text {
  margin-bottom: 25px;
}
.show-data .nav-link {
  border: none;
  border-bottom: 1px solid #dee2e6;
}
.show-data .nav-link.active {
  color: #4A4A4A;
  font-weight: bold;
  border-bottom: 1px solid #4A4A4A;
}
.show-data-tab {
  overflow: hidden;
}
.show-data-tab .tab-content {
  height: calc(100% - 55px);
  overflow-y: auto;
  box-sizing: border-box;
  overflow-x: hidden;
}
/* End show */
.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;
}
.color-btn-editar {
  color: #ffffff !important;
  background-color: #2a77a2;
  padding-left: 11px;
}
.color-btn-editar i {
  font-size: 16px;
  margin-left: -4px;
  margin-top: 0;
}
.color-btn-editar:hover,
.color-btn-editar:focus {
  color: #ffffff !important;
  background-color: #2a77a2;
}
.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-alt {
  transform: translateX(-50%) translateY(-50%);
}
.btn-lista a.estilo-btn-lista > span > i.fa-user-tag {
  transform: translateX(-25%) translateY(-55%);
}
.list-title {
  font-size: 18px;
  font-weight: bold;
  color: #2a77a2;
  padding-left: 10px;
}
.loading-img {
  width: 40px;
  display: inline-block;
  transform: translateY(-7px);
}
/*************************************
ESTILOS PARA ERRORES DE PÁGINA
**************************************/
.error h1 {
  color: #004983;
}
.error h2,
.error h3,
.error p {
  color: #bc8f27;
}
.error p.ico {
  color: #004983;
  font-size: 6em;
}
.error .logo {
  width: 400px;
}
/* Selectize */
.selectize-control {
  display: inline-block;
}
.selectize-input {
  border-radius: 0 !important;
  min-width: 220px;
  max-height: 34px;
}
.selectize-input .item {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 90%;
}
.borderless-selectize .selectize-input {
  border: none !important;
  border-bottom: 1px solid #ccc !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 1px !important;
  min-width: 120px;
  top: 17px;
}
/* End selectize */
/* Selectpicker */
.dropdown.bootstrap-select.form-control {
  width: 220px !important;
  height: 34px;
}
.dropdown.bootstrap-select.form-control button {
  height: 100%;
  line-height: 100%;
  padding: 9px;
  background-color: white;
  color: #4A4A4A;
  border: 1px solid #cccccc;
  border-radius: 0;
  font-size: 14px;
}
.dropdown.bootstrap-select.form-control button .filter-option {
  padding: 0;
}
.dropdown.bootstrap-select.form-control button:hover {
  color: #4A4A4A;
}
.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: #2a77a2;
}
.dropdown.bootstrap-select.form-control .dropdown-menu.show .dropdown-item.active:hover {
  color: white;
}
.form-group.select-forms .dropdown.bootstrap-select.form-control {
  width: 100% !important;
}
/* End selectpicker */
/*  Date rangepicker */
.daterange,
.daterange:focus {
  width: 220px !important;
  box-sizing: border-box;
  height: 34px !important;
}
.dropdown-menu {
  font-size: inherit;
  color: #555;
}
.range_inputs > .btn-success {
  color: #ffffff;
  background-color: #2a77a2 !important;
  border-color: #2a77a2 !important;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.range_inputs > .btn-success:hover {
  color: #ffffff;
  background-color: #1b5474 !important;
}
.daterangepicker td.active {
  background-color: #2a77a2;
}
.daterangepicker td.active:hover {
  background-color: #1b5474;
}
.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: #bc8f27;
}
.daterangepicker .ranges li {
  background-color: transparent !important;
  border: none !important;
}
.daterangepicker .ranges li:hover {
  background-color: #1b5474 !important;
  border: 1px solid #1b5474 !important;
  border: none !important;
}
.daterangepicker .ranges li.active {
  background-color: #2a77a2 !important;
  border: 1px solid #2a77a2 !important;
  border: none !important;
}
/*  End rangepicker*/
.no-border {
  border: none;
  box-shadow: none !important;
}
.centrar-caja {
  margin-left: auto;
  margin-right: auto;
}
.error p {
  color: #1b5474 !important;
}
.error-face {
  font-size: 150px;
  color: #2a77a2;
  margin-top: 25px;
  margin-bottom: 40px;
}
.btn-cerrar,
.descargar-foto {
  left: 0;
}
.x-btn-cerrar {
  margin-left: -4px;
  transform: translateY(-7px);
}
.descargar-foto:hover i {
  position: relative;
  font-size: 26px;
  color: white;
  left: 27px;
  top: 29px;
}
/* Navbar perfil */
.estilo-dropdown-perfil .dropdown-menu > li > a {
  padding: 0;
}
.estilo-dropdown-perfil a {
  color: #2a77a2;
}
.estilo-dropdown-perfil a:hover {
  color: #1b5474;
  background-color: transparent;
}
.estilo-dropdown-perfil a.cerrar-sesion {
  color: #c9282d;
}
.estilo-dropdown-perfil a.cerrar-sesion:hover {
  color: #c9282d;
  background-color: transparent;
}
div.estilo-dropdown-perfil > a {
  color: grey;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 3px;
  margin-left: 10px;
  margin-right: 10px;
  background: transparent;
  display: block;
  line-height: 20px;
}
.estilo-dropdown-perfil a.dropdown-toggle::after {
  display: none;
}
#login.estilo-dropdown-perfil {
  right: 0;
  left: auto;
}
#login.estilo-dropdown-perfil li {
  line-height: 1.42857143;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
/* End navbar perfil */
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  font-size: 0.95em;
}
.card .card-header button.collapsed {
  padding-top: 6px;
}
label {
  font-weight: 700;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: #999 !important;
}
.btn-exportar {
  font-size: 16px;
  padding-top: 3px;
  padding-left: 9px;
}
.boton-mas {
  font-size: 30px;
  padding: 0;
  line-height: 40px;
}
.boton-mas span {
  line-height: 40px;
}
.boton-mas:hover {
  text-decoration: none;
}
.help-navbar {
  margin-top: 8px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.help-navbar > div {
  display: inline-block;
}
.help-navbar > div > i {
  color: #2a77a2;
  font-size: 18px;
}
.help-navbar .fa-chevron-down {
  font-size: 14px;
}
.help-navbar.dropdown-toggle::after {
  display: none !important;
}
.help-navbar:hover,
.help-navbar:visited,
.help-navbar:focus {
  background-color: #f6f6f6 !important;
}
.help-dropdown {
  right: 0;
  left: auto;
}
.help-dropdown a {
  line-height: 30px;
  padding: 0.25rem 1.15rem;
}
.help-dropdown a > i {
  color: #2a77a2;
  margin-right: 8px;
  font-size: 15px;
  width: 18px;
}
.help-dropdown a > i:hover {
  color: #2a77a2;
}
.opciones-navbar > div {
  display: inline-block;
}
.ico-archivo {
  font-size: 50px;
}
.fa-file-image {
  color: #93d2e9;
}
.upload-support-file {
  background-color: #e4eff5;
  height: 40px;
}
.upload-support-file > span {
  float: left;
  width: 40%;
  line-height: 40px;
}
.upload-support-file > span > i {
  color: #2a77a2;
  font-size: 16px;
  margin-right: 7px;
}
.upload-support-file > input {
  width: 55%;
  transform: translateY(5px);
  height: 30px;
}
.upload-support-file > i {
  position: absolute;
  top: 0;
  right: 15px;
  line-height: 40px;
  color: #2a77a2;
}
.color-fila-gris {
  color: #bbbbbb !important;
}
.translation-link {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.translation-link a {
  text-decoration: none !important;
  color: #808080;
}
.translation-link a h4 {
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.translation-accordion .card + .card {
  margin-top: 5px;
  border-top: 1px solid #ddd;
}
.dropdown-item:active {
  background-color: #1b5474;
  color: white !important;
}
.btn-light:focus {
  box-shadow: none;
}
.flex-div {
  display: flex;
}
.btn-img {
  cursor: pointer;
  width: 100px;
  height: 100px;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 0;
  position: relative;
}
.btn-eliminar-imagen {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  padding: 0;
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: #c9282d;
  color: white;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  display: block !important;
}
.cursor-normal {
  cursor: auto;
}
.modal-img {
  height: 500px;
  background-position: 50% 50%;
  position: relative;
  margin: auto;
}
.modal-img div {
  display: inline-block;
  cursor: zoom-in;
  position: relative;
}
.modal-img img:hover {
  opacity: 0;
}
.modal-img img {
  transition: opacity 0.5s;
  display: block;
  max-width: 100%;
  max-height: 500px;
}
.error-ya-existe {
  color: #c9282d !important;
  font-size: 12px;
}
.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: 360px;
  margin-bottom: 10px;
}
.texto-elemento-lista {
  margin-left: 8px;
  font-size: 12px;
}
.div-btn-lista {
  flex: 1 1 auto;
}
tr.fila-desactivado {
  color: #aaaaaa !important;
}
.lang-label {
  color: #212529;
  font-size: 14px;
  font-weight: 700;
}
.modal-header-information {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  color: #ffffff;
  border-radius: 0;
  background-color: #4A90E2;
}
.modal-header-information .close-white-information {
  background-color: #4A90E2;
  float: right;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  cursor: pointer;
}
.color-enlace {
  color: #337ab7 !important;
}
hr.flex-tablet-break,
hr.flex-mobile-break {
  display: none;
}
.margen-bottom-mediano-important {
  margin-bottom: 20px !important;
}
.btn-desactivado,
.btn-desactivado:hover,
.btn-desactivado:focus,
.btn-desactivado:visited,
.desactivar-btn,
.desactivar-btn:hover,
.desactivar-btn:focus,
.desactivar-btn:visited {
  background-color: #aaaaaa !important;
  border-color: #aaaaaa !important;
}
.btn-filestyle {
  margin-bottom: 0;
  width: auto;
  height: 34px !important;
  margin-top: 0 !important;
  line-height: 34px;
  padding: 0 16px;
  border-radius: 0;
}
.editar label.btn-filestyle span {
  opacity: 1 !important;
  position: relative !important;
  top: -2px !important;
  font-size: 14px;
}
.inline-control input[type="radio"] {
  width: 10px !important;
}
.mensaje-comentario {
  color: #999999 !important;
}
.pagination-results {
  text-align: center;
  margin-bottom: 20px;
  color: #999999 !important;
  font-size: 12px;
}
.tab-content .overflow-tabla {
  margin-bottom: 20px;
}
.general-card .overflow-tabla.shadow,
.show-data.shadow .overflow-tabla.shadow {
  border: none;
  box-shadow: none !important;
}
.disabled-button,
.disabled-button:hover,
.disabled-button:active,
.disabled-button:focus {
  background-color: #aaaaaa;
}
.estilo-enlace {
  color: #337ab7 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  margin-top: 15px !important;
}
.flex-div .estilo-enlace {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.databis-modal-header {
  position: relative;
  height: 80px;
  display: flex;
  line-height: 40px;
  margin: 0;
  padding: 20px;
  border-bottom: 2px solid #D8AB27;
  background-color: transparent;
  color: black;
}
.databis-modal-header img {
  height: 40px;
  width: 40px;
  margin-right: 15px;
  position: absolute;
  top: 20px;
  left: 20px;
}
.databis-modal-header h4 {
  margin: auto;
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-size: 20px;
  font-weight: bold;
  color: #4A4A4A;
  width: 100%;
  padding-left: 50px;
  text-align: left;
}
.databis-modal-header div {
  background-color: transparent !important;
  color: black !important;
}
.databis-modal-header.modal-header-danger {
  border-bottom: 2px solid #c9282d;
}
.color-disabled {
  color: #aaaaaa !important;
}
.filestyle-gestionimagen {
  display: none;
}
.img-cell {
  width: 50px;
}
.img-cell .btn-img {
  height: 25px;
  width: 25px;
  margin: auto;
}
.inline-info {
  width: calc(100% - 50px);
}
.break-link {
  overflow-wrap: break-word;
}
.results-table-responsive {
  display: none;
}
.estilo-btn-lista {
  margin-top: 0 !important;
}
#button-filters-container {
  display: inline-flex;
  height: 40px;
  width: 60px;
  text-align: center;
  margin-left: 20px;
  align-items: center;
  justify-content: center;
  line-height: 40px;
  flex-wrap: wrap;
}
.custom-right-filters {
  height: 50px;
}
.ancho-pastillas {
  width: 385px !important;
}
.radio-out,
.check-out {
  position: relative;
}
.radio-out label,
.check-out label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.fuera_hover {
  background-color: white !important;
}
.selectize-control.multi .items.has-items {
  max-width: 400px;
  max-height: none;
}
.selectize-control.multi .item {
  max-width: 120px;
  background-color: #2a77a2 !important;
  color: white !important;
}
.selectize-control.multi .item.active {
  background-color: #d8ab27 !important;
}
em.input-right-placeholder {
  position: absolute;
  right: 8px;
  top: 10px;
  font-weight: normal;
}
.inline-stage-input {
  width: 150px;
  height: 60px;
  margin-bottom: 8px;
}
.form-row {
  margin-left: 0;
  margin-right: 0;
}
.btn-stage {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  line-height: 21px;
  text-align: center;
  color: white;
  font-size: 11px;
  cursor: pointer;
}
.btn-add-stage {
  color: #2a77a2;
  cursor: pointer;
}
.btn-delete-stage {
  background-color: #c9282d;
  margin-top: 28px;
  margin-left: 10px;
}
.subtitulo-form {
  font-size: 16px;
  font-weight: bold;
  color: #555;
}
.stages-table {
  font-size: 12px;
  font-weight: 400;
}
.stages-table th {
  text-align: center;
}
.stages-table td {
  background-color: #DAEEF4;
  padding: 4px;
  border: 1px solid white;
}
.stages-table td.stage {
  width: 40px;
  height: 40px;
}
.stages-table tr > td:first-child {
  width: 120px;
}
.note-editable ul {
  list-style-type: disc;
  padding-left: 35px;
}
.color-btn-pdf,
.color-btn-pdf:focus,
.color-btn-pdf:visited {
  color: #ffffff;
  background-color: #ed1c24 !important;
  border-color: #ed1c24 !important;
  padding-top: 3px;
  padding-left: 8px;
  font-size: 18px;
}
.tax-selectize .selectize-input {
  height: 31px;
  min-height: 31px;
  min-width: 70px;
  font-size: 0.95em;
}
.color-btn-send-verifactu {
  color: #ffffff;
  background-color: #005EB5 !important;
  border-color: #005EB5 !important;
  padding: 0;
  font-size: 18px;
}
.color-btn-send-verifactu > div {
  padding-right: 3px;
  padding-top: 2px;
}
.color-btn-corrective-invoice {
  background-color: #005EB5 !important;
  border-color: #005EB5 !important;
  padding: 0;
  font-size: 18px;
}
.color-btn-corrective-invoice > div {
  padding-right: 1px;
  padding-top: 3px;
}
.margen-top-reason {
  margin-top: 29px;
}
.modal-header-send-verifactu {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #2a77a2;
  color: #ffffff;
  border-radius: 0;
}
.color-btn-send-modal-verifactu {
  background-color: #2a77a2;
  color: #ffffff;
}
.color-btn-send-modal-verifactu:hover {
  background-color: #1b5474;
  color: #bfd6ff;
}
.close-white-send-verifactu {
  float: right;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  background-color: #2a77a2;
}
.send-verifactu-loading-white .sk-cube {
  background-color: #fff;
}
.color-btn-xls,
.color-btn-xls:focus,
.color-btn-xls:visited {
  color: #ffffff;
  background-color: #3c7f20 !important;
  border-color: #3c7f20 !important;
  padding-top: 3px;
  padding-left: 8px;
  font-size: 18px;
}
.heading_campo_requerido::after {
  display: inline-block;
  margin-top: -5px;
  margin-left: 5px;
  font-size: 20px;
  color: #c9282d;
  content: "*";
}
.info_total {
  display: flex;
  flex-direction: column;
  width: 50%;
  grid-gap: 5px;
  font-weight: 400;
}
.info_total .total_invoice {
  font-weight: bold;
}
.botoAddInvoiceDetail {
  position: absolute;
  bottom: 0;
  right: 20px;
  background-color: #2a77a2;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  color: white;
  text-align: center;
  font-size: 30px;
  padding: 0;
  line-height: 40px;
  border: 0px;
}
.list_checkbok {
  display: flex;
  justify-content: space-between;
}
.customer_archived {
  color: #BDC3C7;
}
.detail-invoice td,
.detail-invoice th {
  padding: 0.4rem !important;
}
#selector-emission_date,
.daterange {
  border: none !important;
  border-bottom: 1px solid #cccccc !important;
  border-radius: 0 !important;
  color: #999 !important;
  text-align: right;
  font-size: 12px !important;
  width: 200px !important;
  padding-right: 10px;
}
#selector-emission_date:focus,
.daterange:focus {
  outline: none;
}
.daterangepicker .input-mini {
  text-align: right;
}
.verifactu_modal_open {
  cursor: pointer;
  color: #f0ad4e !important;
}
.verifactu_modal_open:hover {
  color: #ab7a34 !important;
}
#ModalSubsaneVerifactu .modal-dialog {
  width: 90%;
  max-width: 90%;
}
@media (min-width: 1024px) {
  #ModalSubsaneVerifactu .modal-dialog {
    width: 700px;
    max-width: 90%;
  }
}
#verifactu_desc_code {
  display: block;
  font-size: 1.2em;
  margin-bottom: 20px;
}
.legend-subsanar {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 20px;
}
.title-download-btn {
  display: flex;
  justify-content: space-between;
}
.download-content-link {
  cursor: pointer;
  color: #337ab7 !important;
}
.download-content-link:hover {
  text-decoration: underline !important;
}
.radio-select {
  border-radius: 50%;
}
#section_after_table {
  display: flex;
  gap: 20px;
  justify-content: start;
  flex-wrap: wrap;
  margin-top: 15px;
}
#section_after_table div.totalizations {
  flex: 1 1 300px;
  max-width: 350px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
  padding: 15px 20px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}
#section_after_table div.totalizations p:first-child {
  margin: 0 0 12px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
#section_after_table div.totalizations p:first-child strong {
  font-size: 16px;
  letter-spacing: 0.2px;
}
#section_after_table p {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin: 2px 0;
}
#section_after_table p span {
  width: auto;
  flex: 1 1 auto;
}
#section_after_table p span.quantities {
  width: auto;
  flex: 0 0 auto;
  text-align: right;
}
#section_after_table p.invoice-charged {
  color: #28a745 !important;
}
#section_after_table p.invoice-pending {
  color: #c9282d !important;
}
.note-editing-area p {
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  #section_after_table {
    justify-content: stretch;
    gap: 10px;
  }
  #section_after_table div.companies-totalizations,
  #section_after_table div.totalizations {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.flex-group-form {
  display: flex;
  width: 100%;
}
.flex-group-form-item {
  min-width: 200px;
}
.flex-group-form-grow-item {
  flex-grow: 1;
}
.links-nab-box {
  align-items: center;
  margin-left: 20px;
  margin-bottom: 0px;
  gap: 15px;
}
.links-nab-box .link-nav-bar {
  height: 20px;
  line-height: 0;
}
.links-nab-box .link-nav-bar a {
  height: 20px;
}
.table-columns-file {
  overflow: auto;
}
.table-columns-file th {
  border-top: 1px solid #dee2e6;
  border-bottom: none !important;
}
.custom-expansion-panel {
  margin-bottom: 40px;
}
.custom-expansion-panel .custom-expansion-panel-header {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: 1px #ccc solid;
  padding-bottom: 5px;
  padding-top: 5px;
  color: #337ab7;
}
.custom-expansion-panel .custom-expansion-panel-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0px;
}
.custom-expansion-panel .custom-expansion-panel-body.is-expanded {
  max-height: 500px;
  padding-top: 25px;
  overflow: visible;
}
.custom-expansion-panel .custom-expansion-panel-icon-header {
  transition: transform 0.3s ease;
}
.custom-expansion-panel .custom-expansion-panel-icon-header.is-rotated {
  transform: rotateZ(-180deg);
}
.custom-expansion-panel .custom-expansion-panel-label {
  padding-left: 7px;
  opacity: 1;
}
.sync-codes-modal-activator {
  padding: 10px;
  color: #337ab7;
}
.sync-codes-modal-activator i {
  cursor: pointer;
}
#ModalEditInvoiceCodes .modal-dialog {
  max-width: 1000px;
}
#ModalEditInvoiceCodes .modal-codes-row {
  font-size: 14px !important;
}
#ModalEditInvoiceCodes .modal-codes-row .modal-codes-row-content {
  display: flex;
  gap: 10px;
  justify-content: end;
}
#ModalEditInvoiceCodes .modal-codes-row-left {
  text-align: end;
}
#ModalEditInvoiceCodes .modal-codes-table {
  width: 100%;
  border-spacing: none;
}
#ModalEditInvoiceCodes .modal-codes-pagination-wrapper {
  margin-top: 20px;
}
#ModalEditInvoiceCodes .pagination-results {
  text-align: center;
  margin-bottom: 10px;
}
.invoice-tabs-wrapper {
  display: flex;
  flex-direction: column;
}
.invoice-tabs-wrapper .tab-content {
  margin-top: 20px;
}
.invoice-tab-pane {
  min-height: 0;
}
.invoice-efact-pane {
  display: none;
}
.invoice-efact-pane.active {
  display: block;
}
.efact-row {
  align-items: stretch;
}
.efact-column {
  display: flex;
  flex-direction: column;
}
.monaco_editor {
  border: 1px solid #ccc;
  min-height: 420px;
  width: 100%;
}
.monaco-editor .scrollbar .slider {
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}
.monaco-editor .scrollbar .slider:before {
  display: none !important;
}
.monaco-editor .scrollbar.vertical {
  width: 7px !important;
}
.monaco-editor .scrollbar.horizontal {
  height: 7px !important;
}
.monaco-editor .scrollbar.vertical,
.monaco-editor .scrollbar.horizontal {
  background: transparent !important;
}
.monaco-editor .decorationsOverviewRuler {
  width: 7px !important;
}
.title-download-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.download-content-link {
  cursor: pointer;
}
.wrapper-status-scroll {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  border: 1px solid #d8dde3;
  overflow-y: auto;
  background-color: #fafafa;
  min-height: 420px;
}
.status-card {
  border: 1px solid rgba(42, 118, 162, 0.3);
  border-radius: 5px;
  background-color: white;
  padding: 15px;
}
.small-text {
  font-size: 9pt;
  font-style: italic;
}
.send-efact-form {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 20px;
}
.custom-not-certificate-message {
  border: 1px solid;
  border-color: #c9282d;
  color: #c9282d;
  background-color: #c9282d1f;
  padding: 10px;
  margin-bottom: 10px;
}

/* Company tabs: la pestaña scrollea por dentro y el botón guardar queda fijo */
.company-tabs {
  display: flex;
  flex-direction: column;
}
.company-tabs .nav-tabs,
.company-tabs .company-tabs-footer {
  flex: 0 0 auto;
}
.company-tabs .company-tabs-form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.company-tabs .tab-content {
  height: auto;
  flex: 1 1 auto;
  min-height: 0;
}