@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("../fonts/Poppins/Poppins-Thin.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url("../fonts/Poppins/Poppins-ThinItalic.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Poppins/Poppins-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Poppins/Poppins-Italic.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Poppins/Poppins-Bold.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Poppins/Poppins-BoldItalic.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/Poppins/Poppins-Black.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/Poppins/Poppins-BlackItalic.ttf") format('truetype');
}

body {
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    line-height: 1.8;
    font-weight: 400;
    background: #fafafa;
    /*color: gray;*/
}

/* MAQUETACIÓN PRINCIPAL */
.wrapper {
    align-items: stretch;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 0;
    transition: margin-left .3s ease-in-out, left .3s ease-in-out, margin-right .3s ease-in-out, right .3s ease-in-out;
    width: 100%;
}

.content {
    flex: 1;
    /*margin-top: 3rem;*/
    padding: 0 .5rem;
}

/* MAQUETACIÓN PRINCIPAL */

/*main > .container {*/
/*padding: 60px 15px 0;*/
/*}*/

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #0056b3;
}

#spinner {
    height: 100vh;
    width: 100vw;
    z-index: 9999;
    background: #f8f9fa;
    opacity: 0.5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ----- FORMULARIOS ----- */

input:focus, select:focus, .btn:focus, .bootstrap-select > .dropdown-toggle:focus, textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

.form-floating input, .form-floating select, .form-floating .bootstrap-select, .form-floating textarea {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
}

.form-floating label {
    opacity: 0.65;
}

.form-control:focus, .form-select:hover {
    /*border-color: #2f3554 !important;*/
    border-color: #000 !important;
}

.form-control:hover, .form-select:hover {
    /*border-color: #2f3554 !important;*/
    border-color: #000 !important;
    transition: border-color .15s ease-in-out;
}

/* ----- FORMULARIOS ----- */

/* ----- BOOTSTRAP SELECT ----- */

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
    display: flex;
    /*align-items: center;*/
    /*background: transparent;*/
}

.bootstrap-select > .dropdown-menu {
    transform: translate(0, 55px) !important;
}

.bootstrap-select > .dropdown-toggle {
    background: transparent;
    border: none;
    padding: 0;
    color: #000 !important;
}

.bootstrap-select > .dropdown-toggle::after {
    content: none;
}

.form-select.is-invalid:not([multiple]):not([size]) {
    padding-right: 0;
}

.dropdown-item.active, .dropdown-item:active {
    /*background-color: #2f3554;*/
    background-color: #000;
}

.dropdown-item:hover:not(.active):not(:active), .dropdown-item:focus:not(.active):not(:active) {
    background-color: #fafafa;
}

/* ----- BOOTSTRAP SELECT ----- */

/* ----- TIME ----- */

/*input[type="time"]::-webkit-calendar-picker-indicator {*/
/*display: none;*/
/*}*/

/* ----- TIME ----- */

/* ----- DATATABLES ----- */

table.dataTable tbody tr.odd.selected {
    background-color: #acbad4
}

table.dataTable tbody tr.even.selected {
    background-color: #acbad5
}

div.dt-button-collection {
    width: 100%;
}

table.dataTable thead, thead {
    /*background-color: #2f3554;*/
    background-color: #000;
    color: #fff;
    text-align: center;
}

table.dataTable tbody, tbody {
    background-color: #fff;
    /*border-bottom-color: #2f3554;*/
    /*border-bottom-color: #000;*/
    border-bottom-color: #fafafa;
    text-align: center;
}

.page-link {
    font-weight: bold;
    color: #212529;
    /*border: 1px solid #2f3554;*/
    border: 1px solid #000;
}

.page-link:hover {
    color: #fff;
    /*background-color: #292E49;*/
    background-color: #141414;
    /*border-color: #242941;*/
    border-color: #1E1E1E;
}

.page-link:focus {
    color: #fff;
    /*background-color: #292E49;*/
    background-color: #141414;
    /*border-color: #242941;*/
    border-color: #1E1E1E;
    box-shadow: 0 0 0 0.25rem rgba(83, 75, 84, 0.5);
}

/*.page-item:active .page-link, .page-item.active .page-link{*/
/*color: #fff;*/
/*background-color: #2f3554;*/
/*background-color: #000;*/
/*border-color: #2f3554;*/
/*border-color: #000;*/
/*}*/

.page-item:active:not(.disabled) .page-link, .page-item.active:not(.disabled) .page-link {
    color: #fff;
    /*background-color: #242941;*/
    background-color: #1E1E1E;
    /*border-color: #20253A;*/
    border-color: #0A0A0A;
}

/*.page-item.disabled .page-link {*/
/*color: #fff;*/
/*background-color: #2f3554;*/
/*background-color: #000;*/
/*border-color: #2f3554;*/
/*border-color: #000;*/
/*}*/

.escaletaBloqueada {
    background-color: #6c757d !important;
    color: white;
}

/* ----- DATATABLES ----- */

/* ----- TYPEAHEAD ----- */

/*.tt-menu,*/
/*.gist {*/
/*text-align: left;*/
/*}*/

.typeahead {
    background-color: #fff;
}

/*.tt-query {*/
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
/*-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
/*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
/*}*/

.tt-hint {
    color: #999
}

.tt-menu {
    width: 100%;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    text-align: left;
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 1.2rem;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0d6efd;

}

.tt-suggestion p {
    margin: 0;
}

/*.gist {*/
/*font-size: 1rem;*/
/*}*/

span.twitter-typeahead {
    display: block !important;
}

/* ----- TYPEAHEAD ----- */

/* ----- COLORES ----- */

.bg-custom {
    /*background-color: #2f3554;*/
    background-color: #000;
}

.bg-whitesmoke {
    background-color: whitesmoke;
}

.color-footer {
    color: #DDD;
}

a.color-footer:hover {
    color: #fff;

}

/* ----- COLORES ----- */

/* ----- BOTONES ----- */

.btn-custom {
    color: #fff;
    /*background-color: #2f3554;*/
    background-color: #000;
    /*border-color: #2f3554;*/
    border-color: #000;
}

.btn-custom:hover {
    color: #fff;
    /*background-color: #292E49;*/
    background-color: #141414;
    /*border-color: #242941;*/
    border-color: #1E1E1E;
}

.btn-check:focus + .btn-custom, .btn-custom:focus {
    color: #fff;
    /*background-color: #292E49;*/
    background-color: #141414;
    /*border-color: #242941;*/
    border-color: #1E1E1E;
    box-shadow: 0 0 0 0.25rem rgba(83, 75, 84, 0.5);
}

.btn-check:checked + .btn-custom, .btn-check:active + .btn-custom, .btn-custom:active, .btn-custom.active, .show > .btn-custom.dropdown-toggle {
    color: #fff;
    /*background-color: #242941;*/
    background-color: #1E1E1E;
    /*border-color: #20253A;*/
    border-color: #0A0A0A;
}

.btn-check:checked + .btn-custom:focus, .btn-check:active + .btn-custom:focus, .btn-custom:active:focus, .btn-custom.active:focus, .show > .btn-custom.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(83, 75, 84, 0.5);
}

/*.btn-custom:disabled, .btn-custom.disabled {*/
/*color: #fff;*/
/*background-color: #2f3554;*/
/*background-color: #000;*/
/*border-color: #2f3554;*/
/*border-color: #000;*/
/*}*/

#ofertasEscaleta .btn-check:checked + .btn-secondary {
    background-color: #424a50;
}

#ofertasEscaleta .btn-secondary:hover, #ofertasEscaleta .btn-check:checked + .btn-secondary, #ofertasEscaleta .btn-check:active + .btn-secondary, #ofertasEscaleta .btn-secondary:active, #ofertasEscaleta .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #484f56;
    border-color: #424a50;
}

#ofertasEscaleta .btn-secondary {
    box-shadow: none;
}

#ofertasFlash .dropdown-item:hover:not(.active):not(:active), #ofertasFlash .dropdown-item:focus:not(.active):not(:active) {
    background-color: #000;
    color: #fff;
}

/*#ofertasEscaleta .btn-secondary:hover {*/
/*color: #fff;*/
/*background-color: #484f56;*/
/*border-color: #424a50;*/
/*}*/

/* ----- BOTONES ----- */

/* ----- MODALES ----- */
.modal-header {
    /*background-color: #2f3554;*/
    background-color: #000;
    color: white;
}

.modal-body, .modal-footer {
    background-color: #fafafa;
}

/* ----- MODALES ----- */

/* ----- ACCORDION ----- */
.accordion-button:not(.collapsed) {
    color: white;
    /*background-color: #242941;*/
    background-color: #1E1E1E;
    /*box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);*/
    box-shadow: inset 0 -1px 0 rgb(0 0 0);
}

.accordion-button:focus {
    /*border-color: #20253A;*/
    border-color: #0A0A0A;
    /*box-shadow: 0 0 0 0.25rem rgb(32 37 58 / 25%);*/
    /*box-shadow: 0 0 0 0.25rem rgb(32 37 58);*/
    box-shadow: 0 0 0 0.25rem rgb(0 0 0);
}

.accordion-item {
    background-color: white;
    /*border: 1px solid #2f3554;*/
    border: 1px solid #000;
}

.accordion-button:not(.collapsed):focus:after, .accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

/* ----- ACCORDION ----- */

/* ----- CARDS ----- */

.card-header {
    /*background-color: #242941;*/
    background-color: #1E1E1E;
    color: white;
    /*background-color: #2f3554*/
    /*background-color: #000*/
}

/* ----- CARDS ----- */

/* ----- TABS ----- */

.custom-tabs .nav-tabs {
    /*border-bottom: 2px solid #242941;*/
    border-bottom: 2px solid #1E1E1E;
}

.custom-tabs .nav-item {
    flex: 1;
}

.custom-tabs .nav-link {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #212529;
    border-radius: 2px 2px 0 0;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
}

.custom-tabs .nav-link.active {
    /*background: #2f3554;*/
    background: #000;
    /*border-color: #242941;*/
    border-color: #1E1E1E;
    color: #fff;
}

.custom-tabs .nav-link.active:focus {
    border-color: #104455;
}

.custom-tabs .nav-link:hover:not(.active) {
    /*background: #2f3554;*/
    background: #000;
    /*border-color: #242941;*/
    border-color: #1E1E1E;
    color: #fff;
}

/* ----- TABS ----- */

/* ----- LISTAS ----- */

.list-group-item {
    border: 1px solid rgba(47, 53, 84, 0.25);
}

/* ----- LISTAS ----- */

/* ----- LOGIN ----- */

.form-signin {
    max-width: 500px;
    padding: 3%;
    box-shadow: 0 0 6px 0.25rem rgba(83, 75, 84, 0.5);
}

/* ----- LOGIN ----- */

/* ----- ALTOS Y ANCHOS ----- */
.h-100px {
    height: 100px;
}

.h-510px {
    height: 510px;
}

/* ----- ALTOS Y ANCHOS ----- */

/* ----- TAMAÑOS ----- */

/* ----- TAMAÑOS ----- */
.fs-7 {
    font-size: 0.85rem !important;
}

.fs-8 {
    font-size: 0.75rem !important;
}

/* ----- IMÁGENES ----- */

.img-responsive {
    max-width: 100%;
    height: auto;
}

.img-datatable {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

#mainIndex {
    background-image: url("../imagenes/campo.jpg");
}

/* ----- IMÁGENES ----- */

/* ----- VARIOS ----- */

.cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.opacity-50 {
    opacity: 0.5;
}

/* ----- VARIOS ----- */

/* ----- FILES ----- */

.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 120px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}

.files input:focus {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    border: 1px solid #92b0b3;
}

.files {
    position: relative
}

.files:after {
    pointer-events: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 50px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

.color input {
    background-color: #f1f1f1;
}

.files:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " O arrastra el archivo aquí. ";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    /*text-transform: capitalize;*/
    text-align: center;
}

/* ----- FILES ----- */