body {
	width: 310px;
	min-height: 530px;
	font-family: 'Microsoft Yahei', 'San Francisco', -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0px;
	overflow-x: hidden;
}
.hide {
	display:none;
}
.mdl-button {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.section-spacer {
	flex-grow: 1;
}
#header {
	width: 100%;
	box-sizing: border-box;
}
#header .mdl-layout__header-row {
	padding-left: 12px;
	padding-right: 8px;
}
#header .mdl-menu__item {
	height: 40px;
	line-height: 40px;
	padding-left: 12px;
	padding-right: 12px;
}
#writeNewMenu .mdl-menu__item {
	max-width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
}
.mdl-layout__content {
	overflow-y: hidden;
}
body.unavailable #header .add_style,
body.unavailable #header .search_styles {
	display: none;
}
.tabs-container > section {
	height: 478px;
	box-sizing: border-box;
}
body .tabs-container #loading {
	display: block;
	text-align: center;
	padding-top: 100px;
}
body .tabs-container #loading .mdl-spinner {
	width: 80px;
	height: 80px;
}
body.unavailable .tabs-container #loading,
body.zerostyles .tabs-container #loading,
body.have-styles .tabs-container #loading {
	display: none;
}
body .tabs-container #unavailable,
body .tabs-container #zerostyles,
body .tabs-container #styles {
	display: none;
}
body.unavailable .tabs-container #unavailable,
body.zerostyles .tabs-container #zerostyles,
body.have-styles .tabs-container #styles {
	display: block;	
}
body.all-off #installed {
	opacity: 0.6;
	pointer-events: none;
}
#zerostyles, #unavailable {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	text-align: center;
	color: #2c3e50;
	padding: 200px 25px;
}
#tab-item-installed.zero-installed #disable-all-container,
#tab-item-installed.unavailable #disable-all-container {
	visibility: hidden;
}
#disable-all-container{
	width: 100%;
	background-color: rgb(239, 239, 239);
	padding: 10px 20px 10px 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	overflow: visible;
	border-bottom: 1px solid rgb(224, 224, 224);
}
#disable-all-container .disable-all-lable {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: #2c3e50;
}
#disable-all-container .mdl-switch {
	width: auto;
}

#installed {
	background-color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 44px);
}
#installed .mdl-list__item {
	padding: 8px;
}
#installed .mdl-list__item-primary-content {
	width: calc(100% - 44px);
	height: auto;
	line-height: normal;
}
#installed .mdl-list__item-avatar {
	height: 50px;
	width: 50px;
	line-height: 50px;
	font-size: 26px;
	text-align: center;
	margin-right: 10px;
}
#installed .style-name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% - 70px);
	display: inline-block;
}
#installed .style-author {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 140px);
	display: inline-block;
}
#installed .mdl-list__item-sub-title > * {
	vertical-align: middle;
}
#installed .mdl-list__item-secondary-action {
	padding-right: 10px;
}
#installed .installed-style-compact .mdl-checkbox {
	width: auto;
}
#installed .installed-style-compact .style-name {
	width: calc(100% - 45px);
}
#installed .installed-style-compact .mdl-button--icon {
	width: 22px;
	min-width: 22px;
	height: 22px;
}
#installed .installed-style-compact .mdl-button--icon .material-icons {
	font-size: 18px;
    -webkit-transform: translate(-11px,-11px);
    transform: translate(-11px,-11px);
    line-height: 22px;
    width: 22px;
	text-align: center;
}