body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }


    .step-content {
      display: none;
    }
    .step-content.active {
      display: block;
    }
    .progress-bar-success {
      background-color: #28a745;
    }

    .form-control[readonly] {
      pointer-events: none;
    }


	.invalido {
	    border-color: var(--bs-danger);
		border: solid 2px;
	    padding-right: calc(1.5em + 0.75rem);
	    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e) !important;
	    background-repeat: no-repeat;
	    background-position: right calc(0.375em + 0.1875rem) center;
	    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
	}

	.text-justify {

		text-align: justify !important;

	}



.toast {
  position: fixed;
  top: 50%; /* Remove this line */
  left: 50%; /* Remove this line */
  transform: translate(-50%, -50%); /* Remove this line */
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 15px;
  border-radius: 5px;
  z-index: 9999;
}




.smaller {

font-size: .75em;

}

  #preview {
    margin-bottom: 20px;
  }


	.azul {
	
/*		color: #094db1; */
		color: #00609c;	
	}


.dieresis-archivo {

            width: 250px; 
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
			display: block;			

        }

.dieresis-tipo {

            width: 250px; 
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
			display: block;
        }


.mensaje-info {
 
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-danger-text);
}



@media (max-width: 575.98px) {


.dieresis-archivo {

            width: 180px; 
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
			display: block;
        }


.dieresis-tipo {

            width: 180px; 
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
			display: block;
        }

}