@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,500;1,400&display=swap');

:root {
  /* --primary-color-css: #17376D; */
  --primary-color-css: #808080;
  /* --primary-color: #86BAA9; */
  --secondary-color: #667083;
}
body {
 /* overflow: hidden;*/
}
a {
  text-decoration: none !important;
}

a,p,td,th,.nav-link,button,.btn,label{
  font-size: 13px;
}
.p-60 {
  padding: 60px 60px !important
}
.login-logo {
  text-align: center;
}
.login-logo img {
  margin: 0 auto;
}
.login-logo h1 {
  font-size: 5rem;
  color: var(--primary-color-css);
  font-weight: 800;
}
.login-card .input-group-text {
  background: none !important;
  border: 0 !important;
  padding: 0.375rem 0.3rem !important;
}
.login-card .form-control {
  height: 30px !important;
  background-color: #ececec !important;
  border-radius: 0 !important;
  border: 0 !important;
  font-size: 13px;
}
.login-footer {
  text-align: center;
  box-shadow: 0 -1px 0 0 #eee;
  position: absolute;
  align-items: center;
  bottom: 5px;
  font-size: .75rem;
  font-weight: 500;
  width: 100%;
  box-shadow: 0 -1px 0 0 #eee;
  padding: 0.375rem;
  text-align: center;
  font-size: .75rem;
  font-weight: 500;
  color: var(--secondary-color);
}
.login-footer p {
  margin-bottom: 0px;
}
.paginas-titulo {
  background: var(--primary-color-css) !important;
  color: white;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  padding: 15px 0px;
}
.bg-equidna-filtros{
  background: white !important;
}

/*select2 */
/* Cambia el borde del contenedor del Select2 */
.select2-container .select2-selection {
  border: 1px solid #ccc !important; /* Cambia el color del borde según tus preferencias */
}

/* Opcionalmente, cambia el borde del elemento select original (si visible) */
.select2-container .select2-selection--multiple .select2-container--bootstrap-5 .select2-container--focus .select2-container--below .select2-container--open{
  border: 1px solid #ccc !important; /* Cambia el color del borde según tus preferencias */
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.2) !important; /* Resplandor gris en estado de enfoque */
}



.login-card .btn-primary {
  background-color: var(--primary-color-css) !important;
  text-align: center;
  width: 60%;
}
.login-card .btn {
  border-color: none !important;
  padding: 0.2rem 0.2rem !important;
  border-radius: 0px !important;
}
/* NAVS */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #ffffff !important;
  background-color: #f57c00 !important;
}
.nav-tabs .nav-link {
  background: #f7f7f7 !important;
  border: 1px solid #ffcc80 !important;
  color:#000000;
  border-bottom: 0 !important;
  margin-right: 3px;
}

.mh-950{max-height: 950px;}

.breadcrumb {
margin-bottom: 0!important;
}


/* DATATABLES */

table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th, table.dataTable thead td {
  white-space: nowrap !important;
}

.bg-danger-table {
  background-color: #ffebee!important;
}

/* Dashboard */
.dashboard-background {
  background-color: rgb(23,55,109);
  background: linear-gradient(90deg, rgba(23,55,109,1) 0%, rgba(67,90,148,1) 48%, rgba(108,127,190,1) 100%);
}

.overlay-box{
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #434656;
  opacity: 0.8;
}

.overlay-box:hover .overlay {
  opacity: 0;
}

.overlay-text {
  color: white;
  font-weight: 600;
  font-size: 2em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.font-dashboard {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 500;
}

.font-title-dash {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.5rem;
}

.btn-dashboard {
  display: block;
  padding-bottom: 0.4rem;
  color: #eeeeee;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
}

.btn-dashboard:hover {
  color: #d1d0d0;
  transition: all 0.2s ease-in-out;
  transform: scale(1.05);
}

.link-btn{
  color: #17366da8;
  font-size: 1.2rem;
  font-weight: 300;
}

.link-btn:hover {
  color: #17376D;
}

.link-dashboard {
  background-color: transparent;
  border: 0.2rem solid;
  border-radius: 0.5rem;
  border-color: #17376D;
  font-weight: 300;
}

.link-dashboard:hover {
  background-color: #5b8ada25;
  transition: all 0.3s ease;
  transform: scale(1.07);
}

/* Web build */
.webbuild-btn {
  font-weight: 300;
  padding: 0.8rem 1.5rem;
  font-size: 1.2rem;
  color: white;
  text-decoration: none;
  border-radius: 0.8rem;
  background-color: #434656a8;
  border-color: #434656a8;
}

.webbuild-btn:hover {
  color: white;
  background-color: #434656;
  border-color: #434656;
}