:root {
  --ct-blue: #2c8ef8;
  --ct-indigo: #727cf5;
  --ct-purple: #6b5eae;
  --ct-pink: #ff679b;
  --ct-red: #fa5c7c;
  --ct-orange: #fd7e14;
  --ct-yellow: #ffc35a;
  --ct-green: #0acf97;
  --ct-teal: #02a8b5;
  --ct-cyan: #39afd1;
  --ct-white: #fff;
  --ct-gray: #8a969c;
  --ct-gray-dark: #343a40;
  --ct-gray-100: #f6f7fb;
  --ct-gray-200: #eef2f7;
  --ct-gray-300: #dee2e6;
  --ct-gray-400: #ced4da;
  --ct-gray-500: #a1a9b1;
  --ct-gray-600: #8a969c;
  --ct-gray-700: #6c757d;
  --ct-gray-800: #343a40;
  --ct-gray-900: #313a46;
  --ct-primary: #ff4d22;
  --ct-secondary: #6c757d;
  --ct-success: #0acf97;
  --ct-info: #39afd1;
  --ct-warning: #ffc35a;
  --ct-danger: #fa5c7c;
  --ct-light: #eef2f7;
  --ct-dark: #313a46;
  --ct-primary-rgb: 149, 149, 149;
  --ct-secondary-rgb: 108, 117, 125;
  --ct-success-rgb: 10, 207, 151;
  --ct-info-rgb: 57, 175, 209;
  --ct-warning-rgb: 255, 195, 90;
  --ct-danger-rgb: 250, 92, 124;
  --ct-light-rgb: 238, 242, 247;
  --ct-dark-rgb: 49, 58, 70;
  --ct-white-rgb: 255, 255, 255;
  --ct-black-rgb: 0, 0, 0;
  --ct-body-color-rgb: 108, 117, 125;
  --ct-body-bg-rgb: 250, 251, 254;
  --ct-font-sans-serif: 'Nunito', sans-serif;
  --ct-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    'Liberation Mono', 'Courier New', monospace;
  --ct-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --ct-body-font-family: Nunito, sans-serif;
  --ct-body-font-size: 0.85rem;
  --ct-body-font-weight: 400;
  --ct-body-line-height: 1.5;
  --ct-body-color: #6c757d;
  --ct-body-bg: #fafbfe;
  --ct-border-width: 1px;
  --ct-border-style: solid;
  --ct-border-color: #dee2e6;
  --ct-border-color-translucent: rgba(0, 0, 0, 0.175);
  --ct-border-radius: 0.25rem;
  --ct-border-radius-sm: 0.2rem;
  --ct-border-radius-lg: 0.3rem;
  --ct-border-radius-xl: 1rem;
  --ct-border-radius-2xl: 2rem;
  --ct-border-radius-pill: 50rem;
  --ct-link-color: #ff4d22;
  --ct-link-hover-color: #ff3a1e;
  --ct-code-color: #39afd1;
  --ct-mark-bg: #fcf8e3;
  --ct-highlight-bg: var(--ct-mark-bg);
  --ct-table-color: #313a46;
  --ct-table-bg: #f4f4f4;
  --ct-table-border-color: #d6d8ef;
  --ct-table-striped-bg: #f3f3f3;
  --ct-table-striped-color: #313a46;
  --ct-table-active-bg: #313a46;
  --ct-table-active-color: #fff;
  --ct-table-hover-bg: #313a46;
  --ct-table-hover-color: #fff;
}

html[data-theme='dark'] {
  --ct-gray-100: #404954;
  --ct-gray-200: #37404a;
  --ct-gray-300: #464f5b;
  --ct-gray-400: #8391a2;
  --ct-gray-500: #aab8c5;
  --ct-gray-600: #ced4da;
  --ct-gray-700: #dee2e6;
  --ct-gray-800: #e3eaef;
  --ct-gray-900: #f1f1f1;
  --ct-body-bg: #343a40;
  --ct-body-color: #aab8c5;
  --ct-light: #f1f1f1;
  --ct-dark: #404954;
  --ct-light-rgb: 238, 242, 247;
  --ct-dark-rgb: 49, 58, 70;
  --ct-border-color: #464f5b;
  --ct-box-shadow: 0px 0px 35px 0px rgba(49, 57, 66, 0.5);
  --ct-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --ct-box-shadow-lg: 0 0 45px 0 rgba(0, 0, 0, 0.12);
  --ct-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --ct-component-active-color: #fff;
  --ct-component-active-bg: #727cf5;
  --ct-text-muted: #8391a2;
  --ct-blockquote-footer-color: #ced4da;
  --ct-mark-bg: #fcf8e3;
  --ct-form-text-color: var(--ct-text-muted);
  --ct-input-bg: #404954;
  --ct-input-disabled-bg: #37404a;
  --ct-input-color: #e3eaef;
  --ct-input-border-color: #4a525d;
  --ct-input-box-shadow: var(--ct-box-shadow-inset);
  --ct-input-focus-bg: #464f5b;
  --ct-input-focus-border-color: #555f6b;
  --ct-input-focus-color: var(--ct-input-color);
  --ct-input-placeholder-color: #8391a2;
  --ct-input-plaintext-color: #6c757d;
  --ct-form-check-input-bg: transparent;
  --ct-form-check-input-border: 1px solid #8391a2;
  --ct-form-check-input-checked-color: var(--ct-component-active-color);
  --ct-form-check-input-checked-bg-color: var(--ct-component-active-bg);
  --ct-form-check-input-checked-border-color: var(
    --ct-form-check-input-checked-bg-color
  );
  --ct-form-check-input-indeterminate-color: var(--ct-component-active-color);
  --ct-form-check-input-indeterminate-bg-color: var(--ct-component-active-bg);
  --ct-form-check-input-indeterminate-border-color: var(
    --ct-component-active-bg
  );
  --ct-form-switch-color: tiny-color(#464f5b, 6%);
  --ct-input-group-addon-color: var(--ct-input-color);
  --ct-input-group-addon-bg: #48515d;
  --ct-input-group-addon-border-color: var(--ct-input-border-color);
  --ct-form-select-color: var(--ct-input-color);
  --ct-form-select-bg: var(--ct-input-bg);
  --ct-form-select-disabled-color: #ced4da;
  --ct-form-select-disabled-bg: #37404a;
  --ct-form-select-disabled-border-color: ;
  --ct-form-select-indicator-color: #e3eaef;
  --ct-form-range-track-bg: #464f5b;
  --ct-form-range-track-box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  --ct-form-range-thumb-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  --ct-form-range-thumb-active-bg: #d5d8fc;
  --ct-form-range-thumb-disabled-bg: #aab8c5;
  --ct-form-file-button-color: var(--ct-input-color);
  --ct-form-file-button-bg: #48515d;
  --ct-form-file-button-hover-bg: #434b56;
  --ct-thumbnail-bg: #464f5b;
  --ct-thumbnail-border-color: #464f5b;
  --ct-thumbnail-box-shadow: var(--ct-box-shadow-sm);
  --ct-btn-close-color: #e3eaef;
  --ct-kbd-color: #fff;
  --ct-kbd-bg: #f1f1f1;
  --ct-pre-color: #aab8c5;
  --ct-bg-leftbar: #3a444e;
  --ct-menu-item: #cedce4;
  --ct-menu-item-hover: #fff;
  --ct-menu-item-active: #fff;
  --ct-bg-topbar: #3a444e;
  --ct-bg-topbar-search: #464f5b;
  --ct-nav-user-bg-topbar: #464f5b;
  --ct-nav-user-border-topbar: #404954;
  --ct-notification-border-color: #464f5b;
  --ct-notification-bg: #464f5b;
  --ct-bg-dark-topbar: var(--ct-primary-rgb);
  --ct-bg-dark-topbar-search: rgba(255, 255, 255, 0.1);
  --ct-nav-user-bg-dark-topbar: rgba(255, 255, 255, 0.1);
  --ct-nav-user-border-dark-topbar: rgba(255, 255, 255, 0.15);
  --ct-boxed-layout-bg: #3e4853;
  --ct-help-box-light-bg: rgba(255, 255, 255, 0.1);
  --ct-nav-pills-bg: #404954;
  --ct-custom-accordion-title-color: #8391a2;
  --ct-dragula-bg: #404954;
  --ct-form-wizard-header-bg: #404954;
  --ct-text-title-color: #fff;
  --ct-page-title-color: #fff;
  --ct-card-loader-bg: #f1f1f1;
  --ct-chat-primary-user-bg: #404954;
  --ct-chat-secondary-user-bg: #404954;
  --ct-auth-bg: #404954;
  --ct-apex-grid-color: #404954;
  --ct-hero-bg: linear-gradient(to bottom, #697ded, #5e30c1);
  --ct-display-dark: block;
  --ct-display-light: none;
  --ct-bg-leftbar-gradient: linear-gradient(
    135deg,
    var(--ct-bg-leftbar) 0%,
    #f4f4f4 95%
  ) !important;
  --ct-menu-item: #4d5153;
  --ct-menu-item-hover: #ff4d22;
  --ct-menu-item-active: #ff4d22;
  --ct-help-box-dark-bg: #ff4d22;
  --ct-bg-topnav: linear-gradient(to bottom, var(--ct-bg-leftbar), #f4f4f4);
}

/* html[data-theme=dark][data-layout-mode=detached] {
    --ct-menu-item: #8391a2;
    --ct-menu-item-hover: #ff4d22;
    --ct-menu-item-active: #ff4d22;
} */

html[data-sidenav-color='light'] {
  --ct-bg-leftbar: #fff !important;
  --ct-menu-item: #6c757d;
  --ct-menu-item-hover: #000;
  --ct-menu-item-active: #000;
}

html[data-sidenav-color='light'] .help-box {
  background-color: #6c757d;
}

html[data-sidenav-color='light'] .logo.logo-light {
  display: block;
}

html[data-sidenav-color='light'] .logo.logo-dark {
  display: none;
}

html[data-sidenav-color='dark'] {
  --ct-bg-leftbar: #3a444e;
  --ct-menu-item: #fff;
}

html[data-sidenav-color='dark'] .logo.logo-light {
  display: none;
}

html[data-sidenav-color='dark'] .logo.logo-dark {
  display: block;
}

html[data-sidenav-color='default'] {
  /* --ct-bg-leftbar: #959595; */
  --ct-bg-leftbar: #dddddd;
  --ct-bg-leftbar-gradient: var(--ct-bg-leftbar);
  /* --ct-menu-item: #4d5153; */
  --ct-menu-item: #6c757d;
  --ct-menu-item-hover: #000;
  --ct-menu-item-active: #000;
}

html[data-sidenav-color='default'] .logo.logo-light {
  display: block;
}

html[data-sidenav-color='default'] .logo.logo-dark {
  display: none;
}

html[data-sidenav-color='default'] .help-box {
  background-color: #000;
}

html[data-sidenav-color='light'][data-sidenav-size='condensed']
  .side-nav
  .side-nav-item:hover
  .side-nav-link {
  background: var(--ct-bg-leftbar) !important;
  color: #000 !important;
}

html[data-sidenav-color='dark'][data-sidenav-size='condensed']
  .side-nav
  .side-nav-item:hover
  .side-nav-link {
  background: var(--ct-bg-leftbar) !important;
}

html[data-sidenav-size='compact']:not(.authentication-bg) .logo span.logo-lg {
  display: none;
}

html[data-sidenav-size='compact']:not(.authentication-bg) .logo span.logo-sm {
  display: block;
  line-height: 70px;
  color: #ff4d22;
}

html[data-topbar-color='dark'] .navbar-custom {
  --ct-nav-user-bg-topbar: #3a444e;
  background-color: var(--ct-nav-user-bg-topbar);
  color: #fff;
}

html[data-topbar-color='dark'] .button-toggle-menu,
html[data-topbar-color='dark'] .navbar-custom .topbar-menu .nav-link {
  color: #fff;
}

html[data-topbar-color='light'] .navbar-custom {
  --ct-nav-user-bg-topbar: #fff;
  background-color: var(--ct-nav-user-bg-topbar);
  color: #3a444e;
}

html[data-topbar-color='light'] .button-toggle-menu,
html[data-topbar-color='light'] .navbar-custom .topbar-menu .nav-link {
  color: #3a444e;
}

.active > .page-link,
.page-link.active {
  --ct-pagination-active-color: #000 !important;
  --ct-pagination-active-bg: rgb(237, 237, 237) !important;
  --ct-pagination-active-border-color: #dee2e6 !important;
}

.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:active {
  color: #f1f1f1;
}

.btn-primary {
  --ct-btn-color: #fff;
  --ct-btn-bg: #ff4d22;
  --ct-btn-border-color: #f57272;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #d06161;
  --ct-btn-hover-border-color: #c45b5b;
  --ct-btn-focus-shadow-rgb: 135, 144, 247;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #c45b5b;
  --ct-btn-active-border-color: #b85656;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #fff;
  --ct-btn-disabled-bg: #f57272;
  --ct-btn-disabled-border-color: #f57272;
}

.btn-danger {
  --ct-btn-color: #fff;
  --ct-btn-bg: #fa5c7c;
  --ct-btn-border-color: #fa5c7c;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #d54e69;
  --ct-btn-hover-border-color: #c84a63;
  --ct-btn-focus-shadow-rgb: 251, 116, 144;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #c84a63;
  --ct-btn-active-border-color: #bc455d;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #fff;
  --ct-btn-disabled-bg: #fa5c7c;
  --ct-btn-disabled-border-color: #fa5c7c;
}

:root .table,
:root .table-bordered,
:root .gantt {
  --ct-table-striped-color: #6c757d !important;
  --ct-table-striped-bg-custom: #fbfcff !important;
  --ct-table-striped-bg: var(--ct-table-striped-bg-custom) !important;
  --ct-table-active-color: var(--ct-body-color) !important;
  --ct-table-active-bg-custom: #eefbef !important; /*bef0c2*/
  --ct-table-hover-color: var(--ct-body-color) !important;
  --ct-table-hover-bg-custom: #f6f6fb !important;
  --ct-table-group-separator-color: #edeff1 !important;
  --ct-table-caption-color: var(--ct-text-muted) !important;
}

.table-primary {
  --ct-table-color: #3a444e;
  --ct-table-bg: #fff;
  --ct-table-border-color: #ff4d22;
  color: var(--ct-table-color) !important;
  border-color: var(--ct-table-border-color);
}

.bg-primary {
  --ct-bg-opacity: 1;
  background-color: rgba(
    var(--ct-primary-rgb),
    var(--ct-bg-opacity)
  ) !important;
}

input[data-switch='primary'] + label {
  background-color: #cacaca;
}

input[data-switch='primary']:checked + label {
  background-color: #ff4d22;
}

.paginate_button .page-item .active {
  font-weight: bold;
}

.dt-button {
  float: left;
}

.dt-button-collection {
  min-width: auto !important;
  width: auto !important;
}

.dt-button-collection > .dropdown-menu > a.dropdown-item {
  display: inline-block;
  min-width: auto !important;
  width: auto !important;
  text-align: center;
}

.dt-button-collection .dt-button:not(.dt-btn-split-drop) {
  min-width: auto !important;
}

.buttons-collection.dt-button {
  border-radius: var(--ct-border-radius) !important;
  border: 1px var(--ct-gray-600) solid !important;
  box-shadow: var(--ct-box-shadow) !important;
}

.dt-button-collection .dt-button {
  border-radius: var(--ct-border-radius) !important;
  border: 1px var(--ct-gray-600) solid !important;
}

.info-detail-box {
  background-color: var(--ct-gray-100);
  border: 1px solid var(--ct-gray-500) !important;
  color: var(--ct-gray-dark);
  flex-shrink: 1;
  margin: 20px;
}

.info-capital-disponible-box {
  border: 1px solid var(--ct-gray-500) !important;
  color: var(--ct-gray-dark);
  flex-shrink: 1;
  margin: 20px;
}

.form-check-input:disabled ~ .form-check-label.enable,
.form-check-input[disabled] ~ .form-check-label.enable,
.form-check-input:disabled.enable {
  cursor: default !important;
  opacity: 1 !important;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background-color: var(--ct-table-active-bg-custom) !important;
}

table.dataTable.table-striped > tbody > tr.odd.selected > * {
  box-shadow: inset 0 0 0 9999px var(--ct-table-active-bg-custom) !important;
}

table.dataTable.table-striped > tbody > tr.even.selected > * {
  box-shadow: inset 0 0 0 9999px var(--ct-table-active-bg-custom) !important;
}

table.dataTable tbody > tr.selected td,
table.dataTable tbody > tr > .selected td {
  border-color: #ffffff !important;
}

table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px var(--ct-table-active-bg-custom) !important;
  color: grey;
}


.arrow_box {
  position: relative;
  padding: 5px;
}
.arrow_box:after,
.arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(85, 85, 85, 0);
  border-right-color: #555;
  border-width: 10px;
  margin-top: -10px;
}
.arrow_box:before {
  border-color: rgba(0, 0, 0, 0);
  border-right-color: #000000;
  border-width: 13px;
  margin-top: -13px;
}

.text-truncate-datatable {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Timeline from html load to javascript*/
.timeline-alt {
  font-family: 'Roboto', sans-serif;
  width: 80%;
  margin: auto;
  display: block;
  position: relative;
}
.timeline-alt .timeline-container {
  padding: 0;
  display: inline-block;
}
.timeline-container {
  list-style: none;
  margin: auto;
  min-height: 50px;
  border-left: 1px solid #da3822;
  padding: 0 0 50px 30px;
  position: relative;
  display: flex;
  flex-direction: row;
}

.timeline-container .item-icon {
  position: absolute;
  left: -10px;
  top: 0px;
  content: ' ';
  border: 8px solid rgba(255, 255, 255, 0.74);
  border-radius: 500%;
  background: #da3822;
  height: 20px;
  width: 20px;
}
.timeline-container ul.tl li:hover::before {
  border-color: #da3822;
  transition: all 1000ms ease-in-out;
}

.nowrap {
  white-space: nowrap;
}

.iframe-container {
  width: 100%;
  max-width: 1500px;
  min-height: 70vh;
}

.iframe-container > iframe {
  border: 0;
  aspect-ratio: 1200/900;
  height: 100%;
  width: 100%;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

body {
  overflow-y: hidden !important;
}

.content-page {
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  min-height: 100vh;
  padding: 0px 0px 0px;
  border-bottom: 70px solid transparent;
  position: relative;
}

.content {
  min-height: 100%;
  padding-inline: 12px;
}

.navbar-custom {
  min-height: 70px;
  position: sticky;
}

.footer {
  position: initial;
}

th.ce-col-detail {
  width: 0 !important;
  padding: 0 !important;
}

td.ce-col-detail.dtr-control {
  padding: 0.95rem 0.5rem 0.95rem 0.5rem !important;
}

td.ce-col-detail::before {
  position: initial !important;
  margin: 0 !important;
  transform: translateY(50%) !important;
}

tr.totals,
tr.totals + .child {
  font-weight: 700 !important;
  --ct-table-bg: var(--ct-table-active-bg-custom) !important;
  --ct-table-striped-bg: var(--ct-table-active-bg-custom) !important;
  --ct-table-hover-bg: var(--ct-table-active-bg-custom) !important;
}

tr.totals,
tr.totals > *,
tr.totals:hover > *,
tr.totals + .child,
tr.totals:hover + .child {
  box-shadow: none !important;
}

:root .irs {
  --ct-progress-bar-bg: var(--ct-primary) !important;
}

.irs--flat .irs-bar {
  background-color: var(--ct-progress-bar-bg) !important;
}

.irs--flat .irs-handle > i:first-child {
  background-color: var(--ct-progress-bar-bg) !important;
}

.irs--flat .irs-single {
  background-color: var(--ct-progress-bar-bg) !important;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  border-top-color: var(--ct-progress-bar-bg) !important;
}

.hide {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}


.w-responsive-industry{
  width: min(100%, 700px);
}
