body{margin:0;height:100vh}html,body{height:100%}.general-container{display:flex;flex-direction:column;min-height:100vh}header{border-bottom:5px solid #002A72;position:relative;z-index:10}main{flex:1;padding:20px}footer{height:7vh;display:flex;justify-content:center;align-items:center;border-top:5px solid #002A72;top:100vh}@media only screen and (min-width:375px){*{font-size:7px}header{min-height:2vh}header img{width:70px;margin:10px 20px}footer{font-size:12px}footer img{height:10px;margin:auto 10px}.dropbtn{padding:3px;font-size:10px;border:none}.dropdown-content{width:100px}.notification-icon .glyphicon-bell{margin-top:5px;font-size:10px}.form-select{font-size:10px}td.table-sentence{max-width:200px}}@media only screen and (min-width:1280px){*{font-size:13px}header{min-height:6vh}header img{width:150px;margin:10px 20px}footer{font-size:12px}footer img{height:15px;margin:auto 10px}.dropbtn{padding:7px;font-size:30px;border:none}.dropdown-content{width:200px}.notification-icon .glyphicon-bell{font-size:30px}.form-select{font-size:15px}td.table-sentence{max-width:300px}}@media only screen and (min-width:1900px){*{font-size:15px}header{min-height:7vh}header img{width:200px;margin:15px 20px}footer{font-size:15px}footer img{height:20px;margin:auto 10px}.dropbtn{padding:12px;font-size:40px;border:none}.dropdown-content{width:270px}.notification-icon .glyphicon-bell{font-size:40px}}.dropdown{position:relative;margin-right:5%;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;box-shadow:0 8px 16px #0003;z-index:3}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.notification-icon{position:relative;display:inline-block;padding-bottom:3px!important}.notification-icon .glyphicon-exclamation-sign{position:absolute;top:-5px;right:-10px;color:red}.tooltip{width:400px!important}.forest-symbol{text-align:center;display:inline-block}.top-tree{text-align:center;margin-bottom:-3px;margin-left:2px;transform:scale(1.6,.7)}.bottom-trees{display:flex;justify-content:center}.forest-symbol .glyphicon{margin-left:-2px;font-size:11px}.modal{display:none;position:fixed;position:center;left:0;top:0}.alert{display:none;position:fixed;z-index:100;position:center;left:40%;top:0;width:20%;height:20%}.modal-content{background-color:#fff;margin:4vh auto;padding:20px;border:1px solid #888;text-align:center}.close-btn{background-color:#c1c1b9;color:#000;padding:10px 20px;border:none;cursor:pointer}.close-btn:hover{background-color:#8f8e89}