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%;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

footer.border-top.footer.text-muted.fixed-bottom {
    padding: 5px 0 3px 0;
    text-align: center;
}

.image-pagina-inicial {
    max-width: 360px;
    max-height: 360px;
    margin: 20px 0 20px 0;
}

.button-pagina-inicial {
    margin: 30px 0 0 0;
}

.select-pagina-agendamento {
    margin: 25px 0 25px 0;
    padding: 10px;
}

.table-agendas {
    width: 100%;
}

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

.button-paineladm-index {
    margin-left: auto;
}

/*Coloração*/

body {
    background-color: #1C1C1C;
}

h1 {
    color: #C08A4D;
}

h2 {
    color: #D6B58A;
}

p {
    color: #FFFFFF;
}

.texto-validacao {
    color: #DC3545;
}

.footer-site {
    background-color: #151515;
    color: #A0A0A0;
    border-top: 1px solid #2F2F2F;
    padding: 2rem 0;
}

.footer-site small {
    color: #6F6F6F;
}

/*Formulario*/
.form-control,
.form-select {
    background-color: #1C1C1C;
    border: 1px solid #3A3A3A;
    color: #FFFFFF;
    color-scheme: dark;
}

.form-control::placeholder {
    color: #8A8A8A;
}

.form-control:focus,
.form-select:focus{
    background-color: #1C1C1C;
    border-color: #C08A4D;
    box-shadow: 0 0 0 0.15rem rgba(192, 138, 77, 0.35);
    color: #FFFFFF;
}

.form-label {
    color: #D6B58A;
    font-weight: 500;
}

.btn-primary {
    background-color: #C08A4D;
    border-color: #C08A4D;
    color: #1C1C1C;
}

.btn-primary:hover {
    background-color: #8B5E3C;
    border-color: #8B5E3C;
}

/*Remover azul padrão bootstrap*/
button,
.btn,
a,
button[type="submit"],
button[type="button"] {
    outline : none !important;
}

button:focus,
button:active,
button:focus-visible,
.btn:focus,
.btn:active,
.btn:focus-visible,
a:focus,
a:active,
a:focus-visible,
button[type="submit"]:focus,
button[type="button"]:focus {
    box-shadow: none !important;
    outline: none !important;
}

.btn-primary:focus,
.btn-primary:active {
    background-color: #8B5E3C;
    border-color: #8B5E3C;
    box-shadow: 0 0 0 0.15rem rgba(192, 138, 77, 0.45) !important;
}

.btn-secondary {
    background-color: #2F2F2F;
    border-color: #3A3A3A;
    color: #FFFFFF;
}

.form-control:focus,
.form-select:focus {
    border-color: #C08A4D;
    box-shadow: 0 0 0 0.2rem rgba(192, 138, 77, 0.35) !important;
}

/*Navbar*/

.custom-navbar {
    background-color: #1C1C1C;
    border-bottom: 1px solid #2F2F2F;
}

.custom-navbar .navbar-brand {
    color: #C08A4D;
}

.custom-navbar .navbar-brand:hover {
    color: #D6B58A;
}

.custom-navbar .nav-link {
    color: #E0E0E0;
    font-weight: 500;
}

.custom-navbar .nav-link:hover,
.custom-navbar .nav-link.active {
    color: #C08A4D;
}

.custom-navbar .btn-primary {
    background-color: #C08A4D;
    border-color: #C08A4D;
    color: #1C1C1C;
}

.custom-navbar .btn-primary:hover {
    background-color: #8B5E3C;
    border-color: #8B5E3C;
}

.custom-navbar .navbar-toggler {
    border-color: #3A3A3A;
}

.custom-navbar .navbar-toggler-icon {
    filter: invert(1);
}

/* Listas*/

.list-group-item {
    background-color: #2F2F2F;
    color: #E0E0E0;
    border: 1px solid #3A3A3A;
}

.list-group-item:hover {
    background-color: #1C1C1C;
    color: #FFFFFF;
}

.list-group-item.active {
    background-color: #C08A4D !important;
    border-color: #C08A4D !important;
    color: #1C1C1C !important;
}

.list-group-item:focus,
.list-group-item:active,
.list-group-item:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.list-group {
    background-color: transparent;
}

/*Table DataTable*/

label {
    color: #E0E0E0;
}  

.dataTables_wrapper {
    color: #FFFFFF;
}

table.dataTable {
    background-color: #2B2B2B;
    border: 1px solid #3A3A3A;
    border-radius: 6px;
    overflow: hidden;
}

table.dataTable thead th {
    background-color: #1F1F1F;
    color: #C08A4D;
    border-bottom: 1px solid #3A3A3A;
    text-align: center;
}

table.dataTable tbody td {
    background-color: #2B2B2B;
    color: #E0E0E0;
    border-top: 1px solid #3A3A3A;
    vertical-align: middle;
}

table.dataTable tbody tr:hover td {
    background-color: #343434;
}

table.dataTable tbody tr.selected td {
    background-color: #3A2E1F;
}

.dataTable_filter input,
.dataTable_filter input {
    background-color: #1F1F1F;
    color: #E0E0E0;
    border: 1px solid #3A3A3A;
    border-radius: 4px;
}

.dataTable_filter input:focus {
    outline: none;
    border-color: #C08A4D;
}

.dataTable_length select,
.dataTable_length label {
    background-color: #1F1F1F;
    color: #E0E0E0;
    border: 1px solid #3A3A3A;
    border-radius: 4px;
}

.dataTable_paginate .paginate_button:hover {
    background-color: #C08A4D !important;
    color: #1F1F1F !important;
    border-color: #C08A4D !important;
}

.dataTable_paginate .paginate_button.current {
    background-color: #C08A4D !important;
    color: #1F1F1F !important;
    border-color: #C08A4D !important;
}

.dataTable_info {
    color: #B0B0B0;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    color: #C08A4D;
}

#table-agendas_info.dt-info {
    color: #E0E0E0;
}

.dt-layout-row {
    color: #E0E0E0 !important;
}