body,html{margin:0;font-family:'Open Sans', sans-serif;font-size:14px;background:#f0efef}header{background:white;border-bottom:solid;border-bottom-color:#138ebf;position:fixed;top:0;width:100%;height:65px}header #app_title{margin:15px;margin-left:25px;font-family:'Kurale', serif;font-size:30px;color:#004f7a}header #user_menu{float:right}#content{margin-top:68px}#pin-searchbox{position:fixed;left:10px;top:78px;z-index:10}.box{display:block;border:none;padding:10px;background:white;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.button{transition:all 300ms ease;font-weight:bold;text-decoration:none;color:black}.button.main-button{font-size:1.2em;background-color:white;color:#138ebf}.button.main-button:hover{color:white;background-color:#138ebf}.button.main-button:disabled{color:#f2fcff;background-color:white}#pin-action-buttons img.loading_icon{display:none}#pin-action-buttons.loading img.loading_icon{display:block;float:right;margin-top:15px;margin-bottom:15px}.button.secure-button{font-size:1em;background-color:white;color:#a9aeb0}.button.secure-button:hover{color:#d53440}#pins-displayer{z-index:0;transition:margin-right 300ms ease}#pins-displayer.with_side_menu{margin-right:401px}#pins-displayer .fixed-movable-button{transition:right 300ms ease;position:fixed;right:20px;z-index:10}#pins-displayer.with_side_menu .fixed-movable-button{right:420px}#pins-displayer #display_mode_buttons{top:78px}#pins-displayer .action-button{transition:transform 800ms ease, background-color 800ms ease, right 300ms ease;display:block;bottom:30px;height:50px;width:50px;border-radius:50%;line-height:50px;text-align:center;vertical-align:middle;overflow:hidden;background:#138ebf;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);color:white;font-weight:bold;font-size:40px;text-decoration:none}#pins-displayer .action-button:hover{background:#14baf0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}#list-displayer{padding-top:60px}#table-box{margin-left:30px;margin-right:30px;width:auto}#pins-table{width:100%}#pins-table tbody{text-align:center}#pins-table tbody tr:hover{background-color:#138ebf}#map-displayer{background:palevioletred}#side_menu_close_button{display:block;position:absolute;top:50px;left:-15px;height:30px;width:30px;border-radius:50%;line-height:30px;text-align:center;vertical-align:middle;overflow:hidden;background:#138ebf;color:white;font-weight:bold;font-size:30px;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}#side-menu{transition:right 300ms ease;position:fixed;right:-400px;top:68px;z-index:10;height:calc(100% - $header_height);overflow:scroll;background-color:white;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);width:400px}#side-menu .pin_photo{background-color:#bebdbd;width:400px;height:300px;object-fit:cover}#side-menu #pin-text-data{margin-left:20px;margin-right:20px}#side-menu #pin-text-data h2,#side-menu input#pin_name{font-size:1.5em;font-weight:bold;text-align:right;margin-bottom:0px}#side-menu #pin-text-data #position{text-align:right;font-style:italic}#side-menu input[type="text"]{border:none;background-color:#f0efef;outline:none;width:100%}#side-menu textarea{border:none;background-color:#f0efef;outline:none;width:100%;height:60px;resize:vertical}#side-menu #pin-action-buttons{margin-top:50px}#side-menu #pin-action-buttons .button{margin:20px}#side-menu input[type="submit"]{float:right}#side-menu #pin_fields{width:100%}#side-menu .field_value input{width:100%}#side-menu .field_name{min-width:60px;font-weight:bold}#side-menu.visible{right:0px}