.form-md{
    max-width: 800px;
    margin: 0 auto;
}
.form-sm{
    max-width: 600px;
    margin: 0 auto;
}
fieldset{
    border:1px solid #ccc;
    border-radius:5px;
    padding:1rem;
}

legend{
    width: auto !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    float:none;
    font-size:0.75rem;
}

.details span{
    font-weight: 800;
}

.form-group{
    margin-top:5px;
    margin-bottom: 10px;
}

.image-circle{
    border-radius: 50%;
}

.image-100{
    height:100px;
    width:100px;
}

.image-50{
    height:50px;
    width:50px;
}
.image-25{
    height:25px;
    width:25px;
}
.image-75{
    height:75px;
    width:75px;
}
/*body{
    background-image:url('/img/logo.png');
    background-size:contain;
    background-repeat: no-repeat;
    background-position:center;
    opacity: 0.95; 
    opacity: 0.98;
} */

#content{
    /* background-color: rgba(255, 255, 255, 0.4); */
    background-color: #ffffff;
    /* -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(7px); */
}

.modal-backdrop {position: relative;}

.bg-image {
    /* The image used */
    background-image: url('/img/logo.png');

    /* Add the blur effect */
    filter: blur(8px);
    -webkit-filter: blur(8px);

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }