#notes_btn{
    position: fixed;
    height: 48px;
    width: 48px;
    left: 15px;
    bottom: 15px;
    background:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAjhJREFUeJztm71uE0EUhb8Zx1aAyLIjJCSoUhEqBBI1L0Bp8QSBJkVeBhpAPIBfgxpEDUVEgWQJEsmJIYRl51LQoVl7f2Z3srv3K2d2xucc3x3dXdmgKIrSY8ymC1Zvbz4Ul86cmD2LGzYhqjLGOuDYip3fePb9/dpLsyZkzmh1tvsSOAitr2He7IxPD81TfvsmbdaqjpgHOFgtd19kTXor4F/Zu7Wl0zaMSx/sPF9+/H/cWwHi0ln9kppFrPV68gbgBvKoXjnNI0O/J/8ZMJJ7taqJwZbs+4YzD8G+sOUdnbjPMjV3GtZSKyLmk2/cH8CYEzFSq6DGcZz4hnt/C2gAsQXERgOILSA2GkBsAbHRAGILiI2/E9yA+Wox5xvfpjWKjAW57Qqv0wooteq6IFerAGC73LJSAchUYNqNh6Xe3wIaQGwBsel9ANoH1KClVWgfUGaR9gEdQgOILSA2vQ8geh/g9tMg+5RFK6DUqqvQByTApcHkbP5k4Ffcuj7AJMDCYn4U+Aa23dnFZHTkmypXAZEwCZgvFv4UM/9zMrx768m3hW+6XWfAIqx5aFMACYXLfpN5aFMAl+HNQ4sCyHvaFzEPLQogFwXNQ5cCKGEeuhJASfPQhQAqmIesAIyN+4SSl4rmIbsCjstu2BgBzEPWj6VT5lU2rZ1A5iEjgOnj5QfEva66eS0ENA9rDsHxtfNDcK9CfEgwApuHHH+aOn03uT8wMsOxR8ynxwvMr2R0FNK8oihK7/kLomrRlRMc6sEAAAAASUVORK5CYII=');
    background-size: 48px;
}

#notes_window{
    display: none;
    position: fixed;
    bottom: 0px;
    left: 78px;
    z-index: 998;
    background: #fff;
    display: none;
    padding: 15px;
    border: 1px solid #eee;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
}

#notes_content{
    padding: 15px;
    overflow-y: scroll;
    overflow-x: auto;
    width: 500px;
    height: 350px;
    background: #fff;
    resize: both;
}

@media only screen and (max-width: 960px){
    
    #notes_content{
        width: 100%;
        max-width: 100%;
        height: 200px;
    }

}