/* CSS Document */
.sign-in-form { height: 100%; min-height: 800px; max-height: 1200px; }
.sd2 { margin: 0; padding: 0 0 5px 0; }
.sd3 { margin: 16px 0 8px 0; padding: 0; color: #8695c3; }
.sdp { border-top: 1px solid #cccccc; margin: 0 0 25px 0; padding: 5px 0 0 0; }
.sign-in { display: flex; flex-direction: row; width: 320px; box-sizing: border-box; flex-wrap: wrap; }
.sign-in-left { width: 320px; font-weight: 700; color: #000000; margin: 2px; padding: 4px 0 0 0; font-size: 85%; }
.sign-in-lsacid { width: 210px; text-align: left; margin: 2px; padding: 0; }
.sign-in-year { width: 60px; margin: 3px; padding: 0; }
.sign-in-month { width: 90px; margin: 3px; padding: 0; }
.sign-in-day { width: 50px; margin: 3px; padding: 0; }
.sign-in-error { width: 300px; text-align: right; color: #8695c3; margin: 5px 0; }
.sign-in-next { display: flex; flex-direction: row; width: 320px; justify-content: flex-end; padding: 10px; box-sizing: border-box; }
.button { padding: 2px 6px 4px 6px; color: #000000; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 2px; }
.payment-history { width: 280px; display: flex; flex-direction: column; padding: 1px; background-color: #ffffff; box-sizing: border-box; }
.payment-row { display: flex; flex-direction: row; }
.e div { background-color: #cce3f2; }
.o div { background-color: #e0eef7; }
.payment-column-1 { width: 120px; text-align: right; font-weight: 700; color: #000000; margin: 2px; padding: 8px 6px; box-sizing: border-box; }
.payment-column-2 { width: 160px; text-align: left; margin: 2px; padding: 8px 6px; box-sizing: border-box; }
.semester-full { width: 300px; color: #000000; margin: 2px 5px; padding: 0; box-sizing: border-box; }
.semester-left { width: 300px; font-weight: 700; color: #000000; margin: 2px 5px; padding: 0 5px 0 0; box-sizing: border-box; }
.semester-right { width: 170px; box-sizing: border-box; margin: 2px 5px; padding: 0 5px 0 0; box-sizing: border-box; }