html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
}

* {
    box-sizing: border-box;
    font-family: verdana;
}
div.login {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100vh;
}

    div.login > div {
        text-align: center;
        border: 1px solid lightgray;
        border-radius: 10px;
        padding: 0.75em 0.5em 0.5em 0.5em;
    }

    div.login input, div .btn.list {
        border: 1px solid #dadada;
        border-radius: 5px;
        margin: 0.5em;
        outline: none;
        padding: 1em;
        text-align: center;
        width: 20em;
    }
        div .btn.list {
            padding: 0.5em;
            width: 16em;
            float: right;
            margin-bottom: 25px;
            padding: 0.5em;
            background-color: buttonface;
        }
            div.login input[type=submit]:hover, div .btn.list:hover {
                background-color: #808080;
                color:white;
            }
            div.login input[type="text"] {
                border-color: #9ecaed;
                box-shadow: 0 0 10px #9ecaed;
            }
table {
    border-collapse: collapse !important;
    margin: 2em auto !important;
}

    table th {
        background-color: #b40078 !important;
        color: white !important;
        padding: 0.75rem 1em !important;
    }

        table th:first-child {
            border-top-left-radius: 0.75rem !important;
            border-bottom-left-radius: 0.75rem !important;
        }

        table th:last-child {
            border-top-right-radius: 0.75rem !important;
            border-bottom-right-radius: 0.75rem !important;
        }

    table td {
        padding: 0 1em !important;
    }

        table td:nth-child(1),
        table td:nth-child(2),
        table td:nth-child(3) {
            text-align: right !important;
        }

    table th:nth-child(4) {
        text-align: left !important;
    }

    table td:last-child {
        padding: 0 0.25em 0 0.25em !important;
    }

    table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
        outline: none!important;
    }

.pagination {
    --bs-pagination-active-bg: #b40078 !important;
    --bs-pagination-active-border-color: #b40078 !important;
}
.select2-selection__rendered {
    width: 200px;
}