@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700&display=swap");
body {
  font-family: "Work Sans", sans-serif;
  background-color: white;
}

body.dark-mode {
  background-color: rgb(39, 62, 78);
  color: #ffffff;
  /* Otros estilos para el modo oscuro */
}

body.normal-mode {
  background-color: #ffffff;
  color: #000000;
  /* Otros estilos para el modo normal */
}

.dark-mode a {
  color: #1a8dff;
}
.dark-mode a.btn-primary {
  color: white;
}
.dark-mode #refreshModal {
  color: #142936;
}
.dark-mode .header-content-app {
  background-color: #142936;
  border-top-color: #ffc265;
}
.dark-mode .main-container-app .main-content-app .content-box {
  background-color: transparent;
}
.dark-mode .side-content-app {
  background-color: #142936;
}
.dark-mode .mode-menu button {
  color: white;
}
.dark-mode .user-menu a {
  color: white;
}
.dark-mode #gravityflow-inbox thead tr, .dark-mode .wp-list-table thead tr {
  background-color: #1f3d50;
}
.dark-mode #gravityflow-inbox thead tr:nth-child(odd), .dark-mode .wp-list-table thead tr:nth-child(odd) {
  background-color: #1f3d50;
}
.dark-mode .wp-list-table.entries tr {
  border-bottom: 1px solid #2b363d;
}
.dark-mode .wp-list-table.entries tr:nth-child(2n) {
  background-color: #2b363d;
}
.dark-mode .entry-detail-view td {
  padding: 15px 20px;
  border: none;
}
.dark-mode .entry-detail-view td.entry-view-field-name {
  background-color: transparent;
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 15px 0px;
}
.dark-mode .entry-detail-view td.entry-view-section-break {
  background-color: transparent;
}
.dark-mode .entry-detail-view td.entry-view-field-value {
  background-color: lightslategrey;
  border-radius: 4px;
}
.dark-mode .entry-detail-view td.entry-view-field-value a {
  color: #8fe3ff;
  text-decoration: none;
}
.dark-mode .entry-detail-view td label[for=gentry_display_empty_fields] {
  color: white !important;
}
.dark-mode .postbox, .dark-mode .gravityflow-has-workflow-info .postbox, .dark-mode .gravityflow-has-step-info .postbox, .dark-mode .gravityflow-has-sidebar .postbox {
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid lightslategrey;
}
.dark-mode #postbox-container-2 .postbox {
  background-color: transparent;
}
.dark-mode .gravityflow-note-title {
  color: #fffbcd;
  text-transform: uppercase;
  font-size: 0.6875rem;
  letter-spacing: 1.5px;
}
.dark-mode .gravityflow-note-body-wrap {
  background-color: lightslategrey;
  border-radius: 4px;
  border: 0px;
}
.dark-mode .gravityflow-note-meta {
  color: #fffbcd;
}
.dark-mode .hide-menu-app {
  color: white;
}
.dark-mode .app-content-tesis .btn-group a {
  color: white;
}
.dark-mode .offcanvas {
  background-color: #142936;
  color: white;
}

.text-dec-none {
  text-decoration: none;
}

.d-contents {
  display: contents;
}

.gravityflow-note-avatar {
  width: 60px;
  max-width: 60px;
  max-height: 60px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
  padding-right: 0px !important;
}
.gravityflow-note-avatar img {
  width: 100%;
  height: auto;
}

.header-content-app {
  border-top: 5px solid #ffc265;
  background-color: white;
  border-bottom: 1px solid #ebebeb;
}
.header-content-app .navbar-brand img {
  width: 150px;
}

.main-container-app {
  background-color: transparent;
}
.main-container-app .main-content-app {
  padding: 0px;
  margin-top: 67.3px;
}

.app-logo-sidebar {
  max-width: 120px;
}

.side-content-app {
  top: 67.75px;
  height: calc(100vh - 67.75px);
  background-color: #34495e;
  color: white;
}
.side-content-app .main-nav li {
  border-bottom: 1px solid rgba(156, 215, 255, 0.24);
}
.side-content-app .main-nav li a {
  color: white;
}
.side-content-app .main-nav li:hover {
  background-color: rgba(156, 215, 255, 0.24);
}
.side-content-app.side-content-app--hide {
  width: 67px;
}

.profile-picture {
  max-width: 30px;
  max-height: 30px;
  margin: auto;
  margin-right: 10px;
}

.main-container-app .main-content-app {
  overflow: hidden;
}
.main-container-app .main-content-app .content-box {
  display: block;
  padding: 12px;
  background-color: white;
}
.main-container-app .main-content-app .content-box .content-box-title .content_box__title {
  padding: 0px;
}

#gravityflow-status-filter .pending {
  background-color: transparent;
}

.pending {
  color: #3b3b3b;
  padding: 4px 6px;
  border-radius: 2px;
  background-color: rgb(221, 158, 62);
}

#the-list {
  font-size: 12px;
}

.main-nav {
  list-style: none;
}
.main-nav li {
  border-bottom: 1px solid rgba(50, 90, 117, 0.2392156863);
  -webkit-transition: all ease-in-out 0.35s;
  transition: all ease-in-out 0.35s;
  margin-bottom: 6px;
}
.main-nav li:hover {
  border-radius: 22px;
}
.main-nav li a {
  color: #23475f;
  text-decoration: none;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Aseguramos que el contenido se alinee en una fila */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Alinea verticalmente el contenido */
  height: 43px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all ease-in-out 0.35s;
  transition: all ease-in-out 0.35s;
}
.main-nav li a i {
  margin-right: 5px; /* Añadimos un margen derecho al icono */
  margin-left: 3px;
}
.main-nav li a span {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; /* Añadimos la transición para transform y opacity */
  opacity: 1;
  white-space: nowrap; /* Evitamos que el texto se quiebre */
  font-size: 14px;
}
.main-nav li a:hover {
  border-radius: 22px;
  background-color: rgba(35, 71, 95, 0.23);
  color: white;
}
.main-nav.main-nav--toggled li a span {
  -webkit-transform: translateX(100%);
          transform: translateX(100%); /* Movemos el span fuera de la vista */
  opacity: 0; /* Ocultamos el span */
}

.toggle-menu {
  width: 100%;
}

.text-copyright {
  font-size: 0.6875rem;
}

.menu-default.menu-bottom .dropup a {
  font-size: 0.6875rem;
}

body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body::-webkit-scrollbar-track {
  background: #f0f0f0;
}
body::-webkit-scrollbar-thumb {
  background: #34495e;
  border-radius: 10px;
}
body::-webkit-scrollbar-button {
  display: none;
}

.dark-mode .table-evaluations {
  background-color: transparent;
  color: white;
}
.dark-mode .table-evaluations th {
  background-color: inherit;
  color: inherit;
}
.dark-mode .table-evaluations td {
  background-color: inherit;
  color: inherit;
}
.dark-mode table#gravityflow-inbox, .dark-mode table.wp-list-table {
  font-size: 12px;
}
.dark-mode table#gravityflow-inbox tr, .dark-mode table.wp-list-table tr {
  background-color: transparent;
}
.dark-mode table#gravityflow-inbox tr:nth-child(odd), .dark-mode table.wp-list-table tr:nth-child(odd) {
  background-color: transparent;
}
.dark-mode table#gravityflow-inbox tr:nth-child(even), .dark-mode table.wp-list-table tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode table#gravityflow-inbox td, .dark-mode table.wp-list-table td {
  background-color: transparent;
}
.dark-mode table#gravityflow-inbox th, .dark-mode table.wp-list-table th {
  background-color: transparent;
}

.table-evaluations {
  font-size: 14px;
}

.app-search-result {
  background-color: transparent;
  height: auto;
}
.app-search-result .list {
  padding-left: 0px;
  list-style: none;
}

table#gravityflow-inbox, .dark-mode table.wp-list-table {
  font-size: 12px;
}
table#gravityflow-inbox tr, .dark-mode table.wp-list-table tr {
  background-color: transparent;
}
table#gravityflow-inbox tr:nth-child(odd), .dark-mode table.wp-list-table tr:nth-child(odd) {
  background-color: transparent;
}
table#gravityflow-inbox td, .dark-mode table.wp-list-table td {
  background-color: transparent;
}
table#gravityflow-inbox th, .dark-mode table.wp-list-table th {
  background-color: transparent;
}

#post-body.columns-2 #postbox-container-1 {
  margin-right: -280px !important;
}

.gravityflow-status-box-field.gravityflow-status-box-field-assignees ul {
  padding-left: 0px;
}

table.entry-detail-view td.entry-view-field-name {
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  background-color: transparent;
  padding: 15px 0px;
}
table.entry-detail-view td.entry-view-field-value {
  background-color: #ddebf7;
  padding: 15px 20px;
  border-radius: 4px;
}
.dark-mode .gravityflow-step-user_input .gfield.gravityflow-display-field .gfield_label {
  background-color: transparent;
  border: none;
}
.dark-mode .gravityflow-step-user_input .gfield.gravityflow-display-field .gravityflow-field-value {
  background-color: lightslategrey;
  border-radius: 4px;
  padding: 15px 20px;
  border: none;
}
.dark-mode .gravityflow-step-user_input .gfield.gravityflow-display-field .gravityflow-field-value a {
  color: #8fe3ff;
  text-decoration: none;
}
.dark-mode .gravityflow-step-user_input .gfield.gravityflow-editable-field .gfield_label {
  border-radius: 4px;
}
.dark-mode .gravityflow-step-user_input .gfield.gravityflow-editable-field .gfield_label label {
  border: none;
}
.dark-mode .gravityflow-step-user_input .gfield.gravityflow-editable-field.green-background {
  background-color: #6fbc6f;
  border-radius: 4px;
  border: none;
}
.dark-mode .gravityflow-step-user_input .gfield.gravityflow-editable-field:not(.green-background) {
  color: #3b3b3b;
}
.dark-mode .gravityflow-step-user_input .gfield.gravityflow-editable-field:not(.gfield_error) .gfield_label {
  color: #3b3b3b;
}

.gravityflow-step-user_input .gfield_label {
  text-transform: uppercase;
  font-size: 0.6875rem;
  letter-spacing: 1.5px;
  font-weight: 400;
}