.tools-block .nav-links .nav-item{
    margin: 0 1rem 1rem 0;
}

.tools-block .nav-links .nav-item.active{
    color:#212529;
    text-decoration: underline;
}

.file-upl{
    border: 1px dashed #212529;
    position: relative;
    height: 1px;
    min-height: 10rem;
}

.file-upl .img-prw-block{
    margin:0.5rem;
    text-align: center;
}


.result{
    margin-top:1rem;
}

#img-prw{
    max-width: 80%;
    max-height: 5rem;
    border:1px solid #ced4da;
    background-color: #f8f9fa;
}



#img-inp{
    height: 100%;
    width:100%;
    position:absolute;
    z-index: 100;
    left:0;
    top:0;
    opacity:0;
    cursor: pointer;
}

#ctype{
    width:100%;
    max-width:12rem;
    margin-left: auto;
    height: auto;
}


textarea{
    resize: none;
}


#b64-result .error{
    font-size: 0.8rem;
    color: #d00;
}

#b64-result .res-img-prw{
    max-width:90%;
    max-height: 90%;
}

#b64-result .res-file-prw{
    width:95%;
    max-width:10rem;
    max-height: 10rem;
}

#b64-result .file-name{
    text-align: center;
    font-weight: bold;
    font-size: 0.8rem;
}