@charset "utf-8";
/* CSS Document */

body {
    color: #004B93;
    background: url(../../img/fondo_testing.jpg);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px
}

* {
    outline: none
}

table {
    border-spacing: 0
}

div.box table tbody tr:nth-child(odd) td,
div.listado table tbody tr:nth-child(odd) td {
    background-color: #F9F9F9
}

div.listado table tbody tr:nth-child(odd) td.resaltar {
    background-color: #E5E5E5
}

input:read-only {
    background-color: #ebebe4;
}

textarea:read-only {
    background-color: #ebebe4;
}

table tr td {
    border-top: 1px solid #EFEFEF
}

div.listado thead {
    -moz-border-radius: 10px
}

div#main {
    margin: 10px auto;
    /* width: 1004px; */
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: auto;
}

div#header {
    padding-top: 14px
}

div#main div#header {
    /*margin:0 0 16px;*/
    /*background:url(../img/bg-top.gif) no-repeat 0 top;*/
    display: flex;
    vertical-align: middle;
}

div#main div#header h1 img {
    height: 90px;
}

div#main div#footer {
    /*background:url(../img/bg-bottom.gif) no-repeat 0 bottom;*/
}

div#footer {
    padding-top: 22px;
}

div.select2-container {
    /* z-index: 1002 !important;*/
}

div#header h1 {
    display: block;
    float: left;
    width: auto;
    /*width:92px;
	height:58px*/
}

div#main div#header div.usuario {
    float: right;
    /*padding-top:11px*/
    margin: auto 0;
    display: grid;
}

div#main div#header div.usuario div {
    float: left
}

div#main div#header div.usuario div.mensajes {
    /*margin-right:50px;
	border-left:1px solid #90B6DA;*/
    padding-left: 20px;
    display: flex;
}

div#main div#header div.usuario div.mensajes>a:not(:last-child) {
    margin-right: 10px;
}

div#main div#header div.usuario div.mensajes>span {
    display: table-cell;
    vertical-align: middle;
}

div#main div#header div.usuario div.mensajes a img {
    width: 24px;
}

tr.border-black>td {
    border-bottom: 1px solid black;
}

/*bolitas de colores*/

.dot {
    padding: 1px;
    /* font-size: 16px; */
    /* font-weight: 600; */
    margin: 1px;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.dot.dev.eventa-1 {
    background: url(circles/circle_dev.png) center no-repeat;
    background-size: 22px;
}

.dot.difdep.eventa-1 {
    background: url(circles/difdep.png) center no-repeat;
    background-size: 22px;
}

.dot.centrado {
    padding: 5px;
    margin: auto;
    display: block;
}

.hidden {
    display: none;
}

.dot.cancelada {
    background: url(circles/venta_cancelada.png) center no-repeat;
    background-size: 22px;
}

.rojo-importante {
    font-weight: 700;
    color: red;
}

.dot.eventa-1 {
    background: url(circles/venta_conf.png) center no-repeat;
    background-size: 22px;
}

.dot.estock-1 {
    background: url(circles/stock.png) center no-repeat;
    background-size: 26px;
    height: 23px;
}

.dot.estock-4 {
    background: url(circles/no_stock.png) center no-repeat;
    background-size: 26px;
    height: 23px;
}

.dot.estock-3 {
    background: url(circles/insuficiente.png) center no-repeat;
    background-size: 26px;
    height: 23px;
}

.dot.venta_no_cancelable {
    background: url(circles/equis.png) center no-repeat;
    background-size: 22px;
}

.dot.eventa-2 {
    background: url(circles/circle_danger.png) center no-repeat;
    background-size: 22px;
}

.dot.eventa-3 {
    background: url(circles/w_aut_stock.png) center no-repeat;
    background-size: 22px;
}

.dot.eventa-4 {
    background: url(circles/venta_stock.png) center no-repeat;
    background-size: 22px;
}

.dot.eventa-5 {
    background: url(circles/w_aut_desc.png) center no-repeat;
    background-size: 22px;
}

.dot.ecaja-2 {
    background: url(circles/pagada.png) center no-repeat;
    background-size: 22px;
}

.dot.ecaja-3 {
    background: url(circles/incobrable.png) center no-repeat;
    background-size: 22px;
}

.dot.ecaja-4 {
    background: url(circles/p_pagada.png) center no-repeat;
    background-size: 22px;
}

.dot.ecaja-1 {
    background: url(circles/w_pago.png) center no-repeat;
    background-size: 22px;
}

.dot.epago-1 {
    background: url(circles/autoriza_entrega.png) center no-repeat;
    background-size: 22px;
}

.dot.earmado-3 {
    background: url(circles/armada.png) center no-repeat;
    background-size: 22px;
}

.dot.earmado-1 {
    background: url(circles/w_armado.png) center no-repeat;
    background-size: 22px;
}

.dot.earmado-2 {
    background: url(circles/p_armado.png) center no-repeat;
    background-size: 22px;
}

.dot.eentrega-2 {
    background: url(circles/entregada.png) center no-repeat;
    background-size: 22px;
}

.dot.eentrega-6 {
    background: url(circles/circle_ok.png) center no-repeat;
    background-size: 22px;
}

.dot.eentrega-5 {
    background: url(circles/circle_danger.png) center no-repeat;
    background-size: 22px;
}

.dot.eentrega-3 {
    background: url(circles/circle_warning.png) center no-repeat;
    background-size: 22px;
}

.dot.eentrega-4 {
    background: url(circles/p_entrega.png) center no-repeat;
    background-size: 22px;
}

.dot.eentrega-1 {
    background: url(circles/w_entrega.png) center no-repeat;
    background-size: 22px;
}

.dot.edevolucion-1 {
    background: url(circles/circle_ok.png) center no-repeat;
    background-size: 22px;
}

.dot.edevolucion-2 {
    background: url(circles/circle_cancel.png) center no-repeat;
    background-size: 22px;
}

/*bolitas de colores*/

.tdcomentario {
    /* min-width: 368px; */
    min-height: 238px;
    text-align: center;
}

.bcoment {
    color: red !important;
    font-weight: 800;
    display: none;
}

a.ver.afip {
    cursor: pointer;
    background: url(../img/ver.png) no-repeat;
    width: 18px;
    height: 17px;
    display: inline-block;
    /* margin-left: 3px; */
    margin-right: 10px;
    vertical-align: middle;
}

a.stats {
    cursor: pointer;
    background: url(../img/stats.png) no-repeat;
    width: 18px;
    height: 17px;
    display: inline-block;
    /* margin-left: 3px; */
    margin-right: 10px;
    vertical-align: middle;
}

div#main div#header div.usuario div.mensajes a.notificaciones {
    display: inline;
    cursor: pointer;
}

div#main div#header div.usuario>a {
    margin-right: 5px;
    color: #606060;
    /*display:block;*/
    /*margin-bottom:5px;*/
}

div#main div#header div.usuario div.mensajes a i {
    font-size: 16px;
}

div#main div#header div.usuario a .cantmensajes {
    margin-left: 10px
}

div#main div#header div.sesion a {
    text-decoration: underline
}

div#main div#header div.usuario a:hover {
    /*text-decoration:underline*/
}

div#main div#header div.usuario span strong {
    padding-right: 20px;
    font-size: 14px;
}

div#main div#header div.usuario a.mensajes {
    background: url(../img/icon-mensajes.gif) no-repeat 0 2px;
    padding-left: 31px;
    margin-top: 6px;
    height: 20px;
}

div#main div#header div.usuario a.mensajes.nuevos {
    background: url(../img/icon-mensajes-nuevos.gif) no-repeat 0 0 !important;
    padding: 1px 0 5px 31px !important;
    margin-top: 6px;
    height: 20px;
}

div#main div#header div.usuario a.licencias {
    background: url(../img/calendario.png) no-repeat;
    padding-left: 31px;
    margin-top: 6px;
    height: 20px;
}

div#main div#header div.usuario a.licencias.nuevos {
    background: url(../img/calendario-nuevo.png) no-repeat 0 0 !important;
    padding: 1px 0 5px 31px !important;
    margin-top: 6px;
    height: 20px;
}

div#main div#header div.usuario a.tareas {
    background: url(../img/notas.gif) no-repeat;
    padding-left: 31px;
    margin-top: 6px;
    /*height: 20px;*/
}

div#main div#header div.usuario a.tareas.nuevos {
    background: url(../img/comentado.png) no-repeat 0 0 !important;
    padding: 1px 0 5px 31px !important;
    margin-top: 6px;
    /*height: 20px;*/
}

div#main div.usuario div.sesion a {
    margin-bottom: 8px;
    text-align: right
}

/*
div#main div.usuario div.sesion a.cambiar{
	padding-left:20px;
	background:url(../img/change_password.gif) no-repeat;
	padding-top:1px
}
div#main div.usuario div.sesion a.logout{
	padding-left:20px;
	background:url(../img/logout.gif) no-repeat;
	padding-top:1px
}
*/

div#search_menu {
    /*width: 996px;*/
    width: auto;
    background-color: #ffffff;
    /*margin: 0 auto;
	padding-bottom: 10px;*/
    text-align: right;
    margin-left: auto !important;
    margin: auto 0;
}

div#search_menu a.search-menu-button {
    padding: 5px 7px 2px 0;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: top;
    border: 1px #ccc solid;
    border-left: 0;
    /*background-color: #004B93;*/
    margin-right: 2px;
}

div#search_menu i {
    color: #b7b7b7;
}

div#search_menu input {
    width: 437px;
    border: 1px #ccc solid;
    border-right: 0;
    -webkit-border-radius: 8px 0 0 8px;
    border-right: 0;
}

div#search_menu input:focus {
    background-color: #f4f4f4;
}

div#search_menu_result {
    background-color: #e1e1e1;
    position: absolute;
    z-index: 99;
    margin: 0 5px;
    min-width: 457px;
    /*right: 0%;*/
    text-align: left;
    margin-right: 42px;
}

div#search_menu_result ul {
    padding: 2px 10px 10px;
}

div#search_menu_result ul a {
    color: black;
    text-transform: capitalize;
}

div#search_menu_result ul a:hover {
    color: blue;
}

div#menu {
    /*width:996px;*/
    background-color: #B7B7B7;
    /*margin: 0 auto 18px;*/
    /*background:url(../img/menu_fondo.png) repeat-x*/
}

div#menu ul li {
    float: left;
}

div#menu ul li a {
    text-transform: uppercase;
    color: #FFF;
    padding: 8px 4px;
    display: inline-block;
    margin: 0;
    text-shadow: 0.1em 0.1em 0.2em #555
}

div#menu ul li a.hidden-menu {
    display: none;
}

div#menu li ul li ul {
    right: -140px;
    top: 0px;
}

div#menu li ul li {
    position: relative;
}

div#menu ul li a.selected {
    text-shadow: 0.1em 0.1em 0.2em #CCC
}

div#menu ul li ul,
div#menu ul li ul li:last-child {
    -moz-border-radius: 0 0 6px 6px !important;
    -webkit-border-radius: 0 0 6px 6px !important;
}

div#menu ul li ul {
    position: absolute;
    z-index: 9999;
    background-color: #004b93;
    width: auto;
    min-width: 150px;
    display: block;
    box-shadow: 2px 2px 5px #999;
    display: none
}

div#menu ul li ul li {
    float: none
}

div#menu ul li ul li a {
    background-color: transparent !important;
    display: block
}

div#menu ul li ul li:hover {
    background-color: #B7B7B7
}

div#menu ul li:hover a,
div#menu ul li a.selected {
    background-color: #004B93;
}

p.notfound {
    padding: 40px 30px;
    font-size: 36px;
    margin-bottom: 40px
}

div.tabs {
    border-bottom: #004B93 5px solid;
    text-align: right;
    margin: 10px auto;
    /*max-width:996px*/
}

div.body div.tab.scroll-pane {
    max-height: 400px
}

div.listado div.tabs {
    text-align: left;
}

div#principal {
    /*margin-top: -37px*/
}

div.tabs ul {
    display: inline-block;
    margin: 0 19px
}

div.tabs ul li {
    float: left;
    margin-right: 1px
}

div.tabs ul li a {
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    min-width: 80px;
    padding: 6px 8px 4px;
    display: inline-block;
    text-align: center;
    border: #E1E1E1 1px solid;
    color: #333333;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0.1em
}

div.tabs ul li a.selected,
div.tabs ul li:hover a {
    border: #004B93 1px solid;
    color: #FFF;
    background-color: #004B93;
}

div.tabs ul li a.selected {
    text-shadow: 0.1em 0.1em 0.2em #CCC
}

div.contenido,
div.reportes {
    /*padding-left:20px;
	padding-right:20px*/
    /*padding: 20px*/
}

div#header {
    /*padding-left:20px;
	padding-right:20px*/
    padding: 0px 20px 10px;
}

div.links {
    text-align: right;
    margin-right: 10px;
    margin-bottom: 10px
}

div.links a.asignarcheques {
    background: url(../img/nuevocliente.png) no-repeat;
    padding-left: 22px;
    height: 12px !important;
}

div.links a.acreditarcheques {
    background: url(../img/nuevocliente.png) no-repeat;
    padding-left: 22px;
    height: 12px !important;
}
div.links a.depositarcheques {
    background: url(../img/deposito.png) no-repeat;
    padding-left: 22px;
    height: 12px !important;
}
div.links a.depositarcheques:hover {
    background-position: 0 -20px;
}
div.links a.asignarcheques:hover {
    background-position: 0 -18px;
}

div.links a.acreditarcheques:hover {
    background-position: 0 -18px;
}

a.asignarchequesmercaderia {
    background: url(../img/nuevocliente.png) no-repeat;
    padding-left: 22px;
    height: 12px !important;
}

a.asignarchequesmercaderia:hover {
    background-position: 0 -18px;
}

a.asignarchequesmercaderia {
    background: url(../img/nuevocliente.png) no-repeat;
    padding-left: 22px;
    height: 12px !important;
}

a.asignarchequesmercaderia:hover {
    background-position: 0 -18px;
}

a.asignarchequescompra {
    background: url(../img/nuevocliente.png) no-repeat;
    padding-left: 22px;
    height: 12px !important;
}

a.asignarchequescompra:hover {
    background-position: 0 -18px;
}

div.links a.revisarcheques {
    background: url(../img/nuevocliente.png) no-repeat;
    padding-left: 22px;
    height: 12px !important;
}

div.links a.revisarcheques:hover {
    background-position: 0 -18px;
}

div.listado {
    margin: 0 0 10px
}

table.listado2 {
    border: #CCCCCC 2px solid !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

div.listado table {
    border: #E1E1E1 1px solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

table {
    width: 100%
}

div.listado thead th {
    color: #333;
    text-transform: capitalize;
    padding: 10px 0;
    text-align: left;
    padding: 16px 10px;
    border-bottom: #EFEFEF 2px solid
}

div.listado tbody td {
    cursor: pointer;
    white-space: nowrap
}

div.listado tbody td.resaltar {
    background-color: #F0F0F0;
    font-weight: bold;
    color: #333;
    border-left: #DDD 1px solid;
    border-right: #DDD 1px solid
}

div.listado thead th.resaltar {
    background-color: #FAFAFA;
    font-weight: bold;
    color: #333;
    border-left: #EFEFEF 1px solid;
    border-right: #EFEFEF 1px solid
}

div.listado tbody td,
div.bandeja tbody td {
    color: #666;
    padding: 7px 10px;
    line-height: 20px
}

tbody td {
    color: #666;
    padding: 8px 2px 8px 2px
}

td.numerico,
th.numerico {
    text-align: right !important
}

td.numerico input {
    text-align: right !important
}

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

td.botonx,
th.botonx {
    border-right: 3px solid
}

td.right {
    text-align: right !important
}

/*
div.tabs li a:hover{
	background-color:#F1F1F1
}
*/

div.listado tbody tr:hover td,
div.bandeja tbody tr:hover td,
div.box tbody tr:hover td {
    background-color: #E1E1E1 !important
}

div.listado tbody tr.hoverless:hover td {
    background-color: #fff !important
}

.img-center {
    display: flex;
    align-self: center;
}

div.listado tbody tr.sublistado:hover td {
    background-color: #E1E1E1 !important
}

#grafica_productos > div > div:nth-child(3) > table > thead > tr > th:nth-child(2) {
    width:10% !important;
}

#grafica_productos > div > div:nth-child(3) > table > tbody > tr > td {
    text-align: center !important;
}

div.listado tfoot td,
div.listado tfoot td a {
    color: #FFF;
}

div.listado tfoot td {
    background-color: #004B93;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    padding: 12px 16px;
    text-align: center
}

div.listado tfoot td span.pagina {
    float: left
}

div.listado tfoot td span.total {
    float: right
}

div.listado ul,
div.links ul {
    display: inline-block
}

div.listado tfoot ul li.selected a {
    font-weight: bold;
    background-color: #FFFFFF;
    color: #004b93;
    padding: 0 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

div.listado ul li {
    float: left
}

div.links ul li {
    margin-left: 20px;
    float: left
}

div.links a {
    color: #004B93;
    text-indent: 10px;
    padding-top: 6px;
    display: block;
    height: 20px;
    text-decoration: underline;
    cursor: pointer
}

a.imprimir {
    background: url(../img/print.gif) no-repeat;
    padding-left: 20px
}

a.excel {
    background: url(../img/excel.gif) no-repeat;
    padding-left: 22px
}

textarea {
    padding-left: 5px
}

input {
    height: 16px;
    padding: 4px 12px 3px
}

input:focus,
select:focus,
textarea:focus {
    background-color: #FFFFCD
}

div.filtros {
    /*margin: 10px 0*/
}

div.filtros select {
    margin-bottom: 10px;
    vertical-align: middle
}

input.fecha,
div.filtros input.fecha {
    width: 80px;
    cursor: auto
}

div.filtros input,
div.agregar input {
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    border-right: 0;
    margin-left: 6px;
    margin-bottom: 10px;
    background-color: #FFFFFF !important;
    vertical-align: middle;
    width: 100px
}

div.agregar.fullinput input,
div.filtro-group.fullinput input {
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-right: #E1E1E1 1px solid !important;
}

div.filtro-group label.legend,div.fila-botones label.legend,div.botonera label.legend{
    text-transform: uppercase;
    margin-left: 10px;
    font-weight: 600;
    color: #898989;
}

div.fila-botones label.legend,div.botonera label.legend{
    margin: 10px 0 0 0;
    font-size: 12px !important;
}

li.ventas_devolucion input {
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    border-right: 0;
    margin-left: 6px;
    margin-bottom: 10px;
    background-color: #FFFFFF !important;
    width: 100px
}

div.devolucion label.second {
    width: 50px !important;
    margin-left: 30px;
}

div.filtros input.opcion_compra {
    width: 25px
}

input,
select,
textarea {
    color: #004B93;
    font-size: 11px;
    border: #E1E1E1 1px solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-family: Arial, Helvetica, sans-serif
}

div.box div.agregar input,
div.box textarea {
    width: 100px
}

div.box li input,
div.box li textarea {
    width: 270px
}

div.box li textarea {
    height: 130px
}

div.box li select {
    width: 285px
}

div.box.venta li select {
    width: 400px
}

div.filtros select,
div.filtros .select2-container,
div.agregar select,
div.botonera select {
    min-width: 150px;
    width: auto;
    vertical-align: middle;
    /*margin-bottom: 10px;
    margin-right: 16px;*/
}

div.box div.body div.filtros {
    margin-bottom: 20px
}

select {
    padding: 4px 12px 3px 5px;
    text-indent: 2px;
    height: 25px;
    width: 80px
}

select[disabled=disabled],
select[disabled=true] {
    background: #eee;
    color: #777;
}

select.multiple {
    height: 200px !important;
}

select option {
    padding: 4px 0 0 4px
}

select.metodoPagoSelect {
    padding: 4px 12px 3px 5px;
    text-indent: 2px;
    height: 25px;
    width: 150px;
    float: right;
}

div.metodoPagoSelect {
    float: right;
}

div.filtros a.search.noborder {
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
}

div.filtros a.search,
div.agregar a.search {
    cursor: pointer
}

div.filtros a.search,
div.filtros select,
div.agregar a.search {
    /*margin-right: 16px*/
}

div.filtros a.search,
div.devolucion a.search,
div.agregar a.search {
    background: url(../img/search.gif) no-repeat 0 4px;
    padding: 3px 7px 4px 0;
    border-top: #E1E1E1 1px solid;
    border-bottom: #E1E1E1 1px solid;
    border-right: #E1E1E1 1px solid;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: top
}

div.filtros span.helptext {
    padding: 5px 7px 2px 0;
    border-top: #E1E1E1 1px solid;
    border-bottom: #E1E1E1 1px solid;
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: top
}

div.filtros a.guardar {
    padding: 3px 7px 4px 0;
    border-top: #E1E1E1 1px solid;
    border-bottom: #E1E1E1 1px solid;
    border-right: #E1E1E1 1px solid;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: top;
    text-align: -webkit-right;
    font-size: 16px;
}

a.notas {
    background: url(../img/notas.png) no-repeat;
    /*display:block;*/
    display: inline-block;
    width: 20px;
    height: 16px;
    vertical-align: middle;
    cursor: pointer;
}

a.cargarnroguia,
a.cargarnroembarque,
a.cargarcodigoentrega {
    background: url(../img/guia.png) no-repeat;
    /*display:block;*/
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}

a.cargarnroguia.con,
a.cargarnroembarque.con,
a.cargarcodigoentrega.con {
    background: url(../img/conguia.png) no-repeat !important;
}

a.mercado_envios {
    background: url(../img/mercado_envios.png) no-repeat;
    /*display:block;*/
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}

a.comentado {
    background: url(../img/comentado.png) no-repeat;
    /*display:block;*/
    display: inline-block;
    width: 24px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}

a.notas:hover {
    background: url(../img/notas.png) no-repeat 0 -17px
}

a.comentar span {
    display: none
}

td.acciones {
    text-align: right
}

td.acciones a {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle
}

td.acciones select {
    width: 170px
}

/*
td.acciones a.verstock{
	position:static;
	vertical-align:baseline
}
*/

a.verstock {
    background: url(../img/verstock.png) no-repeat;
    width: 16px;
    height: 19px;
    display: inline-block;
    /*
	position:relative;
	left:7px;
	top:1px
	*/
}

a.traer_documentos {
    background: url(../img/printer-search.png) no-repeat;
    width: 16px;
    height: 19px;
    display: inline-block;
}


a.ver-historial-stock,
a.historial-stock {
    background: url(../img/historial.svg) no-repeat;
    width: 16px;
    height: 19px;
    display: inline-block;
}

a.verstock:hover {
    background-position: 0 -21px
}

td.acciones a.verautorizacion {
    background: url(../img/ver-autorizacion.png) no-repeat;
    width: 21px;
    height: 17px
}

td.acciones a.verautorizacion:hover {
    background-position: 0 -18px
}

td.acciones a.delautorizacion {
    background: url(../img/del-autorizacion.png) no-repeat;
    width: 21px;
    height: 17px
}

td.acciones a.delautorizacion:hover {
    background-position: 0 -18px
}

td.acciones a.cargarstock {
    background: url(../img/cargarstock.png) no-repeat;
    width: 21px;
    height: 18px
}

td.acciones a.cargarstock:hover {
    background-position: 0 -19px
}

td.acciones a.cobrar {
    background: url(../img/confirmar-deposito.png) no-repeat;
    width: 21px;
    height: 18px
}

td.acciones a.cobrar:hover {
    background-position: 0 -19px
}

td.acciones a.stockencamino {
    background: url(../img/stockencamino.png) no-repeat;
    width: 20px;
    height: 17px
}

td.acciones a.stockencamino:hover {
    background-position: 0 -19px
}

td.acciones a.responder {
    background: url(../img/responder.png) no-repeat;
    width: 17px;
    height: 17px
}

td.acciones a.responder:hover {
    background-position: 0 -18px
}

td.acciones a.mensaje {
    background: url(../img/mensaje.png) no-repeat;
    width: 20px;
    height: 12px;
    /*
	position:relative;
	top:-2px
	*/
}

td.acciones a.mensaje:hover {
    background-position: 0 -12px
}

td.acciones a.editar {
    background: url(../img/edit.png) no-repeat;
    width: 18px;
    height: 17px
}

td.acciones a.editar:hover {
    background-position: 0 -18px
}

div.cabecera a.editar {
    background: url(../img/edit.png) no-repeat;
    width: 18px;
    height: 17px;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}

div.cabecera a.editar:hover {
    background-position: 0 -18px;
}

td.acciones a.facturar-cliente {
    background: url(../img/f.png) no-repeat;
    width: 18px;
    height: 17px
}

td.acciones a.facturado-enviado {
    background: url(../img/ok.png) 0 0 no-repeat;
    width: 23px;
    height: 20px;
    /*display:none;*/
}

td.acciones a.cancelar_disabled {
    background: url(../img/cancelar-venta.png) 0 -23px no-repeat;
    width: 23px;
    height: 20px;
}

td.acciones a.cancelar {
    background: url(../img/cancelar-venta.png) 0 -1px no-repeat;
    width: 23px;
    height: 20px
}

td.acciones a.cancelar:hover {
    background-position: 0 -23px
}

a.solicitar_cancelacion {
    background: url(../img/cancelar-venta.png) 0 1px no-repeat;
    padding-left: 20px;
}

td.acciones a.entregar,
td.acciones a.entregada {
    background: url(../img/entregar-todo.png) 0 -1px no-repeat;
    width: 23px;
    height: 20px
}

td.acciones a.entregar:hover {
    background-position: 0 -22px
}

td.acciones a.verventa {
    background: url(../img/ver_venta.png) 0 -2px no-repeat;
    width: 23px;
    height: 20px;
    background-size: 23px;
}

td.acciones a.verventa:hover {}

td.acciones a.entregar2 {
    background: url(../img/entregar-detalle.png) 0 -7px no-repeat;
    width: 23px;
    height: 20px;
    background-size: 23px;
}

td.acciones a.entregar2:hover {
    background-position: 0px -25px;
}

td a.newventa {
    background: url(../img/new_Venta.png) 0 -2px no-repeat;
    width: 23px;
    height: 20px;
    background-size: 22px;
}

td a.newventa:hover {
    background-position: 0 -2px;
}

td.acciones a.armar {
    background: url(../img/armar-todo.png) 0 0 no-repeat;
    width: 23px;
    height: 20px
}

td.acciones a.packinglist {
    background: url(../img/box.ico) 0 0 no-repeat;
    width: 23px;
    height: 20px
}

td.acciones a.ordenarmado {
    background: url(../img/paper_check.png) 0 0 no-repeat;
    width: 16px;
    height: 16px
}

td.acciones a.ordenarmado.historial{
    filter: invert(17%) sepia(96%) saturate(3303%) hue-rotate(234deg) brightness(84%) contrast(105%);
}

td.acciones a.packinglist.full {
    background: url(../img/box_full.ico) 0 0 no-repeat !important;
}

td.acciones a.packinglist.incomplete {
    background: url(../img/box-w.ico) 0 0 no-repeat !important;
}

td.acciones a.pdf {
    background: url(../img/pdf.png) 0 0 no-repeat;
    width: 18px;
    height: 20px
}

td.acciones a.pdf:hover {
    background-position: 0 -22px
}

td.acciones a.armar:hover {
    background-position: 0 -25px
}

a.ver {
    background: url(../img/ver.png) no-repeat;
    width: 18px;
    height: 17px;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle
}

a.exchange {
    background: url(../img/iconos/exchange.png) no-repeat;
    width: 24px;
    height: 23px;
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    background-size: 23px 20px;
}

div.links a.ver {
    width: auto;
    height: 16px;
    padding: 1px 0 0 14px;
    margin: 5px 0 0 0
}

a.ver:hover {
    background-position: 0 -18px
}

a.ver_disabled {
    background: url(../img/ver.png) no-repeat;
    width: 18px;
    height: 17px;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
    background-position: 0 -18px;
}

td.acciones a.user_config {
    background: url(../img/user_config.png) no-repeat;
    width: 18px;
    height: 17px;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle
}

a.ver-usuario {
    background: url(../img/ver.png) no-repeat;
    width: 18px;
    height: 17px;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle
}

div.links a.ver-usuario {
    width: auto;
    height: 16px;
    padding: 1px 0 0 14px;
    margin: 5px 0 0 0
}

a.ver-usuario:hover {
    background-position: 0 -18px
}

a.nuevocliente {
    background: url(../img/nuevocliente.png) no-repeat;
    width: 20px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 8px;
    cursor: pointer
}

a.nuevocliente:hover {
    background-position: 0 -18px
}

td.acciones a.eliminar {
    width: 17px;
    height: 17px;
    background: url(../img/delete.png) no-repeat
}

td.acciones a.eliminar_transferencia {
    width: 17px;
    height: 17px;
    background: url(../img/delete.png) no-repeat
}

td.acciones a.eliminar:hover {
    background-position: 0 -17px
}

td.acciones a.eliminar_transferencia:hover {
    background-position: 0 -17px
}

td.acciones a.eliminar-disabled {
    pointer-events: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../img/delete.png) no-repeat;
    background-position: 0 -18px
}

td.acciones a.cliente-descuento-eliminar {
    width: 17px;
    height: 17px;
    background: url(../img/delete.png) no-repeat
}

td.acciones a.producto-imagen-eliminar,
td.acciones a.combo-imagen-eliminar {
    width: 17px;
    height: 17px;
    background: url(../img/delete.png) no-repeat
}

td.acciones a.confirmar-pago {
    background: url(../img/confirmar-deposito.png) no-repeat;
    width: 17px;
    height: 20px
}

td.acciones a.confirmar-pago:hover {
    background: url(../img/confirmar-deposito.png) no-repeat 0 -19px
}

td.acciones a.cancelar-pago {
    background: url(../img/cancelar-deposito.png) no-repeat;
    width: 17px;
    height: 20px
}

td.acciones a.cancelar-pago:hover {
    background: url(../img/cancelar-deposito.png) no-repeat 0 -19px
}

#main>div.contenido>h2 {
    line-height: 2.5em;
    background-size: 60px;
    margin: 10px 0;
}

h2 {
    font-size: 21px;
    display: block;
    padding-left: 66px;
    /*padding-top: 5px;*/
    height: 60px;
}

h2 a {
    color: #004b93
}

h2 span.filtro {
    display: none
}

h2 a:hover {
    color: #004b93;
    text-decoration: underline
}

h2.ventasweb {
    background: url(../img/ventas_web.gif) no-repeat
}

h2.ventaslocales {
    background: url(../img/iconos/ventas_locales.png) no-repeat;
}

h2.cobrostarjetadebito {
    background: url(../img/iconos/tarjetadebito.png) no-repeat;
}

h2.widgetweb {
    background: url(../img/iconos/widgetweb.png) no-repeat;
}

h2.ventasweb {
    background: url(../img/iconos/ventasweb.png) no-repeat;
}

h2.productos {
    background: url(../img/iconos/productos.png) no-repeat
}

h2.profesiones {
    background: url(../img/iconos/profesiones.png) no-repeat
}

h2.razonesdevolucion {
    background: url(../img/iconos/razonesdevolucion.png) no-repeat
}

h2.razonescancelacion {
    background: url(../img/iconos/razonescancelacion.png) no-repeat
}

h2.proveedores {
    background: url(../img/iconos/proveedores.png) no-repeat
}

h2.razonesclienteregistro {
    background: url(../img/iconos/razonesclienteregistro.png) no-repeat
}

h2.razonescancelacion {
    background: url(../img/iconos/razonescancelacion.png) no-repeat
}

h2.razoneschequesrechazados {
    background: url(../img/iconos/razoneschequesrechazados.png) no-repeat
}

h2.presupuestos {
    background: url(../img/iconos/presupuestos.png) no-repeat
}

h2.clientes {
    background: url(../img/iconos/clientes.png) no-repeat
}

h2.transferencias {
    background: url(../img/iconos/transferencias.png) no-repeat
}

h2.cobrospagoelectronico {
    background: url(../img/iconos/cobrospagoelectronico.png) no-repeat
}

h2.codigosbarra {
    background: url(../img/iconos/codigosbarra.png) no-repeat
}

h2.colores {
    background: url(../img/iconos/colores.png) no-repeat
}

h2.entregas {
    background: url(../img/iconos/entregas.png) no-repeat
}

h2.entregasbonificadas {
    background: url(../img/iconos/entregasbonificadas.png) no-repeat
}

h2.config {
    background: url(../img/config.gif) no-repeat
}

h2.contenidosdestacados {
    background: url(../img/iconos/contenidosdestacados.png) no-repeat
}

h2.contactosweb {
    background: url(../img/iconos/contactosweb.png) no-repeat
}

h2.depositos {
    background: url(../img/iconos/depositos.png) no-repeat
}

h2.config_web {
    background: url(../img/iconos/configuracionespagosweb.png) no-repeat
}

h2.consignaciones {
    background: url(../img/iconos/consignaciones.png) no-repeat
}

h2.armado {
    background: url(../img/iconos/armado.png) no-repeat;
}

h2.arqueos {
    background: url(../img/iconos/arqueos.png) no-repeat;
}

h2.descuentos {
    background: url(../img/iconos/descuentos.png) no-repeat;
}

h2.egresos {
    background: url(../img/iconos/egresos.png) no-repeat;
}

h2.egresosctacte {
    background: url(../img/iconos/egresosctacte.png) no-repeat;
}

h2.egresosctacteproveedores {
    background: url(../img/iconos/egresosctacteproveedores.png) no-repeat;
}

h2.emails {
    background: url(../img/iconos/emails.png) no-repeat;
}

h2.emailsblacklist {
    background: url(../img/iconos/emailsblacklist.png) no-repeat;
}

h2.dte {
    background: url(../img/iconos/dte.png) no-repeat;
}

h2.documentos {
    background: url(../img/iconos/documentos.png) no-repeat;
}

h2.configuracionesimportacion {
    background: url(../img/iconos/configuracionesimportacion.png) no-repeat;
}

h2.devoluciones {
    background: url(../img/iconos/devoluciones.png) no-repeat;
}

h2.empresastransporte {
    background: url(../img/iconos/empresastransporte.png) no-repeat;
}

h2.usuarios {
    background: url(../img/usuario.gif) no-repeat;
    padding-left: 86px
}

h2.perfiles {
    background: url(../img/iconos/perfiles.png) no-repeat
}

h2.plantillas {
    background: url(../img/iconos/plantillas.png) no-repeat
}

h2.posicionesarancelarias {
    background: url(../img/iconos/posicionesarancelarias.png) no-repeat
}

h2.sueldos {
    background: url(../img/iconos/sueldos.png) no-repeat
}

h2.tareas {
    background: url(../img/iconos/tareas.png) no-repeat
}

h2.tarjetascredito {
    background: url(../img/iconos/tarjetascredito.png) no-repeat
}

h2.tipochequerechazado {
    background: url(../img/iconos/tipochequerechazado.png) no-repeat
}

h2.tiposcaracteristicasdatostecnicos {
    background: url(../img/iconos/tiposcaracteristicasdatostecnicos.png) no-repeat
}

h2.tiposcomprobantes {
    background: url(../img/iconos/tiposcomprobantes.png) no-repeat
}

h2.tiposdatostecnicos {
    background: url(../img/iconos/tiposdatostecnicos.png) no-repeat
}

h2.tiposdatostecnicosopciones {
    background: url(../img/iconos/tiposdatostecnicosopciones.png) no-repeat
}

h2.tiposdocumentos {
    background: url(../img/iconos/tiposdocumentos.png) no-repeat
}

h2.tiposegresos {
    background: url(../img/iconos/tiposegresos.png) no-repeat
}

h2.tiposegresosctacte {
    background: url(../img/iconos/tiposegresosctacte.png) no-repeat
}

h2.tiposentrega {
    background: url(../img/iconos/tiposentrega.png) no-repeat
}

h2.tiposiva {
    background: url(../img/iconos/tiposiva.png) no-repeat
}

h2.tiposlicencia {
    background: url(../img/iconos/tiposlicencia.png) no-repeat
}

h2.tiposunidad {
    background: url(../img/iconos/tiposunidad.png) no-repeat
}

h2.usuarioshistorialcaja {
    background: url(../img/iconos/usuarioshistorialcaja.png) no-repeat
}

h2.stock {
    background: url(../img/iconos/stock.png) no-repeat
}

h2.controlstock {
    background: url(../img/iconos/controlstock.png) no-repeat
}

h2.caja {
    background: url(../img/iconos/caja.png) no-repeat
}

h2.autorizaciones {
    background: url(../img/iconos/autorizaciones.png) no-repeat
}

h2.balance {
    background: url(../img/iconos/balance.png) no-repeat
}

h2.bancos {
    background: url(../img/iconos/bancos.png) no-repeat
}

h2.basecomisiones {
    background: url(../img/iconos/basecomisiones.png) no-repeat
}

h2.calendario {
    background: url(../img/iconos/calendario.png) no-repeat
}

h2.alertas {
    background: url(../img/alertas.gif) no-repeat
}

h2.marcas {
    background: url(../img/iconos/marcas.png) no-repeat
}

h2.informaciones {
    background: url(../img/iconos/informaciones.png) no-repeat
}

h2.licencias {
    background: url(../img/iconos/licencias.png) no-repeat
}

h2.lineasproducto {
    background: url(../img/iconos/lineasproducto.png) no-repeat
}

h2.mercadolibre {
    background: url(../img/iconos/mercadolibre.png) no-repeat
}

h2.metodosenvio {
    background: url(../img/iconos/metodosenvio.png) no-repeat
}

h2.monedas {
    background: url(../img/iconos/monedas.png) no-repeat
}

h2.movimientosbancariosotros {
    background: url(../img/iconos/movimientosbancariosotros.png) no-repeat
}

h2.newsletters {
    background: url(../img/iconos/newsletters.png) no-repeat
}

h2.estadisticas {
    background: url(../img/iconos/estadisticas.png) no-repeat
}

h2.facturaelectronica {
    background: url(../img/iconos/facturaelectronica.png) no-repeat
}

h2.imagenes {
    background: url(../img/iconos/imagenes.png) no-repeat
}

h2.glosarioicon {
    background: url(../img/iconos/glosario.png) no-repeat
}

h2.importadores {
    background: url(../img/iconos/importadores.png) no-repeat
}

h2.herramientas {
    background: url(../img/iconos/herramientas.png) no-repeat
}

h2.idiomas {
    background: url(../img/iconos/idiomas.png) no-repeat
}

h2.usuario_money {
    background: url(../img/usuario_money.gif) no-repeat
}

h2.usuario_config {
    background: url(../img/usuario_config.gif) no-repeat
}

h2.atributos {
    background: url(../img/iconos/atributos.png) no-repeat;
}

h2.roles {
    background: url(../img/iconos/roles.png) no-repeat;
}

h2.rubros {
    background: url(../img/iconos/rubros.png) no-repeat;
}

h2.simbolos {
    background: url(../img/iconos/simbolos.png) no-repeat;
}

h2.sistemas {
    background: url(../img/iconos/sistemas.png) no-repeat;
}

h2.rubrosegresos {
    background: url(../img/iconos/rubrosegresos.png) no-repeat;
}

h2.comisiones {
    background: url(../img/iconos/comisiones.png) no-repeat;
}

h2.combos {
    background: url(../img/iconos/combos.png) no-repeat;
}

h2.comprasmercaderia {
    background: url(../img/iconos/comprasmercaderia.png) no-repeat;
}

h2.canalesventa {
    background: url(../img/iconos/canalesventa.png) no-repeat;
}

h2.embarques {
    background: url(../img/iconos/embarques.png) no-repeat;
}

h2.canalescaptacion {
    background: url(../img/iconos/canalescaptacion.png) no-repeat;
}

h2.categoriascliente {
    background: url(../img/iconos/categoriascliente.png) no-repeat;
}

h2.certificacionesproductos {
    background: url(../img/iconos/certificacionesproductos.png) no-repeat;
}

h2.cheques {
    background: url(../img/iconos/cheques.png) no-repeat;
}

h2.paginas-informacion {
    background: url(../img/iconos/paginasinformacion.png) no-repeat;
}

h2.pagos {
    background: url(../img/iconos/pagos.png) no-repeat;
}

h2.pagosproveedores {
    background: url(../img/iconos/pagosproveedores.png) no-repeat;
}

h2.novedades {
    background: url(../img/iconos/novedades.png) no-repeat;
}

h2.novedadessys {
    background: url(../img/novedadessys.gif) no-repeat;
}

h2.ocupacion {
    background: url(../img/iconos/ocupacion.png) no-repeat;
}

h2.oficinas {
    background: url(../img/iconos/oficinas.png) no-repeat;
}

h2.compras {
    background: url(../img/iconos/compras.png) no-repeat;
}

h2.compras.comprasporstock {
    background: url(../img/iconos/comprasporstock.png) no-repeat;
}

h2.config {
    background: url(../img/iconos/config.png) no-repeat;
}

#no-leidas {
    position: absolute;
    border-radius: 50%;
    background-color: red;
    height: 5px;
    width: 5px;
}

div#distribuir-stock p.message,
div#no-stock p.message,
div#liberar-venta p.message,
div#distribuir-venta p.message,
div#verificar-distribuir-stock p.message {
    background: url(../img/stock.png) no-repeat;
    padding-left: 70px
}

div#entregas p.message {
    background: url(../img/productos.png) no-repeat;
    padding-left: 80px;
    min-height: 60px
}

h2.mensajes {
    background: url(../img/iconos/mensajes.png) no-repeat
}

tfoot td li {
    background: url(../img/separador.gif) no-repeat right center;
    padding: 0 9px
}

tfoot td li a:hover {
    text-decoration: underline
}

tfoot td li.nav {
    background: none;
}

tfoot td a.first {
    background: url(../img/first.gif) no-repeat;
    width: 9px;
    height: 8px;
    display: block;
    margin-top: 3px
}

tfoot td a.prev {
    background: url(../img/prev.gif) no-repeat;
    width: 4px;
    height: 8px;
    display: block;
    margin-top: 3px
}

tfoot td a.next {
    background: url(../img/next.gif) no-repeat;
    width: 4px;
    height: 8px;
    display: block;
    margin-top: 3px
}

tfoot td a.last {
    background: url(../img/last.gif) no-repeat;
    width: 9px;
    height: 8px;
    display: block;
    margin-top: 3px
}

div.box,
div.box div.lista {
    border: #E1E1E1 1px solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #FFFFFF
}

div.box {
    margin-bottom: 20px
}

div.box div.body,
div.box h4 {
    padding: 17px 24px 0 24px;
    /*
	background:#FFF;
	border:none
	*/
}

div.box div.body {
    padding-right: 24px;
    padding-bottom: 16px
}

div.box div.tabpanel {
    border: 0;
    padding: 0;
    padding-top: 17px
}

div.box h4 span.codigo {
    font-size: 10px
}

div.box h4 {
    font-size: 14px;
    color: #004b93;
    cursor: pointer;
    margin-bottom: 11px;
    background: url(../img/collapsed.gif) no-repeat 8px 21px
}

div.box.no-collapse>h4 {
    background: none;
    cursor: auto
}

div.box.non-collapsed h4 {
    font-size: 14px;
    margin-bottom: 17px;
    color: #004b93;
    background: url(../img/non-collapsed.gif) no-repeat 10px 20px
}

div.agregar span {
    color: #004b93
}

#agregar-producto div.agregar .ui-multiselect span,
#agregar-producto-combo div.agregar .ui-multiselect span {
    color: #fbf9f9
}

h3 {
    font-size: 18px;
    display: inline-block
}

div.acciones {
    margin: 6px 0 0 0
}

div.acciones a {
    font-weight: bold;
    margin-right: 3px;
    color: #444;
    border-right: #CCC 1px solid;
    padding-right: 5px;
    margin: auto 3px;
}

div.acciones a:hover {
    text-decoration: underline
}

div.acciones a:last-child {
    border-right: none
}

h3 a {
    color: #004b93;
}

h3 a:hover {
    text-decoration: underline
}

h3 span,
div.cabecera span.estados {
    font-size: 15px;
    display: block;
    margin-top: 8px
}

div.cabecera span.estados {
    font-weight: bold
}

div.box div.form li,
div.box div.read li {
    margin-bottom: 11px
}

div.box div.form li span {
    margin-top: 6px;
    margin-bottom: 5px
}

.multiselect-dropdown span {
    margin-top: 0px !important;
}

div.venta input#tieneiva {
    margin: 2px 4px 0 0;
    vertical-align: middle;
    width: auto
}

div.box.venta div.form li label.iva {
    width: 154px;
    vertical-align: middle
}

div.venta input#tienecontrareembolso,
div.venta input#tieneadicionalentrega,
input#tieneadicionalentrega,
input#tienedescuentoglobal {
    margin: 0px 4px 0 0;
    vertical-align: middle;
    width: auto
}

div.box.venta div.form li label.contrareembolso {
    width: 154px;
    vertical-align: middle
}

/*
div.box.venta div.form li span{
	display:inline-block;
	height:13px
}
*/

th {
    width: 190px;
    text-align: left
}

div.box th {
    padding-bottom: 14px
}

div.box label,
div.box th,
div.box label a {
    color: #333;
    font-weight: bold;
}

div.permisos h5.header {
    background-color: #004B93;
    font-size: 11px;
    padding: 7px 0 7px 5px
}

div.permisos h5.header label {
    color: #FFFFFF;
}

div.box div.read li label,
div.box div.form li label,
div.box div.stock li label {
    width: 175px;
    display: inline-block;
    margin-top: 3px
}

div.box div.stock li label {
    vertical-align: top
}

div.dialog div.box div.form li label {
    width: 120px;
}

div.box div.lista {
    float: left;
    width: 290px;
    padding: 10px
}

div.box div.scroll-pane {
    min-height: 80px;
    /*max-height:170px*/
}

div#comprobantes div.scroll,
div#comprobantes_devolucion div.scroll {
    height: 260px
}

td.tipo {
    text-transform: capitalize;
    font-weight: bold
}

div#comprobantes,
div#comprobantes_devolucion {
    background-color: #FFF;
    padding: 20px 14px 10px 20px
}

div#comprobantes p,
div#comprobantes_devolucion p {
    font-size: 22px;
    margin-top: 60px;
    color: #004b93;
    display: block
}

div#comprobantes table,
div#comprobantes_devolucion table {
    width: 460px
}

div.box div.lista div.scroll-pane {
    height: 170px
}

div.box div.lista label {
    padding: 0 0 14px 8px;
    display: block
}

div.box div.lista li,
div.permisos li {
    color: #666;
}

div.permisos li label {
    font-weight: normal
}

div.box div.lista li a {
    display: block;
    padding: 6px 0 4px 8px;
    cursor: pointer
}

div.box div.lista li a.selected {
    color: #FFF;
    background-color: #004B93
}

div.botones a,
a.botonr,
a.boton,
div.botonera a {
    background-color: #004B93;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #FFF !important;
    text-transform: uppercase;
    text-shadow: 0.1em 0.1em 0.2em #555;
    padding: 6px 8px;
    font-weight: bold;
    letter-spacing: 0.1em;
    cursor: pointer;
    font-size: 10px
}

div.botones a:active,
a.boton:active,
div.botonera a:active,
div#menu ul li a:active {
    text-shadow: 0.1em 0.1em 0.2em #CCC;
}

div.botones a:hover,
a.boton:hover,
div.botonera a:hover {
    background-color: #b7b7b7
}

div.box div.botones {
    float: left;
    margin: 55px 25px 0
}

div.box div.botones a {
    display: block;
    width: 6px;
    height: 12px;
    padding: 7px 15px;
    margin-bottom: 18px;
    cursor: pointer
}

div.botones a.remover {
    background: #004B93 url(../img/arrow_left.gif) no-repeat center center
}

div.botones a.agregar {
    background: #004B93 url(../img/arrow_right.gif) no-repeat center center
}

div.box div.tabs {
    text-align: left
}

div.box div.tabs ul {
    margin: 0 4px
}

div.box div.agregar {
    margin-bottom: 30px
}

div.box div.agregar input,
div.box div.agregar select {
    margin: 0 14px 8px 4px;
}

div.box div.agregar input {
    width: 80px
}

div.box div.agregar .select2-search input {
    width: 90%;
}

div.cabecera {
    margin: 15px 0 15px 1px;
}

div.listado div.botonera {
    float: left;
    margin-right: 10px
}

div.botonera {
    float: right;
    margin-right: 10px
}

div.box div ul.imagen {
    float: left;
    width: 600px
}

div.box div.info ul li {
    float: left;
    margin-bottom: 19px;
    margin-right: 15px;
    height: 33px
}

div.box div.info label,
div.box div.imagen label {
    display: block;
    margin-bottom: 3px
}

div.box div.info span,
div.box div.info p {
    color: #666
}

a.descargar {
    background: url(../img/download.gif) no-repeat right 0;
    padding-right: 14px;
    text-decoration: underline;
    color: #004b93
}

div.imagen {
    float: left;
    margin-left: 80px
}

div.imagen a {
    width: 200px;
    height: 200px;
    display: block;
    overflow: hidden;
    border: #004B93 8px solid;
    margin-top: 10px
}

div#confirmacion p.message {
    background: url(../img/confirmacion.gif) no-repeat left 0;
}

div#pregunta p.message,
div#yesno p.message {
    background: url(../img/pregunta.gif) no-repeat left 0;
}

div#advertencia p.message {
    background: url(../img/advertencia.gif) no-repeat left 0;
}

div#cargando p.message {
    margin: 15px 0 10px;
    padding: 15px 0 0 50px;
    min-height: 55px;
    font-weight: bold;
    background: url(../img/ajax-loader.gif) no-repeat left 0;
}

div.dialog p.message {
    margin: 15px 0 10px;
    padding: 0 0 0 40px;
    min-height: 55px;
    font-weight: bold;
    background: url(../img/error.gif) no-repeat left 0;
}

div.dialog p.message.advertencia {
    background: url(../img/advertencia.gif) no-repeat left 0 !important;
}

div#error div.labels {
    background-color: #FFFFFF;
    border: #004b93 1px solid;
    margin-left: 40px;
    padding: 12px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

div#error div.labels label {
    font-weight: bold;
    display: block;
    margin: 0 0 5px 0
}

table tbody input {
    width: 50px
}

.ui-autocomplete-loading {
    background: white url('custom-theme/images/ui-anim_basic_16x16.gif') right center no-repeat;
}

div.venta {
    /*width:670px;*/
    width: 70%;
    float: left
}

div.totales {
    float: left;
    /*width:270px;*/
    width: 28%;
    margin-left: 20px
}

div.totales label {
    float: left
}

div.totales div.total {
    margin-bottom: 12px
}

div.totales span {
    color: #333333;
    float: right;
    font-style: italic
}

div.totales div.line {
    height: 1px;
    background-color: #E1E1E1;
    margin-bottom: 14px
}

div.totales div.total label,
div.totales div.total span {
    color: #004b93
}

div.box div.totalventa {
    text-align: right;
    background-color: #004b93;
    display: block;
    height: 24px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    padding-right: 24px;
    padding-top: 8px
}

div.box div.totalventa label {
    margin-right: 10px
}

div.box.asignarventas div.totalventa span.valor {
    width: 130px;
    display: inline-block
}

div.box div.totalventa label,
div.box div.totalventa span {
    color: #FFF;
    font-weight: bold;
    font-size: 12px
}

div.dialog ul.form {
    margin: 10px 10px
}

div.dialog ul.form label {
    font-weight: bold;
    margin: 0 0 4px 10px;
    display: block
}

div.dialog ul.form textarea {
    height: 140px;
    width: 100%
}

input.checkbox,
input[type=checkbox] {
    width: auto !important;
}

div.asignarventas input.checkbox {
    margin-left: 7px;
    position: relative;
    top: 3px
}

ul li input.checkbox {
    height: auto;
    float: left;
    margin-right: 6px
}

div.dialog ul.form input.side,
ul.form div.side {
    float: left;
    margin-right: 10px
}

ul.form div.side.checkbox label {
    display: inline-block;
    margin-left: 0
}

ul.form div.side input,
div.dialog ul.form input.side.cantidad {
    width: 104px
}

div.dialog ul.form input.side.moneda {
    width: 150px
}

div.dialog ul.form select {
    width: 100%
}

div.dialog ul.form input {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-indent: 12px
}

div.dialog ul.form li {
    text-align: left;
    margin-bottom: 10px
}

div.totalventa span.moneda {
    margin-left: 2px
}

div h4 i {
    float: right;
    font-size: 11px;
    font-weight: normal;
    position: relative;
    top: 2px;
    margin-left: 10px
}

h4 a.boton {
    float: right;
}

input.cliente {
    text-transform: capitalize
}

div.dialog div.productos td {
    padding: 4px 0
}

div.dialog div.productos th {
    padding-bottom: 8px
}

div#login {
    width: 390px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -195px;
    height: 364px;
    border: 2px solid #efefef;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 8px 8px 8px 8px;
}

div#login div#header {}

div#login div#header h1 {
    margin: auto;
    float: none
}

div#login div#footer {}

div#login div.contenido {
    height: 200px
}

div#login ul {
    margin: auto;
    text-align: center;
}

div#login ul li {
    margin-bottom: 20px;
}

div#login ul li.boton {
    text-align: center
}

div#login li input {
    width: 220px
}

div#login label {
    color: #333;
    font-weight: bold;
    padding-bottom: 4px;
    display: block
}

div.permisos ul {
    margin: 0 0 27px;
    padding-top: 4px;
    display: inline-block;
    border-bottom: #DDD solid 1px;
    border-right: #DDD solid 1px;
    border-left: #DDD solid 1px;
    width: 912px
}

div.permisos h5.header input {
    margin-right: 7px;
    vertical-align: bottom
}

div.permisos li input {
    width: auto;
    position: relative;
    top: 4px;
    margin-right: 7px
}

div.permisos li {
    margin: 0 0px 8px 4px;
    float: left;
    width: 293px;
    /*white-space: nowrap;*/
}

tr td.leido a {
    text-indent: -5000px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 3px
}

tr td.leido p {
    display: none
}

tr.sinleer {
    background-color: #FFEFFF
}

tr.selected {
    background-color: #004b93 !important
}

tr.selected a {
    color: #FFF !important
}

tr.sinleer td.leido a {
    background: url(../img/sin-leer.png) no-repeat 0 1px;
    width: 20px;
    height: 13px
}

tr.sinleer td.leido a:hover {
    background-position: 0 -12px
}

td.leido a {
    background: url(../img/leido.png) no-repeat;
    width: 20px;
    height: 17px
}

tr td.leido a:hover {
    background-position: 0 -17px
}

div.bandeja {
    margin: 20px 0;
}

div.bandeja div.scroll-pane {
    height: 100%;
}

div.bandeja table {
    width: 100%
}

div.bandeja span {
    font-weight: bold;
    margin-right: 40px;
    color: #333
}

div.bandeja div.cabecera {
    padding: 15px 0 20px 18px;
    height: 14px;
    margin: 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border: 1px solid #E1E1E1;
    border-bottom: none
}

div.bandeja div.cabecera label {
    font-weight: bold;
    display: inline-block;
    color: #333;
    vertical-align: top
}

div.bandeja div.footer {
    padding: 12px 0 0 10px
}

div.bandeja div.footer a.eliminar {
    padding-left: 23px;
    height: 18px;
    display: block;
    font-weight: bold;
    color: #555
}

div.bandeja div.filas {
    height: 200px;
    padding: 0 8px 15px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border: 1px solid #E1E1E1;
    border-top: none
}

div.bandeja.mensaje div.filas {
    height: 80px
}

div.bandeja div.filas tbody tr {
    cursor: default
}

div.bandeja.mensaje div.cabecera label {
    font-weight: normal;
    margin-right: 5px;
    margin-bottom: 3px
}

div.bandeja.mensaje div.cabecera,
div.bandeja.mensaje div.filas {
    padding: 15px 20px 20px;
}

div.box div.botonera {
    padding-top: 10px
}

div.box textarea.big {
    width: 730px;
    height: 240px
}

div.box.metodos_pago h4 {
    float: left;
    display: inline-block
}

div.botonera label {
    margin-right: 8px
}

div.chart {
    margin: 20px 0;
    border: #EFEFEF 1px solid;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

div.chart div div.graph {
    float: left;
    width: 50%;
    margin: 10px 0 10px 0px
}

div.chart div.graph.loading {
    background: url(../img/ajax-loader-white.gif) no-repeat center center;
}

div.navigator {
    border-bottom: #B7B7B7 2px solid;
    margin: 20px 4px 40px;
    padding: 0 0;
    font-size: 10px
}

div.navigator ul {
    margin-left: 16px
}

div.navigator ul li {
    float: left
}

div.navigator ul li a {
    /*
	color:#FFF;
	text-transform:uppercase;
	display:block;
	padding:12px 14px;
	*/
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    min-width: 90px;
    padding: 6px 6px 4px 6px;
    display: inline-block;
    text-align: center;
    border-top: #E1E1E1 1px solid;
    border-left: #E1E1E1 1px solid;
    border-right: #E1E1E1 1px solid;
    color: #333333;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0.1em
}

div.navigator ul li.selected a {
    background-color: #B7B7B7
}

div.navigator ul li:hover a {
    background-color: #E1E1E1
}

div.navigation div.pane {
    width: 774px
}

div#confirmar-deposito p.message,
div#confirmar-cheque p.message {
    background: url(../img/caja.png) no-repeat;
    padding-left: 60px
}

/*
.error{
	color:#FF0000!important
}
*/

input.error,
select.error,
textarea.error {
    color: #FFF !important;
    background-color: #FF0000;
    font-weight: bolder
}

div.mensaje div.texto a {
    color: #004b93;
    font-weight: bold
}

div.tabpanel div.tab tbody tr.Cancelado td
/*, div.tab tbody tr.estado4 td, div.tab tbody tr.estado3 td*/

    {
    color: #DDD;
}

div#nuevosmensajes {
    width: 300px;
    height: 120px;
    background-color: #FCFED6;
    position: fixed;
    right: 0;
    bottom: 0;
    display: none;
    border: #ccc 1px solid
}

div#nuevosmensajes div {
    margin: 30px 0 0 15px
}

div.box div.info.nuevopago ul li {
    height: auto
}

div.box div.info.nuevopago form {
    display: none
}

.green,
.green * {
    color: #28AE65 !important;
    font-weight: bold !important
}

.yellow,
.yellow * {
    color: #ffc107 !important;
    font-weight: bold !important
}

.blue,
.blue * {
    color: #004b93 !important;
    font-weight: bold !important
}

.gray,
.gray * {
    color: gray !important;
    font-weight: bold !important
}

.red,
.red * {
    color: #FF0000 !important;
    font-weight: bold !important
}

.black {
    font-weight: bold !important;
    color: black !important;
}

div.ui-dialog-buttonpane {
    position: relative
}

div.ui-dialog-buttonpane div.loading {
    background: url(../img/ajax-loader.gif) left 3px no-repeat !important;
    position: absolute;
    padding: 16px 0 0 50px;
    height: 100%;
    top: 0;
    left: 20px
}

input.spinner {
    -moz-border-radius: 6px 0 0 6px !important;
    -webkit-border-radius: 6px 0 0 6px !important;
    padding-right: 4px !important
}

div.box div.body p {
    color: #777;
    margin-bottom: 20px;
    font-weight: bold
}

div.chart h5 {
    color: #FFF;
    font-size: 10px;
    margin-bottom: 5px;
    background-color: #004b93;
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    padding: 6px 8px
}

div.chart ul.chart-options,
div.chart ul.chart-group {
    margin: 10px 0 22px 12px
}

div.chart ul.chart-options input,
div.chart ul.chartjs-options input {
    width: auto;
    vertical-align: bottom;
    margin-right: 2px
}

div.chart ul.chart-options li,
div.chart ul.chartjs-options li {
    margin-right: 16px
}

div.chart ul.chart-options li label,
div.chart ul.chart-group li label,
div.chart ul.chartjs-options li label {
    color: #333;
    font-weight: bold
}

div.reportes {
    border-top: #004B93 5px solid;
    margin: 0 10px
}

div.listado thead th.top1 {
    border-bottom: #999 3px solid;
    padding-top: 0px;
    padding-bottom: 24px;
}

div.listado thead th.top1 li {
    border-right: #ECECEC 1px solid;
    padding: 20px 17px 20px 0;
    margin-right: 17px;
    height: 20px
}

div.listado thead th.top1 ul {
    width: 100%
}

div.listado thead th.top1 li:last-child {
    float: right;
    border: none;
    width: auto;
    padding-right: 0;
    margin-right: 0
}

div.listado thead th.top1 li:last-child select {
    margin-left: 8px
}

div.listado thead th.top1 li strong {
    font-size: 16px;
    color: #777
}

div.listado thead th.top1 li span {
    font-size: 16px;
    margin-left: 10px
}

div.listado thead th.top1 li.fecha strong {
    display: inline-block;
    width: 60px
}

div.listado thead th.top {
    border-bottom: #999 3px solid;
    padding-top: 4px;
    padding-bottom: 4px;
}

div.listado thead th.top li {
    border-right: #ECECEC 1px solid;
    padding: 15px 17px 30px 0;
    margin-right: 17px;
    height: 20px
}

div.listado thead th.top ul {
    width: 100%
}

div.listado thead th.top li:last-child {
    float: right;
    border: none;
    width: auto;
    padding-right: 0;
    margin-right: 0
}

div.listado thead th.top li:last-child select {
    margin-left: 8px
}

div.listado thead th.top li strong {
    font-size: 16px;
    color: #777
}

div.listado thead th.top li span {
    font-size: 16px;
    margin-left: 10px
}

div.listado thead th.top li.fecha strong {
    display: inline-block;
    width: 60px
}

ul.chart-group {
    float: right
}

ul.chart-group li {
    float: left;
    margin-right: 12px
}

ul.chart-group li input {
    vertical-align: top;
    margin: 0 4px 0 0
}

ul.dashboard {
    margin: 15px 0 0 18px
}

ul.dashboard li {
    width: 207px;
    height: 188px;
    /*border:#E1E1E1 1px solid;*/
    position: relative;
    /*border-radius:8p;*/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    float: left;
    background-color: #FFF;
    margin: 0 24px 24px 0;
    cursor: move;
    background-clip: border-box;
    border: 1px solid rgba(26, 54, 126, 0.125);
    border-radius: .25rem;
    -webkit-box-shadow: 10px 10px 34px -21px rgba(171, 164, 171, 1);
    -moz-box-shadow: 10px 10px 34px -21px rgba(171, 164, 171, 1);
    box-shadow: 10px 10px 34px -21px rgba(171, 164, 171, 1);
}

ul.dashboard li:hover {
    /*border:#CCC 1px solid;*/
    -webkit-box-shadow: 15px 15px 60px -21px rgba(84, 82, 82, 1);
    -moz-box-shadow: 15px 15px 60px -21px rgba(84, 82, 82, 1);
    box-shadow: 15px 15px 60px -21px rgba(84, 82, 82, 1);
}

ul.dashboard li:hover a.bottom {
    /*background-color:#E1E1E1;
	color:#333;
	text-shadow:0.1em 0.1em 0.2em #999;*/
}

ul.dashboard li a {
    cursor: pointer
}

ul.dashboard li.old-dash div {
    height: 159px;
    padding: 35px 5px
}

ul.dashboard li a:hover span,
ul.dashboard li a.bottom:hover {
    text-decoration: underline
}

ul.dashboard li a.bottom {
    height: 23px;
    /*text-transform:uppercase;*/
    position: absolute;
    bottom: 0;
    /*background-color:#004b93;*/
    /*border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;*/
    color: #333;
    width: 202px;
    text-align: right;
    /*text-shadow:0.1em 0.1em 0.2em #444;*/
    padding: 6px 8px 0 0;
    opacity: .8;
}

ul.dashboard li.old-dash div a {
    display: table-cell;
    padding: 10px 0 0 66px;
    color: #333
}

/*ul.dashboard li.big-number div a,ul.dashboard li.sin-icono div a{
    display:table-cell;
    color:#333;
    width: 200px;
    height: 40px;
}*/

ul.dashboard li div.row.title {
    height: 67px;
}

ul.dashboard li div a,
.dasboard-section a {
    color: black;
    opacity: .8;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

ul.dashboard li div a.title {
    display: table-cell;
    width: 200px;
    height: 40px;
    line-height: 1.5;
    font-size: 12px;
    font-weight: bold;
}

ul.dashboard li div a.big-number {
    line-height: 1.5;
    font-size: 40px;
    display: block;
    text-align: right;
    font-weight: 700;
    font-size: 57px;
    padding-right: 12px;
}


ul.dashboard li div a.md-number {
    line-height: 1.5;
    font-size: 40px;
    display: block;
    text-align: right;
    font-weight: 700;
    font-size: 22px;
    padding-right: 12px;
    padding-top: 33px;
}

ul.dashboard li div a.number {
    font-size: 23px;
    font-weight: 700;
    width: 53px;
    text-align: right;
    display: table-cell;
    padding-left: 12px;
}

ul.dashboard li div a.number.small {
    width: 30px;
}

ul.dashboard li div a.number.md {
    font-size: 19px;
}

ul.dashboard li div a.text {
    font-size: 12px;
    display: table-cell;
    padding-left: 8px;
}

ul.dashboard li div.half {
    width: 50%;
    float: left;
    margin-bottom: 8px;
}

ul.dashboard li div.row.title a.title {
    padding-left: 55px;
    padding-top: 10px;
    padding-right: 5px;
}

ul.dashboard li.dash-w-2 {
    width: 440px !important;
}

ul.dashboard li.dash-w-4 {
    width: 880px !important;
}

ul.dashboard li.dash-h-2 {
    height: 406px;
}

ul.dashboard li div.row.title.small {
    height: auto;
}

ul.dashboard li div.row.item {
    /*display: flex;*/
    align-items: baseline;
}

.elipsis-2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 345px;
}

ul.dashboard li div.button {
    text-align: right;
}

ul.dashboard li div.button a {
    padding-right: 20px;
    font-weight: 700;
}

ul.dashboard li div.chart {
    border: none;
    margin: 0;
}

ul.dashboard li.border-success div.button a {
    display: none;
}

canvas.dash-charts {
    margin: 0 auto;
}

ul.dashboard li:not(.sin-icono) div a strong {
    font-size: 30px;
    display: block
}

ul.dashboard div.row {
    padding: 0 !important;
}

.dasboard-section {
    border-bottom: 3px solid #ccc;
}

.dasboard-section a {
    font-size: 20px;
    font-weight: 700;
}

ul.dashboard li#presupuestos div a strong {
    font-size: 12px;
    display: block
}

ul.dashboard li#morosos div a strong {
    font-size: 12px;
    display: block
}

ul.dashboard li.old-dash div a span {
    font-size: 14px;
    font-weight: bold
}

.border-danger {
    border-bottom: 5px solid #d92550 !important;
    margin: 0 19px 24px 0 !important;
}

.border-success {
    border-bottom: 5px solid #3ac47d !important;
    margin: 0 19px 24px 0 !important;
}

.border-warning {
    border-bottom: 5px solid #f7b924 !important;
    margin: 0 19px 24px 0 !important;
}

.border-demasled {
    border-bottom: 5px solid #004B93 !important;
    margin: 0 19px 24px 0 !important;
}

.text-danger {
    color: #d92550 !important;
}

.text-success {
    color: #3ac47d !important;
}

.text-demasled {
    color: #004B93 !important;
}

.text-warning {
    color: #f7b924 !important;
}

.border-left-danger {
    border-left: 5px solid #d92550 !important;
}

.border-left-success {
    border-left: 5px solid #3ac47d !important;
}

.border-left-warning {
    border-left: 5px solid #f7b924 !important;
}

.border-left-demasled {
    border-left: 5px solid #004B93 !important;
}

ul.dashboard li#mensajes div a {
    background: url(../img/dashboard-mensajes.gif) left 0px no-repeat;
    height: 80px
}

ul.dashboard li#ventaslocales div a {
    background: url(../img/dashboard-ventaslocales.gif) left 0px no-repeat;
    height: 105px;
    padding-left: 100px;
}

ul.dashboard li#ventasweb div a {
    background: url(../img/dashboard-ventaslocales.gif) left 0px no-repeat;
    height: 105px;
    padding-left: 100px;
}

ul.dashboard li#ventascancelables div a {
    background: url(../img/dashboard-ventascancelables.gif) left 0px no-repeat;
    height: 105px;
    padding-left: 100px;
}

ul.dashboard li#atributos-productos {
    background: url(../img/dashboard-atributos-productos.png) left 0px no-repeat;
}

ul.dashboard li#mercadolibre-entrega {
    background: url(../img/dashboard-mercadolibre-entrega.png) left 0px no-repeat;
}

ul.dashboard li#entregas-tipo-entrega {
    background: url(../img/dashboard-entregas-tipo-entrega.png) left 0px no-repeat;
}

ul.dashboard li#stock-bloqueado {
    background: url(../img/dashboard-stock-bloqueado.png) left 0px no-repeat;
}

ul.dashboard li#mercadolibre-armado {
    background: url(../img/dashboard-mercadolibre-armado.png) left 0px no-repeat;
}

ul.dashboard li#transferencias-pendientes {
    background: url(../img/dashboard-transferencias-pendientes.png) left 0px no-repeat;
}

ul.dashboard li#canceladas-desarmar {
    background: url(../img/dashboard-canceladas-desarmar.png) left 0px no-repeat;
}

ul.dashboard li#transferir-mercadofull {
    background: url(../img/dashboard-transferir-mercadofull.png) left 0px no-repeat;
}

ul.dashboard li#esperandopago-mercadopago {
    background: url(../img/dashboard-esperandopago-mercadopago.png) left 0px no-repeat;
}

ul.dashboard li#ventas-canceladas {
    background: url(../img/dashboard-ventas-canceladas.png) left 0px no-repeat;
}

ul.dashboard li#ventas-modificadas {
    background: url(../img/dashboard-ventas-modificadas.png) left 0px no-repeat;
}

ul.dashboard li#ventas-para-armar {
    background: url(../img/dashboard-ventas-para-armar.png) left 0px no-repeat;
}

ul.dashboard li#ventas-validacion-precios {
    background: url(../img/dashboard-ventas-validacion-precios.png) left 0px no-repeat;
}

ul.dashboard li#ventas-sin-guia {
    background: url(../img/dashboard-ventas-sin-guia.png) left 0px no-repeat;
}

ul.dashboard li#canceladas div a {
    background: url(../img/dashboard-canceladas.gif) left 0px no-repeat;
    height: 95px;
    padding-left: 94px;
}

ul.dashboard li#faltante div a {
    background: url(../img/dashboard-faltante.gif) left 0px no-repeat;
    height: 90px;
    padding-left: 73px;
}

ul.dashboard li#pendiente div a {
    background: url(../img/dashboard-requeridas.gif) left 0px no-repeat;
    height: 100px;
    padding-left: 63px;
}

ul.dashboard li#autorizacion_entrega div a {
    background: url(../img/dashboard-autorizaciones-entrega.gif) left 0px no-repeat;
    height: 94px;
    padding-left: 79px;
}

ul.dashboard li#autorizacion_stock div a {
    background: url(../img/dashboard-autorizaciones-stock.gif) left 0px no-repeat;
    height: 94px;
    padding-left: 79px;
}

ul.dashboard li#saldo div a {
    background: url(../img/dashboard-saldo.gif) left 0px no-repeat;
    height: 92px;
    padding-left: 91px;
}

ul.dashboard li#morosos div a {
    background: url(../img/dashboard-saldo.gif) left 0px no-repeat;
    height: 94px;
    padding-left: 90px;
}

ul.dashboard li#caja div a {
    background: url(../img/dashboard-caja.gif) left 0px no-repeat;
    height: 92px;
    padding-left: 82px;
}

ul.dashboard li#clientes div a {
    background: url(../img/dashboard-clientes.gif) left 0px no-repeat;
    height: 94px;
    padding-left: 92px;
}

ul.dashboard li#ventas_stock div a {
    background: url(../img/dashboard-ventas-stock.gif) left 0px no-repeat;
    height: 94px;
    padding-left: 83px;
}

ul.dashboard li#ventas_armado div a {
    background: url(../img/dashboard-armar.gif) left 0px no-repeat;
    height: 94px;
    padding-left: 85px;
}

ul.dashboard li#ventas_entrega div a {
    background: url(../img/dashboard-entregar.gif) left 0px no-repeat;
    height: 94px;
    padding-left: 83px;
}

ul.dashboard li#ventasdescuento div a {
    background: url(../img/dashboard-ventaslocales.gif) left 0px no-repeat;
    height: 94px;
    padding-left: 95px;
}

ul.dashboard li#presupuestos div a {
    background: url(../img/dashboard-presupuestos.gif) left 0px no-repeat;
    height: 94px;
    padding-left: 65px;
}

div.bienvenido {
    float: left;
    margin-top: 27px
}

div.bienvenido h1 {
    font-size: 16px
}

div.bienvenido h1,
div.bienvenido h3 {
    float: none;
    display: block
}

div.bienvenido h3 {
    font-size: 11px;
    color: #666;
    margin-top: 4px
}

div#clima {
    display: table;
    float: right
}

div#clima table,
div#clima {
    width: auto
}

div#clima table tr td {
    border: 0;
    padding: 0
}

div#clima table tr td:first-child {
    padding-right: 20px
}

div#clima table tr td strong {
    font-size: 34px;
    margin-bottom: 6px;
    /*
	text-shadow:0.1em 0.1em 0.2em #666
	*/
}

div#clima h2 {
    padding: 0;
    height: 0
}

div#clima table tr td span {
    display: block;
}

div#clima table tr td:first-child span {
    position: relative;
    top: 5px
}

a.grey.imprimir {
    cursor: text;
    color: #AAA;
    text-decoration: none
}

/* PROVEEDORES */

a.nuevoproveedor {
    background: url(../img/nuevocliente.png) no-repeat;
    width: 20px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 8px;
    cursor: pointer
}

a.nuevoproveedor:hover {
    background-position: 0 -18px
}

/***DEVOLUCIONES***/

div.devolucion {
    /*width: 670px;*/
    width: 70%;
    float: left
}

div.devolucion input#tieneiva {
    margin: 2px 4px 0 0;
    vertical-align: middle;
    width: auto;
}

div.devolucion input#reemplazo {
    margin: 2px 4px 0 0;
    vertical-align: middle;
    width: auto;
}

div.devolucion label.reemplazo {
    width: auto !important;
    vertical-align: middle;
}

div.box.devolucion div.form li label.iva {
    width: 154px;
    vertical-align: middle;
}

/***FIN DEVOLUCIONES***/

a.cargarnroguia span,
a.cargarnroembarque span,
a.cargarcodigoentrega span {
    display: none
}

a.comentar-cliente span {
    display: none
}

a.comentar-cliente-venta span {
    display: none
}

.warning_cliente {
    display: none
}

.boton.edit {
    background: url(../../img/edit.png) no-repeat 0px 3px;
    width: 18px;
    height: 9px;
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    margin-top: 0px;
}

a.duplicardireccionfacturacion {
    background: url(../img/duplicate.png) no-repeat;
    width: 18px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 8px;
    cursor: pointer
}

a.duplicardireccionfacturacion:hover {
    background-position: 0 -18px
}

a.editarcliente,
a.editardireccion,
a.editarproveedor,
a.editardireccionfacturacion {
    background: url(../img/edit.png) no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 9px;
    cursor: pointer;
}

a.agregardireccion,
a.agregardireccionfacturacion,
a.agregarreferencia {
    width: 14px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 10px;
    cursor: pointer;
}

a.icono-entrega {
    display: inline-block;
    position: relative;
    left: 8px;
    margin-right: 20px;
}

li.centrar {
    display: flex;
}

li.centrar>input,
li.centrar>label {
    margin-bottom: auto !important;
    margin-top: auto !important;
}

li.centrar>input[type=checkbox] {
    margin-right: 4px;
}

.agendar_entrega {
    margin-right: 5px !important;
}

li.agendar_entrega .dtp_main {
    margin-right: 10px;
    border: none !important;
}

a.editarcliente:hover,
a.editardireccion:hover,
a.editarproveedor:hover {
    background-position: 0 -18px
}

td.acciones a.asignarmovimientobancario,
a.seleccionarcliente {
    background: url(../img/nuevocliente.png) no-repeat;
    width: 20px;
    height: 17px;
}

td.acciones a.asignarmovimientobancario:hover,
a.seleccionarcliente:hover {
    background-position: 0 -18px;
}

td.acciones a.revisarcheque {
    background: url(../img/ver-autorizacion.png) no-repeat;
    width: 21px;
    height: 17px
}

td.acciones a.revisarcheque:hover {
    background-position: 0 -18px
}

td.acciones a.asignarcheque {
    background: url(../img/nuevocliente.png) no-repeat;
    width: 20px;
    height: 17px !important;
}

td.acciones a.asignarcheque:hover {
    background-position: 0 -18px;
}

td.acciones a.asignarchequecompra {
    background: url(../img/nuevocliente.png) no-repeat;
    width: 20px;
    height: 17px !important;
}

td.acciones a.asignarchequecompra:hover {
    background-position: 0 -18px;
}

td.acciones a.asignarchequecompra_afactura {
    background: url(../img/nuevocliente.png) no-repeat;
    width: 20px;
    height: 17px !important;
}

td.acciones a.asignarchequecompra_afactura:hover {
    background-position: 0 -18px;
}

td.acciones a.asignarchequemercaderia {
    background: url(../img/nuevocliente.png) no-repeat;
    width: 20px;
    height: 17px !important;
}

td.acciones a.asignarchequemercaderia:hover {
    background-position: 0 -18px;
}

td.acciones a.asignarchequemercaderia_afactura {
    background: url(../img/nuevocliente.png) no-repeat;
    width: 20px;
    height: 17px !important;
}

td.acciones a.asignarchequemercaderia_afactura:hover {
    background-position: 0 -18px;
}

td.acciones a.depositarcheque {
    background: url(../img/deposito.png) no-repeat;
    width: 23px;
    height: 20px
}

td.acciones a.depositarcheque:hover {
    background-position: 0 -25px;
}

td.acciones a.rechazarcheque {
    background: url(../img/cancelar-deposito.png) no-repeat;
    width: 17px;
    height: 17px
}

td.acciones a.rechazarcheque:hover {
    background-position: 0 -19px;
}

a.desasignarcheque {
    background: url(../img/cancelar-deposito.png) no-repeat;
    width: 17px;
    height: 17px;
    margin-left: 10px;
    display: inline-block;
}

a.desasignarcheque:hover {
    background-position: 0 -19px;
}

td.acciones a.acreditarcheque {
    background: url(../img/confirmar-deposito.png) no-repeat;
    width: 17px;
    height: 17px
}

td.acciones a.acreditarcheque:hover {
    background-position: 0 -19px;
}

.cb-row {
    margin: 10px;
    clear: both;
    overflow: hidden;
}

.cb-row label {
    float: left;
    margin-left: 10px;
    white-space: nowrap;
}

.cb-row input {
    float: left;
}

td.acciones a.acreditarTarjetaCredito {
    background: url(../img/confirmar-deposito.png) no-repeat;
    width: 17px;
    height: 17px
}

td.acciones a.acreditarTarjetaCredito:hover {
    background-position: 0 -19px
}

a.acreditarSeleccionadosCredito,
a.acreditarSeleccionadosDebito {
    background: url(../img/acreditar-todos.gif) no-repeat;
    padding-left: 22px;
    width: 130px;
    height: 17px
}

a.acreditarTodosCredito,
a.acreditarTodosDebito {
    background: url(../img/acreditar-todos.gif) no-repeat;
    padding-left: 22px;
    width: 87px;
    height: 17px
}


a.ver_cheques {
    background: url(../img/acreditar-todos.gif) no-repeat;
    width: 87px;
    height: 17px

}

a.generar_link_pago {
    background: url(../img/acreditar-todos.gif) no-repeat;
    padding-left: 20px;
}



td.acciones a.rechazarTarjetaCredito {
    background: url(../img/cancelar-deposito.png) no-repeat;
    width: 17px;
    height: 17px
}

td.acciones a.rechazarTarjetaCredito:hover {
    background-position: 0 -19px;
}

td.acciones a.acreditarTarjetaDebito {
    background: url(../img/confirmar-deposito.png) no-repeat;
    width: 17px;
    height: 17px
}

td.acciones a.acreditarTarjetaDebito:hover {
    background-position: 0 -19px
}

td.acciones a.rechazarTarjetaDebito {
    background: url(../img/cancelar-deposito.png) no-repeat;
    width: 17px;
    height: 17px
}

td.acciones a.rechazarTarjetaDebito:hover {
    background-position: 0 -19px;
}

.comentarios-balance span {
    display: none;
}

a.alerta {
    background: url(../img/alerta.png) no-repeat;
    display: block;
    width: 10px;
    height: 20px;
}

input.timespinner {
    width: 45px !important;
}

/** start jquery.screenshotPreview.js **/

#screenshot {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
}

#screenshot img {
    width: 200px;
}

/** end jquery.screenshotPreview.js **/

a.nuevocertificado {
    background: url(../img/nuevocliente.png) no-repeat;
    width: 20px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 8px;
    cursor: pointer
}

a.nuevocertificado:hover {
    background-position: 0 -18px
}

td.acciones a.usuario-alertas-ventasweb-eliminar {
    width: 17px;
    height: 17px;
    background: url(../img/delete.png) no-repeat
}

td.acciones a.configuraciones-pago-web-categorias-eliminar {
    width: 17px;
    height: 17px;
    background: url(../img/delete.png) no-repeat
}

a.imprimir-recibo-listado,
a.imprimir-recibo {
    background: url(../img/print.gif) no-repeat;
    padding-left: 20px
}

td.acciones a.acreditarpagoelectronico {
    background: url(../img/confirmar-deposito.png) no-repeat;
    width: 17px;
    height: 17px
}

td.acciones a.acreditarpagoelectronico:hover {
    background-position: 0 -19px
}

td.acciones a.rechazarpagoelectronico,
td.acciones a.rechazo {
    background: url(../img/cancelar-deposito.png) no-repeat;
    width: 17px;
    height: 17px
}

td.acciones a.rechazarpagoelectronico:hover {
    background-position: 0 -19px;
}

td.acciones a.detalle-ventas {
    background: url(../img/arrow_down.gif) no-repeat;
    background-size: 13px;
    background-position-y: 4px;
    background-position-x: 2px;
}

a.detalle-ventas,
a.detalle-devolucion {
    background: url(../img/ver.png) no-repeat;
    width: 18px;
    height: 17px;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle
}

a.detalle-estadisticas-ventas,
a.detalle-estadisticas-entregas,
a.detalle-historial-control,
a.detalle-estadisticas-devolucion {
    background: url(../img/ver.png) no-repeat;
    width: 18px;
    height: 17px;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle
}

a.exportar-detalle-estadisticas-ventas {
    background: url(../img/excel.gif) no-repeat;
    /* 	padding-left:22px */
    width: 22px;
    height: 24px;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle
}

div.form ul li span.help-block {
    margin-left: 170px;
    display: block;
}

input.codigo_descuento {
    text-transform: uppercase;
}

h2.fa-heading-title {
    padding-left: 0px !important;
}

a.js-product-image-popup {
    position: relative;
}

a.js-product-image-popup.no-image span {
    color: #bf0000;
}

.product-image-popup {
    position: absolute;
    top: 0;
    left: 20px;
    width: 200px;
    height: 200px;
    border: solid 1px #000;
}

.product-image-popup img {
    max-width: 100%;
    max-height: 100%;
}

a.js-cheque-image-popup {
    position: relative;
}

a.js-cheque-image-popup.no-image span {
    color: #bf0000;
}

.cheque-image-popup {
    position: absolute;
    top: 0;
    left: 20px;
    width: 640px;
    height: 280px;
}

.cheque-image-popup img {
    max-width: 100%;
    max-height: 100%;
}

a.js-config-image-popup {
    position: relative;
}

a.js-config-image-popup.no-image span {
    color: #bf0000;
}

.config-image-popup {
    position: absolute;
    top: 0;
    left: 20px;
    width: 400px;
    height: 400px;
    border: solid 1px #000;
}

.config-image-popup img {
    max-width: 100%;
    max-height: 100%;
}

a.js-permiso-image-popup {
    position: relative;
}

a.js-permiso-image-popup.no-image span {
    color: #bf0000;
}

.permiso-image-popup {
    position: absolute;
    top: 0;
    left: 20px;
    width: 400px;
    height: 400px;
    border: solid 1px #000;
}

.permiso-image-popup img {
    max-width: 100%;
    max-height: 100%;
}

input[name=codigo] {
    text-transform: lowercase;
}

.help-block.modern {
    font-size: 13px;
}

.help-block.warn {
    color: #bfa30c;
}

.help-block.error {
    color: #bf0000;
}

a.enviar {
    background: url(../img/icon-mensajes.gif) no-repeat center left;
    padding-left: 20px;
}

div.dialog#nuevo-cliente div.box div.form li label,
div.dialog#editar-cliente div.box div.form li label {
    width: 100px;
}

.hide {
    display: none;
}

#distribuir-stock tbody select.deposito-destino,
#verificar-distribuir-stock tbody select.deposito-destino {
    width: 100%;
}

a.detallestock {
    color: rgb(0, 75, 147);
}

a.detallestock:hover {
    color: rgb(183, 183, 183);
}

tr.detallestock,
tr.detallestockcombo {
    display: none;
}

tr.detallestock td .contenido,
tr.detallestockcombo td .contenido {
    background: #fff;
}

tr.detallestock.mostrar,
tr.detallestockcombo.mostrar {
    display: none;
}

td.acciones a.arribo-mercaderia {
    background: url(../img/entregar-todo.png) 0 -1px no-repeat;
    width: 23px;
    height: 20px
}

div.box div.agregar+fieldset.filtros_deposito {
    margin-top: -30px;
    /*border: solid 1px #ddd;*/
    border: none;
    background: #eee;
    padding: 0;
}

div.box div.agregar+fieldset.filtros_deposito+em {
    display: block;
    border-top: solid 1px #fff;
    background: #ddd;
    margin: 0 2px 15px 2px !important;
    padding: 5px 20px !important;
}

fieldset.filtros_deposito {}

fieldset.filtros_deposito legend {
    color: #999;
    text-shadow: 1px 1px 0px #eee;
    text-transform: capitalize;
    background: #eee;
    padding: 2px 7px;
    border-radius: 3px 3px 0 0;
}

fieldset.filtros_deposito legend {
    color: #444;
    /*text-shadow: 1px 1px 0px #aaa, 0px 0px 1px #888;*/
    text-transform: capitalize;
}

fieldset.filtros_deposito ul {
    display: inline-block;
}

fieldset.filtros_deposito ul li {
    float: left;
}

fieldset.filtros_deposito ul li:hover {
    background: #555;
    color: #fff;
    cursor: pointer;
}

fieldset.filtros_deposito ul li:hover * {
    cursor: pointer;
}

fieldset.filtros_deposito ul li label {
    position: relative;
    display: inline-block;
    top: 1px;
    padding: 10px;
}

fieldset.filtros_deposito ul li:hover label {
    color: #fff;
}

fieldset.filtros_deposito input[type=radio] {
    width: auto;
    float: left;
    margin-left: 7px;
    margin-right: 3px;
}

#agregar-producto.dialog {
    position: relative;
}

#agregar-producto.dialog .loading-container,
#agregar-producto-consignacion.dialog .loading-container,
#agregar-producto-combo.dialog .loading-container,
#agregar-reemplazo-devolucion.dialog .loading-container {
    position: absolute;
    right: 36px;
    top: 25px;
    display: none;
}

span.armada {
    background: url(../img/armar-todo.png) 0 0 no-repeat;
    width: 23px;
    height: 20px;
    display: inline-block;
}

#transferencia-reservas select[disabled] {
    background: #eee;
    color: #aaa;
}

#transferencia-reservas tbody td {
    vertical-align: initial;
}

#transferencia-reservas span.armada {
    position: relative;
    top: 5px;
}

#transferencia-reservas span.armada.parcial {
    background-image: url("../img/armar-parcial.png");
}

span.muted {
    color: #666;
}

#transferencia-reservas .nota {
    background-color: #ddd;
    padding: 7px 5px;
    border-radius: 5px;
    margin-left: -5px;
}

td.acciones a.devolver {
    background: url(../img/stockencamino.png) no-repeat;
    width: 20px;
    height: 17px
}

td.acciones a.devolver:hover {
    background-position: 0px -18px;
}

.dsys-error {
    background: #FFE8E8;
    border: solid 1px #B96C6C;
    color: #B96C6C;
    margin: 10px;
    padding: 10px;
    font-size: 13px;
}

.dsys-success {
    background: #d4edda;
    border: solid 1px #51c16a;
    color: #51c16a;
    margin: 10px;
    padding: 10px;
    font-size: 13px;
}

.dsys-error .title {
    font-size: 15px;
}

.dsys-success .title {
    font-size: 15px;
}

div.botones a.rojo,
a.boton.rojo,
div.botonera a.rojo {
    background-color: #A20000;
}

.dialog .controles {}

.dialog .controles a {
    text-decoration: underline;
}

.dialog .controles a:hover {
    text-decoration: none;
}

tr.detallestock h3,
tr.detallestockcombo h3 {
    margin: 0 0 5px;
}

.contenido.gruposproductos #productos-activos,
.contenido.gruposproductos #productos-inactivos {
    border: solid 2px #DDD;
    background: #FFF;
    min-height: 25px;
    padding: 2px 0 0 2px;
}

#tabla-transferencias .ui-spinner-button {
    height: 11px !important;
}

#tabla-transferencias .ui-spinner-down .ui-icon {
    background-position: -65px -18px;
}

div.box.venta div.info ul li {
    width: 30%;
}

th.acciones {
    text-align: right
}

th.acciones a {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle
}

th.acciones a.armar {
    background: url(../img/armar-todo.png) 0 0 no-repeat;
    width: 23px;
    height: 20px;
    /*display:none;*/
}

th.acciones a.autorizar-entrega,
th.acciones a.autorizar-modificacion {
    background: url(../img/ok.png) 0 0 no-repeat;
    width: 23px;
    height: 20px;
    /*display:none;*/
}

th.acciones a.autorizar-retirarsinpagar {
    background: url(../img/ok.png) 0 0 no-repeat;
    width: 23px;
    height: 20px;
    /*display:none;*/
}

th.acciones a.autorizar-descuento {
    background: url(../img/ok.png) 0 0 no-repeat;
    width: 23px;
    height: 20px;
    /* display: none; */
}

a.verificar_venta_cancelada {
    background: url(../img/ok.png) 0 0 no-repeat;
    width: 23px;
    height: 20px;
    display: inline-block;
}

th.acciones a.rechazar-entrega,
th.acciones a.rechazar-modificacion {
    background: url(../img/b_drop.png) 0 0 no-repeat;
    width: 23px;
    height: 20px;
    /*display:none;*/
}

th.acciones a.rechazar-descuento {
    background: url(../img/b_drop.png) 0 0 no-repeat;
    width: 23px;
    height: 20px;
    /*display:none;*/
}

th.acciones a.rechazar-retirarsinpagar {
    background: url(../img/b_drop.png) 0 0 no-repeat;
    width: 23px;
    height: 20px;
    /*display:none;*/
}

td.acciones a.rechazar-entrega {
    background: url(../img/b_drop.png) 0 0 no-repeat;
    width: 23px;
    height: 20px;
    /*display:none;*/
}

th.acciones a.armar:hover {
    background-position: 0 -25px
}

th.acciones a.entregar {
    background: url(../img/entregar-todo.png) 0 -1px no-repeat;
    width: 23px;
    height: 20px;
    /*display:none;*/
}

th.acciones a.entregar2 {
    background: url(../img/entregar-todo2.png) 0 -1px no-repeat;
    width: 23px;
    height: 20px;
    /*display:none;*/
}

th.acciones a.entregar:hover {
    background-position: 0 -22px
}

th.acciones a.anular {
    background: url(../img/delete.png) 0 -1px no-repeat;
    width: 17px;
    height: 17px;
}

th.acciones a.anular:hover {
    background-position: 0 -22px
}

th.acciones a.activar {
    background: url(../img/responder.png) 0 -1px no-repeat;
    width: 17px;
    height: 17px;
}

th.acciones a.activar:hover {
    background-position: 0 -22px
}

td.acciones a.activar {
    width: 17px;
    height: 17px;
    background: url(../img/responder.png) no-repeat
}

td.acciones a.activar:hover {
    background-position: 0 -17px
}

td.acciones a.activar-disabled {
    pointer-events: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../img/responder.png) no-repeat;
    background-position: 0 -18px
}

ul.total_compra {
    padding-top: 15px;
}

ul.total_compra li {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 24px 0 24px;
}

ul.total_compra span {
    margin-left: 10px;
}

td.acciones a.pagarcompra {
    background: url(../img/confirmar-deposito.png) no-repeat;
    width: 17px;
    height: 17px
}

img.recomendacion_ps {
    padding-bottom: 5px;
}

a.recomendacion_ps {
    cursor: pointer;
}

a.packinglistimprimir,
a.historialimp {
    background: url(../img/print.gif) no-repeat;
    padding-left: 20px
}

div.tabs a.canceladas {
    padding-right: 10px;
}

div.tabs img.haycanceladas {
    padding-left: 5px;
}

.colors li {
    margin-bottom: 0px !important;
}

.colors li label {
    width: 80px !important;
}

.colors li>span {
    color: black;
}

.upload-imagen {
    width: 30%;
    float: left;
}

.upload-imagen-text {
    width: 70%;
    float: right;
}

.ordenar-imagenes ul {
    list-style-type: none;
    display: block;
    padding: 0;
    margin-bottom: 10px;
    display: table;
    height: auto;
}

.ordenar-imagenes ul>li {
    float: left;
    width: 100px;
    margin: 5px;
    padding: 5px;
    height: 50px;
    height: auto;
}

.ordenar-imagenes ul>li p.infoImagen {
    margin-bottom: 0;
}

.upload-imagenes-web {
    padding-bottom: 10px;
}

.image-web-border {
    border: 3px solid #00f652;
}

.countable-group {
    display: inline-flex;
}

.countable-group>.countable-input {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-collapse: separate;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(204, 204, 204);
    border-top-left-radius: 8px;
    border-top-right-radius: 0px;
    display: block;
    float: left;
    border: #E1E1E1 1px solid;
}

.countable-group>.countable-number {
    background-color: rgb(238, 238, 238);
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 8px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-collapse: separate;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(85, 85, 85);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(204, 204, 204);
    border-top-left-radius: 0px;
    border-top-right-radius: 8px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    display: block;
    height: 25px;
    /*line-height: 14px;*/
    text-align: center;
    text-size-adjust: 100%;
    vertical-align: middle;
    white-space: nowrap;
    width: 49.6px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: rgb(85, 85, 85);
    margin: 0px !important;
    padding: 4px 12px 3px;
}

.red-light {
    color: #FF0000 !important;
}

div.cargar-imagenes {
    float: left;
    text-align: center;
    width: 30%;
    border: #E1E1E1 3px solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 15px 0px;
    margin: 0px 10px;
    /*height: 280px;*/
    display: grid;
}

div.cargar-imagenes>label {
    height: 18px;
}

div.cargar-imagenes>p {
    height: 20px;
}

div.cargar-imagenes>div.imagen_cargada {
    height: 133px;
}

div.cargar-imagenes>div.cargar_botones {
    height: 84px;
}

.infoImagen {
    line-height: 15px;
}

#tb_documentos_ventas td input {
    width: 70%;
}

#tb_documentos_ventas td a.cambiar_nombre_publico {
    padding-left: 5px;
}

input.multiples-checks {
    margin: 0px 4px 0 0;
    vertical-align: middle;
}

label.multiples-checks {
    width: auto;
    font-weight: normal;
}

.truncate {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pointer {
    cursor: pointer;
}

.underline {
    font-weight: bold;
    text-decoration: underline;
}

.top-yellow {
    vertical-align: top;
    color: #ffa500;
}

a.boton-ligth {
    color: #FFF !important;
    text-transform: none !important;
    padding: 4px 5px !important;
    font-weight: 700 !important;
    font-size: 8px !important;
    ;
}

.badge {
    display: inline-block;
    padding: 2px 5px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.badge-success {
    color: #fff !important;
    background-color: #28a745;
}

.badge-success-ligth {
    color: #fff !important;
    background-color: #28a7458a;
}

.badge-danger {
    color: #fff !important;
    background-color: #dc3545;
}

.badge-primary {
    color: #fff !important;
    background-color: #007bff;
}

.badge-warning {
    color: #fff !important;
    background-color: #ffc107;
}

.badge-warning-ligth {
    color: #fff !important;
    background-color: #ffc1079c;
}

.badge-light {
    color: #fff !important;
    background-color: #aaa;
}

.badge-secondary {
    color: #fff !important;
    background-color: #6c757d;
}

.radio-image {
    display: grid;
    width: 120px;
    margin-right: 10px;
}

.radio-image input {
    width: 120px !important;
    margin-top: 5px;
}

.radio-image img {
    border: 1px gray solid !important;
}

.gray-border {
    border: #E1E1E1 3px solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 15px 10px;
}

.paginas-informacion .cargar_botones li input {
    width: 220px !important;
}

.paginas-informacion div.cargar-imagenes>div.cargar_botones {
    height: auto !important;
}

.bg-red td {
    background-color: #f8d7da !important;
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
}

div.bg-success {
    background-color: #28a745 !important;
}

div.bg-info {
    background-color: #17a2b8 !important;
}

div.bg-warning {
    background-color: #ffc107 !important;
}

div.bg-danger {
    background-color: #dc3545 !important;
}

div.bg-default {
    background-color: #007bff !important;
}

a.bg-success {
    color: #28a745 !important;
}

a.bg-info {
    color: #17a2b8 !important;
}

a.bg-warning {
    color: #ffc107 !important;
}

a.bg-danger {
    color: #dc3545 !important;
}

a.bg-default {
    color: #007bff !important;
}

.es_numero_guia {
    margin-right: 5px;
}

.cabecera label {
    color: #333;
    font-weight: bold;
    font-size: 19px;
}

table.reporte td.total a {
    font-weight: bold;
}

.cabecera span {
    margin-left: 10px;
    color: #666;
    font-size: 12px;
    font-weight: 700;
}

tfoot tr.totales {
    border-top: #999 3px solid;
}

tfoot tr.totales td {
    color: #333;
    background-color: white;
    font-weight: 700;
}

.novedad-body {
    margin: 40px 0;
    font-size: 13px;
    line-height: 1.6;
    word-wrap: break-word;
    color: black;
}

.novedad-body ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.novedad-body p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.novedad.info {
    background-color: #eeeef0;
    padding: 20px;
}

.novedad.info p {
    font-weight: 600;
}

.novedad.info li label {
    width: 100px;
    font-weight: 600;
}

div#main div#header div.usuario div.mensajes a.notificaciones {
    display: inline;
    cursor: pointer;
}

.yellow {
    color: #f9c72a;
}

div#agregar-producto div.atributos {
    -webkit-border-radius: 8px;
    border: #E1E1E1 1px solid;
    /* height: 74px; */
    padding: 6px;
    display: flex;
}

div#agregar-producto div.atributos input.atributo {
    margin: 0 14px 0px 4px;
}

div#enviar-correo-prueba ul.variables li label {
    width: 160px;
}

div#enviar-correo-prueba ul.variables li input.random {
    margin-left: 10px;
}

div.listado table tbody td.iconos {
    display: flex;
}

div.listado table tbody td.iconos img {
    margin-top: auto;
    margin-bottom: auto;
}

li.info-labels {
    margin-bottom: 2px !important;
}

li.info-labels label {
    color: #808080;
}

li.info-labels label:first-child {
    margin-left: 180px !important;
    width: 110px !important;
}

li.info-labels label:last-child {
    width: 216px !important;
}

.select2-container li {
    white-space: nowrap;
}

div.between input {
    text-align: center;
}

.traffic i {
    font-size: 1.5em;
    margin-left: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

.traffic a {
    margin-left: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

.traffic {
    height: 30px;
}

option.red:after {
    background: #c00;
}

option.green:after {
    background: #0c0;
}

option.yellow:after {
    background: #00c;
}

#configuracion_control_stock li label,
#configuracion_control_stock li input {
    width: 66px;
}

#configuracion_control_stock li label {
    display: inline-block;
}

#configuracion_control_stock li input {
    text-align: center;
}

div.filtros.re-org {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.filtros .filtro-group select {
    width: auto;
    min-width: 0;
}

.historial,
#ver-historial-stock {
    background: white;
}

.historial tr {
    height: 30px;
}

div.filtros.filtro-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

div.filtros .filtro-group {
    float: left;
    display: flex;
    margin-right: 10px;
    margin-bottom: 10px;
}

div.filtro-group>label,
div.filtro-group>input,
div.filtro-group>select,
div.filtro-group>a {
    margin: auto;
}

div.filtro-group>label {
    margin-right: 5px;
}

div.filtros.re-org {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

div.filtros .filtro-group select {
    width: auto;
    min-width: 0;
}

div#header .usuario .mensajes ul li {
    display: inline-block;
    position: relative;
}

div#header .usuario .mensajes ul li a {
    color: #606060;
    display: block;
    font-size: 14px;
    transition: 0.3s linear;
    font-weight: 700;
}

div#header .usuario .mensajes ul li a i {
    color: #555;
    font-size: 13px !important;
    margin-left: 5px;
}

div#header .usuario .mensajes ul li ul {
    display: none;
    position: absolute;
    width: 180px;
}

div#header .usuario .mensajes ul li:hover ul {
    display: block;
}

div#header .usuario .mensajes ul li:hover ul li {
    display: block;
}

div#header .usuario .mensajes ul li ul li:first-child {
    border-top: none;
}

div#header .usuario .mensajes ul li ul li a {
    background: #f0f0f0;
    display: block;
    padding: 10px 14px;
}

div#header .usuario .mensajes ul li ul li a:hover {
    background: #808080;
}

.multiple_emails input {
    width: 90% !important;
    border-radius: 8px 0px 0px 8px;
    border-right: 0;
}

a.button.add-item {
    background: #ffffff;
    padding: 3px 1px 4px 9px;
    border-top: #E1E1E1 1px solid;
    border-bottom: #E1E1E1 1px solid;
    border-right: #E1E1E1 1px solid;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: top;
    font-size: 15px;
    font-weight: 700;
    color: #28a745;
}

li.multiple_emails {
    display: table;
    width: 100%;
}

a.delete-email-fac {
    color: blue;
    text-decoration: underline;
}

.listado-mails i {
    font-size: 16px;
    margin-right: 10px;
}

.text-uppercase {
    text-transform: uppercase;
}

.cabecera .estados-venta {
    margin-bottom: 10px;
}

.multiple_emails input {
    width: 90% !important;
    border-radius: 8px 0px 0px 8px;
    border-right: 0;
}

a.button.add-item {
    background: #ffffff;
    padding: 3px 1px 4px 9px;
    border-top: #E1E1E1 1px solid;
    border-bottom: #E1E1E1 1px solid;
    border-right: #E1E1E1 1px solid;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: top;
    font-size: 15px;
    font-weight: 700;
    color: #28a745;
}

li.multiple_emails {
    display: table;
    width: 100%;
}

a.delete-email-fac {
    color: blue;
    text-decoration: underline;
}

.listado-mails i {
    font-size: 16px;
    margin-right: 10px;
}

div.filtros_custom select {
    min-width: 150px;
    width: auto;
}

div.filtros_custom a.search {
    background: url(../img/search.gif) no-repeat 0 4px;
    padding: 3px 7px 4px 0;
    border-top: #E1E1E1 1px solid;
    border-bottom: #E1E1E1 1px solid;
    border-right: #E1E1E1 1px solid;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: top;
    margin-right: 16px;
    cursor: pointer;
}

div.filtros_custom input {
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    border-right: 0;
    margin-bottom: 3px;
    background-color: #FFFFFF !important;
    vertical-align: middle;
    width: 47px;
}

.metricas {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem;
    margin-bottom: 40px;
    margin-top: 10px;
}

.metric-box {
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
}

.metric-box.metric-3 {
    flex: 0 0 55%;
    max-width: 55%;
}

.metric-card {
    height: 100% !important;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: .35rem;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-content {
    align-items: center !important;
    margin-right: 0;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
}

.card-icon {
    padding-right: 0;
    padding-left: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    position: relative;
}

.card-text {
    padding-right: 0;
    padding-left: 0;
    margin-right: .5rem !important;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
}

.card-title {
    font-size: .7rem;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: .25rem !important;
}

.card-value {
    color: #5a5c69 !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
    font-size: 1rem;
    line-height: 1.2;
}

.card-value a {
    color: #666 !important;
}

.card-icon i {
    color: #dddfeb !important;
    font-weight: 900;
}

.card-text table tr td {
    border: none;
}

.cabecera .estados-venta span {
    margin-left: 0px;
}

/* The switch - the box around the slider */
td.switches .switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 20px;
}

/* Hide default HTML checkbox */
td.switches .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
td.switches .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

td.switches .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

td.switches input:checked+.slider {
    background-color: #2196F3;
}

td.switches input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

td.switches input:checked+.slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
td.switches .slider.round {
    border-radius: 34px;
}

td.switches .slider.round:before {
    border-radius: 50%;
}

span.p-eta {

    font-size: 10px;
    font-weight: 700;
}

.fa.fa-check-1 {
    font-size: 1.5em;
    color: #28AE65 !important;
    font-weight: bold !important;
}

.fa.fa-check-0 {
    font-size: 1.5em;
    color: #FF0000 !important;
    font-weight: bold !important;
}

.fa.fa-check-1:before {
    content: "\f00c"
}

.fa.fa-check-0:before {
    content: "\f00d"
}

.add-email {
    padding: 3px 3px 4px 1px;
    border-top: #3ac47d 1px solid;
    border-bottom: #3ac47d 1px solid;
    border-right: #3ac47d 1px solid;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    display: inline-block;
    width: 12px;
    height: 16px;
    vertical-align: top;
    text-align: center;
    background: #3ac47d;
    line-height: 1.5;
}

.multiselect-dropdown {

    margin: 0 !important;

}

a.agregar_ubicacion_producto i {
    font-size: 20px;
    color: #3ac47d;
}

a.eliminar_ubicacion_producto i {
    font-size: 20px;
    color: #d92550;

}

.multiselect-dropdown {

    margin: 0 !important;

}

.fixed-button {
    position: fixed;
    bottom: 10px;
    right: 10px;

}


@media print {
    #search_menu {
        display: none !important;
    }
}

.fixed-button {
    position: fixed;
    bottom: 10px;
    right: 10px;

}

.filtered .remove {
    margin-left: 2px;
    cursor: pointer;
    color: #a0a0a0;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    margin-bottom: 1rem !important;
}

.input-group span {
    display: flex;
    align-items: center;
    padding: 0 8px;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.input-group span:nth-child(3) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group span:nth-child(1) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.input-group input {
    border-radius: 0 !important;
    position: relative;
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
    display: block;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: right;
}

.half {
    width: 48%;
    float: left;
}

.fila {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15 px;
    margin-left: -15 px;
}

.fila-botones {
    display: inline-flex;
    margin-bottom: 4px;
}

.fila-botones a {
    margin-right: 4px;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    margin-bottom: 1rem !important;
}

.input-group span {
    display: flex;
    align-items: center;
    padding: 0 8px;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.input-group span:nth-child(3) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group span:nth-child(1) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.input-group input {
    border-radius: 0 !important;
    position: relative;
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
    display: block;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: right;
}

.half {
    width: 48%;
    float: left;
}

.badge-orange {
    color: #fff !important;
    background-color: #ff5e07;
}

.hide-col {
    width: 0px !important;
    height: 0px !important;
    display: block !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.table-hideable td,
.table-hideable th {
    width: auto;
    transition: width .5s, margin .5s;
}

a.link{
    color: -webkit-link !important;
    cursor: pointer !important;
    text-decoration: underline !important;
}

.us_taxex{
    width: 30%;
    float: right;
}
.us_cuit{
    width: 70%;
    float: right;
}

.us_cuit > input{
    width: 168px !important;
}

.us_cuit label input{
    width: 40px !important;
}

th > a.sort{
    background: url(../img/asc.png) left no-repeat;
    padding-left: 20px;
}

th > a.asc{
    color: blue !important;
}

th > a.desc{
    color: blue !important;
    background: url(../img/desc.png) left no-repeat;
    padding-left: 20px;
    padding-bottom: 10px;
}

.deposit-legend {
    margin-left: 22.5px;
}

.btn {
    background-color: #004B93;
    color: white;
    border: solid 1px #004B93;
    border-radius: 6px;
    padding: 5px;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
    float: right;
    font-size: 11px;
}


.select-deposito{
    min-width: 140px;
    margin-right: 23px;
    border: none;
    display: block;
    font-size: 14px;
    transition: 0.3s linear;
    font-weight: 700;
    color: #3978b4;
}

.color-picker {
    width: 60px;
    height: 30px;
}

.txt-primary {
    color: #007bff !important;
    font-weight: 700;
}