.red-mark{font-size:16px;color: #ff0000;}

 .valid-notice {
    
    width: 100%;
    margin-top: .25rem;
    font-size: .75rem;
    color: #1abc9c;
}

.invalid-notice {
   
    width: 100%;
    margin-top: .25rem;
    font-size: .75rem;
    color:#ff0000;;
}



.valid-user {
    border-color: #1abc9c;
    padding-right: calc(1.5em + .9rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231abc9c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .225rem) center;
    background-size: calc(.75em + .45rem) calc(.75em + .45rem);
}


.preview{
    width: 75px;
    height: 75px;
    border: 1px solid black;
    margin: 0 auto;
    background: white;
}


.table-sm td {
  padding: 0.3rem; }