/* --- Margenes --- */
/* Bootstrap ya tiene utilidades de margin: mt-1..mt-5 y mb-1..mb-5 y ml-1..ml-5 y mr-1..mr-5 */
/* Para valores exactos como 3px, 4px, 5px, etc. podes usar utilidades personalizadas o spacing en rem. */
/* Te dejo clases custom que siguen la convención de Bootstrap pero con valores exactos */

/* --- Modal Footer botones --- */
/* Bootstrap modal-footer ya alinea los botones a la derecha con flex */
/* Si usas botones bootstrap: no es necesario float, pero si quieres custom: */
.modal .modal-footer .btn,
.modal .modal-footer .btn-large,
.modal .modal-footer .btn-flat {
    margin: 0 0.3125rem !important; /* 5px = 0.3125rem */
}

/* Padding modal-footer */
.modal .modal-footer {
    padding: 0.4375rem 0.375rem !important; /* 7px 6px */
}

/* --- Tablas --- */
.table-padding-7-5 tr td {
    padding: 7px 5px !important;
}

.table-no-padding tr td {
    padding: 0 !important;
}

/* --- Colores --- */
.FondoAzulCamara {
    background: linear-gradient(to right, #00cdff, blue);
}

/* --- Overlays --- */
.loadingoverlay {
    background-color: black !important;
    opacity: 0.5;
    /* IE and Edge older */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


.controlesGrabacion {
    color: white;
    font-weight: 700;
    opacity: 0.2;
    position: absolute;
    width: 100%;
    min-height: 3em;
    bottom: 3em;
    z-index: 1;
}

/* --- Material Icons --- */
/* Si usas Material Icons en botones, enlaces, etc. agregá esta regla para que se vea bien */
.material-icons {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 4px;
    user-select: none;
}