@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.eot');
    src: local('Lato Black'), local('Lato-Black'),
        url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Black.woff2') format('woff2'),
        url('../fonts/Lato-Black.woff') format('woff'),
        url('../fonts/Lato-Black.ttf') format('truetype'),
        url('../fonts/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Heavy.eot');
    src: local('Lato Heavy'), local('Lato-Heavy'),
        url('../fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Heavy.woff2') format('woff2'),
        url('../fonts/Lato-Heavy.woff') format('woff'),
        url('../fonts/Lato-Heavy.ttf') format('truetype'),
        url('../fonts/Lato-Heavy.svg#Lato-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.eot');
    src: local('Lato Bold'), local('Lato-Bold'),
        url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato-Bold.woff') format('woff'),
        url('../fonts/Lato-Bold.ttf') format('truetype'),
        url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Medium.eot');
    src: local('Lato Medium'), local('Lato-Medium'),
        url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Medium.woff2') format('woff2'),
        url('../fonts/Lato-Medium.woff') format('woff'),
        url('../fonts/Lato-Medium.ttf') format('truetype'),
        url('../fonts/Lato-Medium.svg#Lato-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.eot');
    src: local('Lato Light'), local('Lato-Light'),
        url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Light.woff2') format('woff2'),
        url('../fonts/Lato-Light.woff') format('woff'),
        url('../fonts/Lato-Light.ttf') format('truetype'),
        url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.eot');
    src: local('Lato Regular'), local('Lato-Regular'),
        url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular.woff') format('woff'),
        url('../fonts/Lato-Regular.ttf') format('truetype'),
        url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Semibold.eot');
    src: local('Lato Semibold'), local('Lato-Semibold'),
        url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Semibold.woff2') format('woff2'),
        url('../fonts/Lato-Semibold.woff') format('woff'),
        url('../fonts/Lato-Semibold.ttf') format('truetype'),
        url('../fonts/Lato-Semibold.svg#Lato-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Thin.eot');
    src: local('Lato Thin'), local('Lato-Thin'),
        url('../fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Thin.woff2') format('woff2'),
        url('../fonts/Lato-Thin.woff') format('woff'),
        url('../fonts/Lato-Thin.ttf') format('truetype'),
        url('../fonts/Lato-Thin.svg#Lato-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
/* --- HTML --- */
html,
body {
    padding: 0;
    margin: 0;
    font-family: 'Lato','Roboto',Arial, sans-serif, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000;
}
/* ### - [Sidebar / scrollbar] - ### */    
::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #ff655c;
    border: 0px none #ffffff;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ff655c;
}
::-webkit-scrollbar-thumb:active {
    background: #ff655c;
}
::-webkit-scrollbar-track {
    background: #ffffff;
    border: 0px none #ffffff;
    border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
    background: #ffffff;
}
::-webkit-scrollbar-track:active {
    background: #ffffff;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
/* .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #e2231a;
}
.tooltip-inner {
    background-color: #e2231a;
} */
/* ### - [Elementos] Elemento: Titulos - ### */
.titulo-boton {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin: 0 0 45px;
}
.titulo-boton .btn {
    margin: 0;
}
.titulo-pag {
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: .25px;
    margin: 0 0 15px;
}
.titulo-pag span {
    color: #ff1e13;
}
.titulo-seccion {
    font-weight: 700;
    color: #666;
    padding: 5px 0;
    margin: 5px 0 20px;
    border-bottom: 2px solid rgba(102, 102, 102, 0.25);
}
.btn.titulo-pag {
    padding: 0;
    border-radius: 0;
}
.btn.titulo-pag span {
}
.btn.titulo-pag span a {
    margin-right: 5px;
    color: #747f84;
    text-decoration: none!important;
}
/* ### - [Elementos] Elemento: Colores - ### */
.text-success {
    color: #38c785!important;
}
/* ### - [Elementos] Elemento: Botones - ### */
.btn {
    font-weight: 700;
    letter-spacing: .5px;
    border-radius: 12px;
}
.btn-agregar {
    color: #fff!important;
    padding: 10px 30px;
    margin: 1.5rem 0 0;
    background-color: #095ed8;
}
.input-group-append .btn {
    margin: 0!important;
}
.btn-ver {
    color: #fff!important;
    background-color: #435cd6;
}
.btn-editar {
    position: relative;
    background-color: rgba(102, 102, 102, 0.15);
}
.btn-editar::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto -10px;
    background-image: url(../img/iconos/tabla/btn-mas.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 35%;
    height: 100%;
    width: 6px;
}
.btn-editar.v3 {
    color: #fff;
    background-color: #885c5c;
}
.btn-editar.v3::before,
.btn-editar.v2::before {
    display: none;
}
.btn-rechazado,
.btn-eliminar {
    background-color: #ff0000;
    color: #fff!important;
}
.btn-eliminar.v2 {
    font-size: 0;
    background-image: url(../img/iconos/btn/btn-eliminar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px auto;
}
.btn-descargar {
    background-color: #43d690;
    color: #fff!important;
}
.btn-descargar.v2 {
    font-size: 0;
    background-image: url(../img/iconos/btn/btn-descargar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px auto;
}

.btn-agregar {
    background-color: #43d690;
    color: #fff!important;
}
.btn-agregar.v2 {
    font-size: 0;
    background-image: url(../img/iconos/btn/btn-agregar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px auto;
    padding: 22px!important;
    height: 45px;
}

.btn-archivo {
    background-color: #4f68d6;
    color: #fff!important;
}
.btn-archivo.v2 {
    font-size: 0;
    background-image: url(../img/iconos/btn/btn-archivo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px auto;
    height: 45px;
}
.btn-imprimir.v2 {
    font-size: 0;
    color: #fff;
    background-color: #4f68d6;
    background-image: url(../img/iconos/btn/btn-imprimir.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px auto;
}
.btn-guardar {
    color: #fff!important;
    background-color: #43d690;
}
.btn-cancelar {
    background-color: #666!important;
    color: #fff;
}
.btn-aprobar {
    background-color: #43d690!important;
    color: #fff;
}
.btn-reactivar {
    border: 2px solid #43d690;
    background-color: #fff;
    color: #43d690!important;
}
/* .btn-recibir {
    background-color: #1fc2e8;
    color: #fff!important;
} */
.btn-buscar {
    color: #fff!important;
    padding: 10px 30px 10px 45px;
    margin: 1.5rem 0 0;
    background-color: #3abcce;
    background-image: url(../img/iconos/btn/btn-buscar.svg);
    background-repeat: no-repeat;
    background-position: 14px 50%;
    background-size: 16px auto;
}
.btn-regresar {
    position: relative;
    color: #fff!important;
    padding: .75rem 1.85rem .75rem 3.05rem;
    background-color: #666;
}
.btn-regresar::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0 auto 5px;
    width: 2.2rem;
    height: calc(100% - 10px);
    background-image: url(../img/iconos/btn/icono-regresar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    border-radius: 10px;
}
#cuentas-agregadas:not(:empty) {
    border-radius: 12px;
    border: 2px solid #e5e6ea;
    padding: 7px;
}
.btn-etiqueta {
    font-size: .8rem;
    color: #3fc054;
    padding: 5px 15px;
    margin: 4px 5px 4px 0;
    background-color: rgba(111, 221, 129, 0.25);
}
.btn-etiqueta .quitar-cuenta {
    position: relative;
    font-size: 1rem;
    font-weight: bold;
    left: -5px;
    padding: 5px;
}
.table .btn {
    font-weight: 500;
    padding: 10px 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 7px;
}
.btn-imprimir.v2 {
    padding: 22px;
}
.table .btn-evaluacion {
    font-size: 0;
    padding: 22px;
    background-color: #2e29a2;
    background-image: url(../img/iconos/tabla/btn-evaluacion.svg);
    background-size: 22px auto;
}
.table .btn-ver {
    font-size: 0;
    padding: 22px;
    background-image: url(../img/iconos/tabla/btn-ver.svg);
    background-size: 22px auto;
}
.table .btn-editar.v2 {
    font-size: 0;
    padding: 22px;
    background-color: #38dba3;
    background-image: url(../img/iconos/tabla/btn-editar.svg);
    background-size: 22px auto;
}
.btn-editar.v2 {
    font-size: 0;
    padding: 22px;
    background-color: #389fdb;
    background-image: url(../img/iconos/tabla/btn-editar.svg);
    background-size: 22px auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
}

.btn-aprobar.v2 {
    font-size: 0;
    padding: 22px;
    background-color: #38dba3;
    background-image: url(../img/iconos/tabla/btn-aceptar.svg);
    background-size: 22px auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
}

.btn-cancelar.v2 {
    font-size: 0;
    padding: 22px;
    background-color: #252552;
    background-image: url(../img/iconos/tabla/btn-tacha.svg);
    background-size: 22px auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
}
.btn-recibir.v2{
    background-color: #1fc2e8;
    background-image: url(../img/iconos/btn/btn-recibir.svg);
    font-size: 0;
    padding: 22px;
    background-size: 22px auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
}
.btn-completar.v2{
    color:white;
    background-color: #252552;
    background-image: url(../img/iconos/btn/icono-completar.svg);
    font-size: 0;
    padding: 22px;
    background-size: 22px auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
}
 
.table .btn-eliminar.v2 {
    font-size: 0;
    padding: 22px;
    background-image: url(../img/iconos/tabla/btn-tacha.svg);
    background-size: 22px auto;
}
.table .btn-descargar.v2 {
    font-size: 0;
    padding: 22px;
    background-image: url(../img/iconos/tabla/btn-descargar.svg);
    background-size: 22px auto;
}
.table .btn-archivo.v2 {
    font-size: 0;
    padding: 25px;
    background-image: url(../img/iconos/tabla/btn-archivo.svg);
    background-size: 22px auto;
    height: 45px;
}
.table .btn-recibir.v2 {
    font-size: 0;
    padding: 22px;
    background-image: url(../img/iconos/btn/btn-recibir.svg);
    background-size: 22px auto;
}
.table .btn-aceptar {
    background-color: #38c785;
    background-image: url(../img/iconos/tabla/btn-aceptar.svg);
    background-size: 22px auto;
}
.table .btn-categoria {
    font-weight: bold;
    color: #ff1e13;
    padding-left: 3rem;
    background-color: rgba(255, 30, 19, 0.075);
    background-image: url(../img/iconos/btn/icono-categorias.svg);
    background-repeat: no-repeat;
    background-position: .5rem center;
    background-size: auto 25px;
}
.pag-pedidos .table .btn {
    font-size: 0;
    padding: 22px;
    margin: 0 2px;
}
.pag-pedidos .btn-rechazado {
    background-image: url(../img/iconos/tabla/btn-tacha.svg);
    background-size: 22px auto;
}
.pag-pedidos .btn-aceptado {
    background-color: #38c785;
    background-image: url(../img/iconos/tabla/btn-aceptar.svg);
    background-size: 22px auto;
}
/* ### - [Elementos] Elemento: Agregar - ### */
/* ### - [Elementos] Elemento: Formulario - ### */
label {
    font-size: .95rem;
    font-weight: bold;
    color: #494d59;
}
.form-control {
    color: #666;
    border: 2px solid #e5e6ea;
    border-radius: 12px;
}
select.form-control, input.form-control {
    height: calc(2.15rem + .75rem + 2px);
}
input[type=file] {
    font-size: .8rem;
}
.input-group-prepend .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.select2-container .select2-selection--single {
    border: 2px solid #e5e6ea;
    height: 48px;
    border-radius: 12px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    color: #666;
    line-height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 47px;
}

.input-group .select2-container .select2-selection--single {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* ### - [Elementos] Elemento: Tablas - ### */
.table {
    border: 0!important;
    border-collapse: separate;
    border-spacing: 0;
}
.table td, .table th {
    border: 0;
}
.table thead td, .table thead th {
    font-size: .85rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 1rem;
    border: 0;
    background-color: #594a4a;
}
.table thead td:first-child, .table thead th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.table thead td:last-child, .table thead th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.table.v2 thead td, .table.v2 thead th {
    background-color: #a3aaae;
}
.table tbody td, .table tbody th {
    font-size: .85rem;
    color: #666;
    padding: .5rem;
    vertical-align: middle;
    border: 0;
}
tbody tr:nth-of-type(odd) {
    background-color: transparent;
}
tbody tr:nth-of-type(even) {
    background-color: rgba(102, 102, 102, 0.07);
}
tbody tr:nth-of-type(even) th:first-child,
tbody tr:nth-of-type(even) td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
tbody tr:nth-of-type(even) th:last-child,
tbody tr:nth-of-type(even) td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.table td[contenteditable],
.table td[contenteditable="false"],
.table td[contenteditable="true"],
.table th[contenteditable="true"] {
    border-radius: 5px;
    border: 1px solid rgba(102, 102, 102, 0.35);
}
.table td[contenteditable]:focus,
.table th[contenteditable]:focus {
    outline: 5px auto rgb(255, 0, 39);
}
table.dataTable {
    position: relative;
    z-index: 2;
    background-color: #fff;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 14px;
    border: 2px solid #0275d8;
    border-radius: 14px;
    box-shadow: none;
}
div.dataTables_wrapper div.dataTables_info {
    color: #666;
    text-align: center;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 12px 0;
    justify-content: center;
}
.pagination .page-item {
    margin: 0 4px;
}
.pagination .page-item .page-link {
    color: #fff;
    border-radius: 6px;
    border: 2px solid #666;
    background-color: #666;
}
.page-item.active .page-link {
    color: #666;
    background-color: #fff;
}
.page-item.disabled .page-link {
    opacity: .7;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    color: #fff;
    background-color: #666;
}
.dataTables_wrapper .dt-buttons {
    position: absolute;
}
.dataTables_wrapper .btn-secondary {
    background-color: #594a4a!important;
    border-color: #594a4a!important;
}
.table .badge {
    display: block;
    font-size: .9rem;
    font-weight: bold;
    padding: .5rem .5rem;
}
.table .badge-success {
    background-color: rgba(111, 221, 129, 0.25);
    color: #6fdd81;
}
.table .badge-warning {
    background-color: rgba(234, 179, 51, 0.25);
    color: #eab333;
}
.table .badge-danger {
    background-color: rgba(232, 6, 60, 0.25);
    color: #e8063c;
}
/* ### - [Elementos] Elemento: Campos de agregar - ### */
.form-agregar {
    position: relative;
    margin: 0 0 30px;
}
.form-agregar label {
    display: block;
    font-size: .9rem;
    color: #666666;
    margin: 0 0 7px;
}
.form-agregar .btn-aceptar {
    color: #fff;
    padding: 10px 30px;
    margin: 1.5rem 0 0;
    background-color: #41d8ad;
}
.form-agregar .btn-agregar {
    color: #fff;
    padding: 10px 30px;
    margin: 1.5rem 0 0;
    background-color: #41d8ad;
}
.form-agregar .alert-info {
    padding: 12px;
    margin: 5px 0;
    color: #41d8ad;
    border: 1px solid #fff;
    background-color: rgba(65, 216, 173, 0.15);
}
.form-agregar .badge {
    display: block;
    padding: 0.65rem .64rem;
}
.form-agregar .badge.alerta {
    color: #666;
    background-color: #ffd2d0;
}
/* ### - [Elementos] Elemento: Cajas de colores - ### */
.caja-blanca {
    padding: 20px;
    border-radius: 15px;
    background-color: #fff;
     -webkit-box-shadow: 7px 7px 8px 5px rgba(45, 45, 45, .05);
    box-shadow: 7px 7px 8px 5px rgba(45, 45, 45, .05);
}
/* ### - [Elementos] Elemento: Modal - ### */
.swal-icon--warning {
    border-color: #ea5d56;
}
.swal-icon--warning__body, .swal-icon--warning__dot {
    background-color: #ea5d56
}
@-webkit-keyframes pulseWarning {
    0% {
        border-color: #ea5d56;
    }
    to {
        border-color: #ea5d56;
    }
}
@keyframes pulseWarning {
    0% {
        border-color: #ea5d56;
    }
    to {
        border-color: #ea5d56;
    }
}
.swal-button:focus {
    box-shadow: none;
}
.swal-title {
    font-weight: 700;
}
.modal-header {
    padding: 1.25rem 1rem;
    background: -moz-linear-gradient(left,  rgba(237,54,56,1) 0%, rgba(255,30,19,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(237,54,56,1) 0%,rgba(255,30,19,1) 100%);
    background: linear-gradient(to right,  rgba(237,54,56,1) 0%,rgba(255,30,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed3638', endColorstr='#ff1e13',GradientType=1 );
}
.modal-header .modal-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.modal .close {
    color: #fff;
}
.modal-footer {
    border: 0;
    background-color: rgba(125, 136, 167, 0.1);
}
/*
.modal label {
    display: block;
    font-size: .95rem;
    font-weight: bold;
    color: #494d59;
    margin: 0 0 7px;
}
.modal .form-control {
    color: #666;
    border: 2px solid #e5e6ea;
    border-radius: 12px;
}
.modal input.form-control {
    height: calc(2.15rem + .75rem + 2px);
}
.modal .select2-container .select2-selection--single {
    border: 2px solid #e5e6ea;
    height: 48px;
    border-radius: 12px;
}
.modal .select2-container .select2-selection--single .select2-selection__rendered {
    color: #666;
    line-height: 42px;
}
.modal input[type=file] {
    font-size: .8rem;
}
*/
.modal .btn {
    font-size: .95rem;
    font-weight: 700;
    /* padding: 10px 30px; */
}
.modal .btn-cerrar {
    color: #666;
    background-color: #fff;
    border: 2px solid rgba(73, 77, 89, 0.25);
}
.modal .btn-aceptar {
    color: #fff;
    background-color: #fe2016;
    border: 2px solid #fe2016;
}
.modal .btn-eliminar {
    color: #ff0000!important;
    border: 2px solid #ff0000;
    background-color: #ff0000!important;
}
.modal .btn-editar::before {
    display: none;
}

.swal-modal {
    border-radius: 15px;
}
.swal-title, .swal-text {
    color: #000;
}
.swal-footer {
    text-align: center;
}
.swal-button {
    color: #fff;
    background-color: #e2231a;
    border: 2px solid #e2231a;
}
.swal-button:not([disabled]):hover {
    color: #fff;
    background-color: #e2231a;
    border: 2px solid #e2231a;
}
.swal-button--danger {
    color: #e2231a!important;
    background-color: #fff!important;
    border: 2px solid #e2231a!important;
}
.swal-button--cancel {
    color: #555!important;
    border-color: #efefef!important;
    background-color: #efefef!important;
}

/* ### - [Navbar] Seccion: Informacion de usuario - ### */
.informacion-usuario {
    padding: 6px 12px;
}
.informacion-usuario .list-group {
    
}
.informacion-usuario img {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 12px;
    vertical-align: middle;
}
.informacion-usuario p {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    letter-spacing: .5px;
    margin: 0;
}
.informacion-usuario p span {
    color: #ff1e13;
}
.informacion-usuario .btn.salir {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    letter-spacing: .5px;
    padding: 0;
}
/* ### - [Estructura] - ### */
#sistema {
    position: relative;
    height: 100%;
    background-image: url(../img/bg/estilo-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
}
#web {
    position: relative;
    height: 100%;
    min-height: 100vh;
    background-image: url(../img/bg/estilo-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* ### - [Sidebar] - ### */
#sidebar.two {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 35px auto 0;
    border-radius: 15px;
    background-color: #fff;
    width: 330px;
    z-index: 99;
}
#sidebar.two .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}
#sidebar.two #navbar.nologin li.nav-item {
    margin: 0;
}
#sidebar.two li.nav-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
#sidebar ul {
    padding-left: 0;
}
#sidebar ul ul {
    list-style-type: none;
}


.informacion-usuario .list-group-item {
    border: 0;
}
/* ### - [Bienvenida] - ### */
.bienvenida {
    padding: 45vh 0;
}
.bienvenida .titulo {
    font-size: 2.5rem;
    font-weight: bold;
    color: #292929;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 auto 5px;
}
/* ### - [Login] - ### */
.pag-login {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100vh;
    background-image: url(../img/bg/estilo-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.pag-login .contenido {
    border-radius: 12px;
    max-width: 890px;
    background-color: #fff;
    -webkit-box-shadow: 7px 7px 8px 5px rgba(45,45,45,.05);
        box-shadow: 7px 7px 8px 5px rgba(45,45,45,.05);
}
.pag-login .col-md-6 {
    padding: 0;
}
.pag-login .caja {
    padding: 45px 40px;
}
.pag-login .logo {
    display: block;
    width: 230px;
    margin: 25px auto 40px;
}
.pag-login .enlace {
    display: block;
    padding: 10px 20px;
    color: #a3aaad;
    border-radius: 10px;
    border: 2px solid #a3aaad;
    background-color: rgba(163, 170, 173, 0.1);
    -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
}
.pag-login .enlace:hover, .pag-login .enlace:focus, .pag-login .enlace:active {
    text-decoration: none;
}
.pag-login .separador {
    position: relative;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(163, 170, 173, 0.1);
    line-height: 0.1em;
    margin: 20px 0;
}
.pag-login .separador span {
    color: #a3aaad;
    background: #fff; 
    padding:0 10px; 
}
/*
.pag-login .enlace:last-child {
    padding: 5px;
    background-color: transparent;
    border: 0px solid transparent;
    text-align: center;
}
*/
.pag-login .enlace .icono {
    margin-right: 12px;
}
.pag-login .imagen {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    width: 440px;
    height: 470px;
    background-image: url(../img/login/side.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* ### - [Dashboard] Seccion: Error 404 - ### */
.pag-404 {
    padding: 25% 0;
    text-align: center;
}
.pag-404 h1 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #ff1e13;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 auto 5px;
}
.pag-404 p {
    font-size: 2rem;
    color: #594a4a;
}
/* ### - [Dashboard] Seccion: Inicio - ### */
.pag-inicio .estadistica {
    position: relative;
    background-color: #fff;
    min-height: 150px;
    border-radius: 15px;
    -webkit-box-shadow: 8px 8px 18px 3px rgba(45,45,45,.15);
    box-shadow: 8px 8px 18px 3px rgba(45,45,45,.15);
    padding: 16px;
    margin-bottom: 30px;
}
.pag-inicio .estadistica.uno, .pag-inicio .estadistica.dos, .pag-inicio .estadistica.tres, .pag-inicio .estadistica.cuatro {
    display: flex;
    align-items: center;
}
.pag-inicio .estadistica.uno {
    padding: 45px 16px;
    background: rgb(0,182,227);
    background: -moz-linear-gradient(left,  rgba(0,182,227,1) 0%, rgba(159,116,217,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,182,227,1) 0%,rgba(159,116,217,1) 100%);
    background: linear-gradient(to right,  rgba(0,182,227,1) 0%,rgba(159,116,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6e3', endColorstr='#9f74d9',GradientType=1 );
}
.pag-inicio .estadistica.uno::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg/dashboard/estadistica1.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;
}
.pag-inicio .estadistica.dos {
    padding: 45px 16px;
    background: rgb(0,213,147);
    background: -moz-linear-gradient(left,  rgba(0,213,147,1) 0%, rgba(0,146,196,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,213,147,1) 0%,rgba(0,146,196,1) 100%);
    background: linear-gradient(to right,  rgba(0,213,147,1) 0%,rgba(0,146,196,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d593', endColorstr='#0092c4',GradientType=1 );
}
.pag-inicio .estadistica.dos::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg/dashboard/estadistica2.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;
}
.pag-inicio .estadistica img {
    width: 57px;
}
.pag-inicio .estadistica p {
    font-size: .85rem;
    font-weight: 700;
    color: rgba(51, 51, 51, 0.45);
    margin: 0 0 5px;
}
.pag-inicio .estadistica .titulo {
    font-size: 1.65rem;
    font-weight: bold;
    margin: 0;
}
.pag-inicio .estadistica .sub {
    color: #000;
    margin: 0 0 5px;
}
.pag-inicio .estadistica .colorblanco {
    color: #fff;
}
.pag-inicio .estadistica .colorverde {
    color: #6fd2a8;
}
.pag-inicio .estadistica .colorazul {
    color: #484fe6;
}
.pag-inicio .estadistica .colorrojo {
    color: #f23d64;
}

#sidebar #navbar li {
    background-color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
}
#sidebar #navbar li.accordion {
    padding: 0;
}
.seccion-dashboard #sidebar #navbar li:nth-child(1) {
    background-color: #ff3428;
}
.seccion-dashboard #sidebar #navbar li:nth-child(1) .nav-link {
    color: #fff;
}
.seccion-dashboard #sidebar #navbar li:nth-child(1) .nav-link > img {
    -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.estadistica-general {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background-color: #fff;
    height: 100%;
    min-height: 100px;
    border-radius: 15px;
    -webkit-box-shadow: 8px 8px 18px 3px rgba(45,45,45,.15);
    box-shadow: 8px 8px 18px 3px rgba(45,45,45,.15);
    padding: 16px;
    margin-bottom: 30px;
}
.estadistica-general img {
    width: 57px;
}
.estadistica-general p {
    font-size: .85rem;
    font-weight: 700;
    color: rgba(51, 51, 51, 0.45);
    margin: 0 0 5px;
}
.estadistica-general h6 {
    font-size: 1.65rem;
    font-weight: bold;
    margin: 0;
}

/* ### - [Dashboard] Seccion: Nuevo producto - ### */
.btn-btns {
    margin: 15px 0 25px;
}
.btn-btns .btn-boton {
    position: relative;
    font-weight: 500;
    color: #666;
    border-radius: 8px;
    background-color: #fff;
    padding: 14px 22px;
}
.btn-btns a {
    margin: 0 12px 0 0;
}
.btn-btns a:last-child {
    margin-right: 0;
}
.btn-btns .btn-boton.activo {
    color: #fff;
    background: rgb(237,54,56);
    background: -moz-linear-gradient(left,  rgba(237,54,56,1) 0%, rgba(255,30,19,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(237,54,56,1) 0%,rgba(255,30,19,1) 100%);
    background: linear-gradient(to right,  rgba(237,54,56,1) 0%,rgba(255,30,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed3638', endColorstr='#ff1e13',GradientType=1 );
}
.pag-nvoproducto .btn-mas {
    position: relative;
    margin: 30px 0 0 0;
    font-size: 2rem;
    line-height: 1;
    color: #6fdd81;
    background-color: rgba(111, 221, 129, 0.12);
}
/* ### - [Dashboard] Seccion: Pedidos - ### */

/* ### - [Dashboard] Seccion: Recibo - ### */
.formato-impresion {
    position: relative;
    padding: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #fff;
}
.formato-impresion .caja {
    padding: 25px 25px 0;
}
.formato-impresion .caja .form-group {
    margin-bottom: .5rem;
}
.formato-impresion .header {
    position: relative;
    padding: 25px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: rgba(102, 102, 102, 0.12);
}
.formato-impresion .header img {
    display: block;
    max-width: 250px;
    width: 100%;
    margin: 0 auto 25px;
}
.formato-impresion .header .titulo {
    font-size: 1.3rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 auto 5px;
}
.formato-impresion .header .sub {
    color: #666;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 auto;
}
.formato-impresion.formato-orden .titulo {
    font-size: 1.5rem;
    font-weight: 900;
    color: #ff1e13;
    text-align: left;
}
.formato-impresion.formato-orden .sub {
    font-weight: bold;
    color: #000;
    text-align: left;
}
.formato-impresion.formato-orden .sub.v2 {
    font-size: 1.2rem;
    font-weight: bold;
    color: rgba(73, 73, 73, 0.88);
    text-align: left;
}
.formato-impresion.formato-orden label {
    font-size: .9rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 3px;
}
.formato-impresion.formato-orden .datos-orden {
    padding: 14px;
}
.formato-impresion.formato-orden .datos-orden p {
    color: rgba(0, 0, 0, 0.65);
}
.formato-impresion.formato-orden .bgcolor b {
    color: #ff1e13;
}
.formato-impresion.formato-orden .bgcolor tr:nth-child(3) b {
    color: #fff;
}
.formato-impresion.formato-orden .bgcolor tr:nth-child(3) th:nth-child(3),
.formato-impresion.formato-orden .bgcolor tr:nth-child(3) th:nth-child(2) {
    background-color: #ff1e13!important;
    color: #fff;
}
.formato-impresion.formato-orden .bgcolor tr:nth-child(3) th:nth-child(2) {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.formato-impresion.formato-orden .bgcolor tr:nth-child(3) th:nth-child(3) {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.formato-impresion.formato-orden p.v2 {
    display: block;
    width: 100%;
    margin: 10px 0 0;
    padding: 16px;
    border-radius: 10px;
    background-color: rgba(255, 30, 19, 0.06);
}
.formato-impresion .folio {
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px 20px 0 0;
    border: 2px solid #ff1e13;
    border-radius: 10px;
}
.formato-impresion .folio p {
    font-size: .9rem;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0;
    padding: 6px 12px;
    background-color: #ff1e13;
}
.formato-impresion .folio span {
    display: block;
    font-size: .9rem;
    font-weight: bold;
    color: #ff1e13;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 4px 12px;
}
.formato-impresion label {
    font-size: 1.1rem;
    font-weight: 500;
    color: #3a3a3a;
}
.formato-impresion p.form-control-plaintext {
    color: #666;
}
.formato-impresion .table thead td, .formato-impresion .table thead th {
    background-color: #e2231a;
}
.formato-impresion .table thead td, .formato-impresion .table thead th {
    font-weight: bold;
    letter-spacing: 0;
    padding: .6rem;
}
.formato-impresion .table tbody td, .formato-impresion .table tbody th {
    font-size: .85rem;
}
.formato-impresion .table tfoot td, .formato-impresion .table tfoot th {
    
}
.formato-impresion .firmas {
    margin: 50px 0 0;
}
.formato-impresion .firmas p {
    position: relative;
    font-weight: 500;
    color: #3a3a3a;
    text-align: center;
    padding: 0 0 25px;
    margin: 0 auto;
    border-top: 2px solid #666;
}
.formato-impresion .btn-imprimir {
    display: block;
    margin: 15px auto;
    font-size: .9rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: .5px;
    padding: 10px 30px;
    background-color: #666;
}
/* ### - [Dashboard] Seccion: Inventario - ### */
.pag-inventario #contenedorTablaRegistrosInventario .table a {
    display: block;
    margin-bottom: 5px;
}
.pag-inventario #contenedorTablaRegistrosInventario .table .btn {
    display: block;
    margin: 0;
    width: 100%;
    text-align: left;
}
#contenedorTablaRegistrosInventario .btn-producto {
    padding-left: 48px;
    background-color: rgba(63, 216, 169, 0.15);
    background-image: url(../img/iconos/btn/btn-producto.svg);
    background-repeat: no-repeat;
    background-size: 25px auto;
    background-position: 10px center;
}
.pag-inventario .table .btn-editar {
    padding: 5px;
    border-radius: 0;
}
.pag-inventario .table.tablaInventario .btn-editar {
    padding: 0;
}
.pag-inventario .table.tablaInventario .btn-editar .img-thumbnail {
    padding: 0;
}
.pag-inventario .sidebar-producto .img-thumbnail {
    padding: 3px;
    background-color: rgba(102, 102, 102, 0.15);
    border-radius: 10px;
}
.pag-inventario .sidebar-producto .titulo {
    text-align: center;
    padding: 10px;
    margin: 10px auto;
    border-radius: 10px;
    border: 2px solid rgba(161, 210, 82, 0.65);
}
.sidebar-producto p {
    font-size: .8rem;
    font-weight: 600;
    color: #919191;
}
.sidebar-producto p span.text-primary {
    display: block;
    font-size: 105%;
    font-weight: normal;
    color: #4d4d4d!important;
}
.sidebar-producto p .badge {
    font-size: .8rem;
    padding: .35rem .75rem;
}
.sidebar-producto .badge-success {
    background-color: rgba(111, 221, 129, 0.25);
    color: #27ad36;
}
.sidebar-producto .badge-danger {
    background-color: rgba(255, 30, 19, 0.25);
    color: #ff1e13;
}
.pag-inventario .sidebar-producto .titulo p:nth-child(1) {
    font-size: .75rem;
    font-weight: 700;
    color: rgba(102, 102, 102, 0.65);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0 auto 3px;
}
.pag-inventario .sidebar-producto .titulo p:nth-child(2) {
    font-size: .9rem;
    color: #a1d252;
    margin: 0 auto;
}
.pag-inventario .sidebar-producto .btn-editar {
    font-size: .9rem;
    color: #fff;
    padding: .5rem 1rem;
    background-color: rgba(255, 30, 19, 0.65);
}
.pag-inventario .sidebar-producto .btn-editar::before {
    display: none;
}
.pag-inventario .iconos {
    margin: 20px 0;
}
.pag-inventario .desc {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 2px solid rgba(102, 102, 102, 0.25);
}
.pag-inventario .desc p:nth-child(1) {
    font-size: .85rem;
    font-weight: 700;
    color: rgba(102, 102, 102, 0.65);
    margin: 0 0 3px;
}
.pag-inventario .desc p:nth-child(2) {
    font-size: .9rem;
    color: #4d4d4d;
}
.pag-inventario .dato {
    padding: 20px 12px;
    margin: 0 0 15px;
    min-height: 105px;
}
.pag-inventario .dato img {
    width: 65px;
}
.pag-inventario .dato .media-body {
    font-size: 1.25rem;
    font-weight: bold;
}
.pag-inventario .dato .media-body span {
    display: block;
    font-size: 60%;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}
.pag-inventario .dato.uno {
    background-color: rgba(105, 219, 62, 0.22);
}
.pag-inventario .dato.dos {
    background-color: rgba(63, 216, 169, 0.22);
}
.pag-inventario .dato.uno .media-body {
    color: #69db3e;
}
.pag-inventario .dato.dos .media-body {
    color: #3fd8a9;
}
.pag-inventario .dato.tres {
    padding-left: 30%;
    background-image: url(../img/iconos/inventario/presentacion.svg);
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: -33% 50%;
    background-color: rgba(63, 63, 216, 0.22);
}
.pag-inventario .dato.cuatro {
    padding-left: 30%;
    background-image: url(../img/iconos/inventario/cantidad.svg);
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: -33% 50%;
    background-color: rgba(65, 200, 214, 0.22);
}
.pag-inventario .dato.cinco {
    padding-left: 30%;
    background-image: url(../img/iconos/inventario/medida.svg);
    background-repeat: no-repeat;
    background-size: 40% auto;
    background-position: -25% 50%;
    background-color: rgba(216, 169, 63, 0.22);
}
.pag-inventario #contenedorRegistroSeleccionadoInventario {
    padding: 10px 0 0;
    border-top: 2px solid rgba(102, 102, 102, 0.25);
}
.pag-inventario #contenedorRegistroSeleccionadoInventario p {
    font-size: .9rem;
    font-weight: 600;
    color: #919191;
}
.pag-inventario #contenedorRegistroSeleccionadoInventario p span {
    display: block;
    font-size: 105%;
    font-weight: normal;
    color: #4d4d4d;
}
.pag-inventario #contenedorRegistroSeleccionadoInventario .img-thumbnail {
    width: 250px;
    margin: 35px 0 0;
}
/* ### - [Dashboard] Seccion: Orden - ### */
.pag-nvopedido .tipo-icono {
    display: block;
    max-width: 40px;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.pag-nvopedido .form-agregar .btn-agregar {
    padding: 10px 20px;
}
#web .pag-nvopedido {
    padding: 120px 0 0 0;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
}
#web .pag-nvopedido .select2-container {
    max-width: 800px!important;
}
/* ### - [Dashboard] Seccion: Orden - ### */
.breadcrumb {
    padding: 1rem 1rem;
    background-color: rgba(255, 30, 19, 0.12);
}
.breadcrumb-item {
    font-size: 1.05rem;
    font-weight: bold;
    letter-spacing: .5px;
}
.breadcrumb a {
    color: #ff1e13;
}
.breadcrumb-item.active {
    color: #000;
}
.seccion-orden .campo {
    font-weight: 700;
    padding: 12px 12px;
    border-radius: 12px;
}
.seccion-orden .campo:empty {
    padding: 0;
}
.seccion-orden .campo.gris {
    color: #333;
    background-color: rgba(107, 111, 119, 0.15);
}
.seccion-orden .campo.azul {
    color: #4366d6;
    background-color: rgba(67, 102, 214, 0.15);
}
.seccion-orden .campo.verde {
    color: #44d3aa;
    background-color: rgba(68, 211, 170, 0.15);
}
#guardar-edicion-orden .table.v2 tfoot tr:nth-child(1) th:nth-child(7),
#guardar-edicion-orden .table.v2 tfoot tr:nth-child(2) th:nth-child(7) {
    color: #ff1e13;
}
#guardar-edicion-orden .table.v2 tfoot tr:nth-child(3) th:nth-child(7),
#guardar-edicion-orden .table.v2 tfoot tr:nth-child(3) th:nth-child(8) {
    background-color: #ff1e13!important;
    color: #fff;
}
#guardar-edicion-orden .table.v2 tfoot tr:nth-child(3) th:nth-child(7) {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#guardar-edicion-orden .table.v2 tfoot tr:nth-child(3) th:nth-child(8) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.pag-ordenescompra.seccion-orden .table.v2 tfoot tr:nth-child(3) th:nth-child(6) {
    background-color: transparent;
    color: #666;
}
.pag-ordenescompra.seccion-orden .table.v2 tfoot tr:nth-child(3) th:nth-child(7),
.pag-ordenescompra.seccion-orden .table.v2 tfoot tr:nth-child(3) th:nth-child(8) {
    background-color: rgba(255, 30, 19, 0.68);
    color: #fff;
}
.seccion-orden .botones .btn {
    padding: 10px 22px;
}
.seccion-orden .botones .btn-eliminar.v2 {
    padding: 22px;
    background-size: 24px auto;
}
.seccion-orden .botones .btn-imprimir.v2 {
    padding: 22px;
    background-size: 24px auto;
}

.pag-recibirorden .table.v2 tfoot tr:nth-child(1) th:nth-child(5) {
    text-align: right;
    color: #ff1e13;
}
.pag-recibirorden .table.v2 tfoot tr:nth-child(1) th:nth-child(6) {
    color: #ff1e13;
}
.pag-recibirorden .table.v2 tfoot tr:nth-child(2) th:nth-child(5) {
    text-align: right;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #ff1e13!important;
    color: #fff;
}
.pag-recibirorden .table.v2 tfoot tr:nth-child(2) th:nth-child(6) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #ff1e13!important;
    color: #fff;
}
/* ### - [Dashboard] Seccion: Paginas en general - ### */
.pag-comprasprov .btn-buscar,
.pag-historialcompras .btn-buscar,
.pag-totalauto .btn-buscar {
    display: block;
    margin: 1rem 0 0 auto;
}
.pag-historialcompras .alert-info {
    padding: 1rem 1.25rem;
}
/* ### - [Dashboard] Seccion: Evaluaciones - ### */
.pag-evaluaciones .caja-blanca.sincolor {
    /*
    background-color: transparent;
    box-shadow: none;
    */
}
.pag-evaluaciones .caja-blanca {
    margin-bottom: 25px;
}
.pag-evaluaciones .titulo {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 12px;
}
.pag-evaluaciones .calificacion {
    margin-bottom: 15px;
}
.pag-evaluaciones .rat-star {
    font-size: 2.8rem;
    color: #dcdbdf;
}
.pag-evaluaciones .titulo-promedio {
    font-size: 3rem;
    font-weight: bold;
    color: gold;
}
.pag-evaluaciones .media img {
    width: 55px;
}
.pag-evaluaciones .media-body h3 {
    font-size: 1.45rem;
    font-weight: bold;
    margin: 0 0 2px;
}
.pag-evaluaciones .media #total-compras-ev {
    color: #2fb4d3;
}
.pag-evaluaciones .media #total-dolares-ev {
    color: #2db57b;
}
.pag-evaluaciones .media #entregas-ev {
    color: #374baf;
}
.pag-evaluaciones .media-body label {
    color: #949494;
}
.pag-evaluaciones .media {
    margin-bottom: 25px;
}
.pag-evaluaciones .xxx {
    
}
/* ### - [Tienda] Seccion: DDD - ### */
/* ### - [Tienda] Seccion: DDD - ### */

#modal_visualzar_archivo_proveedor{
    z-index: 1051;
}

@media (min-width:992px) {
    /* ### - [Navbar] Seccion: Informacion de usuario - ### */
    .informacion-usuario {
        position: absolute;
        top: 0;
        right: 0;
        margin: 20px 20px 0 0;   
    }
    .informacion-usuario .btn.salir img {
        display: none;
    }
    .informacion-usuario .logotipo {
        display: none;
    }
    /* ### - [Estructura] - ### */
    #sistema {
        display: flex;
        min-height: 100vh;
        height: 100vh;
        padding: 20px 0 20px 20px;
    }
    #sistema .contenido {
        flex: 1 0 auto;
        margin: 80px 0 0;
        padding: 0 35px 0;
        overflow-y: scroll;
        transition: all 0.25s;
        width: calc( 100% - 320px);
    }
    /* ### - Seccion: Sidebar - ### */
    #sistema #sidebar {
        flex-flow: column;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        max-height: 90vh;
        width: 320px;
        padding: 35px 18px 15px;
        transition: all 0.25s;
        border-radius: 15px;
        background-color: #ffff;
        overflow: hidden;
        box-sizing: content-box;
        -webkit-box-shadow: 7px 7px 8px 5px rgba(45,45,45,.05);
        box-shadow: 7px 7px 8px 5px rgba(45,45,45,.05);
    }
    .informacion-usuario .list-group-item:first-child {
        display: none;
    }
    .informacion-usuario .list-group-item:nth-child(2) {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-right: 2px solid #dadada;
    }
    .informacion-usuario .list-group-item:last-child {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    .informacion-usuario .list-group-item {
        -webkit-box-shadow: 7px 7px 8px 5px rgba(45, 45, 45, .05);
        box-shadow: 7px 7px 8px 5px rgba(45, 45, 45, .05);
    }
    /* ### - [Sidebar] Seccion: Logotipo - ### */
    #sidebar .logotipo {
        display: block;
        margin: 0 auto 25px;
    }
    #sidebar .logotipo img {
        display: block;
        position: relative;
        width: 200px;
        margin: 0 auto;
    }
    #sidebar .logotipo .min {
        display: none;
        width: 50px;
    }
    /* ### - [Sidebar] Seccion: Enlaces - ### */
    #sidebar #navbar {
        width: 100%;
        height: calc(100% - 25%);
        align-items: normal;
        overflow-y: scroll;
        display: block;
        padding-right: 5px;
    }
    #sidebar.two #navbar {
        width: 100%;
        height: auto;
        overflow: visible;
        align-items: center;
        padding: 12px;
    }
    #sidebar #navbar li.nav-item {
        margin: 0 0 12px;
    }
    #sidebar #navbar li.nav-item:last-child {
        margin: 0;
    }
    #sidebar .nav-link {
        position: relative;
        font-size: 1rem;
        font-weight: 700;
        color: #565656;
        letter-spacing: .25px;
    }
    #sidebar .nav-link[data-toggle=collapse]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto 0;
        height: 5px;
        width: 10px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #565656;
    }
    #sidebar .nav-link img {
        width: 25px;
        vertical-align: text-bottom;
        margin-right: 13px;
    }
    #sidebar .nav-item > div {
        padding: 10px;
        background-color: rgba(204, 204, 204, 0.26);
    }
    /*
    #sidebar .nav-item > div .nav-link {
        font-size: .9rem;
    }
    #sidebar .nav-item > div img {
        width: 20px;
    }
    */
    /* ### - [Sidebar] Seccion: No login - ### */
    
    
    
    /* ### - [Sidebar] Seccion: Pie - ### */
    #sidebar .pie {
        display: flex;
        justify-content: space-between;
        align-content: space-between;
        align-items: flex-end;
        padding: 10px 0 0;
        margin: 15px 0 0;
        border-top: 2px solid rgba(0, 0, 0, 0.25);
    }
    #sidebar .pie li {
        display: inline-block;
        list-style-type: none;
    }
    #sidebar .pie li .btn {
        font-size: .85rem;
        font-weight: 700;
        color: #ff655c;
        letter-spacing: 1px;
        border-radius: 12px;
        border: 2px solid #ff655c;
        padding: 8px 12px;
    }
    #sidebar .pie li:nth-child(2) .btn {
        background-color: #ff655c;
        color: #fff;
    }
    #sidebar .pie .btn .icono {
        display: inline-block;
        width: 15px;
        height: 17px;
        margin-right: 5px;
        vertical-align: text-bottom;
    }
    #sidebar .pie li:nth-child(1) .icono {
        background-image: url(../img/sidebar/pie/esconder.svg);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: auto 100%;
    }
    #sidebar .pie li:nth-child(2) .icono {
        background-image: url(../img/sidebar/pie/cerrar.svg);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: auto 100%;
    }
    /* ### - [Sidebar] Seccion: Modo mini - ### */
    #sistema #sidebar.activo {
        width: 100px;
        padding-left: 12px;
        padding-right: 12px;
        text-align: center;
    }
    #sidebar.activo .bienvenida,
    #sidebar.activo .logotipo img {
        display: none;
    }
    #sidebar.activo .logotipo .min {
        display: block;
        margin: 0 auto;
    }
    #sidebar.activo ul {
        margin: 0px 0 0;
    }
    #sidebar.activo .nav-link {
        position: inherit;
    }
    #sidebar.activo .nav-link > span {
        display: none;
    }
    #sidebar.activo .nav-link[data-toggle] span {
        display: none;
    }
    #sidebar.activo .nav-link[data-toggle=collapse]::before {
        top: inherit;
        bottom: inherit;
        right: inherit;
        margin: 10px 28px;
    }
    #sidebar.activo .nav-link img {
        display: block;
        margin: 0 auto;
    }
    #sidebar.activo .nav-item > div .nav-link span {
        display: block;
        position: absolute;
        margin: -23px 0 0 30px;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }
    #sidebar.activo .nav-item > div .nav-link:hover span {
        opacity: 1;
        margin-left: 38px;
        z-index: 2;
        pointer-events: all;
    }
    #sidebar.activo .pie .btn {
        padding: 8px 13px;
    }
    #sidebar.activo .pie .btn .icono {
        margin-right: 0;
    }
    #sidebar.activo .pie .btn .texto {
        display: none;
    }
    #sidebar.activo .pie li:nth-child(1) .icono {
        background-position: 105% center;
    }
    #sidebar .pie li:nth-child(1) .icono {
        background-image: url(../img/sidebar/pie/esconder.svg);
        background-repeat: no-repeat;
        background-position: 0 center;
        background-size: auto 100%;
    }
     /* ### - [Sidebar] Seccion: Modo mini - ### */
    #sidebar.activo #navbar {
        padding: 0 12px 0 12px;
        margin-bottom: 75px;
    }
    
    /* ### - [Sidebar] Seccion: Modo mini - ### */
    /* ### - [Sidebar] Seccion: Modo mini - ### */
    /* ### - [Sidebar] Seccion: Modo mini - ### */
}
@media (max-width:1367px) {
    #sistema #sidebar {
        width: 220px;
    }
    #sistema .contenido {
        width: calc( 100% - 220px);
    }
    #sidebar .logotipo img {
        width: 150px;
    }
    #sidebar .nav-link[data-toggle=collapse]::before {
        margin: auto -15px auto 0;
    }
    #sidebar .pie li .btn .texto {
        display: none;
    }
    #sidebar .nav-link img {
        width: 20px;
    }
}
@media (max-width: 991px) {
    /* ### - [Estructura] - ### */
    .pag-login .imagen {
        border-top-right-radius: 0;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
        width: 440px;
        height: 100%;
        background-image: url(../img/login/side.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    /* ### - [Estructura] - ### */
    #sistema {
        min-height: 100vh;
        padding: 0;
    }
    #sistema .contenido {
        margin: 15px 0;
        padding: 25px 10px;
        width: 100%;
    }
    #web {
        padding: 25px 15px;
    }
    /* ### - [Navbar] Seccion: Informacion de usuario - ### */
    .informacion-usuario {
        display: block;
        position: relative;
        width: 100%;
        padding: 20px 5px 35px;
        background-color: #fff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .informacion-usuario .logotipo {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 15px auto 0;
        width: 55px;
        height: 55px;
    }
    .informacion-usuario .btn {
        width: 35px;
        height: 35px;
        border-radius: 10px;
        padding: 0;
    }
    .informacion-usuario .btn-menu {
        background-color: rgba(255, 30, 19, 0.14);
        background-image: url(../img/sidebar/pie/menu.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px;
    }
    .informacion-usuario .btn-menu.activo {
        background-image: url(../img/sidebar/pie/menu-activo.svg);
    }
    .informacion-usuario .salir {
        font-size: 0!important;
        background-color: rgba(255, 30, 19, 0.14);
        background-image: url(../img/sidebar/pie/cerrar.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px;
        background-color: #ff3428;
    }
    .informacion-usuario .salir img {
        display: none;
    }
    .informacion-usuario .list-group {
        justify-content: space-between;
    }
    .informacion-usuario .list-group-item {
        background-color: transparent;
        box-shadow: none;
    }
    .informacion-usuario .list-group-item:nth-child(2) {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0;
        margin: 0 auto 10px;
        text-align: center;
    }
    .informacion-usuario p {
        position: relative;
        font-size: 0;
        top: 3px;
    }
    .informacion-usuario p span {
        font-size: .9rem;
    }
    /* ### - Seccion: Sidebar - ### */
    #sistema #sidebar {
        position: absolute;
        top: 0;
        left: 0;
        margin: 125px 0 0;
        background-color: transparent;
        z-index: -6;
        width: 100%;
    }
    #sistema #sidebar.activo {
        z-index: 6;
    }
    #sidebar.two {
        position: relative;
        margin: 0 auto 0;
        width: 100%;
        z-index: 6;
    }
    #sidebar #navbar {
        padding: 12px;
        border-radius: 10px;
        background-color: #fff;
        opacity: 0;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
        z-index: -100;
        pointer-events: none;
    }
    #sidebar .nav-link[data-toggle=collapse]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto 0;
        height: 5px;
        width: 10px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #565656;
    }
    /* ### - [Sidebar] Seccion: Modo mini - ### */
    #sidebar.activo #navbar {
        display: block;
        opacity: 1;
        z-index: 2;
        height: 100%;
        pointer-events: all;
    }
    #sidebar.activo .pie li:nth-child(1) .icono {
        background-position: -41px center;
    }
 
    #sidebar.two #navbar {
        opacity: 1;
        z-index: 1;
    }
    #sidebar.two .navbar-nav {
        display: block;
    }
    #sidebar.two .nav-link {
        font-size: 1rem;
        font-weight: 700;
        color: #565656;
    }
    #sidebar li {
        list-style-type: none;
    }
    /* ### - [Sidebar] Seccion: Logotipo - ### */
    #sidebar .logotipo {
        display: none;
    }
    /* ### - [Sidebar] Seccion: Enlaces - ### */
    #sidebar #navbar li {
        padding-bottom: 0;
        margin: 0 0 10px;
    }
    #sidebar #navbar li:last-child {
        margin: 0;
    }
    #sidebar #navbar li a {
        position: relative;
        padding: 6px 12px 6px 15px;
    }
    #sidebar .nav-link img {
        width: 25px;
        height: auto;
        margin: 0 0 0 0;
        filter: brightness(0%);
    }
    #sidebar .nav-item div .nav-link img {
        width: 20px;
    }
    #sidebar .nav-link span {
        font-size: .95rem;
        font-weight: 700;
        color: #565656;
    }
    /* ### - [Sidebar] Seccion: Pie - ### */
    #sidebar .pie {
        display: none;
    }
    
    
    
    
    #web .pag-nvopedido {
        padding-top: 50px;
        max-width: 100%;
    }
    #web .sidebar-producto .form-row {
        flex-direction: row;
    }
    
    
    
    
    
    
    
    
    
}

@media (min-width: 768px) {}
@media (max-width: 767px) {
    .pag-login {
        display: block;
    }
    .pag-login .container {
        max-width: 100%;
    }
    .pag-login .contenido {
        max-width: 100;
    }
    .pag-login .imagen {
        max-width: 100%;
        min-height: 450px;
    }
    .pag-login .enlace .icono {
        width: 24px!important;
    }
    
    
    
    
    
    
    
    
    
    
    
    .titulo-boton {
        display: block;
    }
    .btn-btns {
        display: block;
    }
    .btn-btns a {
        display: block;
        margin: 0 0 5px;
    }
    .btn-btns .btn-boton {
        display: block;
        width: 100%;
    }
    .pag-inventario .caja-blanca {
        margin-bottom: 20px;
    }
    .form-agregar .btn-aceptar {
        margin-top: 15px;
    }
    .pag-nvoproducto .btn-mas {
        margin-top: 0;
    }
    .pag-nvopedido .form-row {
        flex-direction: column-reverse;
    }
    .pag-nvopedido #contenedorNuevoPedidoProductoSeleccionado .form-row {
        flex-direction: row;
    }
    .pag-nvopedido #contenedorNuevoPedidoProductoSeleccionado {
        margin: 35px 0 0;
    }
    #alta-subetiquetas .input-group-prepend {
        width: 100%;
    }
    
}
@media (max-width: 575px) {}
@media (max-width: 360px) {

}
@media print {
    @page {
        margin: 1cm 0cm;
        padding: 0;
    }
    p {
        widows:3;
        orphans:3;
    }
    body, div, #sistema, #body {
        page-break-after: auto;
    }
    #sistema {
        display: block;
        height: auto;
        min-height: inherit;
    }
    #sistema,#body {
        padding: 0;
        background-image: none;
    }
    #sistema .contenido {
        flex: none;
        width: 100%;
        padding: 0;
        margin: 0;
        overflow: visible;
    }
    .formato-impresion {
        padding: 0;
    }
    .formato-impresion .header img {
        max-width: 200px;
    }
    .formato-impresion .table thead td, .formato-impresion .table thead th {
        background-color: #e2231a!important;
    }
    
    
    
    
    
    .titulo-pag,
    .btn-btns,
    #sistema #sidebar,
    .informacion-usuario,
    .formato-impresion .btn-imprimir {
        display: none!important;
    }
}