/* ################################################################# */
/* Body */
html, body {
    height: 100%;
}
body {
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}
.container {
    max-width: 360px;
    padding: 15px;
    z-index: 2;
}
/* ################################################################# */
/* Formulários */
.form .form-floating:focus-within {
    z-index: 2;
}
.form-control:focus, .form-select:focus, .form-check-input:focus {
    border-color: rgba(21, 45, 90, .5) !important;
    box-shadow: 0 0 0 0.25rem rgb(21 45 90 / 25%) !important;
}
.form-check-input:checked {
    background-color: #152d5a !important;
    border-color: #152d5a !important;
}
.btn-primary {
    background-color: #152d5a !important;
    --bs-btn-border-color: #152d5a !important;
    border-color: #152d5a !important;
}
.btn-primary:hover {
    background-color: #4A5A8D !important;
    border-color: #4A5A8D !important;
}
.btn-secondary {
    background-color: rgba(0, 0, 0, .7) !important;
    --bs-btn-border-color: #494949 !important;
    border-color: #494949 !important;
}
.btn-secondary:hover {
    background-color: #000 !important;
    border-color: #000 !important;
}
.border-div {
    padding: .5em !important;
    border: solid 1px #152d5a !important; 
    border-radius: 10px !important;
}
.border-table {
    padding: .5em 0 !important;
    border: solid 1px #152d5a !important; 
    border-radius: 5px !important;
}
/* ----------------------------------------------------------------- */
.btn-curto, .input-curto {
    display: block;
    margin: auto;
    max-width: 330px;
}
/* ----------------------------------------------------------------- */
input[readonly], input[readonly]:focus, textarea[readonly], textarea[readonly]:focus, select[readonly] {
    background-color: rgba(128,128,128,.1);
}
/* ################################################################# */
/* Ponteiro */
.pointer-link { 
    cursor: pointer !important; 
}
a.disabled {
    pointer-events: none;
}
/* ################################################################# */
/* Tabelas */
td, th {
    vertical-align: middle;
}
td.bold {
    font-weight: bold;
}
/* ----------------------------------------------------------------- */
/* DataTable */
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
    width: 100%;
    text-align: center !important;
    margin-bottom: 1em;
}
/* ################################################################# */
/* Barra de Rolagem */
body::-webkit-scrollbar {
    width: 12px; /* width of the entire scrollbar */
}
body::-webkit-scrollbar-thumb {
    border-radius: 20px; /* roundness of the scroll thumb */
}
body {
    scrollbar-width: thin;
}
/* Firefox */
* {
    scrollbar-width: thin;
}
/* Chrome, Edge, Safari */
*::-webkit-scrollbar {
    width: 12px;
}
*::-webkit-scrollbar-thumb {
    border-radius: 20px;
}
/* ################################################################# */
/* Imagens */
img {
    pointer-events: none;
}
.img-event-on {
    pointer-events: auto !important;
  }
/* ################################################################# */