.label,
sub,
sup {
	vertical-align: baseline
}

hr,
img {
	border: 0
}

body,
figure {
	margin: 0
}

.btn-group>.btn-group,
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.dropdown-menu {
	float: left
}

.btn,
.radio-btn {
	-moz-user-select: none;
	-ms-user-select: none
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.pre-scrollable {
	max-height: 340px
}

.invisible,
.resource-tooltip {
	visibility: hidden
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

b,
optgroup,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	vertical-align: middle
}

svg:not(:root) {
	overflow: hidden
}

hr {
	box-sizing: content-box;
	height: 0
}

pre,
textarea {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

.glyphicon,
address {
	font-style: normal
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
	blockquote,
	img,
	pre,
	tr {
		page-break-inside: avoid
	}
	*,
	:after,
	:before {
		background: 0 0!important;
		color: #000!important;
		box-shadow: none!important;
		text-shadow: none!important
	}
	a,
	a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: ""
	}
	blockquote,
	pre {
		border: 1px solid #999
	}
	thead {
		display: table-header-group
	}
	img {
		max-width: 100%!important
	}
	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}
	h2,
	h3 {
		page-break-after: avoid
	}
	.navbar {
		display: none
	}
	.btn>.caret,
	.dropup>.btn>.caret {
		border-top-color: #000!important
	}
	.label {
		border: 1px solid #000
	}
	.table {
		border-collapse: collapse!important
	}
	.table td,
	.table th {
		background-color: #fff!important
	}
	.table-bordered td,
	.table-bordered th {
		border: 1px solid #ddd!important
	}
}

.btn,
.btn-danger.active,
.btn-danger:active,
.btn-default.active,
.btn-default:active,
.btn-info.active,
.btn-info:active,
.btn-primary.active,
.btn-primary:active,
.btn-warning.active,
.btn-warning:active,
.btn.active,
.btn:active,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover,
.form-control,
.navbar-toggle,
.open>.dropdown-toggle.btn-danger,
.open>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-info,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-warning {
	background-image: none
}

.img-thumbnail,
body {
	background-color: #fff
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(../fonts/glyphicons-halflings-regular.9f0aa0d8.eot);
	src: url(../fonts/glyphicons-halflings-regular.9f0aa0d8.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.5e8b1222.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.85df732e.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.a31955de.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.89889688.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
	content: "\002a"
}

.glyphicon-plus:before {
	content: "\002b"
}

.glyphicon-eur:before,
.glyphicon-euro:before {
	content: "\20ac"
}

.glyphicon-minus:before {
	content: "\2212"
}

.glyphicon-cloud:before {
	content: "\2601"
}

.glyphicon-envelope:before {
	content: "\2709"
}

.glyphicon-pencil:before {
	content: "\270f"
}

.glyphicon-glass:before {
	content: "\e001"
}

.glyphicon-music:before {
	content: "\e002"
}

.glyphfa fa-search:before {
	content: "\e003"
}

.glyphicon-heart:before {
	content: "\e005"
}

.glyphicon-star:before {
	content: "\e006"
}

.glyphicon-star-empty:before {
	content: "\e007"
}

.glyphicon-user:before {
	content: "\e008"
}

.glyphicon-film:before {
	content: "\e009"
}

.glyphicon-th-large:before {
	content: "\e010"
}

.glyphicon-th:before {
	content: "\e011"
}

.glyphicon-th-list:before {
	content: "\e012"
}

.glyphicon-ok:before {
	content: "\e013"
}

.glyphicon-remove:before {
	content: "\e014"
}

.glyphicon-zoom-in:before {
	content: "\e015"
}

.glyphicon-zoom-out:before {
	content: "\e016"
}

.glyphicon-off:before {
	content: "\e017"
}

.glyphicon-signal:before {
	content: "\e018"
}

.glyphicon-cog:before {
	content: "\e019"
}

.glyphicon-trash:before {
	content: "\e020"
}

.glyphicon-home:before {
	content: "\e021"
}

.glyphicon-file:before {
	content: "\e022"
}

.glyphicon-time:before {
	content: "\e023"
}

.glyphicon-road:before {
	content: "\e024"
}

.glyphicon-download-alt:before {
	content: "\e025"
}

.glyphicon-download:before {
	content: "\e026"
}

.glyphicon-upload:before {
	content: "\e027"
}

.glyphicon-inbox:before {
	content: "\e028"
}

.glyphicon-play-circle:before {
	content: "\e029"
}

.glyphicon-repeat:before {
	content: "\e030"
}

.glyphicon-refresh:before {
	content: "\e031"
}

.glyphicon-list-alt:before {
	content: "\e032"
}

.glyphicon-lock:before {
	content: "\e033"
}

.glyphicon-flag:before {
	content: "\e034"
}

.glyphicon-headphones:before {
	content: "\e035"
}

.glyphicon-volume-off:before {
	content: "\e036"
}

.glyphicon-volume-down:before {
	content: "\e037"
}

.glyphicon-volume-up:before {
	content: "\e038"
}

.glyphicon-qrcode:before {
	content: "\e039"
}

.glyphicon-barcode:before {
	content: "\e040"
}

.glyphicon-tag:before {
	content: "\e041"
}

.glyphicon-tags:before {
	content: "\e042"
}

.glyphicon-book:before {
	content: "\e043"
}

.glyphicon-bookmark:before {
	content: "\e044"
}

.glyphicon-print:before {
	content: "\e045"
}

.glyphicon-camera:before {
	content: "\e046"
}

.glyphicon-font:before {
	content: "\e047"
}

.glyphicon-bold:before {
	content: "\e048"
}

.glyphicon-italic:before {
	content: "\e049"
}

.glyphicon-text-height:before {
	content: "\e050"
}

.glyphicon-text-width:before {
	content: "\e051"
}

.glyphicon-align-left:before {
	content: "\e052"
}

.glyphicon-align-center:before {
	content: "\e053"
}

.glyphicon-align-right:before {
	content: "\e054"
}

.glyphicon-align-justify:before {
	content: "\e055"
}

.glyphicon-list:before {
	content: "\e056"
}

.glyphicon-indent-left:before {
	content: "\e057"
}

.glyphicon-indent-right:before {
	content: "\e058"
}

.glyphicon-facetime-video:before {
	content: "\e059"
}

.glyphicon-picture:before {
	content: "\e060"
}

.glyphicon-map-marker:before {
	content: "\e062"
}

.glyphicon-adjust:before {
	content: "\e063"
}

.glyphicon-tint:before {
	content: "\e064"
}

.glyphicon-edit:before {
	content: "\e065"
}

.glyphicon-share:before {
	content: "\e066"
}

.glyphicon-check:before {
	content: "\e067"
}

.glyphicon-move:before {
	content: "\e068"
}

.glyphicon-step-backward:before {
	content: "\e069"
}

.glyphicon-fast-backward:before {
	content: "\e070"
}

.glyphicon-backward:before {
	content: "\e071"
}

.glyphicon-play:before {
	content: "\e072"
}

.glyphicon-pause:before {
	content: "\e073"
}

.glyphicon-stop:before {
	content: "\e074"
}

.glyphicon-forward:before {
	content: "\e075"
}

.glyphicon-fast-forward:before {
	content: "\e076"
}

.glyphicon-step-forward:before {
	content: "\e077"
}

.glyphicon-eject:before {
	content: "\e078"
}

.glyphicon-chevron-left:before {
	content: "\e079"
}

.glyphicon-chevron-right:before {
	content: "\e080"
}

.glyphicon-plus-sign:before {
	content: "\e081"
}

.glyphicon-minus-sign:before {
	content: "\e082"
}

.glyphicon-remove-sign:before {
	content: "\e083"
}

.glyphicon-ok-sign:before {
	content: "\e084"
}

.glyphicon-question-sign:before {
	content: "\e085"
}

.glyphicon-info-sign:before {
	content: "\e086"
}

.glyphicon-screenshot:before {
	content: "\e087"
}

.glyphicon-remove-circle:before {
	content: "\e088"
}

.glyphicon-ok-circle:before {
	content: "\e089"
}

.glyphicon-ban-circle:before {
	content: "\e090"
}

.glyphicon-arrow-left:before {
	content: "\e091"
}

.glyphicon-arrow-right:before {
	content: "\e092"
}

.glyphicon-arrow-up:before {
	content: "\e093"
}

.glyphicon-arrow-down:before {
	content: "\e094"
}

.glyphicon-share-alt:before {
	content: "\e095"
}

.glyphicon-resize-full:before {
	content: "\e096"
}

.glyphicon-resize-small:before {
	content: "\e097"
}

.glyphicon-exclamation-sign:before {
	content: "\e101"
}

.glyphicon-gift:before {
	content: "\e102"
}

.glyphicon-leaf:before {
	content: "\e103"
}

.glyphicon-fire:before {
	content: "\e104"
}

.glyphicon-eye-open:before {
	content: "\e105"
}

.glyphicon-eye-close:before {
	content: "\e106"
}

.glyphicon-warning-sign:before {
	content: "\e107"
}

.glyphicon-plane:before {
	content: "\e108"
}

.glyphicon-calendar:before {
	content: "\e109"
}

.glyphicon-random:before {
	content: "\e110"
}

.glyphicon-comment:before {
	content: "\e111"
}

.glyphicon-magnet:before {
	content: "\e112"
}

.glyphicon-chevron-up:before {
	content: "\e113"
}

.glyphicon-chevron-down:before {
	content: "\e114"
}

.glyphicon-retweet:before {
	content: "\e115"
}

.glyphicon-shopping-cart:before {
	content: "\e116"
}

.glyphicon-folder-close:before {
	content: "\e117"
}

.glyphicon-folder-open:before {
	content: "\e118"
}

.glyphicon-resize-vertical:before {
	content: "\e119"
}

.glyphicon-resize-horizontal:before {
	content: "\e120"
}

.glyphicon-hdd:before {
	content: "\e121"
}

.glyphicon-bullhorn:before {
	content: "\e122"
}

.glyphicon-bell:before {
	content: "\e123"
}

.glyphicon-certificate:before {
	content: "\e124"
}

.glyphicon-thumbs-up:before {
	content: "\e125"
}

.glyphicon-thumbs-down:before {
	content: "\e126"
}

.glyphicon-hand-right:before {
	content: "\e127"
}

.glyphicon-hand-left:before {
	content: "\e128"
}

.glyphicon-hand-up:before {
	content: "\e129"
}

.glyphicon-hand-down:before {
	content: "\e130"
}

.glyphicon-circle-arrow-right:before {
	content: "\e131"
}

.glyphicon-circle-arrow-left:before {
	content: "\e132"
}

.glyphicon-circle-arrow-up:before {
	content: "\e133"
}

.glyphicon-circle-arrow-down:before {
	content: "\e134"
}

.glyphicon-globe:before {
	content: "\e135"
}

.glyphicon-wrench:before {
	content: "\e136"
}

.glyphicon-tasks:before {
	content: "\e137"
}

.glyphicon-filter:before {
	content: "\e138"
}

.glyphicon-briefcase:before {
	content: "\e139"
}

.glyphicon-fullscreen:before {
	content: "\e140"
}

.glyphicon-dashboard:before {
	content: "\e141"
}

.glyphicon-paperclip:before {
	content: "\e142"
}

.glyphicon-heart-empty:before {
	content: "\e143"
}

.glyphicon-link:before {
	content: "\e144"
}

.glyphicon-phone:before {
	content: "\e145"
}

.glyphicon-pushpin:before {
	content: "\e146"
}

.glyphicon-usd:before {
	content: "\e148"
}

.glyphicon-gbp:before {
	content: "\e149"
}

.glyphicon-sort:before {
	content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
	content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
	content: "\e152"
}

.glyphicon-sort-by-order:before {
	content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
	content: "\e154"
}

.glyphicon-sort-by-attributes:before {
	content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
	content: "\e156"
}

.glyphicon-unchecked:before {
	content: "\e157"
}

.glyphicon-expand:before {
	content: "\e158"
}

.glyphicon-collapse-down:before {
	content: "\e159"
}

.glyphicon-collapse-up:before {
	content: "\e160"
}

.glyphicon-log-in:before {
	content: "\e161"
}

.glyphicon-flash:before {
	content: "\e162"
}

.glyphicon-log-out:before {
	content: "\e163"
}

.glyphicon-new-window:before {
	content: "\e164"
}

.glyphicon-record:before {
	content: "\e165"
}

.glyphicon-save:before {
	content: "\e166"
}

.glyphicon-open:before {
	content: "\e167"
}

.glyphicon-saved:before {
	content: "\e168"
}

.glyphicon-import:before {
	content: "\e169"
}

.glyphicon-export:before {
	content: "\e170"
}

.glyphicon-send:before {
	content: "\e171"
}

.glyphicon-floppy-disk:before {
	content: "\e172"
}

.glyphicon-floppy-saved:before {
	content: "\e173"
}

.glyphicon-floppy-remove:before {
	content: "\e174"
}

.glyphicon-floppy-save:before {
	content: "\e175"
}

.glyphicon-floppy-open:before {
	content: "\e176"
}

.glyphicon-credit-card:before {
	content: "\e177"
}

.glyphicon-transfer:before {
	content: "\e178"
}

.glyphicon-cutlery:before {
	content: "\e179"
}

.glyphicon-header:before {
	content: "\e180"
}

.glyphicon-compressed:before {
	content: "\e181"
}

.glyphicon-earphone:before {
	content: "\e182"
}

.glyphicon-phone-alt:before {
	content: "\e183"
}

.glyphicon-tower:before {
	content: "\e184"
}

.glyphicon-stats:before {
	content: "\e185"
}

.glyphicon-sd-video:before {
	content: "\e186"
}

.glyphicon-hd-video:before {
	content: "\e187"
}

.glyphicon-subtitles:before {
	content: "\e188"
}

.glyphicon-sound-stereo:before {
	content: "\e189"
}

.glyphicon-sound-dolby:before {
	content: "\e190"
}

.glyphicon-sound-5-1:before {
	content: "\e191"
}

.glyphicon-sound-6-1:before {
	content: "\e192"
}

.glyphicon-sound-7-1:before {
	content: "\e193"
}

.glyphicon-copyright-mark:before {
	content: "\e194"
}

.glyphicon-registration-mark:before {
	content: "\e195"
}

.glyphicon-cloud-download:before {
	content: "\e197"
}

.glyphicon-cloud-upload:before {
	content: "\e198"
}

.glyphicon-tree-conifer:before {
	content: "\e199"
}

.glyphicon-tree-deciduous:before {
	content: "\e200"
}

.glyphicon-cd:before {
	content: "\e201"
}

.glyphicon-save-file:before {
	content: "\e202"
}

.glyphicon-open-file:before {
	content: "\e203"
}

.glyphicon-level-up:before {
	content: "\e204"
}

.glyphicon-copy:before {
	content: "\e205"
}

.glyphicon-paste:before {
	content: "\e206"
}

.glyphicon-alert:before {
	content: "\e209"
}

.glyphicon-equalizer:before {
	content: "\e210"
}

.glyphicon-king:before {
	content: "\e211"
}

.glyphicon-queen:before {
	content: "\e212"
}

.glyphicon-pawn:before {
	content: "\e213"
}

.glyphicon-bishop:before {
	content: "\e214"
}

.glyphicon-knight:before {
	content: "\e215"
}

.glyphicon-baby-formula:before {
	content: "\e216"
}

.glyphicon-tent:before {
	content: "\26fa"
}

.glyphicon-blackboard:before {
	content: "\e218"
}

.glyphicon-bed:before {
	content: "\e219"
}

.glyphicon-apple:before {
	content: "\f8ff"
}

.glyphicon-erase:before {
	content: "\e221"
}

.glyphicon-hourglass:before {
	content: "\231b"
}

.glyphicon-lamp:before {
	content: "\e223"
}

.glyphicon-duplicate:before {
	content: "\e224"
}

.glyphicon-piggy-bank:before {
	content: "\e225"
}

.glyphicon-scissors:before {
	content: "\e226"
}

.glyphicon-bitcoin:before,
.glyphicon-btc:before,
.glyphicon-xbt:before {
	content: "\e227"
}

.glyphicon-jpy:before,
.glyphicon-yen:before {
	content: "\00a5"
}

.glyphicon-rub:before,
.glyphicon-ruble:before {
	content: "\20bd"
}

.glyphicon-scale:before {
	content: "\e230"
}

.glyphicon-ice-lolly:before {
	content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
	content: "\e232"
}

.glyphicon-education:before {
	content: "\e233"
}

.glyphicon-option-horizontal:before {
	content: "\e234"
}

.glyphicon-option-vertical:before {
	content: "\e235"
}

.glyphicon-menu-hamburger:before {
	content: "\e236"
}

.glyphicon-modal-window:before {
	content: "\e237"
}

.glyphicon-oil:before {
	content: "\e238"
}

.glyphicon-grain:before {
	content: "\e239"
}

.glyphicon-sunglasses:before {
	content: "\e240"
}

.glyphicon-text-size:before {
	content: "\e241"
}

.glyphicon-text-color:before {
	content: "\e242"
}

.glyphicon-text-background:before {
	content: "\e243"
}

.glyphicon-object-align-top:before {
	content: "\e244"
}

.glyphicon-object-align-bottom:before {
	content: "\e245"
}

.glyphicon-object-align-horizontal:before {
	content: "\e246"
}

.glyphicon-object-align-left:before {
	content: "\e247"
}

.glyphicon-object-align-vertical:before {
	content: "\e248"
}

.glyphicon-object-align-right:before {
	content: "\e249"
}

.glyphicon-triangle-right:before {
	content: "\e250"
}

.glyphicon-triangle-left:before {
	content: "\e251"
}

.glyphicon-triangle-bottom:before {
	content: "\e252"
}

.glyphicon-triangle-top:before {
	content: "\e253"
}

.glyphicon-console:before {
	content: "\e254"
}

.glyphicon-superscript:before {
	content: "\e255"
}

.glyphicon-subscript:before {
	content: "\e256"
}

.glyphicon-menu-left:before {
	content: "\e257"
}

.glyphicon-menu-right:before {
	content: "\e258"
}

.glyphicon-menu-down:before {
	content: "\e259"
}

.glyphicon-menu-up:before {
	content: "\e260"
}

*,
:after,
:before {
	box-sizing: border-box
}

html {
	font-size: 10px;
	-webkit-tap-highlight-color: transparent
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a {
	text-decoration: none
}

a:focus,
a:hover {
	color: #0568cc
}

a:focus {
	outline: dotted thin;
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
	display: block;
	max-width: 100%;
	height: auto
}

.img-rounded {
	border-radius: 6px
}

.img-thumbnail {
	padding: 4px;
	line-height: 1.42857143;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto
}

.img-circle {
	border-radius: 50%
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #eee
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

select[multiple],
select[size],
textarea.form-control {
	height: auto
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}

[role=button] {
	cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
	font-weight: 400;
	line-height: 1;
	color: #777
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin-top: 20px;
	margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
	font-size: 65%
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
	margin-top: 10px;
	margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
	font-size: 75%
}

.h1,
h1 {
	font-size: 53px
}

.h2,
h2 {
	font-size: 43px
}

.h3,
h3 {
	font-size: 34px
}

.h4,
h4 {
	font-size: 28px
}

.h5,
h5 {
	font-size: 18px
}

.h6,
.lead,
h6 {
	font-size: 16px
}

.lead {
	margin-bottom: 20px;
	font-weight: 300;
	line-height: 1.4
}

dt,
kbd kbd,
label {
	font-weight: 700
}

address,
blockquote .small,
blockquote footer,
blockquote small,
dd,
dt,
pre {
	line-height: 1.42857143
}

@media (min-width:768px) {
	.lead {
		font-size: 21px
	}
}

.small,
small {
	font-size: 85%
}

.mark,
mark {
	background-color: #FFFBF2;
	padding: .2em
}

.list-inline,
.list-unstyled {
	padding-left: 0;
	list-style: none
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.text-justify {
	text-align: justify
}

.text-nowrap {
	white-space: nowrap
}

.text-lowercase {
	text-transform: lowercase
}

.text-uppercase {
	text-transform: uppercase
}

.text-capitalize {
	text-transform: capitalize
}

.text-muted {
	color: #777
}

.text-primary {
	color: #238efa
}

a.text-primary:focus,
a.text-primary:hover {
	color: #0574e5
}

.text-success {
	color: #19AE54
}

a.text-success:focus,
a.text-success:hover {
	color: #13813e
}

.text-info {
	color: #5bc0de
}

a.text-info:focus,
a.text-info:hover {
	color: #31b0d5
}

.text-warning {
	color: #cca352
}

a.text-warning:focus,
a.text-warning:hover {
	color: #b58a36
}

a.text-danger:focus,
a.text-danger:hover {
	color: #f5312d
}

.bg-primary {
	color: #fff;
	background-color: #238efa
}

a.bg-primary:focus,
a.bg-primary:hover {
	background-color: #0574e5
}

.bg-success {
	background-color: #dff0d8
}

a.bg-success:focus,
a.bg-success:hover {
	background-color: #c1e2b3
}

.bg-info {
	background-color: #d9edf7
}

a.bg-info:focus,
a.bg-info:hover {
	background-color: #afd9ee
}

.bg-warning {
	background-color: #FFFBF2
}

a.bg-warning:focus,
a.bg-warning:hover {
	background-color: #ffebbf
}

.bg-danger {
	background-color: #f2dede
}

a.bg-danger:focus,
a.bg-danger:hover {
	background-color: #e4b9b9
}

pre code,
table {
	background-color: transparent
}

.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #e9e9e9
}

dl,
ol,
ul {
	margin-top: 0
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child,
ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0
}

address,
dl {
	margin-bottom: 20px
}

ol,
ul {
	margin-bottom: 10px
}

.list-inline {
	margin-left: -5px
}

.list-inline>li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px
}

dd {
	margin-left: 0
}

@media (min-width:768px) {
	.dl-horizontal dt {
		float: left;
		width: 160px;
		clear: left;
		text-align: right;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	.dl-horizontal dd {
		margin-left: 180px
	}
	.container {
		width: 750px
	}
}

abbr[data-original-title],
abbr[title] {
	cursor: help;
	border-bottom: 1px dotted #777
}

.initialism {
	font-size: 90%;
	text-transform: uppercase
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #eee
}

blockquote .small,
blockquote footer,
blockquote small {
	display: block;
	font-size: 80%;
	color: #777
}

legend,
pre {
	display: block;
	color: #333
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
	content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
	padding-right: 15px;
	padding-left: 0;
	border-right: 5px solid #eee;
	border-left: 0;
	text-align: right
}

code,
kbd {
	padding: 2px 4px;
	font-size: 90%
}

caption,
th {
	text-align: left
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
	content: ''
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
	content: '\00A0 \2014'
}

code,
kbd,
pre,
samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px
}

kbd {
	color: #fff;
	background-color: #333;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
	padding: 0;
	font-size: 100%;
	box-shadow: none
}

pre {
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px
}

.container,
.container-fluid {
	margin-right: auto;
	margin-left: auto
}

pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	border-radius: 0
}

.container,
.container-fluid {
	padding-left: 15px;
	padding-right: 15px
}

.pre-scrollable {
	overflow-y: scroll
}

@media (min-width:992px) {
	.container {
		width: 970px
	}
}

@media (min-width:1200px) {
	.container {
		width: 1170px
	}
}

.row {
	margin-left: -15px;
	margin-right: -15px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}

.col-xs-12 {
	width: 100%
}

.col-xs-11 {
	width: 91.66666667%
}

.col-xs-10 {
	width: 83.33333333%
}

.col-xs-9 {
	width: 75%
}

.col-xs-8 {
	width: 66.66666667%
}

.col-xs-7 {
	width: 58.33333333%
}

.col-xs-6 {
	width: 50%
}

.col-xs-5 {
	width: 41.66666667%
}

.col-xs-4 {
	width: 33.33333333%
}

.col-xs-3 {
	width: 25%
}

.col-xs-2 {
	width: 16.66666667%
}

.col-xs-1 {
	width: 8.33333333%
}

.col-xs-pull-12 {
	right: 100%
}

.col-xs-pull-11 {
	right: 91.66666667%
}

.col-xs-pull-10 {
	right: 83.33333333%
}

.col-xs-pull-9 {
	right: 75%
}

.col-xs-pull-8 {
	right: 66.66666667%
}

.col-xs-pull-7 {
	right: 58.33333333%
}

.col-xs-pull-6 {
	right: 50%
}

.col-xs-pull-5 {
	right: 41.66666667%
}

.col-xs-pull-4 {
	right: 33.33333333%
}

.col-xs-pull-3 {
	right: 25%
}

.col-xs-pull-2 {
	right: 16.66666667%
}

.col-xs-pull-1 {
	right: 8.33333333%
}

.col-xs-pull-0 {
	right: auto
}

.col-xs-push-12 {
	left: 100%
}

.col-xs-push-11 {
	left: 91.66666667%
}

.col-xs-push-10 {
	left: 83.33333333%
}

.col-xs-push-9 {
	left: 75%
}

.col-xs-push-8 {
	left: 66.66666667%
}

.col-xs-push-7 {
	left: 58.33333333%
}

.col-xs-push-6 {
	left: 50%
}

.col-xs-push-5 {
	left: 41.66666667%
}

.col-xs-push-4 {
	left: 33.33333333%
}

.col-xs-push-3 {
	left: 25%
}

.col-xs-push-2 {
	left: 16.66666667%
}

.col-xs-push-1 {
	left: 8.33333333%
}

.col-xs-push-0 {
	left: auto
}

.col-xs-offset-12 {
	margin-left: 100%
}

.col-xs-offset-11 {
	margin-left: 91.66666667%
}

.col-xs-offset-10 {
	margin-left: 83.33333333%
}

.col-xs-offset-9 {
	margin-left: 75%
}

.col-xs-offset-8 {
	margin-left: 66.66666667%
}

.col-xs-offset-7 {
	margin-left: 58.33333333%
}

.col-xs-offset-6 {
	margin-left: 50%
}

.col-xs-offset-5 {
	margin-left: 41.66666667%
}

.col-xs-offset-4 {
	margin-left: 33.33333333%
}

.col-xs-offset-3 {
	margin-left: 25%
}

.col-xs-offset-2 {
	margin-left: 16.66666667%
}

.col-xs-offset-1 {
	margin-left: 8.33333333%
}

.col-xs-offset-0 {
	margin-left: 0
}

@media (min-width:768px) {
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9 {
		float: left
	}
	.col-sm-12 {
		width: 100%
	}
	.col-sm-11 {
		width: 91.66666667%
	}
	.col-sm-10 {
		width: 83.33333333%
	}
	.col-sm-9 {
		width: 75%
	}
	.col-sm-8 {
		width: 66.66666667%
	}
	.col-sm-7 {
		width: 58.33333333%
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-5 {
		width: 41.66666667%
	}
	.col-sm-4 {
		width: 33.33333333%
	}
	.col-sm-3 {
		width: 25%
	}
	.col-sm-2 {
		width: 16.66666667%
	}
	.col-sm-1 {
		width: 8.33333333%
	}
	.col-sm-pull-12 {
		right: 100%
	}
	.col-sm-pull-11 {
		right: 91.66666667%
	}
	.col-sm-pull-10 {
		right: 83.33333333%
	}
	.col-sm-pull-9 {
		right: 75%
	}
	.col-sm-pull-8 {
		right: 66.66666667%
	}
	.col-sm-pull-7 {
		right: 58.33333333%
	}
	.col-sm-pull-6 {
		right: 50%
	}
	.col-sm-pull-5 {
		right: 41.66666667%
	}
	.col-sm-pull-4 {
		right: 33.33333333%
	}
	.col-sm-pull-3 {
		right: 25%
	}
	.col-sm-pull-2 {
		right: 16.66666667%
	}
	.col-sm-pull-1 {
		right: 8.33333333%
	}
	.col-sm-pull-0 {
		right: auto
	}
	.col-sm-push-12 {
		left: 100%
	}
	.col-sm-push-11 {
		left: 91.66666667%
	}
	.col-sm-push-10 {
		left: 83.33333333%
	}
	.col-sm-push-9 {
		left: 75%
	}
	.col-sm-push-8 {
		left: 66.66666667%
	}
	.col-sm-push-7 {
		left: 58.33333333%
	}
	.col-sm-push-6 {
		left: 50%
	}
	.col-sm-push-5 {
		left: 41.66666667%
	}
	.col-sm-push-4 {
		left: 33.33333333%
	}
	.col-sm-push-3 {
		left: 25%
	}
	.col-sm-push-2 {
		left: 16.66666667%
	}
	.col-sm-push-1 {
		left: 8.33333333%
	}
	.col-sm-push-0 {
		left: auto
	}
	.col-sm-offset-12 {
		margin-left: 100%
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%
	}
	.col-sm-offset-9 {
		margin-left: 75%
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%
	}
	.col-sm-offset-6 {
		margin-left: 50%
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%
	}
	.col-sm-offset-3 {
		margin-left: 25%
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}
	.col-sm-offset-0 {
		margin-left: 0
	}
}

@media (min-width:992px) {
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9 {
		float: left
	}
	.col-md-12 {
		width: 100%
	}
	.col-md-11 {
		width: 91.66666667%
	}
	.col-md-10 {
		width: 83.33333333%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-8 {
		width: 66.66666667%
	}
	.col-md-7 {
		width: 58.33333333%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-5 {
		width: 41.66666667%
	}
	.col-md-4 {
		width: 33.33333333%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-2 {
		width: 16.66666667%
	}
	.col-md-1 {
		width: 8.33333333%
	}
	.col-md-pull-12 {
		right: 100%
	}
	.col-md-pull-11 {
		right: 91.66666667%
	}
	.col-md-pull-10 {
		right: 83.33333333%
	}
	.col-md-pull-9 {
		right: 75%
	}
	.col-md-pull-8 {
		right: 66.66666667%
	}
	.col-md-pull-7 {
		right: 58.33333333%
	}
	.col-md-pull-6 {
		right: 50%
	}
	.col-md-pull-5 {
		right: 41.66666667%
	}
	.col-md-pull-4 {
		right: 33.33333333%
	}
	.col-md-pull-3 {
		right: 25%
	}
	.col-md-pull-2 {
		right: 16.66666667%
	}
	.col-md-pull-1 {
		right: 8.33333333%
	}
	.col-md-pull-0 {
		right: auto
	}
	.col-md-push-12 {
		left: 100%
	}
	.col-md-push-11 {
		left: 91.66666667%
	}
	.col-md-push-10 {
		left: 83.33333333%
	}
	.col-md-push-9 {
		left: 75%
	}
	.col-md-push-8 {
		left: 66.66666667%
	}
	.col-md-push-7 {
		left: 58.33333333%
	}
	.col-md-push-6 {
		left: 50%
	}
	.col-md-push-5 {
		left: 41.66666667%
	}
	.col-md-push-4 {
		left: 33.33333333%
	}
	.col-md-push-3 {
		left: 25%
	}
	.col-md-push-2 {
		left: 16.66666667%
	}
	.col-md-push-1 {
		left: 8.33333333%
	}
	.col-md-push-0 {
		left: auto
	}
	.col-md-offset-12 {
		margin-left: 100%
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%
	}
	.col-md-offset-9 {
		margin-left: 75%
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%
	}
	.col-md-offset-3 {
		margin-left: 25%
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%
	}
	.col-md-offset-0 {
		margin-left: 0
	}
}

@media (min-width:1200px) {
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9 {
		float: left
	}
	.col-lg-12 {
		width: 100%
	}
	.col-lg-11 {
		width: 91.66666667%
	}
	.col-lg-10 {
		width: 83.33333333%
	}
	.col-lg-9 {
		width: 75%
	}
	.col-lg-8 {
		width: 66.66666667%
	}
	.col-lg-7 {
		width: 58.33333333%
	}
	.col-lg-6 {
		width: 50%
	}
	.col-lg-5 {
		width: 41.66666667%
	}
	.col-lg-4 {
		width: 33.33333333%
	}
	.col-lg-3 {
		width: 25%
	}
	.col-lg-2 {
		width: 16.66666667%
	}
	.col-lg-1 {
		width: 8.33333333%
	}
	.col-lg-pull-12 {
		right: 100%
	}
	.col-lg-pull-11 {
		right: 91.66666667%
	}
	.col-lg-pull-10 {
		right: 83.33333333%
	}
	.col-lg-pull-9 {
		right: 75%
	}
	.col-lg-pull-8 {
		right: 66.66666667%
	}
	.col-lg-pull-7 {
		right: 58.33333333%
	}
	.col-lg-pull-6 {
		right: 50%
	}
	.col-lg-pull-5 {
		right: 41.66666667%
	}
	.col-lg-pull-4 {
		right: 33.33333333%
	}
	.col-lg-pull-3 {
		right: 25%
	}
	.col-lg-pull-2 {
		right: 16.66666667%
	}
	.col-lg-pull-1 {
		right: 8.33333333%
	}
	.col-lg-pull-0 {
		right: auto
	}
	.col-lg-push-12 {
		left: 100%
	}
	.col-lg-push-11 {
		left: 91.66666667%
	}
	.col-lg-push-10 {
		left: 83.33333333%
	}
	.col-lg-push-9 {
		left: 75%
	}
	.col-lg-push-8 {
		left: 66.66666667%
	}
	.col-lg-push-7 {
		left: 58.33333333%
	}
	.col-lg-push-6 {
		left: 50%
	}
	.col-lg-push-5 {
		left: 41.66666667%
	}
	.col-lg-push-4 {
		left: 33.33333333%
	}
	.col-lg-push-3 {
		left: 25%
	}
	.col-lg-push-2 {
		left: 16.66666667%
	}
	.col-lg-push-1 {
		left: 8.33333333%
	}
	.col-lg-push-0 {
		left: auto
	}
	.col-lg-offset-12 {
		margin-left: 100%
	}
	.col-lg-offset-11 {
		margin-left: 91.66666667%
	}
	.col-lg-offset-10 {
		margin-left: 83.33333333%
	}
	.col-lg-offset-9 {
		margin-left: 75%
	}
	.col-lg-offset-8 {
		margin-left: 66.66666667%
	}
	.col-lg-offset-7 {
		margin-left: 58.33333333%
	}
	.col-lg-offset-6 {
		margin-left: 50%
	}
	.col-lg-offset-5 {
		margin-left: 41.66666667%
	}
	.col-lg-offset-4 {
		margin-left: 33.33333333%
	}
	.col-lg-offset-3 {
		margin-left: 25%
	}
	.col-lg-offset-2 {
		margin-left: 16.66666667%
	}
	.col-lg-offset-1 {
		margin-left: 8.33333333%
	}
	.col-lg-offset-0 {
		margin-left: 0
	}
}

caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #f0f3fa
}

.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #f0f3fa
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
	border-top: 0
}

.table>tbody+tbody {
	border-top: 2px solid #f0f3fa
}

.table .table {
	background-color: #fff
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
	padding: 5px
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
	border: 1px solid #f0f3fa
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
	border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9
}

.table-hover>tbody>tr:hover,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
	background-color: #f5f5f5
}

table col[class*=col-] {
	position: static;
	float: none;
	display: table-column
}

table td[class*=col-],
table th[class*=col-] {
	position: static;
	float: none;
	display: table-cell
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
	background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
	background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
	background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
	background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
	background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
	background-color: #FFFBF2
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
	background-color: #fff3d9
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
	background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
	background-color: #ebcccc
}

.table-responsive {
	overflow-x: auto;
	min-height: .01%
}

@media screen and (max-width:767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #f0f3fa
	}
	.table-responsive>.table {
		margin-bottom: 0
	}
	.table-responsive>.table>tbody>tr>td,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>td,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>.table>thead>tr>th {
		white-space: nowrap
	}
	.table-responsive>.table-bordered {
		border: 0
	}
	.table-responsive>.table-bordered>tbody>tr>td:first-child,
	.table-responsive>.table-bordered>tbody>tr>th:first-child,
	.table-responsive>.table-bordered>tfoot>tr>td:first-child,
	.table-responsive>.table-bordered>tfoot>tr>th:first-child,
	.table-responsive>.table-bordered>thead>tr>td:first-child,
	.table-responsive>.table-bordered>thead>tr>th:first-child {
		border-left: 0
	}
	.table-responsive>.table-bordered>tbody>tr>td:last-child,
	.table-responsive>.table-bordered>tbody>tr>th:last-child,
	.table-responsive>.table-bordered>tfoot>tr>td:last-child,
	.table-responsive>.table-bordered>tfoot>tr>th:last-child,
	.table-responsive>.table-bordered>thead>tr>td:last-child,
	.table-responsive>.table-bordered>thead>tr>th:last-child {
		border-right: 0
	}
	.table-responsive>.table-bordered>tbody>tr:last-child>td,
	.table-responsive>.table-bordered>tbody>tr:last-child>th,
	.table-responsive>.table-bordered>tfoot>tr:last-child>td,
	.table-responsive>.table-bordered>tfoot>tr:last-child>th {
		border-bottom: 0
	}
}

fieldset,
legend {
	padding: 0;
	border: 0
}

fieldset {
	margin: 0;
	min-width: 0
}

legend {
	width: 100%;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	border-bottom: 1px solid #e5e5e5
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px
}

input[type=search] {
	box-sizing: border-box;
	-webkit-appearance: none
}

input[type=checkbox],
input[type=radio] {
	margin: 4px 0 0;
	margin-top: 1px\9;
	line-height: normal
}

.form-control,
output {
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	display: block
}

input[type=file] {
	display: block
}

input[type=range] {
	display: block;
	width: 100%
}

input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
	outline: dotted thin;
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px
}

output {
	padding-top: 7px
}

.form-control {
	width: 100%;
	padding: 6px 12px;
	background-color: #fff;
	border: 1px solid #ccc;
	-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
}

.form-control:focus {
	outline: 0
}

.form-control::-moz-placeholder {
	color: #999;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #999
}

.form-control::-webkit-input-placeholder {
	color: #999
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .form-control-feedback,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
	color: #19AE54
}

.form-control::-ms-expand {
	border: 0;
	background-color: transparent
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #eee;
	opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
	cursor: not-allowed
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=date].form-control,
	input[type=time].form-control,
	input[type=datetime-local].form-control,
	input[type=month].form-control {
		line-height: 34px
	}
	.input-group-sm input[type=date],
	.input-group-sm input[type=time],
	.input-group-sm input[type=datetime-local],
	.input-group-sm input[type=month],
	input[type=date].input-sm,
	input[type=time].input-sm,
	input[type=datetime-local].input-sm,
	input[type=month].input-sm {
		line-height: 30px
	}
	.input-group-lg input[type=date],
	.input-group-lg input[type=time],
	.input-group-lg input[type=datetime-local],
	.input-group-lg input[type=month],
	input[type=date].input-lg,
	input[type=time].input-lg,
	input[type=datetime-local].input-lg,
	input[type=month].input-lg {
		line-height: 46px
	}
}

.form-group {
	margin-bottom: 15px
}

.checkbox,
.radio {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}

.checkbox label,
.radio label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
	position: absolute;
	margin-left: -20px;
	margin-top: 4px\9
}

.checkbox+.checkbox,
.radio+.radio {
	margin-top: -5px
}

.checkbox-inline,
.radio-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	vertical-align: middle;
	font-weight: 400;
	cursor: pointer
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
	margin-top: 0;
	margin-left: 10px
}

.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio label,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
	cursor: not-allowed
}

.form-control-static {
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 0;
	min-height: 34px
}

.form-control-static.input-lg,
.form-control-static.input-sm {
	padding-left: 0;
	padding-right: 0
}

.form-group-sm .form-control,
.input-sm {
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 12px
}

.input-sm {
	height: 30px;
	line-height: 1.5
}

select.input-sm {
	height: 30px;
	line-height: 30px
}

select[multiple].input-sm,
textarea.input-sm {
	height: auto
}

.form-group-sm .form-control {
	height: 30px;
	line-height: 1.5
}

.form-group-lg .form-control,
.input-lg {
	border-radius: 6px;
	padding: 10px 16px;
	font-size: 18px
}

.form-group-sm select.form-control {
	height: 30px;
	line-height: 30px
}

.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
	height: auto
}

.form-group-sm .form-control-static {
	height: 30px;
	min-height: 32px;
	padding: 6px 10px;
	font-size: 12px;
	line-height: 1.5
}

.input-lg {
	height: 46px;
	line-height: 1.3333333
}

select.input-lg {
	height: 46px;
	line-height: 46px
}

select[multiple].input-lg,
textarea.input-lg {
	height: auto
}

.form-group-lg .form-control {
	height: 46px;
	line-height: 1.3333333
}

.form-group-lg select.form-control {
	height: 46px;
	line-height: 46px
}

.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
	height: auto
}

.form-group-lg .form-control-static {
	height: 46px;
	min-height: 38px;
	padding: 11px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.has-feedback {
	position: relative
}

.has-feedback .form-control {
	padding-right: 42.5px
}

.form-control-feedback {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none
}

.collapsing,
.dropdown,
.dropup {
	position: relative
}

.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-lg+.form-control-feedback {
	width: 46px;
	height: 46px;
	line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-sm+.form-control-feedback {
	width: 30px;
	height: 30px;
	line-height: 30px
}

.has-success .form-control {
	border-color: #19AE54;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
	border-color: #13813e;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #48e586
}

.has-success .input-group-addon {
	color: #19AE54;
	border-color: #19AE54;
	background-color: #dff0d8
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .form-control-feedback,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
	color: #cca352
}

.has-warning .form-control {
	border-color: #cca352;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
	border-color: #b58a36;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e3cda1
}

.has-warning .input-group-addon {
	color: #cca352;
	border-color: #cca352;
	background-color: #FFFBF2
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .form-control-feedback,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
	color: #F7615E
}

.has-error .form-control {
	border-color: #F7615E;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
	border-color: #f5312d;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fcc0bf
}

.has-error .input-group-addon {
	color: #F7615E;
	border-color: #F7615E;
	background-color: #f2dede
}

.has-feedback label~.form-control-feedback {
	top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
	top: 0
}

.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #9197a7
}

@media (min-width:768px) {
	.form-inline .form-control-static,
	.form-inline .form-group {
		display: inline-block
	}
	.form-inline .control-label,
	.form-inline .form-group {
		margin-bottom: 0;
		vertical-align: middle
	}
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle
	}
	.form-inline .input-group {
		display: inline-table;
		vertical-align: middle
	}
	.form-inline .input-group .form-control,
	.form-inline .input-group .input-group-addon,
	.form-inline .input-group .input-group-btn {
		width: auto
	}
	.form-inline .input-group>.form-control {
		width: 100%
	}
	.form-inline .checkbox,
	.form-inline .radio {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle
	}
	.form-inline .checkbox label,
	.form-inline .radio label {
		padding-left: 0
	}
	.form-inline .checkbox input[type=checkbox],
	.form-inline .radio input[type=radio] {
		position: relative;
		margin-left: 0
	}
	.form-inline .has-feedback .form-control-feedback {
		top: 0
	}
	.form-horizontal .control-label {
		text-align: right;
		margin-bottom: 0;
		padding-top: 7px
	}
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 7px
}

.form-horizontal .checkbox,
.form-horizontal .radio {
	min-height: 27px
}

.form-horizontal .form-group {
	margin-left: -15px;
	margin-right: -15px
}

.form-horizontal .has-feedback .form-control-feedback {
	right: 15px
}

@media (min-width:768px) {
	.form-horizontal .form-group-lg .control-label {
		padding-top: 11px;
		font-size: 18px
	}
	.form-horizontal .form-group-sm .control-label {
		padding-top: 6px;
		font-size: 12px
	}
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: dotted thin;
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px
}

.btn.focus,
.btn:focus,
.btn:hover {
	color: #333;
	text-decoration: none
}

.btn.active,
.btn:active {
	outline: 0;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	opacity: .65;
	filter: alpha(opacity=65);
	box-shadow: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none
}

.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc
}

.btn-default.focus,
.btn-default:focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c
}

.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
	background-color: #fff;
	border-color: #ccc
}

.btn-default .badge {
	color: #fff;
	background-color: #333
}

.btn-primary {
	color: #fff;
	background-color: #238efa;
	border-color: #238efa
}

.btn-primary.focus,
.btn-primary:focus {
	color: #fff;
	background-color: #0574e5;
	border-color: #044e9a
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #0574e5;
	border-color: #056fdb
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
	color: #fff;
	background-color: #0463c2;
	border-color: #044e9a
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
	background-color: #238efa;
	border-color: #238efa
}

.btn-primary .badge {
	color: #238efa;
	background-color: #fff
}

.btn-success {
	color: #fff;
	background-color: #19AE54;
	border-color: #19AE54
}

.btn-success.focus,
.btn-success:focus {
	color: #fff;
	background-color: #13813e;
	border-color: #093f1e
}

.btn-success.active,
.btn-success:active,
.btn-success:hover,
.open>.dropdown-toggle.btn-success {
	color: #fff;
	background-color: #13813e;
	border-color: #11783a
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
	color: #fff;
	background-color: #0e622f;
	border-color: #093f1e
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
	background-image: none
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
	background-color: #19AE54;
	border-color: #19AE54
}

.btn-success .badge {
	color: #19AE54;
	background-color: #fff
}

.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #5bc0de
}

.btn-info.focus,
.btn-info:focus {
	color: #fff;
	background-color: #31b0d5;
	border-color: #1f7e9a
}

.btn-info.active,
.btn-info:active,
.btn-info:hover,
.open>.dropdown-toggle.btn-info {
	color: #fff;
	background-color: #31b0d5;
	border-color: #2aabd2
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
	color: #fff;
	background-color: #269abc;
	border-color: #1f7e9a
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
	background-color: #5bc0de;
	border-color: #5bc0de
}

.btn-info .badge {
	color: #5bc0de;
	background-color: #fff
}

.btn-warning {
	color: #fff;
	background-color: #FFAB00;
	border-color: #FFAB00
}

.btn-warning.focus,
.btn-warning:focus {
	color: #fff;
	background-color: #cc8900;
	border-color: #805600
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #cc8900;
	border-color: #c28200
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
	color: #fff;
	background-color: #a87100;
	border-color: #805600
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
	background-color: #FFAB00;
	border-color: #FFAB00
}

.btn-warning .badge {
	color: #FFAB00;
	background-color: #fff
}

.btn-danger {
	color: #fff;
	background-color: #F7615E;
	border-color: #F7615E
}

.btn-danger.focus,
.btn-danger:focus {
	color: #fff;
	background-color: #f5312d;
	border-color: #cb0e0a
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:hover,
.open>.dropdown-toggle.btn-danger {
	color: #fff;
	background-color: #f5312d;
	border-color: #f42824
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
	color: #fff;
	background-color: #f2110c;
	border-color: #cb0e0a
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
	background-color: #F7615E;
	border-color: #F7615E
}

.btn-danger .badge {
	color: #F7615E;
	background-color: #fff
}

.btn-link {
	color: #238efa;
	font-weight: 400;
	border-radius: 0
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
	background-color: transparent;
	box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
	border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
	color: #0568cc;
	text-decoration: underline;
	background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
	color: #777;
	text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
	border-radius: 6px
}

.btn-group-sm>.btn,
.btn-group-xs>.btn,
.btn-sm,
.btn-xs {
	border-radius: 3px
}

.btn-block {
	display: block;
	width: 100%
}

.btn-block+.btn-block {
	margin-top: 5px
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
	width: 100%
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear
}

.fade.in {
	opacity: 1
}

.collapse {
	display: none
}

.collapse.in {
	display: block
}

tr.collapse.in {
	display: table-row
}

tbody.collapse.in {
	display: table-row-group
}

.collapsing {
	height: 0;
	overflow: hidden;
	-webkit-transition-property: height, visibility;
	transition-property: height, visibility;
	-webkit-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}

.dropdown-toggle:focus {
	outline: 0
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	background-clip: padding-box
}

.dropdown-menu-right,
.dropdown-menu.pull-right {
	left: auto;
	right: 0
}

.dropdown-header,
.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	line-height: 1.42857143;
	white-space: nowrap
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child),
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}

.dropdown-menu>li>a {
	clear: both;
	font-weight: 400;
	color: #333
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #238efa
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
	color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
	text-decoration: none;
	background-color: transparent;
	filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
	cursor: not-allowed
}

.open>.dropdown-menu {
	display: block
}

.open>a {
	outline: 0
}

.dropdown-menu-left {
	left: 0;
	right: auto
}

.dropdown-header {
	font-size: 12px;
	color: #777
}

.dropdown-backdrop {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 990
}

.nav-justified>.dropdown .dropdown-menu,
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
	top: auto;
	left: auto
}

.pull-right>.dropdown-menu {
	right: 0;
	left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
	border-top: 0;
	border-bottom: 4px dashed;
	border-bottom: 4px solid\9;
	content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px
}

@media (min-width:768px) {
	.navbar-right .dropdown-menu {
		left: auto;
		right: 0
	}
	.navbar-right .dropdown-menu-left {
		left: 0;
		right: auto
	}
}

.btn-group,
.btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
	position: relative;
	float: left
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
	z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
	margin-left: -1px
}

.btn-toolbar {
	margin-left: -5px
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
	margin-left: 5px
}

.btn .caret,
.btn-group>.btn:first-child {
	margin-left: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
	outline: 0
}

.btn-group>.btn+.dropdown-toggle {
	padding-left: 8px;
	padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
	padding-left: 12px;
	padding-right: 12px
}

.btn-group.open .dropdown-toggle {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
	box-shadow: none
}

.btn-lg .caret {
	border-width: 5px 5px 0
}

.dropup .btn-lg .caret {
	border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
	float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
	margin-top: -1px;
	margin-left: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
	border-radius: 4px 4px 0 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
	border-radius: 0 0 4px 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
	border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.btn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
	float: none;
	display: table-cell;
	width: 1%
}

.btn-group-justified>.btn-group .btn {
	width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
	left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none
}

.input-group {
	position: relative;
	display: table;
	border-collapse: separate
}

.input-group[class*=col-] {
	float: none;
	padding-left: 0;
	padding-right: 0
}

.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0
}

.input-group .form-control:focus {
	z-index: 3
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
	height: 46px;
	line-height: 46px
}

select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
	height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
	height: 30px;
	line-height: 30px
}

select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
	height: auto
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
	display: table-cell
}

.nav>li,
.nav>li>a {
	display: block;
	position: relative
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
	border-radius: 0
}

.input-group-addon,
.input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px
}

.input-group-addon.input-sm {
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 3px
}

.input-group-addon.input-lg {
	padding: 10px 16px;
	font-size: 18px;
	border-radius: 6px
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
	margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.input-group-addon:first-child {
	border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.input-group-addon:last-child {
	border-left: 0
}

.input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap
}

.input-group-btn>.btn {
	position: relative
}

.input-group-btn>.btn+.btn {
	margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
	z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
	margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
	z-index: 2;
	margin-left: -1px
}

.nav {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none
}

.nav>li>a {
	padding: 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
	text-decoration: none;
	background-color: #eee
}

.nav>li.disabled>a {
	color: #777
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
	color: #777;
	text-decoration: none;
	background-color: transparent;
	cursor: not-allowed
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	border-color: #238efa
}

.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}

.nav>li>a>img {
	max-width: none
}

.nav-tabs>li {
	float: left;
	margin-bottom: -1px
}

.nav-tabs>li>a {
	line-height: 1.42857143
}

.nav-tabs>li>a:hover {
	border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	cursor: default
}

.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0
}

.nav-tabs.nav-justified>li {
	float: none
}

.nav-tabs.nav-justified>li>a {
	text-align: center;
	margin-bottom: 5px;
	margin-right: 0;
	border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
	border: 1px solid #ddd
}

@media (min-width:768px) {
	.nav-tabs.nav-justified>li {
		display: table-cell;
		width: 1%
	}
	.nav-tabs.nav-justified>li>a {
		margin-bottom: 0;
		border-bottom: 1px solid #ddd;
		border-radius: 4px 4px 0 0
	}
	.nav-tabs.nav-justified>.active>a,
	.nav-tabs.nav-justified>.active>a:focus,
	.nav-tabs.nav-justified>.active>a:hover {
		border-bottom-color: #fff
	}
}

.nav-pills>li {
	float: left
}

.nav-justified>li,
.nav-stacked>li {
	float: none
}

.nav-pills>li>a {
	border-radius: 4px
}

.nav-pills>li+li {
	margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	color: #fff;
	background-color: #238efa
}

.nav-stacked>li+li {
	margin-top: 2px;
	margin-left: 0
}

.nav-justified {
	width: 100%
}

.nav-justified>li>a {
	text-align: center;
	margin-bottom: 5px
}

.nav-tabs-justified {
	border-bottom: 0
}

.nav-tabs-justified>li>a {
	margin-right: 0;
	border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover {
	border: 1px solid #ddd
}

@media (min-width:768px) {
	.nav-justified>li {
		display: table-cell;
		width: 1%
	}
	.nav-justified>li>a {
		margin-bottom: 0
	}
	.nav-tabs-justified>li>a {
		border-bottom: 1px solid #ddd;
		border-radius: 4px 4px 0 0
	}
	.nav-tabs-justified>.active>a,
	.nav-tabs-justified>.active>a:focus,
	.nav-tabs-justified>.active>a:hover {
		border-bottom-color: #fff
	}
}

.tab-content>.tab-pane {
	display: none
}

.tab-content>.active {
	display: block
}

.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.navbar {
	position: relative;
	border: 1px solid transparent
}

.navbar-collapse {
	overflow-x: visible;
	padding-right: 15px;
	padding-left: 15px;
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	-webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
	overflow-y: auto
}

@media (min-width:768px) {
	.navbar {
		border-radius: 4px
	}
	.navbar-header {
		float: left
	}
	.navbar-collapse {
		width: auto;
		border-top: 0;
		box-shadow: none
	}
	.navbar-collapse.collapse {
		display: block!important;
		height: auto!important;
		padding-bottom: 0;
		overflow: visible!important
	}
	.navbar-collapse.in {
		overflow-y: visible
	}
	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse,
	.navbar-static-top .navbar-collapse {
		padding-left: 0;
		padding-right: 0
	}
}

.embed-responsive,
.modal,
.modal-open,
.progress {
	overflow: hidden
}

@media (max-device-width:480px) and (orientation:landscape) {
	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse {
		max-height: 200px
	}
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
	margin-right: -15px;
	margin-left: -15px
}

.navbar-static-top {
	z-index: 1000;
	border-width: 0 0 1px
}

.navbar-fixed-bottom,
.navbar-fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030
}

.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px
}

.navbar-fixed-bottom {
	bottom: 0;
	margin-bottom: 0;
	border-width: 1px 0 0
}

.navbar-brand {
	float: left;
	padding: 20px 15px;
	font-size: 18px;
	line-height: 20px;
	height: 60px
}

.navbar-brand:focus,
.navbar-brand:hover {
	text-decoration: none
}

.navbar-brand>img {
	display: block
}

@media (min-width:768px) {
	.container-fluid>.navbar-collapse,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container>.navbar-header {
		margin-right: 0;
		margin-left: 0
	}
	.navbar-fixed-bottom,
	.navbar-fixed-top,
	.navbar-static-top {
		border-radius: 0
	}
	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: -15px
	}
}

.navbar-toggle {
	position: relative;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 13px;
	margin-bottom: 13px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px
}

.navbar-toggle:focus {
	outline: 0
}

.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 4px
}

.navbar-nav {
	margin: 10px -15px
}

.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}

@media (max-width:767px) {
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		box-shadow: none
	}
	.navbar-nav .open .dropdown-menu .dropdown-header,
	.navbar-nav .open .dropdown-menu>li>a {
		padding: 5px 15px 5px 25px
	}
	.navbar-nav .open .dropdown-menu>li>a {
		line-height: 20px
	}
	.navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-nav .open .dropdown-menu>li>a:hover {
		background-image: none
	}
}

.progress-bar-striped,
.progress-striped .progress-bar,
.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

@media (min-width:768px) {
	.navbar-toggle {
		display: none
	}
	.navbar-nav {
		float: left;
		margin: 0
	}
	.navbar-nav>li {
		float: left
	}
	.navbar-nav>li>a {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

.navbar-form {
	padding: 10px 15px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
	margin: 13px -15px
}

@media (min-width:768px) {
	.navbar-form .form-control-static,
	.navbar-form .form-group {
		display: inline-block
	}
	.navbar-form .control-label,
	.navbar-form .form-group {
		margin-bottom: 0;
		vertical-align: middle
	}
	.navbar-form .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle
	}
	.navbar-form .input-group {
		display: inline-table;
		vertical-align: middle
	}
	.navbar-form .input-group .form-control,
	.navbar-form .input-group .input-group-addon,
	.navbar-form .input-group .input-group-btn {
		width: auto
	}
	.navbar-form .input-group>.form-control {
		width: 100%
	}
	.navbar-form .checkbox,
	.navbar-form .radio {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle
	}
	.navbar-form .checkbox label,
	.navbar-form .radio label {
		padding-left: 0
	}
	.navbar-form .checkbox input[type=checkbox],
	.navbar-form .radio input[type=radio] {
		position: relative;
		margin-left: 0
	}
	.navbar-form .has-feedback .form-control-feedback {
		top: 0
	}
	.navbar-form {
		width: auto;
		border: 0;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0;
		padding-bottom: 0;
		box-shadow: none
	}
}

.breadcrumb>li,
.pagination {
	display: inline-block
}

.btn .badge,
.btn .label {
	top: -1px;
	position: relative
}

@media (max-width:767px) {
	.navbar-form .form-group {
		margin-bottom: 5px
	}
	.navbar-form .form-group:last-child {
		margin-bottom: 0
	}
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
	margin-bottom: 0;
	border-radius: 4px 4px 0 0
}

.navbar-btn {
	margin-top: 13px;
	margin-bottom: 13px
}

.navbar-btn.btn-sm {
	margin-top: 15px;
	margin-bottom: 15px
}

.navbar-btn.btn-xs {
	margin-top: 19px;
	margin-bottom: 19px
}

.navbar-text {
	margin-top: 20px;
	margin-bottom: 20px
}

@media (min-width:768px) {
	.navbar-text {
		float: left;
		margin-left: 15px;
		margin-right: 15px
	}
	.navbar-left {
		float: left!important
	}
	.navbar-right {
		float: right!important;
		margin-right: -15px
	}
	.navbar-right~.navbar-right {
		margin-right: 0
	}
}

.navbar-default {
	background-color: #fff;
	border-color: #e6ebf5
}

.navbar-default .navbar-brand {
	color: #7a8599
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
	color: #616c7f;
	background-color: transparent
}

.navbar-default .navbar-text {
	color: #777
}

.navbar-default .navbar-nav>li>a {
	color: #eee
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #333;
	background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #555;
	background-color: #eee
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
	color: #ccc;
	background-color: transparent
}

.navbar-default .navbar-toggle {
	border-color: #ddd
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #e6ebf5
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #eee;
	color: #555
}

@media (max-width:767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #7a8599
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #333;
		background-color: transparent
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
		color: #555;
		background-color: #eee
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
		color: #ccc;
		background-color: transparent
	}
}

.navbar-default .navbar-link {
	color: #7a8599
}

.navbar-default .navbar-link:hover {
	color: #333
}

.navbar-default .btn-link {
	color: #7a8599
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
	color: #333
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
	color: #ccc
}

.navbar-inverse {
	background-color: #222;
	border-color: #080808
}

.navbar-inverse .navbar-brand {
	color: #5AADBB
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
	color: #fff;
	background-color: transparent
}

.navbar-inverse .navbar-text {
	color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
	color: #5AADBB
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
	color: #fff;
	background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
	color: #444;
	background-color: transparent
}

.navbar-inverse .navbar-toggle {
	border-color: #333
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
	background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	background-color: #080808;
	color: #fff
}

@media (max-width:767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
		border-color: #080808
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color: #080808
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #5AADBB
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff;
		background-color: transparent
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
	.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
		color: #fff;
		background-color: #080808
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
	.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
		color: #444;
		background-color: transparent
	}
}

.navbar-inverse .navbar-link {
	color: #5AADBB
}

.navbar-inverse .navbar-link:hover {
	color: #fff
}

.navbar-inverse .btn-link {
	color: #5AADBB
}

.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
	color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
	color: #444
}

.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px
}

.breadcrumb>li+li:before {
	content: "/\00a0";
	padding: 0 5px;
	color: #ccc
}

.breadcrumb>.active {
	color: #777
}

.pagination {
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}

.pager li,
.pagination>li {
	display: inline
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #238efa;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	z-index: 2;
	color: #0568cc;
	background-color: #eee;
	border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	background-color: #238efa;
	border-color: #238efa;
	cursor: default
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
	color: #777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}

.badge,
.label {
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	text-align: center
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	list-style: none;
	text-align: center
}

.pager li>a,
.pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px
}

.pager li>a:focus,
.pager li>a:hover {
	text-decoration: none;
	background-color: #eee
}

.pager .next>a,
.pager .next>span {
	float: right
}

.pager .previous>a,
.pager .previous>span {
	float: left
}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
	color: #777;
	background-color: #fff;
	cursor: not-allowed
}

.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	color: #fff;
	border-radius: .25em
}

a.label:focus,
a.label:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}

.label:empty {
	display: none
}

.label-default {
	background-color: #777
}

.label-default[href]:focus,
.label-default[href]:hover {
	background-color: #5e5e5e
}

.label-primary {
	background-color: #238efa
}

.label-primary[href]:focus,
.label-primary[href]:hover {
	background-color: #0574e5
}

.label-success {
	background-color: #19AE54
}

.label-success[href]:focus,
.label-success[href]:hover {
	background-color: #13813e
}

.label-info {
	background-color: #5bc0de
}

.label-info[href]:focus,
.label-info[href]:hover {
	background-color: #31b0d5
}

.label-warning {
	background-color: #FFAB00
}

.label-warning[href]:focus,
.label-warning[href]:hover {
	background-color: #cc8900
}

.label-danger {
	background-color: #F7615E
}

.label-danger[href]:focus,
.label-danger[href]:hover {
	background-color: #f5312d
}

.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	color: #fff;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px
}

.badge:empty {
	display: none
}

.media-object,
.thumbnail {
	display: block
}

.btn-group-xs>.btn .badge,
.btn-xs .badge {
	top: 0;
	padding: 1px 5px
}

a.badge:focus,
a.badge:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
	color: #238efa;
	background-color: #fff
}

.jumbotron,
.jumbotron .h1,
.jumbotron h1 {
	color: inherit
}

.list-group-item>.badge {
	float: right
}

.list-group-item>.badge+.badge {
	margin-right: 5px
}

.nav-pills>li>a>.badge {
	margin-left: 3px
}

.jumbotron {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	background-color: #eee
}

.jumbotron p {
	margin-bottom: 15px;
	font-size: 21px;
	font-weight: 200
}

.alert,
.thumbnail {
	margin-bottom: 20px
}

.alert .alert-link,
.close {
	font-weight: 700
}

.jumbotron>hr {
	border-top-color: #d5d5d5
}

.container .jumbotron,
.container-fluid .jumbotron {
	border-radius: 6px;
	padding-left: 15px;
	padding-right: 15px
}

.jumbotron .container {
	max-width: 100%
}

@media screen and (min-width:768px) {
	.jumbotron {
		padding-top: 48px;
		padding-bottom: 48px
	}
	.container .jumbotron,
	.container-fluid .jumbotron {
		padding-left: 60px;
		padding-right: 60px
	}
	.jumbotron .h1,
	.jumbotron h1 {
		font-size: 63px
	}
}

.thumbnail {
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out
}

.thumbnail a>img,
.thumbnail>img {
	margin-left: auto;
	margin-right: auto
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
	border-color: #238efa
}

.thumbnail .caption {
	padding: 9px;
	color: #525866
}

.alert {
	padding: 15px;
	border: 1px solid transparent;
	border-radius: 4px
}

.alert h4 {
	margin-top: 0;
	color: inherit
}

.alert>p,
.alert>ul {
	margin-bottom: 0
}

.alert>p+p {
	margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
	padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit
}

.modal,
.modal-backdrop {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #19AE54
}

.alert-success hr {
	border-top-color: #c9e2b3
}

.alert-success .alert-link {
	color: #13813e
}

.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #5bc0de
}

.alert-info hr {
	border-top-color: #a6e1ec
}

.alert-info .alert-link {
	color: #31b0d5
}

.alert-warning {
	background-color: #FFFBF2;
	border-color: #ffedd9;
	color: #cca352
}

.alert-warning hr {
	border-top-color: #ffe1bf
}

.alert-warning .alert-link {
	color: #b58a36
}

.alert-danger {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #F7615E
}

.alert-danger hr {
	border-top-color: #e4b9c0
}

.alert-danger .alert-link {
	color: #f5312d
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}

.progress {
	height: 20px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #238efa;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
	transition: width .6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
	background-color: #19AE54
}

.progress-striped .progress-bar-success {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-striped .progress-bar-info,
.progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
	background-color: #5bc0de
}

.progress-striped .progress-bar-info {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
	background-color: #FFAB00
}

.progress-striped .progress-bar-warning {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
	background-color: #F7615E
}

.progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media {
	margin-top: 15px
}

.media:first-child {
	margin-top: 0
}

.media,
.media-body {
	zoom: 1;
	overflow: hidden
}

.media-body {
	width: 10000px
}

.media-object.img-thumbnail {
	max-width: none
}

.media-right,
.media>.pull-right {
	padding-left: 10px
}

.media-left,
.media>.pull-left {
	padding-right: 10px
}

.media-body,
.media-left,
.media-right {
	display: table-cell;
	vertical-align: top
}

.media-middle {
	vertical-align: middle
}

.media-bottom {
	vertical-align: bottom
}

.media-heading {
	margin-top: 0;
	margin-bottom: 5px
}

.media-list {
	padding-left: 0;
	list-style: none
}

.list-group {
	margin-bottom: 20px;
	padding-left: 0
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd
}

.list-group-item:first-child {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px
}

.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

a.list-group-item,
button.list-group-item {
	color: #555
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
	color: #333
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
	text-decoration: none;
	color: #555;
	background-color: #f5f5f5
}

button.list-group-item {
	width: 100%;
	text-align: left
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
	background-color: #eee;
	color: #777;
	cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
	color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
	color: #777
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
	z-index: 2;
	color: #fff;
	background-color: #238efa;
	border-color: #238efa
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>small {
	color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
	color: #eaf4ff
}

.list-group-item-success {
	color: #19AE54;
	background-color: #dff0d8
}

a.list-group-item-success,
button.list-group-item-success {
	color: #19AE54
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
	color: inherit
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
	color: #19AE54;
	background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
	color: #fff;
	background-color: #19AE54;
	border-color: #19AE54
}

.list-group-item-info {
	color: #5bc0de;
	background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
	color: #5bc0de
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
	color: inherit
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
	color: #5bc0de;
	background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
	color: #fff;
	background-color: #5bc0de;
	border-color: #5bc0de
}

.list-group-item-warning {
	color: #cca352;
	background-color: #FFFBF2
}

a.list-group-item-warning,
button.list-group-item-warning {
	color: #cca352
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
	color: inherit
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
	color: #cca352;
	background-color: #fff3d9
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
	color: #fff;
	background-color: #cca352;
	border-color: #cca352
}

.list-group-item-danger {
	color: #F7615E;
	background-color: #f2dede
}

a.list-group-item-danger,
button.list-group-item-danger {
	color: #F7615E
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
	color: inherit
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
	color: #F7615E;
	background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
	color: #fff;
	background-color: #F7615E;
	border-color: #F7615E
}

.panel-heading>.dropdown .dropdown-toggle,
.panel-title,
.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
	color: inherit
}

.list-group-item-heading {
	margin-top: 0;
	margin-bottom: 5px
}

.list-group-item-text {
	margin-bottom: 0;
	line-height: 1.3
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-title,
.panel>.list-group,
.panel>.panel-collapse>.list-group,
.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
	margin-bottom: 0
}

.panel-body {
	padding: 15px
}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.panel-title {
	margin-top: 0;
	font-size: 16px
}

.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
	border-width: 1px 0;
	border-radius: 0
}

.panel-group .panel-heading,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
	border-bottom: 0
}

.panel>.table-responsive:last-child>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
	border-top: 0;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
	border-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.list-group+.panel-footer,
.panel-heading+.list-group .list-group-item:first-child {
	border-top-width: 0
}

.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
	padding-left: 15px;
	padding-right: 15px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
	border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
	border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
	border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
	border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
	border-top: 1px solid #f0f3fa
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
	border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
	border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
	border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
	border-right: 0
}

.panel>.table-responsive {
	border: 0;
	margin-bottom: 0
}

.panel-group {
	margin-bottom: 20px
}

.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px
}

.panel-group .panel+.panel {
	margin-top: 5px
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 1px solid #ddd
}

.panel-group .panel-footer {
	border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
	border-bottom: 1px solid #ddd
}

.panel-default {
	border-color: #ddd
}

.panel-default>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
	color: #f5f5f5;
	background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ddd
}

.panel-primary {
	border-color: #238efa
}

.panel-primary>.panel-heading {
	color: #fff;
	background-color: #238efa;
	border-color: #238efa
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #238efa
}

.panel-primary>.panel-heading .badge {
	color: #238efa;
	background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #238efa
}

.panel-success {
	border-color: #d6e9c6
}

.panel-success>.panel-heading {
	color: #19AE54;
	background-color: #dff0d8;
	border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
	color: #dff0d8;
	background-color: #19AE54
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #d6e9c6
}

.panel-info {
	border-color: #bce8f1
}

.panel-info>.panel-heading {
	color: #5bc0de;
	background-color: #d9edf7;
	border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
	color: #d9edf7;
	background-color: #5bc0de
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #bce8f1
}

.panel-warning {
	border-color: #ffedd9
}

.panel-warning>.panel-heading {
	color: #cca352;
	background-color: #FFFBF2;
	border-color: #ffedd9
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ffedd9
}

.panel-warning>.panel-heading .badge {
	color: #FFFBF2;
	background-color: #cca352
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ffedd9
}

.panel-danger {
	border-color: #ebccd1
}

.panel-danger>.panel-heading {
	color: #F7615E;
	background-color: #f2dede;
	border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
	color: #f2dede;
	background-color: #F7615E
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ebccd1
}

.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border: 0
}

.embed-responsive-16by9 {
	padding-bottom: 56.25%
}

.embed-responsive-4by3 {
	padding-bottom: 75%
}

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
	border-color: #ddd;
	border-color: rgba(0, 0, 0, .15)
}

.well-lg {
	padding: 24px;
	border-radius: 6px
}

.well-sm {
	padding: 9px;
	border-radius: 3px
}

.close {
	float: right;
	font-size: 21px;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20)
}

.popover,
.tooltip {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.42857143;
	text-shadow: none;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	text-transform: none;
	text-decoration: none;
	white-space: normal
}

.close:focus,
.close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .5;
	filter: alpha(opacity=50)
}

button.close {
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none
}

.input-tips .inner,
.modal-content,
.popover {
	background-clip: padding-box
}

.modal {
	display: none;
	position: fixed;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}

.input-tips p:last-child,
.modal-footer .btn+.btn {
	margin-bottom: 0
}

.modal-content {
	position: relative;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 6px;
	outline: 0
}

.modal-backdrop {
	position: fixed;
	z-index: 1040;
	background-color: #fff
}

.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)
}

.modal-backdrop.in {
	opacity: 1;
	filter: alpha(opacity=100)
}

.modal-header {
	padding: 30px;
	border-bottom: 1px solid transparent
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.42857143
}

.modal-body {
	position: relative;
	padding: 15px
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid transparent
}

.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
	margin-left: 0
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media (min-width:768px) {
	.modal-dialog {
		width: 800px;
		margin: 30px auto
	}
	.modal-content {
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
	}
	.modal-sm {
		width: 300px
	}
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

@media (min-width:992px) {
	.modal-lg {
		width: 900px
	}
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	text-align: left;
	text-align: start;
	font-size: 12px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.tooltip.in {
	opacity: .9;
	filter: alpha(opacity=90)
}

.tooltip.top {
	margin-top: -3px;
	padding: 5px 0
}

.tooltip.right {
	margin-left: 3px;
	padding: 0 5px
}

.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0
}

.tooltip.left {
	margin-left: -3px;
	padding: 0 5px
}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	background-color: #000;
	border-radius: 4px
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
	right: 5px
}

.tooltip.top-right .tooltip-arrow {
	left: 5px
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
	border-width: 0 5px 5px;
	border-bottom-color: #000;
	top: 0
}

.tooltip.bottom .tooltip-arrow {
	left: 50%;
	margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
	right: 5px;
	margin-top: -5px
}

.tooltip.bottom-right .tooltip-arrow {
	left: 5px;
	margin-top: -5px
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	padding: 1px;
	text-align: left;
	text-align: start;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.carousel-caption,
.carousel-control {
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.popover.top {
	margin-top: -10px
}

.popover.right {
	margin-left: 10px
}

.popover.bottom {
	margin-top: 10px
}

.popover.left {
	margin-left: -10px
}

.popover-title {
	margin: 0;
	padding: 8px 14px;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0
}

.popover-content {
	padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.carousel,
.carousel-inner {
	position: relative
}

.popover>.arrow {
	border-width: 11px
}

.popover>.arrow:after {
	border-width: 10px;
	content: ""
}

.popover.top>.arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, .25);
	bottom: -11px
}

.popover.top>.arrow:after {
	content: " ";
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff
}

.popover.left>.arrow:after,
.popover.right>.arrow:after {
	content: " ";
	bottom: -10px
}

.popover.right>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, .25)
}

.popover.right>.arrow:after {
	left: 1px;
	border-left-width: 0;
	border-right-color: #fff
}

.popover.bottom>.arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25);
	top: -11px
}

.popover.bottom>.arrow:after {
	content: " ";
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff
}

.popover.left>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff
}

.carousel-inner {
	overflow: hidden;
	width: 100%
}

.carousel-inner>.item {
	display: none;
	position: relative;
	-webkit-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
	line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
	.carousel-inner>.item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
		transition: -webkit-transform .6s ease-in-out;
		transition: transform .6s ease-in-out;
		transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px
	}
	.carousel-inner>.item.active.right,
	.carousel-inner>.item.next {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		left: 0
	}
	.carousel-inner>.item.active.left,
	.carousel-inner>.item.prev {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		left: 0
	}
	.carousel-inner>.item.active,
	.carousel-inner>.item.next.left,
	.carousel-inner>.item.prev.right {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		left: 0
	}
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
	display: block
}

.carousel-inner>.active {
	left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}

.carousel-inner>.next {
	left: 100%
}

.carousel-inner>.prev {
	left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
	left: 0
}

.carousel-inner>.active.left {
	left: -100%
}

.carousel-inner>.active.right {
	left: 100%
}

.carousel-control {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 15%;
	opacity: .5;
	filter: alpha(opacity=50);
	font-size: 20px;
	background-color: rgba(0, 0, 0, 0)
}

.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-repeat: repeat-x;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
	left: auto;
	right: 0;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
	background-repeat: repeat-x;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:focus,
.carousel-control:hover {
	outline: 0;
	color: #fff;
	text-decoration: none;
	opacity: .9;
	filter: alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	z-index: 5;
	display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 50%;
	margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 50%;
	margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
	width: 20px;
	height: 20px;
	line-height: 1;
	font-family: serif
}

.carousel-control .icon-prev:before {
	content: '\2039'
}

.carousel-control .icon-next:before {
	content: '\203a'
}

.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	list-style: none;
	text-align: center
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	border: 1px solid #fff;
	border-radius: 10px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0, 0, 0, 0)
}

.carousel-indicators .active {
	margin: 0;
	width: 12px;
	height: 12px;
	background-color: #fff
}

.carousel-caption {
	position: absolute;
	left: 15%;
	right: 15%;
	bottom: 20px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px
}

.affix,
.old-browser {
	position: fixed
}

.carousel-caption .btn,
.text-hide {
	text-shadow: none
}

@media screen and (min-width:768px) {
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-next,
	.carousel-control .icon-prev {
		width: 30px;
		height: 30px;
		margin-top: -10px;
		font-size: 30px
	}
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .icon-prev {
		margin-left: -10px
	}
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-next {
		margin-right: -10px
	}
	.carousel-caption {
		left: 20%;
		right: 20%;
		padding-bottom: 30px
	}
	.carousel-indicators {
		bottom: 20px
	}
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
	content: " ";
	display: table
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
	clear: both
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 960px
}

.pull-right {
	float: right!important
}

.pull-left {
	float: left!important
}

.hide {
	display: none!important
}

.show {
	display: block!important
}

.hidden,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
	display: none!important
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	background-color: transparent;
	border: 0
}

@-ms-viewport {
	width: device-width
}

@media (max-width:767px) {
	.visible-xs {
		display: block!important
	}
	table.visible-xs {
		display: table!important
	}
	tr.visible-xs {
		display: table-row!important
	}
	td.visible-xs,
	th.visible-xs {
		display: table-cell!important
	}
	.visible-xs-block {
		display: block!important
	}
	.visible-xs-inline {
		display: inline!important
	}
	.visible-xs-inline-block {
		display: inline-block!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm {
		display: block!important
	}
	table.visible-sm {
		display: table!important
	}
	tr.visible-sm {
		display: table-row!important
	}
	td.visible-sm,
	th.visible-sm {
		display: table-cell!important
	}
	.visible-sm-block {
		display: block!important
	}
	.visible-sm-inline {
		display: inline!important
	}
	.visible-sm-inline-block {
		display: inline-block!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md {
		display: block!important
	}
	table.visible-md {
		display: table!important
	}
	tr.visible-md {
		display: table-row!important
	}
	td.visible-md,
	th.visible-md {
		display: table-cell!important
	}
	.visible-md-block {
		display: block!important
	}
	.visible-md-inline {
		display: inline!important
	}
	.visible-md-inline-block {
		display: inline-block!important
	}
}

@media (min-width:1200px) {
	.visible-lg {
		display: block!important
	}
	table.visible-lg {
		display: table!important
	}
	tr.visible-lg {
		display: table-row!important
	}
	td.visible-lg,
	th.visible-lg {
		display: table-cell!important
	}
	.visible-lg-block {
		display: block!important
	}
	.visible-lg-inline {
		display: inline!important
	}
	.visible-lg-inline-block {
		display: inline-block!important
	}
	.hidden-lg {
		display: none!important
	}
}

@media (max-width:767px) {
	.hidden-xs {
		display: none!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hidden-sm {
		display: none!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.hidden-md {
		display: none!important
	}
}

.visible-print {
	display: none!important
}

@media print {
	.visible-print {
		display: block!important
	}
	table.visible-print {
		display: table!important
	}
	tr.visible-print {
		display: table-row!important
	}
	td.visible-print,
	th.visible-print {
		display: table-cell!important
	}
}

.visible-print-block {
	display: none!important
}

@media print {
	.visible-print-block {
		display: block!important
	}
}

.visible-print-inline {
	display: none!important
}

@media print {
	.visible-print-inline {
		display: inline!important
	}
}

.visible-print-inline-block {
	display: none!important
}

@media print {
	.visible-print-inline-block {
		display: inline-block!important
	}
	.hidden-print {
		display: none!important
	}
}


* {
	font-family: "Alright Sans LP", "Avenir Next", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Source Han Sans SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi MicroHei", sans-serif
}

body {
	-webkit-font-smoothing: antialiased;
	color: #525866
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500
}

h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
	font-weight: 600
}

a {
	cursor: pointer;
	color: #238efa;
	font-weight: 500
}

a:focus,
a:hover {
	text-decoration: none;
	color: rgba(35, 142, 250, .85)
}

p {
	font-size: 14px;
	line-height: 28px;
	max-width: 640px;
	margin: 15px 0
}

strong {
	color: #000
}

.tooltip-inner {
	text-align: left
}

.text-emphasis {
	color: #292c33
}

.text-sub {
	color: #525866
}

.text-danger {
	color: #F7615E
}

.old-browser {
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff
}

.old-browser img {
	position: absolute;
	width: 701px;
	left: 50%;
	top: 50%;
	margin-left: -350.5px;
	margin-top: -202.5px
}

.thumbnail {
	height: 200px
}

.thumbnail img.pull-right {
	width: 50px
}

.icon-invitation,
.icon-invoice,
.icon-key,
.icon-oplog,
.icon-overview,
.icon-price,
.icon-profile,
.icon-sub-account {
	width: 18px;
	height: 18px;
	background-image: url(https://o4jiepyc4.qnssl.com/static/images/sprite1x.df961136.png)
}

.animate-if.ng-enter,
.animate-if.ng-leave {
	-webkit-transition: all cubic-bezier(.25, .46, .45, .94) .5s;
	transition: all cubic-bezier(.25, .46, .45, .94) .5s
}

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
	opacity: 0
}

.animate-if.ng-enter.ng-enter-active,
.animate-if.ng-leave {
	opacity: 1
}

.icon-sub-account {
	background-position: -142px -239px
}

.icon-invitation {
	background-position: -153px -96px
}

.icon-invoice {
	background-position: -153px -115px
}

.icon-key {
	background-position: -147px -55px
}

.icon-oplog {
	background-position: -166px -55px
}

.icon-overview {
	background-position: -147px -74px
}

.icon-price {
	background-position: -166px -74px
}

.icon-profile {
	background-position: -117px -65px
}


.icon-recharge {
	background-position: -172px -96px
}

.icon-security {
	background-position: -172px -115px
}

.icon-subscribe {
	background-position: -172px -170px
}

.icon-summary {
	background-position: -252px -193px
}

.icon-vendor {
	background-position: -251px -216px
}

.icon-voucher {
	background-position: -123px -239px
}


.icon-ICBCB2C {
	background-position: -84px -193px;
	height: 22px
}

.icon-PSBC-DEBIT {
	background-position: -168px -193px;
	height: 22px
}

.icon-SHRCB {
	background-position: 0 -216px;
	height: 22px
}


.icon-SPA-DEBIT {
	background-position: -200px -69px
}

.icon-SPDB {
	background-position: -200px 0
}



.qi-base-pseudo,
.qi.qi-add:before,
.qi.qi-advanced_information:before,
.qi.qi-alert:before,
.qi.qi-back:before,
.qi.qi-ban:before,
.qi.qi-basic_information:before,
.qi.qi-blank:before,
.qi.qi-bucket:before,
.qi.qi-cache:before,
.qi.qi-changelog:before,
.qi.qi-check-circle:before,
.qi.qi-check:before,
.qi.qi-checkmark:before,
.qi.qi-chip:before,
.qi.qi-close:before,
.qi.qi-complete:before,
.qi.qi-copy:before,
.qi.qi-copypili:before,
.qi.qi-cross:before,
.qi.qi-cycle-down:before,
.qi.qi-dashboard:before,
.qi.qi-delete:before,
.qi.qi-disable:before,
.qi.qi-doc:before,
.qi.qi-document:before,
.qi.qi-domain:before,
.qi.qi-download:before,
.qi.qi-edit:before,
.qi.qi-email:before,
.qi.qi-exclamation:before,
.qi.qi-files-stack:before,
.qi.qi-finance:before,
.qi.qi-financial-icon1:before,
.qi.qi-financial-icon3:before,
.qi.qi-flow:before,
.qi.qi-folder:before,
.qi.qi-globe:before,
.qi.qi-headset:before,
.qi.qi-help:before,
.qi.qi-horizontal:before,
.qi.qi-icon-link:before,
.qi.qi-icon_Long_term_storage:before,
.qi.qi-iconwarning:before,
.qi.qi-identity-logo1:before,
.qi.qi-identity-logo2:before,
.qi.qi-identity-logo3:before,
.qi.qi-identity-logo4:before,
.qi.qi-image-style:before,
.qi.qi-info:before,
.qi.qi-invite:before,
.qi.qi-iocn_play_pili:before,
.qi.qi-kb:before,
.qi.qi-key:before,
.qi.qi-link:before,
.qi.qi-location:before,
.qi.qi-lock:before,
.qi.qi-lock_open:before,
.qi.qi-log:before,
.qi.qi-logout:before,
.qi.qi-many:before,
.qi.qi-more:before,
.qi.qi-next:before,
.qi.qi-nine-square:before,
.qi.qi-oplog:before,
.qi.qi-pen:before,
.qi.qi-pencil:before,
.qi.qi-phone:before,
.qi.qi-placeholder:before,
.qi.qi-play-preview:before,
.qi.qi-play:before,
.qi.qi-plus:before,
.qi.qi-plusslim:before,
.qi.qi-process:before,
.qi.qi-proxy-login:before,
.qi.qi-qrcode:before,
.qi.qi-question:before,
.qi.qi-raise:before,
.qi.qi-record:before,
.qi.qi-remove:before,
.qi.qi-rename:before,
.qi.qi-reset-password:before,
.qi.qi-resource:before,
.qi.qi-scenarios:before,
.qi.qi-search:before,
.qi.qi-server:before,
.qi.qi-setting:before,
.qi.qi-stack:before,
.qi.qi-stop:before,
.qi.qi-storage:before,
.qi.qi-style:before,
.qi.qi-sub_account:before,
.qi.qi-success:before,
.qi.qi-tick:before,
.qi.qi-tick_done:before,
.qi.qi-ticket:before,
.qi.qi-time:before,
.qi.qi-trash2:before,
.qi.qi-trash:before,
.qi.qi-unbinding:before,
.qi.qi-user2:before,
.qi.qi-user:before,
.qi.qi-version:before,
.qi.qi-view:before,
.qi.qi-warning:before,
.qi.qi-weibo:before,
.qi.qi-yuqu:before,
.radio-tab .nav-tabs>li+li:before {
	font-family: qiniu-icon;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: none
}

.qi.qi-add:before {
	content: "\E001"
}

.qi.qi-advanced_information:before {
	content: "\E002"
}

.qi.qi-alert:before {
	content: "\E003"
}

.qi.qi-back:before {
	content: "\E004"
}

.qi.qi-ban:before {
	content: "\E005"
}

.qi.qi-basic_information:before {
	content: "\E006"
}

.qi.qi-blank:before {
	content: "\E007"
}

.qi.qi-bucket:before {
	content: "\E008"
}

.qi.qi-cache:before {
	content: "\E009"
}

.qi.qi-changelog:before {
	content: "\E00A"
}

.qi.qi-check-circle:before {
	content: "\E00B"
}

.qi.qi-check:before {
	content: "\E00C"
}

.qi.qi-checkmark:before {
	content: "\E00D"
}

.qi.qi-chip:before {
	content: "\E00E"
}

.qi.qi-close:before {
	content: "\E00F"
}

.qi.qi-complete:before {
	content: "\E010"
}

.qi.qi-copy:before {
	content: "\E011"
}

.qi.qi-copypili:before {
	content: "\E012"
}

.qi.qi-cross:before {
	content: "\E013"
}

.qi.qi-cycle-down:before {
	content: "\E014"
}

.qi.qi-dashboard:before {
	content: "\E015"
}

.qi.qi-delete:before {
	content: "\E016"
}

.qi.qi-disable:before {
	content: "\E017"
}

.qi.qi-doc:before {
	content: "\E018"
}

.qi.qi-document:before {
	content: "\E019"
}

.qi.qi-domain:before {
	content: "\E01A"
}

.qi.qi-download:before {
	content: "\E01B"
}

.qi.qi-edit:before {
	content: "\E01C"
}

.qi.qi-email:before {
	content: "\E01D"
}

.qi.qi-exclamation:before {
	content: "\E01E"
}

.qi.qi-files-stack:before {
	content: "\E01F"
}

.qi.qi-finance:before {
	content: "\E020"
}

.qi.qi-financial-icon1:before {
	content: "\E021"
}

.qi.qi-financial-icon3:before {
	content: "\E022"
}

.qi.qi-flow:before {
	content: "\E023"
}

.qi.qi-folder:before {
	content: "\E024"
}

.qi.qi-globe:before {
	content: "\E025"
}

.qi.qi-headset:before {
	content: "\E026"
}

.qi.qi-help:before {
	content: "\E027"
}

.qi.qi-horizontal:before {
	content: "\E028"
}

.qi.qi-icon-link:before {
	content: "\E029"
}

.qi.qi-icon_Long_term_storage:before {
	content: "\E02A"
}

.qi.qi-iconwarning:before {
	content: "\E02B"
}

.qi.qi-identity-logo1:before {
	content: "\E02C"
}

.qi.qi-identity-logo2:before {
	content: "\E02D"
}

.qi.qi-identity-logo3:before {
	content: "\E02E"
}

.qi.qi-identity-logo4:before {
	content: "\E02F"
}

.qi.qi-image-style:before {
	content: "\E030"
}

.qi.qi-info:before {
	content: "\E031"
}

.qi.qi-invite:before {
	content: "\E032"
}

.qi.qi-iocn_play_pili:before {
	content: "\E033"
}

.qi.qi-kb:before {
	content: "\E034"
}

.qi.qi-key:before {
	content: "\E035"
}

.qi.qi-link:before {
	content: "\E036"
}

.qi.qi-location:before {
	content: "\E037"
}

.qi.qi-lock:before {
	content: "\E038"
}

.qi.qi-lock_open:before {
	content: "\E039"
}

.qi.qi-log:before {
	content: "\E03A"
}

.qi.qi-logout:before {
	content: "\E03B"
}

.qi.qi-many:before {
	content: "\E03C"
}

.qi.qi-more:before {
	content: "\E03D"
}

.qi.qi-next:before {
	content: "\E03E"
}

.qi.qi-nine-square:before {
	content: "\E03F"
}

.qi.qi-oplog:before {
	content: "\E040"
}

.qi.qi-pen:before {
	content: "\E041"
}

.qi.qi-pencil:before {
	content: "\E042"
}

.qi.qi-phone:before {
	content: "\E043"
}

.qi.qi-placeholder:before {
	content: "\E044"
}

.qi.qi-play-preview:before {
	content: "\E045"
}

.qi.qi-play:before {
	content: "\E046"
}

.qi.qi-plus:before {
	content: "\E047"
}

.qi.qi-plusslim:before {
	content: "\E048"
}

.qi.qi-process:before {
	content: "\E049"
}

.qi.qi-proxy-login:before {
	content: "\E04A"
}

.qi.qi-qrcode:before {
	content: "\E04B"
}

.qi.qi-question:before {
	content: "\E04C"
}

.qi.qi-raise:before {
	content: "\E04D"
}

.qi.qi-record:before {
	content: "\E04E"
}

.qi.qi-remove:before {
	content: "\E04F"
}

.qi.qi-rename:before {
	content: "\E050"
}

.qi.qi-reset-password:before {
	content: "\E051"
}

.qi.qi-resource:before {
	content: "\E052"
}

.qi.qi-scenarios:before {
	content: "\E053"
}

.qi.qi-search:before {
	content: "\E054"
}

.qi.qi-server:before {
	content: "\E055"
}

.qi.qi-setting:before {
	content: "\E056"
}

.qi.qi-stack:before {
	content: "\E057"
}

.qi.qi-stop:before {
	content: "\E058"
}

.qi.qi-storage:before {
	content: "\E059"
}

.qi.qi-style:before {
	content: "\E05A"
}

.qi.qi-sub_account:before {
	content: "\E05B"
}

.qi.qi-success:before {
	content: "\E05C"
}

.qi.qi-tick:before {
	content: "\E05D"
}

.qi.qi-tick_done:before {
	content: "\E05E"
}

.qi.qi-ticket:before {
	content: "\E05F"
}

.qi.qi-time:before {
	content: "\E060"
}

.qi.qi-trash:before {
	content: "\E061"
}

.qi.qi-trash2:before {
	content: "\E062"
}

.qi.qi-unbinding:before {
	content: "\E063"
}

.qi.qi-user:before {
	content: "\E064"
}

.qi.qi-user2:before {
	content: "\E065"
}

.qi.qi-version:before {
	content: "\E066"
}

.qi.qi-view:before {
	content: "\E067"
}

.qi.qi-warning:before {
	content: "\E068"
}

.qi.qi-weibo:before {
	content: "\E069"
}

.qi.qi-yuqu:before {
	content: "\E06A"
}

#create {
	padding: 50px 45px
}

#create .main-title {
	font-size: 22px
}

#create .title {
	font-size: 16px;
	margin-top: 54px;
	font-weight: 500
}

#create .btn {
	display: block;
	width: 87px;
	height: 30px;
	padding: 0;
	margin: 0 auto 38px;
	font-size: 12px;
	line-height: 30px
}

#create .btn.cdn-disabled {
	width: 140px
}

#create .app-resource,
#create .official-resource {
	max-width: 960px
}

#create .app-resource:after,
#create .app-resource:before,
#create .official-resource:after,
#create .official-resource:before {
	content: " ";
	display: table
}

#create .app-resource:after,
#create .official-resource:after {
	clear: both
}

#create .app-resource-card,
#create .official-resource-card {
	float: left;
	box-sizing: border-box;
	width: 220px;
	margin: 15px 20px 0 0
}

#create .official-resource-card {
	float: left;
	height: 270px;
	padding: 0 8px;
	border: 1px solid #e6ebf5;
	font-size: 12px;
	border-radius: 4px
}

#create .official-resource-card .resource-type {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px
}

#create .official-resource-card p {
	margin: 4px 0 23px;
	font-size: 12px;
	line-height: 24px
}

#create .official-resource-card img {
	display: block;
	height: 40px;
	margin: 21px auto
}

#create .app-resource-card {
	height: 60px;
	margin-bottom: 25px;
	cursor: pointer;
	overflow: hidden
}

#create .app-resource-card .app-icon,
#create .app-resource-card .app-info {
	float: left
}

#create .app-resource-card .app-icon {
	width: 60px;
	height: 60px;
	margin-right: 20px;
	text-align: center;
	line-height: 60px;
	overflow: hidden
}

#create .app-resource-card .app-icon img {
	display: inline-block;
	height: 60px;
	border-radius: 4px;
	vertical-align: middle
}

#create .app-resource-card .app-info {
	padding: 4px 0;
	max-width: 118px
}

#create .app-resource-card .app-info .app-name {
	font-weight: 500;
	line-height: 28px;
	max-width: 115px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#create .app-resource-card .app-info .provider {
	font-size: 12px;
	line-height: 24px
}

@media (max-width:1366px) {
	#create .app-resource-card,
	#create .official-resource-card {
		width: 200px;
		margin: 12px 12px 0 0
	}
	#create .official-resource-card {
		padding: 0 10px;
		height: auto
	}
	#create .app-resource-card {
		margin-bottom: 18px
	}
}

#banner-pili {
	margin-bottom: 52px
}

#banner-pili img {
	max-width: 960px;
	width: 100%;
	border-radius: 12px
}

.notfound.notfound-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden
}

.notfound.notfound-wrapper h1,
.notfound.notfound-wrapper p {
	color: #fff;
	max-width: none
}

.notfound.notfound-wrapper h1 {
	font-size: 34px
}

.notfound.notfound-wrapper .btn-block {
	margin-top: 100px;
	margin-bottom: 100px
}

.notfound.notfound-wrapper .btn-block .btn:first-child {
	margin-right: 20px
}

.notfound.notfound-wrapper .background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.notfound.notfound-wrapper .logo-img {
	display: block;
	width: 60px;
	margin: 50px auto 100px;
	-webkit-filter: grayscale(100%) brightness(1000%);
	filter: grayscale(100%) brightness(1000%)
}

.notfound .fof {
	font-size: 80px!important
}

.modal-permission-validator .permission-form-center {
	margin-left: auto;
	margin-right: auto;
	width: 300px
}

.modal-permission-validator form {
	width: 640px;
	margin: auto
}

.modal-permission-validator .check-btn {
	width: 100%;
	margin-top: 5px
}

.modal-permission-validator .recovery-btn,
.modal-permission-validator mobile-binder>div {
	margin-left: auto;
	margin-right: auto;
	width: 300px
}

.modal-permission-validator .recovery-btn {
	display: block;
	margin-top: 15px;
	text-align: left
}

.modal-permission-validator input {
	margin-left: auto;
	margin-right: auto
}

table.table th {
	border-top: 0!important
}

table.table.table-fixed {
	table-layout: fixed
}

table.table.table-fixed td {
	word-break: break-all
}

table.table tbody>tr>td,
table.table thead>tr>td {
	padding: 10px 0;
	border-top: 1px solid #f0f3fa
}

table.table tbody>tr>th,
table.table thead>tr>th {
	padding: 10px 0
}

table.table tbody:last-of-type tr:last-of-type td {
	border-bottom: 1px solid #f0f3fa
}

table.table td.no-border {
	border: none!important
}

.ufop-price {
	font-size: 18px;
	color: #f60
}

#support-tab {
	position: fixed;
	z-index: 9;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	padding: 0;
	border-radius: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background-color: #8792a8;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
	-webkit-transition: width .15s ease-out;
	transition: width .15s ease-out
}

#support-tab .qi-headset {
	margin-right: 0;
	font-size: 26px;
	vertical-align: middle
}

#support-tab .kf5-txt {
	display: none;
	padding-left: 10px;
	font-size: 14px;
	vertical-align: middle
}

#support-tab:hover .kf5-txt,
.input-tips .inner {
	display: inline-block
}

#support-tab:hover {
	width: 146px
}

.support-window iframe {
	width: 400px;
	height: 530px
}

.support-window .loading {
	position: absolute;
	top: 0;
	width: 400px;
	height: 500px;
	padding: 230px 10px;
	background-color: #fff
}

.support-modal-backdrop {
	background-color: rgba(255, 255, 255, 0)
}

.support-modal-window {
	width: 400px;
	height: 515px;
	position: fixed;
	right: 40px;
	bottom: 90px;
	left: initial;
	top: initial;
	overflow: hidden!important;
	border: 1px solid #e6e9f0;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08)
}

.support-modal-window .modal-dialog {
	margin: 0
}

.support-modal-window .modal-dialog .modal-content {
	border: 0
}

@media (min-width:768px) {
	.support-modal-window .modal-dialog {
		margin: 0!important
	}
	.support-modal-window .close {
		font-size: 14px!important;
		margin-top: 15px;
		position: absolute;
		right: 15px!important
	}
}

.support-modal-window .close {
	font-size: 14px!important;
	margin-top: 15px;
	position: absolute;
	right: 15px!important
}

.input-tips {
	position: absolute;
	right: -15px;
	top: 0;
	width: 0;
	z-index: 1010
}

.input-tips .inner {
	width: auto;
	padding: 15px;
	text-align: left;
	background-color: #fff;
	box-shadow: 0 0 1px rgba(0, 0, 0, .5);
	max-width: 276px;
	white-space: nowrap
}

.input-tips .inner:after,
.input-tips .inner:before {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	content: '';
	display: inline-block;
	width: 0;
	height: 0
}

.input-tips .inner:before {
	left: -13px;
	border: 6px solid transparent;
	border-right-color: rgba(0, 0, 0, .15)
}

.input-tips .inner:after {
	left: -12px;
	border: 6px solid transparent;
	border-right-color: #fff
}

.input-tips .fa-circle {
	-webkit-transform: scale(.7, .7);
	transform: scale(.7, .7)
}

.input-tips .fa {
	width: 15px
}

.btn:active:focus,
.btn:focus {
	outline: 0
}

.btn:active {
	box-shadow: none
}

.btn[ng-hide].ng-enter,
.btn[ng-hide].ng-leave,
.btn[ng-if].ng-enter,
.btn[ng-if].ng-leave,
.btn[ng-show].ng-enter,
.btn[ng-show].ng-leave {
	display: none
}

.btn.btn-danger.btn-action,
.btn.btn-default.btn-action,
.btn.btn-info.btn-action,
.btn.btn-primary.btn-action,
.btn.btn-success.btn-action,
.btn.btn-warning.btn-action {
	display: inline;
	line-height: inherit;
	padding: 0 4px
}

.btn.btn-primary {
	color: #238efa;
	background-color: rgba(35, 142, 250, .04);
	border-color: rgba(35, 142, 250, .4)
}

.btn.btn-primary.zeroclipboard-is-hover,
.btn.btn-primary:hover {
	color: #fff;
	background-color: #238efa
}

.btn.btn-primary:active {
	background-color: #057aef;
	border-color: #057aef
}

.btn.btn-primary.disabled,
.btn.btn-primary.disabled:hover,
.btn.btn-primary[disabled],
.btn.btn-primary[disabled]:hover {
	color: rgba(35, 142, 250, .8);
	background-color: transparent;
	border-color: rgba(35, 142, 250, .8)
}

.btn.btn-primary.btn-emphasis {
	color: #fff;
	background-color: #19ae54;
	border-color: #19ae54
}

.btn.btn-primary.btn-emphasis.zeroclipboard-is-hover,
.btn.btn-primary.btn-emphasis:hover {
	background-color: #19ae54;
	border-color: #19ae54
}

.btn.btn-primary.btn-emphasis:active {
	background-color: #0568cc;
	border-color: #0568cc
}

.btn.btn-primary.btn-emphasis.disabled,
.btn.btn-primary.btn-emphasis.disabled:hover,
.btn.btn-primary.btn-emphasis[disabled],
.btn.btn-primary.btn-emphasis[disabled]:hover {
	color: #fff;
	background-color: rgba(35, 142, 250, .8);
	border-color: rgba(35, 142, 250, .8)
}

.btn.btn-primary.btn-mute {
	color: #238efa;
	background-color: transparent;
	border-color: rgba(35, 142, 250, .4)
}

.btn.btn-primary.btn-mute.zeroclipboard-is-hover,
.btn.btn-primary.btn-mute:hover {
	color: #0a81f9;
	border-color: rgba(35, 142, 250, .8)
}

.btn.btn-primary.btn-mute:active {
	color: #0568cc;
	border-color: #0568cc
}

.btn.btn-primary.btn-mute.disabled,
.btn.btn-primary.btn-mute.disabled:hover,
.btn.btn-primary.btn-mute[disabled],
.btn.btn-primary.btn-mute[disabled]:hover {
	color: rgba(35, 142, 250, .8);
	background-color: transparent;
	border-color: rgba(35, 142, 250, .8)
}

.btn.btn-primary.btn-action {
	color: #7a8599;
	background: 0 0;
	border: none
}

.btn.btn-primary.btn-action.zeroclipboard-is-hover,
.btn.btn-primary.btn-action:hover {
	color: #238efa
}

.btn.btn-primary.btn-action:active {
	color: #0568cc
}

.btn.btn-primary.btn-action.disabled,
.btn.btn-primary.btn-action.disabled:hover,
.btn.btn-primary.btn-action[disabled],
.btn.btn-primary.btn-action[disabled]:hover {
	color: rgba(122, 133, 153, .8)
}

.btn.btn-success {
	color: #19AE54;
	background-color: rgba(25, 174, 84, .04);
	border-color: rgba(25, 174, 84, .4)
}

.btn.btn-success.zeroclipboard-is-hover,
.btn.btn-success:hover {
	color: #fff;
	background-color: #19AE54
}

.btn.btn-success:active {
	background-color: #148a43;
	border-color: #148a43
}

.btn.btn-success.disabled,
.btn.btn-success.disabled:hover,
.btn.btn-success[disabled],
.btn.btn-success[disabled]:hover {
	color: rgba(25, 174, 84, .8);
	background-color: transparent;
	border-color: rgba(25, 174, 84, .8)
}

.btn.btn-success.btn-emphasis {
	color: #fff;
	background-color: #19AE54;
	border-color: #19AE54
}

.btn.btn-success.btn-emphasis.zeroclipboard-is-hover,
.btn.btn-success.btn-emphasis:hover {
	background-color: #158f45;
	border-color: #158f45
}

.btn.btn-success.btn-emphasis:active {
	background-color: #0f6b34;
	border-color: #0f6b34
}

.btn.btn-success.btn-emphasis.disabled,
.btn.btn-success.btn-emphasis.disabled:hover,
.btn.btn-success.btn-emphasis[disabled],
.btn.btn-success.btn-emphasis[disabled]:hover {
	color: #fff;
	background-color: rgba(25, 174, 84, .8);
	border-color: rgba(25, 174, 84, .8)
}

.btn.btn-success.btn-mute {
	color: #19AE54;
	background-color: transparent;
	border-color: rgba(25, 174, 84, .4)
}

.btn.btn-success.btn-mute.zeroclipboard-is-hover,
.btn.btn-success.btn-mute:hover {
	color: #169849;
	border-color: rgba(25, 174, 84, .8)
}

.btn.btn-success.btn-mute:active {
	color: #0f6b34;
	border-color: #0f6b34
}

.btn.btn-success.btn-mute.disabled,
.btn.btn-success.btn-mute.disabled:hover,
.btn.btn-success.btn-mute[disabled],
.btn.btn-success.btn-mute[disabled]:hover {
	color: rgba(25, 174, 84, .8);
	background-color: transparent;
	border-color: rgba(25, 174, 84, .8)
}

.btn.btn-success.btn-action {
	color: #7a8599;
	background: 0 0;
	border: none
}

.btn.btn-success.btn-action.zeroclipboard-is-hover,
.btn.btn-success.btn-action:hover {
	color: #19AE54
}

.btn.btn-success.btn-action:active {
	color: #0f6b34
}

.btn.btn-success.btn-action.disabled,
.btn.btn-success.btn-action.disabled:hover,
.btn.btn-success.btn-action[disabled],
.btn.btn-success.btn-action[disabled]:hover {
	color: rgba(122, 133, 153, .8)
}

.btn.btn-info {
	color: #5bc0de;
	background-color: rgba(91, 192, 222, .04);
	border-color: rgba(91, 192, 222, .4)
}

.btn.btn-info.zeroclipboard-is-hover,
.btn.btn-info:hover {
	color: #fff;
	background-color: #5bc0de
}

.btn.btn-info:active {
	background-color: #39b3d7;
	border-color: #39b3d7
}

.btn.btn-info.disabled,
.btn.btn-info.disabled:hover,
.btn.btn-info[disabled],
.btn.btn-info[disabled]:hover {
	color: rgba(91, 192, 222, .8);
	background-color: transparent;
	border-color: rgba(91, 192, 222, .8)
}

.btn.btn-info.btn-emphasis {
	color: #fff;
	background-color: #5bc0de;
	border-color: #5bc0de
}

.btn.btn-info.btn-emphasis.zeroclipboard-is-hover,
.btn.btn-info.btn-emphasis:hover {
	background-color: #3db5d8;
	border-color: #3db5d8
}

.btn.btn-info.btn-emphasis:active {
	background-color: #28a1c5;
	border-color: #28a1c5
}

.btn.btn-info.btn-emphasis.disabled,
.btn.btn-info.btn-emphasis.disabled:hover,
.btn.btn-info.btn-emphasis[disabled],
.btn.btn-info.btn-emphasis[disabled]:hover {
	color: #fff;
	background-color: rgba(91, 192, 222, .8);
	border-color: rgba(91, 192, 222, .8)
}

.btn.btn-info.btn-mute {
	color: #5bc0de;
	background-color: transparent;
	border-color: rgba(91, 192, 222, .4)
}

.btn.btn-info.btn-mute.zeroclipboard-is-hover,
.btn.btn-info.btn-mute:hover {
	color: #46b8da;
	border-color: rgba(91, 192, 222, .8)
}

.btn.btn-info.btn-mute:active {
	color: #28a1c5;
	border-color: #28a1c5
}

.btn.btn-info.btn-mute.disabled,
.btn.btn-info.btn-mute.disabled:hover,
.btn.btn-info.btn-mute[disabled],
.btn.btn-info.btn-mute[disabled]:hover {
	color: rgba(91, 192, 222, .8);
	background-color: transparent;
	border-color: rgba(91, 192, 222, .8)
}

.btn.btn-info.btn-action {
	color: #7a8599;
	background: 0 0;
	border: none
}

.btn.btn-info.btn-action.zeroclipboard-is-hover,
.btn.btn-info.btn-action:hover {
	color: #5bc0de
}

.btn.btn-info.btn-action:active {
	color: #28a1c5
}

.btn.btn-info.btn-action.disabled,
.btn.btn-info.btn-action.disabled:hover,
.btn.btn-info.btn-action[disabled],
.btn.btn-info.btn-action[disabled]:hover {
	color: rgba(122, 133, 153, .8)
}

.btn.btn-warning {
	color: #FFAB00;
	background-color: rgba(255, 171, 0, .04);
	border-color: rgba(255, 171, 0, .4)
}

.btn.btn-warning.zeroclipboard-is-hover,
.btn.btn-warning:hover {
	color: #fff;
	background-color: #FFAB00
}

.btn.btn-warning:active {
	background-color: #d69000;
	border-color: #d69000
}

.btn.btn-warning.disabled,
.btn.btn-warning.disabled:hover,
.btn.btn-warning[disabled],
.btn.btn-warning[disabled]:hover {
	color: rgba(255, 171, 0, .8);
	background-color: transparent;
	border-color: rgba(255, 171, 0, .8)
}

.btn.btn-warning.btn-emphasis {
	color: #fff;
	background-color: #FFAB00;
	border-color: #FFAB00
}

.btn.btn-warning.btn-emphasis.zeroclipboard-is-hover,
.btn.btn-warning.btn-emphasis:hover {
	background-color: #db9300;
	border-color: #db9300
}

.btn.btn-warning.btn-emphasis:active {
	background-color: #b37800;
	border-color: #b37800
}

.btn.btn-warning.btn-emphasis.disabled,
.btn.btn-warning.btn-emphasis.disabled:hover,
.btn.btn-warning.btn-emphasis[disabled],
.btn.btn-warning.btn-emphasis[disabled]:hover {
	color: #fff;
	background-color: rgba(255, 171, 0, .8);
	border-color: rgba(255, 171, 0, .8)
}

.btn.btn-warning.btn-mute {
	color: #FFAB00;
	background-color: transparent;
	border-color: rgba(255, 171, 0, .4)
}

.btn.btn-warning.btn-mute.zeroclipboard-is-hover,
.btn.btn-warning.btn-mute:hover {
	color: #e69a00;
	border-color: rgba(255, 171, 0, .8)
}

.btn.btn-warning.btn-mute:active {
	color: #b37800;
	border-color: #b37800
}

.btn.btn-warning.btn-mute.disabled,
.btn.btn-warning.btn-mute.disabled:hover,
.btn.btn-warning.btn-mute[disabled],
.btn.btn-warning.btn-mute[disabled]:hover {
	color: rgba(255, 171, 0, .8);
	background-color: transparent;
	border-color: rgba(255, 171, 0, .8)
}

.btn.btn-warning.btn-action {
	color: #7a8599;
	background: 0 0;
	border: none
}

.btn.btn-warning.btn-action.zeroclipboard-is-hover,
.btn.btn-warning.btn-action:hover {
	color: #FFAB00
}

.btn.btn-warning.btn-action:active {
	color: #b37800
}

.btn.btn-warning.btn-action.disabled,
.btn.btn-warning.btn-action.disabled:hover,
.btn.btn-warning.btn-action[disabled],
.btn.btn-warning.btn-action[disabled]:hover {
	color: rgba(122, 133, 153, .8)
}

.btn.btn-danger {
	color: #F7615E;
	background-color: rgba(247, 97, 94, .04);
	border-color: rgba(247, 97, 94, .4)
}

.btn.btn-danger.zeroclipboard-is-hover,
.btn.btn-danger:hover {
	color: #fff;
	background-color: #F7615E
}

.btn.btn-danger:active {
	background-color: #f53b37;
	border-color: #f53b37
}

.btn.btn-danger.disabled,
.btn.btn-danger.disabled:hover,
.btn.btn-danger[disabled],
.btn.btn-danger[disabled]:hover {
	color: rgba(247, 97, 94, .8);
	background-color: transparent;
	border-color: rgba(247, 97, 94, .8)
}

.btn.btn-danger.btn-emphasis {
	color: #fff;
	background-color: #F7615E;
	border-color: #F7615E
}

.btn.btn-danger.btn-emphasis.zeroclipboard-is-hover,
.btn.btn-danger.btn-emphasis:hover {
	background-color: #f5403c;
	border-color: #f5403c
}

.btn.btn-danger.btn-emphasis:active {
	background-color: #f31915;
	border-color: #f31915
}

.btn.btn-danger.btn-emphasis.disabled,
.btn.btn-danger.btn-emphasis.disabled:hover,
.btn.btn-danger.btn-emphasis[disabled],
.btn.btn-danger.btn-emphasis[disabled]:hover {
	color: #fff;
	background-color: rgba(247, 97, 94, .8);
	border-color: rgba(247, 97, 94, .8)
}

.btn.btn-danger.btn-mute {
	color: #F7615E;
	background-color: transparent;
	border-color: rgba(247, 97, 94, .4)
}

.btn.btn-danger.btn-mute.zeroclipboard-is-hover,
.btn.btn-danger.btn-mute:hover {
	color: #f64946;
	border-color: rgba(247, 97, 94, .8)
}

.btn.btn-danger.btn-mute:active {
	color: #f31915;
	border-color: #f31915
}

.btn.btn-danger.btn-mute.disabled,
.btn.btn-danger.btn-mute.disabled:hover,
.btn.btn-danger.btn-mute[disabled],
.btn.btn-danger.btn-mute[disabled]:hover {
	color: rgba(247, 97, 94, .8);
	background-color: transparent;
	border-color: rgba(247, 97, 94, .8)
}

.btn.btn-danger.btn-action {
	color: #7a8599;
	background: 0 0;
	border: none
}

.btn.btn-danger.btn-action.zeroclipboard-is-hover,
.btn.btn-danger.btn-action:hover {
	color: #F7615E
}

.btn.btn-danger.btn-action:active {
	color: #f31915
}

.btn.btn-danger.btn-action.disabled,
.btn.btn-danger.btn-action.disabled:hover,
.btn.btn-danger.btn-action[disabled],
.btn.btn-danger.btn-action[disabled]:hover {
	color: rgba(122, 133, 153, .8)
}

.btn.btn-default {
	color: #525866;
	background-color: rgba(82, 88, 102, .08);
	border-color: rgba(82, 88, 102, .4)
}

.btn.btn-default.zeroclipboard-is-hover,
.btn.btn-default:hover {
	color: #525866;
	background-color: rgba(82, 88, 102, .2)
}

.btn.btn-default:active {
	background-color: rgba(82, 88, 102, .5);
	border-color: rgba(82, 88, 102, .5)
}

.btn.btn-default.disabled,
.btn.btn-default.disabled:hover,
.btn.btn-default[disabled],
.btn.btn-default[disabled]:hover {
	color: rgba(82, 88, 102, .8);
	background-color: transparent;
	border-color: rgba(82, 88, 102, .8)
}

.btn.btn-default.btn-emphasis {
	color: #fff;
	background-color: #525866;
	border-color: #525866
}

.btn.btn-default.btn-emphasis.zeroclipboard-is-hover,
.btn.btn-default.btn-emphasis:hover {
	background-color: #424752;
	border-color: #424752
}

.btn.btn-default.btn-emphasis:active {
	background-color: #30333c;
	border-color: #30333c
}

.btn.btn-default.btn-emphasis.disabled,
.btn.btn-default.btn-emphasis.disabled:hover,
.btn.btn-default.btn-emphasis[disabled],
.btn.btn-default.btn-emphasis[disabled]:hover {
	color: #fff;
	background-color: rgba(82, 88, 102, .8);
	border-color: rgba(82, 88, 102, .8)
}

.btn.btn-default.btn-mute {
	color: #525866;
	background-color: transparent;
	border-color: rgba(82, 88, 102, .4)
}

.btn.btn-default.btn-mute.zeroclipboard-is-hover,
.btn.btn-default.btn-mute:hover {
	color: #474c58;
	border-color: rgba(82, 88, 102, .8)
}

.btn.btn-default.btn-mute:active {
	color: #30333c;
	border-color: #30333c
}

.btn.btn-default.btn-mute.disabled,
.btn.btn-default.btn-mute.disabled:hover,
.btn.btn-default.btn-mute[disabled],
.btn.btn-default.btn-mute[disabled]:hover {
	color: rgba(82, 88, 102, .8);
	background-color: transparent;
	border-color: rgba(82, 88, 102, .8)
}

.btn.btn-default.btn-action {
	color: #7a8599;
	background: 0 0;
	border: none
}

.btn.btn-default.btn-action.zeroclipboard-is-hover,
.btn.btn-default.btn-action:hover {
	color: #525866
}

.btn.btn-default.btn-action:active {
	color: #30333c
}

.btn.btn-default.btn-action.disabled,
.btn.btn-default.btn-action.disabled:hover,
.btn.btn-default.btn-action[disabled],
.btn.btn-default.btn-action[disabled]:hover {
	color: rgba(122, 133, 153, .8)
}

.btn {
	font-weight: 500;
	-webkit-transition: all .15s;
	transition: all .15s;
	padding: 0 15px;
	font-size: 12px;
	line-height: 32px;
	border-radius: 4px
}

.btn .qi {
	font-size: 12px;
	margin-right: 4px
}

.btn+.btn {
	margin-left: 14px
}

.btn-group-lg>.btn,
.btn-lg {
	padding: 0 30px;
	font-size: 14px;
	line-height: 42px
}

.btn-lg+.btn-lg {
	margin-left: 18px
}

.btn-group-sm>.btn,
.btn-sm {
	padding: 0 16px;
	font-size: 12px;
	line-height: 28px
}

.btn-group-xs>.btn,
.btn-xs {
	padding: 0 8px;
	line-height: 20px;
	font-size: 12px
}

.btn-round {
	padding: 0 16px;
	border-radius: 999px
}

.btn.btn-warning.btn-light {
	color: #CCA652
}

.q-card {
	padding: 0 0 40px
}

.q-card.charts {
	cursor: pointer
}

.q-card .card-more {
	color: #7a8599;
	float: right;
	font-size: 12px;
	line-height: 22px;
	vertical-align: middle
}

.q-card .card-more .qi {
	color: #7a8599;
	vertical-align: middle;
	font-size: 14px;
	margin-right: 2px
}

.q-card .card-more .qi .qi-add,
.q-card .card-more .qi .qi-setting {
	font-size: 16px
}

.q-card .card-more .qi .qi-view {
	font-size: 10px
}

.q-card .card-more:hover,
.q-card .card-more:hover .qi {
	color: #238efa
}

.q-card .card-more+.card-more {
	margin-right: 10px
}

.q-card .card-heading {
	padding: 0 0 5px;
	border-bottom: 1px solid #e6e9f0;
	font-size: 16px;
	overflow: hidden
}

.q-card .card-heading .card-title {
	float: left;
	font-weight: 500;
	color: #292c33
}

.q-card .card-body {
	padding: 0
}

.q-card .card-body .desc {
	color: #525866;
	margin: 0
}

.q-card .card-status {
	padding: 14px 16px;
	border: 1px solid #e6e9f0;
	margin: 14px 0;
	border-radius: 4px
}

.q-card .card-status .badge {
	color: #fff;
	font-weight: 400;
	border-radius: 4px;
	margin-top: -4px;
	margin-left: 4px
}

.q-card .card-status.state-default {
	background-color: #F8FAFC
}

.q-card .card-status.state-info {
	background-color: #F4F9FF;
	border-color: #cee1f5;
	color: #528fcc
}

.q-card .card-status.state-success {
	background-color: #F4FBF6;
	border-color: #c0ebd0;
	color: #47b36f
}

.q-card .card-status.state-warning {
	background-color: #FFFBF2;
	border-color: #f0e0c0;
	color: #cca352
}

.q-card .card-status.state-warning .badge {
	background-color: #FFA600;
	border-color: #e68900
}

.q-card .card-status.state-danger,
.q-card .card-status.state-error {
	background-color: #FEF7F7;
	border-color: #f0d8d8;
	color: #e65c5c
}

.q-card.q-card-chart {
	border-radius: 4px
}

.q-card .highcharts-container {
	cursor: pointer
}

.index-chart-loading,
.index-chart-no-data {
	height: 181px;
	display: block;
	padding: 64px;
	text-align: center
}

.index-chart-no-data {
	color: #7a8599;
	line-height: 18px;
	font-size: 12px;
	padding-top: 70px!important;
	border-style: dashed!important;
	background-color: #F8FAFC;
	padding: 14px 16px;
	border: 1px solid #e6e9f0;
	border-radius: 4px
}

.describe-info {
	background: #8F9BB4;
	color: #fff
}

.page-desc,
.radio-btn {
	color: #525866
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ellipsis-train {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 260px
}

.ellipsis-train .ellipsis {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ellipsis-train .train {
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 0
}

[role=button] {
	outline: 0
}

.radio-btn {
	moz-user-select: -moz-none;
	-o-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	border: 1px solid #dcdfe5;
	display: block;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: all .15s;
	transition: all .15s;
	float: left;
	margin-right: 5px;
	font-weight: 500
}

.radio-btn.selected,
.radio-btn:hover {
	border-color: #238efa
}

.form-group.form-inline .form-control,
.form-group.form-inline .help-block,
.toggle-btn .switcher,
i.icon {
	display: inline-block
}

.radio-btn.selected {
	background-color: #fff
}

.radio-btn.disabled {
	color: #bcc1cc;
	cursor: not-allowed;
	border: 1px solid #f0f3fa
}

.radio-btn.disabled:hover {
	border-color: #e6ebf5
}

.radio-btn input[type=radio] {
	position: relative;
	margin: auto 10px auto 0;
	outline: 0
}

.form-group.has-error .form-control,
.form-group.has-error .form-control:focus,
.form-group.has-success .form-control,
.form-group.has-success .form-control:focus,
.form-group.has-warning .form-control,
.form-group.has-warning .form-control:focus {
	box-shadow: none
}

.form-group.has-success .form-control,
.form-group.has-success .form-control:focus {
	border-color: #19AE54
}

.form-group.has-warning .form-control,
.form-group.has-warning .form-control:focus {
	border-color: #FFAB00
}

.form-group.has-error .form-control,
.form-group.has-error .form-control:focus {
	border-color: #F7615E
}

.form-control {
	height: 42px;
	max-width: 300px;
	border-radius: 4px;
	margin-right: 14px;
	border-color: #e1e6f0;
	box-shadow: none
}

.form-control:focus {
	border-color: #238efa;
	box-shadow: none
}

.form-control[readonly] {
	color: #ADBCD9;
	background-color: #F5F7FA;
	border-color: #E9EDF4
}

.help-block {
	vertical-align: middle;
	max-width: 300px
}

.form-group.form-inline .control-label {
	color: #666f80;
	max-width: 160px;
	margin-right: 8px
}

.form-group.form-inline input[type=text].form-control,
.form-group.form-inline select.form-control,
.form-group.form-inline textarea.form-control {
	width: 300px
}

.toggle-btn {
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 500
}

.toggle-btn input {
	position: absolute;
	left: -9999px
}

.toggle-btn span {
	color: #666f80;
	line-height: 26px;
	font-weight: 500;
	vertical-align: middle
}

.toggle-btn .switcher-wrapper {
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 45px;
	height: 26px;
	margin-left: 8px;
	margin-right: 8px;
	border-radius: 999px;
	background-color: #d8dce6;
	-webkit-transition: all .15s;
	transition: all .15s
}

.toggle-btn .switcher {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 22px;
	height: 22px;
	border-radius: 999px;
	background-color: #fff;
	-webkit-transition: all .15s;
	transition: all .15s
}

.toggle-btn.on .switcher-wrapper {
	background-color: #238efa
}

.toggle-btn.on .switcher {
	left: 20px
}

.toggle-btn.disabled * {
	cursor: not-allowed
}

.toggle-btn.disabled .switcher-wrapper {
	cursor: not-allowed;
	background-color: #87c1fc
}

.input-group .form-control {
	margin-right: 0
}

.input-group-addon {
	border-color: #e1e6f0
}

.image-viewer {
	text-align: center
}

.image-viewer .image-wrapper {
	position: relative;
	padding-top: 100%;
	border: 1px solid #e6e9f0;
	border-radius: 5px;
	background-color: #fafbfc
}

.image-viewer .image-wrapper:hover {
	background-color: #f0f0f0
}

.image-viewer .image-wrapper img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto
}

.image-viewer .image-btn {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.image-viewer .placeholder {
	position: relative;
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	font-size: 13px;
	color: #a3b1cc
}

.image-viewer .placeholder .qi-plus {
	font-size: 20px;
	color: #a3b1cc;
	display: block;
	margin-bottom: 10px
}

.image-viewer .upload-mask {
	margin-bottom: 0;
	cursor: pointer
}

.q-item,
.q-item-label {
	margin-bottom: 30px
}

.image-viewer .upload-mask input[type=file] {
	display: none
}

.q-item-label {
	margin-top: 55px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebf0fa;
	font-size: 18px;
	font-weight: 500;
	color: #292c33
}

.navbar,
.navbar .dropdown-menu.dropdown-user .menu li,
.navbar .dropdown-menu.dropdown-user .menu ul {
	border-bottom: 1px solid #e6e9f0
}

.q-item .item-title {
	font-size: 16px;
	font-weight: 500;
	color: #292c33
}

.q-item .item-body .item-describe {
	color: #525866;
	margin: 0 0 20px
}

.q-item .item-body .item-body-child .child-describe,
.q-item .item-body .item-body-child .child-title {
	margin-bottom: 10px;
	display: block
}

.q-item .item-body .item-body-child .child-title {
	color: #525866;
	font-size: 14px;
	font-weight: 500
}

.q-item .item-body .item-body-child .child-describe {
	color: #525866
}

.q-item hr {
	width: 100%;
	margin-top: 30px
}

.q-item .pull-right .btn {
	margin: 0 10px
}

body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden
}

body .main-view,
body .main-view .main-sidebar-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	overflow: hidden
}

body .static-notification {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

body .main-view {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: flex
}

body .main-view .main-sidebar-wrapper {
	width: 280px;
	-ms-flex-preferred-size: 280px;
	flex-basis: 280px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: flex
}

body .main-view .main-sidebar-wrapper.gaea-sidebar-wrapper {
	width: 240px;
	-ms-flex-preferred-size: 240px;
	flex-basis: 240px
}

body .main-view .main-wrapper {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden
}

body .main-view .main-wrapper .main-navbar {
	height: 51px;
	-ms-flex-preferred-size: 51px;
	flex-basis: 51px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

body .main-view .main-wrapper .main-content {
	position: relative;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	overflow: auto
}

body .main-view .main-wrapper .main-content:after,
body .main-view .main-wrapper .main-content:before {
	content: " ";
	display: table
}

body .main-view .main-wrapper .main-content:after {
	clear: both
}

@media (max-width:1024px) {
	.main-sidebar-wrapper,
	.main-sidebar-wrapper.gaea-sidebar-wrapper {
		width: 60px!important;
		-ms-flex-preferred-size: 60px!important;
		flex-basis: 60px!important
	}
	.main-content .resource-heading {
		padding: 20px
	}
	.main-content .resource-body {
		padding: 30px
	}
	.main-content .charts-content {
		padding-right: 40px
	}
	.main-content .info-content {
		padding-left: 40px
	}
}

.modal-full {
	width: 100%
}

.modal-content {
	box-shadow: none;
	width: 100%
}

.modal .modal-dialog {
	margin: 0 auto
}

.modal .modal-header .modal-title {
	color: #292c33
}

.modal .close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 28px;
	outline: 0;
	z-index: 1
}

.navbar .nav-btn,
.navbar .navbar-brand {
	padding: 0 15px;
	line-height: 51px;
	font-size: 0
}

@media (min-width:768px) {
	.modal-content {
		box-shadow: none
	}
	.modal .modal-dialog {
		margin: 30px auto
	}
	.modal .close {
		right: 30px;
		top: 0
	}
}

.modal.fade .modal-dialog {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.modal.modal-center .close {
	top: 30px
}

.modal.modal-center .modal-dialog {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0
}

.modal.modal-center .modal-content {
	height: 100%
}

.modal.modal-center .modal-center-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate3d(-50%, -60%, 0);
	transform: translate3d(-50%, -60%, 0)
}

.modal-footer .btn+.btn {
	margin-left: 14px
}

.modal-footer .btn-lg+.btn-lg {
	margin-left: 18px
}

.navbar {
	margin-bottom: 0;
	min-height: 45px;
	background-color: #00a65a;
}

.navbar .avatar {
	display: none
}

.navbar .navbar-brand {
	height: auto
}

.navbar .navbar-brand .icon-qiniu-with-title {
	vertical-align: middle
}

.navbar li {
	margin-left: -1px
}

.navbar li>a .qi {
	text-align: center
}

.navbar .qi-back {
	margin-right: 10px
}

.navbar .qi-alert {
	display: inline-block;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

.navbar .dropdown-menu.dropdown-user .user-info,
.navbar .link-line {
	display: none
}

.navbar .unread-mark {
	position: absolute;
	height: 6px;
	width: 6px;
	background-color: #ff4d6a;
	border-radius: 6px
}

.navbar .message-text {
	padding-left: 5px;
	vertical-align: top
}

.navbar .navbar-nav .dropdown.open>a {
	color: #238efa;
	background-color: #fff
}

.navbar .dropdown-menu.dropdown-messages {
	margin: 10px 0 0;
	box-shadow: none;
	padding: 0 0 12px
}

.navbar .dropdown-menu.dropdown-messages .messages {
	font-size: 12px
}

.navbar .dropdown-menu.dropdown-messages .messages .messages-head {
	padding: 15px 20px;
	line-height: 22px;
	background-color: #f5f7fa;
	border-bottom: 1px solid #e6e9f0
}

.navbar .dropdown-menu.dropdown-messages .messages .messages-head i.qi {
	font-size: 16px;
	cursor: pointer
}

.navbar .dropdown-menu.dropdown-user ul>li.disabled,
.navbar .dropdown-menu.dropdown-user ul>li.disabled a {
	cursor: no-drop
}

.navbar .dropdown-menu.dropdown-messages .messages .loading-message,
.navbar .dropdown-menu.dropdown-messages .messages .no-message {
	padding: 15px 20px;
	color: #525866;
	text-align: center;
	line-height: 200px
}

.navbar .dropdown-menu.dropdown-messages ul {
	overflow-y: scroll;
	max-height: 300px;
	padding: 0 0 12px;
	list-style: none
}

.navbar .dropdown-menu.dropdown-messages ul>li {
	position: relative;
	border-top: 1px solid #e6e9f0;
	padding: 15px 20px
}

.navbar .dropdown-menu.dropdown-messages ul>li:first-child {
	border-top: none
}

.navbar .dropdown-menu.dropdown-messages ul>li .unread-mark {
	position: absolute;
	left: 7px
}

.navbar .dropdown-menu.dropdown-user {
	margin-top: 10px;
	box-shadow: none
}

.navbar .dropdown-menu.dropdown-user .user-info .avatar {
	margin-bottom: 0
}

.navbar .dropdown-menu.dropdown-user .menu li {
	margin-bottom: -1px
}

.navbar .dropdown-menu.dropdown-user .menu li:before {
	border-left: 0
}

.navbar .dropdown-menu.dropdown-user .menu li:nth-of-type(3n) {
	border-right: 0
}

.navbar .dropdown-menu.dropdown-user .menu li a {
	line-height: normal;
	padding: 20px 0
}

.navbar .dropdown-menu.dropdown-user .menu li a span {
	display: block;
	margin: 0;
	font-size: 12px
}

.navbar .dropdown-menu.dropdown-user .menu li a i {
	display: inline-block;
	margin-right: 0;
	margin-bottom: 8px
}

.navbar .dropdown-menu.dropdown-user .menu a {
	color: #525866;
	border: 1px solid transparent
}

.navbar .dropdown-menu.dropdown-user .menu a:hover {
	background-color: rgba(25, 137, 250, .05);
	border: 1px solid #238efa;
	border-radius: 4px
}

.navbar .dropdown-menu.dropdown-user ul {
	padding: 0;
	list-style: none;
	background: #f5f7fa
}

.navbar .dropdown-menu.dropdown-user ul>li {
	margin: 0;
	padding: 10px 15px;
	line-height: 40px
}

.navbar .dropdown-menu.dropdown-user ul>li a {
	display: inline-block;
	width: 100%;
	color: #7a8599
}

.navbar .dropdown-menu.dropdown-user ul>li.disabled:hover {
	background-color: #fff
}

.navbar .ellipsis {
	width: 220px
}

.navbar .ellipsis.short {
	width: 160px
}

.navbar .proxyLogin {
	color: #FFAB00;
	vertical-align: top
}

@media (min-width:768px) {
	.navbar .navbar-right {
		margin-right: 0
	}
	.navbar .navbar-right.navbar-user>li:first-child::after {
		display: none
	}
	.navbar .navbar-right.navbar-user>li::after {
		position: absolute;
		display: block;
		top: 50%;
		margin-top: -9px;
		height: 18px;
		content: "";
		border-left: 1px solid #e6e9f0
	}
	.navbar .navbar-right.navbar-user>li:first-child::before {
		display: none
	}
	.navbar .avatar,
	.navbar .link-line {
		display: inline-block
	}
	.navbar .user-card {
		position: relative
	}
	.navbar .user-card .dropdown-toggle {
		padding-left: 50px
	}
	.navbar .user-card .dropdown-toggle .avatar {
		position: absolute;
		height: 28px;
		width: auto;
		left: 15px;
		top: 13px
	}
	.navbar .navbar-nav>li>a {
		padding: 16px 12px 13px;
		border-right: 1px solid transparent;
		border-left: 1px solid transparent
	}
	.navbar .navbar-nav>li>a .avatar {
		height: 28px;
		margin-top: -2px
	}
	.navbar .link-line {
		line-height: 51px;
		top: -2px;
		padding: 0 12px;
		color: #dcdfe5
	}
	.navbar .dropdown-menu {
		border: 1px solid #e6e9f0;
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
		border-radius: 4px;
		box-shadow: 0 0 30px rgba(0, 0, 0, .08)
	}
	.navbar .messages-dropdown-toggle {
		position: relative
	}
	.navbar .messages-dropdown-toggle .unread-mark {
		position: absolute;
		top: 16px;
		left: 22px
	}
	.navbar .dropdown-menu.dropdown-messages {
		-webkit-transform: translate3d(110px, -10px, 0);
		transform: translate3d(110px, -10px, 0);
		right: 50px
	}
	.navbar .dropdown-menu.dropdown-messages ul {
		width: 260px
	}
	.navbar .dropdown-menu.dropdown-user {
		width: 480px;
		padding: 0;
		text-align: center;
		margin-top: 12px
	}
	.navbar .dropdown-menu.dropdown-user .user-info {
		display: block;
		padding: 20px 0 15px;
		border-bottom: 1px solid #e6e9f0
	}
	.navbar .dropdown-menu.dropdown-user .user-info img {
		width: 60px;
		margin-bottom: 12px
	}
	.navbar .dropdown-menu.dropdown-user .user-info .user-account {
		padding-left: 0;
		font-size: 12px
	}
	.navbar .dropdown-menu.dropdown-user .user-info .user-account p {
		font-size: 16px;
		margin: 5px 0
	}
	.navbar .dropdown-menu.dropdown-user .user-info .user-account .btn {
		position: absolute;
		right: 30px;
		top: 10px
	}
	.navbar .dropdown-menu.dropdown-user .user-info .user-info-email {
		word-break: break-all;
		padding: 0 15px
	}
}

@media (max-width:768px) {
	.navbar .navbar-header {
		margin-right: 0
	}
	.navbar .navbar-header .navbar-toggle {
		margin: 3px auto
	}
	.navbar .navbar-collapse {
		width: 300px!important;
		border: 1px solid #e6e9f0;
		background: #fff;
		position: absolute;
		right: 30px;
		top: 100%;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px
	}
	.navbar .navbar-collapse .nav>li {
		z-index: 100
	}
	.navbar .navbar-collapse .dropdown-user {
		width: 300px;
		display: block;
		margin: 0;
		border: 0;
		position: relative;
		text-align: left;
		padding-bottom: 0
	}
	.navbar .navbar-collapse .dropdown-user .user-info {
		display: block;
		padding: 10px 0;
		border-top: 1px solid #e6e9f0;
		border-bottom: 1px solid #e6e9f0
	}
	.navbar .navbar-collapse .dropdown-user .user-info p {
		margin: 0
	}
	.navbar .navbar-collapse .dropdown-user .user-info .btn {
		position: absolute;
		right: 15px;
		top: 12px
	}
	.navbar .navbar-collapse .dropdown-user li {
		padding: 0 15px!important
	}
	.navbar .navbar-collapse .dropdown-user .menu {
		width: 100%
	}
	.navbar .navbar-collapse .dropdown-user .menu ul {
		margin: 0;
		padding: 5px 0
	}
	.navbar .navbar-collapse .dropdown-user .menu ul:first-of-type {
		border-bottom: 0;
		padding-bottom: 0
	}
	.navbar .navbar-collapse .dropdown-user .menu span {
		display: inline!important
	}
	.navbar .navbar-collapse .dropdown-user .menu a {
		padding: 5px 10px!important;
		line-height: 28px!important;
		height: 40px
	}
	.navbar .navbar-collapse .dropdown-user .menu a .qi {
		margin-bottom: 0;
		margin-right: 4px
	}
	.navbar .navbar-nav {
		margin-top: 0;
		margin-bottom: 0
	}
	.navbar ul.resource-breadcrumb .basic-operation {
		display: none
	}
	.navbar ul.resource-breadcrumb .message-text {
		display: block
	}
	.navbar ul.resource-breadcrumb .dropdown-toggle {
		border-left: 1px solid transparent
	}
	.navbar ul.resource-breadcrumb .dropdown-menu {
		margin-top: 0
	}
	.navbar .user-card .dropdown-toggle {
		display: none!important
	}
	.navbar .navbar-nav>li>a {
		padding: 5px 15px
	}
	.navbar .ellipsis {
		width: 180px
	}
	.navbar .ellipsis.short {
		width: 114px
	}
}

.form-control::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #b8c7e5;
	font-weight: 400
}

.form-control:-moz-placeholder,
input:-moz-placeholder {
	color: #b8c7e5;
	font-weight: 400;
	opacity: 1
}

.form-control::-moz-placeholder,
input::-moz-placeholder {
	color: #b8c7e5;
	font-weight: 400;
	opacity: 1
}

.form-control:-ms-input-placeholder,
input:-ms-input-placeholder {
	color: #b8c7e5;
	font-weight: 400
}

[qn-multiselect] {
	display: inline-block
}

[qn-multiselect] #qn-multiselect {
	position: relative
}

[qn-multiselect] #qn-multiselect>button {
	text-align: left;
	height: 32px;
	position: relative;
	min-width: 220px
}

[qn-multiselect] #qn-multiselect>button>span.caret {
	position: absolute;
	right: 10px;
	top: 14px
}

[qn-multiselect] #qn-multiselect>div.dropdown {
	z-index: 999;
	background-color: #fff;
	border: 1px solid #e6e9f0;
	position: absolute;
	left: -10px;
	top: 100%;
	display: none
}

[qn-multiselect] #qn-multiselect>div.dropdown.open {
	display: block
}

[qn-multiselect] #qn-multiselect>div.dropdown>main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

[qn-multiselect] #qn-multiselect>div.dropdown>main>section {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 300px
}

[qn-multiselect] #qn-multiselect>div.dropdown>main>section:first-of-type {
	border-right: 1px solid #e6e9f0
}

[qn-multiselect] #qn-multiselect>div.dropdown>main>section>div {
	padding: 10px 20px;
	overflow: hidden;
	border-bottom: 1px solid #e6e9f0
}

[qn-multiselect] #qn-multiselect>div.dropdown>main>section>div>input.form-control {
	width: 170px;
	float: left;
	height: 34px;
	margin-right: 24px
}

[qn-multiselect] #qn-multiselect>div.dropdown>main>section>div>button {
	float: right
}

[qn-multiselect] #qn-multiselect>div.dropdown>main>section>ul {
	max-height: 320px;
	overflow-y: auto;
	padding: 0 20px;
	list-style: none;
	cursor: pointer;
	margin-bottom: 0
}

[qn-multiselect] #qn-multiselect>div.dropdown>main>section>ul>li {
	line-height: 32px
}

[qn-multiselect] #qn-multiselect>div.dropdown>main>section>ul>li>input {
	margin-right: 5px
}

.popover {
	color: initial;
	cursor: initial;
	max-width: 1024px
}

.popover .popover-title {
	margin-top: -9px;
	margin-left: -14px;
	margin-right: -14px
}

.popover .popover-title h3 {
	font-size: 20px;
	margin: 0
}

.popover .popover-title .close {
	font-size: 14px
}

.popover .popover-title .close:focus {
	outline: 0
}

.qn-select,
[qn-select] {
	display: inline-block
}

.qn-select #qn-select,
[qn-select] #qn-select {
	cursor: pointer;
	line-height: 52px;
	margin: 0;
	padding: 0
}

.qn-select #qn-select>li,
[qn-select] #qn-select>li {
	line-height: 32px;
	display: inline-block;
	padding: 0 10px
}

.qn-select #qn-select>li.active,
[qn-select] #qn-select>li.active {
	background-color: #ebeef5;
	border-radius: 8px
}

.radio-button {
	position: relative;
	padding: 10px;
	cursor: pointer;
	margin-bottom: 0;
	border-radius: 3px;
	overflow: hidden
}

.radio-button .radio-input,
.radio-button .radio-label {
	display: inline-block;
	vertical-align: middle
}

.radio-button .radio-label {
	color: #525866;
	font-weight: 500;
	font-size: 12px
}

.radio-button .radio-input .background {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid #e6e9f0;
	border-radius: 3px;
	z-index: -1
}

.radio-button .radio-input .background .icon-radio-check {
	position: absolute;
	right: 0;
	bottom: 0;
	display: none!important
}

.radio-button .radio-input input[type=radio] {
	opacity: 0;
	position: absolute;
	left: -100px;
	top: -100px
}

.radio-button .radio-input input[type=radio]:checked+.background {
	border: 1px solid #238efa
}

.radio-button .radio-input input[type=radio]:checked+.background .icon-radio-check {
	display: inline-block!important
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar .calendars:after,
.range-datepicker .datepicker-calendar-menu .datepicker-calendar .calendars:before,
.resource-heading:after,
.resource-heading:before {
	display: table;
	content: " "
}

.range-datepicker {
	position: relative;
	float: right
}

.range-datepicker .date-range-label {
	box-shadow: none!important
}

.range-datepicker [role=button] {
	outline: 0!important
}

.range-datepicker .date-picker {
	float: left;
	margin: 0 8px
}

.range-datepicker .date-picker .btn-group-sm>.btn,
.range-datepicker .date-picker .btn-sm {
	padding: 0 8px;
	outline: 0;
	border-radius: 0
}

.range-datepicker .datepicker-calendar-menu {
	position: absolute;
	z-index: 999;
	min-width: 502px;
	right: 0
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar {
	overflow: hidden;
	background-color: #FFF;
	border: 1px solid #e6ebf5;
	border-radius: 4px
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar .datepicker-head {
	padding: 15px
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar .datepicker-head .date-input {
	width: 105px;
	padding: 3px 5px
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar .datepicker-head .date-input:focus {
	border: 1px solid #238efa;
	outline: 0;
	box-shadow: none;
	padding: 4px 6px
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar .calendars {
	padding: 0 7px;
	margin-bottom: 15px
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar .calendars:after {
	clear: both
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar table {
	outline: 0
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar table .btn.disabled,
.range-datepicker .datepicker-calendar-menu .datepicker-calendar table .btn[disabled],
.range-datepicker .datepicker-calendar-menu .datepicker-calendar table fieldset[disabled] .btn {
	opacity: .5;
	filter: alpha(opacity=50)
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar table .text-info {
	color: #238efa
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar table .btn.active {
	box-shadow: none
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar table .btn-info {
	background-color: #238efa;
	border-color: #238efa
}

.range-datepicker .datepicker-calendar-menu .datepicker-calendar table .btn-info span {
	color: #fff
}

.range-datepicker.mode-month .date-range-label {
	font-size: 14px;
	padding: 0
}

.range-datepicker.mode-month .datepicker-calendar-menu {
	left: 0;
	min-width: 396px
}

.range-datepicker.mode-month .datepicker-calendar-menu .btn {
	padding: 0 12px;
	border-radius: 0
}

.resource-heading {
	padding: 20px 45px;
	border-bottom: 1px solid #e6e9f0
}

.resource-heading:after {
	clear: both
}

.resource-heading h5,
.resource-heading h6 {
	margin-right: 50px
}

.resource-heading .pull-left.btn {
	margin-top: 5px
}

.resource-heading .heading-item {
	float: left;
	line-height: 14px;
	margin: 13px 14px 10px;
	font-size: 18px;
	font-weight: 600
}

.resource-heading .heading-item .qi {
	font-size: 18px;
	margin-right: 6px
}

.resource-heading .heading-item .qi.qi-bucket {
	color: #238efa
}

.resource-heading .heading-item .qi.qi-globe {
	color: #D8807D
}

.resource-heading .heading-item .qi.qi-domain {
	color: #D77A0A
}

.resource-heading .heading-item .qi.qi-scenarios {
	color: #238efa
}

.resource-heading .heading-item .qi.qi-lock,
.resource-heading .heading-item .qi.qi-stack {
	color: #A192D7
}

.resource-heading .pull-right {
	margin-top: 3px
}

.resource-body {
	padding: 40px
}

.resource-body .charts-content {
	float: left;
	width: 37.4%;
	padding-right: 40px;
	border-right: 1px solid #e6e9f0
}

.resource-body .info-content {
	margin-left: -1px;
	float: left;
	padding-left: 40px;
	border-left: 1px solid #e6e9f0;
	width: 62.6%
}

@media (max-width:1366px) {
	.resource-body .charts-content {
		width: 33.8%
	}
	.resource-body .info-content {
		width: 66.2%
	}
}

@media (max-width:992px) {
	.resource-body .charts-content {
		float: none;
		width: auto;
		border: none;
		padding-right: 0;
		margin-bottom: 40px
	}
	.resource-body .info-content {
		float: none;
		width: auto;
		border: none;
		padding-left: 0
	}
}

ul.resource-breadcrumb li.operation-more-small {
	display: none!important
}

ul.resource-breadcrumb>li {
	float: left;
	margin-left: -1px
}

ul.resource-breadcrumb>li .resource-icon {
	width: 18px;
	margin-right: 8px
}

ul.resource-breadcrumb>li:first-of-type a {
	border-right: 1px solid #e6e9f0;
	padding-right: 30px
}

ul.resource-breadcrumb>li:first-of-type a .qi {
	margin-right: 10px
}

ul.resource-breadcrumb>li strong {
	color: #292c33;
	line-height: 20px
}

ul.resource-breadcrumb>li a {
	padding: 16px 12px 13px;
	color: #60636A
}

ul.resource-breadcrumb .dropdown-menu {
	width: 220px;
	margin-top: 10px;
	box-shadow: none;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

ul.resource-breadcrumb .dropdown-menu ul {
	padding: 0 10px;
	list-style: none
}

ul.resource-breadcrumb .dropdown-menu ul.menu li {
	border-bottom: 1px solid #e6e9f0
}

ul.resource-breadcrumb .dropdown-menu ul.menu li.whole-block,
ul.resource-breadcrumb .dropdown-menu ul.menu li:last-of-type {
	border: 0
}

ul.resource-breadcrumb .dropdown-menu ul.menu li.item-hide {
	display: none
}

ul.resource-breadcrumb .dropdown-menu ul.menu li.whole-block .qi {
	opacity: 0
}

ul.resource-breadcrumb .dropdown-menu ul.menu a {
	color: #525866;
	padding: 10px 20px
}

ul.resource-breadcrumb .dropdown-menu ul>li {
	margin: 0;
	padding: 0
}

ul.resource-breadcrumb .dropdown-menu ul>li a {
	display: inline-block;
	width: 100%;
	color: #7a8599
}

ul.resource-breadcrumb .dropdown-menu ul>li a:hover {
	background-color: #f5f7fa
}

ul.resource-breadcrumb .dropdown-menu ul .qi {
	color: #238efa;
	margin-right: 15px
}

ul.resource-nav-detail .qi {
	color: #238efa
}

ul.resource-nav-detail>li a {
	color: #525866;
	cursor: pointer;
	border-left: 1px solid #e6e9f0
}

ul.resource-nav-detail>li a:focus,
ul.resource-nav-detail>li a:hover {
	background: 0 0
}

ul.resource-nav-detail li:first-of-type a {
	border: 0;
	font-size: 14px;
	font-weight: 400
}

ul.resource-nav-detail li:last-of-type a {
	cursor: default
}

.nav>li>a {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent
}

.nav>li>a:focus,
.nav>li>a:hover {
	background-color: rgba(25, 137, 250, .05)
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: #fff;
	border-left: 1px solid #e6ebf5;
	border-right: 1px solid #e6ebf5
}

@media (min-width:768px) and (max-width:1280px) {
	ul.resource-breadcrumb .basic-operation {
		display: none
	}
	ul.resource-breadcrumb li.operation-more,
	ul.resource-breadcrumb li.operation-more .menu>li {
		display: block!important
	}
	.message-text {
		display: none
	}
}

@media (max-width:768px) {
	.navbar-resource {
		position: absolute;
		top: 0
	}
	ul.resource-breadcrumb>li a {
		padding: 12px
	}
	ul.resource-breadcrumb .dropdown-menu ul.menu li.item-hide {
		display: block
	}
}

.salers-card-modal-backdrop {
	background-color: transparent
}

.salers-card-modal .modal-dialog {
	position: fixed;
	width: 400px;
	height: 150px;
	top: initial;
	right: 100px;
	bottom: 42px;
	margin: 0;
	left: initial;
	border: 1px solid #e6e9f0;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .08)
}

.salers-card-modal .modal-dialog .modal-content {
	border: 0
}

.salers-card-modal .modal-dialog .modal-body {
	padding: 0;
	width: 398px;
	height: 148px
}

.salers-card-modal .close {
	font-size: 14px!important;
	position: absolute;
	top: 17px;
	right: 17px!important
}

.salers-card-modal .salers {
	width: 796px;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.salers-card-modal .salers:after,
.salers-card-modal .salers:before {
	content: " ";
	display: table
}

.salers-card-modal .salers:after {
	clear: both
}

.salers-card-modal .salers.next {
	-webkit-transform: translateX(-398px);
	transform: translateX(-398px)
}

.salers-card-modal .saler-info {
	float: left;
	width: 398px;
	padding: 30px 29px
}

.salers-card-modal .saler-info img {
	float: left;
	border: 4px solid #e6e9f0;
	background-color: #e6e9f0;
	border-radius: 999px;
	height: 90px
}

.salers-card-modal .saler-info .info {
	float: left;
	padding-left: 30px
}

.salers-card-modal .saler-info .info .saler {
	font-size: 12px;
	line-height: 16px;
	padding: 3px 0
}

.salers-card-modal .saler-info .info .saler .name {
	position: relative;
	font-size: 16px;
	top: 2px
}

.salers-card-modal .saler-info .info .saler .sp,
.salers-card-modal .saler-info .info .saler .title {
	color: #7a8599
}

.salers-card-modal .saler-info .info .saler .sp {
	padding: 0 4px 0 5px
}

.salers-card-modal .saler-info .info .email,
.salers-card-modal .saler-info .info .mobile {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px 20px;
	padding-left: 30px;
	line-height: 20px;
	margin: 11px 0
}

.salers-card-modal .saler-info .info .mobile {
	background-image: url(https://o4jiepyc4.qnssl.com/static/images/mobile.7abb5502.svg)
}

.salers-card-modal .saler-info .info .email {
	background-image: url(https://o4jiepyc4.qnssl.com/static/images/email.a62719e1.svg)
}

.salers-card-modal .more {
	position: absolute;
	bottom: 4px;
	right: 9px
}

.salers-card-modal .more a {
	color: #a3b1cc;
	font-size: 12px
}

#salers-info {
	position: fixed;
	right: 20px;
	bottom: 90px;
	width: 50px;
	height: 50px;
	padding: 0;
	border-radius: 50px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .3)
}

#salers-info img {
	width: 100%;
	height: 100%
}

.sidebar {
	background-color: #ebeef5;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	box-shadow: inset -1px 0 0 #e1e4eb
}

.sidebar .sidebar-top {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.sidebar .scroller {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.sidebar .logo-wrapper {
	margin-top: 33px;
	margin-bottom: 33px;
	padding: 0 30px;
	text-align: center
}

.sidebar .logo-wrapper .logo-img {
	width: 57px
}

.sidebar .add-btn-wrapper {
	margin: 30px auto 0
}

.sidebar .add-btn-wrapper .resource-center {
	padding: 14px 0;
	margin: 0 10%;
	cursor: pointer;
	height: 52px;
	border-top: 1px solid #e1e4eb;
	border-bottom: 1px solid #e1e4eb;
	-webkit-transition: all .15s;
	transition: all .15s
}

.sidebar .add-btn-wrapper .resource-center.active {
	margin: 0;
	padding: 14px 10%;
	background-color: #fff
}

.sidebar .add-btn-wrapper .resource-center .resource-center-text {
	width: 150px;
	margin-top: 2px
}

.sidebar .add-btn-wrapper .resource-center .resource-center-text .logo-img {
	width: 16px;
	margin-bottom: 3px
}

.sidebar .add-btn-wrapper .resource-center strong {
	color: #525866;
	font-weight: 500;
	margin-top: 10px;
	margin-left: 10px
}

.sidebar .add-btn-wrapper .resource-center .qi {
	margin-right: 12px;
	font-size: 16px;
	color: #c2c2c2
}

.sidebar .add-btn-wrapper .resource-center:hover {
	padding: 14px 10%;
	-webkit-transition: all .15s;
	transition: all .15s;
	margin: 0;
	background-color: rgba(25, 137, 250, .05)
}

.sidebar .my-resource {
	margin: 28px 0 0 28px
}

.sidebar .search {
	padding: 0 30px;
	margin-bottom: 18px
}

.sidebar .search .search-input-wrapper {
	position: relative;
	height: 35px;
	padding: 0 18px 0 40px;
	border-radius: 999px;
	background-color: #fff;
	border: 1px solid #e1e4eb
}

.sidebar .search .qi-search {
	position: absolute;
	top: 9px;
	left: 14px;
	width: 12px;
	font-size: 12px;
	color: #b8becc
}

.sidebar .search input {
	width: 100%;
	border: none;
	padding: 9px 1px 8px;
	background-color: transparent;
	outline: 0;
	font-size: 12px
}

.sidebar .resource-list {
	padding: 0 0 8px;
	font-size: 12px;
	list-style: none;
	margin-bottom: 0
}

.sidebar .resource-list .resource-card>a {
	position: relative;
	display: block;
	padding: 5px 60px 6px;
	border: 1px solid transparent;
	margin: 8px 0;
	text-decoration: none
}

.sidebar .resource-list .resource-card>a:hover {
	background-color: rgba(25, 137, 250, .05)
}

.sidebar .resource-list .resource-card>a.active {
	border-top: 1px solid #e1e4eb;
	border-bottom: 1px solid #e1e4eb;
	background-color: #fff
}

.sidebar .resource-list .resource-card>a .resource-icon {
	position: absolute;
	top: 8px;
	left: 30px;
	width: 16px;
	height: 16px
}

.sidebar .resource-list .resource-card>a .resource-icon img {
	width: 16px
}

.sidebar .resource-list .resource-card>a .resource-type {
	color: #8f9bb3
}

.sidebar .resource-list .resource-card>a .resource-name {
	font-size: 14px;
	font-weight: 500;
	word-wrap: break-word;
	color: #292c33
}

@media (max-width:1024px) {
	.my-resource,
	.resource-center strong,
	.sidebar .resource-list .resource-card .resource-name,
	.sidebar .resource-list .resource-card .resource-type,
	.sidebar .search {
		display: none
	}
	.resource-tooltip {
		visibility: visible
	}
	.resource-center {
		height: 34px;
		padding: 15px 16px!important
	}
	.resource-center.active,
	.resource-center:hover {
		padding: 15px 22px!important
	}
	.resource-center.active {
		background-color: #fff!important
	}
	.resource-center .resource-center-text {
		width: 16px!important
	}
	.sidebar {
		width: 60px
	}
	.sidebar .logo-wrapper {
		margin: 20px 0;
		padding: 0 10px
	}
	.sidebar .logo-wrapper .logo-img {
		width: 32px
	}
	.sidebar .add-btn-wrapper {
		padding: 0
	}
	.sidebar .add-btn-wrapper .add-btn {
		width: auto;
		font-size: 32px;
		padding: 2px
	}
	.sidebar .resource-list {
		padding: 8px 0
	}
	.sidebar .resource-list .resource-card a {
		padding: 16px 5px
	}
	.sidebar .resource-list .resource-card .resource-icon {
		position: relative;
		left: 21px!important
	}
	.sidebar .scroller {
		height: calc(100% - 109px);
		float: left;
		width: 60px
	}
}

.spinner {
	stroke: #444;
	fill: #444
}

.spinner svg {
	width: 42px;
	height: 42px;
	display: block;
	margin: 0 auto
}

.spinner.spinner-light {
	stroke: #fff;
	fill: #fff
}

.spinner.spinner-stable {
	stroke: #f8f8f8;
	fill: #f8f8f8
}

.spinner.spinner-positive {
	stroke: #387ef5;
	fill: #387ef5
}

.spinner.spinner-calm {
	stroke: #11c1f3;
	fill: #11c1f3
}

.spinner.spinner-balanced {
	stroke: #33cd5f;
	fill: #33cd5f
}

.spinner.spinner-assertive {
	stroke: #ef473a;
	fill: #ef473a
}

.spinner.spinner-energized {
	stroke: #ffc900;
	fill: #ffc900
}

.spinner.spinner-royal {
	stroke: #886aea;
	fill: #886aea
}

.spinner.spinner-dark {
	stroke: #444;
	fill: #444
}

.spinner.spinner-primary {
	stroke: #238efa;
	fill: #238efa
}

.spinner-android {
	stroke: #4b8bf4
}

.spinner-ios,
.spinner-ios-small {
	stroke: #69717d
}

.spinner-spiral .stop1 {
	stop-color: #fff;
	stop-opacity: 0
}

.spinner-spiral.spinner-light .stop1 {
	stop-color: #444
}

.spinner-spiral.spinner-light .stop2 {
	stop-color: #fff
}

.spinner-spiral.spinner-stable .stop2 {
	stop-color: #f8f8f8
}

.spinner-spiral.spinner-positive .stop2 {
	stop-color: #387ef5
}

.spinner-spiral.spinner-calm .stop2 {
	stop-color: #11c1f3
}

.spinner-spiral.spinner-balanced .stop2 {
	stop-color: #33cd5f
}

.spinner-spiral.spinner-assertive .stop2 {
	stop-color: #ef473a
}

.spinner-spiral.spinner-energized .stop2 {
	stop-color: #ffc900
}

.spinner-spiral.spinner-royal .stop2 {
	stop-color: #886aea
}

.spinner-spiral.spinner-dark .stop2 {
	stop-color: #444
}

.spinner-spiral.spinner-primary .stop2 {
	stop-color: #238efa
}

.static-notification .sn {
	position: relative;
	text-align: center;
	overflow: hidden;
	height: 50px;
	-webkit-transition: height 0s ease-in-out;
	transition: height 0s ease-in-out
}

.static-notification .sn.sn-hide {
	height: 0
}

.static-notification .sn .sn-title {
	margin: 15px
}

.static-notification .sn .sn-title a {
	margin-left: 5px;
	margin-right: 5px
}

.static-notification>.sn-error,
.static-notification>.sn-success,
.static-notification>.sn-warning {
	background-image: none!important
}

.static-notification.sn-bottom-full-width>div,
.static-notification.sn-top-full-width>div {
	width: 100%;
	border-radius: 0;
	text-align: center;
	box-shadow: none
}

.static-notification.sn-bottom-full-width>div:hover,
.static-notification.sn-top-full-width>div:hover {
	box-shadow: none
}

.static-notification .sn-close-button {
	position: absolute;
	right: 12px;
	top: 12px;
	font-size: 20px
}

.static-notification .sn-success {
	background-color: #D7FAE3
}

.static-notification .sn-success .sn-close-button,
.static-notification .sn-success .sn-message,
.static-notification .sn-success .sn-title {
	color: #3d995f;
	font-weight: 700
}

.static-notification .sn-error {
	background-color: #FAD7D7
}

.static-notification .sn-error .sn-close-button,
.static-notification .sn-error .sn-message,
.static-notification .sn-error .sn-title {
	color: #993d3d;
	font-weight: 700
}

.static-notification .sn-warning {
	background-color: #F9EDD7
}

.static-notification .sn-warning .sn-close-button,
.static-notification .sn-warning .sn-message,
.static-notification .sn-warning .sn-title {
	color: #997a3d;
	font-weight: 700
}

.image-style .radio-label,
.image-style label,
.nav-tabs>li>a {
	font-weight: 500
}

.nav-tabs {
	border-bottom: 1px solid #e1e6f0;
	margin-bottom: 48px
}

.nav-tabs>li>a {
	color: #8f9bb3;
	border: 0;
	border-radius: none;
	padding-right: 0;
	padding-left: 0;
	margin-right: 40px
}

.nav-tabs>li>a:hover {
	background: 0 0
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #238efa;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #238efa
}

.radio-tab .nav-tabs {
	margin-bottom: 8px;
	border: 0
}

.radio-tab .nav-tabs>li>a {
	display: inline-block;
	margin: 0
}

.radio-tab .nav-tabs>li.active>a {
	border: 0
}

.radio-tab .nav-tabs>li:last-child ::after {
	content: ''
}

.radio-tab .nav-tabs>li+li:before {
	content: "\E04E";
	position: relative;
	top: -2px;
	font-size: 6px;
	margin: 0 12px;
	color: #bbbfc9
}

#toast-container>.toast-error,
#toast-container>.toast-info,
#toast-container>.toast-success,
#toast-container>.toast-wait,
#toast-container>.toast-warning {
	background-image: none!important
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
	width: 100%;
	border-radius: 0;
	text-align: center;
	box-shadow: none
}

#toast-container.toast-bottom-full-width>div:hover,
#toast-container.toast-top-full-width>div:hover {
	box-shadow: none
}

.toast {
	background-color: #e6ebf5
}

.toast .toast-close-button,
.toast .toast-message,
.toast .toast-title {
	color: #030303
}

.toast-success {
	background-color: #D7FAE3
}

.toast-success .toast-close-button,
.toast-success .toast-message,
.toast-success .toast-title {
	color: #3d995f
}

.toast-error {
	background-color: #FAD7D7
}

.toast-error .toast-close-button,
.toast-error .toast-message,
.toast-error .toast-title {
	color: #993d3d
}

.toast-info,
.toast-wait {
	background-color: #D1E6FA
}

.toast-info .toast-close-button,
.toast-info .toast-message,
.toast-info .toast-title,
.toast-wait .toast-close-button,
.toast-wait .toast-message,
.toast-wait .toast-title {
	color: #3d6b99
}

.toast-warning {
	background-color: #F9EDD7
}

.toast-warning .toast-close-button,
.toast-warning .toast-message,
.toast-warning .toast-title {
	color: #997a3d
}

.ui-select-container.ui-select-multiple {
	padding-bottom: 0
}

.ui-select-container.ui-select-multiple .ui-select-match-item {
	height: 34px;
	line-height: 33px
}

.ui-select-container.ui-select-multiple .ui-select-search {
	vertical-align: top;
	padding: 0;
	height: 34px!important
}

.ui-select-container.ui-select-multiple .ui-select-match-close {
	line-height: 32px!important
}

.ui-view-slide .out-screen {
	opacity: 0;
	-webkit-transform: translateX(50%);
	transform: translateX(50%)
}

.ui-view-slide .in-screen {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.ui-view-slide.slide-in.ng-leave,
.ui-view-slide.slide-out.ng-leave {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding-right: 300px;
	background-color: #fff;
	-webkit-transition: .65s ease-in-out;
	transition: .65s ease-in-out
}

.ui-view-slide.slide-in.ng-enter,
.ui-view-slide.slide-out.ng-enter {
	-webkit-transition: .65s ease-in-out;
	transition: .65s ease-in-out
}

.ui-view-slide.slide-in.ng-enter {
	z-index: 100;
	opacity: 0;
	-webkit-transform: translateX(50%);
	transform: translateX(50%)
}

.ui-view-slide.slide-in.ng-enter.ng-enter-active {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.ui-view-slide.slide-in.ng-leave {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 1
}

.ui-view-slide.slide-in.ng-leave.ng-leave-active,
.ui-view-slide.slide-out.ng-enter {
	opacity: 0
}

.ui-view-slide.slide-out.ng-enter.ng-enter-active {
	opacity: 1
}

.ui-view-slide.slide-out.ng-leave {
	z-index: 100;
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.ui-view-slide.slide-out.ng-leave.ng-leave-active {
	opacity: 0;
	-webkit-transform: translateX(50%);
	transform: translateX(50%)
}

#app-index .resource-body {
	padding: 0
}

#app-index .resource-body .delete-fixed {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px;
	padding: 17px 100px 17px 65px;
	line-height: 36px;
	border-top: 1px solid #e6e9f0;
	background: #fff;
	z-index: 1
}

#app-index .resource-body iframe {
	position: absolute;
	height: calc(100% - 70px);
	width: 100%;
	z-index: 0
}

#app-index .resource-body .app-loading {
	position: absolute;
	top: -100px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 340px;
	height: 340px;
	text-align: center
}

#app-index .resource-body .app-loading img {
	width: 100%
}

#app-resource .summary-content {
	margin-bottom: 10px
}

#app-resource .summary-content>img {
	width: 100px;
	margin-right: 40px
}

#app-resource .summary-content .button-deploy {
	margin-top: 30px
}

#changelog {
	padding: 30px
}

.process-all .add-new-style {
	width: 123px;
	height: 42px;
	font-size: 14px
}

.process-all .total-style {
	margin-top: 10px;
	color: #8f9bb3;
	font-size: 12px
}

.process-all .process-table {
	margin-top: 16px
}

.process-all .process-table tbody {
	border-bottom: 1px solid #f0f3fa
}

.process-all .process-table tbody tr td {
	padding: 8px 0
}

.process-all .process-table .style-text {
	width: 68%;
	padding-right: 8%
}

.process-all .process-table .style-text .style-desc {
	word-break: break-all;
	word-wrap: break-word;
	background-color: #ebeef5;
	padding: 5px 10px;
	border-radius: 4px
}

.process-all .process-table .qi {
	color: #878D9A;
	vertical-align: middle;
	font-size: 14px;
	margin-right: 8px
}

.range input[type=range] {
	width: 70%;
	min-width: 150px;
	height: 17px;
	background-color: #e6e6e6;
	border-radius: 46%;
	display: inline-block;
	overflow: hidden;
	outline: 0;
	background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #e6e6e6), color-stop(100%, #e6e6e6));
	background: -webkit-linear-gradient(left, #e6e6e6 0, #e6e6e6 100%);
	background: linear-gradient(to right, #e6e6e6 0, #e6e6e6 100%);
	background-position: center;
	background-size: 99% 7px;
	background-repeat: no-repeat;
	-webkit-appearance: none
}

.range input[type=range]::-webkit-slider-thumb {
	width: 13px;
	height: 17px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .4);
	background: url(https://o4jiepyc4.qnssl.com/static/images/thumb.0db9e6b7.png) center no-repeat #fff;
	background-size: 6px 7px;
	border-radius: 2px;
	position: relative;
	cursor: pointer;
	-webkit-appearance: none;
	border: 0
}

.range input[type=range]::-webkit-slider-thumb:before {
	position: absolute;
	top: 5px;
	left: -2001px;
	width: 2000px;
	height: 7px;
	background-color: #238efa;
	content: ' '
}

.image-style .form-control {
	min-width: 50px
}

.image-style .block-inline {
	display: inline-block;
	margin-right: 30px
}

.image-style .block-inline:last-of-type {
	margin-right: 0
}

.image-style .cover-help-block {
	max-width: inherit;
	vertical-align: baseline
}

.image-style section.item-light {
	margin-bottom: 50px
}

.image-style .item-light .light-title {
	color: #8f9bb3;
	line-height: 42px
}

.image-style .item-light .light-describe,
.image-style .radio-label>span {
	color: #525866
}

.image-style .item-margin {
	margin-bottom: 20px
}

.image-style .radio-label input[type=radio] {
	margin-right: 10px
}

.image-style .form-unit {
	position: relative;
	color: #525866;
	display: inline-block
}

.image-style .form-unit .basic-unit {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px
}

.image-style .thumbnail-way p {
	margin: 0
}

.image-style .thumbnail-way .radio-label {
	margin-bottom: 21px
}

.image-style .thumbnail-way .radio-label input[type=radio] {
	float: left;
	margin-top: 20px
}

.image-style .thumbnail-way .radio-label input[value="0"] {
	margin-top: 4px
}

.image-style .thumbnail-way .radio-label img {
	width: 67px;
	height: 51px;
	margin-right: 20px;
	float: left
}

.image-style .thumbnail-way .radio-label .radio-describe {
	float: left
}

.image-style .thumbnail-way .radio-label .radio-describe p {
	font-weight: 500;
	margin-bottom: 0
}

.image-style .thumbnail-way .radio-label .radio-describe p .icon {
	width: 13px;
	height: 13px
}

.image-style .thumbnail-way .radio-label .radio-describe p.describe-tip {
	color: #8f9bb3;
	font-weight: 400
}

.image-style .thumbnail-way .form-label {
	color: #525866;
	font-weight: 400;
	margin-right: 10px
}

.image-style .thumbnail-way .form-control {
	width: 110px;
	display: inline-block
}

.image-style .output-format {
	margin-bottom: -15px
}

.image-style .position-group {
	border-top: 1px solid #e1e6f0;
	border-right: 1px solid #e1e6f0;
	border-radius: 4px;
	padding: 0;
	margin: 0 15px
}

.image-style .position-group label {
	height: 42px;
	line-height: 42px;
	padding: 0;
	margin: 0
}

.image-style .position-group label>span {
	width: 100%;
	display: inline-block;
	height: 42px;
	text-align: center;
	background-color: #fafcff;
	border-left: 1px solid #e1e6f0;
	border-bottom: 1px solid #e1e6f0
}

.image-style .position-group label>input[type=radio],
.image-style .position-group label>span i {
	display: none
}

.image-style .position-group label>input[type=radio]:checked+span {
	color: #238efa;
	background-color: #fff
}

.image-style .position-group label>input[type=radio]:checked+span>i {
	display: inline;
	position: absolute;
	top: 10px;
	right: 2px
}

.image-style .tab-process {
	position: relative
}

.image-style .image-preview {
	text-align: center;
	position: absolute;
	top: 90px;
	right: 0
}

.image-style .image-preview div.preview {
	width: 100%;
	max-width: 100%;
	min-height: 240px;
	max-height: 291px;
	background-color: #fafbfc;
	border: 1px solid #e1e6f0;
	border-radius: 12px;
	padding: 10px;
	display: table;
	table-layout: fixed
}

.image-style .image-preview div.preview div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 10px
}

.image-style .image-preview div.preview a {
	display: block
}

.image-style .image-preview div.preview a img {
	max-width: 100%;
	vertical-align: middle
}

.image-style .image-preview a {
	margin: 15px 0
}

.image-style .high-setting textarea {
	width: 100%;
	max-width: 100%;
	height: 400px;
	min-height: 400px;
	max-height: 400px
}

.file-preview-tooltip .ellipsis-line-clamp,
.preview-tooltip .ellipsis-line-clamp {
	-webkit-line-clamp: 3;
	max-height: 80px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.image-style .range {
	padding-top: 12px
}

.image-style .range>span {
	vertical-align: top
}

.image-style .watermark-pos .popover {
	position: relative;
	color: #525866;
	padding: 25px 35px 10px;
	visibility: visible;
	display: block;
	border-color: #e1e6f0;
	box-shadow: none
}

.image-style .watermark-pos label {
	font-weight: 500;
	margin-right: 10px
}

.image-style .watermark-pos .form-control {
	max-width: 75px;
	height: 32px;
	display: inline-block;
	margin-right: 0
}

.image-style .qi-exclamation {
	color: #afd4fa
}

.view-style-confirm {
	color: #8f9bb3;
	margin: 85px auto
}

.view-style-confirm .style-name {
	margin: 59px auto
}

.view-style-confirm .style-show {
	max-width: 800px;
	padding: 20px 0;
	border-top: 1px solid #ebf0fa;
	border-bottom: 1px solid #ebf0fa
}

.view-style-confirm .style-show .style-item {
	border-right: 1px solid #ebf0fa;
	display: inline-block;
	padding: 10px 30px
}

.view-style-confirm .style-show .style-item:last-of-type {
	border-right: 0
}

.card-body-additional-bar {
	background-color: #fafcff;
	padding: 16px 0;
	border-bottom: 1px solid #e6e9f0;
	margin-top: -14px
}

.card-body-additional-bar .row .offsetY-6 {
	margin-top: 6px
}

.card-body-additional-bar .row .offsetX-5 {
	margin-left: 8px
}

.card-body-additional-bar .row .sep-container {
	text-align: center;
	padding: 0
}

.card-body-additional-bar .row .qi {
	color: #afd4fa;
	font-size: 14px
}

.card-body-additional-bar label {
	float: left;
	width: 50px;
	height: 30px;
	display: block;
	text-align: center;
	margin-right: 10px
}

.card-body-additional-bar label .sep-char {
	font-weight: 400
}

.card-body-additional-bar label .sep-desc {
	font-weight: 400;
	font-size: 12px
}

.table-quickview {
	padding: 12px 0 8px
}

.table-style td a.card-more .qi {
	font-size: 14px
}

.default-info td {
	height: 20px;
	border-bottom: none
}

.default-info td a {
	line-height: 22px;
	margin: 10px 0
}

#separator-setting .item-describe {
	max-width: 720px
}

#separator-setting .tips {
	font-weight: 400;
	color: #7a8599;
	font-size: 12px;
	line-height: 1.8em
}

#separator-setting .radio-btn {
	font-weight: 400;
	text-align: center;
	width: 100px;
	height: 88px;
	margin-right: 20px
}

#separator-setting .radio-btn.add-sep {
	background-color: #fff
}

#separator-setting .radio-btn.add-sep .icon-wrapper {
	margin-top: 10px
}

#separator-setting .radio-btn.add-sep .icon-wrapper.cancel-new-sep {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#separator-setting .radio-btn.add-sep .icon-wrapper .qi-plusslim {
	color: #a3b1cc;
	font-size: 30px!important
}

#mps-index table.table,
#mps-job-list table.table {
	color: #525866
}

#separator-setting .radio-btn input {
	margin: 0 0 10px
}

#separator-setting .new-customize-group {
	display: block;
	clear: both;
	padding-top: 16px
}

#separator-setting .new-customize-group label {
	width: 44px;
	display: inline;
	position: absolute;
	left: 260px
}

#separator-setting .new-customize-group label .disable {
	opacity: .3
}

#separator-setting .new-customize-group label .disable:hover {
	cursor: default!important
}

#separator-setting .new-customize-group .qi-check {
	font-size: 12px
}

#separator-setting .new-customize-group .qi-delete {
	font-size: 10px;
	margin-right: 8px
}

#separator-setting .new-customize-group .input-box {
	height: 42px;
	width: 300px;
	border-radius: 4px;
	border: 1px solid #e6ebf5;
	padding: 10px;
	box-shadow: none
}

#separator-setting .new-customize-group .input-box:focus {
	border-color: #238efa
}

#separator-setting .new-customize-group .help-block {
	padding-left: 6px;
	margin-top: 10px;
	display: inline-block
}

#separator-setting .new-customize-group.has-error .input-box,
#separator-setting .new-customize-group.has-error .input-box:focus {
	border-color: #F7615E
}

#mps-index table.table .id {
	width: 37%
}

#mps-index table.table .name {
	width: 25%
}

#mps-index table.table .command {
	width: 20%
}

#mps-index table.table .detail,
#mps-index table.table .state {
	width: 9%
}

#mps-index table.table td {
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#mps-index .default-info td {
	border-bottom: none!important
}

#mps-index .delete-bucket .btn {
	margin-top: 10px
}

#job-detail {
	padding: 10px 0
}

#job-detail table.table td {
	max-width: 600px;
	padding-right: 6px
}

#job-detail table.table td.ellipsis-train {
	min-width: 400px
}

#job-detail table.table td.ellipsis-train .train {
	top: 10px
}

#mps-job-list table.table .id {
	width: 250px
}

#mps-job-list table.table .name {
	width: 15%
}

#mps-job-list table.table .command {
	width: 20%
}

#mps-job-list table.table .dst-bucket {
	width: 5%
}

#mps-job-list table.table .dst-key {
	width: 20%
}

#mps-job-list table.table .detail,
#mps-job-list table.table .state {
	width: 50px
}

#mps-job-list table.table tr:last-child {
	border-bottom: 1px solid #f0f3fa
}

#mps-job-list table.table td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#mps-job-list .search {
	width: 240px;
	margin-right: 10px
}

#mps-job-list .search .form-control {
	height: 34px
}

#mps-job-list .search .qi-search {
	position: absolute;
	top: 9px;
	left: 14px;
	width: 12px;
	font-size: 12px;
	color: #8f9bb3
}

#mps-job-list .head-action {
	margin: 20px 0
}

#mps-job-list .infinite-scroll {
	display: block;
	text-align: center
}

.ui-select-container {
	float: left;
	margin-right: 14px;
	width: 300px
}

.ui-select-container .btn-default-focus {
	outline: 0
}

.ui-select-container .ui-select-match .form-control.ui-select-toggle {
	width: 300px;
	line-height: 2.8;
	font-size: 14px;
	padding-left: 12px
}

#ufop .q-card.ufop-setting .table {
	margin-top: 8px
}

#ufop .q-card.ufop-setting .table td {
	padding: 2px 0;
	border: none
}

#ufop .q-card.ufop-setting .table td:first-child {
	width: 50%
}

#ufop .ticket-table {
	margin-top: 0
}

#ufop .ticket-table tbody .ticket-provider-name,
#ufop .ticket-table tbody .ticket-title {
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#ufop .ticket-table tbody .id {
	width: 10%
}

#ufop .ticket-table tbody .title {
	width: 25%
}

#ufop .ticket-table tbody .created-at,
#ufop .ticket-table tbody .status {
	width: 20%
}

#ufop .ticket-table tbody .provider {
	width: 25%
}

#ufop .ticket-table tbody .ticket {
	font-size: 12px
}

#ufop-instance-log .log-body {
	margin-top: 30px
}

#ufop-instance-log .form-left {
	margin-right: 30px
}

#ufop-instance-log .log-zone {
	background-color: #2b303b;
	color: #c0c5cf;
	border: 0;
	border-radius: 2px
}

#ufop-instance .current-version {
	margin: 20px 0
}

#instance_resize_modal .center-block {
	width: 500px!important;
	margin: 20px auto
}

#instance_resize_modal .center-block .form-group {
	margin: 30px auto;
	width: 100px
}

#instance_resize_modal .center-block .form-group .resize-title {
	margin: 5px;
	text-align: center;
	font-weight: 700
}

#instance_resize_modal .input-group {
	margin: 0 auto
}

#ufop-setting .clear-padding {
	margin-left: -15px
}

#ufop-ticket .table .id {
	width: 10%
}

#ufop-ticket .table .title {
	width: 25%
}

#ufop-ticket .table .created-at,
#ufop-ticket .table .status {
	width: 20%
}

#ufop-ticket .table .requester {
	width: 25%
}

#ufop-ticket .ticket-category {
	padding: 20px 0
}

#ufop-ticket .ticket-category span {
	display: inline-block;
	cursor: pointer;
	padding: 10px 30px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0);
	-webkit-transition: all .2s;
	transition: all .2s
}

#ufop-ticket .ticket-category span.active,
#ufop-ticket .ticket-category span:hover {
	border: 1px solid #238efa;
	color: #238efa
}

#ufop-ticket .ticket-category span:nth-child(n+1) {
	margin-left: 4px
}

#ufop-ticket .ticket-title {
	line-height: 60px;
	height: 45px;
	border-bottom: 2px solid #e6ebf5
}

#ufop-ticket .ticket-body .line-head {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #e6ebf5;
	background: rgba(245, 245, 245, .39);
	padding-left: 10px
}

#ufop-ticket .ticket-body .table {
	margin-bottom: 0
}

#ufop-ticket .ticket-body .table tr td {
	padding: 8px!important;
	border-top: 0;
	border-bottom: 1px solid #f0f3fa
}

#ufop-ticket .ticket-time {
	border-bottom: 1px solid #e6ebf5;
	padding: 5px 0
}

#ufop-ticket .reply {
	padding: 40px 0
}

#ufop-ticket .reply-textarea textarea {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	border: 1px solid #e2eaec;
	padding: 10px;
	outline: 0
}

#ufop-ticket .reply-textarea textarea:focus {
	border: 1px solid #e2eaec
}

#ufop-ticket .comment {
	margin-top: 30px
}

#ufop-ticket .comment .avatar {
	display: inline-block
}

#ufop-ticket .comment .avatar img {
	width: 50px;
	border-radius: 50%
}

#ufop-ticket .comment .comment-content {
	padding-bottom: 15px;
	border-bottom: 1px solid #e1e6f0;
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	width: 90%
}

#ufop-ticket .comment .comment-content .content {
	padding-top: 10px
}

#ufop-version .act {
	margin-bottom: 25px
}

#ufop-version .version-upload-wrapper {
	color: #7D7D8E;
	font-size: 12px;
	height: 180px;
	clear: both;
	z-index: 3;
	position: relative;
	border: 2px dashed #ddd;
	margin: 10px 0
}

#ufop-version .version-upload-wrapper .version-choose-file {
	text-align: center;
	margin-top: 55px
}

#ufop-version .version-upload-wrapper .version-choose-file .icon-wrapper {
	vertical-align: top;
	width: 60px;
	height: 60px;
	background: #238efa;
	line-height: 75px;
	display: inline-block;
	cursor: pointer
}

#ufop-version .version-upload-wrapper .version-choose-file .icon-wrapper i {
	color: #fff;
	font-size: 300%
}

#ufop-version .version-upload-wrapper .version-choose-file label {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-left: 15px
}

#ufop-version .version-upload-wrapper .version-choose-file label .text-color-darker {
	color: #666;
	font-size: 165%
}

#ufop-version .version-upload-wrapper .ufop-upload-progress {
	margin: 15px 20px;
	border: 1px solid #ddd
}

#ufop-version .version-upload-wrapper .ufop-upload-progress .ufop-upload-info {
	margin: 7px
}

#cacheSource .cache-table .cache-label,
#cacheSource .margin-right {
	margin-right: 10px
}

#ufop-version .version-upload-wrapper .ufop-upload-progress .ufop-upload-info span {
	display: block
}

#domain-index .sub-mes,
.https-crt .file-info,
.https-crt .file-name,
.identity-base .nav.nav-tabs div,
.identity-base .nav.nav-tabs li a {
	display: inline-block
}

#ufop-version .version-upload-wrapper .ufop-upload-progress .ufop-upload-info .ufop-name {
	color: #444
}

#ufop-version .version-upload-wrapper .ufop-upload-progress .ufop-upload-info .ufop-size {
	color: #aaa
}

#ufop-version .version-upload-wrapper .ufop-upload-progress .ufop-upload-middle {
	margin-top: 8px;
	height: 45px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	text-align: center;
	line-height: 45px
}

#ufop-version .version-upload-wrapper .ufop-upload-progress .ufop-progress {
	height: 23px;
	border-bottom: 1px solid #ddd;
	line-height: 20px;
	padding: 0 10px
}

#ufop-version .version-upload-wrapper .ufop-upload-progress .ufop-progress span {
	display: inline-block;
	height: 6px;
	background-color: #06B332
}

#ufop-version .version-upload-wrapper .ufop-upload-progress .ufop-remove-upload {
	padding: 5px;
	text-align: center
}

#ufop-version .version-upload-wrapper .ufop-upload-progress .ufop-remove-upload span {
	color: #666;
	font-weight: 500;
	cursor: pointer
}

#ufop-version .version-upload-wrapper .text-color-dark {
	color: #919191
}

#ufop-version .version-upload-wrapper .text-color-light {
	color: #ddd;
	letter-spacing: 1px
}

#ufop-version .desc-textarea,
.version-create-modal .desc-textarea {
	max-width: 960px!important
}

#cacheSource .margin-bottom {
	margin-bottom: 5px
}

#cacheSource .qi.qi-delete {
	padding-left: 10px
}

#cacheSource .add-button {
	margin-bottom: 10px
}

#cacheSource .help-block {
	max-width: 100%
}

#cacheSource .dropdown {
	padding: 0
}

#cacheSource .dropdown .dropdown-menu {
	min-width: 55px
}

#cacheSource .dropdown .dropdown-toggle {
	padding: 10px 15px
}

#cacheSource .cache-table {
	width: 800px
}

#cacheSource .cache-table .cache-label.all {
	line-height: 42px
}

#cacheSource .cache-table .qi {
	padding: 10px 20px;
	margin: 0 10px;
	line-height: 38px
}

#cacheSource .sortable-chosen {
	background: #f5f7fa
}

#cacheSource .sortable-handle {
	cursor: move
}

#bucket-domain .qi-delete,
#create-domain .qi-delete,
#domain-change .qi-delete,
#referer-change .qi-delete {
	padding-left: 4px
}

#bucket-domain .small-help-block,
#create-domain .small-help-block,
#domain-change .small-help-block,
#referer-change .small-help-block {
	max-width: 430px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#bucket-domain .help-block-width,
#create-domain .help-block-width,
#domain-change .help-block-width,
#referer-change .help-block-width {
	max-width: 640px
}

#bucket-domain .input-group,
#create-domain .input-group,
#domain-change .input-group,
#referer-change .input-group {
	width: 300px;
	max-width: 300px
}

#bucket-domain .input-group input,
#create-domain .input-group input,
#domain-change .input-group input,
#referer-change .input-group input {
	max-width: inherit;
	width: 100%
}

#bucket-domain .referer-input,
#bucket-domain .source-input,
#create-domain .referer-input,
#create-domain .source-input,
#domain-change .referer-input,
#domain-change .source-input,
#referer-change .referer-input,
#referer-change .source-input {
	width: 430px;
	max-width: 505px
}

#bucket-domain .referer-input.input-group input,
#bucket-domain .source-input.input-group input,
#create-domain .referer-input.input-group input,
#create-domain .source-input.input-group input,
#domain-change .referer-input.input-group input,
#domain-change .source-input.input-group input,
#referer-change .referer-input.input-group input,
#referer-change .source-input.input-group input {
	max-width: inherit
}

#bucket-domain .referer-note p,
#create-domain .referer-note p,
#domain-change .referer-note p,
#referer-change .referer-note p {
	margin: 0
}

#bucket-domain .referer-note ul,
#create-domain .referer-note ul,
#domain-change .referer-note ul,
#referer-change .referer-note ul {
	padding-left: 20px;
	font-size: 12px
}

#bucket-domain .test-url-error .margin-right,
#create-domain .test-url-error .margin-right,
#domain-change .test-url-error .margin-right,
#referer-change .test-url-error .margin-right {
	margin-right: 14px
}

#bucket-domain .advanced-buttons,
#create-domain .advanced-buttons,
#domain-change .advanced-buttons,
#referer-change .advanced-buttons {
	margin: 5px 0
}

#bucket-domain .advanced,
#create-domain .advanced,
#domain-change .advanced,
#referer-change .advanced {
	width: 500px
}

#bucket-domain .advanced td,
#create-domain .advanced td,
#domain-change .advanced td,
#referer-change .advanced td {
	padding-right: 10px;
	vertical-align: middle
}

#bucket-domain .advanced td .toggle-btn label,
#create-domain .advanced td .toggle-btn label,
#domain-change .advanced td .toggle-btn label,
#referer-change .advanced td .toggle-btn label {
	margin-bottom: 0
}

#bucket-domain .advanced .host,
#create-domain .advanced .host,
#domain-change .advanced .host,
#referer-change .advanced .host {
	width: 200px
}

#bucket-domain .advanced .port,
#bucket-domain .advanced .weight,
#create-domain .advanced .port,
#create-domain .advanced .weight,
#domain-change .advanced .port,
#domain-change .advanced .weight,
#referer-change .advanced .port,
#referer-change .advanced .weight {
	width: 100px
}

.https-crt {
	margin-top: 10px
}

.https-crt label {
	position: relative
}

.https-crt label input.file-input {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer
}

.file-preview-tooltip.tooltip.in,
.preview-tooltip.tooltip.in {
	opacity: 1
}

.https-crt .file-name {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	top: 6px
}

.https-crt2 {
	margin-top: 20px
}

.https-crt2 label {
	width: 90px
}

.https-crt2 .form-group {
	margin-bottom: 30px
}

.https-crt2 textarea.form-control {
	max-width: 505px;
	width: 430px;
	border-radius: 0
}

#domain-index .select-type {
	padding-bottom: 20px
}

#domain-index .pan-info table.table td,
#domain-index .source-info table.table td {
	border: 0;
	padding-right: 10px
}

#domain-index .sub-mes {
	text-indent: 2em
}

#domain-index .q-card.domain-status .table {
	margin-top: 8px
}

#domain-index .q-card.domain-status .table td {
	padding: 2px 0;
	border: none
}

#domain-index .q-card.domain-status .table td:first-child {
	width: 50%
}

#domain-index .table .text-sub {
	width: 120px
}

#domain-index .table .cache-rules {
	width: 350px;
	word-break: break-all
}

#pandomain-list table.table td {
	padding-right: 20px
}

#log-download .sub-title {
	margin-top: 20px
}

#log-download .modal-body {
	padding: 15px 200px
}

#log-download .modal-header {
	line-height: 28px
}

#log-download .log {
	padding: 10px 50px;
	margin-bottom: 40px
}

#log-download .log img {
	width: 60px
}

#log-download .log .name,
#log-download .log .size {
	margin: 12px
}

#log-download .log .size {
	color: #7a8599
}

#domain-log .table.border-bottom tbody>tr>th {
	border-bottom: 1px solid #f0f3fa
}

#domain-log .table.border-bottom tbody>tr>td {
	border-top: 0;
	padding: 10px 10px 10px 0;
	border-bottom: 1px solid #f0f3fa
}

#domain-prefetch .padding-right,
#domain-refresh .padding-right {
	padding-right: 10px
}

#domain-log td.domain {
	width: 500px
}

@media (max-width:1366px) {
	#domain-log td.domain {
		width: 300px
	}
}

#domain-log form label {
	margin-right: 10px;
	line-height: 36px
}

#domain-log .btn-round {
	line-height: 23px
}

#domain-log select.form-control {
	width: 150px
}

#domain-prefetch .prefetch-input {
	width: 100%;
	max-width: 100%
}

#domain-prefetch .prefetch-input.input-group input {
	max-width: inherit
}

#domain-refresh .help-block-width {
	max-width: 100%
}

#domain-refresh .refresh-input {
	width: 100%;
	max-width: 100%
}

#domain-refresh .refresh-input.input-group input {
	max-width: inherit
}

#domain-report .btn-group-vertical>.btn-group,
#domain-report .btn-toolbar,
#domain-report .clearfix,
#domain-report .container,
#domain-report .container-fluid,
#domain-report .dl-horizontal dd,
#domain-report .form-horizontal .form-group,
#domain-report .modal-footer,
#domain-report .modal-header,
#domain-report .nav,
#domain-report .navbar,
#domain-report .navbar-collapse,
#domain-report .navbar-header,
#domain-report .pager,
#domain-report .panel-body,
#domain-report .row {
	clear: both
}

#domain-report .nav-tabs {
	margin-bottom: 10px
}

#domain-report .chart-main {
	margin-top: 10px
}

.forget-password {
	text-align: center
}

.forget-password form {
	width: 300px;
	margin: 50px auto
}

.forget-password .email-sent-wrapper {
	width: 600px;
	margin: 50px auto
}

.forget-password .email-sent-wrapper .alert {
	padding: 40px;
	margin-bottom: 40px
}

.forget-password .email-sent-wrapper .alert p {
	margin: auto
}

.forget-password .email-sent-wrapper .alert .btn {
	margin-top: 40px
}

.forget-password .email-sent-wrapper .alert-success {
	border-color: #c0ebd0;
	background-color: #f4fbf6;
	color: #47b26f
}

.forget-password .email-sent-wrapper .resend-btn {
	color: #0a81f9;
	background: 0 0;
	border: 0
}

.forget-password .email-sent-wrapper .resend-btn:focus {
	outline: 0
}

.reset-password {
	margin-top: 50px;
	margin-bottom: 50px
}

.reset-password form {
	margin: auto;
	width: 300px
}

.reset-password .welcome-title {
	font-size: 22px;
	color: #3d424c;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.reset-password .welcome-tips {
	color: #525866
}

.freeze .alert-danger {
	max-width: 430px;
	margin: auto;
	text-align: center;
	color: #e65c5c;
	background-color: rgba(245, 98, 98, .05);
	border-color: #f0d8d8
}

.freeze .freeze-border {
	border-bottom: 1px solid #e1e6f0
}

.freeze .main-info {
	width: 700px;
	margin: 60px auto
}

.freeze .main-info label {
	font-weight: 400;
	color: #8f9bb3;
	margin-bottom: 20px
}

.freeze .main-info p {
	color: #3d424d;
	margin: 0
}

.freeze .main-info .qi {
	margin-left: 5px
}

.freeze .main-info .col-sm-4 {
	margin: 30px 0;
	border-right: 1px solid #e1e6f0;
	text-align: center
}

.freeze .main-info .col-sm-4:last-of-type {
	border-right: 0
}

.freeze .operation {
	text-align: center;
	margin-top: 40px
}

.freeze .operation button {
	margin: 0 10px
}

.freeze .footer {
	margin-top: 60px;
	text-align: center
}

.freeze .footer a {
	color: #666;
	padding: 0 20px
}

.freeze .footer a:last-of-type {
	border-left: 1px solid #e1e6f0
}

.identity-base {
	max-width: 880px;
	margin: 0 auto
}

.identity-base .nav.nav-tabs {
	margin-bottom: 30px;
	text-align: center;
	font-size: 0
}

.identity-base .nav.nav-tabs li {
	float: left;
	border: 1px solid #e6e9f0;
	background-color: #fff
}

.identity-base .nav.nav-tabs li.active {
	background-color: #f5f6f7
}

.identity-base .nav.nav-tabs li.active a {
	color: #8f9bb2
}

.identity-base .nav.nav-tabs li a {
	font-size: 14px;
	color: #525866;
	padding: 10px 20px
}

.identity-base .error-msg,
.identity-base .nav.nav-tabs div.default-enterprise:last-child li {
	display: none
}

.identity-base .nav.nav-tabs div:first-child li {
	border-radius: 50px 0 0 50px;
	border-right: none
}

.identity-base .nav.nav-tabs div:last-child li {
	border-radius: 0 50px 50px 0
}

.identity-base .form-control {
	max-width: none
}

.identity-base .control-label {
	color: #7a8599;
	font-weight: 400
}

@media (min-width:768px) {
	.identity-base .control-label {
		text-align: left;
		padding-top: 12px
	}
}

.identity-base .photo-tips {
	float: left;
	font-size: 12px;
	line-height: 22px;
	max-width: initial;
	color: #525866
}

.identity-base .photo-tips .qi-info {
	margin-right: 5px
}

.identity-base .has-error .photo-tips {
	color: #F7615E
}

.identity-base .has-error .error-msg {
	display: block
}

.identity-base .has-error .normal-msg,
.identity-base .hide-tab .nav-tabs {
	display: none
}

.identity-base .has-error .image-wrapper.error {
	border-color: #F7615E
}

.identity-base .op-block {
	margin-top: 20px;
	padding-top: 40px;
	border-top: solid 1px #e6e9f0
}

.identity-base .example-tips {
	font-size: 12px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0;
	color: #525866
}

.identity-enterprise fieldset {
	margin-top: 50px;
	border-bottom: solid 1px #e6e9f0;
	padding-bottom: 40px
}

.identity-enterprise fieldset:last-child {
	border: none;
	padding-bottom: 0
}

.identity-enterprise fieldset legend {
	border-bottom: none;
	margin-bottom: 40px
}

.identity-enterprise .company-type-block label {
	margin-bottom: 0
}

.identity-enterprise .company-type-block.radio-group input[type=radio] {
	margin-left: 8px;
	margin-top: 0;
	margin-right: 5px
}

.identity-enterprise .company-type-block.radio-group .radio-label {
	color: #525866
}

.identity-enterprise .company-type-block.radio-group input[type=radio]:checked+.radio-label {
	color: #238efa
}

.identity-enterprise .company-type-desc {
	margin-bottom: 0;
	padding-left: 29px
}

.identity-enterprise .help-block {
	font-size: 12px;
	max-width: none
}

.identity-enterprise .photo-wrapper .image-wrapper {
	padding-top: 80%
}

.identity-enterprise .identity-example {
	text-align: center
}

.identity-enterprise .identity-example:first-child {
	margin-bottom: 10px
}

.identity-enterprise .example-img-wrap {
	border: 1px solid #e6e9f0;
	border-radius: 4px
}

.identity-enterprise .example-img {
	width: 62%
}

.identity-personal h1 {
	font-size: 18px
}

.identity-personal .personal-info {
	padding-bottom: 25px
}

.identity-personal .personal-info .info-inputs {
	padding-top: 12px
}

.identity-personal .identity-methods {
	padding-top: 18px
}

.identity-personal .identity-methods:before {
	content: '';
	border-top: solid 1px #e6e9f0;
	display: block;
	margin: 0 15px
}

.identity-personal .certification-type-block {
	margin-top: 20px
}

.identity-personal .certification-type-block.radio-group input[type=radio] {
	margin-left: 8px;
	margin-top: 0;
	margin-right: 5px
}

.identity-personal .certification-type-block.radio-group .radio-label {
	color: #525866
}

.identity-personal .certification-type-block.radio-group input[type=radio]:checked+.radio-label {
	color: #238efa
}

.identity-personal .image-viewer .image-wrapper {
	padding-top: 80%
}

.identity-personal .identity-example {
	margin-top: 3px
}

.identity-personal .example-img {
	width: 100%
}

.identity-personal .photo-wrapper {
	padding: 0 20px 0 0
}

.identity-personal .photo-tips {
	width: 400px
}

.identity-personal .alipay-block {
	margin-top: 30px
}

.copyright {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-bottom: 30px;
	color: #8f9bb2
}

.view-gaea-freeze-index,
.view-gaea-freeze-index .ui-view-slide,
.view-gaea-signin-base,
.view-gaea-signin-base .ui-view-slide,
.view-gaea-signin-forgetPassword,
.view-gaea-signin-forgetPassword .ui-view-slide,
.view-gaea-signin-resetPassword,
.view-gaea-signin-resetPassword .ui-view-slide,
.view-gaea-signin-wechat,
.view-gaea-signin-wechat .ui-view-slide,
.view-gaea-signup-activateEmail,
.view-gaea-signup-activateEmail .ui-view-slide,
.view-gaea-signup-base,
.view-gaea-signup-base .ui-view-slide,
.view-gaea-signup-bindMobile,
.view-gaea-signup-bindMobile .ui-view-slide,
.view-gaea-signup-complete,
.view-gaea-signup-complete .ui-view-slide,
.view-gaea-signup-confirmEmailFailed,
.view-gaea-signup-confirmEmailFailed .ui-view-slide,
.view-gaea-vendor-bind,
.view-gaea-vendor-bind .ui-view-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.view-gaea-freeze-index .ui-view-slide .gaea-view,
.view-gaea-freeze-index .ui-view-slide .guest-view,
.view-gaea-signin-base .ui-view-slide .gaea-view,
.view-gaea-signin-base .ui-view-slide .guest-view,
.view-gaea-signin-forgetPassword .ui-view-slide .gaea-view,
.view-gaea-signin-forgetPassword .ui-view-slide .guest-view,
.view-gaea-signin-resetPassword .ui-view-slide .gaea-view,
.view-gaea-signin-resetPassword .ui-view-slide .guest-view,
.view-gaea-signin-wechat .ui-view-slide .gaea-view,
.view-gaea-signin-wechat .ui-view-slide .guest-view,
.view-gaea-signup-activateEmail .ui-view-slide .gaea-view,
.view-gaea-signup-activateEmail .ui-view-slide .guest-view,
.view-gaea-signup-base .ui-view-slide .gaea-view,
.view-gaea-signup-base .ui-view-slide .guest-view,
.view-gaea-signup-bindMobile .ui-view-slide .gaea-view,
.view-gaea-signup-bindMobile .ui-view-slide .guest-view,
.view-gaea-signup-complete .ui-view-slide .gaea-view,
.view-gaea-signup-complete .ui-view-slide .guest-view,
.view-gaea-signup-confirmEmailFailed .ui-view-slide .gaea-view,
.view-gaea-signup-confirmEmailFailed .ui-view-slide .guest-view,
.view-gaea-vendor-bind .ui-view-slide .gaea-view,
.view-gaea-vendor-bind .ui-view-slide .guest-view {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.gaea-view {
	padding: 60px
}

@media (max-width:768px) {
	.gaea-view {
		padding: 20px
	}
}

.gaea-view input:-webkit-autofill {
	background-color: #FFF;
	background-image: none;
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

.gaea-view .page-title {
	font-size: 22px;
	color: #292c33;
	margin-bottom: 19px
}

.gaea-view .page-tip {
	margin-bottom: 60px
}

.gaea-view .page-tip .text-muted,
.gaea-view .table {
	color: #666f80
}

.gaea-view .table>tbody+tbody {
	border-top: 0
}

.gaea-view .table>thead>tr>th {
	color: #7a8599;
	border-bottom: 1px solid #e6e9f0;
	font-weight: 400
}

.gaea-view .table tr>td {
	padding: 15px 8px;
	vertical-align: middle
}

.gaea-view .table tr>td .form-group.last {
	margin-bottom: 0
}

.gaea-view .table>tbody>tr:last-of-type {
	border-bottom: 1px solid #f0f3fa
}

.gaea-view .user-btn-group {
	margin-top: 40px
}

.gaea-sidebar {
	border-right: 1px solid #e6e9f0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.gaea-sidebar .sidebar-top {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.gaea-sidebar .scroller {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.gaea-sidebar .logo-wrapper {
	margin-top: 33px;
	margin-bottom: 33px;
	padding: 0 30px;
	text-align: center
}

.gaea-sidebar .logo-wrapper .logo-img {
	width: 60px
}

.gaea-sidebar .resource-list {
	overflow: auto;
	padding: 0;
	margin-bottom: 0;
	list-style: none
}

.gaea-sidebar .resource-list .resource-card.active,
.gaea-sidebar .resource-list .resource-card:hover {
	background-color: #f5f7fa
}

.gaea-sidebar .resource-list .resource-card.active>a {
	color: #238efa!important
}

.gaea-sidebar .resource-list .resource-card>a {
	color: #292c33;
	display: block;
	padding: 15px 44px;
	margin: 11px 0;
	text-decoration: none
}

.gaea-sidebar .resource-list .resource-card>a .icon {
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 18px;
	vertical-align: top
}

@media (max-width:1024px) {
	.resource-tooltip {
		visibility: visible
	}
	.gaea-sidebar {
		width: 60px
	}
	.gaea-sidebar .logo-wrapper {
		margin: 20px 0;
		padding: 0 10px
	}
	.gaea-sidebar .logo-wrapper .logo-img {
		width: 32px
	}
	.gaea-sidebar .resource-list {
		padding: 0
	}
	.gaea-sidebar .resource-list .resource-card a {
		margin: 8px 0;
		padding: 12px 0;
		text-align: center
	}
	.gaea-sidebar .resource-list .resource-card a .icon {
		margin-right: 0
	}
	.gaea-sidebar .resource-list .resource-card .tab-name {
		display: none
	}
	.gaea-sidebar .scroller {
		height: calc(100% - 109px);
		float: left;
		width: 60px
	}
}

.recovery-code {
	width: 300px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -70%, 0);
	transform: translate3d(-50%, -70%, 0)
}

.recovery-code .recovery-body {
	margin: 25px auto
}

.recovery-code button.check-btn {
	width: 100%;
	display: block;
	margin-top: 25px;
	line-height: 42px;
	font-size: 14px
}

.vendor-bind .vendor-content {
	width: 300px;
	margin: 50px auto
}

.vendor-bind .vendor-content label {
	font-weight: 500;
	margin-bottom: 0
}

.vendor-bind .vendor-content .form-group {
	margin-bottom: 20px
}

.vendor-bind .vendor-content .register-group {
	position: relative
}

.vendor-bind .vendor-content .vendor-form,
.vendor-bind .vendor-content .vendor-form .op-block {
	margin-top: 30px
}

.vendor-bind .vendor-content .vendor-form .btn-lg {
	line-height: 40px
}

.vendor-bind .vendor-content .vendor-form input[type=radio] {
	margin-right: 5px
}

#bucket-mirror .robots-txt-setting {
	line-height: 44px;
	font-weight: 400
}

#bucket-mirror .form-group {
	margin-bottom: 0
}

#bucket-report .wide-tooltip .tooltip-inner {
	width: 240px;
	text-align: left
}

#bucket-report .title-mid-size {
	font-size: 24px
}

#bucket-report .btn-group-vertical>.btn-group,
#bucket-report .btn-toolbar,
#bucket-report .clearfix,
#bucket-report .container,
#bucket-report .container-fluid,
#bucket-report .dl-horizontal dd,
#bucket-report .form-horizontal .form-group,
#bucket-report .modal-footer,
#bucket-report .modal-header,
#bucket-report .nav,
#bucket-report .navbar,
#bucket-report .navbar-collapse,
#bucket-report .navbar-header,
#bucket-report .pager,
#bucket-report .panel-body,
#bucket-report .row {
	clear: both
}

#bucket-report .nav-tabs {
	margin-bottom: 10px
}

#bucket-report .chart-main {
	margin-top: 10px
}

#bucket-resource [role=button] {
	outline: 0;
	cursor: default
}

#bucket-resource .summary-content img {
	width: 100px;
	margin-right: 40px
}

#bucket-resource .summary-content .summary-item {
	margin-left: 30px;
	line-height: 32px;
	color: #666f80;
	vertical-align: middle
}

#bucket-resource .summary-content .summary-item .qi {
	margin-right: 10px;
	vertical-align: middle
}

#bucket-resource .summary-content .search {
	width: 200px
}

#bucket-resource .summary-content .search .search-input-wrapper {
	position: relative;
	height: 42px;
	padding: 4px 0 0 40px;
	border-radius: 4px;
	border: 1px solid #dde1eb
}

#bucket-resource .summary-content .search .qi-search {
	position: absolute;
	top: 13px;
	left: 14px;
	width: 12px;
	font-size: 12px;
	color: #8f9bb3
}

#bucket-resource .summary-content .search .qi-delete {
	position: absolute;
	top: 9px;
	right: 14px;
	width: 12px;
	font-size: 12px;
	color: #8f9bb3
}

#bucket-resource .summary-content .search input {
	width: 100%;
	border: none;
	padding: 8px 1px;
	background-color: transparent;
	outline: 0
}

#bucket-resource .files-content .sensitive-tip {
	background-color: #FFFBF2;
	border: 1px solid #f0e0c0;
	color: #cca352;
	margin-top: 15px;
	line-height: 45px;
	text-align: center
}

#bucket-resource .files-content .sensitive-tip a {
	line-height: 23px;
	margin: 10px;
	color: #fff;
	background-color: #F7615E
}

#bucket-resource .files-content .file-list {
	margin-top: 15px
}

#bucket-resource .files-content .file-list .table th {
	color: #8f9bb3;
	font-weight: 500;
	border-color: #e1e6f0;
	border-width: 1px
}

#bucket-resource .files-content .file-list .table td {
	border-color: #ebf0fa
}

#bucket-resource .files-content .file-list .table td,
#bucket-resource .files-content .file-list .table th {
	word-wrap: break-word;
	word-break: break-all
}

#bucket-resource .files-content .file-list .table .checkbox-td {
	width: 32px;
	text-align: center
}

#bucket-resource .files-content .file-list .table .file-tr.hover,
#bucket-resource .files-content .file-list .table .file-tr:hover {
	background-color: #f5f7fa
}

#bucket-resource .files-content .file-list .table .file-tr.hover .edit-pen,
#bucket-resource .files-content .file-list .table .file-tr:hover .edit-pen {
	display: inline
}

#bucket-resource .files-content .file-list .table .file-tr.new-file {
	background-color: #F4FBF6
}

#bucket-resource .files-content .file-list .table .file-tr .edit-pen {
	display: none;
	font-size: 12px
}

#bucket-resource .files-content .file-list .table .file-td {
	max-width: 180px
}

#bucket-resource .files-content .file-list .table .mime-td {
	max-width: 120px
}

#bucket-resource .files-content .file-list .table .action-td {
	width: 50px
}

#bucket-resource .files-content .file-list .table .action-td a.qi {
	padding: 10px 2px
}

#bucket-resource .files-content .file-list thead {
	height: 41px
}

#bucket-resource .files-content .file-list thead .file-name {
	display: inline-block;
	height: 19px;
	margin-right: 30px;
	vertical-align: top;
	max-width: 260px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

#bucket-resource .files-content .file-list thead .file-op {
	display: inline-block;
	height: 19px;
	margin-left: 30px;
	vertical-align: top
}

#bucket-resource .files-content .file-list thead .file-op .qi {
	margin-right: 6px
}

#bucket-resource .files-content .file-list thead .file-op .qi span,
#bucket-resource .files-content .file-list thead .file-op .qi::before {
	vertical-align: top
}

#bucket-resource .select-default-domain {
	margin-top: 10px
}

#bucket-resource .select-default-domain select {
	width: 300px;
	display: inline;
	margin-right: 0
}

#bucket-resource .save-default-domain {
	margin-top: 14px;
	margin-left: 10px
}

.dropdown-menu.action {
	top: 45px;
	left: auto;
	right: -6px;
	min-width: 100px;
	padding: 0;
	margin-top: -25px;
	border-color: #e6e9f0
}

.dropdown-menu.action li>a {
	text-align: left;
	padding: 12px 20px;
	color: #7a8599
}

.dropdown-menu.action li>a>.action-word {
	margin-left: 5px
}

.dropdown-menu.action li>a:focus {
	outline: 0
}

.dropdown-menu.action li>a.zeroclipboard-is-hover,
.dropdown-menu.action li>a:hover {
	background-color: #f5f5f5
}

.dropdown-menu.action li:first-child>a {
	border-radius: 4px 4px 0 0
}

.dropdown-menu.action li:first-child>a:active::after,
.dropdown-menu.action li:first-child>a:focus::after,
.dropdown-menu.action li:first-child>a:hover::after {
	border-bottom-color: #f5f5f5
}

.dropdown-menu.action li:first-child>a::after,
.dropdown-menu.action li:first-child>a::before {
	position: absolute;
	content: ' ';
	top: -1px;
	right: 9px;
	border: 5px solid transparent;
	z-index: 100
}

.dropdown-menu.action li:first-child>a::before {
	margin-top: -10px;
	border-bottom-color: #e6e9f0
}

.dropdown-menu.action li:first-child>a::after {
	margin-top: -9px;
	border-bottom-color: #fff
}

.dropdown-menu.action li:last-child>a {
	border-radius: 0 0 4px 4px
}

.edit-area {
	position: relative
}

.edit-area.edit-word-container {
	display: inline-block;
	width: 100%
}

.edit-area input {
	padding: 0 50px 0 2px;
	height: 22px
}

.edit-area input:focus {
	outline: 0;
	border: 1px solid #238efa
}

.edit-area label {
	position: absolute;
	top: 0;
	right: 5px
}

.edit-area label .qi {
	cursor: pointer!important;
	padding: 0 2px
}

.edit-area label .qi.qi-check {
	color: #19AE54
}

.edit-area label .qi.qi-delete {
	font-size: 12px;
	color: #7a8599
}

.file-preview-tooltip .external-link.private,
.file-preview-tooltip .external-link.private .download-file i {
	font-size: 14px
}

.edit-area .edit-word {
	padding-right: 100px;
	display: inline-block
}

.edit-area .edit-pen {
	position: absolute;
	right: 40px;
	top: 2px
}

.file-preview-tooltip {
	left: auto!important;
	right: 120px;
	max-width: 350px;
	margin-right: -5px;
	padding-right: 5px
}

.file-preview-tooltip .ellipsis-line-clamp {
	overflow: hidden;
	display: -webkit-box
}

.file-preview-tooltip>.tooltip-arrow {
	border-left-color: #e6e9f0!important;
	border-width: 5px!important
}

.file-preview-tooltip>.tooltip-arrow::after {
	position: absolute;
	content: ' ';
	top: 50%;
	right: 0;
	margin-top: -5px;
	margin-right: -4px;
	border: 5px solid transparent;
	border-left-color: #fff;
	z-index: 100
}

.file-preview-tooltip.top {
	margin-top: 76px
}

.file-preview-tooltip.top>.tooltip-arrow {
	border-top-color: transparent!important;
	left: auto;
	right: -10px;
	bottom: 51px
}

.file-preview-tooltip.left>.tooltip-arrow {
	left: auto;
	right: -5px
}

.file-preview-tooltip.bottom {
	margin-top: -76px
}

.file-preview-tooltip.bottom>.tooltip-arrow {
	border-bottom-color: transparent!important;
	left: auto;
	right: -10px;
	top: 51px
}

.file-preview-tooltip>.tooltip-inner {
	background-color: #fff;
	border: 1px solid #e1e6f0;
	color: #292c33;
	box-shadow: 0 0 30px rgba(0, 0, 0, .08);
	max-width: none
}

.file-preview-tooltip .preview-wrapper {
	padding: 12px 27px 12px 7px;
	margin-right: -20px
}

.file-preview-tooltip .preview-img {
	max-width: 100%;
	max-height: 210px
}

.file-preview-tooltip .img-wrapper {
	width: 100%;
	height: 210px;
	line-height: 210px;
	border: 1px solid transparent;
	margin: -1px;
	background-color: transparent;
	overflow: hidden
}

.file-preview-tooltip .img-wrapper qn-loading svg {
	margin-top: 100px
}

.file-preview-tooltip .detail {
	color: #8f9bb3
}

.file-preview-tooltip .detail p {
	margin: 2px;
	word-break: break-all;
	text-align: left
}

.file-preview-tooltip .detail p .left {
	width: 100px;
	float: left;
	display: inline-block;
	text-align: right
}

.file-preview-tooltip .detail p .right {
	margin-left: 110px;
	display: block
}

.file-preview-tooltip .external-link {
	margin-top: 30px
}

.file-preview-tooltip .external-link.private .download-file {
	display: block;
	width: 40px;
	margin: 8px auto 0
}

.file-preview-tooltip .external-link .input-group {
	width: 200px;
	float: left
}

.file-preview-tooltip .external-link label {
	float: left;
	margin-right: 10px;
	line-height: 32px;
	color: #8f9bb3;
	font-size: 12px;
	font-weight: 500
}

.file-preview-tooltip .external-link input {
	height: 32px;
	background-color: #fff;
	border-radius: 4px 0 0 4px
}

.file-preview-tooltip .external-link .input-group-addon {
	padding: 0 8px 0 11px;
	line-height: normal;
	border-radius: 0 4px 4px 0
}

.file-preview-tooltip .external-link .download-file {
	margin-left: 8px;
	padding: 6px 8px 7px 11px;
	line-height: normal
}

#upload-file .center-block {
	width: 960px
}

#upload-file [type=radio] {
	outline: 0
}

#upload-file .upload-area {
	border: 1px solid #e6e9f0;
	border-radius: 4px;
	overflow-y: scroll;
	height: 440px
}

#upload-file .upload-area .upload-progress {
	position: relative;
	height: 45px;
	border-top: 1px solid #e6e9f0;
	background-color: #f5f7fa
}

#upload-file .upload-area .upload-progress:first-child {
	border-top: none
}

#upload-file .upload-area .upload-progress .progress-bg {
	background-color: #e5f2ff;
	height: 100%;
	margin-bottom: 0
}

#upload-file .upload-area .upload-progress .progress-bg.success {
	background-color: #e5ffef
}

#upload-file .upload-area .upload-progress .progress-bg.exist,
#upload-file .upload-area .upload-progress .progress-bg.in-queue,
#upload-file .upload-area .upload-progress .progress-bg.max-size,
#upload-file .upload-area .upload-progress .progress-bg.sensitive {
	background-color: #fff6e5
}

#upload-file .upload-area .upload-progress .progress-bg.cancel {
	background-color: transparent
}

#upload-file .upload-area .upload-progress .progress-bg.error {
	background-color: #ffe5ea
}

#upload-file .upload-area .upload-progress .progress-info {
	position: absolute;
	top: 0;
	height: 100%;
	padding: 10.5px 16px;
	width: 100%;
	color: #666f80;
	line-height: 24px
}

#upload-file .upload-area .upload-progress .progress-info .file-info {
	display: inline-block;
	width: 80%
}

#upload-file .upload-area .upload-progress .progress-info .file-info .file-name {
	font-weight: 500;
	display: inline-block;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#upload-file .upload-area .upload-progress .progress-info .file-info .file-size {
	color: #8f9bb3;
	font-weight: 400;
	display: inline-block;
	vertical-align: top;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#upload-file .upload-area .upload-progress .progress-info .upload-status {
	width: 90px;
	display: inline-block;
	vertical-align: top
}

#upload-file .upload-area .upload-progress .progress-info .cancel-upload,
#upload-file .upload-area .upload-progress .progress-info .remove-upload,
#upload-file .upload-area .upload-progress .progress-info .success-upload {
	float: right;
	width: 20px;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #8f9bb3
}

#upload-file .upload-area .upload-progress .progress-info .cancel-upload {
	font-size: 12px
}

#upload-file .upload-area .upload-progress .progress-info .success-upload {
	color: #26ad58
}

#upload-file .prefix-area .dropdown-menu {
	min-width: 300px
}

#upload-file .prefix-area .control-label {
	font-weight: 500;
	margin: 0
}

#upload-file .prefix-area .prefix-desc {
	color: #666f80;
	margin: 18px 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

#upload-file .prefix-area .prefix-desc .prfix-example {
	color: #fff;
	background-color: #8F9BB4
}

#upload-file .policy-area {
	margin-top: 56px
}

#upload-file .policy-area h6 {
	font-size: 14px;
	margin: 0
}

#upload-file .policy-area h6 .qi {
	margin-right: 10px
}

#upload-file .policy-area p {
	color: #8f9bb3;
	font-size: 12px;
	line-height: 24px;
	margin: 18px 0
}

#upload-file .upload-tip {
	line-height: 24px;
	margin-left: 16px;
	color: #666f80
}

.mimeType-lists {
	margin-top: 5px;
	padding-left: 0;
	max-height: 300px;
	overflow: scroll;
	border: 1px solid #c2c2c2;
	border-radius: 2px
}

.mimeType-lists li {
	padding: 4px;
	cursor: pointer
}

.mimeType-lists li:hover {
	background: #24aae3;
	color: #fff
}

#bucket-setting .preview {
	box-sizing: content-box;
	border: 1px solid #e6e9f0;
	border-radius: 4px;
	padding: 10px;
	width: 300px;
	height: 220px
}

#bucket-setting .preview.custom {
	position: relative
}

#bucket-setting .preview.custom .errno-404-preivewer {
	width: 300px;
	height: 220px;
	text-align: center
}

#bucket-setting .preview.custom .errno-404-preivewer img {
	max-width: 100%;
	max-height: 100%
}

#bucket-setting .preview.custom .view-select-btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	text-align: center;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, .8)
}

#bucket-setting .preview.custom .upload-block {
	cursor: pointer;
	color: #525866;
	border: 2px dotted #e6e9f0;
	height: 100%;
	padding-top: 70px
}

#bucket-setting .preview.custom .upload-block .qi.qi-add {
	font-size: 32px
}

#bucket-setting .preview.custom .upload-progress {
	position: relative;
	height: 100%
}

#dashboard .chart-height,
#dashboard .resource-body>ul.dashboard-block>li.dashboard-chart .index-chart-loading,
#fusion-report .p-chart-height {
	height: 220px
}

#bucket-setting .preview.custom .upload-progress .progress-ring {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

#bucket-setting .preview.custom .upload-progress .progress-value {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	font-size: 24px;
	color: #238efa
}

#bucket-setting .preview.custom circle {
	stroke: #238efa;
	-webkit-transition: stroke-dashoffset .1s linear;
	transition: stroke-dashoffset .1s linear
}

#create-bucket .current-district {
	border-right: 1px solid #e6ebf5
}

#create-bucket .comming-soon-district {
	display: inline-block;
	border-left: 1px solid #e6ebf5;
	margin-left: 10px;
	padding-left: 24px
}

#create-bucket .comming-soon-district .comming-soon {
	display: inline-block;
	float: left;
	vertical-align: middle;
	padding-top: 14px;
	font-size: 12px;
	margin-right: 14px
}

#create-bucket .comming-soon-district .radio-wrapper {
	display: inline
}

#create-bucket .qi-ban {
	margin-right: 10px
}

#create-bucket .bc-doc {
	font-size: 12px;
	position: absolute
}

#bucket .q-card.bucket-setting .table {
	margin-top: 8px
}

#bucket .q-card.bucket-setting .table td {
	padding: 2px 0;
	border: none
}

#bucket .q-card.bucket-setting .table td:first-child,
#bucket .q-card.domain-setting .table td:first-child {
	width: 40%
}

#bucket .card-body.no-padding {
	padding-top: 0
}

#bucket .table.domain td.text-sub {
	width: 150px
}

#bucket .table.border-bottom tbody>tr>th {
	border-bottom: 1px solid #f0f3fa
}

#bucket .table.border-bottom tbody>tr>td {
	border-top: 0;
	border-bottom: 1px solid #f0f3fa
}

#bucket .default-info td {
	border-bottom: none!important
}

#bucket ul.no-style {
	padding: 0;
	margin-bottom: 4px
}

#bucket ul.no-style>li {
	list-style: none
}

#bucket .test-desc {
	margin: 10px 0;
	max-width: 100%
}

#bucket table.table.test-table tbody>tr>td {
	padding: 5px 0;
	border: 0
}

#bucket .bucket-domain-name {
	display: inline-block;
	max-width: 200px;
	word-break: break-all
}

#bucket .q-card.image-process .card-heading .card-more+.card-more {
	margin-right: 10px
}

#bucket .q-card.image-process .card-body {
	padding-top: 0
}

#bucket .q-card.image-process .card-status {
	margin-bottom: 4px
}

#bucket .q-card.image-process .card-status .table {
	margin-bottom: 0
}

#bucket .q-card.image-process .card-status .table tr td {
	border-top: 0;
	padding: 0;
	vertical-align: middle
}

#bucket .q-card.image-process .card-status .table tr td:first-child {
	width: 40%
}

#bucket .q-card.image-process .card-status .table tr td label {
	font-weight: 400;
	margin-right: 5px;
	margin-bottom: 0;
	border: 1px dotted #528fcc;
	padding: 2px 5px;
	border-radius: 4px;
	background-color: #fff;
	font-size: 12px
}

#bucket .q-card.image-process .separator-label {
	margin: 2px 6px 2px 0!important
}

#bucket .q-card.image-process .card-status .table .card-more+.card-more .qi {
	margin-right: 10px
}

#bucket .bucket-domain .status {
	font-size: 12px;
	line-height: 20px
}

#bucket .bucket-domain .self-domain {
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media (max-width:1366px) {
	#bucket .bucket-domain .self-domain {
		max-width: 250px
	}
}

#fusion-report .p-select-width,
#kodo-report .p-select-width,
#ufop-report .p-select-width {
	max-width: 200px
}

@media (max-width:1280px) {
	#bucket .bucket-domain .self-domain {
		max-width: 200px
	}
}

#dashboard .resource-body>header {
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e9f0
}

#dashboard .resource-body>header>[range-datetimepicker]>.pickerBody {
	left: -220px;
	right: auto
}

#dashboard .resource-body>ul.dashboard-block {
	display: block;
	padding: 30px 0;
	border-bottom: 1px solid #e6e9f0;
	text-align: left;
	list-style-type: none;
	margin: 0
}

#dashboard .resource-body>ul.dashboard-block>li {
	padding-right: 80px;
	display: block;
	float: left
}

#dashboard .resource-body>ul.dashboard-block>li.dashboard-title {
	margin-bottom: 20px;
	padding-right: 0;
	font-size: 16px;
	font-weight: 600;
	width: 16%
}

#dashboard .resource-body>ul.dashboard-block>li.dashboard-chart {
	width: 40%
}

#dashboard .resource-body>ul.dashboard-block>li.dashboard-chart .card-status {
	padding: 14px 16px;
	border: 1px solid #e6e9f0;
	margin: 14px 0;
	border-radius: 4px;
	background-color: #F8FAFC;
	height: 220px
}

#dashboard .p-div-margin,
#fusion-report .p-div-margin {
	margin-right: 20px
}

#dashboard .resource-body>ul.dashboard-block>li.dashboard-content {
	width: 44%
}

#dashboard .resource-body>ul.dashboard-block>li.dashboard-content .wide-tooltip .tooltip-inner {
	width: 240px;
	text-align: left
}

#dashboard .resource-body>ul.dashboard-block>li .dashboard-nav {
	margin-bottom: 0
}

#dashboard .resource-body>ul.dashboard-block>li .dashboard-nav>li>a {
	padding-top: 5px;
	padding-bottom: 0
}

#dashboard .sub-tab {
	font-size: 12px
}

#dashboard .chart-height {
	cursor: pointer
}

#dashboard .p-ul {
	margin-bottom: 0;
	border-bottom: 0
}

#dashboard .row-padding {
	padding: 5px
}

#dashboard .p-card {
	margin-bottom: 25px
}

#dashboard .p-card-title {
	color: #60636A;
	float: left;
	font-weight: 600
}

#dashboard .p-section {
	margin-left: 0
}

#dashboard .p-card-heading {
	padding: 0 0 5px;
	border-bottom: 1px solid #e6e9f0;
	font-size: 16px;
	overflow: hidden;
	margin-bottom: 25px
}

#dashboard .p-div-margin-top {
	margin-top: 6px
}

#dashboard .big-font-size .nav-tabs {
	font-size: 12px
}

#dashboard .big-font-size .nav-tabs li:before {
	-webkit-transform: scale(.5);
	transform: scale(.5);
	left: 1px;
	display: inline-block
}

#dashboard .big-font-size .nav-tabs li a {
	color: #b8becc
}

#dashboard .big-font-size .nav-tabs li.active a {
	color: #292c33
}

#fusion-report .p-title-size {
	font-size: 32px
}

#fusion-report .p-title-mid-size {
	font-size: 24px
}

#fusion-report .p-loading-height {
	height: 400px
}

#fusion-report .p-title-small-size {
	font-size: 16px
}

#fusion-report .remove-border-top {
	border-top: 0
}

#fusion-report .p-div-bottom-middle {
	margin-bottom: 40px
}

#fusion-report .p-div-bottom-min {
	margin-bottom: 10px
}

#fusion-report .p-div-left {
	margin-left: 20px
}

#fusion-report .p-font-size-small {
	font-size: 12px;
	margin-top: 5px
}

#fusion-report .p-div-padding {
	padding: 0
}

#fusion-report .p-title-position {
	margin-top: 10px;
	font-size: 18px;
	text-align: center
}

#fusion-report .p-date-style {
	margin-top: 6px;
	border-bottom: 1px solid #e1e6f0
}

#fusion-report .no-data {
	margin-top: 60px
}

#fusion-report .p-title {
	margin-right: 30px;
	display: inline-block;
	color: #8f9bb3
}

#fusion-report .p-chart-preview {
	text-align: left
}

#fusion-report .p-chart-preview>div {
	color: #8f9bb3
}

#fusion-report .p-redio {
	overflow: hidden
}

#pandora-fusion-report-domains {
	line-height: 52px
}

#fusion-report {
	padding: 40px 60px
}

#fusion-report .date-range {
	vertical-align: middle;
	display: inline-block;
	float: none
}

#fusion-report>.operate {
	position: relative;
	text-align: right;
	border-top: 1px solid #e6e9f0;
	padding: 20px;
	margin-top: 1px solid
}

#kodo-report .remove-border-top,
#mps-report .remove-border-top,
#ufop-report .remove-border-top {
	border-top: 0
}

.pili #create-hub .resource-body,
.pili #create-hub .resource-body .step .step-body .item-title {
	padding-left: 0
}

#fusion-report>.operate>.operate-waring {
	position: absolute;
	right: 0;
	bottom: -10px;
	color: #F7615E
}

#pandora-fusion-report-chart {
	position: relative;
	padding-top: 20px;
	min-height: 600px
}

#pandora-fusion-report-chart .chart {
	margin-top: 20px;
	height: 400px
}

#pandora-fusion-report-chart form {
	display: inline-block;
	font-size: 12px;
	padding-top: 30px;
	text-align: right
}

#pandora-fusion-report-chart form>span {
	color: #8f9bb3
}

#pandora-fusion-report-chart form>label {
	margin-left: 8px;
	font-weight: 400
}

#pandora-fusion-report-chart form:last-child {
	float: right
}

@media (max-width:1024px) {
	#dashboard .resource-body>ul.dashboard-block>li.dashboard-chart,
	#dashboard .resource-body>ul.dashboard-block>li.dashboard-content,
	#dashboard .resource-body>ul.dashboard-block>li.dashboard-title {
		width: 100%
	}
	#pandora-fusion-report-chart form {
		text-align: left
	}
}

@media (max-width:1200px) {
	#pandora-fusion-report-chart form {
		padding-top: 0;
		text-align: left;
		float: none
	}
	#pandora-fusion-report-chart form:last-child {
		padding-top: 30px;
		float: none
	}
}

#kodo-report .p-div-padding,
#mps-report .p-div-padding,
#ufop-report .p-div-padding {
	padding: 0
}

#pandora-fusion-report-chart .col-md-6,
#pandora-fusion-report-chart .col-sm-4,
#pandora-fusion-report-chart .row {
	margin: 0;
	padding: 0
}

#kodo-report .p-title-size {
	font-size: 32px
}

#kodo-report .p-title-mid-size {
	font-size: 24px
}

#kodo-report .p-chart-height {
	height: 220px
}

#kodo-report .p-loading-height {
	height: 400px
}

#kodo-report .p-title-small-size {
	font-size: 16px
}

#kodo-report .p-div-bottom-middle {
	margin-bottom: 40px
}

#kodo-report .p-div-bottom-min {
	margin-bottom: 10px
}

#kodo-report .p-div-left {
	margin-left: 20px
}

#kodo-report .p-div-margin {
	margin-right: 20px
}

#kodo-report .p-font-size-small {
	font-size: 12px;
	margin-top: 5px
}

#kodo-report .p-title-position {
	margin-top: 10px;
	font-size: 18px;
	text-align: center
}

#kodo-report .p-date-style {
	margin-top: 6px;
	border-bottom: 1px solid #e1e6f0
}

#kodo-report .p-img-height {
	height: 20px
}

.modal-detail form {
	width: 600px;
	margin: auto
}

#mps-report .p-div-left,
#ufop-report .p-div-left {
	margin-left: 20px
}

#mps-report .p-div-margin,
#ufop-report .p-div-margin {
	margin-right: 20px
}

.modal-detail .check-btn {
	width: 100%;
	margin-top: 5px
}

.modal-detail .recovery-btn {
	display: block;
	margin-top: 15px;
	text-align: left
}

#mps-report .p-title-size {
	font-size: 32px
}

#mps-report .p-div-span {
	float: left;
	width: 14%
}

#mps-report .p-title-mid-size {
	font-size: 26px
}

#mps-report .p-chart-height {
	height: 220px
}

#mps-report .p-loading-height {
	height: 400px
}

#mps-report .p-div-bottom-middle {
	margin-bottom: 40px
}

#mps-report .p-div-bottom-min {
	margin-bottom: 10px
}

#mps-report .p-font-size-small {
	font-size: 12px;
	margin-top: 5px
}

#mps-report .p-title-position {
	margin-top: 10px;
	font-size: 18px;
	text-align: center
}

#mps-report .p-date-style {
	margin-top: 6px;
	border-bottom: 1px solid #e1e6f0
}

#ufop-report .sub-tab {
	font-size: 12px
}

#ufop-report .p-chart-height {
	height: 220px
}

#ufop-report .p-div-bottom-middle {
	margin-bottom: 40px
}

#ufop-report .p-div-bottom-min {
	margin-bottom: 10px
}

#ufop-report .p-font-size-small {
	font-size: 12px;
	margin-top: 5px
}

#ufop-report .p-title-position {
	margin-top: 10px;
	font-size: 18px;
	text-align: center
}

#ufop-report .p-date-style {
	margin-top: 6px;
	border-bottom: 1px solid #e1e6f0
}

.pili #pili-agreement {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 9999999;
	overflow: auto;
	margin: auto;
	background: #fff
}

.pili #pili-agreement .agreement-title {
	font-size: 22px;
	text-align: center;
	color: #292c33
}

.pili #pili-agreement .content {
	max-width: 780px;
	margin: auto;
	color: #292c33
}

.pili #pili-agreement h5 {
	margin-top: 40px
}

.pili #pili-agreement p {
	max-width: 780px
}

.pili #hub-configuration .expiry-button-group {
	padding-top: 20px
}

.pili #hub-configuration .callbackURL-button-group {
	padding-top: 10px
}

.pili #hub-configuration .tip {
	color: #F7615E;
	margin-left: 18px;
	margin-top: 4px
}

.pili #create-hub .resource-body .pili-create-breadcrumb {
	margin-left: 60px
}

.pili #create-hub .resource-body .pili-create-breadcrumb .breadcrumb-step-before:after {
	height: 38px;
	width: 38px;
	top: 7px;
	right: -20px;
	display: block;
	z-index: 999;
	bottom: 0;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-left: 0!important;
	border-bottom: 0!important;
	background-color: #fff;
	position: absolute;
	border: 1px solid #dcdfe5
}

.pili #create-hub .resource-body .pili-create-breadcrumb .breadcrumb-step-before.active:after {
	background-color: #f0f7ff
}

.pili #create-hub .resource-body .pili-create-breadcrumb .breadcrumb-step {
	height: 55px;
	background-color: #FFF;
	text-align: center;
	background-size: contain;
	width: 25%;
	border: 1px solid #e6e9f0;
	position: relative
}

.pili #create-hub .resource-body .pili-create-breadcrumb .breadcrumb-step.active {
	background-color: #f0f7ff
}

.pili #create-hub .resource-body .pili-create-breadcrumb .breadcrumb-step.active .breadcrumb-desc {
	color: #238efa
}

.pili #create-hub .resource-body .pili-create-breadcrumb .breadcrumb-step .breadcrumb-desc {
	color: #7a8599;
	margin-top: 18px
}

.pili #create-hub .resource-body .pili-create-breadcrumb .first-crumb {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.pili #create-hub .resource-body .pili-create-breadcrumb .last-crumb {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.pili #create-hub .resource-body .step {
	display: none;
	margin: 0 auto 0 60px
}

.pili #create-hub .resource-body .step.active {
	display: block
}

.pili #create-hub .resource-body .step .step-body {
	padding-top: 40px;
	height: calc(100% - 70px);
	width: 100%;
	z-index: 0;
	overflow: auto
}

.pili #create-hub .resource-body .step .step-body .domain-protocol {
	font-size: 12px;
	background-color: #f5f7fa;
	border-radius: 4px;
	border: 1px solid #dcdfe5;
	width: 58px;
	height: 22px;
	padding-left: 0;
	text-align: center;
	padding-top: 2px;
	display: inline-block
}

.pili #create-hub .resource-body .step .step-body .ts-wrapper {
	background-color: #fff;
	border: 0
}

.pili #create-hub .resource-body .step .step-body .qi-info {
	padding-left: 2px
}

.pili #create-hub .resource-body .step .step-body .select-bc-bucket .select-addon {
	color: #7a8599;
	background-color: #f5f7fa;
	float: left;
	height: 42px;
	padding-top: 12px;
	width: 75px;
	padding-left: 8px;
	border-radius: 4px
}

.pili #create-hub .resource-body .step .step-body .select-bc-bucket select {
	float: left;
	width: 225px
}

.pili #create-hub .resource-body .step .step-body .select-bc-bucket .new-bucket {
	position: absolute;
	top: 50px
}

.pili #create-hub .resource-body .step .step-body .row {
	margin: 20px 60px 20px 0
}

.pili #create-hub .resource-body .step .change-step {
	left: 300px;
	position: fixed;
	bottom: 0;
	width: calc(100% - 300px);
	height: 70px;
	padding: 17px 100px 17px 65px;
	line-height: 36px;
	border-top: 1px solid #e6e9f0;
	background: #fff;
	z-index: 1;
	margin: auto
}

.pili #create-hub .resource-body .step .change-step .next-step-button {
	width: 100px
}

.pili #create-hub .resource-body .step .change-step .create-button {
	width: 120px
}

.pili #create-hub .resource-body .step4 .hub-infomation {
	margin-top: 10px
}

.pili #create-hub .resource-body .step4 .hub-infomation-hr {
	margin: 40px 0
}

.pili #create-hub .resource-body .step4 table {
	width: 100%;
	line-height: 40px
}

.pili #create-hub .resource-body .step4 table tr {
	border-bottom: 1px solid #f0f3fa
}

.pili #create-hub .resource-body .step4 table tr td:first-child {
	width: 36%;
	font-weight: 500
}

.pili #create-hub .resource-body .step4 table tr td:first-child.v2-domain {
	width: 100%
}

.pili #create-hub .resource-body .step4 table tr td:first-child.v2-domain .cname {
	font-weight: 400
}

.pili #create-hub .resource-body .step4 table .domain,
.pili #hub-index table thead,
.pili .domain-wrapper .domain-type,
.pili .expire {
	font-weight: 500
}

.pili #create-hub .resource-body .step4 table.important-domain {
	margin-top: 20px
}

.pili #create-hub .resource-body .step4 table.not-important-domain {
	margin-top: 10px
}

.pili #create-hub .resource-body .step4 .domain-desc {
	margin: 36px 0 20px
}

.pili #create-hub .resource-body .step4 .cname-desc {
	margin-top: 0!important
}

.pili #create-hub .resource-body .step4 button {
	margin-top: -29px;
	right: 0;
	width: 74px;
	height: 30px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #f5f7fa;
	border: 1px solid #dcdfe5;
	color: #7a8599
}

.pili #create-hub .resource-body .step4 .folder {
	border-top: 1px solid #e6e9f0
}

.pili #create-hub .resource-body .step4 .check {
	width: 53px;
	height: 24px;
	border-radius: 24px;
	font-size: 12px;
	line-height: 24px!important;
	padding: 0;
	margin-left: 10px
}

.pili #create-hub .ts-blank {
	width: 12px;
	display: inline-block
}

.pili #create-hub .cname-card {
	padding-bottom: 0;
	margin: 0
}

.pili #create-hub .cname-card .card-status,
.pili #create-hub .cname-card .card-status p {
	margin: 0
}

.pili .help-block {
	color: #F7615E
}

.pili .expiry-desc {
	padding-top: 6px
}

.pili .domain-wrapper .col-md-3,
.pili .domain-wrapper .col-md-9 {
	padding: 0
}

.pili .domain-wrapper .domain-display {
	line-height: 20px
}

.pili .domain-wrapper .domain-display .type {
	padding-left: 8px
}

.pili .domain-wrapper .domain-display .type i {
	width: 30px;
	padding-left: 4px
}

.pili .snapshot-interval-wrapper .snap-desc {
	font-weight: 500;
	margin-right: 10px
}

.pili .snapshot-interval-wrapper .snapshot-interval {
	display: inline-block;
	clear: both
}

.pili .snapshot-interval-wrapper .snapshot-interval .period-input {
	position: relative;
	color: #525866;
	width: 84px;
	display: inline-block
}

.pili .snapshot-interval-wrapper .snapshot-interval .period-input .period-unit {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -13px
}

.pili .snapshot-interval-wrapper .snapshot-interval .help-block {
	margin-left: 10px
}

.pili .expire {
	clear: both;
	padding-top: 30px
}

.pili .expiry-delete {
	color: #F7615E!important
}

.pili .expiry-range-form .col-xs-2,
.pili .expiry-range-form .col-xs-6 {
	padding: 0
}

.pili .expiry-range-form .col-xs-4 {
	padding-left: 10px
}

.pili .expiry-range-form .period-input {
	position: relative!important;
	color: #525866;
	display: inline-block!important
}

.pili .expiry-range-form .period-input .period-unit {
	position: absolute!important;
	right: 10px;
	top: 50%;
	margin-top: -13px!important
}

.pili .expiry-range-form .range {
	padding-top: 12px
}

.pili .expiry-range-form .range>span {
	vertical-align: top
}

.pili .expiry-range-form .range .range-bar {
	min-width: 100px
}

.pili .expiry-button-group {
	clear: both
}

.pili #new-bucket .modal-item {
	width: 960px;
	margin: auto
}

.pili #new-bucket .bucket-name-input {
	margin-left: 12px
}

.pili #new-bucket .bc-doc {
	clear: both;
	font-size: 12px
}

.pili #new-bucket .hr-region {
	margin-top: 14px
}

.pili-unbind-modal {
	max-width: 640px;
	margin: auto;
	word-break: break-all;
	word-wrap: break-word
}

.pili #hub-index table tbody tr:first-of-type td {
	border-top: 0!important
}

.pili #hub-index table thead {
	color: #7a8599;
	border-bottom: 1px solid #e6e9f0
}

.pili #hub-index .domain-table {
	margin-top: 15px
}

.pili #hub-index .domain-table td {
	border-bottom: 1px solid #e6e9f0;
	padding-left: 2%
}

.pili #hub-index .domain-table .domain {
	padding-left: 0
}

.pili #hub-index .domain-table .type {
	width: 12%
}

.pili #hub-index .domain-table .type p {
	line-height: 20px;
	margin-top: 0
}

.pili #hub-index .domain-table .domain-status {
	width: 90px;
	padding-left: 1%;
	cursor: pointer;
	color: #fff;
	font-size: 12px
}

.pili #hub-index .domain-table .domain-status .cname-copy>div>.cname-value-display,
.pili #hub-index .domain-table .domain-status .cname-value {
	color: #525866
}

.pili #hub-index .domain-table .domain-status svg {
	height: 21px
}

.pili #hub-index .domain-table .domain-status .normal-state {
	background-color: #26ad58
}

.pili #hub-index .domain-table .domain-status .abnormal-state {
	background-color: #fa0
}

.pili #hub-index .domain-table .domain-status .cname-wrapper {
	width: 88px;
	height: 20px;
	border-radius: 4px;
	text-align: center
}

.pili #hub-index .domain-table .domain-status .cname-card {
	position: absolute;
	width: 200px;
	height: 20px;
	background-color: red;
	display: none
}

.pili #hub-index .domain-table .domain-status .cname-card.active {
	display: block
}

.pili #hub-index .domain-table .domain-status .cname-copy {
	padding-top: 2px;
	position: relative
}

.pili #hub-index .domain-table .domain-status .cname-copy>div {
	line-height: 20px;
	padding: 10px;
	display: none;
	width: 280px;
	position: absolute;
	background: #fff;
	bottom: 30px;
	left: -120px;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.pili #hub-index .domain-table .domain-status .cname-copy>div>.title {
	font-weight: 600;
	color: #525866
}

.pili #hub-index .domain-table .domain-status .cname-copy>div>button {
	margin-top: 10px;
	border-radius: 14px;
	height: 28px;
	line-height: 28px
}

.pili #hub-index .domain-table .domain-status .cname-copy>div::after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 50%;
	z-index: 500;
	background-color: #fff;
	bottom: -6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border: 1px solid rgba(0, 0, 0, .15);
	border-left: 0;
	border-top: 0
}

.qcos-lb-warmup-group .timeline-spot,
.qcos-lb-warmup-group .timeline-start:before {
	-webkit-transform: translateX(-50%) translateY(-50%);
	line-height: 1em;
	position: absolute
}

.pili #hub-index .domain-table .domain-status .cname-copy>div.active {
	display: block;
	z-index: 9999
}

.pili #hub-index .domain-table .unbind {
	width: 28px;
	padding-left: 0
}

.pili #hub-index .domain-table.v2-table .cname,
.pili #hub-index .domain-table.v2-table .domain {
	width: 36%
}

.pili #hub-index .dropdown-wrapper {
	width: 320px;
	height: 120px;
	right: 0;
	left: -240px
}

.pili #hub-index .table-v1 .domain-type {
	margin-bottom: 8px
}

.pili #hub-index .table-v1 td {
	padding: 8px
}

.pili #hub-index .table-v1 .protocol-wrapper {
	padding-left: 0;
	width: 60px
}

.pili #hub-index .table-v1 .protocol-wrapper .protocol {
	font-size: 12px;
	background-color: #f5f7fa;
	border-radius: 4px;
	border: 1px solid #dcdfe5;
	width: 58px;
	height: 22px;
	text-align: center;
	padding-top: 3px
}

.pili #hub-index .table-v1 .domain {
	width: 52%
}

.pili #hub-index .table-v1 hr {
	margin: 0
}

.pili #hub-index .info-table {
	margin-top: 20px
}

.pili #hub-index .info-table td {
	border: 0;
	padding-top: 0
}

.pili #hub-index .info-table td:first-child {
	color: #7a8599;
	width: 30%
}

.pili #create-stream .convertType {
	width: 32%
}

.preview-tooltip {
	left: auto!important;
	right: 300px;
	max-width: 350px;
	margin-right: -5px;
	padding-right: 5px
}

.preview-tooltip .ellipsis-line-clamp {
	overflow: hidden;
	display: -webkit-box
}

.preview-tooltip .playerDisplay {
	margin: auto
}

.preview-tooltip .mejs-controls {
	width: 480px
}

.preview-tooltip>.tooltip-arrow {
	border-left-color: #e6e9f0!important;
	border-width: 5px!important
}

.preview-tooltip>.tooltip-arrow::after {
	position: absolute;
	content: ' ';
	top: 50%;
	right: 0;
	margin-top: -5px;
	margin-right: -4px;
	border: 5px solid transparent;
	border-left-color: #fff;
	z-index: 100
}

.preview-tooltip.bottom {
	margin-top: -76px
}

.preview-tooltip.bottom>.tooltip-arrow {
	border-bottom-color: transparent!important;
	left: auto;
	right: -10px;
	top: 51px
}

.preview-tooltip>.tooltip-inner {
	width: 514px;
	height: 458px;
	background-color: #fff;
	border: 1px solid #e1e6f0;
	color: #292c33;
	box-shadow: 0 0 30px rgba(0, 0, 0, .08);
	max-width: none
}

.preview-tooltip .preview-wrapper {
	padding: 12px 27px 12px 7px;
	margin-right: -20px
}

.preview-tooltip .preview-img {
	max-width: 100%;
	max-height: 210px
}

.preview-tooltip .img-wrapper {
	height: 288px;
	width: 480px;
	line-height: 210px;
	border: 1px solid transparent;
	margin: -1px 0 -1px 1px;
	overflow: hidden;
	background: #000
}

.preview-tooltip .img-wrapper qn-loading svg {
	margin-top: 100px
}

.preview-tooltip .detail {
	color: #8f9bb3
}

.preview-tooltip .detail p {
	margin: 10px 0 8px;
	word-break: break-all;
	text-align: left
}

.preview-tooltip .detail p .left {
	float: left;
	display: inline-block
}

.preview-tooltip .detail p .right {
	margin-left: 72px;
	display: block
}

.pili #stream-console {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.pili #stream-console .stream-list {
	overflow: hidden;
	position: relative;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 300px;
	min-width: 260px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	box-shadow: inset -1px 0 0 #e6e9f0
}

.pili #stream-console .stream-list>header {
	position: relative;
	padding: 30px 20px 0;
	height: 134px;
	min-height: 134px
}

.pili #stream-console .stream-list>header>i {
	position: absolute;
	left: 20px;
	top: 40px;
	z-index: 999;
	width: 20px;
	height: 20px
}

.pili #stream-console .stream-list>header>input {
	display: inline-block;
	width: 130px;
	height: 36px
}

.pili #stream-console .stream-list>header>button {
	display: inline-block;
	width: 96px;
	height: 36px;
	font-weight: 500
}

.pili #stream-console .stream-list>header>section {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid #e6e9f0;
	border-left: 1px solid #e6e9f0;
	border-right: 1px solid #e6e9f0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	position: absolute;
	height: 35px;
	width: 256px;
	bottom: 0;
	line-height: 35px;
	text-align: center
}

.pili #stream-console .stream-list>header>section>nav {
	font-weight: 500;
	border-right: 1px solid #e6e9f0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-color: #F8FAFC
}

.pili #stream-console .stream-list>header>section>nav:last-child {
	border-right: 0
}

.pili #stream-console .stream-list>header>section>nav.active {
	color: #238efa;
	background-color: #fff;
	margin-bottom: -1px
}

.pili #stream-console .stream-list>main {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 134px;
	border-top: 1px solid #e6e9f0
}

.pili #stream-console .stream-list>main .scroller {
	overflow: hidden;
	height: 100%;
	position: relative
}

.pili #stream-console .stream-list>main .scroller ul {
	overflow-x: hidden;
	position: relative;
	padding: 0;
	margin: 0
}

.pili #stream-console .stream-list>main .scroller ul>li {
	overflow: hidden;
	height: 40px;
	cursor: pointer;
	list-style: none;
	margin: 0;
	text-align: center;
	position: relative
}

.pili #stream-console .stream-list>main .scroller ul>li>span {
	padding-right: 10px;
	overflow: hidden;
	white-space: normal;
	height: 40px;
	margin-left: 46px;
	display: inline-block;
	line-height: 40px;
	width: 250px;
	text-align: left;
	text-overflow: ellipsis
}

.pili #stream-console .stream-list>main .scroller ul>li>span>i {
	margin-right: 5px;
	font-size: 10px
}

.pili #stream-console .stream-list>main .scroller ul>li>div {
	display: block;
	height: 200px;
	width: 50px;
	background-color: red;
	position: absolute;
	right: 0;
	top: 0
}

.pili #stream-console .stream-list>main .scroller ul>li.active {
	margin-right: -1px;
	padding-left: 0;
	border-bottom: 1px solid #e6e9f0;
	border-top: 1px solid #e6e9f0;
	background-color: #fff
}

.pili #stream-console .stream-list>main .scroller ul>li.active.no-top {
	border-top: 1px solid #fff
}

.pili #stream-console .stream-list>main .scroller ul>li.active>span {
	z-index: 999;
	color: #238efa
}

.pili #stream-console .stream-list>main .scroller ul>li.active>span:before {
	left: 20px;
	top: 15px;
	position: absolute;
	color: #238efa;
	content: "";
	width: 6px;
	height: 6px;
	background-color: #238efa;
	display: inline-block;
	border-radius: 6px
}

.pili #stream-console .stream-list .qi-search {
	position: absolute;
	left: 29px;
	top: 41px;
	width: 12px;
	font-size: 12px;
	color: #b8becc
}

.pili #stream-console .stream-list .search-input {
	width: 150px;
	padding-left: 30px!important
}

.pili #stream-console .stream-list .add-stream {
	width: 88px;
	margin-right: 0
}

.pili #stream-console .stream-detail {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 50px 60px;
	overflow-y: auto;
	overflow-x: hidden
}

.pili .wide-tooltip {
	word-wrap: break-word
}

#stream-detail .graph {
	padding: 40px 0 0
}

#stream-detail .graph .row,
#stream-detail .graph .row .col-md-6 {
	padding: 0
}

#stream-detail .p-div-bottom-min {
	margin-bottom: 32px
}

#stream-detail .p-div-margin {
	margin-right: 20px
}

#stream-detail .p-title-mid-size {
	font-size: 24px
}

#stream-detail .pili-statistics-display-table {
	width: 100%
}

#stream-detail .pili-statistics-display-table td {
	width: 25%
}

#stream-detail .url {
	word-wrap: break-word;
	word-break: break-all
}

#stream-detail .convert .convertType {
	width: 32%
}

#stream-detail .convert .save-btn-group {
	margin-top: 6px
}

#stream-detail .disable .disableDescription {
	float: left!important;
	margin-top: 4px!important
}

#stream-detail .disable .datePicker {
	float: left!important
}

#stream-detail .disable .disableSave,
#stream-detail .getDataFailed,
#stream-detail qn-loading {
	clear: both
}

#stream-detail .selectDate {
	padding-bottom: 20px
}

.stream-details .toolbar {
	overflow: hidden
}

#stream-list table {
	width: 100%;
	color: #525866
}

#stream-list table tr:last-child {
	border-bottom: 1px solid #f0f3fa
}

#stream-list table td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#stream-list .search {
	width: 240px;
	margin-right: 10px
}

#stream-list .search .form-control {
	height: 34px
}

#stream-list .search .qi-search {
	position: absolute;
	top: 9px;
	left: 14px;
	width: 12px;
	font-size: 12px;
	color: #8f9bb3
}

#stream-list .search-inline {
	display: inline-block
}

#stream-list .infinite-scroll {
	display: block;
	text-align: center
}

#stream-list #ifSearch {
	margin: auto
}

#pili-welcome h5 {
	margin: 60px 0 0
}

#pili-welcome .welcome-pili {
	width: 100%;
	margin-top: 20px
}

#pili-welcome .pili-desc {
	padding: 0 6px
}

#pili-welcome .card-status {
	height: 40px;
	width: 100%;
	margin-bottom: 40px;
	text-align: center;
	margin-top: 28px
}

#pili-welcome .card-status p {
	margin: -10px auto auto
}

#pili-welcome .apply-title {
	margin-top: 30px
}

#pili-welcome .apply-hr {
	margin-top: 8px
}

#pili-welcome .error-message {
	color: #F7615E;
	margin-top: 4px
}

#pili-welcome .checkbox-label>span,
#pili-welcome .radio-label>span {
	color: #525866
}

#pili-welcome .radio-label {
	font-weight: 500
}

#pili-welcome .radio-label input[type=radio] {
	margin-right: 10px
}

#pili-welcome .block-inline {
	display: inline-block;
	width: 150px
}

#pili-welcome .block-inline:last-of-type {
	margin-right: 0
}

#pili-welcome .checkbox-label {
	font-weight: 500
}

#pili-welcome .checkbox-label input[type=checkbox] {
	margin-right: 10px
}

#pili-welcome .agree {
	margin-top: 8px
}

.pili #pili-docs {
	max-width: 780px;
	margin: auto
}

.pili #pili-docs .status-box {
	width: 100%;
	height: 110px;
	text-align: center;
	background-color: #f4f7f9;
	border-radius: 4px;
	border: 1px solid #dde5eb;
	padding: 24px 20px 0;
	color: #547e9a;
	margin-bottom: 80px
}

.pili #pili-docs .status-box.failed {
	background-color: #faebeb;
	height: 170px;
	color: #e55c5c
}

.pili #pili-docs .status-box.failed p {
	margin-bottom: 4px
}

.pili #pili-docs .status-box.failed .retry {
	margin-top: 6px
}

.pili #pili-docs .status-box.notApplyed {
	padding-top: 30px
}

.pili #pili-docs .status-box.success {
	height: 140px;
	color: #67c23a;
	background-color: #ebf5e6
}

.pili #pili-docs .status-box .status {
	font-size: 22px;
	font-weight: 500
}

.pili #pili-docs .status-box p {
	margin: auto;
	padding-top: 8px
}

.pili #pili-docs .status-box .start-pili {
	display: block;
	margin: 20px auto auto
}

.pili #pili-docs .desc-medium {
	font-weight: 500
}

.pili #pili-docs .title {
	margin-top: 50px
}

.pili #pili-docs .title-hr {
	margin-bottom: 32px
}

.pili #pili-docs .pic-hr {
	margin: 28px 0
}

.pili #pili-docs .img-wrapper img {
	width: 75%!important
}

.pili #pili-docs .sdk-wrapper img {
	width: 50%
}

.pili #pili-docs .sdk-wrapper p {
	margin-left: 10%
}

.pili #pili-docs .pili-pic-doc {
	width: 100%
}

.pili #pili-docs .pili-pic-doc.pic-2 {
	padding-top: 40px;
	padding-bottom: 90px
}

.pili #pili-docs .api {
	text-align: center;
	margin-top: 50px
}

.pili #pili-docs .sdk-wrapper {
	max-width: 80%;
	margin: 50px auto 90px
}

.pili #pili-docs .sdk-wrapper .pili-sdk {
	text-align: center
}

.pili #pili-docs .pili-api {
	margin-top: 70px
}

.pili #pili-docs .qi-next {
	font-size: 8px;
	padding-left: 6px
}

#create-service .input-group {
	max-width: 300px
}

#create-service .spec-json {
	position: fixed;
	top: 60px
}

#create-service .spec-json .nav.nav-tabs {
	margin-bottom: 20px
}

#create-service .spec-json pre {
	width: 380px;
	height: 500px;
	overflow: auto
}

#create-service .collapse-color {
	background-color: #f5f7fa
}

#qcos-gates tr>td {
	vertical-align: middle
}

#qcos-service #gates-card .port {
	width: 30%
}

#qcos-service #gates-card .type {
	width: 25%
}

#qcos-service #pod-list .progress {
	margin-bottom: 0
}

.qcos-service-loadbalance legend {
	margin-bottom: 40px;
	line-height: 2em
}

.qcos-service-loadbalance legend a {
	font-size: 14px
}

.qcos-service-loadbalance fieldset {
	margin-bottom: 40px
}

.qcos-service-loadbalance .control-label {
	padding-top: 12px
}

.qcos-service-loadbalance .form-control,
.qcos-service-loadbalance .help-block {
	max-width: none;
	margin-right: 0
}

.qcos-service-loadbalance p.form-control-static {
	margin: 0;
	line-height: 42px;
	padding: 0
}

.qcos-service-loadbalance .proto-port-block,
.qcos-service-loadbalance .upstream-name-block {
	padding-left: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.qcos-service-loadbalance .proto-input {
	-ms-flex-preferred-size: 80%;
	flex-basis: 80%;
	width: 80%
}

.qcos-service-loadbalance .pod-name,
.qcos-service-loadbalance .pod-selector {
	-ms-flex-preferred-size: 90%;
	flex-basis: 90%;
	width: 90%
}

.qcos-service-loadbalance .remove-pod-btn,
.qcos-service-loadbalance .remove-proto-btn {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center;
	line-height: 42px
}

.qcos-service-loadbalance .next-upstream-selector {
	max-width: none;
	width: auto;
	float: none
}

.qcos-service-loadbalance toggle-btn.form-control {
	border: none;
	padding: 8px 12px
}

.qcos-service-loadbalance .has-suffix,
.qcos-service-loadbalance .has-suffix-inline {
	position: relative
}

.qcos-service-loadbalance .has-suffix .form-control,
.qcos-service-loadbalance .has-suffix-inline .form-control {
	padding-right: 40px
}

.qcos-service-loadbalance .has-suffix .form-control~.suffix,
.qcos-service-loadbalance .has-suffix-inline .form-control~.suffix {
	position: absolute;
	right: 15px;
	width: 40px;
	text-align: center;
	line-height: 42px;
	top: 0
}

.qcos-service-loadbalance .has-suffix-inline .form-control~.suffix {
	right: 0
}

.qcos-service-loadbalance .upstream-group {
	border-bottom: solid 1px #e6e9f0;
	padding-bottom: 20px;
	margin-bottom: 38px
}

.qcos-service-loadbalance .upstream-group .pod-selector {
	max-width: none;
	width: auto;
	float: none;
	margin-right: 0
}

.qcos-service-loadbalance .upstream-group .pod-selector .form-control.ui-select-toggle {
	width: 100%
}

.qcos-lb-warmup-group {
	position: relative
}

.qcos-lb-warmup-group .timeline-spot {
	top: 21px;
	left: calc(30% + 1px);
	transform: translateX(-50%) translateY(-50%);
	background-color: #fff
}

.qcos-lb-warmup-group:before {
	content: "";
	position: absolute;
	height: 100%;
	top: 0;
	left: 30%;
	width: 2px;
	background-color: #e6e9f0
}

.qcos-lb-warmup-group .timeline-start {
	padding-right: calc(100% - 30% + 20px);
	text-align: right
}

.qcos-lb-warmup-group .timeline-start:before {
	content: "";
	height: 12px;
	width: 12px;
	border-radius: 6px;
	border: 2px solid #e6e9f0;
	top: 21px;
	left: calc(30% + 1px);
	transform: translateX(-50%) translateY(-50%);
	background-color: #fff
}

.qcos-lb-warmup-group .timeline-end:before {
	display: inline-block;
	content: ""
}

.qcos-lb-warmup-group .warmup {
	position: relative;
	margin-bottom: 15px;
	line-height: 42px
}

.qcos-lb-warmup-group .warmup .tiemline-left,
.qcos-lb-warmup-group .warmup .tiemline-right {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: top
}

.qcos-lb-warmup-group .warmup .tiemline-left .warmup-inline,
.qcos-lb-warmup-group .warmup .tiemline-right .warmup-inline {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 200px
}

.qcos-lb-warmup-group .warmup .tiemline-left .text-label,
.qcos-lb-warmup-group .warmup .tiemline-right .text-label {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0
}

.qcos-lb-warmup-group .warmup .tiemline-left {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: calc(30% - 20px)
}

.qcos-lb-warmup-group .warmup .tiemline-left .text-label {
	padding-left: 10px
}

.qcos-lb-warmup-group .warmup .tiemline-right {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-left: 40px;
	width: calc(100% - 30% + 20px)
}

.qcos-lb-warmup-group .warmup .tiemline-right .text-label {
	padding-right: 10px
}

.qcos-lb-warmup-group .warmup .warmup-op-btn {
	position: absolute;
	top: 21px;
	left: calc(30% + 1px);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-color: #fff;
	line-height: 1em
}

resource-limit .resource-list {
	list-style: none;
	padding: 0
}

resource-limit .resource-list>li {
	margin: 10px
}

resource-limit .resource-list>li .resource {
	position: relative;
	padding: 5px;
	border-radius: 4px;
	height: 68px;
	border: 1px solid #e6e9f0
}

resource-limit .resource-list>li .resource:hover {
	background-color: #e8e8e8
}

resource-limit .resource-list>li p {
	margin: 0 5px
}

resource-limit .resource-list>li .icon-radio-check {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 0 0 2px
}

resource-limit .resource-list>li .current-resource {
	border-color: #238efa
}

resource-limit .resource-list>li .custom-resource {
	margin-top: 18px
}

porcess-setter .collapse-color {
	background-color: #f5f7fa
}

repo-selector .nav.nav-tabs {
	margin-bottom: 20px
}

repo-selector .repo-list {
	list-style: none;
	padding: 0
}

repo-selector .repo-list>li {
	margin: 10px
}

repo-selector .repo-list>li .repo {
	position: relative;
	width: 200px;
	height: 60px;
	border-radius: 4px;
	border: 1px solid #e8e8e8
}

repo-selector .repo-list>li .repo:hover {
	background-color: #e8e8e8
}

repo-selector .repo-list>li .repo>div .icon {
	float: left;
	border: 1px solid #e8e8e8;
	border-radius: 100%;
	margin-left: 15px
}

repo-selector .repo-list>li .repo>div .icon-docker {
	background-image: url(https://o4jiepyc4.qnssl.com/static/images/docker.9ef0c93b.png);
	background-size: 40px 40px;
	width: 40px;
	height: 40px
}

repo-selector .repo-list>li .repo>div h6 {
	margin-bottom: 0;
	margin-left: 65px;
	overflow-x: hidden
}

repo-selector .repo-list>li .repo>div p {
	margin-top: 0;
	margin-left: 65px
}

repo-selector .repo-list>li .repo .icon-radio-check {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 0 0 2px
}

repo-selector .repo-list>li .current-repo {
	border-color: #238efa
}

repo-selector .repo-list>li .btn-show-total-repos {
	border-radius: 100%;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	width: 40px;
	height: 40px;
	margin-top: 10px;
	padding: 3px
}

#term {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

#term .term-nav {
	height: 32px;
	border-bottom: 1px solid #e6e9f0
}

#term .term-nav .term-id {
	line-height: 32px;
	padding: 0 12px
}

#term .term-nav .term-options {
	padding: 0;
	list-style: none;
	float: right
}

#term .term-nav .term-options li {
	font-size: 12px;
	float: left;
	line-height: 32px;
	height: 32px;
	padding: 0 12px;
	border-left: 1px solid #e6e9f0;
	cursor: pointer
}

#term .term-nav .term-options li:hover {
	background-color: #e6e9f0
}

#term .term-wrapper {
	position: absolute;
	top: 37px;
	right: 4px;
	bottom: 4px;
	left: 4px
}

#term .terminal div,
#term .terminal span {
	font-family: monospace;
	font-size: 12px
}

#term .disconnect {
	position: fixed;
	top: 33px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#term .disconnect .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: rgba(255, 255, 255, .8)
}

.progress-panel {
	border-top: 2px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	background-color: #fafafa
}

.process-gray-upgrade-body {
	margin-left: 40px;
	margin-right: 40px
}

.progress-control .info {
	overflow: hidden
}

.progress-control h3 {
	font-size: 16px;
	margin: 0 0 30px;
	font-weight: 600
}

.progress-control .version-info {
	position: relative;
	width: 180px;
	border: 1px solid #d8d8d8;
	border-bottom-width: 2px;
	padding: 12px 8px;
	margin-bottom: 20px;
	border-left: 3px solid;
	background-color: #fff
}

.progress-control .version-info h4 {
	margin: 0 0 8px;
	font-size: 14px
}

.progress-control .version-info h4 .updated-at {
	color: #aaa;
	float: right
}

.progress-control .version-info .percent-num {
	font-size: 20px
}

.progress-control .version-info .instance-num {
	margin-bottom: 12px;
	height: 34px;
	line-height: 34px;
	vertical-align: bottom
}

.progress-control .version-info .instance-num span {
	display: inline-block;
	height: 34px;
	line-height: 34px
}

.progress-control .version-info .instance-num .num {
	font-size: 16px
}

.progress-control .version-info .instance-num .new-num {
	font-size: 24px
}

.progress-control .version-info::before {
	content: ' ';
	position: absolute;
	bottom: -20px;
	border: 10px solid transparent;
	border-top-color: #d8d8d8
}

.progress-control .version-info::after {
	content: ' ';
	position: absolute;
	bottom: -18px;
	border: 10px solid transparent;
	border-top-color: #fff
}

.progress-control .version-info.lastest {
	border-left-color: #19AE54
}

.progress-control .version-info.lastest::after,
.progress-control .version-info.lastest::before {
	left: 10px
}

.progress-control .version-info.standard {
	border-left-color: #5bc0de
}

.progress-control .version-info.standard::after,
.progress-control .version-info.standard::before {
	right: 10px
}

.progress-control .progress {
	margin-bottom: 0;
	height: 25px;
	background-color: #5bc0de
}

.progress-control .progress .progress-bar {
	-webkit-transition: none;
	transition: none;
	background: #ccc;
	border-color: transparent
}

.progress-control .progress .progress-bar.progress-bar-success {
	background: #5ebd5e;
	border-color: transparent
}

.progress-control .progress .progress-bar.progress-bar-success:hover {
	background: #43a543
}

.progress-control .progress .progress-bar.progress-bar-info {
	background: #5bc0de;
	border-color: transparent
}

.progress-control .progress .progress-bar.progress-bar-info:hover {
	background: #31b0d5
}

.progress-control .progress .progress-bar-1 {
	background: #ccc
}

.progress-control .progress .progress-bar-1:hover {
	background: #b3b3b3
}

.progress-control .progress .progress-bar-2 {
	background: #bbb
}

.progress-control .progress .progress-bar-2:hover {
	background: #a2a2a2
}

.progress-control .progress .progress-bar-3 {
	background: #aaa
}

.progress-control .progress .progress-bar-3:hover {
	background: #919191
}

.progress-control .progress .progress-bar-4 {
	background: #999
}

.progress-control .progress .progress-bar-4:hover {
	background: grey
}

.progress-control .progress .progress-bar-5 {
	background: #888
}

.progress-control .progress .progress-bar-5:hover {
	background: #6f6f6f
}

.progress-control .progress .progress-bar-6 {
	background: #777
}

.progress-control .progress .progress-bar-6:hover {
	background: #5e5e5e
}

.progress-control .progress .progress-bar-7 {
	background: #666
}

.progress-control .progress .progress-bar-7:hover {
	background: #4d4d4d
}

.progress-control .progress .progress-bar-8 {
	background: #555
}

.progress-control .progress .progress-bar-8:hover {
	background: #3b3b3b
}

.progress-control .progress .progress-bar-9 {
	background: #444
}

.progress-control .progress .progress-bar-9:hover {
	background: #2b2b2b
}

.progress-control .slider-handler {
	height: 66px
}

.progress-control .slider-handler [ui-slider] {
	background: 0 0;
	position: relative
}



.progress-control .slider-handler [ui-slider] .ui-slider-handle::before {
	background: 0 0
}

.progress-control .slider-handler .confirm-btns {
	position: relative;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .6);
	float: left;
	padding: 2px 4px;
	top: 40px
}

.progress-control .slider-handler .confirm-btns a {
	color: #fff;
	padding: 6px;
	font-size: 16px
}

.progress-control .slider-handler .confirm-btns:hover {
	background: rgba(51, 51, 51, .6)
}

.progress-control .slider-handler .confirm-btns::after {
	content: ' ';
	position: absolute;
	left: 50%;
	top: -8px;
	border: 4px solid transparent;
	border-bottom-color: rgba(0, 0, 0, .6);
	margin-left: -4px
}

.progress-control .slider-handler .confirm-btns-left {
	margin-left: -25px
}

.progress-control .slider-handler .confirm-btns-center-rollback {
	margin-left: -50px
}

.progress-control .slider-handler .confirm-btns-center-gray,
.progress-control .slider-handler .confirm-btns-right {
	margin-left: -65px
}

.progress-control .version-list {
	margin: 46px 20px 20px;
	min-height: 188px;
	padding: 10px 26px 0;
	border: 1px solid #d8d8d8;
	background-color: #fff;
	font-size: 13px;
	box-shadow: 0 0 2px
}

.progress-control .version-list tbody .progress-row-0:hover,
.progress-control .version-list tbody .progress-row-1:hover,
.progress-control .version-list tbody .progress-row-2:hover,
.progress-control .version-list tbody .progress-row-3:hover,
.progress-control .version-list tbody .progress-row-5:hover,
.progress-control .version-list tbody .progress-row-6:hover,
.progress-control .version-list tbody .progress-row-7:hover,
.progress-control .version-list tbody .progress-row-8:hover,
.progress-control .version-list tbody .progress-row-9:hover {
	background-color: #eee
}

.progress-control .version-list .diffs {
	width: 0;
	position: relative;
	padding: 0
}

.progress-control .version-list tbody {
	font-size: 12px
}

.progress-control .version-list tbody .progress-row-0 {
	border-left-color: #ddd
}

.progress-control .version-list tbody .progress-row-1 {
	border-left-color: #ccc
}

.progress-control .version-list tbody .progress-row-2 {
	border-left-color: #bbb
}

.progress-control .version-list tbody .progress-row-3 {
	border-left-color: #aaa
}

.progress-control .version-list tbody .progress-row-4 {
	border-left-color: #999
}

.progress-control .version-list tbody .progress-row-4:hover {
	background-color: #eee
}

.progress-control .version-list tbody .progress-row-5 {
	border-left-color: #888
}

.progress-control .version-list tbody .progress-row-6 {
	border-left-color: #777
}

.progress-control .version-list tbody .progress-row-7 {
	border-left-color: #666
}

.progress-control .version-list tbody .progress-row-8 {
	border-left-color: #555
}

.progress-control .version-list tbody .progress-row-9 {
	border-left-color: #444
}

.progress-control .version-list tbody tr {
	border-left: 3px solid #000;
	cursor: pointer
}

.progress-control .version-list tbody tr td {
	padding: 6px 8px
}

.progress-control .version-list tbody tr:first-child {
	border-left-color: #5ebd5e
}

.progress-control .version-list tbody tr:last-child {
	border-left-color: #5bc0de!important
}

.progress-control .diff-info {
	display: none;
	background-color: #fff8dd;
	border: 1px solid #d8d8d8;
	position: absolute;
	padding: 10px;
	left: -410px;
	top: -100px;
	width: 400px
}

.progress-control .diff-info h5 {
	font-size: 14px;
	font-weight: 600
}

.progress-control .diff-info table tr {
	border: none;
	background-color: #fff8dd
}

.progress-control .diff-info table tr td {
	min-width: 100px;
	max-width: 150px;
	word-break: break-all
}

.progress-control .diff-info table tr td:first-child {
	font-weight: 600
}

hosts-setter table.table tbody>tr,
mounts-setter table.table tbody>tr,
volumes-creator table.table tbody>tr {
	height: 75px
}

hosts-setter table.table tbody>tr:nth-of-type(even) input,
hosts-setter table.table tbody>tr:nth-of-type(even) select,
hosts-setter table.table tbody>tr:nth-of-type(odd) input,
hosts-setter table.table tbody>tr:nth-of-type(odd) select,
mounts-setter table.table tbody>tr:nth-of-type(even) input,
mounts-setter table.table tbody>tr:nth-of-type(even) select,
mounts-setter table.table tbody>tr:nth-of-type(odd) input,
mounts-setter table.table tbody>tr:nth-of-type(odd) select,
volumes-creator table.table tbody>tr:nth-of-type(even) input,
volumes-creator table.table tbody>tr:nth-of-type(even) select,
volumes-creator table.table tbody>tr:nth-of-type(odd) input,
volumes-creator table.table tbody>tr:nth-of-type(odd) select {
	height: 36px
}

hosts-setter table.table tbody>tr:nth-of-type(even),
mounts-setter table.table tbody>tr:nth-of-type(even),
volumes-creator table.table tbody>tr:nth-of-type(even) {
	background-color: #fafbfc
}

hosts-setter table.table tbody>tr:nth-of-type(even) input:disabled,
hosts-setter table.table tbody>tr:nth-of-type(even) select:disabled,
mounts-setter table.table tbody>tr:nth-of-type(even) input:disabled,
mounts-setter table.table tbody>tr:nth-of-type(even) select:disabled,
volumes-creator table.table tbody>tr:nth-of-type(even) input:disabled,
volumes-creator table.table tbody>tr:nth-of-type(even) select:disabled {
	background-color: #fafbfc;
	border-color: #fafbfc;
	cursor: default
}

hosts-setter table.table tbody>tr:nth-of-type(odd) input:disabled,
hosts-setter table.table tbody>tr:nth-of-type(odd) select:disabled,
mounts-setter table.table tbody>tr:nth-of-type(odd) input:disabled,
mounts-setter table.table tbody>tr:nth-of-type(odd) select:disabled,
volumes-creator table.table tbody>tr:nth-of-type(odd) input:disabled,
volumes-creator table.table tbody>tr:nth-of-type(odd) select:disabled {
	background-color: #fff;
	border-color: #fff;
	cursor: default
}

hosts-setter table.table tbody>tr:nth-of-type(odd) select:disabled,
mounts-setter table.table tbody>tr:nth-of-type(odd) select:disabled,
volumes-creator table.table tbody>tr:nth-of-type(odd) select:disabled {
	-webkit-appearance: none;
	-moz-appearance: none
}

hosts-setter table.table tbody>tr:nth-of-type(odd) select:disabled ::-ms-expand,
mounts-setter table.table tbody>tr:nth-of-type(odd) select:disabled ::-ms-expand,
volumes-creator table.table tbody>tr:nth-of-type(odd) select:disabled ::-ms-expand {
	display: none
}

hosts-setter table.table thead,
mounts-setter table.table thead,
volumes-creator table.table thead {
	background-color: #f5f7fa
}

hosts-setter table.table tbody td,
hosts-setter table.table tbody th,
hosts-setter table.table thead td,
hosts-setter table.table thead th,
mounts-setter table.table tbody td,
mounts-setter table.table tbody th,
mounts-setter table.table thead td,
mounts-setter table.table thead th,
volumes-creator table.table tbody td,
volumes-creator table.table tbody th,
volumes-creator table.table thead td,
volumes-creator table.table thead th {
	width: 20%;
	vertical-align: middle;
	padding-left: 1%;
	padding-right: 1%
}

hosts-setter table.table .add-delete,
mounts-setter table.table .add-delete,
volumes-creator table.table .add-delete {
	float: right;
	margin-right: 5px
}

hosts-setter table.table .add-delete .btn,
mounts-setter table.table .add-delete .btn,
volumes-creator table.table .add-delete .btn {
	margin-left: 0
}

#third-party-ufop-resource [role=button] {
	outline: 0
}

#third-party-ufop-resource .summary-content {
	margin-bottom: 10px
}

#third-party-ufop-resource .summary-content img {
	width: 100px;
	margin-right: 40px
}

#third-party-ufop-resource .summary-content .summary-item {
	margin-right: 30px;
	color: #666f80;
	vertical-align: middle
}

#third-party-ufop-resource .summary-content .summary-item .qi {
	margin-right: 10px;
	vertical-align: middle
}

#third-party-ufop-resource .files-content .search {
	width: 240px
}

#third-party-ufop-resource .files-content .search .search-input-wrapper {
	position: relative;
	height: 36px;
	padding: 0 18px 0 40px;
	border-radius: 999px;
	border: 1px solid #dde1eb
}

#third-party-ufop-resource .files-content .search .qi-search {
	position: absolute;
	top: 9px;
	left: 14px;
	width: 12px;
	font-size: 12px;
	color: #8f9bb3
}

#third-party-ufop-resource .files-content .search input {
	width: 100%;
	border: none;
	padding: 8px 1px;
	background-color: transparent;
	outline: 0
}

#third-party-ufop-resource .files-content .file-list {
	margin-top: 30px
}

#third-party-ufop-resource .files-content .file-list .table th {
	color: #7a8599;
	font-weight: 500;
	border-color: #e1e6f0;
	border-width: 1px
}

#third-party-ufop-resource .files-content .file-list .table td {
	border-color: #ebf0fa
}

#third-party-ufop-resource .files-content .file-list .table td,
#third-party-ufop-resource .files-content .file-list .table th {
	word-wrap: break-word;
	word-break: break-all
}

#third-party-ufop-resource .files-content .file-list .table .checkbox-td {
	width: 32px;
	text-align: center
}

#third-party-ufop-resource .files-content .file-list .table .file-td {
	max-width: 180px
}

#third-party-ufop-resource .files-content .file-list .table .mime-td {
	max-width: 120px
}

#third-party-ufop-resource .files-content .file-list thead {
	height: 41px
}

#third-party-ufop-resource .files-content .file-list thead .file-name {
	display: inline-block;
	height: 19px;
	margin-right: 30px;
	vertical-align: top;
	max-width: 260px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

#third-party-ufop-resource .files-content .file-list thead .file-op {
	display: inline-block;
	height: 19px;
	margin-left: 30px;
	vertical-align: top
}

#third-party-ufop-resource .files-content .file-list thead .file-op .qi {
	margin-right: 6px
}

#third-party-ufop-resource .files-content .file-list thead .file-op .qi span,
#third-party-ufop-resource .files-content .file-list thead .file-op .qi::before {
	vertical-align: top
}

.hljs {
	display: block;
	overflow-x: auto;
	padding: .5em;
	background: #3f3f3f;
	-webkit-text-size-adjust: none
}

.clojure .hljs-attribute,
.css .hljs-class,
.css .hljs-id,
.hljs-keyword,
.hljs-request,
.hljs-status,
.hljs-tag,
.lisp .hljs-title,
.nginx .hljs-title {
	color: #e3ceab
}

.django .hljs-filter .hljs-argument,
.django .hljs-template_tag,
.django .hljs-variable {
	color: #dcdcdc
}

.hljs-date,
.hljs-number {
	color: #8cd0d3
}

.apache .hljs-sqbracket,
.dos .hljs-envvar,
.dos .hljs-stream,
.hljs-name,
.hljs-variable {
	color: #efdcbc
}

.diff .hljs-change,
.dos .hljs-flow,
.hljs-literal,
.python .exception,
.python .hljs-built_in,
.tex .hljs-special {
	color: #efefaf
}

.diff .hljs-chunk,
.hljs-subst {
	color: #8f8f8f
}

.apache .hljs-tag,
.diff .hljs-header,
.dos .hljs-keyword,
.hljs-decorator,
.hljs-prompt,
.hljs-title,
.hljs-type,
.nginx .hljs-built_in,
.ruby .hljs-class .hljs-parent,
.tex .hljs-command {
	color: #efef8f
}

.dos .hljs-winutils,
.ruby .hljs-string,
.ruby .hljs-symbol,
.ruby .hljs-symbol .hljs-string {
	color: #dca3a3
}

.apache .hljs-cbracket,
.coffeescript .hljs-attribute,
.css .hljs-rule .hljs-value,
.diff .hljs-deletion,
.hljs-attr_selector,
.hljs-built_in,
.hljs-pragma,
.hljs-preprocessor,
.hljs-pseudo,
.hljs-string,
.hljs-tag .hljs-value,
.smalltalk .hljs-array,
.smalltalk .hljs-class,
.smalltalk .hljs-localvars,
.tex .hljs-formula {
	color: #cc9393
}

.diff .hljs-addition,
.hljs-annotation,
.hljs-comment,
.hljs-doctype,
.hljs-pi,
.hljs-shebang {
	color: #7f9f7f
}

.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .css,
.xml .hljs-cdata,
.xml .javascript,
.xml .vbscript {
	opacity: .5
}

.hljs,
.hljs-subst,
.hljs-tag .hljs-title,
.nginx .hljs-title {
	color: #efef8f
}

.markdown-content {
	font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
	font-weight: 400;
	line-height: 1.8
}

.markdown-content pre,
.markdown-content pre code,
.markdown-content pre code span {
	font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace
}

.markdown-content .hljs {
	line-height: 1.5
}

.markdown-content h2.toc {
	padding: 0;
	margin: 10px 0
}

.markdown-content h1 {
	font-size: 24px;
	font-weight: 400;
	color: #555
}

.markdown-content h1.markdown-id {
	border-bottom: 1px solid #e2e2e2;
	margin: 30px 0 20px;
	padding: 0 0 5px
}

.markdown-content h2 {
	color: #31373b;
	font-size: 18px
}

.markdown-content h2.markdown-id {
	margin-top: 20px;
	padding: 0;
	font-weight: 400
}

.markdown-content h3 {
	text-indent: 5px;
	font-weight: 700;
	font-size: 14px;
	color: #666
}

.markdown-content h4 {
	color: #404040;
	text-indent: 5px;
	font-weight: 400;
	font-size: 12px
}

.markdown-content div,
.markdown-content ol,
.markdown-content p,
.markdown-content pre,
.markdown-content ul {
	margin: 20px;
	color: #575757;
	line-height: 1.8
}

.markdown-content div,
.markdown-content li,
.markdown-content p {
	font-size: 14px
}

.markdown-content ol {
	padding-left: 24px;
	list-style-type: decimal
}

.markdown-content ul {
	list-style: disc;
	padding-left: 24px
}

.markdown-content ul ul {
	list-style: circle
}

.markdown-content ul ul ul {
	list-style: square
}

.markdown-content li {
	margin: 6px 0
}

.markdown-content li p {
	margin: 5px 0
}

.markdown-content li blockquote,
.markdown-content li pre {
	margin-left: -24px
}

.markdown-content a {
	color: #3bc2a9
}

.markdown-content a :focus,
.markdown-content a:hover {
	border-bottom: 1px dotted #238efa;
	color: #3bc2a9
}

.markdown-content hr {
	margin: 20px auto;
	padding-left: 24px
}

.markdown-content table {
	border: 1px solid #e6e6e6;
	margin: 20px 0 0 24px;
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 96.1%;
	width: 96.1%
}

.markdown-content table thead td,
.markdown-content table thead th {
	background-color: #fafafa;
	text-align: center;
	white-space: nowrap;
	padding: 10px
}

.markdown-content table caption,
.markdown-content table td,
.markdown-content table th {
	padding: 10px 8px;
	border: 1px solid #e6e6e6;
	text-align: left;
	vertical-align: middle;
	line-height: 21px
}

.markdown-content table caption p,
.markdown-content table td p,
.markdown-content table th p {
	margin: 0
}

.markdown-content table td:last-child {
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	width: auto
}

.markdown-content table tbody tr:nth-child(even) {
	background: #f3f3f3
}

.markdown-content table tbody tr:nth-child(odd) {
	background-color: #f9f9f9
}

.markdown-content table tbody tr:hover {
	background-color: #f5f5f5
}

.markdown-content table tbody td code {
	white-space: normal
}

.markdown-content table caption {
	border-bottom: none
}

.markdown-content pre {
	display: block;
	padding: 12.5px;
	font-size: 12px;
	line-height: 18px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: #515151;
	border-left: 5px solid #3bc2a9;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
	border-radius: 5px
}

.markdown-content pre code {
	font-size: 12px;
	padding: 0;
	color: #eee;
	white-space: pre;
	white-space: pre-wrap;
	background-color: transparent;
	border: 0;
	margin: auto 3px;
	box-shadow: none
}

.markdown-content blockquote {
	padding: 6px;
	border: 1px solid #faebcc;
	page-break-inside: avoid;
	background-color: #fcf8e3;
	color: #8a6d3b
}

.markdown-content blockquote p {
	margin: 0
}

.markdown-content code {
	padding: 2px 4px;
	color: #fafffb;
	background-color: #F88962;
	border-radius: 2px;
	margin: auto 3px;
	white-space: normal;
	font-size: 12px;
	box-shadow: 2px 2px 0 rgba(55, 55, 55, .3)
}

.markdown-content img[alt] {
	max-width: 60%;
	box-shadow: 0 0 15px rgba(0, 0, 0, .35)
}

.markdown-content .center {
	text-align: center
}

#thirdparty .table {
	margin-top: 0
}

#thirdparty .table tbody .ticket-provider-name,
#thirdparty .table tbody .ticket-title {
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#thirdparty .table tbody .id {
	width: 10%
}

#thirdparty .table tbody .title {
	width: 25%
}

#thirdparty .table tbody .created-at,
#thirdparty .table tbody .status {
	width: 20%
}

#thirdparty .table tbody .provider {
	width: 25%
}

#thirdparty .table tbody .ticket {
	font-size: 12px
}

#thirdparty-fopauth .table thead tr td {
	border-top: 0;
	border-bottom: 1px solid #e1e6f0
}

#thirdparty-fopauth .table tbody tr td {
	border-top: 0;
	border-bottom: 0
}

#thirdparty-support .ticket-info {
	margin-top: 20px
}

#thirdparty-support .comment {
	margin-top: 30px
}

#thirdparty-support .comment .avatar {
	display: inline-block
}

#thirdparty-support .comment .avatar img {
	width: 50px;
	border-radius: 50%
}

#thirdparty-support .comment .comment-content,
#thirdparty-support .comment .comment-input {
	vertical-align: top;
	margin-left: 20px;
	width: 84%;
	display: inline-block
}

#thirdparty-support .comment .comment-content {
	padding-bottom: 30px;
	border-bottom: 1px solid #e1e6f0
}

#thirdparty-support .comment .comment-input .textarea {
	padding: 5px;
	border: 1px solid #e1e6f0;
	width: 100%;
	max-width: 100%;
	height: 160px;
	overflow-y: auto
}

#thirdparty-support .comment .comment-input .textarea:focus {
	outline: 0
}

.financial-bill-detail .qi {
	width: 22px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px
}

.financial-bill-detail label {
	font-weight: 500;
	max-width: 90px;
	height: 42px;
	line-height: 42px
}

.statement-box {
	background-color: #fff;
	padding-top: 30px;
	max-width: 1000px
}

.statement-box ul {
	list-style-type: none;
	padding-left: 0
}

.statement-box .month-statement {
	color: #323232
}

.statement-box .month-statement .bill-header {
	font-size: 18px;
	padding: 10px 0 20px;
	border-bottom: 1px solid #DDD;
	overflow: hidden
}

.statement-box .month-statement .bill-header .bill-title,
.statement-box .month-statement .bill-header .total-price {
	line-height: 28px
}

.statement-box .month-statement .bill-header span,
.statement-box .month-statement .bill-header strong {
	line-height: 1em;
	vertical-align: bottom
}

.statement-box .month-statement .bill-header .icon-logo-small {
	margin-right: 10px
}

.statement-box .month-statement .bill-summary-info {
	padding: 17px 0;
	overflow: hidden;
	color: #585858;
	line-height: 18px
}

.statement-box .month-statement .bill-details {
	overflow: hidden
}

.statement-box .month-statement .bill-details table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse
}

@media (max-width:1160px) {
	.statement-box .month-statement .bill-details table td,
	.statement-box .month-statement .bill-details table th {
		padding-left: 18px
	}
}

.statement-box .month-statement .bill-details .summary-details {
	width: 50%;
	float: left
}

.statement-box .month-statement .bill-details .summary-details th {
	background-color: #06a7e1;
	color: #fff;
	line-height: 27px;
	padding-left: 18px
}

.statement-box .month-statement .bill-details .summary-details td {
	padding: 10px 10px 10px 18px
}

.statement-box .month-statement .bill-details .summary-details td:nth-child(2),
.statement-box .month-statement .bill-details .summary-details th:nth-child(2) {
	text-align: right
}

.statement-box .month-statement .bill-details .bill-detail-body,
.statement-box .month-statement .bill-details .bill-detail-head {
	float: left;
	width: 50%;
	padding: 0 20px
}

.statement-box .month-statement .bill-details .bill-detail-body:nth-child(2),
.statement-box .month-statement .bill-details .bill-detail-head:nth-child(2) {
	margin-right: 0
}

@media (max-width:1160px) {
	.statement-box .month-statement .bill-details .bill-detail-body,
	.statement-box .month-statement .bill-details .bill-detail-head {
		width: 100%;
		float: none
	}
}

.statement-box .month-statement .bill-details .bill-detail-head {
	line-height: 27px;
	color: #fff;
	background-color: #06a7e1;
	z-index: 2;
	position: relative
}

.statement-box .month-statement .bill-details .bill-detail-head .t-1st {
	width: 220px
}

.statement-box .month-statement .bill-details .bill-detail-head .t-3rd {
	width: 119px
}

.statement-box .month-statement .bill-details .bill-detail-head .t-4th {
	width: 76px;
	text-align: right
}

@media (max-width:1160px) {
	.statement-box .month-statement .bill-details .bill-detail-head .t-1st,
	.statement-box .month-statement .bill-details .bill-detail-head .t-3rd,
	.statement-box .month-statement .bill-details .bill-detail-head .t-4th {
		width: initial
	}
	.statement-box .month-statement .bill-details .bill-detail-head:nth-child(2) {
		display: none
	}
}

.statement-box .month-statement .bill-details .bill-detail-body {
	padding-bottom: 12px;
	line-height: 20px
}

.statement-box .month-statement .bill-details .bill-detail-body.clear-left {
	clear: left
}

.statement-box .month-statement .bill-details .bill-detail-body th {
	text-align: left;
	font-weight: 700;
	padding-top: 18px
}

.statement-box .month-statement .bill-details .bill-detail-body th .order {
	display: inline-block;
	margin-left: -17px;
	text-align: center;
	line-height: 14px;
	width: 14px;
	color: #fff;
	background-color: #06a7e1;
	border-radius: 14px
}

.statement-box .month-statement .bill-details .bill-detail-body td {
	color: #787878;
	font-size: 11px;
	vertical-align: top
}

.statement-box .month-statement .bill-details .bill-detail-body .t-1st {
	width: 220px
}

.statement-box .month-statement .bill-details .bill-detail-body .t-3rd {
	width: 119px
}

.statement-box .month-statement .bill-details .bill-detail-body .t-4th {
	width: 76px;
	text-align: right
}

.statement-box .month-statement .bill-details .bill-detail-body .line {
	border-bottom: 1px solid #f0f0f0
}

.statement-box .month-statement .bill-details .bill-detail-body .time-range td {
	padding-bottom: 6px;
	color: #bebebe;
	text-align: left;
	white-space: nowrap
}

.statement-box .month-statement .bill-total-price,
.statement-box .month-statement .group-total-price {
	padding: 10px 15px;
	line-height: 16px
}

.statement-box .month-statement .bill-total-price .price-line,
.statement-box .month-statement .group-total-price .price-line {
	max-width: none;
	text-align: right;
	margin: 0
}

.statement-box .month-statement .bill-total-price .label-total,
.statement-box .month-statement .bill-total-price .value,
.statement-box .month-statement .group-total-price .label-total,
.statement-box .month-statement .group-total-price .value {
	display: inline-block;
	text-align: right
}

.statement-box .month-statement .bill-total-price .label-total,
.statement-box .month-statement .group-total-price .label-total {
	width: 200px
}

.statement-box .month-statement .bill-total-price .value,
.statement-box .month-statement .group-total-price .value {
	width: 130px
}

.statement-box .month-statement .group-total-price {
	background-color: #f0f0f0;
	margin-bottom: 30px;
	margin-top: 10px;
	padding-top: 30px;
	text-align: right
}

.statement-box .month-statement .bill-total-price {
	background-color: #c8c8c8
}

.statement-box .month-snapshot {
	margin-top: 50px
}

.statement-box .month-snapshot .bill-snapshot {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	color: #787878;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #e6e6e6
}

.statement-box .month-snapshot .bill-snapshot .snapshot-header {
	text-align: left;
	font-size: 16px;
	color: #fff;
	background-color: #585858;
	padding: 0 20px
}

.financial-bill-summary table td,
.financial-bills .bills-body table td,
.financial-bills .bills-body table th {
	padding: 15px 8px!important
}

.statement-box .month-snapshot .bill-snapshot .formula-row {
	background-color: #f0f0f0
}

.statement-box .month-snapshot .bill-snapshot .value-row {
	line-height: 46px
}

@media print {
	body {
		bottom: initial;
		overflow: auto
	}
	#support-tab {
		display: none
	}
	.month-statement,
	.month-statement .bill-header span,
	.month-statement .bill-header strong {
		color: #323232!important
	}
	.month-statement .bill-summary-info li {
		color: #585858!important
	}
	.month-statement .bill-details .bill-detail-head {
		background-color: #06a7e1!important
	}
	.month-statement .bill-details .bill-detail-head td {
		color: #FFF!important
	}
	.month-statement .bill-details .bill-detail-body th {
		color: #323232!important
	}
	.month-statement .bill-details .bill-detail-body th .order {
		color: #FFF!important;
		background-color: #06a7e1!important
	}
	.month-statement .bill-details .bill-detail-body td {
		color: #787878!important
	}
	.month-statement .bill-details .bill-detail-body .time-range td {
		color: #bebebe!important
	}
	.bill-total-price {
		background-color: #f0f0f0!important
	}
	.bill-total-price .total-detail,
	.month-snapshot .bill-snapshot {
		color: #787878!important
	}
	.month-snapshot .bill-snapshot .snapshot-header {
		color: #fff!important;
		background-color: #585858!important
	}
	.month-snapshot .bill-snapshot .formula-row {
		background-color: #f0f0f0!important
	}
}

.print-mode {
	margin: 0 auto;
	width: 947px
}

.financial-bills {
	min-height: 500px
}

.financial-bills label {
	font-weight: 500;
	height: 42px;
	line-height: 42px
}

.financial-bills .qi {
	width: 22px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px
}

.financial-bills .bills-body table {
	margin-bottom: 50px
}

.financial-bills .range-datetimepicker-container .pickerBody {
	left: 0;
	right: initial
}

.financial-bills .range-datetimepicker-container label {
	line-height: initial
}

.financial-bill-summary .page-title {
	margin-bottom: 50px!important;
	min-width: 200px
}

.financial-bill-summary .accountSelect {
	float: left;
	top: -22px;
	margin-left: 15px
}

@media (min-width:768px) {
	.financial-bill-summary .accountSelect {
		float: right;
		top: 7px
	}
}

#financial-price .sec-body td:before,
.price-modal .sec-body td:before {
	height: 72px;
	top: 28px;
	border-left: 1px solid #e6e9f0;
	content: ''
}

.financial-bill-summary .sub-title {
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 20px
}

.financial-bill-summary .right-link {
	float: right;
	margin-top: 12px
}

.financial-bill-summary table {
	margin-bottom: 50px
}

.financial-bill-summary table.no-margin-bottom {
	margin-bottom: 0
}

.financial-bill-summary .radio-group label {
	margin-right: 10px
}

.financial-bill-summary .radio-group input[type=radio] {
	margin-left: 8px;
	margin-top: 0;
	margin-right: 5px
}

.financial-bill-summary .radio-group .radio-label {
	color: #525866;
	font-weight: 500;
	font-size: 12px
}

.financial-bill-summary .radio-group input[type=radio]:checked+.radio-label {
	color: #238efa
}

.price-modal {
	width: 80%;
	min-width: 760px;
	margin: auto
}

.price-modal .inline {
	display: inline
}

.price-modal .price-modal-title {
	font-size: 22px;
	margin-top: -5px
}

.price-modal .free-allowance-tips {
	margin: 0;
	text-align: center;
	max-width: initial;
	font-size: 15px;
	line-height: 33px
}

.price-modal .area-title {
	margin: 43px 0 13px;
	font-size: 16px;
	color: #3d424c;
	font-weight: 500
}

.price-modal .sec-body {
	color: #666f80;
	margin: 20px 0 0;
	border-top: 1px solid #e6e9f0;
	border-bottom: 1px solid #e6e9f0;
	width: 100%
}

.price-modal .sec-body td {
	text-align: center;
	padding: 28px 10px;
	position: relative
}

.price-modal .sec-body td:before {
	display: block;
	width: 0;
	position: absolute;
	left: 0
}

.price-modal .amount-table,
.price-modal .center-block {
	width: 100%
}

.price-modal .sec-body td:first-of-type:before {
	display: none
}

.price-modal .sec-body p {
	margin-top: 0;
	margin-bottom: 20px;
	line-height: 1em
}

.price-modal .sec-body h3 {
	margin: 0;
	font-weight: 400;
	display: inline-block;
	color: #292c33
}

.price-modal .amount-table tr {
	border-bottom: solid 1px #EBF0FA
}

.price-modal .amount-table th {
	padding: 6px 0 10px;
	color: #7a8599
}

.price-modal .amount-table td {
	padding: 10px 0;
	color: #525866
}

.price-modal .close-modal-btn {
	color: #7a8599
}

#financial-price .big-font-size .nav-tabs {
	font-size: 16px
}

#financial-price .big-font-size .nav-tabs li:before {
	-webkit-transform: scale(.5);
	transform: scale(.5);
	left: 2px;
	display: inline-block
}

#financial-price .big-font-size .nav-tabs li a {
	color: #b8becc
}

#financial-price .big-font-size .nav-tabs li.active a {
	color: #292c33
}

#financial-price table.table ul {
	margin: 0;
	padding: 0
}

#financial-price table.table ul>li {
	list-style-type: none;
	padding: 5px 0
}

#financial-price table.table td {
	vertical-align: initial;
	padding: 15px 0;
	line-height: 2em
}

#financial-price table.table td:first-child {
	color: #525866;
	font-weight: 700
}

#financial-price table.table td .tips {
	max-width: 150px;
	font-weight: 400;
	color: #7a8599;
	font-size: 12px;
	line-height: 1.8em
}

#financial-price .block-overview {
	min-width: 820px
}

#financial-price .block-overview section {
	margin-top: 60px
}

#financial-price .block-overview .inline {
	display: inline-block
}

#financial-price .block-overview .inline h3 {
	margin: 0;
	font-weight: 400
}

#financial-price .block-overview .sec-title,
#financial-price .block-overview h3 {
	color: #292c33;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 20px
}

#financial-price .block-overview .sec-title .btn,
#financial-price .block-overview h3 .btn {
	line-height: normal
}

#financial-price .block-overview .text-danger {
	color: #F7615E
}

#financial-price .sec-body {
	color: #666f80;
	margin: 20px 0 0;
	border-top: 1px solid #e6e9f0;
	border-bottom: 1px solid #e6e9f0;
	width: 100%
}

#financial-price .sec-body td {
	text-align: center;
	padding: 28px 10px;
	position: relative
}

#financial-price .sec-body td:before {
	display: block;
	width: 0;
	position: absolute;
	left: 0
}

.my-coupon .body,
.my-coupon .title {
	border-left: 1px solid #e7c991;
	border-right: 1px solid #e7c991
}

#financial-price .sec-body td:first-of-type:before {
	display: none
}

#financial-price .sec-body p {
	margin-top: 0;
	margin-bottom: 20px;
	line-height: 1em
}

#financial-price .popover-content {
	max-height: 220px;
	max-width: 200px;
	overflow-y: auto;
	overflow-x: auto
}

.my-coupon {
	float: left;
	width: 240px;
	background: #fffbf2;
	margin: 0 20px 20px 0;
	text-align: center;
	overflow: hidden
}

.my-coupon .body,
.my-coupon .title {
	position: relative;
	padding: 20px
}

.my-coupon .title {
	border-top: 1px solid #e7c991;
	border-radius: 4px 4px 0 0;
	border-bottom: 1px dashed #e7c991
}

.my-coupon .title .title-word {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.my-coupon .title::after,
.my-coupon .title::before {
	position: absolute;
	z-index: 10;
	content: '';
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 1px solid #e7c991;
	background: #fff
}

.my-coupon .title::before {
	left: -15px;
	bottom: -15px
}

.my-coupon .title::after {
	right: -15px;
	bottom: -15px
}

.my-coupon .time,
.my-coupon .title {
	color: #e7c991
}

.my-coupon .body {
	border-bottom: 1px solid #e7c991;
	border-radius: 0 0 4px 4px
}

#financial-invoice .table tr:last-child,
#invoice-apply .apply-message,
#invoice-apply table tr:last-child {
	border-bottom: 1px solid #f0f3fa
}

.my-coupon .body .desc {
	position: relative;
	color: #fda929;
	height: 120px
}

.my-coupon .body .desc .word {
	line-height: 1.5em;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.my-coupon .body .time {
	position: relative;
	padding: 20px 0 0;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.my-coupon .body .time::before {
	content: '';
	width: 60px;
	height: 1px;
	background: #e7c991;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -5px
}

#invoice-apply table th {
	padding: 15px 8px
}

#invoice-apply .apply-message {
	padding: 26px 0;
	margin-bottom: 36px
}

#invoice-apply .apply-message .key-item {
	line-height: 40px
}

#invoice-apply .apply-message .form-control {
	width: 250px
}

#financial-invoice .page-tip p {
	margin-top: 0
}

#financial-invoice .table td {
	padding: 6px 0
}

.financial-overview {
	width: 80%;
	min-width: 820px
}

.financial-overview .overview-content section {
	margin-top: 80px
}

.financial-overview .overview-content section .sec-title,
.financial-overview .overview-content section h3 {
	color: #3d424d
}

.financial-overview .overview-content section .cost-tops {
	font-size: 14px;
	color: #878D9A;
	margin-left: 10px
}

.financial-overview .overview-content section .text-danger {
	color: #F7615E
}

.financial-overview .overview-content section .sec-body {
	color: #666f80;
	margin-top: 20px
}

.financial-overview .overview-content .my-financial {
	padding: 15px 0;
	margin: 0;
	border-top: 1px solid #e6e9f0;
	border-bottom: 1px solid #e6e9f0
}

.financial-overview .overview-content .my-financial h3,
.financial-overview .overview-content .my-financial p {
	line-height: 1em
}

.financial-overview .overview-content .my-financial p {
	margin-bottom: 20px
}

.financial-overview .overview-content .my-financial>div {
	padding-left: 60px;
	border-left: 1px solid #e6e9f0
}

.financial-overview .overview-content .my-financial>div:first-of-type {
	padding-left: 0;
	border-left: 0
}

.financial-overview .gaea-progress .progress-title {
	line-height: 1em;
	margin-bottom: 10px;
	max-width: 400px
}

.financial-overview .gaea-progress .progress-title .progress-value {
	color: #333;
	font-weight: 500
}

.financial-overview .gaea-progress .progress-body {
	max-width: 400px
}

.financial-overview .gaea-progress .progress-body .progress {
	min-width: 200px;
	height: 8px;
	border-radius: 4px;
	background-color: #ebf0fa
}

.financial-overview .financial-table tr th {
	color: #7a8599;
	padding: 0
}

.financial-overview .financial-table tr td,
.financial-overview .financial-table tr th {
	height: 45px
}

.financial-overview .financial-table .circle {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 15px
}

.recharge-confirm .icon {
	display: inline-block;
	vertical-align: top;
	margin-top: -6px
}

.recharge-confirm .recharge-success {
	text-align: center;
	color: #19AE54;
	font-size: 20px;
	font-weight: 400
}

.recharge-confirm .recharge-success .qi-success {
	font-size: 40px;
	display: block;
	line-height: 1em;
	margin-bottom: 15px
}

.recharge-confirm .recharge-success .qi-success:before {
	vertical-align: top
}

.recharge-confirm .modal-footer {
	text-align: center;
	font-size: 0
}

.recharge-confirm .modal-footer .btn {
	width: 120px
}

.recharge-confirm .modal-footer .btn.btn-cancel {
	margin-left: 20px
}

.recharge-confirm .pay_form {
	display: inline-block
}

.recharge-modal .recharge-modal-line {
	margin: 0 auto;
	width: 300px;
	line-height: 1em;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #e6e9f0;
	text-align: left
}

.recharge-modal .recharge-modal-line:after,
.recharge-modal .recharge-modal-line:before {
	content: " ";
	display: table
}

.recharge-modal .recharge-modal-line:after {
	clear: both
}

.recharge-modal .recharge-modal-line .recharge-modal-content {
	float: right
}

.financial-recharge .page-tip p {
	margin: 0
}

.financial-recharge .page-tip a {
	margin-left: 5px;
	margin-right: 5px
}

.financial-recharge .recommend-line .recommend-item p {
	margin: 0 0 15px;
	color: #878D9A
}

.financial-recharge .recommend-line .symbol {
	font-size: 24px;
	height: 63px;
	line-height: 63px
}

.financial-recharge .form-group {
	border-bottom: solid 1px #e6e9f0;
	padding-bottom: 40px;
	margin-bottom: 40px
}

.financial-recharge .form-group:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.financial-recharge .form-group .control-label {
	text-align: left
}

.financial-recharge .form-control-static {
	margin-top: 0;
	line-height: 1.428em;
	padding-bottom: 0;
	min-height: auto
}

.financial-recharge .paytype-line {
	padding-bottom: 30px
}

.financial-recharge .paytype-line ul {
	margin-bottom: 0;
	padding-left: 0;
	font-size: 0
}

.financial-recharge .paytype-line .control-label {
	margin-top: 6px;
	margin-bottom: 20px
}

.financial-recharge .payamount-line .control-label,
.financial-recharge .reward-line .control-label {
	margin-top: 4px
}

.financial-recharge .paytype-line .col-sm-3 {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px
}

.financial-recharge .paytype-line .radio-button {
	display: block;
	font-size: 0;
	cursor: pointer
}

.financial-recharge .paytype-line .radio-button .text-block {
	width: 117px;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	padding-left: 5px
}

.financial-recharge .paytype-line .radio-button .icon {
	display: inline-block;
	vertical-align: top
}

.financial-recharge .payamount-line .amount-wrapper {
	position: relative
}

.financial-recharge .payamount-line .amount-wrapper .unit {
	position: absolute;
	right: 12px;
	top: 12px
}

.financial-recharge .payamount-line .amount-wrapper input {
	max-width: none;
	padding-right: 35px
}

.financial-recharge .payamount-line .reward-link {
	padding-top: 9px
}

.financial-recharge .reward-line .btn-reward {
	height: 42px;
	margin-top: 10px;
	display: block;
	width: 100%
}

@media (min-width:768px) {
	.financial-recharge .paytype-line .col-sm-3 {
		margin-bottom: 20px
	}
	.financial-recharge .payamount-line .amount-wrapper {
		max-width: 300px
	}
	.financial-recharge .reward-line .btn-reward {
		margin-top: 0;
		display: inline-block;
		width: auto
	}
}

.financial-recharge .reward-line input {
	max-width: none
}

.financial-recharge .btn-recharge {
	display: block;
	width: 100%
}

@media (min-width:768px) {
	.financial-recharge .reward-line input {
		max-width: 300px
	}
	.financial-recharge .btn-recharge {
		display: inline-block;
		width: auto
	}
}

.recharge-transfer-modal table {
	margin-bottom: 30px
}

.recharge-transfer-modal table td {
	border-top: solid 1px #ddd!important;
	padding: 8px!important
}

.recharge-transfer-modal .rechargeTips {
	margin: 0 auto;
	width: 340px;
	padding: 20px 15px 0;
	font-size: 12px;
	text-align: left;
	color: #F7615E
}

.recharge-transfer-modal .rechargeTips ul {
	padding-left: 25px;
	line-height: 28px
}

.recharge-transfer-modal .btn-confirm {
	margin: auto;
	display: block
}

.financial-recharge-verify .page-tip,
.financial-recharge-verify .recharge-info {
	margin-top: 50px
}

.financial-recharge-verify .recharge-info .icon {
	display: inline-block;
	vertical-align: top
}

.financial-recharge-verify .verify-line {
	font-size: 0
}

.financial-recharge-verify .verify-line .btn {
	margin-right: 10px
}

.financial-recharge-verify .page-tip h6 {
	font-size: 14px;
	margin-bottom: 15px
}

.financial-recharge-verify .page-tip ol {
	padding-left: 20px
}

.financial-voucher .form-input {
	max-width: 300px;
	position: relative;
	display: inline-block
}

.financial-voucher .form-input .verify-code {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 64px;
	height: 25px
}

.financial-voucher .form-input .verify-code img {
	width: 100%
}

.financial-voucher .q-item {
	margin-bottom: 20px
}

.financial-voucher .q-item .item-title {
	max-width: 180px;
	height: 42px;
	line-height: 42px
}

.financial-voucher .q-item .item-title label {
	max-width: 180px;
	color: #8f9bb3;
	padding-top: 0
}

.financial-voucher .q-item .item-body {
	margin-bottom: 0
}

.financial-voucher .form-control {
	display: inline-block
}

.financial-voucher .voucher-btn {
	height: 42px;
	padding: 0 22px
}

.financial-voucher .voucher-table {
	width: 80%;
	min-width: 920px;
	margin-top: 56px
}

.financial-voucher .voucher-table h6 {
	font-size: 16px;
	margin-bottom: 30px
}

.financial-voucher .voucher-table table td {
	padding: 15px 8px
}

.signin form {
	margin: 50px auto;
	width: 300px
}

.signin form .form-group {
	margin-bottom: 20px
}

.signin form input.form-control {
	border-color: #e1e6f0
}

.signin form .signin-btn {
	width: 100%;
	line-height: 42px;
	margin-top: 10px;
	font-size: 14px
}

.signin form .local-captcha-group {
	position: relative
}

.signin form .local-captcha-group .captcha-image {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 32px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.signin form .password-group {
	position: relative
}

.signin form .password-group input.form-control {
	padding-right: 96px
}

.signin form .password-group.has-error .forget-password-btn,
.signin form .password-group.has-error .forget-password-btn:active,
.signin form .password-group.has-error .forget-password-btn:hover {
	border-color: #F7615E
}

.signin form .password-group .forget-password-btn {
	position: absolute;
	right: 0;
	top: 0;
	height: 42px;
	border-color: #e1e6f0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	line-height: 42px;
	padding-right: 10px
}

.signin form .password-group .forget-password-btn:focus,
.signin form .password-group .forget-password-btn:hover {
	border-color: #e1e6f0
}

.signin .vendor-group {
	text-align: center;
	margin-top: 90px
}

.signin .vendor-group .group-title i {
	width: 100px;
	height: 1px;
	display: inline-block;
	background-color: #ebf0fa;
	vertical-align: middle
}

.signin .vendor-group .group-title span {
	width: 94px;
	height: 18px;
	color: #666f80;
	font-weight: 500;
	display: inline-block
}

.signin .vendor-group .group-body {
	margin-top: 22px
}

.signin .vendor-group .group-body .vendor-icon>a {
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: auto;
	background-color: #fff;
	border: 1px solid #ebf0fa;
	border-radius: 50%;
	display: block
}

.signup-email-sent {
	text-align: center
}

.signup-email-sent .email-sent-wrapper {
	width: 600px;
	margin: 50px auto
}

.signup-email-sent .email-sent-wrapper .alert {
	padding: 40px;
	margin-bottom: 40px
}

.signup-email-sent .email-sent-wrapper .alert p {
	margin: auto
}

.signup-email-sent .email-sent-wrapper .alert .btn {
	margin-top: 40px
}

.signup-email-sent .email-sent-wrapper .alert-success {
	border-color: #c0ebd0;
	background-color: #f4fbf6;
	color: #47b26f
}

.signup-email-sent .email-sent-wrapper .alert-danger {
	border-color: #f0d8d8;
	background-color: rgba(245, 98, 98, .05);
	color: #e65c5c
}

.signup-email-sent .email-sent-wrapper .resend-btn {
	color: #0a81f9;
	background: 0 0;
	border: 0
}

.signup-base form input.form-control,
.signup-bind-mobile .mobile-binder-wrapper input.form-control {
	border-color: #e1e6f0
}

.signup-email-sent .email-sent-wrapper .resend-btn:focus {
	outline: 0
}

.signup-bind-mobile .mobile-binder-wrapper {
	margin: 50px auto;
	width: 300px
}

.signup-bind-mobile .mobile-binder-wrapper .welcome-title {
	font-size: 22px;
	color: #3d424c;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.signup-bind-mobile .mobile-binder-wrapper .welcome-tips {
	color: #525866
}

.signup-complete {
	margin: 50px auto
}

.signup-complete .welcome-block {
	text-align: center
}

.signup-complete .welcome-block h1 {
	font-size: 28px;
	margin-bottom: 40px;
	margin-top: 0
}

.signup-complete .welcome-block p {
	margin: 2px auto;
	color: #525866
}

.signup-complete .op-block .btn-block {
	margin-left: 0;
	margin-top: 10px
}

.signup-complete .logo-block {
	margin-top: 60px
}

.signup-complete .logo-block .identity-logo {
	display: block;
	color: #8f9bb3;
	font-size: 50px;
	text-align: center;
	margin-bottom: 20px
}

.signup-complete .logo-block .logo-desc {
	font-size: 16px;
	font-weight: 400;
	display: block;
	text-align: center;
	margin-bottom: 60px
}

@media (max-width:768px) {
	.signup-complete .logo-block {
		margin-top: 30px
	}
	.signup-complete .logo-block .identity-logo {
		text-align: center;
		margin-bottom: 10px
	}
	.signup-complete .logo-block .logo-desc {
		margin-bottom: 30px
	}
}

.signup-base form {
	width: 300px;
	margin: 50px auto
}

.signup-base form .license {
	font-size: 12px
}

.signup-base form .next-btn {
	font-size: 14px
}

.signup-step {
	margin: 40px auto;
	width: 300px;
	position: relative;
	text-align: center
}

.signup-step:after,
.signup-step:before {
	content: "";
	position: absolute;
	height: 1px;
	width: 20%;
	background-color: #e1e6f0;
	top: 30%
}

.signup-step:before {
	left: 18%
}

.signup-step:after {
	right: 18%
}

.signup-step .step-wrapper {
	display: inline-block;
	text-align: center;
	color: #8f9bb3
}

.signup-step .step-wrapper.active {
	color: #238efa
}

.signup-step .step-wrapper:first-child {
	position: absolute;
	left: 0;
	top: 0
}

.signup-step .step-wrapper:last-child {
	position: absolute;
	right: 0;
	top: 0
}

.signup-step .step-wrapper .qi {
	font-size: 24px;
	display: block
}

.signup-step .step-wrapper .qi.qi-email {
	font-size: 20px;
	padding-top: 3px;
	padding-bottom: 4px
}

.city-selector select {
	float: left;
	width: 49%;
	margin-right: 2%
}

.city-selector select:nth-child(2) {
	margin-right: 0
}

mobile-binder .captcha-group,
mobile-binder .mobile-number-group {
	position: relative
}

mobile-binder .mobile-number-group .form-control {
	padding-right: 96px
}

mobile-binder .local-protect-captcha-group {
	display: inline-block;
	width: calc(100% - 110px);
	margin-right: 10px;
	position: relative;
	vertical-align: top
}

mobile-binder .local-protect-captcha-group .protect-captcha-image {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 32px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

mobile-binder .captcha-group .form-control {
	padding-right: 150px
}

mobile-binder .sender {
	margin-left: -4px;
	width: 100px;
	height: 42px;
	line-height: 42px;
	color: #238efa
}

mobile-binder .mobile-number-group.has-error .sender,
mobile-binder .mobile-number-group.has-error .sender:active,
mobile-binder .mobile-number-group.has-error .sender:hover {
	border-color: #F7615E!important
}

mobile-binder .change-btn {
	width: 75px;
	position: absolute;
	left: 315px;
	top: 12px
}

mobile-binder .radio-group {
	position: absolute;
	right: 0;
	top: 0;
	height: 42px;
	line-height: 42px;
	padding-right: 10px
}

mobile-binder .radio-group input[type=radio] {
	margin-left: 8px;
	margin-top: 0;
	margin-right: 5px
}

mobile-binder .radio-group .radio-label {
	color: #525866;
	font-size: 12px
}

mobile-binder .radio-group input[type=radio]:checked+.radio-label {
	color: #238efa
}

.password-strength-monitor {
	height: 16px;
	font-size: 0;
	margin-bottom: 15px;
	color: #525866
}

.password-strength-monitor .strength-bar {
	display: inline-block;
	height: 16px;
	width: 32%;
	margin-right: 2%;
	font-size: 10px;
	line-height: 16px;
	vertical-align: top;
	text-align: center;
	border-radius: 3px
}

.password-strength-monitor .strength-bar.bg-border {
	background-color: #e1e6f0
}

.password-strength-monitor .strength-bar:last-child {
	margin-right: 0
}

.user-invitation label {
	font-weight: 500;
	color: #666f80;
	margin-bottom: 20px
}

.user-invitation .form-group {
	margin-bottom: 39px
}

.user-invitation .email-group .input-group {
	min-width: 520px
}

.user-invitation .email-group .input-group .email-input {
	height: 78px;
	min-width: 400px;
	border-color: #e1e6f0;
	margin-right: 0
}

.user-invitation .email-group .input-group .email-send {
	width: auto;
	background: #fff;
	padding: 0;
	border-color: #e1e6f0
}

.user-invitation .email-group .input-group .email-send i {
	margin-right: 5px
}

.user-invitation .email-group .input-group .email-send button {
	width: 100%;
	height: 100%;
	border: none;
	background: 0 0;
	padding: 0;
	margin-right: 20px
}

.user-invitation .share-group .btn {
	color: #666f80;
	height: 42px
}

.user-invitation .share-group .btn .qi {
	vertical-align: top
}

.user-invitation .share-group .btn-share {
	margin-left: 4px;
	height: 44px
}

.user-invitation .share-group .input-group {
	min-width: 370px
}

.user-invitation .share-group .form-control {
	height: 44px
}

.user-invitation .invitation-content {
	position: relative;
	margin-top: 59px
}

.user-invitation .invitation-content .invitation-pic {
	position: absolute;
	bottom: 35px;
	right: 30px
}

.user-invitation .invitation-content .invitation-pic img {
	width: 100%
}

.user-invitation .copy-link {
	width: auto;
	background: #fff;
	padding: 0;
	border-color: #e1e6f0
}

.user-invitation .copy-link i {
	margin-right: 5px
}

.user-invitation .copy-link button {
	width: 100%;
	height: 100%;
	border: none;
	background: 0 0;
	padding: 0;
	font-size: 14px
}

.user-invitation .form-control[readonly] {
	background-color: #fff
}

.ak-intro .sk-area {
	max-width: 450px;
	position: relative
}

.ak-intro .sk-area .paw-show {
	width: 33px;
	height: 18px;
	line-height: 18px;
	color: #fff;
	font-size: 12px;
	padding: 0;
	background-color: #b8c7e6;
	border-radius: 3px;
	position: absolute;
	top: 7px;
	right: 25px
}

.ak-intro .control-label {
	font-weight: 400
}

.ak-intro .form-control {
	max-width: 420px;
	font-size: 12px;
	height: 32px;
	background-color: #f5f7fa
}

.ak-intro form.form-horizontal .table tr>td {
	padding: 30px 8px
}

#user-profile .alert {
	padding: 20px;
	position: relative
}

#user-profile .alert i {
	position: absolute;
	top: 28px;
	font-size: 16px
}

#user-profile .alert .qi-success {
	top: 18px
}

#user-profile .alert .alert-body {
	margin-left: 28px
}

#user-profile .alert .alert-body h6 {
	margin-bottom: 20px
}

#user-profile .alert .alert-body p {
	margin: 0;
	line-height: 1.8em
}

#user-profile .alert .alert-body .reason {
	font-weight: 700
}

#user-profile .alert .alert-body button {
	margin-top: 20px
}

#user-profile .alert-success {
	background-color: #f2faf5;
	border-color: #b8e6c8;
	color: #26ad58
}

#user-profile .alert-warning {
	background-color: #fffbf2;
	border-color: #f5e4c4;
	color: #cc9629
}

#user-profile .alert-danger {
	background-color: #F8F1F1;
	border-color: #EEC1C1
}

#user-profile .profile-head {
	margin: 0 0 68px;
	color: #666f80
}

#user-profile .profile-head .profile-pic {
	width: 80px;
	padding: 0
}

#user-profile .profile-head .profile-pic a {
	display: block;
	position: relative
}

#user-profile .mobile-info,
.user-security .mobile-info,
.user-security-qrcode .totp-content input,
.user-security-qrcode .totp-inline {
	display: inline-block
}

#user-profile .profile-head .profile-pic img {
	width: 100%
}

#user-profile .profile-head .profile-pic .avatar-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	text-align: center;
	line-height: 80px;
	font-size: 24px;
	color: #fff;
	border-radius: 50%;
	-webkit-transition: background-color .3s;
	transition: background-color .3s
}

#user-profile .person-info .profile-table td:nth-of-type(1),
#user-profile .profile-table tr td:nth-of-type(1) {
	width: 31%
}

#user-profile .profile-head .profile-pic .avatar-mask .qi-edit {
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

#user-profile .profile-head .profile-pic .avatar-mask:hover {
	background-color: rgba(0, 0, 0, .5)
}

#user-profile .profile-head .profile-pic .avatar-mask:hover .qi-edit {
	opacity: 1
}

#user-profile .profile-head .profile-verify {
	padding-left: 30px
}

#user-profile .profile-head .profile-verify p {
	margin-top: 10px
}

#user-profile .profile-head .profile-verify .verify-info .info-block {
	padding-right: 20px;
	display: inline-block
}

#user-profile .profile-head .profile-verify .verify-info .info-block>.qi {
	font-size: 16px;
	margin-right: 9px
}

#user-profile .mobile-info {
	margin-left: 10px
}

#user-profile .profile-table {
	margin-top: 15px
}

#user-profile .profile-table tr:first-of-type td {
	border-top: 0
}

#user-profile .profile-table tr td {
	padding: 15px 8px
}

#user-profile .has-identity h6,
#user-profile .person-info h6 {
	font-size: 16px
}

#user-profile .person-info {
	padding-top: 20px
}

#user-profile .person-info .profile-table td {
	padding-top: 4px;
	padding-bottom: 4px
}

#user-profile .person-info .btn-wrap {
	text-align: right
}

#user-profile .person-info .form-control {
	float: left
}

#user-profile .person-info .help-block {
	float: left;
	margin-top: 8px;
	margin-bottom: 0
}

.user-security .modal-body {
	max-width: 640px;
	margin: auto;
	color: #666f80
}

.user-security .modal-body .form-group {
	max-width: 300px;
	margin: 15px auto;
	text-align: left
}

.user-security .modal-body label {
	font-weight: 500
}

.user-security .modal-footer .btn {
	margin-right: 20px
}

.user-security .input-group-addon {
	background: #fff;
	border-left: 0
}

.user-security .mobile-info {
	margin-left: 10px
}

.user-security-change-email {
	text-align: center
}

.user-security-change-email .alert-success {
	border-color: #c0ebd0;
	background-color: #f4fbf6;
	color: #47b26f;
	padding: 40px
}

.user-security-change-email .email-sent-wrapper,
.user-security-change-email .validate-email .btn {
	margin-top: 40px
}

.user-security-change-email .email-sent-wrapper .resend-btn {
	color: #0a81f9;
	background: 0 0;
	border: 0
}

.user-security-change-email .email-sent-wrapper .resend-btn:focus {
	outline: 0
}

.user-security-qrcode .modal-body {
	max-width: 800px;
	text-align: center
}

.user-security-qrcode .totp-content {
	padding-left: 40px;
	text-align: left;
	vertical-align: top
}

.user-security-qrcode .totp-content p {
	margin-top: 0
}

.user-security-qrcode .totp-content button {
	line-height: 40px
}

.user-security-qrcode .choose-bar {
	margin-bottom: 40px
}

.user-security-qrcode .choose-bar label {
	margin: 0 20px
}

.user-security-qrcode .choose-bar label span {
	vertical-align: middle
}

.user-security-qrcode input[type=radio] {
	margin: 0 10px 0 0
}

.user-security-qrcode .mobile-vertify {
	margin-top: 25px
}

.user-security-qrcode .mobile-vertify button {
	margin-right: 20px
}

.user-security-qrcode .totp-alert-wrapper {
	max-width: 680px;
	margin: 30px auto 0;
	text-align: left
}

.user-security-qrcode .totp-alert-wrapper p {
	margin: 0
}

.user-security-qrcode .totp-alert-wrapper .off-btn {
	margin-top: 40px
}

.user-security-qrcode .alert {
	padding: 20px;
	position: relative
}

.user-security-qrcode .alert i {
	position: absolute;
	top: 25px;
	font-size: 16px
}

.user-security-qrcode .alert .alert-body {
	margin-left: 28px
}

.user-security-qrcode .alert .alert-body .btn {
	margin-top: 20px
}

.user-security-qrcode .alert-warning {
	background-color: #fffbf2;
	border-color: #f5e4c4;
	color: #cc9629
}

.account-aksk-modal .aksk-wrap {
	width: 100%;
	max-width: 400px;
	margin: 0 auto
}

.account-aksk-modal .aksk-block:first-child {
	margin-bottom: 40px
}

.account-aksk-modal .aksk-block:last-child {
	margin-bottom: 0
}

.account-aksk-modal label {
	top: 4px;
	font-weight: 400
}

.account-aksk-modal input {
	width: 100%;
	max-width: none
}

.account-disable-confirm .modal-body {
	width: 372px;
	margin: 0 auto
}

.account-disable-confirm .radio {
	margin-bottom: 23px
}

.account-disable-confirm .radio label {
	font-weight: 500
}

.account-disable-confirm textarea {
	width: 100%;
	max-width: none
}

.user-subAccounts-create .page-tips-wrap {
	overflow: hidden;
	padding-right: 300px
}

.user-subAccounts-create .page-tip {
	float: left;
	width: 100%;
	margin-bottom: 45px
}

.user-subAccounts-create .password-switch-wrap {
	position: relative;
	float: left;
	width: 300px;
	margin-left: -300px;
	right: -300px;
	text-align: right;
	padding-top: 30px
}

.user-subAccounts-create .account-info {
	position: relative;
	overflow: hidden;
	padding: 40px 100px 10px 0
}

.user-subAccounts-create .account-info:first-of-type {
	margin-top: 0;
	padding-top: 0
}

.user-subAccounts-create .account-info:after {
	content: '';
	display: block;
	width: 100%;
	border-bottom: solid 1px #f0f3fa;
	margin: 0 15px;
	position: absolute;
	bottom: 0
}

.user-subAccounts-create .account-info label {
	margin-top: 10px
}

.user-subAccounts-create .account-info .form-control {
	display: inline-block
}

.user-subAccounts-create .account-info .form-control.ng-dirty.ng-invalid {
	border-color: #F7615E
}

.user-subAccounts-create .input-wrap {
	float: left;
	width: 100%
}

.user-subAccounts-create .password-strength {
	margin-top: 15px;
	max-width: 300px
}

.user-subAccounts-create .delete-wrap {
	float: left;
	width: 100px;
	margin-left: -100px;
	position: relative;
	right: -100px;
	text-align: right
}

.pili #stream-info .play-type,
.user-subAccounts .account-table td:last-child,
.wechat .wechat-qrcode-block {
	text-align: center
}

.user-subAccounts-create .delete-btn {
	margin-top: 30px
}

.user-subAccounts-create .add-more-account {
	display: inline-block;
	margin-top: 19px
}

.user-subAccounts-create .qi-add {
	font-size: 16px;
	margin-right: 10px;
	line-height: 16px;
	position: relative;
	top: 1px
}

.user-subAccounts-create .alert-success {
	display: inline-block;
	margin-bottom: 0
}

.user-subAccounts-create .item-title {
	line-height: 52px;
	min-width: 150px
}

.user-subAccounts-create .account-results {
	margin-bottom: 0;
	border-bottom: solid 1px #f0f3fa
}

.user-subAccounts-create .account-results:first-of-type .account-results-list {
	margin-bottom: 0
}

.user-subAccounts-create table.account-results-list tr:first-child td {
	border-top: none
}

.user-subAccounts-create table.account-results-list tr:last-child {
	border-bottom: none
}

.user-subAccounts-create table.account-results-list td {
	word-break: keep-all
}

.user-subAccounts-create table.account-results-list td:first-child {
	width: 180px
}

.user-subAccounts-create table.account-results-list td:last-child {
	width: 100px
}

.user-subAccounts-create .no-password .account-info {
	padding-top: 24px
}

.user-subAccounts-create .no-password .delete-btn {
	margin-top: 0
}

.user-subAccounts-create .finish-btn-wrap {
	margin-top: 40px
}

.user-subAccounts .row {
	padding-left: 15px;
	padding-right: 15px
}

.user-subAccounts .tips-wrap {
	overflow: hidden;
	padding-right: 150px
}

.user-subAccounts .subAccount-tips {
	float: left;
	width: 100%
}

.user-subAccounts .create-account-btn-wrap {
	position: relative;
	float: left;
	width: 150px;
	margin-left: -150px;
	right: -150px
}

.user-subAccounts .create-account-btn {
	position: absolute;
	right: 0;
	top: 20px
}

.user-subAccounts .account-action {
	color: #7a8599;
	font-size: 17px;
	visibility: hidden;
	margin-left: 14px
}

.user-subAccounts .account-table {
	color: #525866
}

.user-subAccounts .account-table th {
	padding-left: 8px;
	padding-right: 8px
}

.user-subAccounts .account-table tr:hover .account-action {
	visibility: visible
}

.user-subAccounts .account-table label {
	font-weight: 500;
	margin-bottom: 0;
	cursor: pointer
}

.user-subAccounts .account-table th label {
	font-weight: 400
}

.user-subAccounts .batch-action-wrap a {
	margin-right: 14px
}

.user-subAccounts .account-action:first-child {
	margin-left: 0
}

.user-subAccounts .text-success {
	color: #2aad5a
}

.user-subAccounts .text-success:hover {
	color: #208445
}

.user-subAccounts .text-warning {
	color: #fa0
}

.user-subAccounts .text-warning:hover {
	color: #c80
}

.user-subAccounts .state-update-time {
	color: #a3b1cc
}

.user-subAccounts .checkbox {
	display: inline;
	margin-right: 8px
}

#subscribe ul li {
	list-style: none;
	padding: 0
}

#subscribe .row {
	margin: auto 0;
	padding: 0
}

#subscribe .subscribe-content {
	position: relative;
	margin: 60px 0 0
}

#subscribe .subscribe-content .fixed-header {
	position: static;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #fff;
	z-index: 1
}

#subscribe .subscribe-content .fixed-content ul li {
	border-bottom: 1px solid #f0f3fa;
	padding: 15px 0
}

#subscribe .subscribe-content .fixed-content ul li:first-of-type {
	border-color: transparent
}

#subscribe .subscribe-content .fixed-content li>input[type=text] {
	width: 64px;
	height: 32px;
	border: 1px solid #e1e6f0;
	border-radius: 3px;
	margin: 0 10px
}

#subscribe .subscribe-content .fixed-content li>i {
	color: #238efa
}

#subscribe .subscribe-content .fixed-content .qi {
	font-size: 12px
}

#subscribe .btn {
	margin-left: 10px
}

#subscribe .help-block {
	margin-bottom: 0
}

#subscribe .channel-group-name {
	vertical-align: top
}

#subscribe .money-extra {
	padding: 1px 8px
}

.user-vendor .vendor-block {
	overflow: hidden;
	box-shadow: none
}

.user-vendor .vendor-block .panel-body {
	padding-top: 35px;
	border: 1px solid #e1e6f0;
	border-radius: 6px
}

.user-vendor .vendor-block .logo-wrapper {
	position: relative;
	height: 64px
}

.user-vendor .vendor-block .logo-wrapper>i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%)
}

.user-vendor .vendor-block .binding-btn-group {
	text-align: center;
	margin-bottom: 30px
}

.user-vendor .vendor-block .binding-btn-group .btn {
	min-width: 96px
}

.pili #stream-info .qr-wrapper {
	width: 120px;
	height: 120px;
	padding: 10px
}

.pili #stream-info .qi-qrcode {
	font-size: 20px
}

.pili #stream-info .play-url {
	white-space: nowrap
}

.pili #stream-info .play-type {
	margin-top: 6px;
	font-size: 12px;
	vertical-align: top;
	display: inline-block;
	background-color: #f5f7fa;
	width: 50px;
	height: 24px;
	border-radius: 4px;
	padding-top: 4px;
	border: 1px solid #dcdfe5
}

.pili #stream-info .play-type .span {
	font-size: 12px;
	color: #525866
}

.pili #stream-info .url {
	padding-left: 10px;
	vertical-align: top;
	display: inline-block;
	margin-top: 0;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word
}

.pili #stream-info .url.play-stream-url {
	width: calc(100% - 56px)
}

.pili #stream-info td {
	padding-bottom: 20px;
	padding-left: 0!important
}

.pili #stream-info hr {
	margin-top: 6px
}

.pili #stream-info .qi-play {
	padding-left: 2px
}

.pili #stream-info .popover {
	width: 520px!important
}

.pili #stream-info .popover .popover-content .playerDisplay,
.pili #stream-info .popover .popover-content .playerDisplay .me-plugin embed {
	width: 488px!important;
	height: 320px!important
}

.pili #stream-info .popover .mejs-offscreen {
	height: 320px!important
}

.pili #stream-info .popover .popover-content .mejs-time-float {
	display: none!important
}

.pili .stream-statistics .index-chart-no-data {
	border: 1px solid #e6e9f0;
	height: 400px;
	line-height: 400px;
	padding: 0!important;
	background-color: #F8FAFC
}

.pili .stream-statistics>header {
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e9f0
}

.pili .stream-statistics>header>div {
	margin-left: 80px
}

.pili .stream-statistics>header>section {
	padding-bottom: 40px
}

.pili .stream-statistics>main .loading {
	display: block;
	height: 400px
}

.pili .stream-statistics>main>section {
	padding: 30px 0;
	border-bottom: 1px solid #e6e9f0
}

.pili .stream-statistics .pili-statistics-title {
	line-height: 32px;
	font-weight: 600;
	border-bottom: 1px solid #e6e9f0;
	margin-bottom: 30px;
	display: block
}

.pili .stream-statistics .pili-statistics-content {
	line-height: 28px
}

.pili .stream-statistics .pili-statistics-content .pili-statistics-label {
	width: 160px;
	display: inline-block
}

.pili .stream-statistics .pili-statistics-content>div {
	width: 400px;
	vertical-align: top;
	display: inline-block
}

.pili .stream-statistics .pili-statistics-content>div.popover {
	width: 520px
}

.pili .stream-statistics .pili-statistics-content>div.popover .popover-content .playerDisplay,
.pili .stream-statistics .pili-statistics-content>div.popover .popover-content .playerDisplay .me-plugin embed {
	width: 488px!important;
	height: 320px!important
}

.pili .stream-statistics .pili-statistics-content>div.popover .mejs-offscreen {
	height: 320px!important
}

.pili .stream-statistics .pili-statistics-content>div.popover .popover-content .mejs-time-float {
	display: none!important
}

.wechat .wechat-qrcode-block .qrcode-image {
	width: 25%
}

.wechat .wechat-qrcode-block .qrcode-tips {
	max-width: none
}

.wechat-binding-flex-layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.view-gaea-user-vendorWechat,
.view-gaea-user-vendorWechat .ui-view-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal
}

.view-gaea-user-vendorWechat {
	display: flex;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.view-gaea-user-vendorWechat .ui-view-slide {
	display: flex;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.view-gaea-user-vendorWechat .ui-view-slide .gaea-view {
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.view-gaea-user-vendorWechat .ui-view-slide .gaea-view .container-fluid {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.view-gaea-user-vendorWechat .ui-view-slide .gaea-view .container-fluid .wechat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.view-gaea-user-vendorWechat .wechat-qrcode-block {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.qi-info,
.qi-kb {
	color: #afd4fa;
	font-size: 14px
}

.success {
	color: #19AE54
}

.error {
	color: #F7615E
}

.warning {
	color: #FFAB00
}

.qi-list {
	margin: 20px 0 0;
	padding-left: 18px;
	list-style-type: square
}

.qi-list li {
	margin-top: 0;
	font-size: 12px;
	color: #7a8599
}

.report-top-summary {
	margin-bottom: 10px
}

.report-top-summary .title-mid-size {
	font-size: 24px
}

.report-state-warning {
	background-color: #FFFBF2;
	border: 1px solid #f0e0c0;
	color: #cca352;
	display: inline-block;
	padding: 5px 10px;
	line-height: 22px;
	border-color: rgba(255, 171, 0, .4);
	border-radius: 4px
}