html {
    min-height: 100%;
}

input::-webkit-input-placeholder {
    color: red;
}

input::-moz-placeholder {
    color: red;
}

input::-ms-placeholder {
    color: red;
}

input::placeholder {
    color: red;
}

.bgContain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.bgCover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.imgDefault {
    background-image: url("/img/placeholder.png");
}

.m0 {
    margin: 0 !important;
}

.p0 {
    padding: 0 !important;
}

.dNone {
    display: none;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.fw800 {
    font-weight: 800;
}

.fw900 {
    font-weight: 900;
    letter-spacing: 0.03em;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.inline {
    display: inline;
}

.block {
    display: block;
}

.centrado {
    text-align: center !important;
}

.izquierda {
    text-align: left !important;
}

.derecha {
    text-align: right !important;
}

.centradoFlex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.centradoVFlex {
    display: flex;
    align-items: center;
}

.centradoHFlex {
    display: flex;
    justify-content: center;
}

.m0auto {
    margin: 0 auto;
}

.clearBoth {
    clear: both;
}

.pointer {
    cursor: pointer;
}

.hm {
    font-size: 1.5em;
    margin: 1vh 0;
}

.align-end {
    display: flex;
    align-items: flex-end;
}

.align-top {
    display: flex;
    align-items: flex-start;
}

.align-center {
    display: flex;
    align-items: center;
}

.noBoton {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
}
.noBoton:hover, .noBoton:active, .noBoton:focus {
    background-color: none !important;
    background: none !important;
}

.noA {
    text-decoration: none !important;
}

.noInput {
    border: 0;
    border-bottom: 1px solid gray;
    text-align: right;
    background-color: transparent;
    font-weight: 600;
    max-width: 100%;
}

.fullSize {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

label:not(.swal2-container *) {
    display: inline-block !important;
    margin-bottom: 0 !important;
}

.page-item.active .page-link {
    background-color: #0070b8;
    border-color: #0070b8;
}

.page-item:not(.active) .page-link {
    color: #0070b8;
}

.nav-pills .nav-item .nav-link {
    color: #0070b8 !important;
}

.nav-pills .nav-item .nav-link.active {
    color: white !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #0070b8 !important;
}

.sidebar-brand {
    position: relative;
    height: 70px;
}

.sidebar-brand a {
    margin: 5px 5% !important;
    max-width: 90%;
}

.sidebar-brand-sm a {
    background-image: url(../img/logos/logo.png) !important;
    margin: 5px 5% !important;
    max-width: 90%;
}

.tabla-responsive {
    width: 100%;
    overflow-x: scroll;
    clear: both;
}

.tabla-responsive table {
    width: 100% !important;
}

.fa-stack {
    vertical-align: top;
}

.fa-stack-2x {
    font-size: 2em !important;
}

.acciones {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-menu>li:not(.menu-header) {
    font-size: 1.15em;
}

.main-sidebar .sidebar-menu li a i {
    margin-right: 4px;
}

.main-sidebar .sidebar-menu li a {
    height: 35px;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
    padding-left: 25px !important;
    height: 30px;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a i {
    margin: 0 6px;
}

.main-sidebar .sidebar-menu li.menu-header {
    padding: 0px 15px;
    font-size: 11px;
    border-bottom: 1px solid #bcc1c6;
    margin: 1px 10px;
    text-align: right;
}

.sidebar-mini .main-sidebar .sidebar-menu li.menu-header {
    border-bottom: 0;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu {
    width: 260px;
}

.w1 {
    width: 8.3% !important;
    display: block;
}

.w2 {
    width: 16.6% !important;
    display: block;
}

.w3 {
    width: 24.9% !important;
    display: block;
}

.w4 {
    width: 33.2% !important;
    display: block;
}

.w5 {
    width: 41.5% !important;
    display: block;
}

.w6 {
    width: 49.8% !important;
    display: block;
}

.w7 {
    width: 58.1% !important;
    display: block;
}

.w8 {
    width: 66.4% !important;
    display: block;
}

.w9 {
    width: 74.7% !important;
    display: block;
}

.w10 {
    width: 83% !important;
    display: block;
}

.w11 {
    width: 91.3% !important;
    display: block;
}

.w12 {
    width: 100% !important;
    display: block;
}

/* Colores */
.blanco {
    color: white;
}

.gris {
    color: lightgrey;
}

.negro {
    color: black;
}

.amarilloWarn {
    color: #c09853;
}

.rojoWarn {
    color: #b94a48;
}

.grisC {
    color: #ececec;
}

.naranja {
    color: #ffcfae;
}

.bgBlanco {
    background-color: white;
}

.bgNegro {
    background-color: black;
}

.bgNaranja {
    background-color: #fed8b1 !important;
}

.bgcAzul {
    background-color: #e8eeff !important;
}

.bgcVerde {
    background-color: #edffff !important;
}

.bgcMarron {
    background-color: #fff8e2;
}

.bgcAmarillo {
    background-color: #ffffe0;
}

.bgcRosa {
    background-color: #ffedf0;
}

.bgcRosaI {
    background-color: #ffedf0 !important;
}

.bgcGris {
    background-color: #ececec;
}

.bgcLavanda {
    background-color: #efdcef;
}

.bgcVerdeM {
    background-color: #cbffd7 !important;
}

.bgcNaranja {
    background-color: #f5dcb9 !important;
}

.bgcAzulM {
    background-color: #cad0ff;
}

.bgcRojo {
    background-color: rgba(254, 0, 0, 0.2) !important;
}

.bgcVerdeL {
    background-color: rgb(215 255 215);
}

.bgcAzulL {
    background-color: rgb(200 225 255);
}

.bgcAmarilloL {
    background-color: rgb(253, 255, 210);
}

.bgcRosaL {
    background-color: rgb(255 230 245);
}

.card-header .right {
    position: absolute;
    right: 20px;
}

.card-body {
    padding: 0 !important;
}

.card-body-default {
    padding: 20px 25px !important;
}

.navPrecProd .nav-item,
.navConfProd .nav-item {
    position: relative;
}

.navPrecProd .nav-item .aEditar,
.navConfProd .nav-item .aEditar {
    position: absolute;
    right: 30px;
    top: 7.5px;
}

.navPrecProd .nav-item .nav-link.active~.botoneraHorizontal,
.navConfProd .nav-item .nav-link.active~.botoneraHorizontal {
    display: flex;
}

.btn:not(.btn-social):not(.btn-social-icon):active,
.btn:not(.btn-social):not(.btn-social-icon):focus,
.btn:not(.btn-social):not(.btn-social-icon):hover {
    border-color: black;
    background-color: #96bf0d;
}

.gridAcabados .divGrupo a {
    margin: 0 10px;
}

.gridAcabados .divGrupo a i {
    margin: 0 !important;
}

.botoneraHorizontal {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: none;
    align-items: center;
}

.botoneraHorizontal a {
    margin: 0 12px 0px 2px;
}

.botoneraHorizontal a>i {
    font-size: 1.15em;
    margin: 0 !important;
}

.modal-footer button {
    margin-top: 0 !important;
}

.divPreview {
    height: 45vh;
}

.paso1 .previewImage {
    height: 200px;
}

.previewDistribucion {}

.sfPrecio {
    position: relative;
}

.sfPrecio .panel-collapse {
    position: absolute;
    bottom: 6vh;
    width: 100%;
    background-color: lightgray;
    z-index: 1;
}

.tablaCentrada th,
.tablaCentrada td {
    text-align: center;
}

.flexBar {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    margin: 0 1vh;
}

.flexBar>div {
    width: 90vw !important;
    margin: 0 0.5vw !important;
}

.selectgroup-input:focus+.selectgroup-button,
.selectgroup-input:checked+.selectgroup-button {
    background-color: #0070b8;
}

.custom-switch-input:checked~.custom-switch-indicator {
    background: #0070b8;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: black;
}

.serMsgs h5 {
    display: none;
}

.spanAjuste i {
    margin: 0 !important;
    /* color: black; */
}

.spanAjuste input[type="number"] {
    width: 15% !important;
    display: inline-block;
}

.spanAjuste input[type="number"]::-webkit-outer-spin-button,
.spanAjuste input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */

.spanAjuste input[type="number"] {
    -moz-appearance: textfield;
}

.spanAjuste .form-control {
    height: calc(1.5em + 0.75rem + 2px) !important;
}

.spanAjuste button,
.spanAjuste input {
    border-radius: 0 !important;
}

#pegadosTabs .tab-pane>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#pegadosTabs .tab-pane>div>div {
    height: 25vh;
    border: 2px solid lightgray;
    cursor: pointer;
    padding: 1vh;
    transition: transform 0.2s;
}

#pegadosTabs .tab-pane>div>div:hover {
    border: 2px dashed blue;
    background-color: lightgrey;
    transform: scale(1.5);
    z-index: 1;
}

#pegadosTabs .tab-pane>div>div.selected {
    border: 2px double blue;
    background-color: lightyellow;
}

textarea.form-control {
    height: 25vh !important;
}

.divNotificaciones>a {
    border: 1px solid lightblue !important;
    width: 96% !important;
    margin: 1vh 2%;
    align-items: center;
}

.divNotificaciones>a:active {
    border: 1px solid lightblue !important;
    color: blue;
    background-color: white;
}

.divNotificaciones>a:hover .aUrl {
    display: none;
}

.divNotificaciones>a .aBorrar {
    border: 1px solid red;
}

.divNotificaciones>a:hover .aBorrar {
    display: block;
}

.dropdown-list .dropdown-list-content:not(.is-end):after {
    background-image: none !important;
    height: 0;
}

.dropdown-menu {
    border: 1px solid lightgrey;
}

.inptServido::-webkit-outer-spin-button,
.inptServido::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.inptServido {
    border: 0;
    -moz-appearance: textfield;
}

.tdServido {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}

.showExportar {
    display: none;
    text-align: center;
}

.hideExportar {
    display: initial;
}

th.hideExportar,
td.hideExportar {
    display: table-cell;
}

.dropdownDocs {
    width: auto !important;
}

.dropdownDocs>div {
    margin: 0;
}

.navbar .nav-link.nav-link-lg div {
    margin-top: 0;
}

.navbar-bg {
    z-index: 1;
}

/*
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {
    padding-left: 3em;
} */

.main-sidebar .sidebar-menu li ul.dropdown-menu li.active>a {
    background-color: #edffff !important;
}

.albVenPag .main-content {
    background-color: rgba(210, 255, 230, 0.25);
}

.albVenPag .main-content .section-header {
    background-color: rgba(210, 255, 230);
}

.pedidosPag .main-content {
    background-color: rgba(165, 200, 255, 0.1);
}

.pedidosPag .main-content .section-header {
    background-color: rgba(165, 200, 255, 1);
}

.divAdministracion,
.divConsultas,
.divCapturas {
    display: flex;
    justify-content: center;
}

.divAdministracion>a {
    border-radius: 15px;
    border: 2.5px solid gray;
    display: block;
    width: 30%;
    margin: 1% 1%;
    background-position: center;
    background-size: cover;
    height: 180px;
}

.divAdministracion>a>div {
    background-color: rgba(255, 255, 255, 0.85);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    text-align: center;
    color: gray;
}

.divAdministracion>a:hover>div {
    background-color: rgba(255, 255, 255, 0.3);
    color: black;
}

.divAdministracion>a h1 i {
    font-size: 1.5em !important;
}

.divAdministracion>.aSettings {
    background-image: url("/img/stock/gettyimages-1217434082-612x612.jpg");
}

.divAdministracion>.aProductos {
    background-image: url("/img/stock/gettyimages-1217434101-612x612.jpg");
}

.divAdministracion>.aCorte {
    background-image: url("/img/stock/gettyimages-1217434068-612x612.jpg");
}

.divAdministracion>.aPlegado {
    background-image: url("/img/stock/gettyimages-1217434069-612x612.jpg");
}

.divAdministracion>.aPegado {
    background-image: url("/img/stock/gettyimages-1217434088-612x612.jpg");
}

.divAdministracion>.aUsuarios {
    background-image: url("/img/stock/gettyimages-1217434086-612x612.jpg");
}

.divAdministracion>.aAccesorios {
    background-image: url("/img/stock/gettyimages-1217434087-612x612.jpg");
}

.divAdministracion>.aTarifas {
    background-image: url("/img/stock/gettyimages-1217434094-612x612.jpg");
}

.divAdministracion>.aEmbalajes {
    background-image: url("/img/stock/gettyimages-1217434100-612x612.jpg");
}

.divAdministracion>.aCaptura {
    background-image: url("/img/stock/gettyimages-1217434090-612x612.jpg");
}

.divAdministracion>.aLogins {
    background-image: url("/img/stock/gettyimages-1217434081-612x612.jpg");
}

.subMenuCliente button,
.subMenuCliente input,
.subMenuCliente a {
    padding: 1px 6px !important;
}

.subMenuCliente {
    float: left;
    width: 100%;
}

.toggleSubMenuCliente:hover .subMenuCliente {
    display: initial;
}

.showOrden {
    display: none;
}

th.showOrden {
    width: 10%;
}

.gradienteVerde {
    background: linear-gradient(90deg,
            rgba(203, 255, 215, 0.865983893557423) 0%,
            rgba(255, 255, 255, 0) 50%);
}

.noWrap {
    white-space: nowrap;
}

.divConsultas>a {
    border-radius: 11px;
    border: 2.5px solid gray;
    display: block;
    width: 31%;
    margin: 1% 1%;
    background-position: center;
    background-size: cover;
    height: 120px;
}

.divConsultas>a>div {
    background-color: rgba(255, 255, 255, 0.85);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    border-radius: 11px;
    color: gray;
    padding-left: 0.5em;
}

.divConsultas>a>div>i {
    font-size: 2.5em;
    min-width: 1.75em;
    text-align: center;
}

.divConsultas>a>div>p {
    margin: 0 0.5em;
    font-size: 2em;
}

.spanPercent {
    font-weight: bold;
    padding: 4px;
    border-radius: 5%;
    width: 100%;
    border: 1px solid lightgrey;
    display: block;
}

.capturaR {
    background: rgb(0, 210, 85);
    background: -moz-linear-gradient(110deg,
            rgba(0, 210, 85, 0.05) 90%,
            rgba(0, 210, 85, 1) 100%);
    background: -webkit-linear-gradient(110deg,
            rgba(0, 210, 85, 0.05) 90%,
            rgba(0, 210, 85, 1) 100%);
    background: linear-gradient(110deg,
            rgba(0, 210, 85, 0.05) 90%,
            rgba(0, 210, 85, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00d255", endColorstr="#00d255", GradientType=1);
}

.capturaP {
    background: rgb(255, 68, 68);
    background: -moz-linear-gradient(110deg,
            rgba(255, 68, 68, 0.05) 90%,
            rgba(255, 68, 68, 1) 100%);
    background: -webkit-linear-gradient(110deg,
            rgba(255, 68, 68, 0.05) 90%,
            rgba(255, 68, 68, 1) 100%);
    background: linear-gradient(110deg,
            rgba(255, 68, 68, 0.05) 90%,
            rgba(255, 68, 68, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff4444", endColorstr="#ff4444", GradientType=1);
}

.capturaM {
    background: rgb(255, 187, 51);
    background: -moz-linear-gradient(110deg,
            rgba(255, 187, 51, 0.05) 90%,
            rgba(255, 187, 51, 1) 100%);
    background: -webkit-linear-gradient(110deg,
            rgba(255, 187, 51, 0.05) 90%,
            rgba(255, 187, 51, 1) 100%);
    background: linear-gradient(110deg,
            rgba(255, 187, 51, 0.05) 90%,
            rgba(255, 187, 51, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffbb33", endColorstr="#ffbb33", GradientType=1);
}

.capturaSC {
    background: rgb(150, 150, 150);
    background: -moz-linear-gradient(110deg,
            rgba(150, 150, 150, 0.05) 90%,
            rgba(150, 150, 150, 1) 100%);
    background: -webkit-linear-gradient(110deg,
            rgba(150, 150, 150, 0.05) 90%,
            rgba(150, 150, 150, 1) 100%);
    background: linear-gradient(110deg,
            rgba(150, 150, 150, 0.05) 90%,
            rgba(150, 150, 150, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#969696", endColorstr="#969696", GradientType=1);
}

.divCapturas>div {
    border-radius: 11px;
    border: 2.5px solid gray;
    display: flex;
    flex-direction: column;
    width: 31%;
    margin: 1% 1%;
    background-position: center;
    background-size: cover;
}

.tablaImputaciones .subTablas {
    border: 1px solid lightgray;
}

.previewFoto {
    background-image: url("/img/placeholder_usuario.png");
}

.tablaOperarios tbody tr {
    border-bottom: 1px solid #e3e3e3;
}