body {
    text-align: left;
}


select.form-control {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    /* font-size: 1rem; */
    /* font-weight: 400; */
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.container {
    margin-left: auto !important;
    margin-right: auto !important;

}

@media (min-width: 1200px) {
    .container {
        max-width: 100% !important;
    }
}

input[type=checkbox] {
    border-radius: .25em
}

input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important
}

input[type=checkbox]:indeterminate {
    background-color: #483d8b;
    border-color: #483d8b;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}


a.btn.bg-transparent {
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0px 0px rgba(0, 0, 0, 0.075) !important;
}

.modal-header .btn-close,
.modal-header .close {
    margin-left: auto !important;
    /* Empuja el botón a la derecha */
    padding: 0.5rem !important;
    /* Espaciado para mejor clic */
    background: transparent;
    border: none !important;
    font-size: 1.5rem !important;
    /* Tamaño del icono "×" */
    opacity: 0.7 !important;
    /* Efecto hover suave */

}

.btn-default {
    --bs-btn-color: #000;
    --bs-btn-bg: mediumaquamarine;
    --bs-btn-border-color: mediumaquamarine;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(124.95, 212.5, 182.75);
    --bs-btn-hover-border-color: rgb(117.3, 210, 178.5);
    --bs-btn-focus-shadow-rgb: 87, 174, 145;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(132.6, 215, 187);
    --bs-btn-active-border-color: rgb(117.3, 210, 178.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: mediumaquamarine;
    --bs-btn-disabled-border-color: mediumaquamarine
}

.btn-default {
    border: 1px solid rgb(119.085, 119.085, 119.085);
    box-shadow: 0 2px 0 0 rgb(68.085, 68.085, 68.085)
}

.btn-default {
    font-size: 18px;
    font-family: inherit;
    border: 2px solid #6f7271 !important;
    box-shadow: 0 0 0 0 #6f7271;
    border-color: #6c757d !important;
    background-color: #fff;
    color: #404041;
    font-weight: 300 !important;
    width: auto;
    height: auto !important;
    padding: 10px 25px
}

.btn-outline-default {
    font-size: 18px;
    font-family: inherit;
    border: 2px solid #6f7271 !important;
    box-shadow: 0 0 0 0 #6f7271;
    border-color: #6c757d !important;
    background-color: #fff;
    color: #404041;
    font-weight: 300 !important;
    width: auto !important;
    height: auto !important;
    padding: 10px 25px
}

.btn-default.active,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
    background-image: none
}

.btn-default {
    color: #6f7271;
    background-color: #fff
}

.btn-default.focus,
.btn-default:focus {
    color: #fff;
    background-color: #6f7271;
    border-color: #6f7271
}

.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open>.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #6f7271;
    border-color: #6f7271
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover {
    color: #fff;
    background-color: #6f7271;
    border-color: #6f7271
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    color: #fff;
    background-color: #6f7271;
    border-color: #6f7271
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

[class*=" glyphicon-"]::before,
[class^=glyphicon-]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" glyphicon-"]::marker,
[class^=glyphicon-]::marker {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.MyBanner .navbar-brand:focus,
.MyBanner .navbar-brand:hover {
    color: #fff;
    background-color: transparent;
}



.modal {
    --bs-modal-width: 800px !important;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 800px !important;
        margin: 30px auto !important;
    }
}

/* ICONS ------------------------------------*/

.glyphicon-cloud-download::before {
    content: "\f4ca" !important;
}

.glyphicon-print::before {
    content: "\f501" !important;
}

.glyphicon-eye-open::before {
    content: "\f341" !important;
}

.glyphicon-eye-close::before {
    content: "\f340" !important;
}

.glyphicon-trash::before {
    content: "\f5de" !important;
}

.glyphicon-ok-circle::marker {
    content: "" !important;
}

.glyphicon-ok-circle::before {
    content: "\f26b" !important;
}

.glyphicon-pencil::before {
    content: "\f4cb" !important;
}

.glyphicon-random::before {
    content: "\f544" !important;
}

.glyphicon-refresh::before {
    content: "\f130" !important;
}

.glyphicon-search::before {
    content: "\f52a" !important;
}

.glyphicon-repeat::before {
    content: "\f117" !important;
}

.glyphicon-log-in::before {
    content: "\f1be" !important;
}

.glyphicon-cloud-download::before {
    content: "\f29b" !important;
}

.glyphicon-alert::before {
    content: "\f33b" !important;
}

.glyphicon-ok::before {
    content: "\f272" !important;
}

.glyphicon-remove::before {
    content: "\f659" !important;
}

.glyphicon-file::before {
    content: "\f369" !important;
}

.glyphicon-off::before {
    content: "\f4ff" !important;
}

.glyphicon-plus::before {
    content: "\f4fe" !important;
}

.glyphicon-search::before {
    content: "\f52a" !important;
}

.icon-search::before {
    content: "\f52a" !important;
}

/*---------------------------------------------*/