:root, [data-bs-theme="light"] {
--theme-gr1-0: #ffffff;
--theme-gr1-1: #ffffff;
--body-color-sw: #222121;
}

[data-bs-theme="light"] {
--theme-gr1-0: #ffffff;
--theme-gr1-1: #ffffff;
--theme-gr2-0: #ffffff;
--theme-gr2-1: #ffffff;
--theme-gr3-0: #ffffff;
--theme-gr3-1: #ffffff;
--theme-gr4-0: #ffffff;
--theme-gr4-1: #ffffff;
--gr-icon: #2d2828;
--gr-txt: #2d2828;
--theme-list-rev:#f7f3f3;
--theme-list-rev-hover:#bbb8b8;
 --bs-calendar-caja:#fff;
 --bck-drop-menu-calendar:#fff;
 --body-color-sw: #222121;
}

[data-bs-theme="dark"] {
 --theme-gr1-0: #01E4F8;
 --theme-gr1-1: #1D3EDE;
 --theme-gr2-0: #B4EC51;
 --theme-gr2-1: #429321;
 --theme-gr3-0: #C86DD7;
 --theme-gr3-1: #3023AE;
 --theme-gr4-0: #ba005f;
 --theme-gr4-1: #591035;
 --gr-icon: #ffffff;
 --gr-txt: #ffffff;
 --theme-list-rev:#222121;
 --theme-list-rev-hover:#393838;
 --bck-drop-menu-calendar:#2b2a33;
 --body-color-sw: #222121;
 --accent-color:#11c1b1;
}

.sa-revision{
 margin:10px;
}

.text_minium{
 font-size: 0.8rem;
}
.center-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.inline-block {
    text-align: center;
}
.volver_atras{ display: none;}

.avatar-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mt-20{
 margin-top:20px;
}

.table tr .links {
    display: none;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.8s ease-in-out; /* Añade la transición para el efecto fade */

}

table.dataTable thead th, table.dataTable tfoot th {
  font-size: 12px !important;
}
.disabled {
    pointer-events: none;  /* Deshabilita los eventos de clic */
    opacity: 0.5;  /* Cambia la opacidad para indicar que está deshabilitado */
}

.table tr:hover .links {
    display: inline-block;
    opacity: 1; /* Cambia la opacidad para el efecto fade */
    padding-left:5px; 
}

.w-150{
 width: 150px;
}
.w-100{
 width: 100px;
}
.w-40{
 width: 40px;
}
.w-20{
  width: 20px;
}

.comment-column {
        width: 200px; /* Ajusta el ancho según tus necesidades */
        white-space: normal !important;
        word-wrap: break-word;
    }

.breadcrumbc {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: .5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.logo-ingreso {
  max-width: 100%; /* Hace que la imagen sea responsive, ajustándose al contenedor */
  height: auto; /* Mantiene la proporción de la imagen al cambiar el ancho */
}

.logo-admin {
  max-width: 120px; /* Hace que la imagen sea responsive, ajustándose al contenedor */
  height: auto; /* Mantiene la proporción de la imagen al cambiar el ancho */
}

.auth-header {
  display: flex; /* Esto asegura que el contenido de .auth-header se maneje con Flexbox */
  justify-content: center; /* Centra los elementos hijos horizontalmente */
  align-items: center; /* Centra los elementos hijos verticalmente */
}
.brand-icon {
  flex: 0 1 auto; /* Esto permite que .brand-icon se adapte pero mantenga su contenido */
}

.masked {
  margin: 10px auto;
  display: block;
  max-width: 100%;
  height: 450px;
  mask-image: url(../images/mascara.png);
  mask-position: center center, bottom right;
  mask-repeat: no-repeat, no-repeat;

}

.add {
  mask-composite: add;
}

video {
  width: 100%;
}

.caja_video{
    width: 100%;
    position:relative;
    top: 0;
    bottom:20px;

}
/*-----Testimonial-------*/
.testim {
		width: 50%;
		position: absolute;
		top: 90%;
		-webkit-transform: translatey(-50%);
		-moz-transform: translatey(-50%);
		-ms-transform: translatey(-50%);
		-o-transform: translatey(-50%);
		transform: translatey(-50%);
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 30px 10px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #ba005f;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
		cursor: pointer;
}

.testim .arrow:hover {
    color: #ea830e;
}
    

.testim .arrow.left {
    left: 10px;
}

.testim .arrow.right {
    right: 10px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
		height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #ba005f;
    border-color: #ba005f;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
		overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #ea830e;
    font-size: 1em;
    margin: 15px 0;
}

.testim .cont div p {
    font-size: clamp(0.5em, 0.8em, 1em);
    color: #ba005f;
    width: 80%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}


.position-relative {
    position: relative;
}

.edit-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
}

.edit-icon i {
    font-size: 16px; /* Ajusta el tamaño del icono según sea necesario */
}

/* General styles for video and aside */
aside.auth-aside {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.caja_video {
    width: 100%;
    max-width: 800px; /* Limitar el ancho máximo del video */
    margin-bottom: 20px;
}

video {
    width: 100%;
    height: auto;
    border-radius: 10px; /* Opcional: agregar bordes redondeados */
}

/* Responsive styles */
@media all and (max-width: 1360px) {
    aside.auth-aside {
        padding: 10px;
    }
}

@media all and (max-width: 768px) {
    aside.auth-aside {
        padding: 5px;
    }

    .caja_video {
        max-width: 100%; /* Video ocupa todo el ancho disponible */
    }
    .logo-ingreso {
      max-width: 80%;

   }
   .btn-sm{
    font-size:0.8rem !important;
   }
}

.testim {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.testim .cont {
    padding: 20px;
}

.testim .arrow {
    display: none; /* Ocultar flechas en pantallas pequeñas */
}

.testim .dots {
    display: flex;
    justify-content: center;
    padding-top: 10px;
}

.testim .dot {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #ddd;
    border-radius: 50%;
    cursor: pointer;
}

.testim .dot.active {
    background-color: #333;
}


@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

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

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

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

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

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

@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	
	.testim .cont div p {
		line-height: 25px;
	}
  
.ps-5 {
  padding-left: 0 !important;
}
.wd-80{
  width: 100% !important;
}

}

.btn_nuevo_documento{
  display: flex;
  justify-content: end;
  align-items: center;
  margin: 0;
  padding: 0;
}

.btn_informacion{
  display: flex;
  justify-content: end;
  align-items: center;
  margin: 0;
  padding: 0;
}

.card_inner {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: .5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: .5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: .75rem;
  color: var(--bs-body-color);
  word-wrap: break-word;
}
.card_menu{
  text-align: right;
  width: 96%;
  position: absolute;
  z-index: 10;
}
    
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

@media all and (max-width: 1360px) {
    .flex-column .carpeta {
         gap: 3em !important; /* Espacio entre los elementos hijos usando unidades relativas */
     }
     .caja_video {
     width: 60%;
     }
}
 
 .flex-column .carpeta {
    display: flex; /* Establece el contenedor como un flex container */
    flex-direction: row; /* Alinea los hijos en una fila */
    align-items: center; /* Centra los elementos hijos verticalmente */
    gap: 150px; /* Espacio entre los elementos hijos */
    width: 100%;
    height: 20%;
}

.flex-column-adm {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-column-adm .carpeta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10%;
  width: 100%;
  height: 20%;
}

 .flex-column .archivo_recurso {
    display: flex; /* Establece el contenedor como un flex container */
    flex-direction: row; /* Alinea los hijos en una fila */
    align-items: center; /* Centra los elementos hijos verticalmente */
    gap: 10px; /* Espacio entre los elementos hijos */
    width: 100%;
    height: 70%;
}

 .flex-column .archivo {
    display: flex; /* Establece el contenedor como un flex container */
    flex-direction: row; /* Alinea los hijos en una fila */
    align-items: center; /* Centra los elementos hijos verticalmente */
    gap: 10px; /* Espacio entre los elementos hijos */
    width: 100%;
    height: 70%;
}
 .flex-column .card-footer {
   margin-top:0 !important;
}
.ml-20{
  margin-left: 20px;
}
.mr-10{
  margin-right: 10px !important;
}
.seleccion{
  border-color: #0068b5 !important;
  }
  
.bi {
  display: inline-block;
  vertical-align: -.125em;
  fill: currentcolor;
}

.dropdown .dropdown-toggle i {
  width: 40px;
  height: 40px;
  background: var(--bs-border-color);
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin-right: 10px;
  border-radius: 8px;
}

.card-menus {
  position: absolute;
  display: contents;
  min-width: 0;
  width: auto; /* Asegúrate de que el ancho se ajuste al contenido o especifica un ancho */
  
}

.card-menus .card-action > a {
  color: var(--bs-gray-400);
  width: 28px;
  height: 28px;
  display: inline-flex;
  text-align: left;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.d-inline-flex {
  position:relative;
}
.mt-10{
  margin-top:10px !important;
}

#drop-area {
  border: 1px dashed #81bce7;
  border-radius: 10px;
  margin: 50px auto;
  padding: 20px;
  display: none;
 }
#drop-area h3 {
  text-align: center;
  margin: 10px 0;
}
#drop-area label {
  color: var(--accent-color);
  padding: 10px;
  display: block;
  text-align: center;
  cursor: pointer;
  font-size: 24px;
}
.responsive-center {
  display: block; /* Replace inline nature of img with block to allow margin auto to work */
  max-width: 100%; /* Max width to be 100% of the containing element */
  height: auto; /* Keep aspect ratio */
  margin: 0 auto; /* Auto margins for centering in the block direction */
}

.fixed-width-text {
  max-width: 200px; /* Ajusta este valor según tus necesidades */
  overflow-wrap: break-word;
}
.subtitle{
  font-size: 10px;
  width: 100%;
  display: block;
  padding-top: 10px;

}

.lightui1{
padding: 20px;
background: var(--bs-back-sk);
width: 100%;
}

.lightui1-shimmer {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: var(-bs-back-sk);
  background-image: linear-gradient(to right, var(--bs-to-right) 0%, var(--bs-to-right1) 20%, var(--bs-to-right2) 40%, var(--bs-to-right3) 100%);
  background-repeat: no-repeat;
  background-size: 800px 104px;
  height: 104px;
  position: relative
}

.lightui1-shimmer div {
  background: var(--bs-back-shm);
  height: 6px;
  left: 0;
  position: absolute;
  right: 0
}

div._2iwr {
  height: 40px;
  left: 40px;
  right: auto;
  top: 0;
  width: 8px;
}

div._2iws {
  height: 8px;
  left: 48px;
  top: 0
}

div._2iwt {
  left: 136px;
  top: 8px
}

div._2iwu {
  height: 12px;
  left: 48px;
  top: 14px
}

div._2iwv {
  left: 100px;
  top: 26px
}

div._2iww {
  height: 10px;
  left: 48px;
  top: 32px
}

div._2iwx {
  height: 20px;
  top: 40px
}

div._2iwy {
  left: 410px;
  top: 60px
}

div._2iwz {
  height: 13px;
  top: 66px
}

div._2iw- {
  left: 440px;
  top: 79px
}

div._2iw_ {
  height: 13px;
  top: 85px
}

div._2ix0 {
  left: 178px;
  top: 98px
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }
  100% {
    background-position: 468px 0
  }
}

@-webkit-keyframes prideShimmer {
  from {
    background-position: top left
  }
  to {
    background-position: top right
  }
}
._4-u5 {
  background-color: #ffffff
}

._4-u7 {
  background-color: #ffffff
}

._57d8 {
  background-color: #ffffff
}

._4-u8 {
  background-color: #ffffff
}

.card .card-subheader {
  background-color: var(--bs-gray-low);
  display: block ruby;
  justify-content: space-between;
  align-items: center;
  border-radius: 15px;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.ml-10{
  margin-right: 10px !important;
  margin-left: 5px;
}

#title_folder{
  padding: 10px;
  margin-bottom: 30px;
}

.border-dimension5 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.wd-80{
  width: 80%;
}
.progress-bar {
    transition: width 3s ease;
}


.flex-container {
  display: flex;
  flex-direction: row; /* Asegúrate de que es row, no column, ya que quieres los elementos en línea horizontal */
  width: 100%; /* Asegúrate de que el contenedor padre ocupa el ancho completo */
}

.archivo {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%; /* Ocupa todo el ancho del contenedor padre */
  gap: 10px; /* Ajusta el espacio entre los elementos internos */
}

.archivo i {
  flex: 0 0 10%; /* No crece, no se encoge, ocupa el 10% del contenedor padre */
}

.archivo .fixed-width-text {
  flex: 0 0 65%; /* No crece, no se encoge, ocupa el 80% del contenedor padre */
  max-width: 100%; /* Asegúrate de que el texto no exceda su contenedor */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* Añade elipsis si el texto es demasiado largo */
}

.archivo_recurso {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; /* Ocupa todo el ancho del contenedor padre */
  gap: 10px; /* Ajusta el espacio entre los elementos internos */
  
}

.vista_filas{
  flex: 0 0 calc(20% + 20px);
  max-width: calc(40% - 10px);
  margin: 5px; /* Margen entre los elementos */
}

.d-flex-wrap {
  flex-wrap: wrap;
}
.archivo_recurso i {
  flex: 0 0 10%; /* No crece, no se encoge, ocupa el 10% del contenedor padre */
}

.archivo_recurso .fixed-width-text {
  flex: 0 0 65%; /* No crece, no se encoge, ocupa el 80% del contenedor padre */
  max-width: 100%; /* Asegúrate de que el texto no exceda su contenedor */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* Añade elipsis si el texto es demasiado largo */
}

.archivo button {
  flex: 0 0 20%; /* No crece, no se encoge, ocupa el 10% del contenedor padre */
}

.menu-list > li > a.active {
  background: var(--accent-color);
  color:  rgba(var(--bs-emphasis-color-rgb), 1);
}

.calendar-user{
  height: 250px;
}
.ml40p{
  margin-left: 20%;
}
.toastui-calendar-template-monthDayName{
  text-align: center;
  font-weight: 800;
}

/* Base del Calendario */
.tui-calendar {
    background-color: #333;
    color: #fff;
}

[data-bs-theme="dark"] {
  --reverse-color-white: 0, 0, 0;
  --reverse-color-black: 255, 255, 255;
  --body-color: #222121;
  --bs-body-bgs: #353434;
  --reverse-color: #f9f9f9;
  --bs-border-color: #212024;
  --bs-color: #ffffff;
  --bs-color1: #ddd;
  --bs-color2: #555;
  --bs-calendar-caja:#262626;
  --bs-calendar-caja-menu:#8c2459;
  
}
/* Estilos globales para el tema oscuro */
html[data-bs-theme="dark"] {
    /* Estilos de fondo y texto general para el tema oscuro */
    background-color: color: var(--body-color);
    color: var(--bs-color);
}

/* Estilos específicos para el calendario Toast UI en tema oscuro */
.tui-calendar {
    background-color: #333; /* Fondo más oscuro para el calendario */
    color: #ccc; /* Texto más claro para el calendario */
}

.tui-calendar .tui-full-calendar-weekday-grid-line {
    background-color: #444; /* Fondo oscuro para la cabecera de días */
}

.tui-calendar .tui-full-calendar-weekday-grid-date {
    color: var(--bs-color); /* Color del texto para los nombres de los días */
}

.tui-calendar .tui-full-calendar-daygrid-day {
    background-color: var(--bs-color2); /* Fondo de cada celda de día */
}

.tui-calendar .tui-full-calendar-daygrid-day-number {
    color: var(--bs-color1); /* Color de los números del día */
}

.toastui-calendar-layout.toastui-calendar-month {
  background-color: var(--body-color) !important;
}
.toastui-calendar-template-monthDayName{
  color: var(--bs-color) !important;
}

.toastui-calendar-grid-cell-date {
   color: var(--bs-color) !important;
}
.toastui-calendar-daygrid-cell {
  background-color: var(--bs-body-bgs) !important;
}
/* Asegúrate de ajustar otros elementos según sea necesario */

.toastui-calendar-weekday-event-dot + .toastui-calendar-weekday-event-title {
  color: #7b0707;
  background-color: #135de6;
  border-radius: 5px;
  border: 2px #070e33;
}

.tui-full-calendar-popup-container {
  background-color: var(--bs-calendar-caja) !important;
  border: 2px solid #d5d5d5;
  border-radius: 10px;
  box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2);
  min-width: 301px;

  
}
.toastui-calendar-detail-container .toastui-calendar-icon {
  color: var(--bs-color) !important;
}
.tui-full-calendar-button.tui-full-calendar-popup-close {
    background-color: var(--bs-calendar-caja);
}
.tui-full-calendar-popup-section-item.tui-full-calendar-section-location input {
  width: 80%;
}
.tui-full-calendar-popup-section-item.tui-full-calendar-section-title input {
  width: 80%;
}
.tui-full-calendar-popup-section {
  font-size: 0;
  min-height: 40px;
}
.tui-full-calendar-dropdown {
  position: relative;
}
.tui-full-calendar-section-calendar {
  width: 176px;
}

.tui-full-calendar-button {
  background: var(--bs-calendar-caja);
}

.tui-full-calendar-dropdown-button.tui-full-calendar-popup-section-item {
  width: 100%;
}

.tui-full-calendar-dropdown-menu {
  background-color: var(--bs-calendar-caja-menu);
  border: 2px solid var(--bs-color);
  border-radius: 0 0 15px 15px;
  }
.render-range{
  padding-left: 30px;
  font-size: 20px;
  color:  var(--bs-calendar-caja);
}
.swal2-popup{
 background-color: var(--body-color-sw);
}

.gr-1 {
  background: linear-gradient(170deg, var(--theme-gr1-0) 0%, var(--theme-gr1-1) 100%);
}

.gr-2 {
  background: linear-gradient(170deg, var(--theme-gr2-0) 0%, var(--theme-gr2-1) 100%);
}

.gr-3 {
  background: linear-gradient(170deg, var(--theme-gr3-0) 0%, var(--theme-gr3-1) 100%);
}

.gr-4 {
  background: linear-gradient(170deg, var(--theme-gr4-0) 0%, var(--theme-gr4-1) 100%);
}

.hx-100 {
  height: 100vh !important;
}

.align-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.border-style {
  margin-top: 3rem;
  padding-left: 3rem;
}
.border-style:hover {
  padding-left: 0;
  transition: 0.5s;
}

@media print {
  body * {
    visibility:visible;
  }
}  
.swal2-title{
 color:#fff !important;
 }


 .custom-swal-title {
     color:#fff !important;
 } 
.swal2-title h2{
 color:#fff !important;
 }   
  
.bg_danger {
  background: var(--accent-color) !important;
}
.bg_danger {
  --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-danger), var(--bs-bg-opacity)) !important;
}


.border-style:hover i {
    padding-left: 3rem;
    transform: translateX(10px);
    transition: 0.5s;
}

.border-style {
  min-height: 170px;
  margin: 0;
  padding: 1.7rem 1.2rem;
  box-shadow: 0 0 21px rgba(0, 0, 0, 0.27);
}
.border-style .txt {
  margin-left: -3rem;
  z-index: 1;
}
.border-style .txt h1 {
  font-size: 1.5rem;
  font-weight: 300;
  opacity: 0.2;
  text-transform: uppercase;
}
.border-style .txt p {
  font-size: 0.7rem;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0rem;
  margin-top: 33px;
  opacity: 0;
  color: white;
}
.border-style a {
  z-index: 3;
  font-size: 0.7rem;
  color: black;
  margin-left: 1rem;
  position: relative;
  bottom: -0.5rem;
  text-transform: uppercase;
}
.border-style a:after {
  content: "";
  display: inline-block;
  height: 0.5em;
  width: 0;
  margin-right: -100%;
  margin-left: 10px;
  border-top: 1px solid white;
  transition: 0.5s;
}
.border-style .ico-card {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.border-style i {
  position: relative;
  right: -50%;
  font-size: 12rem;
  line-height: 0;
  opacity: 0.2;
  color: var(--gr-icon);
  z-index: 0;
}

.border-style span {
  position: relative;
  right: -60%;
  top: 60%;
  font-size: 3rem;
  line-height: 0;
  color: var(--gr-txt);
  z-index: 0;
}

.menu-list > li > a.active span {
   color: #fff;
}
.menu-list > li > a.active svg {
   color: #fff;
}
.card-body-title {
  padding: 0 !important;
}

[data-bvite="theme-CeruleanBlue"] {
  --theme-color7: #fff;
 }
 
 .cards-users {
  background: var(--theme-list-rev) !important;
  margin-bottom: 10px;
}

.cards-users:hover {
   padding-left: 3rem;
   transform: translateX(10px);
   transition: 0.5s;
   box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
   background: var(--theme-list-rev-hover) !important;
}

.mb-1-5 {
  margin-bottom: 1.5rem !important;
}
#title_folder a{
  display: inline-block;
}

[class*=" ti-"], [class^="ti-"] {
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.
.ti-folder::before {
  content: "";
}
.inline_block{
 display: inline-block;
}

.dataTables_wrapper .dataTables_filter {
 color: white !important;
 padding-right: 10px;
}
.btn-icon{
 font-size:2rem;
 font-weight: 800;
}
.opciones_archivos{
 display: none;
}
.ds-none{
 display:none !important;
}
.border-danger-archivo {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
  background-color: #683c3c;
}

.border-danger-archivo h6{
  color:#fff  !important;
  font-weight: 800;
}
.border-danger-archivo i{
  color:#fff  !important;
  font-weight: 800;
}
.fs-08 {
  font-size: 0.8rem !important;
}
.breadcrumbc-item + .breadcrumbc-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumbc-item + .breadcrumbc-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
#btn_carga_archivo{
 display: none;
}
.input-error {
    border-color: #dc3545; /* Color rojo para indicar error */
}
div.dataTables_wrapper {
  padding: 10px;
}
.fit-image{
 max-width: 200px;
 padding-left: 10px;
}

.tui-full-calendar-popup {
  position: absolute;
  font-weight: 2.5;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
  clear: both;
}
.tui-full-calendar-popup-container {
  min-width: 474px;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
  background-color: #fff;
  border: solid 1px #fff;
  padding: 17px;
  border-radius: 2px;
}
.tui-full-calendar-popup-section {
  font-size: 0;
  min-height: 40px;
}
.tui-full-calendar-section-calendar {
  width: 176px;
}
.tui-full-calendar-section-calendar.tui-full-calendar-hide {
  height: 21px;
  visibility: hidden;
}
.tui-full-calendar-section-title {
  width: calc(100% - 36px);
  padding-right: 4px;
}
.tui-full-calendar-section-title input {
  width: 365px;
}
.tui-full-calendar-button.tui-full-calendar-section-private {
  height: 32px;
  padding: 8px;
  font-size: 0;
  margin-left: 4px;
}
.tui-full-calendar-section-private.tui-full-calendar-public .tui-full-calendar-ic-private {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKdJREFUKBVjYCATMKLri46Olvn9+3fX////HUByjIyMB1hZWcuWLl36BFktikaQpl+/fl0EKhBCVgRkv2NjY9NH1syErABkE1TTdqBCWRAG8reDxKBycOUoGmHOA2pIA5kOwiA2SDVMDq4TmREaGvofhJHFcLHhfgwLC9sKNNULl0KQODCgtq1atcobxIY7lZAmkGJkNXCNIAlSwIjSCApqIgJnK0wNALoOPwSpOcq0AAAAAElFTkSuQmCC) no-repeat;
}
.tui-full-calendar-section-start-date,
.tui-full-calendar-section-end-date {
  width: 176px;
}
.tui-full-calendar-section-start-date input,
.tui-full-calendar-section-end-date input {
  width: 139px;
}
.tui-full-calendar-section-start-date:hover .tui-full-calendar-popup-section-item,
.tui-full-calendar-section-end-date:hover .tui-full-calendar-popup-section-item,
.tui-full-calendar-section-start-date:focus .tui-full-calendar-popup-section-item,
.tui-full-calendar-section-end-date:focus .tui-full-calendar-popup-section-item,
.tui-full-calendar-section-start-date:hover .tui-datepicker,
.tui-full-calendar-section-end-date:hover .tui-datepicker,
.tui-full-calendar-section-start-date:focus .tui-datepicker,
.tui-full-calendar-section-end-date:focus .tui-datepicker {
  border-color: #bbb;
}
.tui-full-calendar-popup-section-item:focus {
  border-color: #000;
}
.tui-full-calendar-section-date-dash {
  font-size: 12px;
  color: #d5d5d5;
  height: 32px;
  padding: 0 4px;
  vertical-align: middle;
}
.tui-full-calendar-popup-section-item.tui-full-calendar-section-allday {
  border: none;
  padding: 0 0 0 8px;
  cursor: pointer;
}
.tui-full-calendar-popup-section-item.tui-full-calendar-section-location {
  display: block;
}
.tui-full-calendar-popup-section-item.tui-full-calendar-section-location input {
  width: 400px;
}
.tui-full-calendar-section-allday .tui-full-calendar-icon.tui-full-calendar-ic-checkbox {
  margin: 0;
}
.tui-full-calendar-popup-section-item.tui-full-calendar-section-allday .tui-full-calendar-content {
  padding-left: 4px;
}
.tui-full-calendar-section-state {
  width: 157px;
}
.tui-full-calendar-section-state .tui-full-calendar-content {
  width: 78px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tui-full-calendar-popup-section-item {
  height: 32px;
  padding: 0 9px 0 2px;
  border: 1px solid #d5d5d5;
  display: inline-block;
  font-size: 0;
  border-radius: 2px;
}
.tui-full-calendar-popup-section-item:hover {
  border-color: #bbb;
}
.tui-full-calendar-popup-section-item:focus {
  border-color: #bbb;
}
.tui-full-calendar-popup-section-item .tui-full-calendar-icon {
  position: relative;
}
.tui-full-calendar-popup-section-item .tui-full-calendar-content {
  text-align: left;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  position: relative;
  padding-left: 8px;
}
.tui-full-calendar-section-calendar .tui-full-calendar-dropdown-button .tui-full-calendar-content {
  width: 125px;
  text-overflow: ellipsis;
  overflow: hidden;
  top: -1px;
}
.tui-full-calendar-popup-section-item input {
  border: none;
  height: 30px;
  outline: none;
  display: inline-block;
}
.tui-full-calendar-popup-section-item input::placeholder {
  color: #bbb;
  font-weight: 300;
}
.tui-full-calendar-dropdown {
  position: relative;
}
.tui-full-calendar-dropdown:hover .tui-full-calendar-dropdown-button {
  border: 1px solid #bbb;
}
.tui-full-calendar-dropdown-button.tui-full-calendar-popup-section-item {
  height: 32px;
  font-size: 0;
  top: -1px;
}
.tui-full-calendar-dropdown-arrow {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAHlJREFUKBVjYBgFOEOAEVkmPDxc89+/f6eAYjzI4kD2FyYmJrOVK1deh4kzwRggGiQBVJCELAZig8SQNYHEmEEEMrh69eo1HR0dfqCYJUickZGxf9WqVf3IakBsFBthklpaWmVA9mEQhrJhUoTp0NBQCRAmrHL4qgAAuu4cWZOZIGsAAAAASUVORK5CYII=) no-repeat;
}
.dropdown.open .tui-full-calendar-dropdown-arrow,
.tui-full-calendar-open .tui-full-calendar-dropdown-arrow {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAIFJREFUKBVjYBj+gBmXF2NiYiTV1dV5rl279gWbGiZsgg0NDSw/f/5cCZRbBWJjU4PVRjExsR6g4nAgln/z5g3v1atXd6JrxtAYHh4e+v///z4khZa6urrXgJqvIYkxMCJzgJo0//37dwooxoMsDmR/YWJiMlu5cuV1NPFRLrYQAADMVCaUtbG7XwAAAABJRU5ErkJggg==) no-repeat;
}
.tui-full-calendar-dropdown-menu {
  position: absolute;
  top: 31px;
  padding: 4px 0;
  background-color: var(--bck-drop-menu-calendar);
  border: 1px solid #d5d5d5;
  border-top: none;
  border-radius: 0 0 2px 2px;
  width: 100%;
  display: none;
}
.tui-full-calendar-dropdown:hover .tui-full-calendar-dropdown-menu {
  border: 1px solid #bbb;
  border-top: none;
}
.tui-full-calendar-open .tui-full-calendar-dropdown-menu {
  display: block;
}
.tui-full-calendar-dropdown-menu-item {
  height: 30px;
  border: none;
  cursor: pointer;
}
.tui-full-calendar-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}
.tui-full-calendar-popup-section-item .tui-full-calendar-content {
  text-align: left;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  position: relative;
  padding-left: 8px;
}
.tui-full-calendar-section-title {
  width: calc(100% - 36px);
  padding-right: 4px;
}
.tui-full-calendar-section-title input {
  width: 365px;
}
.tui-full-calendar-button.tui-full-calendar-section-private {
  height: 32px;
  padding: 8px;
  font-size: 0;
  margin-left: 4px;
}
.tui-full-calendar-section-private.tui-full-calendar-public .tui-full-calendar-ic-private {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKdJREFUKBVjYCATMKLri46Olvn9+3fX////HUByjIyMB1hZWcuWLl36BFktikaQpl+/fl0EKhBCVgRkv2NjY9NH1syErABkE1TTdqBCWRAG8reDxKBycOUoGmHOA2pIA5kOwiA2SDVMDq4TmREaGvofhJHFcLHhfgwLC9sKNNULl0KQODCgtq1atcobxIY7lZAmkGJkNXCNIAlSwIjSCApqIgJnK0wNALoOPwSpOcq0AAAAAElFTkSuQmCC) no-repeat;
}
.tui-full-calendar-section-start-date,
.tui-full-calendar-section-end-date {
  width: 156px;
}
.tui-full-calendar-section-start-date input,
.tui-full-calendar-section-end-date input {
  width: 129px;
}
.tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-fill {
  border-top: 7px solid #ba005f;
}
.tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-fill {
  border-bottom: 7px solid #ba005f;
}
.tui-full-calendar-confirm{
 background: #0068b5;
}

.select2-container--default .select2-selection--multiple {
  background-color:inherit !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #505050;
  border: 1px solid #aaa;
  }
.select2-container {
  min-width: 100%;
}

.select2-results__option::span {
 color:#000;
}
 
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #966;
} 

.select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
}
.select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 2px solid #ba005g;
  border-radius: 4px;
  background-color: #ba005f;
  margin-right: 20px;
  vertical-align: middle;
}
.select2-results__option[aria-selected=true]:before {
  font-family:fontAwesome;
  content: "\f00c";
  border: 0;
  display: inline-block;
  padding-left: 3px;
}
.js-select2 .input-error {
  border-color: #dc3545;
}
.select2-container--default .select2-results__option[aria-selected=true] {
/*/	background-color: #fff;*/
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #6A6A75;
	color: #dfd6d6;
}
.select2-container--default .select2-results__option {
  background-color: #42424a;
  color: #fff;
}
.select2-container--default .select2-selection--multiple {
	margin-bottom: 10px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-radius: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #4a8bbb;
	border-width: 2px;
}
.select2-container--default .select2-selection--multiple {
	border-width: 2px;
}
.select2-container--open .select2-dropdown--below {
	
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);

}
.select2-selection .select2-selection--multiple:after {
	content: 'Seleccion';
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
	display: none;
}
.select-icon .placeholder {
	display: none;
}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
	display: none !important;
	/* content: "" !important; */
}
.select-icon  .select2-search--dropdown {
	display: none;
}
/* ------css  close-------*/