index.min.css

html,body{height:100%;width:100%;margin:0;padding:0;position:fixed}#title{color:#fff;background-color:#4d90fe;font-size:25px;font-weight:100;padding:0}a{text-decoration:none;color:black;opacity:.9}#page-title{text-align:center;letter-spacing:7px}#map-container{height:-webkit-calc(100% - 80px);height:-moz-calc(100% - 80px);height:calc(100% - 80px);margin:0;padding:0}#map{height:97%;margin:0;padding:0}#description{font-family:Roboto;font-size:15px;font-weight:300}#infowindow-content .title{font-weight:bold}#infowindow-content{display:none}#map #infowindow-content{display:inline}.pac-card{margin:10px 10px 0 0;border-radius:2px 0 0 2px;box-sizing:border-box;-moz-box-sizing:border-box;outline:0;box-shadow:0 2px 6px rgba(0,0,0,0.3);background-color:#fff;font-family:Roboto}#pac-container{position:absolute;padding-bottom:12px;margin-right:12px;bottom:40px}.pac-container{position:fixed;display:block;margin-top:-210px}.pac-controls{display:inline-block;padding:5px 11px}.pac-controls label{font-family:'Roboto';font-size:13px;font-weight:300}#pac-input{background-color:#fff;font-family:'Roboto';font-size:15px;font-weight:300;padding:0 11px 0 13px;text-overflow:ellipsis;margin-bottom:40px;width:200px;height:40px;box-shadow:0 2px 6px rgba(0,0,0,.3);border:2px solid #fff;border-radius:15px 0 0 15px}#pac-input:focus{border-color:#ffe3be;outline-width:0}#target{width:345px}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);transition:opacity 500ms;visibility:hidden;opacity:0}.overlay:target{visibility:visible;opacity:1;z-index:9}.popup1,.popup2,.popup4{margin:70px auto;padding:20px;background:#fff;border-radius:5px;width:35%;position:relative;transition:all 5s ease-in-out;max-height:77%;overflow:auto}.popup1 h2,.popup2 h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif}.popup1 .close,.popup2 .close,.popup4 .close{position:absolute;top:20px;right:30px;transition:all 200ms;font-size:30px;font-weight:bold;text-decoration:none;color:#333}.popup1 .close:hover,.popup2 .close:hover,.popup4 .close:hover{color:#06d85f}.popup1 .content{max-height:30%;overflow:auto;font-family:Tahoma,Arial,sans-serif}.popup1 .g-signin2{max-height:30%;overflow:auto;position:relative;top:1em;right:.5em;left:1em}.popup2 *{box-sizing:border-box}.popup2 ul{list-style-type:none;padding:0;margin:0}.popup2 ul li{border:1px solid #ddd;margin-top:-1px;background-color:#f6f6f6;padding:12px;text-decoration:none;font-size:18px;font-family:Tahoma,Arial,sans-serif;color:black;display:block;position:relative}.popup2 ul li:hover{background-color:#eee}.popup2 date{color:#c0c0c0;position:relative;font-size:15px;display:block;margin-top:10px}.popup2 button{color:#b22222;font-size:14px;position:absolute;font-family:'Roboto',Arial,sans-serif;background-color:white;border-radius:5px;right:2%;bottom:22%}.popup2 mark,.popup4 mark{background-color:#fffafa;font-weight:300;margin-left:2px;margin-right:2px;margin-top:2px;margin-bottom:2px}@media screen and (max-width:700px){.box{width:70%}.popup{width:70%}}#sortable{list-style-type:none;margin:0;padding:0;width:25%}#sortable li{margin:0 3px 3px 3px;padding:.4em;padding-left:1.5em;font-size:1.4em;height:auto;z-index:999;position:relative}#sortable span{position:absolute;margin-top:.05em;right:10px}#directions-panel{font-family:Tahoma,Arial,sans-serif;position:absolute;right:10px;top:80px;z-index:1;margin-top:35px;background-color:#fff;padding:10px;overflow:scroll;max-height:50%;width:300px;opacity:.85;visibility:hidden}#left-panel{font-family:Tahoma,Arial,sans-serif;position:absolute;left:10px;top:80px;z-index:1;margin-top:35px;background-color:#fff;padding:10px;overflow:scroll;max-height:50%;width:300px;opacity:.95;visibility:hidden}.handle{cursor:grab;font-family:"Font Awesome 5 Free";height:100%}#image-panel{font-family:Tahoma,Arial,sans-serif;position:absolute;top:160px;margin-left:39%;margin-right:39%;z-index:1;margin-top:10px;background-color:#fff;padding:10px;overflow:scroll;height:auto;overflow:scroll;max-height:75%;max-width:22%;width:320px;opacity:.9;visibility:hidden;border-radius:1%;box-shadow:0 3px 4px 0 rgba(0,0,0,.2)}#location-image{height:5%;width:99%}.rating-static{position:absolute;margin-top:25%;right:10%;width:60px;height:15px;display:block;background:url('https://www.itsalif.info/blogfiles/rating/star-rating.png') 0 0 no-repeat}.rating-50{background-position:0 0}.rating-40{background-position:-12px 0}.rating-30{background-position:-24px 0}.rating-20{background-position:-36px 0}.rating-10{background-position:-48px 0}.rating-0{background-position:-60px 0}.rating-5{background-position:-48px -16px}.rating-15{background-position:-36px -16px}.rating-25{background-position:-24px -16px}.rating-35{background-position:-12px -16px}.rating-45{background-position:0 -16px}*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif}.navbar{width:100%;background-color:#555;overflow:auto;z-index:1000}*{box-sizing:border-box}body{font-family:Tahoma,Arial,sans-serif}.navbar{width:100%;background-color:black;overflow:auto}.navbar a{float:left;padding:8px;color:white;text-decoration:none;font-size:17px;width:20%;text-align:center}.navbar a:hover{background-color:#f0f8ff;color:black}.navbar a.active{background-color:black;color:white}@media screen and (max-width:300px){.navbar a{float:none;display:block;width:100%;text-align:left}}.dropdown{font-size:17px;border:0;outline:0;color:white;background-color:inherit;font-family:inherit;margin:0;width:100%}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:20%;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1;right:0;top:3.5%}.dropdown-content a{float:none;color:black;padding:8px;text-decoration:none;display:block;text-align:left;width:100%}.dropdown-content a:hover{background-color:#ddd;color:black}.dropdown:hover .dropdown-content{display:block}.show{display:block}#toggleOff,#toggleOn{color:black;font-size:20px;position:absolute;padding-bottom:12px;margin-right:12px;margin-left:15px;top:8%;right:2%;z-index:0;visibility:hidden}input[type=text],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;resize:vertical;font-size:15px;font-family:inherit}label{padding:12px 12px 12px 0;display:inline-block}input[type=submit]{background-color:#008080;color:white;padding:12px 20px;border:0;border-radius:4px;cursor:pointer;float:right;margin-top:5px;font-size:12px;width:80%;-webkit-appearance:none}.container{border-radius:5px;background-color:#f2f2f2;padding:20px}.col-25{float:left;width:20%;margin-top:6px}.col-75{float:left;width:80%;margin-top:6px}.row:after{content:"";display:table;clear:both}@media screen and (max-width:600px){.col-25,.col-75,input[type=submit]{width:100%;margin-top:0}}