.fframe{
    /*background-color: rgb(235, 235, 235);*/
    margin-top: 20px;
}
.fframe-tools{
    background-color: #caaa8e;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.fframe-workspace{
    background-color: white;
    background-image: linear-gradient( 45deg,rgb(214, 214, 214) 25%, transparent 25%, transparent 74%, rgb(214, 214, 214) 75%, rgb(214, 214, 214)), 
    linear-gradient( 45deg,rgb(214, 214, 214) 25%, transparent 25%, transparent 74%, rgb(214, 214, 214) 75%, rgb(214, 214, 214));
    background-size:16px 16px;
    background-position: 0 0, 8px 8px;
    height: 513px;
    width: 770px;
    text-align: center;
    justify-content: center;
    display: flex;
}
.fred-content{
    display: flex;
}
.fred-inform{
    padding-top: 3px;
    padding-left: 10px;
    font-size: 14px;
}
.canvas1{
    top: auto;
    left: auto;
    position: absolute;
    border: #60452F 1px solid;
}
.btnico{
    width: 20px;
}
.popup_format{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    z-index: 37;
    display: flex;
    justify-content: center;
    align-content: center;
    overflow: auto;
    
}
.popup_format_content{
    background-color: #f8ece3;
    width: 363px;
/*    height: 400px;*/
    position: absolute;
    top: 10%;
    padding: 20px;
    overflow: auto;
}
.format_button{
    margin-top: 20px;
    width: 200px;
    height: 35px;
}
.send_format{
    margin-top: 20px;
    width: 200px;
    height: 35px;
}