/*#content p{margin: 20px auto 0 auto;}*/

#files-button{position:fixed;right:2px;top:200px;display:none;}
#files-panel{
    display:none;
    position:fixed;
    width:200px;
    height:436px;
    top:300px;
    right:-202px;
    border:1px solid gray; 
    background-color:#eee;
    /*display:none;*/
    z-index:10000;
    transition: left 0.4s ease-in-out;
    opacity:0.6;
    }
#files-panel:hover{opacity:1;}
#files-panel-handle{
    display:inline-block;position:absolute;top:5px;left:-14px;border:0px solid gray;border-radius:10%;background-color:#f3f3f3;
    width:26px;height:26px;/*text-align:center;line-height:20px;font-size:22px;font-weight:700;cursor:pointer; color:red;*/
    transform-style: preserve-3d;
    background: -webkit-linear-gradient(0deg, gray 50%, #f3f3f3 50%);
    background: -moz-linear-gradient(top left, #7C88A2 50%, #112b51 50%);
    background: -ms-linear-gradient(top left, #7C88A2 50%, #112b51 50%);
    background: -o-linear-gradient(top left, #7C88A2 50%, #112b51 50%);
    background: linear-gradient(top left, #7C88A2 50%, #112b51 50%);
    }
#files-panel-handle>div{width:24px;height:24px;display:inline-block;position:absolute;top:1px;left:1px;border:0px solid gray;border-radius:10%;background-color:#f3f3f3;
                      text-align:left;line-height:22px;font-size:20px;font-weight:700;cursor:pointer; color:red;}
#files-panel #gallery img{max-height:84px;max-width:84px;margin:2px;}


#drop_file_zone {
    background-color: #EEE; 
    border: #999 0px dashed;
    font-size: 18px;
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    /*display:none;*/
}
#drag_upload_file {
  display:block;
  height: auto;
  padding:20px 0;
  margin:0px;
  font-size:0.7em;
  text-align: center;
  border: #999 3px dashed;
  max-height:80px;
}
#gallery {
  display:block;
  /*
  height: auto;
  min-height: 80px;*/
  border: #66ccff 3px dashed;
  height:350px;/* set this height in percentage to test resizing */
  overflow:auto;
}
#drag_upload_file #selectfile {
  display: none;
}

#edit-buttons{/*display:block;position:fixed;right:6px; top:815px;text-align:right;border-bottom:10px solid transparent;z-index:10000;*/
position: fixed;
    right: 6px;
    bottom: 55px;
    text-align: right;
    border: 1px solid #3baae6;
    z-index: 10000;
    background-color: #e2dedcba;
    padding: 5px;  
    }
@media screen and (min-width: 600px){
#edit-buttons{width: 403px;height: 25px;}
}
@media screen and (max-width: 600px){
#edit-buttons{}
#edit-buttons button{display:block;width:100%;}
#edit_page_advanced{display:none;}
}

#edit-buttons button{/*font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;*/
    font-size:14px;
    border: none;
    cursor: pointer;
    font-weight: 300;
    padding: 3px 10px;
    border: 1px solid #18b5dfbf;
    z-index: 1000000;
    background-color: #f7f7f7e3;
}
#edit-buttons:hover{background-color: #eee;}
#edit-buttons button:hover{border:1px solid #f9ec00;}


[contenteditable]:focus {
  outline: 2px dashed #ff000024;
}