body{ background: #DDD; margin: 0px; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; }
.container{ width: 1060px; margin: 0 auto; padding: 0 20px; overflow: hidden; }
a{ text-decoration: none; }
.bold{ font-weight:bold; }

.btn{
	color: #FFF;
	text-decoration: none;
	background: #43b032;
	cursor: pointer;
	border: 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 10px 14px;
	-webkit-transition: all 0.15s ease-out 0;
	-moz-transition: all 0.15s ease-out 0;
	transition: all 0.15s ease-out 0;
}
.btn:hover{ background: #66cd56; }

header{ width: 100%; background: #FFF; padding: 14px; position: fixed; border-bottom: 1px solid #CCC; z-index: 99; }
#logo{ float: left; line-height: 0; }
#user_bar{ float: right; display: table; margin-right: 14px; }
#user_bar .avatar, #user_bar .detail, #user_bar .option{ display: table-cell; vertical-align: middle; }
#user_bar .avatar{ padding-top: 2px; }
#user_bar .avatar img{ width: 36px; height: 36px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
#user_detail{ padding-top: 4px; padding-left: 10px;}
#user_detail .name{ font-weight: bold; }
#user_detail .type{ margin-top: 2px; font-size: 9px; color: #666; }
#user_bar .option{ padding-left: 20px; }
#user_bar .option a{
	background: #666;
}
#user_bar .option a:hover{ background: #999; }

#body{ padding-top: 100px; margin-bottom: 20px; }

.icon-span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 50%;
	background: #CCC;
	width: 36px;
	height: 36px;
	font-size: 20px;
	color: #999;
}

.box{
	background: #FFF;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-bottom: 2px solid #CCC;
}
nav{ float: left; width: 240px; }
nav .headline{ padding: 10px 14px; font-weight: bold; font-size: 18px; border-bottom: 2px solid #DDD; }
#menuList{ overflow: hidden; }
#menuList .menu a{ color: #333; text-decoration: none; }
#menuList .menu div{ padding: 14px; cursor: pointer; -webkit-transition: all 0.15s ease-out 0; -moz-transition: all 0.15s ease-out 0; transition: all 0.15s ease-out 0; }
#menuList .menu .active div{ font-weight: bold; border-left: 3px solid #55a3f2; background: #f2f4f7; padding-left: 11px; }
#menuList .menu:not(:last-child) div{ border-bottom: 1px solid #EEE; }
#menuList .menu:hover div{ background: #f2f4f7; }

#main_content{ float: right; width: 780px; }

input[disabled], .select[disabled]{ background-color: #F9F9F9; }

#ui-datepicker-div{ font-size: 12px; }

.select{
	padding: 10px 14px;
	background: #FFF;
	border: 1px solid #DDD;
	width: 200px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	outline: none;
	margin-bottom: 0;
	line-height: 20px;
	padding-right: 18px;
	cursor: pointer;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select {padding-right:18px}
}
.select_label{ position: relative; outline: none; margin-bottom: 0; }
.select_label:after{
	content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right: 10px; top: 0;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
.select_label:before {
    content:'';
    right:8px; top:-7px;
    width:18px; height:29px;
    position:absolute;
    pointer-events:none;
    display:block;
}
.select_small{ width: 70px; }
.select:focus{ outline: none; border: 1px solid #79b0f5; }

.datepicker{ cursor: text; }

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete input {
	display: block;
	padding: 6px 10px;
	font-size: 14px;
	border: 1px solid #DDD;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}