@media (max-width: 768px) {
   body {
      font-family: 'Segoe UI', 'Segoe UI', Tahoma, sans-serif;
      font-size: 78%;
      line-height: 1.18rem;
      color: #212529;
      background-color: #F8F8F8;
   }

   .btn-group > .dropdown-menu {
      --bs-dropdown-min-width: 23rem;
      --bs-dropdown-font-size: none !important;
   }
}



main > .container {
   padding: 0px 10px 0;
}

body {
   font-family: 'Segoe UI', 'Segoe UI', Tahoma, sans-serif;
   font-size: 83%;
   line-height: 1.2rem;
   color: #212529;
   background-color: #F8F8F8;
}
a {
   color: #515151;
   text-decoration: none;
}
.btn,
.form-control {
   font-size: 90.25% !important;
}
.bi{  
    font-size: 1rem;
}
.breadcrumb {
   --bs-breadcrumb-margin-bottom: 0rem;
}
.table {
    font-size: 0.75rem !important;
}
.btn-group > .dropdown-menu {
--bs-dropdown-min-width: 40rem;
--bs-dropdown-font-size: none !important;
}
.row{
    --bs-gutter-x: 0.5rem;
}
.icon-20 { font-size: 20px; }
.icon-25 { font-size: 25px; }
.icon-30 { font-size: 30px; }

/* ---------------------------------------------------
FLOATING LABELS
----------------------------------------------------- */
.form-floating .form-control, .form-floating .form-select {
   display: block;
   width: 100%;
   height: calc(2.2rem + .75rem + 2px);      
   font-size: inherit;
   font-weight: 400;
   color: #1b1b1b;
   background-color: transparent;
   background-clip: unset;
   border: none;
   border-bottom:1px solid #cccccc;
   border-radius: 0;
   transition: unset;
}
.form-floating>.form-select{
   padding-top: 1.2rem;
   padding-bottom: 0rem;
   font-size: 90.25% !important;
}


/* ---------------------------------------------------
   LOADER DIV CARGANDO
----------------------------------------------------- */
/*Hidden class for adding and removing*/
.display-none {
    display: none !important;
}
/*Add an overlay to the entire page blocking any further presses to buttons or other elements.*/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.8);
    z-index: 1080;
    opacity: 1;
    transition: all 0.5s;
}
 
/*Spinner Styles*/
.lds-dual-ring {
    display: inline-block;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 5% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}