/*buttons*/
.btn-orange {
  color: #fff;
  background-color: #f76a3b;
  border-color: #f76a3b;
}
.btn-orange:hover {
  color: #fff;
  background-color: #f75a3b;
}
.btn-purple {
  color: #fff;
  background-color: #7d7ab8;
  border-color: #7d7ab8;
}
.btn-purple:hover {
  color: #fff;
  background-color: #7d6ab8;
}
.btn-lime {
  color: #333;
  background-color: #c4e44e;
  border-color: #c4e44e;
}
.btn-lime:hover {
  color: #333;
  background-color: #c4d44e;
}
.btn-maroon {
  color: #fff;
  background-color: #e94984;
  border-color: #e94984;
}
.btn-maroon:hover {
  color: #fff;
  background-color: #e93984;
}
.btn-redwine {
  color: #fff;
  background-color: #97073b;
  border-color: #97073b;
}
.btn-redwine:hover {
  color: #fff;
  background-color: #97033b;
}
.btn-navy {
  color: #fff;
  background-color: #004080;
  border-color: #004080;
}
.btn-navy:hover {
  color: #fff;
  background-color: #003080;
}
.btn-fuchsia {
  color: #fff;
  background-color: #fa6bea;
  border-color: #fa6bea;
}
.btn-fuchsia:hover {
  color: #fff;
  background-color: #fa5aea;
}
.btn-gold {
  color: #333;
  background-color: #ffcf33;
  border-color: #ffcf33;
}
.btn-gold:hover {
  color: #333;
  background-color: #ffbf33;
}
/*ibox*/
.ibox.ibox-custom > .ibox-title {
  padding: 15px 20px;
}
.ibox.ibox-success > .ibox-title {
  border-color: #1c84c6;
}
.ibox.ibox-success.filled > .ibox-title {
  background-color: #1c84c6;
  border-color: #1872ab;
  color: #fff;
}
.ibox.ibox-success.filled > .ibox-title .fas,
.ibox.ibox-success.filled > .ibox-title .fab,
.ibox.ibox-success.filled > .ibox-title .fa {
  color: #fff;
}
.ibox.ibox-warning > .ibox-title {
  border-color: #f8ac59;
}
.ibox.ibox-warning.filled > .ibox-title {
  background-color: #f8ac59;
  border-color: #f79d3c;
  color: #fff;
}
.ibox.ibox-warning.filled > .ibox-title .fas,
.ibox.ibox-warning.filled > .ibox-title .fab,
.ibox.ibox-warning.filled > .ibox-title .fa {
  color: #fff;
}
.ibox.ibox-danger > .ibox-title {
  border-color: #ed5565;
}
.ibox.ibox-danger.filled > .ibox-title {
  background-color: #ed5565;
  border-color: #ea394c;
  color: #fff;
}
.ibox.ibox-danger.filled > .ibox-title .fas,
.ibox.ibox-danger.filled > .ibox-title .fab,
.ibox.ibox-danger.filled > .ibox-title .fa {
  color: #fff;
}
.ibox.ibox-info > .ibox-title {
  border-color: #23c6c8;
}
.ibox.ibox-info.filled > .ibox-title {
  background-color: #23c6c8;
  border-color: #1eacae;
  color: #fff;
}
.ibox.ibox-info.filled > .ibox-title .fas,
.ibox.ibox-info.filled > .ibox-title .fab,
.ibox.ibox-info.filled > .ibox-title .fa {
  color: #fff;
}
.ibox.ibox-primary > .ibox-title {
  border-color: #1ab394;
}
.ibox.ibox-primary.filled > .ibox-title {
  background-color: #1ab394;
  border-color: #16987e;
  color: #fff;
}
.ibox.ibox-primary.filled > .ibox-title .fas,
.ibox.ibox-primary.filled > .ibox-title .fab,
.ibox.ibox-primary.filled > .ibox-title .fa {
  color: #fff;
}
.ibox.ibox-dark > .ibox-title {
  border-color: #333;
}
.ibox.ibox-dark.filled > .ibox-title {
  background-color: #333;
  border-color: #111;
  color: #fff;
}
.ibox.ibox-dark.filled > .ibox-title .fas,
.ibox.ibox-dark.filled > .ibox-title .fab,
.ibox.ibox-dark.filled > .ibox-title .fa {
  color: #fff;
}
.ibox > .ibox-title.ibox-padding {
  padding: 10px 15px 12px 15px;
  vertical-align: top;
}
.ibox > .ibox-title.ibox-padding > h5 {
  margin: 0;
  line-height: 30px;
}
/*resaltado*/
.cyan-mark {
  background-color: rgba(60,141,188,0.6);
  border: 1px dotted #002454;
  color: #fff;
}
.green-mark {
  background-color: rgba(0,166,90,0.6);
  border: 1px dotted #062f05;
  color: #fff;
}
.red-mark {
  background-color: rgba(221,75,57,0.6);
  border: 1px dotted #6e0000;
  color: #fff;
}
.yellow-mark {
  background-color: rgba(255,255,0,0.6);
  border: 1px dotted #744700;
  color: #333;
}
/* sweetalert2 */
.swal2-container.swal2-center.swal2-fade.swal2-shown {
  z-index: 2002;
}
.swal2-container.swal2-center.swal2-fade.swal2-shown > .swal2-popup {
  font-size: 0.8rem;
}
/*helpers*/
.td-50 {
  width: 50px;
}
.td-60 {
  width: 60px;
}
.td-70 {
  width: 70px;
}
.td-80 {
  width: 80px;
}
.td-90 {
  width: 90px;
}
.td-100 {
  width: 100px;
}
.td-110 {
  width: 110px;
}
.td-120 {
  width: 120px;
}
.td-130 {
  width: 130px;
}
.td-140 {
  width: 140px;
}
.td-150 {
  width: 150px;
}
.td-160 {
  width: 160px;
}
.td-170 {
  width: 170px;
}
.td-180 {
  width: 180px;
}
.td-190 {
  width: 190px;
}
.td-200 {
  width: 200px;
}
.td-210 {
  width: 210px;
}
.td-220 {
  width: 220px;
}
.td-230 {
  width: 230px;
}
.td-240 {
  width: 240px;
}
.td-250 {
  width: 250px;
}
.td-260 {
  width: 260px;
}
.td-270 {
  width: 270px;
}
.td-280 {
  width: 280px;
}
.td-290 {
  width: 290px;
}
.td-300 {
  width: 300px;
}
.td-310 {
  width: 310px;
}
.td-320 {
  width: 320px;
}
.td-330 {
  width: 330px;
}
.td-340 {
  width: 340px;
}
.td-350 {
  width: 350px;
}
.td-360 {
  width: 360px;
}
.td-370 {
  width: 370px;
}
.td-380 {
  width: 380px;
}
.td-390 {
  width: 390px;
}
.td-400 {
  width: 400px;
}
.td-410 {
  width: 410px;
}
.td-420 {
  width: 420px;
}
.td-430 {
  width: 430px;
}
.td-440 {
  width: 440px;
}
.td-450 {
  width: 450px;
}
.td-460 {
  width: 460px;
}
.td-470 {
  width: 470px;
}
.td-480 {
  width: 480px;
}
.td-490 {
  width: 490px;
}
.td-500 {
  width: 500px;
}
.fs-8px {
  font-size: 8px;
}
.fs-9px {
  font-size: 9px;
}
.fs-10px {
  font-size: 10px;
}
.fs-11px {
  font-size: 11px;
}
.fs-12px {
  font-size: 12px;
}
.fs-13px {
  font-size: 13px;
}
.fs-14px {
  font-size: 14px;
}
.fs-15px {
  font-size: 15px;
}
.fs-16px {
  font-size: 16px;
}
.fs-17px {
  font-size: 17px;
}
.fs-18px {
  font-size: 18px;
}
.fs-19px {
  font-size: 19px;
}
.fs-20px {
  font-size: 20px;
}
.fs-21px {
  font-size: 21px;
}
.fs-22px {
  font-size: 22px;
}
.fs-23px {
  font-size: 23px;
}
.fs-24px {
  font-size: 24px;
}
.bg-success.darkest {
  background-color: #1872ab !important;
}
.bg-warning.darkest {
  background-color: #f79d3c !important;
}
.bg-danger.darkest {
  background-color: #ea394c !important;
}
.bg-info.darkest {
  background-color: #1eacae !important;
}
.bg-primary.darkest {
  background-color: #16987e !important;
}
.bg-dark {
  color: #fff;
}
.bg-dark.darkest {
  background-color: #111 !important;
}
.bg-whatsapp {
  background-color: rgba(37,211,102,0.8);
  color: #fff;
}
.bg-whatsapp:hover {
  background-color: #25d366;
  color: #fff;
}
.pointer,
.hand {
  cursor: pointer;
}
.mh-185 {
  max-height: 185px;
  min-height: 185px;
}
.mh-160 {
  max-height: 160px;
  min-height: 160px;
}
.h-500px {
  height: 500px;
}
.text-magenta {
  color: #f7008c;
}
.text-green {
  color: #1ab394;
}
.text-gold {
  color: #f1a102;
}
.text-whatsapp {
  color: #25d366;
}
.text-cnavy {
  color: #002045;
}
.text-gray9 {
  color: #999;
}
.text-maroon {
  color: #e94984;
}
.bg-magenta {
  color: #fff !important;
  background-color: #f7008c;
}
.bg-green {
  color: #fff !important;
  background-color: #1ab394;
}
.bg-gold {
  background-color: #f1a102;
}
.bg-whatsapp {
  background-color: #25d366;
}
.bg-cnavy {
  color: #fff !important;
  background-color: #002045;
}
.bg-gray9 {
  background-color: #999;
}
.bg-maroon {
  color: #fff !important;
  background-color: #e94984;
}
.bg-orange {
  background-color: #f76a3b;
  color: #fff !important;
}
.bg-purple {
  color: #fff !important;
  background-color: #7d7ab8;
}
.border-top-2px {
  border-top: 2px solid #1ab394 !important;
}
.border-bottom-2px {
  border-bottom: 2px solid #2f4050 !important;
}
.opacity-1 {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.bg-opacity-1 {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.opacity-2 {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
.bg-opacity-2 {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
.opacity-3 {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}
.bg-opacity-3 {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}
.opacity-4 {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.bg-opacity-4 {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.opacity-5 {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.bg-opacity-5 {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.opacity-6 {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.bg-opacity-6 {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.opacity-7 {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.bg-opacity-7 {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.opacity-8 {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.bg-opacity-8 {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.opacity-9 {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.bg-opacity-9 {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.grayscale {
  filter: grayscale(100%);
}
.bg-grayscale {
  filter: grayscale(100%);
}
.modal-xl {
  max-width: 1140px;
}
.textprimary {
  color: #1ab394 !important;
}
.fa-15 {
  font-size: 1.5rem;
}
.font-size-1rem {
  font-size: 1rem !important;
}
.scrollbar {
  overflow-y: auto;
}
.swal2-textarea {
  font-size: 1em !important;
}
/* miniEditor */
.miniEditor {
  background-color: #fff;
  color: #555;
  font-size: 14px;
}
.miniEditor > ul.miniEditor-tools {
  background-color: #ddd;
  border-bottom: none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-top-right-radius: 5px;
  display: table;
  list-style-type: none;
  margin-bottom: 0px;
  padding: 5px 2px;
  table-layout: fixed;
  width: auto;
}
.miniEditor > ul.miniEditor-tools > li {
  display: table-cell !important;
  padding: 0 2px;
  width: auto;
}
.miniEditor > ul.miniEditor-tools > li > button.btn {
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 1px #333;
  box-shadow: 1px 1px 1px #333;
}
.miniEditor > ul.miniEditor-tools > li > button.btn.keypressed {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.miniEditor > ul.miniEditor-tools > li > button > i {
  color: #fff;
  font-size: 13px;
}
.miniEditor > div.miniEditor-workarea {
  border: 1px solid #ccc;
  min-height: 50px;
  outline: none;
  overflow: auto;
  padding: 10px;
  resize: vertical;
}
/* chosen */
.chosen-choices {
  padding: 4px 3px 5px 3px !important;
}
.search-choice {
  background-color: rgba(60,141,188,0.6);
}
/* select2 */
.select2-selection.select2-selection--single {
  border-radius: 0px;
  height: 36px;
}
/*.wizard-fieldset .select2-container--default
    width 100% !important*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 33px;
}
.select2-container--open {
  z-index: 2050;
}
.custom-select2 .input-group-append > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-control.error {
  border: 1px solid #cc5965;
  background-color: rgba(204,89,101,0.2);
}
.select2-container.error {
  border: 1px solid #cc5965 !important;
}
.select2-container.error .select2-selection.select2-selection--single {
  background-color: rgba(204,89,101,0.2) !important;
}
.select2-container--default.error .select2-selection.select2-selection--single {
  background-color: rgba(204,89,101,0.2) !important;
}
table#costeo > tbody > tr > td .select2-selection.select2-selection--single,
table.costeo > tbody > tr > td .select2-selection.select2-selection--single,
table.costeo > tfoot > tr > td .select2-selection.select2-selection--single {
  border-radius: 0px;
  height: 31px;
}
table#costeo > tbody > tr > td .select2-container--default .select2-selection--single .select2-selection__rendered,
table.costeo > tbody > tr > td .select2-container--default .select2-selection--single .select2-selection__rendered,
table.costeo > tfoot > tr > td .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
}
select[readonly].select2 + .select2-container {
  pointer-events: none;
  touch-action: none;
}
select[readonly].select2 + .select2-container .select2-selection {
  background: #eee;
  -webkit-box-shadow: none;
  box-shadow: none;
}
select[readonly].select2 + .select2-container .select2-selection__arrow,
select[readonly].select2 + .select2-container .select2-selection__clear {
  display: none;
}
/*paginación*/
.table-no-collapse {
  border-collapse: initial;
  border-spacing: 1px;
}
.table-no-collapse tbody > tr > td,
.table-no-collapse tbody > tr > th {
  border-bottom: 1px solid #eee;
}
table.tablesorter tbody > tr > td.selected {
  background-color: rgba(187,187,187,0.1);
}
table.tablesorter .thnosortable {
  background-color: #4b4a4a;
  color: #fff;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
table.tablesorter .thsortable {
  background-color: #4b4a4a;
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
table.tablesorter .thsortable:hover,
table.tablesorter .thsortable.active {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
table.tablesorter tr.disabled-profile > td {
  background-color: #f6f5f1;
  color: #999;
  font-style: italic;
  font-weight: bold;
}
.md-skin table.tablesorter .thnosortable {
  background-color: #007c71;
  color: #fff;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.md-skin table.tablesorter .thsortable {
  background-color: #007c71;
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.paginacion {
  margin-top: 5px;
}
.paginacion a {
  background-color: #efefef;
  color: #16987e;
  font-weight: bold;
  padding: 5px 12px;
  line-height: 29px;
}
.paginacion strong,
#paginator.paginacion strong {
  background-color: #16987e !important;
  color: #fff;
  padding: 5px 12px;
  line-height: 29px;
}
/*Dropzone*/
.dropzone .dz-preview {
  border: 1px solid #e7eaec;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.dropzone .dz-preview .dz-error-message {
  left: 62px !important;
  top: 165px !important;
}
.dropzone .dz-preview .dz-image {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.dropzone .dz-preview .dz-footer {
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec;
  overflow: hidden;
  padding: 5px;
}
.dropzone .dz-preview .dz-footer button {
  margin-left: 5px;
}
.dropzone .dz-preview .dz-footer i {
  cursor: pointer !important;
}
.dropzone-prod {
  min-height: 120px;
  padding: 10px;
}
.dropzone-prod > .dz-message {
  font-size: 14px;
  margin: 1em 0;
}
.dropzone-prod > .dz-message .big-icon {
  font-size: 100px !important;
  color: rgba(26,179,148,0.4) !important;
}
.previewsContainer.dropzone {
  border: none;
  padding: 0;
  min-height: 30px;
}
.previewsContainerP.dropzone {
  min-height: 30px;
  padding: 0;
}
.previewsContainerP.dropzone .dz-preview {
  margin: 6px;
}
.blockquote-preview {
  border-left: 10px solid #f8f8f8;
  padding-left: 10px;
}
/*generales*/
#freco {
  display: none;
  margin-bottom: 15px;
}
.outline-none {
  outline: none;
}
::placeholder {
  color: #cdcdcd !important;
}
:-ms-input-placeholder {
  color: #cdcdcd !important;
}
::-ms-input-placeholder {
  color: #cdcdcd !important;
}
ul > li > a {
  outline: none;
}
.small {
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}
.panel {
  border-radius: 0px;
}
.panel .panel-heading {
  border-radius: 0px;
}
.bg-success {
  background-color: #1c84c6 !important;
  color: #fff;
}
.info-box {
  display: block;
  min-height: 90px;
  background: #fff;
  background-color: #fff;
  width: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  border-radius: 2px;
  margin-bottom: 15px;
  overflow: hidden;
}
.info-box-icon {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  display: block;
  float: left;
  height: 110px;
  width: 90px;
  text-align: center;
  font-size: 45px;
  line-height: 110px;
  background: rgba(0,0,0,0.2);
}
.info-box-content {
  padding: 5px 10px;
  margin-left: 90px;
}
.span-permiso-title {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}
.info-box-text {
  text-transform: uppercase;
}
.box-text {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.div-permiso-col {
  width: 50%;
}
.div-permiso-col div.permiso-col-chk {
  margin: 2px 0;
}
label.error {
  color: #f00;
  font-size: 10px;
}
.square {
  cursor: pointer;
  display: inline-block;
  height: 30px;
  margin: 3px;
  width: 30px;
}
.square.cyan-mark {
  background-color: rgba(60,141,188,0.6);
  border: 1px dotted #002454;
  color: #f5f5f5;
}
.square.green-mark {
  background-color: rgba(0,166,90,0.6);
  border: 1px dotted #062f05;
  color: #f5f5f5;
}
.square.red-mark {
  background-color: rgba(221,75,57,0.6);
  border: 1px dotted #6e0000;
  color: #f5f5f5;
}
.square.yellow-mark {
  background-color: rgba(255,255,0,0.6);
  border: 1px dotted #744700;
  color: #333;
}
.img-32px {
  height: 32px;
  width: 32px;
}
.img-128px {
  height: 128px;
  width: 128px;
}
.img-view-model {
  max-height: 180px;
  width: auto;
}
.user-container {
  font-weight: bold;
  vertical-align: middle;
}
.user-container img {
  margin-right: 5px;
}
.img-remove {
  border-radius: 0;
  right: 0px;
  top: 0px;
}
.iprogress > progress {
  border: none;
  border-radius: 0px;
  height: 4px;
  width: 100%;
}
.img-preview-content {
  border: 1px solid #ddd;
  border-radius: 5px;
  float: right;
}
.img-preview-container {
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 182px;
  margin: 0 auto;
}
.img-preview-foto {
  height: 130px;
  width: 130px;
}
.img-preview-contrato,
.img-preview-imagen,
.img-preview-tienda_imagen {
  height: auto;
  width: 180px;
}
.shadow-custom {
  -webkit-box-shadow: 1px 1px 4px #999;
  box-shadow: 1px 1px 4px #999;
}
.ibox-footer > button {
  margin-left: 10px;
}
.content-upload {
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 5px;
  height: 480px;
  margin: 0 auto;
  padding: 5px;
  position: relative;
  text-align: center;
  width: 100%;
}
.content-upload > .modelo-img {
  height: 100%;
  width: auto;
  max-width: 100%;
}
.nav-header {
  background-size: cover;
  padding: 33px 0 33px 0;
}
.nav-header > .dropdown.profile-element {
  text-align: center;
}
.nav-header > .dropdown.profile-element > .profile-img {
  height: 84px;
  width: 84px;
  border: 2px solid #fff;
}
.loginscreen.middle-box {
  max-width: 400px;
}
.login-image {
  border-radius: 50%;
  border: 2px solid #fff;
  height: 100px;
  width: 100px;
}
a.visual-open {
  border: 1px solid transparent;
  outline: none;
  display: block;
}
.file .icon,
.file .image {
  height: 200px !important;
}
.file .icon img,
.file .image img {
  height: 220px;
  width: 200px;
}
.product-box {
  border-top: none;
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
  border-bottom: 1px solid #e7eaec;
}
.product-box:hover {
  border-top: none;
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
  border-bottom: 1px solid #e7eaec;
}
.product-box .image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 250px !important;
}
.product-box .product-price {
  top: -33px;
}
a.file-control {
  background-color: #fff;
  border: 1px solid transparent;
  display: inline;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 1px 5px;
  outline: none;
}
a.file-control.control-mark {
  background-color: rgba(0,166,90,0.6);
  border: 1px dotted #062f05;
  color: #fff;
  outline: none;
}
.skeleton-preview {
  content: " ";
  height: auto;
}
.skeleton-preview.figure:before {
  content: "";
}
.skeleton-preview:before {
  content: "\00a0";
}
.skeleton-preview.skeleton {
  background-color: #f8f8f8;
}
.skeleton-preview.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -moz-animation-name: placeHolderShimmer;
  -o-animation-name: placeHolderShimmer;
  -ms-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f8f8f8;
  background: -webkit-linear-gradient(left, #f8f8f8 8%, rgba(255,255,255,0.2) 18%, #f8f8f8 33%);
  background: -moz-linear-gradient(left, #f8f8f8 8%, rgba(255,255,255,0.2) 18%, #f8f8f8 33%);
  background: -o-linear-gradient(left, #f8f8f8 8%, rgba(255,255,255,0.2) 18%, #f8f8f8 33%);
  background: -ms-linear-gradient(left, #f8f8f8 8%, rgba(255,255,255,0.2) 18%, #f8f8f8 33%);
  background: linear-gradient(to right, #f8f8f8 8%, rgba(255,255,255,0.2) 18%, #f8f8f8 33%);
  background-size: 800px 104px;
  position: relative;
}
.wh38px {
  height: 38px;
  width: 38px;
}
.wh24px {
  height: 24px;
  width: 24px;
}
.wh20px {
  height: 20px;
  width: 20px;
}
.w50px {
  width: 50px;
}
.well-card {
  border-color: #1ab394;
}
.w-16px {
  width: 16px !important;
}
.w-20 {
  width: 20% !important;
}
table#costeo > tbody > tr > td,
table.costeo > tbody > tr > td,
table.costeo > tbody > tr > th {
  border-top: 1px solid #1ab394;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
}
table#costeo > tbody > tr > td > input[name="montos[]"],
table.costeo > tbody > tr > td > input[name="montos[]"],
table.costeo > tbody > tr > th > input[name="montos[]"] {
  text-align: right;
}
table#costeo > tfoot > tr > td {
  border-top: 2px solid #1ab394;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
}
table.costeo > tfoot > tr:first-child > td,
table.costeo > tfoot > tr:first-child > th {
  border-bottom: 2px solid #1ab394;
  border-top: 2px solid #1ab394;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
}
input.c-input {
  border: 1px solid transparent !important;
  padding-right: 0px;
  font-weight: bold;
  font-size: 16px;
  color: #666;
  margin-bottom: 0px;
}
input.c-input.disabled {
  background-color: #fff !important;
  color: #bbb;
  cursor: not-allowed;
}
input.p-input {
  border-top: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  padding: 0 5px;
  font-weight: bold;
  font-size: 16px;
  color: #666;
  margin-bottom: 0px;
}
input.i-input {
  background-color: transparent;
  border-top: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-bottom: 1px dashed #ddd !important;
  color: #666;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0px;
  padding: 0px;
  text-align: center;
  width: 50px !important;
}
input.i-input:focus {
  background-color: transparent;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.product-costo {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background-color: #ed5565;
  padding: 6px 12px;
  position: absolute;
  top: -33px;
  left: 0;
}
.carousel-control-next.invert,
.carousel-control-prev.invert {
  filter: invert(100%);
}
.precios {
  font-size: 16px;
  font-weight: 100;
}
.th-view-title {
  font-size: 14px;
  font-weight: 600;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0,0,0,0.02);
}
.table-hover tbody tr:hover {
  background-color: rgba(0,0,0,0.075);
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: 1px solid transparent;
}
.small-caps {
  font-variant-caps: small-caps;
}
/* Wizard */
.wizard > .content > .body {
  padding: 0px 0px 0px 0px;
}
fieldset.wizard-fieldset {
  margin: 0px;
  padding: 0px;
  width: 99.5% !important;
}
.form-group label {
  font-weight: bold !important;
}
input[readonly]::placeholder {
  color: #666 !important;
  font-size: 10px;
}
.wizard > .content > .body input:not(.onoffswitch-checkbox) {
  display: block;
  border: 1px solid #ccc;
}
.wizard > .content > .body input[type="checkbox"]:not(.onoffswitch-checkbox) {
  display: inline-block;
}
.wizard > .content > .body input:not(.onoffswitch-checkbox).error {
  background: #fbe3e4;
  border: 1px solid #fbc2c4;
  color: #8a1f11;
}
.wizard > .content > .body label:not(.onoffswitch-label) {
  display: inline-block;
  margin-bottom: 0.5em;
}
.steps > ul > li > a {
  font-weight: bold;
}
.dz-image-preview.selected {
  border: 2px solid #1c84c6;
}
.bt2pxgreen {
  border-top: 2px solid #1ab394;
}
.bt2pxred {
  border-top: 2px solid #ed5565;
}
/* Switchery */
.switchery {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
  vertical-align: middle;
  width: 50px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.switchery > small {
  background: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;
}
.border-none {
  border: 0 !important;
}
.ui-menu {
  font-size: 14px;
}
.ui-menu .ui-menu-item-wrapper {
  padding: 9px 1em 9px 0.4em;
}
.ui-menu .ui-menu-item-wrapper.ui-state-active {
  background-color: #eee;
}
.h2-title {
  color: inherit;
  font-family: inherit;
  font-size: 24px;
  font-weight: 100;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
}
.sortable {
  min-height: 250px;
  background-color: #fff;
}
.sortable.ibox-content {
  padding: 0;
  border-color: none;
  -webkit-border-image: none;
  -moz-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid solid none;
  border-width: 0;
}
.modal-product-list .modal-header {
  background-color: #1ab394;
  border-bottom: 2px solid #008881;
  border-radius: 0;
  color: #fff;
}
.modal-product-list .modal-body.product-list {
  padding: 5px;
  height: 280px;
  overflow: auto;
}
.modal-product-list .modal-body.mt {
  border-top: 2px dashed #ccc;
}
.modal-product-list #page.modal-body {
  padding: 10px;
}
.modal-product-list #page.modal-body > .paginacion {
  float: right;
  margin-top: 0;
}
.item {
  background-color: #eaeaea;
  border-left: 2px solid #333;
  border-radius: 2px;
  color: #333;
  cursor: pointer;
  margin: 1px 0px;
  padding: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.item > div {
  display: inline-block;
  line-height: 32px;
  margin-right: 10px;
}
.item.selected {
  background-color: #1ab394;
  color: #fff;
}
.removed-item {
  -webkit-animation: fade-out-left 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -moz-animation: fade-out-left 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -o-animation: fade-out-left 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -ms-animation: fade-out-left 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fade-out-left 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.removed-modal-item {
  -webkit-animation: fade-out 0.3s both;
  -moz-animation: fade-out 0.3s both;
  -o-animation: fade-out 0.3s both;
  -ms-animation: fade-out 0.3s both;
  animation: fade-out 0.3s both;
}
.no-select,
.__producto {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.no-select .overlay,
.__producto .overlay {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  border-radius: 0.25rem !important;
  bottom: 0;
  color: #ff3a3a;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  left: 0;
  height: 100%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 100%;
}
.no-select .cload,
.__producto .cload {
  position: relative;
  display: block;
  border: 1px dashed transparent;
  border-radius: 0.25rem !important;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.no-select .cload:hover,
.__producto .cload:hover {
  border: 1px dashed #333;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.no-select .cload.active .overlay,
.__producto .cload.active .overlay {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.no-select.error,
.__producto.error {
  background-color: rgba(237,85,101,0.1);
  border: none;
  border-left: 2px solid #ed5565;
}
.input-precio {
  border: none;
  border-bottom: 1px dotted #999;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  padding: 0;
  width: 60%;
}
.qpbutton {
  background: #f0f8ff;
  border: 1px solid;
  border-radius: 5px;
  padding: 5px;
  max-width: 70px;
  -webkit-box-align: normal;
  -moz-box-align: normal;
  -o-box-align: normal;
  -ms-flex-align: normal;
  -webkit-align-items: normal;
  align-items: normal;
  text-align: center;
}
.remision-totals {
  padding: 0;
}
.remision-totals .handle-title {
  display: none;
}
.remision-totals .table-container {
  padding: 15px 20px 20px 20px;
}
.remision-totals .handle {
  padding: 20px;
}
.remision-totals.float {
  border-top: 2px solid #eb3d50;
  left: 240px;
  min-width: 500px;
  outline: 0;
  position: fixed;
  top: 200px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  z-index: 2003;
}
.remision-totals.float .handle {
  background-color: #f28692;
  cursor: move;
  overflow: hidden;
  padding: 10px 15px !important;
}
.remision-totals.float .handle .handle-title {
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: bold;
}
ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete > li.ui-menu-item > div.ui-menu-item-wrapper {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size: 16px;
}
.modal-timeline {
  max-height: 500px;
  overflow: auto;
  padding: 0 10px 0 0 !important;
  position: relative;
}
.vertical-timeline-block-modal {
  position: relative;
  margin-top: 1.5rem;
}
.vertical-timeline-block-modal .vertical-timeline-content .vertical-image-author > img.author {
  height: 45px;
  right: -20px;
  top: -20px;
  width: 45px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid #fff;
  border-radius: 50%;
}
.vertical-timeline-block-modal .vertical-timeline-content h3 {
  font-size: 12px;
  margin: 0;
}
.vertical-timeline-block-modal .vertical-timeline-content p {
  font-size: 0.7rem;
  margin: 0 0 0.5em 0;
}
.vertical-timeline-block-modal .vertical-timeline-content .vertical-date small {
  font-size: 9px;
}
.vertical-timeline-block-modal .vertical-timeline-content .vertical-date b {
  font-size: 10px;
}
.center-orientation {
  -webkit-transition: all 0.1s linear 0.1s;
  -moz-transition: all 0.1s linear 0.1s;
  -o-transition: all 0.1s linear 0.1s;
  -ms-transition: all 0.1s linear 0.1s;
  transition: all 0.1s linear 0.1s;
}
.center-orientation .vertical-timeline-block .vertical-timeline-content .vertical-date {
  top: 0px;
}
.center-orientation .vertical-timeline-block .vertical-timeline-content .vertical-image-author > img {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: -25px;
  height: 50px;
  width: 50px;
  border: 3px solid #f1f1f1;
  border-radius: 50%;
}
.left-orientation {
  -webkit-transition: all 0.1s linear 0.1s;
  -moz-transition: all 0.1s linear 0.1s;
  -o-transition: all 0.1s linear 0.1s;
  -ms-transition: all 0.1s linear 0.1s;
  transition: all 0.1s linear 0.1s;
}
.left-orientation .vertical-timeline-block .vertical-timeline-icon {
  left: -5px;
  height: 50px;
  width: 50px;
}
.left-orientation .vertical-timeline-content .vertical-image-author > img {
  height: 50px;
  width: 50px;
  position: absolute;
  top: -20px;
  right: -20px;
  border: 3px solid #f1f1f1;
  border-radius: 50%;
}
.ibox.samepadding > .ibox-title {
  padding: 15px 15px 8px 15px;
}
.input-group-lg.input-scanner > input {
  font-size: 4rem;
  font-weight: bold;
  line-height: 4rem;
  padding: 1rem;
  text-transform: uppercase;
}
.modal-scanner .modal-dialog {
  height: 100%;
  margin: 10px auto 0px auto;
  padding: 0;
  width: 100%;
  max-width: 800px !important;
}
.modal-scanner .modal-content {
  border-radius: 0;
}
.modal-scanner .product-imitation.custom {
  padding: 0px;
}
.modal-scanner .product-name {
  font-size: 1.5rem;
}
.modal-scanner .product-name:focus,
.modal-scanner .product-name:hover {
  color: #676a6c;
}
.modal-scanner .product-price {
  background-color: #1ab394;
  font-size: 1.5rem;
  top: -48px;
}
.modal-scanner .image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 600px;
  max-height: 100%;
}
.ui-autocomplete {
  z-index: 2147483647;
}
.tload .overlay {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  border-radius: 0.25rem !important;
  bottom: 0;
  color: #ff3a3a;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  left: 0;
  height: 100%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 100%;
}
.tload .cload {
  position: relative;
  display: block;
  border: 1px dashed transparent;
  border-radius: 0.25rem !important;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.tload .cload.active .overlay {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
a.mailto {
  color: #1ab394;
  font-weight: bold;
}
a.mailto:hover {
  color: #16987e;
}
.woo {
  width: 16px;
}
.woo-images {
  height: 400px;
  overflow-y: auto;
}
.woo-images > figure {
  border: 1px solid transparent;
  border-radius: 7px;
  cursor: pointer;
}
.woo-images > figure > img {
  border-radius: 7px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  padding: 0;
  margin: 0;
}
.woo-images > figure.active {
  border: 1px dashed #1ab394;
}
.woo-images > figure.active > img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.woo-figure {
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0px;
}
.articulo-content-highlight {
  background-color: #f6f4d2;
  border: 1px solid;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-bottom: 10px;
  padding: 0px;
}
.bw {
  filter: grayscale(100%);
}
.skin-gb-container {
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
.skin-gb-container .skin-gb {
  width: 50%;
}
.terminal {
  background-color: #000;
  border-bottom: 1px solid #333;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  color: #fff;
  height: 500px;
  font-size: 13px;
  line-height: 1.42857143;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 9.5px;
  white-space: pre;
  word-break: break-all;
  word-wrap: break-word;
}
.terminal textarea {
  font-family: "Menlo", "Monaco", "Consolas", "Courier New", "monospace";
}
.terminal > pre {
  background-color: #000;
}
.terminal-container .input-group-prepend {
  margin-right: 0;
}
.mono {
  font-family: "Menlo", "Monaco", "Consolas", "Courier New", "monospace";
}
.input-terminal {
  background-color: #222;
  border: 0;
  color: #0f0;
  font-size: 13px;
}
.input-terminal:focus {
  background-color: #222;
  color: #0f0;
}
.input-terminal.disabled {
  background-color: #222;
  color: #0f0;
}
.input-terminal.disabled:focus {
  background-color: #222;
  color: #0f0;
}
.green-terminal {
  color: #0f0;
}
.content-labels {
  display: block;
  margin: 3px 0px;
}
.linkcopy > span:hover {
  background-color: #a7ff94;
}
.loading {
  width: 24px;
  height: 24px;
  margin: 5px 5px 0 0;
  top: 0;
  right: 2px;
}
.loading:before {
  position: absolute;
  display: block;
  content: '';
  z-index: 12;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #222;
}
.loading:after {
  position: absolute;
  display: block;
  content: '';
  z-index: 11;
  width: 12px;
  height: 12px;
  border-radius: 200px 0 0;
  background: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0, #459ad7 50%, #459ad7 100%);
  background: -moz-linear-gradient(45deg, rgba(0,0,0,0) 0, #459ad7 50%, #459ad7 100%);
  background: -o-linear-gradient(45deg, rgba(0,0,0,0) 0, #459ad7 50%, #459ad7 100%);
  background: -ms-linear-gradient(45deg, rgba(0,0,0,0) 0, #459ad7 50%, #459ad7 100%);
  background: linear-gradient(45deg, rgba(0,0,0,0) 0, #459ad7 50%, #459ad7 100%);
  -webkit-animation: loading 0.5s linear infinite;
  -moz-animation: loading 0.5s linear infinite;
  -o-animation: loading 0.5s linear infinite;
  -ms-animation: loading 0.5s linear infinite;
  animation: loading 0.5s linear infinite;
}
.theme-gordas {
  --fa-secondary-opacity: 1;
  --fa-primary-color: #b08d66;
  --fa-secondary-color: #e2c7a8;
}
.theme-gordas-inverse {
  --fa-secondary-opacity: 1;
  --fa-primary-color: #e2c7a8;
  --fa-secondary-color: #b08d66;
}
table.shoping-cart-table tr td:last-child.td-200 {
  width: 200px;
}
.border-transparent {
  border: 1px solid transparent !important;
}
.form-span {
  padding: 10px 0px;
}
select[readonly].select2 + .select2-container {
  pointer-events: none;
  touch-action: none;
}
select[readonly].select2 + .select2-container .select2-selection {
  background: #eee;
  -webkit-box-shadow: none;
  box-shadow: none;
}
select[readonly].select2 + .select2-container .select2-selection__arrow,
select[readonly].select2 + .select2-container .select2-selection__clear {
  display: none;
}
select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  -webkit-box-shadow: none;
  box-shadow: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}
.tui-full-calendar-time-resize-handle.handle-x,
.tui-full-calendar-time-schedule-content-time strong {
  display: none;
}
@media (max-width: 960px) {
  .flex-td {
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3px;
  }
}
.nrecord {
  position: absolute;
  top: -4px;
  right: -4px;
  color: #4b0082;
  font-size: 8px;
  font-weight: bold;
}
.nrecord.darkmagenta {
  color: #8b008b;
}
.light_orange-bg,
body.md-skin.light_orange-bg {
  background-color: #fbecd5;
}
.guisado-btn {
  min-height: 100px;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.95em;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.1s, box-shadow 0.1s;
  -moz-transition: -moz-transform 0.1s, box-shadow 0.1s;
  -o-transition: -o-transform 0.1s, box-shadow 0.1s;
  -ms-transition: -ms-transform 0.1s, box-shadow 0.1s;
  transition: transform 0.1s, box-shadow 0.1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  width: 100px;
  height: 100px;
  position: relative;
}
.guisado-btn:active {
  -webkit-transform: scale(0.92);
  -moz-transform: scale(0.92);
  -o-transform: scale(0.92);
  -ms-transform: scale(0.92);
  transform: scale(0.92);
  -webkit-box-shadow: 0 0 24px #222;
  box-shadow: 0 0 24px #222;
}
.click-count-badge {
  display: none;
  position: absolute;
  top: -10px;
  right: 0px;
  z-index: 30;
  background: #fbecd5;
  color: #222;
  border-radius: 12px;
  padding: 6px 10px;
  font-size: 1.1em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 6px 2px rgba(251,236,213,0.8), 0 0 12px 4px rgba(251,236,213,0.533);
  box-shadow: 0 0 6px 2px rgba(251,236,213,0.8), 0 0 12px 4px rgba(251,236,213,0.533);
  border: none;
  -webkit-transition: opacity 0.7s cubic-bezier(0.4, 2, 0.6, 1), -webkit-transform 0.7s cubic-bezier(0.4, 2, 0.6, 1), box-shadow 0.7s;
  -moz-transition: opacity 0.7s cubic-bezier(0.4, 2, 0.6, 1), -moz-transform 0.7s cubic-bezier(0.4, 2, 0.6, 1), box-shadow 0.7s;
  -o-transition: opacity 0.7s cubic-bezier(0.4, 2, 0.6, 1), -o-transform 0.7s cubic-bezier(0.4, 2, 0.6, 1), box-shadow 0.7s;
  -ms-transition: opacity 0.7s cubic-bezier(0.4, 2, 0.6, 1), -ms-transform 0.7s cubic-bezier(0.4, 2, 0.6, 1), box-shadow 0.7s;
  transition: opacity 0.7s cubic-bezier(0.4, 2, 0.6, 1), transform 0.7s cubic-bezier(0.4, 2, 0.6, 1), box-shadow 0.7s;
}
.text-orange {
  color: #d75a2e;
}
.__quitar-producto i {
  background-color: #f5f5f5;
  border: 1px solid #dedede;
  border-radius: 3px;
  font-size: 16px;
  color: #5f9ea0;
  padding: 5px 7px;
}
.img-orangered {
  border-radius: 3px;
  border: 2px solid #ff4500;
}
@media (max-width: 600px) {
  #listado-pagos-pedidos table tr > th:first-child,
  #listado-pagos-pedidos table tr > td:first-child {
    display: none;
  }
  table.shoping-cart-table tr {
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  table.shoping-cart-table tr td,
  table.shoping-cart-table tr td.desc,
  table.shoping-cart-table tr td:first-child {
    text-align: center;
  }
}
@media (max-width: 390px) {
  .loginscreen {
    max-width: 360px;
  }
  .loginscreen.middle-box {
    padding: 0 10px;
    width: 360px;
    max-height: 800px;
    overflow: hidden;
  }
  .loginscreen.middle-box img {
    max-width: 70%;
  }
}
.bg-guisado {
  background-size: cover;
  background-position: center;
}
.bg-guisado .text-guisado {
  text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
  font-size: 13px;
}
@-moz-keyframes placeHolderShimmer {
  0% {
    background-position: -268px 0;
  }
  100% {
    background-position: 268px 0;
  }
}
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -268px 0;
  }
  100% {
    background-position: 268px 0;
  }
}
@-o-keyframes placeHolderShimmer {
  0% {
    background-position: -268px 0;
  }
  100% {
    background-position: 268px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -268px 0;
  }
  100% {
    background-position: 268px 0;
  }
}
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes loading {
  0% {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes loading {
  0% {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}