:root {
  --inv-bienes-insumos: rgb(241,89,41);
  --inv-servicios: rgb(16,116,188);
  --inv-rrhh: rgb(72,191,64);
  --inv-otros: rgb(158,31,98);
}

html, html:focus-within {
  scroll-behavior: smooth;
}
body {
  background: var(--color-naranja);
  padding-top: 0em !important;
}
section {
  scroll-margin-top: 2em;
}

.contenedor-flex {
  display: flex;
  flex-direction: row;
  position: relative;
  height: 100vh;
}

.barra-lateral-admin {
  background: var(--color-amarillo);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 20vw;
  position: fixed;
  top: 0rem;
  left: 0rem; 
}

.barra-lateral-admin ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 1em 0em;
}

.barra-lateral-admin li:last-of-type {
  margin-top: auto;
}

.barra-lateral-admin li {
  text-align: center;
  font-size: 16pt;
  /* height: 3em; */
  display: flex;
  flex-direction: row;
  align-items: center;
}
.barra-lateral-admin li a {
  padding: 3vh 1ch;
  width: 100%;
  height: 100%;
}
.barra-lateral-admin li a.resaltado {
  background: var(--color-blanco);
}


.barra-lateral-admin.visible-xs {
  
}

.contenido-admin {
  padding-top: 2vh;
  padding-bottom: 2vh;
  scroll-behavior: smooth;
  background: var(--color-blanco);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  width: 80vw;
  position: absolute;
  top: 0em;
  left: 20vw;
}

.admin-wrapper {
  position: fixed;
  /* background: black; */
  
  width: 80vw;
  height: 90vh;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  margin: 0em auto;
  scroll-behavior: smooth;
}

.admin-home, .admin-seccion {
  margin: 2em;
  padding: 1em;
  background: #fbfbfb;
  border-radius: 1em;
  opacity: 100%;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  min-height: 95%;
}
.admin-wrapper-proyecto {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  top: 0em !important;
  bottom: 0em !important;
  padding: 1em 2em 1em 1em !important;
}

/* .admin-seccion:last-of-type {
  margin-bottom: 6em;
} */
.ocultar, .mostrar {
  animation-timing-function: ease-in-out;
  animation-duration: 0.2s;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
.ocultar { animation-name: ocultar; }
.mostrar {
  opacity: 0%;
  animation-name: mostrar;
  animation-delay: 0.2s;
}
@keyframes ocultar {
  0% { opacity: 100%; } 100% { opacity: 0%; }
}
@keyframes mostrar {
  0% { opacity: 0%; } 100% { opacity: 100%; }
}

footer {
  position: fixed;
  z-index: 9;
  margin-top: auto;
}
.formulario-contenedor {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.formulario-campo {
  display: flex;
  flex-direction: column;
}
.formulario-campo.textarea {
  flex-grow: 1;
}

.tabla-admin {
  color: var(--color-negro);
}
.tabla-admin tr{
  border-top: var(--color-gris-claro) 1px solid;
  border-bottom: var(--color-gris-claro) 1px solid;
  min-height: 4em;
  max-height: 10em;
}
.tabla-admin tr:hover {
  background: rgba(0,0,0,0.05);
}
.tabla-admin th {
  text-align: center;
  align-items: center;
  height: 5.5em;
}
.tabla-admin td {
  padding: 1ch;
}
.tabla-admin .medio {
  width: 12.5%;
}
.tabla-admin .angosto {
  width: 8.3%;
}
.tabla-admin .ancho {
  width: 25%;
}

.overflow-y-scroll {
  display: block;
  overflow-y: scroll;
}

select.select-admin {
  appearance: visible !important;
  -moz-appearance: visible !important;
  -webkit-appearance: visible !important;
  text-align: center !important;
}
select.select-admin::-ms-expand {
  display: visible !important;
}

.tabla-entrada-columna {
  height: 8em !important;
  padding: 0.25em !important;
  justify-content: center;
}
.tabla-entrada-columna.jcbetween {
  justify-content: space-between !important;
}
.tabla-entrada-columna.borde {
  border-right: 1pt solid rgba(127,127,127,0.25);
}
.tabla-entrada-columna img.icono-pais {
  width: 24px !important;
  height: auto !important;
  margin: 0 auto !important;
}
.modal-editar {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.25);
}
.modal-editar .contenedor-editar {
  border-radius: 0.75em;
  background: rgba(255,255,255,0.625);
  padding: 1em;
  margin-left: 1em;
  margin-right: 2em;
}
.modal-editar .contenedor-editar > * {
  text-shadow: 1px 1px #00000022;
  border-radius: 0.75em;
  background: var(--color-blanco);
  padding: 0.5em;
}

.modal-salir {
  z-index: 2000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: rgba(0,0,0,0.5);
}

.modal-salir .confirmacion {
  border-radius: 2em;
  border: inset 1em;
  background: rgb(247,239,191);
  position: absolute;
  top: 25vh;
  left: 20vw;
  width: 60vw;
  height: 50vh;
}

.proyecto-nuevo-profundiza,
.proyecto-nueva-inversion,
.proyecto-nueva-imagen,
.proyecto-editar-profundiza {
  border-radius: 1em;
  margin: 1em;
  padding: 1em 0em;
}
.proyecto-nuevo-profundiza,
.proyecto-nueva-inversion,
.proyecto-nueva-imagen {
  background: rgba(191,239,127,0.5);
}
.proyecto-editar-profundiza {
  background: rgba(255,223,171,0.5);
}

.contenedor-multi-items-proyecto {
  background: rgb(223,223,223);
  overflow-y: scroll;
  height: 25vw;
  border-radius: 1em;
  margin: 1em;
}

.note-editable.panel-body * {
  font-size: 12pt !important;
}
.note-btn-group.btn-group.note-fontname {
  display: none;
}

input, textarea, select, button {
  border-radius: 0.5em;
}

textarea.textarea-noresize {
  resize: none;
}

input[type=text]:not(.form-control), input[type=number], textarea, select, div.note-editor.note-frame {
  border: inset 1.25pt !important;
  box-shadow: 0em 0em 0em 0.5em rgba(0,0,0,0.05);
}

.anchor-proyectos-ajax-ver-proyecto {
  transition: all 0.15s ease-in-out;
  text-decoration: underline;
  text-decoration-color: transparent;
}
.anchor-proyectos-ajax-ver-proyecto:hover {
  text-decoration-color: inherit;
}

.dropdown-menu.show {
  background: var(--color-blanco) !important;
}
.note-color.show > .dropdown-menu.show > li > .btn-group > div.note-palette-title {
  background: rgba(0,0,0,0.0625) !important;
  border-radius: 0.5em;
}
.note-color.show > .dropdown-menu.show > li > .btn-group > div > button {
  background: var(--color-blanco-3);
  border: inset 1.5pt rgba(127,127,127,0.5);
}

.fila-existentes {
  width: 98%;
  background: var(--color-blanco-2);
  padding: 0.5em;
}

.fila-existentes, .fila-existentes-index {
  margin: 0.5em auto;
  border-top: 2pt inset rgba(127,127,127,0.375);
  border-bottom: 2pt inset rgba(127,127,127,0.375);
  border-radius: 0.375em;
}

.fila-existentes-index {
  width: 100%;
  background: var(--color-blanco-3);
  padding: 0.5em;
}