body {
        overflow-x: hidden;
      }

    @keyframes fadeIn {
        to {
            visibility: visible;
            opacity: 1;
        }
    }

@keyframes fadeIn2 {
    to {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes fadeOut2 {
    to {
        visibility: hidden;
        opacity: 0;
    }
}

    .fadeInHtml {
      	animation: fadeIn2 2s ease-in-out forwards, fadeOut2 2s ease-in-out forwards 3s;
      	 /* puedes ajustar la duración según tus necesidades */
      	opacity: 0;
        visibility: hidden;

      }

  @keyframes fadeInLeftShorter {
      	from {
      		opacity: 0;
      		transform: translate(100px, 0);
      	}
      	to {
      		opacity: 1;
      		transform: none;
      	}
      }

  .fadeInLeftShorter {
    	animation-name: fadeInLeftShorter;
    	animation-duration: 1s; /* puedes ajustar la duración según tus necesidades */
        animation-timing-function: ease-in-out;
    }

      #sidebar-wrapper {
        min-height: 100vh;
        margin-left: -15rem;
        -webkit-transition: margin .25s ease-out;
        -moz-transition: margin .25s ease-out;
        -o-transition: margin .25s ease-out;
        transition: margin .25s ease-out;
      }
      
      #sidebar-wrapper .sidebar-heading {
        padding: 0.875rem 1.25rem;
        font-size: 1.2rem;
      }
      
      #sidebar-wrapper .list-group {
        width: 15rem;
      }
      
      #page-content-wrapper {
        min-width: 100vw;
      }
      
      #wrapper.toggled #sidebar-wrapper {
        margin-left: 0;
      }
      
      @media (min-width: 768px) {
        #sidebar-wrapper {
          margin-left: 0;
        }
      
        #page-content-wrapper {
          min-width: 0;
          width: 100%;
        }
      
        #wrapper.toggled #sidebar-wrapper {
          margin-left: -15rem;
        }
      }


     .textBox {  padding-top: 5px;
                  padding-right: 50px;
                  padding-bottom: 5px;
                  padding-left: 30px;
                  margin-top: 0;
}


.sidebar_item {color:var(--white);background-color: transparent; background-image:linear-gradient(45deg,#5489ff,#8e60ff);box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.4)}

.act_sidebar_item {position: relative;
          display: inline-block;
          padding: .8em;
          /* margin: .3em; */

          border: 1px solid transparent;
          border-radius: 3px;
          outline: none;
          font-family: 'Righteous';
          font-size: 13px;
          font-weight: normal;
          line-height: 1.15384615;
          text-align: center;
          text-decoration: none;
          cursor: pointer;}

.act_sidebar_item:hover{background-color: transparent; background-image:linear-gradient(45deg,#fa7720,#f6eb4d);
              color: rgb(0, 79, 250);
            }

.list-group-item-sidebar {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}
.bg-light-sidebar {
    font-family: 'Righteous';
    background-color: #f8f9fa;
    /*color: #6C757D;*/
    color: #677BFF;
}

.bg-light-sidebar:focus,
.bg-light-sidebar:hover{
    background-color: #677BFF;
    color: white;
}