@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.0/sweetalert2.min.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");

body {
    background-color: whitesmoke;
    font-family: 'Poppins', sans-serif !important;
    padding-bottom: 5rem;
}

.container {
    max-width: 1140px;
}

.btn-default {
    background-color: #1b6ec2;
    color: white;
}

.btn-default:hover {
    background-color: dodgerblue;
    color: whitesmoke;
}

.key-sensi {
    filter: blur(3px);
}

@media (max-width: 767px) {
    body {
        padding-bottom: 1rem;
        overflow-x: hidden;
    }

    .container {
        max-width: 100%;
        padding-left: 0.875rem;
        padding-right: 0.875rem;
    }

    footer.fixed-bottom {
        position: static;
        margin-top: 2rem;
    }

    .navbar .container {
        gap: 0.5rem;
    }

    .navbar-brand {
        max-width: 72vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .card {
        border-radius: 0.75rem;
    }

    .table-responsive {
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive table {
        min-width: 680px;
    }

    .btn,
    .form-control,
    .form-select,
    .input-group {
        max-width: 100%;
    }
}