@font-face {
  font-family: 'lato-regular';
  src: url('../../fonts/lato-regular.woff2?#iefix') format('woff2'),
    url('../../fonts/lato-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'oswald-light';
  src: url('../../fonts/oswald-light.woff2') format('woff2'),
    url('../../fonts/oswald-light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'oswald-regular';
  src: url('../../fonts/oswald-regular.woff2') format('woff2'),
    url('../../fonts/oswald-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* cambio de azul al rojo corporativo */
/* añado los otros rojos corporativos */
:root {
  --bs-primary-red-rgb: 193, 41, 46; /* Rojo corporativo primario */
  --bs-primary-red-hover-rgb: 220, 134, 137; /* Rojo corporativo primario palido */

  --bs-secondary-blue-rgb: 21, 130, 194; /* Azul secundario corporativo #1582c2 */
  --bs-secondary-blue-hover-rgb: 123, 184, 221; /* Hover del azul secundario corporativo #1582c2 */

  --bs-danger-orange-rgb: 214, 134, 27; /* Naranja complementario  de peligro */
  --bs-danger-orange-hover-rgb: 232, 187, 126; /* Hover del naranja complementario de peligro */

  --bs-primary-rgb: 193, 41, 46; /* Rojo corporativo primario */
  --bs-btn-clicked-rgb: 117, 13, 16; /*rojo oscuro*/
  --bs-btn-danger-rgb: 175, 115, 116; /*rojo oscuro palido*/

  --bs-disabled-hex: #a3a3a3; /* Gris claro para disabled */
}

/*
@media (prefers-color-scheme: dark) {
  html {
    filter: invert(1) hue-rotate(180deg);
  }
*/
/* Excluding specific elements from the inversion */
/*
  img,
  i,
  svg,
  .icon {
    filter: invert(1) hue-rotate(180deg);
  }
}
*/

/*
TOPBAR
*/

.w-0 {
  width: 0 !important;
}

.top-bar-list {
  margin-bottom: 0;
  display: flex;
}

#top-bar-alert-container a.unread-noti {
  background-color: #f6f7fb;
}

#top-bar-project-selector-container {
  align-items: center;
  justify-content: center;
  display: flex;
  min-height: 70px;
  width: 200px;
}

/* Seleccionada */
.select2-container--open
  .select2-results__option.select2-results__option--selected[aria-selected='true'],
.topbar-menu a.nav-link[aria-expanded='true'] i {
  background-color: #fff !important;
  color: rgba(var(--bs-primary-red-rgb));
}

/* Hover sobre elemento */
.select2-container--open
  .select2-results__option.select2-results__option--highlighted[aria-selected='true']:hover {
  background-color: rgba(var(--bs-primary-red-rgb));
  color: white;
}

.select2-container--open
  .select2-results__option.select2-results__option--selected[aria-selected='true']:hover {
  background-color: rgba(var(--bs-primary-red-rgb)) !important;
  color: white;
}

/* Seleccionada mientras hacemos hover en otro elemento*/
.select2-container--open
  .select2-results__option.select2-results__option--selected[aria-selected='false'] {
  background-color: #fff !important;
  color: rgba(var(--bs-primary-red-rgb));
}

#toggle-projects-selector {
  display: none;
}

#top-bar-project-selector-container .select2-results__option {
  width: 100%;
}

#top-bar-project-selector-container li {
  float: none;
  max-height: initial;
}

@media (max-width: 500px) {
  #top-bar-project-selector-container
    .select2-container.select2-container--default.select2-container--open {
    left: 10px !important;
  }
  #top-bar-project-selector-container
    .select2-dropdown.select2-dropdown--below {
    width: calc(100vw - 20px) !important;
  }
}

@media (min-width: 501px) and (max-width: 700px) {
  #top-bar-project-selector-container
    .select2-container.select2-container--default.select2-container--open {
    left: 30px !important;
  }
  #top-bar-project-selector-container
    .select2-dropdown.select2-dropdown--below {
    width: calc(80vw - 20px) !important;
  }
}

@media (max-width: 700px) {
  #top-bar-project-selector-container
    .select2-container.select2-container--default.select2-container--open {
    top: 70px !important;
  }
  #top-bar-project-selector-container span.selection {
    visibility: hidden;
  }
  #toggle-projects-selector {
    display: block;
  }
  #top-bar-project-selector-container
    .select2-selection.select2-selection--single[aria-expanded='true'] {
    visibility: hidden;
  }
}

.profile-dropdown .dropdown-item:hover {
  background-color: rgba(var(--bs-primary-red-rgb));
  color: white;
}

/*
Font
*/

body {
  font-family: 'lato-regular';
}

.page-title {
  font-family: 'oswald-light';
}

.text-title {
  font-family: 'oswald-regular';
}

/*
TARJETAS DE HOME
*/
.card .header-title {
  text-transform: none;
}

@media (max-width: 576px) {
  .border-start {
    border-left: 0px !important;
  }
}

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

.bgi-circles {
  background-position-x: right;
  background-image: url('../../images/bg-pattern.png');
  background-repeat: no-repeat;
}

/* 
PANTALLA LOGIN
*/
/* botones */
.btn-primary-ik {
  color: #fff;
  background-color: rgba(var(--bs-primary-red-rgb));
  border-color: rgba(var(--bs-primary-red-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-primary-red-rgb) / 50%);
}

.btn-primary-ik:hover,
.btn-primary-ik:disabled {
  color: #fff;
  background-color: rgba(var(--bs-primary-red-hover-rgb));
  border-color: rgba(var(--bs-primary-red-hover-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-primary-red-hover-rgb) / 50%);
}

.btn-secondary-ik {
  color: #fff;
  background-color: rgba(var(--bs-primary-red-rgb));
  border-color: rgba(var(--bs-primary-red-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-primary-red-rgb) / 50%);
}

.btn-secondary-ik:hover,
.btn-secondary-ik:disabled {
  color: #fff;
  /* background-color: rgba(var(--bs-secondary-blue-hover-rgb));
  border-color: rgba(var(--bs-secondary-blue-hover-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-secondary-blue-hover-rgb) / 50%); */
  background-color: rgba(var(--bs-primary-red-hover-rgb));
  border-color: rgba(var(--bs-primary-red-hover-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-primary-red-hover-rgb) / 50%);
}

/* todo: Botón danger convertido al mismo color que el primario temporalmente */
.btn-danger-ik {
  color: #fff;
  /* background-color: rgba(var(--bs-danger-orange-rgb));
  border-color: rgba(var(--bs-danger-orange-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-danger-orange-rgb) / 50%); */
  background-color: rgba(var(--bs-primary-red-rgb));
  border-color: rgba(var(--bs-primary-red-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-primary-red-rgb) / 50%);
}

.btn-danger-ik:hover,
.btn-danger-ik:disabled {
  color: #fff;
  /* background-color: rgba(var(--bs-danger-orange-hover-rgb));
  border-color: rgba(var(--bs-danger-orange-hover-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-danger-orange-hover-rgb) / 50%); */
  background-color: rgba(var(--bs-primary-red-hover-rgb));
  border-color: rgba(var(--bs-primary-red-hover-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-primary-red-hover-rgb) / 50%);
}

input[type='checkbox'],
.form-check-label {
  cursor: pointer;
}

/* todo: checked convertido al mismo color que el primario temporalmente */
/* Check */
.form-check-input:checked {
  /* background-color: rgba(var(--bs-secondary-blue-rgb));
  border-color: rgba(var(--bs-secondary-blue-rgb)); */
  background-color: rgba(var(--bs-primary-red-rgb));
  border-color: rgba(var(--bs-primary-red-rgb));
}

.form-check-input.readonly:checked {
  /* background-color: rgba(var(--bs-secondary-blue-rgb));
  border-color: rgba(var(--bs-secondary-blue-rgb)); */
  background-color: var(--bs-disabled-hex);
  border-color: var(--bs-disabled-hex);
}

/* 
MENU LATERAL
 */

/* Color */
/*body[data-leftbar-theme='light'] ul.side-nav a,
body[data-leftbar-theme='light'] li.side-nav-title,
body[data-leftbar-theme='light'] ul.side-nav .menuitem-active > a {
  color: #fff !important;
}

body[data-leftbar-theme='light'] div.leftside-menu {
  box-shadow: 2px 0px 8px -1px rgb(91 69 69);
} */

/* Pisamos la transicion del menu desplegado */

.side-nav .side-nav-link {
  transition: none !important;
}

body[data-leftbar-theme='light'] ul.side-nav .menuitem-active > a {
  color: rgba(var(--bs-primary-red-rgb)) !important;
}

.invalid-feedback {
  line-height: normal !important;
}

#work-toggle-container {
  position: relative;
  left: -110px;
  top: -3px;
}

body[data-leftbar-theme='light']
  ul.side-nav
  div.collapse
  > ul.side-nav-second-level
  > li
  > a:hover {
  color: rgba(var(--bs-primary-red-rgb)) !important;
  font-size: 102%;
}

body[data-leftbar-theme='light'] .side-nav .side-nav-link:focus {
  color: #6c757d !important;
}

body[data-leftbar-theme='light']
  ul.side-nav
  > li.side-nav-item.menuitem-active
  > a.side-nav-link,
body[data-leftbar-theme='light']
  ul.side-nav
  > li.side-nav-item:hover
  > a.side-nav-link
  > span,
body[data-leftbar-theme='light']
  ul.side-nav
  > li.side-nav-item.menuitem-active
  > div.collapse
  > ul.side-nav-second-level
  > li.menuitem-active
  > a.active {
  font-weight: bolder;
  font-size: 105%;
  color: white;
}

body[data-leftbar-theme='light']
  ul.side-nav
  .side-nav-item:hover
  .side-nav-link {
  /*width: 315px !important;*/

  background-color: rgba(var(--bs-primary-red-rgb));
  color: white;
}

body[data-leftbar-theme='light']
  ul.side-nav
  > li.side-nav-item.menuitem-active
  > a
  > i,
body[data-leftbar-theme='light'] ul.side-nav > li.side-nav-item:hover > a > i {
  transform: scale(1.3);
}

body[data-leftbar-theme='light'] ul.side-nav > li.side-nav-item:hover > a > i {
  color: white;
}

/*body[data-leftbar-theme='light'] ul.side-nav > li.side-nav-item > a > .menu-arrow {
  color:black;
}*/

/* body[data-leftbar-theme='light'] .leftside-menu {
  background: rgba(var(--bs-primary-red-rgb));
}

body[data-leftbar-theme='light'][data-leftbar-compact-mode='condensed']
  .logo-sm,
body[data-leftbar-theme='light'] .logo-lg {
  background: #fff;
  color: transparent !important;
}

body[data-leftbar-theme='light'][data-leftbar-compact-mode='condensed']
  .logo-sm {
  line-height: 50px !important;
  border-width: 10px 10px 0 10px;
  border-color: rgba(var(--bs-primary-red-rgb));
  border-style: solid;
}

body[data-leftbar-theme='light'] span.logo-lg {
  border-width: 10px 20px 10px 20px;
  border-color: rgba(var(--bs-primary-red-rgb));
  border-style: solid;
}
*/
/*
body[data-leftbar-theme='light'] .side-nav-second-level {
  background: #d74646 !important;
}
*/

body[data-leftbar-theme='light'][data-leftbar-compact-mode='condensed']
  .side-nav
  .side-nav-item:hover
  .side-nav-link {
  /* Y para el theme dark? */
  background: rgba(var(--bs-primary-red-rgb)) !important;
  /*box-shadow: 2px 0px 8px -1px rgb(91 69 69);*/
}

body[data-leftbar-theme='light'] .side-nav .side-nav-link:active,
/*body[data-leftbar-theme='light'] .side-nav .side-nav-link:focus,*/
body[data-leftbar-theme='light'] .side-nav .side-nav-link:hover {
  color: rgba(var(--bs-primary-red-rgb));
}

.leftside-menu {
  position: fixed !important;
}

/*
FORMULARIOS
*/

label.form-label.required:after,
label.col-form-label.required:after {
  content: '*';
  position: relative;
  color: red;
  left: 2px;
}

div.d4seo-search-config button.d4seo-delete {
  position: absolute;
  z-index: 999999;
  right: 35px;
}

/* 
BOTONES
*/

.btn-danger {
  background-color: rgba(var(--bs-primary-red-rgb));
  border-color: rgba(var(--bs-primary-red-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-primary-red-rgb) / 50%);
}

.btn-danger:hover {
  background-color: rgba(var(--bs-primary-red-hover-rgb));
  border-color: rgba(var(--bs-primary-red-hover-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-primary-red-hover-rgb) / 50%);
}

.btn-check:active + .btn-danger,
.btn-check:checked + .btn-danger,
.btn-danger.active,
.btn-danger:active,
.show > .btn-danger.dropdown-toggle {
  background-color: rgba(var(--bs-primary-red-hover-rgb));
  border-color: rgba(var(--bs-primary-red-hover-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-primary-red-hover-rgb) / 50%);
}

.btn-check:focus + .btn-danger,
.btn-danger:focus {
  background-color: rgba(var(--bs-primary-red-hover-rgb));
  border-color: rgba(var(--bs-primary-red-hover-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-primary-red-hover-rgb) / 50%);
}

/* 
WORKS
*/

/* boton de crear work */
/* .btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle,
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  background-color: rgba(var(--bs-btn-clicked-rgb));
  border-color: rgba(var(--bs-btn-clicked-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-btn-clicked-rgb) / 50%);
} */

.disabled-link {
  pointer-events: none;
}

/*
ERROR 404
*/
.btn-info {
  box-shadow: 0 2px 6px 0 rgba(var(--bs-btn-clicked-rgb) / 50%);
  background-color: rgba(var(--bs-btn-clicked-rgb));
  border-color: rgba(var(--bs-btn-clicked-rgb));
}

.btn-info:active,
.btn-info:hover,
.btn-info:focus {
  background-color: rgba(var(--bs-primary-red-hover-rgb));
  border-color: rgba(var(--bs-primary-red-hover-rgb));
  box-shadow: 0 2px 6px 0 rgba(var(--bs-primary-red-hover-rgb) / 50%);
}

.text-danger {
  color: rgba(var(--bs-primary-red-rgb)) !important;
}

.text-error {
  color: rgba(var(--bs-primary-red-rgb)) !important;
}

/*
 Widgets
*/
.custom-description .toggle-description {
  color: rgba(var(--bs-primary-red-rgb));
  text-decoration: underline;
  cursor: pointer;
}

.custom-description .full-description {
  display: none;
}

div.work-table-name-preview input {
  display: inline-block !important;
  width: auto !important;
}

/*
Modal
*/

body.modal-open {
  overflow: auto !important;
  padding: 0 !important;
}

#modal-error-list {
  list-style: none;
  padding: 0;
  max-height: 300px;
  overflow: auto;
}

div.modal-right-custom div.modal-body,
div.modal-right-custom div.modal-footer {
  background-color: white;
}

div.dropdown.card-widgets
  > div.dropdown-menu.dropdown-menu-end
  > a.dropdown-item {
  cursor: pointer;
}

/* Dashboard */

.dashboard-title-input {
  width: calc(100% - 115px) !important;
}

.home-header-card {
  background-color: rgba(var(--bs-primary-red-rgb));
}

.home-header-card span.underline {
  text-decoration: underline;
}

img.no-event-placeholder {
  opacity: 0.1;
  max-width: 70%;
  height: 35vh;
  min-height: 200px;
}

div.image-card-container > div.card {
  min-height: 400px;
  height: 450px;
  max-height: 13vh;
}

div.simple-card-container {
  height: 15vw;
  max-height: 20vh;
  min-height: 180px;
}

div.simple-card-container-small {
  height: 10vw;
  max-height: 15vh;
  min-height: 130px;
}

div.simple-card-container-big {
  height: 17vw;
  max-height: 20vh;
  min-height: 210px;
}

i.ik-title-icon {
  background: rgba(var(--bs-primary-red-rgb));
  border-radius: 50%;
  color: white;
}

i.ik-title-icon-alternate {
  background: rgba(var(--bs-secondary-blue-rgb));
  border-radius: 50%;
  color: white;
}

i.ik-title-icon-disabled {
  background: var(--bs-disabled-hex);
  border-radius: 50%;
  color: white;
}

.icon-padding-sm {
  padding: 2px 3px 2px 3px;
}

/* Tooltips */

.roles-tooltip .tooltip-inner {
  min-width: 300px;
}

/* .roles-tooltip strong {
  font-size: larger;
} */

/* Touchspin */
/** Override */
.bootstrap-touchspin .btn.btn-primary {
  color: #313a46;
  background-color: #eef2f7;
  border-color: #eef2f7;
  box-shadow: 0 2px 6px 0 #eef2f7 !important;
}

.max-w-px-50 {
  max-width: 50px;
}

.max-w-px-75 {
  max-width: 75px;
}

.max-w-px-100 {
  max-width: 100px;
}

.min-h-px-100 {
  min-height: 100px;
}

.min-h-px-150 {
  min-height: 150px;
}

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

.max-h-px-100 {
  max-height: 100px;
}

.max-h-px-150 {
  max-height: 150px;
}

.max-h-px-200 {
  max-height: 200px;
}

.max-h-px-300 {
  max-height: 300px;
}

.max-h-px-400 {
  max-height: 400px;
}

.max-h-px-500 {
  max-height: 500px;
}

.min-w-px-100 {
  min-width: 100px;
}

.min-w-px-150 {
  min-width: 150px;
}

.min-w-px-200 {
  min-width: 200px;
}

li.breadcrumb-item > a {
  color: #75828f;
}

li.breadcrumb-item:hover > a,
li.nav-item:hover a {
  color: rgba(var(--bs-primary-red-rgb));
}

.rem-1-dot-2 {
  font-size: 1.2rem;
}

div.timeline {
  background-color: #edecec;
}

/* Tables */

#works-table,
#alerts-table {
  max-width: 100% !important;
}

.data-generated-header {
  background-color: #ededf8;
}

.table-header-primary {
  background-color: #d1d4d5;
}

tbody.organization-container {
  border-top: 0px !important;
}

/* Cards */

.main-card-icon {
  font-size: 33px;
  width: 50px;
  height: 50px;
  text-align: center;
}

/* DATATABLES */

@media (max-width: 400px) {
  .dataTables_paginate li.previous > a,
  .dataTables_paginate li.next > a {
    font-size: 14px;
  }
}

@media (max-width: 800px) {
  .dataTables_paginate li.previous > a,
  .dataTables_paginate li.next > a {
    font-size: 14px;
  }
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dtr-details {
  padding-left: 0;
}

.dataTables_wrapper .dtr-details [data-dt-column] {
  display: flex;
  justify-content: space-between;
  height: 26px;
}