@charset "UTF-8";
/*   
Template Name: Dashboard Template build with Twitter Bootstrap 3.2.0
Version: 2.0
Author: FourierLab Inc.
Website: http://fourierlab.com
*/


/* general body settings
================================================== */
html {
	overflow-x: hidden;
}
html, body, .wrapper {
	padding: 0;
	margin: 0;
}
body {
	font-family: 微軟正黑體;
	padding: 0px !important;
	margin: 0px !important;
	font-size: 18px;
	word-break:break-all;
    word-wrap: break-word;
}
 @-webkit-viewport {
 width: device-width;
}
 @-moz-viewport {
 width: device-width;
}
 @-o-viewport {
 width: device-width;
}
 @viewport {
 width: device-width;
}
 @-ms-viewport {
 width: auto !important;
}
/* general typography
================================================== */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	color: #444;
}
h1, h2, h3, h4, h5, h6, p {
	font-family: 微軟正黑體;
	font-weight: normal !important;
}
/*h5, h6, p {
	font-family: 新細明體;
}*/
h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
	padding-top: 10px 0;
}
a {
	text-shadow: none !important;
	color: #0d638f;
}
a, a:focus, a:hover, a:active {
	outline: 0;
}
address {
	margin-bottom: 0px;
}
pre:last-child, p:last-child {
	margin: 0px;
}
/* === font awesome fixed === */
[class^="fa-"], [class*=" fa-"] {
	display: inline-block;
	margin-top: 1px;
 *margin-right: .3em;
}
li [class^="fa-"], li [class*=" fa-"] {
	display: inline-block;
	width: 1.25em;
	text-align: center;
}
li [class^="fa-"].icon-large, li [class*=" fa-"].icon-large {
	width: 1.5625em;
}
.fa-item {
	margin-bottom: 8px;
	font-size: 15px;
}
/* === hr === */
hr {
	margin: 8px 0;
	border: 0;
	border-top: 1px solid #e0dfdf;
	border-bottom: 1px solid #fefefe;
}
/* general tools
================================================== */
.text-left {
	text-align: left!important;
}
.text-center {
	text-align: center!important;
}
.display-none, .display-hide {
	display: none;
}
.no-space {
	margin: 0px !important;
	padding: 0px !important;
}
.fix-margin {
	margin-left: 0px !important
}
.space5 {
	display: block;
	height: 5px !important;
	clear: both;
}
.space7 {
	height: 7px !important;
	clear: both;
}
.space10 {
	height: 10px !important;
	clear: both;
}
.space12 {
	height: 12px !important;
	clear: both;
}
.space15 {
	height: 15px !important;
	clear: both;
}
.space20 {
	height: 20px !important;
	clear: both;
}
.ma10 {
	margin: 10px;
}
.ma15 {
	margin: 15px;
}
.ma20 {
	margin: 20px;
}
.ma30 {
	margin: 30px;
}
.mr2 {
	margin-right: 2px;
!important;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr25 {
	margin-right: 25px;
}
.mr30 {
	margin-right: 30px;
}
.mb0 {
	margin-bottom: 0;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px!important;;
}
.mb15 {
	margin-bottom: 15px
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mt0 {
	margin-top: 0!important;
}
.mt5 {
	margin-top: 5px;
}
.mt8 {
	margin-top: 8px;
}
.mt10 {
	margin-top: 10px;
}
.mt12 {
	margin-top: 12px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml25 {
	margin-left: 25px;
}
.ml30 {
	margin-left: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr25 {
	margin-right: 25px;
}
.mr30 {
	margin-right: 30px;
}
.pb0 {
	padding-bottom: 0!important;
}
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb25 {
	padding-bottom: 25px;
}
.pb30 {
	padding-bottom: 30px;
}
.pt0 {
	padding-top: 0;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt25 {
	padding-top: 25px;
}
.pt30 {
	padding-top: 30px;
}
.red {
	color: #c41000 !important;
}
.blue {
	color: #36c !important;
}
.yellow {
	color: #fc0 !important;
}
.grey {
	color: #999 !important;
}
.medium {
	font-size: 25px;
	margin-right : 6px;
	text-shadow: 1px 1px 0 #fff;
}
.bold {
	font-weight: bold !important;
}
.inline {
	display: inline;
}
.delete{
	text-decoration:line-through !important;
}
/* === ie8 & ie9 modes === */
.visible-ie8 {
	display: none;
}
.visible-ie9 {
	display: none;
}
.hidden-ie8 {
	display: inherit;
}
.hidden-ie9 {
	display: inherit;
}
/* === disabled links === */
.disabled-link > a > span.text, .disabled-link > a > span.title {
	font-style: italic !important;
	color: #888 !important;
}
.disabled-link > a > span.text > i {
	color: #888 !important;
}
.disabled-link > a:hover {
	cursor: not-allowed !important;
}
/* general layout
================================================== */
/* === header and header elements === */
#header {
	width: 100%;
	margin: 0;
	border: 0px;
	padding: 0px;
	box-shadow: none;
	height: 40px;
	min-height: 40px;
	filter: none;
	background:#f0f0f0;
}
#header.navbar-fixed-top {
	z-index: 7995 !important;
}
#header .navbar-brand {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
}
#header .navbar-brand img {
	margin: 5px 10px 5px 25px;
}
#header span.app-name {
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	margin: 0 0 0 250px;
	display: block;
	position: absolute;
}
/* === header nav bar === */
#header .navbar-nav {
	height: 40px;
	display: block;
	font-size: 15px;
}
#header .navbar-nav > li {
	margin: 0px !important;
	padding: 0px !important;
}
#header .navbar-nav > li > a {
	padding: 0px 18px;
	line-height: 40px;
	color: #ffffff;
}
#header .navbar-nav > li > a:hover{
	background-color: #c2161b ;
}
#header .navbar-nav > li.devider {
	height: 40px;
	width: 1px !important;
	border-left: 1px solid #d6181d !important;
}
#header .navbar-nav > li.dropdown, #header .navbar-nav > li.dropdown > a {
	padding: 0 4px;
}
#header .navbar-nav > li.dropdown .dropdown-toggle {
	padding: 0px 18px;
	line-height: 40px;
	color: #a8a8a8;
	font-size: 18px;
}
#header .navbar-nav > li.dropdown .dropdown-toggle > i {
	font-size: 18px;
}
#header .navbar-nav > li.dropdown .dropdown-menu > li > a > i {
	font-size: 15px;
}
#header .navbar-nav li.dropdown.user .dropdown-toggle i {
	display: inline-block;
	margin-top: 5px;
	margin: 0;
	font-size: 16px;
}
#header .navbar-nav > li.dropdown .dropdown-toggle .badge {
	position: absolute;
	padding: 0 6px;
	height: 18px;
	line-height: 18px;
	top: 5px;
	right: 5px;
}
#header .navbar-nav .dropdown-toggle:hover, #header .navbar-nav .dropdown.open .dropdown-toggle {
	background-color: #417F99 !important;
	color:#fff!important;
}
#header .nav > li > .dropdown-menu:before {
	position: absolute;
	display: inline-block !important;
	content: '';
}
#header .nav > li > .dropdown-menu:after {
	position: absolute;
	top: -6px;
	right: 10px;
	display: inline-block !important;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: '';
}
#header .nav.pull-left > li > .dropdown-menu:after {
	right: auto;
	left: 10px;
}

/* === mobile sidebar toggle === */
#header .navbar-toggle {
	margin: 0;
	padding: 0 8px;
	background-image: none;
	filter: none;
	box-shadow: none;
	border: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	float: none;
	background-color: transparent;
	background-image: none;
	border-radius: none;
	z-index: 999;
}
#header .navbar-toggle i {
	color: #333;
	font-size: 21px !important;
	line-height: 40px;
}
#header .navbar-toggle:hover {
	text-decoration: none;
	background: none;
}
/* === page container === */
.page-container {
	margin: 0px;
	padding: 0px;
	position: relative;
}
.page-container:before, .page-container:after {
	display: table;
	content: " ";
}
.page-container:after {
	clear: both;
}
.page-header-fixed .page-container {
	
}
/* === page sidebar === */
.page-sidebar {
	width: 215px;
	float: left;
	position: relative;
	margin-right: -100%;
}
.page-sidebar .search-form-sidebar {
	background-color: #555555;
	padding: 13px 10px 13px 10px;
}
.page-sidebar .search-form {
	display: block;
	position: relative;
}
.page-sidebar .search-form .form-control {
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	padding-top: 3px;
}
.page-sidebar .search-form .input-icon > i {
	position: absolute;
	margin-top: 6px;
}
.page-sidebar .search-form .input-icon > i:hover {
	cursor: pointer;
	color: #222222;
}
.page-sidebar-closed .search-form-sidebar {
	display: none;
}
a.search-trigger {
	display: none !important;
	padding: 0;
	text-decoration: none;
	padding: 6px 6px 7px!important;
}
.page-sidebar-closed a.search-trigger {
	display: block !important;
}
.page-sidebar-closed .search-form-sidebar {
	padding: 10px 5px;
}
/* === page sidebar menu=== */
ul.page-sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.page-sidebar-menu > li {
	display: block;
	margin: 0;
	padding: 0;
	border: 0px;
}
ul.page-sidebar-menu > li.start > a {
	border-top-color: transparent !important;
}
ul.page-sidebar-menu > li:last-child > a, ul.page-sidebar-menu > li.last > a {
	border-bottom-color: transparent !important;
}
ul.page-sidebar-menu > li > a {
	display: block;
	position: relative;
	margin: 0;
	border: 0px;
	padding: 8px 15px;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
}
ul.page-sidebar-menu > li > a i {
	font-size: 16px;
	margin-right: 5px;
	text-shadow: none;
	text-decoration: none !important;
}
ul.page-sidebar-menu > li.break {
	margin-bottom: 20px;
}
ul.page-sidebar-menu > li.active > a {
	border: none;
	text-shadow: none;
}
ul.page-sidebar-menu > li > a > .arrow:before {
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	display: inline;
	font-family: fontawesome;
	height: auto;
	font-size: 16px;
	content: "\f104";
	font-weight: normal;
	text-shadow: none;
}
ul.page-sidebar-menu > li > a > .arrow.open:before {
	float: right;
	margin-top: 0px;
	margin-right: 3px;
	display: inline;
	font-family: fontawesome;
	height: auto;
	font-size: 16px;
	content: "\f107";
	font-weight: normal;
	text-shadow: none;
}
ul.page-sidebar-menu > li.active > a > .arrow:before {
	content: " ";
}
ul.page-sidebar-menu > li.active > a > .arrow {
}
ul.page-sidebar-menu .sub-menu {
	padding: 0;
}
ul.page-sidebar-menu > li > ul.sub-menu {
	display: none;
	list-style: none;
	clear: both;
}
ul.page-sidebar-menu > li.active > ul.sub-menu {
	display: block;
}
ul.page-sidebar-menu > li > ul.sub-menu > li {
	background: none;
	margin: 0px;
	padding: 0px;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px;
	padding-left: 36px !important;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	background: none;
}
ul.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu {
	display: none;
	list-style: none;
	clear: both;
	margin: 0px 0px 0px 0px;
}
ul.page-sidebar-menu > li > ul.sub-menu li > a > .arrow:before {
	float: right;
	margin-right: 20px;
	display: inline;
	font-size: 16px;
	font-family: fontawesome;
	height: auto;
	content: "\f104";
	font-weight: normal;
	text-shadow: none;
}
ul.page-sidebar-menu > li > ul.sub-menu li > a > .arrow.open:before {
	float: right;
	margin-right: 18px;
	display: inline;
	font-family: fontawesome;
	height: auto;
	font-size: 16px;
	content: "\f107";
	font-weight: normal;
	text-shadow: none;
}
ul.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {
	display: block;
}
ul.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu li {
	background: none;
	margin: 0px;
	padding: 0px;
	margin-top: 1px !important;
}
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	background: none;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
	padding-left: 56px;
}
.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
	padding-left: 76px;
}
.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {
	display: block;
}
/* === sidebar menu badges === */
ul.page-sidebar-menu li > a > .badge {
	float: right;
	margin-top: 1px;
	margin-right: 13px;
}
/* === sidebar toggler === */
.sidebar-toggler-wrapper {
	margin-top: 30px !important;
}
.sidebar-toggler-wrapper a, .sidebar-toggler-wrapper a:hover{
	text-decoration: none!important;
}

/*.sidebar-toggler {
	padding: 0 15px;
	font-size: 13px !important;
	color: #999ba2 !important;
	text-decoration: none !important;
}
.sidebar-toggler:before {
	display: inline-block;
	font-size: 13px;
	margin-right: 6px;
	text-shadow: none;
	font-family: fontawesome;
	height: auto;
	content: "\f0a8";
	font-weight: normal;
	text-shadow: none;
	color: #999ba2;
}
.sidebar-toggler:hover, .sidebar-toggler:hover:before {
	color: #ffffff !important;
	text-decoration: none;
}
.page-sidebar-closed .sidebar-toggler {
	content: "\f0a9";
	padding: 0 0 0 10px;
}
.page-sidebar-closed .sidebar-toggler:before {
	content: "\f0a9";
	margin: 0 auto;
}
.page-sidebar-closed .title {
	display: none;
}
*/
/* === sidebar toggler === */
.sidebar-toggler, .sidebar-toggler-closed {
	position: absolute;
	-webkit-border-radius: 0px 2px 2px 0px;
	-moz-border-radius: 0px 2px 2px 0px;
	border-radius: 0px 2px 2px 0px;
	cursor: pointer;
	display: block;
	top: 7px;
	right: -27px;
	width: 27px;
	height: 29px;
	padding:0;
	margin:0;
	z-index: 999;
	background-color: #E8190E;
	color: #fff;
}
.sidebar-toggler-closed {
	left: 0px;
}
.sidebar-toggler:hover, .sidebar-toggler-closed:hover {
	background: #e8554d;
	color: #fff;
	text-decoration: none !important; 
}
.sidebar-toggler:before {
	display: block;
	font-size: 18px;
	height: 29px;
	padding-top: 4px;
	text-align:center;
	font-family: FontAwesome;
	content: "\f053";
}
.page-sidebar-closed .sidebar-toggler:before, .sidebar-toggler-closed:before {
	display: block;
	font-size: 18px;
	height: 29px;
	padding-top: 4px;
	text-align:center;
	font-family: FontAwesome;
	content: "\f054";
}
.sidebar-toggler span.title {
	display: none;
}
/* === page content === */
#content {
	left: 0px;
	transition-property: left;
	transition-duration: .5s;
}
.page-content-wrapper {
	float: left;
	width: 100%;
}
/* === news ticker === */
#news-ticker {
	margin: 0;
	margin-left: 215px;
	overflow: hidden;
	height: 35px;
	padding-left: 30px;
}
#news-ticker.fullwidth {
	margin-left:0px;
}
#news-ticker .carousel-inner {
	margin: 7px 0 0 9px;
	width: 80%;
	overflow: hidden;
}
#news-ticker .carousel-inner > .item > a {
	color: #eee !important;
	font-weight: normal;
	display: block;
	width: 900px;
}
#news-ticker .carousel-control {
	position: absolute;
	z-index: 30;
	top: 0px;
	width: 20px;
	height: 20px;
	font-size: 18px;
	line-height: 18px;
	color: #ffffff;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	opacity: 1;
	filter: alpha(opacity=100);
}
#news-ticker .carousel-control.left {
	right: 35px !important;
	left: auto;
}
#news-ticker .carousel-control.right {
	right: 10px;
	left: auto;
}
#news-ticker .carousel-control:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #333;
}
/* === page content === */
.page-content {
	margin-left: 215px;
	margin-top: 0px;
	min-height: 760px;
	padding: 8px 8px 0 8px;
	background-color: #fafafa;
	background-image:url(../img/bg.jpg);
	border-radius: 0 0 0 4px;
	
}
.page-content.fullwidth {
	margin-left: 0px;
	border-radius: 0 0 0 0;
}
/* === page title === */
.page-title {
	padding: 0px;
	font-size: 26px;
	line-height: 1.1em;
	letter-spacing: -1px;
	display: block;
	color: #666;
	margin: 0px 0px 4px 4px;
	font-weight: normal;
	  margin-left: 30px;
}
.page-title small {
	font-size: 16px;
	letter-spacing: 0px;
	font-weight: normal;
	color: #888;
}
/* === footer === */
#footer {
	padding: 10px;
	height: 40px;
	font-size: 12px;
	color: #fff;
	clear: left;
}
#footer:after, #footer:before {
	content: "";
	display: table;
	line-height: 0;
}
#footer:after {
	clear: both;
}
#footer .footer-inner {
	float: left;
	margin-left: 215px;
	display: inline-block;
	font-size: 16px;
}
#footer .footer-inner.fullwidth {
	margin-left: 0px;
}
#footer .go-top {
	position: fixed;
	bottom: 0px;
	right: 10px;
	text-decoration: none;
	color: #fff;
	background-color: #E8190E;
	font-size: 18px;
	padding: 8px 25px;
	cursor: pointer;
	display: none;
	z-index: 7999;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}
#footer .go-top i {
	color: #fff;
	margin-right: 5px;
}
#footer .go-top:hover {
	background-color: #e8554d;
}
/* general ui elements
================================================== */
/* === buttons & dropdown buttons === */
.btn {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
	outline: none !important;
}
.btn-default {
	border-color: #e5e5e5;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	filter: alpha(opacity=45);
	opacity: .45;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 3px 8px;
  font-size: 14px;
}
/* === dropdown === */
.dropdown-backdrop {
	position: static;
}
.dropdown:hover .caret, .open.dropdown .caret {
	opacity: 1;
	filter: alpha(opacity=100);
}
.dropdown.open .dropdown-toggle {
	color: #08c;
	background: #ccc;
	background: rgba(0, 0, 0, 0.3);
}
/* === dropdown menu === */
.dropdown-menu {
	border-radius: 4px !important;
}
.dropdown-content {
	padding: 5px;
}
.dropdown-content form {
	margin: 0;
}
.dropdown.inline .dropdown-menu {
	display: inline-block;
	position: relative;
}
.dropdown-menu.bottom-up {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px;
}
.dropdown-menu li > a {
	padding: 6px 0 6px 13px;
	color: #333;
	text-decoration: none;
	display: block;
	clear: both;
	font-weight: normal;
	line-height: 26px;
    font-size: 16px;
	white-space: nowrap;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
	text-decoration: none;
	background-image: none;
	background-color: #eee;
	color: #333;
	filter: none;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > .dropdown-menu {
	top: 5px;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
	top: auto;
	bottom: 0;
	margin-top: 0;
	margin-bottom: -2px;
}
.dropdown-submenu > a:after {
	position: absolute;
	display: inline-block;
	font-size: 15px;
	right: 7px;
	top: 7px;
	font-family: fontawesome;
	height: auto;
	content: "\f105";
	font-weight: 300;
}
.dropdown-submenu:hover > a:after {
	border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
}
.nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right {
	right: 0;
	left: auto;
}
.nav.pull-right > li > .dropdown-menu:before, .nav > li > .dropdown-menu.pull-right:before {
	right: 12px;
	left: auto;
}
.nav.pull-right > li > .dropdown-menu:after, .nav > li > .dropdown-menu.pull-right:after {
	right: 13px;
	left: auto;
}
.nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu {
	right: 100%;
	left: auto;
	margin-right: -1px;
	margin-left: 0;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
/* === dropdown checkboxes === */
.dropdown-checkboxes {
	padding: 5px;
}
.dropdown-checkboxes label {
	display: block;
	font-weight: 300;
	color: #333;
	margin-bottom: 4px;
	margin-top: 4px;
}
/* === dropdown menu badges === */
.dropdown-menu > li > a > .badge {
	position: absolute;
	margin-top: 1px;
	right: 3px;
	display: inline;
	font-size: 12px;
	font-weight: 300;
	text-shadow: none;
	height: 18px;
	padding: 3px 6px 3px 6px;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 12px !important;
	border-radius: 12px !important;
}
/* === extended dropdowns === */
.dropdown-menu.extended {
	padding: 0px;
	border-radius: 4px !important;
	min-width: 160px !important;
	max-width: 300px !important;
	width: 233px !important;
	background-color: #ffffff !important;
}
.dropdown-menu.extended:before, .dropdown-menu.extended:after {
	border-bottom-color: #eee !important;
}
.dropdown-menu.extended li a {
	display: block;
	padding: 5px 10px !important;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	white-space: normal !important;
}
.dropdown-menu.extended li i {
	margin-right: 3px;
}
.dropdown-menu.extended li a {
	font-size: 14px;
	padding: 10px !important;
	background-color: #ffffff;
}
.dropdown-menu.extended li a:hover {
	background-image: none;
	background-color: #f5f5f5;
	color: #000;
	filter: none;
}
.dropdown-menu.extended li p {
	border-radius: 4px 4px 0px 0px !important;
	padding: 10px;
	background-color: #eee;
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
	color: #333;
}
.dropdown-menu.extended li a {
	padding: 7px 0 5px 0px;
	list-style: none;
	border-bottom: 1px solid #f4f4f4 !important;
	font-size: 13px;
	text-shadow: none;
}
.dropdown-menu.extended li:first-child a {
	border-top: none;
	border-bottom: 1px solid #f4f4f4 !important;
}
.dropdown-menu.extended li:last-child a {
	border-top: 1px solid white !important;
	border-bottom: 1px solid #f4f4f4 !important;
}
.dropdown-menu.extended li.external > a {
	font-size: 13px;
	font-weight: 400;
	border-bottom: 0 !important;
	background-color: #efefef;
}
/* === header notifications dropdowns === */
.dropdown-menu .dropdown-menu-list.scroller {
	padding-right: 0 !important;
	padding-left: 0;
	list-style: none;
}
.dropdown-menu.notification li > a .time {
	font-size: 13px;
	font-weight: 600;
	text-align: right;
	font-style: italic;
}
/* === header inbox dropdowns === */
.dropdown-menu.inbox li > a .photo {
	float: left;
	padding-right: 6px;
}
.dropdown-menu.inbox li > a .photo > img {
	height: 40px;
	width: 40px;
}
.dropdown-menu.inbox li > a .subject {
	display: block;
}
.dropdown-menu.inbox li > a .subject .from {
	font-size: 14px;
	font-weight: 400;
	color: #02689b;
}
.dropdown-menu.inbox li > a .subject .time {
	font-size: 13px;
	font-weight: 600;
	font-style: italic;
	position: relative;
	float: right;
}
.dropdown-menu.inbox li > a .message {
	display: block !important;
	font-size: 13px;
}
/* === header tasks dropdowns === */
.dropdown-menu.tasks .task {
	margin-bottom: 5px;
}
.dropdown-menu.tasks .task .desc {
	font-size: 14px;
	font-weight: normal;
}
.dropdown-menu.tasks .task .percent {
	font-size: 14px;
	font-weight: 600;
	float: right;
	display: inline-block;
}
.dropdown-menu.tasks .progress {
	display: block;
	height: 11px;
	margin: 0px;
}
/* === portlets === */
.portlet {
	clear: both;
	margin-top: 0px;
	margin-bottom: 8px;
	padding: 0px;
	border: 1px solid #eaeaea;
	background-color: #ffffff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.portlet.no-border {
	border: 1px solid transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.portlet > .portlet-title {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	padding: 0 10px 0 10px;
	height: 32px;
}
.portlet > .portlet-title.no-color {
	background-color: #efefef;
}
.portlet.sortable > .portlet-title {
	cursor: move;
}
.portlet.no-border > .portlet-title {
	background-color: #ffffff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-bottom: 3px solid #dedede;
}
.portlet > .portlet-title:after, .portlet > .portlet-title:before {
	content: "";
	display: table;
	line-height: 0;
}
.portlet > .portlet-title:after {
	clear: both;
}
.portlet > .portlet-title > .caption {
	float: left;
	display: inline-block;
	font-size: 15px;
	line-height: 32px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.portlet > .portlet-title > .caption > i {
	float: left;
	display: inline-block !important;
	font-size: 13px;
	line-height: 32px;
	margin-right: 8px;
}
.portlet > .portlet-title.no-color > .caption, .portlet.no-border > .portlet-title > .caption {
	color: #565656;
}
.sortable .portlet > .portlet-title {
	cursor: move;
}
.portlet > .portlet-title > .tools, .portlet > .portlet-title > .actions {
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-top: 3px;
	float: right;
}
.portlet > .portlet-title > .tools {
	margin-top: 0px;
}
.portlet > .portlet-title > .tools > a {
	font-family: 'fontawesome';
	font-weight: normal;
	text-align: center;
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 32px;
	margin-left: 8px;
	opacity: .6;
	filter: 'alpha(opacity=60)';
}
.portlet > .portlet-title > .actions > .dropdown-menu i {
	color: #000 !important;
}
.portlet > .portlet-title > .tools > a.remove:after {
	content: "\f00d";
}
.portlet > .portlet-title > .tools > a.reload:after {
	content: "\f021";
}
.portlet > .portlet-title > .tools > a.expand:after {
	content: "\f078";
}
.portlet > .portlet-title > .tools > a.collapse:after {
	content: "\f077";
}
.portlet > .portlet-title > .tools > a:hover {
	text-decoration: none;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	opacity: 1;
	filter: 'alpha(opacity=100)';
}
.portlet > .portlet-title > .actions > .btn-group {
	margin-top: -8px;
}
.portlet > .portlet-title > .actions > .btn {
	padding: 4px 10px;
	margin-top: -10px;
}
.portlet > .portlet-title > .actions > .btn-group > .btn {
	padding: 4px 10px;
	margin-top: -1px;
}
.portlet > .portlet-title > .actions > .btn.btn-sm {
	padding: 3px 8px;
	margin-top: -10px;
}
.portlet > .portlet-title > .actions > .btn-group > .btn-sm {
	padding: 3px 8px;
	margin-top: -1px;
}
.portlet > .portlet-title > .pagination.pagination-sm {
	float: right !important;
	display: inline-block !important;
	margin: 0px;
	margin-top: -6px;
}
.portlet > .portlet-body {
	clear: both;
	padding: 8px;
	background-color: #ffffff;
	border-radius: 0px 0px 4px 4px;
}
.portlet-body img {
	max-width: 100%;
	height: auto !important;
}
/* === tabs & pills === */
.navbar-header .navbar-toggle {
	padding: 0 5px;
}
.navbar-header h4 {
	margin-left: 10px;
}
.navbar {
	min-height: 36px;
	margin-bottom: 8px;
}
.navbar-nav > li > a {
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 36px;
}
.navbar-nav > li.active > a {
	line-height: 36px;
}
.navbar-form {
	height: 36px;
	margin:0;
	padding: 5px 0 0 0;
}
.nav-tabs .badge, .nav-pills .badge {
	position: absolute;
	top: -1px;
	right: -5px;
	z-index: 99;
}
.nav-tabs > li > a {
	background-color: #f4f4f4;
	border-top: 3px solid #f4f4f4;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
    padding: 5px 8px ;
}
.nav-pills > li > a {
    padding: 5px 8px ;
}
.nav-tabs > li {
	margin-bottom: -1px;
}
.nav-tabs > li > a:hover {
	color: #000;
}
.tabs-below > .nav-tabs {
	border-top: 1px solid #dddddd;
	margin-top: 0px !important; 
}
.tabs-below > .nav-tabs > li {
	margin-top: -1px;
	margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	border-bottom: 3px solid #f4f4f4;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
}
.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus {
	border-top: 1px solid #ffffff;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}
.tabs-below > .nav-tabs, .tabs-below > .nav-pills {
	border-bottom: 0;
}
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
	float: none;
}
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
	min-width: 74px;
	margin-right: 0;
	margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
	float: left;
	border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
	margin-right: -2px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	border-bottom: 1px solid #f4f4f4;
	border-top: 1px solid #f4f4f4;
	border-left: 3px solid #f4f4f4;
	border-right: 1px solid #dddddd;
}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
	border-right: 1px solid #ffffff;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.tabs-right > .nav-tabs {
	float: right;
	border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
	margin-left: -2px;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	border-bottom: 1px solid #f4f4f4;
	border-top: 1px solid #f4f4f4;
	border-right: 3px solid #f4f4f4;
	border-left: 1px solid #dddddd;
}
.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.dropup.open > .dropdown-toggle, .dropdown.open > .dropdown-toggle {
	border-color: #ddd !important;
}
.nav-tabs > li > .dropdown-menu:after, .nav-pills > li > .dropdown-menu:after, .navbar-nav > li > .dropdown-menu:after, .nav-tabs > li > .dropdown-menu:before, .nav-pills > li > .dropdown-menu:before, .navbar-nav > li > .dropdown-menu:before {
	display: none !important;
}
.nav-tabs > .dropdown.open > .dropdown-toggle, .nav-pills > .dropdown.open > .dropdown-toggle {
	background: #eee !important;
	color: #0d638f !important;
}
.tabbable:before, .tabbable:after {
	display: table;
	content: " ";
}
.tabbable:after {
	clear: both;
}
.tab-content{
	padding: 8px 0px;
	overflow: hidden;
	width: 100%;
}
.tab-content.border{
	padding: 8px 4px;
	margin-top: -1px;
	border: 1px solid #dddddd;
}
.tabs-below .tab-content.border{
	margin-top: 0px;
	margin-bottom: -1px;
}
.tabs-left .tab-content{
	padding: 0 0 0 8px;
}
.tabs-left .tab-content.border{
	margin-top: 0px;
	margin-bottom: 0px;
}
.tabs-right .tab-content{
	padding: 0 0 0 8px;
}
.tabs-right .tab-content.border{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* === custom tabs === */
.tabbable-custom {
	margin-bottom: 15px;
	padding: 0px;
}
.tabbable-custom > .nav-tabs {
	border: none;
	margin: 0px;
}
.tabbable-custom > .tab-content {
	background-color: #ffffff;
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 8px 8px 0 8px;
}
/* === custom sidebar tabs === */
.sidebar-tabs.tabbable {
	margin-bottom: 0px;
}
.sidebar-tabs.tabbable .nav-tabs {
	border-bottom: none;
	padding-top: 10px;
	margin-bottom: 0px;
}
.sidebar-tabs.tabbable .nav-tabs > li {
	margin-bottom: 0px;
}
.sidebar-tabs.tabbable .nav-tabs > li:first-child {
	margin-left: 3px;
}
.sidebar-tabs.tabbable .nav-tabs > li > a {
	padding: 7px;
	color: #cdcdcd;
}
.sidebar-tabs.tabbable .nav-tabs > li.active > a, .sidebar-tabs.tabbable .nav-tabs > li.active > a:hover {
	color: #ffffff;
}
.sidebar-tabs.tabbable .nav-tabs > li > a:hover {
	color: #ffffff;
}
.sidebar-tabs.tabbable .tab-content, #sidebar .tabbable .tab-content{
	overflow: visible;
}
.sidebar-tabs.tabbable .tab-pane {
	margin-top: 5px;
}
.page-sidebar-closed .sidebar-tabs.tabbable .nav-tabs {
	padding-top: 0px;
}
.page-sidebar-closed .sidebar-tabs.tabbable .nav-tabs > li {
	margin: 0px;
}
.page-sidebar-closed .sidebar-tabs.tabbable .nav-tabs > li > a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.page-sidebar-closed .sidebar-tabs.tabbable .tab-pane {
	margin-top: 0px;
}
/* === custom portlet tabs === */
.portlet-tabs > .nav-tabs {
	position: relative;
	top: -41px;
	margin-right: 10px;
	overflow: hidden;
}
.portlet-tabs > .nav-tabs > li {
	float: right;
}
.portlet-tabs > .nav-tabs {
	border-bottom: none;
}
.portlet-tabs > .nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 12px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 0;
	border-right: 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.portlet-tabs > .nav-tabs > li:last-child > a {
	border-right: 0;
}
.portlet-tabs > .nav-tabs > li {
	margin-left: 1px;
}
.portlet-tabs > .nav-tabs > li.active {
	color: #333;
	border-top-color: transparent;
}
.portlet-tabs > .nav-tabs > li.active > a {
	margin-bottom: 0px;
	border-bottom: 0;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 0;
	border-right: 0;
	background-color: none !important;
	border-top-color: transparent !important;
}
.portlet-tabs > .nav-tabs > li > a:hover {
	color: #333;
	margin-bottom: 0;
	border-bottom-color: transparent;
	margin-left: 0;
	margin-right: 0;
	border-left: 0;
	border-right: 0;
	background-color: none !important;
	border-top-color: transparent;
	background-color: #ffffff;
}
.portlet-tabs > .nav-tabs > .active > a {
	color: #555555;
	cursor: default;
	background-color: #ffffff;
}
.portlet-tabs > .nav-tabs > .active > a:hover {
	background-color: #fff !important;
}
.portlet-tabs > .tab-content {
	padding: 10px !important;
	margin: 0px;
	margin-top: -50px !important;
	float:left;
}
.portlet.tabbable .portlet-body {
	padding: 0px;
}
.tab-pane > p:last-child {
	margin-bottom: 0px;
}
/* === accordions === */
.accordion-toggle {
	color: #0d638f!important;
	display: block;
	text-decoration:none!important;
}
.accordion-toggle:hover, .accordion-toggle:active{
	color: #000!important;
}
.panel-heading [data-toggle="collapse"]:after{
    font-family: 'FontAwesome';
    content: "\f078"; 
    float: right;
    color: #b0c5d8;
    font-size: 13px;
    line-height: 16px;
}
.panel-heading [data-toggle="collapse"].collapsed:after{
    content: "\f077"; 
}
/* === breadcrumb === */
.breadcrumb {
	font-size: 12px;
	margin-bottom: 8px;
}
.breadcrumb > li + li:before {
	padding: 0;
	content: "\00a0";
}
/* === label and badges === */
.label, .badge {
	font-weight: 300;
	text-shadow: none !important;
	color: #ffffff !important;
}
.label {
	font-size: 12px;
	padding: 3px 6px 3px 6px;
	margin-right: 2px;
}
.label:last-child {
	margin-right: 0px;
}
.label.label-sm {
	font-size: 12px;
	padding: 1px 4px 1px 4px;
}
h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label, h7 .label {
	font-size: 75%;
}
.badge {
	font-size: 12px !important;
	font-weight: 300;
	text-align: center;
	background-color: #e02222;
	height: 18px;
	padding: 3px 6px 3px 6px;
	-webkit-border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	border-radius: 12px !important;
	text-shadow: none !important;
	text-align: center;
	vertical-align: middle;
}
.badge-default, .label-default {
	background-color: #999 !important;
}
.badge-primary, .label-primary {
	background-color: #428bca !important;
}
.label-success, .badge-success {
	background-color: #3cc051 !important;
	background-image: none !important;
}
.label-warning, .badge-warning {
	background-color: #fcb322 !important;
	background-image: none !important;
}
.label-danger, .badge-danger, .label-important, .badge-important {
	background-color: #ed4e2a !important;
	background-image: none !important;
}
.label-info, .badge-info {
	background-color: #57b5e3 !important;
	background-image: none !important;
}
/* fix badge position for navs */
.nav.nav-pills > li > a > .badge {
	margin-top: -2px;
}
.nav.nav-stacked > li > a > .badge {
	margin-top: 1px;
	margin-bottom: 0px;
}
/* ========== Wizard ========== */
.wizard {
	width: 100%;
*zoom: 1;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	/*border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
	list-style:none;
	margin:0;
	padding:0;
}
.wizard:before, .wizard:after {
	display: table;
	content: "";
}
.wizard:after {
	clear: both;
}
.wizard > li {
	position:relative;
	float:left;
	margin:0 0 1px 0;
	padding:0;
}
.wizard > li:first-child {
	margin-left:0px;
}
.wizard > li > a {
	padding: 0 8px 0 15px;
	display: block;
	font-weight: normal;
	text-decoration:none;
	color: #333;
	height: 46px;
	line-height: 40px;
	margin-left: -8px;
	border-top: 4px solid #e3e3e3;
	border-bottom: 2px solid #bcbcbc;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-image:url(../img/bar-wizard.png);
}
.wizard > li > a:hover {
	color: #444;
}
.wizard > li.active > a{
	border-top: 4px solid #0093c4 !important;
}
.wizard > li.editable > a {
	color: #fff;
	background-position: 0px -40px;
	border-top: 4px solid #7bbd99;
}
.wizard > li.disable > a, .wizard > li.disable.active > a{
	color: #8e8f77;
	background-position: 0px -80px;
	border-top: 4px solid #afb093 !important;
	cursor: not-allowed;
}
.wizard > li.read-only > a{
	color: #fff;
	background-position: 0px -120px;
	border-top: 4px solid #e66665;
}
.wizard > li:first-child > a {
	margin-left:0px;
	background-position:-12px 0px;
	padding-left: 10px;
	padding-right:10px;
	border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
}
.wizard > li:first-child.editable > a {
	background-position: -12px -40px;
}
.wizard > li:first-child.disable > a {
	background-position: -12px -80px;
}
.wizard > li:first-child.read-only > a {
	background-position: -12px -120px;
}
.wizard > li:last-child > a {
	padding-right: 10px;
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}
.wizard > li.dropdown.open > a.dropdown-toggle{
	background-color: transparent;
	background-image:url(../img/bar-wizard.png);
	background-position: 0px -160px;
	color: #222;
}
.wizard > li:first-child.dropdown.open > a.dropdown-toggle{
	background-color: transparent;
	background-image:url(../img/bar-wizard.png);
	background-position: -12px -160px;
	color: #222;
}
.wizard > li.editable.opened > a > .label.label-default > i, .wizard > li.dropdown.editable.opened > a > .label.label-default > i{
	color:#555;
	color:rgba(0,0,0,.5);
}
.wizard > li > a > .label {
    padding: 0 3px 0 0;
	margin-top: -3px;
	font-size: 26px;
    vertical-align: middle;
	display: inline-block;
	background-color: transparent!important;
}
.wizard > li > a > .label.label-default > i{
	color:#787878;
	color:rgba(0,0,0,.2);
}
.wizard .badge {
	position: absolute;
	top: -6px;
	right: 10px;
	z-index: 99;
}
/* === iconic labels  === */
.label.label-icon {
	padding: 4px 1px 4px 5px;
	margin-right: 2px;
	text-align: center !important;
}
/*.ie9 .label.label-icon, .ie10 .label.label-icon {
	padding: 3px 0px 3px 3px;
}
*/
.label.label-icon > i {
	font-size: 12px;
	text-align: center !important;
}
/* === progress bars === */
.progress {
	border: 0;
	filter: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.progress > .progress-bar-success {
	background-color: #3cc051;
}
.progress > .progress-bar-danger {
	background-color: #ed4e2a;
}
.progress > .progress-bar-info {
	background-color: #57b5e3;
}
.progress > .progress-bar-warning {
	background-color: #fcb322;
}
/* === pagination === */
.pagination {
	margin: 10px 0;
}
.pagination .active > a, .pagination .active > a:hover {
	background: #eee;
	border-color: #dddddd;
	color: #333;
}
.pagination > li > a,
.pagination > li > span {
	padding: 4px 12px;
	line-height: 20px;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
	padding: 11px 15px;
	font-size: 15.5px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
	padding: 2px 10px;
	font-size: 11.9px;
}
/* === alert === */
.alert {
	border-left: 5px solid #eee;
	border-top: transparent;
	border-bottom: transparent;
	border-right: transparent;
}
.alert h1, .alert h2, .alert h3, .alert h4 {
	margin-top: 0;
}
.alert p:last-child {
	margin-bottom: 0;
}
.alert:last-child {
	margin-bottom: 0;
}
.alert code, .alert .highlight {
	background-color: #ffffff;
}
.alert-danger, .alert-error {
	background-color: #faeae6;
	border-left-color: #ed4e2a;
}
.alert-warning {
	background-color: #fcf3e1;
	border-left-color: #fcb322;
}
.alert-info {
	background-color: #e8f6fc;
	border-left-color: #57b5e3;
}
.alert-success {
	background-color: #ebfcee;
	border-left-color: #3cc051;
}
/* === popover === */
.popover {
	max-width: 226px;
}
/* === close === */
.close {
	display: inline-block;
	margin-top: 0px;
	margin-right: 0px;
	width: 9px;
	height: 9px;
	text-indent: -10000px;
	background-repeat: no-repeat !important;
	background-image: url("../img/remove-icon-small.png") !important;
}
/* === well === */
.well {
	min-height: 10px;
	padding: 6px;
	margin-bottom: 8px;
}
.well-lg {
	padding: 12px;
	border-radius: 6px;
}
.well-sm {
	padding: 2px;
	border-radius: 3px;
}
.well.well-danger {
	background-color: #faeae6;
}
.well.well-warning {
	background-color: #fcf3e1;
}
.well.well-info {
	background-color: #e8f6fc;
}
.well.well-success {
	background-color: #ebfcee;
}
/* === panel === */
.panel {
	margin-bottom: 8px;
}
.panel-body {
	padding: 8px;
}
.panel-heading {
	padding: 4px 8px;
}
/* === list group === */
.list-group {
	margin-bottom: 8px;
}
.list-group-item {
	padding: 8px 12px;
}
/* === form control === */
code {
	border: 1px solid #e1e1e1;
}
label {
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
}
.form-control:-moz-placeholder {
 color: #999999;
}
.form-control::-moz-placeholder {
 color: #999999;
}
.form-control:-ms-input-placeholder {
 color: #999999;
}
.form-control::-webkit-input-placeholder {
 color: #999999;
}
.form-control {
 	font-weight: normal;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-control:focus {
	border-color: #999999;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #eeeeee;
}
.form-control.area-code {
	display: inline !important;
	width: 40px;
}
.uneditable-input {
	padding: 6px 12px;
	min-width: 206px;
	font-size: 14px;
	font-weight: normal;
	height: 34px;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 4px;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
label.form-control {
	display: block;
	margin-bottom: 3px;
}
input[disabled], select[disabled], textarea[disabled] {
	cursor: not-allowed;
	background-color: #f4f4f4 !important;
}
input[readonly], select[readonly], textarea[readonly] {
	cursor: not-allowed;
	background-color: #f9f9f9 !important;
}
.input-group.input-group-fixed {
	width: auto !important;
}
.input-group-addon {
	border-color: #e5e5e5;
	background: #e5e5e5;
	min-width: 38px;
}
.input-group-addon > i {
	color: #999;
}
.form-control-inline {
	display: inline-block !important;
}
.input-xsmall {
	width: 60px !important;
}
.input-small {
	width: 120px !important;
}
.input-medium {
	width: 240px !important;
}
.input-large {
	width: 320px !important;
}
.input-xlarge {
	width: 480px !important;
}
.form-horizontal .form-group {
	margin-right: 0px;
	margin-left: 0px;
}
.form-group {
	margin-bottom: 4px;
}
.form-group:last-child {
	margin-bottom: 8px;
}
input.placeholder, textarea.placeholder {
	color: #aaa !important;
}
.help-block {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 13px;
}
.form-inline input {
	margin-bottom: 0px !important;
}
.control-label {
	margin-top: -3px;
}
.form-control-static {
	font-size: 14px;
	padding-top: 7px;
}
.control-label .required {
	color: #e02222;
	font-size: 12px;
	padding-left: 2px;
}
.form {
	padding: 0 !important;
}
.form-body {
	padding: 8px;
}
.form-actions {
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
	border-radius: 0 0 4px 4px;
 *zoom: 1;
}
.form-actions.nobg {
	background-color: transparent;
}
.form-actions.top {
	margin-top: 0;
	margin-bottom: 20px;
	border-top: 0;
	border-bottom: 1px solid #e5e5e5;
	border-radius: 0;
}
.form-actions.fluid {
	padding: 20px 0;
}
.form-actions.fluid > [class^="col-"] {
	padding-left: 13px;
}
.form-actions:before, .form-actions:after {
	display: table;
	line-height: 0;
	content: "";
}
.form-actions:after {
	clear: both;
}
.form-section {
	margin: 30px 0px 25px 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}
.form .form-section:first-child {
	margin-top: 5px;
}
.help-inline {
	font-size: 13px;
	color: #737373;
	display: inline-block;
	padding: 5px;
}
.form-actions.right {
	padding-left: 0;
	padding-right: 10px;
	text-align: right;
}
.form-actions.left {
	padding-left: 10px;
	padding-right: 0;
	text-align: left;
}
.form-group .checkbox {
	padding-left: 0;
}
.radio-list label, .checkbox-list label{
    display: block;
    height: 20px;
	margin : 6px 0 0 17px;
    text-align: left;
    vertical-align: top;
}
.radio-list input, .checkbox-list input {
    display: block;
    margin: 2px 0 -15px -17px;
}
.radio-list label.radio-inline, .checkbox-list label.checkbox-inline{
    display: inline-block;
    height: 20px;
	margin : -4px 15px 0 -3px;
    text-align: center;
    vertical-align: top;
    padding-top: 8px;
}
.radio-list label.radio-inline input, .checkbox-list label.checkbox-inline input {
    display: block;
    margin: 9px 0 0 -17px;
	
}
/*.checkbox-list > label {
	display: block;
}
.checkbox-list > label.checkbox-inline {
	display: inline-block;
	margin-left: 20px;
}
.checkbox-list > label.checkbox-inline:first-child {
	padding-left: 0;
}
.radio-list > label {
	display: block;
}
.radio-list > label.radio-inline {
	display: inline-block;
	margin-left: 20px;
}
.radio-list > label.radio-inline:first-child {
	padding-left: 0;
}*/
.form-row-seperated .form-group {
	margin: 0;
	border-bottom: 1px solid #efefef;
	padding: 2px 2px 2px 0px;
}
.form-row-seperated .form-group.last {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
}
.form-row-seperated .form-actions {
	margin-top: 0;
}
.form-row-seperated .form-body {
	padding: 0;
	margin-top: 0;
}
.form-row-seperated .help-block {
	margin-bottom: 0;
}
.form-bordered .form-body {
	margin: 0;
	padding: 0;
}
.form-bordered .form-actions {
	margin-top: 0;
}
.form-bordered .form-group {
	margin: 0;
	border-bottom: 1px solid #efefef;
}
.form-bordered .form-group.last {
	border-bottom: 0;
}
.form-bordered .help-block {
	margin-bottom: 0;
}
.form-bordered .control-label {
	padding-top: 8px;
}
.form-bordered .form-group > div {
	padding: 4px;
	border-left: 1px solid #efefef;
}
.form-bordered .form-actions.fluid > .row > div {
	padding-left: 10px;
}
.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
	background-color: #fcfcfc;
}
.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
	background-color: #fcfcfc;
}
.form-horizontal.form-bordered.form-row-stripped .form-control {
	background: #fff !important;
}
.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
	background-color: #ffffff;
}
.form-bordered .form-control {
	margin: 0;
}
/* === inline form elements === */
.col-form-group {
	width: 100%;
*zoom: 1;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.col-form-group:before, .col-form-group:after {
	display: table;
	content: "";
}
.col-form-group:after {
	clear: both;
}
.col-form-group .col-form-item {
	display: block;
	width: auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 6px;
}
.col-form-group .col-form-item:first-child {
	margin-left: 0;
}
/* === error states === */
.has-warning .help-inline, .has-warning .help-block, .has-warning .control-label {
	color: #c09853;
}
.has-warning .form-control {
	border-color: #c09853;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-warning .form-control:focus {
	border-color: #a47e3c;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-warning .input-group-addon {
	color: #c09853;
	background-color: #fcf8e3;
	border-color: #c09853;
}
.has-error .help-inline, .has-error .help-block, .has-error .control-label {
	color: #b94a48;
}
.has-error .form-control {
	border-color: #b94a48;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-error .form-control:focus {
	border-color: #953b39;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-error .input-group-addon {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #b94a48;
}
.has-success .help-inline, .has-success .help-block, .has-success .control-label {
	color: #468847;
}
.has-success .form-control {
	border-color: #468847;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-success .form-control:focus {
	border-color: #356635;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-success .input-group-addon {
	color: #468847;
	background-color: #dff0d8;
	border-color: #468847;
}
/* === tables === */
.table thead tr th.head-grey{
	background-color: #ababab;
}
.table td.bg-white{
	background-color: #fff!important;
}
.table tr th.w40 {
	width: 40px;
}
.table tr th.w60 {
	width: 60px;
}
.table tr th.w80 {
	width: 80px;
}
.table tr th.w100 {
	width: 100px;
}
.table tr th.w120 {
	width: 120px;
}
.table tr th.w160 {
	width: 160px;
}
.table tr th.w200 {
	width: 200px;
}
.table thead > tr > th {
	border-bottom: 0;
	font-size: 14px;
	font-weight: 600;
}
.table thead tr th, .table tbody tr th {
	color: #000 ;
	font-weight: bold !important;
	text-shadow: 1px 1px 0px rgba( 255,255,255,.8) ;
}
.table td.nested, .table td.nested:hover{
	padding:8px;
	background-color:#dedede;
}
.table.table-inner {
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.17);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.17);
}
.table-toolbar {
	margin-bottom: 15px;
}
.table.table-full-width {
	width: 100% !important;
}
.table .m-btn {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
}
.table-advance {
	margin-bottom: 0px !important;
}
.table-advance thead tr th {
	font-size: 14px;
	font-weight: 400;
}
.table-advance div.success, .table-advance div.info, .table-advance div.important, .table-advance div.warning, .table-advance div.danger {
	position: absolute;
	float: left;
	width: 2px;
	height: 30px;
	margin-top: -5px;
	margin-right: 20px !important;
}
.table-advance tr td {
	border-left-width: 0px;
}
.table-advance tr td:first-child {
	border-left-width: 1px !important;
}
.table-advance tr td.highlight:first-child a {
	margin-left: 15px;
}
.table-advance td.highlight div.success {
	border-left: 2px solid #66ee66;
}
.table-advance td.highlight div.info {
	border-left: 2px solid #87ceeb;
}
.table-advance td.highlight div.important {
	border-left: 2px solid #f02c71;
}
.table-advance td.highlight div.warning {
	border-left: 2px solid #fdbb39;
}
.table-advance td.highlight div.danger {
	border-left: 2px solid #e23e29;
}
table.table td {
	position: relative;
}
.table th.vm,.table td.vm{
	vertical-align:middle;
}
table.table td .t-current {
	width: 7px;
	height: 16px;
	display: inline-block;
	margin-top: 2px;
	margin-left: -3px;
	background: url(../img/dt-current.png) no-repeat!important;
}
table.table td .t-tag {
	position: absolute;
	width: 17px;
	height: 17px;
	right: 0;
	top: 0;
}
table.table td .t-tag.tag-primary {
	background: url(../img/tag-primary.png) right top no-repeat!important;
}
table.table td .t-tag.tag-success {
	background: url(../img/tag-success.png) right top no-repeat!important;
}
table.table td .t-tag.tag-important {
	background: url(../img/tag-important.png) right top no-repeat!important;
}
table.table td .t-tag.tag-warning {
	background: url(../img/tag-warning.png) right top no-repeat!important;
}
table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, table.table thead .sorting_asc_disabled, table.table thead .sorting_desc_disabled {
	cursor: pointer;
 *cursor: hand;
}
table.table thead .sorting {
	background: url(../img/sort.png) no-repeat center right;
}
table.table thead .sorting_asc {
	background: url(../img/sort-up.png) no-repeat center right;
}
table.table thead .sorting_desc {
	background: url(../img/sort-down.png) no-repeat center right;
}
table.table thead .sorting_asc_disabled {
	background: url(../img/sort-up-disable.png) no-repeat center right;
}
table.table thead .sorting_desc_disabled {
	background: url(../img/sort-down-disable.png) no-repeat center right;
}
div.dataTables_length label {
	float: left;
	text-align: left;
}
div.dataTables_length select {
	width: 75px;
}
div.dataTables_filter label {
	float: right;
}
div.dataTables_info {
	padding-top: 8px;
}
/* === responsive & scrollable tables === */
.table-scrollable {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	border: 1px solid #dddddd;
	margin: 10px 0 !important;
}
.table-scrollable > .table {
	width: 100% !important;
	margin: 0 !important;
	margin-bottom: 0;
	background-color: #ffffff;
}
.table-scrollable > .table > thead > tr > th, .table-scrollable > .table > tbody > tr > th, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > thead > tr > td, .table-scrollable > .table > tbody > tr > td, .table-scrollable > .table > tfoot > tr > td {
	white-space: nowrap;
}
.table-scrollable > .table-bordered {
	border: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:first-child, .table-scrollable > .table-bordered > tbody > tr > th:first-child, .table-scrollable > .table-bordered > tfoot > tr > th:first-child, .table-scrollable > .table-bordered > thead > tr > td:first-child, .table-scrollable > .table-bordered > tbody > tr > td:first-child, .table-scrollable > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:last-child, .table-scrollable > .table-bordered > tbody > tr > th:last-child, .table-scrollable > .table-bordered > tfoot > tr > th:last-child, .table-scrollable > .table-bordered > thead > tr > td:last-child, .table-scrollable > .table-bordered > tbody > tr > td:last-child, .table-scrollable > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
}
.table-scrollable > .table-bordered > thead > tr:last-child > th, .table-scrollable > .table-bordered > tbody > tr:last-child > th, .table-scrollable > .table-bordered > tfoot > tr:last-child > th, .table-scrollable > .table-bordered > thead > tr:last-child > td, .table-scrollable > .table-bordered > tbody > tr:last-child > td, .table-scrollable > .table-bordered > tfoot > tr:last-child > td {
	border-bottom: 0;
}
/* === responsive flip scroll tables === */
.flip-scroll table {
	width: 100%;
}
/* === custom icon buttons === */
.icon-btn {
	height: 60px;
	min-width: 80px;
	margin: 8px 0 0 0;
	border: 1px solid #ddd;
	padding: 12px 0px 0px 0px;
	background-color: #fafafa !important;
	background-image: none !important;
	filter: none !important;
	display: inline-block !important;
	color: #646464 !important;
	text-shadow: none !important;
	text-align: center;
	cursor: pointer;
	position: relative;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
	-ms-transition: all 0.3s ease !important;
	-o-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;
}
.icon-btn i {
	font-size: 18px;
}
.icon-btn.full-figure {
	height: auto;
	width: 100%;
	padding: 22px 0px 0px 0px;
}
.icon-btn:hover {
	text-decoration: none !important;
	border-color: #999 !important;
	color: #444 !important;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
	-ms-transition: all 0.3s ease !important;
	-o-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.icon-btn:hover .badge {
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
	-ms-transition: all 0.3s ease !important;
	-o-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.icon-btn div {
	margin-top: 5px;
	margin-bottom: 20px;
	color: #000;
	font-size: 12px;
	font-weight: normal;
}
.icon-btn .badge {
	position: absolute;
	font-size: 11px !important;
	font-weight: normal;
	top: -5px;
	right: -5px;
	padding: 3px 6px 3px 6px;
	color: white !important;
	text-shadow: none;
	border-width: 0;
	border-style: solid;
	-webkit-border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	border-radius: 12px !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* === icon stuff === */
i.icon, a.icon {
	color: #999;
	margin-right: 5px;
	font-weight: normal;
	font-size: 13px;
}
i.icon-black {
	color: #000 !important;
}
a.icon:hover {
	text-decoration: none;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	opacity: .4;
	filter: alpha(opacity=40);
}
a.icon.huge i {
	font-size: 16px !important;
}
i.big {
	font-size: 20px;
}
i.warning {
	color: #d12610;
}
i.critical {
	color: #37b7f3;
}
i.normal {
	color: #52e136;
}
.input-icon {
	position: relative;
}
.input-icon input {
	padding-left: 33px !important;
}
.input-icon i {
	color: #ccc;
	display: block;
	position: absolute;
	margin: 6px 2px 4px 10px;
	width: 16px;
	height: 16px;
	font-size: 16px;
	text-align: center;
}
.input-icon.right input {
	padding-left: 12px !important;
	padding-right: 33px !important;
}
.input-icon.right i {
	right: 8px;
	float: right;
}
.has-success .input-icon > i {
	color: #468847;
}
.has-warning .input-icon > i {
	color: #c09853;
}
.has-error .input-icon > i {
	color: #b94a48;
}
/* === modal === */
.modal {
	z-index: 10050 !important;
	outline: none !important;
}
.modal-header {
    padding: 8px;
	border-bottom: 1px solid #efefef;
}
.modal-header h3 {
	font-weight: 300;
	line-height: 100%;
}
.modal-body {
    padding: 8px;
}
.modal-footer {
    padding: 6px;
}
.modal-small {
	width: 400px;
	margin: 30px auto 0;
}
.modal-wide {
	width: 60%;
	margin: 30px auto 0;
}
.modal-full {
	width: 100%;
	margin: 0 auto 0;
}
.modal-header .close {
	margin-top: 0px !important;
}
.modal > .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
}
.modal-backdrop {
	border: 0 !important;
	outline: none !important;
	z-index: 10049 !important;
}
.modal-backdrop, .modal-backdrop.fade.in {
	background-color: #333 !important;
}
.modal {
	overflow-y: auto !important;
}
.modal-open {
	overflow-y: auto !important;
}
.modal-open-noscroll {
	overflow-y: hidden !important;
}
/* extra ui elements
================================================== */
/* === vertical inline menu === */
.ver-inline-menu {
	padding: 0;
	margin: 0;
	list-style: none;
}
.ver-inline-menu li {
	position: relative;
	margin-bottom: 1px;
}
.ver-inline-menu li i {
	width: 37px;
	height: 37px;
	display: inline-block;
	color: #b9cbd5;
	font-size: 15px;
	padding: 12px 10px 10px 8px;
	margin: 0 8px 0 0;
	text-align: center;
	background: #e0eaf0 !important;
}
.ver-inline-menu li a {
	font-size: 13px;
	color: #557386;
	display: block;
	background: #f0f6fa;
	border-left: solid 2px #e0eaf0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.ver-inline-menu li.active a, .ver-inline-menu li:hover a {
	font-size: 13px;
}
.ver-inline-menu li.active a, .ver-inline-menu li:hover a {
	border-left: solid 2px #0c91e5;
}
.ver-inline-menu li.active a, .ver-inline-menu li:hover a, .ver-inline-menu li.active i, .ver-inline-menu li:hover i {
	color: #ffffff;
	background: #169ef4;
	text-decoration: none;
}
.ver-inline-menu li.active i, .ver-inline-menu li:hover i {
	background: #0c91e5 !important;
}
.ver-inline-menu li.active:after {
	content: '';
	display: inline-block;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-left: 6px solid #169ef4;
	position: absolute;
	top: 12px;
	right: -5px;
}
/* === stats portlet === */
.stats-overview-cont {
	padding-top: 0px;
}
.stats-overview {
	clear: both;
	line-height: 18px;
	padding: 8px 8px 0px 8px;
}
.stats-overview .display {
	margin-right: 5px;
	float: left;
}
.stats-overview .details {
	color: #888;
}
.stats-overview .details .title {
	color: #777;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 3px;
}
.stats-overview .details .title i {
	color: #999;
	margin-right: 2px;
}
.stats-overview .details .numbers {
	color: #777;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 6px;
}
.stats-overview .progress {
	height: 10px;
	margin-bottom: 10px !important;
	background: #e6e6e6;
}
.chart, .pie, .bars {
	overflow: hidden;
	height: 300px;
}
.stat {
	margin: 0px;
	padding: 0px;
}
.item-list.table .percent {
	width: 30px;
	float: right;
	margin-right: 10px;
	margin-top: 3px;
}
.item-list.table .title {
	padding-top: -5px;
}
.stat .title {
	margin-left: 10px;
	margin-right: 10px;
	font-size1: 13px;
}
.stat.good .percent {
	color: #52e136;
	font-size: 16px;
	font-weight: bold;
}
.stat.bad .percent {
	color: #d12610;
	font-size: 16px;
	font-weight: bold;
}
.stat.ok .percent {
	color: #37b7f3;
	font-size: 16px;
	font-weight: bold;
}
/* === circle stats === */
.circle-stat .knobify {
	border: 0 !important;
	padding: 0 !important;
	font-size: 18px !important;
	font-weight: normal !important;
	width: 46px !important;
	margin-left: -72px !important;
	background: #fff !important;
}
.circle-stats {
	position: relative;
}
.circle-stat:before, .circle-stat:after {
	display: table;
	line-height: 0;
	content: "";
}
.circle-stat:after {
	clear: both;
}
.circle-stat .visual {
	display: block;
	float: left;
}
.circle-stat .details {
	line-height: 18px;
	display: block;
	float: left;
	margin-left: 5px;
	padding-top: 0;
}
.circle-stat .details .title {
	margin: 10px 0px!important;
	padding: 0px !important;
	font-size: 14px;
	color: #777;
}
.circle-stat .details .title i {
	font-size: 26px !important;
	margin-top: 2px !important;
	color: #52e136;
}
.circle-stat .details .title i.down {
	color: #b63625;
}
.circle-stat .details .number {
	margin: 0px !important;
	margin-bottom: 10px !important;
	font-size: 24px;
	padding: 0px;
	font-weight: normal;
	text-shadow: 0 1px rgba(244, 244, 244, 0.85);
	color: #999;
}
/* === 404 & 500 page === */
.page-404, .page-500 {
	text-align: center;
}
.page-404 .number, .page-500 .number {
	position: relative;
	top: 35px;
	display: block;
	letter-spacing: -10px;
	margin-top: 0px;
	margin-bottom: 40px;
	line-height: 128px;
	font-size: 128px;
	font-weight: 300;
	color: #7bbbd6;
	text-align: center;
}
.page-404 .details, .page-500 .details {
	margin-left: 40px;
	display: inline-block;
}
.page-500 .number {
	color: #ec8c8c;
}
/* === login box === */
.login-scene {
	background: #dedede url(../img/bg-login.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#login {
	width: 550px;
	margin: 100px auto 30px;
	padding: 20px 40px 30px;
	background: #fff;
	background: rgba(255,255,255,.8);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-moz-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
-webkit-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
}
#login.extend {
	width: 750px;
}
#login .site-title {
	padding: 5px 0;
	margin-bottom: 20px;
}
#login .site-title .site-banner {
	text-align: center;
}
#login .form-actions {
	padding: 0 !important;
	background: none;
	border: none;
	margin: 0 0 10px 0!important;
}
#login .add-on i {
	color: #999 !important;
}
#login .login-msg {
	padding-left: 20px;
	border-left: 1px solid #bcbcbc;
}
#footer .footer-login {
	text-align: center;
	color: #232323;
}
/* # Responsive Iframe
================================================== */
.embed-container {
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
	min-height: 600px;
	overflow: hidden;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hilight{
	color:#FF0004;
}
.text_flotaleft{
	float: left;
}
.top_message{
	margin-top: 40px;
    background: #EA6382;               //外框原 #66bccc //
    padding: 5px 20px;
    line-height: 30px;
}
.top_message ul.marquee {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	overflow: hidden;
	width: 80%;
	height: 30px;
}
.top_message ul.marquee a {
	text-decoration: none;
	color: #fff;
}
.top_message ul.marquee li {
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap;
}
.pctbctl{
		display: block;
	}
	.mbtbctl{
		display: none;
	}
@media (max-width:991px) {
	.top_message{
		margin-top: 0;
	}
}

.required{
	border: 1px solid #dfb1bc;
    background-color: #f8dee4;
}

.btn-bluegreen{
	background-color: #57a794;
    border-color: #50887a;
	color:#fff
}
.btn-bluegreen:hover{
	background-color: #50887a;
    border-color: #497b6f;
	color:#fff
}

a:hover, a:focus {
    color: #0d638f;
    text-decoration: underline;
}


/*單頁*/
.odd-page{
	min-height: calc(100vh - 40px);
    height: 100%;
}
.odd-page-title{
	padding: 0px;
    font-size: 26px;
    line-height: 1.1em;
    letter-spacing: -1px;
    display: block;
    color: #666;
    margin: 0px 0px 4px 4px;
    font-weight: normal;
}
.nav-tabs{
	background: #f7f8fa;
    border: 1px solid #ddd;
}
a:hover,a:focus{
	display: inline-block;
}
.odd-page input[type=radio],.odd-page input[type=checkbox]{
	margin: 9px 0 0;
	margin-left: -20px;
	-ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
}
.odd-page .form-group{
	display: block;
}
/*單頁*/

@media (max-width:768px) {
	.m-btn-three{
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	.m-btn-three a{
		float:left;
		width: calc(100%/3.03);
		box-sizing: border-box;
	}
	.m-btn-three a button{
		width: 100%;
	}
	.odd-page {
		margin-bottom: 20px;
	}
	.m_none{
		display: none;
	}
	.btn{
		margin: 10px 0;
	}
	.date .btn{
		margin: 0;
	}
}
@media (max-width:640px) {
	.pctbctl{
		display: none;
	}
	.mbtbctl{
		display: block;
	}
	
}