@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@700&family=Jost:wght@700&family=Roboto&family=Tinos&display=swap');
body {
    font-size:14px;
}


.parsley-error {
    border:solid 1px #f00;
}
.parsley-errors-list   {
    position:absolute;
    white-space: nowrap;
    background-color: #fff;
    list-style: none;
    padding: 3px;
    margin-top: 2px;
    color: #f00;
    font-size: 0.8em;
    border:solid 1px #f00;
    border-radius: 3px;
}
.botones .btn {
    margin-left: 0.5rem;
    margin-right:0.5rem;
}

div.div-img-upload {
    padding:5px;
}

div.div-img-upload img {
    max-width: 50%;
    max-height: 200px;
}

td.img-nano img {
    max-width: 40px;
}

tr.linea-variante-lote td.img img {
    max-width: 30px;
    float:right;
}

tr.linea-variante-lote td.nombre {
    padding-left:40px;
}



table.datatable td.link, table.datatable th.link {
    text-align: center;
}

td.textocompleto {
        white-space: nowrap;
}

div.no-results {
    margin:40px;
}

table.datatable i.fas {font-size:1.1rem;}


label.mandatory::before {
    content : '*';
    color:#D71F2C;
  font-size: small;
    
}

h2.tablavacia {
    font-style: italic;
    font-size:1.5rem;
    font-weight: 700;
    color:#909090;
}

i.fa-edit{
	color:#28a745;
}
i.fa-copy{
	color:#ffc107;
}
i.fa-trash{
	color:#D71F2C;
}

table.datatable tr.even {
        background-color: #eee;
}

.right, .derecha, td.currency, td.numero, td.percent, td.integer {
    text-align: right!important;
}

i.fa-clipboard-check, i.fa-truck-arrow-right, i.fa-circle-check {
	color:#28a745;
}

td span.value-bool {
    display: inline-block;
    width: 100%;
    font-weight: 700;
    text-align: center;
}

h3 {
    overflow: visible;
}

td span.value-date, td span.value-number, td span.value-currency {
    display: inline;
    width: 100%;
    text-align: right;
}

#tabla-variantes h3.card-title {
    font-size:0.9rem;
}

a.table-link {
        width: 100%;
    display: inline-block;
    text-align: center;
}

span.value-true {
    color:#28a745;
    font-weight: 700;
}
span.value-false {
    color:#D71F2C;
    font-weight: 700;
}
aside.main-sidebar{
	position:fixed !important;
}

span.importe-negativo {
    color:#F33;
}

/* CABECERA */

#logo-header {
    margin-top:1rem;
}

div.form-group label {
    display:block;
}

img.brand-image {
    max-width: 100%;
}



li.menu-open {
    margin-bottom: 20px !important;
    border-bottom: solid 1px;
    border-top: solid 1px;
}

div.sidebar .nav-link>i.right {
    right:0.5rem!important;
}

#menu-lateral {
    font-size:1rem;
}

span.brand-text {
    font-size:0.8rem;
}

#botones-arriba input{
	padding: 0.25rem 0.5rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.2rem;
	border-color:#fff;
	margin-left:15px;
}
div.anadtexto{
    margin-top:15px;
    width: 150px;
}
div.anadtexto button{
    margin-right:8px;
}

h5.incluido {
    margin-top:5px;
    color:#D71F2C;
    font-size:1rem;
    font-weight: 700;
}

div.cuadro-informacion label {
    margin-right: 5px;
    color:#003e80;
    margin-bottom: 0;
}



div.card span.enum_estadopedido {
    display:block;
    text-align: center;
    font-size:0.8rem;
    padding:0.2rem;
    color:#fff;
    background-color: #343A40;
    border-radius: 0.4rem;
}

div.card span.enum_estadopedido_1 {
    background-color:#D71F2C;
}
div.card span.enum_estadopedido_2 {
    background-color:#7d1038;
}
div.card span.enum_estadopedido_3 {
    background-color:#28a745;
}
div.card span.enum_estadopedido_4 {
    background-color:#0044DD;
}

div.extra-titulo-tabla .form-group {
    padding-left: 10px;
}


table.datatable td.cuadro {
        padding: 4px 6px;

}
#base-imagen-detalle img.imagenps {
        max-height: 300px;
}

span.precio-base {
    text-decoration: line-through;
    margin-right:5px;
    color:#606060;
}
i.link-mrw.datatable-icon
{ height: 18px;
    width: 50px;
    display: inline-block;
    background-image: url(/images/icons/mrw.png);
    background-size: 100% 100%;}
    


span.mrw-entregado, span.mrw-recogido  {
    color: green;
    font-weight: 700;
}



span.mrw-error  {
    color: red;
    font-weight: 700;
}

span.cuadro-td {
    display: inline-block;
    padding: 4px;
    border-radius:3px;
    font-weight: 600;
    width:100%;
}

td span.pagado, td span.pagado-1 {
    background-color: #28a745;
    color:#fff;   
}



td span.no-pagado, td span.pagado-0 {
    background-color: #4169E1;
    color:#fff;
    white-space: nowrap;
}

td span.pedido-estado-3 {
    background-color: #FF8C00;
}

td span.pedido-estado-5 {
    background-color: #8A2BE2;
}

td span.pedido-estado-0 {
    background-color: #000;
}

td span.pedido-estado--1, td span.pedido-estado-8 {
    background-color: #7d1038;
}


td span.incidencia,td span.pedido-incidencia {
    background-color: #f00;
    color:#fff;
}

a.mrwlink {
        display: block;
    margin-top: 3px;
}

span.mrw-generado {
   background-color: #8A2BE2;
      color:#fff;
}

span.mrw-pendiente {
   background-color: #FF8C00;

}



ul.lista-productos-incidencia {
    margin-top:-15px;
    padding-inline-start: 20px;
    margin-bottom:5px;
}

input.inputajustastock {
    max-width: 60px;
    margin-left: 5px;
}