/*
|--------------------------------------------------------------------------
| ADMIN LTE ---------------------------------------------------------------
|--------------------------------------------------------------------------
*/

.wrapper { background-color: #f4f6f9; }

.card { box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);border: 1px solid #ffffff;border-radius: .5rem; } /* dee2e6 */

.bg-new-info { background-color: #00afe9 !important;color: #ffffff; }
.bg-new-success { background-color: #34d16e !important;color: #ffffff; }
.bg-new-warning { background-color: #ffb22b !important;color: #ffffff; }
.bg-new-danger { background-color: #fc4b6c !important;color: #ffffff; }
.bg-new-primary { background-color: #007bff !important;color: #ffffff; }
.bg-new-optional { background-color: #7460ee !important;color: #ffffff; }
.bg-new-default { background-color: #ffffff !important;color: #4b545c; }

.form-group .select-list { background: #ffffff;border-left: 1px solid #ffffff;border-left: 1px solid #ced4da;border-right: 1px solid #ced4da;border-bottom: 1px solid #ced4da;border-radius: 0px 0px .25rem .25rem; }
.form-group .select-list li { color: #495057;padding: .35rem .8rem .35rem .8rem;list-style: none; }
.form-group .select-list li:hover { background: #e9ecef;cursor: pointer; }

.form-select .form-control { border-right-color: #ffffff !important;}
.form-select .input-group-prepend .input-group-text { background: #ffffff !important; }
.form-select .input-group-append .input-group-text { background: #ffffff !important;border-top-right-radius: 0.25rem !important; }
.form-select .select-list { width: 100%;position: absolute;margin-top: 38px;z-index: 1000;max-height: 300px;overflow-y: auto; }

.alert-new-info { color: #303a40;background-color: #e6fafd;border-color: #e6fafd; } .alert-new-info i { color: #00cfe8; }
.alert-new-success { color: #303a40;background-color: #ebfbf6;border-color: #ebfbf6; } .alert-new-success i { color: #33d19c; }
.alert-new-warning { color: #303a40;background-color: #fff9e9;border-color: #fff9e9; } .alert-new-warning i { color: #ffc02d; }
.alert-new-danger { color: #303a40;background-color: #fdedee;border-color: #fdedee; } .alert-new-danger i { color: #ef4c61; }

.csr-pointer { cursor: pointer !important; }

.callout.callout-primary { border-left-color: #007bff; }
.callout.callout-dark { border-left-color: #343a40; }

/* blockquote.quote-secondary { border-color: #6c757d; } */

.tbl-filter::after { content: "\f0b0";font-family: "Font Awesome 6 Free";font-weight: 900;margin-left: 3px;font-size: 0.5em;position: relative;top: -8px; }

/*
|---------------------------------------
| CUSTOM -------------------------------
|---------------------------------------
*/

.content-detail .btn-group button { border-radius: 2rem; }

.content-detail .card { border: 1px solid #ffffff;border-radius: .5rem; }
.content-detail .card .card-header { padding: 1.5rem 1.25rem;border-bottom: 1px solid #ffffff; }
.content-detail .card .card-header .card-title { width: 100%;padding: .45rem;font-size: 1rem;font-weight: bold;text-align: center;border-radius: .25rem; }
.content-detail .card .card-footer { background: #ffffff;padding: 1.5rem 1.25rem; }

.content-detail .card .separator { margin-bottom: 1rem;border: 1px dashed #d5d5d9; }

.content-table .card { border: 1px solid #ffffff;border-radius: .5rem; }

.content-table .card .card-header { padding-top: 1.25rem;border-bottom: none;border-radius: .5rem .5rem 0rem 0rem; }

.content-table .card .card-body { padding: 0.5rem 1.25rem 1.25rem 1.25rem; }

.content-table .card .card-footer { background: #ffffff;padding-top: 0rem;padding-bottom: 0px;border-radius: 0rem 0rem .5rem .5rem; }

.content-table .table { font-size: 16px;border: 2px solid #f4f4f4; }
.content-table .table thead { background: #f9f9f9;color: #707985;border: 2px solid #f4f4f4; }
.content-table .table thead th { border-bottom: 2px solid #f4f4f4; }
.content-table .table td, .table th { border-top: 1px solid #f4f4f4; }
.content-table .table tr:nth-child(even) { background-color: #f9f9f9; }

.content-table .card .card-filter { background-color: transparent;padding: .75rem 1.25rem;position: relative;margin-bottom: 0; }

.content-table .card .card-filter .filter { display: inherit;justify-content: inherit; }
@media (min-width: 576px) { .content-table .card .card-filter .filter { display: inherit;justify-content: inherit; } }
@media (min-width: 768px) { .content-table .card .card-filter .filter { display: flex;justify-content: space-between; } }
@media (min-width: 992px) { .content-table .card .card-filter .filter { display: flex;justify-content: space-between; } }
@media (min-width: 1200px) { .content-table .card .card-filter .filter { display: flex;justify-content: space-between; } }

.content-table .card .card-filter .filter .show { width: 100%; }
@media (min-width: 576px) { .content-table .card .card-filter .filter .show { display: inherit;justify-content: inherit; } }
@media (min-width: 768px) { .content-table .card .card-filter .filter .show { width: 250px; } }
@media (min-width: 992px) { .content-table .card .card-filter .filter .show { width: 300px; } }
@media (min-width: 1200px) { .content-table .card .card-filter .filter .show { width: 300px; } }

.content-table .card .card-filter .filter .search { width: 100%; }
@media (min-width: 576px) { .content-table .card .card-filter .filter .search { display: inherit;justify-content: inherit; } }
@media (min-width: 768px) { .content-table .card .card-filter .filter .search { width: 250px; } }
@media (min-width: 992px) { .content-table .card .card-filter .filter .search { width: 300px; } }
@media (min-width: 1200px) { .content-table .card .card-filter .filter .search { width: 300px; } }

.content-table .card .card-filter { padding-top: 1.25rem;border-bottom: none;border-radius: .5rem .5rem 0rem 0rem; }
.content-table .card .card-filter .input-search .input-group-prepend .input-group-text { background: #f9f9f9;color: #707985;border: 1px solid #f9f9f9;border-top-left-radius: 1.25rem;border-bottom-left-radius: 1.25rem; }
.content-table .card .card-filter .input-search .input-group-append .input-group-text { background: #f9f9f9;color: #707985;border: 1px solid #f9f9f9;border-top-right-radius: 1.25rem;border-bottom-right-radius: 1.25rem; }
.content-table .card .card-filter .input-search .form-control { background: #f9f9f9;color: #707985;height: calc(2.5rem + 2px);border: 1px solid #f9f9f9;border-top-left-radius: 1.25rem;border-bottom-left-radius: 1.25rem; }
.content-table .card .card-filter .input-search .form-control::placeholder { color: #707985; }

.content-table .card .card-filter .input-select { margin-bottom: 1rem; }
@media (min-width: 576px) { .content-table .card .card-filter .input-select { margin-bottom: 1rem; } }
@media (min-width: 768px) { .content-table .card .card-filter .input-select { margin-bottom: 0rem; } }
@media (min-width: 992px) { .content-table .card .card-filter .input-select { margin-bottom: 0rem; } }
@media (min-width: 1200px) { .content-table .card .card-filter .input-select { margin-bottom: 0rem; } }

.content-table .card .card-filter .input-select select { background: #f9f9f9;color: #707985;height: calc(2.5rem + 2px);border: 1px solid #f9f9f9; }
.content-table .card .card-filter .input-select .input-group-prepend .input-group-text { background: #f9f9f9;color: #707985;border: 1px solid #f9f9f9;border-top-left-radius: 1.25rem;border-bottom-left-radius: 1.25rem; }
.content-table .card .card-filter .input-select .input-group-append .input-group-text { background: #f9f9f9;color: #707985;border: 1px solid #f9f9f9;border-top-right-radius: 1.25rem;border-bottom-right-radius: 1.25rem; }

.content-table .pagination .page-item:first-child .page-link { background: #f9f9f9;color: #707985;border: 1px solid #f9f9f9;border-top-left-radius: 1.25rem;border-bottom-left-radius: 1.25rem; }
.content-table .pagination .page-item:last-child .page-link { background: #f9f9f9;color: #707985;border: 1px solid #f9f9f9;border-top-right-radius: 1.25rem;border-bottom-right-radius: 1.25rem; }

.content-table .paginator-mobile { justify-content: center !important; }
/* .content-table .paginator-desktop {} */

.content-card .card-payment { margin-top: 0rem; }
@media (min-width: 576px) {.content-card .card-payment { margin-top: 1.5rem; } }
@media (min-width: 768px) { .content-card .card-payment { margin-top: 1.5rem; } }
@media (min-width: 992px) { .content-card .card-payment { margin-top: 1.5rem; } }
@media (min-width: 1200px) { .content-card .card-payment { margin-top: 1.5rem; } }

.content-card .card-header .card-title { width: 100%;color: #7A7E87;padding-bottom: .75rem;font-family: 'Nunito', sans-serif;font-weight: bold;border-bottom: 1px solid #f4f4f4 !important; }
.content-card .form-group label { color: #7A7E87; }
.content-card .form-control { background: #f9f9f9;border-color: #f9f9f9; }

.content-card .card-customer .input-group-append .input-group-text { background: #f9f9f9;border-color: #f9f9f9; }

.content-table .table thead .filter { white-space: nowrap; }
.content-table .table thead .filter::before { margin-right: .35rem;font-family: "FontAwesome";font-size: 9px;content: "\f0b0"; }

.content-company .row-image { background: #ffffff;padding-left: .5rem;padding-right: .5rem;border-radius: .5rem; }
.content-company .row-image .image { background: #f4f6f9;margin-top: 1rem;margin-bottom: 1rem;padding: .5rem;border-radius: .5rem; }
.content-company .row-image .image img { width: 100%; }

.content-upload .form-upload { margin-bottom: .5rem; }
.content-upload .form-upload label { background: #e6f8ff;color: #939ca3;width: 100%;padding: 2rem 0rem;border: 2px dashed #8eb2e6;border-radius: .5rem;text-align: center; }
.content-upload .form-upload label:hover { cursor: pointer;border-color: rgb(95, 145, 216); }
.content-upload .form-upload input { display: none; }
.content-upload .form-upload i { color: #007dff;font-size: 2.5rem; }

/*
|---------------------------------------
| BOX FILTER ---------------------------
|---------------------------------------
*/

.container-filter { width: 100%;display: block;justify-content: none;margin-bottom: 2rem; }

@media (min-width: 576px) { .container-filter { display: block;justify-content: none; } }
@media (min-width: 768px) { .container-filter { display: block;justify-content: none; } }
@media (min-width: 992px) { .container-filter { display: flex;justify-content: space-between; } }
@media (min-width: 1200px) { .container-filter { display: flex;justify-content: space-between; } }

.container-filter .box-filter { width: 100%;margin-bottom: 2rem;border-radius: 2rem; }

@media (min-width: 576px) { .container-filter .box-filter { width: 100%; } }
@media (min-width: 768px) { .container-filter .box-filter { width: 100%; } }
@media (min-width: 992px) { .container-filter .box-filter { width: 30%; } }
@media (min-width: 1200px) { .container-filter .box-filter { width: 30%; } }

.container-filter .box-black { background: #2a292e;color: #a2a2a2; }
.container-filter .box-light { background: #e9ecef; }
.container-filter .box-white { background: #ffffff; }
.container-filter .box-default { background: #f0f2f4; }

.box-default .filter-body { width: 100%;height: 100%;display: flex;justify-content: center;align-items: center; }

.box-filter .filter-header { padding: 2rem 2rem;border-bottom: 1px dashed #424244; }
.box-black .filter-header { border-bottom: 1px dashed #424244; }
.box-light .filter-header { border-bottom: 1px dashed #a2a2a2; }

/* .box-filter .filter-header .form-control {} */
.box-filter .filter-header .input-group-prepend .input-group-text { border-top-left-radius: 1rem;border-bottom-left-radius: 1rem; }
.box-filter .filter-header .input-group-append .input-group-text { border-top-right-radius: 1rem;border-bottom-right-radius: 1rem; }

.box-filter .filter-body { padding: 2rem 2rem 1rem 2rem; }
.box-filter .filter-body .filter-item { background: #e9ecef;color: #95989b;width: 100%;margin-bottom: 1rem;padding: 1rem 1rem;text-align: center;border-radius: .5rem;cursor: pointer; }
.box-filter .filter-body .filter-item:hover { background: #c4c6c9;color: #ffffff; }

.box-filter .filter-body .filter-item .item-icon { font-size: 2rem; }
.box-filter .filter-body .filter-item .item-title { white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

.box-filter .filter-foooter { padding: 2rem 2rem;border-top: 1px dashed #424244; }

.box-black .filter-body .filter-item { background: #37363c;color: #a2a2a2; }
.box-black .filter-body .filter-item:hover { background: #403f46; }

.box-black .form-control { background: #37363c;color: #a2a2a2;border-color: #424244;border-right-color: #37363c;border-left-color: #37363c; }
.box-black .form-control::placeholder { color: #717173; }
.box-black .input-group-prepend .input-group-text { background: #37363c;color: #a2a2a2;border-color: #424244; }
.box-black .input-group-append .input-group-text { background: #37363c;color: #a2a2a2;border-color: #424244; }

.box-white .form-control { background: #e9ecef;color: #545456;border-color: #e9ecef;border-right-color: #e9ecef;border-left-color: #e9ecef; }
.box-white .form-control::placeholder { color: #a2a2a2; }
.box-white .input-group-prepend .input-group-text { background: #e9ecef;color: #a2a2a2;border-color: #e9ecef; }
.box-white .input-group-append .input-group-text { background: #e9ecef;color: #a2a2a2;border-color: #e9ecef; }

.box-light .filter-body .filter-item { background: #ffffff;color: #a2a2a2; }
.box-light .filter-body .filter-item:hover { background: #a2a2a2;color: #ffffff; }

.box-light .form-control { background: #ffffff;color: #95989b;border-color: #ffffff;border-right-color: #ffffff;border-left-color: #ffffff; }
.box-light .form-control::placeholder { color: #a2a2a2; }
.box-light .input-group-prepend .input-group-text { background: #ffffff;color: #a2a2a2;border-color: #ffffff; }
.box-light .input-group-append .input-group-text { background: #ffffff;color: #a2a2a2;border-color: #ffffff; }

.box-default .filter-body .filter-item { background: #f0f2f4;color: #d8dde6; }
.box-default .filter-body .filter-item:hover { background: #f0f2f4;color: #d8dde6; }

.box-black .filter-foooter { border-top: 1px dashed #424244; }
.box-light .filter-foooter { border-top: 1px dashed #a2a2a2; }

.box-filter .filter-foooter .filter-title { background: #e9ecef;color: #495057;padding: .35rem 0rem;text-align: center;text-transform: uppercase;border-radius: .5rem; }
.box-black .filter-foooter .filter-title { background: #37363c;color: #a2a2a2; }
.box-light .filter-foooter .filter-title { background: #ffffff;color: #a2a2a2; }

/*
|---------------------------------------
| QUICK MENU ---------------------------
|---------------------------------------
*/

.quick-menu { display: flex;margin-bottom: 2rem;float: right; }
.quick-item { background: #2a292e;color: #a2a2a2;padding: .5rem 1rem;line-height: 1.5;cursor: pointer; }
.quick-item span { margin-left: .5rem; }
.quick-item:hover { background: #39383e;color: #ffffff; }
.quick-item:first-child { border-radius: .75rem 0rem 0rem .75rem; }
.quick-item:last-child { border-radius: 0rem .75rem .75rem 0rem; }

/*
|---------------------------------------
| QUICK SEARCH -------------------------
|---------------------------------------
*/

.quick-search { background: #ffffff;width: 80%;margin: auto;padding: 0rem .5rem;display: flex;justify-content: space-between;align-items: center;margin-top: 2.5rem;margin-bottom: 3rem;border-radius: 50px;box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); }

@media (min-width: 576px) { .quick-search { padding: 0rem 1.5rem; } }
@media (min-width: 768px) { .quick-search { padding: 0rem 1.5rem; } }
@media (min-width: 992px) { .quick-search { padding: 0rem 1.5rem; } }
@media (min-width: 1200px) { .quick-search { padding: 0rem 1.5rem; } }

.quick-search .input { width: calc(85% + -.25rem);padding-right: .5rem; }

@media (min-width: 576px) { .quick-search .input { padding-right: .5rem; } }
@media (min-width: 768px) { .quick-search .input { padding-right: .5rem; } }
@media (min-width: 992px) { .quick-search .input { padding-right: 1.5rem; } }
@media (min-width: 1200px) { .quick-search .input { padding-right: 1.5rem; } }

.quick-search .input .input-group { width: 100%; }

.quick-search .input .input-group-text { background: #ffffff;color: #cdd0dc;border-color: #ffffff;border-radius: 1rem 0rem 0rem 1rem; }
.quick-search .input .input-group-text i { font-size: 1.25rem; }

.quick-search .input .form-control { color: #343c60;border-color: #ffffff;height: calc(3rem + 2px);font-size: 1.5rem; }
.quick-search .input .form-control::placeholder { color: #cdd0dc; }

.quick-search .select { width: 50%;border-left: 1px solid #cdd0dc;padding: .15rem 0rem .15rem 0rem;padding-left: 1.5rem; }
.quick-search .select .form-control { color: #343c60;height: calc(2rem + 2px);padding: .375rem .75rem;border-color: #ffffff; }

@media (min-width: 576px) { .quick-search .select { width: 100%; } }
@media (min-width: 768px) { .quick-search .select { width: 30%; } }
@media (min-width: 992px) { .quick-search .select { width: 15%; } }
@media (min-width: 1200px) { .quick-search .select { width: 15%; } }

.quick-search .form-group { margin-bottom: 0rem; }
.quick-search .form-group label { color: #cdd0dc;margin-bottom: 0rem;font-size: .9rem;text-transform: uppercase; }

/*
|---------------------------------------
| MODAL --------------------------------
|---------------------------------------
*/

.modal-dialog .modal-content { border-radius: .5rem;box-shadow: none; }

.modal-dialog .modal-header { background: #343a40;color: #ffffff;border-top-left-radius: calc(.5rem - 1px);border-top-right-radius: calc(.5rem - 1px); }
.modal-dialog .modal-header .close { color: #ffffff;text-shadow: none; }
.modal-dialog .modal-body { background: #f4f6f9; } /* e9ebf0 */
.modal-dialog .modal-footer { background: #f4f6f9;border-top-color: #e0e2e6;border-bottom-left-radius: calc(.5rem - 1px);border-bottom-right-radius: calc(.5rem - 1px); }

.modal-dialog .form-control { border: 1px solid #ffffff; }
.modal-dialog .input-group-text { background: #ffffff;border: transparent; }

.modal-dialog .row-image { background: #ffffff;padding-left: .5rem;padding-right: .5rem;border-radius: .5rem; }
.modal-dialog .row-image .image { background: #f4f6f9;margin-top: 1rem;margin-bottom: 1rem;padding: .5rem;border-radius: .5rem; }
.modal-dialog .row-image .image img { width: 100%; }

.modal-dialog .card .card-header .card-title { width: 100%;padding: .45rem;font-size: 1rem;font-weight: bold;text-align: center;border-radius: .25rem; }

/*
|---------------------------------------
| DASHBOARD ----------------------------
|---------------------------------------
*/

.content-dash .quick-summary { background: #ffffff;border-radius: 1rem;box-shadow: none; }

.content-dash .quick-info { background: #343A40;color: #ffffff;border-radius: 1rem;box-shadow: none; }
.content-dash .quick-info:hover { background: #3E454C; }

.content-dash .quick-info .icon { display: flex;justify-content: space-between; }
.content-dash .quick-info .icon .left { color: #ffb860;font-size: 2.5rem;opacity: 0.9; }
@media (min-width: 768px) { .content-dash .quick-info .icon .left { font-size: 2.75rem; }}
@media (min-width: 1400px) { .content-dash .quick-info .icon .left { font-size: 3rem; }}

.content-dash .quick-info .detail { font-size: 2.5rem;text-align: center;margin-bottom: 1rem; }
@media (min-width: 992px) { .content-dash .quick-info .detail { font-size: 2.25rem;margin-bottom: 1rem; }}
@media (min-width: 1400px) { .content-dash .quick-info .detail { font-size: 2.5rem;margin-bottom: 1.5rem; }}

.content-dash .quick-info .title { font-size: 1.25rem;text-align: center; }

.content-dash .info-box { background: #ffffff;color: #343A40;box-shadow: none;border-radius: .5rem; }

.content-dash .form-control { border-color: #e1e5e9;border-radius: .5rem; }

/*
|---------------------------------------
| SALE ----------------------------
|---------------------------------------
*/

.content-sale .detail { background: #343A40;margin-bottom: 1.5rem;padding: 1.5rem;border-radius: 1rem; }

.content-sale .detail .invoice { background: #3E454C;margin-bottom: 1.25rem;padding: 1.5rem;border-radius: 1rem; }
.content-sale .detail .customer { background: #3E454C;margin-bottom: 1.25rem;padding: 1.5rem;border-radius: 1rem; }

.content-sale .detail .customer .input-group-prepend .input-group-text { background: #4B535B;color: #cccccc;border-color: #4B535B; }
.content-sale .detail .customer .input-group-append .input-group-text { background: #4B535B;color: #cccccc;border-color: #4B535B; }

.content-sale .detail label { color: #ffffff; }
.content-sale .detail .form-control { background: #3E454C;color: #cccccc;border-color: #4B535B; }
.content-sale .detail .pay button { background: #17AA6D;color: #fff; }

.content-sale .detail .form-control:read-only { background: #4B535B; }

.content-sale .detail .invoice .number { background: #4B535B;color: #E9A74F;padding: .15rem;font-size: 1.5rem;text-align: center;font-family: 'Montserrat', sans-serif;font-weight: bold;text-transform: uppercase;border-radius: .25rem; }
.content-sale .detail .invoice .summary { background: #4B535B;color: #ffffff;margin-bottom: 1rem;padding: .375rem .75rem;display: flex;justify-content: space-between;font-size: 1.15rem;font-family: 'Montserrat', sans-serif;text-transform: uppercase;border-radius: .25rem; }

.content-sale .detail .text-warning { color: #E9A74F; }
.content-sale .detail hr { background: #4B535B; }

.content-sale .card { border-radius: .5rem;box-shadow: none; }
.content-sale .card .card-header { border-color: #ffffff; }
.content-sale .card .card-footer { background: #ffffff;border-radius: .5rem; }

.content-sale .product label { color: #4B535B; }
.content-sale .product .card-header .form-group { margin-bottom: 1rem; }

@media (min-width: 576px) { .content-sale .product .card-header .form-group { margin-bottom: 1rem; } }
@media (min-width: 768px) { .content-sale .product .card-header .form-group { margin-bottom: 1rem; } }
@media (min-width: 992px) { .content-sale .product .card-header .form-group { margin-bottom: 1rem; } }
@media (min-width: 1200px) { .content-sale .product .card-header .form-group { margin-bottom: 0rem; } }

.content-sale .product .card-header .form-control { background: #F4F5F7;border-color: #F4F5F7;border-radius: 0rem; }
.content-sale .product .card-header .input-group-prepend .input-group-text { background: #F4F5F7;border-color: #F4F5F7;border-radius: .5rem 0rem 0rem .5rem; }
.content-sale .product .card-header .input-group-append .input-group-text { background: #F4F5F7;border-color: #F4F5F7;border-radius: 0rem .5rem .5rem 0rem; }
.content-sale .quick-access { background: #F4F5F7;margin-bottom: 1rem;padding: .25rem;text-align: center;border-radius: .5rem;cursor: pointer; }
.content-sale .product .table-bordered { border-top-color: #343A40; }
.content-sale .product table thead th,
.content-sale .product table thead td { background: #343A40;color: #ffffff;border-color: #343A40; }

@media (min-width: 576px) { .content-sale .quick-access { margin-bottom: 1rem; } }
@media (min-width: 768px) { .content-sale .quick-access { margin-bottom: 1rem; } }
@media (min-width: 992px) { .content-sale .quick-access { margin-bottom: 1rem; } }
@media (min-width: 1200px) { .content-sale .quick-access { margin-bottom: 0rem; } }

.content-sale .quick-access img { height: 65px; }

.card-payment-method { background-color: #343a40; }
.card-payment-method .card-body { padding: .75rem; }
.card-payment-method .payment-icon { padding: .75rem 0px;text-align: center;cursor: pointer;border-radius: .4rem; }
.card-payment-method .payment-icon.cash.active, .card-payment-method .payment-icon.cash:hover { background: #17aa6d; }
.card-payment-method .payment-icon.yape.active, .card-payment-method .payment-icon.yape:hover { background: #610773; }
.card-payment-method .payment-icon.plin.active, .card-payment-method .payment-icon.plin:hover { background: #2ec2c1; }
.card-payment-method .payment-icon.credit-card.active, .card-payment-method .payment-icon.credit-card:hover { background: #ff4141; }
.card-payment-method .payment-icon.dispatch-note.active, .card-payment-method .payment-icon.dispatch-note:hover { background: #f8c63d; }
.card-payment-method .payment-icon.other.active, .card-payment-method .payment-icon.other:hover { background: #6b849c; }
.card-payment-method img { height: 35px; }

.card-payment-form { background-color: #343a40;color: #ffffff !important; }
.card-payment-form .form-control { background: #3E454C;color: #cccccc;border-color: #4B535B; }
.card-payment-form .input-group-prepend .input-group-text { background: #3E454C;color: #cccccc;border: 1px solid #4B535B; }
.card-payment-form .input-group-append .input-group-text { background: #3E454C;color: #cccccc;border: 1px solid #4B535B; }

.quick-money .btn-group { margin-bottom: 1rem; }
.quick-money .btn-group .btn { padding: .5rem 1rem; }

.card-summary .card-body { padding: .5rem 1.25rem; }
.card-summary .card-body .text { color: #393e47;display: flex;justify-content: space-between; }
.card-summary .card-body .text .tag { font-size: 2rem; }
.card-summary .card-body .text .amount { font-size: 2rem; }
.card-summary .card-body .text .amount sup { font-size: 1.25rem; }
.card-summary .card-body .currency { color: #8e9cb1;margin-top: .25rem;padding-top: .5rem;font-weight: 600;text-align: right;border-top: 1px solid #393e47; }

.content-sale .table-fs { font-size: 16px;border: 2px solid #f4f4f4; }
.content-sale .table-fs thead { background: #f9f9f9;color: #707985;border: 2px solid #f4f4f4; }
.content-sale .table-fs thead th { border-bottom: 2px solid #f4f4f4; }
.content-sale .table-fs td, .table th { border-top: 1px solid #f4f4f4; }
.content-sale .table-fs tr:nth-child(even) { background-color: #f9f9f9; }

/*
|---------------------------------------
| GENERAL ------------------------------
|---------------------------------------
*/

#modalTimeOut .modal-header { background: #f4f6f9 !important;border-bottom: none !important; }
#modalTimeOut .modal-footer { border-color: transparent !important; }
#modalTimeOut button { padding: .5rem 1.25rem !important;border-radius: 1.25rem !important; }
#modalTimeOut .btn-timeout-danger { background-color: #ff5052;color: #ffffff;border-color: #de5255; }
#modalTimeOut .btn-timeout-success { background-color: #3ad790;color: #ffffff;border-color: #2fc182; }

/*
|---------------------------------------
| BLOCK --------------------------------
|---------------------------------------
*/

.page-block { width: 100%;height: 805px;display: flex;align-items: center;justify-content: center; }
.page-block .polygon { text-align: center; }
.page-block .message { color: #4b545c;font-family: 'Montserrat', sans-serif;text-align: center; }
.page-block .message p { text-transform: uppercase; }
@media (min-width: 320px) { .page-block .body { width: 400px; } .page-block .polygon { margin-bottom: 2rem } .page-block svg { height: 250px; } }
@media (min-width: 768px) { .page-block .body { width: 750px; } .page-block svg { height: 350px; } .page-block .message h1 { font-size: 2.5rem; } .page-block .message p { font-size: 1.5rem; } }
@media (min-width: 1024px) { .page-block .body { width: 750px; } .page-block svg { height: 500px; } .page-block .message { display: flex;flex-direction: column;justify-content: center;align-items: center; } .page-block .message h1 { font-size: 5rem;text-transform: uppercase; } .page-block .message p { font-size: 1.5rem; } }
@media (min-width: 1280px) { .page-block .body { width: 1000px;display: flex;justify-content: space-between; } .page-block .polygon { width: 50%; } .page-block .message { width: 50%; } }
@media (min-width: 1440px) { .page-block .body { width: 1000px;display: flex;justify-content: space-between; } .page-block .polygon { width: 50%; } .page-block .message { width: 50%; } }
.page-block #polygon-1,
.page-block #polygon-2,
.page-block #polygon-3,
.page-block #polygon-4,
.page-block #polygon-4,
.page-block #polygon-5 { animation: float 1s infinite ease-in-out alternate; }
.page-block #polygon-2 { animation-delay: .2s; }
.page-block #polygon-3 { animation-delay: .4s; }
.page-block #polygon-4 { animation-delay: .6s; }
.page-block #polygon-5 { animation-delay: .8s; }
@keyframes float { 100% { transform: translateY(20px); } }

/*
|--------------------------------------------------------------------------
| FLARE -------------------------------------------------------------------
|--------------------------------------------------------------------------
*/

.container-max { width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; }
@media (min-width: 576px) { .container-max { max-width: 100%; } }
@media (min-width: 768px) { .container-max { max-width: 85%; }}
@media (min-width: 992px) { .container-max { max-width: 84.5%; }}
@media (min-width: 1200px) { .container-max { max-width: 84%; }}

.row-actions { padding-bottom: 1rem; }
@media (max-width: 575px) { .row-actions .col-left font { display: none; }}
@media (min-width: 576px) { .row-actions .col-left font { margin-left: .5rem;display: inline-block; }}

/*
|---------------------------------------
| NAV PILSS ----------------------------
|---------------------------------------
*/

.nav-pills-custom .nav-link { color: #aaa;background: #fff;position: relative;margin-bottom: 1rem;padding: 1rem;border-radius: .25rem; }
.nav-pills-custom .nav-link.active { background: #007bff;color: #ffffff; }
.nav-pills-custom .nav-link i { margin-right: .5rem; }
.nav-pills-custom .nav-link span { font-size: 80%;font-weight: 700;text-transform: uppercase; }
@media (min-width: 992px) { .nav-pills-custom .nav-link::before { content: '';display: block;border-top: 8px solid transparent;border-left: 10px solid #007bff;border-bottom: 8px solid transparent;position: absolute;top: 50%;right: -10px;transform: translateY(-50%);opacity: 0; } }
.nav-pills-custom .nav-link.active::before { opacity: 1; }

.tab-content-custom { margin-bottom: 3rem; }
.tab-content-custom .characteristic { background: #f4f6f9;margin-top: 1rem;margin-bottom: 1rem;padding: 1rem;border-radius: .5rem; }
.tab-content-custom .tab-box { background-color: #fff;color: #1f2d3d;margin-bottom: 2rem;padding: 1.25rem;border-radius: .25rem; }

@media (min-width: 576px) { .tab-content-custom .tab-box { padding: 1.5rem; }}
@media (min-width: 768px) { .tab-content-custom .tab-box { padding: 1.5rem; }}
@media (min-width: 992px) { .tab-content-custom .tab-box { padding: 1.5rem; }}
@media (min-width: 1200px) { .tab-content-custom .tab-box { padding: 1.5rem; }}

.tab-content-custom .form-control { border: 1px solid #e5e5e5; }
.tab-content-custom label { color: #7e8a94; }
.tab-content-custom .input-group-prepend .input-group-text { border: 1px solid #e5e5e5; }
.tab-content-custom .input-group-append .input-group-text { border: 1px solid #e5e5e5; }

.tab-content-custom .tab-box-xs { padding: 1rem !important; }

.tab-content-custom .tab-box-xs .form-header { padding-bottom: .5rem; }
.tab-content-custom .tab-box-xs h4 { font-size: 1.15rem; }
.tab-content-custom .tab-box-xs .table { margin-bottom: 0px; }
.tab-content-custom .tab-box-md { padding: 1.5rem !important; }
.tab-content-custom .tab-box-xl { padding: 3rem !important; }

.tab-content-custom .form { background: transparent; }
.tab-content-custom .form-header { margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid rgba(0, 0, 0, .1); }
.tab-content-custom .form-title { margin-bottom: 0;line-height: 1.5; }
.tab-content-custom .form-body { position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto; }
.tab-content-custom .form-body .image { text-align: center;border: 1px solid #e5e5e5;border-radius: .5rem; }
.tab-content-custom .form-body .image img { width: 100%; }
.tab-content-custom .form-body .upload { text-align: center; }
.tab-content-custom .form-body .upload label { width: 100%;padding: 1rem;border: 2px dashed #e5e5e5;border-radius: .5rem; }
.tab-content-custom .form-body .upload label:hover { background: #dde8f5;color: #265686;cursor: pointer;border: 2px dashed #2d82f5; }
.tab-content-custom .form-body .upload .picture { margin-bottom: .75rem; }
.tab-content-custom .form-body .upload .picture img { width: 45px; }
.tab-content-custom .form-body .upload .text { font-family: 'Nunito', sans-serif; }
.tab-content-custom .form-body .upload input { display: none; }
.tab-content-custom .form-footer { margin-top: 1rem;padding-top: 1rem;border-top: 1px solid rgba(0, 0, 0, .1);display: flex;justify-content: space-between; }

.tab-box-xs .form-footer { margin-top: .5rem; }

.tab-box-header { margin-bottom: 1.5rem; }

.tab-box-header .tab-box-title { color: #7e8a94;padding-bottom: .5rem;border-bottom: 1px solid #f4f4f4; }
.tab-box-header .tab-box-title i { margin-left: 5px; }

.tab-box-header .filter { display: inherit;justify-content: inherit; }
@media (min-width: 576px) { .tab-box-header .filter { display: inherit;justify-content: inherit; } }
@media (min-width: 768px) { .tab-box-header .filter { display: flex;justify-content: space-between; } }
@media (min-width: 992px) { .tab-box-header .filter { display: flex;justify-content: space-between; } }
@media (min-width: 1200px) { .tab-box-header .filter { display: flex;justify-content: space-between; } }

.tab-box-header .filter .show { width: 100%; }
@media (min-width: 576px) { .tab-box-header .filter .show { display: inherit;justify-content: inherit; } }
@media (min-width: 768px) { .tab-box-header .filter .show { width: 250px; } }
@media (min-width: 992px) { .tab-box-header .filter .show { width: 300px; } }
@media (min-width: 1200px) { .tab-box-header .filter .show { width: 300px; } }

.tab-box-header .filter .search { width: 100%; }
@media (min-width: 576px) { .tab-box-header .filter .search { display: inherit;justify-content: inherit; } }
@media (min-width: 768px) { .tab-box-header .filter .search { width: 250px; } }
@media (min-width: 992px) { .tab-box-header .filter .search { width: 300px; } }
@media (min-width: 1200px) { .tab-box-header .filter .search { width: 300px; } }

.tab-box { padding-top: 1.25rem;border-bottom: none;border-radius: .5rem .5rem 0rem 0rem; }
.tab-box .input-search .input-group-prepend .input-group-text { background: #f9f9f9;color: #707985;border: 1px solid #f9f9f9;border-top-left-radius: 1.25rem;border-bottom-left-radius: 1.25rem; }
.tab-box .input-search .input-group-append .input-group-text { background: #f9f9f9;color: #707985;border: 1px solid #f9f9f9;border-top-right-radius: 1.25rem;border-bottom-right-radius: 1.25rem; }
.tab-box .input-search .form-control { background: #f9f9f9;color: #707985;height: calc(2.5rem + 2px);border: 1px solid #f9f9f9;border-top-left-radius: 1.25rem;border-bottom-left-radius: 1.25rem; }
.tab-box .input-search .form-control::placeholder { color: #707985; }

.tab-box .input-select { margin-bottom: 1rem; }
@media (min-width: 576px) { .tab-box .input-select { margin-bottom: 1rem; } }
@media (min-width: 768px) { .tab-box .input-select { margin-bottom: 0rem; } }
@media (min-width: 992px) { .tab-box .input-select { margin-bottom: 0rem; } }
@media (min-width: 1200px) { .tab-box .input-select { margin-bottom: 0rem; } }

.tab-box .input-select select { background: #f9f9f9;color: #707985;height: calc(2.5rem + 2px);border: 1px solid #f9f9f9; }
.tab-box .input-select .input-group-prepend .input-group-text { background: #f9f9f9;color: #707985;border: 1px solid #f9f9f9;border-top-left-radius: 1.25rem;border-bottom-left-radius: 1.25rem; }
.tab-box .input-select .input-group-append .input-group-text { background: #f9f9f9;color: #707985;border: 1px solid #f9f9f9;border-top-right-radius: 1.25rem;border-bottom-right-radius: 1.25rem; }

.tab-box .pagination .page-item:first-child .page-link { background: #f9f9f9;color: #707985;border: 1px solid #f9f9f9;border-top-left-radius: 1.25rem;border-bottom-left-radius: 1.25rem; }
.tab-box .pagination .page-item:last-child .page-link { background: #f9f9f9;color: #707985;border: 1px solid #f9f9f9;border-top-right-radius: 1.25rem;border-bottom-right-radius: 1.25rem; }

.tab-box-footer { margin-top: 1.5rem; }

/*
|---------------------------------------
| SUCURSAL -----------------------------
|---------------------------------------
*/

.box-sucursal { background: #B1D0E0;color: #406882;width: 100%;margin-bottom: 1rem;padding: 1rem;border-radius: .5rem; }
.box-sucursal:hover { background: #c1dae7;color: #517891;cursor: pointer; }

.box-sucursal .header { min-height: 70px;display: flex;justify-content: space-between; }
/* .box-sucursal .header .numero {} */
.box-sucursal .header .numero h3 { font-family: 'Poppins', sans-serif;font-size: 3rem;margin-top: -7px; }
/* .box-sucursal .header .icono  {} */
.box-sucursal .header .icono i { font-size: 3.5rem;opacity: 0.5; }

.box-sucursal .body { min-height: 60px;display: flex;flex-direction: column;justify-content: flex-end; }
.box-sucursal .body .nombre { font-family: 'Montserrat', sans-serif;font-weight: bold;opacity: 0.9; }

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

.login { background: url('https://res.cloudinary.com/dlaqfewvp/image/upload/v1684605083/web-app/frontend/bg-login_bjdmck.jpg') center;background-size: cover;width: 100%;height: 100vh;position: relative;font-family: 'Poppins', sans-serif; }
.login::before { content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1; }

.box { max-width: 800px;width: 90%;height: auto;background-color: white;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 2rem 4rem;border-radius: 1rem; }

.box-item { width: 45%;margin-bottom: 10px; }

.box .box-image { text-align: center;margin-top: 100px;margin-bottom: 100px; }

/* .box .box-form {} */
.box .box-form h1 { color: #36434f;margin-bottom: 2rem;font-family: 'Montserrat', sans-serif;text-align: center; }
.box .form-group .form-control { border-left-color: #ffffff;padding: 1.35rem .75rem;border-top-right-radius: 25px;border-bottom-right-radius: 25px; }
.box .form-group .input-group-text { background: #ffffff;border-right-color: #ffffff;border-top-left-radius: 25px;border-bottom-left-radius: 25px;padding-left: 24px;padding-right: 0; }
.box .form-group .input-group-text i { margin-left: 5px; }

.box .btn { margin-bottom: 1rem;padding: .575rem .75rem;border-radius: 25px; }

.box .url { text-align: center; }
.box .url span { color: #465765;margin-right: .25rem; }

@media screen and (max-width: 800px) {
  .box { flex-direction: column;align-items: flex-start; }
  .box-item { width: 100%; }
  .box .box-image { margin-top: 5%;margin-bottom: 10%; }
  .box .box-image img { width: 65%; }
  .box .box-form { margin-top: 0px; }
}

/*
|---------------------------------------
| SELECT2 ------------------------------
|---------------------------------------
*/

.modal .select2-container--default .select2-selection--single { border-color: #ffffff; }
.modal .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #444444; }

/*
|--------------------------------------------------------------------------
| OTHERS ------------------------------------------------------------------
|--------------------------------------------------------------------------
*/

/* .tooltip-custom { @include tooltip-custom(#f2653c, #ffffff); }
.tooltip-custom-alt { @include tooltip-custom(#5b2da3, #ffffff); }
.popover-custom { @include popover-custom(#f2653c, #ffffff); }
.popover-custom-alt { @include popover-custom(#5b2da3, #ffffff); } */

.pointer { cursor: pointer; }

.space-star { margin-top: 1.5rem; }
.space-center { margin-bottom: 1.5rem; }
@media (min-width: 576px) { .space-center { margin-bottom: 0rem; } }
@media (min-width: 768px) { .space-center { margin-bottom: 0rem; } }
@media (min-width: 992px) { .space-center { margin-bottom: 0rem; } }
@media (min-width: 1200px) { .space-center { margin-bottom: 0rem; } }
.space-end { margin-bottom: 1.5rem; }

/*
|--------------------------------------------------------------------------
| BUTTON ------------------------------------------------------------------
|--------------------------------------------------------------------------
*/

.content-table .row-action, .content-detail .row-action { margin-bottom: 1rem; }
.content-table .row-action .col-report, .content-detail .row-action .col-report { text-align: center; }
.content-table .row-action .col-action, .content-detail .row-action .col-action { text-align: right; }

/*
|--------------------------------------------------------------------------
| MODAL -------------------------------------------------------------------
|--------------------------------------------------------------------------
*/

#modalSerie .card .form-control { border: 1px solid #ced4da; }

/*
|--------------------------------------------------------------------------
| TOOLTIP -----------------------------------------------------------------
|--------------------------------------------------------------------------
*/

.lp-tt, .up-tt, .dw-tt { position: relative;display: inline-block; }
.lp-tt .tooltiptext { visibility: hidden;max-width: 300px;background-color: rgba(0, 0, 0, 0.9);color: #fff;font-size: 0.75rem;text-align: center;border-radius: 6px;padding: .5rem;position: absolute;z-index: 1;bottom: 140%;left: 50%;transform: translateX(-50%);white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.up-tt .tooltiptext { visibility: hidden;max-width: 300px;background-color: rgba(0, 0, 0, 0.9);color: #fff;font-size: 0.75rem;text-align: center;border-radius: 6px;padding: .5rem;position: absolute;z-index: 1;bottom: 110%;left: 50%;transform: translateX(-50%);white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.dw-tt .tooltiptext { visibility: hidden;max-width: 300px;background-color: rgba(0, 0, 0, 0.9);color: #fff;font-size: 0.75rem;text-align: center;border-radius: 6px;padding: .5rem;position: absolute;z-index: 1;top: 110%;left: 50%;transform: translateX(-50%);white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.lp-tt .tooltiptext::after, .up-tt .tooltiptext::after, .dw-tt .tooltiptext::after { content: "";position: absolute;bottom: -10px;left: calc(50% - 5px);border-width: 5px;border-style: solid;border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent; }
.lp-tt:hover .tooltiptext, .up-tt:hover .tooltiptext, .dw-tt:hover .tooltiptext { visibility: visible; }