/*@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

body{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:1.42857143;
  color:#333;
  background-color:#fff
}

h1{
  font-size:22px !important;
}

h1 span{
  font-size:15px;
  font-style: italic;
}

#tbl_datos thead th,
#tbl_unidadmedida thead th,
#tbl_preciosventa thead th,
#tbl_lotesproducto thead,
#tbl_cotizacion thead th{
white-space: nowrap !important;
/*background-color: #43b2c3;*/
background-color: white;
/*color: white;*/
color: black;
font-size: 13px;
/*border-color:transparent;*/
/*font-family: sans-serif;*/
border-bottom: none !important;
/*border-top: none;*/
margin: 0 auto;
/*font-family: 'Courier New', Courier, monospace;*/
}

/*table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.cell-breakWord {
  word-wrap: break-word;
}*/

table.dataTable thead th {
  border-bottom: none !important;
}
table.dataTable.no-footer {
  border-bottom: none !important;
}

table.dataTable.dataTable_width_auto {
  width: auto;
}

table.dataTable tbody td {
  white-space: nowrap !important;
  /*font-size: 15px !important;*/
}

/*.collectionButton{
  border: none;
  background-color: #198754 !important;
}

.pageLength{
  background-color: transparent !important;
  color: black !important;
}*/

.btn-nuevo{
  /*background-color: #5bb3ee !important;
  color: white !important;*/
  color: #fff;
  background-color: #2e8fd0;
  border-color: #2e8fd0;
  border-style: none;
  margin: 0 auto;
  font-size: 12px;
}

.buttons-excel{
  background-color: transparent !important;
  color: black;
  /*margin-left:1.2em !important;*/
}

.buttons-pdf{
  background-color: transparent !important;
  color: black !important;
}

.buttons-csv{
  background-color: transparent !important;
  color: black !important;
}

.buttons-print{
  background-color: transparent !important;
  color: black !important;
}

.dt-button{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  border: none;
}

/*.row-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}*/

#tbl_datos tbody tr td{
padding: 2px !important;
font-size: 13.5px !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
/*background-color: #f4f6f9;*/ /*color aplicada al tbody*/
/*background-color: rgb(251, 251, 251);*/
/*border-style: dotted;*/
}

#tbl_cotizacion tbody tr td{
  padding: 2px !important;
  font-size: 13.5px !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  /*background-color: #f4f6f9;*/ /*color aplicada al tbody*/
  /*background-color: rgb(251, 251, 251);*/
  /*border-style: dotted;*/
  }

#tbl_unidadmedida tbody tr td,
#tbl_preciosventa tbody tr td,
#tbl_lotesproducto tbody tr td{
padding: 2px !important;
font-size: 13.5px !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
/*background-color: #f4f6f9;*/ /*color aplicada al tbody*/
/*background-color: rgb(251, 251, 251);*/
/*border-style: dotted;*/
}

/*td {
  /*text-align: center;
}*/

#tbl_datos tfoot,
#tbl_cotizacion tfoot th {
  /*display: table-header-group !important;*/
  border-bottom: none !important;
}

#tbl_datos td,
#tbl_cotizacion td {
  word-break: break-word;
  vertical-align: top;
  white-space: normal !important;
}

#tbl_datos,
#tbl_cotizacion {
  width: 100%; 
  border-collapse: collapse; 
}
/*#tbl_datos thead,
tfoot {
    background-color: #1e9cd2 !important;
    color: #fff;
}*/


/*.dataTables_scrollBody thead tr{
  visibility: collapse !important;
}*/

.btn-buscar {
  /*width: 100%;
  height: 35px;
  padding: 5px;*/
  color: #fff;
  background-color: #2e8fd0;
  border-color: #2e8fd0;
  border-style: none;
  margin: 0 auto;
  font-size: 20px;
  font-weight: normal;
  white-space: nowrap;
  cursor: pointer;
}

.btn-agregar {
  /*width: 100%;
  height: 35px;
  padding: 5px;*/
  color: #fff;
  background-color: #2e8fd0;
  border-color: #2e8fd0;
  border-style: none;
  margin: 0 auto;
  font-size: 15px;
  cursor: pointer;
}

/*td.red {
  font-weight: bold;
  color: crimson;
}*/

.transparentbar {
  background-repeat:no-repeat;
  cursor:pointer;
  outline:none;
  border:none;
  box-shadow:none;
  background-image: none;
  background-color: transparent;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.transparentbar:hover {
  color: #fff;
  background-color: transparent !important;
  border-color: transparent !important;
}

.dataTables_wrapper
.dataTables_paginate
.paginate_button {
  border-radius: 50%;
  /*border-color:transparent !important;*/
}

div.dataTables_wrapper {
  width: 100%;
  margin: 0 auto;
}

.file-upload {
  background-color: #ffffff;
  width: 600px;
  margin: 0 auto;
  padding: 20px;
}

.file-upload-btn {
  width: 100%;
  margin: 0;
  color: white;
  background: #929493;
  border: none;
  padding: 3px;/*para el boton buscar imagen*/
  border-radius: 2px;
  border-bottom: 2px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.file-upload-btn:hover {
  background: #666a68;
  color: white;
  transition: all .2s ease;
  cursor: pointer;
}

.file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.file-upload-content {
  display: none;
  text-align: center;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.image-upload-wrap {
  margin-top: 20px;
  border: 4px dashed #929493;
  position: relative;
}

.image-dropping,
.image-upload-wrap:hover {
  background-color: #9faca5;
  border: 4px dashed #ffffff;
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}

.drag-text {
  text-align: center;
}

.drag-text h3 {
  font-weight: 100;
  text-transform: uppercase;
  color: black;
  padding: 60px 0;
}

.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}

.remove-image {
  width: 200px;
  margin: 0;
  color: #fff;
  background: #cd4535;
  border: none;
  padding: 3px;/*para el boton quitar imagen*/
  border-radius: 2px;
  border-bottom: 2px solid #b02818;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.remove-image:active {
  border: 0;
  transition: all .2s ease;
}

/*forma toogle registro productos*/
.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
    border-radius: 30px;
}

.toggle.ios .toggle-handle {
    border-radius: 10px;
}


.filepond--drop-label {
  color: #4c4e53;
}

.filepond--label-action {
  text-decoration-color: #babdc0;
}

.filepond--panel-root {
  border-radius: 2em;
  background-color: #edf0f4;
  height: 1em;
}

.filepond--item-panel {
  background-color: #595e68;
}

.filepond--drip-blob {
  background-color: #7f8a9a;
}

/*para DatePicker*/
.input-group-append { 
  cursor: pointer;
}

.input-group-prepend { 
  cursor: pointer;
}

.BtnDatePicker2{
  cursor: pointer;
}

.btn-space {
  margin-right: 15px;
}



.card {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none
}

.card-title-custom {
  float: left;
  font-size: 0.9rem;
  font-weight: 400;
  margin: 0;
}




.form-control {
  border-radius: 0;
  box-shadow: none;
  border-color: #d2d6de
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -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, -webkit-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
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 0;
  padding: 6px 12px;
  height: 34px
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -3px
}

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

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 0 !important;
  padding: 6px 12px;
  height: 33px !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 23px;
  position: absolute;
  top: 6px !important;
  right: 1px;
  width: 20px
}


.badge {
  border-radius: 30;
  font-size: 12px;
  line-height: 1;
  padding: .375rem .5625rem;
  font-weight: normal;
}

/*ESTILO AL BOTON DE BUSQUEDA*/


/*quitar flechas hacia arriba y abajo del input number*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
/*para Firefox*/
input[type=number] {
-moz-appearance:textfield;
}