/* Css para elementos generales */
/* ---------------------------- */
body {
    font-size: 14px;
}

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 14px;
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Selec. Archivo";
}

.navbar {
    padding: 0.3rem 0.3rem;
}

.navbar-dark {
    border-color: transparent;
}

.form-control {
    height: calc(2rem + 2px);
    font-size: 0.85rem;
}

.table-buttons-group {
    border: 1px solid #646161;
    border-radius: 50px;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.buttons-group {
    display: flex;
    color: #646161;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.buttons-group:hover {
    color: #3f3f3f;
}

.modal-header {
    padding: 0.81rem;
}

.modal-footer {
    padding: 0.66rem;
}

.swal-custom {
    font-size: 0.75rem !important;
}

.swal-custom > div.swal2-header > h2.swal2-title {
    font-size: 1.575em !important;
}

.swal-custom > div.swal2-header > div.swal2-icon {
    margin: 0.75em auto 1.25em !important;
}

.swal-custom > div.swal2-content > div.swal2-html-container {
    margin: 0.25em 0.25em 0.3em !important;
}

.swal-custom > div.swal2-content > input.swal2-input {
    margin-bottom: 0 !important;
    margin-top: 0.5em !important;
}

.swal-custom > div.swal2-content > div.swal2-validation-message {
    margin-bottom: 0 !important;
}

.btn-tiny {
    height: 30px;
    min-width: 75px;
    font-size: 0.85em;
    padding: 0 10px;
    cursor: pointer;
}

.btn-circle-table {
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;
    width: 22px;
    font-size: 7.125pt;
}

.space-button-table {
    margin-right: 15px;
}

table {
    font-size: 0.95em;
    color: #717c92 !important;
    margin-top: 6px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #f4f4f4;
}

.table > thead > tr > th {
    border-top: none;
}

li.paginate_button > a.page-link {
    padding: .4rem .75rem;
}

.content-wrapper {
    background-color: #fff;
}

.content-header {
    padding: 8px 0.5rem;
}

#lista-servicios tr td {
    font-weight: 600;
}

/* scroll general */
/* ----------------------- */
::-webkit-scrollbar {
    width: 7px;
    height: 9px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #88888848;
    border-radius: 50px;

}

/* Estilos para Here Maps */
/* ---------------------- */
.H_copyright {
    right: auto !important;
    background-color: transparent !important;
}

/* Cambios para DataTables */
/* ----------------------- */

table.dataTable thead .sorting::after,
table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_asc::after {
    display: none;
}

table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_desc::after {
    display: none;
}

table.dataTable thead .sorting {
    background-image: url(../js/plugins/datatable/DataTables-1.13.1/images/sort_both.png);
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_asc {
    background-image: url(../js/plugins/datatable/DataTables-1.13.1/images/sort_asc.png);
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_desc {
    background-image: url(../js/plugins/datatable/DataTables-1.13.1/images/sort_desc.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.table > thead > tr > th {
    border-bottom: 2px solid #f4f4f4;
}

div.dataTables_wrapper {
    padding: 0;
}

.table-sm td, .table-sm th {
    padding: 0.3rem 0.3rem;
}

table.dataTable tbody td {
    vertical-align: middle;
}

/* Clases especiales para celdas */
.edit_td {
    cursor: default;
    vertical-align: middle !important;
}

.no_edit_td_lock,
.no_edit_td {
    vertical-align: middle !important;
    color: #777;
    cursor: not-allowed;
}

.editbox {
    color: black;
    font-size: 1em;
}

th.requerido {
    color: red;
}

/* Remueve flechas arriba / abajo para input[type=date] */
input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

/* Cambios para DataTables Buttons */
/* ------------------------------- */

ul.dt-button-collection.dropdown-menu {
    cursor: pointer;
}

.btn-no-style {
    font-size: 0.5em;
    padding-top: 2px;
    background-color: transparent !important;
    border-color: transparent;
    pointer-events: none;
}

/*scroll Container datatable*/
.tableConteniner::-webkit-scrollbar {
    height: 5px;
}

/* Track */
.tableConteniner::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.tableConteniner::-webkit-scrollbar-thumb {
    background: #88888848;
    border-radius: 50px;

}


/* boton sino tabla */
.dt-content {
    display: flex;
    color: #646161;
    align-items: center;
    justify-content: center;

}

.dt-content:hover {
    color: #3f3f3f;
}

.sino-btn-style1 {
    border: 1px solid #646161;
    border-radius: 50px;
    padding: 2px 10px;
    display: flex;
    align-items: center;
    gap: 5px;

}

.action-btn-text {
    font-weight: bold;
}

.action-btn-row {
    color: #fff;
    background-color: #646161;
    height: 20px;
    width: 20px;
    /* font-size: 10px; */
    padding: 5px;
    border-radius: 40px;
    text-align: center;
}

.dt-content:hover .sino-btn-style1 .action-btn-row {
    color: #fff;
    background-color: #3f3f3f;
}

/* btn sino 2 */
.badge {
    padding: 5px;
    font-size: 11px;
}

/* short modal */
/* =========== */

.sm-center {
    text-align: center;
    color: #575757;
    padding-top: 1.5rem;
}

.sm-center h2, .sm-center p {
    margin: 20px;
}