html,
body {
  height: 100%;
}

#phidias_container {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /* height: 100vh; */
  height: 100%;
}

.phidias_sidebar_container {
  padding-bottom: 30px;
  /* Espacio para "respirar" (y abrir espacio para la consola de soporte h=26px)*/
}

#phidias_left {
  overflow: auto;
}

/* Left bar scrollbar */
#phidias_left::-webkit-scrollbar {
  width: 6px;
}

#phidias_left::-webkit-scrollbar-thumb {
  background-color: lightgrey;
  border-radius: 3px;
}


#phidias_right {
  flex: 1;
  min-width: 0;

  display: flex;
  flex-direction: column;
  position: relative;
}

#phidias_body {
  flex: 1;
  overflow: auto;

  /* Espacio inferior grande para respirar, y poder mostrar el boton de soporte de zendesk sin overlaps */
  padding-bottom: 80px;
  position: relative;
}

#phidias_content {
  margin: 8px 12px;
  padding: 17px;
  background-color: var(--ui-color-z0);
  border-radius: var(--ui-border-radius);
  position: relative;

  /* min-width: fit-content; */
  /* Esto causa que todas las tablas se estiren siempre a su ancho maximo, haciendo que UiDataTable se extienda demasiado */
}

#phidias_content:has(.table_responsive),
#phidias_content:has(#rolesForm) {
  min-width: fit-content;
}

#phidias_footer {
  padding: 12px;
}

#footer {
  margin: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  /* border-top: 1px solid #777; */
  padding: 12px;
  margin-top: 35px;
}

#footer a.logo {
  display: block;
  font-size: 0;
  color: white;
  width: 80px;
  height: 24px;
  background: #900 url(img/logo.png) no-repeat 0 0;
  margin: auto;
}

#footer ul {
  margin: 0;
  display: flex;
  list-style: none;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

#footer p {
  margin: 0;
}

#footer ul a {
  color: black;
  font-size: 10px;
  text-decoration: none;
}

/* #$%#$% politica de privacidad */
#footer div {
  max-width: 560px;
  padding-top: 15px;
  text-align: center;
  margin: auto;
  color: #333;
  font-size: 10.5px;
}

#footer details p {
  text-align: center;
  margin: 0 auto;
}

#phidias_logo_container {
  padding: 20px 8px;
  border-radius: 5px;
  background-color: #fff;
  margin: 12px;
  margin-bottom: 24px;
}

#phidias_logo {
  background-color: var(--ui-color-primary);
  display: block;
  margin: auto;
}

#branches {
  width: auto;
}

#phidias_breadcrumbs {
  margin: 8px 12px;
  box-sizing: border-box;
}

#phidias_breadcrumbs a {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 4px;
}

#phidias_breadcrumbs a:hover {
  background-color: var(--ui-color-hover);
}


/* desktop/mobile only classes */
.phidias_desktop_only {
  display: block !important;
}

.phidias_mobile_only {
  display: none !important;
}

@media screen and (max-width: 599px) {
  .phidias_desktop_only {
    display: none !important;
  }

  .phidias_mobile_only {
    display: block !important;
  }
}


/* Layout for small screens */
@media screen and (max-width: 599px) {
  #phidias_left {
    display: none;
  }

  #phidias_right {
    max-height: 100vh;
    overflow: auto;
  }

  #phidias_content {
    margin: 4px;
    min-width: 0;
  }

  #phidias_content .entity>h1.title {
    display: none;
  }

  #phidias_content .person-entity>h1.title {
    display: block;
  }

  #breadcrumbs {
    overflow: auto;
    white-space: nowrap;
  }

  input,
  textarea,
  select {
    font-size: 16px !important;
  }
}




/* ------------------------------- */
#v4_dashboard_inbox .message_item_counter {
  width: 2em;
  text-align: center;
}

.entity .field {
  clear: both;
  margin-bottom: 1em;
}


/* Esto causa que el contenido debajo de un .entity se afecte por el float del ultimo .field label
e.j. debit/consolidate/nonissued */
/* .entity .field:last-child {
  margin-bottom: 0;
} */

input.datepicker2_hidden {
  visibility: hidden;
}

.related,
.block .related {
  font-weight: 500;
  line-height: 24px;
  width: 100% !important;
  white-space: nowrap;
  overflow-x: auto;
  text-align: left;
  margin: 8px auto;
}

.related li {
  display: inline-block;
  margin: 0 4px 0 0;
}

.related li a {
  white-space: nowrap;
  display: inline-block;
  padding: 3px 14px;
  padding-left: 32px !important;
  background-position: 10px 50% !important;
  background-color: #eee;
}

.block {
  border-top: 1px solid #eee;
  padding-top: 15px;
}

.block>h1 {
  font-weight: 500;
}

.scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: transparent;
}

.scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}

.scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #CED9E1;
}



/* interface\xhtml\widget\document\document.htm */
div#dv {
  display: none;
}

/* Formularios */
input[name=cancel] {
  color: var(--ui-color-primary, initial);
}

#user-switcher-handle,
#user-switcher-list {
  left: 184px !important;
}


/* person/dashboard */

/* Estilos nuevos: */

/* color principal en iconos del dashboard */
.dash .header i {
  color: var(--ui-color-primary) !important;
}

.dashboard_list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 5px;
}

.dashboard_list_item {
  --ui-item-padding: 8px 16px;
  border-radius: 5px;
  cursor: pointer;
}

.dashboard_list_item .UiItem__badge {
  width: 16px;
  height: 16px;
}

.dashboard_list_item .UiItem__icon {
  font-size: 14pt;
}

.dashboard_list_item .UiIcon__image {
  background-position: center;
}

.dashboard_list_item:hover {
  background-color: var(--ui-color-background);
}


/* z-index en ventanas de Phi */
.UiWindow__scrim {
  z-index: 9999 !important;
}



/* Estilos viejos: */
.dash .header {
  display: flex;
  align-items: center;
  gap: 6px;
}

.dash .header i {
  float: none;
  background-color: transparent;
  color: inherit;
  font-size: 10pt;
}

.dash .header .text {
  height: auto;
  margin: 0;
}


/*
Mantener estilos "viejos" en reportes academicos
https://app.clickup.com/t/865d3ty41
*/

#report {
  font-family: Tahoma, sans-serif;
  font-size: 12px;
}


#vue-app #signup-form .disclaimer {
  text-align: center;
}

#vue-app #signup-form input[type=submit] {
  display: block;
  margin: 0 auto;
}

.phidias-dialog {
  padding: 20px;
  border-radius: 13px;
  border: none;
  width: 360px;
  text-align: center;
}

.phidias-dialog label {
  font-size: 20px;
  font-weight: bold;
}

.phidias-dialog .cancel {
  color: #424242;
  background-color: rgb(255, 255, 255);
  border: solid;
  border-color: #c5c4c157;
}

.phidias-dialog button {
  background-color: var(--ui-color-primary);
  border-radius: 7px;
}

.phidias-dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  transition: transform 5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

#home_label,
#home_label_custom {
  background-color: var(--phidias-box-color);
}

/*
Problemas de scroll en el modal de firma de seguimientos,
vista movil.
ej. https://bethshalom.phidias.co/poll/record/details?poll=93&person=2179
*/
@media screen and (max-width: 599px) {
  .simple-modal {
    bottom: 10px;
    overflow: auto;
  }
}