/* Botón Primary */
.btn-outline-primary { color: #337ab7; background-color: transparent; border: 1px solid #337ab7; }
.btn-outline-primary:hover,
.btn-outline-primary:focus { color: #fff; background-color: #337ab7; border-color: #285e8e; }

/* Botón Secondary */
.btn-outline-secondary { color: #6c757d; background-color: transparent; border: 1px solid #6c757d ; }
.btn-outline-secondary:hover,
.btn-outline-secondary:focus { color: #fff; background-color: #6c757d; border-color: #545b62; }

.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary { color: #fff; background-color: #5a6268; border-color: #545b62; }
.btn-secondary:disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary, .btn-secondary.disabled { background-color: #6c757d; border-color: #6c757d; opacity: 0.65; }

/* Botón Success */
.btn-outline-success { color: #5cb85c; background-color: transparent; border: 1px solid #5cb85c; }
.btn-outline-success:hover,
.btn-outline-success:focus { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }

/* Botón Danger */
.btn-outline-danger { color: #d9534f; background-color: transparent; border: 1px solid #d9534f; }
.btn-outline-danger:hover,
.btn-outline-danger:focus { color: #fff; background-color: #d9534f; border-color: #d43f3a; }

/* Botón Warning */
.btn-outline-warning { color: #f0ad4e; background-color: transparent; border: 1px solid #f0ad4e; }
.btn-outline-warning:hover,
.btn-outline-warning:focus { color: #fff; background-color: #f0ad4e; border-color: #eea236; }

/* Botón Info */
.btn-outline-info { color: #5bc0de; background-color: transparent; border: 1px solid #5bc0de; }
.btn-outline-info:hover,
.btn-outline-info:focus { color: #fff; background-color: #5bc0de; border-color: #46b8da; }

/* Botón Light */
.btn-outline-light { color: #f8f9fa; background-color: transparent; border: 1px solid #f8f9fa; }
.btn-outline-light:hover,
.btn-outline-light:focus { color: #212529; background-color: #f8f9fa; border-color: #e2e6ea; }

/* Botón Dark */
.btn-outline-dark { color: #343a40; background-color: transparent; border: 1px solid #343a40; }
.btn-outline-dark:hover,
.btn-outline-dark:focus { color: #fff; background-color: #343a40; border-color: #1d2124; }

.btn-dark { color: #fff; background-color: #212529; border-color: #212529; }
.btn-dark:hover { color: #fff; background-color: #1d2124; border-color: #1a1e21; }
.btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #1d2124; border-color: #1a1e21; box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); }
.btn-dark:active, .btn-dark.active,
.show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #171a1d; }
.btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #212529; border-color: #212529; opacity: 0.65; }

/*Botones Especiales*/
/* Botón Primary */
.btn-outline-blue { color: #60a5cd; background-color: transparent; border: 1px solid #60a5cd; }
.btn-outline-blue:hover,
.btn-outline-blue:focus { color: #fff; background-color: #60a5cd; border-color: #285e8e; }

/* Botón Secondary Soft */
.btn-secondary-soft { color: #fff; background-color: #2f5b7d; border-color: #2f5b7d; }
.btn-secondary-soft:hover,
.btn-secondary-soft:focus { color: #fff; background-color: #214059; border-color: #152735; }

/* Botón mas pequeño que btn-sm */
.btn-sm-custom { padding: 4px 8px; font-size: 11px; line-height: 1.1; border-radius: 3px; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mt-6 { margin-top: 4.5rem !important; }
.mt-auto { margin-top: auto !important; }
.mt-auto-1{ margin-top: 25px !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-6 { margin-bottom: 4.5rem !important; }
.mb-auto { margin-bottom: auto !important; }

.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mr-6 { margin-right: 4.5rem !important; }
.mr-auto { margin-right: auto !important; }

.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }
.ml-6 { margin-left: 4.5rem !important; }
.ml-auto { margin-left: auto !important; }

.modal-xl { width: 90%; max-width: 1200px; }
.modal-xxl { width: 95%; max-width: 1400px; }
.modal-xxxl { width: 98%; max-width: 1600px; }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); }
.table-hover tbody tr:hover { background-color: rgba(0, 123, 255, 0.1); }
.table-bordered tbody tr td { border-bottom: 1px solid #dee2e6 !important; }
.table-blue thead{ background-color: #75A9F9 !important; }
.table-blue thead tr th{ border-color: #75A9F9 !important; }

.pr-0 { padding-right: 0 !important }
.pr-1 { padding-right: 6px !important }
.pr-2 { padding-right: 18px !important }
.pr-3 { padding-right: 25px !important }
.pr-4 { padding-right: 42px !important }
.pr-5 { padding-right: 51px !important }
.pl-0 { padding-left: 0 !important }
.pl-1 { padding-left: 6px !important }
.pl-2 { padding-left: 18px !important }
.pl-3 { padding-left: 25px !important }
.pl-4 { padding-left: 10px !important }
.pl-5 { padding-left: 51px !important }
.p-0 { padding: 0 !important }

.w-30 { width: 34px !important }
.w-100 { width: 100% !important }

.area-1 { width: 100%; resize: none; height: 8vh !important; }

.d-flex { display: flex !important; }
.justify-content-end { justify-content: flex-end !important; }
.visible-none { visibility: hidden !important; }

.col-lg-1-5 { width: 12.5%; float: left; padding-left: 15px; padding-right: 15px; }
@media (max-width: 991px) { .col-lg-1-5 { width: 100%; }}