:root {
  --bs-body-font-size: 0.9rem;
}


body {
  padding-bottom: 20px;
}


a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.navbar {
  margin-bottom: 20px;
}


.form-control {
  font-size: 0.9rem;
  padding: 0.075rem 0.75rem;
}
.form-select {
  font-size: 0.9rem;
}

.nav-link {
  font-size: 1rem;
}



.bg-orange {
background-color:#ffcb5a;
}




.btn-ssm{

--bs-btn-padding-y: .15rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;

}

.bg-blue {
background-color:#0d6efd;
}

.navbar-dark {
  --bs-navbar-color: #fff;
  --bs-navbar-hover-color: #d9f4ff;
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #d9f4f;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.form-label {
  margin-bottom: 0.2rem;
  color:grey;
  font-size:0.9rem;
}



.form-label2 {
  margin-bottom: 0rem;
  color:grey;
  font-size:0.9rem;
}

.modal-header {
background-color:#e3e3e3;
color:grey;
}
  



.alert {

  --bs-alert-padding-x: 0.5rem;
  --bs-alert-padding-y: 0.5rem;
  --bs-alert-margin-bottom: 1rem;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
}

.HORIZONTAL_SCROLL_NAV {

    -webkit-overflow-scrolling: touch;

    overflow-x: auto;
    overflow-y: hidden; 
}

.HORIZONTAL_SCROLL_NAV>ul {

    margin: 0 auto;
}

.HORIZONTAL_SCROLL_NAV::-webkit-scrollbar {

    height: 10px;
}

.HORIZONTAL_SCROLL_NAV::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);

    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.HORIZONTAL_SCROLL_NAV::-webkit-scrollbar-thumb {

    -webkit-border-radius: 10px;
    border-radius: 10px;

    background: rgba(255, 0, 0, 0.8);

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); 
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}  



.fs-7 {
  font-size: 0.7rem !important;
}

.modal {

  --bs-modal-header-padding: 0.5rem 1rem;
 
}


.codigo {
color:#a7a7a7;
font-size: 1.2rem;
}


.botonfichero {
padding: 0.375rem 0.75rem;
}