/* BODY */
:root {
  --icon-blue: 25, 119, 227;
  --icon-yellow: 245, 210, 23;
  --icon-red: 198, 40, 40;
  --icon-green: 46, 125, 50;

  --color-verde: rgb(52, 199, 89) ;
  --color-amarillo: rgb(250, 200, 0) ;
  --color-rojo: rgb(254, 62, 56) ;
  --color-azul: rgb(25, 119, 227);
  --bs-danger-bg-subtle: #eeaeb8;

  --color-verde-rgb: 52, 199, 89;
  --color-amarillo-rgb: 250, 200, 0;
  --color-rojo-rgb: 254, 62, 56;
  --color-azul-rgb: 65, 164, 248;

  /* --bs-card-border-radius: 25px; */
  
/*--dev-turn: #1977e3;
  --action-lightning: #f5d217;
  --risk-flame: #c62828;
  --oppo-bulb: #2e7d32; */
}

[data-bs-theme=dark] {
  --bs-footer-bg: #222736;
  --bs-success-border-subtle: #616852;
  --bs-success-rgb: 26, 197, 185;
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.10);

  /* --dev-turn: #64b5f6;
  --action-lightning: #ffd54f;
  --risk-flame: #ef5350;
  --oppo-bulb: #81c784; */
}

body[data-sidebar=dark].vertical-collpsed {
  min-height: initial;
}

.main-content {
  margin-left: 70px;
}


/* BREADCRUMB */
.logo-breadcrumb img {
  display: none;
}

body[data-bs-theme="light"] .logo-light {
  display: inline-block !important;
}

body[data-bs-theme="light"] .logo-dark {
  display: none !important;
}

body[data-bs-theme="dark"] .logo-dark {
  display: inline-block !important;
}
body[data-bs-theme="dark"] .logo-light {
  display: none !important;
}

.breadcrumb-item+.breadcrumb-item:before {
  content: "\e900" !important;
  font-family: 'qnow';
  font-weight: 700;
  line-height: 1;
  transform: rotate(-90deg);
}


/* MENU */
.metismenu li {
  white-space: nowrap;
}

.metismenu .mm-collapse,
.metismenu .mm-collapsing {
  box-sizing: border-box;
}

.vertical-collpsed .vertical-menu {
  position: fixed;
  z-index: 9999;
}

.vertical-collpsed .vertical-menu #sidebar-menu {
  background-color: var(--bs-sidebar-dark-bg);
}

#sidebar-menu ul li a {
  font-size: 14px;
}

.vertical-menu #sidebar-menu>ul>li>a,
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a {
  min-height: initial;
  padding: 12px 20px;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
  width: 70px !important;      
  background-color: inherit !important;
  color: inherit !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a span,
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul {
  display: none !important;    
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li.mm-active>ul,
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li.mm-active:hover>ul {
  display: block !important;
  width: 70px;
  height: auto !important;
  background-color: #282e3f;
  box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);
  padding: 0;
  margin: 0;
  z-index: 999;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li.mm-active>ul li a {
  padding: 8px 20px 8px 28px !important;
  text-align: left;
  width: 70px;
}

#sidebar-menu ul li ul.sub-menu li a {
  padding: 8px 1.5rem 8px 24px !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li.mm-active>ul li a i {
  margin: 0 12px 0 0;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu a span {
  display: none;
}

#sidebar-menu ul li.mm-active>a,
#sidebar-menu ul li ul.sub-menu a.active,
#sidebar-menu ul li.mm-active>a i,
#sidebar-menu ul li ul.sub-menu a.active i,
body[data-sidebar=dark] .mm-active, body[data-sidebar=dark] .mm-active>a,
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i{
  color: var(--bs-white-text) !important;
}

#sidebar-menu ul li a i {
  font-size: 18px;
}

#sidebar-menu ul li ul.sub-menu {
  background-color: #21253A;
  transition: all .3s ease-in-out;
}

#sidebar-menu .has-arrow:after {
  content: "\e900";
  font-family: 'qnow';
}

.navbar-brand-box,
.vertical-menu {
  transition: width .3s ease-in-out;
}

.form-check-input:checked {
  background-color: var(--bs-info);
  border-color: var(--bs-info);
}

.form-check {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 5px;
}

.form-check label{
  align-self: flex-end;
  margin-bottom: 0;
}

.right-bar .right-bar-toggle:hover {
  background-color: #e9ecef;
  color: #000
}


/* SETTING BAR */
.right-bar .right-bar-toggle{
  line-height: 26px;
}

.radiobtn-group input {
  margin: 0 5px 0 0;
}

.radiobtn-group label {
  margin: 0;
  align-self: center;
  line-height: 1;
  display: block;
}



/* BLOQUES DE TARJETAS */
.card {
  border-radius: 15px;
}

.card-body {
  box-shadow: 0 0 7px 3px var(--bs-card-cap-bg);
  border-radius: 15px;
}

.card.wizard-buttons .card-body {
  border-radius: 0;
}



/* ALERTAS */
.alert-container {
  margin-top: 10px;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}

.alert-success {
  --bs-alert-bg: #ccead6;
  --bs-alert-border-color: #adc7b6;
}

body[data-bs-theme="dark"] .alert-success {
  --bs-alert-color: #e3e3e3;
  --bs-alert-bg: #41817c;
  --bs-alert-border-color: #9da392;
}

body[data-bs-theme="dark"] .alert-warning {
  --bs-alert-color: #6e5c37;
  --bs-alert-bg: #e1c895;
  --bs-alert-border-color: #cda042;
}

body[data-bs-theme="dark"] .alert-danger {
  --bs-alert-color: #fff;
  --bs-alert-bg: #ec4561;
  --bs-alert-border-color: #bd374e;
}

.modal-alert {
  box-shadow: 0 3px 7px 2px rgba(var(--bs-body-color-rgb), 0.25);
  position: relative;
  z-index: 1;
}

.clasification-globe {
  position: relative;
  z-index: 1;
}

.clasification-globe::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: inherit;
  transform: translateX(-50%) rotate(45deg);
  z-index: 0;
}

.modal-alert p {
  line-height: 2;
}

.edit-alert-section {
  margin-top: 30px;
  right: 15px;
  z-index: 9999;
}


/* DATATABLES */
table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
  max-width: 250px;
  min-width: 50px !important;
  word-wrap: break-word;
  white-space: wrap;
}

table.table-bordered.dataTable td.info-icon,
table.table-bordered.dataTable th.info-icon {
  min-width: 20px !important;
  max-width: 20px !important;
  width: 20px !important;
}

table.table-bordered.dataTable td:last-child a.btn {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
table.table-bordered.dataTable td:last-child a.btn:hover {
  color: #fff !important;
}
table.table-bordered.dataTable td:last-child a.btn-danger:hover {
  color: #000 !important;
}

table.table-striped {
  border-bottom: none;
  margin-bottom: 0;
}

table.table-bordered.dataTable tbody td {
  border-bottom-width: 1px;
}

table.table tr.deactivated,
table.table-bordered.dataTable tr.deactivated {
  opacity: 0.6;
}

table.table-bordered.dataTable.iso-elements th,
table.table-bordered.dataTable.iso-elements td {
  max-width: 55% !important;
  width: 100% !important;
}

table.table-bordered.dataTable.iso-elements th:first-child,
table.table-bordered.dataTable.iso-elements td:first-child {
  max-width: 40% !important;
  width: 100% !important;
}

table.table-bordered.dataTable.iso-elements th.actions,
table.table-bordered.dataTable.iso-elements td.actions {
  max-width: 80px !important;
  width: 100% !important;
}

table.table-bordered.dataTable.one-column th:first-child,
table.table-bordered.dataTable.one-column td:first-child {
  max-width: 90% !important;
  width: 100% !important;
}

table.table-bordered.dataTable.one-column th.acciones,
table.table-bordered.dataTable.one-column td.acciones {
  max-width: 80px !important;
  width: 100% !important;
}

table.table-bordered.dataTable.one-column-info th:first-child,
table.table-bordered.dataTable.one-column-info td:first-child {
  max-width: 65% !important;
  width: 100% !important;
}

table.table-bordered.dataTable.one-column-info th,
table.table-bordered.dataTable.one-column-info td {
  max-width: 20% !important;
}

table.table-bordered.dataTable td.cell-centered {
  text-align: center;
}

.table-edits input,
.table-edits select {
  width: 100%;
}

.table-edits input[type="number"],
.table-edits select {
  text-align: center;
}

table.table-bordered.dataTable td.actions,
table.table-bordered.dataTable th.actions,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable th:last-child {
  box-sizing: border-box;
  min-width: 110px !important;
  max-width: 140px !important;
  text-align: center;
  white-space: nowrap;
}

table.table-bordered.dataTable td.actions-extended,
table.table-bordered.dataTable th.actions-extended {
  min-width: 190px !important;
  max-width: 200px !important;
}

table.table-bordered.dataTable td.info-icons,
table.table-bordered.dataTable th.info-icons {
  min-width: 10px !important;
  max-width: 15px !important;
  text-align: center;
  font-size: 16px;
}

table.table-bordered.dataTable td.info-icons i {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
}

table.table-bordered.dataTable td.info-icons .qnow-risks_alt {
  color: rgb(var(--icon-yellow));
}

table.table-bordered.dataTable td.info-icons .qnow-actions_alt {
  color: rgb(var(--icon-blue));
}

table.table-bordered.dataTable td.info-icons .qnow-deviations_alt {
  color: rgb(var(--icon-red));
}

table.table-bordered.dataTable td.info-icons .qnow-opportunities_alt {
  color: rgb(var(--icon-green));
}

i.Bajo,
table.table-bordered.dataTable td i.Bajo,
i.Baja,
table.table-bordered.dataTable td i.Baja {
  color: rgb(var(--icon-green));
}

i.Alto,
table.table-bordered.dataTable td i.Alto,
i.Alta,
table.table-bordered.dataTable td i.Alta {
  color: rgb(var(--icon-red));
}

i.Medio,
table.table-bordered.dataTable td i.Medio,
i.Media,
table.table-bordered.dataTable td i.Media {
  color: rgb(var(--icon-yellow));
}

table.table-bordered.dataTable th.nowrap,
table.table-bordered.dataTable td.nowrap {
  white-space: nowrap;
}


/* MODAL */
.offcanvas-header {
  background-color: var(--bs-header-bg);
}

.offcanvas-header .logo {
  height: 50px;
  line-height: initial;
  width: 50px;
}

.offcanvas-header .info h2 {
  line-height: 1;
}

.offcanvas.offcanvas-end {
  min-width: 450px;
  width: 45vw;
}

.offcanvas-body {
  padding-bottom: 50px;
  padding-top: 30px;
}

.offcanvas-body section.group-info {
  background-color: var(--bs-footer-bg);
  border: solid 1px var(--bs-border-color);
  border-radius: 10px;
  box-shadow: inset 0 0 7px 3px rgba(var(--bs-body-color-rgb), 0.06);
  position: relative;
}

.offcanvas-body section.group-info::before {
  font-size: 45px;
  font-family: 'qnow' !important;
  position: absolute;
  top: 0;
  opacity: 0.1;
}

.offcanvas-body section.group-info.risks {
  background: rgba(var(--icon-yellow), .07);
}

.offcanvas-body section.group-info.risks::before {
  content: "\e92b";
}

.offcanvas-body section.group-info.opportunities {
  background: rgba(var(--icon-green), .07);
}

.offcanvas-body section.group-info.opportunities::before {
  content: "\e90d";
}

.offcanvas-body section.group-info.deviations {
  background: rgba(var(--icon-red), .07);
}

.offcanvas-body section.group-info.deviations::before {
  content: "\e935";
}

.offcanvas-body section.group-info.actions {
  background: rgba(var(--icon-blue), .07);
}

.offcanvas-body section.group-info.actions::before {
  content: "\e916";
}

.offcanvas-body section.group-info section {
  border-top: solid 1px var(--bs-border-color);
}

.offcanvas-body section.group-info section:first-child {
  border-top: none;
}

.offcanvas-body section.group-info .list-group-item {
  background-color: transparent;
}

.offcanvas-body section.group-info .list-group-flush>.list-group-item:last-child {
  margin: 0 !important;
  padding: 0 !important
}

.modal-content {
  border: none;
  border-radius: 0;
}

.modal-content .modal-header {
  background-color: var(--bs-header-bg);
}



/* WIZARDS */
.wizard ul {
  display: flex;
}

.wizard>.steps>ul>li {
  flex: 1;
}

.wizard>.steps a,
.wizard>.steps a:active,
.wizard>.steps a:hover {
  padding: 7px 15px;
  text-transform: uppercase;
  font-size: 13px;
}

.wizard>.steps .current a {
  background-color: #39a4f9;
}

.wizard>.steps .disabled a {
  background-color: var(--bs-body-bg);
  box-shadow: inset 0 0 3px 3px var(--bs-card-cap-bg);
  color: var(--bs-gray-500);
}

.wizard>.steps .disabled a:hover {
  box-shadow: none;
}

.wizard>.steps .done a, 
.wizard>.steps .done a:active, 
.wizard>.steps .done a:hover {
  background-color: var(--bs-success-bg-subtle);
  color: var(--bs-gray-600);
}

.wizard>.content {
  overflow: visible;
}

.wizard>.content>.body {
  height: auto;
}

.wizard fieldset .step-info p {
  color: var(--bs-gray-600);
  font-size: 14px;
}

[data-bs-theme="dark"] .wizard fieldset .step-info p {
  color: var(--bs-gray-300);
}

.wizard fieldset .step-info span {
  color: var(--bs-gray-500);
  font-size: 13px;
  font-style: italic;
}

fieldset .wizard-field {
  border-style: dotted !important;
  border-width: 2px !important;
}

fieldset .wizard-field.disabled,
fieldset .wizard-field.disabled input,
fieldset .wizard-field.disabled select,
fieldset .wizard-field.disabled textarea {
  background-color: var(--bs-gray-100);
}

fieldset .select2-container--disabled .select2-selection__choice__display {
  color: var(--bs-body-color);
}

.field-name,
fieldset .field-name {
  letter-spacing: .5px;
  font-size: 13px;
}

fieldset .required:after,
form label.required:after {
  content: '*';
  color: var(--bs-danger);
  margin-left: 3px;
}

fieldset input.small[switch]+label {
  background-color: var(--seedr-background-color);
  border: 1px solid var(--bs-gray-500);
  height: 26px;
  width: 45px;
  padding: .16667rem;
}

fieldset input.small[switch]+label:after {
  background-color: var(--bs-gray-500);
  height: 20px;
  width: 20px;
  left: 3px;
  top: 2px;
}

fieldset input.small[switch]:checked+label {
  background-color: var(--bs-info);
  border: 1px solid var(--bs-info);
}

fieldset input.small[switch]:checked+label:after {
  background-color: var(--bs-gray-200);
  left: 20px;
}

fieldset input.small[switch]+label:before {
  font-size: 12px;
  line-height: 21px;
  top: -2px;
}

fieldset input.small[switch]:checked+label:before {
  left: 3px;
}

input[switch]+label,
fieldset input[switch]+label {
  background-color: var(--seedr-background-color);
  border: 1px solid var(--bs-gray-500);
  height: 26px;
  padding: .16667rem;
}

input[switch]+label:after,
fieldset input[switch]+label:after {
  background-color: var(--bs-gray-500);
  height: 20px;
  width: 20px;
  left: 3px;
  top: 2px;
}

input[switch]:checked+label,
fieldset input[switch]:checked+label {
  background-color: var(--bs-info);
  border: 1px solid var(--bs-info);
}

input[switch]:checked+label:after,
fieldset input[switch]:checked+label:after {
  background-color: var(--bs-gray-200);
  left: 31px;
}

input[switch]+label:before,
fieldset input[switch]+label:before {
  font-size: 12px;
  line-height: 21px;
  top: 0;
}

input[switch]:checked+label:before,
fieldset input[switch]:checked+label:before {
  left: 3px;
}

fieldset .disabled label,
fieldset .disabled input[switch]+label,
input[switch]:disabled+label {
  opacity: .5;
}

.card.wizard-buttons {
  border-radius: 0;
  bottom: 0;
  box-shadow: 0 0px 10px rgb(0 0 0 / 20%);
  left: 0;
  margin: 0;
  padding-left: 75px;
  position: fixed;
  width: 100%;
  z-index: 100;
}

body[data-bs-theme="dark"] .card.wizard-buttons {
  box-shadow: 0 0px 10px rgb(255 255 255 / 30%);
}

.margin-adjust {
  padding-left: .40rem !important;
}

.select2-container {
  width: 100% !important;
}

fieldset .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: none;
  color: var(--bs-danger);
}

fieldset .select2-container--default .select2-selection--multiple .select2-selection__choice__display,
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 15px;
}

.select2-container--default .select2-selection--multiple {
  min-height: 35px;
  padding: 4px 8px;
  line-height: 1.5;
}

ul.select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--bs-gray-300);
  border-color: var(--bs-gray-300);
  margin: 1px 7px 3px 0;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 24px;
  line-height: 24px;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #f8f9fa;
}

body[data-bs-theme="dark"] .select2-container--default .select2-results__option--selected {
  background-color: var(--bs-footer-bg);
}

.tooltip-info {
  color: var(--bs-white);
  font-size: 12px;
}

.tooltip-info i::before {
  background-color: var(--bs-black);
  border-radius: 100%;
  padding: 3px;
}

.form-control::placeholder,
.select2-container .select2-selection--multiple .select2-search__field::placeholder {
  color: #acacac !important;
}

.form-select:invalid,
.form-select:required:invalid {
  color: #acacac !important;
}

.form-select option[disabled][hidden] {
  display: none;
}

[data-bs-theme=dark] .form-control::placeholder,
[data-bs-theme=dark] .select2-container .select2-selection--multiple .select2-search__field::placeholder {
  color: #756e8e !important;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice,
[data-bs-theme=dark] fieldset .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--bs-tertiary-bg);
  border: 1px solid var(--bs-border-color);
}

[data-bs-theme=dark] input[switch]+label,
[data-bs-theme=dark] fieldset input[switch]+label {
  background-color: var(--bs-footer-bg);
  border: 1px solid var(--bs-border-color);
}

[data-bs-theme=dark] input[switch]:checked+label,
[data-bs-theme=dark] fieldset input[switch]:checked+label {
  background-color: #616ed4;
  border: 1px solid var(--bs-footer-bg);
}

[data-bs-theme=dark] input[switch]:checked+label:before,
[data-bs-theme=dark] fieldset input[switch]:checked+label:before {
  color: var(--bs-gray-300);
}

[data-bs-theme=dark] input[switch]+label:before,
[data-bs-theme=dark] fieldset input[switch]+label:before {
  color: var(--bs-gray-500);
}

[data-bs-theme=dark] fieldset .select2-container--default.select2-container--disabled .select2-selection--multiple,
[data-bs-theme=dark] fieldset .wizard-field.disabled {
  background: var(--bs-footer-bg);
  background-color: var(--bs-footer-bg);
}

[data-bs-theme=dark] fieldset .wizard-field.disabled input,
[data-bs-theme=dark] fieldset .wizard-field.disabled select, 
[data-bs-theme=dark] fieldset .wizard-field.disabled textarea,
[data-bs-theme=dark] .select2-container--default.select2-container--disabled .select2-selection--single {
  background: var(--bs-footer-bg);
  color: var(--bs-body-color);
}

[data-bs-theme=dark] .btn-dark:hover {
  color: var(--bs-body-color);
}

.wizard-field .iti,
fieldset .wizard-field .iti {
  width: 100%;
}

.wizard-field .iti__arrow,
fieldset .wizard-field .iti__arrow {
  border-top: var(--iti-arrow-height) solid var(--bs-secondary-color);
}

.wizard-field  .iti__search-input,
fieldset .wizard-field .iti__search-input {
  padding-bottom: 7px;
  padding-top: 7px;
}

.wizard-field  .iti__search-input:focus-visible,
fieldset .wizard-field .iti__search-input:focus-visible {
  outline: none;
}

.wizard-field .iti--inline-dropdown .iti__country-list,
fieldset .wizard-field .iti--inline-dropdown .iti__country-list {
  background-color: var(--bs-secondary-bg);
  max-height: 135px;
}

ul.flex-tree {
  padding: 0;
}

ul.flex-tree ul{
  display: block;
  padding-left: 2rem;
}

ul.flex-tree input[type=checkbox] {
  background: var(--bs-footer-bg);
  border-radius: 3px;
  border: 1px solid var(--bs-sidebar-dark-bg);
  margin: -4px 7px 0px 0;
}

ul.flex-tree input[type=checkbox]:checked:before {
  background-color: var(--bs-info);
  border: 1px solid var(--bs-sidebar-dark-bg);
  border-radius: 3px;
  color: #fff;
  content: "\e952";
  font-family: 'qnow';
  font-size: 12px;
  height: 16px;
  line-height: 15px;
  margin: -1px 0 0 -1px;
}

ul.flex-tree input[type=checkbox]:indeterminate:before {
  background-color: var(--bs-gray-300);
  border: 1px solid var(--bs-sidebar-dark-bg);
  border-radius: 3px;
  color: #000;
  content: "\e953";
  font-family: 'qnow';
  font-size: 10px;
  height: 16px;
  line-height: 15px;
  margin: -1px 0 0 -1px;
}

[data-bs-theme=dark] ul.flex-tree input[type=checkbox],
[data-bs-theme=dark] ul.flex-tree input[type=checkbox]:checked:before,
[data-bs-theme=dark] ul.flex-tree input[type=checkbox]:indeterminate:before {
  border: 1px solid var(--bs-gray-300);
}

ul.flex-tree {
  display: block;
}

ul.flex-tree, ul.flex-tree ul {
  list-style: none;
}

ul.flex-tree li span {
  display: inline-flex;
}

ul.flex-tree li span.closed:after,
ul.flex-tree li span.open:after {
  content: "\e900";
  font: 400 14px / 1 'qnow';
  padding-left: 5px;
  height: 10px;
  padding-top: 0px;
}

ul.flex-tree li span.closed:after {
  content: "\e901
  ";
}

ul.flex-tree li span label {
  margin-bottom: 12px;
}

.nav-link .light {
  animation: glowing 2s infinite;
  align-self: center;
  background-color: var(--color-verde);
  border: solid 1px #00b732;
  display: block;
	border-radius: 50%;
	height: 5px;
	width: 5px;
}

.nav-link {
  padding-left: 15px;
  padding-right: 15px;
}

.irs.color-verde  ~ .irs-bar,
#wizard-steps .irs-bar.color-verde,
.irs-bar.color-verde {
  background-color: var(--color-verde) !important;
  border-color: var(--color-verde) !important;
}

.irs.color-amarillo  ~ .irs-bar,
#wizard-steps .irs-bar.color-amarillo,
.irs-bar.color-amarillo {
  background-color: var(--color-amarillo) !important;
  border-color: var(--color-amarillo) !important;
}

.irs.color-rojo  ~ .irs-bar,
#wizard-steps .irs-bar.color-rojo,
.irs-bar.color-rojo {
  background-color: var(--color-rojo) !important;
  border-color: var(--color-rojo) !important;
}

#wizard-steps .irs-single.color-verde,
.irs-single.color-verde {
  background-color: var(--color-verde) !important;
  border-color: var(--color-verde) !important;
  color: #fff !important;
}

#wizard-steps .irs-single.color-verde:before,
.irs-single.color-verde:before {
  border-top-color: var(--color-verde) !important;
}

#wizard-steps .irs-single.color-amarillo,
.irs-single.color-amarillo {
  background-color: var(--color-amarillo) !important;
  border-color: var(--color-amarillo) !important;
  color: #000 !important;
}

#wizard-steps .irs-single.color-amarillo:before,
.irs-single.color-amarillo:before {
  border-top-color: var(--color-amarillo) !important;
}

#wizard-steps .irs-single.color-rojo,
.irs-single.color-rojo {
  background-color: var(--color-rojo) !important;
  border-color: var(--color-rojo) !important;
  color: #fff !important;
}

#wizard-steps .irs-single.color-rojo:before,
.irs-single.color-rojo:before {
  border-top-color: var(--color-rojo) !important;
}

.irs--flat .irs-single.first::before,
#wizard-steps .irs--flat .irs-single.first::before {
  left: 8px !important;
}

.irs--flat .irs-single.last::before,
#wizard-steps .irs--flat .irs-single.last::before {
  left: 93% !important;
}




/* GRAFICOS */
.apex-charts .apexcharts-canvas {
  width: 100% !important;
}

.apexcharts-title-text {
  fill: #5b626b !important;
  font-size: 1.09375rem !important;
}



/* SECCIONES */
.logo-container {
  max-height: 100px;
  max-width: 100px;
  overflow: hidden;
}

.logo-container a.change {
  background: rgb(0 0 0 / 50%);
  bottom: -100%;
  color: var(--bs-white);
  cursor: pointer;
  transition: all .1s ease-in-out;
}

.logo-container a.remove {
  background-color: var(--bs-body-bg);
  border-radius: 50%;
  color: var(--bs-body-color);
  cursor: pointer;
  line-height: 1;
  right: 5px;
  padding: 5px;

  transform: scale(0);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
  transform-origin: center;
}

.logo-container:hover img {
  filter: blur(1px);
}

.logo-container:hover a.change {
  bottom: 0;
}

.logo-container:hover a.remove {
  transform: scale(1.2);
  opacity: 1;
}

.logo-container img {
  height: 100px;
  min-height: 100px;
  min-width: 100px;
  width: 100px;
}



/* WIDGETS */
.semaphore a {
	color: var(--bs-body-color);
  font-size: 13px;
}

td.task-priority .light,
.semaphore a.month .light {
	display: block;
	border-radius: 50%;
	height: 8px;
	width: 8px;
  background-color: whitesmoke;
  border: solid 1px #eaeaea;
}

td.task-priority.green .light,
.semaphore a.month.green .light {
  background-color: var(--color-verde);
  border: solid 1px #00b732;
}

td.task-priority.yellow .light,
.semaphore a.month.yellow .light {
  background-color: var(--color-amarillo);
  border: solid 1px #f7ba00;
}

td.task-priority.red .light,
.semaphore a.month.red .light {
  background-color: var(--color-rojo);
  border: solid 1px #ff5456;
}

td.task-priority.red .light,
.semaphore a.month.current .light {
  animation: glowing 2s infinite;
}

.semaphore a.month.green.current .light {
  color: var(--color-verde);
}

.semaphore a.month.yellow.current .light {
  color: var(--color-amarillo);
}

td.task-priority.red .light,
.semaphore a.month.red.current .light {
  color: var(--color-rojo);
}

body[data-bs-theme="dark"] .text-bg-light {
  color: var(--bs-body-color) !important;
}

.total-risk {
  background: var(--bs-card-bg);
  background: linear-gradient(195deg,rgba(var(--color-amarillo-rgb), 0.35) 0%, var(--bs-card-bg) 50%);
}

.total-opportunity {
  background: var(--bs-card-bg);
  background: linear-gradient(195deg,rgba(var(--color-verde-rgb), 0.35) 0%, var(--bs-card-bg) 50%);
}

.total-deviation {
  background: var(--bs-card-bg);
  background: linear-gradient(195deg,rgba(var(--color-rojo-rgb), 0.35) 0%, var(--bs-card-bg) 50%);
}

.total-action {
  background: var(--bs-card-bg);
  background: linear-gradient(195deg,rgba(var(--color-azul-rgb), 0.35) 0%, var(--bs-card-bg) 50%);
}

.total-docs {
  background: var(--bs-card-bg);
  background: linear-gradient(195deg,rgba(var(--bs-black-rgb), 0.35) 0%, var(--bs-card-bg) 50%);
}

.assigned-tasks {
  height: fit-content;
  max-height: 290px;
  overflow-y: auto;
}

.assigned-tasks thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--bs-body-bg);
}

.assigned-tasks tbody tr td.task-title {
  max-width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.assigned-tasks tbody tr td.responsable {
  white-space: nowrap;
}

.countdown {
  overflow: hidden;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(170, 225, 232, 0.95) 100%
  );
}

.countdown .widget-title {
  z-index: 1;
}

.countdown::before {
  color: rgba(255, 255, 255, 0.65);
  content: "\e93d";
  font-family: 'qnow';
  font-size: 60px;
  position: absolute;
  right: 10px;
  top: 65%;
  transform: translateY(-50%);
}

body[data-bs-theme="dark"] .countdown {
  overflow: hidden;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.45) 0%,
    rgba(255, 255, 255, 0.40) 45%,
    rgba(255, 255, 255, 0.28) 100%
  );
}

body[data-bs-theme="dark"] .countdown::before {
  color: rgba(255, 255, 255, 0.15);
}

.bg-kaizen-points {
  background: linear-gradient(
    135deg,
    #b8e100 0%,
    #b2a69a 100%
  );
}


/* BOTONES */
[data-bs-theme=dark] .btn-light:hover,
[data-bs-theme=dark] .btn-secondary:hover,
[data-bs-theme=dark] table.table-bordered.dataTable td:last-child a.btn-light:hover,
[data-bs-theme=dark] table.table-bordered.dataTable td:last-child a.btn-secondary:hover {
  background-color: #ccc !important;
  color: #000 !important;
}

[data-bs-theme=dark] .btn-light {
    background-color: #222736;
    border-color: #7d8fa3;
}



/* PAGE ERROR */
.error-page .card-body {
  background-color: #fdfdfd;
}



/* UTILES */
.txt-small {
  font-size: 13px;
}

.txt-huge {
  font-size: 40px;
  line-height: 1;
}

.flat-list {
  list-style: none;
  padding: 0;
}

.line-height-1 {
  line-height: 1 !important;
}

.line-height-1-5 {
  line-height: 1.5 !important;
}

.line-height-2 {
  line-height: 2 !important;
}

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

.brand-dark {
  display: none;
}

body[data-bs-theme="dark"] .brand-light {
  display: none;
}

body[data-bs-theme="dark"] .brand-dark {
  display: inline-block;
}

.bg-amarillo {
  /* var(--color-amarillo); */
  background-color: var(--color-amarillo);
}

.bg-rojo {
  /* var(--color-rojo); */
  background-color: var(--color-rojo);
}

.bg-verde {
  /* var(--color-verde); */
  background-color: var(--color-verde);
}

.bg-azul {
  /* var(--color-azul); */
  background-color: var(--color-azul);
}

.text-amarillo {
  color: var(--color-amarillo);
}

.text-rojo {
  color: var(--color-rojo);
}

.text-verde {
  color: var(--color-verde);
}

.text-azul {
  color: var(--color-azul);
}



/* ANIMATIONS */
@keyframes glowing {
  0% {
      box-shadow: 0 0 3px currentColor;
  }
  50% {
      box-shadow: 0 0 10px currentColor, 0 0 15px currentColor;
  }
  100% {
      box-shadow: 0 0 3px currentColor;
  }
}