@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");

.topbar {
  background: #fff; }
  .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none; }
  .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8); }
  .topbar .top-navbar .navbar-nav > .nav-item > span {
    color: #242a33; }
  .topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
    color: #a6b7bf; }
    .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
      color: #242a33 !important; }
  .topbar .navbar-header {
    background: #000; }

.logo-center .topbar .navbar-header {
  text-align: center;
  padding-left: 0px;
  -webkit-box-shadow: none;
  box-shadow: none; }

.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none; }

.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8); }

/*******************
/*General Elements
*******************/
body {color: #000; font-family: "Montserrat", "verdana" !important; font-size: 0.85rem !important; font-weight: 400;}

a, a:visited {
  color: #000; }

a.link:hover, a.link:focus {
  color: #000 !important; }

.page-wrapper { background: #eee;}

.bg-theme {
  background-color: #808080 !important; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #1a7ff7;
  border-color: #1a7ff7; }

.right-sidebar .rpanel-title {
  background: #1a7ff7; }

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #1a7ff7; }

.text-themecolor {
  color: #1a7ff7 !important; }

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #1a7ff7;
  color: #1a7ff7; }

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #1a7ff7; }

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: #1a7ff7;
  color: #ffffff;
  border: 1px solid #1a7ff7; }
  .btn-themecolor:hover,
  .btn-themecolor.disabled:hover {
    background: #1a7ff7;
    opacity: 0.7;
    border: 1px solid #1a7ff7; }
  .btn-themecolor.active, .btn-themecolor:focus,
  .btn-themecolor.disabled.active,
  .btn-themecolor.disabled:focus {
    background: #028ee1; }

/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar,
.card-no-border .sidebar-nav {
  background: #242a33; }

.mini-sidebar .sidebar-nav {
  background: transparent; }

@media (min-width: 768px) {
  .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    background: #1c2128; } }

.sidebar-nav {
  background: #242a33; }

.user-profile .profile-text a {
  color: #687384 !important; }

.card-no-border .sidebar-footer {
  background: #1c2128; }

.label-themecolor {
  background: #808080; }

.sidebar-nav > ul > li.active > a {
  color: #ffffff;
  border-color: #242a33; }
  .sidebar-nav > ul > li.active > a i {
    color: #ffffff; }

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
  color: #ffffff; }
  .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
    color: #ffffff; }

.sidebar-nav ul li.nav-small-cap {
  color: #687384; }

@media (min-width: 768px) {
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    background: #1c2128; } }

.bg-primary,
  .btn-primary,
  .color-table.primary-table thead th,
  .color-table.primary-table tfoot td,
  .customtab2 li a.nav-link.active,
  .customtab2 li a.nav-link:hover { background-color: #808080 !important; color: #fff !important;}
.bg-primary a,
  .bg-primary a:visited,
  .bg-primary a:active,
  .navbar-brand,
  .navbar-brand:visited,
  .navbar-brand:active { color: #fff !important;}
.navbar.navbar-expand-lg .navbar-brand.hidden-lg-up {color: #242a33 !important;}
.btn-primary, .btn-primary.disabled {
  background: #1a7ff7 !important;
  border: 1px solid #1a7ff7 !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(106, 106, 106, 0.14), 0 3px 1px -2px rgba(106, 106, 106, 0.2), 0 1px 5px 0 rgba(106, 106, 106, 0.12) !important;
  box-shadow: 0 2px 2px 0 rgba(106, 106, 106, 0.14), 0 3px 1px -2px rgba(106, 106, 106, 0.2), 0 1px 5px 0 rgba(106, 106, 106, 0.12) !important;}
  .btn-primary:hover,
  .btn-primary.disabled:hover {
    background: #1a7ff7;
    -webkit-box-shadow: 0 14px 26px -12px rgba(106, 106, 106, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(106, 106, 106, 0.2) !important;
    box-shadow: 0 14px 26px -12px rgba(106, 106, 106, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(106, 106, 106, 0.2) !important;
    border: 1px solid #1a7ff7 !important; }
  .btn-primary.active, .btn-primary:active, .btn-primary:focus,
  .btn-primary.disabled.active,
  .btn-primary.disabled:active,
  .btn-primary.disabled:focus {
    background: #000 !important;
    -webkit-box-shadow: 0 14px 26px -12px rgba(106, 106, 106, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(106, 106, 106, 0.2) !important;
    box-shadow: 0 14px 26px -12px rgba(106, 106, 106, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(106, 106, 106, 0.2) !important;}
.loader .loader__label {color: #1a7ff7;}
.loader .loader__figure {border-color: #1a7ff7;}
.barra-menu-entidad .navbar-light .navbar-nav .active > .nav-link { color: #1a7ff7;}
a.btn-danger {color: #fff;}
/**
** Ponemos bordes a las pestañas no activas
.customtab2 li a.nav-link { border-width: 1px !important; border-style: solid !important; border-color: rgb(221, 221, 221) !important;}
*/
form.abmform .botonera-formulario #boton_pedido_solo_notificar_cambios_form .fa,
form.abmform .botonera-formulario #boton_pedido_solo_notificar_cambios_form .far,
form.abmform .botonera-formulario #boton_pedido_solo_notificar_cambios_form .fas,
form.abmform .botonera-formulario #boton_pedido_generar_fichero_form .fa,
form.abmform .botonera-formulario #boton_pedido_generar_fichero_form .far,
form.abmform .botonera-formulario #boton_pedido_generar_fichero_form .fas,
form.abmform .botonera-formulario #boton_guardar_abm_form .fa, form.abmform .botonera-formulario #boton_guardar_salir_abm_form .fa,
form.abmform .botonera-formulario #boton_guardar_abm_form .far, form.abmform .botonera-formulario #boton_guardar_salir_abm_form .far,
form.abmform .botonera-formulario #boton_guardar_abm_form .fas, form.abmform .botonera-formulario #boton_guardar_salir_abm_form .fas{
  color: #398bf7 !important;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
form.abmform .botonera-formulario #boton_pedido_solo_notificar_cambios_form:hover .fa,
form.abmform .botonera-formulario #boton_pedido_solo_notificar_cambios_form:hover .far,
form.abmform .botonera-formulario #boton_pedido_solo_notificar_cambios_form:hover .fas,
form.abmform .botonera-formulario #boton_pedido_generar_fichero_form:hover .fa,
form.abmform .botonera-formulario #boton_pedido_generar_fichero_form:hover .far,
form.abmform .botonera-formulario #boton_pedido_generar_fichero_form:hover .fas,
form.abmform .botonera-formulario #boton_guardar_abm_form:hover .fa, form.abmform .botonera-formulario #boton_guardar_salir_abm_form:hover .fa,
form.abmform .botonera-formulario #boton_guardar_abm_form:hover .far, form.abmform .botonera-formulario #boton_guardar_salir_abm_form:hover .far,
form.abmform .botonera-formulario #boton_guardar_abm_form:hover .fas, form.abmform .botonera-formulario #boton_guardar_salir_abm_form:hover .fas{
  color: #fff !important;
}
#boton_pedido_solo_notificar_cambios_form, #boton_pedido_generar_fichero_form, #boton_guardar_abm_form, #boton_guardar_salir_abm_form {
  color: #398bf7 !important;
  background-color: #ffffff !important;
  border-color: #398bf7 !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
  box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;}
#boton_pedido_solo_notificar_cambios_form:hover, #boton_pedido_generar_fichero_form:hover, #boton_guardar_abm_form:hover, #boton_guardar_salir_abm_form:hover {
    background: #398bf7 !important;
    border-color: #398bf7 !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
  }
form.abmform .botonera-formulario #boton_cancelar_abm_form .fa,
form.abmform .botonera-formulario #boton_cancelar_abm_form .far,
form.abmform .botonera-formulario #boton_cancelar_abm_form .fas{
  color: #ef5350 !important;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
form.abmform .botonera-formulario #boton_cancelar_abm_form:hover .fa,
form.abmform .botonera-formulario #boton_cancelar_abm_form:hover .far,
form.abmform .botonera-formulario #boton_cancelar_abm_form:hover .fas{
  color: #fff !important;
}
#boton_cancelar_abm_form {
  color: #ef5350 !important;
  background-color: #ffffff !important;
  border-color: #ef5350 !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
  box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;}
#boton_cancelar_abm_form:hover {
    background: #ef5350 !important;
    border-color: #ef5350 !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
    box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2); }


.datagrid td > .ti-pencil-alt { color: #67757c;}
.datagrid td > .ti-pencil-alt:hover { color: #000;}

div.contenedor-formulario-grupo { border: none;}

.tooltip-content { background-color: #fff;}

.fresco .popover {max-width: none;}
body.fresco .text-muted {font-size: 25px; margin: 0; color: #6c757d !important;}
/************
 * CHECKBOX
 ************/
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #1a7ff7;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #1a7ff7;
}

/********************************
* CAJAS DE MENU EN LA ENTIDADES
*********************************/
.caja_menu_ficha {display: table; float: none !important; margin: 5px auto 0 !important; background-color: #fff; min-width: 50%; border: 1px solid #ced4da; border-radius: 5px;}
.boton_menu_ficha {  border-radius: 4px; padding: 2px 3px; width: 60px; float: left; text-align: center; margin-right: 5px;}
.boton_menu_ficha.factor_humano {  width: 80px;}
.boton_menu_ficha_seleccionado { color: #1a7ff7; border: 1px solid #1a7ff7;}
.boton_menu_ficha_seleccionado a { color: #1a7ff7; }
.boton_menu_ficha_no_seleccionado { color: #ced4da; border: 1px solid #ced4da; cursor: pointer;}
.boton_menu_ficha_no_seleccionado a { color: #ced4da; }
.boton_menu_ficha_no_seleccionado:hover { color: #1a7ff7; border: 1px solid #1a7ff7;}
.boton_menu_ficha_no_seleccionado:hover a { color: #1a7ff7; }
.boton_menu_ficha i {  font-size: 300%; }

/****************************
* TOAST
*****************************/
.jq-icon-success {
    color: #c5dfff;
    background-color: #1a7ff7;
    border-color: #c5dfff;
}