+
+fieldset.color {
+ position: absolute;
+ bottom: 0; right: 0; width: 2em;
+ margin: .5em .5em .125em 2%;
+ border: none;
+ padding: 0;
+}
+fieldset.color > input.color + label {
+ width: 2em; height: 2em;
+}
+.dotmark {
+ max-width: 90%;
+ margin: .5em 1em .125em 2%; padding: 0;
+ text-align: left;
+ border: 1px solid black;
+}
+.dotmark.ov {
+ position: absolute;
+ left: 0; bottom: .25em;
+ z-index: 1;
+}
+
+@media(min-width: 800px){
+ h1, label.tab, div.tab, fieldset.tab,
+ div.patient, div.prescription {
+ width: 38%;
+ margin-right: 0;
+ }
+ input.stickynote:checked + .stickynote { right: 50%; }
+ fieldset.color { position: fixed; }
+ .dotmark {
+ position: fixed;
+ max-width: 52%;
+ max-height: 98%;
+ right: 2em; bottom: .25em;
+ }
+ .dotmark.ov {
+ position: fixed;
+ right: 2em; left: auto;
+ }
+}
+
+h1 {display: none;}
+
+div.patient, div.prescription { margin-top: 1em; }
+div.prescription {
+ border: 1px solid black;
+ background-color: #EEE;
+ padding: .125em 1.25ex .5em 1.25ex;
+}
+div > h2 { margin: 0; border-bottom: 1px solid black; }
+div:nth-child(n+2) > a:first-of-type {
+ display: block;
+ margin: .125em 0 .5em 0;
+ text-decoration: none;
+}
+