body {
  background-color: #f8f8f8;
  font-size: 13px;

}
a{
	color: #19499e;
}
#campania-box{

	display: inline-block;
	background-color: #15a857;
	color: #fff;
	border-radius: 3px;
	padding: 5px;
}
#wait{
	display: none;
	z-index: 1001;
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(255, 255, 255, .8);
	text-align:center
}
#wait>img{
	width: 120px;margin-top: 200px;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #19499e;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color:none !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color:none !important;
}
.bg-info{
	background-color: #d9edf7 !important;
}
.bg-success{
	background-color: #dff0d8 !important;
}
.bg-danger{
	background-color: #f2dede !important;
}
.btn-opciones{
	padding: 3px 7px;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(img/loader.gif) center no-repeat #fff;
}


.opciones{
	position: absolute;
	background-color: #fff;
	right: 25px;
	color: #666;
}
.opciones>a{
	display: block;
	padding: 5px 8px;
	border: 1px solid #eee;
}
.form-control{
	font-size: inherit;
}
.input-group .form-control {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.overflow-h{
	overflow: hidden;
}
.display-n{
	display: none;
}
#wrapper {
  width: 100%;
}
#page-wrapper {
  padding: 0 15px;
  min-height: 600px;
  background-color: white;
  padding: 0 0 25px 0;
  margin: 0;
}
@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;

    padding: 0 0px 50px 0px;
    border-left: 1px solid #e7e7e7;
  }
}

label{
	color: #444;
	margin-bottom: 0;
	margin-top: 0;
}
.h1, h1 {
    font-size: 30px;
}
.page-header {
    padding-bottom: 5px;
    margin: 20px 0 15px;
    border-bottom: 1px solid #eee;
}
.vertical-divider {
    letter-spacing: 2px;
    white-space: pre;
    color: #ccc
}
.not-allowed, input[readonly]{
	cursor: not-allowed;
}
table{
	font-size: 11px;
}
table form[name="eform"]{
	width: auto;
	display: inline-block;
}
table form[name="eform"] input[type="submit"]{
	color: #19499e;
	text-decoration: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

}
.page-header{
	margin-top: 15px;
}
.navbar{
	min-height: 40px;
}
.navbar-top-links {
  margin-right: 0;
}
.navbar-top-links li {
  display: inline-block;
}
.navbar-top-links li:last-child {
  margin-right: 15px;
}
.navbar-top-links li a {
  padding: 15px;
  min-height: 40px;
}
.navbar-top-links .dropdown-menu li {
  display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}
.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}
.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
}
.navbar-brand{
	display: block; 
	background-image: url('img/logo.png');
	background-size: 110px;
	width: 120px;
	margin-right: 5px;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
}
#side-menu {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

#side-menu::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	border-radius: 10px;
	background-color: #fff;
}

#side-menu::-webkit-scrollbar{
	width: 8px;
	background-color: #fff;
}

#side-menu::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #c6c6c6;
}


.sidebar .sidebar-search {
  padding: 15px;
}
.sidebar ul li {
  border-bottom: 1px solid #e7e7e7;
}

.sidebar .arrow {
  float: right;
}
.sidebar .fa.arrow:before {
  content: "\f104";
}
.sidebar .active > a > .fa.arrow:before {
  content: "\f107";
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: none !important;
  background-color: #fff !important;
}
.sidebar .nav-second-level li a {
  padding: 8px 15px;
  padding-left: 37px;
  font-size: 13px;
}
.sidebar .nav-third-level li a {
  padding-left: 52px;
  background-color: #e2e2e2;
}
nav li a#esconder{
	display: none;
}
@media (min-width: 768px) {
	nav li a#esconder{
		display: block;
	}
}
#side-menu{
	max-height: auto; 
}
#side-menu>li{
	background-color: #f8f8f8
}
.table>tbody>tr:hover{
    background-color: #e8e6e6;
}
.table>tbody>tr.active, .table>tbody>tr.active>td{
    background-color: #d9f0d0 !important;
}
.nav>li>a {
	padding: 8px 15px;
}
@media (min-width: 768px) {
	#side-menu{
		max-height: 600px; 
		overflow-y: scroll 
	}
  .sidebar {
    z-index: 1;
    position: absolute;
    width: 180px;
    margin-top: 41px;
    position: fixed;
  }
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}
.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}
.btn-primary.btn-outline {
  color: #428bca;
}
.btn-success.btn-outline {
  color: #5cb85c;
}
.btn-info.btn-outline {
  color: #5bc0de;
}
.btn-warning.btn-outline {
  color: #f0ad4e;
}
.btn-danger.btn-outline {
  color: #d9534f;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: white;
}
.chat {
  margin: 0;
  padding: 0;
  list-style: none;
}
.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999999;
}
.chat li.left .chat-body {
  margin-left: 60px;
}
.chat li.right .chat-body {
  margin-right: 60px;
}
.chat li .chat-body p {
  margin: 0;
}
.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}
.chat-panel .panel-body {
  height: 350px;
  overflow-y: scroll;
}
.login-panel {
  margin-top: 25%;
}
.flot-chart {
  display: block;
  height: 400px;
}
.flot-chart-content {
  width: 100%;
  height: 100%;
}
table{
	margin-top: 15px;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: transparent;
}
table.dataTable thead .sorting_asc:after {
  content: "\f0de";
  float: right;
  font-family: fontawesome;
}
table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
  float: right;
  font-family: fontawesome;
}
table.dataTable thead .sorting:after {
  content: "\f0dc";
  float: right;
  font-family: fontawesome;
  color: rgba(50, 50, 50, 0.5);
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}
.show-grid {
  margin: 15px 0;
}
.huge {
  font-size: 40px;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}
.timeline {
  position: relative;
  padding: 20px 0 20px;
  list-style: none;
}
.timeline:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  margin-left: -1.5px;
  background-color: #eeeeee;
}
.timeline > li {
  position: relative;
  margin-bottom: 20px;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  float: left;
  position: relative;
  width: 46%;
  padding: 20px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 26px;
  right: -15px;
  border-top: 15px solid transparent;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #ccc;
}
.timeline > li > .timeline-panel:after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 27px;
  right: -14px;
  border-top: 14px solid transparent;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #fff;
}
.timeline > li > .timeline-badge {
  z-index: 100;
  position: absolute;
  top: 16px;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  border-radius: 50% 50% 50% 50%;
  text-align: center;
  font-size: 1.4em;
  line-height: 50px;
  color: #fff;
  background-color: #999999;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px;
  }
  ul.timeline > li > .timeline-panel {
    width: calc(10%);
    width: -moz-calc(10%);
    width: -webkit-calc(10%);
  }
  ul.timeline > li > .timeline-badge {
    top: 16px;
    left: 15px;
    margin-left: 0;
  }
  ul.timeline > li > .timeline-panel {
    float: right;
  }
  ul.timeline > li > .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
  }
  ul.timeline > li > .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
  }
}
.mb-0{
	margin-bottom: 0 !important;
}
.mb-15{
	margin-bottom: 15px !important;
}
.mb-50{
	margin-bottom: 50px !important;
}
.mt-15{
	margin-top: 15px !important;
}
.mr-15{
	margin-right: 15px !important;
}
.mt-10{
	margin-top: 10px;
}
.pl-10{
	padding-left: 10px !important;
}
.row.no-mar{
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}

#btn_toggle_menu{
	display: none;
	position: fixed;
	left: 0; 
	top: 50px;
	z-index: 999;
	opacity: 0.5;
}
#btn_toggle_menu:hover{
	opacity: 1; 
}
.well{
	border-radius: 0;
	overflow: hidden;
}
.bg-white{
	background-color: #fff;
}
.well-info{
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #d9edf7;
	color: #154e68;
	border: none;
	padding: 15px;
}
.well-info>p{
	margin-bottom: 5px;
}
.btn{
	border-radius: 0;
}
.btn-primary {
    color: #fff;
    background-color: #19499e;
    border-color: #133779;
}
.btn-primary:hover,.btn-primary:active, .btn-primary:focus, .btn-primary:visited, .btn-primary:active:focus, .btn-primary:active:hover {
    background-color: #133779;
}
.btn-success {
    color: #fff;
    background-color: #15a857;
    border-color: #118646;
}
.btn-success:hover,.btn-success:active, .btn-success:focus, .btn-success:visited, .btn-success:active:focus, .btn-success:active:hover{
    background-color: #118646;
}
.btn-danger{
	background-color: #c22e29;
}
.btn-danger:hover,.btn-danger:active, .btn-danger:focus, .btn-danger:visited, .btn-danger:active:focus, .btn-danger:active:hover{
    background-color: #bd1a1a;
}
.btn-agregar{
	margin-top: 42px;
	margin-bottom: 0;
	float: right;
}

@media (max-width: 991px) {
	.btn-agregar{
		margin-top: 0;
		margin-bottom: 15px;
		float: left;
	}	
}
#alertSuccess, #alertDanger, #alertInfo, #alertWarning{
	display: none;
	margin-top: 15px;
	margin-bottom: 0;
}
.sort-btn{
	float: right;
}
table#contenedor>tbody>tr:hover {
    background-color: #fff;
}
table#contenedor{
	font-size: 12px;
}
table#contenedor .form-control{
	font-size: 12px;
}
table#contenedor label.total{
	height: 20px;
	line-height: 0.9;
	font-size: 11px;
	overflow: hidden;
}

/*--------------------------------------------------------------------
--------------------------------------------------------------------
---------------------------DISTRIBUIDORES------------------------
--------------------------------------------------------------------
--------------------------------------------------------------------*/

#altadistribuidor .col-md-2, #altadistribuidor .col-md-3, #altadistribuidor .col-md-4, #altadistribuidor .col-md-5, #altadistribuidor .col-md-6, #altadistribuidor .col-md-7, #altadistribuidor .col-md-8, #altadistribuidor .col-md-9, #altadistribuidor .col-md-10,#altadistribuidor .col-md-12, 
#altadistribuidor .col-sm-2, #altadistribuidor .col-sm-3, #altadistribuidor .col-sm-4, #altadistribuidor .col-sm-5, #altadistribuidor .col-sm-6, #altadistribuidor .col-sm-7, #altadistribuidor .col-sm-8, #altadistribuidor .col-sm-9, #altadistribuidor .col-sm-10,#altadistribuidor .col-sm-12
#altadistribuidor .col-xs-2, #altadistribuidor .col-xs-3, #altadistribuidor .col-xs-4, #altadistribuidor .col-xs-5, #altadistribuidor .col-xs-6, #altadistribuidor .col-xs-7, #altadistribuidor .col-xs-8, #altadistribuidor .col-xs-9, #altadistribuidor .col-xs-10,#altadistribuidor .col-xs-12
{
	overflow: hidden;
	padding-left: 0;
	padding-right: 5px;
}
.form-group.col-md-2, .form-group.col-md-3, .form-group.col-md-4, .form-group.col-md-5, .form-group.col-md-6, .form-group.col-md-7, .form-group.col-md-8, .form-group.col-md-9, .form-group.col-md-10,.form-group.col-md-12, 
.form-group.col-sm-2, .form-group.col-sm-3, .form-group.col-sm-4, .form-group.col-sm-5, .form-group.col-sm-6, .form-group.col-sm-7, .form-group.col-sm-8, .form-group.col-sm-9, .form-group.col-sm-10,.form-group.col-sm-12
.form-group.col-xs-2, .form-group.col-xs-3, .form-group.col-xs-4, .form-group.col-xs-5, .form-group.col-xs-6, .form-group.col-xs-7, .form-group.col-xs-8, .form-group.col-xs-9, .form-group.col-xs-10,.form-group.col-xs-12
{
	overflow: hidden;
	padding-left: 0;
	padding-right: 8px;
}
.pad-right-0{
	padding-right: 0;
}

.form-control{
	border-radius: 0;
	border-bottom: 1px solid #ccc;
	border-top: none;
	border-left: none;
	border-right: none;
	box-shadow: none;
	padding: 6px 0;
	background-color: transparent;
}
.form-control:focus {
    border-bottom: 2px solid #19499e;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#altadistribuidor h4{
	color: #333;
	margin-top: 30px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	text-decoration: underline;
}
.distribuidores h3, .distribuidores_detalle h3{
	color: #19499e;
	margin-top: 50px
}

form span.aclaracion{
	font-size: 11px; 
	color: #555;
	display: block;
	margin-top: 0;
	margin-bottom: 15px;
}
span.aclaracion{
	font-size: 11px; 
	color: #555;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
}
#altadistribuidor label{
	margin-bottom: 0;
}
form .error{
	color: #d74937;
}
.buscador.form-control, textarea.form-control, .border, .border:active, .border:focus{
	border-radius: 0;
	border: 1px solid #ccc;
	padding: 6px 0;
}
form{
	overflow: hidden;
	display: block;
	width: 100%;
}
#altapedidos table .form-control{
	border: 1px solid #ccc;
}

.distribuidores_detalle table{
	margin-top: 0;
}
.btn-sm{
	font-size: 11px;
	padding: 0px 10px;
}
#editarcliente .contacto{
	padding-left: 15px;
}
@media (max-width: 768px) {
	#editarcliente .contacto{
		padding-left: 0;
	}
}
/*--------------------------------------------------------------------
--------------------------------------------------------------------
---------------------------CONFIG------------------------
--------------------------------------------------------------------
--------------------------------------------------------------------*/
.config .table>tbody>tr {
    background-color: #fff;
}
.config .table>tbody>tr:hover {
    background-color: #fff;
}




/*--------------------------------------------------------------------
--------------------------------------------------------------------
---------------------------LOGIN------------------------
--------------------------------------------------------------------
--------------------------------------------------------------------*/
#login{
	width: 100%;
	height: 90vh;
	color: #fff;
	background: linear-gradient(-45deg, #0a8694, #00af8d, #19499e, #215ecf);
	background-size: 400% 400%;
	-webkit-animation: Gradient 40s ease infinite;
	-moz-animation: Gradient 40s ease infinite;
	animation: Gradient 40s ease infinite;
	padding-top: 70px;
}
#login label{
	color: #fff;
	font-size: 15px;
}
#login input[type="text"], #login input[type="password"]{
	margin: auto;
	background-color: transparent !important;
}
#login input:-webkit-autofill, #login textarea:-webkit-autofill, #login select:-webkit-autofill {
    background-color: transparent !important;
    background-image: none !important;
    color: transparent !important;
}
#login a{
	color: #fff;
}
#login .login-error{
	font-size: 17px; 
	margin-top: 25px;
	margin-bottom: 25px
}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
#login .form-control {
    color: #fff;
}
#login .form-control:focus {
    border-bottom: 2px solid #fff;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#divrecuperar{
	display: none;
}



/*--------------------------------------------------------------------
--------------------------------------------------------------------
---------------------------cambio index------------------------
--------------------------------------------------------------------
--------------------------------------------------------------------*/

#section-cambio{
	background-color: #19499e;
	padding: 5px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	right: 0;
	border-bottom-left-radius: 5px;
	width: 200px;
}
#section-cambio p{
	margin: 0;
}
@media (max-width: 768px) {
	#section-cambio{
		width: 150px;
	}
}

#table-productos>tbody>tr>td:first-child{
	width:30px;
}
#table-productos>tbody>tr>td:nth-child(3){
	width:150px;
}
#table-productos>tbody>tr>td:nth-child(5){
	width:32px;
}

#img_como_llegar{
	max-height: 280px;
}


/*--------------------------------------------------------------------
--------------------------------------------------------------------
---------------------------todo lo relacionado a NOTAS------------------------
--------------------------------------------------------------------
--------------------------------------------------------------------*/

.modal h3{
	display: inline-block;
	float: left;
}
#page-wrapper.notas .well{
	background-color: #f5f5f5;
}
#page-wrapper.notas .well>p{
	font-size: 13px;
}

/*--------------------------------------------------------------------
--------------------------------------------------------------------
---------------------------REMESAS------------------------
--------------------------------------------------------------------
--------------------------------------------------------------------*/

#cheque_contenedor{
	padding: 0;
	margin-bottom: 15px;
}
#cheque_contenedor>.table-responsive{	
	padding: 15px;
}
#cheque_contenedor table{
	background-color: #fff;
}
#cheque_contenedor .btn-danger{
	padding: 1px 7px;
}
#cheque_contenedor input{
	width: 70px; 
}
#cheque_contenedor .hasDatepicker{
	width: 80px;
}
#cheque_contenedor table>tfoot{
	background-color: #eee;
}


@media (min-width: 768px){
	.modal-sm{
		width: 400px;
	}
}

#table_detalle_comision input{
	width: 65px;
}

#table_detalle_comision i{
	font-size: 16px;
	cursor: pointer;
}
#table_detalle_comision i.fa-plus-square{
	color: #2f7e56;
}
#table_detalle_comision i.fa-minus-square{
	color: #dd5044;
}
#table_detalle_comision label.label{
	display: inline-block;
	color: #2f7e56;
	font-size: 13px;
	padding: 5px 10px;
	background-color: #f1f1f1;
	margin: 3px 0;
	width: 65px
}
#table_detalle_comision .td_distribuidor, #table_detalle_comision .td_mym{
	width: 155px;
}
#table_detalle_comision .td_distribuidor table, #table_detalle_comision .td_mym table{
	width: 65px;
}
#table_detalle_comision .negativo{
	background-color: #ce564b;
	color: #fff;
}

#editar_precio_porcentaje input#editar{
	width: 50px;
	display: inline-block;
	margin-right: 5px;
}



.reportes table.table{
	margin-top: 0
}
.reportes .well form{
	margin-bottom: 15px;
}

.valoresOriginales{
	display: none;
	background-color: #999 !important;
	color: #fff;
}
#table_detalle_comision input{
	border-radius: 3px;
	margin-bottom: 3px;
	border: 1px solid #ccc;

}

.lampara_chica {
    height: 20px;
    width: 20px;
    border-style: solid;
    border-width: 1px;
    border-radius: 20px;
    float: right;
}

.lampara_mediana{
    height: 30px;
    width: 30px;
    border-style: solid;
    border-width: 2px;
    border-radius: 30px;
    float: right;
}

.lampara {
    height: 50px;
    width: 50px;
    border-style: solid;
    border-width: 2px;
    border-radius: 50px;
    float: left;
}
.lampara_roja {
    background-color: red;
    color:red;
}
.lampara_naranja {
    background-color: orange;
    color:orange;
}
.lampara_amarilla {
    background-color: yellow;
    color:yellow;
}
.lampara_verde {
    background-color: green;
    color:green;
}

/* Cuenta corriente - start */
.table-container {
  max-height: 350px;
  overflow-y: auto;
  box-sizing: border-box;
}

.total-row {
  background-color: #f2f2f2;
  font-weight: bold;
}

.cards {
  display: flex;
  justify-content: flex-end;
    align-items: flex-start;
}

.card {
  border: 1px solid #ddd;
  padding: 20px;
  margin: 10px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease-in-out;
}

.card:hover {
  transform: scale(1.05);
}

.details {
  display: flex;
  justify-content: space-between;
}

.details div {
  text-align: center;
}

dd {
  margin-bottom: 10px;
}

.disclaimer-legend {
  font-size: 12px;
}
/* Cuenta corriente - end */

/* Calculadora - Csv Form - start */
#csvForm {
  margin-top: 55px;
  max-width: 500px;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* Calculadora - Csv Form - end */

@media print{
  @page {
    size: landscape;
  }
  
  table {
    page-break-inside: avoid;
  }

  td {
    padding: 4px !important;
  }

  header, footer, aside, nav, form, iframe, .navbar, .navbar-default, .navbar-static-top, .navbar-default, .sidebar, .ocultar-impresora {
    display: none !important;
  }

  #page-wrapper{
    margin-left: 0px !important;
  }

}