html {
      min-height: 100%;
      margin-left: calc(100vw - 100%);
    }
    body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      min-height: 100vh;
    }
    main {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
    }
    
    
    .reference {
    background-color: #457b9d;
    border-top-left-radius: 49px;
    border-top-right-radius: 49px;
    border-bottom-left-radius: 49px;
    border-bottom-right-radius: 49px;
    display: inline-block;
    padding-left: 7px;
    padding-right: 7px;
    color: #fff;
    font-size: .85rem;
}
.h-10 {
    min-height: 10vh;
}
.h-15 {
    min-height: 15vh;
}
.h-20 {
    min-height: 20vh;
}
.h-30 {
    min-height: 30vh;
}
.h-40 {
    min-height: 40vh;
}
.h-80 {
    min-height: 80vh;
}
.cat-success {
    background-color: #badffd;
    /*color: #fff;
    display: inline-block;
    border-radius: 0 50px 50px 0;*/
    padding-left: 5px;
    padding-right: 10px;
    /*margin-left: -5px;*/
    font-weight: 800;
}
.cat-success a {
    /*color: #fff;*/
}
.menulevel1 {
    margin-bottom: 0;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    white-space: nowrap;
    font-size: 0.8rem;
}

.menulevel1 a:link {
    color: #fff !important;
}
.menulevel1 a:visited {
    color: #fff !important;
}
.menulevel1 a:hover,
a:active {
    color: #6abafc !important;
}
.menulevelpage {
    margin-bottom: 0;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    white-space: nowrap;
}
.ambiente {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
.ambiente:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 0.8;
}

.back_mediambiente {
    background-image: url("../assets/images/interface/medioambiente.jpg");
    background-size: cover;
    background-position: 50% 60%;
}
.back_ambiente {
    background-image: url("../assets/images/interface/ambiente.jpg");
    background-size: cover;
    background-position: 50% 60%;
}

.back_calidad {
    background-image: url("../assets/images/interface/calidad.jpg");
    background-size: cover;
    background-position: 50% 10%;
}
.back_cat {
    background-size: cover;
    background-position: 50% 50%;
}
.back_novedades {
    background-image: url("../assets/images/interface/novedades.jpg");
    background-size: cover;
    background-position: 50% 50%;
}
.example {
    -webkit-columns: 2 150px;
    -moz-columns: 2 150px;
    columns: 150px 2;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
}
.p1_1 {
    font-size: 1.1rem;
}
.nav-link {
    font-size: 0.8rem;
}

.nav-cat {
    font-size: .8rem;
    font-weight: 600;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}
.nav-cat:hover {    
    
    background-color: #badffd;
    
}
.sidebar {
    background-color: #fff;
    height: calc(100vh - 322px);
    border-right: 2px dotted #c5c5c5;
    
}
.searchbar {
    height: 0;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    visibility: hidden;
}
.searchbar.open {
    height: 80px;
    visibility:  visible;
}
.ft-desc {
    min-height: 292px;
}
.form-check-input:checked {
    background-color: rgb(5, 198, 5);
    border-color: rgb(80, 171, 80);
}
.section-adm {
    border-radius: 7px;
}

.dropdown-hover:hover > .dropdown-menu {
    display: inline-block;
}

.dropdown-hover > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.2rem 0.5rem;
    color: #212529;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:hover {
    color: #fff;
    background-color: rgb(54, 54, 54);
}
.brd{
    font-size: .8rem;
    font-weight: 600;
}
.input_nofer {
    font-size: .8rem;}
.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 80px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.offcanvas-top.open {
    height: 100%;
    
}