body {
  min-height: 100% !important;
  max-width: 100% !important;
  background-color: var(--color5) !important;
  overflow: hidden;
}

* {
  font-family: Montserrat;
  font-style: normal;
}

*::-webkit-scrollbar {
  width: 12px; /* width of the entire scrollbar */
}

*::-webkit-scrollbar-track {
  background: #f5f5f5; /* color of the tracking area */
}

*::-webkit-scrollbar-thumb {
  background-color: #dddddd; /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
  border: 3px solid #f5f5f5; /* creates padding around scroll thumb */
}

p {
  color: var(--color6);
}

span {
  color: var(--color6);
}

strong {
  color: var(--color6);
}

.h-90 {
  height: 90% !important;
}

.h-60 {
  height: 60% !important;
}

.w-90 {
  width: 90% !important;
}

.w-96 {
  width: 96% !important;
}

:root {
  --color0: #ffffff;
  --color1: #691c32;
  --color2: #ddc9a3;
  --color3: #bc955c;
  --color4: #f5f5f5;
  --color5: #f5f5f5;
  --color6: #6f7271;
  --color7: #3cc1a1;
  --color8: #f8f4eb;
  --color9: #dddddd;
  --color10: #5dade2;
  --color11: #f3b047;
  --color12: #7f8c8d;
  --color13: #34495e;
  /*----menu-----*/
  --color14: #996699;
  --color15: #666699;
  --color16: #99cccc;
  --color17: #669966;
  --color18: #436281;
  --color19: #669966;
  --info: #3498db;
  --success: #50bf4c;
  --danger: #df3838;
  --warning: #f1c40f;

  /*-------*/
  --level-1: #8dccad;
  --level-2: #f5cc7f;
  --level-3: #7b9fe0;
  --level-4: #f27c8d;
  --black: black;
}

.bg-color0 {
  background-color: var(--color0) !important;
}

.bg-color1 {
  background-color: var(--color1) !important;
}

.bg-color2 {
  background-color: var(--color2) !important;
}

.bg-color3 {
  background-color: var(--color3) !important;
}

.bg-color4 {
  background-color: var(--color4) !important;
}

.bg-color5 {
  background-color: var(--color5) !important;
}

.bg-color6 {
  background-color: var(--color6) !important;
}

.bg-color7 {
  background-color: var(--color7) !important;
}

.bg-color8 {
  background-color: var(--color8) !important;
}

.bg-color9 {
  background-color: var(--color9) !important;
}

.bg-color10 {
  background-color: var(--color10) !important;
}

.bg-color11 {
  background-color: var(--color11) !important;
}

.bg-color12 {
  background-color: var(--color12) !important;
}

.bg-color13 {
  background-color: var(--color13) !important;
}
.bg-color14 {
  background-color: var(--color14) !important;
}
.bg-color15 {
  background-color: var(--color15) !important;
}

.bg-color17 {
  background-color: var(--color17) !important;
}

.text-color0 {
  color: var(--color0) !important;
}

.text-color1 {
  color: var(--color1) !important;
}

.text-color2 {
  color: var(--color2) !important;
}

.text-color3 {
  color: var(--color3) !important;
}

.text-color4 {
  color: var(--color4) !important;
}

.text-color5 {
  color: var(--color5) !important;
}

.text-color6 {
  color: var(--color6) !important;
}

.text-color7 {
  color: var(--color7) !important;
}

.text-color8 {
  color: var(--color8) !important;
}

.text-color9 {
  color: var(--color9) !important;
}

.text-color10 {
  color: var(--color10) !important;
}

.text-color11 {
  color: var(--color11) !important;
}

.text-color12 {
  color: var(--color12) !important;
}

.text-color13 {
  color: var(--color13) !important;
}

.text-color14 {
  color: var(--color14) !important;
}

.text-color15 {
  color: var(--color15) !important;
}

.text-color16 {
  color: var(--color16) !important;
}

.text-color17 {
  color: var(--color17) !important;
}

.text-color18 {
  color: var(--color18) !important;
  color: var(--color18) 9im#669966;
}

.text-color19 {
  color: var(--color19) !important;
}

.text-warning_ {
  color: var(--warning) !important;
}
.text-success_ {
  color: var(--success) !important;
}
.text-question_ {
  color: var(--color1) !important;
}
.text-danger_ {
  color: var(--danger) !important;
}
/*-----------margenes------------*/

.ml-10 {
  margin-left: 10px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

/*-----------botones-------------*/

.btn-sm_ {
  min-height: 30px !important;
  font-size: 14px;
}

.btn-sub-menu {
  min-width: 100%;
  margin-bottom: 10px;
  background-color: var(--color9);
  color: var(--color6);
  outline: none !important;
  border: 1px solid var(--color9);
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  padding: 5px;
  text-align: left;
}

.btn-sub-menu:hover {
  background: rgba(158, 151, 151, 0.8);
  color: rgba(111, 114, 113, 0.753);
  border: 1px solid var(--color9);
}

.btn-sub-menu:active {
  border: 1px solid var(--color9);
  border-radius: 2px;
}

.btn-sub-menu.active {
  color: white;
  border-radius: 2px;
}

.btn-sub-menu.active:hover {
  opacity: 0.85;
}

.btn-sin-borde {
  border: none;
  background-color: transparent;
  transition: all 0.3s ease-out;
}

.btn-sin-borde:hover {
  opacity: 0.6;
}

.btn-color0 {
  min-height: 30px;
  background: var(--color1);
  outline: none !important;
  border: 1px solid var(--color1);
  border-radius: 2px;
  color: white;
  transition: all 0.3s ease-out;
}

.btn-color0:hover {
  background: rgba(105, 28, 50, 0.8);
  border: 1px solid rgba(105, 28, 50, 0.8);
}

.btn-color0:active {
  border: 1px solid var(--color1);
  background: rgba(105, 28, 50, 0.8);
}

.btn-color1 {
  min-height: 35px;
  background: var(--color1);
  outline: none !important;
  border: 1px solid var(--color1);
  border-radius: 2px;
  color: white;
  transition: all 0.3s ease-out;
}

.btn-color1:hover {
  background: #691c32c2;
  border: 1px solid #691c32c2;
}

.btn-color1:active {
  border: 1px solid var(--color1);
  background: #691c32c2;
}

.btn-color2 {
  min-height: 35px;
  background: var(--color2);
  outline: none !important;
  border: 1px solid var(--color2);
  border-radius: 2px;
  color: white;
  transition: all 0.3s ease-out;
}

.btn-colorVerde {
  min-height: 35px;
  background: #669966;
  outline: none !important;
  border: 1px solid var(--color2);
  border-radius: 2px;
  color: white;
  transition: all 0.3s ease-out;
}

.btn-color2:hover {
  background: rgba(221, 201, 163, 0.6);
  border: 1px solid rgba(221, 201, 163, 0.6);
}

.btn-color2:active {
  border: 1px solid var(--color3);
  background: rgba(221, 201, 163, 0.6);
}

.btn-color2:disabled {
  background: rgba(221, 221, 221, 1);
  border: none;
}

.btn-color9 {
  min-height: 35px;
  background: var(--color9);
  outline: none !important;
  border: 1px solid var(--color9);
  border-radius: 2px;
  color: white;
  transition: all 0.3s ease-out;
}

.btn-color9:hover {
  background: rgba(221, 221, 221, 0.6);
  border: 1px solid rgba(221, 221, 221, 0.6);
}

.btn-color9:active {
  border: 1px solid var(--color9);
  background: rgba(221, 221, 221, 0.6);
}

.btn-color-info_ {
  min-height: 35px;
  background: var(--info);
  outline: none !important;
  border: 1px solid var(--info);
  border-radius: 2px;
  color: white;
  transition: all 0.3s ease-out;
}

.btn-color-info_:hover {
  background: rgba(52, 152, 219, 0.6);
  border: 1px solid rgba(52, 152, 219, 0.6);
}

.btn-color-info_:active {
  border: 1px solid var(--info);
  background: rgba(52, 152, 219, 0.6);
}

.btn-color-info_:disabled {
  border: none;
  background: rgba(52, 152, 219, 0.2);
}

.boton-adjuntar {
  min-height: 35px;
  background: #3498db 0% 0% no-repeat padding-box;
  border: 2px solid #3498db;
  border-radius: 2px;
  text-align: center;
  letter-spacing: 0px;
  color: #ffffff;
}

.boton-generar {
  min-height: 35px;
  background: #158260 0% 0% no-repeat padding-box;
  border: 2px solid #158260;
  border-radius: 2px;
  text-align: center;
  letter-spacing: 0px;
  color: #ffffff;
}

/*--*/

.btn-outline-color1 {
  min-height: 35px;
  background: transparent;
  outline: none !important;
  border: 1px solid var(--color1);
  border-radius: 2px;
  transition: all 0.3s ease-out;
}

.btn-outline-color1:hover {
  background: rgba(105, 28, 50, 0.8);
  border: 1px solid rgba(105, 28, 50, 0.8);
  color: white;
}

.btn-outline-color1:active {
  border: 1px solid var(--color1);
  background: rgba(105, 28, 50, 0.8);
  color: white;
}

.btn-outline-color3 {
  min-height: 35px;
  background: transparent;
  outline: none !important;
  border: 1px solid var(--color3);
  border-radius: 2px;
  transition: all 0.3s ease-out;
  color: var(--color3);
}

.btn-outline-color3:hover {
  background: var(--color3);
  border: 1px solid rgba(188, 149, 92, 0.8);
  color: white;
}

.btn-outline-color3:active {
  border: 1px solid var(--color3);
  background: rgba(188, 149, 92, 0.8);
}

.btn-outline-color3:disabled {
  background: rgba(221, 221, 221, 1);
  border: none;
  color: var(--color6);
}

.btn-outline-success_ {
  min-height: 35px;
  background: transparent;
  outline: none !important;
  border: 1px solid var(--success);
  border-radius: 2px;
  color: var(--success);
  transition: all 0.3s ease-out;
}

.btn-outline-success_:hover {
  background: rgba(80, 191, 76, 0.8);
  border: 1px solid rgba(80, 191, 76, 0.8);
  color: white;
}

.btn-outline-success_:active {
  border: 1px solid var(--success);
  background: rgba(80, 191, 76, 0.8);
  color: white;
}

.btn-outline-danger_ {
  min-height: 35px;
  background: transparent;
  outline: none !important;
  border: 1px solid var(--danger);
  border-radius: 2px;
  color: var(--danger);
  transition: all 0.3s ease-out;
}

.btn-outline-danger_:hover {
  background: rgba(223, 56, 56, 0.8);
  border: 1px solid rgba(223, 56, 56, 0.8);
  color: white;
}

.btn-outline-danger_:active {
  border: 1px solid var(--danger);
  background: rgba(223, 56, 56, 0.8);
  color: white;
}

/*-----------Fin botones-------------*/

.circulo {
  height: 20px;
  width: 20px;
  margin-right: 5px;
  border-radius: 100%;
  color: transparent;
  background-color: #996699;
}

/*-----------Fuentes-------------*/

.font-10 {
  font-size: 10px !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}
/*-----------Fin Fuentes-------------*/

form label {
  font-size: 12px !important;
}

form select {
  height: 30px !important;
  font-size: 12px !important;
  border: 2px solid #dddddd !important;
  border-radius: 2px !important;
}

form input[type="text"],
form input[type="password"],
form input[type="number"],
form input[type="email"],
form input[type="date"] {
  height: 30px !important;
  font-size: 12px !important;
  border: 2px solid #dddddd !important;
  border-radius: 2px !important;
}

form textarea {
  min-height: 150px;
  font-size: 12px !important;
  border: 2px solid #dddddd !important;
  border-radius: 2px !important;
}

form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="number"]:focus,
form input[type="email"]:focus,
form input[type="date"]:focus,
form select:focus,
form textarea:focus {
  box-shadow: 0px 0px 4px var(--color9) !important;
}

.text-danger {
  font-size: 11px !important;
}

/*====================================================================
/*============================COMPONENTES==============================
/*====================================================================*/

/*--------content-collapsable----------*/

.content-collapsable {
  position: unset;
  /*relative*/
  min-height: 35px;
  overflow: hidden;
  margin-bottom: 5px;
}

.content-collapsable > .header {
  background: var(--color4);
  border-radius: 2px;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 5px;
  cursor: pointer;
}

.content-collapsable > .header i {
  width: 25px;
  text-align: center;
  transition: all 0.3s ease-out;
}

.content-collapsable > .header span {
  font-weight: 600;
  font-size: 14px;
}

.content-collapsable > .body {
  height: 200px;
  position: relative;
  margin-top: -100%;
  z-index: -1;
  background-color: var(--color4);
  border-radius: 2px;
  overflow: hidden;
  padding: 10px 13px;
  transition: all 0.5s ease-out;
}

.content-collapsable.active > .header span {
  color: var(--color1) !important;
}

.content-collapsable.active > .body {
  margin-top: 10px;
  z-index: 1;
  height: auto;
}

.content-collapsable.active > .header i {
  transform: rotate(180deg) !important;
}

.content-collapsable .subtitle {
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 2px;
  border-bottom: 1px solid var(--color3);
  width: fit-content;
}

/*--------Fin content-collapsable----------*/

/*-------- content-buscador----------*/
.content-buscar {
  height: 100% !important;
  border: 1px solid var(--color9);
  background-color: #ffffff;
  padding: 10px 5px;
}

.buscar-buttons {
  display: flex;
  align-self: flex-end;
  justify-content: space-around;
  /*align-self-end d-flex justify-content-between */
}

.content-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.content-pagination i {
  cursor: pointer;
}

.content-pagination i:hover {
  color: gray;
}
/*--------Fin content-buscador----------*/

/*-------- content-lista-peticiones----------*/
.content-bandeja {
  min-height: 900px;
  max-height: 1100px;
  overflow: hidden;
  transition: all 0.3s ease-out;
}
.content-peticiones {
  border: 1px solid var(--color9);
  border-top: 0px;
  min-height: 796px;
  position: relative;
}
.content-peticiones > .header {
  width: 100%;
  padding: 5px;
  border-bottom: 1px solid var(--color9);
}
.content-peticiones > .header span {
  font-size: 14px;
  font-weight: 600;
}

.tituloLista {
  font-size: 18px !important;
}
.iconoLista {
  font-size: 18px !important;
}

.count-bandeja {
  min-width: 30px;
  float: right;
  margin-right: 2;
  border-radius: 10px;
  padding: 1px 4px;
  color: var(--color6);
  background-color: white !important;
  text-align: center;
}

.content-peticiones > .body {
  width: 100%;
  /*height: 580px;
    max-height: 770px;*/
  min-height: 760px;
  max-height: 100vh;
  padding: 0px;
  background-color: white;
  overflow-y: auto;
}

@media (min-height: 1000px) {
  .content-peticiones > .body {
    max-height: calc(100vh - 323px);
  }
}

.item-peticion {
  height: 215px;
  border-left: 7px solid var(--color3);
  border-bottom: 1.5px solid var(--color9);
  padding: 10px 20px;
  margin-bottom: 1px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  animation-name: item-peticion-effect;
  animation-duration: 0.9s;
  animation-timing-function: ease-out;
  overflow: hidden;
}

.item-peticion.reasignada {
  border-left: 7px solid var(--color1);
}

.item-peticion.active {
  background: rgb(249, 249, 211);
  background: linear-gradient(
    90deg,
    rgba(249, 249, 211, 1) 0%,
    rgba(241, 205, 127, 1) 74%,
    rgba(243, 217, 160, 1) 100%
  );
  box-shadow: 1px 1px 7px #b9b3b3;
}

.item-peticion:hover.active {
  background-color: #f7dfa9;
}

.item-peticion .encabezado span {
  margin-bottom: 0px;
  line-height: normal;
  font-size: 13px;
}

.item-peticion .encabezado p {
  margin-bottom: 1px;
  line-height: normal;
  font-size: 13px;
}
.item-peticion .encabezado p strong {
  font-size: 12px;
}

.item-peticion .sub-encabezado {
  margin-top: 5px;
}

.item-peticion .sub-encabezado h6 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.item-peticion .sub-encabezado p {
  margin-bottom: 0px;
  line-height: normal;
  font-size: 13px;
}

.item-peticion .sub-encabezado .nombreLista {
  font-weight: 600;
  font-size: 15px !important;
  max-width: 70%;
}

.item-peticion .body {
  margin-top: 10px;
  line-break: anywhere;
}
.item-peticion .body p {
  margin-bottom: 0px;
  line-height: normal;
  font-size: 13px;
}

@keyframes item-peticion-effect {
  from {
    margin-top: -100px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}

.sinSeleccion {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.sinSeleccion img {
  width: 30%;
}

.textos {
  text-align: center;
  margin-top: 1rem;
}

.principal {
  color: #6f7271;
  font-weight: bold;
  font-size: 12px;
}

.secundario {
  color: #6f7271;
  font-size: 12px;
}

.textoSinSeleccion {
  margin-top: 20px;
  width: 100%;
}

/*-------- Fin content-lista-peticiones----------*/

/*-------- content-detalle-peticione----------*/

.titulo-pestana {
  text-align: left;
  font: normal normal bold 13px/16px Montserrat;
  letter-spacing: 0px;
  opacity: 1;
  color: var(--color-6);
  border: none !important;
  padding: 7px 30px;
  margin-right: 5px;
}

.titulo-pestana:hover {
  color: var(--color6) !important;
  opacity: 0.8;
  border: none !important;
  background-color: var(--color2) !important;
  border-radius: 5px;
}

.titulo-pestana.active {
  color: var(--color5) !important;
  background-color: var(--color3) !important;
  border: none !important;
  border-radius: 5px;
}

.content-detalle-peticion {
  min-height: 900px;
  max-height: 900px;
  height: 100% !important;
  border: 1px solid var(--color9);
  background-color: #ffffff;
  padding: 0px 10px;
  overflow: hidden;
  word-break: break-word;
}

.content-detalle-peticion > .header {
  min-height: 100px;
  border-bottom: 1px solid #bc955c;
  padding-bottom: 5px;
}

.content-detalle-peticion > .body {
  max-height: 730px;
  padding: 10px 0px;
  overflow-y: auto;
}

/*sinSeleccion*/
.principal {
  text-align: center;
  font: normal normal bold 18px/22px Montserrat;
  color: #6f7271;
  opacity: 1;
  margin-top: 20px;
}

.secundario {
  text-align: center;
  letter-spacing: 0px;
  color: #6f7271;
  opacity: 1;
}

.sinSeleccion {
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #dddddd;
}

.sinSeleccion img {
  width: 30%;
}

.sinArchivos {
  padding-left: 0.5rem;
  font-size: 12px;
  color: #6f7271;
  text-align: left;
  width: 100%;
  border-bottom: solid 0.5px #dddddd;
  margin-top: 0.5rem;
}

.totalBusqueda {
  background: #ffffff;
  border-radius: 50px;
  color: #6f7271;
  padding: 0.2rem 1rem;
  font-weight: bold;
}

.titulo-pestana {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.containerPeticion {
  position: relative;
}
.containerPeticion .printer {
  position: absolute !important;
  top: 0.7rem;
  right: 0.3rem;
  cursor: pointer;
}

/*-------- Fin content-detalle-peticione----------*/

/*---------------- Componente de asignaciones --------------*/
.item-asignacion {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.item-asignacion span {
  font-size: 12px;
}

.item-asignacion .icon {
  font-size: 12px;
  cursor: pointer;
}

.item-asignacion .icon:hover {
  opacity: 0.8;
}

/*---------------- Fin Componente de asignaciones --------------*/

.boton-adjuntar {
  min-height: 35px;
  background: #3498db 0% 0% no-repeat padding-box;
  border: 2px solid #3498db;
  border-radius: 2px;
  text-align: center;
  letter-spacing: 0px;
  color: #ffffff;
}

.modalBox-file {
  width: 99%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.25);
}

.modalBox-file.hide {
  animation: hide 0.25s;
  transform: scale(0);
  visibility: hidden;
}

@keyframes hide {
  from {
    z-index: 1;
    transform: scale(1);
    opacity: 1;
  }
  to {
    z-index: -1;
    transform: scale(0);
    opacity: 0;
  }
}

.modalBox-file.show {
  z-index: 2;
  opacity: 1;
  animation: show 0.25s;
  transform: scale(1);
  display: flex;
  justify-content: center;
  visibility: visible;
  align-items: center;
}
@keyframes show {
  from {
    transform: scale(0);
    opacity: 0;
    z-index: -1;
  }
  to {
    transform: scale(1);
    z-index: 100;
    opacity: 1;
  }
}

.modalContainer {
  background-color: white;
  border-radius: 20px;
  text-align: center;
  padding: 20px 15px;
}

.modalContainer .header {
  padding-top: 5px;
}

.modalContainer .header .modalTitle {
  padding-bottom: 0.2rem;
  border-bottom: 2px solid #bc955c;
  font-size: 18px;
  font-weight: bold;
}

.modalContainer .body {
  margin-bottom: 10px;
}

/*content file*/
.modalContainer .content-file {
  width: 100%;
  min-height: 100px;
  border: 2px dashed var(--color9);
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 10px;
}

.content-file > .titulo {
  font-size: 16px;
  color: var(--color9);
  font-weight: 700;
}

.content-file > .file-input-wrapper > input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}

.archivos {
  margin-bottom: 25px;
}

.archivos .titulo {
  font-size: 14px;
  color: var(--color6);
  font-weight: 700;
  text-align: left;
  margin-bottom: 2px;
}

.item-archivo {
  border-bottom: 1px solid var(--color9);
  padding: 0px 5px;
}

.item-archivo span {
  font-size: 12px;
}

.item-archivo .icon {
  font-size: 12px;
  cursor: pointer;
}

.item-archivo .icon:hover {
  opacity: 0.8;
}

/*ADMIN*/

.admin-content-principal {
  min-height: 800px;
  padding: 50px 10px 10px 10px;
}

.admin-content-principal h1 {
  border-bottom: 3px solid var(--color3);
}

.movil {
  display: none !important;
}

@media (max-width: 720px) {
  .desktop {
    display: none !important;
  }
  .movil {
    display: flex !important;
    flex-wrap: wrap;
  }

  .btn-sm_ {
    min-height: 20px !important;
    font-size: 11px;
  }

  /*-------- content-buscador----------*/
  .buscar-buttons {
    margin-top: 5px;
    justify-content: flex-end;
  }

  .buscar-buttons > button {
    margin-right: 5px;
  }
  /*--------Fin content-buscador----------*/

  /*-------- content-bandeja----------*/
  .content-bandeja.hide {
    height: 0px !important;
    min-height: 0px;
  }
  /*--------Fin content-bandeja----------*/
}

/*---------------- Estilo de modales SICODI --------------*/
.content-sicodi-modal {
  width: 100%;
  height: 100%;
  background-color: #00000082;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.card-sicodi-modal {
  background-color: white;
  border-radius: 10px;
  min-width: 100%;
  padding: 20px;
}

.card-sicodi-modal .titulo {
  color: #6f7271;
  font-size: 25px;
  padding-bottom: 5px;
  border-bottom: solid 2px #bc955c;
  font-family: "Montserrat";
}

.card-sicodi-modal .footer {
  border-top: 1px solid #edeced;
  padding-top: 10px;
  display: flex;
  justify-content: end;
}

.card-sicodi-modal p {
  font-size: 15px;
}

/*---------------- Fin Estilo de modales SICODI --------------*/

.ck.ck-content.ck-editor__editable.ck-rounded-corners {
  min-height: 300px !important;
}


/****/
.tabla-documentos {
  border: 2px solid var(--color9);
}

.tabla-documentos thead tr {
  background: var(--color8) 0% 0% no-repeat padding-box;
  border: 2px solid var(--color9);
  border-radius: 2px 2px 0px 0px;
}

.tabla-documentos th {
  text-align: left;
  letter-spacing: 0px;
  color: #6F7271;
  padding: 5px;
}

.tabla-documentos tr {
  border-bottom: 1px solid var(--color9);
}

.tabla-documentos td {
  padding: 7px;
  color: var(--color6);
  font-size: 14px;
}