@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 > a i { text-align: center; margin-left: -5px; }
.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; } }

.page-wrapper .btn-primary > .fa, .page-wrapper .btn-primary > .far, .page-wrapper .btn-primary > .fas, .page-wrapper .btn-primary > .mdi { color:#fff;}

.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;}
.bg-primary a.text-dark,
  .bg-primary a.text-dark:visited,
  .bg-primary a.text-dark:active { color: #67757c !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;}
/**
** 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;}
*/
#boton_guardar_abm_form, #boton_guardar_siguiente_abm_form, #boton_guardar_salir_abm_form, .button-group .boton_guardar, .button-group .boton_guardar:hover{background: #06d79c !important; border: 1px solid #06d79c !important; -webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12) !important; box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12) !important; -webkit-transition: 0.2s ease-in !important; -o-transition: 0.2s ease-in !important;transition: 0.2s ease-in !important;}
#boton_cancelar_abm_form, .button-group .boton_cancelar,.button-group .boton_cancelar:hover {background: #ef5350 !important; border: 1px solid #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) !important; 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) !important; -webkit-transition: 0.2s ease-in !important; -o-transition: 0.2s ease-in !important; transition: 0.2s ease-in !important;}

.datagrid td > .far.fa-trash-alt, .datagrid td .fas.fa-trash-alt { color: #ef5350;}
.datagrid td > .far.fa-trash-alt:hover, .datagrid td .fas.fa-trash-alt:hover { color: #ff0000;}
.datagrid td > .far.fa-edit { color: #06d79c;}
.datagrid td > .far.fa-edit:hover { color: #005226;}

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

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

.gifrs .popover {max-width: none;}
/************
 * 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%; }


.boton-rojo{ background-color: #ef5350 !important; border:1px solid #ef5350 !important; }


.align-self-auto     { align-self: auto !important; }
.align-self-start    { align-self: flex-start !important; }
.align-self-end      { align-self: flex-end !important; }
.align-self-center   { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch  { align-self: stretch !important; }

.align-baseline    { vertical-align: baseline !important; }
.align-top         { vertical-align: top !important; }
.align-middle      { vertical-align: middle !important; }
.align-bottom      { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top    { vertical-align: text-top !important; }

.flex-wrap         { flex-wrap: wrap !important; }
.flex-nowrap       { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.flex-fill         { flex: 1 1 auto !important; }
.flex-grow-0       { flex-grow: 0 !important; }
.flex-grow-1       { flex-grow: 1 !important; }
.flex-shrink-0     { flex-shrink: 0 !important; }
.flex-shrink-1     { flex-shrink: 1 !important; }

.gif_subcabecera_datagrid { padding: 0 25px !important;}