body{font-family:sans-serif;background:#424a4d;color:#fff;margin:0;padding:0}h1,h2{color:#fccd4d}h2{border-bottom:1px solid gray}#top-navi-bar{background:#2e3436;padding:16px}#page-container{padding:16px}.initially-hidden{display:none}.color-yellow{color:#fccd4d}.color-orange{color:#ff8300}.color-red{color:#d02020}.color-green{color:#63a618}.color-blue{color:#5ab3ff}.color-gray{color:#7a7a7a}.alert{border:3px solid #222;padding:10px 16px 8px 48px;background:#333;min-height:24px;position:relative}.alert:before{font-size:24px;margin-right:16px;margin-top:-8px;vertical-align:sub;position:absolute;left:10px;top:calc(50% - 10px)}.alert.alert-info{color:#5ab3ff}.alert.alert-success{color:#63a618}.alert.alert-error{color:#d02020}.alert.alert-warning{color:#fccd4d}.alert.alert-info:before{content:"🛈"}.alert.alert-warning:before{content:"⚠"}.alert.alert-error:before{content:"ⓧ"}.alert.alert-success:before{content:"☑"}.alert:empty{display:none}a{color:#5ab3ff;text-decoration:underline}table.table{border:3px solid #222;border-spacing:2px;background:#222}table.table td,table.table th{padding:4px 18px;text-align:left}table.table th{font-weight:bold;color:#fccd4d;background:#444;border-bottom:3px solid #222}table.table td{background:#333}