@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 ************************/
}
.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"] {
  width: auto;
  background: none;
  display: inline;
  margin-right: 5px;
  height: auto;
}
.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 .waiting-dialog {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 2100000;
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
  text-align: center;
}
.mkcontent .waiting-dialog .dialog {
  position: relative;
  display: inline-block;
  width: 300px;
  top: 40%;
  background-color: #ffffff;
  padding: 20px;
  -moz-box-shadow: 0 0 11px #AAA;
  -webkit-box-shadow: 0 0 11px #AAA;
  box-shadow: 0 0 11px #AAA;
}
.mkcontent .waiting-dialog .dialog h4 {
  letter-spacing: initial !important;
  font-size: 14px;
  margin-bottom: 10px;
}
.mkcontent .waiting-dialog.in {
  display: block;
}
.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-family: Segoe UI, Calibri, Arial, Microsoft Sans Serif;
  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 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 .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;
  margin-top: 0px;
}
.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 .img-circle img {
  border-radius: 50% !important;
}
.mkcontent .card img {
  max-width: 100%;
}
.mkcontent .form-group .dropdown-item {
  font-size: 0.8rem;
}