body { margin:0; padding:0; font-family:'Open Sans'; background:#eaeaea; }
.container { width:900px; margin:0 auto; }
.container.flex { display:flex; }
.container .left { width:60%; }
.container .right { float:right; width:40%; }
.header .logo img { max-width:200px; }
.header .menu, .header .logo { float:left; }
.header .menu { background:#006600; margin-left:40px; width:660px; margin-top:10px; }
.header .menu a { text-decoration:none; }
.header .menu .btn { color:#fff; font-size:14px; padding:5px; display:block; padding-right:15px; padding-left:15px; cursor:pointer; border-right:1px solid #333333; float:left; } 
.header .menu .btn:hover, .header .menu .btn.active { background:#003300; }
.navbar { width:100%; background:#121212; border-bottom:1px solid #333; }
.navbar .btn { width:150px; text-align:center; color:#fff; padding:5px; float:left; font-size:14px; }
.navbar .btn:not(.active):hover { background:#313131; cursor:pointer; }
.navbar .btn.active { background:#006600; }
.navbar .btn .icon { max-width:15px; max-height:15px; vertical-align:middle; }
.header { background:#333333; padding:15px; border-bottom:1px solid #006600; }

.body { background:#eaeaea; padding:10px; }
.body h1 { margin:0; padding:0; border-bottom:1px solid #666; margin-bottom:10px; padding-bottom:5px; }
.body h1 .icon { max-width:30px; vertical-align:middle; }

.popup_prediction { margin-top:30px;  background:#333333; color:#fff; }
.popup_prediction .title { background:#006600; padding:10px; font-size:25px; border-bottom:1px solid #000; }
.popup_prediction .title .nmb { float:right; color:#999; font-size:13px; text-decoration:none; }
.popup_prediction .title img { max-height:50px; vertical-align:middle; }
.popup_prediction .img { float:right; } .popup_prediction .img img { max-width:100px; max-height:100px; }
.popup_prediction p.info { padding:15px; color:#ccc; font-size:13px; }
.popup_prediction .st { padding:10px; background:#666666; font-size:15px; }
.popup_prediction .st.acc  { background:#82CC11; color:#000; }
.popup_prediction .st.nacc { background:#EC0202; color:#fff; } 

.empty, .desc { background:#D7D8D9; color:#333333; padding:10px; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.desc { padding:3px; font-size:14px; text-align:left; display:inline-block; width:500px;  }

.footer { text-align:center; font-size:15px; color:#666666; margin-top:40px; margin-bottom:40px; }

input.input { width:90%; padding:10px; font-size:17px; font-family:'Open Sans'; border:1px solid #999999; }
input.input.small { font-size:15px; }
textarea.textarea { width:90%; height:200px; border:1px solid #999999; font-family:'Open Sans'; font-size:15px; padding:10px; resize:none; }
.list_choose { margin-bottom:15px; }
.list_choose .list { max-height:200px; overflow-y:auto; }
.list_choose .item { background:#ccc; padding:5px; border-bottom:1px solid #B2B2B2; }
.list_choose label.title { font-weight:bold; font-size:17px; margin-bottom:10px; display:block;  }
.list_choose .item.active, .list_choose .item:hover { background:#333333; color:#fff; cursor:pointer; }
.list_choose .item img { vertical-align:middle; max-width:25px; max-height:25px; }
.submit_btn { background:#006600; color:#fff; text-align:center; padding:10px; width:95%; margin-top:20px; border:none; font-size:18px; }
.submit_btn:hover { background:#003300; cursor:pointer; }

form label { font-size:15px; font-weight:bold; display:block; margin-bottom:5px; }
form label.inline { display:inline; }
form .data { margin-top:10px; margin-bottom:15px; }
.date input[type="number"] { padding:5px; font-size:16px; width:50px; }
.data input[type="checkbox"] { padding:5px; }

input[type="submit"].btn { background:#ccc; padding:8px; font-size:16px; border:none; }
input[type="submit"].btn:hover { background:#C0C0C0; }