/*******Nuevos mensajes de error******/

 .new-message-box {
     margin: 15px 0;
     padding-left: 20px;
     margin-bottom: 25px !important;
 }

 .new-message-box p {
     font-size: 1.15em;
     font-weight: 600;
 }

 .info-tab {
     width: 40px;
     height: 40px;
     display: inline-block;
     position: relative;
     top: 8px;
 }

 .info-tab {
     float: left;
     margin-left: -23px;
 }

 .info-tab i::before {
     width: 24px;
     height: 24px;
     box-shadow: inset 12px 0 13px rgba(0, 0, 0, 0.5);
 }

 .info-tab i::after {
     width: 0;
     height: 0;
     border: 12px solid transparent;
     border-bottom-color: #ECF0F5;
     border-left-color: #ECF0F5;
     bottom: -18px;
 }

 .info-tab i::before,
 .info-tab i::after {
     content: "";
     display: inline-block;
     position: absolute;
     left: 0;
     bottom: -17px;
     transform: rotateX(60deg);
 }

 .note-box,
 .warning-box,
 .tip-box-success,
 .tip-box-danger,
 .tip-box-warning,
 .tip-box-info,
 .tip-box-alert {
     padding: 12px 8px 3px 26px;
 }


 /***Success****/

 .new-message-box-success {
     background: #eeeeee;
     padding: 3px;
     margin: 10px 0;
 }

 .tip-icon-success {
     background: #8BC34A;
 }

 .tip-box-success {
     color: #33691E;
     background: #DCEDC8;
 }

 .tip-icon-success::before {
     font-size: 25px;
     content: "\f00c";
     top: 8px;
     left: 11px;
     font-family: FontAwesome;
     position: absolute;
     color: white;
 }

 .tip-icon-success i::before {
     background: #8BC34A;
 }


 /*******Danger*******/
 .new-message-box-danger {
     background: #eeeeee;
     padding: 3px;
     margin: 10px 0;
 }

 .tip-icon-danger {
     background: #f44336;
 }

 .tip-box-danger {
     color: #b71c1c;
     background: #FFCCBC;
 }

 .tip-icon-danger::before {
     font-size: 25px;
     content: "\f00d";
     top: 8px;
     left: 11px;
     font-family: FontAwesome;
     position: absolute;
     color: white;
 }

 .tip-icon-danger i::before {
     background: #f44336;
 }

 /*******warning*******/
 .new-message-box-warning {
     background: #eeeeee;
     padding: 3px;
     margin: 10px 0;
 }

 .tip-icon-warning {
     background: #FFEB3B;
 }

 .tip-box-warning {
     color: #212121;
     background: #FFF9C4;
 }

 .tip-icon-warning::before {
     font-size: 25px;
     content: "\f071";
     top: 8px;
     left: 11px;
     font-family: FontAwesome;
     position: absolute;
     color: #212121;
 }

 .tip-icon-warning i::before {
     background: #FFEB3B;
 }

 /*******info*******/
 .new-message-box-info {
     background: #eeeeee;
     padding: 3px;
     margin: 10px 0;
 }

 .tip-box-info {
     color: #01579B;
     background: #B3E5FC;
 }

 .tip-icon-info {
     background: #03A9F4;
 }

 .tip-icon-info::before {
     font-size: 25px;
     content: "\f129";
     top: 8px;
     left: 11px;
     font-family: FontAwesome;
     position: absolute;
     color: white
 }

 .tip-icon-info i::before {
     background: #03A9F4;
 }


 /*******info*******/
 .new-message-box-alert {
     background: #FF6F00;
     padding: 3px;
     margin: 10px 0;
 }

 .tip-box-alert {
     color: #212121;
     background: #FFF8E1;
 }

 .tip-icon-alert {
     background: #FF6F00;
 }

 .tip-icon-alert::before {
     font-size: 25px;
     content: "\f06a";
     top: 8px;
     left: 11px;
     font-family: FontAwesome;
     position: absolute;
     color: white
 }

 .tip-icon-alert i::before {
     background: #FF6F00;
 }

 .auto-adjust {
     overflow-y: hidden;
     /* Oculta la barra de desplazamiento vertical */
     resize: none;
     /* Deshabilita el redimensionamiento del textarea */
     height: auto;
     /* Establece la altura automática basada en el contenido */
 }



 .scrollVertical {
     width: 103%;
     /* Asegura que no exceda el ancho del contenedor padre */
     max-height: 400px;
     padding: 0px 5px;
     overflow-y: auto;
     box-sizing: border-box;
     overflow-x: hidden;
     /* Oculta cualquier scroll horizontal no deseado */
 }


 /* Estilo del scrollbar (barra de desplazamiento) */
 .scrollVertical::-webkit-scrollbar {
     width: 10px;
     /* Ancho del scrollbar */
 }

 /* Fondo de la barra de desplazamiento */
 .scrollVertical::-webkit-scrollbar-track {
     background-color: #e0e0e0;
     /* Color de fondo */
     border-radius: 10px;
     /* Bordes redondeados */
 }

 /* Estilo del thumb (la parte movible del scrollbar) */
 .scrollVertical::-webkit-scrollbar-thumb {
     background-color: #888;
     /* Color del thumb */
     border-radius: 10px;
     /* Bordes redondeados */
     border: 2px solid #ddd;
     /* Espacio alrededor del thumb */
 }

 /* Estilo del thumb al pasar el cursor sobre él */
 .scrollVertical::-webkit-scrollbar-thumb:hover {
     background-color: #555;
     /* Color del thumb al pasar el cursor */
 }