/* Custom CSS for the application */
.bgc-main {
  background-color: #50abfc !important;
}
.bgc-main-light {
  background-color: #73a8d8 !important;
}
.bgc-secondary {
  background-color: #8996a1 !important;
}
.bgc.dark {
  background-color: #0b60ac !important;
}

.sidebar[data-background-color="main"] * {
  /* background: #50abfc !important; */
  background: rgb(31, 83, 145);
  color: white !important;
}
.logo-header[data-background-color="main"] {
  /* background: #50abfc !important; */
  /* background: rgb(31, 83, 145); */
  background: rgb(31, 83, 145);
  /* Secondary color for header : 22, 55, 105 */
}

.nav-pills.flex-column .nav-link.active {
  background: #50abfc !important;

  border-radius: 4px 4px 4px 4px !important;
}
.nav-pills.flex-column .nav-link {
  border: 1px solid #73a8d8 !important;

  border-radius: 4px 4px 4px 4px !important;
}

/* li.nav-item:hover *{
    background: rgb(32, 97, 155);
    color: white;
} */

.sidebar .nav-item.active > a i,
.sidebar .nav-item.active > a span {
  /* background: rgb(32, 97, 155) !important; */
  background: rgb(32, 97, 155) !important;
  color: white !important;
}
.sidebar .nav-item:hover > a,
.sidebar .nav-item:hover > a *,
.sidebar .nav-item.active > a,
.sidebar .nav-item.active > a * {
  background: rgb(32, 97, 155);
  color: white !important;
}

.sidebar .nav.nav-secondary > .nav-item a:focus i,
.sidebar .nav.nav-secondary > .nav-item a:hover i,
.sidebar
  .nav.nav-secondary
  > .nav-item
  a[data-toggle="collapse"][aria-expanded="true"]
  i,
.sidebar[data-background-color="white"]
  .nav.nav-secondary
  > .nav-item
  a:focus
  i,
.sidebar[data-background-color="white"]
  .nav.nav-secondary
  > .nav-item
  a:hover
  i,
.sidebar[data-background-color="white"]
  .nav.nav-secondary
  > .nav-item
  a[data-toggle="collapse"][aria-expanded="true"]
  i {
  color: #fff !important;
}
.main-header[data-background-color="main"] {
  /* background: rgba(32, 98, 155, 0.827); */
  /* background-color: rgba(175, 225, 250, 0.756); */
  /* background-color: rgb(0, 152, 213); */
  background: rgb(239, 245, 249);
  color: white;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
}

#header-forms * {
  /* background: rgba(31, 82, 145, 0.59);
  
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;   */
  text-decoration: dashed;
  text-transform: uppercase;
  font-size: 16px;
  color: #0d487b;
}
.card {
  /* background: rgba(253, 252, 252, 0.56) !important; devolver*/
  background: white !important;
}
.btn-triana_template {
  background: rgb(31, 83, 145);
  color: white;
}

.btn-triana_template:hover {
  /* background: rgb(31, 83, 145); */
  color: rgb(31, 83, 145);
  border: 1px solid rgb(31, 83, 145);
}

.active > .page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
  background-color: rgb(31, 83, 145);
}

.sidebar .nav.nav-secondary > .nav-item a:focus i,
.sidebar .nav.nav-secondary > .nav-item a:hover i,
.sidebar
  .nav.nav-secondary
  > .nav-item.active
  a[data-toggle="collapse"][aria-expanded="true"]
  i,
.sidebar[data-background-color="white"]
  .nav.nav-secondary
  > .nav-item.active
  a:focus
  i,
.sidebar[data-background-color="white"]
  .nav.nav-secondary
  > .nav-item.active
  a:hover
  i,
.sidebar[data-background-color="white"]
  .nav.nav-secondary
  > .nav-item.active
  a[data-toggle="collapse"][aria-expanded="true"]
  i {
  color: #fff !important;
}

.sidebar .nav.nav-secondary > .nav-item.active a i,
.sidebar[data-background-color="white"]
  .nav.nav-secondary
  > .nav-item.active
  a
  i {
  color: #fff !important;
}

#langSwitch i {
  color: rgb(31, 83, 145) !important;
}

.sidebar .nav > .nav-item.active > a,
.sidebar[data-background-color="white"] .nav > .nav-item.active > a {
  background: rgb(32, 97, 155) !important;
  color: white !important;
}

.login-form {
  background: rgb(239, 245, 249) !important;
}
    .file-upload {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .file-upload input[type="file"] {
      display: none;
    }

    .file-upload label {
       background-color: rgb(31, 83, 145);
  color: white !important;
      padding: 8px 16px;
      border-radius: 4px;
      cursor: pointer;
      font-weight: bold;
    }
    .file-upload label:hover {

  border: 1px solid rgb(31, 83, 145);
    background-color: transparent;
    color: rgb(31, 83, 145) !important;

    }

    

    .file-upload span {
      font-style: italic;
      color: #555;
    }