@media (max-width: 768px) {
  .vspacer-5-sm {
    width: 1px;
    height: 5px !important;
  }
  .vspacer-10-sm {
    width: 1px;
    height: 10px !important;
  }
  .vspacer-15-sm {
    width: 1px;
    height: 15px !important;
  }
  .vspacer-20-sm {
    width: 1px;
    height: 20px !important;
  }
  .vspacer-25-sm {
    width: 1px;
    height: 25px !important;
  }
  .vspacer-30-sm {
    width: 1px;
    height: 30px !important;
  }
  .vspacer-40-sm {
    width: 1px;
    height: 40px !important;
  }
  .vspacer-50-sm {
    width: 1px;
    height: 50px !important;
  }
  .vspacer-60-sm {
    width: 1px;
    height: 60px !important;
  }
  .vspacer-80-sm {
    width: 1px;
    height: 80px !important;
  }
  .vspacer-100-sm {
    width: 1px;
    height: 100px !important;
  }
  .vspacer-120-sm {
    width: 1px;
    height: 120px !important;
  }
  .vspacer-140-sm {
    width: 1px;
    height: 140px !important;
  }
}
.mkcontent {
  /*********************************** Waiting dialog *******************************************/
  /*********************************** Loading dialog *******************************************/
  /*********************************** Popup dialog *******************************************/
  /************************** Alineacion vertical de elementos ************************************/
  /************************* Estilos para alineaciones básicas ************************************/
  /************************* Estilos formularios de edición y grids ************************************/
  /************************* Resumen de informe de validación ************************************/
  /************************* Resumen de informe de validación en pop-up ************************************/
  /************************* Pop-up Success ************************************/
  /************************* Toolbars ************************************/
  /************************* ColorPicker ************************************/
  /************************* Paginadores ************************************/
  /************************* Espaciadores ************************************/
  /************************* FileUpload ************************************/
  /************************* DropArea ************************************/
  /************************************ Indicador de pasos **********************************/
  /******************** Centrado de columnas ************************/
  /*
 * MKFactory Grid - Vista de tarjetas para dispositivos moviles
 *
 * Cuando responsive="true" (valor por defecto), en pantallas pequeñas
 * se muestra una vista de tarjetas con etiquetas a la izquierda y valores a la derecha.
 *
 * Ejemplo:
 * <mk-grid for="Model.Items" responsive="true" allow-filtering="true">
 *     <columns>
 *         <column binding-field="Nombre" header-text="Nombre"></column>
 *         <column binding-field="Email" header-text="Email" hide-on-mobile="true"></column>
 *     </columns>
 * </mk-grid>
 */
  /* =====================================================
   DESKTOP: Ocultar panel de filtros movil
   ===================================================== */
  /* =====================================================
   MOVIL: Vista de tarjetas
   ===================================================== */
}
.mkcontent .treegrid-indent {
  /*    height: 16px;
*/
  /*    display: inline-block;
    position: relative;
*/
}
.mkcontent .treegrid-expander {
  width: 0px;
  /*    height: 16px; */
  display: inline-block;
  position: relative;
  left: -17px;
  cursor: pointer;
}
.mkcontent .tooltip {
  z-index: 2055 !important;
}
.mkcontent button,
.mkcontent input,
.mkcontent optgroup,
.mkcontent select,
.mkcontent textarea {
  font-weight: normal;
}
.mkcontent th {
  white-space: nowrap;
}
.mkcontent popuptitle {
  display: none;
}
.mkcontent #fileprogress {
  margin-bottom: 5px;
  padding: 0px;
}
.mkcontent .table > tbody > tr {
  border-top: none;
  border-bottom: solid 1px #DDDDDD;
  color: #737373;
}
.mkcontent INPUT[type="checkbox"] {
  width: auto;
  background: none;
  display: inline;
  margin-right: 5px;
  /*        width: auto;
        height: auto;
*/
}
.mkcontent INPUT[type="checkbox"].checked {
  background: #999999;
}
.mkcontent input[type="radio"] {
  background: none;
  display: inline;
  margin-right: 5px;
}
.mkcontent .input-group-addon {
  margin-left: 10px;
  margin-top: 5px;
}
.mkcontent [class*='col-'] {
  padding-right: 2%;
  padding-left: 2%;
}
.mkcontent .row {
  margin-left: 0px;
  margin-right: 0px;
}
.mkcontent .label-required {
  white-space: nowrap;
  font-size: 16px;
}
.mkcontent .label-required.right {
  margin-left: 7px;
  margin-bottom: 4px;
}
.mkcontent .label-required.left {
  margin-right: 7px;
  margin-bottom: 4px;
}
.mkcontent .required-icon {
  color: red;
}
.mkcontent .table {
  display: table;
  margin-bottom: 0px;
}
.mkcontent .table-row {
  display: table-row;
}
.mkcontent .table-cell {
  display: table-cell;
  vertical-align: top;
}
.mkcontent .context-help-popover {
  display: inline-block;
  margin-left: 5px;
}
.mkcontent .popover-header .close {
  margin: 5px;
}
.mkcontent .full-width {
  width: 100%;
}
.mkcontent .hidden-form {
  display: none;
}
.mkcontent .drag {
  cursor: move;
}
.mkcontent .no-drag {
  /*cursor: no-drop;*/
  color: #DDDDDD;
}
.mkcontent .row-dragging {
  background-color: #FFFFE6;
  cursor: move;
}
.mkcontent #mk-waiting-dialog {
  position: fixed;
  inset: 0;
  background: rgba(8, 8, 15, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 21000;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.mkcontent #mk-waiting-dialog .loader-wrapper {
  text-align: center;
  color: #fff;
}
.mkcontent #mk-waiting-dialog .loader-logo {
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.9rem;
}
.mkcontent #mk-waiting-dialog .loader-bar {
  margin: 1.25rem auto 0;
  width: 140px;
  height: 4px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255);
}
.mkcontent #mk-waiting-dialog .loader-bar-inner {
  width: 40%;
  height: 100%;
  background: linear-gradient(90deg, #0d6efd, #6610f2);
  animation: loader-slide 1.1s linear infinite;
}
@keyframes loader-slide {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(260%);
  }
}
.mkcontent .loading-dialog {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 21000;
  line-height: 100vh;
  vertical-align: middle;
  background-color: rgba(65, 101, 173, 0.8);
  display: none;
  text-align: center;
}
.mkcontent .loading-dialog .dialog {
  position: relative;
  display: inline-block;
}
.mkcontent .loading-dialog .fa-spin {
  color: #FFFFFF;
}
.mkcontent .loading-dialog.in {
  display: block;
}
.mkcontent .centered-block {
  position: relative;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  width: 100%;
  text-align: center;
}
.mkcontent .centered-block .block .inner {
  display: inline-block;
}
.mkcontent .float-left {
  float: left;
}
.mkcontent .float-right {
  float: right;
}
.mkcontent .float-none {
  float: none;
}
.mkcontent .scroll-vertical {
  overflow-y: scroll;
}
.mkcontent .form-group {
  margin-bottom: 5px;
}
.mkcontent .form-submit {
  text-align: center;
  margin-top: 20px;
}
.mkcontent .form-control-label {
  margin-right: 20px;
  font-weight: normal;
}
.mkcontent .form-control,
.mkcontent .form-select {
  font-size: 0.8rem;
}
.mkcontent .form-check {
  vertical-align: middle;
}
.mkcontent .control-label {
  font-weight: normal;
}
.mkcontent .filter {
  font-weight: normal;
  height: auto;
  padding: 4px;
}
.mkcontent textarea.form-control {
  height: 100px;
}
.mkcontent .field-validation-error {
  display: none;
}
.mkcontent .control-required::after {
  content: " *";
  color: red;
  font-weight: bold;
}
.mkcontent fieldset {
  padding: 11px;
  margin-bottom: 40px;
  border: 1px solid #C6CED4;
  margin-top: 20px;
}
.mkcontent fieldset legend {
  font-size: 16px;
  color: #687987;
  padding: 7px 14px;
  width: auto;
  margin-top: -30px;
  background-color: #FFFFFF;
}
.mkcontent fieldset.inner-grid legend {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.mkcontent .warning-alert {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-position: 15px 10px;
  background-repeat: no-repeat;
  color: #fff;
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
  filter: alpha(opacity=80);
  background-color: #FF9933;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
  margin-bottom: 10px;
  text-align: left;
}
.mkcontent .warning-alert ul,
.mkcontent ol {
  margin: 10px;
  padding-left: 0px;
}
.mkcontent .warning-alert li {
  margin: 0px;
}
.mkcontent .warning-alert-popup {
  text-align: center;
  -moz-box-shadow: 0 0 11px #AAA;
  -webkit-box-shadow: 0 0 11px #AAA;
  box-shadow: 0 0 11px #AAA;
}
.mkcontent .warning-alert-popup .warning-title {
  background-color: #FF9933;
  background-position: 15px 10px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
  text-align: left;
  font-weight: bold;
  padding: 10px 10px 10px 50px;
  color: #fff;
}
.mkcontent .warning-alert-popup .warning-message {
  background-color: #ffffff;
  text-align: left;
  padding: 0px 30px 0px 30px;
}
.mkcontent .warning-alert-popup ul,
.mkcontent .warning-alert-popup ol {
  margin: 10px;
  padding-left: 0px;
}
.mkcontent .warning-alert-popup li {
  margin: 0px;
}
.mkcontent .warning-alert-popup button {
  background-color: #FF9933;
  border: none;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  border-radius: 20px;
}
.mkcontent .warning-alert-popup button:focus,
.mkcontent .warning-alert-popup button:hover,
.mkcontent .warning-alert-popup button.focus {
  color: #fff;
  background-color: #FF7A14;
  border-color: none;
}
.mkcontent .error-alert-popup {
  text-align: center;
  -moz-box-shadow: 0 0 11px #AAA;
  -webkit-box-shadow: 0 0 11px #AAA;
  box-shadow: 0 0 11px #AAA;
}
.mkcontent .error-alert-popup .error-title {
  background-color: #d10000;
  background-position: 15px 10px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
  text-align: left;
  font-weight: bold;
  padding: 10px 10px 10px 50px;
  color: #fff;
}
.mkcontent .error-alert-popup .error-message {
  background-color: #ffffff;
  text-align: left;
  padding: 20px 30px 20px 30px;
}
.mkcontent .error-alert-popup ul,
.mkcontent .error-alert-popup ol {
  margin: 10px;
  padding-left: 0px;
}
.mkcontent .error-alert-popup li {
  margin: 0px;
}
.mkcontent .error-alert-popup button {
  background-color: #d10000;
  border: none;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  border-radius: 20px;
}
.mkcontent .error-alert-popup button:focus,
.mkcontent .error-alert-popup button:hover,
.mkcontent .error-alert-popup button.focus {
  color: #fff;
  background-color: #FF0404;
  border-color: none;
}
.mkcontent .success-popup {
  text-align: center;
  -moz-box-shadow: 0 0 11px #AAA;
  -webkit-box-shadow: 0 0 11px #AAA;
  box-shadow: 0 0 11px #AAA;
}
.mkcontent .success-popup .success-title {
  background-color: #51BA14;
  background-position: 15px 10px;
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,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');
  text-align: left;
  font-weight: bold;
  padding: 10px 10px 10px 50px;
  color: #fff;
}
.mkcontent .success-popup .success-message {
  background-color: #ffffff;
  text-align: left;
  padding: 0px 0px 0px 50px;
}
.mkcontent .success-popup ul,
.mkcontent ol {
  margin: 10px;
  padding-left: 0px;
}
.mkcontent .success-popup li {
  margin: 0px;
}
.mkcontent .success-popup button {
  background-color: #51BA14;
  border: none;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.mkcontent .success-popup button:focus,
.mkcontent .success-popup button:hover,
.mkcontent .success-popup button.focus {
  color: #fff;
  background-color: #51BA14;
  border-color: none;
}
.mkcontent .btn-toolbar {
  padding: 5px 5px 5px 5px;
  background-color: none;
  margin: 0px 3px 0px 3px;
}
.mkcontent .label-toolbar {
  margin: 5px 5px;
  color: #676a6c;
}
.mkcontent .btn-toolbar:hover {
  color: #333;
  background-color: none;
}
.mkcontent .btn-mk-sm {
  background-color: #B3B3B3;
  color: #FFFFFF;
  margin-right: 5px;
  margin-top: 7px;
}
.mkcontent .btn-mk-sm:hover {
  background-color: #DDDDDD;
}
.mkcontent .colorpicker-2x .colorpicker-saturation {
  width: 200px;
  height: 200px;
}
.mkcontent .colorpicker-2x .colorpicker-hue,
.mkcontent .colorpicker-2x .colorpicker-alpha {
  width: 30px;
  height: 200px;
}
.mkcontent .colorpicker-2x .colorpicker-color,
.mkcontent .colorpicker-2x .colorpicker-color div {
  height: 30px;
}
.mkcontent .pagination {
  margin-bottom: 10px;
}
.mkcontent .pagination a,
.mkcontent .pagination span {
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}
.mkcontent .pagination > .active > a,
.mkcontent .pagination > .active > span,
.mkcontent .pagination > .active > a:hover,
.mkcontent .pagination > .active > span:hover,
.mkcontent .pagination > .active > a:focus,
.mkcontent .pagination > .active > span:focus {
  background-color: #f1ae05;
  border-color: none;
  color: #FFFFFF;
  cursor: default;
  z-index: 2;
  padding: 5px 5px 5px 5px;
}
.mkcontent .pagination > .disabled > a,
.mkcontent .pagination > .disabled > span,
.mkcontent .pagination > .disabled > a:hover,
.mkcontent .pagination > .disabled > span:hover,
.mkcontent .pagination > .disabled > a:focus,
.mkcontent .pagination > .disabled > span:focus {
  color: #BBBBBB;
  cursor: auto;
  padding: 5px 5px 5px 5px;
}
.mkcontent .vspacer-5 {
  width: 1px;
  height: 5px;
}
.mkcontent .vspacer-10 {
  width: 1px;
  height: 10px;
}
.mkcontent .vspacer-15 {
  width: 1px;
  height: 15px;
}
.mkcontent .vspacer-20 {
  width: 1px;
  height: 20px;
}
.mkcontent .vspacer-25 {
  width: 1px;
  height: 25px;
}
.mkcontent .vspacer-30 {
  width: 1px;
  height: 30px;
}
.mkcontent .vspacer-40 {
  width: 1px;
  height: 40px;
}
.mkcontent .vspacer-50 {
  width: 1px;
  height: 50px;
}
.mkcontent .vspacer-60 {
  width: 1px;
  height: 60px;
}
.mkcontent .vspacer-80 {
  width: 1px;
  height: 80px;
}
.mkcontent .vspacer-100 {
  width: 1px;
  height: 100px;
}
.mkcontent .vspacer-120 {
  width: 1px;
  height: 120px;
}
.mkcontent .vspacer-140 {
  width: 1px;
  height: 140px;
}
.mkcontent .hspacer-5 {
  height: 1px;
  width: 5px;
}
.mkcontent .hspacer-10 {
  height: 1px;
  width: 10px;
}
.mkcontent .hspacer-15 {
  height: 1px;
  width: 15px;
}
.mkcontent .hspacer-20 {
  height: 1px;
  width: 20px;
}
.mkcontent .hspacer-25 {
  height: 1px;
  width: 25px;
}
.mkcontent .hspacer-30 {
  height: 1px;
  width: 30px;
}
.mkcontent .hspacer-40 {
  height: 1px;
  width: 40px;
}
.mkcontent .hspacer-50 {
  height: 1px;
  width: 50px;
}
.mkcontent .hspacer-60 {
  height: 1px;
  width: 60px;
}
.mkcontent .input-group.mb-3 {
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px !important;
}
.mkcontent .btn-file {
  position: relative;
  overflow: hidden;
}
.mkcontent .btn-file 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;
}
.mkcontent .center-cropped {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.mkcontent .center-cropped img {
  position: relative;
  left: 50%;
  top: 50%;
  min-width: 100%;
  height: auto;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mkcontent .clear-both {
  clear: both;
}
.mkcontent .dropzone {
  background-color: #ECEAE9;
  padding: 3px;
  min-height: 50px;
  padding-bottom: 0px;
  cursor: pointer;
  border: 2px dashed #CCCCCC;
  margin-top: 5px;
}
.mkcontent .dropzone .dz-preview {
  margin: 5px;
}
.mkcontent .dropzone .dz-preview .dz-image {
  width: 90px;
  height: 90px;
  border-radius: 15px;
}
.mkcontent .dropzone .dz-preview.dz-image-preview {
  background: none;
}
.mkcontent .dropzone .dz-preview .dz-details {
  padding: 7px;
  padding-top: 30px;
}
.mkcontent .dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mkcontent .dropzone .dz-preview a > img {
  position: absolute;
  left: 50%;
  top: 50%;
  min-height: 100%;
  width: auto;
  max-height: 120%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.mkcontent .dropzone .dz-preview .dz-image.dz-file {
  border: 1px solid #b7b7b7;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  padding: 5px;
  text-align: center;
  background-color: #d3d3d3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#aaa));
  background-image: -webkit-linear-gradient(top, #d3d3d3, #aaa);
  background-image: -moz-linear-gradient(top, #d3d3d3, #aaa);
  background-image: -ms-linear-gradient(top, #d3d3d3, #aaa);
  background-image: -o-linear-gradient(top, #d3d3d3, #aaa);
  background-image: linear-gradient(to bottom, #d3d3d3, #aaa);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d3d3d3, endColorstr=#AAAAAA);
}
.mkcontent .dropzone .dz-preview .dz-icon {
  font-size: 40px;
  cursor: pointer;
}
.mkcontent .dropzone .dz-preview .dz-icon-filename {
  color: #000000;
  cursor: pointer;
  font-weight: normal;
}
.mkcontent .dropzone .dz-preview .dz-remove {
  text-align: left;
  color: #fff;
  border: none;
  padding: 3px;
  font-weight: bold;
  position: absolute;
  z-index: 80;
  cursor: pointer;
}
.mkcontent .dropzone .dz-preview .dz-remove i {
  color: #fff;
  background-color: #DB5E5E;
  padding: 3px;
  border-radius: 20px;
  cursor: pointer;
}
.mkcontent .stepper {
  display: flex;
  align-items: center;
  justify-content: center;
  /* Contenedor de cada PASO + etiqueta */
  /* Etiqueta del paso (texto arriba) */
  /* Círculo base */
  /*
          Pseudo-elemento ::after para dibujar la línea hacia el siguiente paso.
          En el último paso no aparece (gracias a :not(:last-child) en .step-wrapper).
        */
  /* ============ ESTADOS DE LOS PASOS ============ */
  /* COMPLETE (Paso 1) */
  /* La línea que sale de un paso COMPLETE también es verde */
  /* ACTIVE (Paso 2) */
  /*
          Pero la línea que sale del paso 2 la queremos forzar a azul (porque 
          el siguiente paso es "pending" => azul).
        */
  /*.step-wrapper:not(:last-child) .step-active::after {
            background-color: #0d6efd;*/
  /* Azul Bootstrap */
  /*}*/
  /* PENDING (Paso 3) => círculo azul */
  /* El último paso no dibuja línea con ::after, así que no afecta */
}
.mkcontent .stepper .step-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  /* Etiqueta arriba, círculo abajo */
  align-items: center;
  margin: 0 20px;
  /* Espacio horizontal entre los pasos */
}
.mkcontent .stepper .step-label {
  margin-bottom: 8px;
  font-weight: 500;
  color: #212529;
  /* Color de texto por defecto (negro Bootstrap) */
  text-align: center;
}
.mkcontent .stepper .step {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  position: relative;
}
.mkcontent .stepper .step-wrapper:not(:last-child) .step::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  /* Ajustar según el margen horizontal */
  transform: translateY(-50%);
  width: 35px;
  /* Longitud de la línea */
  height: 2px;
  /* Grosor de la línea */
  background-color: #547795;
  /* Color por defecto (se sobreescribe según estado) */
}
.mkcontent .stepper .step-complete {
  background-color: #0F3A5D;
}
.mkcontent .stepper .step-wrapper:not(:last-child) .step-complete::after {
  background-color: #0F3A5D;
}
.mkcontent .stepper .step-active {
  background-color: #8EC300;
  border: 4px solid #c7e280;
}
.mkcontent .stepper .step-pending {
  background-color: #547795;
  /* Azul Bootstrap */
}
.mkcontent .paypal-info {
  text-align: center;
  margin: 30px 0;
}
.mkcontent .paypal-info .paypal-redirecting {
  font-size: 22px;
}
.mkcontent .paypal-info .paypal-please-wait {
  font-size: 15px;
  margin-top: 15px;
}
.mkcontent .row-centered {
  text-align: center;
}
.mkcontent .col-centered {
  display: inline-block;
  float: none;
  text-align: left;
  margin-right: -4px;
}
.mkcontent tbody tr.nodrop {
  color: #DDDDDD !important;
}
.mkcontent tbody tr.nodrop a {
  color: #DDDDDD !important;
}
.mkcontent .datepicker {
  z-index: 1200 !important;
}
.mkcontent .datepicker .datepicker-cell.day {
  height: 1.75rem;
}
.mkcontent .cm-gutters {
  min-height: 300px !important;
}
.mkcontent .btn-light {
  background-color: #ffffff;
  border: none !important;
}
.mkcontent .btn-light:focus {
  background-color: #ffffff;
  outline: 0;
  border: 0px;
}
.mkcontent .bootstrap-select {
  padding: 0px !important;
  background-color: #ffffff;
}
.mkcontent .dropdown-menu {
  z-index: 2000;
}
.mkcontent .dropdown-item {
  color: #737373;
}
.mkcontent .dropdown-menu .dropdown-item.selected {
  background-color: #EBF1F9 !important;
}
.mkcontent .actions-btn.bs-select-all.btn,
.mkcontent .actions-btn.bs-deselect-all.btn,
.mkcontent .bs-donebutton button,
.mkcontent .bs-donebutton button:hover {
  background-color: #9ab7df;
  margin-right: 10px;
  width: 50%;
  color: #FFFFFF !important;
}
.mkcontent .bootstrap-select .btn-group {
  width: 100%;
}
.mkcontent .table.grid thead .dropdown-toggle {
  padding: 4px;
  min-height: 25px;
}
.mkcontent .time-separator {
  margin: 0 10px !important;
}
.mkcontent .collapse-panel-header {
  padding: 10px 15px;
  background-color: #f5f5f5;
  font-size: 1.2rem;
}
.mkcontent .collapse-panel-body {
  padding: 15px;
  margin-bottom: 10px;
}
.mkcontent .form-group .dropdown-item {
  font-size: 0.8rem;
}
.mkcontent .grid-mobile-filters {
  display: none;
}
@media (max-width: 768px) {
  .mkcontent {
    /* Mostrar panel de filtros movil */
    /* Ocultar columnas marcadas con hide-on-mobile */
    /* La tabla en card-view no debe causar scroll horizontal */
  }
  .mkcontent .grid-mobile-filters {
    display: block;
    /* Rotacion del icono chevron cuando esta expandido */
  }
  .mkcontent .grid-mobile-filters .btn[aria-expanded="true"] .bi-chevron-down {
    transform: rotate(180deg);
  }
  .mkcontent .grid-mobile-filters .bi-chevron-down {
    transition: transform 0.2s ease-in-out;
  }
  .mkcontent table.grid th.hide-on-mobile,
  .mkcontent table.grid td.hide-on-mobile {
    display: none !important;
  }
  .mkcontent table.grid.card-view {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    /* Ocultar encabezados de tabla en movil */
    /* Ajuste para el pie de tabla */
  }
  .mkcontent table.grid.card-view thead {
    display: none;
  }
  .mkcontent table.grid.card-view tbody {
    display: block;
    width: 100%;
    /* Cada fila se convierte en una tarjeta */
    /* Cada celda se muestra como fila con grid para mejor truncado */
    /* Separador visual antes de las acciones (usando pseudo-elemento del tr) */
    /* Mensaje de no hay items */
  }
  .mkcontent table.grid.card-view tbody tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 0.5rem;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    overflow: hidden;
  }
  .mkcontent table.grid.card-view tbody td {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #eee;
    width: 100%;
    /* Ocupar todo el ancho por defecto */
    overflow: hidden;
    /* Etiqueta a la izquierda usando data-label */
    /* Valor a la derecha con truncado */
    /* Ocultar pseudo-elemento si no hay data-label */
    /* Ultima celda sin borde inferior */
    /* Celdas de acciones (sin header): se agrupan al final en una fila inline */
  }
  .mkcontent table.grid.card-view tbody td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #6c757d;
    text-align: left;
    white-space: nowrap;
  }
  .mkcontent table.grid.card-view tbody td > .cell-value {
    display: block;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    /* Tambien truncar enlaces dentro del cell-value */
  }
  .mkcontent table.grid.card-view tbody td > .cell-value > a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mkcontent table.grid.card-view tbody td:not([data-label])::before,
  .mkcontent table.grid.card-view tbody td[data-label=""]::before {
    display: none;
  }
  .mkcontent table.grid.card-view tbody td:last-child {
    border-bottom: none;
  }
  .mkcontent table.grid.card-view tbody td:not([data-label]),
  .mkcontent table.grid.card-view tbody td[data-label=""] {
    order: 9999;
    /* Mover al final de la tarjeta */
    width: auto;
    /* Solo el ancho necesario */
    flex: 0 0 auto;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    border-bottom: none;
  }
  .mkcontent table.grid.card-view tbody tr:has(td:not([data-label]))::after,
  .mkcontent table.grid.card-view tbody tr:has(td[data-label=""])::after {
    content: '';
    order: 9998;
    /* Justo antes de las acciones */
    width: 100%;
    height: 0;
    border-top: 1px solid #eee;
    margin-top: 0.25rem;
    padding-top: 0.25rem;
  }
  .mkcontent table.grid.card-view tbody td[colspan] {
    text-align: center;
    color: #6c757d;
    font-style: italic;
  }
  .mkcontent table.grid.card-view tbody td[colspan]::before {
    display: none;
  }
  .mkcontent table.grid.card-view tfoot {
    display: block;
  }
  .mkcontent table.grid.card-view tfoot tr {
    display: block;
    padding: 0.5rem;
    background: #f8f9fa;
    border-radius: 0.5rem;
  }
  .mkcontent table.grid.card-view tfoot td {
    display: block;
    padding: 0.25rem 0.5rem;
  }
}
.mk-uploader {
  --mk-uploader-bg: #ffffff;
  --mk-uploader-border: #e2e5ef;
  --mk-uploader-border-hover: #9563FF;
  --mk-uploader-bg-hover: rgba(243, 238, 255, 0.4);
  --mk-uploader-icon-bg: #EEF3FF;
  --mk-uploader-icon-color: #3B6EF5;
  --mk-uploader-text-strong: #111827;
  --mk-uploader-text-muted: #6b7280;
  --mk-uploader-text-faint: #9ca3af;
  --mk-uploader-item-bg: #f9fafb;
  --mk-uploader-item-border: #e5e7eb;
  --mk-uploader-progress-bg: #e5e7eb;
  --mk-uploader-progress: linear-gradient(90deg, #7B4DFF 0%, #3B6EF5 100%);
  --mk-uploader-success: #10B981;
  --mk-uploader-danger: #EF4444;
  --mk-uploader-danger-soft: #FEE2E2;
  --mk-uploader-radius: 12px;
  --mk-uploader-radius-sm: 8px;
  --mk-uploader-padding-y: 2rem;
  --mk-uploader-padding-x: 1.5rem;
  --mk-uploader-min-height: 220px;
  --mk-uploader-gap: 0.5rem;
  --mk-uploader-list-gap: 0.5rem;
  --mk-uploader-list-margin: 0.75rem;
  --mk-uploader-icon-size: 64px;
  --mk-uploader-icon-glyph: 24px;
  --mk-uploader-icon-margin: 0.75rem;
  --mk-uploader-formats-margin: 0.25rem;
  --mk-uploader-item-padding-y: 0.75rem;
  --mk-uploader-item-padding-x: 1rem;
  --mk-uploader-item-icon-size: 40px;
  --mk-uploader-item-icon-glyph: 16px;
  --mk-uploader-item-status-size: 18px;
  --mk-uploader-progress-height: 3px;
  --mk-uploader-title-font: inherit;
  --mk-uploader-title-size: 1rem;
  --mk-uploader-title-weight: 600;
  --mk-uploader-title-line: 1.35;
  --mk-uploader-subtitle-font: inherit;
  --mk-uploader-subtitle-size: 0.875rem;
  --mk-uploader-formats-font: inherit;
  --mk-uploader-formats-size: 0.875rem;
  --mk-uploader-item-name-size: 0.875rem;
  --mk-uploader-item-name-weight: 500;
  --mk-uploader-item-meta-size: 0.8125rem;
  display: block;
}
.mk-uploader .mk-uploader-drop {
  background: var(--mk-uploader-bg);
  border: 2px dashed var(--mk-uploader-border);
  border-radius: var(--mk-uploader-radius);
  padding: var(--mk-uploader-padding-y) var(--mk-uploader-padding-x);
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
  min-height: var(--mk-uploader-min-height);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--mk-uploader-gap);
}
.mk-uploader .mk-uploader-drop .mk-uploader-drop-icon {
  width: var(--mk-uploader-icon-size);
  height: var(--mk-uploader-icon-size);
  margin: 0 auto var(--mk-uploader-icon-margin);
  background: var(--mk-uploader-icon-bg);
  color: var(--mk-uploader-icon-color);
  border-radius: var(--mk-uploader-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mk-uploader-icon-glyph);
}
.mk-uploader .mk-uploader-drop .mk-uploader-drop-title {
  font-family: var(--mk-uploader-title-font);
  font-size: var(--mk-uploader-title-size);
  font-weight: var(--mk-uploader-title-weight);
  color: var(--mk-uploader-text-strong);
  line-height: var(--mk-uploader-title-line);
}
.mk-uploader .mk-uploader-drop .mk-uploader-drop-subtitle {
  font-family: var(--mk-uploader-subtitle-font);
  font-size: var(--mk-uploader-subtitle-size);
  color: var(--mk-uploader-text-muted);
}
.mk-uploader .mk-uploader-drop .mk-uploader-drop-formats {
  margin-top: var(--mk-uploader-formats-margin);
  font-family: var(--mk-uploader-formats-font);
  font-size: var(--mk-uploader-formats-size);
  color: var(--mk-uploader-text-faint);
}
.mk-uploader.mk-uploader--hover .mk-uploader-drop {
  border-color: var(--mk-uploader-border-hover);
  background: var(--mk-uploader-bg-hover);
}
.mk-uploader .mk-uploader-list {
  margin-top: var(--mk-uploader-list-margin);
  display: flex;
  flex-direction: column;
  gap: var(--mk-uploader-list-gap);
}
.mk-uploader .mk-uploader-item {
  display: grid;
  grid-template-columns: var(--mk-uploader-item-icon-size) 1fr auto;
  align-items: center;
  gap: 0.75rem;
  background: var(--mk-uploader-item-bg);
  border: 1px solid var(--mk-uploader-item-border);
  border-radius: var(--mk-uploader-radius-sm);
  padding: var(--mk-uploader-item-padding-y) var(--mk-uploader-item-padding-x);
  position: relative;
  overflow: hidden;
  transition: border-color 0.2s ease;
}
.mk-uploader .mk-uploader-item .mk-uploader-item-icon {
  grid-row: 1 / span 2;
  grid-column: 1;
  width: var(--mk-uploader-item-icon-size);
  height: var(--mk-uploader-item-icon-size);
  border-radius: 6px;
  background: var(--mk-uploader-icon-bg);
  color: var(--mk-uploader-icon-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mk-uploader-item-icon-glyph);
}
.mk-uploader .mk-uploader-item .mk-uploader-item-info {
  grid-row: 1 / span 2;
  grid-column: 2;
  min-width: 0;
}
.mk-uploader .mk-uploader-item .mk-uploader-item-name {
  font-size: var(--mk-uploader-item-name-size);
  font-weight: var(--mk-uploader-item-name-weight);
  color: var(--mk-uploader-text-strong);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mk-uploader .mk-uploader-item .mk-uploader-item-meta {
  font-size: var(--mk-uploader-item-meta-size);
  color: var(--mk-uploader-text-muted);
}
.mk-uploader .mk-uploader-item .mk-uploader-item-status {
  grid-row: 1 / span 2;
  grid-column: 3;
  color: var(--mk-uploader-text-faint);
  font-size: var(--mk-uploader-item-status-size);
  line-height: 1;
}
.mk-uploader .mk-uploader-item .mk-uploader-item-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--mk-uploader-progress-height);
  background: var(--mk-uploader-progress-bg);
  overflow: hidden;
}
.mk-uploader .mk-uploader-item .mk-uploader-item-progress-bar {
  height: 100%;
  width: 0%;
  background: var(--mk-uploader-progress);
  transition: width 200ms ease-out;
}
.mk-uploader .mk-uploader-item.mk-uploader-item--success {
  border-color: var(--mk-uploader-success);
}
.mk-uploader .mk-uploader-item.mk-uploader-item--success .mk-uploader-item-status {
  color: var(--mk-uploader-success);
}
.mk-uploader .mk-uploader-item.mk-uploader-item--success .mk-uploader-item-progress {
  opacity: 0;
  transition: opacity 0.4s ease 0.2s;
}
.mk-uploader .mk-uploader-item.mk-uploader-item--error {
  border-color: var(--mk-uploader-danger);
  background: var(--mk-uploader-danger-soft);
}
.mk-uploader .mk-uploader-item.mk-uploader-item--error .mk-uploader-item-status {
  color: var(--mk-uploader-danger);
}