@font-face {
  font-family: "MaditaBold";
  src: url("/css/fonts/MaditaBold.otf") format("opentype");
}

:root {
  --global-border-radius: 0.2rem;

  --bs-body-font-family: Sans, sans-serif !important;
  --bs-body-font-size: 16px !important;

  --body-bg: #f5f6fc !important;
  --color-primary: #ff7c00 !important;
  --color-primary-down: #ff7c00 !important;
  --color-primary-text: #eeeeee !important;
  --color-primary-text-light: #525252 !important;
  --color-primary-bg: linear-gradient(to bottom,
      var(--color-primary),
      var(--color-primary-down)) !important;

  --color-navbar-bg: #fff;
  --color-navbar-border: #d6dbe1;
  --color-navbar-text: #454545;

  --font-primary-logo: "MaditaBold";
  --font-primary-logo-size: 28px;
  --font-primary-logo-color: #fff;
}

a {
  color: #414141;
}

a:hover {
  color: #a34f00;
}

.object-fit-cover {
  object-fit: cover;
}


.logo-master {
  display: inline-block;
  color: #383838;
  font-size: 13px;
  font-weight: 400;
  background: #fff;
  padding: 3.5px 8px;
  border-radius: 4px;
  padding-right: 2.5px;

  width: 92px;
}

.logo-master.ligth {
  color: #fff;
  background: #0e84f2;
}

.logo-master:hover {
  color: #090909;
}


.logo-master .main {
  font-weight: 600;
}

.logo-master .number {
  font-size: 14px;
  font-weight: 600;
  margin-left: 3px;
  padding: 2px 4px;
  border-radius: 4px;
  background-color: #0e84f2;
  color: #fff;
}

.logo-master.ligth .number {
  background-color: #fff;
  color: #0e84f2;
}

.logo {
  font-family: var(--font-primary-logo);
  font-size: var(--font-primary-logo-size);
  color: var(--color-primary);
  padding: 0px;
  cursor: pointer;
}

.logo-big {
  font-size: 50px;
}

/** --------------------------------- */
/** general */
.breadcrumb-app {
  font-size: 13px;
  padding: 7px 13px;
}

.breadcrumb-block {
  padding-top: 50px;
}

@media (max-width: 768px) {
  .breadcrumb-block {
    padding-top: 0px;
  }
}

.form-control {
  color: #303030 !important;
}

.form-group-fields {
  display: flex;
  border: 1px solid #dadada;
  border-radius: 3px;
  padding: 10px;
  padding-bottom: 4px;
  margin-bottom: 24px;
}

.form-group-fields .field-items {
  display: inline-table;
  width: 25%;
}

.form-group-fields button {
  display: inline-table;
  vertical-align: top;
  margin: 29px 0px;
  line-height: 1.5;
  padding: 0.25rem 0.5rem;
  border-radius: 5px;
}

@media (max-width: 768px) {
  .form-group-fields {
    display: block;
  }

  .form-group-fields .field-items {
    width: 100%;
  }

  .form-group-fields button {
    margin-top: -2px;
    margin-bottom: 21px;
    margin-left: 13px;
    width: 92%;
    padding: 10px;
  }
}

.padding-modal-small {
  padding: 15px 20px;
  background: #f6f6f6;
}

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

.center-body .label-error {
  display: inline-block;
  text-align: center;
  position: relative;
}

.center-body .form-group {
  margin-bottom: 0px;
}

.display-inline-block {
  display: inline-block;
}

.center-footer {
  text-align: center;
  display: block;
}

.error-change-password {
  background: #c94a35;
  color: #ffffff;
  border-bottom: 1px solid #b02d2d;
  padding: 6px 11px;
  width: 109%;
  font-size: 14px;
  text-align: center;
  margin: 0;
  margin-left: -21px;
  margin-top: -15px;
  display: block;
  margin-bottom: 15px;
}

.form-subtitle {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 3px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #e6e6e6;
  display: block;
  width: 100%;
  color: #32325d;
}

.hide {
  display: none;
}

.no-padding {
  padding: 0px !important;
}

.row-sm {
  display: flex;
  flex-wrap: wrap;
}

.special-btn-save {
  position: absolute;
  top: 11px;
  right: 11px;
}

.textarea-min-height {
  min-height: 200px;
}

.overlay-div {
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  z-index: 10000 !important;
  vertical-align: middle !important;
  content: '' !important;
}

.overlay-div-transparent {
  background-color: transparent !important;
}

.overlay-div .content {
  position: absolute;
  top: 46%;
  left: 46%;
  margin-left: -15px;
  margin-top: -15px;
  color: #404040;
  font-size: 13px;
}

.bg-background {
  background-color: rgb(245 246 252 / 71%) !important;
}


.fa-spin {
  animation: fa-spin 1.6s infinite linear;
}

.div-card-header {
  z-index: 1;
  margin-top: -80px !important;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-box-shadow: 0px 3px 7px -8px rgb(0 0 0 / 75%);
  -moz-box-shadow: 0px 3px 7px -8px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 7px -8px rgb(0 0 0 / 75%);
}

.button-detail-disabled {
  background-color: #58787d !important;
  border-color: #58787d !important;
  font-weight: 600;
}

.btn-sm,
.btn-mt {
  font-size: 13px;
  line-height: 12px;
}

.btn-sm i,
.btn-mt i {
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: auto;
}

.form-horizontal {
  display: inline-flex;
}

.form-horizontal label {
  margin-right: 8px;
  margin-top: 5px;
  display: inline-block;
}

.div-card-content {
  background: #fafafa;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin: 0px;
  margin-bottom: 18px;
  margin-top: 0px !important;
}

.div-card-body {
  background: #ffffff;
  border: 0px;
  padding-top: 40px !important;
}

.div-card-body .icon {
  width: 12px;
  height: 12px;
}

@media (max-width: 768px) {
  .no-padding-mobile {
    padding: 0px;
  }
}

.div-inline-block {
  display: inline-block;
}

.btn-cursor {
  cursor: pointer;
}

.btn-inline-block {
  color: #2c7ba4;
  cursor: pointer;
}

.modal-center {
  display: block;
}

.modal-center .row {
  display: block;
  text-align: center;
}

.modal-center .row .form-group {
  display: inline-block;
}

.modal-center .label-error {
  width: 100%;
}

.selected-row {
  background-color: #f2f2f2 !important;
  font-weight: bold;
  color: #0d1d33;
}

.account-avatar .font-weight-bold {
  font-size: 13px !important;
}

.account-avatar .avatar-sm {
  width: 30px;
  height: 30px;
}

.div-company {
  border-radius: 6px;
  padding-right: 8px;
  border: 1px solid #c4c4c4;
}

.div-company .font-weight-bold {
  font-size: 13px !important;
  color: #424242;
}

.div-company .avatar-company {
  width: 30px;
  height: 30px;
}

.div-company .avatar-company img {
  background-color: #fafafa;
  border-radius: 4px;
  padding: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.div-company-sidebar {
  border: 1px solid #9e9e9e;
  border-radius: 6px;
  padding-right: 8px;
  background: #f7f7f70f;
  width: 94%;
  display: none;
}

@media (max-width: 768px) {
  .div-company-sidebar {
    display: flex;
  }
}

.bg-piddet {
  background: #fff !important;
  border-bottom: 1px solid #e0e0e0 !important
}

.c-secondary {
  color: #1e1e1e;
}

.form-group-delete {
  position: absolute;
  left: 0px;
  width: 20%;
  bottom: 20px;
  z-index: 1;
  margin: 0px 2.5%;
}

.form-group-delete-show {
  width: 95%;
}

.form-group-delete .controls {
  border: 1px solid #fdd0d0;
  padding: 18px 12px;
  border-radius: 6px;
  text-align: center;
  background: #fceaea;
}

.form-group-delete .controls .label {
  font-size: 14px;
  display: block;
  font-weight: 500;
  margin: 10px;
  margin-top: 0px;
}

@media (max-width: 768px) {
  .form-group-delete {
    margin: 0px 6%;
  }

  .form-group-delete-show {
    width: 92%;
    margin: 0px 4%;
    bottom: 22px;
  }

  .form-group-delete .main {
    margin-bottom: 2px;
  }

  .form-group-delete .main button span {
    display: none;
  }

  .form-group-delete .controls {
    padding: 7px 8px;
  }

  .form-group-delete .controls .label {
    margin-top: 10px;
  }

  .form-group-delete .controls button {
    margin-bottom: 4px;
    margin-right: 0px;
  }
}

.input-number-lm {
  height: 50px;
  font-size: 20px;
  font-weight: 600;
  padding: 10px 15px;
}

.bar-top-menu {
  height: 25px;
}

@media screen and (max-width: 768px) {
  .breadcrumb-main {
    display: none;
  }
}

.main-content {
  display: block;
  margin-top: 10px;
}

.main-content .breadcrumb {
  background: transparent;
  padding-bottom: 0px;
  margin: 4px 0px;
  margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
  .main-content .block-content {
    margin-top: 3px;
  }
}

.company-avatar {
  background-color: #fff !important;
  border-radius: 0px !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  padding: 0px;
}

.company-avatar img {
  border-radius: 0px !important;
  background-color: transparent !important;
}

.tt-l {
  text-transform: lowercase !important;
}



/** --------------------------------- */
/** general blocks */
/** --------------------------------- */

:root {
  --var-global-border-radius: .4rem;
  --var-global-section-border-color: #efefef;

  --var-global-font-color: rgba(0, 0, 0, .5);

  --var-global-section-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  --var-global-margin-content: 12%;
}

@media screen and (max-width: 1280px) {
  :root {
    --var-global-margin-content: 8%;
  }
}

.ch-block-content {
  width: 100%;
  padding: 0px;
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.ch-block-content .row {
  padding: 0px;
  margin: 0px;
}

.ch-block-content .section {
  padding: 8px;
}

.ch-block-content .section .section-basic {
  background: #ffffff;
  border: 1px solid var(--var-global-section-border-radius);
  border-radius: var(--var-global-border-radius);
  box-shadow: var(--var-global-section-box-shadow);
  position: relative;

  padding: 10px;
}

.ch-block-content .section .div-blank {
  position: relative;
}

.ch-block-content .section-content {
  background: #ffffff;
  border: 1px solid var(--var-global-section-border-radius);
  border-radius: var(--var-global-border-radius);
  box-shadow: var(--var-global-section-box-shadow);
  position: relative;
}

.ch-block-content .section-content table td:first-child {
  padding-left: 22px !important;
}

.ch-block-content .section-info .avatar {
  background: transparent;
  position: relative;
  width: 70px;
  height: 70px;
  margin: 5px;
}

.ch-block-content .section-info .avatar img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  border-radius: 0px;
}

.ch-block-content .section-info .title {
  font-size: 17px !important;
}

.ch-block-content .section-info .subtitle {
  font-size: 11px !important;
  color: #666;
  font-weight: normal !important;
}

.ch-block-content input,
.ch-block-content select,
.ch-block-content textarea,
.ch-block-content .selected-items label,
.ch-block-content .modal-content {
  border-radius: var(--var-global-border-radius);
}

.ch-block-content .modal-content .modal-header .close {
  padding: 12px;
}

.ch-block-content .modal-content .modal-header,
.ch-block-content .modal-content .modal-body,
.ch-block-content .modal-content .modal-footer {
  padding: 18px !important;
}

.btn {
  border-radius: var(--var-global-border-radius) !important;
}

@media (max-width: 768px) {
  .ch-block-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .ch-block-content .section {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .ch-block-content .section .section-basic {
    border-radius: 0px;
    padding: 22px !important;
    padding-bottom: 30px;
    border-bottom: 0px;
  }

  .ch-block-content .section .section-content {
    border-radius: 0px;
  }

  .ch-block-content .section .section-content .menu_footer {
    padding: 10px 23px !important;
  }
}


.f14 {
  font-size: 18px;
  color: #fff;
  text-transform: none;
  cursor: text;
  padding: 5px 15px !important;
  border-radius: var(--var-global-border-radius) !important;
  font-weight: 100;
}

.display-inline-block {
  display: inline-block !important;
}

.menu-select .dropdown-header {
  color: #0d1d33;
}

/** --------------------------------- */
/** main menu */
/** --------------------------------- */
.navbar-main {
  display: none;
}

.navbar-vertical .navbar-nav .nav-link>i {
  font-size: 13px;
}

.content-main-content .row {
  margin-left: 0px;
  margin-right: 0px;
}

.navbar {
  position: fixed;
  width: 100%;
  z-index: 6;
  top: 0px;
  left: 0px;
  padding: 0.5rem 0.5rem;
}

.content-main-content {
  margin-top: 62px !important;
}

.page-subtitle {
  display: flex;
  align-items: center;
  justify-content: center;

  height: auto;
  width: 100%;
  padding: 4px 20px;
  margin-bottom: 10px;

  border: none;
  border-radius: var(--var-global-border-radius);
  box-shadow: var(--var-global-section-box-shadow);
  background: #ffffff;
  text-align: center;
}

.page-subtitle .text {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: #4f4f4f;
  margin-left: 5px;
}

.page-subtitle .icon {
  display: inline-block;
  font-size: 11px;
  color: #1a6db6;
  width: auto !important;
  height: auto !important;
}

.page-subtitle .icon em {
  margin-right: 0px !important;
}

.content-main-menu .logo {
  display: none;
}

@media (max-width: 768px) {
  .content-main-menu .logo {
    display: block;
  }
}

@media (min-width: 768px) {
  .navbar-vertical.navbar-expand-md .navbar-collapse {
    margin-left: -1rem;
    padding-left: 1rem;
  }

  .navbar-vertical.navbar-expand-md {
    display: flex;
  }

  .content-main-menu-hide {
    display: none !important;
  }

  .content-main-menu {
    position: relative !important;
    border-radius: var(--var-global-border-radius) !important;
    box-shadow: var(--var-global-section-box-shadow) !important;
    max-width: 1000px !important;

    top: auto !important;
    left: auto !important;

    bottom: auto !important;
    margin: 0px !important;
    padding: 0px !important;
    z-index: 1;
  }



  .content-main-menu .container-fluid {
    margin: 0px;
    padding-top: 12px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .navbar-vertical .navbar-nav .nav-link>i {
    min-width: 1.5rem;
  }

  .navbar-main {
    display: flex;
  }

  .navbar-main .container-fluid {
    margin: 0px var(--var-global-margin-content) !important;
    padding: 0px !important;
  }

  .content-main-menu .navbar-brand {
    display: none !important;
  }

  .navbar-vertical .navbar-collapse:before {
    display: none !important;
  }

  .navbar-auth-mobile {
    display: none !important;
  }

  .content-main-content {
    margin: 0px;
    padding: 0px;
    margin-top: 56px !important;
  }

  .content-main-content .block-content,
  .content-main-content .content-complete {
    margin: 0px;
  }

  .content-main-content .content-medium {
    margin: 0px !important;
    padding: 20px var(--var-global-margin-content);
  }

  .content-main-content .content-complete {
    padding: 0px var(--var-global-margin-content);
  }
}

.font-weight-bolder {
  font-weight: 700 !important;
}

.text-sm {
  line-height: 1.5;
}

.text-sm {
  font-size: .775rem !important;
}

.font-weight-bold {
  font-weight: 600 !important;
}

.bb-0 {
  border-bottom: 0px !important;
}

.b-none {
  border: 0px !important;
}

.h-40 {
  height: 40px;
}

/** --------------------------------- */
/** chart cards */
/** --------------------------------- */

.chart-cards {
  display: flex;
  flex-wrap: wrap;
}

.chart-cards .card {
  width: 33.333%;
  padding-bottom: 20px;
  padding-right: 15px;

  background-color: transparent;
  border: 0px;
}

@media screen and (max-width: 768px) {
  .chart-cards .card {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 5px;

  }
}

.chart-cards .card:nth-child(3),
.chart-cards .card:nth-child(6) {
  padding-right: 0px;
}

.chart-cards .card .card-body {
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr auto;

  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius: var(--var-global-border-radius);
}

/** --------------------------------- */
/** menu-alt */
/** --------------------------------- */
.menu-alt {
  display: flex;
  flex-wrap: wrap;
  align-items: left;
  border-radius: var(--var-global-border-radius);
  background: #ffffff;
  box-shadow: var(--var-global-section-box-shadow);
}

.menu-alt .menu-alt-title {
  font-size: 12px;
  padding: 10px 15px;
  padding-bottom: 4px;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 600;
  color: #89a;
}

.menu-alt .menu-alt-item {
  display: flex;
  width: 100%;
  align-items: center;

  padding: .45rem 1.5rem;
  padding-right: 3px;
  font-size: .9rem;
  position: relative;
}

.menu-alt .menu-alt-item:last-child {
  margin-bottom: 10px;
}

.menu-alt .menu-alt-item.active {
  background: #f0f0f0;
}

.menu-alt .menu-alt-item.active a {
  color: #202020;
}

.menu-alt .menu-alt-item span {
  margin-right: 5px;
  border-radius: 50%;
  padding: .3rem .3rem;
}

.menu-alt .menu-alt-item span.badge-primary {
  background: #489ce5;
  color: #fff;
}

.menu-alt .menu-alt-item span.badge-warning {
  background: #f0ad4e;
  color: #fff;
}

.menu-alt .menu-alt-item span.badge-danger {
  background: #d9534f;
  color: #fff;
}

.menu-alt .menu-alt-item a {
  color: var(--var-global-font-color);
}

.menu-alt .menu-alt-item a.a-close {
  color: #f04e4e;
  position: absolute;
  right: 15px;
  display: none;
}

.menu-alt .menu-alt-item a.a-close:hover {
  color: #bd2b2b;
}

.menu-alt .menu-alt-item.active a.a-close {
  display: block;
}

.menu-alt .menu-alt-item a:hover {
  color: #1261a5;
}


/** --------------------------------- */
/** query */
.div-queries {}

.div-queries .row {
  padding-top: 40px;
}

.div-queries .div-form .card {
  padding: 80px 50px;
}

.div-queries .div-help {
  margin-top: -3px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.div-queries .div-info .card {
  padding: 40px;
}

@media screen and (max-width: 768px) {
  .div-queries .div-form .card {
    padding: 25px;
  }

  .div-queries .row {
    padding-top: 10px;
  }

  .div-queries .div-info .card {
    padding: 10px;
  }
}


.badge-status {
  font-size: 9px;
  padding: 3px 7px !important;
  border-radius: var(--var-global-border-radius) !important;
  font-weight: 600;
  color: #fff !important;
}

.is-invalid-field {
  border-color: #e4c9cb !important;
  background: #fffcfc;
}

.text-nullable {
  color: #828282 !important;
}

.input-invalid {
  border-color: #e4c9cb !important;
  background: #fffcfc;
}

.invalid {
  color: #d64848 !important;
}

.valid {
  color: #8898aa !important;
}

.mt-36px {
  margin-top: 36px !important;
}

.mr--30px {
  margin-right: -31px !important;
}

.mt-2px {
  margin-top: 2px !important;
}

.h-42px {
  height: 42px;
}

.strong {
  font-weight: 800;
  font-size: 20px;
}

.no-bradius-right {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.no-bradius-left {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}


.p-relative {
  position: relative;
}

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

.min-width-420 {
  min-width: 420px;
}

.title-table {
  font-size: 1.5rem;
  font-weight: bold;
}


.div-error {
  background-color: #f8d7da !important;
  color: #803d43 !important;
  border-color: #f5c6cb !important;
}

.div-information {
  background-color: #e7f3fe !important;
  color: #31708f !important;
  border-color: #e8eff7 !important;
}

.btn-min-height {
  min-height: 27px !important;
}

.btn-outline-secondary {
  color: #6c757d !important;
  border-color: #6c757d !important;
}

.btn-outline-secondary:hover {
  color: #fff !important;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}
.priority-class {
    padding: 3px 6px;
}
.badge-response-date {
    border-radius: 2px;
    border: none;
    padding: 2px 4px;
    margin-left: 4px;
}

.table-gear table tr:hover .badge-response-default {
    opacity: 1;
}

.badge-response-default {
    background-color: #e4e4e4;
    color: #9a9a9a;
    opacity: 0;
    transition: opacity 0.3s ease
}
.badge-status {
    border-radius: 2px;
    border: 0.5px solid #ffffff;
    color: #ffffff;
    min-width: 30px;
    opacity: 0.9;
    padding: 2px 4px;
    cursor: pointer;
}

.badge-status:hover {
    opacity: 1;
}

.table-gear table tr:hover .badge-status {
    opacity: 1;
}

.badge-reg {
    background-color: #8e6f0ac1;
    color: #584505;
}

.badge-pen {
    background-color: #386299bb;
    color: #0d2f5c;
}

.badge-pro {
    background-color: #22c1c9b8;
    color: #065357;
}

.badge-rev {
    background-color: #999638b1;
    color: #57550d;
}

.badge-ter {
    background-color: #0ea71bb2;
    color: #06580d;
}

.badge-rech {
    background-color: #ff0000b0;
    color: #610606;
}

.badge-dev {
    background-color: #ff6a00b1;
    color: #592907;
}

.badge-cie {
    background-color: #32b9a2aa;
    color: #0a4d42;
}

.badge-ing {
    background-color: #386299a3;
    color: #102f59;
}

.badge-rec {
    background-color: #0ea71bb3;
    color: #0c5512;
}

.badge-reg,
.badge-pen,
.badge-pro,
.badge-rev,
.badge-ter,
.badge-rech,
.badge-dev,
.badge-cie,
.badge-ing,
.badge-rec {
    font-size: 9px !important;
    color: #ffffff !important;
}
.table-responsive {
    background: #fff;
}

.table-content {
    display: flex;
    padding-right: 0 !important;
    position: static;
    width: 100%;
}

.table-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.table-ticket table {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
    margin-right: 0px !important;
    margin-left: 0px !important;
    position: static !important;

    background: #fff;
}

.table-ticket .section-content table td,
.table-ticket .section-content table tr {
    position: static;
}

.table-ticket .section-content table td:last-child {
    padding-right: 90px !important;
    width: 160px !important;
}

.table-menu-float {
    position: absolute;
    right: -1px;
    transition: all 0.3s;
    background: #b8c8dd;
    border-right: 4px solid #4b6fa0;
    padding: 5px 16px;
    padding-left: 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;

    display: none;
}

.table-menu-float button {
    padding: 2px 4px !important;
}

.table-ticket .section-content table tr:hover .table-menu-float {
    display: block;
}


.table-ticket .section-content table td:first-child {
    padding-left: 20px !important;
}

.cg {
    color: #818181;
    font-size: 13px !important;
}

.td-finished {
    background-color: #fafafa;
    color: #6e6e6e;
}

.td-finished a {
    color: #6e6e6e !important;
}

.table-ticket table tr {
    display: flex;
    position: relative;
    margin: 0px !important;
    border: 0px !important;
}

.table-ticket table thead td {
    background-color: #f6f6f6 !important;
}

.table-ticket table tr td {
    flex: 0 0 auto;
    padding: 14px 5px !important;
    display: flex;
    align-items: center;
    justify-content: middle;
}

.table-ticket table a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table-ticket table .icheckbox_flat-blue {
    margin-right: 0px !important;
}

.table-ticket table tr td:nth-child(1) {
    width: 48px !important;
}

.table-ticket table tr td:nth-child(2) {
    width: 50px !important;
}

.table-ticket table tr td:nth-child(3) {
    width: 39px !important;
}

.table-ticket table tr td:nth-child(4) {
    width: 160px !important;
}

.table-ticket table tr td:nth-child(5) {
    width: 160px !important;
}

.table-ticket table tr td:nth-child(6) {
    flex: 1 1 auto;
    align-items: center;
}

.table-ticket table tr td:nth-child(7) {
    width: 120px !important;
}

.table-ticket table tr td:nth-child(8) {
    width: 120px !important;
}

.table-ticket table tr:hover {
    background-color: #fff !important;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.table-ticket table thead tr:last-child td {
    background-color: #fff !important;
    padding: 10px 5px !important;
    font-weight: 600;
    font-size: 13px;
}

.table-ticket .menu-selected {
    top: 54px !important;
    left: 16px !important;
}

.table-ticket .menu-selected button {
    background-color: #fff !important;
    border: 0px !important;
}

.table-ticket .menu-selected button::after,
.table-ticket .menu-selected button i {
    color: #989898;
}

.table-ticket table tr:hover td,
.table-ticket table tr:hover td a {
    color: #1f1f1f !important;
    font-weight: 400;
}

.table-ticket .seen-true {
    background-color: #f1f9ff !important;
}



/* ----------------------------------------- */
/* menu-ticket-types */
/* ----------------------------------------- */
.table-ticket .table-responsive {
    border: 1px solid var(--var-global-section-border-color);
    border-bottom: 0px;
    margin-top: -2px;
    background: #fff;
}

.table_content {
    display: block;
    position: relative;
    width: 100%;
    height: 50.5px;
}

.menu-ticket-types {
    position: absolute;
    display: block;
    top: 14.5px;
    left: 0px;
    padding: 0px 0px;
    margin: 0px;
    list-style: none;
    text-align: left;
    z-index: 1;
}

.menu-ticket-types li {
    display: inline-block;
    height: 44px;
}

.menu-ticket-types li a {
    text-decoration: none;
    margin: 0px;
    padding: 12.4px 20px;
    color: #575757;
    background-color: #f4f4f4;
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--var-global-section-border-color);
    text-align: center !important;
    font-size: 13px;
    cursor: pointer;
}

.menu-ticket-types li a i {
    margin-right: 5px;
}

.align-text-center {
    display: inline-flex;
    align-items: center;
}

.menu-ticket-types li:hover a {
    color: #131313;
}

.menu-ticket-types li.active a {
    background-color: #ffffff;
    border: 1px solid var(--var-global-section-border-color);
    border-top: 3px solid #0e84f2;
    border-bottom: none;
    padding: 13.3px 20px;
}

.menu-ticket-types li.active {
    height: 46px;
}

.menu-ticket-types li::hover {
    background-color: #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
}

.form-control:focus {
    border: 2px solid #1e75c2;
    box-shadow: 0px 0px 13px 4px #e6e6e6;
}
.ticket-view {
    position: relative;
}

@media (max-width: 720px) {
    .ticket-view {
        padding: 15px;
    }
}

.ticket-view .header p {
    font-size: 13px;
}

.ticket-view .header .badge {
    font-size: 11px;
    padding: 4px 6px;
    border-radius: var(--var-global-border-radius);
}

.ticket-view .priority-class {
    padding: 0px !important;
    color: #4e4e4e;
}

.ticket-view .div-module {
    margin-top: 25px;
    position: relative;
}

.ticket-view .div-module .title {
    font-size: 13px;
    padding-left: 5px;
    color: #6d6d6d;
}

.item-not-found {
    display: flex;
    align-items: center;
    padding: 4px 10px;
    background: #f5f5f5;
    border: 1px solid #ececec;
    border-radius: var(--var-global-border-radius);
    color: #818181;
    font-size: 13px;
}

.ticket-view .div-module .button-top-right-edit {
    color: #4e4e4e;
    cursor: pointer;
    background: #e6e6e6;
    border: 1px solid #e1e1e1;
    border-radius: var(--var-global-border-radius);
    padding: 0px 4px;
    font-size: 11px;
    position: absolute;
    right: 2px;
    top: -1px;
}

/*** ------------------------------------------------------------------ ***/
/* Module: Ticket list-users */
/*** ------------------------------------------------------------------ ***/

.list-users {}

.list-users .item-user {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid #f1f1f1;
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: var(--var-global-border-radius);
    margin-top: -1px;

    position: relative;
}

.list-users .avatar {
    width: 30px;
    height: 30px;
}

.list-users .item-user img {
    margin-right: 10px;
}

.list-users .item-user .name {
    display: block;
    font-size: 15px;
    color: #3b3b3b;
    line-height: 1;
}

.list-users .item-user .seen-true {
    color: #0e84f2 !important;
}

.list-users .item-user .data {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding: 2px 0px;
}

.list-users .item-user .data div {
    display: inline-block;
}

.list-users .item-user .data-icon {
    font-size: 15px;
    margin-right: 4px;
}

.list-users .item-user .item-user-actions {
    position: absolute !important;
    right: 10px;
}

.list-users .item-user .item-user-actions .btn {
    font-size: 12px;
    padding: 2px;
    box-shadow: none;
}

.badge-default {
    font-size: 9px !important;
    padding: 2px 6px !important;
    border-radius: var(--var-global-border-radius);
    color: #6a6a6a;
    background: #f5f5f5;
}


/*** ------------------------------------------------------------------ ***/
/* Module: Ticket list-files */
/*** ------------------------------------------------------------------ ***/

.list-files {
    padding: 0px !important;
    background: transparent !important;
    border: none !important;
}

.list-files .file-item {
    margin-top: 5px;
}

.list-files .file-item:first-child {
    margin-top: 0px;
}

/*** ------------------------------------------------------------------ ***/
/* Module: Ticket table-info */
/*** ------------------------------------------------------------------ ***/

.table-info {
    background-color: transparent;
    margin-top: -1px;
}

.table-info .badge-status {
    opacity: 1;
    cursor: auto;
}

.table-info .menu-table {
    position: relative;
    display: block;
    width: 100%;


    margin-bottom: -2px;
    z-index: 1;
}

.table-info .menu-table div {
    display: inline-flex;
    align-items: center;
    width: 49%;
    background: #f6f6f6;

    font-size: 14px;
    font-weight: 400;

    padding: 3px 10px;
    cursor: pointer;
    border: 1px solid #ececec;
}

.table-info .menu-table div:first-child {
    border-right: 1px solid #ececec;
}

.table-info .menu-table div.active {
    border-bottom: none;
    background: #fff;
    font-weight: 600;
    border-top: 3px solid #0e84f2;
}


.table-info table {
    width: 100%;
    margin: 0px;
    border: 1px solid #ececec;
    background: #fff;

    border-bottom-left-radius: var(--var-global-border-radius);
    border-bottom-right-radius: var(--var-global-border-radius);
}

.table-info table tr td {
    padding: 4px 10px;
    padding-right: 0px;
    border: none;
    font-size: 13px !important;
    width: 30%;
}

.table-info table tr:first-child td {
    padding-top: 14px;
}

.table-info table tr:last-child td {
    padding-bottom: 14px;
}

.table-info table tr td:last-child {
    width: auto;
    color: #4e4e4e;
    font-size: 14px !important;
}

.display-none {
    display: none;
}

/** ------------------------------------------------------------------ **/
/* Module: Ticket public */
/** ------------------------------------------------------------------ **/

.ticket-public {
    position: relative;
    width: 100%;
    padding: 0px;
    border: none;
    border-radius: var(--var-global-border-radius);
    background-color: transparent;
}

.ticket-public .text {
    width: 100%;
}

.ticket-public .text textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ececec;
    background-color: #ffffff;
    border-radius: 0px !important;
    border-top-right-radius: var(--var-global-border-radius) !important;
    font-size: 15px;
    color: #414141;

    transition: border-color 0.3s ease;
    outline: none;
    border-bottom: 1px dashed #e3e3e3;
}

.ticket-public .text textarea:focus {
    border-color: #ececec !important;
    box-shadow: none !important;
}

.ticket-public .text textarea::placeholder {
    color: #b3b3b3;
}

.ticket-public .text textarea:focus::placeholder {
    color: transparent;
}

.ticket-public #upload-s3 {
    padding: 0px;
    margin: 0px;
}

.modal-files-tickets .upload-s3-list {
    min-height: 0px !important;
    padding: 10px 8px !important;
    border-radius: 0px !important;
    border: 1px solid #e3e3e3 !important;
    margin-bottom: 0px !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-gap: 3px !important;
    margin-top: -1px !important;

    background: #e9edf2 !important;
    border-top: 1px dashed #e3e3e3 !important;
}

.modal-files-tickets .upload-s3-list .item-list {
    display: inline-block !important;
    border-radius: var(--var-global-border-radius) !important;
    border: 1px solid #ededed !important;
    height: 80px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.modal-files-tickets .upload-s3-list .item-list:hover {
    border: 1px solid #dadada !important;
}

.modal-files-tickets .upload-s3-list .item-list:last-child {
    margin-bottom: 20px !important;
}

.modal-files-tickets .upload-s3-list .item-list .image {
    height: 78px !important;
    width: 70px !important;
    border-top-left-radius: 1px !important;
    border-bottom-left-radius: 1px !important;
}

.modal-files-tickets .upload-s3-list .item-list .content {
    padding: 6px 12px !important
}

.modal-files-tickets .upload-file .content .author {
    margin-top: 6px !important;
}

.modal-files-tickets .control {
    top: -5px !important;
    right: 3px !important;
}

.modal-files-tickets .control .btn-edit {
    margin-right: -2px;
}

.modal-files-tickets .control .btn-edit,
.modal-files-tickets .control .btn-delete {
    font-size: 12px !important;
    background-color: #9d9d9d !important;
    border-color: #888888 !important;
    opacity: 0.4;
}

.modal-files-tickets .upload-s3-list .item-list:hover .btn-delete,
.modal-files-tickets .upload-s3-list .item-list:hover .btn-edit {
    opacity: 1;
}

.modal-files-tickets .control .btn-delete:hover {
    background-color: #b50a0a !important;
    border-color: #b50a0a !important;
}

.modal-files-tickets .control .btn-edit:hover {
    background-color: rgb(8, 92, 5) !important;
    border-color: rgb(8, 92, 5) !important;
}

.modal-files-tickets .progress {
    height: 3px !important;
    margin-top: -2px !important;
}

.ticket-public .modal-edit {
    border: 1px solid #e6e6e6 !important;
    border-radius: var(--var-global-border-radius) !important;
    padding: 15px 5px !important;
}

.ticket-public #upload-s3 .button-controls {
    margin: 0px !important;
    padding: 10px;
    border: 1px solid #e3e3e3;
    background: #f9f9f9;
    margin-top: -22px !important;

    border-bottom-left-radius: var(--var-global-border-radius) !important;
    border-bottom-right-radius: var(--var-global-border-radius) !important;
}

.ticket-public #upload-s3 .upload-file .content .name {
    max-width: 260px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ticket-public .title-options {
    position: absolute;
    display: block;
    z-index: 0;
    top: 5px;
    left: 0px;
    height: 30px;
}

.ticket-public .title-options-placeholder {
    height: 39px;
}

.ticket-public .title-options .option {
    display: inline-block;
    padding: 6px 20px;
    border: 1px solid #ececec;
    border-top: 3px solid #0e84f2;
    background-color: #f0f0f0;
    color: #555555;

    font-size: 13px;
    cursor: pointer;
    height: 35px;
}

.ticket-public .title-options .option-inactive {
    background-color: #f3f3f3;
    color: #aaaaaa;
    cursor: auto;
    border-top: 3px #8b8b8b solid;
}

.ticket-public .title-options .option-active {
    border-bottom: 0px;
    height: 35px;
    background-color: #ffffff;
    color: #3b3b3b;
}

@media (max-width: 1280px) {
    .ticket-public #upload-s3 .upload-file .content .name {
        max-width: 200px;
    }
}

@media (max-width: 720px) {
    .modal-files-tickets .upload-s3-list {
        grid-template-columns: 1fr !important;
    }

    .modal-files-tickets .upload-s3-list .item-list {
        margin-right: 0px !important;
    }

    .ticket-public #upload-s3 .upload-file .content .name {
        max-width: 230px;
    }
}


/*** ------------------------------------------------------------------ ***/
/* Module: Timeline */
/*** ------------------------------------------------------------------ ***/
.ticket-title {
    position: relative;
    padding: 5px 10px;
    margin-top: 20px;

    border-radius: var(--var-global-border-radius);
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid #ececec;
    background-color: #ffffff;

    font-size: 14px;
}

.ticket-timeline .timeline-answer {
    color: #fff;
    font-size: 12px;
    font-weight: 600;

    display: flex;
    align-items: center;
    position: static;
    padding: 1px;
    padding-left: 12px;
    border-top-right-radius: var(--var-global-border-radius);
    border-top-left-radius: var(--var-global-border-radius);
}

.ticket-timeline .timeline-answer div {
    display: inline-flex;
}

.ticket-timeline .timeline-answer .ni {}

.ticket-timeline .timeline-answer div:last-child {
    margin-left: 2px;
}

.ticket-timeline {
    position: relative;
    padding: 15px 10px;
    margin-top: -1px;

    border: 1px solid #ececec;
    background-color: #F4F4F4;

    border-radius: var(--var-global-border-radius);
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.ticket-timeline .timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

.ticket-timeline .timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 40px;
    margin: 0;
    border-radius: 2px;
}

.ticket-timeline .timeline>li {
    position: relative;
    margin-right: 5px;
    margin-bottom: 20px;
}

.ticket-timeline .timeline>li:before,
.ticket-timeline .timeline>li:after {
    content: " ";
    display: table;
}

.ticket-timeline .timeline>li:after {
    clear: both;
}

.ticket-timeline .timeline>li>.timeline-item {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 68px;
    margin-right: 15px;
    padding: 0;
    position: relative;
}

.ticket-timeline .timeline>li>.timeline-item>.time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 11px;
}

.ticket-timeline .timeline>li>.timeline-item>.timeline-header {
    margin: 0;
    color: #404040;
    border-bottom: 1px solid #f4f4f4;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 1.1;
}

.ticket-timeline .timeline>li>.timeline-item>.timeline-header>a {
    font-weight: 600;
}

.ticket-timeline .timeline>li>.timeline-item>.timeline-body {
    padding: 12px 10px;
}

.ticket-timeline .timeline>li>.timeline-item>.timeline-footer {
    padding: 10px;
}

.ticket-timeline .timeline>li>.fa,
.ticket-timeline .timeline>li>.ni,
.ticket-timeline .timeline>li>.glyphicon,
.ticket-timeline .timeline>li>.ion {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    color: #ffffff;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 27px;
    top: 0;
}

.ticket-timeline .timeline>.time-label>span {
    font-weight: 600;
    padding: 4px 8px;
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
}

.ticket-timeline .timeline-inverse>li>.timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ticket-timeline .timeline-inverse>li>.timeline-item>.timeline-header {
    border-bottom-color: #ddd;
}

/** body block **/
.ticket-timeline .timeline-body {
    font-size: 14px;
    color: #3d3d3d;
}

.ticket-timeline .timeline-author {
    background-color: #ffffff;
    padding: 6px 10px;
}

.ticket-timeline .timeline-author a i {
    color: #3c3c3c;
}

.ticket-timeline .timeline-author a {
    font-size: 13px;
    color: #3c3c3c !important;
}

.ticket-timeline .timeline-author a:hover {
    color: #6f6f6f !important;
}

/** user block **/
.ticket-timeline .user-block:before,
.ticket-timeline .user-block:after {
    content: " ";
    display: table;
}

.ticket-timeline .user-block:after {
    clear: both;
}

.ticket-timeline .user-block img {
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 50%;
}

.ticket-timeline .user-block .username,
.ticket-timeline .user-block .description,
.ticket-timeline .user-block .comment {
    display: block;
    margin-left: 50px;
}

.ticket-timeline .user-block .username {
    font-size: 14px;
    font-weight: 600;
}

.ticket-timeline .user-block .description {
    color: #999;
    font-size: 14px;
}

.ticket-timeline .user-block.user-block-sm .username,
.ticket-timeline .user-block.user-block-sm .description,
.ticket-timeline .user-block.user-block-sm .comment {
    margin-left: 40px;
}

.ticket-timeline .user-block.user-block-sm .username {
    font-size: 15px;
}

/** color bg **/
.ticket-timeline .bg-date {
    background-color: #4f4f4f;
    color: #ffffff;
}

/** ------------------------------------------------------------------ **/
/** files **/
.timeline-files {
    position: static !important;
    display: block !important;
    background: #f5faff;
    border-top: 1px dashed #dbd9d9;
    padding: 10px 10px;
}

.timeline-files .file-item {
    position: relative;
    display: inline-flex !important;

    width: 49%;
    height: 60px !important;
    border-radius: var(--var-global-border-radius) !important;
    background: #ffffff !important;
    border: 1px solid #f3f3f3 !important;
}

.timeline-files .file-item.w100 {
    width: 100%;
}

@media (max-width: 1280px) {
    .timeline-files .file-item {
        width: 100%;
        margin-bottom: 4px;
    }
}

.timeline-files .file-item .image {
    background-position: center;
    background-repeat: no-repeat;
    background-color: #464646 !important;
    background-size: 40%;
    width: 20% !important;
    height: 58px !important;
}

.timeline-files .file-item .content {
    padding: 6px !important;
    width: 80%;
    padding-right: 30px !important;
}

.timeline-files .file-item .content .name {
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 280px;
    min-width: 30px;
}

.timeline-files .file-item .content .source {
    font-size: 10px;
    font-weight: normal;
    color: #454545;
}

.timeline-files .file-item a {
    color: #d8d8d8;
    position: absolute;
    font-size: 15px;

    right: 10px;
    top: 20px;
}

.timeline-files .file-item:hover a {
    color: #4e4e4e;
}

/** end files **/
/** ------------------------------------------------------------------ **/
.ticket-timeline .text-alt {
    padding-top: 10px;
    color: #949494;
    font-size: 12px;
}


.table-ticket-print {
    margin: 15px !important;
}

.table-ticket-print table {
    width: 100%;
    font-size: 14px;
    color: #131313;
}

.table-ticket-print p {
    font-size: 14px;
    margin-bottom: 2px;
    color: #131313 !important;
}

.table-ticket-print h4 {
    font-size: 17px;
    color: #131313 !important;
}
/* Button styling for the "New Group" button in option form */
.modal-options .btn-new-group-div {
    align-content: end;
    text-align: right;
}

/* Style for tables within modals */
.modal-options .table-responsive,
.modal-options .table-gear {
    position: relative;
    min-height: 150px;
}

/* Style for options and groups table */
.modal-options #tableOptions,
.modal-options #tableGroups {
    margin-top: 1rem;
}

/* Style for modal headers */
.modal-options .modal-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 1.25rem 1.5rem;
}

/* Style for modal footers */
.modal-options .modal-footer {
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
    padding: 1.25rem 1.5rem;
}

/* Make form rows have some spacing */
.modal-options .row {
    margin-bottom: 1rem;
}

/* Style for option group selector in create option form */
.modal-options .option-group-select {
    width: 100%;
}

.modal-options .info-icon {
    font-size: 14px;
    color: #6c757d;
    cursor: pointer;
}

/* Tab styles */
.modal-options .nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    color: #6c757d;
    font-weight: 500;
    padding: 0.75rem 1rem;
    font-size: 14px !important;
}

.modal-options .nav-tabs .nav-link.active {
    color: #212529;
    border-bottom-color: #212529;
}

.modal-options .group-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 8px 10px;
    padding-right: 4px;
    background: #f5f5f5;
}

.modal-options .filter_search {
    padding-left: 10px !important;
    border-left: 1px solid #dee2e6 !important;
}

.modal-options .group-title .text-muted {
    font-size: 11px;
}


.modal-options .group-config {
    text-align: right;
}

.modal-options .group-config .badge {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.1rem;
    display: block;
}

.modal-options .group-config .text-muted {
    padding: 0rem 0.75rem;
    margin-bottom: 0.5rem;
    margin-top: 0rem;
    display: block;
    font-size: 10px;
}

/* TableGear compatibility styles */
.modal-options .table-gear .card-content {
    border: none;
    box-shadow: none;
    background: transparent;
}

.modal-options .table-gear .table {
    margin-bottom: 0;
}

.modal-options .table-gear .table th {
    border-top: none;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
    background-color: #fff;
}

.modal-options .table-gear .table td {
    vertical-align: middle;
    border-color: #eee;
}

.modal-options .table-gear thead tr {
    background-color: #fff;
}

/* Form and button styles */
.modal-options .btn-dark {
    background-color: #212529;
    border-color: #212529;
}

.modal-options .btn-dark:hover {
    background-color: #1a1e21;
    border-color: #1a1e21;
}

/* Group form styles */
.modal-options .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #212529;
    border-color: #212529;
}

.modal-options .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #212529;
    border-color: #212529;
}

.modal-options .custom-control-label {
    font-weight: 400;
    line-height: 1.5;
}

.modal-options .border-top {
    border-top: 1px solid #eee !important;
}

.modal-options table td .btn:first-child {
    margin-right: 4px !important;
}

.modal-options table td .btn:last-child {
    margin-left: 4px !important;
}


/* Modal form styles */
.modal-options #modal-create-group .modal-content,
.modal-options #modal-edit-group .modal-content,
.modal-options #modal-create-option .modal-content,
.modal-options #modal-update-option .modal-content {
    border-radius: 8px;
}

.modal-options #modal-create-group .modal-header,
.modal-options #modal-edit-group .modal-header,
.modal-options #modal-create-option .modal-header,
.modal-options #modal-update-option .modal-header {
    background-color: white;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #f1f1f1;
}

.modal-options #modal-create-group .modal-title,
.modal-options #modal-edit-group .modal-title,
.modal-options #modal-create-option .modal-title,
.modal-options #modal-update-option .modal-title {
    font-size: 1.25rem;
    font-weight: 500;
}

.modal-options #modal-create-group .modal-body,
.modal-options #modal-edit-group .modal-body,
.modal-options #modal-create-option .modal-body,
.modal-options #modal-update-option .modal-body {
    padding: 1.5rem;
}

.modal-options #modal-create-group .modal-footer,
.modal-options #modal-edit-group .modal-footer,
.modal-options #modal-create-option .modal-footer,
.modal-options #modal-update-option .modal-footer {
    border-top: 1px solid #f1f1f1;
    padding: 1rem 1.5rem;
    background-color: white;
}

.modal-options #modal-create-group .form-control,
.modal-options #modal-edit-group .form-control,
.modal-options #modal-create-option .form-control,
.modal-options #modal-update-option .form-control {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

#modal-create-group .custom-radio .custom-control-label,
.modal-options #modal-edit-group .custom-radio .custom-control-label,
.modal-options #modal-create-option .custom-radio .custom-control-label,
.modal-options #modal-update-option .custom-radio .custom-control-label,
.modal-options #modal-create-group .custom-checkbox .custom-control-label,
.modal-options #modal-edit-group .custom-checkbox .custom-control-label,
.modal-options #modal-create-option .custom-checkbox .custom-control-label,
.modal-options #modal-update-option .custom-checkbox .custom-control-label {
    font-size: 0.9rem;
}

.modal-options #modal-create-group label,
.modal-options #modal-edit-group label,
.modal-options #modal-create-option label,
.modal-options #modal-update-option label {
    font-weight: 500;
    color: #333;
}


/* Input group styles */
.modal-options .input-group-text {
    background-color: #f8f9fa;
    border-color: #e0e0e0;
    font-size: 12px !important;
}

.modal-options .input-price {
    height: 40px;
    padding-left: 10px !important;
    margin-left: -1px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-left: 1px solid #e0e0e0 !important;
}

.modal-options .input-group-prepend .input-group-text {
    font-weight: 500;
    color: #495057;
}

/* Valor field specific styles */
.modal-options .value-input-group {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

.modal-options .value-input-group .input-group-text {
    background-color: white;
    font-weight: 500;
    color: #495057;
    min-width: 30px;
    justify-content: center;
}

.modal-options .value-input-group .input-price {
    padding-left: 0;
}

.modal-options .value-input-group .input-group-prepend {
    margin-right: 0;
}

/* Button styles */
.modal-options .btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
    margin-left: 0.5rem;
}

.modal-options .btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

/* Delete confirmation modal styles */
.modal-options #modal-delete-option .modal-content {
    border-radius: 8px;
}

.modal-options #modal-delete-option .modal-header {
    background-color: white;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #f1f1f1;
}

.modal-options #modal-delete-option .modal-body {
    padding: 2rem 1.5rem;
}

.modal-options #modal-delete-option .modal-footer {
    border-top: 1px solid #f1f1f1;
    padding: 1rem 1.5rem;
    background-color: white;
}

.modal-options #modal-delete-option .fa-exclamation-triangle {
    color: #dc3545;
}

.modal-options #modal-delete-option .btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

.modal-options #modal-delete-option .btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
}
/* Módulo de menú: estilos del editor y listados */

.menu-category-title {
    border-bottom: 2px solid #efefef;
    padding-bottom: 6px;
    margin-bottom: 14px;
    font-weight: 600;
}

.menu-item-card {
    display: flex;
    align-items: center;
    border: 1px solid #ededed;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 16px;
    background: #fff;
    transition: box-shadow 0.15s ease;
}

.menu-item-card:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.menu-item-img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
    background: #f4f4f4;
}

.menu-item-info {
    flex: 1;
    min-width: 0;
    padding: 0 12px;
}

.menu-item-name {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu-item-price {
    color: #5a5a5a;
    font-size: 0.9rem;
}

.menu-item-actions {
    flex-shrink: 0;
    white-space: nowrap;
}

/* Resultados del autocomplete con imagen */
.menuItemProductSelect .items .item-image img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 8px;
}

.dashboard-main {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.dashboard-main .col-title {
    margin-bottom: 5px !important;
}

@media (max-width: 768px) {
    .dashboard-main {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .dashboard-main .col-lg-6,
    .dashboard-main .col-lg-12 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .dashboard-main .col-title {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }

    .dashboard-main .card-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (min-width: 1024px) {
    .dashboard-main {
        padding: 0 20px;
    }
}

.dashboard-main .card-header {
    padding: 1.5rem;
}

.dashboard-main .card-body {
    padding: 1.4rem;
}

.dashboard-main .card-body .col-md-12 {
    padding-left: 8px;
    padding-right: 8px;
}


.item-name-container {
    overflow: hidden;
}

.item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    font-size: .9rem;
    max-width: 150px;
}

.list-group-item {
    position: relative;
    overflow: visible;
}

@media (max-width: 780px) {

    .dashboard-main .card-header {
        padding: 1.2rem;
    }

    .dashboard-main .card-body {
        padding: 1rem;
    }

    .list-group-item {
        align-items: flex-start !important;
        padding: 12px 15px;
    }

    .item-name-container {
        display: flex;
        align-items: center;
    }

    .item-name-container .badge.badge-primary {
        min-width: 25px;
        text-align: center;
    }

    .item-name {
        font-weight: 500;
        margin-right: 10px;
    }

    .item-stats-container {
        align-self: flex-end;
        display: flex;
        align-items: center;
    }

    .item-stats-container .badge.badge-light {
        margin-right: 8px;
        font-size: 0.6rem;
    }

    .item-stats-container .font-weight-bold {
        font-size: .9rem;
    }
}
/* Estilos para el módulo de Balance - Versión minimalista */
.balance-main {
    margin-top: 1rem !important;
}

/* Estilos para las tarjetas */
.balance-main .card {
    border: 0 !important;
    border-radius: 0.375rem !important;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
    transition: all 0.2s ease !important;
}

.balance-main .card-header {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    padding: 1rem !important;
}

.balance-main .card-body {
    padding: 1rem !important;
}

/* Contenedores de métricas */
.balance-main .metric-container {
    padding: 0.5rem 0 !important;
}

/* Estilos de texto */
.balance-main .text-sm {
    font-size: 0.875rem !important;
}

.balance-main .text-xs {
    font-size: 0.75rem !important;
}

/* Estilos para la comparación */
.balance-main .comparison-stats {
    padding-top: 1rem !important;
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.balance-main .percent-change-value {
    font-weight: 600 !important;
    font-size: 1rem !important;
}

/* Estilos para la tabla */
.balance-main .table {
    margin-bottom: 0 !important;
}

.balance-main .table th {
    border-top: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    color: #8898aa !important;
    padding: 0.75rem 1rem !important;
}

.balance-main .table td {
    padding: 0.75rem 1rem !important;
    border-top: 1px solid #f0f0f0 !important;
    vertical-align: middle !important;
}

.balance-main .table .item-name {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 200px !important;
    display: inline-block !important;
}

/* Estilos para el panel de filtros */
.balance-main .filter-card .card-body {
    padding: 1rem !important;
}

.balance-main .filter-card .form-control-sm {
    height: calc(1.5em + 0.5rem + 2px) !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    border-radius: 0.2rem !important;
}

.balance-main .filter-card .form-control-label {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #525f7f !important;
}

/* Botones y controles */
.balance-main .btn-sm {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    border-radius: 0.2rem !important;
}

.balance-main .btn-min-height {
    min-height: 31px !important;
}

.balance-main .dropdown-menu {
    border: 0 !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
    border-radius: 0.375rem !important;
}

.balance-main .dropdown-item {
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
}

/* Estilos para el gráfico */
.balance-main .chart-container {
    position: relative !important;
    height: 250px !important;
}

/* Estados de carga */
.balance-main .loading-chart,
.balance-main .no-data-chart,
.balance-main .no-data-table {
    padding: 2rem 0 !important;
}

/* Animaciones */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.balance-main .fade-in {
    animation: fadeIn 0.5s ease-in !important;
}

/* Responsive */
@media (max-width: 767.98px) {
    .balance-main .card-body {
        padding: 1rem !important;
    }
    
    .balance-main .h3 {
        font-size: 1.5rem !important;
    }
    
    .balance-main .comparison-stats {
        flex-direction: column !important;
    }
    
    .balance-main .table .item-name {
        max-width: 150px !important;
    }
    
    .balance-main .smaller-text {
        font-size: 0.85rem !important;
    }
}

/* Estilos para móviles pequeños */
@media (max-width: 575.98px) {
    .balance-main .table .item-name {
        max-width: 120px !important;
    }
    
    .balance-main .card-header {
        padding: 0.75rem 1rem !important;
    }
    
    .balance-main .card-body {
        padding: 0.75rem !important;
    }
    
    .balance-main .h3 {
        font-size: 1.25rem !important;
    }
} 
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.input_public {
	margin: 0px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #F0F0F0;
}

.input_public .camp {
	border: 1px solid #E9E9E9;
	margin: 6px 0px;
	padding: 0px;
}

.input_public textarea {
	background: transparent;
	-webkit-box-sizing: border-box;
	outline: 0;
	width: 100%;
	min-height: 30px;
	resize: none;
	margin: 0px;
	font-size: 15px;
	overflow: hidden;
	padding: 6px;
	border: none;
}

.input_public .btn-upload {
	cursor: pointer;
	width: 42px;
	display: inline-block;
}

.input_public .loading {
	padding: 5px 10px;
}

.input_public ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.input_public .btn-omitir {
	border: 0px;
	background: none;
	color: #7e7c7c;
	font-size: 16px;
}

.input_public .name_file {
	margin-top: 10px;
	border-radius: 8px;
}

.input_public .border-dashed {
	border-top: 1px dashed #E9E9E9;
}

.input_public .term {
	margin-right: 5px;
}

.input_public #photos_view li {
	height: 150px;
	width: 150px;
	line-height: 1.2em;
	display: inline-block;
	margin-bottom: -10px;
}

.input_public .textSelectInput {
	background-color: #F5F5F5;
	padding: 5px;
}

.nameDonations {
	min-width: 140px;
	max-width: 400px;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



.input_public .files_list {
	width: 100%;
	height: auto;
	border: 1px solid #EFEFEF;
	padding: 0px;
	margin: 0px;

	display: inline-block;
	border: 2px solid #fff;

	-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.input_public .files_list .logo {
	width: 100%;
	height: 160px;
	padding: 0px;
	margin: 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #747474 !important;

	display: inline-block;
}

.input_public .files_list .logo-min {
	height: 120px !important;
}

.input_public .files_list .error-min {
	height: 122px !important;
}

.input_public .files_list .cont-min {
	top: 90px !important;
}

.input_public .files_list .cont {
	position: absolute;
	left: 0px;
	top: 130px;

	width: 100%;
	height: 40px;
	text-align: center;
	display: inline-block;
}

.input_public .files_list .prog {
	width: 80%;
	height: 13PX;
	padding: 3px;
	background-color: #ffffff;

	display: inline-block;

	-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}

.input_public .files_list .text {
	padding: 2px 14px;
	margin-bottom: 4px;
	font-size: 13px;
	color: #797979;
	display: inline-block;

	background-color: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}

.input_public .files_list .name {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 120px;

}

.input_public .files_list .btn_delete {
	padding: 5px;
	cursor: pointer;
}

.input_public .files_list .logo_h {
	height: 118px;
}

.input_public .files_list .progress {
	height: 7px;
}

.input_public .files_list .progress-bar {
	color: transparent;
}

.input_public .files_list .ico {
	position: absolute;
	right: 5px;
	top: 10px;
	max-width: 20%;
	height: 30px;
	padding: 0px;
	margin: 0px;

	padding: 1px;
	background-color: #ffffff;
}

.input_public .files_list .download {
	right: 25px;
	background: #008d4c;
	color: #fff;
}

.input_public .files_list .btn_n {
	padding: 7px 12px;
	margin: 0px;
	border: none;
	background: none;
	color: #5E5E5E;
}

.input_public .files_list .error {
	text-align: center;
	position: absolute;
	top: 9px;
	left: 4px;
	width: 98%;
	height: 160px;
	background: rgba(255, 255, 255, 0.8);
	display: inline-block;
	padding-top: 5px;
	vertical-align: middle;
}

.input_public .files_list .error button {
	font-weight: bold;
}

.input_public .files_list .error div {
	color: #5e5c5c;
	font-weight: bold;
	margin-top: 25px;
	padding: 5px 15px;
	background: #fafafa;
	border: 1px solid #eee;
	margin-right: 10px;
	margin-left: 3px;
	font-size: 15px;
}

.input_public .files_list .btn_r {
	position: relative;
	top: 50px;
}

.files_border {
	border-top: dashed #C6C6C6 1px;
	height: 180px;
}

.padding-file {
	padding: 8px 3px;
}

.btn-config {
	padding: 2px 6px;
	font-size: 17px;
}

.box_pad_right {
	padding-right: 30px !important
}


#upload-s3 {
	display: block;
	padding: 0px 20px;
	margin-bottom: 40px;
}

#upload-s3 .upload-s3-list {
	min-height: 100px;
	list-style-type: none;
	margin: 0;
	padding: 6px;
	padding-bottom: 0px;
	border: 2px #cacaca dashed;
	margin-bottom: 7px;
	border-radius: 4px;
	display: block;
	position: relative;
}

#upload-s3 .upload-s3-list .item-list {
	width: 100%;
	border: 1px solid #c9c9c9;
	margin-bottom: 6px;
	background: white;
	border-radius: 4px;
	display: block;
	position: relative;
}

#upload-s3 #template {
	position: relative;
}

#upload-s3 .upload-file {
	display: table;
	width: 100%;
}

#upload-s3 .upload-file .image {
	display: table-cell;
	width: 100px;
	height: 90px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #464646 !important;
	background-size: 35%;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 0px;
}

#upload-s3 .upload-file .content {
	display: table-cell;
	padding: 10px 10px;
}

#upload-s3 .upload-file .content .name {
	font-size: 14px;
	font-weight: bold;
}

#upload-s3 .upload-file .content .source {
	font-size: 10px;
}

#upload-s3 .upload-file .content .author {
	font-size: 12px;
	margin-top: 12px;
}

#upload-s3 .upload-file .content .description {
	font-size: 12px;
}

#upload-s3 .progress-bar {
	color: transparent !important;
}

#upload-s3 .progress {
	border-radius: 0 !important;
	margin: 0px;
	border-bottom-left-radius: 3px;
}

#upload-s3 .control {
	display: block;
	position: absolute;
	top: 0px;
	right: 5px;
}

#upload-s3 .control .btn-control {
	cursor: pointer;
	border: 1px solid #ba2121;
	padding: 3px 4px;
	margin-top: -1px;
	background: #d72f2f;
	color: white;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	display: inline-block;
}

#upload-s3 .control .btn-delete {
	border-color: #ba2121;
	background: #d72f2f;
	color: white;
}

#upload-s3 .control .btn-edit {
	border-color: #2065bf;
	background: #2472d8;
	color: white;
}

#upload-s3 .upload-s3-help {
	font-size: 11px;
}

#upload-s3 .upload-s3-list .error {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 31%);
	text-align: center;
	padding-top: 7%;
}

#upload-s3 .modal-edit {
	display: block;
	margin-top: -10px;
}

#upload-s3 .modal-edit .form-edit {
	margin-top: 10px;
}


#upload-s3 .button-controls {
	display: block;
	margin-bottom: -30px;
	margin-top: 20px;
}

#upload-s3 .button-controls .edit {
	text-align: right;
}

#upload-s3 .button-controls .main {
	text-align: left;
}

@media (max-width: 768px) {
	#upload-s3 {
		padding: 0;
	}

	#upload-s3 .upload-file .image {
		width: 80px;
	}

	#upload-s3 .button-controls button {
		padding: 7px 10px;
		font-size: 14px;
	}
}

.ul-items-products {
	border: 1px solid #e7e7e7 !important;
	border-radius: 0px !important;
	padding-left: 0px !important;
	padding-bottom: 1px !important;
}

.ul-items-products li {
	display: inline-block !important;
	width: 32% !important;
	margin-left: 9px !important;
	margin-bottom: 0px !important;
}

.ul-items-products li .btn-edit {
	display: none !important;
}

.ul-items-products li .content {
	display: none !important;
}

.ul-items-products li .upload-file div {
	height: 220px !important;
}

@media (max-width: 768px) {
	.ul-items-products li {
		width: 49% !important;
		margin-left: 3px !important;
	}

	.ul-items-products li .upload-file div {
		height: 180px !important;
	}
}
.table-gear {
  min-height: 100px !important;
}

@media screen and (max-width: 768px) {
  .table-gear {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.table-gear .menu-header-right {
  padding: 15px 10px;
  padding-right: 30px;
}

.table-gear .table-container {
  width: 100%;
  overflow-y: auto;
  _overflow: auto;
  margin: 0 0 1em;
  height: auto;
}

.table-gear th,
.table td {
  padding: 14px;
}

.table-gear table {
  width: 100%;
  min-width: 400px;
  padding: 6px 0px;
  margin: 0px;
  margin-bottom: 0px;
  background-color: #fff;

  position: relative;
  list-style-type: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.table-gear table thead tr td {
  font-weight: bold;
  color: #4e4e4e;
  border-top: none;
  background-color: #f6f6f6;
}

.table-gear table thead tr td:hover {
  color: #2c2c2c;
}

.table-gear .menu-table {
  padding-bottom: 15px;
}

.table-gear table tr {
  border: 1px solid #ebeaea;
  border-left-color: #fff;
  border-right-color: #fff;
}

.table-gear table .active {
  background-color: #f3fdff !important;
  border-left: 3px solid #337ab7 !important;
}

.table-gear table tr:last-child td {
  border-bottom: 1px solid #e4eaec;
}

.table-gear table .icheckbox_flat-blue {
  margin-right: 12px;
}

.table-gear table .img-avatar {
  max-width: 30px;
  margin-right: 10px;
}

.table-gear table tr:hover {
  background-color: #fafafa;
}

.table-gear .badge-primary {
  color: #ffffff;
  background-color: #773df6;
}

.table-gear .img-small,
.table-gear .image-item {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  background-color: #f1f1f1;
  border-radius: 10%;
}

.table-gear .image-item img {
  width: 55px !important;
  height: 55px;
  border-radius: 10%;
  object-fit: cover;
}

.table-gear .img-user img {
  width: 45px !important;
  height: 45px;
  border-radius: 50%;
}

.table-gear .img-small img {
  width: 45px !important;
  height: 45px;
  border-radius: 10%;
  object-fit: contain;
}

.table-gear .img-flag img {
  width: 35px;
  height: 25px;
  border-radius: 5%;
}

.table-gear .img-flag-sm {
  width: 15px;
  height: 10px;
  border-radius: 5%;
  object-fit: cover;
  margin-top: -2px;
}

.table-gear .image-item .image-hover,
.table-gear .img-small .image-hover {
  display: none;
}

.table-gear .image-change .image-hover div {
  font-size: 15px;
  color: #ffffff;
  margin-top: 30%;
  font-weight: bold;
  display: inline-block;
  border-radius: 10%;
  padding: 3px 6px;
  cursor: pointer;
}

.table-gear .img-item-hover div {
  border-radius: 10% !important;
}

.table-gear .img-flag .image-hover div {
  font-size: 15px;
  color: #ffffff;
  margin-top: 2%;
  font-weight: bold;
  display: inline-block;
  border-radius: 1% !important;
  padding: 3px 6px;
  cursor: pointer;
}

.table-gear .image-change:hover .image-hover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.table-gear .img-user .image-hover div,
.table-gear .image-change:hover .image-hover {
  border-radius: 50%;
}

.table-gear .img-flag .image-hover div {
  border-radius: 5%;
}

.table-gear .img-flag:hover .image-hover {
  border-radius: 5% !important;
}

.table-gear .table-grad-and-drop .image-item img {
  width: 30px;
  height: 30px;
}

.table-gear .table-grad-and-drop {
  border: 1px solid #e4eaec;
}

.table-gear .table-grad-and-drop table tbody tr {
  cursor: move;
}


/*LISTADO pub_table*/
.table-gear table td {
  max-width: 300px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 10px 5px !important;
}

.table-gear table .row-id {
  max-width: 40px;
  width: auto;
}

.table-gear table td:first-child {
  min-width: auto;
  max-width: 500px;
  padding-right: 5px;
}

@media (max-width: 768px) {
  .table-gear .panel-body {
    padding-left: 15px;
    padding-right: 15px;
  }

  .table-gear .menu-header-right {
    padding-right: 15px;
  }
}

.table-gear .menu_footer {
  padding: 15px 10px;
  position: relative;
  background-color: #fff;

  border-bottom-left-radius: var(--var-global-border-radius);
  border-bottom-right-radius: var(--var-global-border-radius);
}

/*CSS PAGINATE*/
.table-gear .paginate-block {
  margin-right: 0px;
  margin-top: -24px;
}

.table-gear .paginate {
  display: inline-block;
  margin-top: 0px;
  margin-right: 10px;
}

.table-gear .paginate .btn {
  border: 1px solid #e8e8e8 !important;
  background-color: #ffffff;
}

.table-gear .paginate .btn-primary {
  color: #fff;
  border-color: #72a2cc;
  background-color: #555555;
  box-shadow: 0 4px 6px rgb(50 50 93 / 11%);
}

.table-gear .block-filters {
  padding-top: 3px;
  margin-top: 10px;
  display: inline-block;
  width: auto;
  min-width: 240px;
}

.table-gear .block-filters .name {
  font-size: 11px;
  color: #616161;
}

.table-gear .paginate-label {
  border-top: 1px solid #f4f4f4;
  width: 100%;
  display: block;
  text-align: right;
}

.table-gear .paginate-label .item {
  display: inline-block !important;
}

.table-gear .menu-filters,
.table-gear .menu-search {
  display: inline-block;
}

.table-gear .menu-search .input-group button {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.table-gear .menu-search .input-group input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}


.table-gear .menu-filters select,
.table-gear .menu-search select {
  display: inline-block;
  width: auto;
}

.table-gear .menu-selected {
  display: none;
  position: absolute;
  top: 11px;
  left: 16px;
  z-index: 1;
}

.table-gear .menu-table {
  float: right !important;
}

.table-gear .menu-table .btn:not(:last-child) {
  margin-right: 0.2rem
}

@media screen and (max-width: 768px) {
  .table-gear .menu-table {
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 16px;
    text-align: right !important;
    background: #fafafa;
    width: 100%;
    border-top: 1px solid #dfdfdf;
    z-index: 2;
  }

  .table-gear .menu-table button {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding: .625rem 1.25rem;
  }

  .table-gear .menu-search,
  .table-gear .menu-filters {
    display: block;
    padding: 6px 20px
  }
}


.table-gear .menu-selected .btn:not(:last-child) {
  margin-right: 0px;
  box-shadow: none;
}

.table-gear .paginate-label .item {
  padding: 2px 5px;
  display: block;
  width: auto;
  height: auto;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  line-height: 10px;
}

.table-gear .paginate-label i {
  padding-right: 6px;
}

.table-gear .paginate-total {
  font-size: 13px;
  color: #9e9c9c;
  font-weight: 200;
  padding-left: 12px;
  display: block;
}

.table-gear .paginate .btn-paginate {
  background-color: #fbfbfb;
  color: #444;
  border-color: #ddd;
}

.table-gear .paginate .btn-previous {
  border-radius: 5px 0px 0px 5px;
}

.table-gear .paginate .btn-next {
  border-radius: 0px 5px 5px 0px;
}

.table-gear .paginate .btn-paginate-disable {
  background-color: #dcdcdc;
}

.table-gear .paginate .btn-paginate-act {
  color: #ffffff;
  font-weight: bold;
  background-color: #206db0;
  border-color: #206db0;
}

.table-gear .paginate .btn-paginate-act:hover {
  color: #fbfbfb;
  background-color: #21629a;
}

/*CSS PAGINATE */

/* BUTTON TABLE */
.table-gear .btn-mt {
  border-radius: 4px;
  padding: 6px 7px;
  background-color: #f9f9f9;
  color: #616161;
  border: 1px solid #e4eaec;
  box-shadow: none;
  font-size: 13px;
  margin: 0px 1px;
}

.table-gear .btn-mt:active {
  background-color: #336270 !important;
  color: #fff !important;
}

.table-gear .btn-mt:active label {
  color: #fff !important;
}

.table-gear .btn-ext {
  width: 28px;
}

.table-gear .btn-ext:hover {
  width: 100px;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}

.table-gear .btn-mt-danger {
  background-color: #ffffff;
  color: #c12c4a !important;
  border-color: #c12c4a;
}

.table-gear .btn-mt-danger i {
  color: #c12c4a !important;
}

.table-gear .btn-mt-danger:hover {
  color: #ffffff !important;
}

.table-gear .btn-mt-danger:hover i {
  color: #ffffff !important;
}

.table-gear .btn-mt-danger:hover label {
  color: #ffffff !important;
}

.table-gear .btn-mt-danger label {
  color: #242424 !important;
}

.table-gear .btn-mt-danger:active {
  background-color: #e4123c !important;
  color: #fff !important;
  border-color: #f5365c;
}

.table-gear .btn-mt-danger:active i{
  color: #fff !important;
}

.table-gear .btn-mt-danger:checked {
  background-color: #b80e30;
  color: #fff;
  border-color: #f5365c;
}

.table-gear .btn-mt-danger:hover {
  background-color: #c61e3f;
  color: #fff;
  border-color: #f5365c;
}

.table-gear .btn-mt-primary {
  background-color: #0e84f2;
  color: #fff;
  border-color: #1980e0;
}

.table-gear .btn-mt-info {
  background-color: #209bb0;
  color: #fff;
  border-color: #0b8ba2;
}

.table-gear .btn-mt-info:hover {
  background-color: #0a94ac;
  color: #fff;
  border-color: #0b8ba2;
}

.table-gear .btn-mt label {
  display: inline;
  font-size: 12px;
  color: #2c2c2c;
  border-radius: 5px;
  margin-left: 4px;
  cursor: pointer;
  opacity: 0;
  font-family: Open Sans, sans-serif;
}

.table-gear .btn-mt-primary i,
.table-gear .btn-mt-primary label,
.table-gear .btn-mt-info i,
.table-gear .btn-mt-info label,
.table-gear .btn-mt-danger i,
.table-gear .btn-mt-danger label {
  color: #fff;
  margin-right: 0.1rem;
}

.table-gear .btn-mt:hover label {
  opacity: 1;
  transition: opacity 0.5s ease-out;
}

/*
 * This section is used to implement css for the LOADER
 */
.table-gear .overlay {
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgb(245 246 252 / 59%) !important;
  z-index: 10000 !important;
  vertical-align: middle !important;
  content: '' !important;
}

.table-gear .overlay .content {
  position: absolute;
  top: 46%;
  left: 46%;
  margin-left: -15px;
  margin-top: -15px;
  color: #404040;
  font-size: 13px;
}

.table-gear .block-main-table {
  position: relative;
}

.table-gear .btn-hide {
  border: none;
  padding: 0px;
  background: transparent;
}

.table-gear .btn-tg {
  font-size: 21px;
  color: #525252;
}

.table-gear-min {
  padding: 10px 10px 1px !important;
}

.label-warning {
  color: #e7843c;
  font-size: 11px;
  padding-left: 2px;
}

.label-error {
  color: #d64848;
  font-size: 12px;
  padding-left: 2px;
  position: absolute;
}

.is-invalid {
  border-color: #b9ada4 !important;
}

.is-required {
  color: #d60606;
  font-size: 13px;
  padding-right: 2px;
  font-weight: bold;
}

/*
 * This section is used to implement css for the LOADER
 */
.modal-table-gear {
  background: hsl(0deg 0% 0% / 35%);
}

.modal-table-gear .overlay {
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  z-index: 10000 !important;
  vertical-align: middle !important;
  content: '' !important;
}

.modal-table-gear .overlay .content {
  position: absolute;
  top: 46%;
  left: 48%;
  margin-left: -15px;
  margin-top: -15px;
  color: #404040;
  font-size: 13px;
}

.modal-table-gear .modal-alert .overlay {
  background-color: rgb(43 43 43 / 78%) !important;
  border-radius: 0.4375rem;
}

.modal-table-gear .modal-alert .overlay .content {
  left: 50%;
  color: #ffffff !important;
}

.table-gear .filter_search {
  padding-left: 8px !important;
}

.table-gear .filter {
  height: 36px;
  padding: 0px 10px;
  margin-top: 0px;
}

.table-gear .menu-in-table {
  padding: 30px 15px;
  padding-bottom: 10px;
  background: #fff;
}

.table-gear .filter-absolute {
  position: absolute;
  padding-right: 68px;
  width: auto;
  z-index: 4;
  right: -30px;
  top: 0px;
}


.table-gear .filter_search {
  width: 100px;
}

.table-gear .menu-in-table .filter {
  height: 30px;
}

.table-gear .menu-in-table .filter-group {
  height: 30px;
}

.table-gear .menu-in-table .filter-group button {
  font-size: 11px;
}

.table-gear .composed-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  .d-button,
  .d-text {
    display: inline-block;
    margin-right: 5px;
  }

  .tb {
    font-weight: 600;
  }

  .tc {
    cursor: pointer;
  }

}

@media (max-width: 768px) {
  .table-gear .menu-in-table {
    padding: 20px 10px;
  }

  .table-gear .menu-in-table .row {
    display: flex;
    align-items: center;
  }

  .table-gear .menu-in-table .col-auto {
    width: auto;
    padding: 5px;

  }

  .table-gear .menu-in-table .menu-search,
  .table-gear .menu-in-table .menu-filters {
    padding: 4px;
    display: inline-block;
  }

  .table-gear .filter-absolute {
    right: 0px;
  }
}


.table-gear .filters input,
.table-gear .filters select {
  max-width: 240px !important;
}

.table-gear .select_filter {
  margin-top: 2px;
}

.table-gear .filter-group {
  height: 35px;
}

.table-gear .filter-group button {
  padding: 0px 18px;
}

.alert-table-gear {
  padding: 0.6rem 1rem !important;
  padding-right: 40px !important;
}

.alert-table-gear .close {
  top: 22px !important;
}

.table-gear .card-filters {}

.table-gear .card-content {
  margin-top: 0px;
}

.table-gear a {
  color: #1980e0;
}

.table-gear a:hover {
  color: #048ca4;
}

.table-gear .items-not-found {
  padding: 25px 20px;
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
  margin-top: 0px;
  font-style: italic;
  font-size: 13px;
  color: #9a9a9a;
  display: none;
  background-color: #f9f9f9;
  border-top: 1px solid #eaeaea;
}

@media (max-width: 768px) {
  .table-gear .card-content {
    margin-top: 10px;
  }

  .table-gear .card-filters {
    padding-left: 0px;
    padding-right: 0px;
  }

  .table-gear .filters input,
  .table-gear .filters select {
    max-width: 100% !important;
  }

  .table-gear .card-content {
    margin-top: 10px;
  }

  .table-gear .card-filters {
    padding-left: 0px;
    padding-right: 0px;
  }

  .table-gear .paginate-label {
    display: none;
  }

  .table-gear .content-table {
    margin-bottom: 100px;
  }
}

.modal-table-gear .table-gear .table-responsive {
  margin: 0px;
  padding: 0px;
  overflow-y: auto;
  max-height: 600px;
}

@media (max-width: 768px) {
  .modal-table-gear .table-gear .table-responsive {
    max-height: 500px;
  }
}

.flatpickr-input[readonly] {
  background-color: #f8ffff;
}

.flatpickr-input:disabled {
  background-color: #efefef;
}

.text-date-icon {
  position: absolute;
  top: 7px;
  right: 10px;
  cursor: pointer;
  pointer-events: none;
}



/**  ------------------------------------------------------------ */
.table-complete table {
  td {
    padding: 15px 20px !important;

    :first-child {
      width: auto;
    }
  }
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */


.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 2500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
         max-width: none;
        }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 15px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 14px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 12px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 14px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

/* iCheck plugin Flat skin
----------------------------------- */
.icheckbox_flat,
.iradio_flat {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(themes/icheck/flat.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat {
    background-position: 0 0;
}
    .icheckbox_flat.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat {
    background-position: -88px 0;
}
    .iradio_flat.checked {
        background-position: -110px 0;
    }
    .iradio_flat.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat,
    .iradio_flat {
        background-image: url(themes/icheck/flat@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* red */
.icheckbox_flat-red,
.iradio_flat-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(themes/icheck/red.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-red {
    background-position: 0 0;
}
    .icheckbox_flat-red.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-red.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-red.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-red {
    background-position: -88px 0;
}
    .iradio_flat-red.checked {
        background-position: -110px 0;
    }
    .iradio_flat-red.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-red.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-red,
    .iradio_flat-red {
        background-image: url(themes/icheck/red@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* green */
.icheckbox_flat-green,
.iradio_flat-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(themes/icheck/green.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-green {
    background-position: 0 0;
}
    .icheckbox_flat-green.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-green.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-green.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-green {
    background-position: -88px 0;
}
    .iradio_flat-green.checked {
        background-position: -110px 0;
    }
    .iradio_flat-green.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-green.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-green,
    .iradio_flat-green {
        background-image: url(themes/icheck/green@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* blue */
.icheckbox_flat-blue,
.iradio_flat-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(themes/icheck/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-blue {
    background-position: 0 0;
}
    .icheckbox_flat-blue.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-blue.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-blue.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-blue {
    background-position: -88px 0;
}
    .iradio_flat-blue.checked {
        background-position: -110px 0;
    }
    .iradio_flat-blue.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-blue.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-blue,
    .iradio_flat-blue {
        background-image: url(themes/icheck/blue@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* aero */
.icheckbox_flat-aero,
.iradio_flat-aero {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(themes/icheck/aero.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-aero {
    background-position: 0 0;
}
    .icheckbox_flat-aero.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-aero.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-aero.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-aero {
    background-position: -88px 0;
}
    .iradio_flat-aero.checked {
        background-position: -110px 0;
    }
    .iradio_flat-aero.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-aero.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-aero,
    .iradio_flat-aero {
        background-image: url(themes/icheck/aero@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* grey */
.icheckbox_flat-grey,
.iradio_flat-grey {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(themes/icheck/grey.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-grey {
    background-position: 0 0;
}
    .icheckbox_flat-grey.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-grey.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-grey.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-grey {
    background-position: -88px 0;
}
    .iradio_flat-grey.checked {
        background-position: -110px 0;
    }
    .iradio_flat-grey.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-grey.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-grey,
    .iradio_flat-grey {
        background-image: url(themes/icheck/grey@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* orange */
.icheckbox_flat-orange,
.iradio_flat-orange {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(themes/icheck/orange.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-orange {
    background-position: 0 0;
}
    .icheckbox_flat-orange.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-orange.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-orange.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-orange {
    background-position: -88px 0;
}
    .iradio_flat-orange.checked {
        background-position: -110px 0;
    }
    .iradio_flat-orange.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-orange.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-orange,
    .iradio_flat-orange {
        background-image: url(themes/icheck/orange@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* yellow */
.icheckbox_flat-yellow,
.iradio_flat-yellow {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(themes/icheck/yellow.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-yellow {
    background-position: 0 0;
}
    .icheckbox_flat-yellow.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-yellow.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-yellow.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-yellow {
    background-position: -88px 0;
}
    .iradio_flat-yellow.checked {
        background-position: -110px 0;
    }
    .iradio_flat-yellow.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-yellow.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-yellow,
    .iradio_flat-yellow {
        background-image: url(themes/icheck/yellow@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* pink */
.icheckbox_flat-pink,
.iradio_flat-pink {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(themes/icheck/pink.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-pink {
    background-position: 0 0;
}
    .icheckbox_flat-pink.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-pink.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-pink.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-pink {
    background-position: -88px 0;
}
    .iradio_flat-pink.checked {
        background-position: -110px 0;
    }
    .iradio_flat-pink.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-pink.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-pink,
    .iradio_flat-pink {
        background-image: url(themes/icheck/pink@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* purple */
.icheckbox_flat-purple,
.iradio_flat-purple {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(themes/icheck/purple.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-purple {
    background-position: 0 0;
}
    .icheckbox_flat-purple.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-purple.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-purple.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-purple {
    background-position: -88px 0;
}
    .iradio_flat-purple.checked {
        background-position: -110px 0;
    }
    .iradio_flat-purple.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-purple.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .icheckbox_flat-purple,
    .iradio_flat-purple {
        background-image: url(themes/icheck/purple@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

.form-group-search-autocomplete .group-field {
  position: relative;
}

.form-group-search-autocomplete .group-field .input-search:disabled {
  border: 1px solid #d5d5d5;
  background-color: #fafafa;
}

.form-group-search-autocomplete .group-field .icon-loading {
  position: absolute;
  top: 8px;
  right: 8px;
}

.form-group-search-autocomplete .group-field .icon-disabled {
  color: #c8c8c8;
}

.form-group-search-autocomplete .group-field .item-limit-display {
  display: none;
}

.form-group-search-autocomplete .group-field .display-unique {
  margin-top: 0px !important;
}

.form-group-search-autocomplete .group-field .display-unique label {
  width: 100%;
  position: relative;
  padding: 8.5px;
  text-align: left;
  background: #fcfcfc;
}

.form-group-search-autocomplete .group-field .display-unique label em {
  position: absolute;
  right: 6px;
  top: 20%;
  text-align: center;
  padding-top: 3px;
}

.form-group-search-autocomplete .group-field .items {
  position: absolute;
  z-index: 9999;
  top: 31px;
  left: 0px;
  width: 100%;
  padding: 0;
  background: #ffffff;
  border: 1px solid #e1e1e1;
}

.form-group-search-autocomplete .group-field .items .item-image img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  object-fit: cover;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  padding: 2px;
  background: #fff;
}

.form-group-search-autocomplete .group-field .items .item-image .text {
  display: inline;
}

.form-group-search-autocomplete .group-field li {
  list-style-type: none;
  width: 100%;
  margin: 0px;
  padding: 4px 10px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 15px;
  text-align: left;
}

.form-group-search-autocomplete .group-field li:last-child {
  border-bottom: 0px;
}

.form-group-search-autocomplete .group-field li:hover {
  background: #f1f1f1;
  cursor: pointer;
}

.form-group-search-autocomplete .label-error-search {
  color: #ce9764;
}

.form-group-search-autocomplete .label-error-result {
  color: #6c6c6c;
}

.form-group-search-autocomplete .selected-items {
  margin-top: 5px;
}

.form-group-search-autocomplete .selected-items label {
  font-size: 13px;
  color: #484848;
  background: #f9f9f9;
  border: 1px solid #c8c8c8;
  padding: 6px 10px;
  border-radius: 3px;
  padding-right: 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-transform: none;
}

.form-group-search-autocomplete .selected-items label em {
  background: #404040;
  color: white;
  padding: 2px;
  border-radius: 50%;
  margin-left: 2px;
  cursor: pointer;
  width: 17px;
  height: 17px;
}

.form-group-search-autocomplete .selected-items .item-image img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  object-fit: cover;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  padding: 2px;
  background: #fff;
}

.form-group-search-autocomplete .selected-items .item-image .text {
  display: inline;
}