@charset "UTF-8";

@import
	url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

html {
	overflow-x: hidden
}

footer {
	text-align: center;
	width: 100%;
	color: black;
	z-index: -1;
	opacity: 1;
	bottom: 0%;
	background: #ccc !important;
	padding: 20px;
	margin-top: 20px;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}
.modal-header h2 {
    margin: 0;
    font-size: 18px;
    line-height: initial;
}
div button i.zmdi {
	color: #fff !important;
}

div button.btn i, .btn-secondary i {
	color: #fff;
}

div button i, .btn-secondary i {
	font-size: 14px;
}

div[class^='col-'].cajas {
	border: 10px solid #f8f8f8;
	padding: 0;
	padding-bottom: 20px;
}

.cajas label {
	margin: 5px 0 5px 0;
}

div.Factura div.titulocaja {
	padding: 8px;
	background: #069;
	color: #fff;
	margin-bottom: 8px;
}

div.Remito div.titulocaja {
	padding: 8px;
	background: #328266;
	color: #fff;
	margin-bottom: 8px;
}

div.Nota-de-Credito div.titulocaja {
	padding: 8px;
	background: #F90;
	color: #fff;
	margin-bottom: 8px;
}

div.Nota-de-Debito div.titulocaja {
	padding: 8px;
	background: #090;
	color: #fff;
	margin-bottom: 8px;
}

div.Presupuesto div.titulocaja {
	padding: 8px;
	background: #81b306;
	color: #fff;
	margin-bottom: 8px;
}

div.Documento-Proveedor div.titulocaja {
	padding: 8px;
	background: #7fb7fb;
	color: #fff;
	margin-bottom: 8px;
}

.infoextra {
	background: #f8f7e7;
	clear: both;
	overflow: hidden;
	margin-top: 10px !important;
}

aside.sidebar, pre, textarea {
	overflow: auto
}

.fa, .glyphicon, .wi {
	-moz-osx-font-smoothing: grayscale
}

.btn, .switch, .switch * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.corte_categoria {
	background-color: rgba(207, 216, 220, 0.8) !important;
	/*background-color:rgba(231,98,43,0.4)!important;*/
	font-weight: bold;
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background-color: transparent;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}

::-webkit-scrollbar:hover {
	background-color: rgba(0, 0, 0, .05)
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal
	{
	background: rgba(0, 0, 0, .2);
	border-radius: 0px;
	background-clip: padding-box;
	border: 1px solid transparent;
	min-height: 10px
}

::-webkit-scrollbar-thumb:vertical:active, ::-webkit-scrollbar-thumb:horizontal:active
	{
	background: rgba(0, 0, 0, .3);
	-webkit-border-radius: 0px
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

a {
	background-color: transparent
}

a:active, a:hover {
	outline: 0
}

b, optgroup, strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

hr {
	box-sizing: content-box;
	height: 0
}

code, kbd, pre, samp {
	font-size: 1em
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button, select {
	text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled], html input[disabled] {
	cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
	{
	height: auto
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration
	{
	-webkit-appearance: none
}

html, body {
	height: 100%;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #3A3A3A;
	line-height: 1em;
	text-align: left;
	background: #f4f8f9;
}

body, button, input {
	-webkit-font-smoothing: antialiased;
	letter-spacing: .1px;
	text-rendering: optimizeLegibility;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

table.table.borde-gris-oscuro td {
	border: 1px solid #a9a9a9 !important;
}

table.table.borde-gris-oscuro th {
	border: 1px solid #a9a9a9 !important;
	background: gray;
	color: white;
}

td, th {
	padding: 0
}

.table {
	width: 100%;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th,
	.table>thead>tr>td, .table>thead>tr>th {
	padding: 6px 8px;
	line-height: 1.846;
	vertical-align: top;
	border-top: 1px solid #F0F0F0
}

.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #F0F0F0
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th,
	.table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th,
	.table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th
	{
	border-top: 0
}

.table>tbody+tbody {
	border-top: 2px solid #F0F0F0
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th,
	.table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th,
	.table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
	padding: 5px
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th,
	.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th,
	.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border: 1px solid #F0F0F0
}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-bottom-width: 2px
}

table col[class*=col-] {
	position: static;
	float: none;
	display: table-column
}

table td[class*=col-], table th[class*=col-] {
	position: static;
	float: none;
	display: table-cell
}

.table-responsive {
	overflow-x: unset!important;
	min-height: .01%
}

.table-full {
	margin-bottom: 0;
	background: #fff;
	width: 100%;
}

.white {
	background-color: #FFF !important;
	color: #666;
}

.card, .card .card-content {
	-moz-box-sizing: border-box;
}

.card, .well {
	border: none;
	position: relative;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	margin-bottom: 20px;
}

.well {
	padding: 10px
}

.card, .panel, .theme-picker .theme-item:hover, .well, .z-depth-0 {
	-webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .07), 1px 2px 5px 0
		rgba(0, 0, 0, .06);
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .07), 1px 2px 5px 0
		rgba(0, 0, 0, .06);
}

.no-margin {
	margin: 0 !important;
}

.wrap {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.navbar-brand {
	height: 65px;
}

@media ( min-width : 768px) {
	.navbar-nav>li>a {
		padding-top: 23px;
		padding-bottom: 22px;
	}
}

.nav-usuario {
	margin: 0px;
}

.nav-usuario li {
	padding-top: 18px;
}

.nav-usuario label {
	margin-right: 15px;
	color: #fff;
}

table label {
	font-weight: 400;
}

label {
	font-weight: 500;
	display: block;
}

label.error {
	color: #f00;
	font-size: 11px
}

.ayudaEnlinea {
	display: none
}

#ayudaEnLineaCaja {
	display: none
}

#botonAyudaAbrirCerrarr {
	position: absolute;
	right: 25px;
	font-size: 32px;
	color: #3A3A3A;
	top: 15px;
	cursor: pointer;
	z-index: 99 !important
}

.descripcionAyudaEnlinea {
	border: 1px solid #fbf3cc !important;
	padding: 7px;
	border-radius: 4px;
	padding-right: 50px;
	padding-top: 0px;
	background: #fcf8e3;
	position: relative;
	text-align: center;
	font-size: 13px
}

#botonAyudaAnterior, #botonAyudaSiguiente {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 32px;
	cursor: pointer
}

#botonAyudaAnterior i, #botonAyudaSiguiente i {
	color: #0b577c
}

#botonAyudaSiguiente {
	left: auto;
	right: 20px;
}

.btn, .btn-danger.active, .btn-danger:active, .btn-default.active,
	.btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active,
	.btn-primary:active, .btn-warning.active, .btn-warning:active, .btn.active,
	.btn:active, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover,
	.form-control, .navbar-toggle, .open>.btn-danger.dropdown-toggle, .open>.btn-default.dropdown-toggle,
	.open>.btn-info.dropdown-toggle, .open>.btn-primary.dropdown-toggle,
	.open>.btn-warning.dropdown-toggle {
	background-image: none
}

.img-responsive, .img-thumbnail, .table, label {
	max-width: 100%;
	margin: 0
}

label {   
    margin-bottom: 8px;
}

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.card, .card .card-content {
	-moz-box-sizing: border-box
}

button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a:focus, a:hover {
	text-decoration: none
}

a:focus {
	outline: dotted thin;
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px
}

hr {
	margin-top: 23px;
	margin-bottom: 23px;
	border-top: 1px solid #eee
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}

[role=button] {
	cursor: pointer
}

.text-primary {
	color: #e7622b
}

a.text-primary:focus, a.text-primary:hover {
	color: #c1134e
}

.text-success {
	color: #2196F3
}

a.text-success:focus, a.text-success:hover {
	color: #0c7cd5
}

.text-info {
	color: #00bcd4
}

a.text-info:focus, a.text-info:hover {
	color: #008fa1
}

.text-warning {
	color: #ffab40
}

a.text-warning:focus, a.text-warning:hover {
	color: #ff950d
}

.text-danger {
	color: #F44336
}

a.text-danger:focus, a.text-danger:hover {
	color: #ea1c0d
}

.bg-primary {
	color: #fff;
	background-color: #e7622b
}

a.bg-primary:focus, a.bg-primary:hover {
	background-color: #c1134e
}

.bg-danger, .bg-info, .bg-success, .bg-warning, a.bg-danger:focus, a.bg-danger:hover,
	a.bg-info:focus, a.bg-info:hover, a.bg-success:focus, a.bg-success:hover,
	a.bg-warning:focus, a.bg-warning:hover, pre code, table {
	background-color: transparent
}

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .card .card-header,
	.clear, .clear:after, .clearfix:after, .container-fluid:after,
	.container:after, .dropdown-menu>li>a, .form-horizontal .form-group:after,
	.modal-footer:after, .modal-header:after, .nav:after, .navbar-header:after,
	.navbar:after, .pager:after, .panel-body:after, .row:after, .timeline>li:after,
	table.dataTable {
	clear: both
}

.btn-group>.btn-group, .btn-toolbar .btn, .btn-toolbar .btn-group,
	.btn-toolbar .input-group, .dropdown-menu {
	float: left
}

.table-responsive {
	overflow-x: auto !important;
	min-height: .01%
}

.btn-default {
	color: #666;
	background-color: #ddd;;
	border-color: #eee
}

button.multiselect.dropdown-toggle.btn.btn-default {
	background: transparent;
}

.btn-default.focus, .btn-default:focus {
	color: #666;
	border-color: #aeaeae
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open>.btn-default.dropdown-toggle
	{
	color: #666;
	border-color: #cfcfcf
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover,
	.btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover,
	.open>.btn-default.dropdown-toggle.focus, .open>.btn-default.dropdown-toggle:focus,
	.open>.btn-default.dropdown-toggle:hover {
	color: #666;
	background-color: #d4d4d4;
	border-color: #aeaeae
}

.btn-primary, .btn-primary.active, .btn-primary.focus, .btn-primary:active,
	.btn-primary:focus, .btn-primary:hover, .open>.btn-primary.dropdown-toggle
	{
	color: #fff;
	border-color: transparent
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover,
	.btn-default[disabled].focus, .btn-default[disabled]:focus,
	.btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus,
	fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover
	{
	background-color: #fff;
	border-color: #eee
}

.btn-default .badge {
	color: #fff;
	background-color: #666
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
	.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
	.open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus,
	.open>.btn-primary.dropdown-toggle:hover {
	color: #fff;
	background-color: #e96847;
	border-color: transparent
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover,
	.btn-primary[disabled].focus, .btn-primary[disabled]:focus,
	.btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus,
	fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover
	{
	background-color: #e7622b;
	border-color: transparent
}

.btn-primary .badge {
	color: #e7622b;
	background-color: #fff
}

.btn-success, .btn-success.active, .btn-success.focus, .btn-success:active,
	.btn-success:focus, .btn-success:hover, .open>.btn-success.dropdown-toggle
	{
	color: #fff;
	border-color: transparent
}

.btn-success {
	color: #fff;
	background-color: #4CAF50;
	border-color: #4cae4c;
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover,
	.btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover,
	.open>.btn-success.dropdown-toggle.focus, .open>.btn-success.dropdown-toggle:focus,
	.open>.btn-success.dropdown-toggle:hover {
	color: #fff;
	background-color: #0a68b4;
	border-color: transparent
}

.btn-success.active, .btn-success:active, .open>.btn-success.dropdown-toggle
	{
	background-image: none
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover,
	.btn-success[disabled].focus, .btn-success[disabled]:focus,
	.btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus,
	fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover
	{
	background-color: #2196F3;
	border-color: transparent
}

.btn-success[disabled]:hover, .btn-success[disabled]:focus {
	color: #757575;
	background: none;
	border-color: #757575;
}

.btn-success .badge {
	color: #2196F3;
	background-color: #fff
}

.btn-info, .btn-info.active, .btn-info.focus, .btn-info:active,
	.btn-info:focus, .btn-info:hover, .open>.btn-info.dropdown-toggle {
	color: #fff;
	border-color: transparent
}

.btn-info {
	background-color: #00bcd4
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover,
	.btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover,
	.open>.btn-info.dropdown-toggle.focus, .open>.btn-info.dropdown-toggle:focus,
	.open>.btn-info.dropdown-toggle:hover {
	color: #fff;
	background-color: #006f7d;
	border-color: transparent
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover,
	.btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover,
	fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus,
	fieldset[disabled] .btn-info:hover {
	background-color: #00bcd4;
	border-color: transparent
}

.btn-info .badge {
	color: #00bcd4;
	background-color: #fff
}

.btn-warning, .btn-warning.active, .btn-warning.focus, .btn-warning:active,
	.btn-warning:focus, .btn-warning:hover, .open>.btn-warning.dropdown-toggle
	{
	color: #fff;
	border-color: transparent
}

.btn-warning {
	background-color: #ffab40
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover,
	.btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover,
	.open>.btn-warning.dropdown-toggle.focus, .open>.btn-warning.dropdown-toggle:focus,
	.open>.btn-warning.dropdown-toggle:hover {
	color: #fff;
	background-color: #e88200;
	border-color: transparent
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover,
	.btn-warning[disabled].focus, .btn-warning[disabled]:focus,
	.btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus,
	fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover
	{
	background-color: #ffab40;
	border-color: transparent
}

.btn-warning .badge {
	color: #ffab40;
	background-color: #fff
}

.btn-danger, .btn-danger.active, .btn-danger.focus, .btn-danger:active,
	.btn-danger:focus, .btn-danger:hover, .open>.btn-danger.dropdown-toggle
	{
	color: #fff;
	border-color: transparent
}

.btn-danger {
	background-color: #F44336
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover,
	.btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover,
	.open>.btn-danger.dropdown-toggle.focus, .open>.btn-danger.dropdown-toggle:focus,
	.open>.btn-danger.dropdown-toggle:hover {
	color: #fff;
	background-color: #c8180b;
	border-color: transparent
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover,
	.btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover,
	fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus,
	fieldset[disabled] .btn-danger:hover {
	background-color: #F44336;
	border-color: transparent
}

.btn-danger .badge {
	color: #F44336;
	background-color: #fff
}

.btn-link {
	font-weight: 400;
	border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled],
	fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
	border-color: transparent
}

.btn-link:focus, .btn-link:hover {
	color: #64B5F6;
	text-decoration: none;
	background-color: transparent
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus,
	fieldset[disabled] .btn-link:hover {
	color: #bbb;
	text-decoration: none
}

.btn-group-lg>.btn, .btn-lg {
	padding: 10px 30px;
	font-size: 17px;
	line-height: 1.3333333;
	border-radius: 3px
}

.btn-group-sm>.btn, .btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.btn-group-xs>.btn, .btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.dropdown-header, .dropdown-menu>li>a {
	line-height: 1.846;
	white-space: nowrap;
	color: #262626
}
/*
.btn-group > .btn-group:last-child:not(:first-child) > .btn :first-child ,
.btn-group > .btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child){
	border-bottom-left-radius:0;
	border-top-left-radius:0
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child),
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius:0
}
*/
.btn-block {
	display: block
}

.btn-block+.btn-block {
	margin-top: 5px
}

.btn-group, .btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.btn-group-vertical>.btn, .btn-group>.btn {
	position: relative;
	float: left
}

.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active,
	.btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover,
	.btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus,
	.btn-group>.btn:hover {
	z-index: 2
}

.btn-toolbar {
	margin-left: -5px
}

.btn .caret, .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group,
	.btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group,
	.btn-group>.btn:first-child {
	margin-left: 0
}

.btn-toolbar:after, .btn-toolbar:before {
	content: " ";
	display: table
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child )>.btn:last-child,
	.btn-group>.btn-group:first-child:not(:last-child )>.dropdown-toggle {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
	outline: 0
}

.btn-group>.btn+.dropdown-toggle {
	padding-left: 8px;
	padding-right: 8px
}

.btn-group-lg.btn-group>.btn+.dropdown-toggle, .btn-group>.btn-lg+.dropdown-toggle
	{
	padding-left: 12px;
	padding-right: 12px
}

.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-group-lg>.btn .caret, .btn-lg .caret {
	border-width: 5px 5px 0
}

.dropup .btn-group-lg>.btn .caret, .dropup .btn-lg .caret {
	border-width: 0 5px 5px
}

.btn-group-vertical>.btn, .btn-group-vertical>.btn-group,
	.btn-group-vertical>.btn-group>.btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%
}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before
	{
	content: " ";
	display: table
}

.btn-group-vertical>.btn-group>.btn {
	float: none
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
	border-radius: 3px 3px 0 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
	border-radius: 0 0 3px 3px
}
/*
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn ,
.input-group.form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child)
:not(:last-child) {
	border-radius:0
}
.btn-group-vertical>.btn-group:first-child:not (:last-child )>.btn:last-child,
	.btn-group-vertical>.btn-group:first-child:not (:last-child )>.dropdown-toggle
	{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not (:first-child )>.btn:first-child
	{
	border-top-right-radius: 0;
	border-top-left-radius: 0
}
*/
.btn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
	float: none;
	display: table-cell;
	width: 1%
}

.btn-group-justified>.btn-group .btn {
	width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
	left: auto
}

.btn {
	border: none;
	font-weight: 400;
	position: relative;
	border-radius: 3px;
	padding: 8px 16px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	-webkit-transition: all .4s cubic-bezier(0, 0, .2, 1);
	-o-transition: all .4s cubic-bezier(0, 0, .2, 1);
	transition: all .4s cubic-bezier(0, 0, .2, 1);
}

.btn.focus, .btn:focus, .btn:hover {
	color: #333;
	text-decoration: none;
}

.btn-success:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}

.btn-success, .btn-success.active, .btn-success.focus, .btn-success:active,
	.btn-success:focus, .btn-success:hover, .open>.btn-success.dropdown-toggle
	{
	color: #fff;
	border-color: transparent;
}

.btn.focus, .btn:focus, .btn:hover {
	color: #fff;
	text-decoration: none;
}

.btn-success, .btn-success.active, .btn-success.focus, .btn-success:active,
	.btn-success:focus, .btn-success:hover, .open>.btn-success.dropdown-toggle
	{
	color: #fff;
	border-color: transparent;
}

.btn:active, .btn:hover {
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
		rgba(0, 0, 0, .15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
		rgba(0, 0, 0, .15);
}

.btn-success.active, .btn-success.focus, .btn-success:active,
	.btn-success:focus, .btn-success:hover, .open>.btn-success.dropdown-toggle
	{
	background-color: #496087;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active,
	.btn-primary:focus, .btn-primary:hover, .open>.btn-primary.dropdown-toggle
	{
	background-color: #ff7755;
}

#loading-bar .bar, #logo .foot2, #logo .foot4, .btn-primary,
	.btn-primary:active, .checkbox input[type=checkbox]:checked:after,
	.checkbox-inline input[type=checkbox]:checked:after, .noUi-base,
	.noUi-handle, .noUi-handle:before, .noUi-range .noUi-origin:first-child,
	.radio input[type=radio]:before, .radio-inline input[type=radio]:before,
	.switch label input[type=checkbox]:checked+.lever:after, .theme,
	.theme-bg, input[type=checkbox]:checked:after, input[type=radio]:before
	{
	background-color: #7a9cd2;
}

button a, button a:hover {
	background: none;
	color: #fff;
}

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 0px 10px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #3A3A3A;
	border: 0px solid #ddd;
	background: none;
}

[type=number].numeroPagina {
	width: 10rem;
	height: 2.5rem;
	margin-right: 1rem;
	padding: 0.5rem;
	text-align: center;
	background: #dddddd;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield;
}

[type=number].numeroPaginaMercadoLibre {
	width: 10rem;
	height: 2.5rem;
	margin-right: 1rem;
	padding: 0.5rem;
	text-align: center;
	background: #dddddd;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield;
}

i {
	display: inline-block;
	color: #3A3A3A;
	margin-right: 5px;
}

.confirmation-buttons i {
	font-size: 22px;
	display: inline-block;
	color: #fff;
	line-height: 1em;;
	margin-right: 5px;
}

.zm-alta i {
	font-size: 24px !important;
	position: relative;
	top: 5px
}

table a i {
	font-size: 18px !important
}

.navbar-default {
	background-color: #474747;
	border-color: #474747;
}

@media ( min-width : 768px) {
	.navbar {
		border-radius: 0px;
		color: #E7E7E7;
	}
}

.navbar-default .navbar-nav>li>a {
	color: #E7E7E7;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #eee;
	border-color: #337ab7;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
	{
	color: #E7E7E7;
	background: rgba(0, 0, 0, .1);
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.open>a:hover {
	color: #E7E7E7;
	background: rgba(0, 0, 0, .1);
}

.btn, .btn-danger.active, .btn-danger:active, .btn-default.active,
	.btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active,
	.btn-primary:active, .btn-warning.active, .btn-warning:active, .btn.active,
	.btn:active, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover,
	.form-control, .navbar-toggle, .open>.btn-danger.dropdown-toggle, .open>.btn-default.dropdown-toggle,
	.open>.btn-info.dropdown-toggle, .open>.btn-primary.dropdown-toggle,
	.open>.btn-warning.dropdown-toggle {
	background-image: none;
}

.form-control, output {
	font-size: 13px;
	line-height: 1.846;
	color: #666;
	display: block;
}

.form-control {
	width: 100%;
	height: 37px;
	padding: 6px 16px;
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-box-shadow: inset 0 -1px 0 #ddd;
	box-shadow: inset 0 -1px 0 #ddd;
	border: 1px solid #ddd;
}

.form-img {
	padding: 7px;
	background: #f0f0f0;
	position: relative;
}

[contenteditable].form-control, [type=email].form-control, [type=password].form-control,
	[type=tel].form-control, [type=text].form-control, input.form-control,
	input[type=email], input[type=number], input[type=password], input[type=text],
	textarea, textarea.form-control, .select2-selection--multiple {
	padding: 3px;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 0 -1px 0 #ddd;
	box-shadow: inset 0 -1px 0 #ddd;
	border: 1px solid #ddd;
	height: 37px;
}

span.select2-dropdown{
	width:550px !important;
}
ul.select2-results__options li{
	border-bottom:1px solid #ccc;
}
.form-username, .form-password {
	padding-left: 15px !important;
}
/*
.select2-container {
	border: 1px solid #ddd;
	width: 100% !important;
}

.select2-selection--multiple {
	background: none;
	border: none !important;
	border-radius: 0 !important;
	-webkit-appearance: none !important;
	-webkit-box-shadow: inset 0 -1px 0 #ddd !important;
	box-shadow: inset 0 -1px 0 #ddd !important;
}

select, select.form-control {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../imagenes/chevron-down.png);
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 1.5;
}
*/
.multiselect-native-select {
	display: block;
}

.multiselect-native-select .btn-group {
	width: 100%;
}

.multiselect.dropdown-toggle.btn.btn-default {
	border: 1px solid #ddd;;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-box-shadow: inset 0 -1px 0 #ddd;
	box-shadow: inset 0 -1px 0 #ddd;
	width: 100%;
	line-height: 1.5;
	text-align: left;
}

select#empresaActiva {
	color: #999;
	font-size: 13px;
	padding-top: 0px;
	background: none;
	border: none;
}

.nav-usuario li.liempresaactiva {
	padding-top: 10px;
}

#access_box {
	position: absolute;
	top: 50%;
	margin-top: -212px;
	left: 80px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: rgba(255, 255, 255, .1);
	border: 10px solid rgba(255, 255, 255, .1);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.access_box_interior {
	position: relative;
	background-color: #ffffff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 25px 25px 20px 25px;
	width: 234px;
	min-height: 330px;
	display: block;
}

.access_box_interior p {
	line-height: 1.5;
}

strong {
	font-weight: 500;
}

a, a:hover, a:focus {
	text-decoration: none;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

.navbar-nav a {
	color: #fff
}

h1, h2 {
	margin-top: 10px;
	font-size: 24px;
	font-weight: 400;
	color: #3A3A3A;
	line-height: 50px;
}

h1.titulo {
	position: relative;
}

h1.titulo:after {
	content: "";
	position: Absolute;
	width: 150px;
	height: 2px;
	background: rgba(0, 0, 0, .05);
	top: 50%;
	margin-top: -1px;
	margin-left: 15px;
}

h3 {
	font-size: 22px;
	font-weight: 300;
	color: #555;
	line-height: 30px;
}

h4.titulo {
	font-size: 14px
}

img {
	max-width: 100%;
}

::-moz-selection {
	background: blue;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: blue;
	color: #fff;
	text-shadow: none;
}

.btn-link-1 {
	display: inline-block;
	height: 50px;
	margin: 5px;
	padding: 16px 20px 0 20px;
	background: #de615e;
	font-size: 16px;
	font-weight: 300;
	line-height: 16px;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active {
	outline: 0;
	opacity: 0.6;
	color: #fff;
}

.btn-link-1.btn-link-1-facebook {
	background: #4862a3;
}

.btn-link-1.btn-link-1-twitter {
	background: #55acee;
}

.btn-link-1.btn-link-1-google-plus {
	background: #dd4b39;
}

.btn-link-1 i {
	padding-right: 5px;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
}

.btn-link-2 {
	display: inline-block;
	height: 50px;
	margin: 5px;
	padding: 15px 20px 0 20px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 16px;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.btn-link-2:hover, .btn-link-2:focus, .btn-link-2:active, .btn-link-2:active:focus
	{
	outline: 0;
	opacity: 0.6;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
}

/***** Top content *****/
.inner-bg {
	padding: 100px 0 170px 0;
}

.top-content .text {
	color: #fff;
}

.top-content .text h1 {
	color: #fff;
}

.top-content .description {
	margin: 20px 0 10px 0;
}

.top-content .description p {
	opacity: 0.8;
}

.top-content .description a {
	color: #fff;
}

.top-content .description a:hover, .top-content .description a:focus {
	border-bottom: 1px dotted #fff;
}

.form-box {
	margin-top: 35px;
}

.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #444;
	background: rgba(0, 0, 0, 0.35);
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 100%;
	padding-top: 25px;
}

.form-top-left h3 {
	margin-top: 0;
	color: #fff;
}

.form-top-left p {
	opacity: 0.8;
	color: #fff;
}

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 25px;
	font-size: 66px;
	color: #fff;
	line-height: 100px;
	text-align: right;
	opacity: 0.3;
}

.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #444;
	background: rgba(0, 0, 0, 0.3);
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	text-align: left;
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form button.btn {
	width: 100%;
}

.form-bottom form .input-error {
	border-color: #de615e;
}

.social-login {
	margin-top: 35px;
}

.social-login h3 {
	color: #fff;
}

.social-login-buttons {
	margin-top: 25px;
}
/***** Cobro a clientes*****/
.tabla-recibos .recibido-listado, .retenciones-listado,
	.tabla-rutaEdicion, .tablasRemito .detalle-Remito {
	background: white;
	padding: 20px;
}

.retenciones-listado i {
	color: #0b577c;
	font-size: initial !important;
}

.tabla-recibos h3.titulo {
	margin: 0;
	font-size: 19px;
	color: #474747;
}

.tabla-recibos .formas-pago {
	background: #f4f8f9;
	padding: 10px 15px;
	border-bottom: 1px solid #cccccc;
}

.tabla-recibos h3.titulo i, div#modalEfectivo h4.modal-title i, div#modalCheque h4.modal-title i,
	div#modalDeposito h4.modal-title i {
	font-size: 20px;
	color: #0b577c;
	font-weight: 400;
	line-height: 28px
}

.tabla-recibos .card {
	margin: 15px 0 10px;
}

.tabla-recibos .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #CFD8DC;
}

.tabla-retenciones .card {
	margin: 0;
}

.cobro-clientes-total tr.importe-total {
	background: rgba(62, 92, 106, 0.6) !important;
	color: #fff;
	font-size: 1.2em;
}

.observaciones-cobros {
	padding: 20px
}

div#divTotalSeleccionado {
	color: #0b577c;
	margin-top: -15px;
	padding: 0px 15px;
	font-weight: 700;
}

.clientes-filtros .form-group {
	padding: 0 15px !important;
}

.clientes-filtros {
	background: rgba(139, 157, 165, 0.5098039215686274);
	padding: 10px 15px;
	font-size: 14px
}

.clientes-filtros strong {
	font-weight: 700;
}

.clientes-filtros p {
	margin: 10px 0;
}

.opciones-filtro {
	padding: 10px 15px
}

.clientes-filtros  label.textoDeudorAcreedor, label#nombreBanco {
	font-size: 13px;
	line-height: 1.846;
	color: #0b577c;
	display: block;
}

.clientes-filtros .contenedorMontosRestantes{
	  display: flex;
    flex-direction: column;
    align-items: center;
    height: 56px;
    justify-content: flex-start;
    gap: 24px;
    margin-top: 18px;
}

.clientes-filtros a#btn-ver-documentos-sin-imputar {
	margin-top: 16px;
}

div#modalEfectivo .form-group, div#modalCheque .form-group, div#modalDeposito .form-group
	{
	padding: 5px;
}

div#modalEfectivo .modal-footer, div#modalCheque .modal-footer, div#modalDeposito .modal-footer
	{
	border: 0px;
	padding-top: 0px;
}
/***** Fin Cobro a Cliente *****/
/***** Hoja de Ruta *****/
table#tabla1 .primera {
	display: none;
}

table.dataTable thead th, table.dataTable thead td {
	padding: 10px 18px;
	border-bottom: 0px;
}

table.dataTable>tbody>tr.child ul.dtr-details {
	width: 100%;
}

.tabla-rutaEdicion .rutaEdicion-listado, .tablasRemito .rutaEdicion-detalle
	{
	background: #f4f8f9;
	padding: 10px 15px;
}

.tabla-rutaEdicion .rutaEdicion-listado table#tabla1 {
	background: #fff;
}

.tabla-rutaEdicion .rutaEdicion-listado h2, .detalle-Remito .rutaEdicion-detalle h2
	{
	margin: 10px;
	margin-top: 0px;
}

.tabla-rutaEdicion .rutaEdicion-listado button {
	margin-top: 5px;
}

div#modalRemitos .row.rowfiltros {
	margin-bottom: 20px;
}

div#modalRemitos .modal-footer {
	border: 0px
}

.modal-body .botones {
	clear: both;
}

table.dataTable tbody th, table.dataTable tbody td {
	padding: 10px 18px !important
}

.tabla-rutaEdicion .dataTable>tbody>tr.child li:nth-child(4) span.dtr-title
	{
	display: none;
}

table.dataTable>tbody>tr.child span.dtr-title {
	display: block;
	line-height: 22px
}

.tabla-rutaEdicion a.icono-circulo {
	margin: 0;
}

button.btn.btn-md.btn-secondary {
	margin-bottom: 0px;
	margin-top: 0px;
}

div#modalRemitos button.btn.btn-md.btn-secondary.filtrar {
	margin-bottom: 0px;
}

.detalle-Remito table thead tr {
	background: rgba(62, 92, 106, 0.6);
	color: #fff;
}

.detalle-Remito .DatosCliente {
	margin: 0 10px;
	background: white;
	padding: 10px 15px;
	padding-bottom: 5px
}

.detalle-Remito .editable-cont.col-no-padding-left.GrillaCliente {
	margin: 0 10px;
}

.detalle-Remito .editable-cont.col-no-padding-left.GrillaCliente .table-striped>tbody>tr:nth-of-type(odd)
	{
	background: white;
}

.detalle-Remito .editable-cont.col-no-padding-left.GrillaCliente table {
	border: 1px solid #ddd;
	background: #f9f9f9;
}

.tablaSeguimientoRemito .material-switch {
	margin-top: -25px;
}
/***** Fin Hoja de Ruta *****/

/***** Importacion y exportacion xls, imagenes, articulos*****/
.xls_importador_articulo label.labelcurri {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	background-color: #ff7755;
	display: inline-block;
	transition: all .5s;
	cursor: pointer;
	padding: 15px 20px !important;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.xls_importador_articulo label.labelcurri i {
	color: #fff;
	font-size: initial;
}

.xls_importador_articulo input[type=file], .subir-imagen input[type=file]
	{
	display: block !important;
	right: 1px;
	top: 1px;
	height: 34px;
	opacity: 0;
	width: 100%;
	background: none;
	position: absolute;
	overflow: hidden;
	z-index: 2;
}

.xls_importador_articulo .control-fileupload, .subir-imagen .control-fileupload
	{
	display: block;
	border: 1px solid #d6d7d6;
	background: #FFF;
	border-radius: 4px;
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0px 10px 2px 10px;
	overflow: hidden;
	position: relative;
}

.xls_importador_articulo .control-fileupload:before,
	.xls_importador_articulo .control-fileupload input,
	.xls_importador_articulo .control-fileupload label, .subir-imagen .control-fileupload label,
	.subir-imagen .control-fileupload:before, .subir-imagen .control-fileupload input
	{
	cursor: pointer !important;
}

.xls_importador_articulo .control-fileupload:before, .subir-imagen .control-fileupload:before
	{
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: none;
	vertical-align: middle;
	cursor: pointer;
	background-color: #ffffff;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff);
	background-repeat: repeat-x;
	border: 1px solid #0b577c;
	border-color: #0b577c;
	border-bottom-color: #0b577c;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	transition: color 0.2s ease;
	content: 'Buscar';
	display: block;
	position: absolute;
	z-index: 1;
	top: 2px;
	right: 2px;
	line-height: 20px;
	text-align: center
}

.xls_importador_articulo .control-fileupload:hover,
	.xls_importador_articulo .control-fileupload:focus,
	.xls_importador_articulo .control-fileupload:before, .subir-imagen .control-fileupload:before,
	.subir-imagen .control-fileupload:hover, .subir-imagen .control-fileupload:focus
	{
	color: #333333;
	background-color: #ffffff;
	color: #0b577c;
	text-decoration: none;
	background-position: 0 -15px;
	transition: background-position 0.2s ease-out
}

.xls_importador_articulo_Upload p.control-label i, .subir-imagen p.control-label i
	{
	font-size: initial;
	color: #0b577c;
}

.xls_importador_articulo_Upload p.control-label, .subir-imagen  p.control-label
	{
	margin: 8px 5px;
}

.xls_importador_articulo_Download p, .xls_importador_articulo_Upload p.control-label,
	.subir-imagen .control-fileupload p.control-label {
	line-height: 18px;
}

.xls_importador_articulo .control-fileupload:hover, .subir-imagen .control-fileupload:hover
	{
	background: #f4f8f9;
}

.xls_importador_articulo label, .subir-imagen label {
	line-height: 32px;
	color: #999999;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	z-index: 1;
	margin-right: 90px;
	margin-bottom: 0px;
	cursor: text;
}

input[type=file]#currcurri, input[type=file]#adjsoporte {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.tabla_xls_Importacion {
	background: #fff;
}

.xls_importador_planillaCompleta h2, .xls_importador_articulo_Download h2
	{
	margin: 10px 0;
}

.xls_importador_planillaCompleta h2, .xls_importador_articulo_Download h2
	{
	margin-top: 0px;
}

.tabla_xls_Importacion label {
	margin: inherit;
	color: #3A3A3A;
	line-height: 22px;
}

.tabla_xls_Importacion tr.child label {
	white-space: initial;
}

.tabla_xls_Importacion label i {
	font-size: initial;
	font-weight: 400;
	color: #0b577c;
}

.subir-imagen label.label-titulo {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: 500;
	margin-bottom: 7px;
	margin-right: inherit;
}

.imagen-subida {
	border: 1px solid #d6d7d6;
	max-width: 250px;
	max-height: 250px;
}
/***** Fin Importacion y exportacion xls, imagenes, articulos *****/
/***** Media queries *****/
@media ( max-width : 1440px) {
	.tabla-retenciones .col-md-6 {
		width: 100%;
		margin-bottom: 20px;
	}
}

@media ( max-width : 767px) {
	.inner-bg {
		padding: 60px 0 110px 0;
	}
	table#tabla1 .primera {
		display: block;
		color: #fff;
	}
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #262626;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.align-bottom {
	vertical-align: bottom !important;
}

.rowfiltros .btn-filtrar {
	position: absolute;
	bottom: 0px;
}

.filtrarPagina {
	padding: 5px 5px;
}

.iconoIr {
	margin: 0px;
}

.rowfiltros .btn-filtrar+.btn-filtrar {
	left: 75px;
}

.rowfiltros .btn-filtrar+.btn-filtrar+.btn-filtrar {
	left: 160px;
}

@media ( max-width :767px) {
	.rowfiltros .btn-filtrar {
		position: relative;
		bottom: auto;
	}
	.rowfiltros .btn-filtrar+.btn-filtrar {
		left: auto;
	}
}






.tt-menu {
	background: none;
	padding: 0px;
	display: block;
	cursor: pointer;
	width: 250px;
	color: #fff;
}

div#remoteCategoria span {
	display: block !important;
}

div.tt-suggestion.tt-selectable {
	padding: 10px 5px;
	background: #666
}

div.tt-suggestion.tt-selectable:hover {
	padding: 10px 5px;
	background: #f8f7e7;
	color: #000
}

#mensajes .alert {
	margin: 0;
	text-align: center;
}

.btn-borrarimg {
	padding: 0px;
	box-shadow: none;
	background: none;
	font-size: 20px;
	line-height: 55px;
	border: none !important
}

button.btn-borrarimg i.zmdi {
	color: #000 !important;
	border: none !important;
	font-size: 18px;
}

.modal-title {
	margin-bottom: 5px;
	font-weight: 400;
}

.modal-header .close {
	margin-top: -2px;
	position: absolute;
	right: 10px;
	top: 20px;
	color: #ffffff;
	opacity: .8;
	background: #4a72b1;
	border-radius: 50%;
	font-weight: normal;
	text-shadow: none;
	width: 20px;
	height: 20px;
	font-size: 18px;
}

.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 13px;
	line-height: 1em;
	text-align: center;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
}

/** facturador **/
.porcentaje-descuento {
	background-color: transparent;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid transparent;
}

.label-facturador {
	display: inline-block;
}

/** barlo-editable **/
span#listaPrecioNoEditable {
	display: block;
	background: #e6e6e6;
	height: 37px;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 0 -1px 0 #ddd;
	box-shadow: inset 0 -1px 0 #ddd;
	border: 1px solid #ddd;
	height: 37px;
	padding: 10px 3px;
	color: #9E9E9E;
}
/*** SEMAFORO PRECIO ***/
.precio-bajo {
	color: #d9ab0c;
}

.precio-alto {
	color: #5FB404;
}

/*** SEMAFORO PRECIO ***/
.precio-bajo {
	color: #d9ab0c;
}

.precio-alto {
	color: #5FB404;
}

.precio-perdida {
	color: #DF0101;
}

/*** SEMAFORO ESTADO SINCRONIZACION ***/
.estado-ok {
	color: #5FB404;
}

.estado-error {
	color: #DF0101;
}
/*** SEMAFORO ESTADO MERCADOLIBRE ***/
.estado-activa{
	color: #5FB404;
	
}
.estado-pausada{
	 color: #ffee55;
}
.estado-finalizada{
	color: #DF0101;
}
/*** SEMAFORO ESTADO STOCK ***/
.arriba-optimo {
	color: #5FB404;
}

.entre-optimo-minimo {
	color: #d9ab0c;
}

.entre-minimo-reposicion {
	color: #FF8000;
}

.debajo-reposicion {
	color: #DF0101;
}

/*** GRAFICO STOCK ***/
@media only screen and (max-width: 600px) {
	#graficoStock {
		width: 40px;
		height: 100px;
	}
}

@media only screen and (min-width: 600px) {
	#graficoStock {
		height: 55px;
	}
}

/** configuración tornado **/
.opcionConfiguracion {
	padding: 5px;
	margin: 5px;
}

/*Clickleable AxelMolaro*/
.clickleable {
	cursor: pointer;
}

/*Alinea los placeholder a la izquerda*/
input::placeholder {
	text-align: left;
}

.link {
	cursor: pointer;
	text-decoration: underline;
	color: #e16a4d;
}

/*Solo el color, sin el estilo del link*/
.color-netegia {
	color: #ff7755;
}

.link:hover {
	cursor: pointer;
	color: #e7622b
}

/*AYUDA*/
.inactive>a {
	background-color: gainsboro;
	color: black;
	border-radius: 5px;
	border-bottom: 1px solid #555;
}

.inactive:HOVER>a {
	background-color: blue;
	color: black;
	border-radius: 5px;
	border-bottom: 1px solid #555;
}

/** Loading **/
div.overlay {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 5000
}

div.loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -65px;
	margin-top: -65px;
	z-index: 5500;
}

div.barra-progreso {
	position: absolute !important;
	top: 10%;
	width: 100%;
	height: 20px;
	z-index: 5500;
}

.progress {
	height: 10px;
}

/******* NUEVOS ESTILOS *******/
::selection {
	background: #4a72b1;
}

.fondo-login {
	/*
background: rgba(147,206,222,1);
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0 );
*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,e0e0e0+100 */
	background: #f0f0f0; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #f0f0f0 0%, #e0e0e0 100%);
	/* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #f0f0f0 0%, #e0e0e0 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #f0f0f0 0%, #e0e0e0 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0',
		endColorstr='#e0e0e0', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.form-box {
	margin-top: 5%;
	padding: 0;
	/*
    -webkit-box-shadow: 4px 9px 20px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px 9px 20px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 4px 9px 20px 0px rgba(50, 50, 50, 0.75);
    */
	-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
}

button.btn.btn-primary, a.btn-primary {
	/*background: #4a72b1*/
	background: #ff7756;
	border: 1px solid #ff7756
}

button.btn.btn-primary2, .btn-primary2 {
	border: 1px solid #ff7756;
	background: transparent;
	color: #ff7756;
	padding: 8px 16px;
}

.btn-primary2:hover {
	border: 1px solid #ff7756;
	background: transparent;
	color: #ff7756;
}

button.btn.btn-primary2 i {
	color: #ff7756;
	font-size: initial
}

button.btn-primary i {
	color: #fff;
	font-size: initial;
}

.btn-uploadFile {
	position: relative;
	overflow: hidden;
}

.btn-uploadFile input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity = 0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

button.btn.btn-secondary, .btn-secondary.agregar, a.btn.btn-md.btn-secondary,
	a.btn-secondary {
	background-color: #0b577c;
	border: 1px solid #0b577c;
}

.btn-secondary.exportar, .btn-secondary.importar {
	border: 1px solid #78909C !important;
	margin-right: 10px;
	background-color: #78909C !important;
	color: white;
}

.btn-secondary.exportar i, .btn-secondary.importar i, a.btn-primary i {
	font-size: 14px;
	color: white !important;
}

.botones-filtro .btn {
	margin-right: 10px;
}

.form-top {
	background: #fff;
	color: #ccc;
	padding: 0 10%
}

.form-top-left h3 {
	color: #222;
	font-weight: 400
}

.form-top-left p {
	color: #222
}

.form-bottom {
	background: #fff;
	padding: 0 10% 7%
}

.navbar {
	margin-bottom: 0;
}

.navbar-header {
	padding-bottom: 5px;
}

.nav>li {
	text-transform: uppercase;
}

/*Text Area descripcion de los form AxelMolaro*/
.descripcionTextArea {
	width: 100%;
	height: 150px;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*Botones Rojos Axel Molaro*/
td i.fa-trash, td i.fas.fa-download {
	color: #0b577c;
	font-size: 18px !important;
	text-align: center;
	padding: 0px 5px;
	font-weight: 400 !important;
}

td i.fa-trash:hover, td i.fas.fa-download:hover {
	font-weight: 700 !important;
}
.card.cardnotapedido {
    padding: 20px 0;
    padding-bottom: 10px;
    margin-bottom: 0;
}
table.table.table-striped.tablaCotizaciones th {
    line-height: normal;
}
.btn-secondary {
	background-color: gray;
	color: white;
}
/***** MEDIA *****/
@media ( max-width : 767px) {
	.form-box {
		margin: 5%
	}
}

.w30 {
	width: 50px
}

input[type=text]:focus, input[type=password]:focus {
	border: 1px solid #666 !important
}

.cajabusqueda {
	border: none !important;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	position: relative;
	top: 8px !important
}

button.btn.botonbusqueda {






	background: none !important;
	position: relative;
	left: -35px;
	top: 11px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
	-webkit-transition: all .4s cubic-bezier(0, 0, 0, 0);
}

.nav.navbar-right>li.dropdown {
	top: 20px;
}

@media ( max-width : 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #ccc;
	}
}

.cajabusqueda {
	border: none !important;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	position: relative;
	top: 8px !important
}

.btn-terceario {
	color: white;
	background: darkorange;
}

.textoDerecha {
	text-align: right;
}

.textoDerecha {
	text-align: right;
}

button.btn.botonbusqueda {
	background: none !important;
	position: relative;
	left: -35px;
	top: 11px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
	-webkit-transition: all .4s cubic-bezier(0, 0, 0, 0);
}

.btn-primary {
	background-color: #4a72b1;
}

/*Pie*/

/*botones de eliminar*/
.btn-borrar i {
	color: #922B21;
	font-size: 14pt;
	cursor: pointer;
}

.popover {
	min-width: 200px;
}

.confirmation-buttons a {
	margin-right: 4px;
}

/*Edita el nav de arriba*/
.navbar-top {
	background-color: #474747;
	height: 30px;
}

.navbar-top ul li a {
	padding: 0;
	padding-top: 4px;
	margin-right: 6px;
}

/*Es el dropodown de arriba para seleccionar emrpesa*/
.menuEmpresas li {
	padding-left: 7px;
	cursor: pointer;
}

.menuEmpresas li:hover {
	background-color: #7a9cd2;
}

p.frasetop {
	float: left !important;
	padding-left: 18px;
	padding-top: 4px;
	font-weight: bold;
	font-size: 16px;
	color: #f90
}

header {
	border-bottom: 4px solid #e7622b
}

.navbar-brand {
	float: left;
	padding: 0px 15px;
	font-size: 18px;
	line-height: 20px;
	height: 50px;
}

@media ( min-width : 768px) {
	.navbar-nav>li>a {
		padding-top: 16px;
		padding-bottom: 16px;
	}
}

a.linknegro {
	color: #000
}

button#btnRegistrar.btn {
	margin-top: auto;
}

button#ingresar.btn, button#btnRegistrar.btn {
	background: #ff7756
}

div.atajosInicio div.col-md-4 {
	padding: 0 !important;
}

.cajasAtajosInicio {
	margin-bottom: 15px;
}

div.atajosInicio a.atajo {
	position: relative;
	display: block;
	-webkit-box-shadow: 4px 5px 5px 0 rgba(0, 0, 0, .07), 1px 2px 5px 0
		rgba(0, 0, 0, .06);
	box-shadow: 4px 5px 5px 0 rgba(0, 0, 0, .07), 1px 2px 5px 0
		rgba(0, 0, 0, .06);
}

div.atajosInicio a.atajo i, div.atajosInicio a.atajo span {
	display: block;
	text-align: center;
	float: none;
	margin-top: 10px
}

div.atajosInicio a.atajo:hover span {
	color: #687c85;
}

div.card.card-stats {
	position: relative;
	border: 0px solid #f00
}

.card .card-header {
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	top: 10px;
	left: 6px;
	border-radius: 0;
	-webkit-border-radius: 0
}
.destacados-inicio .card-stats .card-header i {
    font-size: 32px;
}
.card.card-stats h3.title {
    font-size: 16px;
}
.destacados-inicio {
    padding: 5px;
}
.destacados-inicio i.discrimidaosucursal, .potenciaplan .descuento-plan i, .usuarios-plan .contenedor-extra i {
    color: #0b577c;
    font-size: 16px;
    background: #e1e1e1;
    padding: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.potenciaplan .descuento-plan i, .usuarios-plan .contenedor-extra i {
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 16px;
}

.contenedor-extra>select, .contenedor-extra>input {
	align-self: center;
}

.GraficosTodos {
    padding: 5px;
}
.card-stats .card-content {
    border: 0px solid #090;
    width: 78%;
    float: right;
    text-align: center;
    padding-top: 20px;
    font-weight: bold;
    padding: 15px 5px;
}

.card .card-footer {
	clear: both
}

.card .card-content .category {
	left: 0
}

.card-footer .stats {
	display: block !important;
}

.card.card-stats {
	margin: 0;
	margin-bottom: 15px
}

.rankings {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 20px;
}

.card-ranking {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 0;
}

.card-mail {
    word-break: break-word;
    overflow-wrap: break-word;
}

span#totalEstadoCajasYCuentas {
	font-size: 16px;
	font-weight: 500;
	color: #f4f8f9;
}

.primerosPasos ul.timeline>li:before {
	content: ' ';
	background: white;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 3px solid #ea6a47;
	left: 12px;
	width: 15px;
	height: 15px;
	z-index: 9;
}

.primerosPasos ul.timeline {
	list-style-type: none;
	position: relative;
	padding-left: 30px;
}

.primerosPasos ul.timeline li {
	padding: 5px 0;
	padding-left: 10px
}

.primerosPasos ul.timeline:before {
	content: ' ';
	background: #d4d9df;
	display: inline-block;
	position: absolute;
	left: 19px;

	width: 2px;
	height: 100%;
	z-index: 9;
}

@media ( max-width :768px) {
	.card.card-stats {
		margin-top: 15px;
		margin-bottom: 0px
	}
}

.card .card-footer .stats {
	color: #666;
	font-size: 12px;
}

div.datos_tarjeta div {
	padding: 10px
}
.cajas-finsuscripcion {
    border: 2px solid #e6e6e6;
}
.cajas-finsuscripcion .botones-suscripcion .cambiarPlan, .botones-suscripcion .cancelarsusc {
    width: 85%;
}
.cajas-finsuscripcion .suscripcion-actual {
    background: #f0eff5;
    background: #f4f8f9;
    padding: 20px 30px;
}

.cajas-finsuscripcion .suscripcion-actual ul.descripcion li:nth-child(odd), .planAnteriorContenedor ul li:nth-child(odd), .seleccion-plan .detalle-compra ul li:nth-child(odd){
    background: white;
}
.seleccion-plan .detalle-compra ul li:nth-child(odd), .planAnteriorContenedor ul li:nth-child(odd) {
    background: #f4f8f9;
}
.cajas-finsuscripcion .suscripcion-actual ul.descripcion, .planAnteriorContenedor ul, .seleccion-plan .detalle-compra ul{
    list-style: none;
    padding: 0;
}

.cajas-finsuscripcion .suscripcion-actual ul.descripcion li, .planAnteriorContenedor ul li, .seleccion-plan .detalle-compra ul li {
    padding: 10px;
    font-weight: 500;
}

.cajas-finsuscripcion .suscripcion-actual h3 b {
    display: block;
}

.cajas-finsuscripcion .suscripcion-actual h4 {
    font-size: 100%;
    border: 1px solid #0b577c;
    padding: 8px 16px;
    border-radius: 20px;
    width: fit-content;
    -webkit-width: fit-content;
    -moz-width: fit-content;
    color: #0b577c;
}
.cajas-finsuscripcion .suscripcion-actual h4 i{
	color: #0b577c;
}
.cajas-finsuscripcion .suscripcion-actual ul.descripcion li i, .planAnteriorContenedor ul li i {
    color: #0b577c;
}
.cajas-finsuscripcion .suscripcion-actual a.btn.btn-secondary2.waves-effect.waves-light:hover {
    color: #0b577c;
}
.cajas-finsuscripcion .cajas-finsuscripcion2 {
    margin: 0;
}
.cajas-finsuscripcion .infopagos {
    font-weight: 500;
    background: #fff;
    padding: 10px 15px;
    padding-top: 15px;
}
.cajas-finsuscripcion.caja-plananterior {
    background: #fff; 
    border: 2px solid #e6e6e6;
    border-right: 0;
    border-bottom: 0;
}
.cajas-finsuscripcion.caja-plananterior .planAnteriorContenedor {
    padding: 0 10px;
}
.cajas-finsuscripcion.cajaplannuevo {
    background: #fff;
    border: 2px solid #d0d0d0;
    padding: 0;
}

.cajas-finsuscripcion.cajaplannuevo h3#titulo_dinamico {
    background: #034c79;
    padding: 10px;
    color: #fff;
    margin: 0;
    font-size: 18px;
    padding-left: 20px
}
.cajas-finsuscripcion.caja-plananterior h3#titulo_dinamico, .potenciaplan h3 {
    font-size: 18px;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 10px;
    margin-top: 10px;

}
.seleccion-plan .detalle-compra {
	background: #f4f8f9;
	padding: 20px;
}
.cajas-finsuscripcion.cajaplannuevo .detalle-compra {
    background: #fff;
}
.potenciaplan {
    background: #f4f8f9;
    padding-bottom: 30px;
    text-align: left;
    padding-top: 10px
}
.cajas-finsuscripcion.cajaplannuevo .detalle-compra h2#nombreDescripPlanSelecionado {
    margin-top: 0;
    font-size: 22px;
    line-height: 32px;
}
.cajas-finsuscripcion.cajaplannuevo h3#titulo_dinamico i {
    color: #fff;
    font-size: 1.5em;
}

.cajas-finsuscripcion.cajaplannuevo .detalle-compra h2#nombreDescripPlanSelecionado small {
    display: block;
}
.seleccion-plan .detalle-compra h3 {
    margin-bottom: 0px;
    border-top: 1px solid #d0d0d0;
    background: rgb(11 87 124 / 18%);
    padding: 20px;
    padding-top: 10px;
}

.seleccion-plan .usa-cupon h4 {
	font-weight: 300;
	margin: 20px 0;
}

.seleccion-plan .formas-pago {
	padding-bottom: 20px;
}

.seleccion-plan button.btn.btn-md.btn-primary2.volver.elegir-plan {
	border: 0px;
	box-shadow: none;
	padding: 15px 0
}

.seleccion-plan {
	padding-bottom: 20px;
}

.seleccion-plan .titulo span {
	margin-left: -12%
}

.seleccion-plan p {
    font: 300 14px 'roboto', sans-serif;
    line-height: 21px;
}
.seleccion-plan h2#nombreDescripPlanSelecionado small {
    display: block;
}

.seleccion-plan h2#nombreDescripPlanSelecionado {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 26px;
}
.plan-recomendado {
    background: #eeeeee;
    color: #4d4d4d;
    position: relative;
    padding: 6px 6px 6px 6px;
    /* left: 147px; */
    border-radius: 0px 0px 0px 3px;
    /* top: 6px; */
    font: 500 14px 'Roboto', sans-serif;
    display: block;
    text-align: center;
    border-bottom: 2px solid #e6e6e6;
    padding: 10px 0;
    /* background: #ff7656; */;
    margin-bottom: -20px;
}
.planes-top .recomendado-plan {
    display: block;
    height: 40px;
}
div.emprendedor, div.pyme, div.pymepro, div.premium {
	border: 1px solid #e6e6e6;
	background: #fff
}

div.emprendedor h2, div.pyme h2, div.pymepro h2, div.premium h2 {
	text-align: center;
	font: 500 24px 'roboto condensed', sans-serif;
	margin-top: 20px;
	color: #555;
}

div.emprendedor h2 span, div.pyme h2 span, div.pymepro h2 span, div.premium h2 span {
	display: block;
	font: 400 17px 'roboto condensed', sans-serif
}

div.emprendedor {
	border-top: 4px solid #69b7c9
}

div.pyme {
	border-top: 4px solid #febe50
}

div.pymepro {
	border-top: 4px solid #ff7756
}
div.premium {
    border-top: 4px solid #034c79;
}

.rowFormasDePago {
	display: flex;
}

.formaPago-Suscripcion {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

@media (max-width: 990px) {
	.rowFormasDePago {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.formaPago-Suscripcion {
		border: 2px solid #d0d0d0;
		border-radius: 5px;
		padding: 10px;
	}
}

@media (min-width: 991px) {
	.formaPago-Suscripcion {
		padding: 10px 0px;
	}
}

.formaPago-Suscripcion button {
	margin-top: auto;
}
.material-switch h5 {
    margin-left: -35px;
}
p.precioplan {
	font: 500 32px 'roboto condensed', sans-serif;
	text-align: center;
	color: #ff7756;
	border-bottom: 2px solid #e6e6e6;
	padding-bottom: 20px
}

p.precioplan small {
	display: block;
	color: #aaa;
	font-size: 14px
}

ul.carplan {
	list-style: none;
	margin: 0;
	padding: 0
}

ul.carplan li {
    text-align: left;
    padding: 8px 0 8px 12px;
    font: 400 13.5px 'roboto', sans-serif;
    color: #555;
}

ul.carplan li i, .seleccion-plan .detalle-compra i {
	color: #0b577c;
}

ul.carplan li:nth-child(odd) {
	background: #f4f8f9
}

.btn.btn-suscripcion {
	background: #090;
	color: #fff
}
/* div.pymepro .precioplan, div.pymepro .precioplan small { */
/* 	color:#fff */
/* } */
.estado-suscripcion {
	background: #fff;
	padding-bottom: 20px;
	padding: 20px;
}

.estado-suscripcion h2 {
	font-size: 26px;
}

.botones-suscripcion {
	position: relative;
	left: 10px;
	top: 40px;
	padding: 10px;
}

.mensual h2, .anual h2 {
	text-align: center
}

.mensual h2.titulo, .anual h2.titulo {
	color: #ff7755;
	font-size: 26px;
	margin: 25px 0;
}

.usuarios-plan h4, .descuento-plan h4 {
	color: #0b577c;
	font-weight: 400;
	font-size: 16px
}

a.cambiarPlan {
	background: #f90;
	color: #fff
}

a.cambiarPlan:hover {
    background: #ee9208;
}

.nuevoRegistro {
	color: green
}

hr.separacion-select2 {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
}

body #linkRegistro {
	color: BLUE;
}

body #linkRegistro:hover {
	color: BLUE;
}

body #linkRegistro:visited {
	color: BLUE;
}

.rechazada {
	background-color: #ffacac !important;
}

.procesada {
	background-color: #B9E9A5 !important;
}

.enviada {
	background-color: #D8EFF1 !important;
}

.error-al-enviar {
	background-color: #ffd5a2 !important;
}


.saldos-cuenta-corriente {
	margin-bottom: 5px;
	margin-top: 5px;
}

.separacion-cuatrimestre {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 10px solid rgba(128, 128, 128, 10);
}

.border-table {
	border: 2px solid black;
}

.sin-borde {
	border-collapse: collapse;
	border-top: 0px solid black;
	border-left: 0px solid black;
	border-right: 0px solid black;
	border-bottom: 2px solid black;
}

.modal-scroll {
	max-height: calc(100vh - 210px);
	overflow-y: auto;
}

.float-left {
	padding-right: 10px;
}

.float-right {
	padding-left: 10px
}



.btn:focus, .btn:active, button:focus, button:active {
	outline: none !important;
	box-shadow: none !important;
}

#image-gallery .modal-footer {
	display: block;
}

.thumb {
	margin-top: 15px;
	margin-bottom: 15px;
	height: auto;
	width: 250px;
}

.datetimepicker .glyphicon-time {
	color: #555555;
}

.datetimepicker .glyphicon-chevron-up {
	color: #555555;
}

.datetimepicker .glyphicon-chevron-down {
	color: #555555;
}

.datetimepicker .glyphicon-calendar {
	color: #555555;
}
/***** MERCADO LIBRE *****/
.categoria-meli {
	display: block;
	text-align: center;
	float: none;
	padding: 10px 20px;
	cursor: pointer;
	margin-top: 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #607D8B;
	background-color: transparent !important;
	color: #607D8B;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	-webkit-transition: all .4s cubic-bezier(0, 0, .2, 1);
	-o-transition: all .4s cubic-bezier(0, 0, .2, 1);
	transition: all .4s cubic-bezier(0, 0, .2, 1)
}

.categoria-meli:hover {
	outline: 0;
	color: #4285f4;
}

div#categoriasSeleccionadas .categoria-meli {
	background: #607D8B !important;
	color: #fff !important;
}

.disabledbutton {
	pointer-events: none;
	opacity: 0.4;
}

label.label-ml {
	display: inline-block;
	position: relative;
	padding-left: 20px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 10px 10px 10px 0px;
}

.cajaizq-ml, div#categoriasSeleccionadas {
	padding: 20px
}

.cajader-ml, div#categoriasSeleccionables {
	padding: 20px;
}

div#categoriasSeleccionables {
	padding-top: 0px;
}

.select2-container .select2-selection--single {
	height: 37px;
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 -1px 0 #ddd;
	box-shadow: inset 0 -1px 0 #ddd;
	border: 1px solid #ddd;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
	{
	color: #444;
	line-height: 37px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
	{
	height: 26px;
	position: absolute;
	top: 4px;
	right: 1px;
	width: 20px;
}

.select2-container--default .select2-selection--multiple, span.select2-selection.select2-selection--multiple
	{
	background-color: white;
	border: 1px solid #aaa;
	cursor: text;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 0 -1px 0 #ddd;
	box-shadow: inset 0 -1px 0 #ddd;
	border: 1px solid #ddd;
	height: 34px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
	{
	background-color: #FFE082;
	border: 1px solid #e6d192;
	border-radius: 0px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 0px;
	padding: 5px;
}

tbody#cuerpoArticulo .select2-container--default .select2-selection--multiple .select2-selection__choice
	{
	padding: 0px;
}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	width: 100% !important;
}

label.label-ml input[type=radio] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

label.label-ml input:checked ~ .checkround:after {
	display: block;
}

.cajader-ml textarea#descripcionPlantilla {
	height: 180px;
}

label.label-ml .checkround:after {
	left: 3px;
	top: 3px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #0b577c
}

label.label-ml .checkround:after {
	content: "";
	position: absolute;
	display: none;
}

label.label-ml .checkround {
	position: absolute;
	top: 0px;
	left: 0;
	height: 15px;
	width: 15px;
	border-color: #0b577c;
	border-style: solid;
	border-width: 2px;
	border-radius: 50%;
}

.planes span.checkround {
	top: auto !important;
	margin-left: 10px;
}

.planes>.form-group {
	text-align: center;
}

.icono-ml i {
	border: 2px solid #4285f4;
	color: #4285f4;
	font-size: 20px;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	line-height: 25px;
}

.icono-ml {
	background: #fafafa;
	padding: 10px 0px;
	margin-left: 20px
}

div#categoriasSeleccionadas i {
	position: absolute;
	right: -12px;
	color: #ff7755;
	top: 25px;
	font-size: 24px;
}

.cajaizq-ml label span {
	font-weight: 400;
}

.vista-datos div {
	padding: 5px 0;
}

#div-variaciones table.table.table-striped th {
	background: #dcdcdc;
	border: 1px;
}
/***** AYUDA EN LINEA *****/
.ayuda-descripcion p, .ayuda-descripcion li {
	font-size: 13px;
	line-height: 18px;
}

.listado-ayuda {
	padding: 0 25px;
	background: #f9f9f9;
	padding-top: 15px
}

.listado-ayuda nav#navegador {
	padding-left: 8px;
	padding-right: 8px;
}

.listado-ayuda a.nav-link {
	background: none;
	border-radius: 0px;
	border-bottom: 1px solid #BDBDBD;
	line-height: 21px
}

.listado-ayuda a.nav-link:hover, .listado-ayuda li.active a.nav-link {
	background: #0b577c;
	color: #fff;
}

.listado-ayuda a i {
	color: #0b577c;
	font-size: 20px;
	text-align: center;
}

.listado-ayuda .nav-pills>li.active>a i {
	color: #fff;
	border-color: #fff;
}

.ayuda-descripcion {
	background: #fff;
	padding: 0 40px;
	padding-bottom: 20px;
}

.ayuda-descripcion .link {
	color: #4285f4;
	text-decoration: none;
	cursor: pointer;
}

.titulo-ayuda h1 {
	background: #CFD8DC;
	color: #0b577c;
	font-size: 21px
}

.ayuda-contenido {
	padding: 10px 15px;
}

.titulo-ayuda i {
	color: #eeeeee;
	background: #8b9da5;
	padding: 14px;
	font-size: 28px;
}

.ayuda-contenido h3 {
	font-weight: 400;
}

.scroll_text {
	height: 900px !important;
	overflow: auto;
	padding: 0px 15px;
}

.scroll_text::-webkit-scrollbar-thumb {
	background: #8b9da5;
}

.scroll_text::-webkit-scrollbar {
	background: #cfd8dc;
}

.ayuda-menu {
	float: left;
	margin-left: 15px
}

.verayuda {
	vertical-align: middle;
	font-size: 18px;
	color: #0b577c;
	font-weight: 400;
	margin-top: 10px;
}

.boton-ayuda {
	float: right;
	margin-top: -40px;
	position: relative;
}

@media ( max-width : 1366px) {
	#botonAyudaSiguiente {
		left: auto;
		right: -10px;
	}
	.scroll_text {
		height: 800px !important;
		overflow: auto;
		padding: 0px 10px;
	}
	.usuarios-plan h4, .descuento-plan h4 {
    font-size: 14px;
}
}

@media ( max-width : 1024px) {
	.listado-ayuda a.nav-link {
		padding: 10px 5px;
	}
}


.clickableIcon {
	cursor: pointer;
}

/* -----------------------------------------------
 * Alertas
 * --------------------------------------------- */
#alert-cantidad {
	background-color: #DC3545;
}

/* FONDO DE LAS ALERTAS */
.navbar-default .dropdown-menu.alert-drop {
	min-width: 330px;
	background-color: #fff;
	min-height: 360px;
	max-height: 380px;
}

/* LINE SEPARATOR DESPUES DE TITULO GENERAL DE LAS ALERTAS */
.navbar-default .dropdown-menu.alert-drop .alert-drop-title {
	border-bottom: 1px solid #d5d4d4;
	padding: 5px 15px 10px 15px;
}

.navbar-default .dropdown-menu.alert-drop .drop-content {
	min-height: 280px;
	max-height: 280px;
	overflow-y: scroll;
}

/* LINEA ENTERA DONDE SE UBICA EL SCROLL BAR */
.navbar-default .dropdown-menu.alert-drop .drop-content::-webkit-scrollbar-track
	{
	background-color: #F5F5F5;
}

.navbar-default .dropdown-menu.alert-drop .drop-content::-webkit-scrollbar
	{
	width: 8px;
	background-color: #F5F5F5;
}

/* SCROLL BAR */
.navbar-default .dropdown-menu.alert-drop .drop-content::-webkit-scrollbar-thumb
	{
	background-color: #ccc;
}

/* LINE SEPARATOR DE CADA ALERTA INDIVIDUAL */
.navbar-default .dropdown-menu.alert-drop .drop-content>li {
	border-bottom: 1px solid #e2e2e2;
	padding: 10px 0px 5px 0px;
}

/* COLOR DE FONDO DE ALERTAS PARES */
.navbar-default .dropdown-menu.alert-drop .drop-content>li:nth-child(2n+0)
	{
	background-color: #fafafa;
}

.navbar-default .dropdown-menu.alert-drop .drop-content>li:after {
	content: "";
	clear: both;
	display: block;
}

/* COLOR AL POSICIONARSE SOBRE UN ALERTA */
.navbar-default .dropdown-menu.alert-drop .drop-content>li:hover {
	background-color: #e6e6e6;
}

.navbar-default .dropdown-menu.alert-drop .drop-content>li:last-child {
	border-bottom: none;
}

.navbar-default .dropdown-menu.alert-drop .drop-content>li .alert-img {
	float: left;
	display: inline-block;
	width: 45px;
	height: 45px;
	margin: 0px 0px 8px 0px;
}

.navbar-default .dropdown-menu.alert-drop .allRead {
	margin-right: 7px;
}

.navbar-default .dropdown-menu.alert-drop .rIcon .fa {
	float: right;
	color: #999;
	cursor: pointer;
}

.navbar-default .dropdown-menu.alert-drop .rIcon .fa:hover {
	color: #333;
}

/* TÍTULO DE CADA ALERTA INDIVIDUAL */
.navbar-default .dropdown-menu.alert-drop .drop-content>li a {
	font-size: 12px;
	font-weight: normal;
	color: #474747;
}

.navbar-default .dropdown-menu.alert-drop .drop-content>li {
	font-weight: bold;
	font-size: 11px;
}

.navbar-default .dropdown-menu.alert-drop .drop-content>li hr {
	margin: 5px 0;
	width: 70%;
	border-color: #e2e2e2;
}

.navbar-default .dropdown-menu.alert-drop .drop-content .pd-l0 {
	padding-left: 0;
}

/* COLOR DEL BODY DE CADA ALERTA */
.navbar-default .dropdown-menu.alert-drop .drop-content>li p {
	font-size: 11px;
	color: #666;
	font-weight: normal;
	margin: 3px 0;
}

/* FECHA DE CADA ALERTA */
.navbar-default .dropdown-menu.alert-drop .drop-content>li p.time {
	font-size: 10px;
	font-weight: 600;
	top: -6px;
	margin: 8px 0px 0px 0px;
	padding: 0px 3px;
	border: 1px solid #e2e2e2;
	position: relative;
	background-image: linear-gradient(#fff, #f2f2f2);
	display: inline-block;
	border-radius: 2px;
	color: #B97745;
}

.navbar-default .dropdown-menu.alert-drop .drop-content>li p.time:hover
	{
	background-image: linear-gradient(#fff, #fff);
}

/* VER TODAS */
.alert-drop-footer {
	padding: 15px;
}

/* FOOTER */
.navbar-default .dropdown-menu.alert-drop .alert-drop-footer {
	border-top: 1px solid #d5d4d4;
	bottom: 0;
	position: relative;
	padding: 14px 15px;
}

/* COLOR TEXTO DEL FOOTER */
.navbar-default .dropdown-menu.alert-drop .alert-drop-footer a {
	color: #777;
	text-decoration: none;
}

/* COLOR AL POSICIONARSE SOBRE EL TEXTO DEL FOOTER */
.navbar-default .dropdown-menu.alert-drop .alert-drop-footer a:hover {
	color: #333;
}

/* -----------------------------------------------
 * Timeline
 * --------------------------------------------- */
.timeline-detail {
	padding: 3rem 0
}

#timeline {
	margin-bottom: 1rem
}

[class*=timeline-status-] p {
	margin: 0;
	font-size: 1.1rem;
	color: #fff;
	text-transform: uppercase;
	text-align: center
}

[class*=timeline-status-] {
	padding: 1.6rem 0
}

.timeline-status-intransit {
	background-color: #65aee0
}

.timeline-status-outfordelivery {
	background-color: #f5a551
}

.timeline-status-deliveryoffice {
	background-color: #f7dc6f
}

.timeline-status-delivered {
	background-color: #4cbb87
}

.timeline-status-attemptfail {
	background-color: #b789c7
}

.timeline-status-error, .timeline-status-exception {
	background-color: #d26759
}

.timeline-status-expired {
	background-color: #616e7d
}

.timeline-status-pending {
	background-color: #ccc
}

.timeline-status-inforeceived {
	background-color: #214977
}

.timeline-list {
	border: 1px solid #e5e5e5
}

.timeline-item {
	border-left: 1px solid #e5e5e5;
	position: relative;
	padding: 2rem 1.5rem .5rem 2.5rem;
	font-size: .9rem;
	margin-left: 3rem;
	min-height: 5rem
}

.timeline-item:last-child {
	padding-bottom: 4rem
}

.timeline-item .timeline-date {
	margin-bottom: .5rem;
	font-size: 110%
}

.timeline-item .timeline-date span {
	color: #888;
	font-size: 85%;
	padding-left: .4rem
}

.timeline-item .timeline-content {
	padding: .5rem .8rem;
	background-color: #f4f4f4;
	border-radius: .5rem;
	font-size: 135%
}

.timeline-item .timeline-content span {
	display: block;
	color: #888;

	font-size: 85%
}

.timeline-item .timeline-icon {
	line-height: 2.6rem;
	position: absolute;
	left: -1.3rem;
	width: 2.6rem;
	height: 2.6rem;
	text-align: center;
	border-radius: 50%;
	font-size: 1.1rem;
	background-color: #fff;
	color: #fff
}

.timeline-item .timeline-icon.status-sponsored {
	background-color: #f68
}

.timeline-item .timeline-icon.status-delivered {
	background-color: #4cbb87
}

.timeline-item .timeline-icon.status-outfordelivery {
	background-color: #f5a551
}

.timeline-item .timeline-icon.status-deliveryoffice {
	background-color: #f7dc6f
}

.timeline-item .timeline-icon.status-attemptfail {
	background-color: #b789c7
}

.timeline-item .timeline-icon.status-exception {
	background-color: #d26759
}

.timeline-item .timeline-icon.status-inforeceived {
	background-color: #214977
}

.timeline-item .timeline-icon.status-intransit {
	color: #e5e5e5;
	border: 1px solid #e5e5e5;
	font-size: .6rem
}

@media ( min-width :992px) {
	.timeline-item {
		margin-left: 10rem
	}
	.timeline-item .timeline-date {
		position: absolute;
		left: -10rem;
		width: 7.5rem;
		text-align: right
	}
	.timeline-item .timeline-date span {
		display: block
	}
	.timeline-item .timeline-content {
		padding: 0;
		background-color: transparent
	}
}

/***** VISTA MESAS *****/
#salon1 .libre, #salon1 .ocupado, #salon2 .libre, #salon2 .ocupado,
	#salon3 .libre, #salon3 .ocupado {
	padding: 5%;
	margin: 10%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	height: 140px;
}

#salon1 .ocupado, #salon2 .ocupado, #salon3 .ocupado {
	border: 3px solid #dd2524;
	background: #FE4A49
}

#salon1 .libre, #salon2 .libre, #salon3 .libre {
	background: #2bb07f;
	border: 3px solid #209268;
	padding-top: 18%
}

#salon1 a:hover .ocupado, #salon1 a:hover .libre, #salon2 a:hover .ocupado,
	#salon2 a:hover .libre, #salon3 a:hover .ocupado, #salon3 a:hover .libre
	{
	border: 3px solid #eac026;
}

div#salon1, div#salon2, div#salon3 {
	background: #ffffff;
	padding: 20px
}

.panel-right {
	background: #eee;
}

.panel-right .libre h3 {
	background: #2bb07f;
	padding: 10px;
	color: #fff;
}

.panel-right .ocupado h3 {
	background: #fe4a49;
	padding: 10px;
	color: #fff;
}

.panel-left h3 {
	color: #fff;
	font-weight: bold;
	font-size: 260%
}

span.cantidad {
	padding: 5px 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff;
	font-weight: bold;
	font-size: 15px
}

span.cantidad i {
	color: #fff
}

span.plus.bg-dark, span.minus.bg-dark {
	background: #bdbcbc;
	padding: 10px;
	color: #fff;
	font-size: 16px;
}

#salon1 a span.camarero, #salon2 a span.camarero {
	color: #fff;
}

.col-md-mesa {
	width: 12.5%;
	float: left;
}

.ocupado .categorias .btn {
	background: #fe4a49;
	color: #fff;
	height: 45px
}

.ocupado .categorias .btn i {
	color: #fff;
	font-size: 16px
}

.ocupado .search span.input-group-btn button.btn.btn-default {
	background: #4a72b1;
	height: 42px
}

.ocupado .search span.input-group-btn button.btn.btn-default i {
	color: #fff;
}

.ocupado .search input.form-control {
	height: 44px !important;
}

.ocupado .productos {
	padding: 15px;
}

.ocupado .productos a {
	width: 100%
}

.ocupado .productos div {
	padding-bottom: 10px;
}

.listado-productos i {
	font-size: 16px;
	color: #7d7c7c;
}

.ocupado .total tr {
	background: #7d7c7c !important;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.ocupado .descuento table tr:first-child {
	background: #C8E6C9;
	margin: 15px 0;
}

.ocupado .descuento table button, .ocupado .cerrar-mesa table button {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}

.ocupado .cerrar-mesa table button i {
	color: #fff
}

.ocupado .descuento table button.btn.btn-secondary, .ocupado .cerrar-mesa table button.btn.btn-secondary
	{
	background-color: gray;
	margin-right: 10px;
}

.ocupado .descuento table td {
	border: 0px
}


.ocupado .pago table {
	background: #f9f9f9;
}

.ocupado .pago table td {
	padding-left: 15px;
}
/***** FIN VISTA MESAS *****/
/***** INTEGRACION TIENDA NUBE *****/
.credenciales {
	background: #EEEEEE;
	padding: 20px 15px
}

.items-tienda {
	border-right: 1px solid #cccccc;
	padding: 10px
}

.contenido-tienda {
	margin: 20px;
}

.datos-tienda {
	margin-top: 30px;
}

.contenido-tienda .opcionConfiguracion {
	padding: 5px;
	margin: 5px 0;
}

.items-tienda h3 {
	font-size: 19px;
	padding-bottom: 10px;
}

.contenido-tienda i {
	color: #4a72b1;
}

.descargar-tienda {
	background: #eeeeee;
	padding: 20px;
	padding-top: 10px;
	width: 50%;
	margin: 12px 0;
}

.contenido-tienda .sincronizar-check {
	background: #eeeeee;
	padding: 5px 10px;
}

.sincronizar-check input {
	margin-right: 5px;
}

.imagen-integracion {
	padding: 20px;
}

.text-integracion {
	line-height: 18px;
}

.text-integracion h4 {
	color: #4a72b1
}

.boton-integracion {
	margin-top: 10px;
	padding-left: 0px;
}
/***** INTEGRACION TORNADO *****/
.items-tienda.depo-tornado {
	border: 0px;
	margin-top: -20px
}

.stock-tornado {
	margin-bottom: 20px;
}

.contenido-tienda .form-check .sincronizar-check {
	background: #eeeeee;
	padding: 10px
}

.contenido-tienda .form-check {
	margin-bottom: 5px;
}

.contenido-tienda label {
	line-height: 18px;
}

.contenido-tienda .row.a-las-x-horas {
	margin-left: -15px;
	margin-right: -15px;
}

@media ( max-width : 768px) {
	.items-tienda {
		border-right: 0;
		padding: 10px;
		border-bottom: 1px solid #cccccc;
	}

	.token-tienda {
		margin-top: 15px;
	}
	.datos-tienda {
		margin-top: -20px;
	}
	.descarga-tienda {
		padding: 0;
	}
	.boton-integracion {
		padding-left: 15px;
	}
	.credenciales {
		padding-top: 0px;
	}
}

.dual-table {
	border-collapse: collapse;
}

.dual-table tr {
	background-color: #eee;
	border-top: 1px solid #fff;
}

.dual-table tr:hover {
	background-color: #ccc;
}

.dual-table th {
	background-color: #fff;
}

.dual-table th, .dual-table td {
	padding: 3px 5px;
}

.dual-table td:hover {
	cursor: pointer;
}

/***** Hoja de Ruta *****/
.filtros2 {
	background: #EEEEEE;
	padding: 20px 15px;
	padding-bottom: 5px;
}

.detalle-articulo .nav-tabs>li.active>a, .detalle-articulo .nav-tabs>li.active>a:hover,
	.detalle-articulo .nav-tabs>li.active>a:focus {
	color: #fff;
	/*background-color: #4a72b1;
    border: 1px solid #4a72b1;*/
	background-color: #0b577c;
	border: 1px solid #0b577c;
	border-bottom-color: transparent;
	cursor: default;
}

.detalle-articulo .nav-tabs {
	border-bottom: 1px solid #0b577c;
	letter-spacing: 1px;
	font-size: 12px;
}

.detalle-articulo .nav>li>a:hover {
	text-decoration: none;
	background-color: rgba(142, 158, 167, 0.31);
	border: 0;
	border-bottom: 1px solid rgba(142, 158, 167, 0.31) !important;
}

.detalle-articulo .nav>li>a:focus {
	border-bottom: 1px solid #4a72b1 !important;
}

.detalle-articulo .panel-info>.panel-heading {
	color: #31708f;
	background-color: #f9f9f9;
	border-color: #f9f9f9;
	padding: 0px;
}

.panel-info {
	border-color: #e1e1e1;
}

.panel-info .nav-tabs>li>a {
	line-height: 1.2;
	color: #0b577c;
}

div#precio thead.precio th, div#stock thead th, div#ultimas thead th {
	background: rgba(62, 92, 106, 0.6);
	color: #fff;
}

.detalle-articulo {
	margin-top: 60px;
}

.detalle-articulo .imagen-detalle {
	padding: 25px 0px;
	padding-left: 10px;
}

.detalle-articulo .descripcion-art p {
	line-height: 16px;
}

.descripcion-detalle .estado {
	margin-top: 25px;
}

.descripcion-detalle .estado-activo i {
	font-size: 20px;
	color: #8BC34A
}

.descripcion-detalle .estado-inactivo i {
	font-size: 20px;
	color: #DF0101
}

.tabla-articulos .table>tbody>tr>td, .tabla-articulos .table>tbody>tr>th,
	.tabla-articulos .table>tfoot>tr>td, .tabla-articulos .table>tfoot>tr>th,
	.tabla-articulos .table>thead>tr>td, .tabla-articulos .table>thead>tr>th
	{
	vertical-align: middle;
}

.seleccionArticulo {
	background-color: #CFD8DC !important;
}

.icono-circulo {
	padding: 5px;
	color: #02284a;
	margin-right: 10px;
}

.icono-circulo i {
	font-size: 18px !important;
	text-align: left;
	line-height: 28px !important;
	margin: 0px;
	padding: 0px 5px;
	font-weight: 400;
	color: #0b577c
}
.icono-fulfillment{
	color: #00a650;
	display:inline;
}
.texto-fulfillment{
	color:#00a650;
	font-weight: 700;
	display: inline-block;
	
}
a.icono-circulo:hover i {
	font-weight: 700;
}

.btn-info.icono-circulo {
	background: #4abde8;
}

.btn-danger.icono-circulo {
	background-color: #F44336;
}

.tabla-articulos i.activo {
	color: #8BC34A;
}

.rowfiltros .form-group {
	padding: 7px;
	margin-bottom: 0px
}

.rowfiltros .form-group.articulo {
	padding: 10px 7px;
}

.botones-filtro .botones2, .botones-filtro.botones2 {
	padding-top: 25px;
}

.botones button#botonLimpiarFiltros, .rowfiltros button.btn.btn-primary2
	{
	margin-right: 10px;
}

button#botonLimpiarFiltros, .btn-secondary2 {
	border: 1px solid #0b577c;
	background: transparent;
	color: #0b577c;
	padding: 8px 16px;
}

button#botonLimpiarFiltros i, .btn-secondary2 i {
	color: #0b577c !important;
}
/*button#botonPaginado, .btn-secondary2 {
    border: 1px solid #0b577c;
    background: transparent;
    color: #0b577c;
    padding: 8px 16px;
}*/
button#botonPaginado, #botonPaginadoModal {
	border-radius: 6px;
	border: 1px solid rgba(22, 25, 30, .12);
	padding: 6px 10px;
	text-align: center;
	border: 1px solid #ff7756;
	color: #ff7756;
	margin: 0 auto;
}

.btn-secondary2 {
	color: #0b577c;
}

label.btn.label-ml.btn-secondary2.waves-effect.waves-light {
	color: #0b577c !important;
	padding-left: 35px
}

button.btn.btn-md.btn-secondary.filtrar, .btn-secondary.agregar {
	padding: 8px 16px;
	border: 1px solid #0b577c;
}

.busqueda-filtro label i, .clientes-filtros label i, .well .form-group label i
	{
	font-size: 14px;
	color: #0b577c;
}

.tabla-articulos .card, div#tablaDetalle .card {
	margin: 0px;
	margin-bottom: 20px
}

table.dataTable.no-footer {
	border-bottom: 0px;
}

.select2-container--bootstrap .select2-results__option {
	padding: 0px 12px;
	padding: 6px !important;
}

.row.rowfiltrosmovil h3 a, .row.rowfiltrosmovil h3 a i, .row.rowfiltrosmovil h3
	{
	font-size: 16px;
	margin: 0px;
	color: #0b577c;
	padding: 0px;
	font-weight: 400;
}

.row.rowfiltrosmovil h3 a i {
	vertical-align: middle;
	font-size: 21px;
	margin-right: 10px;
}

.row.rowfiltrosmovil h3 a {
	font-weight: 500;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before
	{
	top: 11px;
	left: 4px;
	height: 20px;
	width: 20px;
	display: block;
	position: absolute;
	color: white;
	border: none;
	border-radius: 14px;
	box-shadow: 0 0 3px #444;
	box-sizing: content-box;
	text-align: center;
	text-indent: 0 !important;
	line-height: 21px;
	background-color: #ff7656;
	content: "\f067";
	font-family: "Font Awesome 5 Pro";
}
/*************** Checkbox - switch ******************/
.material-switch>input[type="checkbox"] {
	display: none;
}

.material-switch>label.label-default {
	cursor: pointer;
	height: 0px;
	position: relative;
	width: 40px;
	background-color: #0b577c;
	margin: 25px auto;
	margin-left: 15px
}

.material-switch>label.label-default::before {
	background: rgb(0, 0, 0);
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
	border-radius: 8px;
	content: '';
	height: 16px;
	margin-top: -8px;
	position: absolute;
	opacity: 0.3;
	transition: all 0.4s ease-in-out;
	width: 40px;
}

.material-switch>label.label-default::after {
	background: rgb(255, 255, 255);
	border-radius: 16px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	content: '';
	height: 24px;
	left: -4px;
	margin-top: -8px;
	position: absolute;
	top: -4px;
	transition: all 0.3s ease-in-out;
	width: 24px;
}

.material-switch>input[type="checkbox"]:checked+label.label-default::before
	{
	background: inherit;
	opacity: 0.5;
}

.material-switch>input[type="checkbox"]:checked+label.label-default::after
	{
	background: inherit;
	left: 20px;
}
/*************** Menú Romina ******************/
.navbar-default .navbar-nav>li>a i {
	color: #E7E7E7;
	font-size: 20px;
}

.navbar-nav>li>.dropdown-menu li i {
	font-size: 13px;
	margin-right: 10px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
	{
	background-color: transparent;
}

.navbar-default .navbar-toggle {
	border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.dropdown-menu {
	color: #193048;
	font-size: 14px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	background-clip: padding-box;
	background: #f5f5f5;
	color: #193048;
	border: 0px;
	border-radius: 0px;
}

.navbar-toggle .icon-bar {
	display: block;
	width: 28px;
	height: 3px;
	border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 6px;
}

.dropdown-menu.profilebox.profileboxarrow_box {
	background: none repeat scroll 0 0 #f5f5f5;
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	margin-left: -285px;
	padding: 20px;
	width: 325px;
	color: #193048;
	font-size: 14px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	background-clip: padding-box;
}

.profileboxarrow_box:after, .searchboxarrow_box:after {
	bottom: 100%;
	left: 94%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(25, 48, 72, 0);
	border-bottom-color: #f5f5f5;
	border-width: 10px;
	margin-left: -20px;
	z-index: 2;
}

.dropdown-menu.searchbox.searchboxarrow_box {
	background: none repeat scroll 0 0 #f5f5f5;
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	margin-left: -285px;
	padding: 20px 30px;
	padding-bottom: 30px;
	width: 1920px;
	color: #193048;
	font-size: 14px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	background-clip: padding-box
}

.searchboxarrow_box:after {
	left: 98.5%;
}

.navbar-default .dropdown-menu.alert-drop .alert-drop-footer i {
	font-size: 18px;
}

.destacado-empresa, .titulo-buscador {
	padding: 10px 0;
	border-bottom: 1px solid #d5d4d4;
	margin-bottom: 10px;
}
.buscador select#buscador {
    width: 100%;
}
.destacado-empresa li, .titulo-buscador li {
	padding: 3px 20px;
}

.destacado-empresa li a {
	line-height: 1.846;
	color: #333
}

.navbar-default .dropdown-menu.alert-drop {
	background: none repeat scroll 0 0 #f5f5f5;
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	margin-left: -285px;
	padding: 20px;
	width: 325px;
	color: #193048;
	font-size: 14px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	background-clip: padding-box
}

ul.dropdown-menu.alert-drop:after {
	bottom: 100%;
	left: 94%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(25, 48, 72, 0);
	border-bottom-color: #f5f5f5;
	border-width: 10px;
	margin-left: -20px;
	z-index: 2;
}

span.select2.select2-container.select2-container--bootstrap {
	width: 100% !important;
}

ul#menu-iconos .nombre_empresa {
	margin-top: 30px;
	padding: 0 10px;
}
/*************** Clientes / Proveedores ******************/
.clientes-proveedores-listados, .abonoEdicion-listados {
	border-top: 1px solid #ddd;
}

.well.clientes-proveedores, .well.abonoEdicion {
	padding: 0 20px;
	padding-bottom: 20px;
}

.clientes-proveedores-listados h3, .abonoEdicion-listados h3, div#datos-basicos h3,
	div#div-precioStock h3, div#div-categoria h3, div#div-variaciones h3 {
	color: #0b577c;
	background: #CFD8DC;
	padding: 5px 10px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 400;
}

div#datos-basicos h3 {
	margin-bottom: 0px;
}

.clientes-proveedores button#botonTraerDatosDeAfip {
	border: 0px;
}

.cajaGraficos .movimientos {
	padding: 15px 0;

}


.log-actividad-cliente-proveedor .info-cliente li.list-group-item {
    overflow: scroll;
    padding: 15px 20px;
    padding-bottom: 0px;
}
.log-actividad-cliente-proveedor .facturarCliente {
	margin-top: 20px;
}
.container-fluid.log-actividad-cliente-proveedor {
    background: #e9e9e9;
}
.log-actividad-cliente-proveedor .info-cliente ul.list-group {
	margin-bottom: 0px;
}
a.btn.btn-md.pull-right.btn-success.waves-effect.waves-light i {
    color: #Fff;
}
.ventas-pagos {
	margin-top: 60px;
	padding: 0
}

div#listMovimientos_wrapper {
	padding: 0px;
}

div#divCuentaCorriente {
	line-height: 16px;
}

.contactos-clientes {
	background: #ebebeb;
}

.log-actividad {
	padding-right: 0;
}

.contactos-clientes .card .card-content {
	padding: 15px;
	padding-top: 0px
}

.log-actividad-cliente-proveedor .info-cliente .card-content {
	padding: 0px;
	background: #cfd8dc;
}

div#tabla1_wrapper textarea.form-control {
	height: auto;
}
/*************** Abonos ******************/
.material-switch.check2 {
	margin: 10px 0;
}

.material-switch.check2 label {
	display: inline;
}

.material-switch.check2>label.label-default::before {
	margin-top: -2px;
}

.material-switch.check2>label.label-default::after {
	top: 2px;
}
/*Check box*/
.form-check3 input[type="checkbox"]+.label-text:before {
	content: "\f111";
	font-family: "Font Awesome 6 Pro";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
	font-size: 17px;
	font-weight: 400
}

.form-check3 .label-default {
	background: transparent;
}

.form-check3 input[type="checkbox"], .form-check3 input[type="radio"] {
	position: absolute;
	opacity: 0
}

.form-check3 input[type="checkbox"]:checked+.label-text:before {
	content: "\f058";
	color: #0b577c;
	animation: effect 250ms ease-in;
	font-weight: 700;
}

.form-check3 input[type="checkbox"]:disabled+.label-text {
	color: #aaa;
}

.form-check3 input[type="checkbox"]:disabled+.label-text:before {
	color: #ccc;
	content: "\f111";
}
/*Radio box*/
.form-check.checkRedondo {
	margin-bottom: 20px;
}

.form-check.checkRedondo input[type="radio"], .form-check.checkRedondo input[type="checkbox"]
	{
	position: absolute;
	right: 9000px;
}

.form-check.checkRedondo label {
	display: inline;
	margin-right: 10px;
}

.form-check.checkRedondo input[type="radio"]+.label-text:before {
	content: "\f10c";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
	color: #0b577c;
	font-size: 18px
}

.form-check.checkRedondo input[type="radio"]:checked+.label-text:before
	{
	content: "\f192";
	color: #0b577c;
	animation: effect 250ms ease-in;
}

.form-check.checkRedondo input[type="radio"]:disabled+.label-text {
	color: #aaa;
}

.form-check.checkRedondo input[type="radio"]:disabled+.label-text:before
	{
	content: "\f111";
	color: #ccc;
}
/*************** Agenda Mail masivo******************/
.headerAgenda .form-check3 {
	float: left;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
	{
	border: 1px solid #9ebbcb;
	font-weight: normal;
	background: #9ebbcb;
	color: #0b577c;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
	{
	color: #0b577c;
	text-decoration: none;
}

.ui-state-active small {
	color: white;
}

.headerAgenda small {
	padding: 10px;
}
/*************** Campos Etiquetas ******************/
div#Textarea textarea, div#Etiquetas span.select2-selection.select2-selection--multiple,
	div#Textarea span.select2-selection.select2-selection--multiple, div.selectMultiple span.select2-selection.select2-selection--multiple
	{
	height: 80px;
    overflow-y: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple
	{
	border: solid #cccccc 1px;
	outline: 0;
}
	.cobro-clientes-total .certificado-impresion {
    padding: 5px 0;
}
.cobro-clientes-total .certificado-impresion .icono-circulo {
    color: #0b577c;
    font-size: 18px;
    vertical-align: middle;
}
.cobro-clientes-total .certificado-impresion .icono-circulo:hover{
	font-weight: 700
}
.card.cobro-clientes-total {
    padding: 20px;
}
.botones-derecha-top h1 {
    color: #ea6a47;
}
.botones-derecha-top h1 a i:hover {
    font-weight: 700;
}
button#btnGuardarDocumento:hover, a.btn.btn-md.pull-right.btn-success.waves-effect.waves-light:hover {
    background: #42a146
}
button#btnGuardarDocumento:hover {
    background: #ff7756;
}
a#btnOrdenDeTrabajo {
    border: 1px solid #5E4BC9;
    background: #ded5ed;
    color: #5E4BC9;
    font-weight: 500;
    margin: 0 5px;
}
a#btnRemito {
    color: #329992;
    border: 1px solid #329992;
    font-weight: 500;
    background: #d9edeb;
}

a#btnNotaDebito {
    color: #ff7755;
    border-color: #ff7755;
    background: #fff5f3;
    font-weight: 500;
    margin: 0 5px;
}
a#btnNotaCredito {
    background: none;
    color: #ec971f;
    border: 1px solid #ec971f;
    font-weight: 500;
    background: #fdf2e2;
}
a#btnFacturar {
    border: 1px solid #337ab7;
    background: #d7e4ef;
    color: #337ab7;
    font-weight: 500;
    margin: 0 5px;
}
a#btnFacturar i{
	color: #337ab7 !important ;
}
a#btn-anular-documento {
    background: #e63946;
    border: 1px solid #E63946;
}
.extras .extrasitem {
    padding-left: 0;
}
button#btn-sincronizarAhora-tienda-nube-tiendaNubeBajadaArticulos, button#btn-sincronizarAhora-tienda-nube-tiendaNubeBajadaClientes, button#btn-sincronizarAhora-tienda-nube-tiendaNubeBajadaPedidos, .btn-info, .btn-info:hover {
    color: #00bcd4;
    background: #eaf7f9;
    font-weight: 500;
    border: 1px solid #00bcd4;
}
/*************** Vista Visualizacion de Documento ******************/
.botoneraTopDocumento .botones {
    padding: 20px 0;
}
.botoneraTopDocumento .btn-secondary2 {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 5px;
}
.VistaDocumentoFactura .card {
    padding: 40px;
}
.VistaDocumentoFactura:before {
    content: "";
    position: absolute;
    top: 22px;
    right: 12px;
    border-width: 0 30px 32px 0;
    border-style: solid;
    border-color: #f4f8f9 #f4f8f9 #eaedf7 #eaedf7;
    background: #FFF;
    display: block;
    width: 0;
    z-index: 9;
}
.VistaDocumentoFactura .datosDocumento, .VistaDocumentoFactura .datosCliente {
    margin: 20px 0;
}
.VistaDocumentoFactura .ObservacionesNotas li.list-group-item.texto {
    line-height: normal;
    font-weight: 400;
    color: #767681;
}
.VistaDocumentoFactura .ObservacionesNotas li.list-group-item.texto {
    border-top: 0px;
    padding-top: 0px;
}
.VistaDocumentoFactura .Totales li.list-group-item h2 {
    border-top: 1px solid #ddd;
}
.VistaDocumentoFactura .Articulos {
    margin-top: 0;
    margin-bottom: 30px;
}
.VistaDocumentoFactura .Totales li.list-group-item {
    border: 0px;
}
.VistaDocumentoFactura .Totales {
    margin-top: 20px;
}
.VistaDocumentoFactura .Articulos table thead tr th, .VistaDocumentoFactura .CondicionesPago table thead tr th {
    color: #02284a;
    background: #CFD8DC;
    font-weight: 500;
}
.VistaDocumentoFactura .Totales li.list-group-item span.pull-right {
    font-weight: 400;
}
.VistaDocumentoFactura .Totales li.list-group-item h2 {
    margin-bottom: 0;
    font-weight: 500;
}

/*************** Modal Pagar Factura ******************/
div#modalPagarFactura .modal-body.modal-scroll, div#modalTotalesConcepto .modal-body.modal-scroll {
    padding-top: 0;
}
div#modalMovimientosCaja .modal-header, div#modalTotalesConcepto div#ModalTotalesTitulos {
    background: #f4f8f9;
}
div#modalTotalesConcepto div#ModalTotalesTitulos {
    padding: 20px;margin-bottom: 20px;
}
div#modalTotalesConcepto div#ModalTotalesTitulos ul.list-group {
    margin-bottom: 0; font-size: 14px
}
div#modalTotalesConcepto .modal-body.modal-scroll {
    padding: 0;
}
div#montosAPagar, div#modal-abrir-turno .modalUserPass, div#modal-abrir-turno #mensajesModal, div#modal-cerrar-turno .modalUserPass, div#modal-cerrar-turno #mensajesModal {

    background: #f4f8f9;
}
div#modal-abrir-turno .modalUserPass, div#modal-cerrar-turno .modalUserPass {
    padding: 20px;
}
div#modal-cerrar-turno .alert-info h4 {
    color: #3A3A3A;
    margin-bottom: 20px;
}
div#montosAPagar .porPagar{
	margin-bottom: 5px
}
div#montosAPagar .porPagar li.list-group-item {
    background: #f4f8f9;
    border: 0px;
    border-top: 1px solid #ddd;
    border-radius: 0;
}
div#modalMovimientosCaja .modal-header ul.list-group {
    margin-bottom: 0;
    margin-top: 20px;
}

div#montosAPagar .porPagar span.pull-right {
    font-size: 16px;
}
div#modalMovimientosCaja .modal-header h2.modal-title {
    margin-bottom: 10px;    padding-bottom: 0;
}
div#pagoMulticobro h4, div#modal-abrir-turno ul.list-group li h4, div#modal-cerrar-turno ul.list-group li h4, div#modal-cerrar-turno h4 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 16px;
}
div#modal-cerrar-turno  div#modalSaldo hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
div#modal-cerrar-turno span#warning-diferencia-movimientos {
    padding: 15px;
    display: block;
    margin-top: 20px;
    color: #ff7756;
    background: #f5e2de;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
div#modal-cerrar-turno div#danger-diferencia-monto span.alert-danger.mensajes.text-danger{
	padding: 15px;
    display: block;
    margin-top: 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
/*************** Totem Articulos ******************/
#TotemArticulos .card {
    box-shadow: rgb(0 0 0 / 8%) 0px 6px 8px 0px, rgb(0 0 0 / 4%) 0px 0px 0px 1px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 6px 8px 0px, rgb(0 0 0 / 4%) 0px 0px 0px 1px;
    -moz-box-shadow: rgb(0 0 0 / 8%) 0px 6px 8px 0px, rgb(0 0 0 / 4%) 0px 0px 0px 1px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-transition: -webkit-box-shadow .2s,-webkit-transform .2s;
    transition: -webkit-box-shadow .2s,-webkit-transform .2s;
    transition: box-shadow .2s,transform .2s;
    transition: box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s;
}
#TotemArticulos .card:hover{
	box-shadow: rgb(0 0 0 / 8%) 0px 8px 12px 0px, rgb(0 0 0 / 4%) 0px 0px 0px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 12px 0px, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px;
    -webkit-box-shadow: rgb(0 0 0 / 8%) 0px 8px 12px 0px, rgb(0 0 0 / 4%) 0px 0px 0px 1px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
#TotemArticulos .articulos-listado .imagen-detalle {
    padding: 20px;
    padding-bottom: 0;
    height:200px !important;
    display: flex;
    justify-content: center; 
    overflow: hidden;
}
#TotemArticulos .articulos-listado .imagen-detalle img {
	max-height: 100%;
	object-fit: cover;
}

#TotemArticulos .well {
    margin-bottom: 0px;
}
#TotemArticulos div#busqueda {
    margin: 10px 0;
}
#TotemArticulos .articulos-listado .descripcion-detalle {
    padding: 20px 0;
}
#TotemArticulos .articulos-listado .descripcion-detalle h3#estadoDetalle {
    margin-top: 0;
    font-size: 18px
}
#TotemArticulos .articulos-listado .descripcion-detalle h4#codigoDescripcionDetalle {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}
#TotemArticulos div#busqueda .buscador li.list-group-item {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    padding: 0px 10px;
    border: 0px;
}
#TotemArticulos div#busqueda .buscador li.list-group-item i.iconobarra {
    color: #fff;
    font-size: 20px;
    background: #629cc3;
    padding: 10px 15px;
    margin-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#TotemArticulos div#busqueda .buscador ul.list-group {
    margin-bottom: 0;
}
#TotemArticulos div#busqueda .buscador input#modal-search {
    height: 40px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-left: 15px;
    border-radius: 0px;
}
#TotemArticulos div#busqueda .buscador li.list-group-item button.btn.btn-md.btn-secondary.filtrar {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 9px 18px;
}
#TotemArticulos div#busqueda .buscador li.list-group-item button.btn.btn-md.btn-secondary.filtrar i {
	font-weight: 400;
	margin-right: 5px
}

#TotemArticulos div#modal-mostrar-articulo .descripcion-detalle {
    line-height: normal;
        margin-bottom: 20px;
    font-weight: 400;
}
#TotemArticulos div#modal-mostrar-articulo .modal-header {
    padding: 5px 15px;
}
#TotemArticulos div#modal-mostrar-articulo h3#estado-detalle-modal {
    margin-top: 0;
}
#TotemArticulos div#modal-mostrar-articulo .detalle-precio {
    margin-top: 10px;
}
#TotemArticulos div#modal-mostrar-articulo .modal-footer .form-group {
    margin-bottom: 0;
}
#TotemArticulos div#modal-mostrar-articulo div#talles, #TotemArticulos div#modal-mostrar-articulo div#colores {
    margin-top: 10px;
}

/*************** Listado Administracion de Cajas ******************/
.ListadoAdminCajas .well {
    margin-bottom: 0;
}
.AdministracionDeCajas .destacados-inicio .card{
	margin: 0;
	padding: 20px
}
.AdministracionDeCajas .destacados-inicio .card ul.list-group {
    margin-bottom: 0;
}
.AdministracionDeCajas .destacados-inicio div#cantidadCard {
    padding-top: 0;
}
.AdministracionDeCajas .destacados-inicio .card ul.list-group p {
    font-size: 14px;
}
.ListadoAdminCajas form#form-administracion-caja {
    margin-bottom: 20px;
}
.destacados-inicio div#cajaCard {
    padding: 0 20px;
}
.destacados-inicio div#cajaCard:nth-child(1) .list-group{
    margin-top: 20px;
}
.destacados-inicio div#cajaCard .list-group h4.title, .SeleccionarTurno .igualAltura .list-group h4.title, .AdministracionDeCajas .destacados-inicio .card ul.list-group h4{
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin-bottom: 16px
}
.SeleccionarTurno .igualAltura .list-group h4.title {
    margin-top: 0;
}
.SeleccionarTurno .igualAltura .list-group span.colorEstadoVerde.pull-right {
    margin-top: -5px;
}
.SeleccionarTurno h3 {
    margin-top: 0;
    font-size: 18px;
}
.SeleccionCajaAbierta{
	margin-top: 30px
}
.gananciasAgrupadas .card {
    margin-top: 0;
}
.destacados-lateral.destacados-ganancias-repo h3 {
    border: 0;
    margin-bottom: 5px;
}
.botones-filtro.botones2 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 0;
}
.btn-secondary.masfiltros {
    background: #78909C;
}
/*************** Fin Menú Romina ******************/

@media ( max-width :1800px) {
	.dropdown-menu.searchbox.searchboxarrow_box {
		width: 1800px;
	}
}

@media ( max-width :1700px) {
	.dropdown-menu.searchbox.searchboxarrow_box {
		width: 1700px;
	}
}

@media ( max-width :1600px) {
	.dropdown-menu.searchbox.searchboxarrow_box {
		width: 1600px;
	}
}

@media ( max-width :1560px) {
	.dropdown-menu.searchbox.searchboxarrow_box {
		width: 1550px
	}
	ul#menu-iconos .nombre_empresa {
		max-width: 485px;
		line-height: 16px;
	}
}

@media ( max-width :1530px) {
	.dropdown-menu.searchbox.searchboxarrow_box {
		width: 1520px
	}
}

@media ( max-width :1440px) {
	.dropdown-menu.searchbox.searchboxarrow_box {
		width: 1440px
	}
	ul#menu-iconos .nombre_empresa {
		max-width: 385px;
	}
}

@media ( max-width :1366px) {
	.dropdown-menu.searchbox.searchboxarrow_box {
		width: 1366px
	}
	ul#menu-iconos .nombre_empresa {
		max-width: 448px;
	}
	.nav>li>a {
		padding: 16px 8px;
	}
	#botonAyudaSiguiente {
		left: 50px;
	}
	#botonAyudaAnterior {
		left: 15px;
	}
	p.precioplan {
    font: 500 30px 'roboto condensed', sans-serif;

}
}

@media ( max-width :1280px) {
	.dropdown-menu.searchbox.searchboxarrow_box {
		width: 1280px
	}
	ul#menu-iconos .nombre_empresa {
		max-width: 355px;
	}
	#botonAyudaSiguiente {
		left: auto;
		right: -20px;
	}
}

@media ( max-width :1024px) {
	.navbar-brand>.logo-desktop {
		display: none !important;
	}
	.navbar-brand>.logo-movil {
		display: block !important;
	}
	th.primera.primera2 {
		display: block !important;
		color: #fff;
	}
	.navbar-default .navbar-nav>li>a {
		padding: 16px 4px;
	}
	ul#menu-iconos .nombre_empresa {
		max-width: 290px;
	}
	.dropdown-menu.searchbox.searchboxarrow_box {
		width: 1024px
	}
	.log-actividad-cliente-proveedor .info-cliente h2 {
		line-height: 30px;
	}
	#botonAyudaSiguiente {
		left: auto;
		right: -10px;
	}
	.cabeceraPrimerosPasos {
		padding-bottom: 25px;
	}
}

@media ( max-width :880px) {
	ul#menu-iconos .nombre_empresa {
		max-width: 0px;
		display: none;
	}
}

@media ( max-width :767px) {
	.rowfiltrosmovil {
		display: block !important
	}
	#rowfiltros {
		display: none
	}
	div#rowfiltros .container-fluid .row {
		border-top: 1px solid #0b577c;
		padding-top: 10px;
		margin-top: 8px;
	}
	.xls_importador_planillaCompleta {
		border-top: 1px solid #ddd;
		margin-top: 10px;
	}
	.scroll_text {
		height: auto !important;
	}
	.verayuda {
		vertical-align: middle;
		font-size: 20px;
		margin-top: 12px;
	}
	.listado-ayuda .navbar-collapse.in {
		overflow-y: auto;
		max-height: 460px;
	}
	.listado-ayuda a.nav-link {
		padding: 10px 20px;
		font-size: 14px;
	}
	.ayuda-descripcion {
		padding: 0 20px;
	}
	#botonAyudaSiguiente {
		right: 50px;
	}
	#botonAyudaAnterior {
		left: auto;
		right: 85px;
	}
	#botonAyudaAnterior, #botonAyudaSiguiente {
		top: -5px;
	}
	.botones-filtro .btn {
		margin-right: 3px;
	}
	.botones-filtro .botones2 {
		padding-top: 7px;
	}
	.navbar-default {
		background-color: #474747;
		border: 0px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: #e7e7e7;
		background: #f5f5f5;
	}
	.navbar-default .navbar-nav>li>a {
		color: #262626;
		font-size: 14px
	}
	.navbar-default .navbar-nav>li>a i {
		color: #262626;
		font-size: 20px;
	}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
		{
		color: #262626;
		background: rgba(0, 0, 0, .1);
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus,
		.navbar-default .navbar-nav>.open>a:hover {
		color: #262626;
		background: rgba(143, 143, 143, 0.43);
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #262626;
	}
	/*************** TEST Menú Romina ******************/
	#menu-iconos {
		position: absolute !important;
		top: 18px !important;
		right: 12%;
	}
	#menu-iconos li {
		display: inline-block;
	}
	ul#menu-iconos i {
		color: #E7E7E7;
		font-size: 24px;
		margin-right: 0px
	}
	ul#menu-iconos a {
		color: #E7E7E7;
		padding: 8px 12px
	}
	#menu-iconos .dropdown-menu li {
		display: block;
	}
	#menu-iconos .dropdown-menu li a, ul#menu-iconos .alert-drop-footer.text-center a
		{
		line-height: 1.846;
		white-space: nowrap;
		color: #262626;
		text-transform: uppercase
	}
	#menu-iconos .dropdown-menu li a i {
		font-size: 16px;
		margin-right: 10px;
		color: #262626;
	}
	#menu-iconos .destacado-empresa {
		color: #262626;
		text-transform: uppercase;
	}
	#menu-iconos .destacado-empresa li, #menu-iconos .titulo-buscador li {
		padding: 5px 0px;
	}
	#menu-iconos .destacado-empresa li:first-child {
		padding: 5px 10px;
	}
	ul#menu-iconos .titulo-buscador li i {
		font-size: 16px;
		margin-right: 10px;
		color: #262626;
	}
	ul#menu-iconos .alert-drop-title i {
		font-size: 16px;
		color: #262626;
	}
	ul#menu-iconos .alert-drop-footer i {
		font-size: 18px;
		color: #262626;
	}
	ul#menu-iconos .titulo-buscador, ul#menu-iconos ul.dropdown-menu.alert-drop
		{
		color: #262626;
		text-transform: uppercase;
	}
	ul#menu-iconos .profileboxarrow_box:after {
		margin-left: -10px;
	}
	ul#menu-iconos .searchboxarrow_box:after {
		margin-left: -110px;
	}
	.dropdown-menu.searchbox.searchboxarrow_box form.navbar-form {
		border: transparent;
	}
	.dropdown-menu.searchbox.searchboxarrow_box {
		width: 100%;
		margin-left: auto;
		left: auto;
		margin-right: -70px;
		right: 0;
		min-width: 650px;
		top: 40px
	}
	ul.dropdown-menu.profilebox.profileboxarrow_box, .navbar-default .dropdown-menu.alert-drop
		{
		top: 40px;

	}
	.navbar-default .dropdown-menu.alert-drop .drop-content {
		min-height: 195px;
		max-height: 200px;
		overflow-y: scroll;
	}
	.navbar-default .dropdown-menu.alert-drop {
		min-width: 330px;
		min-height: 300px;
		max-height: 300px;
	}
	.navbar-nav .open .dropdown-menu {
		background: #dddddd;

	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header
		{
		padding: 10px 15px;
	}
	.navbar-default .navbar-nav>li>a:hover {
		background: rgba(221, 221, 221, 0.6901960784313725);
	}
	.navbar-nav .open .dropdown-menu ul.dropdown-menu {
		background: #EEEEEE;
		width: 100% !important;
	}
	/*************** FIN TEST Menú Romina ******************/

	.tabla-articulos table.dataTable>tbody>tr.child span.dtr-title {
		display: none;
	}
	.tabla-articulos table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,
		table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
		text-align: center;
	}
	.tabla-hojaRuta .dataTable>tbody>tr.child li:nth-child(6) span.dtr-title
		{

		display: none;
	}
	.tabla-hojaRuta  table.dataTable>tbody>tr.child ul.dtr-details>li label
		{
		display: inline-block;
	}
	.tabla-hojaRuta table.dataTable>tbody>tr.child ul.dtr-details>li:nth-child(odd)
		{
		background: #f9f9f9;
	}
	.tabla-hojaRuta  table.dataTable>tbody>tr.child ul.dtr-details>li:first-child
		{
		padding: 0.5em 0
	}
	.opciones-filtro2 {
		padding: 10px 15px;
	}
	.clientes-filtros a#btn-ver-documentos-sin-imputar {
		margin-top: 0px;
	}
	.clientes-filtros .boton-cliente {
		height: auto !important;
		margin-top: 20px
	}
	.tabla-recibos h3.titulo {
		margin: 0;
		font-size: 18px;
		color: #474747;
	}
	.btn-borrarimg:hover {
		box-shadow: none;
		background: none;
	}
	.tabla-rutaEdicion .rutaEdicion-listado h2 {
		margin-left: 0px;
	}
	.tabla-rutaEdicion .boton-remito .text-left {
		text-align: left;
	}
	div#modalRemitos button.btn.btn-md.btn-secondary.filtrar {
		margin-bottom: 0px;
	}
	.imagen-subida {
		max-width: 100%;
		max-height: 100%;
	}
	div#pagoMulticobro .col-md-3.col-sm-12 {
    margin: 20px 0;
}
}

@media ( max-width :568px) {
	.dropdown-menu.searchbox.searchboxarrow_box {
		margin-right: -60px;
		min-width: 550px;
	}
	ul#menu-iconos ul.dropdown-menu.profilebox.profileboxarrow_box, ul#menu-iconos .navbar-default .dropdown-menu.alert-drop
		{
		top: 40px;
		max-height: 300px;
		padding: 5px 20px;
	}
	.navbar-default .dropdown-menu.alert-drop {
		min-width: 330px;
		min-height: 250px;
		max-height: 250px;
	}
	.navbar-default .dropdown-menu.alert-drop .drop-content {
		min-height: 150px;
		max-height: 150px;
		overflow-y: scroll;
	}
}

@media ( max-width :480px) {
	p.frasetop {
		display: none
	}
	.botoneraTopDocumento .botones {
    text-align: center;
}
.ListadoAdminCajas .well {
    margin-bottom: 0;
    margin-top: 20px;
}
div#modalMovimientosCaja .modal-header ul.list-group li.list-group-item span {
    width: 100%;
    padding: 10px 0;
}
div#modalMovimientosCaja .modal-header ul.list-group li.list-group-item {
    padding-bottom: 30px;
}
.SeleccionarTurno .botones-derecha-top {
    background: transparent;
    justify-content:right !important;
    margin: initial;
}
div#modalMovimientosCaja .modal-header ul.list-group li.list-group-item p {
    line-height: 20px;
}
.CambiarTurno .botones-derecha-top a {
    width: 100%;
    margin: 10px 15px;
    background: #f4f8f9;
}
div#modal-cerrar-turno span#modalUsername, div#modal-abrir-turno span#modalUsername {
    margin-bottom: 15px;
    display: block;
}
	.VistaDocumentoFactura .card {
    padding: 30px 0;
}
	#botonAyudaAnterior, #botonAyudaSiguiente {
		position: relative;
		top: 0;
		left: 0;
		font-size: 32px;
		cursor: pointer;
	}
	.saldos-cuenta-corriente .Saldosmovil {
    display: block;
    padding: 5px;
}
	.saldos-cuenta-corriente  span.col-md-offset-1.Saldosmovil {
    border-top: 1px solid #dddddd;
    margin: 10px 0;
    margin-bottom: 0;
}
	.tabla_xls_Importacion th, .tabla_xls_Importacion td {
		text-align: center;
	}
	.ayuda-descripcion {
		background: #fff;
		padding: 0 10px;
		padding-bottom: 20px;
	}
	.titulo-ayuda h1 {
		font-size: 16px;
		padding: 0 10px
	}
	.ayuda-descripcion p {
		font-size: 14px;
		line-height: 18px;
	}
	.titulo-ayuda i {
		color: #3378b7;
		background: #eeeeee;
		padding: 17px 13px;
		font-size: 26px;
	}
	h1, h2 {
		margin-top: 0px;
		font-size: 18px;
		font-weight: 400;
		color: #3A3A3A;
		line-height: 50px;
	}
	.botones-suscripcion {
    position: relative;
    left: 0;
    top: 0;
    padding: 20px 30px;
}
.cajas-finsuscripcion .botones-suscripcion .cambiarPlan, .botones-suscripcion .cancelarsusc {
    width: 100%;
}
	
	.icono-circulo i {
		font-size: 21px !important;
	}
	label {
		margin-bottom: 8px;
		font-size: 12.5px;
	}
	.rowfiltros .form-group {
		padding: 7px;
		margin-bottom: 0px;
	}

	.botones-filtro {
		padding: 0;
		margin: 10px 0;
	}
	.botones-filtro button, .botones2 button , .btn-secondary.masfiltros{
		width: 100% !important;
		display: block !important;
		margin: 5px 0 !important;
	}
	.seleccion-plan .titulo span {
		margin-left: 0;
	}
	.seleccion-plan button.btn.btn-md.btn-primary2.volver.elegir-plan {
		float: none !important;
	}
	div#categoriasSeleccionadas i {
		display: none;
	}
	.log-actividad-cliente-proveedor .facturarCliente {
		margin-top: 0px;
	}
	.log-actividad {
		padding-right: 15px;
	}
	#botonAyudaSiguiente {
		right: 20px;
	}
	#botonAyudaAnterior {
		right: 40px;
	}
	.detalle-articulo .imagen-detalle {
		padding: 15px;
	}
	div#tablaDetalle .panel-body {
		padding: 10px 0px;
		padding-bottom: 0px
	}
	div#tablaDetalle .panel-secundario {
		padding: 8px;
	}
	div#rowfiltros .container-fluid .row .filtro1, div#rowfiltros .container-fluid .row .filtro2,
		div#rowfiltros .container-fluid .row .botones-filtro {
		padding: 0px;
	}
	button.btn.btn-md.btn-secondary.filtrar {
		width: 40%;
	}
	button.btn.btn-md.btn-secondary.filtrar.facturacion {
		width: auto;
	}
	.pagination>li>a, .pagination>li>span {
		padding: 0 5px;
	}
	.dropdown-menu.searchbox.searchboxarrow_box {
		margin-right: -80px;
		min-width: 430px;
	}
	ul#menu-iconos ul.dropdown-menu.profilebox.profileboxarrow_box, ul#menu-iconos .navbar-default .dropdown-menu.alert-drop
		{
		top: 40px;
		max-height: 300px;
		padding: 5px 20px;
		margin-left: -190px;
	}
	ul#menu-iconos .profileboxarrow_box:after {
		margin-left: -80px;
	}
	.navbar-default .dropdown-menu.alert-drop {
		margin-left: -125px;
		min-width: 330px;
		min-height: 300px;
		max-height: 350px
	}
	.navbar-default .dropdown-menu.alert-drop .drop-content {
		min-height: 250px;
		max-height: 250px;
		overflow-y: scroll;
	}
	ul.dropdown-menu.alert-drop:after {
		left: 52%;
	}
	#menu-iconos {
		right: 18%;
	}
	ul#menu-iconos i {
		font-size: 25px;
	}
	ul#menu-iconos a {
		padding: 8px 18px;
	}
	h2 {
		margin: 20px 0;
		font-size: 18px;
		font-weight: 400;
		color: #3A3A3A;
		line-height: 1.5em;
	}
	a#btn-agregar-cheques {
    font-size: 13px;
}
.botonesemitir {
    padding: 15px 0;
}
.extras .extrasitem {
    padding: 0;
    margin-bottom: 15px;
}
a#btnNotaCredito, a#btnNotaDebito, a#btnRemito, a#btnOrdenDeTrabajo, .MasOpciones button.btn.btn-md.btn-primary2.volver.waves-effect.waves-light, a#btn-anular-documento, button#btnGuardarDocumento, #btnFacturar, button#btn-sincronizarAhora-tienda-nube-tiendaNubeBajadaArticulos, button#btn-sincronizarAhora-tienda-nube-tiendaNubeBajadaClientes, button#btn-sincronizarAhora-tienda-nube-tiendaNubeBajadaPedidos, .btn-info {
    margin: 0;
    margin-bottom: 10px;
    display: block;
    width: 100%
}
button#btnGuardarDocumento {
    margin-top: 20px;
}
.botones-derecha-top {
    margin-bottom: 0;
    justify-content: center !important;
    background: #f0f0f0;
    margin: 0 -15px;

}
.botones-derecha-top h1 {
    margin-bottom: 0;
}
h1#tituloVista {
    margin-bottom: 0;
    line-height: normal;
    margin-top: 20px;
}
}

@media ( max-width :375px) {
	.dropdown-menu.searchbox.searchboxarrow_box {
		margin-right: -68px;
		min-width: 375px;
	}
	ul#menu-iconos ul.dropdown-menu.profilebox.profileboxarrow_box {
		margin-left: -155px;
	}
	ul#menu-iconos .profileboxarrow_box:after {
		margin-left: -110px;
	}
	.navbar-default .dropdown-menu.alert-drop {
		margin-left: -90px;
	}
	ul.dropdown-menu.alert-drop:after {
		left: 42%;
	}
}

@media ( max-width :360px) {
	.navbar-default .dropdown-menu.alert-drop {
		margin-left: -80px;
	}
	ul.dropdown-menu.alert-drop:after {
		left: 40%;
	}
	ul#menu-iconos ul.dropdown-menu.profilebox.profileboxarrow_box {
		margin-left: -140px;
	}
	ul#menu-iconos .profileboxarrow_box:after {
		margin-left: -130px;
	}
	.botones button#botonLimpiarFiltros {
		margin-right: 5px;
	}
}

@media ( max-width :320px) {
	ul#menu-iconos a {
		padding: 8px 15px;
	}
	.navbar-default .dropdown-menu.alert-drop {
		margin-left: -75px;
	}
	ul#menu-iconos ul.dropdown-menu.profilebox.profileboxarrow_box {
		margin-left: -130px;
	}
	.dropdown-menu.searchbox.searchboxarrow_box {
		margin-right: -68px;
		min-width: 340px;
	}
}

.alert-netegia {
	background-color: #ff9d0b7d;
	border-color: #ff9d0b7d;
	color: black
}

.EsWeb {
	font-size: 16px;
	font-weight: 400;
	color: #0b577c;
	margin-left: 10px;
	vertical-align: middle;
}

span.colorEstadoPENDIENTE, span.colorEstadoFACTURADO, span.colorEstadoANULADO,
	span.colorEstadoAPROBADO, span.colorEstadoPROCESADO, span.colorEstadoRECHAZADO,
	span.colorEstadoENVIADO, span.colorEstadoERROR, span.colorEstadoAmarillo,
	span.colorEstadoAzul, span.colorEstadoBlanco, span.colorEstadoCeleste,
	span.colorEstadoNaranja, span.colorEstadoNegro, span.colorEstadoRojo,
	span.colorEstadoRosa, span.colorEstadoVerde, span.colorEstadoVioleta {
	font-weight: 400;
	text-align: center;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 5px 10px;
	/*display: block;*/
}

span.colorEstadoAmarillo {
	color: #8b7306 !important;
	background: #FFF59D !important
}

span.colorEstadoAzul {
	background: #9ebbcb !important;
	color: #0b577c !important
}

span.colorEstadoBlanco {
	background: #ffffff !important;
	color: #000000 !important
}

span.colorEstadoCeleste {
	background: #09F3F3 !important;
	color: #099595 !important
}

span.colorEstadoNaranja {
	background: #F89506 !important;
	color: #A56405 !important
}

span.colorEstadoNegro {
	background: #000000 !important;
	color: #FFFFFF !important
}

span.colorEstadoRojo {
	color: #b42d02 !important;
	background: #ffbab5 !important
}

span.colorEstadoRosa {
	background: #FF90DF !important;
	color: #B74596 !important
}

span.colorEstadoVerde {
	background: #c3e2c6 !important;
	color: #0f5411 !important
}

span.colorEstadoVioleta {
	background: #A60577 !important;
	color: #000000 !important
}

i.colorEstadoAmarillo {
	color: #FFF59D !important;
}

h3.title.colorEstadoAmarillo {
	color: #8b7306 !important;
	background: #FFF59D !important
}

i.colorEstadoAzul {
	color: #9ebbcb !important;
}

h3.title.colorEstadoAzul {
	background: #9ebbcb !important;
	color: #0b577c !important
}

i.colorEstadoBlanco {
	color: #c0c0c0 !important;
}

h3.title.colorEstadoBlanco {
	background: #c0c0c0 !important;
	color: #000000 !important
}

i.colorEstadoCeleste {
	color: #09F3F3 !important;
}

h3.title.colorEstadoCeleste {
	background: #09F3F3 !important;
	color: #099595 !important
}

i.colorEstadoNaranja {
	color: #F89506 !important;
}

h3.title.colorEstadoNaranja {
	background: #F89506 !important;
	color: #A56405 !important
}

i.colorEstadoNegro {
	color: #000000 !important;
}

h3.title.colorEstadoNegro {
	background: #000000 !important;
	color: #FFFFFF !important
}

i.colorEstadoRojo {
	color: #ffbab5 !important;
}

h3.title.colorEstadoRojo {
	color: #b42d02 !important;
	background: #ffbab5 !important
}

i.colorEstadoRosa {
	color: #FF90DF !important;
}

h3.title.colorEstadoRosa {
	background: #FF90DF !important;
	color: #B74596 !important
}

i.colorEstadoVerde {
	color: #c3e2c6 !important;
}

h3.title.colorEstadoVerde {
	background: #c3e2c6 !important;
	color: #0f5411 !important
}

i.colorEstadoVioleta {
	color: #A60577 !important;
}

h3.title.colorEstadoVioleta {
	background: #A60577 !important;
	color: #000000 !important
}

span.colorEstadoPENDIENTE {
	color: #8b7306;
	background: #FFF59D
}

span.colorEstadoFACTURADO, span.colorEstadoAPROBADO {
	background: #c3e2c6;
	color: #0f5411
}

span.colorEstadoANULADO, span.colorEstadoRECHAZADO {
	color: #b42d02;
	background: #ffbab5
}

span.colorEstadoPROCESADO {
	background: #9ebbcb;
	color: #0b577c !important;
}

i.colorEstadoAPROBADO, i.colorEstadoFACTURADO {
	color: #4caf50 !important
}

i.colorEstadoRECHAZADO {
	color: #df1b0c !important;
}

h3.title.colorEstadoPROCESADO {
	background: #acc9d9 !important;
	color: #0b577c !important;
}

h3.title.colorEstadoAPROBADO, h3.title.colorEstadoFACTURADO {
	background: #c3e2c6 !important;
	color: #0f5411 !important;
}

h3.title.colorEstadoPENDIENTE {
	background: #ffeebb !important;
	color: #8b7306 !important;
}

h3.title.colorEstadoRECHAZADO, h3.title.colorEstadoANULADO {
	color: #b42d02 !important;
	background: #ffbab5 !important
}
.destacados-lateral h3, .destacados-lateral .VentasMes h3.title, .destacados-lateral .ComprobantesInicio h3.title {
    margin-top: 0px;
    border-bottom: 1px solid #ddd;
    font-weight: 400;
    background: none !important;
    color: #0b577c !important;
    font-size: 18px;
}

span.colorTextoRojo {
	color: #b42d02 !important;
}

.navbar-fixed-top {
	/*
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1030!important
	*/
	-webkit-animation: mymove 1s;
	animation: mymove 1s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.card.card-articulo {
    padding: 15px;
    margin-top:0px;
}
.codigo-barras-input {
    padding: 10px;
    padding-right: 15px;
}
.card.card-articulo #buscador {
    width: 100%;
    margin: 0
}
li#buscador-producto {
    margin: 0;
    padding: 0;
    border: 0;
}
#buscador #form-buscador-facturador {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
}
#buscador #form-buscador-facturador span.select2-selection.select2-selection--multiple {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 39px;
}
.agregar-articulo i, .codigo-barras i, .card.card-articulo ul.list-group li#buscador-producto a {
    color: #fff;
    padding: 2px;
}
input#inputPickeoArticulo {
    height: 38px;
    border: 1px solid #0b577c;
    color: #0b577c;
    width: 83%;
        font-size: 16px;
    padding: 10px;
}
input#inputPickeoArticulo:placeholder{
	color: #0b577c;
}
li.list-group-item.total-facturacion {
    background: #0b577c;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
#buscador #form-buscador-facturador a {
    margin: 0;
}
#buscador #form-buscador-facturador .btn-codigo-barras {
    background: #0b577c;
}
#buscador #form-buscador-facturador .btn-buscar-articulo{
	background: #629cc3
}
#buscador #form-buscador-facturador .btn-codigo-barras i {
    color: #fff;
    font-weight: 300
}
#buscador #form-buscador-facturador .btn-buscar-articulo i {
    color: #ffffff;
    font-weight: 300;
}
.agregar-articulo .btn-agregar-articulo, .agregar-articulo .btn-agregar-articulo i{
	background: none;
    color: #02284a;
    padding: 5px;

}
.datos-facturador .card {
    padding: 0 20px;
}
.articulos-facturar:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border: 1px solid #ddd;
}
.articulos-facturar{
	border: 1px solid #ddd;
	margin-bottom: -1px;
}
.articulos-facturar:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.card.facturacion-art {
    padding: 20px;margin: 0;
}
.articulos-facturar .cantidad .menos i, .articulos-facturar .cantidad .mas i {
    font-size: 24px;
    vertical-align: middle;
    color: #687c85;
    margin: 0;
}
.articulos-facturar .precio-articulo {
    padding: 15px 0;
}
.articulos-facturar .cantidad, .articulos-facturar .opciones {
    padding: 15px 0;
    text-align: center;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
}
.articulos-facturar .opciones .icono-circulo {
    margin: 0;
}
.articulos-facturar .descripcion h3 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 18px;
}
.card.facturacion-art p {
    margin-bottom: 5px;
}
/*.articulos-facturar .precio-articulo {
    font-size: 16px;
    width: 19.66666667%
}*/
.articulos-facturar .descripcion p {
    display: inline;
}
.articulos-facturar  .opciones.col-md-1.text-right.col-xs-1 {
    width: 5.33333333%;
}
.card.facturacion-art p a.icono-circulo i {
    font-size: 16px !important;
    color: #687c85;
}
.card.facturacion-art p a.icono-circulo {
    margin: 0;
    padding: 2px;
}
.articulos-facturar .descripcion .precioUnitario, .articulos-facturar .descripcion .codigo {
    color: #555;
    padding-right: 10px;
    font-size: 14px
}
.articulos-facturar .descripcion .codigo {
    color: #ea6a47;
}
.articulos-facturar .cantidad input[type=text] {
    width: 70px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 2px solid #ea6a47;
    color: #ea6a47;
    text-align: center;
    font-size: 16px;
    margin: 0 5px;
    font-weight: 500;
    line-height: 16px;
}
.total-facturar {
    padding: 0;
}
.total-facturar .list-group-item {
    background: #f4f8f9;
}
.info-documento{
	    display: flex;
    align-items: center;
    flex: 1 0 auto;
    margin-bottom: 0px
}
.EstadoCard .info-documento{
	display: block;
}
.total-facturar .list-group-item span {
    font-size: 16px;padding-right: 3%;
}
ul.list-group.info-documento .list-group-item {
    width: 100%;padding-bottom: 0;
}
.EstadoCard ul.list-group.info-documento .list-group-item {
    width: 25%;
    padding-bottom: 0;
    float: left;
/*     border-right: 0px; */
}
.EstadoCard ul.list-group.info-documento .list-group-item:last-child {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top-right-radius: 0px;
}
ul.list-group.info-documento .list-group-item:first-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-right: 0;
}
ul.list-group.info-documento .list-group-item{
	margin-bottom: 0px
}
ul.list-group.info-documento .list-group-item:last-child, ul.list-group.info-documento .list-group-item:nth-child(3) {
    border-top-right-radius: 4px;
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0px;
        border-bottom-right-radius: 4px;
}
.datos-facturador .list-group-item p {
    margin-bottom: 5px;
}
.EstadoCard .info-documento h3 {
    margin-top: 0;
    color: #0b577c;
    font-size: 15px;
    font-weight: 400
}
.EstadoCard ul.list-group.info-documento .list-group-item:nth-child(5), .EstadoCard ul.list-group.info-documento .list-group-item:nth-child(6), .EstadoCard ul.list-group.info-documento .list-group-item:nth-child(5), .EstadoCard ul.list-group.info-documento .list-group-item:nth-child(7), .EstadoCard ul.list-group.info-documento .list-group-item:nth-child(5), .EstadoCard ul.list-group.info-documento .list-group-item:nth-child(8), .EstadoCard ul.list-group.info-documento .list-group-item:nth-child(5), .EstadoCard ul.list-group.info-documento .list-group-item:nth-child(9) {
    border-top: 0;
}
.EstadoCard ul.list-group.info-documento .list-group-item:nth-child(4) {
    border-right: 1px solid #ddd;
    border-top-right-radius: 4px;
}
.EstadoCard .card .category:not([class*="text-"]){
	color: #0b577c;
}
.EstadoCard ul.list-group.info-documento .list-group-item span#totalEstado {
    font-weight: 600;
}
.accesos-directos-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.ultimoscobros {
    background: #fff;
    padding: 20px;
    background-color: #FBFBFB;
    margin: 10px;
    border-radius: 16px;
    box-shadow: 2px 3px 3px 0 rgb(0 0 0/ 7%), 1px 2px 5px 0 rgb(0 0 0/ 6%);
    cursor: pointer;
    position: relative;
    text-align: center;
    line-height: 40px;
        color: #0b577c;
    font-weight: 400;
    font-size: 13.5px;
}
.ultimoscobros:hover {
    background-color: rgb(207 216 220 / 62%);
    transition: .8s ease;
    -webkit-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, .18), 0 4px 7px 0 rgba(0, 0, 0, .15);
    box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, .18), 0 4px 7px 0 rgba(0, 0, 0, .15);
}
.ultimoscobros:hover i {
    background: rgb(178 192 198);
}
div#vistaPreviaIcono i, .ultimoscobros i {
    color: #0b577c;
    font-size: 18px;
    background: #e1e1e1;
    padding: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.contedorBotonesModales a i {
    color: #0b577c;
    margin-bottom: 10px;
    display: block;
}

.contedorBotonesModales a {
    background: #fff;
    padding: 15px 20px;
    background-color: #FBFBFB;
    margin: 15px 20px;
    border-radius: 16px;
    box-shadow: 2px 3px 3px 0 rgb(0 0 0/ 7%), 1px 2px 5px 0 rgb(0 0 0/ 6%);
    cursor: pointer;
    position: relative;
    text-align: center;
}
.contedorBotonesModales a:nth-child(1) {
    margin-bottom: 5px;
}

.contedorBotonesModales a:nth-child(2) {
    margin-bottom: 5px;
}
.contedorBotonesModales a:hover {
    background-color: rgb(207 216 220 / 62%);
    transition: .8s ease;
}

@media ( min-width :1920px) {
input#inputPickeoArticulo {
    width: 90%;
}
}
@media ( max-width :1024px) {
.EstadoCard .info-documento h3{
	font-size: 14px
}
}
@media ( max-width :767px) {
.EstadoCard ul.list-group.info-documento .list-group-item{
	width: 50%;
	border-top: 0px;
}
.accesos-directos-container {
    /*grid-template-columns: 33.33333333% 33.33333333% 33.33333333% 33.33333333%;*/
}
.EstadoCard ul.list-group.info-documento .list-group-item:nth-child(1), .EstadoCard ul.list-group.info-documento .list-group-item:nth-child(2) {
    border-top: 1px solid #ddd;
}
.EstadoCard ul.list-group.info-documento .list-group-item:nth-child(2), .EstadoCard ul.list-group.info-documento .list-group-item:nth-child(6), .EstadoCard ul.list-group.info-documento .list-group-item:nth-child(8) {
    border-right: 1px solid #ddd;
}
.articulos-facturar .cantidad, .articulos-facturar .opciones, .articulos-facturar .precio-articulo {
    padding-top: 0;
}
.info-documento {
    align-items: initial;
}
.card.facturacion-art {
    padding: 15px;
    margin: 0;
}
.ultimoscobros {
    margin: 20px auto !important;
}
.col-md-3.col-sm-6.cobro-clientes-total.reporteschec {
    padding: 0;
}
.panel-heading.cabeceraPrimerosPasos .button-crear-acceso span {
    margin: 0;
}
}
@media ( max-width :480px) {
	.EstadoCard ul.list-group.info-documento .list-group-item {
    width: 100%;
    border-top: 0px;
}
.articulos-facturar .cantidad input[type=text] {
    font-size: 13px;
}
.EstadoCard ul.list-group.info-documento .list-group-item:nth-child(2) {
    border-top: 0px;
}
.EstadoCard ul.list-group.info-documento .list-group-item:nth-child(1) {
    border-top-right-radius: 4px;
    border-right: 1px solid #ddd;
}
.EstadoCard ul.list-group.info-documento .list-group-item {
    border-right: 1px solid #ddd;
}
	.articulos-facturar .descripcion h3, .articulos-facturar .descripcion p, .articulos-facturar .descripcion .precioUnitario, .articulos-facturar .descripcion .codigo {
    font-size: 13px;
    line-height: normal;
}
.articulos-facturar .cantidad .menos i, .articulos-facturar .cantidad .mas i {
    font-size: 20px;
}
.articulos-facturar .cantidad input[type=text] {
    height: 30px;
}

/*.articulos-facturar .descripcion, .articulos-facturar .cantidad, .articulos-facturar .precio-articulo, .articulos-facturar .opciones {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
    padding: 0 5px 0 0;
}*/
}

@-webkit-keyframes mymove {
	from {
		top:-40px;
	}

	to {
		top: 0;
	}

}

@keyframes mymove {
	from {
		top:-40px
	}

	to {
		top: 0
	}
}

.padding_superior {
	padding-top: 55px;
}

.input50 {
	width: 50%;
}

.input85 {
	width: 85%;
}

.resultados-listar {
	padding: 10px;
}

legend {
	font-size: 10px !important;
	font-style: italic !important;
	color: #ccc !important;
}

.width-inherit {
	width: inherit !important;
}

.cajaFija {
	position: sticky;
	top: 62px;
	right: 0px;
}

#tablaDetalle {
	overflow-y: scroll;
	overflow-x: scroll;
	height: 69%;
	margin-top: 62px;
}
.icono-danger{
	color:#F44336!important
}

div.OrdenDeTrabajo div.titulocaja {
	padding: 8px;
	background: #6b2dc8;
	color: #fff;
	margin-bottom: 8px;
}
.btnOrdenDeTrabajo{
	color: #fff;
	background: #6b2dc8;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
    padding-left: 32px !important;
}
.egreso {
	background-color: #2785b3 !important;
	border-color: #0a7ab1 !important;
}

.moverACajaGrande {
	background-color: #ff8318 !important;
	border-color: #f18a0a !important;
}

.d-inline{
	display: inline;
}

.d-none{
	display: none;
}

.legend-config{
	color: #a3a0a0 !important;
}

body.modal-open {
	overflow: visible;
}

.icon-info{
	color: #02284a;
}

#myProgress {
  width: 100%;
  background-color: #ddd;
}

#myBar {
  width: 0%;
  height: 30px;
  background-color: #04AA6D;
  text-align: center;
  line-height: 30px;
  color: white;
}



.acceso-directo-container {
	padding: 8px;
	background-color: #FBFBFB;
	margin: 8px;
	border-radius: 16px;
	box-shadow: 2px 3px 3px 0 rgb(0 0 0/ 7%), 1px 2px 5px 0 rgb(0 0 0/ 6%);
	cursor: pointer;
	max-height: 100px;
	width: 120px;
	position: relative;
	flex-shrink: 0;
}

@media(max-width: 560px){
	.acceso-directo-container {
	padding: 6px;
	background-color: #FBFBFB;
	margin: 6px;
	border-radius: 16px;
	cursor: pointer;
	max-height: 90px;
	width: 100px;
	position: relative;
	flex-shrink: 0;
}
}
.button-editar-acceso {
	width: 24px;
	height: 24px;
	padding: 5px;
	border-style: none;
	border-radius: 50%;
	background-color: #e1e1e1;
	position: absolute;
	top: -10px;
	right: -10px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.button-editar-acceso i {
    margin: auto;
    color: #0b577c;
}

.button-editar-acceso:hover {
	background-color: #9d9d9d;
	color: #e1e1e1;
	transition: .4s ease;
}

.acceso-directo-container:hover {
    background-color: rgb(207 216 220 / 62%);
    transition: .8s ease;
}

.acceso-directo-container.nuevo {
	background-color: #ff7756;
	color: #fff;
	font-size: 14px;
}

.acceso-directo-container.nuevo:hover {
	background-color: #ff7756;
	    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.acceso-directo {
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.acceso-directo i {
	margin: 10px 0;
	color: #0b577c;
}

.acceso-directo span {
	font-size: 12px;
	text-align: center;
}

.button-crear-acceso {
	display: flex;
	padding: 6px;
	margin: 0;
	background-color: #ff7756;
	color: #fff;
	border-style: none;
	border-radius: 6px;
}

.button-crear-acceso:hover {
	background-color: #ff7756;
	transition: .6s ease;
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.button-crear-acceso span {
	margin: 0 5px;
	font-size: 14px;
	font-weight: 400;
}

.bannerInicial{
		text-align:center;
	}

.cabezeraSelectorArticulo{
	  color: white;
    background-color: #3c79ad;
    width: 100%;
    height: 26px;
    display: flex;
    align-items: center;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.montoSelectorArticulo{
	padding:8px 4px;
	margin: 0 4px;
}

/*INICIO loading netegia.*/

 .loadingSuperior{
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
    }
    .loadingGeneral{
      width: 110px;
      height: 110px;
      display: flex;
      justify-content: center;
    }
    .loadingspan{
      width: fit-content;
      /* color: white; */
    }
    .contenedorImagen .recuadro{
      width: 100px;
      height: 100px;
      background-color: orangered;
      border-radius: 4px;
      position: absolute;
      overflow: hidden;
      
    }
    .contenedorImagen{
      position: absolute;
      display: flex;
      justify-content: center;
      width: 100px;
      height: 100px;
      overflow: hidden;
      animation : zoomIn 2s infinite;
    }
    .contenedorImagen .contenedorFlecha{
      position: absolute;
      width: 50px;
      height: 60px;
      display: flex;
      justify-content: center;
      /*animation : animacionflecha 2s infinite; */
    }
    .contenedorImagen .icono{
      position: absolute;
      background-color: white;
    }
    .contenedorImagen .cuerpo{
        height: 48px;
	    width: 30px;
	    top: 30px;
    }
    .contenedorImagen .punta{
        width: 0;
	    height: 0;
	    top: 12px;
	    border-right: 25px solid transparent;
	    border-top: 0px solid transparent;
	    border-left: 27px solid transparent;
	    border-bottom: 25px solid white;
	    background-color: transparent;
    }



.spinner {
  text-align: center;
  width: fit-content;
}

.spinner > div {
  width: 12px;
  height: 12px;
  background-color: white;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

    @keyframes zoomIn {
      0%{
        transform: scale(1);
      }
      50%{
        transform: scale(1.1)
      }
      100%{
        transform: scale(1)
      }
      
    }

    @keyframes animacionflecha{
      0%{
        transform: translateY(150px);
      }
      100%{
        transform: translateY(-100px);
      }
     
    }
    
    /*FIN loading netegia.*/
.tarjetaListasReglaPrecio{
	  display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: -1px;
    padding: 37px 14px;
    border-left: 2px solid black;
}

.tarjetaListasReglaPrecio span{
	  background: #36b9cc;
    width: fit-content;
    padding: 9px;
}

/* Tapa el estilo default de loading, esto aplica a los select de tom-select */
div.loading.ts-wrapper {
	position: relative;
	top: auto;
	left: auto;
	margin-top: auto;
	margin-left: auto;
}

/* Inputs de Tom Select */
div.ts-control {
	margin-top: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

div.ts-control>p.item {
    padding-top: 8px;
}

.tomSelect {
	margin-top: 6px;
}

.condicionMonedaNoHomogada{
	display:none;
}

/* 
Inicio Porcentaje netegia

*/

.porcentajeNetegia{
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -65px;
	margin-top: -65px;
	z-index: 5500;
}

.porcentajeNetegia .circular-loader {
	position: relative;
	width: 200px;
	height: 200px;
}

.porcentajeNetegia .circle {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: conic-gradient(white 0deg, white 360deg);
	clip-path: inset(0 round 50%);
	border: 1px solid #999999;
	transition: all 1s ease;
}

.porcentajeNetegia .inside-circle {
	position: absolute;
	width: 180px;
	height: 180px;
	top: 10px;
	left: 10px;
	background-color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5em;
	color: black;
	overflow: hidden;
}

.porcentajeNetegia .inside-circle2 {
	top: 7px;
	left: 7px;
	width: 165px;
	height: 165px;
}

.porcentajeNetegia .water-fill {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FFA500;
	bottom: 0;
	left: 0;
	transform-origin: bottom;
	transform: scaleY(0);
	transition: all 1s ease;
}

.porcentajeNetegia .contenedorFlechaPorcentaje {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 1;
}

.porcentajeNetegia .recuadroPor {
	width: 100px;
	height: 100px;
	border-radius: 4px;
	position: absolute;
	overflow: hidden;
}

.porcentajeNetegia .contenedorImagenPor {
	display: flex;
	justify-content: center;
	width: 100px;
	height: 100px;
	overflow: hidden;
}

.porcentajeNetegia .contenedorFlechaPor {
	position: absolute;
	width: 50px;
	height: 60px;
	display: flex;
	justify-content: center;
}

.porcentajeNetegia .iconoPor {
	position: absolute;
	background-color: white;
}

.porcentajeNetegia  .cuerpoPor {
	height: 52px;
    width: 34px;
    top: 33px;
}

.porcentajeNetegia .puntaPor {
	width: 0;
    height: 0;
    top: 15px;
    border-right: 25px solid transparent;
    border-top: 0px solid transparent;
    border-left: 25px solid transparent;
    border-bottom: 20px solid white;
    background-color: transparent;
}
/*  FIN porcentaje netegia*/

.siguienteAfip{
	margin-bottom: 8px;
}

.advertenciaUnica{
	text-align: center;
    padding: 8px 2px 0 2px;
    background-color: #FFE082;
    border: 1px solid #e6d192;
    border-radius: 8px;
    margin: 8px 0;
}

.advertenciaUnicaTitulo{
	font-weight: bold;
    font-size: 15px;
}

.verificandoStock{
	font-style: italic;
	margin-right: 20px;
	display: none;
}

.relative{
	position: relative;
}

.cardnetegia {
	background-color: #e7e7e7a6;
	width: min-content;
	padding: 0;
	text-wrap: wrap;
	min-width: 350px;
	border-radius: 4px;
}

.cardnetegia .titulocardnetegia {
	background-color: #e7622b;
	color: white;
	width: 100%;
	text-align: center;
	padding: 8px;
	border-radius: 2px 2px 0 0;
	font-size: 14px;
	font-weight: 500;
}

.cardnetegia .contenidocardnetegia {
	padding: 8px;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
}

.rotado{
	transform: rotate(-180deg);
}
.transicion{
	transition: all 0.3s ease;
}

.caja-alta-cheques{
    border: 10px solid #f8f8f8;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.04);
    margin-top: 10px;
}

@media (min-width: 768px){
    .caja-alta-cheques{
        height: 450px;
    }
}

td i.fal.fa-info-circle {
    cursor: pointer;
    transition: all 0.3s ease !important;
}

td i.fal.fa-info-circle:hover {
    color: #007bff;
    transform: scale(1.3);
}

[data-tooltip] {
    position: relative;
    cursor: pointer;
}

[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 100%;
    left: 120%;
    transform: translateY(-50%);
    background-color: #fff !important;
    color: #000;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    padding: 8px 12px;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 1000;
    display: block;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}



/* INICIO ESTILOS Input file */

.form-input-file-netegia {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 12px;
  width: max-content;
  background: #f0f0f0;
  padding: 7px;
}

.form-input-file-netegia .contenedor-inputfile-uploader{
    padding: 12px 8px;
    text-align:center;
}

.form-input-file-netegia button{
    font-size: smaller;
    display:flex;
    flex-direction: column;
    line-height: 30px;
    align-items: center;
}

.form-input-file-netegia .contenedor-boton-borrar{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.form-input-file-netegia .nombre-archivo{
    margin-top: 12px;
}

.form-input-file-netegia .input-file {
  display: none !important;
}

.custom-file-input {
  width: 110px;
  height: 110px;
  background-color: #ff7756;;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.upload-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.upload-icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.upload-icon .cuerpo {
  height: 48px;
  width: 30px;
  background-color: white;
}

.upload-icon .punta {
  width: 0;
  height: 0;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  border-bottom: 25px solid white;
  background-color: transparent;
  position: absolute;
  top: -17px;
}

.upload-text {
  margin-top: 78px;
  color: white;
  font-size: 12px;
  text-align: center;
}
/* FIN ESTILOS Input file */


.nombreArchivoAdjunto {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.cajaImportacion {
    padding: 20px !important;
}

.titulo-caja-importacion {
    background-color: #8B9DA6;
    color: #f1f1f1;
    padding-left: 15px !important;
    margin: 0;
}

.contenedorCajasImportacion {
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.contenedorCajaImportacion {
    background-color: #f1f1f1;
    box-shadow: 10px 10px 34px 0px rgba(0,0,0,0.10);
    min-height: 270px !important;
    border-radius: 10px !important;
    padding: 0 !important;
    margin: 10px;
}

tr.filaResumenImportacion {
    background-color: white;
    border: solid 10px #f1f1f1;
    border-radius: 10px;
}

@media (max-width: 992px) {
	.contenedorCajasImportacion {
	    flex-direction: column;
        flex-wrap: wrap;
    }

    .contenedorCajaImportacion {
        margin: 0;
        margin-bottom: 30px !important;
    }
}

.fila-padre {
    transition: background 0.4s ease-in-out
}

.fila-padre.resaltado {
    background-color: #f0eded !important;
}

.fila-padre.activo {
    background-color: #e0e0e0 !important;
}


.label-cheques {
    margin-top: 10px;
}

.espacioLimitadoDashboard {
    max-width: 50%;
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
}

#titulo-categorias-wiki {
    margin-left: 20px;
    color: #cbcbcb;
    font-weight: 500;
}

#sidebar {
    height: 85vh;
    padding: 10px;
    padding-right: 18px;
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    border-radius: 20px;
    border-top: 10px solid white;
    border-left: 20px solid white;
}

#sidebar-menu {
    flex-grow: 1;
    overflow-x: hidden;
    max-height: calc(100vh - 60px);
    padding-right: 20px;
}

.menu {
    padding: 0;
}

.menu-item {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    color: #555;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 5px;
    transition: background 0.3s, color 0.3s;
}

.categoria-container {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
    padding: 10px 15px;
    color: #555;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    transition: background 0.3s, color 0.3s;
    margin:8px;
}

.menu-item i {
    width: 18px; /* Asegura que todos los iconos ocupen el mismo espacio */
    text-align: center;
    flex-shrink: 0; /* Evita que se reduzca el tamaño del icono */
    margin-right: 12px;
}

.categoria-container:hover, .wiki-item:hover {
    background: #E9ECEF;
}

.arrow {
    font-size: 12px;
    transition: transform 0.3s;
}

.has-submenu.active > .categoria-container .arrow {
    transform: rotate(90deg);
}

.submenu {
    display: none;
    padding: 20px;
}

.has-submenu.active > .submenu {
    display: block;
}

.submenu li {
    padding-left: 30px;
    font-size: 16px;
    color: #666;
    border-radius: 5px;
    transition: background 0.3s;
}

.menu-item.active {
    background: #FF6F3C;
    color: white;
}

.has-submenu,
.submenu {
    list-style: none;
    padding: 0;
}

.has-submenu li,
.submenu li {
    list-style: none;
}

#cuerpo-wiki {
    height: 85vh;
    padding-left: 40px;
    overflow-y: auto;
}

#cuerpo-wiki h2 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

#cuerpo-wiki p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 10px;
}

#cuerpo-wiki li {
    font-size: 16px;
    line-height: 1.6;
}

#cuerpo-wiki img {
    border-radius: 20px;
    -webkit-box-shadow: 10px 10px 45px -7px rgba(0,0,0,0.13);
    -moz-box-shadow: 10px 10px 45px -7px rgba(0,0,0,0.13);
    box-shadow: 10px 10px 45px -7px rgba(0,0,0,0.13);
    margin: 30px;
}

#cuerpo-wiki blockquote {
    background-color: #FAD8BF;
    border: 2px solid #F7A971;
    border-radius: 8px;
}

#cuerpo-wiki blockquote p {
    margin-top: 10px;
}

.scroll_wiki {
	overflow: auto;
	padding: 0px 15px;
	height: auto !important;
}

.scroll_wiki::-webkit-scrollbar-thumb {
	background: #8b9da5;
}

.scroll_wiki::-webkit-scrollbar {
	background: #cfd8dc;
}

.wiki-item {
    padding: 10px !important;
    border-radius: 5px;
    background: #f2f2f2;
    padding-left: 54px !important;
}

.wiki-item a {
    line-height: 1.6;
}

.wiki-activa {
    background: #e6622b !important;
    color: white !important;
}

.wiki-activa a {
    color: white !important;
}

.padre-activo {
    background: #E0E0E0 !important;
}

#breadcrumb {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

.breadcrumb-category {
    color: #e6622b;
    font-weight: bold;
    cursor: pointer;
}

.breadcrumb-category:hover {
    text-decoration: underline;
}

.breadcrumb-wiki {
    color: #333;
    font-weight: bold;
}

#infoBusqueda {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease-out, opacity 0.3s ease-out;
    text-align: left;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
}

#infoBusqueda.show {
    max-height: 200px;
    opacity: 1;
    padding-top: 20px;
}

#titulo-wiki {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 16px;
}

.wiki-row td {
    vertical-align: middle !important;
}

.wiki-titulo {
    max-width: 200px;
    word-wrap: break-word;
    white-space: normal;
}

.editar-categoria, .editar-subcategoria {
    margin-left: auto;
    cursor: pointer;
    transition: color 0.3s;
}

.agregar-subcategoria {
    cursor: pointer;
    transition: color 0.3s;
}

.editar-categoria:hover, .editar-subcategoria:hover {
    color: #0056b3;
}

.agregar-subcategoria:hover {
    color: #218838;
}

.arrow {
    font-size: 12px;
    transition: transform 0.3s;
}

.has-submenu.active > .categoria-container .arrow {
    transform: rotate(90deg);
}

.submenu {
    display: none;
    padding-left: 20px;
}

.has-submenu.active > .submenu {
    display: block;
}

.listar-categorias {
    display: flex;
    justify-content: center;
}

.contenedor-categorías-wiki {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 30px;
}

@media (max-width: 480px) {
    .contenedor-categorías-wiki {
        width: 100%;
    }
}

.categoria-container .menu-item {
    margin-right: auto;
}

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

.editar-categoria, .agregar-subcategoria {
    cursor: pointer;
    transition: color 0.3s;
}

.caja-categorias-wiki {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 10px 10px 45px -7px rgba(0,0,0,0.13);
}
.categoria-container-abm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    color: #555;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    transition: background 0.3s, color 0.3s;
    margin:8px;
    box-sizing: border-box;
}

.categoria-izquierda {
    display: flex;
    align-items: center;
    gap: 15px;
}

.categoria-izquierda .menu-item {
    padding: 0 !important;
    font-size: 18px;
}

.has-submenu.active > .categoria-container-abm .arrow {
    transform: rotate(90deg);
}

.categoria-container-abm .arrow {
    margin-left: 12px;
}

.categoria-container-abm:hover {
    background: #f0f0f0;
    cursor: pointer;
}

.menu:has(.has-submenu.active) > .has-submenu > .categoria-container-abm {
    background-color: #f4f4f4;
}

.menu:has(.has-submenu.active) > .has-submenu > .categoria-container-abm:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}

.menu > .has-submenu.active > .categoria-container-abm:hover {
    background-color: #ffffff;
}

.categorias {
    box-sizing: border-box;
}

.wikiAsociada {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.solapas {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

#aplicarAllVariaciones {
    display: flex;
    justify-content: start;
    align-items: end;
    gap: 6px;
}

.select-multiple-modal .select2-container {
    height: 80px;
}

.select-multiple-modal .select2-container.select2-container--default .select2-selection {
    height: 100%;
}

#buscadorWikiModal {
    width: 50%;
}

.menu-toggle {
    display: none;
}

@media ( max-width : 767px) {
	#buscadorWikiModal {
	    width: auto;
	}

    #sidebar {
        display: none;
    }

    .menu-toggle {
        display: block;
        background: transparent;
        border: none;
        font-size: 30px;
        color: #333;
        cursor: pointer;
        padding: 10px;
    }

    #sidebar.active {
        display: block;
    }

    #sidebar {
        border: 20px solid white;
    }

    #breadcrumb, .menu-item {
        line-height: 1.4;
    }

}

#tabla-cuenta-corriente_wrapper .dataTables_scrollHeadInner,
#tabla-cuenta-corriente_wrapper .dataTables_scrollBody > table {
  width: 100% !important;
}

#tabla-cuenta-corriente_wrapper .dataTables_scrollBody {
  border-bottom: none;
}

#tabla-cuenta-corriente_wrapper .dataTables_scrollBody table tr[role="row"] > td:first-child::before {
  content: none !important;
  display: none !important;
}

#tabla-cuenta-corriente .checkImputacion {
  padding: 10px 18px !important;
}

#tabla-cuenta-corriente tbody tr td {
  height: 35px;
  vertical-align: middle;
  line-height: normal;
}

.wrap-cliente-cc {
  white-space: normal !important;
  word-wrap: break-word;
  word-break: break-word;
  max-width: 200px;
  overflow-wrap: break-word;
  display: block;
}

.publi-ml-step {
    display: flex;
    gap: 20px;
    height: 100%;
    margin-bottom: 24px;
}

.publi-ml-condition-box,
.publi-ml-publication-type-box {
    background-color: #e0e0e0;
    padding: 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
    height: auto;
}

.publi-ml-label {
    font-size: 14px;
    margin-bottom: 3px;
}

.publi-ml-condition-box input[type="radio"],
.publi-ml-publication-type-box input[type="radio"] {
    margin-right: 5px;
    margin-bottom: 2px;
}

.publi-ml-condition-box,
.publi-ml-publication-type-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#paso-2 .form-check3 {
    display: flex;
    align-items: center;
    margin-left: 0; /* Elimina cualquier margen adicional en el contenedor */
}

#paso-2 .form-check3 .label-text {
    text-align: left; /* Alinea el texto del label a la izquierda */
    margin-left: 0; /* Elimina el margen izquierdo de los textos */
}

/* Aseguramos que los checkboxes dentro de esta sección se alineen correctamente */
#paso-2 .form-check3 input[type="checkbox"] {
    margin-right: 5px; /* Un pequeño margen entre el checkbox y el texto */
}

.table-rounded {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.table-rounded thead tr th:first-child {
    border-top-left-radius: 50rem;
    border-bottom-left-radius: 50rem;
}

.table-rounded thead tr th:last-child {
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
}

.table-rounded thead th {
    background-color: #687c85;
    color: white;
    border: none;
    padding: 12px;
}

.table-rounded tbody td {
    border-top: none;
}

.table-rounded tbody tr td:first-child {
    border-top-left-radius: 50rem;
    border-bottom-left-radius: 50rem;
}

.table-rounded tbody tr td:last-child {
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
}

.table-rounded tbody tr td {
    vertical-align: middle;
}

.limite-info-compra {
    max-width: 200px;
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: break-word;
}

.columna-wrap-info-compra {
    line-height: 1.4 !important;
}

.cotizaciones-container {
  padding: 0;
  margin: 0;
  border: solid white 8px;
  box-shadow: none;
}

.cotizaciones-container table {
  width: 100%;
  border-collapse: separate; /* importante para bordes redondeados */
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden; /* para que el redondeo se aplique */
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.cotizaciones-container thead tr {
  background-color: #8B9DA6;
  color: white;
}

.cotizaciones-container thead th {
  padding: 10px 12px;
  text-align: center;
  border: none;
  font-weight: 600;
}

#buttonContainer {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex; /* Siempre flex para evitar salto */
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; /* No interactuable cuando oculto */
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.cotizaciones-container tbody tr td {
  padding: 12px 10px;
  text-align: center;
  border: none;
}
#buttonContainer.show {
  opacity: 0.8;
  visibility: visible;
  pointer-events: auto; /* Interactuable cuando visible */
}

/* Bordes redondeados en las esquinas de la tabla */
.cotizaciones-container thead tr th:first-child {
  border-top-left-radius: 12px;
}
.cotizaciones-container thead tr th:last-child {
  border-top-right-radius: 12px;
}
.cotizaciones-container tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}
.cotizaciones-container tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

.error-cotizaciones {
  color: #d9534f;
  font-weight: 600;
  margin-top: 6px;
  display: block;
}
#scrollUpBtn, #scrollDownBtn {
  padding: 10px 20px;
  font-size: 18px;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  background-color: #e6622b;
  width: 50px;
  height: 50px;
  text-align: center;
  transition: opacity 0.3s;
  opacity: 0.8;
}

#scrollUpBtn:hover, #scrollDownBtn:hover {
  opacity: 1;
}

#buttonContainer.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}


/* Margen superior */
.mt-0 { margin-top: 0 !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }

/* Margen inferior */
.mb-0 { margin-bottom: 0 !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }

/* Margen izquierdo */
.ml-0 { margin-left: 0 !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }

/* Margen derecho */
.mr-0 { margin-right: 0 !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }

/* Márgenes horizontales y verticales */
.mx-5 { margin-left: 5px !important; margin-right: 5px !important; }
.mx-10 { margin-left: 10px !important; margin-right: 10px !important; }
.mx-20 { margin-left: 20px !important; margin-right: 20px !important; }

.my-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.my-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.my-20 { margin-top: 20px !important; margin-bottom: 20px !important; }