.aps-locations { background-color: #ffffff; border: 1px solid #e6e9ed; border-radius: 8px; padding: 15px; } .aps-locations > p { text-align: center; margin: 5rem 160px; } .aps-location input { display: none; } .aps-location input ~ span { line-height: 16px; text-align: center; color: #ffffff; display: none; min-width: 50px; height: 30px; } .aps-location input:not(:checked) ~ .aps-button-red, .aps-location input:checked ~ .aps-button-green { display: inline-block; } .aps-location .aps-button-green { background-color: #28a745; } .aps-location .aps-button-red { background-color: #d31141; } .navbar { background-color: #cadceb; border-radius: 7px; overflow: visible; height: 40px; padding: 3px 10px; } .navbar > ul { display: block; margin: 0; padding: 2px 0; list-style-type: none; } .navbar > ul > li { font-size: 1.1em; line-height: 2.2em; float: left; width: auto; margin-right: 7px; padding-top: 1px; list-style-type: none; } .navbar > ul > .right-side { text-align: right; float: right; margin-right: 0; margin-left: 7px; } .has-dropdown { position: relative; } .dropdown { text-align: left; z-index: 10; top: 25px; min-width: 150px; } .dropdown.quick-links { left: -15px; } .dropdown.user { right: -10px; left: unset; } .dropdown .pointer { border-color: #ffffff transparent; } .dropdown.user .pointer { right: 10px; left: unset; } .dropdown .dropdown-contents { padding: 10px 5px; }