#law-clusters #title { text-align: center; margin-top: 5px; margin-bottom: 5px; font-size: 2.0em; }
#law-clusters #clusters { width: 90%; margin: auto; }
#law-clusters .clusterBox { border: black 1px solid; margin-bottom: 5px; border-radius: 10px; }
#law-clusters .clusterFlex { display: flex; padding: 10px; font-size: 25px; align-items: center; cursor: pointer; }
#law-clusters .cluster_name { flex-basis: 72%; flex-grow: 0; flex-shrink: 0; padding-left: 5px; box-shadow: none; outline: none; text-decoration: none; cursor: pointer; transition: all 0.3s ease; }
#law-clusters .cluster_name:hover { color: #2e8149; }
#law-clusters .cluster_atlanticCount { color: rgb(0, 0, 156); flex-basis: 11.5%; flex-grow: 0; flex-shrink: 0; border-right: solid black 1px; border-left: solid black 1px; padding-left: 2%; }
#law-clusters .cluster_indianCount { color: rgb(38, 121, 0); flex-basis: 12.5%; flex-grow: 0; flex-shrink: 0; padding-left: 3%; }
#law-clusters .indianDot { color: rgb(38, 121, 0); }
#law-clusters .atlanticDot { color: rgb(0, 0, 156); }
#law-clusters table { border-collapse: collapse; width: calc(100% - 20px); margin: 10px; }
#law-clusters table, #law-clusters th, #law-clusters td { border: black 1px solid; text-align: center; }
#law-clusters #controls-div { display: flex; justify-content: center; margin-top: 10px; margin-bottom: 5px; }
#law-clusters #controls-div button { padding: 5px 10px !important; }
#law-clusters .slider { width: 450px; }
#law-clusters .play-button, #law-clusters .goto-end-button, #law-clusters .goto-start-button { display: inline-flex; cursor: pointer; padding: 0; }
#law-clusters .play-button { margin-left: 15px; }
#law-clusters .goto-start-button { margin-left: 15px; }
#law-clusters .goto-end-button { margin-left: 5px; }
#law-clusters #year { font-size: 1.9em; background-color: white; padding: 3px; text-align: center; }
#law-clusters #modal-div { text-align: center; }
#law-clusters #modal-link { box-shadow: none; outline: none; text-decoration: none; color: #2e8149; cursor: pointer; transition: all 0.3s ease; } #law-clusters #modal-link:hover { color: #d98d17; }
#law-clusters .modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transform: scale(1.1); transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; z-index: 15; }
#law-clusters .close-button { float: right; width: 1.5rem; line-height: 1.5rem; text-align: center; cursor: pointer; border-radius: 0.25rem; background-color: lightgray; }
#law-clusters .close-button:hover { background-color: darkgray; }
#law-clusters .modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 1rem 1.5rem; border-radius: 0.5rem; max-height: 600px; width: 900px; overflow-y: scroll; font-size: 1.5em; }
#law-clusters h2 { font-size: 1.2em; }
#law-clusters .show-modal { opacity: 1; visibility: visible; transform: scale(1.0); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; }
.download-spreadsheet { width: 90%; margin: 0 auto; padding: 20px 0; text-align: right; }