/*
    Created on : 6/11/2019, 04:10:42 PM
    Author     : cnova
*/

/* styles index */
div.background-index {
  background-color: #005da6;
}

/* styles header */
header.page-header > div.dropdown-icon-menu > a:hover,
header.page-header > div.dropdown-icon-menu > ul > li > a:hover {
  background-color: rgb(2, 127, 223);
  border-color: #005da6;
}

/* menu de atajos header */

div.show > div.dropdown-menu > div.bg-trans-gradient {
  background: linear-gradient(250deg, #005da6, rgb(2, 127, 223));
}

div.show > div.dropdown-menu > a.dropdown-item:hover,
div.show
> div.dropdown-menu
> div.dropdown-multilevel
> div.dropdown-item:hover {
  color: #005da6;
}

div.show > div.dropdown-menu > div.dropdown-multilevel > div.dropdown-menu > a {
  color: #005da6;
}

div.show
> div.dropdown-menu
> div.dropdown-multilevel
> div.dropdown-menu
> a.active {
  background-color: rgb(223, 240, 253);
}
/* fin */

/* styles dashboard */

/* styles menu aside */
aside.page-sidebar,
aside > div.page-logo {
  background-color: #005da6;
}

aside > div.page-logo img {
  width: 60px !important;
  margin-left: -8px !important;
  height: 55px !important;
}
/* estilos del boton atajos */
nav > label.menu-open-button {
  background-color: #005da6;
}

nav > label.menu-open-button:hover {
  background-color: rgb(2, 127, 223);
}

/* fin */

/* submenu del boton de atajos */
nav.shortcut-menu > a {
  background-color: #044f04;
}
nav.shortcut-menu > a:hover {
  background-color: rgb(2, 127, 223);
}
/* fin */

/* estilos del boton de la pestaña de el aside header */
div > a.pull-trigger-btn {
  background-color: #005da6 !important;
}

div > a.pull-trigger-btn:hover {
  background-color: rgb(2, 127, 223) !important;
}
div.nav-filter > div.position-relative > a.btn-primary {
  background-color: rgb(23, 155, 255) !important;
}
div.nav-filter > div.position-relative > a.btn-primary:focus {
  background-color: rgb(2, 127, 223) !important;
}
/* FIN */

/* styles footer */
div.d-flex > span.hidden-md-down > a.text-primary {
  color: #3396e2 !important;
}

/* estilos para el datePicker */

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted,
.datepicker table tr td span.active.active,
.datepicker table tr td span.focused {

  background-color: rgb(2, 127, 223)!important;
  background-color: #3396e2 !important;
}

.datepicker table tr td.today{
  background-color: #F8E120 !important;
}

/*estilos del paginador datatble*/
.pagination .page-link:hover{
  background: rgb(2, 127, 223) !important;
}
.page-item.active .page-link:hover{
  background: rgb(2, 127, 223) !important;
}

.pagination .page-item:first-child:not(.active) .page-link, .pagination .page-item:last-child:not(.active) .page-link, .pagination .page-item.disabled .page-link {
  background: #e1e6f0 !important;
}