*{font-family:Dosis,sans-serif;margin:0;padding:0;box-sizing:border-box}body{overflow:hidden}button{padding:5px}#viewer{position:relative;left:0;top:0;width:100%;height:100%;z-index:1;display:flex}.container{position:absolute;left:0;top:0;width:100%;height:100%;display:flex}#file-loader{margin:auto;height:300px;width:533px;z-index:10;flex-flow:column;border:1px solid #ACF0F2;position:relative}#loader-buttons{width:100%;flex-flow:row;height:50px;background-color:#225378}.load-button{width:25%;float:left;line-height:50px;font-size:20px;color:#ACF0F2;text-align:center}.load-button:active{font-size:25px;color:#006;background-color:#1695A3}.lbactive{background-color:#EB7F00}.close,.close2{background-color:#EB7F00;float:right;margin-top:-27px;margin-right:2px;cursor:pointer;font-weight:700;display:inline-block;line-height:0;padding:8px;text-decoration:none}.close2{margin-top:-47px}#loader-options{width:100%;overflow:hidden}.loader-options{width:100%;background-color:#8DC5C7;text-align:center;height:238px;padding-top:10px}.loader-options span{font-size:8px;line-height:8px}.loader-options label a{text-decoration:none;color:#EB7F00;font-size:20px;font-weight:bolder;display:block}.loader-options input{display:block;width:509px;padding:2px;margin:10px;font-size:12px}.loader-options option{padding-left:10px}.sidebar{position:absolute;bottom:0;right:0;z-index:15;background-color:#225378;text-align:center}.sidebar button{width:18px;height:18px;font-size:10px;margin:3px;padding:0}.toolbar{position:absolute;bottom:10px;z-index:10;background-color:#8DC5C7;border:1px solid #ACF0F2;width:200px;text-align:center;margin:2px auto}.toolbar div{display:block;padding-left:10px;float:left;text-align:left;border-bottom:solid 1px #EB7F00;width:100%}.toolbar label{font-size:12px;color:#225378}.toolbar label span{color:#EB7F00;font-weight:bolder}h2{width:100%;color:#8DC5C7;background-color:#225378;line-height:20px;font-size:18px;padding:5px}.toolbar button{margin:10px}.custom{height:48px;width:531px;background-color:#8DC5C7;font-size:10px;color:#333;padding:2px 5px}.settings{width:33%;height:100%;float:left}.settings input[type=range]{width:120px;display:block}.settings label{display:inline;text-align:center;color:#999}#history{width:300px;margin:10px 50px 0;font-size:14px;line-height:14px}#about{width:400px;height:300px;z-index:15;text-align:center;border:1px solid #ACF0F2;margin:auto}#list{display:block;height:270px;background-color:#8DC5C7;text-align:left;font-size:13px;color:#333;overflow-y:scroll}#list p{padding:5px}#list ul{list-style:none;margin:0;padding:5px}#list li{list-style:none;margin:0;padding-left:15px}#list a{color:#EB7F00;text-decoration:none}