.modal {display: none;width:300px;height: 100%;margin: 0 auto;}.modal-content {margin: auto;padding: 20px;border: 1px solid #888;width: 80%;}.close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}.close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;}#drop_file_zone {background-color: #EEE;border: #999 5px dashed;width: 270px;height: 200px;padding: 8px;font-size: 18px;margin: 0 auto;}#drag_upload_file {width: 50%;margin: 0 auto;}#drag_upload_file p {text-align: center;}#drag_upload_file #selectfile {display: none;}.topbar {width: 100%;margin: 0 auto;padding-left: 50px;padding-top: 3px;overflow: auto;height:auto;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);}@media (max-width: 1000px) {.topbar {height: auto;padding-top: 40px;padding-left: 0;}}.icons {width: 60px;padding: 10px;border-radius: 9px;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);}.icons:hover {padding: 3px;border-radius: 9px;}@media (max-width: 1000px) {.icons {width: 60px;}}.adminnav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;overflow-x: hidden;overflow-y: auto;transition: 0.5s;padding-top: 60px;}.adminnav p {color: #000000;}.adminnav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;display: block;transition: 0.3s;}.adminnav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}#main {transition: margin-left .5s;padding: 16px;}@media screen and (max-height: 450px) {.adminnav {padding-top: 15px;}.adminnav a {font-size: 18px;}}