/*
*	sc-elements
*	author: tzd, adapted by ymn
*
*	Content:
*	1. colors; variables/mixins; common styles
*	2. IOkit custom styles
*	3. partials (header,sidebars,top bar)
*	4. custom components
*	5. common plugins
*	6. custom pages
*	7. themes
*	8. print styles
*
**** 
* 3065: nav-tab height, 2 > 14
*
*/
/* 1. variables/mixins ======================== */
#sc-sidebar-main .sc-sidebar-menu, #sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub, #sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub ul, .sc-top-menu ul,
.sc-top-menu li, .sc-chat-user-list-inline, .sc-chat-messages, .sc-list-messages, .sc-task-list-cards,
.sc-task-list-cards > li,
#sc-sidebar-main .sc-sidebar-menu > li,
#sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub > li,
#sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub ul > li,
.sc-top-menu ul > li,
.sc-top-menu li > li,
.sc-chat-user-list-inline > li,
.sc-chat-messages > li,
.sc-list-messages > li,
.sc-task-list-cards > li,
.sc-task-list-cards > li > li {
	margin: 0;
	padding: 0;
	list-style: none; }

html {
	height: 100%;
	font-size: 16px; }

body {
	background: #f5f5f5;
	min-height: 100%;
	font-family: "Tensoregular, Roboto", Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.87);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
	overflow-x: hidden;
	visibility: visible;
	width: 100%; 
	min-width: 310px;
}

.fontsLoading h1, .fontsLoading h2, .fontsLoading h3, .fontsLoading h4, .fontsLoading h5, .fontsLoading h6 {
	visibility: hidden; }

.sc-page-fixed body {
	height: 100%; }

@media (min-width: 960px) {
	.sc-page-fixed body {
	overflow: hidden; }
.sc-page-fixed #sc-page-content:not(.ps):not(.sc-page-overflow) {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch; } }

/**io
input, textarea, select, button {
	font-family: inherit; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	margin: 0 0 16px 0;
	font-weight: 500; }
h1 span.sc-sub-heading, h2 span.sc-sub-heading, h3 span.sc-sub-heading, h4 span.sc-sub-heading, h5 span.sc-sub-heading, h6 span.sc-sub-heading {
	font-size: 0.8em;
	display: block;
	color: rgba(0, 0, 0, 0.54); }
h1 .io-text-small, h2 .io-text-small, h3 .io-text-small, h4 .io-text-small, h5 .io-text-small, h6 .io-text-small {
	font-size: 0.8em;
	vertical-align: 2px; }

a {
	color: #0277bd; }
a:hover {
	color: #01578b;
	text-decoration: none; }

ul {
	margin-bottom: 0; }
**/

#sc-page-wrapper {
	height: calc(100% - 48px);
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1; }
@media (min-width: 960px) {
	#sc-page-wrapper {
	padding-left: 260px;
	-webkit-transition: padding 140ms ease-out;
	transition: padding 140ms ease-out; }
.sc-sidebar-main-slide #sc-page-wrapper {
	padding-left: 72px; } }
.sc-sidebar-mini #sc-page-wrapper {
	padding-left: 72px !important; }
.sc-sidebar-disabled #sc-page-wrapper {
	padding-left: 0 !important; }
.sc-content-full-width #sc-page-wrapper {
	padding-left: 0 !important; }

#sc-page-content {
	padding: 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1; }
#sc-page-content.sc-page-overflow,
#sc-page-content.sc-page-overflow .ps {
	position: relative;
	height: 100%;
	overflow: hidden; }
#sc-page-content.sc-page-overflow .ps__rail-x,
#sc-page-content.sc-page-overflow .ps__rail-y {
	display: none; }
#sc-page-content.sc-page-over-header {
	margin-top: -48px;
	padding-top: 0;
	padding-bottom: 0; }
#sc-page-content + #sc-page-aside {
	border-left: 1px solid rgba(0, 0, 0, 0.12);
	border-right: none; }

#sc-page-aside {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 240px;
	overflow: hidden;
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; }

@media (max-width: 1199px) {
	#sc-page-aside {
	display: none; } 
}
#sc-page-aside.sc-page-aside-large {
	width: 320px; }
#sc-page-aside.sc-page-aside-overflow .sc-page-aside-body {
	height: 100%;
	overflow: hidden; }
#sc-page-aside .sc-page-aside-header {
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
#sc-page-aside .sc-page-aside-header:not([class*="sc-padding"]) {
	padding: 24px; }
#sc-page-aside .sc-page-aside-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
#sc-page-aside .sc-page-aside-body:not(.ps) {
	overflow-x: hidden;
	overflow-y: auto; }
#sc-page-aside .sc-page-aside-body:not([class*="sc-padding"]) {
	padding: 24px; }

@media (max-width: 959px) {
	#sc-page-content {
	overflow-x: hidden;
	padding: 0px; 
} 
}

.sc {
	/*&-filtered-items {
	[data-io-filter-control] {
	a {
	color: $muted-color !important;
	}
	&:hover,
	&.io-active,
	&.sc-js-filter-clear {
	&,
	a {
	color: $text-color-primary !important;
	}
	}
	}
	}*/ }
.sc-animation-default,
.sc-animation-default [class*="io-animation"] {
	-webkit-animation-duration: 280ms !important;
	animation-duration: 280ms !important; }
.sc-animation-fast,
.sc-animation-fast [class*="io-animation"] {
	-webkit-animation-duration: 140ms !important;
	animation-duration: 140ms !important; }
.sc-animation-slow,
.sc-animation-slow [class*="io-animation"] {
	-webkit-animation-duration: 360ms !important;
	animation-duration: 360ms !important; }
.sc-animation-very-slow,
.sc-animation-very-slow [class*="io-animation"] {
	-webkit-animation-duration: 560ms !important;
	animation-duration: 560ms !important; }
.sc-animation-infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite; }
.sc-bg-texture {
	background-repeat: repeat;
	background-position: center center; }
.sc-bg-texture.cubes {
	background-image: url("../img/textures/cubes.png"); }
.sc-bg-texture.robots {
	background-image: url("../img/textures/robots.png"); }
.sc-bg-texture.food {
	background-image: url("../img/textures/food.png"); }
.sc-bg-texture.hexellence {
	background-image: url("../img/textures/hexellence.png"); }
.sc-bg-texture.shattered-dark {
	background-image: url("../img/textures/shattered-dark.png"); }
.sc-bg-texture.dark-geometric {
	background-image: url("../img/textures/dark-geometric.png"); }
.sc-user-status {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	right: -4px;
	top: -4px; }
.sc-user-status.online {
	background: #8bc34a; }
.sc-user-status.offline {
	background: #bdbdbd; }
.sc-user-status.busy {
	background: #f44336; }
.sc-user-status.away {
	background: #ffc107; }
.sc-avatar, .sc-avatar-initials {
	border-radius: 50%;
	display: inline-block; }
.sc-avatar-initials {
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 500;
	text-align: center;
	background: #fff;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; }
.sc-avatar-initials-md {
	width: 64px;
	height: 64px;
	font-size: 24px;
	font-size: 1.5rem; }
.sc-avatar-initials-lg {
	width: 96px;
	height: 96px;
	font-size: 36px;
	font-size: 2.25rem; }
.sc-avatar-wrapper {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	background: #eeeeee;
	border-radius: 50%; }
.sc-avatar-wrapper .sc-user-status {
	width: 8px;
	height: 8px;
	right: -3px;
	top: -3px; }
.sc-avatar-wrapper-lg {
	width: 96px;
	height: 96px; }
.sc-avatar-wrapper-lg .sc-user-status {
	width: 12px;
	height: 12px;
	right: 5px;
	top: 5px; }
.sc-avatar-wrapper-md {
	width: 64px;
	height: 64px; }
.sc-avatar-wrapper-md .sc-user-status {
	width: 10px;
	height: 10px;
	right: 1px;
	top: 1px; }
.sc-avatar-wrapper .sc-avatar-status {
	position: absolute;
	right: -2px;
	top: -2px; }
.sc-avatar-border {
	border: 1px solid rgba(0, 0, 0, 0.12); }
.sc-border {
	border: 1px solid rgba(0, 0, 0, 0.12); }
.sc-border-bottom {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.sc-border-top {
	border-top: 1px solid rgba(0, 0, 0, 0.12); }
.sc-border-dark {
	border: 1px solid rgba(0, 0, 0, 0.36); }
.sc-round {
	border-radius: 3px !important; }
.sc-round-top {
	border-radius: 3px 3px 0 0 !important; }
.sc-theme-color {
	color: #00acc1 !important; }
.sc-theme-bg {
	background-color: #00acc1 !important; }
.sc-theme-bg-light {
	background-color: #e0f7fa !important; }
.sc-theme-bg-dark {
	background-color: #37474f !important; }
.sc-theme-complementary-color {
	color: #d50000 !important; }
.sc-theme-complementary-bg {
	background-color: #d50000 !important; }
.sc-theme-complementary-bg-light {
	background-color: #ffebee !important; }
.sc-color-primary {
	color: rgba(0, 0, 0, 0.87) !important; }
.sc-color-secondary {
	color: rgba(0, 0, 0, 0.54) !important; }
.sc-color-danger {
	color: #e53935 !important; }
.sc-light,
.sc-light * {
	color: #fff; }
.sc-light .sc-color-primary {
	color: #fff !important; }
.sc-light .sc-color-secondary {
	color: #e0e0e0 !important; }
.sc-light .sc-actions-icon {
	color: #fff !important; }
.sc-light a.mdi:after {
	background-color: rgba(255, 255, 255, 0.36); }
.sc-light .io-text-meta {
	color: rgba(255, 255, 255, 0.86); }
.sc-text-semibold {
	font-weight: 500; }
.sc-text-line-through {
	text-decoration: line-through; }
.sc-text-lh-1 {
	line-height: 1; }
.sc-link {
	color: #0277bd !important; }
.sc-link-external {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
.sc-link-external:before {
	content: '\F3CC';
	font-family: 'Material Design Icons';
	font-size: 20px;
	margin-right: 4px; }
.sc-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0; }
.sc-column-collapsed {
	width: 68px !important; }
.sc-column-collapsed .sc-js-el-hide {
	display: none !important; }
.sc-column-collapsed .sc-js-el-show {
	display: block;
	margin: 0 auto; }
.sc-column-collapsed .io-card-header {
	padding: 16px 0 !important; }
.sc-widget .io-card-title {
	font-size: 18px;
	font-size: 1.125rem;
	color: rgba(0, 0, 0, 0.87);
	display: block;
	font-weight: 500;
	padding: 0;
	margin: 0; }
.sc-widget .io-text-meta {
	padding: 0;
	margin: 0; }
.sc-widget-addon {
	font-size: 16px; }
@media screen and (min-width: 320px) {
	.sc-widget-addon {
	font-size: calc(16px + 4 * ((100vw - 320px) / 1600)); } }
@media screen and (min-width: 1920px) {
	.sc-widget-addon {
	font-size: 20px; } }
.sc-widget-content {
	padding: 16px 24px; }
.sc-widget-content .io-card-title {
	padding: 0; }
.sc-widget-content .io-text-meta {
	padding: 0; }
.sc-widget-content + * {
	margin-top: -16px; }
.sc-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }
.sc-actions-icon {
	width: 1.5em;
	height: 1.5em;
	font-size: 24px;
	font-size: 1.5rem;
	text-align: center;
	display: block;
	color: rgba(0, 0, 0, 0.54);
	-webkit-transition: color 280ms ease;
	transition: color 280ms ease;
	border-radius: 50%;
	text-decoration: none; }
.sc-actions-icon:hover {
	color: rgba(0, 0, 0, 0.87); }
.sc-actions-icon.mdi:before {
	line-height: 1.5em; }
.io-card .sc-actions {
	margin-right: -8px; }
.sc-flag {
	width: 36px;
	height: auto; }
.sc-sequence-show {
	visibility: hidden; }
.sc-sequence-show-wrapper {
	position: relative; }
.sc-sequence-show-animate {
	visibility: visible; }
.sc-sequence-show-end {
	visibility: visible; }
.sc-nav > li > a {
	padding: 4px 0;
	position: relative; }
.sc-nav > li > a:after {
	content: '\F140';
	font-family: "Material Design Icons";
	font-size: 24px;
	font-size: 1.5rem;
	position: absolute;
	right: 0;
	top: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0); }
.sc-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1200;
	-webkit-transition: all 360ms ease;
	transition: all 360ms ease; }
.sc-overlay.dimmed {
	background: rgba(0, 0, 0, 0.2); }
.sc-color-label {
	display: inline-block;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #fff;
	width: 0.8em;
	height: 0.8em;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
	font-size: 1rem; }
.sc-color-label-clear:after {
	content: '\f5ad';
	font-family: "Material Design Icons";
	font-size: 16px;
	font-size: 1rem;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	color: rgba(0, 0, 0, 0.54); }
.sc-js-el-show {
	display: none; }
.sc-js-children-hide > * {
	display: none; }
.sc-js-el-transform > *:not(.sc-js-el-transform-visible) {
	display: none !important; }
.sc-js-column {
	-webkit-transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-js-input-clear {
	cursor: pointer;
	pointer-events: auto !important;
	visibility: hidden; }
.sc-input-filled .sc-js-input-clear,
.sc-input-fixed .sc-js-input-clear {
	visibility: visible; }
.sc-el-clickable {
	cursor: pointer; }
.sc-el-hoverable {
	-webkit-transition: background-color 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: background-color 140ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-el-hoverable:hover {
	background: rgba(0, 0, 0, 0.08); }
.sc-el-sticky.io-active.io-sticky-fixed {
	-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
.sc-el-sticky.io-active.io-sticky-fixed [data-sc-input] {
	border-color: transparent; }
.sc-list-images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
.sc-list-images li {
	max-height: 96px;
	padding: 4px !important; }
.sc-list-images img {
	max-height: 64px;
	width: auto;
	border-radius: 4px; }
.sc-list-shadow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0; }
.sc-list-shadow > li {
	padding: 8px 12px;
	-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-left: 0;
	background: #fff;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1; }
.sc-list-shadow > li a {
	font-weight: 400;
	color: #0277bd;
	min-width: 0;
	display: block; }
.sc-list-shadow > li p {
	margin: 0 !important; }
.sc-list-shadow > li + li {
	margin-top: 12px !important; }
.sc-flex-no-shrink {
	-ms-flex-negative: 0;
	flex-shrink: 0; }
.sc-flex-items-left {
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important; }
.sc-flex-items-right {
	-webkit-box-align: end !important;
	-ms-flex-align: end !important;
	align-items: flex-end !important; }
.sc-padding {
	padding: 24px; }
.sc-padding-top {
	padding-top: 24px !important; }
.sc-padding-bottom {
	padding-bottom: 24px !important; }
.sc-padding-left {
	padding-left: 24px !important; }
.sc-padding-right {
	padding-right: 24px !important; }
.sc-padding-ends {
	padding-top: 24px !important;
	padding-bottom: 24px !important; }
.sc-padding-large {
	padding: 40px; }
.sc-padding-large-ends {
	padding-bottom: 40px !important;
	padding-top: 40px !important; }
.sc-padding-large-top {
	padding-top: 40px !important; }
.sc-padding-large-bottom {
	padding-bottom: 40px !important; }
.sc-padding-medium {
	padding: 16px; }
.sc-padding-medium-ends {
	padding-top: 16px !important;
	padding-bottom: 16px !important; }
.sc-padding-medium-top {
	padding-top: 16px !important; }
.sc-padding-medium-bottom {
	padding-bottom: 16px !important; }
.sc-padding-small {
	padding: 8px; }
.sc-padding-small-ends {
	padding-top: 8px !important;
	padding-bottom: 8px !important; }
.sc-padding-small-top {
	padding-top: 8px !important; }
.sc-padding-small-bottom {
	padding-bottom: 8px !important; }
.sc-padding-mini {
	padding: 4px; }
.sc-padding-mini-ends {
	padding-top: 4px !important;
	padding-bottom: 4px !important; }
.sc-padding-mini-top {
	padding-top: 4px !important; }
.sc-padding-mini-bottom {
	padding-bottom: 4px !important; }
.sc-padding-remove {
	padding: 0 !important; }
.sc-padding-remove-top {
	padding-top: 0 !important; }
.sc-padding-remove-bottom {
	padding-bottom: 0 !important; }
.sc-padding-remove-left {
	padding-left: 0 !important; }
.sc-padding-remove-right {
	padding-right: 0 !important; }
.sc-spinner {
	border: 4px solid rgba(0, 0, 0, 0.12);
	border-top: 4px solid #00acc1;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	-webkit-animation: spinner-animation 1000ms linear infinite;
	animation: spinner-animation 1000ms linear infinite;
	display: inline-block; }
.sc-spinner-small {
	width: 16px;
	height: 16px;
	border-width: 3px; }
.sc-spinner-large {
	width: 48px;
	height: 48px;
	border-width: 8px; }
.sc-spinner-secondary {
	border-top-color: #d50000; }
.sc-spinner-overlay {
	position: absolute;
	top: 24px;
	padding: 8px;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	z-index: 1300;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
	-webkit-transform: translateY(-42px) scale3d(0.25, 0.25, 0.25);
	transform: translateY(-42px) scale3d(0.25, 0.25, 0.25);
	opacity: 0;
	-webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-spinner-overlay.fixed {
	position: fixed;
	top: 64px;
	-webkit-transform: translateY(-64px) scale3d(0.25, 0.25, 0.25);
	transform: translateY(-64px) scale3d(0.25, 0.25, 0.25); }
.sc-spinner-overlay.enter {
	opacity: 1;
	-webkit-transform: translateY(0) scale3d(1, 1, 1);
	transform: translateY(0) scale3d(1, 1, 1);
	-webkit-transition: opacity 300ms ease, -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: opacity 300ms ease, -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: opacity 300ms ease, transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: opacity 300ms ease, transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-particles {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 10; }
.sc-particles + * {
	position: relative;
	z-index: 20; }
.sc-masonry-grid {
	position: relative; }
.sc-masonry-grid > * {
	-webkit-transition: -webkit-transform 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: -webkit-transform 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: transform 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: transform 140ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 140ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-ajax-scale {
	-webkit-transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-ajax-scale.ic-transitioning {
	-webkit-transform: scale3d(0.25, 0.25, 0.25);
	transform: scale3d(0.25, 0.25, 0.25);
	opacity: 0; }
.sc-ajax-slide {
	-webkit-transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-ajax-slide.ic-transitioning {
	-webkit-transform: translate3d(0, 10%, 0);
	transform: translate3d(0, 10%, 0);
	opacity: 0; }
.sc-ajax-slide-right .ic-removing,
.sc-ajax-slide-right .ic-transitioning {
	-webkit-transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	opacity: 0; }
.sc-ajax-fade {
	-webkit-transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-ajax-fade.ic-transitioning {
	opacity: 0; }
.sc-footer-active body {
	padding-bottom: 46px !important; }
@media (max-width: 959px) {
	.sc-footer-active body {
	padding-bottom: 56px !important; } }
.sc-row-highlight td {
	background: #fffde7 !important; }
.sc-width-micro {
	width: 48px; }

body > .sc-overlay {
	z-index: 11000; }
body > .sc-overlay ~ .sc-spinner-overlay {
	z-index: 11010; }

@-webkit-keyframes spinner-overlay {
	0% {
	opacity: 0;
	-webkit-transform: translateY(-64px) scale3d(0.1, 0.1, 0.1);
	transform: translateY(-64px) scale3d(0.1, 0.1, 0.1); }
50% {
	opacity: 1;
	-webkit-transform: translateY(10px) scale3d(0.6, 0.6, 0.6);
	transform: translateY(10px) scale3d(0.6, 0.6, 0.6); } }

@keyframes spinner-overlay {
	0% {
	opacity: 0;
	-webkit-transform: translateY(-64px) scale3d(0.1, 0.1, 0.1);
	transform: translateY(-64px) scale3d(0.1, 0.1, 0.1); }
50% {
	opacity: 1;
	-webkit-transform: translateY(10px) scale3d(0.6, 0.6, 0.6);
	transform: translateY(10px) scale3d(0.6, 0.6, 0.6); } }

@-webkit-keyframes spinner-animation {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg); }
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg); } }

@keyframes spinner-animation {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg); }
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg); } }

[data-sc-sticky] {
	z-index: 1100; }

.sc-theme-dark-info {
	display: none; }

/* 2. IOkit ========================================= * /
.io-accordion {
	margin: 0; }
.io-accordion > :nth-child(n+2) {
	margin-top: 16px; }
.io-accordion-title {
	font-size: 16px;
	font-size: 1rem;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	position: relative;
	overflow: hidden;
	margin: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.87);
	-webkit-transition: color 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: color 280ms cubic-bezier(0.55, 0, 0.1, 1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
.io-accordion-title:hover, .io-accordion-title:focus {
	color: rgba(0, 0, 0, 0.87); }
.io-accordion-title:before {
	display: none; }
.io-accordion-title:after {
	background: none !important;
	content: '\F140';
	color: #0277bd;
	font-family: "Material Design Icons";
	font-size: 24px;
	font-size: 1.5rem;
	position: absolute;
	right: 0;
	top: 50%;
	width: auto;
	height: auto;
	margin-top: -16px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: -webkit-transform 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: transform 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: transform 140ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 140ms cubic-bezier(0.55, 0, 0.1, 1); }
.io-accordion-title .mdi {
	font-size: 22px;
	margin-right: 8px;
	color: rgba(0, 0, 0, 0.54); }
.io-accordion .io-open .io-accordion-title:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg); }
.io-accordion .io-open .io-accordion-title .mdi {
	color: rgba(0, 0, 0, 0.87); }
.io-accordion-content {
	margin: 12px 0 0;
	font-size: 14px;
	font-size: 0.875rem; }
.io-accordion-content-expand {
	padding: 16px;
	margin-left: -16px;
	margin-right: -16px; }
.io-accordion-outline .io-accordion-title {
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	padding: 12px 36px 12px 16px; }
.io-accordion-outline .io-accordion-title:after {
	right: 8px; }
.io-accordion-outline .io-accordion-content {
	padding: 24px 16px;
	margin: 0;
	border-width: 0 1px 1px;
	border-color: transparent;
	border-style: solid; }
.io-accordion-outline > li {
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1); }
.io-accordion-outline > li:first-child .io-accordion-title {
	border-radius: 3px 3px 0 0; }
.io-accordion-outline > li:nth-child(n+2) {
	margin-top: -1px; }
.io-accordion-outline > li:nth-child(n+2) .io-accordion-title {
	border-radius: 0; }
.io-accordion-outline > li:last-child .io-accordion-title {
	border-radius: 0 0 3px 3px; }
.io-accordion-outline > li.io-open {
	padding-bottom: 12px; }
.io-accordion-outline > li.io-open .io-accordion-title {
	border-radius: 3px 3px 0 0;
	border-width: 1px;
	border-color: #bdbdbd;
	color: rgba(0, 0, 0, 0.87);
	background: #f5f5f5; }
.io-accordion-outline > li.io-open .io-accordion-content {
	border-color: #bdbdbd;
	border-radius: 0 0 3px 3px; }
.io-accordion-outline > li.io-open:nth-child(n+2) {
	padding-top: 12px; }
.io-accordion-alt .io-accordion-title {
	border-radius: 3px;
	padding: 12px 36px 12px 16px;
	background: rgba(0, 0, 0, 0.08); }
.io-accordion-alt .io-accordion-title:after {
	right: 8px; }
.io-accordion-alt .io-accordion-title.md-color-white:after {
	color: #fff; }
.io-accordion-alt .io-accordion-content {
	padding: 16px; }
.io-accordion-alt > li.io-open .io-accordion-title {
	background: rgba(0, 0, 0, 0.16);
	color: rgba(0, 0, 0, 0.87); }

[class*='io-animation-'] {
	-webkit-animation-duration: 280ms;
	animation-duration: 280ms;
	-webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
	animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1); }

.io-animation-fast {
	-webkit-animation-duration: 140ms;
	animation-duration: 140ms; }

@-webkit-keyframes io-fade-scale-02 {
	from {
	opacity: 0;
	-webkit-transform: scale3d(0.25, 0.25, 0.25);
	transform: scale3d(0.25, 0.25, 0.25); }
100% {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); } }

@keyframes io-fade-scale-02 {
	from {
	opacity: 0;
	-webkit-transform: scale3d(0.25, 0.25, 0.25);
	transform: scale3d(0.25, 0.25, 0.25); }
100% {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); } }

.io-alert {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	padding: 12px 36px 12px 16px;
	color: rgba(0, 0, 0, 0.87);
	font-size: 14px;
	font-size: 0.875rem; }
.io-alert h3,
.io-alert h3 + *,
.io-alert h4,
.io-alert h4 + *,
.io-alert h5,
.io-alert h5 + * {
	margin: 0; }
.io-alert a:not([class]) {
	color: #0277bd; }
.io-alert-primary {
	background: #37474f !important; }
.io-alert-success {
	background: #558b2f !important; }
.io-alert-warning {
	background: #ff8f00 !important; }
.io-alert-danger {
	background: #c62828 !important; }
.io-alert-primary, .io-alert-success, .io-alert-warning, .io-alert-danger {
	color: #fff !important; }
.io-alert-attached-top, .io-alert-attached-bottom {
	margin: 0; }
.io-alert-attached-top {
	border-radius: 3px 3px 0 0;
	border-width: 0 0 1px; }
.io-alert-attached-bottom {
	border-radius: 0 0 3px 3px;
	border-width: 1px 0 0; }
.io-alert-close {
	margin: 0 !important;
	top: 14px; }
.io-alert .io-list:not(.io-list-bullet) > li {
	padding: 4px 0; }

.io-badge {
	text-transform: uppercase;
	font-weight: 500;
	border: none;
	text-shadow: none;
	padding: 0.28em 0.6em;
	font-size: 11px;
	font-size: 0.6875rem;
	height: 1rem;
	line-height: 1;
	min-width: 20px;
	border-radius: 4px;
	display: inline-block;
	background-color: #757575; }

hr, .io-hr {
	border-top: 1px solid rgba(0, 0, 0, 0.14);
	margin-bottom: 24px; }

* + .io-hr,
* + hr {
	margin-top: 24px; }

ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0; }
ol > li {
	display: table;
	counter-increment: item; }
ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em; }

li ol > li {
	margin: 0; }
li ol > li:before {
	content: counters(item, ".") " "; }

mark {
	background: #fff59d;
	color: rgba(0, 0, 0, 0.87); }

.io-text-small {
	font-size: 12px !important;
	font-size: 0.75rem !important; }

.io-text-medium {
	font-size: 14px !important;
	font-size: 0.875rem !important; }

.io-text-large {
	font-size: 18px !important;
	font-size: 1.125rem !important; }

.io-text-xlarge {
	font-size: 24px !important;
	font-size: 1.5rem !important; }

.io-text-meta {
	color: rgba(0, 0, 0, 0.54); }

.io-text-bold {
	font-weight: 700 !important; }

.io-text-wrap {
	white-space: normal !important; }

@media (max-width: 479px) {
	.io-text-center\@xs {
	text-align: center; } }

.io-invisible * {
	visibility: hidden !important; }

* + .io-margin {
	margin-top: 24px !important; }
* + .io-margin-small {
	margin-top: 8px !important; }
* + .io-margin-medium {
	margin-top: 16px !important; }
* + .io-margin-large {
	margin-top: 40px !important; }
* + .io-margin-xlarge {
	margin-top: 48px !important; }

.io-margin {
	margin-bottom: 24px; }
.io-margin-top {
	margin-top: 24px !important; }
.io-margin-top-remove {
	margin-top: 0 !important; }
.io-margin-bottom {
	margin-bottom: 24px !important; }
.io-margin-left {
	margin-left: 24px !important; }
.io-margin-right {
	margin-right: 24px !important; }
.io-margin-remove-ends {
	margin-top: 0;
	margin-bottom: 0; }
.io-margin-mini {
	margin-bottom: 4px !important; }
.io-margin-mini-top {
	margin-top: 4px !important; }
.io-margin-mini-bottom {
	margin-bottom: 4px !important; }
.io-margin-mini-left {
	margin-left: 4px !important; }
.io-margin-mini-right {
	margin-right: 4px !important; }
.io-margin-small {
	margin-bottom: 8px; }
.io-margin-small-top {
	margin-top: 8px !important; }
.io-margin-small-bottom {
	margin-bottom: 8px !important; }
.io-margin-small-left {
	margin-left: 8px !important; }
.io-margin-small-right {
	margin-right: 8px !important; }
.io-margin-medium {
	margin-bottom: 16px; }
.io-margin-medium-top {
	margin-top: 16px !important; }
.io-margin-medium-bottom {
	margin-bottom: 16px !important; }
.io-margin-medium-left {
	margin-left: 16px !important; }
.io-margin-medium-right {
	margin-right: 16px !important; }
.io-margin-large {
	margin-bottom: 40px; }
.io-margin-large-top {
	margin-top: 40px !important; }
.io-margin-large-bottom {
	margin-bottom: 40px !important; }
.io-margin-large-left {
	margin-left: 40px !important; }
.io-margin-large-right {
	margin-right: 40px !important; }
.io-margin-xlarge {
	margin-bottom: 48px; }
.io-margin-xlarge-top {
	margin-top: 48px !important; }
.io-margin-xlarge-bottom {
	margin-bottom: 48px !important; }
.io-margin-xlarge-left {
	margin-left: 48px !important; }
.io-margin-xlarge-right {
	margin-right: 48px !important; }

.io-light, .io-section-primary:not(.io-preserve-color),
.io-section-secondary:not(.io-preserve-color),
.io-card-primary.io-card-body,
.io-card-primary > :not([class*='io-card-media']),
.io-card-secondary.io-card-body,
.io-card-secondary > :not([class*='io-card-media']),
.io-overlay-primary {
	color: rgba(255, 255, 255, 0.8); }

:not(pre) > code, :not(pre) > kbd, :not(pre) > samp {
	color: #c62828;
	background: #ffebee;
	font-size: 12px;
	font-size: 0.75rem;
	font-family: "Source Code Pro", Consolas, monospace;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	white-space: pre; }

pre code {
	font-family: "Source Code Pro", Consolas, monospace;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility; }

.io-breadcrumb > :nth-child(n+2):not(.io-first-column):before {
	margin: 0 8px; }

.io-breadcrumb > * {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
.io-breadcrumb > *:not(.io-disabled) > a {
	color: #0277bd; }

.io-breadcrumb-alt > :nth-child(n+2):not(.io-first-column):before {
	content: '>'; }
/** mb-x
.io-button {
	text-transform: uppercase;
	text-shadow: none;
	font-weight: 500;
	border-radius: 3px;
	height: 36px;
	padding: 0 24px;
	line-height: 36px;
	-webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	-webkit-transition: all 240ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 240ms cubic-bezier(0.55, 0, 0.1, 1);
	border-color: rgba(0, 0, 0, 0.15); }
.io-button:hover {
	-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
	background: inherit; }
.io-button-default {
	border-color: transparent !important; }
.io-button-danger {
	background-color: #e53935; }
.io-button-danger:hover, .io-button-danger:focus {
	background-color: #c62828; }
.io-button.primary {
	background-color: #37474f; }
.io-button.primary:hover, .io-button.primary:focus {
	background-color: #0096a3; }
.io-button.secondary {
	background-color: #c62828; }
.io-button.secondary:hover, .io-button.secondary:focus {
	background-color: #da4747; }
.io-button.small {
	padding: 0 12px;
	line-height: 28px;
	height: 28px;
	font-size: 12px;
	font-size: 0.75rem; }
.io-button.text, .io-button.link {
	-webkit-box-shadow: none !important;
	box-shadow: none !important; }
.io-button + .io-button {
	margin-left: 8px; }
* --mb--/
.io-card {
	background: #fff;
	color: rgba(0, 0, 0, 0.87);
	border-radius: 3px;
	border: none;
	-webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	-webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: -webkit-box-shadow 200ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: box-shadow 200ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: box-shadow 200ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-box-shadow 200ms cubic-bezier(0.55, 0, 0.1, 1); }
.io-card-footer {
	border-radius: 0 0 3px 3px; }
.io-card-footer:not([class*="sc-padding"]) {
	padding: 16px 24px; }
.io-card-footer > .sc-button-flat:first-child {
	margin-left: -16px; }
.io-card-body:not([class*="sc-padding"]) {
	padding: 24px; }
.io-card-body + .io-card-footer:not(.sc-card-footer-separator) {
	padding-top: 0; }
.io-card-title {
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 500; }
.io-card-title.sc-actions-match {
	min-height: 36px;
	line-height: 36px; }
.io-card-title + p {
	margin-top: 0; }
.io-card-title .io-card-subtitle {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 400; }
.io-card > .io-card-title:not([class*="sc-padding"]) {
	padding: 16px 24px; }
.io-card > .io-card-title + .io-card-body {
	padding-top: 0; }
.io-card-small .io-card-title,
.io-card-small .io-card-body {
	padding: 8px !important; }
.io-card-large .io-card-title,
.io-card-large .io-card-body {
	padding: 40px !important; }
.io-card-small > .io-card-title + .io-card-body, .io-card-large > .io-card-title + .io-card-body {
	padding-top: 0 !important; }
.io-card-header {
	border-radius: 3px 3px 0 0; }
.io-card-header:not([class*="sc-padding"]) {
	padding: 16px 24px; }
.io-card-header .io-card-title {
	margin: 0;
	padding: 0; }
.io-card-header .io-text-meta {
	margin: 0; }
.io-card-header-bg {
	border-radius: 3px;
	position: relative;
	margin: 0 -8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
.io-card-header-bg:not([class*="sc-padding"]) {
	padding: 16px; }
.io-card-header-bg-wrapper {
	padding: 16px; }
.io-card-header-bg-img {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat; }
.io-card-header-bg-img:not([class*="io-height"]) {
	height: 140px; }
.io-card-header-bg-img:not([class*="io-background"]) {
	background-position: center center; }
.io-card-header-light > * {
	color: #fff; }
.io-card-header > [data-io-icon] {
	display: inline-block;
	vertical-align: 4px; }
.io-card-header:not(.sc-card-header-separator) + .sc-card-content .io-card-body {
	padding-top: 0; }
.io-card-header:not(.sc-card-header-separator) + .io-card-body {
	padding-top: 0; }
.io-card-header.is_stuck {
	background: #fff;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2); }
.io-card.io-card-hover:not(.io-card-primary):not(.io-card-secondary):hover {
	-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
.io-card-secondary {
	background-color: #c62828;
	color: #fff; }
.io-card-secondary .io-card-title {
	color: #fff; }
.io-card-secondary.io-card-hover:hover {
	background-color: #c62828; }
.io-card-primary {
	background-color: #37474f;
	color: #fff; }
.io-card-primary .io-card-title {
	color: #fff; }
.io-card-primary.io-card-hover:hover {
	background-color: #00acc1;
	-webkit-box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
	box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); }
.io-card-light > :not([class*='io-card-media']) {
	color: rgba(255, 255, 255, 0.8); }
.io-card-light .io-card-title {
	color: #fff; }
.io-card .sc-card-content {
	-webkit-transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1); }
.io-card .io-grid > *:last-child {
	border-radius: 0 3px 3px 0; }
.io-card.is-stuck {
	z-index: 1300; }

.io-cover-bottom img {
	bottom: 0;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	top: auto; }

.io-comment-title {
	font-size: 16px;
	font-size: 1rem; }

.io-comment-header {
	margin-bottom: 8px; }

.io-comment-body p {
	margin: 0;
	font-size: 14px;
	font-size: 0.875rem; }

.io-comment-meta {
	margin: 0; }

.io-comment-list {
	margin-bottom: 20px; }
.io-comment-list > :nth-child(n+2) {
	margin-top: 24px; }
.io-comment-list .io-comment ~ ul {
	margin: 24px 0 0 0;
	padding-left: 8px; }
@media (min-width: 960px) {
	.io-comment-list .io-comment ~ ul {
	padding-left: 40px; } }
.io-comment-list .io-comment ~ ul > :nth-child(n+2) {
	margin-top: 24px; }

.io-divider-icon:before, .io-divider-icon:after,
.io-divider-icon:before,
.io-divider-icon:after {
	border-color: rgba(0, 0, 0, 0.12); }

.io-navbar-dropdown,
.io-dropdown {
	-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
	border: none !important;
	min-width: 180px; }

.io-navbar-dropdown {
	margin-top: 0;
	width: 280px;
	border-radius: 0 0 3px 3px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.12);
	color: rgba(0, 0, 0, 0.87); }
.io-navbar-dropdown:not([class*="sc-padding"]) {
	padding: 8px 0; }
.io-navbar-dropdown:after {
	content: '';
	position: absolute;
	display: block;
	top: -8px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-bottom-color: #fff; }
.io-navbar-dropdown.heading-active {
	padding-top: 0; }
.io-navbar-dropdown.io-navbar-dropdown-bottom-left {
	-webkit-transform-origin: 0 0 !important;
	transform-origin: 0 0 !important; }
@media (max-width: 379px) {
	.io-navbar-dropdown.io-navbar-dropdown-bottom-left {
	-webkit-transform-origin: 50% 0 !important;
	transform-origin: 50% 0 !important; } }
.io-navbar-dropdown.io-navbar-dropdown-bottom-right {
	-webkit-transform-origin: 100% 0 !important;
	transform-origin: 100% 0 !important; }
@media (max-width: 379px) {
	.io-navbar-dropdown.io-navbar-dropdown-bottom-right {
	-webkit-transform-origin: 50% 0 !important;
	transform-origin: 50% 0 !important; } }
.io-navbar-dropdown .io-button.link {
	margin-bottom: -8px;
	font-size: 24px;
	font-size: 1.5rem;
	padding: 4px 0;
	color: rgba(0, 0, 0, 0.87); }
.io-navbar-dropdown .io-panel-scrollable {
	padding: 8px 0;
	border: none;
	resize: vertical; }
.io-navbar-dropdown .io-list:not(.io-margin-remove) {
	margin: 8px !important; }
.io-navbar-dropdown .io-list li {
	font-size: 13px;
	font-size: 0.8125rem; }
.io-navbar-dropdown .io-list li [data-io-icon] {
	font-size: inherit; }
.io-navbar-dropdown .io-nav > li {
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
.io-navbar-dropdown .io-nav > li > a {
	padding: 4px 16px;
	font-size: 14px;
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.87); }
.io-navbar-dropdown .io-nav > li > a:hover {
	background: rgba(0, 0, 0, 0.08); }
.io-navbar-dropdown .sc-list-shadow > li + li {
	margin-top: 8px !important; }
@media (max-width: 379px) {
	.io-navbar-dropdown {
	left: auto !important;
	right: 5% !important;
	width: 90%; }
.io-navbar-dropdown:after {
	display: none; } }

.io-dropdown-nav {
	padding: 8px 0; }
.io-dropdown-nav > li {
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
@media screen and (-ms-high-contrast: none) {
	.io-dropdown-nav > li {
	display: block; } }
@supports (-ms-ime-align: auto) {
	.io-dropdown-nav > li {
	display: block; } }
.io-dropdown-nav > li > a {
	padding: 4px 16px;
	font-size: 14px;
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.87); }
.io-dropdown-nav > li > a:hover {
	background: rgba(0, 0, 0, 0.08);
	color: rgba(0, 0, 0, 0.87); }
.io-dropdown-nav .io-active > a {
	background: rgba(0, 0, 0, 0.08); }
.io-dropdown-nav .io-nav-header {
	margin: 0;
	padding: 8px 16px;
	text-transform: uppercase;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 500;
	margin-top: 8px;
	color: rgba(0, 0, 0, 0.54); }
.io-dropdown-nav .io-nav-header:first-child {
	margin-top: 0; }

.io-dropdown {
	padding: 0;
	z-index: 1400;
	border-radius: 3px; }
.io-dropdown-small {
	width: 140px !important;
	min-width: 140px !important; }
.io-dropdown-medium {
	width: 240px !important;
	min-width: 240px !important; }
.io-dropdown-large {
	width: 360px !important;
	min-width: 360px !important; }
.io-dropdown.io-dropdown-bottom-center, .io-dropdown.io-dropdown-bottom-justify {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0; }
.io-dropdown.io-dropdown-top-center, .io-dropdown.io-dropdown-top-justify {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%; }
.io-dropdown.io-dropdown-right-center {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%; }
.io-dropdown.io-dropdown-left-center {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%; }
.io-dropdown.io-dropdown-bottom-right, .io-dropdown.io-dropdown-left-top {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0; }
.io-dropdown.io-dropdown-top-right, .io-dropdown.io-dropdown-left-bottom {
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%; }
.io-dropdown.io-dropdown-bottom-left, .io-dropdown.io-dropdown-right-top {
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0; }
.io-dropdown.io-dropdown-top-left, .io-dropdown.io-dropdown-right-bottom {
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%; }

[class*='io-drop-bottom'],
[class*='io-dropdown-bottom'] {
	margin-top: 8px; }

[class*='io-drop-top'],
[class*='io-dropdown-top'] {
	margin-top: -8px; }

[class*='io-drop-left'],
[class*='io-dropdown-left'] {
	margin-left: -8px; }

[class*='io-drop-right'],
[class*='io-dropdown-right'] {
	margin-left: 8px; }

.io-drop {
	z-index: 1400; }
.io-drop.io-drop-bottom-center, .io-drop.io-drop-bottom-justify {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0; }
.io-drop.io-drop-top-center, .io-drop.io-drop-top-justify {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%; }
.io-drop.io-drop-right-center {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%; }
.io-drop.io-drop-left-center {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%; }
.io-drop.io-drop-bottom-right, .io-drop.io-drop-left-top {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0; }
.io-drop.io-drop-top-right, .io-drop.io-drop-left-bottom {
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%; }
.io-drop.io-drop-bottom-left, .io-drop.io-drop-right-top {
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0; }
.io-drop.io-drop-top-left, .io-drop.io-drop-right-bottom {
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%; }

.io-flex-important {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important; }

.io-flex-self-end {
	-ms-flex-item-align: end;
	align-self: flex-end; }

/**io
label {
	font-size: 14px;
	font-size: 0.875rem; }

.io-form-label {
	font-weight: normal;
	font-size: 14px;
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.54);
	display: inline-block;
	padding-left: 8px; }
.io-form-stacked .io-form-label {
	margin-bottom: 4px; }
.io-form-horizontal .io-form-label {
	margin-top: 12px;
	padding-left: 0;
	font-size: 14px;
	font-size: 0.875rem; }
.io-form-label > sup {
	color: #ef9a9a;
	font-size: 15px;
	font-size: 0.9375rem;
	vertical-align: -4px;
	padding-left: 2px; }

.io-input,
.io-select,
.io-textarea {
	border-radius: 0;
	color: rgba(0, 0, 0, 0.87);
	background-color: #fff;
	padding: 8px 8px 7px;
	font-size: 14px;
	font-size: 0.875rem; }
@media (max-width: 639px) {
	.io-input,
	.io-select,
	.io-textarea {
	font-size: 16px;
	font-size: 1rem; } }
.io-input:not([data-sc-input]):not(.sc-vue-input),
.io-select:not([data-sc-input]):not(.sc-vue-input),
.io-textarea:not([data-sc-input]):not(.sc-vue-input) {
	border-radius: 4px; }
.io-input:not([data-sc-input]):not(.sc-vue-input):focus,
.io-select:not([data-sc-input]):not(.sc-vue-input):focus,
.io-textarea:not([data-sc-input]):not(.sc-vue-input):focus {
	border-color: #1976d2;
	color: rgba(0, 0, 0, 0.87); }
.io-input:focus,
.io-select:focus,
.io-textarea:focus {
	color: rgba(0, 0, 0, 0.87); }
.io-input:disabled,
.io-select:disabled,
.io-textarea:disabled {
	background: rgba(0, 0, 0, 0.06); }

.io-select {
	border-radius: 4px; }

.io-checkbox {
	border-radius: 2px;
	width: 18px;
	height: 18px; }
.io-checkbox:checked, .io-checkbox:checked:focus {
	border-color: #1976d2;
	background-color: #1976d2;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAQAAAAqJXdxAAAAjElEQVQI122PPQ4BUQCEv7dEsRHRqTUuIBIHUOIEDkAl7kEiSs0eQKFzBY0ziFqjEMUm8j6FsMlmZ7r5yWSCVKBPGiqMHkduWGbXi1cHZbnj2btDQQx/ue3JhyMRnLixJWLTgy+n3xCOzc2siZk6+7Wx4dzo1rW5i2INMXHl07dLk8KoA5EdKbAnFmc+Tw1uTyc150gAAAAASUVORK5CYII="); }
.io-checkbox:checked:disabled {
	border-color: #bdbdbd;
	background-color: #bdbdbd;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAQAAAAqJXdxAAAAjElEQVQI122PPQ4BUQCEv7dEsRHRqTUuIBIHUOIEDkAl7kEiSs0eQKFzBY0ziFqjEMUm8j6FsMlmZ7r5yWSCVKBPGiqMHkduWGbXi1cHZbnj2btDQQx/ue3JhyMRnLixJWLTgy+n3xCOzc2siZk6+7Wx4dzo1rW5i2INMXHl07dLk8KoA5EdKbAnFmc+Tw1uTyc150gAAAAASUVORK5CYII="); }

.io-radio {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	background-color: #fff; }
.io-radio:checked, .io-radio:checked:focus {
	border-color: #1976d2;
	background: #1976d2;
	-webkit-box-shadow: inset 0 0 0 3px #fff;
	box-shadow: inset 0 0 0 3px #fff; }
.io-radio:checked:disabled {
	border-color: #bdbdbd;
	background: #bdbdbd;
	-webkit-box-shadow: inset 0 0 0 3px #f5f5f5;
	box-shadow: inset 0 0 0 3px #f5f5f5; }

.io-checkbox,
.io-radio {
	vertical-align: middle;
	margin-top: 0;
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	border: 2px solid #757575;
	background-color: #fff; }
.io-checkbox:disabled,
.io-radio:disabled {
	border-color: #bdbdbd; }
.io-checkbox:focus,
.io-radio:focus {
	border-color: #666; }
.io-checkbox + label,
.io-radio + label {
	margin-left: 5px; }

label > .io-checkbox,
label > .io-radio {
	margin-right: 5px; }

.io-form-large:not(textarea):not([multiple]):not([size]) {
	padding: 16px 12px; }

.io-form-small:not(textarea):not([multiple]):not([size]) {
	padding: 4px 8px; }

.io-form-success {
	color: rgba(0, 0, 0, 0.87) !important;
	border-color: #7cb342 !important; }

.io-form-danger {
	color: rgba(0, 0, 0, 0.87) !important;
	border-color: #e53935 !important; }

.io-form-help-inline, .io-form-help-block {
	font-size: 13px;
	font-size: 0.8125rem;
	color: rgba(0, 0, 0, 0.4); }

.io-form-help-inline {
	margin-left: 12px;
	font-size: 13px;
	font-size: 0.8125rem; }

.io-form-help-block {
	display: block;
	margin: 8px 8px 0;
	font-size: 13px;
	font-size: 0.8125rem; }

.io-form-large:not(textarea):not([multiple]):not([size]) {
	font-size: 20px;
	font-size: 1.25rem; }

.io-form-small:not(textarea):not([multiple]):not([size]) {
	font-size: 12px;
	font-size: 0.75rem; }

.sc-input-wrapper + .io-form-help-inline {
	margin: 8px 8px 0;
	display: block; }

.io-legend {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.54);
	margin-bottom: 12px;
	padding: 0;
	display: block; }

.io-fieldset {
	border-radius: 3px; }
.io-fieldset-alt {
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	padding: 24px; }
.io-fieldset-alt .io-legend {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 16px;
	font-size: 18px;
	font-size: 1.125rem; }
.io-fieldset-alt .io-legend + * {
	clear: both; }
.io-fieldset-alt + * {
	margin-top: 24px; }

.io-search-input {
	font-family: "Roboto", Arial, Helvetica, sans-serif; }

.io-input-line {
	margin-top: 24px; }

.io-height-min-small {
	min-height: 150px; }

.io-height-min-medium {
	min-height: 300px; }

.io-height-min-large {
	min-height: 450px; }

.io-form-icon {
	left: -4px;
	margin-top: 0;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0); }
.io-form-icon.io-form-icon-flip {
	left: auto;
	right: 0; }
.io-form-icon.io-form-icon-flip + .io-input {
	padding-right: 40px; }
.io-form-icon.io-form-icon-flip + .io-form-icon {
	right: 34px; }
.io-form-icon.io-form-icon-flip + .io-form-icon + .io-input {
	padding-right: 70px; }
.io-form-icon:not(.io-form-icon-flip) + .io-input {
	padding-left: 36px; }
.io-form-icon:not(.io-form-icon-flip) + label {
	left: 40px !important; }
.io-form-icon .mdi {
	font-size: 20px; }
.io-form-icon.mdi {
	width: 40px;
	height: 40px;
	font-size: 20px;
	position: absolute; }

.io-icon:hover {
	color: inherit; }

.io-icon-link {
	color: rgba(0, 0, 0, 0.4); }
.io-active .io-icon-link, .io-icon-link:hover {
	color: rgba(0, 0, 0, 0.87); }

* + .io-grid-margin {
	margin-top: 24px; }

.io-grid {
	margin-left: -24px; }
.io-grid > * {
	padding-left: 24px; }
.io-grid + .io-grid,
.io-grid > .io-grid-margin {
	margin-top: 24px; }
.io-grid + .io-grid-large {
	margin-top: 40px; }
.io-grid + .io-grid-medium {
	margin-top: 16px; }
.io-grid + .io-grid-small {
	margin-top: 8px; }
.io-grid.io-grid-large {
	margin-left: -40px; }
.io-grid.io-grid-large > * {
	padding-left: 40px; }
.io-grid.io-grid-medium {
	margin-left: -16px; }
.io-grid.io-grid-medium > * {
	padding-left: 16px; }
.io-grid.io-grid-medium + .io-grid-medium,
.io-grid.io-grid-medium > .io-grid-margin {
	margin-top: 16px; }
.io-grid.io-grid-small {
	margin-left: -8px; }
.io-grid.io-grid-small > * {
	padding-left: 8px; }
.io-grid.io-grid-small > .io-grid-margin {
	margin-top: 8px; }
.io-grid-divider {
	margin-left: -48px; }
.io-grid-divider > * {
	padding-left: 48px; }
.io-grid-divider > :not(.io-first-column)::before {
	border-left: 1px solid rgba(0, 0, 0, 0.12);
	left: 24px; }
.io-grid-divider.io-grid-large {
	margin-left: -80px; }
.io-grid-divider.io-grid-large > * {
	padding-left: 80px; }
.io-grid-divider.io-grid-large > :not(.io-first-column)::before {
	left: 40px; }
.io-grid-divider.io-grid-medium {
	margin-left: -32px; }
.io-grid-divider.io-grid-medium > * {
	padding-left: 32px; }
.io-grid-divider.io-grid-medium > :not(.io-first-column)::before {
	left: 16px; }
.io-grid-divider.io-grid-small {
	margin-left: -16px; }
.io-grid-divider.io-grid-small > * {
	padding-left: 16px; }
.io-grid-divider.io-grid-small > :not(.io-first-column)::before {
	left: 8px; }
.io-grid-divider.io-grid-small.io-grid-stack > .io-grid-margin {
	margin-top: 16px; }
.io-grid-divider.io-grid-small.io-grid-stack > .io-grid-margin::before {
	top: -8px;
	left: 16px; }
.io-grid-divider.io-grid-collapse {
	margin-left: 0 !important; }
.io-grid-divider.io-grid-collapse > * {
	padding-left: 0 !important; }
.io-grid-divider.io-grid-collapse > :not(.io-first-column)::before {
	left: 0; }
.io-grid-divider.io-grid-collapse.io-grid-stack > .io-grid-margin {
	margin-top: 0; }
.io-grid-divider.io-grid-collapse.io-grid-stack > .io-grid-margin::before {
	top: 0;
	left: 0; }
.io-grid-divider.io-grid-stack > .io-grid-margin {
	margin-top: 48px; }
.io-grid-divider.io-grid-stack > .io-grid-margin::before {
	top: -24px;
	left: 48px; }
.io-grid-collapse {
	margin-left: 0; }
.io-grid-collapse > * {
	padding-left: 0; }
.io-grid-collapse .io-card {
	border-radius: 0; }
.io-grid-collapse > :first-child .io-card {
	border-radius: 3px 0 0 3px; }
.io-grid-collapse > :last-child .io-card {
	border-radius: 0 3px 3px 0; }
.io-grid-collapse > .io-grid-margin {
	margin-top: 0; }
.io-grid-collapse.io-grid-stack > :first-child .io-card {
	border-radius: 3px 3px 0 0; }
.io-grid-collapse.io-grid-stack > :last-child .io-card {
	border-radius: 0 0 3px 3px; }
.io-grid.io-margin-medium-bottom.io-grid-stack > div + div {
	margin-top: 16px; }
.io-grid.io-margin-bottom.io-grid-stack > div + div {
	margin-top: 24px; }

* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
	margin-top: 16px; }

h1,
.io-h1 {
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1.2;
	font-weight: 300; }

h2,
.io-h2 {
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.3;
	font-weight: 300; }

h3,
.io-h3 {
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.4;
	font-weight: 400; }

h4,
.io-h4 {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.4;
	font-weight: 400; }

h5,
.io-h5 {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.4;
	font-weight: 400; }

h6,
.io-h6 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 500; }

.io-heading-line > :before,
.io-heading-line > :after {
	border-color: #e0e0e0; }

.io-label {
	font-size: 10px;
	font-size: 0.625rem;
	padding: 0.12em 0.8em;
	background: #00acc1;
	font-weight: 500; }
.io-label-outline {
	-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.36);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.36);
	background: #fff;
	color: rgba(0, 0, 0, 0.87); }
.io-label-success {
	background: #7cb342 !important; }
.io-label-danger {
	background: #e53935 !important; }
.io-label-warning {
	background: #ffb300 !important; }

.io-lightbox {
	z-index: 2000; }

._io-list-li, .io-list:not(.io-list-bullet) > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0;
	padding: 8px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 0.875rem;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
._io-list-li .mdi:not(.icon), .io-list:not(.io-list-bullet) > li .mdi:not(.icon) {
	width: 1em;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 28px;
	height: 28px;
	color: rgba(0, 0, 0, 0.54); }
._io-list-li a, .io-list:not(.io-list-bullet) > li a {
	color: rgba(0, 0, 0, 0.87);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none; }
._io-list-li .sc-color-label, .io-list:not(.io-list-bullet) > li .sc-color-label {
	margin: -2px 12px 0 2px; }
._io-list-li .sc-color-label .mdi, .io-list:not(.io-list-bullet) > li .sc-color-label .mdi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%; }
._io-list-li .sc-color-label .mdi:before, .io-list:not(.io-list-bullet) > li .sc-color-label .mdi:before {
	line-height: 0.8;
	width: 100%;
	font-size: 16px;
	font-size: 1rem;
	margin-left: -1px; }
._io-list-li.io-active, .io-list:not(.io-list-bullet) > li.io-active {
	background: rgba(0, 0, 0, 0.08); }
._io-list-li.io-active .sc-list-body:after, .io-list:not(.io-list-bullet) > li.io-active .sc-list-body:after {
	border-top-color: transparent !important; }
._io-list-li.io-active + .sc-list-group .sc-list-body:after, .io-list:not(.io-list-bullet) > li.io-active + .sc-list-group .sc-list-body:after {
	border-top-color: transparent !important; }
._io-list-li > ul, .io-list:not(.io-list-bullet) > li > ul {
	margin-top: 8px; }

._sc-list-group, .io-list:not(.io-list-bullet) > .sc-list-group, .io-sortable-drag.sc-list-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 8px;
	padding-bottom: 8px;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	font-size: 14px;
	font-size: 0.875rem; }
._sc-list-group .sc-list-addon, .io-list:not(.io-list-bullet) > .sc-list-group .sc-list-addon, .io-sortable-drag.sc-list-group .sc-list-addon, ._sc-list-group .sc-list-body, .io-list:not(.io-list-bullet) > .sc-list-group .sc-list-body, .io-sortable-drag.sc-list-group .sc-list-body {
	min-height: 32px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; }
._sc-list-group .sc-list-addon, .io-list:not(.io-list-bullet) > .sc-list-group .sc-list-addon, .io-sortable-drag.sc-list-group .sc-list-addon {
	padding-right: 16px; }
._sc-list-group .sc-list-body, .io-list:not(.io-list-bullet) > .sc-list-group .sc-list-body, .io-sortable-drag.sc-list-group .sc-list-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 1.4;
	min-width: 0;
	max-width: 100%; }
._sc-list-group .sc-list-body > *, .io-list:not(.io-list-bullet) > .sc-list-group .sc-list-body > *, .io-sortable-drag.sc-list-group .sc-list-body > * {
	max-width: 100%;
	white-space: nowrap; }
._sc-list-group .sc-list-body + .sc-list-addon, .io-list:not(.io-list-bullet) > .sc-list-group .sc-list-body + .sc-list-addon, .io-sortable-drag.sc-list-group .sc-list-body + .sc-list-addon {
	padding-right: 0;
	padding-left: 16px; }
._sc-list-group.sc-item-checked .sc-list-body label, .io-list:not(.io-list-bullet) > .sc-item-checked.sc-list-group .sc-list-body label, .sc-item-checked.io-sortable-drag.sc-list-group .sc-list-body label {
	text-decoration: line-through; }
._sc-list-group label span, .io-list:not(.io-list-bullet) > .sc-list-group label span, .io-sortable-drag.sc-list-group label span {
	display: block;
	color: rgba(0, 0, 0, 0.54);
	font-size: 12px;
	font-size: 0.75rem; }

.io-list {
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
.io-list:not(.io-list-bullet).sc-list-align {
	margin-left: -8px !important; }
.io-list:not(.io-list-bullet) > li:nth-child(n+2) {
	margin-top: 0; }
.io-list:not(.io-list-bullet) > li > ul {
	margin-top: 8px; }
.io-list:not(.io-list-bullet).io-list-inline > li {
	width: auto; }
.io-list:not(.io-list-bullet).io-list-divider > li:nth-child(n+2) {
	border-color: rgba(0, 0, 0, 0.12);
	padding-top: 8px; }
#sc-page-aside .io-list:not(.io-list-bullet).io-list-divider > li {
	margin-left: 0; }
.io-list:not(.io-list-bullet).io-list-divider > li.io-active {
	border-radius: 0; }
.io-list:not(.io-list-bullet).io-list-divider > .sc-list-group:nth-child(n+2) {
	border: none;
	padding-top: 8px;
	padding-bottom: 7px;
	margin-top: 0; }
.io-list:not(.io-list-bullet).io-list-divider > .sc-list-group:nth-child(n+2) .sc-list-body {
	position: relative; }
.io-list:not(.io-list-bullet).io-list-divider > .sc-list-group:nth-child(n+2) .sc-list-body:after {
	content: '';
	position: absolute;
	display: block;
	top: -8px;
	left: 0;
	width: 100%;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.12); }
.io-list:not(.io-list-bullet).io-list-divider > .sc-list-group + .io-active {
	border-radius: 0; }
.io-list:not(.io-list-bullet).sc-list-hoverable .sc-list-group,
.io-list:not(.io-list-bullet).sc-list-hoverable .sc-list-group .sc-list-body:after {
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1); }
.io-list:not(.io-list-bullet).sc-list-hoverable .sc-list-group:hover {
	background: rgba(0, 0, 0, 0.08); }
.io-list:not(.io-list-bullet).sc-list-hoverable .sc-list-group:hover .sc-list-body:after {
	border-top-color: transparent; }
.io-list:not(.io-list-bullet).sc-list-hoverable .sc-list-group:hover + .sc-list-group .sc-list-body:after {
	border-top-color: transparent; }
.io-list:not(.io-list-bullet).sc-list-clickable > * {
	cursor: pointer; }
.io-list:not(.io-list-bullet) .sc-list-secondary-text {
	font-size: 14px;
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.54);
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap; }
.io-list.io-list-large > li {
	padding-top: 8px;
	padding-bottom: 8px; }
.io-list.io-list-large > li:nth-child(n+2) {
	margin-top: 8px; }
.io-list.io-list-large.io-list-divider > li:nth-child(n+2) {
	padding-top: 16px; }
.io-list.io-list-large.io-list-striped > li {
	padding-top: 16px;
	padding-bottom: 16px; }
.io-list.io-list-large.io-list-striped > li:nth-child(n+2) {
	margin-top: 0; }
.io-list-bullet > li:nth-child(n+2),
.io-list-bullet > li > ul {
	margin-top: 8px; }
.io-list-bullet > li:before {
	top: 50%;
	margin-top: -12px; }
.io-list-condensed > li {
	padding-top: 4px !important;
	padding-bottom: 4px !important; }

.io-navbar-nav > li > a {
	font-family: "Roboto"; }

.io-navbar-nav > li > a,
.io-navbar-item,
.io-navbar-toggle {
	padding: 0 12px;
	min-height: 48px; }

.io-navbar-toggle {
	color: rgba(255, 255, 255, 0.6); }
.io-navbar-toggle:hover {
	color: white; }

.io-notification {
	top: 60px;
	z-index: 1200; }
@media (min-width: 640px) {
	.io-notification {
	width: 280px; }
.io-notification.io-notification-top-center, .io-notification.io-notification-bottom-center {
	margin-left: -120px; }
.io-notification.io-notification-top-left, .io-notification.io-notification-bottom-left {
	left: 284px; }
.io-notification.io-notification-top-right, .io-notification.io-notification-bottom-right {
	right: 24px; }
.io-notification.io-notification-bottom-left, .io-notification.io-notification-bottom-right, .io-notification.io-notification-bottom-center {
	top: auto;
	bottom: 24px; } }
@media (max-width: 639px) {
	.io-notification {
	top: 48px;
	left: 0;
	right: 0; }
.io-notification.io-notification-bottom-left, .io-notification.io-notification-bottom-right, .io-notification.io-notification-bottom-center {
	top: auto;
	bottom: 0; }
.io-notification.io-notification-bottom-left .io-notification-message, .io-notification.io-notification-bottom-right .io-notification-message, .io-notification.io-notification-bottom-center .io-notification-message {
	margin-bottom: 0; } }
.sc-sidebar-main-slide .io-notification.io-notification-top-left, .sc-sidebar-main-slide .io-notification.io-notification-bottom-left {
	left: 96px; }
.sc-sidebar-mini .io-notification.io-notification-top-left, .sc-sidebar-mini .io-notification.io-notification-bottom-left {
	left: 96px !important; }
.io-notification .io-notification-message {
	background: rgba(0, 0, 0, 0.95);
	color: #fff;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 12px 36px 12px 16px;
	border-radius: 3px;
	margin-bottom: 4px;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out; }
@media (max-width: 639px) {
	.io-notification .io-notification-message {
	border-radius: 0;
	margin-bottom: 0; } }
.io-notification .io-notification-message > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center; }
.io-notification .io-notification-message .mdi:before {
	height: 24px;
	line-height: 24px; }
.io-notification .io-notification-message-primary {
	background: #00acc1;
	color: #fff; }
.io-notification .io-notification-message-success {
	background: #7cb342;
	color: #fff; }
.io-notification .io-notification-message-danger {
	background: #e53935;
	color: #fff; }
.io-notification .io-notification-message-warning {
	background: #ffb300;
	color: #fff; }
.io-notification .io-notification-close {
	top: 50%;
	right: 16px;
	color: #fff;
	opacity: 0.8;
	display: block;
	margin-top: -7px; }
.io-notification .io-notification-close:hover {
	opacity: 1; }
.sc-footer-active .io-notification.io-notification-bottom-left, .sc-footer-active .io-notification.io-notification-bottom-right, .sc-footer-active .io-notification.io-notification-bottom-center {
	bottom: 70px; }
@media (max-width: 639px) {
	.sc-footer-active .io-notification.io-notification-bottom-left, .sc-footer-active .io-notification.io-notification-bottom-right, .sc-footer-active .io-notification.io-notification-bottom-center {
	bottom: 46px; } }
@media (max-width: 959px) {
	.sc-footer-active .io-notification.io-notification-bottom-left, .sc-footer-active .io-notification.io-notification-bottom-right, .sc-footer-active .io-notification.io-notification-bottom-center {
	bottom: 80px; } }

@media (max-width: 959px) and (max-width: 639px) {
	.sc-footer-active .io-notification.io-notification-bottom-left, .sc-footer-active .io-notification.io-notification-bottom-right, .sc-footer-active .io-notification.io-notification-bottom-center {
	bottom: 56px; } }

* + .io-notification-message {
	margin-top: 4px; }

.io-modal {
	z-index: 1500;
	background: rgba(0, 0, 0, 0.5); }
@media (min-width: 640px) {
	.io-modal {
	padding: 64px 24px; } }
@media (max-width: 639px) {
	.io-modal {
	padding: 32px 16px; } }
.io-modal-close-outside, .io-modal-close-outside:hover {
	color: #fff; }
.io-modal-dialog {
	border-radius: 4px;
	-webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
	box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
	-webkit-transform: scale3d(0.25, 0.25, 0.25);
	transform: scale3d(0.25, 0.25, 0.25);
	-webkit-transition: all 360ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 360ms cubic-bezier(0.55, 0, 0.1, 1); }
.io-modal-dialog:not([class*='io-width']) {
	width: 800px; }
.io-modal-title {
	font-size: 22px;
	font-size: 1.375rem; }
.io-modal-title-medium {
	font-size: 18px;
	font-size: 1.125rem; }
.io-modal-body {
	padding: 24px; }
.io-modal-body + .io-modal-footer {
	padding-top: 0; }
.io-modal-header {
	border-radius: 4px 4px 0 0;
	padding: 16px 24px;
	border-bottom: none; }
.io-modal-header + .io-modal-body {
	padding-top: 8px; }
.io-modal-footer {
	border: none;
	padding: 16px 24px;
	border-radius: 0 0 4px 4px; }
.io-modal-container {
	padding-left: 284px; }
.io-modal-container .io-modal-dialog {
	width: 100%; }
.sc-sidebar-main-slide .io-modal-container {
	padding-left: 96px; }
.sc-sidebar-mini .io-modal-container {
	padding-left: 96px !important; }
@media (max-width: 959px) {
	.io-modal-container {
	padding-left: 24px; } }
.io-modal-full {
	padding: 0; }
.io-modal-full .io-modal-dialog {
	width: 100%; }
@media (max-width: 959px) {
	.io-modal-full .io-modal-dialog .io-background-cover {
	min-height: calc(80vh) !important; } }
.io-modal-full .io-modal-dialog {
	-webkit-transform: scale3d(0.25, 0.25, 0.25);
	transform: scale3d(0.25, 0.25, 0.25); }

.io-open > .io-modal-dialog {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }

ul.io-nav-sub {
	margin: 4px 0 0;
	padding: 0; }

.io-nav-divider {
	height: 0; }

.io-subnav {
	margin-left: -8px; }
.io-subnav > * {
	padding-left: 8px; }
.io-subnav > * > :first-child {
	color: rgba(0, 0, 0, 0.87);
	padding: 4px 12px;
	border-radius: 3px; }
.io-subnav > * a:hover,
.io-subnav > * a:focus {
	color: rgba(0, 0, 0, 0.87);
	background: rgba(0, 0, 0, 0.08); }
.io-subnav.io-sticky-fixed {
	margin-left: -8px !important; }

.io-subnav-pill .io-active > a {
	background: #00acc1; }
.io-subnav-pill .io-active > a,
.io-subnav-pill .io-active > a .mdi:before,
.io-subnav-pill .io-active > a > * {
	color: #fff !important; }

.io-offcanvas {
	z-index: 1300; }
.io-offcanvas-bar {
	top: 48px;
	color: rgba(0, 0, 0, 0.87);
	background: #fff;
	padding: 24px;
	-webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.23);
	box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.23); }
.io-offcanvas-bar h1, .io-offcanvas-bar h2, .io-offcanvas-bar h3, .io-offcanvas-bar h4, .io-offcanvas-bar h5, .io-offcanvas-bar h6,
.io-offcanvas-bar .io-close,
.io-offcanvas-bar .io-nav-default > li > a {
	color: rgba(0, 0, 0, 0.87); }
.io-offcanvas-bar .io-label,
.io-offcanvas-bar .io-badge {
	color: #fff; }
.io-offcanvas-bar hr {
	border-color: rgba(0, 0, 0, 0.12); }
.io-offcanvas-bar .io-text-muted {
	color: rgba(0, 0, 0, 0.4) !important; }
.io-offcanvas-bar-animation {
	-webkit-transition: all 200ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 200ms cubic-bezier(0.55, 0, 0.1, 1); }
.io-offcanvas-bar .io-input {
	background-color: #fff !important;
	padding: 8px 8px 7px;
	color: rgba(0, 0, 0, 0.87);
	border-color: rgba(0, 0, 0, 0.12); }

.io-pagination {
	margin-bottom: 0;
	margin-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
.io-pagination > * {
	padding-left: 8px; }
.io-pagination > * > * {
	font-size: 14px;
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.87);
	min-width: 28px;
	height: 28px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px; }
.io-pagination > * > *:focus {
	outline: none; }
.io-pagination > *:first-child {
	padding-left: 0; }
.io-pagination .io-active > * {
	color: #fff;
	background: #37474f; }
.io-pagination .io-disabled > * {
	color: rgba(0, 0, 0, 0.4); }
.io-pagination-first > *, .io-pagination-prev > *, .io-pagination-next > *, .io-pagination-last > * {
	line-height: 28px;
	font-size: 0; }

.io-progress {
	height: 12px; }

.io-box-shadow {
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.io-box-shadow-small {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.io-box-shadow-medium {
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.io-box-shadow-large {
	-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
.io-box-shadow-xlarge {
	-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

.io-sortable:hover {
	cursor: initial; }

.io-sortable:not(.io-sortable-handle-enabled) > * {
	cursor: move; }

.io-sortable .io-sortable-handle {
	cursor: move; }

.io-sortable.io-grid .io-sortable-placeholder {
	opacity: 1; }
.io-sortable.io-grid .io-sortable-placeholder > * {
	background: rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: none;
	box-shadow: none; }
.io-sortable.io-grid .io-sortable-placeholder > * > * {
	visibility: hidden; }

.io-sortable:not(.io-grid) .io-sortable-placeholder {
	opacity: 1;
	background: rgba(0, 0, 0, 0.08); }
.io-sortable:not(.io-grid) .io-sortable-placeholder > * {
	visibility: hidden; }

.io-tab {
	margin-left: -8px;
	margin-bottom: 20px; }
.io-tab:before {
	left: 8px; }
.io-tab > * {
	padding-left: 8px; }
.io-tab > * > a {
	border: none;
	color: rgba(0, 0, 0, 0.54);
	position: relative;
	padding: 8px 12px;
	font-size: 14px;
	font-size: 0.875rem;
	border-radius: 3px 3px 0 0;
	-webkit-transition: background 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: background 140ms cubic-bezier(0.55, 0, 0.1, 1);
	font-weight: 500; }
.io-tab > * > a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 0;
	-webkit-transition: all 140ms ease;
	transition: all 140ms ease;
	background: #00acc1; }
.io-tab > * > a:hover {
	color: rgba(0, 0, 0, 0.54);
	background: rgba(0, 0, 0, 0.06); }
.io-tab > .io-active > a {
	color: rgba(0, 0, 0, 0.87); }
.io-tab > .io-active > a:after {
	width: 100%;
	-webkit-transition-duration: 280ms;
	transition-duration: 280ms; }
.io-tab > .io-disabled > a {
	color: rgba(0, 0, 0, 0.4); }
.io-tab.io-tab-bottom > * > a {
	border-radius: 0 0 3px 3px; }
.io-tab.io-tab-bottom > * > a:after {
	top: 0;
	bottom: auto; }
.io-tab.io-tab-left {
	margin-left: 0; }
.io-tab.io-tab-left:before {
	left: auto;
	right: 0; }
.io-tab.io-tab-left > * {
	padding-left: 0; }
.io-tab.io-tab-left > * > a {
	border-radius: 3px 0 0 3px; }
.io-tab.io-tab-left > * > a:after {
	top: 0;
	height: 0;
	width: 3px;
	right: 0;
	left: auto; }
.io-tab.io-tab-left > * + * {
	padding-top: 4px; }
.io-tab.io-tab-left > .io-active > a:after {
	height: 100%; }
.io-tab.io-tab-right {
	margin-left: 0; }
.io-tab.io-tab-right:before {
	left: 0; }
.io-tab.io-tab-right > * {
	padding-left: 0; }
.io-tab.io-tab-right > * > a {
	border-radius: 0 3px 3px 0; }
.io-tab.io-tab-right > * > a:after {
	top: 0;
	height: 0;
	width: 3px; }
.io-tab.io-tab-right > * + * {
	padding-top: 4px; }
.io-tab.io-tab-right > .io-active > a:after {
	height: 100%; }

.io-table {
	font-size: 14px;
	font-size: 0.875rem; }
.io-table thead th {
	font-size: 14px;
	font-size: 0.875rem;
	text-transform: none;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.54);
	padding: 12px; }
.io-table td {
	padding: 12px; }
.io-table.io-table-hover > tr:hover,
.io-table.io-table-hover tbody tr:hover {
	background: rgba(0, 0, 0, 0.08) !important; }
.io-table.io-table-hover .io-table-hover-disable:hover {
	background-color: initial !important; }
.io-table.io-table-small th,
.io-table.io-table-small td {
	padding: 8px; }
.io-table.io-table-large th,
.io-table.io-table-large td {
	padding: 16px; }
.io-table.io-table-border {
	border: 1px solid #e1e1e1; }
.io-table.io-table-border th,
.io-table.io-table-border td {
	border: 1px solid #e1e1e1; }
.io-table.io-table-border-inside th:not(.io-table-border-remove),
.io-table.io-table-border-inside td:not(.io-table-border-remove) {
	border: 1px solid #e1e1e1; }
.io-table > tr:nth-of-type(odd),
.io-table.io-table-striped tbody tr:nth-of-type(odd) {
	border-top: none;
	border-bottom: none;
	background: rgba(0, 0, 0, 0.04); }
.io-table .io-table-top,
.io-table .io-table-top td {
	vertical-align: top; }

.io-tooltip {
	z-index: 1600;
	background: rgba(0, 0, 0, 0.9);
	border-radius: 4px;
	padding: 4px 8px; }

.io-transform-origin-center {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%; }

.io-height-extra-small {
	height: 64px; }

.io-max-height-extra-small {
	max-height: 64px; }

.io-height-medium {
	height: 240px; }

.io-height-large {
	height: 480px; }

@media (max-width: 639px) {
	.io-height-medium\@s {
	height: 240px !important; }
.io-height-large\@s {
	height: 480px !important; } }

.io-width-mini {
	width: 80px; }

@media screen and (-ms-high-contrast: none) {
	.io-visible-toggle:not(:hover) .io-hidden-hover {
	position: absolute !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important; }
.io-visible-toggle:not(:hover) .io-invisible-hover {
	opacity: 0 !important; } }

@supports (-ms-ime-align: auto) {
	.io-visible-toggle:not(:hover) .io-hidden-hover {
	position: absolute !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important; }
.io-visible-toggle:not(:hover) .io-invisible-hover {
	opacity: 0 !important; } }

/* 3. partials ====================================== */
#sc-page-top-bar.sc-top-bar {
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	font-size: 14px;
	font-size: 0.875rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 50px;
	z-index: 900;
	-ms-flex-negative: 0;
	flex-shrink: 0; }
#sc-page-top-bar.sc-top-bar .sc-js-top-bar-fold {
	display: none; }
#sc-page-top-bar.sc-top-bar-expanded .sc-top-bar-content-expanded {
	-webkit-transition: opacity 140ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: opacity 140ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: transform 280ms cubic-bezier(0.55, 0, 0.1, 1), opacity 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: transform 280ms cubic-bezier(0.55, 0, 0.1, 1), opacity 140ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 280ms cubic-bezier(0.55, 0, 0.1, 1);
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
#sc-page-top-bar.sc-top-bar-expanded .sc-js-el-hide {
	display: none; }
#sc-page-top-bar.sc-top-bar-expanded .sc-js-el-show {
	display: block; }

#sc-page-top-bar .sc-top-bar-large {
	min-height: 64px; }

#sc-page-top-bar .sc-top-bar-aside {
	width: 240px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	min-height: 50px;
	background: #fff; }
#sc-page-top-bar .sc-top-bar-aside-large {
	width: 320px; }
#sc-page-top-bar .sc-top-bar-aside, #sc-page-top-bar .sc-top-bar-aside-large {
	padding: 8px 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
#sc-page-top-bar .sc-top-bar-aside.padding-small {
	padding: 8px 12px; }

#sc-page-top-bar .sc-top-bar-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 8px 24px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1010;
	position: relative;
	background: #fff; }
#sc-page-top-bar .sc-top-bar-content.padding-small, #sc-page-top-bar .sc-top-bar-content-expanded.padding-small {
	padding: 8px 12px; }
#sc-page-top-bar .sc-top-bar-content-expanded {
	padding: 16px 24px;
	background: #fff;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	margin-top: -1px;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: opacity 140ms cubic-bezier(0.55, 0, 0.1, 1) 140ms, -webkit-transform 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: opacity 140ms cubic-bezier(0.55, 0, 0.1, 1) 140ms, -webkit-transform 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: transform 280ms cubic-bezier(0.55, 0, 0.1, 1), opacity 140ms cubic-bezier(0.55, 0, 0.1, 1) 140ms;
	transition: transform 280ms cubic-bezier(0.55, 0, 0.1, 1), opacity 140ms cubic-bezier(0.55, 0, 0.1, 1) 140ms, -webkit-transform 280ms cubic-bezier(0.55, 0, 0.1, 1);
	z-index: 900;
	opacity: 0; }

#sc-page-top-bar .sc-top-bar-title {
	margin: 0;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500; }

#sc-page-top-bar .sc-top-bar-subtitle {
	margin: 0;
	line-height: 1.2; }

#sc-page-top-bar.io-sticky-fixed {
	z-index: 1250;
	-webkit-transition: all 140ms ease-in-out;
	transition: all 140ms ease-in-out; }

#sc-page-top-bar + .io-sticky-placeholder + #sc-page-wrapper-inner,
#sc-page-top-bar + #sc-page-wrapper-inner {
	height: calc(100% - 50px); }

#sc-header {
	z-index: 1400;
	height: 48px;
	-webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: -webkit-box-shadow 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: box-shadow 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: box-shadow 280ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-box-shadow 280ms cubic-bezier(0.55, 0, 0.1, 1);
	position: relative; }
#sc-header .sc-brand {
	display: inline-block; }
#sc-header .sc-brand > a {
	line-height: 46px; }
#sc-header .sc-links {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-size: 0.875rem; }
#sc-header .io-navbar {
	padding: 0 24px;
	border: none;
	border-radius: 0;
	height: 48px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #37474f; }
#sc-header .io-navbar .io-navbar-nav > li > a {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0 12px;
	text-shadow: none;
	border: none;
	background: transparent;
	color: #fff;
	height: 48px;
	min-height: 48px;
	cursor: pointer;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 48px; }
#sc-header .io-navbar .io-navbar-nav > li > a > img {
	border-radius: 50%; }
#sc-header .io-navbar .io-navbar-nav > li > a > span {
	position: relative; }
#sc-header .io-navbar .io-navbar-nav > li > a > i,
#sc-header .io-navbar .io-navbar-nav > li > a > span {
	color: #fff; }
#sc-header .io-navbar .io-navbar-nav > li > a > i, #sc-header .io-navbar .io-navbar-nav > li > a > i:before,
#sc-header .io-navbar .io-navbar-nav > li > a > span,
#sc-header .io-navbar .io-navbar-nav > li > a > span:before {
	font-size: 24px;
	font-size: 1.5rem; }
#sc-header .io-navbar .io-navbar-nav > li > a .sc-indicator {
	position: absolute;
	right: 4px;
	top: 8px;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	background: #e53935;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: block;
	border: 2px solid #37474f; }
#sc-header .io-navbar .io-navbar-nav > li .io-dropdown-nav {
	padding: 5px 0; }
#sc-header .io-navbar .io-navbar-nav > li .io-dropdown-nav .io-nav {
	margin: 0; }
#sc-header .io-navbar .io-navbar-nav > li .io-navbar-dropdown-bottom-left:after {
	left: 20px; }
#sc-header .io-navbar .io-navbar-nav > li .io-navbar-dropdown-bottom-right:after {
	right: 20px; }
#sc-header .io-navbar .io-navbar-nav > li:last-child > a {
	padding-right: 0; }
#sc-header .io-navbar .io-navbar-nav > li:last-child .io-navbar-dropdown-bottom-right:after {
	right: 12px; }
#sc-header .io-navbar .io-navbar-nav .sc-navbar-heading {
	padding: 8px 16px;
	margin-bottom: 8px; }
#sc-header .io-navbar .driver-highlighted-element,
#sc-header .io-navbar .driver-highlighted-element a {
	background: #37474f !important; }
#sc-header .io-navbar-aside {
	width: 236px; }
@media (max-width: 959px) {
	#sc-header .io-navbar-aside {
	width: auto; } }
#sc-header .io-navbar-left .io-navbar-nav > li .io-navbar-dropdown-bottom-left:after {
	left: 10px; }
#sc-header .io-navbar-brand {
	margin: 0;
	padding: 0;
	height: 48px;
	line-height: 44px; }
#sc-header .io-search-input {
	font-size: 14px;
	font-size: 0.875rem;
	padding: 2px 12px;
	background: #fff;
	height: 32px;
	border-radius: 4px;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none; }
@media (max-width: 639px) {
	#sc-header .io-search-input {
	font-size: 16px;
	font-size: 1rem; } }
#sc-header.io-active {
	-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
@media (min-width: 1200px) {
	#sc-header.driver-fix-stacking {
	position: relative !important; } }
@media (max-width: 1199px) {
	#sc-header.io-sticky {
	position: relative; } }
#sc-header.driver-fix-stacking ~ #sc-sidebar-main {
	top: 48px;
	padding-top: 0; }

.sc-header-expanded #sc-header {
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); }

.sc-header-expanded #sc-page-wrapper {
	position: relative;
	padding-top: 48px; }
.sc-header-expanded #sc-page-wrapper:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 48px;
	background: #37474f; }

@media (min-width: 960px) {
	.sc-header-expanded #sc-sidebar-main {
	top: 96px;
	padding-top: 0; } }

#sc-sidebar-main-toggle {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	position: relative;
	margin-right: 16px; }
#sc-sidebar-main-toggle .sc-menu-close,
#sc-sidebar-main-toggle .sc-menu-open {
	color: #fff; }
#sc-sidebar-main-toggle .sc-menu-close:before,
#sc-sidebar-main-toggle .sc-menu-open:before {
	font-size: 24px;
	font-size: 1.5rem; }
@media (min-width: 960px) {
	.sc-sidebar-mini #sc-sidebar-main-toggle {
	display: none; } }
@media (min-width: 960px) {
	#sc-sidebar-main-toggle .sc-menu-close {
	display: block; }
.sc-sidebar-main-slide #sc-sidebar-main-toggle .sc-menu-close {
	display: none; }
#sc-sidebar-main-toggle .sc-menu-open {
	display: none; }
.sc-sidebar-main-slide #sc-sidebar-main-toggle .sc-menu-open {
	display: block; } }
@media (max-width: 959px) {
	#sc-sidebar-main-toggle .sc-menu-close {
	display: none; }
.sc-sidebar-main-visible #sc-sidebar-main-toggle .sc-menu-close {
	display: block; }
#sc-sidebar-main-toggle .sc-menu-open {
	display: block; }
.sc-sidebar-main-visible #sc-sidebar-main-toggle .sc-menu-open {
	display: none; } }
#sc-sidebar-main-toggle + .sc-brand {
	max-width: 204px; }

#sc-sidebar-main {
	position: fixed;
	top: 48px;
	left: 0;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 260px;
	z-index: 1300;
	border-right: 1px solid rgba(0, 0, 0, 0.08);
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; }
#sc-sidebar-main .io-offcanvas-bar {
	padding: 0; }
@media (max-width: 1199px) {
	#sc-sidebar-main {
	top: 0;
	padding-top: 48px; } }
@media (min-width: 960px) {
	#sc-sidebar-main .io-offcanvas-bar {
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: static;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: none;
	transform: none;
	height: 100%;
	width: 260px; }
#sc-sidebar-main .sc-sidebar-main-scrollable {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto; } }
@media (max-width: 959px) {
	#sc-sidebar-main {
	display: none;
	width: 100%;
	border-right: none;
	background: transparent;
	top: 48px;
	padding-top: 0; }
#sc-sidebar-main .io-offcanvas-bar {
	overflow-x: hidden;
	top: 0;
	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;
	height: 100%; }
#sc-sidebar-main.sc-sidebar-info-fixed .io-offcanvas-bar {
	padding-bottom: 46px; }
#sc-sidebar-main.sc-sidebar-info-fixed .sc-sidebar-info {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	display: none; }
#sc-sidebar-main.sc-sidebar-info-fixed.io-open .sc-sidebar-info {
	display: block;
	width: 260px; } }
#sc-sidebar-main .sc-sidebar-menu {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 24px; }
#sc-sidebar-main .sc-sidebar-menu li {
	display: block;
	padding-right: 24px;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
#sc-sidebar-main .sc-sidebar-menu li a {
	font-size: 14px;
	font-size: 0.875rem;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: rgba(0, 0, 0, 0.87);
	overflow: hidden;
	border-radius: 0 20px 20px 0; }
#sc-sidebar-main .sc-sidebar-menu li.sc-has-submenu > a {
	position: relative; }
#sc-sidebar-main .sc-sidebar-menu li.sc-has-submenu > a:after {
	font-weight: 400;
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -0.745em;
	content: '\F140';
	font-family: "Material Design Icons";
	font-size: 22px;
	font-size: 1.375rem;
	color: rgba(0, 0, 0, 0.54);
	display: block; }
#sc-sidebar-main .sc-sidebar-menu li.sc-section-active > a {
	background: rgba(0, 0, 0, 0.04); }
#sc-sidebar-main .sc-sidebar-menu li.sc-section-active > a:after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg); }
#sc-sidebar-main .sc-sidebar-menu li .io-label {
	background: #c62828;
	position: absolute;
	left: 14px;
	top: 50%;
	margin-top: -9px; }
#sc-sidebar-main .sc-sidebar-menu > li + li {
	margin-top: 4px; }
#sc-sidebar-main .sc-sidebar-menu > li > a {
	padding: 14px 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	position: relative;
	font-weight: 500;
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1); }
#sc-sidebar-main .sc-sidebar-menu > li > a .io-nav-icon {
	min-height: 1px;
	width: 40px;
	float: left;
	color: rgba(0, 0, 0, 0.54); }
#sc-sidebar-main .sc-sidebar-menu > li > a .io-nav-icon > i:before {
	font-size: 24px;
	font-size: 1.5rem;
	-webkit-transition: color 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: color 140ms cubic-bezier(0.55, 0, 0.1, 1); }
#sc-sidebar-main .sc-sidebar-menu > li > a .io-nav-title {
	overflow: hidden;
	display: block; }
#sc-sidebar-main .sc-sidebar-menu > li > a:hover {
	background: rgba(0, 0, 0, 0.08); }
#sc-sidebar-main .sc-sidebar-menu > li > a:hover .io-nav-icon {
	color: rgba(0, 0, 0, 0.87); }
#sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub {
	padding: 4px 0; }
#sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub a {
	padding: 8px 24px 8px 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative; }
#sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub a i {
	position: absolute;
	left: 26px;
	top: 5px; }
#sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub a i:before {
	font-size: 18px;
	font-size: 1.125rem; }
#sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub > .sc-sidebar-menu-heading {
	padding: 16px 24px 8px 64px !important; }
#sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub li.sc-has-submenu > a:after {
	margin-top: -0.745em; }
#sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub li.sc-has-submenu.sc-section-active > a:after {
	margin-top: -0.745em; }
#sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub li.sc-page-active a {
	color: #c62828;
	background: #ffebee; }
#sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub :not(.sc-sidebar-submenu-expanded) ul li a {
	padding: 6px 24px 6px 80px; }
#sc-sidebar-main .sc-sidebar-menu > li > .sc-sidebar-menu-sub :not(.sc-sidebar-submenu-expanded) ul li ul li a {
	padding-left: 96px; }
#sc-sidebar-main .sc-sidebar-menu > li.sc-section-active .mdi {
	color: rgba(0, 0, 0, 0.87); }
#sc-sidebar-main .sc-sidebar-menu > li.sc-page-active > a {
	color: #c62828;
	background: #ffebee; }
#sc-sidebar-main .sc-sidebar-menu > li:first-child.sc-sidebar-menu-heading {
	padding-top: 0 !important; }
#sc-sidebar-main .sc-sidebar-menu .sc-page-active > a {
	font-weight: 500; }
#sc-sidebar-main .sc-sidebar-menu .sc-page-active .io-nav-icon > i {
	color: #c62828; }
#sc-sidebar-main .sc-sidebar-menu-heading {
	font-weight: 500;
	padding: 8px 16px 4px 26px !important;
	color: rgba(0, 0, 0, 0.54);
	font-size: 14px;
	font-size: 0.875rem;
	text-transform: uppercase; }
#sc-sidebar-main .sc-sidebar-menu-separator {
	margin: 16px 0 16px 64px !important;
	border-top: 1px solid rgba(0, 0, 0, 0.12); }
#sc-sidebar-main .sc-sidebar-info {
	padding: 8px 24px;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 500;
	height: 46px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.54);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
.sc-touch-device #sc-sidebar-main .sc-sidebar-menu > li > a:hover {
	background: transparent; }
.sc-sidebar-mini #sc-sidebar-main,
.sc-sidebar-main-slide #sc-sidebar-main {
	width: 72px;
	overflow: hidden;
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-sidebar-mini #sc-sidebar-main .sc-sidebar-menu li.sc-has-submenu a:after,
.sc-sidebar-main-slide #sc-sidebar-main .sc-sidebar-menu li.sc-has-submenu a:after {
	display: none; }
.sc-sidebar-mini #sc-sidebar-main .sc-sidebar-menu > li > a .io-nav-title,
.sc-sidebar-main-slide #sc-sidebar-main .sc-sidebar-menu > li > a .io-nav-title {
	opacity: 0;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	-webkit-transition: all 140ms ease;
	transition: all 140ms ease; }
.sc-sidebar-mini #sc-sidebar-main .sc-sidebar-menu > li.sc-section-active > a,
.sc-sidebar-main-slide #sc-sidebar-main .sc-sidebar-menu > li.sc-section-active > a {
	background: transparent; }
.sc-sidebar-mini #sc-sidebar-main .sc-sidebar-menu > li.sc-section-active > ul,
.sc-sidebar-main-slide #sc-sidebar-main .sc-sidebar-menu > li.sc-section-active > ul {
	display: none !important; }
.sc-sidebar-mini #sc-sidebar-main .sc-sidebar-menu > li:first-child.sc-sidebar-menu-heading:after,
.sc-sidebar-main-slide #sc-sidebar-main .sc-sidebar-menu > li:first-child.sc-sidebar-menu-heading:after {
	margin-top: -3px; }
.sc-sidebar-mini #sc-sidebar-main .sc-sidebar-menu-heading,
.sc-sidebar-main-slide #sc-sidebar-main .sc-sidebar-menu-heading {
	position: relative; }
.sc-sidebar-mini #sc-sidebar-main .sc-sidebar-menu-heading span,
.sc-sidebar-main-slide #sc-sidebar-main .sc-sidebar-menu-heading span {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	opacity: 0; }
.sc-sidebar-mini #sc-sidebar-main .sc-sidebar-menu-heading:after,
.sc-sidebar-main-slide #sc-sidebar-main .sc-sidebar-menu-heading:after {
	opacity: 1;
	content: '';
	position: absolute;
	top: 50%;
	left: 28px;
	margin-left: -6px;
	display: block;
	border-top: 1px solid rgba(0, 0, 0, 0.36);
	height: 0;
	width: 28px;
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-sidebar-mini #sc-sidebar-main:not(:hover) .sc-sidebar-info,
.sc-sidebar-main-slide #sc-sidebar-main:not(:hover) .sc-sidebar-info {
	display: none; }
.sc-sidebar-mini #sc-sidebar-main:hover,
.sc-sidebar-main-slide #sc-sidebar-main:hover {
	width: 260px;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.23);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.23);
	border-right: none; }
.sc-sidebar-mini #sc-sidebar-main:hover .sc-sidebar-menu > li > a .io-nav-title,
.sc-sidebar-main-slide #sc-sidebar-main:hover .sc-sidebar-menu > li > a .io-nav-title {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0); }
.sc-sidebar-mini #sc-sidebar-main:hover .sc-sidebar-menu > li.sc-section-active > a,
.sc-sidebar-main-slide #sc-sidebar-main:hover .sc-sidebar-menu > li.sc-section-active > a {
	background: rgba(0, 0, 0, 0.04); }
.sc-sidebar-mini #sc-sidebar-main:hover .sc-sidebar-menu > li.sc-section-active > ul,
.sc-sidebar-main-slide #sc-sidebar-main:hover .sc-sidebar-menu > li.sc-section-active > ul {
	display: block !important; }
.sc-sidebar-mini #sc-sidebar-main:hover .sc-sidebar-menu li.sc-has-submenu > a:after,
.sc-sidebar-main-slide #sc-sidebar-main:hover .sc-sidebar-menu li.sc-has-submenu > a:after {
	display: block; }
.sc-sidebar-mini #sc-sidebar-main:hover .sc-sidebar-menu-heading span,
.sc-sidebar-main-slide #sc-sidebar-main:hover .sc-sidebar-menu-heading span {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1; }
.sc-sidebar-mini #sc-sidebar-main:hover .sc-sidebar-menu-heading:after,
.sc-sidebar-main-slide #sc-sidebar-main:hover .sc-sidebar-menu-heading:after {
	opacity: 0; }

.sc-sidebar-dark #sc-sidebar-main {
	background: #424242; }
.sc-sidebar-dark #sc-sidebar-main .sc-sidebar-menu > li > a .io-nav-icon {
	color: #e0e0e0; }
.sc-sidebar-dark #sc-sidebar-main .sc-sidebar-menu li.sc-has-submenu > a:after {
	color: #e0e0e0; }
.sc-sidebar-dark #sc-sidebar-main li a {
	color: #fff; }
.sc-sidebar-dark #sc-sidebar-main li.sc-page-active > a {
	background: #d50000;
	color: #fff; }
.sc-sidebar-dark #sc-sidebar-main li.sc-page-active .io-nav-icon > i {
	color: #fff; }

.sc-touch-device #sc-sidebar-main {
	padding-right: 12px; }

.sc-touch-device #sc-sidebar-main .sc-sidebar-menu li {
	padding-right: 12px; }

#sc-toolbar {
	position: relative;
	padding: 8px 24px 6px;
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	max-height: 72px;
	min-height: 48px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 900; }
#sc-toolbar.io-sticky {
	margin: -24px -24px 24px !important; }
#sc-toolbar .io-search .io-search-input {
	line-height: 34px; }

.sc-footer {
	position: fixed;
	left: 260px;
	right: 0;
	bottom: 0;
	padding: 8px 24px;
	background: #fff;
	height: 46px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	z-index: 1310;
	line-height: 30px;
	color: rgba(0, 0, 0, 0.54);
	font-size: 14px;
	font-size: 0.875rem; }
.sc-footer a {
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: underline; }
.sc-footer a span {
	font-size: 12px;
	font-size: 0.75rem;
	padding-top: 4px; }
.sc-sidebar-main-slide .sc-footer {
	left: 72px;
	z-index: 1290;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; }
.sc-sidebar-mini .sc-footer {
	left: 72px !important;
	z-index: 1290 !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important; }
@media (max-width: 959px) {
	.sc-footer {
	left: 0 !important;
	z-index: 1290;
	height: 56px;
	padding: 8px 0;
	line-height: 1; }
.sc-footer .mdi {
	line-height: 1;
	color: rgba(0, 0, 0, 0.54); } }
.sc-footer.sc-footer-light {
	border-top: none; }
.sc-footer.sc-footer-light,
.sc-footer.sc-footer-light a {
	color: #fff; }
.sc-footer.sc-footer-light .io-grid-divider > :not(.io-first-column):before {
	border-left-color: rgba(255, 255, 255, 0.3); }
.sc-footer.sc-footer-light .mdi {
	color: #fff; }
.sc-footer.sc-footer-light a,
.sc-footer.sc-footer-light a .mdi {
	color: rgba(255, 255, 255, 0.9); }
.sc-footer .sc-fab {
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -24px; }
.sc-footer .sc-fab-wrapper {
	width: 48px;
	height: 34.28571px;
	padding: 0 8px;
	border-bottom-left-radius: 120px;
	border-bottom-right-radius: 120px;
	background: #f5f5f5;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -28.8px; }
.sc-footer .sc-fab-wrapper .round-corner {
	background: #f5f5f5;
	position: absolute;
	top: 0;
	display: block;
	width: 10px;
	height: 7px; }
.sc-footer .sc-fab-wrapper .round-corner.left {
	left: -10px; }
.sc-footer .sc-fab-wrapper .round-corner.left:before {
	left: -1px;
	border-top-right-radius: 10px; }
.sc-footer .sc-fab-wrapper .round-corner.right {
	right: -10px; }
.sc-footer .sc-fab-wrapper .round-corner.right:before {
	right: -1px;
	border-top-left-radius: 10px; }
.sc-footer .sc-fab-wrapper .round-corner:before {
	position: absolute;
	top: 0;
	content: '';
	display: block;
	width: 11px;
	height: 7px;
	background: #37474f;
	z-index: 10; }

/* 4. components ==================================== */
.md-color-red-50 {
	color: #ffebee !important; }

.md-bg-red-50 {
	background-color: #ffebee !important; }

.md-color-red-100 {
	color: #ffcdd2 !important; }

.md-bg-red-100 {
	background-color: #ffcdd2 !important; }

.md-color-red-200 {
	color: #ef9a9a !important; }

.md-bg-red-200 {
	background-color: #ef9a9a !important; }

.md-color-red-300 {
	color: #e57373 !important; }

.md-bg-red-300 {
	background-color: #e57373 !important; }

.md-color-red-400 {
	color: #ef5350 !important; }

.md-bg-red-400 {
	background-color: #ef5350 !important; }

.md-color-red-500 {
	color: #f44336 !important; }

.md-bg-red-500 {
	background-color: #f44336 !important; }

.md-color-red-600 {
	color: #e53935 !important; }

.md-bg-red-600 {
	background-color: #e53935 !important; }

.md-color-red-700 {
	color: #d32f2f !important; }

.md-bg-red-700 {
	background-color: #d32f2f !important; }

.md-color-red-800 {
	color: #c62828 !important; }

.md-bg-red-800 {
	background-color: #c62828 !important; }

.md-color-red-900 {
	color: #b71c1c !important; }

.md-bg-red-900 {
	background-color: #b71c1c !important; }

.md-color-red-a100 {
	color: #ff8a80 !important; }

.md-bg-red-a100 {
	background-color: #ff8a80 !important; }

.md-color-red-a200 {
	color: #ff5252 !important; }

.md-bg-red-a200 {
	background-color: #ff5252 !important; }

.md-color-red-a400 {
	color: #ff1744 !important; }

.md-bg-red-a400 {
	background-color: #ff1744 !important; }

.md-color-red-a700 {
	color: #d50000 !important; }

.md-bg-red-a700 {
	background-color: #d50000 !important; }

.md-color-pink-50 {
	color: #fce4ec !important; }

.md-bg-pink-50 {
	background-color: #fce4ec !important; }

.md-color-pink-100 {
	color: #f8bbd0 !important; }

.md-bg-pink-100 {
	background-color: #f8bbd0 !important; }

.md-color-pink-200 {
	color: #f48fb1 !important; }

.md-bg-pink-200 {
	background-color: #f48fb1 !important; }

.md-color-pink-300 {
	color: #f06292 !important; }

.md-bg-pink-300 {
	background-color: #f06292 !important; }

.md-color-pink-400 {
	color: #ec407a !important; }

.md-bg-pink-400 {
	background-color: #ec407a !important; }

.md-color-pink-500 {
	color: #e91e63 !important; }

.md-bg-pink-500 {
	background-color: #e91e63 !important; }

.md-color-pink-600 {
	color: #d81b60 !important; }

.md-bg-pink-600 {
	background-color: #d81b60 !important; }

.md-color-pink-700 {
	color: #c2185b !important; }

.md-bg-pink-700 {
	background-color: #c2185b !important; }

.md-color-pink-800 {
	color: #ad1457 !important; }

.md-bg-pink-800 {
	background-color: #ad1457 !important; }

.md-color-pink-900 {
	color: #880e4f !important; }

.md-bg-pink-900 {
	background-color: #880e4f !important; }

.md-color-pink-a100 {
	color: #ff80ab !important; }

.md-bg-pink-a100 {
	background-color: #ff80ab !important; }

.md-color-pink-a200 {
	color: #ff4081 !important; }

.md-bg-pink-a200 {
	background-color: #ff4081 !important; }

.md-color-pink-a400 {
	color: #f50057 !important; }

.md-bg-pink-a400 {
	background-color: #f50057 !important; }

.md-color-pink-a700 {
	color: #c51162 !important; }

.md-bg-pink-a700 {
	background-color: #c51162 !important; }

.md-color-purple-50 {
	color: #f3e5f5 !important; }

.md-bg-purple-50 {
	background-color: #f3e5f5 !important; }

.md-color-purple-100 {
	color: #e1bee7 !important; }

.md-bg-purple-100 {
	background-color: #e1bee7 !important; }

.md-color-purple-200 {
	color: #ce93d8 !important; }

.md-bg-purple-200 {
	background-color: #ce93d8 !important; }

.md-color-purple-300 {
	color: #ba68c8 !important; }

.md-bg-purple-300 {
	background-color: #ba68c8 !important; }

.md-color-purple-400 {
	color: #ab47bc !important; }

.md-bg-purple-400 {
	background-color: #ab47bc !important; }

.md-color-purple-500 {
	color: #9c27b0 !important; }

.md-bg-purple-500 {
	background-color: #9c27b0 !important; }

.md-color-purple-600 {
	color: #8e24aa !important; }

.md-bg-purple-600 {
	background-color: #8e24aa !important; }

.md-color-purple-700 {
	color: #7b1fa2 !important; }

.md-bg-purple-700 {
	background-color: #7b1fa2 !important; }

.md-color-purple-800 {
	color: #6a1b9a !important; }

.md-bg-purple-800 {
	background-color: #6a1b9a !important; }

.md-color-purple-900 {
	color: #4a148c !important; }

.md-bg-purple-900 {
	background-color: #4a148c !important; }

.md-color-purple-a100 {
	color: #ea80fc !important; }

.md-bg-purple-a100 {
	background-color: #ea80fc !important; }

.md-color-purple-a200 {
	color: #e040fb !important; }

.md-bg-purple-a200 {
	background-color: #e040fb !important; }

.md-color-purple-a400 {
	color: #d500f9 !important; }

.md-bg-purple-a400 {
	background-color: #d500f9 !important; }

.md-color-purple-a700 {
	color: #aa00ff !important; }

.md-bg-purple-a700 {
	background-color: #aa00ff !important; }

.md-color-deep-purple-50 {
	color: #ede7f6 !important; }

.md-bg-deep-purple-50 {
	background-color: #ede7f6 !important; }

.md-color-deep-purple-100 {
	color: #d1c4e9 !important; }

.md-bg-deep-purple-100 {
	background-color: #d1c4e9 !important; }

.md-color-deep-purple-200 {
	color: #b39ddb !important; }

.md-bg-deep-purple-200 {
	background-color: #b39ddb !important; }

.md-color-deep-purple-300 {
	color: #9575cd !important; }

.md-bg-deep-purple-300 {
	background-color: #9575cd !important; }

.md-color-deep-purple-400 {
	color: #7e57c2 !important; }

.md-bg-deep-purple-400 {
	background-color: #7e57c2 !important; }

.md-color-deep-purple-500 {
	color: #673ab7 !important; }

.md-bg-deep-purple-500 {
	background-color: #673ab7 !important; }

.md-color-deep-purple-600 {
	color: #5e35b1 !important; }

.md-bg-deep-purple-600 {
	background-color: #5e35b1 !important; }

.md-color-deep-purple-700 {
	color: #512da8 !important; }

.md-bg-deep-purple-700 {
	background-color: #512da8 !important; }

.md-color-deep-purple-800 {
	color: #4527a0 !important; }

.md-bg-deep-purple-800 {
	background-color: #4527a0 !important; }

.md-color-deep-purple-900 {
	color: #311b92 !important; }

.md-bg-deep-purple-900 {
	background-color: #311b92 !important; }

.md-color-deep-purple-a100 {
	color: #b388ff !important; }

.md-bg-deep-purple-a100 {
	background-color: #b388ff !important; }

.md-color-deep-purple-a200 {
	color: #7c4dff !important; }

.md-bg-deep-purple-a200 {
	background-color: #7c4dff !important; }

.md-color-deep-purple-a400 {
	color: #651fff !important; }

.md-bg-deep-purple-a400 {
	background-color: #651fff !important; }

.md-color-deep-purple-a700 {
	color: #6200ea !important; }

.md-bg-deep-purple-a700 {
	background-color: #6200ea !important; }

.md-color-indigo-50 {
	color: #e8eaf6 !important; }

.md-bg-indigo-50 {
	background-color: #e8eaf6 !important; }

.md-color-indigo-100 {
	color: #c5cae9 !important; }

.md-bg-indigo-100 {
	background-color: #c5cae9 !important; }

.md-color-indigo-200 {
	color: #9fa8da !important; }

.md-bg-indigo-200 {
	background-color: #9fa8da !important; }

.md-color-indigo-300 {
	color: #7986cb !important; }

.md-bg-indigo-300 {
	background-color: #7986cb !important; }

.md-color-indigo-400 {
	color: #5c6bc0 !important; }

.md-bg-indigo-400 {
	background-color: #5c6bc0 !important; }

.md-color-indigo-500 {
	color: #3f51b5 !important; }

.md-bg-indigo-500 {
	background-color: #3f51b5 !important; }

.md-color-indigo-600 {
	color: #3949ab !important; }

.md-bg-indigo-600 {
	background-color: #3949ab !important; }

.md-color-indigo-700 {
	color: #303f9f !important; }

.md-bg-indigo-700 {
	background-color: #303f9f !important; }

.md-color-indigo-800 {
	color: #283593 !important; }

.md-bg-indigo-800 {
	background-color: #283593 !important; }

.md-color-indigo-900 {
	color: #1a237e !important; }

.md-bg-indigo-900 {
	background-color: #1a237e !important; }

.md-color-indigo-a100 {
	color: #8c9eff !important; }

.md-bg-indigo-a100 {
	background-color: #8c9eff !important; }

.md-color-indigo-a200 {
	color: #536dfe !important; }

.md-bg-indigo-a200 {
	background-color: #536dfe !important; }

.md-color-indigo-a400 {
	color: #3d5afe !important; }

.md-bg-indigo-a400 {
	background-color: #3d5afe !important; }

.md-color-indigo-a700 {
	color: #304ffe !important; }

.md-bg-indigo-a700 {
	background-color: #304ffe !important; }

.md-color-blue-50 {
	color: #e3f2fd !important; }

.md-bg-blue-50 {
	background-color: #e3f2fd !important; }

.md-color-blue-100 {
	color: #bbdefb !important; }

.md-bg-blue-100 {
	background-color: #bbdefb !important; }

.md-color-blue-200 {
	color: #90caf9 !important; }

.md-bg-blue-200 {
	background-color: #90caf9 !important; }

.md-color-blue-300 {
	color: #64b5f6 !important; }

.md-bg-blue-300 {
	background-color: #64b5f6 !important; }

.md-color-blue-400 {
	color: #42a5f5 !important; }

.md-bg-blue-400 {
	background-color: #42a5f5 !important; }

.md-color-blue-500 {
	color: #2196f3 !important; }

.md-bg-blue-500 {
	background-color: #2196f3 !important; }

.md-color-blue-600 {
	color: #1e88e5 !important; }

.md-bg-blue-600 {
	background-color: #1e88e5 !important; }

.md-color-blue-700 {
	color: #1976d2 !important; }

.md-bg-blue-700 {
	background-color: #1976d2 !important; }

.md-color-blue-800 {
	color: #1565c0 !important; }

.md-bg-blue-800 {
	background-color: #1565c0 !important; }

.md-color-blue-900 {
	color: #0d47a1 !important; }

.md-bg-blue-900 {
	background-color: #0d47a1 !important; }

.md-color-blue-a100 {
	color: #82b1ff !important; }

.md-bg-blue-a100 {
	background-color: #82b1ff !important; }

.md-color-blue-a200 {
	color: #448aff !important; }

.md-bg-blue-a200 {
	background-color: #448aff !important; }

.md-color-blue-a400 {
	color: #2979ff !important; }

.md-bg-blue-a400 {
	background-color: #2979ff !important; }

.md-color-blue-a700 {
	color: #2962ff !important; }

.md-bg-blue-a700 {
	background-color: #2962ff !important; }

.md-color-light-blue-50 {
	color: #e1f5fe !important; }

.md-bg-light-blue-50 {
	background-color: #e1f5fe !important; }

.md-color-light-blue-100 {
	color: #b3e5fc !important; }

.md-bg-light-blue-100 {
	background-color: #b3e5fc !important; }

.md-color-light-blue-200 {
	color: #81d4fa !important; }

.md-bg-light-blue-200 {
	background-color: #81d4fa !important; }

.md-color-light-blue-300 {
	color: #4fc3f7 !important; }

.md-bg-light-blue-300 {
	background-color: #4fc3f7 !important; }

.md-color-light-blue-400 {
	color: #29b6f6 !important; }

.md-bg-light-blue-400 {
	background-color: #29b6f6 !important; }

.md-color-light-blue-500 {
	color: #03a9f4 !important; }

.md-bg-light-blue-500 {
	background-color: #03a9f4 !important; }

.md-color-light-blue-600 {
	color: #039be5 !important; }

.md-bg-light-blue-600 {
	background-color: #039be5 !important; }

.md-color-light-blue-700 {
	color: #0288d1 !important; }

.md-bg-light-blue-700 {
	background-color: #0288d1 !important; }

.md-color-light-blue-800 {
	color: #0277bd !important; }

.md-bg-light-blue-800 {
	background-color: #0277bd !important; }

.md-color-light-blue-900 {
	color: #01579b !important; }

.md-bg-light-blue-900 {
	background-color: #01579b !important; }

.md-color-light-blue-a100 {
	color: #80d8ff !important; }

.md-bg-light-blue-a100 {
	background-color: #80d8ff !important; }

.md-color-light-blue-a200 {
	color: #40c4ff !important; }

.md-bg-light-blue-a200 {
	background-color: #40c4ff !important; }

.md-color-light-blue-a400 {
	color: #00b0ff !important; }

.md-bg-light-blue-a400 {
	background-color: #00b0ff !important; }

.md-color-light-blue-a700 {
	color: #0091ea !important; }

.md-bg-light-blue-a700 {
	background-color: #0091ea !important; }

.md-color-cyan-50 {
	color: #e0f7fa !important; }

.md-bg-cyan-50 {
	background-color: #e0f7fa !important; }

.md-color-cyan-100 {
	color: #b2ebf2 !important; }

.md-bg-cyan-100 {
	background-color: #b2ebf2 !important; }

.md-color-cyan-200 {
	color: #80deea !important; }

.md-bg-cyan-200 {
	background-color: #80deea !important; }

.md-color-cyan-300 {
	color: #4dd0e1 !important; }

.md-bg-cyan-300 {
	background-color: #4dd0e1 !important; }

.md-color-cyan-400 {
	color: #26c6da !important; }

.md-bg-cyan-400 {
	background-color: #26c6da !important; }

.md-color-cyan-500 {
	color: #00bcd4 !important; }

.md-bg-cyan-500 {
	background-color: #00bcd4 !important; }

.md-color-cyan-600 {
	color: #00acc1 !important; }

.md-bg-cyan-600 {
	background-color: #00acc1 !important; }

.md-color-cyan-700 {
	color: #0097a7 !important; }

.md-bg-cyan-700 {
	background-color: #0097a7 !important; }

.md-color-cyan-800 {
	color: #37474f !important; }

.md-bg-cyan-800 {
	background-color: #37474f !important; }

.md-color-cyan-900 {
	color: #006064 !important; }

.md-bg-cyan-900 {
	background-color: #006064 !important; }

.md-color-cyan-a100 {
	color: #84ffff !important; }

.md-bg-cyan-a100 {
	background-color: #84ffff !important; }

.md-color-cyan-a200 {
	color: #18ffff !important; }

.md-bg-cyan-a200 {
	background-color: #18ffff !important; }

.md-color-cyan-a400 {
	color: #00e5ff !important; }

.md-bg-cyan-a400 {
	background-color: #00e5ff !important; }

.md-color-cyan-a700 {
	color: #00b8d4 !important; }

.md-bg-cyan-a700 {
	background-color: #00b8d4 !important; }

.md-color-teal-50 {
	color: #e0f2f1 !important; }

.md-bg-teal-50 {
	background-color: #e0f2f1 !important; }

.md-color-teal-100 {
	color: #b2dfdb !important; }

.md-bg-teal-100 {
	background-color: #b2dfdb !important; }

.md-color-teal-200 {
	color: #80cbc4 !important; }

.md-bg-teal-200 {
	background-color: #80cbc4 !important; }

.md-color-teal-300 {
	color: #4db6ac !important; }

.md-bg-teal-300 {
	background-color: #4db6ac !important; }

.md-color-teal-400 {
	color: #26a69a !important; }

.md-bg-teal-400 {
	background-color: #26a69a !important; }

.md-color-teal-500 {
	color: #009688 !important; }

.md-bg-teal-500 {
	background-color: #009688 !important; }

.md-color-teal-600 {
	color: #00897b !important; }

.md-bg-teal-600 {
	background-color: #00897b !important; }

.md-color-teal-700 {
	color: #00796b !important; }

.md-bg-teal-700 {
	background-color: #00796b !important; }

.md-color-teal-800 {
	color: #00695c !important; }

.md-bg-teal-800 {
	background-color: #00695c !important; }

.md-color-teal-900 {
	color: #004d40 !important; }

.md-bg-teal-900 {
	background-color: #004d40 !important; }

.md-color-teal-a100 {
	color: #a7ffeb !important; }

.md-bg-teal-a100 {
	background-color: #a7ffeb !important; }

.md-color-teal-a200 {
	color: #64ffda !important; }

.md-bg-teal-a200 {
	background-color: #64ffda !important; }

.md-color-teal-a400 {
	color: #1de9b6 !important; }

.md-bg-teal-a400 {
	background-color: #1de9b6 !important; }

.md-color-teal-a700 {
	color: #00bfa5 !important; }

.md-bg-teal-a700 {
	background-color: #00bfa5 !important; }

.md-color-green-50 {
	color: #e8f5e9 !important; }

.md-bg-green-50 {
	background-color: #e8f5e9 !important; }

.md-color-green-100 {
	color: #c8e6c9 !important; }

.md-bg-green-100 {
	background-color: #c8e6c9 !important; }

.md-color-green-200 {
	color: #a5d6a7 !important; }

.md-bg-green-200 {
	background-color: #a5d6a7 !important; }

.md-color-green-300 {
	color: #81c784 !important; }

.md-bg-green-300 {
	background-color: #81c784 !important; }

.md-color-green-400 {
	color: #66bb6a !important; }

.md-bg-green-400 {
	background-color: #66bb6a !important; }

.md-color-green-500 {
	color: #4caf50 !important; }

.md-bg-green-500 {
	background-color: #4caf50 !important; }

.md-color-green-600 {
	color: #43a047 !important; }

.md-bg-green-600 {
	background-color: #43a047 !important; }

.md-color-green-700 {
	color: #388e3c !important; }

.md-bg-green-700 {
	background-color: #388e3c !important; }

.md-color-green-800 {
	color: #2e7d32 !important; }

.md-bg-green-800 {
	background-color: #2e7d32 !important; }

.md-color-green-900 {
	color: #1b5e20 !important; }

.md-bg-green-900 {
	background-color: #1b5e20 !important; }

.md-color-green-a100 {
	color: #b9f6ca !important; }

.md-bg-green-a100 {
	background-color: #b9f6ca !important; }

.md-color-green-a200 {
	color: #69f0ae !important; }

.md-bg-green-a200 {
	background-color: #69f0ae !important; }

.md-color-green-a400 {
	color: #00e676 !important; }

.md-bg-green-a400 {
	background-color: #00e676 !important; }

.md-color-green-a700 {
	color: #00c853 !important; }

.md-bg-green-a700 {
	background-color: #00c853 !important; }

.md-color-light-green-50 {
	color: #f1f8e9 !important; }

.md-bg-light-green-50 {
	background-color: #f1f8e9 !important; }

.md-color-light-green-100 {
	color: #dcedc8 !important; }

.md-bg-light-green-100 {
	background-color: #dcedc8 !important; }

.md-color-light-green-200 {
	color: #c5e1a5 !important; }

.md-bg-light-green-200 {
	background-color: #c5e1a5 !important; }

.md-color-light-green-300 {
	color: #aed581 !important; }

.md-bg-light-green-300 {
	background-color: #aed581 !important; }

.md-color-light-green-400 {
	color: #9ccc65 !important; }

.md-bg-light-green-400 {
	background-color: #9ccc65 !important; }

.md-color-light-green-500 {
	color: #8bc34a !important; }

.md-bg-light-green-500 {
	background-color: #8bc34a !important; }

.md-color-light-green-600 {
	color: #7cb342 !important; }

.md-bg-light-green-600 {
	background-color: #7cb342 !important; }

.md-color-light-green-700 {
	color: #689f38 !important; }

.md-bg-light-green-700 {
	background-color: #689f38 !important; }

.md-color-light-green-800 {
	color: #558b2f !important; }

.md-bg-light-green-800 {
	background-color: #558b2f !important; }

.md-color-light-green-900 {
	color: #33691e !important; }

.md-bg-light-green-900 {
	background-color: #33691e !important; }

.md-color-light-green-a100 {
	color: #ccff90 !important; }

.md-bg-light-green-a100 {
	background-color: #ccff90 !important; }

.md-color-light-green-a200 {
	color: #b2ff59 !important; }

.md-bg-light-green-a200 {
	background-color: #b2ff59 !important; }

.md-color-light-green-a400 {
	color: #76ff03 !important; }

.md-bg-light-green-a400 {
	background-color: #76ff03 !important; }

.md-color-light-green-a700 {
	color: #64dd17 !important; }

.md-bg-light-green-a700 {
	background-color: #64dd17 !important; }

.md-color-lime-50 {
	color: #f9fbe7 !important; }

.md-bg-lime-50 {
	background-color: #f9fbe7 !important; }

.md-color-lime-100 {
	color: #f0f4c3 !important; }

.md-bg-lime-100 {
	background-color: #f0f4c3 !important; }

.md-color-lime-200 {
	color: #e6ee9c !important; }

.md-bg-lime-200 {
	background-color: #e6ee9c !important; }

.md-color-lime-300 {
	color: #dce775 !important; }

.md-bg-lime-300 {
	background-color: #dce775 !important; }

.md-color-lime-400 {
	color: #d4e157 !important; }

.md-bg-lime-400 {
	background-color: #d4e157 !important; }

.md-color-lime-500 {
	color: #cddc39 !important; }

.md-bg-lime-500 {
	background-color: #cddc39 !important; }

.md-color-lime-600 {
	color: #c0ca33 !important; }

.md-bg-lime-600 {
	background-color: #c0ca33 !important; }

.md-color-lime-700 {
	color: #afb42b !important; }

.md-bg-lime-700 {
	background-color: #afb42b !important; }

.md-color-lime-800 {
	color: #9e9d24 !important; }

.md-bg-lime-800 {
	background-color: #9e9d24 !important; }

.md-color-lime-900 {
	color: #827717 !important; }

.md-bg-lime-900 {
	background-color: #827717 !important; }

.md-color-lime-a100 {
	color: #f4ff81 !important; }

.md-bg-lime-a100 {
	background-color: #f4ff81 !important; }

.md-color-lime-a200 {
	color: #eeff41 !important; }

.md-bg-lime-a200 {
	background-color: #eeff41 !important; }

.md-color-lime-a400 {
	color: #c6ff00 !important; }

.md-bg-lime-a400 {
	background-color: #c6ff00 !important; }

.md-color-lime-a700 {
	color: #aeea00 !important; }

.md-bg-lime-a700 {
	background-color: #aeea00 !important; }

.md-color-yellow-50 {
	color: #fffde7 !important; }

.md-bg-yellow-50 {
	background-color: #fffde7 !important; }

.md-color-yellow-100 {
	color: #fff9c4 !important; }

.md-bg-yellow-100 {
	background-color: #fff9c4 !important; }

.md-color-yellow-200 {
	color: #fff59d !important; }

.md-bg-yellow-200 {
	background-color: #fff59d !important; }

.md-color-yellow-300 {
	color: #fff176 !important; }

.md-bg-yellow-300 {
	background-color: #fff176 !important; }

.md-color-yellow-400 {
	color: #ffee58 !important; }

.md-bg-yellow-400 {
	background-color: #ffee58 !important; }

.md-color-yellow-500 {
	color: #ffeb3b !important; }

.md-bg-yellow-500 {
	background-color: #ffeb3b !important; }

.md-color-yellow-600 {
	color: #fdd835 !important; }

.md-bg-yellow-600 {
	background-color: #fdd835 !important; }

.md-color-yellow-700 {
	color: #fbc02d !important; }

.md-bg-yellow-700 {
	background-color: #fbc02d !important; }

.md-color-yellow-800 {
	color: #f9a825 !important; }

.md-bg-yellow-800 {
	background-color: #f9a825 !important; }

.md-color-yellow-900 {
	color: #f57f17 !important; }

.md-bg-yellow-900 {
	background-color: #f57f17 !important; }

.md-color-yellow-a100 {
	color: #ffff8d !important; }

.md-bg-yellow-a100 {
	background-color: #ffff8d !important; }

.md-color-yellow-a200 {
	color: #ffff00 !important; }

.md-bg-yellow-a200 {
	background-color: #ffff00 !important; }

.md-color-yellow-a400 {
	color: #ffea00 !important; }

.md-bg-yellow-a400 {
	background-color: #ffea00 !important; }

.md-color-yellow-a700 {
	color: #ffd600 !important; }

.md-bg-yellow-a700 {
	background-color: #ffd600 !important; }

.md-color-amber-50 {
	color: #fff8e1 !important; }

.md-bg-amber-50 {
	background-color: #fff8e1 !important; }

.md-color-amber-100 {
	color: #ffecb3 !important; }

.md-bg-amber-100 {
	background-color: #ffecb3 !important; }

.md-color-amber-200 {
	color: #ffe082 !important; }

.md-bg-amber-200 {
	background-color: #ffe082 !important; }

.md-color-amber-300 {
	color: #ffd54f !important; }

.md-bg-amber-300 {
	background-color: #ffd54f !important; }

.md-color-amber-400 {
	color: #ffca28 !important; }

.md-bg-amber-400 {
	background-color: #ffca28 !important; }

.md-color-amber-500 {
	color: #ffc107 !important; }

.md-bg-amber-500 {
	background-color: #ffc107 !important; }

.md-color-amber-600 {
	color: #ffb300 !important; }

.md-bg-amber-600 {
	background-color: #ffb300 !important; }

.md-color-amber-700 {
	color: #ffa000 !important; }

.md-bg-amber-700 {
	background-color: #ffa000 !important; }

.md-color-amber-800 {
	color: #ff8f00 !important; }

.md-bg-amber-800 {
	background-color: #ff8f00 !important; }

.md-color-amber-900 {
	color: #ff6f00 !important; }

.md-bg-amber-900 {
	background-color: #ff6f00 !important; }

.md-color-amber-a100 {
	color: #ffe57f !important; }

.md-bg-amber-a100 {
	background-color: #ffe57f !important; }

.md-color-amber-a200 {
	color: #ffd740 !important; }

.md-bg-amber-a200 {
	background-color: #ffd740 !important; }

.md-color-amber-a400 {
	color: #ffc400 !important; }

.md-bg-amber-a400 {
	background-color: #ffc400 !important; }

.md-color-amber-a700 {
	color: #ffab00 !important; }

.md-bg-amber-a700 {
	background-color: #ffab00 !important; }

.md-color-orange-50 {
	color: #fff3e0 !important; }

.md-bg-orange-50 {
	background-color: #fff3e0 !important; }

.md-color-orange-100 {
	color: #ffe0b2 !important; }

.md-bg-orange-100 {
	background-color: #ffe0b2 !important; }

.md-color-orange-200 {
	color: #ffcc80 !important; }

.md-bg-orange-200 {
	background-color: #ffcc80 !important; }

.md-color-orange-300 {
	color: #ffb74d !important; }

.md-bg-orange-300 {
	background-color: #ffb74d !important; }

.md-color-orange-400 {
	color: #ffa726 !important; }

.md-bg-orange-400 {
	background-color: #ffa726 !important; }

.md-color-orange-500 {
	color: #ff9800 !important; }

.md-bg-orange-500 {
	background-color: #ff9800 !important; }

.md-color-orange-600 {
	color: #fb8c00 !important; }

.md-bg-orange-600 {
	background-color: #fb8c00 !important; }

.md-color-orange-700 {
	color: #f57c00 !important; }

.md-bg-orange-700 {
	background-color: #f57c00 !important; }

.md-color-orange-800 {
	color: #ef6c00 !important; }

.md-bg-orange-800 {
	background-color: #ef6c00 !important; }

.md-color-orange-900 {
	color: #e65100 !important; }

.md-bg-orange-900 {
	background-color: #e65100 !important; }

.md-color-orange-a100 {
	color: #ffd180 !important; }

.md-bg-orange-a100 {
	background-color: #ffd180 !important; }

.md-color-orange-a200 {
	color: #ffab40 !important; }

.md-bg-orange-a200 {
	background-color: #ffab40 !important; }

.md-color-orange-a400 {
	color: #ff9100 !important; }

.md-bg-orange-a400 {
	background-color: #ff9100 !important; }

.md-color-orange-a700 {
	color: #ff6d00 !important; }

.md-bg-orange-a700 {
	background-color: #ff6d00 !important; }

.md-color-deep-orange-50 {
	color: #fbe9e7 !important; }

.md-bg-deep-orange-50 {
	background-color: #fbe9e7 !important; }

.md-color-deep-orange-100 {
	color: #ffccbc !important; }

.md-bg-deep-orange-100 {
	background-color: #ffccbc !important; }

.md-color-deep-orange-200 {
	color: #ffab91 !important; }

.md-bg-deep-orange-200 {
	background-color: #ffab91 !important; }

.md-color-deep-orange-300 {
	color: #ff8a65 !important; }

.md-bg-deep-orange-300 {
	background-color: #ff8a65 !important; }

.md-color-deep-orange-400 {
	color: #ff7043 !important; }

.md-bg-deep-orange-400 {
	background-color: #ff7043 !important; }

.md-color-deep-orange-500 {
	color: #ff5722 !important; }

.md-bg-deep-orange-500 {
	background-color: #ff5722 !important; }

.md-color-deep-orange-600 {
	color: #f4511e !important; }

.md-bg-deep-orange-600 {
	background-color: #f4511e !important; }

.md-color-deep-orange-700 {
	color: #e64a19 !important; }

.md-bg-deep-orange-700 {
	background-color: #e64a19 !important; }

.md-color-deep-orange-800 {
	color: #d84315 !important; }

.md-bg-deep-orange-800 {
	background-color: #d84315 !important; }

.md-color-deep-orange-900 {
	color: #bf360c !important; }

.md-bg-deep-orange-900 {
	background-color: #bf360c !important; }

.md-color-deep-orange-a100 {
	color: #ff9e80 !important; }

.md-bg-deep-orange-a100 {
	background-color: #ff9e80 !important; }

.md-color-deep-orange-a200 {
	color: #ff6e40 !important; }

.md-bg-deep-orange-a200 {
	background-color: #ff6e40 !important; }

.md-color-deep-orange-a400 {
	color: #ff3d00 !important; }

.md-bg-deep-orange-a400 {
	background-color: #ff3d00 !important; }

.md-color-deep-orange-a700 {
	color: #dd2c00 !important; }

.md-bg-deep-orange-a700 {
	background-color: #dd2c00 !important; }

.md-color-brown-50 {
	color: #efebe9 !important; }

.md-bg-brown-50 {
	background-color: #efebe9 !important; }

.md-color-brown-100 {
	color: #d7ccc8 !important; }

.md-bg-brown-100 {
	background-color: #d7ccc8 !important; }

.md-color-brown-200 {
	color: #bcaaa4 !important; }

.md-bg-brown-200 {
	background-color: #bcaaa4 !important; }

.md-color-brown-300 {
	color: #a1887f !important; }

.md-bg-brown-300 {
	background-color: #a1887f !important; }

.md-color-brown-400 {
	color: #8d6e63 !important; }

.md-bg-brown-400 {
	background-color: #8d6e63 !important; }

.md-color-brown-500 {
	color: #795548 !important; }

.md-bg-brown-500 {
	background-color: #795548 !important; }

.md-color-brown-600 {
	color: #6d4c41 !important; }

.md-bg-brown-600 {
	background-color: #6d4c41 !important; }

.md-color-brown-700 {
	color: #5d4037 !important; }

.md-bg-brown-700 {
	background-color: #5d4037 !important; }

.md-color-brown-800 {
	color: #4e342e !important; }

.md-bg-brown-800 {
	background-color: #4e342e !important; }

.md-color-brown-900 {
	color: #3e2723 !important; }

.md-bg-brown-900 {
	background-color: #3e2723 !important; }

.md-color-grey-50 {
	color: #fafafa !important; }

.md-bg-grey-50 {
	background-color: #fafafa !important; }

.md-color-grey-100 {
	color: #f5f5f5 !important; }

.md-bg-grey-100 {
	background-color: #f5f5f5 !important; }

.md-color-grey-200 {
	color: #eeeeee !important; }

.md-bg-grey-200 {
	background-color: #eeeeee !important; }

.md-color-grey-300 {
	color: #e0e0e0 !important; }

.md-bg-grey-300 {
	background-color: #e0e0e0 !important; }

.md-color-grey-400 {
	color: #bdbdbd !important; }

.md-bg-grey-400 {
	background-color: #bdbdbd !important; }

.md-color-grey-500 {
	color: #9e9e9e !important; }

.md-bg-grey-500 {
	background-color: #9e9e9e !important; }

.md-color-grey-600 {
	color: #757575 !important; }

.md-bg-grey-600 {
	background-color: #757575 !important; }

.md-color-grey-700 {
	color: #616161 !important; }

.md-bg-grey-700 {
	background-color: #616161 !important; }

.md-color-grey-800 {
	color: #424242 !important; }

.md-bg-grey-800 {
	background-color: #424242 !important; }

.md-color-grey-900 {
	color: #212121 !important; }

.md-bg-grey-900 {
	background-color: #212121 !important; }

.md-color-blue-grey-50 {
	color: #eceff1 !important; }

.md-bg-blue-grey-50 {
	background-color: #eceff1 !important; }

.md-color-blue-grey-100 {
	color: #cfd8dc !important; }

.md-bg-blue-grey-100 {
	background-color: #cfd8dc !important; }

.md-color-blue-grey-200 {
	color: #b0bec5 !important; }

.md-bg-blue-grey-200 {
	background-color: #b0bec5 !important; }

.md-color-blue-grey-300 {
	color: #90a4ae !important; }

.md-bg-blue-grey-300 {
	background-color: #90a4ae !important; }

.md-color-blue-grey-400 {
	color: #78909c !important; }

.md-bg-blue-grey-400 {
	background-color: #78909c !important; }

.md-color-blue-grey-500 {
	color: #607d8b !important; }

.md-bg-blue-grey-500 {
	background-color: #607d8b !important; }

.md-color-blue-grey-600 {
	color: #546e7a !important; }

.md-bg-blue-grey-600 {
	background-color: #546e7a !important; }

.md-color-blue-grey-700 {
	color: #455a64 !important; }

.md-bg-blue-grey-700 {
	background-color: #455a64 !important; }

.md-color-blue-grey-800 {
	color: #37474f !important; }

.md-bg-blue-grey-800 {
	background-color: #37474f !important; }

.md-color-blue-grey-900 {
	color: #263238 !important; }

.md-bg-blue-grey-900 {
	background-color: #263238 !important; }

.md-color-white {
	color: #fff !important; }

.md-bg-white {
	background: #fff !important; }

.md-color-black {
	color: #222 !important; }

.io-card-header.io-cover-container .io-card-title,
.io-card-header.io-cover-container .io-text-meta {
	position: relative;
	z-index: 10; }

.sc-card-header-separator {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.sc-card-footer-separator {
	border-top: 1px solid rgba(0, 0, 0, 0.12); }

.sc-card-hidden {
	position: relative; }
.sc-card-hidden .sc-card-content {
	opacity: 0;
	position: relative;
	-webkit-transform: scale3d(0.2, 0.2, 0.2);
	transform: scale3d(0.2, 0.2, 0.2); }
.sc-card-hidden .sc-card-content:after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: '';
	z-index: 10;
	display: block; }
.sc-card-hidden .io-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0); }
.sc-card-hidden .io-spinner > svg > * {
	stroke: #66bb6a !important;
	stroke-width: 0.8px !important; }

.sc-card-content-more {
	display: none; }

.sc-card-fs-active {
	position: fixed;
	z-index: 10000;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0 !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; }
.sc-card-fs-active .sc-card-content {
	overflow: auto;
	-webkit-overflow-scrolling: touch; }
.sc-card-fs-active .sc-card-content .sc-card-content-more {
	display: block; }
.sc-card-fs-active .sc-card-fs-hidden {
	display: none;
	opacity: 0; }

.sc-card-fs-animate.io-card {
	overflow: hidden; }

.sc-card-fs-animate .sc-card-content {
	-webkit-transform: translate3d(0, 10%, 0);
	transform: translate3d(0, 10%, 0);
	opacity: 0;
	overflow: hidden; }

.sc-card-minimized .sc-js-card-reload {
	color: rgba(0, 0, 0, 0.4) !important; }

.sc-card-minimized.sc-card-fs-active {
	background-color: transparent; }
.sc-card-minimized.sc-card-fs-active .io-card-header {
	background-color: #fff;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.sc-card-fixed,
.sc-card-fixed body {
	overflow: hidden; }

.sc-card-fixed body,
.sc-card-fixed #sc-body-wrapper {
	height: 100%; }

.sc-card-fixed .io-card {
	border-radius: 3px 3px 0 0; }

.sc-card-fixed .io-card-body {
	height: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch; }

.sc-card-fixed #sc-page-content {
	overflow: hidden; }

.sc-card-user-profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
.sc-card-user-profile-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 12px 24px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }
.sc-card-user-profile .sc-avatar {
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	height: 64px;
	width: 64px;
	border: 2px solid rgba(0, 0, 0, 0.2); }
@media (max-width: 959px) {
	.sc-card-user-profile .sc-avatar {
	height: 48px;
	width: 48px; } }
.sc-card-user-profile .sc-actions {
	margin: 0 !important;
	padding: 12px 24px; }
.sc-card-user-profile.is-stuck {
	z-index: 1100;
	position: fixed;
	top: 0;
	border-radius: 0 0 3px 3px; }
.sc-card-user-profile.is-stuck.below-header {
	top: 48px; }
.sc-card-user-profile.is-stuck .sc-card-user-profile-body {
	padding: 8px 12px; }
.sc-card-user-profile.is-stuck .sc-avatar {
	width: 48px;
	height: 48px; }

.sc-colorpicker {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex; }
.sc-colorpicker:not(.sc-colorpicker-inline) .sc-colorpicker-picker {
	width: 24px;
	height: 24px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	cursor: pointer;
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	border-radius: 50%; }
.sc-colorpicker:not(.sc-colorpicker-inline) .sc-colorpicker-dropdown {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale3d(0.25, 0.25, 0.25);
	transform: scale3d(0.25, 0.25, 0.25);
	top: 100%;
	-webkit-transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	z-index: 1000;
	max-width: 224px;
	width: 100%;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 4px 6px 8px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 4px; }
.sc-colorpicker:not(.sc-colorpicker-inline) .sc-colorpicker-dropdown > span {
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	margin: 4px 2px 0 2px;
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	-ms-flex-negative: 0;
	flex-shrink: 0; }
.sc-colorpicker:not(.sc-colorpicker-inline) .sc-colorpicker-dropdown > span.sc-color-active {
	border-radius: 50%; }
.sc-colorpicker:not(.sc-colorpicker-inline).sc-colorpicker-active .sc-colorpicker-dropdown {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
.sc-colorpicker input {
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 0; }
.sc-colorpicker-inline .sc-colorpicker-colors {
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 4px 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
.sc-colorpicker-inline .sc-colorpicker-colors > span {
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	margin: 4px 2px 0 2px;
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	-ms-flex-negative: 0;
	flex-shrink: 0; }
.sc-colorpicker-inline .sc-colorpicker-colors > span.sc-color-active {
	border-radius: 50%; }
.sc-colorpicker-inline .sc-colorpicker-dropdown {
	width: 224px; }
.sc-colorpicker-right .sc-colorpicker-dropdown {
	left: auto;
	right: 0;
	-webkit-transform-origin: 100% 0 !important;
	transform-origin: 100% 0 !important; }

/* fileInput */
.btn-file {
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	cursor: pointer; }
.btn-file input {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 14px;
	cursor: pointer;
	opacity: 0;
	direction: ltr; }

.fileinput {
	display: inline-block; }
.fileinput .form-control {
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 5px;
	margin-bottom: 0;
	vertical-align: middle;
	cursor: text; }
.fileinput .thumbnail {
	display: inline-block;
	overflow: hidden;
	text-align: center;
	vertical-align: top; }
.fileinput .thumbnail > img {
	margin-top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%); }
.fileinput .btn {
	vertical-align: middle; }

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
	display: none !important; }

.fileinput-inline .fileinput-controls {
	display: inline; }

.fileinput-filename {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle; }

[data-sc-input] {
	border-width: 0 0 1px 0;
	border-color: rgba(0, 0, 0, 0.08);
	border-radius: 4px 4px 0 0; }
[data-sc-input]:focus {
	border-color: rgba(0, 0, 0, 0.36); }

.sc-input-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%; }
.sc-input-wrapper > label {
	color: rgba(0, 0, 0, 0.54);
	position: absolute;
	top: 16px;
	left: 8px;
	padding-left: 0;
	right: 0;
	pointer-events: none;
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	font-size: 14px;
	font-size: 0.875rem; }
.sc-input-wrapper > label.io-label-large {
	font-size: 18px;
	font-size: 1.125rem;
	top: 18px;
	left: 12px; }
.sc-input-wrapper > label.io-label-large + [data-sc-input] {
	height: 64px;
	padding: 18px 12px 4px; }
.sc-input-wrapper > label.io-label-small {
	font-size: 12px;
	font-size: 0.75rem;
	top: 12px;
	left: 8px; }
.sc-input-wrapper > label.io-label-small + [data-sc-input] {
	height: 40px;
	padding: 16px 8px 2px; }
.sc-input-wrapper > label + textarea[data-sc-input] {
	margin-top: 22px;
	padding-top: 0; }
.sc-input-wrapper > label + input[data-sc-input] {
	padding: 18px 8px 4px;
	height: 52px; }
.sc-input-wrapper .io-form-icon {
	margin-top: -1px;
	height: 40px; }
.sc-input-wrapper-danger > label {
	color: #e53935; }
.sc-input-wrapper-danger .sc-input-bar:before, .sc-input-wrapper-danger .sc-input-bar:after {
	background: #e53935; }
.sc-input-wrapper-danger .io-form-icon {
	color: #e53935; }
.sc-input-wrapper-success .sc-input-bar:before, .sc-input-wrapper-success .sc-input-bar:after {
	background: #7cb342; }
.sc-input-wrapper-success .io-form-icon {
	color: #7cb342; }
.sc-input-wrapper-outline label {
	background: #fff;
	display: inline-block;
	right: auto;
	left: 12px;
	top: 10px;
	border-radius: 2px; }
.sc-input-wrapper-outline label + input[data-sc-input] {
	height: 40px;
	padding: 10px 12px 6px; }
.sc-input-wrapper-outline label + textarea[data-sc-input] {
	height: auto;
	margin-top: 0;
	padding-top: 8px; }
.sc-input-wrapper-outline .io-form-icon {
	left: 0;
	margin-top: 0; }
.sc-input-wrapper-outline .io-form-icon-flip {
	right: 0;
	left: auto; }
.sc-input-wrapper-outline.sc-input-wrapper-danger label {
	color: #e53935; }

.sc-input-filled > label, .sc-input-focus > label {
	top: 4px;
	font-size: 12px;
	font-size: 0.75rem; }
.sc-input-filled > label.io-label-large, .sc-input-focus > label.io-label-large {
	font-size: 14px;
	font-size: 0.875rem;
	top: 6px; }
.sc-input-filled > label.io-label-small, .sc-input-focus > label.io-label-small {
	font-size: 10px;
	font-size: 0.625rem;
	top: 4px; }

.sc-input-filled.sc-input-wrapper-count .text-count-wrapper, .sc-input-focus.sc-input-wrapper-count .text-count-wrapper {
	opacity: 1; }

.sc-input-filled.sc-input-wrapper-outline > label, .sc-input-focus.sc-input-wrapper-outline > label {
	top: -9px;
	left: 8px;
	right: auto;
	padding: 0 4px; }

.sc-input-focus .sc-input-bar:before,
.sc-input-focus .sc-input-bar:after {
	width: 50%; }

.sc-input-match-field {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 52px; }

.sc-input-outline,
.sc-textarea-outline {
	border-radius: 4px;
	border-width: 1px;
	padding: 8px 12px 7px; }
.sc-input-outline:focus,
.sc-textarea-outline:focus {
	border-color: #1976d2; }

.sc-input-outline {
	height: 40px; }

.sc-input-bar {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%; }
.sc-input-bar:before, .sc-input-bar:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 0;
	height: 2px;
	background: #1976d2;
	-webkit-transition: width 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: width 140ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-input-bar:before {
	left: 50%; }
.sc-input-bar:after {
	right: 50%; }

.io-form-width-xsmall + .sc-input-bar {
	width: 50px; }

.io-form-width-small + .sc-input-bar {
	width: 130px; }

.io-form-width-medium + .sc-input-bar {
	width: 200px; }

.io-form-width-large + .sc-input-bar {
	width: 500px; }

.sc-switch-label {
	position: relative;
	display: inline-block;
	min-width: 120px;
	cursor: pointer;
	text-align: left;
	padding: 4px 0 4px 44px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }
.sc-switch-label:before, .sc-switch-label:after {
	content: "";
	position: absolute;
	margin: 0;
	outline: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-switch-label:before {
	left: 1px;
	width: 34px;
	height: 14px;
	background-color: #9e9e9e;
	border-radius: 8px; }
.sc-switch-label:after {
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #eeeeee;
	border-radius: 50%;
	border: 10px solid #fff;
	background: #fff;
	-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }

.sc-switch-toggle-on {
	display: none; }

.sc-switch-toggle-off {
	display: inline-block; }

.sc-switch-input {
	display: none; }
.sc-switch-input:checked + .sc-switch-label:before {
	background-color: #90caf9; }
.sc-switch-input:checked + .sc-switch-label:after {
	background-color: #1976d2;
	border-color: #1976d2;
	-webkit-transform: translate(80%, -50%);
	transform: translate(80%, -50%); }
.sc-switch-input:checked + .sc-switch-label .sc-switch-toggle-on {
	display: inline-block; }
.sc-switch-input:checked + .sc-switch-label .sc-switch-toggle-off {
	display: none; }

.sc-form-error-block {
	color: #e53935;
	font-size: 12px;
	font-size: 0.75rem;
	padding: 8px 0 0 8px;
	display: inline-block; }

.sc-form-errors-list {
	color: #e53935;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 8px 0 4px 8px;
	display: none; }
.sc-form-errors-list.filled {
	display: block; }

.cc-validate-wrapper {
	position: relative; }
.cc-validate-wrapper > .cc-icon {
	position: absolute;
	left: 6px;
	top: 29px;
	width: 52px;
	height: 30px;
	background: #eeeeee;
	border-radius: 4px;
	overflow: hidden;
	display: block; }
.cc-validate-wrapper > .cc-icon > img {
	margin: -2px 0 0 0; }
.cc-validate-wrapper > .io-input {
	padding-left: 72px; }

.sc-button {
	background: #fff;
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	height: 36px;
	min-width: 70px;
	padding: 4px 16px;
	margin: 0;
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all 240ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 240ms cubic-bezier(0.55, 0, 0.1, 1);
	color: rgba(0, 0, 0, 0.87);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
	font-weight: 500 !important;
	font-size: 14px !important;
	font-size: 0.875rem !important;
	line-height: 30px !important;
	overflow: hidden;
	will-change: box-shadow, color;}
.sc-button:focus, .sc-button:active, .sc-button.io-button-dropdown.io-open {
	background: #fff;
	outline: none;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.87); }
.sc-button:focus > i.mdi, .sc-button:active > i.mdi, .sc-button.io-button-dropdown.io-open > i.mdi {
	color: rgba(0, 0, 0, 0.87); }
.sc-button:hover {
	color: rgba(0, 0, 0, 0.87);
	-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
	text-decoration: none; }
.sc-button:active, .sc-button.io-active, .sc-button.io-button-dropdown.io-open {
	-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
.sc-button-primary, .sc-button-primary:hover, .sc-button-primary:focus, .sc-button-primary:active, .sc-button-primary.io-active {
	background: #37474f; }
.sc-button-secondary, .sc-button-secondary:hover, .sc-button-secondary:focus, .sc-button-secondary:active, .sc-button-secondary.io-active {
	background: #c62828; }
.sc-button-danger, .sc-button-danger:hover, .sc-button-danger:focus, .sc-button-danger:active, .sc-button-danger.io-active {
	background: #e53935; }
.sc-button-success, .sc-button-success:hover, .sc-button-success:focus, .sc-button-success:active, .sc-button-success.io-active {
	background: #7cb342; }
.sc-button-warning, .sc-button-warning:hover, .sc-button-warning:focus, .sc-button-warning:active, .sc-button-warning.io-active {
	background: #ffb300; }
.sc-button-danger, .sc-button-danger:before, .sc-button-danger:hover, .sc-button-danger:hover:before, .sc-button-danger:focus, .sc-button-danger:focus:before, .sc-button-danger:active, .sc-button-danger:active:before, .sc-button-danger.io-active, .sc-button-danger.io-active:before,
.sc-button-danger > i,
.sc-button-danger > i:before, .sc-button-primary, .sc-button-primary:before, .sc-button-primary:hover, .sc-button-primary:hover:before, .sc-button-primary:focus, .sc-button-primary:focus:before, .sc-button-primary:active, .sc-button-primary:active:before, .sc-button-primary.io-active, .sc-button-primary.io-active:before,
.sc-button-primary > i,
.sc-button-primary > i:before, .sc-button-secondary, .sc-button-secondary:before, .sc-button-secondary:hover, .sc-button-secondary:hover:before, .sc-button-secondary:focus, .sc-button-secondary:focus:before, .sc-button-secondary:active, .sc-button-secondary:active:before, .sc-button-secondary.io-active, .sc-button-secondary.io-active:before,
.sc-button-secondary > i,
.sc-button-secondary > i:before, .sc-button-success, .sc-button-success:before, .sc-button-success:hover, .sc-button-success:hover:before, .sc-button-success:focus, .sc-button-success:focus:before, .sc-button-success:active, .sc-button-success:active:before, .sc-button-success.io-active, .sc-button-success.io-active:before,
.sc-button-success > i,
.sc-button-success > i:before, .sc-button-warning, .sc-button-warning:before, .sc-button-warning:hover, .sc-button-warning:hover:before, .sc-button-warning:focus, .sc-button-warning:focus:before, .sc-button-warning:active, .sc-button-warning:active:before, .sc-button-warning.io-active, .sc-button-warning.io-active:before,
.sc-button-warning > i,
.sc-button-warning > i:before, .sc-button-custom, .sc-button-custom:before, .sc-button-custom:hover, .sc-button-custom:hover:before, .sc-button-custom:focus, .sc-button-custom:focus:before, .sc-button-custom:active, .sc-button-custom:active:before, .sc-button-custom.io-active, .sc-button-custom.io-active:before,
.sc-button-custom > i,
.sc-button-custom > i:before {
	color: #fff; }
.disabled > .sc-button, .disabled > .sc-button:hover, .disabled > .sc-button:focus, .disabled > .sc-button:active, .disabled > .sc-button.io-active, .sc-button:disabled, .sc-button:disabled:hover, .sc-button:disabled:focus, .sc-button:disabled:active, .sc-button:disabled.io-active, .sc-button-disabled, .sc-button-disabled:hover, .sc-button-disabled:focus, .sc-button-disabled:active, .sc-button-disabled.io-active {
	color: #999;
	background: #eaeaea;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	cursor: default;
	pointer-events: none; }
.sc-button > i.mdi {
	-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
	color: rgba(0, 0, 0, 0.54); }
.sc-button > i.mdi:before {
	font-size: 18px;
	font-size: 1.125rem; }
.sc-button::-moz-focus-inner {
	border: 0;
	padding: 0; }
.sc-button-block {
	width: 100%; }
.sc-button-block + .sc-button-block {
	margin-left: 0;
	margin-top: 12px; }
.sc-button-flex,
.sc-button-flex > span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
.sc-button-flex .mdi {
	margin-top: -2px;
	height: 24px; }
.sc-button-flex .mdi:before {
	line-height: 1; }
.sc-button-flat {
	background: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important; }
.sc-button-flat:hover {
	background: rgba(0, 0, 0, 0.08) !important; }
.sc-button-flat:active, .sc-button-flat.io-active {
	background: rgba(153, 153, 153, 0.4); }
.sc-button-flat-primary, .sc-button-flat-primary:hover, .sc-button-flat-primary:focus, .sc-button-flat-primary:active, .sc-button-flat-primary.io-active {
	color: #37474f; }
.sc-button-flat-primary.io-active {
	color: #37474f;
	background: #e0f7fa; }
.sc-button-flat-primary:hover {
	background: #e0f7fa !important; }
.sc-button-flat-danger, .sc-button-flat-danger:hover, .sc-button-flat-danger:focus, .sc-button-flat-danger:active, .sc-button-flat-danger.io-active {
	color: #e53935; }
.sc-button-flat-danger.io-active {
	color: #c62828;
	background: #ffebee; }
.sc-button-flat-danger:hover {
	background: #ffebee !important; }
.sc-button-flat-success, .sc-button-flat-success:hover, .sc-button-flat-success:focus, .sc-button-flat-success:active, .sc-button-flat-success.io-active {
	color: #7cb342; }
.sc-button-flat-success.io-active {
	color: #558b2f;
	background: #f1f8e9; }
.sc-button-flat-success:hover {
	background: #f1f8e9 !important; }
.sc-button-flat-warning, .sc-button-flat-warning:hover, .sc-button-flat-warning:focus, .sc-button-flat-warning:active, .sc-button-flat-warning.io-active {
	color: #ffb300; }
.sc-button-flat-warning.io-active {
	color: #ff8f00;
	background: #fff8e1; }
.sc-button-flat-warning:hover {
	background: #fff8e1 !important; }
.sc-button-flat:disabled, .sc-button-flat.sc-button-disabled {
	color: #a8a8a8;
	background: #fff;
	cursor: default;
	pointer-events: none; }
.sc-button-outline {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid rgba(0, 0, 0, 0.12);
	line-height: 28px !important;
	color: rgba(0, 0, 0, 0.87);
	background: transparent; }
.sc-button-outline-square {
	width: 36px !important; }
.sc-button-outline:active, .sc-button-outline.io-active, .sc-button-outline:hover, .sc-button-outline.io-button-dropdown.io-open {
	border-color: rgba(0, 0, 0, 0.36); }
.sc-button-outline-danger, .sc-button-outline-danger:hover, .sc-button-outline-danger:focus, .sc-button-outline-danger:active, .sc-button-outline-danger.io-active {
	color: #e53935;
	background: none; }
.sc-button-outline-danger:hover {
	border-color: #e53935; }
.sc-button-outline-danger.io-active {
	color: #c62828;
	background: #ffebee; }
.sc-button-outline-danger.sc-button-icon > i.mdi {
	color: #e53935; }
.sc-button-outline-primary, .sc-button-outline-primary:hover, .sc-button-outline-primary:focus, .sc-button-outline-primary:active, .sc-button-outline-primary.io-active {
	color: #37474f;
	background: none; }
.sc-button-outline-primary:hover {
	border-color: #00acc1; }
.sc-button-outline-primary.io-active {
	color: #37474f;
	background: #e0f7fa; }
.sc-button-outline-primary.sc-button-icon > i.mdi {
	color: #00acc1; }
.sc-button-outline-success, .sc-button-outline-success:hover, .sc-button-outline-success:focus, .sc-button-outline-success:active, .sc-button-outline-success.io-active {
	color: #7cb342;
	background: none; }
.sc-button-outline-success:hover {
	border-color: #7cb342; }
.sc-button-outline-success.io-active {
	color: #558b2f;
	background: #f1f8e9; }
.sc-button-outline-success.sc-button-icon > i.mdi {
	color: #7cb342; }
.sc-button-outline-warning, .sc-button-outline-warning:hover, .sc-button-outline-warning:focus, .sc-button-outline-warning:active, .sc-button-outline-warning.io-active {
	color: #ffb300;
	background: none; }
.sc-button-outline-warning:hover {
	border-color: #ffb300; }
.sc-button-outline-warning.io-active {
	color: #ff8f00;
	background: #fff8e1; }
.sc-button-outline-warning.sc-button-icon > i.mdi {
	color: #ffb300; }
.sc-button-outline:disabled, .sc-button-outline.sc-button-disabled {
	color: #a8a8a8 !important;
	border-color: rgba(0, 0, 0, 0.08);
	background: #fff;
	cursor: default;
	pointer-events: none; }
.sc-button-wrapper {
	display: inline-block;
	text-align: center; }
.sc-button-round {
	border-radius: 50%;
	padding: 4px; }
.sc-button-round .mdi:before {
	margin-top: -1px; }
.sc-button-state-loading {
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	width: 100%; }
.sc-button-state-loading-start {
	font-size: 0;
	background: #fff !important; }
.sc-button-state-loading-end {
	width: 36px;
	min-width: 36px;
	border-radius: 50%; }
.sc-button-facebook {
	background: #3b5998 !important; }
.sc-button-twitter {
	background: #00aced !important; }
.sc-button-gplus {
	background: #dd4b39 !important; }
.sc-button-twitch {
	background: #6441a5 !important; }
.sc-button-youtube {
	background: #c4302b !important; }
.sc-button-linkedin {
	background: #0e76a8 !important; }
.sc-button-social {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: inherit; }
.sc-button-social,
.sc-button-social > i {
	color: #fff !important; }
.sc-button-social i {
	margin-top: 2px; }
.sc-button-social > span {
	padding-top: 2px;
	margin-right: 8px; }
.sc-button-mini {
	line-height: 18px !important;
	min-width: 12px;
	font-size: 11px !important;
	height: 24px;
	padding: 4px 8px; }
.sc-button-mini.sc-button-outline {
	line-height: 16px !important; }
.sc-button-small {
	line-height: 26px !important;
	height: 32px;
	min-width: 14px;
	font-size: 12px !important;
	padding: 4px 8px; }
.sc-button-small.sc-button-outline {
	line-height: 22px !important; }
.sc-button-large {
	line-height: 42px !important;
	height: 48px;
	font-size: 16px !important;
	min-width: 100px; }
.sc-button-large.sc-button-outline {
	line-height: 40px !important; }
.sc-button-icon {
	min-width: 32px;
	padding: 4px 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; }
.sc-button-icon > i,
.sc-button-icon > i.mdi,
.sc-button-icon > i.mdi:before {
	font-size: 24px;
	line-height: 24px; }
.sc-button-icon.sc-button-large > i,
.sc-button-icon.sc-button-large > i.mdi {
	font-size: 32px; }
.sc-button-icon.sc-button-small > i,
.sc-button-icon.sc-button-small > i.mdi {
	font-size: 18px; }
.sc-button-icon.sc-button-mini > i,
.sc-button-icon.sc-button-mini > i.mdi {
	position: relative;
	font-size: 16px;
	line-height: 1; }
.sc-button.io-button-dropdown {
	position: relative;
	padding-right: 32px; }
.sc-button.io-button-dropdown:after {
	position: absolute;
	right: 6px;
	top: 3px;
	content: '\f140';
	font-family: "Material Design Icons";
	font-size: 20px;
	font-size: 1.25rem;
	-webkit-transition: -webkit-transform 140ms ease;
	transition: -webkit-transform 140ms ease;
	transition: transform 140ms ease;
	transition: transform 140ms ease, -webkit-transform 140ms ease; }
.sc-button.io-button-dropdown.io-open:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg); }
.sc-button .sc-progress-circular {
	width: 18px;
	height: 18px;
	margin-top: 1px; }
.sc-button-progress {
	min-width: 36px;
	padding: 4px 0;
	border-radius: 50%; }
.sc-button-progress-overlay {
	position: relative; }
.sc-button-progress-layer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 3px; }
.sc-button-progress-layer .sc-progress-circular {
	margin-top: 5px; }

.io-button-group {
	border-radius: 4px; }
.io-button-group:not(.sc-button-group-outline) {
	-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.io-button-group:not(.sc-button-group-outline) > .sc-button:nth-child(n+2),
.io-button-group:not(.sc-button-group-outline) > div:nth-child(n+2) .sc-button {
	position: relative;
	border-left: 1px solid rgba(0, 0, 0, 0.1); }
.io-button-group:not(.sc-button-group-outline) .sc-button {
	-webkit-box-shadow: none !important;
	box-shadow: none !important; }
.io-button-group:not(.sc-button-group-outline) .sc-button:hover, .io-button-group:not(.sc-button-group-outline) .sc-button:active {
	background: rgba(0, 0, 0, 0.08); }
.io-button-group:not(.sc-button-group-outline) .sc-button:hover.sc-button-primary, .io-button-group:not(.sc-button-group-outline) .sc-button:active.sc-button-primary {
	background: #006c76; }
.io-button-group:not(.sc-button-group-outline) .sc-button:hover.sc-button-secondary, .io-button-group:not(.sc-button-group-outline) .sc-button:active.sc-button-secondary {
	background: #b12424; }
.io-button-group:not(.sc-button-group-outline) .sc-button:hover.sc-button-success, .io-button-group:not(.sc-button-group-outline) .sc-button:active.sc-button-success {
	background: #628e34; }
.io-button-group:not(.sc-button-group-outline) .sc-button:hover.sc-button-danger, .io-button-group:not(.sc-button-group-outline) .sc-button:active.sc-button-danger {
	background: #cd1e1a; }
.io-button-group:not(.sc-button-group-outline) .sc-button:hover + .sc-button, .io-button-group:not(.sc-button-group-outline) .sc-button:active + .sc-button {
	border-left-color: transparent; }
.io-button-group:not(.sc-button-group-outline) .sc-button:active {
	-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12) !important;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12) !important; }
.io-button-group:not(.sc-button-group-outline) .sc-button.io-active {
	background: #00acc1 !important;
	color: #fff; }
.io-button-group:not(.sc-button-group-outline) .sc-button.io-open {
	background: rgba(0, 0, 0, 0.08);
	outline: none; }
@media (max-width: 959px) {
	.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@m {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@m > .sc-button:nth-child(n+2),
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@m > div:nth-child(n+2) .sc-button {
	border-radius: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-left: none; }
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@m .sc-button {
	width: 100%; }
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@m .sc-button:first-child {
	border-radius: 4px 4px 0 0; }
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@m .sc-button:last-child {
	border-radius: 0 0 4px 4px; } }
@media (max-width: 639px) {
	.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@s {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@s > .sc-button:nth-child(n+2),
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@s > div:nth-child(n+2) .sc-button {
	border-radius: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-left: none; }
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@s .sc-button {
	width: 100%; }
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@s .sc-button:first-child {
	border-radius: 4px 4px 0 0; }
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@s .sc-button:last-child {
	border-radius: 0 0 4px 4px; } }
@media (max-width: 479px) {
	.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@xs {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@xs > .sc-button:nth-child(n+2),
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@xs > div:nth-child(n+2) .sc-button {
	border-radius: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-left: none; }
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@xs .sc-button {
	width: 100%; }
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@xs .sc-button:first-child {
	border-radius: 4px 4px 0 0; }
.io-button-group:not(.sc-button-group-outline).sc-buttons-stacked\@xs .sc-button:last-child {
	border-radius: 0 0 4px 4px; } }
.io-button-group > .sc-button {
	border-radius: 0; }
.io-button-group > .sc-button:first-child {
	border-radius: 4px 0 0 4px; }
.io-button-group > .sc-button:last-child,
.io-button-group > .sc-button + div > .sc-button {
	border-radius: 0 4px 4px 0; }
.io-button-group.sc-button-group-outline {
	margin-left: -1px; }
.io-button-group.sc-button-group-outline .sc-button {
	margin-left: -1px;
	background: #fff; }
.io-button-group.sc-button-group-outline .sc-button:hover {
	position: relative;
	z-index: 10; }
.io-button-group.sc-button-group-outline .sc-button.io-active {
	background: #00acc1;
	color: #fff;
	z-index: 20; }

.sc-fab-page-wrapper {
	position: absolute;
	bottom: 16px;
	right: 16px; }

.sc-fab {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #fff;
	color: rgba(0, 0, 0, 0.54);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
	-webkit-transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	border: none;
	position: relative;
	text-align: center;
	cursor: pointer; }
.sc-fab:hover {
	-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
	color: rgba(0, 0, 0, 0.54); }
.sc-fab:active {
	-webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
	box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }
.sc-fab > i {
	color: rgba(0, 0, 0, 0.54); }
.sc-fab > i:before {
	font-size: 28px;
	font-size: 1.75rem; }
.sc-fab .mdi-reload:before,
.sc-fab .mdi-send:before {
	margin-right: -2px; }
.sc-fab-dark, .sc-fab-dark:hover,
.sc-fab-dark > i {
	color: #fff; }
.sc-fab-primary {
	background: #37474f; }
.sc-fab-primary, .sc-fab-primary:hover,
.sc-fab-primary > i {
	color: #fff; }
.sc-fab-secondary {
	background: #c62828; }
.sc-fab-secondary, .sc-fab-secondary:hover,
.sc-fab-secondary > i {
	color: #fff; }
.sc-fab-success {
	background: #7cb342; }
.sc-fab-success, .sc-fab-success:hover,
.sc-fab-success > i {
	color: #fff; }
.sc-fab-danger {
	background: #e53935; }
.sc-fab-danger, .sc-fab-danger:hover,
.sc-fab-danger > i {
	color: #fff; }
.sc-fab-warning {
	background: #ffb300; }
.sc-fab-warning,
.sc-fab-warning > i {
	color: #fff; }
.sc-fab-small {
	width: 36px;
	height: 36px;
	border-radius: 50%; }
.sc-fab-small > i:before {
	font-size: 20px;
	font-size: 1.25rem; }
.sc-fab-large {
	width: 64px;
	height: 64px;
	border-radius: 50%; }
.sc-fab-large > i:before {
	font-size: 36px;
	font-size: 2.25rem; }
.sc-fab-text {
	width: auto;
	padding: 0 24px;
	border-radius: 48px;
	text-transform: uppercase;
	font-weight: 500; }
.sc-fab-text > i {
	margin-left: -8px;
	margin-right: 4px; }
.sc-fab-text.sc-fab-small {
	padding: 0 12px;
	font-size: 12px;
	font-size: 0.75rem; }
.sc-fab-text.sc-fab-small > i {
	margin-left: -4px; }
.sc-fab-text.sc-fab-large {
	padding: 0 36px;
	font-size: 20px;
	font-size: 1.25rem; }
.sc-fab-text.sc-fab-large > i {
	margin-left: -12px;
	margin-right: 8px; }
.sc-fab-page-wrapper {
	position: fixed;
	bottom: 24px;
	right: 24px;
	z-index: 1150;
	-webkit-transition: margin 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: margin 280ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-footer-active .sc-fab-page-wrapper {
	bottom: 70px; }
@media (max-width: 959px) {
	.sc-footer-active .sc-fab-page-wrapper {
	bottom: 80px; } }
.sc-fab-card-wrapper {
	position: absolute;
	bottom: 16px;
	right: 16px; }
.sc-fab-page-wrapper > .sc-fab + .sc-fab, .sc-fab-card-wrapper > .sc-fab + .sc-fab {
	margin-top: 12px; }
.sc-fab-speed-dial > .sc-fab {
	position: relative;
	z-index: 10; }
.sc-fab-speed-dial > .sc-fab > i:nth-child(2) {
	display: none; }
.sc-fab-speed-dial .sc-fab-wrapper-inner {
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: none; }
.sc-fab-speed-dial .sc-fab-wrapper-inner .sc-fab {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
	animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1); }
.sc-fab-speed-dial:not(.sc-fab-speed-dial-horizontal) .sc-fab-wrapper-inner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	padding-bottom: 56px; }
.sc-fab-speed-dial:not(.sc-fab-speed-dial-horizontal) .sc-fab-wrapper-inner .sc-fab + .sc-fab {
	margin-bottom: 8px; }
.sc-fab-speed-dial-horizontal .sc-fab-wrapper-inner {
	padding-right: 56px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse; }
.sc-fab-speed-dial-horizontal .sc-fab-wrapper-inner .sc-fab + .sc-fab {
	margin-right: 8px; }
.sc-fab-speed-dial-active:not(.sc-fab-speed-dial-hover) > .sc-fab > i:nth-child(1) {
	display: none; }
.sc-fab-speed-dial-active:not(.sc-fab-speed-dial-hover) > .sc-fab > i:nth-child(2) {
	display: block; }
.sc-fab-speed-dial-active .sc-fab-wrapper-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }
.sc-fab-speed-dial-active.animIn .sc-fab-wrapper-inner .sc-fab {
	-webkit-animation-name: fabSpeedDialIn;
	animation-name: fabSpeedDialIn; }
.sc-fab-speed-dial-active.animOut .sc-fab-wrapper-inner .sc-fab {
	-webkit-animation-name: fabSpeedDialOut;
	animation-name: fabSpeedDialOut; }

@-webkit-keyframes fabSpeedDialIn {
	from {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1);
	transform: scale3d(0.1, 0.1, 0.1); }
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); } }

@keyframes fabSpeedDialIn {
	from {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1);
	transform: scale3d(0.1, 0.1, 0.1); }
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); } }

@-webkit-keyframes fabSpeedDialOut {
	from {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
to {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1);
	transform: scale3d(0.1, 0.1, 0.1); } }

@keyframes fabSpeedDialOut {
	from {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
to {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1);
	transform: scale3d(0.1, 0.1, 0.1); } }

.mdi.sc-icon-square {
	width: 36px;
	height: 36px; }
.mdi.sc-icon-square, .mdi.sc-icon-square-large {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; }
.mdi.sc-icon-square-large {
	width: 48px;
	height: 48px; }

.mdi:before {
	font-size: 24px;
	font-size: 1.5rem; }

.mdi-clock-outline:before {
	padding-top: 1px; }

.mdi-email-open:before {
	padding-top: 2px; }

.mdi-close:before {
	margin-left: 1px; }

a.mdi {
	color: rgba(0, 0, 0, 0.54);
	position: relative; }
a.mdi:hover {
	color: rgba(0, 0, 0, 0.87); }
a.mdi:after {
	content: '';
	background: rgba(0, 0, 0, 0.08);
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1);
	transform: scale3d(0.1, 0.1, 0.1);
	opacity: 0;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	-webkit-transition: all 140ms ease;
	transition: all 140ms ease; }
a.mdi:before {
	position: relative;
	z-index: 10; }
a.mdi.io-open:after, a.mdi:hover:after {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1); }
a.mdi.sc-light {
	color: #fff; }
a.mdi.sc-light:after {
	background: rgba(0, 0, 0, 0.16); }

.sc-icon-18 > i.mdi, .sc-icon-18:before {
	font-size: 18px !important;
	font-size: 1.125rem !important; }

.sc-icon-20 > i.mdi, .sc-icon-20:before {
	font-size: 20px !important;
	font-size: 1.25rem !important; }

.sc-icon-22 > i.mdi, .sc-icon-22:before {
	font-size: 22px !important;
	font-size: 1.375rem !important; }

.sc-icon-24 > i.mdi, .sc-icon-24:before {
	font-size: 24px !important;
	font-size: 1.5rem !important; }

.sc-icon-24.sc-icon-square {
	width: 36px;
	height: 36px; }

.sc-icon-28 > i.mdi, .sc-icon-28:before {
	font-size: 28px !important;
	font-size: 1.75rem !important; }

.sc-icon-28.sc-icon-square {
	width: 36px;
	height: 36px; }

.sc-icon-32 > i.mdi, .sc-icon-32:before {
	font-size: 32px !important;
	font-size: 2rem !important; }

.sc-icon-36 > i.mdi, .sc-icon-36:before {
	font-size: 36px !important;
	font-size: 2.25rem !important; }

.sc-icon-48 > i.mdi, .sc-icon-48:before {
	font-size: 48px !important;
	font-size: 3rem !important; }

.sc-icon-square {
	text-align: center; }

.sc-vmap {
	width: 100%;
	height: 320px; }

.sc-gmap {
	width: 100%;
	height: 360px; }

.gm-style img {
	-webkit-box-sizing: initial;
	box-sizing: initial; }

.sc-iw-title {
	font-weight: 500;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 16px 32px 8px 16px;
	text-transform: uppercase; }

.sc-iw-body {
	padding: 16px 16px 0;
	margin-bottom: 16px;
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	line-height: 1.5; }

.sc-iw-footer {
	padding: 0 16px 16px; }

.sc-iw-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 8px; }
.sc-iw-close .mdi {
	color: rgba(0, 0, 0, 0.54); }
.sc-iw-close .mdi:before {
	font-size: 20px;
	font-size: 1.25rem; }
.sc-iw-close:hover .mdi {
	color: rgba(0, 0, 0, 0.87); }

#sc-offcanvas {
	top: 48px; }
@media (min-width: 1200px) {
	#sc-offcanvas {
	display: none !important; } }
#sc-offcanvas .io-offcanvas-bar {
	top: 0;
	width: 280px;
	-webkit-overflow-scrolling: touch; }

.sc-offcanvas-open {
	display: block; }

.sc-offcanvas-close {
	display: none; }

.sc-offcanvas-visible .sc-offcanvas-open {
	display: none; }

.sc-offcanvas-visible .sc-offcanvas-close {
	display: block; }

.sc-js-offcanvas-toggle {
	display: none; }

.sc-progress {
	position: relative;
	max-width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }
.sc-progress-label {
	position: absolute;
	bottom: 100%;
	font-size: 12px;
	font-size: 0.75rem;
	width: 100%;
	color: rgba(0, 0, 0, 0.54);
	font-weight: 500;
	margin-bottom: 4px;
	text-align: center; }
.sc-progress-label-enabled {
	margin-top: 28px; }
.sc-progress-bar {
	position: relative;
	height: 4px;
	min-width: 12px;
	background: #bdbdbd;
	-webkit-transition: width 360ms cubic-bezier(0.55, 0, 0.1, 1), background-color 140ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: width 360ms cubic-bezier(0.55, 0, 0.1, 1), background-color 140ms cubic-bezier(0.55, 0, 0.1, 1);
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden; }
.sc-progress-medium .sc-progress-bar {
	height: 8px;
	font-size: 10px;
	font-size: 0.625rem;
	line-height: 8px; }
.sc-progress-large .sc-progress-bar {
	height: 16px;
	font-size: 11px;
	font-size: 0.6875rem;
	line-height: 17px; }
.sc-progress-medium, .sc-progress-large {
	border-radius: 3px; }
.sc-progress-medium .sc-progress-bar, .sc-progress-large .sc-progress-bar {
	border-radius: 3px; }
.sc-progress-medium.sc-progress-group .sc-progress-bar, .sc-progress-large.sc-progress-group .sc-progress-bar {
	border-radius: 3px 0 0 3px; }
.sc-progress-medium.sc-progress-group .sc-progress-bar + .sc-progress-bar, .sc-progress-large.sc-progress-group .sc-progress-bar + .sc-progress-bar {
	border-radius: 0; }
.sc-progress-medium.sc-progress-group .sc-progress-bar:last-child, .sc-progress-large.sc-progress-group .sc-progress-bar:last-child {
	border-radius: 0 3px 3px 0; }
.sc-progress-indeterminate {
	overflow: hidden; }
.sc-progress-indeterminate .sc-progress-bar {
	width: 100%;
	-webkit-animation: indeterminate 2800ms infinite linear;
	animation: indeterminate 2800ms infinite linear; }

.sc-progress-circular {
	border: 4px solid rgba(0, 0, 0, 0.12);
	border-top: 4px solid #00acc1;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	-webkit-animation: circular-animation 800ms linear infinite;
	animation: circular-animation 800ms linear infinite;
	display: inline-block; }
.sc-progress-circular-small {
	width: 12px;
	height: 12px;
	border-width: 2px; }
.sc-progress-circular-large {
	width: 48px;
	height: 48px;
	border-width: 8px; }
.sc-progress-circular-secondary {
	border-top-color: #d50000; }
.sc-progress-circular-light {
	border-color: rgba(0, 0, 0, 0.2);
	border-top-color: rgba(255, 255, 255, 0.9); }

@-webkit-keyframes circular-animation {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg); }
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg); } }

@keyframes circular-animation {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg); }
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg); } }

@-webkit-keyframes indeterminate {
	0% {
	-webkit-transform: translateX(-100%) scaleX(0.2);
	transform: translateX(-100%) scaleX(0.2); }
20% {
	-webkit-transform: translateX(-40%) scaleX(0.2);
	transform: translateX(-40%) scaleX(0.2); }
30% {
	-webkit-transform: translateX(0%) scaleX(0.5);
	transform: translateX(0%) scaleX(0.5); }
55% {
	-webkit-transform: translateX(100%) scaleX(0.7);
	transform: translateX(100%) scaleX(0.7); }
55.99% {
	-webkit-transform: scaleX(0);
	transform: scaleX(0); }
56% {
	-webkit-transform: translateX(-100%) scaleX(0);
	transform: translateX(-100%) scaleX(0); }
56.99% {
	-webkit-transform: translateX(-100%) scaleX(0.6);
	transform: translateX(-100%) scaleX(0.6); }
75% {
	-webkit-transform: translateX(-5%) scaleX(0.6);
	transform: translateX(-5%) scaleX(0.6); }
85% {
	-webkit-transform: translateX(30%) scaleX(0.3);
	transform: translateX(30%) scaleX(0.3); }
98% {
	-webkit-transform: translateX(100%) scaleX(0.2);
	transform: translateX(100%) scaleX(0.2); }
99.99% {
	-webkit-transform: scaleX(0);
	transform: scaleX(0); }
100% {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%); } }

@keyframes indeterminate {
	0% {
	-webkit-transform: translateX(-100%) scaleX(0.2);
	transform: translateX(-100%) scaleX(0.2); }
20% {
	-webkit-transform: translateX(-40%) scaleX(0.2);
	transform: translateX(-40%) scaleX(0.2); }
30% {
	-webkit-transform: translateX(0%) scaleX(0.5);
	transform: translateX(0%) scaleX(0.5); }
55% {
	-webkit-transform: translateX(100%) scaleX(0.7);
	transform: translateX(100%) scaleX(0.7); }
55.99% {
	-webkit-transform: scaleX(0);
	transform: scaleX(0); }
56% {
	-webkit-transform: translateX(-100%) scaleX(0);
	transform: translateX(-100%) scaleX(0); }
56.99% {
	-webkit-transform: translateX(-100%) scaleX(0.6);
	transform: translateX(-100%) scaleX(0.6); }
75% {
	-webkit-transform: translateX(-5%) scaleX(0.6);
	transform: translateX(-5%) scaleX(0.6); }
85% {
	-webkit-transform: translateX(30%) scaleX(0.3);
	transform: translateX(30%) scaleX(0.3); }
98% {
	-webkit-transform: translateX(100%) scaleX(0.2);
	transform: translateX(100%) scaleX(0.2); }
99.99% {
	-webkit-transform: scaleX(0);
	transform: scaleX(0); }
100% {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%); } }

.sc-timeline {
	position: relative;
	min-height: 32px;
	padding: 16px 0; }
.sc-timeline:after {
	position: absolute;
	top: 0;
	left: 84px;
	content: '';
	background: #e0e0e0;
	width: 4px;
	height: 100%;
	border-radius: 3px;
	z-index: 10; }
@media (max-width: 959px) {
	.sc-timeline:after {
	left: 20px !important;
	margin: 0; } }
.sc-timeline-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	z-index: 20;
	position: relative; }
.sc-timeline-item + .sc-timeline-item {
	margin-top: 16px; }
@media (max-width: 959px) {
	.sc-timeline-item {
	display: block;
	padding-left: 52px;
	margin-right: 0 !important;
	margin-left: 0 !important; } }
.sc-timeline-icon {
	width: 36px;
	height: 36px;
	margin-right: 16px;
	margin-top: 5px;
	text-align: center;
	background: #fff;
	border-radius: 6px;
	border: 4px solid #fff;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	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; }
@media (max-width: 959px) {
	.sc-timeline-icon {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important; } }
.sc-timeline-date {
	font-size: 14px;
	font-size: 0.875rem;
	width: 48px;
	margin-right: 16px;
	height: 53px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.54);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 18px;
	text-align: center; }
@media (max-width: 959px) {
	.sc-timeline-date {
	width: 100%;
	text-align: left;
	display: block;
	padding: 14px 0 0 0;
	margin: 0 0 16px;
	margin-left: 16px !important;
	height: 36px !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; } }
.sc-timeline-body {
	-ms-flex-item-align: start;
	align-self: flex-start;
	padding: 16px;
	border-radius: 3px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 100%;
	overflow: hidden;
	background: #fff; }
.sc-timeline-body-border {
	border: 1px solid rgba(0, 0, 0, 0.12); }
.sc-timeline-content {
	font-size: 14px;
	font-size: 0.875rem; }
.sc-timeline-header {
	font-size: 16px;
	font-size: 1rem;
	margin: 0; }
.sc-timeline-meta {
	font-size: 14px;
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.54); }
.sc-timeline hr {
	margin-bottom: 16px; }
.sc-timeline * + hr {
	margin-top: 12px; }
.sc-timeline-center:after {
	top: 0;
	left: 50%;
	margin-left: -2px; }
.sc-timeline-center .sc-timeline-item {
	margin-left: calc(50% - 86px); }
.sc-timeline-center .sc-timeline-item:nth-child(odd) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-right: calc(50% - 86px);
	margin-left: 0; }
.sc-timeline-center .sc-timeline-item:nth-child(odd) .sc-timeline-date,
.sc-timeline-center .sc-timeline-item:nth-child(odd) .sc-timeline-icon {
	margin-left: 16px;
	margin-right: 0; }
.sc-timeline-right:after {
	top: 0;
	right: 84px;
	left: auto; }
@media (max-width: 959px) {
	.sc-timeline-right:after {
	right: 20px !important;
	left: auto !important; } }
.sc-timeline-right .sc-timeline-item {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse; }
.sc-timeline-right .sc-timeline-item .sc-timeline-date,
.sc-timeline-right .sc-timeline-item .sc-timeline-icon {
	margin-left: 16px;
	margin-right: 0; }
@media (max-width: 959px) {
	.sc-timeline-right .sc-timeline-item {
	padding-left: 0;
	padding-right: 52px; } }
@media (max-width: 959px) {
	.sc-timeline-right .sc-timeline-icon {
	left: auto;
	right: 0; } }
@media (max-width: 959px) {
	.sc-timeline-right .sc-timeline-date {
	text-align: right;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-right: 16px; } }

/*!
* Waves v0.7.6
* http://fian.my.id/Waves
*
* Copyright 2014-2018 Alfiana E. Sibuea and other contributors
* Released under the MIT license
* https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent; }
.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	margin-left: -50px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.2);
	-webkit-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transform: scale(0) translate(0, 0);
	transform: scale(0) translate(0, 0);
	pointer-events: none; }
.waves-effect.waves-light .waves-ripple {
	background: rgba(255, 255, 255, 0.55); }
.waves-effect.waves-primary .waves-ripple {
	background: rgba(0, 172, 193, 0.2); }
.waves-effect.waves-md .waves-ripple {
	background: rgba(98, 0, 238, 0.2); }
.waves-effect.waves-warning .waves-ripple {
	background: rgba(255, 179, 0, 0.2); }
.waves-effect.waves-danger .waves-ripple {
	background: rgba(229, 57, 53, 0.2); }
.waves-effect.waves-success .waves-ripple {
	background: rgba(124, 179, 66, 0.2); }
.waves-effect.waves-classic .waves-ripple {
	background: rgba(0, 0, 0, 0.2); }
.waves-effect.waves-classic.waves-light .waves-ripple {
	background: rgba(255, 255, 255, 0.4); }

.waves-notransition {
	-webkit-transition: none !important;
	transition: none !important; }

.waves-button,
.waves-circle {
	-webkit-transform: translateZ(0);
	transform: translateZ(0); }

.waves-input-wrapper {
	border-radius: 0.2em;
	vertical-align: bottom; }
.waves-input-wrapper.waves-button {
	padding: 0; }
.waves-input-wrapper .waves-button-input {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1; }

.waves-circle {
	text-align: center;
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
	border-radius: 50%; }

.waves-float {
	-webkit-mask-image: none;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	-webkit-transition: all 300ms;
	transition: all 300ms; }

.waves-block {
	display: block;
	-webkit-transition: all 300ms;
	transition: all 300ms; }

.sc-top-menu ul {
	min-width: 160px;
	max-width: 240px;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 200ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 200ms cubic-bezier(0.55, 0, 0.1, 1);
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	display: none; }

.sc-top-menu li.sc-js-active > a {
	background: rgba(0, 0, 0, 0.08); }

.sc-top-menu li.sc-js-active > ul {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }

.sc-top-menu > li {
	position: relative; }
.sc-top-menu > li > ul {
	top: 100%;
	left: 0;
	border-radius: 0 0 3px 3px; }
.sc-top-menu > li.sc-has-submenu > a {
	position: relative;
	padding-right: 24px !important; }
.sc-top-menu > li.sc-has-submenu > a:after {
	font-weight: 400;
	position: absolute;
	right: 0;
	top: 0;
	content: '\F140';
	font-family: "Material Design Icons";
	font-size: 20px;
	font-size: 1.25rem;
	color: #fff;
	display: block;
	-webkit-transition: -webkit-transform 120ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: -webkit-transform 120ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: transform 120ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: transform 120ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 120ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-top-menu > li.sc-js-active > a:after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg); }

.sc-top-menu ul {
	background: #fff;
	padding: 8px 0;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	border-radius: 3px; }
.sc-top-menu ul li {
	display: block;
	position: relative; }
.sc-top-menu ul li a {
	padding: 4px 12px;
	display: block;
	color: rgba(0, 0, 0, 0.87); }
.sc-top-menu ul li a:hover {
	background: rgba(0, 0, 0, 0.08); }
.sc-top-menu ul li ul {
	left: 100%;
	top: -8px; }
.sc-top-menu ul li.sc-has-submenu > a {
	position: relative;
	padding-right: 24px; }
.sc-top-menu ul li.sc-has-submenu > a:after {
	font-weight: 400;
	position: absolute;
	right: 4px;
	top: 50%;
	margin-top: -0.745em;
	content: '\F142';
	font-family: "Material Design Icons";
	font-size: 20px;
	font-size: 1.25rem;
	color: rgba(0, 0, 0, 0.54);
	display: block; }

.sc-user-profile-avatar {
	position: relative; }
@media (max-width: 1199px) {
	.sc-user-profile-avatar {
	float: none !important;
	text-align: center;
	margin: 0 auto 16px !important; }
.sc-user-profile-avatar.fileinput {
	width: 100px;
	height: 100px;
	display: block; } }
.sc-user-profile-avatar img {
	-webkit-transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	display: inline-block;
	vertical-align: top; }
.sc-user-profile-avatar .thumbnail {
	-webkit-transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	width: 70px;
	height: 70px;
	line-height: 64px;
	border-radius: 50%;
	border: 2px solid #e1e1e1;
	background-color: #f5f5f5;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block; }
.sc-user-profile-avatar .thumbnail.thumbnail-lg {
	width: 100px;
	height: 100px; }
.sc-user-profile-avatar .btn-file {
	text-align: center;
	position: absolute;
	top: -4px;
	right: -8px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	display: block;
	border-radius: 50%;
	-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	overflow: hidden; }
.sc-user-profile-avatar .btn-file .mdi {
	color: #1e88e5;
	font-size: 24px; }
.sc-user-profile-avatar .btn-file.fileinput-exists {
	left: -8px;
	right: auto; }
.sc-user-profile-avatar .btn-file.fileinput-exists .mdi {
	color: #e53935; }
.sc-user-profile-avatar.fileinput-new .btn-file.fileinput-exists {
	display: none; }

/* 5. common plugins ================================ */
.sc-icheckbox,
.sc-iradio {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-flex-negative: 0;
	flex-shrink: 0; }
.sc-icheckbox:after,
.sc-iradio:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0; }
.sc-icheckbox > input,
.sc-iradio > input {
	margin: 0; }
.sc-icheckbox > .iCheck-helper,
.sc-iradio > .iCheck-helper {
	z-index: 10; }
.sc-icheckbox + label,
.sc-iradio + label {
	padding-left: 8px;
	padding-top: 1px; }

.sc-icheckbox {
	border: 2px solid rgba(0, 0, 0, 0.54);
	border-radius: 2px;
	width: 18px;
	height: 18px;
	background: #fff;
	-webkit-transition: all 140ms ease-out;
	transition: all 140ms ease-out; }
.sc-icheckbox.checked:after, .sc-icheckbox.disabled:after {
	content: '\F12C';
	font-family: "Material Design Icons";
	font-size: 18px;
	color: #fff;
	position: absolute;
	left: -2px;
	top: -6px; }
.sc-icheckbox.hover.checked, .sc-icheckbox.checked {
	background: #1976d2;
	border-color: #1976d2 !important; }
.sc-icheckbox.disabled:after {
	display: none; }
.sc-icheckbox.disabled, .sc-icheckbox.disabled.checked {
	background: transparent;
	background-clip: padding-box;
	border-color: rgba(0, 0, 0, 0.26);
	cursor: default; }
.sc-icheckbox.disabled.checked {
	background: #bdbdbd !important;
	border-color: #bdbdbd !important; }
.sc-icheckbox.disabled.checked:after {
	display: block !important; }
.sc-input-danger .sc-icheckbox {
	border-color: #e53935; }
.sc-icheckbox.indeterminate {
	background: #1976d2;
	border-color: #1976d2; }
.sc-icheckbox.indeterminate:after {
	content: '';
	background: #fff;
	position: absolute;
	left: 2px;
	top: 2px;
	width: 10px;
	height: 10px; }
label .sc-icheckbox {
	margin-right: 8px;
	vertical-align: -4px; }

.sc-iradio {
	border: 2px solid rgba(0, 0, 0, 0.54);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff; }
.sc-iradio:after {
	content: '';
	background: transparent;
	position: absolute;
	left: 3px;
	top: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-webkit-transform: scale(0.1);
	transform: scale(0.1);
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out; }
.sc-iradio.checked {
	border-color: #1976d2; }
.sc-iradio.checked:after {
	background: #1976d2;
	-webkit-transform: scale(1);
	transform: scale(1); }
.sc-iradio.disabled {
	border-color: rgba(0, 0, 0, 0.26);
	cursor: default; }
.sc-iradio.disabled.checked:after {
	background: rgba(0, 0, 0, 0.26);
	-webkit-transform: scale(1);
	transform: scale(1); }
.sc-input-danger .sc-iradio {
	border-color: #e53935; }
label .sc-iradio {
	margin-right: 8px;
	vertical-align: -5px; }

.disabled + .inline-label {
	color: rgba(0, 0, 0, 0.26);
	cursor: default; }

.icheck-inline {
	display: inline-block;
	margin: 0 16px 16px 0; }
.icheck-inline + .parsley-errors-list {
	margin-top: -8px; }

.io-form-danger .sc-icheckbox,
.io-form-danger .sc-iradio {
	border-color: #e53935; }

.sc-icheck-custom.hover.checked, .sc-icheck-custom.checked {
	background: var(--color);
	border-color: var(--color) !important; }

.js-highlight {
	border: none;
	padding: 0;
	border-radius: 4px; }
.js-highlight .hljs {
	background: #f5f5f5; }

.sc-chart {
	width: 100%;
	height: 280px; }
.sc-chart-small {
	height: 140px; }
.sc-chart-large {
	height: 360px; }
.sc-chart-widget {
	height: 100px; }
.sc-chart svg {
	height: inherit; }
.sc-chart-chartjs,
.sc-chart-chartjs > div {
	height: 420px; }
@media (max-width: 1199px) {
	.sc-chart-chartjs,
	.sc-chart-chartjs > div {
	height: 280px; } }

/* 6. custom pages ================================== */
/*material-color('blue-grey','50')*/
.sc-chat-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 16px 24px;
	min-height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch; }

.sc-chat-header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	background: #fff; }

.sc-chat-user-input {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	background: #fff;
	padding: 16px 24px; }
.sc-chat-user-input .io-input,
.sc-chat-user-input [data-sc-input] {
	border-width: 0;
	padding: 0; }
.sc-chat-user-input .io-input:not(:focus),
.sc-chat-user-input [data-sc-input]:not(:focus) {
	border-color: rgba(0, 0, 0, 0.12); }

.sc-chat-user-list-inline {
	margin: 0 0 0 -8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
.sc-chat-user-list-inline li {
	font-size: 12px;
	font-size: 0.75rem;
	float: left;
	margin: 8px 0 0 8px;
	background: #eeeeee;
	padding: 2px 8px;
	border-radius: 4px;
	position: relative; }
.sc-chat-user-list-inline li a {
	color: rgba(0, 0, 0, 0.87); }

.sc-chat-messages {
	max-width: 75%;
	float: left; }
.sc-chat-messages > li {
	background: #009688;
	display: block;
	clear: both;
	padding: 8px 16px;
	font-size: 14px;
	font-size: 0.875rem;
	float: left;
	border-radius: 4px;
	position: relative;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
	/*&:first-child {
	border-radius: 0 4px 4px;
	&:after,
	&:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	}
	&:before {
	left: -8px;
	top: 0;
	border-width: 0 8px 8px 0;
	border-color: rgba(0,0,0,0) $chat-bubble-color rgba(0,0,0,0) rgba(0,0,0,0);
	}
	&:after {
	left: -11px;
	top: 0;
	border-width: 0 10px 11px 0;
	border-color: rgba(0,0,0,0) rgba(0,0,0,.2) rgba(0,0,0,0) rgba(0,0,0,0);
	}
	}*/ }
.sc-chat-messages > li + li {
	margin-top: 4px; }
.sc-chat-messages .sc-chat-message-content {
	margin: 0;
	color: rgba(0, 0, 0, 0.87); }
.sc-chat-messages time {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.54); }
.sc-chat-messages-wrapper {
	margin: 8px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0; }
.sc-chat-messages-wrapper.my {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse; }
.sc-chat-messages-wrapper.my .sc-chat-message-avatar {
	margin-left: 8px;
	margin-right: 0; }
.sc-chat-messages-wrapper.my .sc-chat-message-avatar > img,
.sc-chat-messages-wrapper.my .sc-chat-message-avatar > span {
	background: #fff; }
.sc-chat-messages-wrapper.my .sc-chat-message-meta {
	text-align: right; }
.sc-chat-messages-wrapper.my > ul {
	float: right; }
.sc-chat-messages-wrapper.my > ul > li {
	float: right;
	background: #fff;
	text-align: right;
	/*&:before {
	left: auto;
	right: -10px;
	border-width: 0 0 12px 12px;
	border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) $chat-bubble-color-my;
	}*/ }

.sc-chat-message-avatar {
	width: 32px;
	height: 32px;
	margin-right: 8px;
	color: rgba(0, 0, 0, 0.54); }

.sc-chat-message-username {
	text-align: left;
	clear: both;
	font-weight: 500;
	font-size: 11px;
	font-size: 0.6875rem;
	text-transform: uppercase;
	padding-bottom: 4px; }
.sc-chat-message-username a {
	color: rgba(0, 0, 0, 0.54); }

.sc-light .sc-chat-messages-wrapper:not(.my) .sc-chat-message-content {
	color: #fff; }

.sc-light .sc-chat-messages-wrapper:not(.my) time {
	color: #fff; }

.sc-invoice-logo {
	max-height: 96px; }
.sc-invoice-logo-light {
	display: none; }

.sc-list-messages {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	overflow: hidden; }
.sc-list-messages > li {
	background: #fff;
	min-height: 68px;
	-webkit-transition: background-color 140ms ease;
	transition: background-color 140ms ease;
	cursor: pointer;
	margin-top: -1px;
	border-top: 1px solid rgba(0, 0, 0, 0.08); }
.sc-list-messages > li.sc-item-checked {
	background: #fffde7; }
.sc-list-messages > li .sc-message-card:not(.sc-message-expanded) {
	-webkit-transition: all 140ms ease;
	transition: all 140ms ease; }
.sc-list-messages > li:hover {
	border-color: transparent; }
.sc-list-messages > li:hover .sc-message-card:not(.sc-message-expanded) {
	z-index: 10;
	position: relative;
	-webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }
.sc-list-messages > li:hover .sc-message-card:not(.sc-message-expanded) .sc-message-date {
	display: none; }
.sc-list-messages > li:hover .sc-message-card:not(.sc-message-expanded) .sc-message-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }

.sc-message-card {
	padding: 12px 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	width: 100%;
	overflow-x: hidden; }

.sc-message-title {
	font-weight: 400;
	font-size: 16px;
	font-size: 1rem;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	margin: 0;
	padding-right: 24px; }

.sc-message-date {
	font-size: 14px;
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.54); }

.sc-message-close {
	font-size: 24px;
	font-size: 1.5rem;
	margin: 0 0 0 24px;
	-webkit-transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
	color: rgba(0, 0, 0, 0.54); }
.sc-message-close:hover {
	color: rgba(0, 0, 0, 0.87); }

.sc-message-actions {
	display: none; }
.sc-message-actions .mdi {
	height: 32px;
	width: 32px;
	text-align: center;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.54); }
.sc-message-actions .mdi:before {
	line-height: 32px; }
.sc-message-actions .mdi + .mdi {
	margin-left: 8px; }
.sc-message-actions .mdi.io-open:after, .sc-message-actions .mdi:hover:after {
	-webkit-transform: scale3d(1.2, 1.2, 1.2);
	transform: scale3d(1.2, 1.2, 1.2); }

.sc-message-expanded #sc-message-single {
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1300;
	display: none; }
.sc-message-expanded #sc-message-single .sc-message-card {
	height: 100%;
	overflow: hidden;
	padding: 24px; }
@media (min-width: 960px) {
	.sc-message-expanded #sc-message-single {
	overflow: hidden; } }
@media (max-width: 959px) {
	.sc-message-expanded #sc-message-single.sc-js-expanded:before {
	position: absolute;
	bottom: -80px;
	left: 0;
	right: 0;
	background: #fff;
	content: '';
	height: 80px;
	z-index: 1400; } }

.sc-message-head {
	-ms-flex-item-align: start;
	align-self: flex-start;
	width: 100%; }

.sc-message-content {
	margin-top: 24px;
	overflow-y: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-overflow-scrolling: touch; }

.sc-message-attachments {
	list-style: none;
	margin: -8px 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }
.sc-message-attachments li {
	padding: 0;
	margin: 8px 8px 0 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
.sc-message-attachments li .sc-attachment {
	padding: 8px 8px 8px 12px;
	background-color: #f5f5f5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	font-weight: 500;
	font-size: 14px;
	font-size: 0.875rem;
	border-radius: 4px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
.sc-message-attachments li .sc-attachment a {
	text-decoration: none; }
.sc-message-attachments li .sc-attachment a span {
	color: rgba(0, 0, 0, 0.54); }
.sc-message-attachments li .sc-attachment-remove {
	font-size: 20px;
	font-size: 1.25rem;
	width: 30px;
	height: 30px;
	text-align: center;
	margin-left: 8px; }
.sc-message-attachments li .sc-attachment-remove:before {
	line-height: 30px;
	padding: 0; }

.sc-message-footer {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-flex-item-align: end;
	align-self: flex-end;
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0; }

.sc-message-reply {
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 12px;
	-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	margin-top: 24px; }

.sc-message-unreaded {
	background: rgba(0, 0, 0, 0.04); }
.sc-message-unreaded .sc-message-title {
	font-weight: 500; }

.sc-js-expand-message > li {
	cursor: pointer; }

.sc-message-back {
	display: none; }

.sc-checkbox-wrapper {
	margin-right: 16px; }

#sc-page-wrapper.sc-message-single .sc-message-back {
	display: block; }

#sc-page-wrapper.sc-message-single .sc-checkbox-wrapper {
	display: none; }

#sc-page-wrapper.sc-message-single .sc-top-bar-content {
	padding-left: 16px; }

@media (min-width: 960px) {
	#sc-page-wrapper.sc-message-single .sc-message-expanded #sc-message-single .sc-message-card {
	height: calc(100% - 112px); }
#sc-page-wrapper.sc-message-single .sc-message-expanded #sc-message-single .sc-message-footer {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1; } }

@media (max-width: 959px) {
	#sc-page-wrapper.sc-message-single .sc-top-bar-content {
	padding-right: 16px; }
#sc-page-wrapper.sc-message-single .sc-message-back {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 1px; }
#sc-page-wrapper.sc-message-single .sc-message-expanded #sc-message-single .sc-message-head {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start; }
#sc-page-wrapper.sc-message-single .sc-message-expanded #sc-message-single .sc-message-head .io-text-truncate {
	width: auto;
	overflow: visible;
	white-space: normal; }
#sc-page-wrapper.sc-message-single .sc-message-expanded #sc-message-single .sc-message-head .sc-message-title {
	line-height: 1.5;
	font-size: 18px;
	font-size: 1.125rem; }
#sc-page-wrapper.sc-message-single .sc-message-expanded #sc-message-single .sc-message-head .sc-message-date {
	padding-top: 8px; } }

.sc-task-board {
	padding: 12px 0;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }
.sc-task-board-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
	padding: 0 12px;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }

.sc-task-list {
	width: 320px;
	background: #eeeeee;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition: width 280ms cubic-bezier(0.55, 0, 0.1, 1);
	transition: width 280ms cubic-bezier(0.55, 0, 0.1, 1); }
.sc-task-list-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 8px 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 52px; }
.sc-task-list-head .sc-task-list-header {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0; }
.sc-task-list + .sc-task-list {
	margin-left: 12px; }
.sc-task-list:last-child {
	margin-right: 12px; }
.sc-task-list-collapsed {
	width: 64px;
	display: block; }
.sc-task-list-collapsed .sc-task-list-cards,
.sc-task-list-collapsed .sc-js-el-hide {
	display: none; }
.sc-task-list-collapsed .sc-js-el-show {
	display: block; }
.sc-task-list-collapsed .sc-task-list-head {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 8px 16px; }
.sc-task-list-collapsed .sc-actions {
	margin: 0 !important; }
.sc-task-list-collapsed .sc-actions .sc-js-el-show {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg); }
.sc-task-list-collapsed .sc-task-list-header {
	white-space: nowrap;
	padding-right: 16px;
	max-width: inherit;
	overflow: visible; }
@media screen and (-ms-high-contrast: none) {
	.sc-task-list-collapsed .sc-task-list-head {
	-webkit-transform: rotate(-270deg);
	transform: rotate(-270deg);
	padding-left: 0; }
.sc-task-list-collapsed .sc-actions {
	margin: 0 !important; }
.sc-task-list-collapsed .sc-actions .sc-js-el-show {
	-webkit-transform: rotate(-270deg);
	transform: rotate(-270deg); }
.sc-task-list-collapsed .sc-task-list-header {
	padding-right: 0;
	position: absolute;
	left: 64px;
	bottom: 16px; } }

.sc-task-list-header {
	margin: 0 0 12px;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	text-transform: uppercase;
	font-weight: 500; }

.sc-task-list-cards {
	margin: 8px 4px 0 12px;
	padding: 0 12px 8px 4px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	min-height: 24px; }
.sc-task-list-cards * {
	-webkit-user-select: none; }
.sc-task-list-cards > li {
	cursor: pointer; }
.sc-task-list-cards > li + li {
	margin-top: 12px; }
.sc-task-list-cards .sc-mirror-el {
	border-radius: 3px; }

.sc-task-card {
	border-radius: 3px;
	padding: 8px 12px;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	cursor: pointer; }
.sc-task-card-title {
	margin: 0;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.4; }
.sc-task-card-assignee {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 8px; }
.sc-task-card-assignee > a {
	margin-right: 4px;
	font-size: 14px;
	font-size: 0.875rem; }
.sc-task-card-assignee > a,
.sc-task-card-assignee > a img {
	border-radius: 50%; }

#sc-page-aside .sc-task-list-head {
	margin-top: 12px;
	margin-bottom: 8px; }

#sc-page-aside .sc-task-list-cards {
	height: 100%;
	margin-top: 0; }
#sc-page-aside .sc-task-list-cards :first-child[style*="display: none"] + li {
	margin-top: 0; }

.sc-task-board > [style*="display: none"]:first-child + .sc-task-list {
	margin-left: 0; }

.sc-task-list :first-child[style*="display: none"] + li,
.sc-task-list-cards :first-child[style*="display: none"] + li {
	margin-top: 0; }

/* 7. themes ======================================= */
/* 8. print ======================================== */