.modal.fade .modal-dialog.modal-dialog-zoom {
    -webkit-transform: translate(0, 0) scale(0.5);
    transform: translate(0, 0) scale(0.5); 
    transition: transform 0.25s ease;
}

.modal.show .modal-dialog.modal-dialog-zoom {
    -webkit-transform: translate(0, 0) scale(1); 
    transform: translate(0, 0) scale(1);
}

#btnNoteClose {
    background-color: #57b441;
    border: 0px;
    outline: none !important;
    box-shadow: none !important;
}

    #btnNoteClose:focus, #btnNoteClose:hover, #btnNoteClose:active {
        background-color: #6dc758;
        border: 0px;
        outline: none !important;
        box-shadow: none !important;
    }

    #btnNoteClose::-moz-focus-inner {
        border: 0;
    }

    #btnNoteClose {
        -webkit-tap-highlight-color: transparent;
    }

        #btnNoteClose:active {
            font-weight: bold;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            -webkit-appearance: none;
        }


    #btnNoteClose:focus-visible {
        outline: none;
        box-shadow: none;
    }


@keyframes rotateIn {
    from {
        transform: rotate(360deg);
        opacity: 0;
    }

    to {
        transform: rotate(0deg); 
        opacity: 1;
    }
}

#noteIcon {
    font-size: 6em;
    color: #d6d7e3 !important;
    opacity: 0; 
    animation: rotateIn 0.25s ease-out forwards; 
}

#noteLabel {
    color:black;
    font-size: medium;
}