/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */


/**
 * Office UI Fabric JS 1.4.0
 * The JavaScript front-end framework for building experiences for Office 365.
 **/

 .ms-Breadcrumb {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	margin: 23px 0 1px
}

.ms-Breadcrumb.is-overflow .ms-Breadcrumb-overflow {
	display: inline
}

.ms-Breadcrumb-chevron {
	font-size: 12px;
	color: #666;
	vertical-align: top;
	margin: 11px 7px
}

.ms-Breadcrumb-list {
	display: inline;
	white-space: nowrap;
	padding: 0;
	margin: 0
}

.ms-Breadcrumb-list .ms-Breadcrumb-listItem {
	list-style-type: none;
	vertical-align: top;
	margin: 0;
	padding: 0;
	display: inline-block
}

.ms-Breadcrumb-list .ms-Breadcrumb-listItem:last-of-type .ms-Breadcrumb-chevron {
	display: none
}

.ms-Breadcrumb-overflow {
	display: none;
	position: relative
}

.ms-Breadcrumb-overflow .ms-Breadcrumb-overflowButton {
	font-size: 16px;
	display: inline-block;
	color: #0078d7;
	padding: 8px;
	cursor: pointer;
	vertical-align: top
}

.ms-Breadcrumb-overflowMenu {
	display: none;
	position: absolute;
	margin-right: -2px
}

.ms-Breadcrumb-overflowMenu.is-open {
	display: block;
	top: 36px;
	left: 0;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
	background-color: #fff;
	border: 1px solid #c8c8c8;
	z-index: 105
}

.ms-Breadcrumb-overflowMenu:before {
	position: absolute;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
	top: -6px;
	left: 6px;
	content: " ";
	width: 16px;
	height: 16px;
	transform: rotate(45deg);
	background-color: #fff
}

.ms-Breadcrumb-overflowMenu .ms-ContextualMenu {
	border: 0;
	box-shadow: none;
	position: relative;
	width: 190px
}

.ms-Breadcrumb-overflowMenu .ms-ContextualMenu.is-open {
	margin-bottom: 0
}

.ms-Breadcrumb-itemLink,
.ms-Breadcrumb-overflowButton {
	text-decoration: none;
	outline: transparent
}

.ms-Breadcrumb-itemLink:hover,
.ms-Breadcrumb-overflowButton:hover {
	background-color: #f4f4f4;
	cursor: pointer
}

.ms-Breadcrumb-itemLink:focus,
.ms-Breadcrumb-overflowButton:focus {
	outline: 1px solid #767676;
	color: #000
}

.ms-Breadcrumb-itemLink:active,
.ms-Breadcrumb-overflowButton:active {
	outline: transparent;
	background-color: #c8c8c8
}

.ms-Breadcrumb-itemLink {
	font-weight: 100;
	font-size: 21px;
	color: #333;
	display: inline-block;
	padding: 0 4px;
	max-width: 160px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top
}

@media screen and (max-width:639px) {
	.ms-Breadcrumb {
		margin: 10px 0
	}
	.ms-Breadcrumb-itemLink {
		font-size: 17px
	}
	.ms-Breadcrumb-chevron {
		font-size: 10px;
		margin: 8px 5px
	}
	.ms-Breadcrumb-overflow .ms-Breadcrumb-overflowButton {
		font-size: 16px;
		padding: 5px 4px
	}
}

@media screen and (max-width:479px) {
	.ms-Breadcrumb-itemLink {
		font-size: 14px;
		max-width: 116px
	}
	.ms-Breadcrumb-chevron {
		margin: 5px 4px
	}
	.ms-Breadcrumb-overflow .ms-Breadcrumb-overflowButton {
		padding: 2px 4px
	}
}

.ms-Button {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	background-color: #f4f4f4;
	border: 1px solid #f4f4f4;
	cursor: pointer;
	display: inline-block;
	min-height: 32px;
	min-width: 80px;
	padding: 4px 20px 6px
}

.ms-Button.is-hidden {
	display: none
}

.ms-Button:hover {
	background-color: #eaeaea;
	border-color: #eaeaea
}

.ms-Button:hover .ms-Button-label {
	color: #000
}

@media screen and (-ms-high-contrast:active) {
	.ms-Button:hover {
		color: #1aebff;
		border-color: #1aebff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Button:hover {
		color: #37006e;
		border-color: #37006e
	}
}

.ms-Button:focus {
	background-color: #eaeaea;
	border-color: #0078d7;
	outline: 1px solid transparent
}

.ms-Button:focus .ms-Button-label {
	color: #000
}

.ms-Button:active {
	background-color: #0078d7;
	border-color: #0078d7
}

.ms-Button:active .ms-Button-label {
	color: #fff
}

.ms-Button.is-disabled,
.ms-Button:disabled {
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	cursor: default
}

.ms-Button.is-disabled .ms-Button-label,
.ms-Button:disabled .ms-Button-label {
	color: #a6a6a6
}

.ms-Button.is-disabled:focus,
.ms-Button.is-disabled:hover,
.ms-Button:disabled:focus,
.ms-Button:disabled:hover {
	outline: 0
}

.ms-Button-label {
	color: #333;
	font-weight: 600;
	/*font-size: 14px*/
}

.ms-Button-description,
.ms-Button-icon {
	display: none
}

.ms-Button.ms-Button--primary {
	background-color: #0078d7;
	border-color: #0078d7
}

.ms-Button.ms-Button--primary .ms-Button-label {
	color: #fff
}

.ms-Button.ms-Button--primary:hover {
	background-color: #005a9e;
	border-color: #005a9e
}

.ms-Button.ms-Button--primary:focus {
	background-color: #005a9e;
	border-color: #004578
}

.ms-Button.ms-Button--primary:active {
	background-color: #0078d7;
	border-color: #0078d7;
    outline: 0.1875rem dotted black !important;
}

.ms-Button.ms-Button--primary.is-disabled,
.ms-Button.ms-Button--primary:disabled {
	background-color: #f4f4f4;
	border-color: #f4f4f4
}

.ms-Button.ms-Button--primary.is-disabled .ms-Button-label,
.ms-Button.ms-Button--primary:disabled .ms-Button-label {
	color: #a6a6a6
}

.ms-Button.ms-Button--small {
	min-width: 60px;
	min-height: 24px;
	height: auto;
	padding-top: 0;
	padding-bottom: 4px
}

.ms-Button.ms-Button--small .ms-Button-label {
	font-weight: 400;
	font-size: 12px
}

.ms-Button.ms-Button--hero {
	-ms-flex-align: center;
	align-items: center;
	background-color: transparent;
	border: 0;
	padding: 0;
	position: relative
}

.ms-Button.ms-Button--hero .ms-Button-icon {
	display: inline-block;
	font-size: 12px;
	margin-right: 4px;
	padding-top: 5px;
	text-align: center
}

.ms-Button.ms-Button--hero .ms-Button-icon .ms-Icon {
	border-radius: 18px;
	border: 1px solid #0078d7;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	width: 18px
}

.ms-Button.ms-Button--hero .ms-Button-label {
	font-size: 21px;
	font-weight: 100;
	position: relative;
	text-decoration: none;
	vertical-align: top
}

.ms-Button.ms-Button--hero:focus .ms-Button-icon,
.ms-Button.ms-Button--hero:hover .ms-Button-icon {
	color: #005a9e
}

.ms-Button.ms-Button--hero:focus .ms-Button-icon .ms-Icon,
.ms-Button.ms-Button--hero:hover .ms-Button-icon .ms-Icon {
	
}

.ms-Button.ms-Button--hero:focus .ms-Button-label,
.ms-Button.ms-Button--hero:hover .ms-Button-label {
	color: #004578
}

.ms-Button.ms-Button--hero:active .ms-Button-icon {
	color: #0078d7
}

.ms-Button.ms-Button--hero:active .ms-Button-icon .ms-Icon {
	border: 1px solid #0078d7
}

.ms-Button.ms-Button--hero:active .ms-Button-label {
	color: #0078d7
}

.ms-Button.ms-Button--hero.is-disabled .ms-Button-icon,
.ms-Button.ms-Button--hero:disabled .ms-Button-icon {
	color: #c8c8c8
}

.ms-Button.ms-Button--hero.is-disabled .ms-Button-icon .ms-Icon,
.ms-Button.ms-Button--hero:disabled .ms-Button-icon .ms-Icon {
	border: 1px solid #c8c8c8
}

.ms-Button.ms-Button--hero.is-disabled .ms-Button-label,
.ms-Button.ms-Button--hero:disabled .ms-Button-label {
	color: #a6a6a6
}

.ms-Button.ms-Button--compound {
	display: block;
	height: auto;
	max-width: 280px;
	min-height: 72px;
	padding: 20px
}

.ms-Button.ms-Button--compound .ms-Button-label {
	display: block;
	font-weight: 600;
	position: relative;
	text-align: left;
	margin-top: -5px
}

.ms-Button.ms-Button--compound .ms-Button-description {
	color: #666;
	display: block;
	font-weight: 400;
	font-size: 12px;
	position: relative;
	text-align: left;
	top: 3px
}

.ms-Button.ms-Button--compound:hover .ms-Button-description {
	color: #212121
}

.ms-Button.ms-Button--compound:focus {
	border-color: #0078d7;
	background-color: #f4f4f4
}

.ms-Button.ms-Button--compound:focus .ms-Button-label {
	color: #333
}

.ms-Button.ms-Button--compound:focus .ms-Button-description {
	color: #666
}

.ms-Button.ms-Button--compound:active {
	background-color: #0078d7
}

.ms-Button.ms-Button--compound:active .ms-Button-description,
.ms-Button.ms-Button--compound:active .ms-Button-label {
	color: #fff
}

.ms-Button.ms-Button--compound.is-disabled .ms-Button-description,
.ms-Button.ms-Button--compound.is-disabled .ms-Button-label,
.ms-Button.ms-Button--compound:disabled .ms-Button-description,
.ms-Button.ms-Button--compound:disabled .ms-Button-label {
	color: #a6a6a6
}

.ms-Button.ms-Button--compound.is-disabled:active,
.ms-Button.ms-Button--compound.is-disabled:focus,
.ms-Button.ms-Button--compound:disabled:active,
.ms-Button.ms-Button--compound:disabled:focus {
	border-color: #f4f4f4;
	background-color: #f4f4f4
}

.ms-Button.ms-Button--compound.is-disabled:active .ms-Button-description,
.ms-Button.ms-Button--compound.is-disabled:active .ms-Button-label,
.ms-Button.ms-Button--compound.is-disabled:focus .ms-Button-description,
.ms-Button.ms-Button--compound.is-disabled:focus .ms-Button-label,
.ms-Button.ms-Button--compound:disabled:active .ms-Button-description,
.ms-Button.ms-Button--compound:disabled:active .ms-Button-label,
.ms-Button.ms-Button--compound:disabled:focus .ms-Button-description,
.ms-Button.ms-Button--compound:disabled:focus .ms-Button-label {
	color: #a6a6a6
}

.ms-Callout {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	width: 288px
}

.ms-Callout.is-hidden {
	display: none
}

.ms-Callout-header {
	z-index: 105;
	padding: 24px 28px 12px
}

.ms-Callout-title {
	margin: 0;
	font-weight: 300;
	font-size: 21px
}

.ms-Callout-subText {
	margin: 0;
	font-weight: 300;
	color: #333;
	font-size: 12px
}

.ms-Callout-close {
	margin: 0;
	border: 0;
	background: none;
	cursor: pointer;
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 8px;
	width: 32px;
	height: 32px;
	font-size: 14px;
	color: #666;
	z-index: 110
}

.ms-Callout-link {
	font-size: 14px
}

.ms-Callout-inner {
	height: 100%;
	padding: 0 28px 12px
}

.ms-Callout-actions {
	position: relative;
	margin-top: 20px;
	width: 100%;
	white-space: nowrap
}

.ms-Callout-actions .ms-CommandButton.ms-CommandButton--inline,
.ms-Callout-actions .ms-CommandButton.ms-CommandButton--inline .ms-CommandButton-button {
	height: 27px;
	line-height: 27px
}

.ms-Callout-actions .ms-CommandButton.ms-CommandButton--inline .ms-CommandButton-icon,
.ms-Callout-actions .ms-CommandButton.ms-CommandButton--inline .ms-CommandButton-label {
	line-height: 27px
}

.ms-Callout-actions .ms-CommandButton.ms-CommandButton--inline:focus .ms-Button,
.ms-Callout-actions .ms-CommandButton.ms-CommandButton--inline:hover .ms-Button {
	color: #0078d7
}

.ms-Callout-actions .ms-Callout-button {
	margin-right: 12px
}

.ms-Callout.ms-Callout--OOBE .ms-Callout-header {
	padding: 28px 24px;
	background-color: #0078d7
}

.ms-Callout.ms-Callout--OOBE .ms-Callout-title {
	font-weight: 100;
	font-size: 28px;
	color: #fff
}

.ms-Callout.ms-Callout--OOBE .ms-Callout-inner {
	padding-top: 20px
}

.ms-Callout.ms-Callout--OOBE .ms-Callout-subText {
	font-size: 14px
}

.ms-Callout.ms-Callout--actionText .ms-Callout-actions {
	border-top: 1px solid #eaeaea;
	padding-top: 12px
}

.ms-Callout.ms-Callout--actionText .ms-Callout-inner {
	padding-bottom: 12px
}

.ms-Callout.ms-Callout--peek .ms-Callout-header {
	padding-bottom: 0
}

.ms-Callout.ms-Callout--peek .ms-Callout-title {
	font-size: 14px
}

.ms-Callout.ms-Callout--peek .ms-Callout-actions {
	margin-top: 12px;
	margin-bottom: -4px
}

.ms-CheckBox {
	box-sizing: border-box;
	color: #333;
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	font-size: 14px;
	font-weight: 400;
	min-height: 36px;
	position: relative
}

.ms-CheckBox .ms-Label {
	font-size: 14px;
	padding: 0 0 0 26px;
	cursor: pointer;
	display: inline-block
}

.ms-CheckBox-input {
	position: absolute;
	opacity: 0
}

.ms-CheckBox-field:before {
	content: "";
	display: inline-block;
	border: 2px solid #a6a6a6;
	width: 20px;
	height: 20px;
	cursor: pointer;
	font-weight: 400;
	position: absolute;
	box-sizing: border-box;
	transition-property: background, border, border-color;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4, 0, .23, 1)
}

.ms-CheckBox-field:after {
	content: "\E73E";
	font-family: FabricMDL2Icons;
	display: none;
	position: absolute;
	font-weight: 900;
	background-color: transparent;
	font-size: 13px;
	top: 0;
	color: #fff;
	line-height: 20px;
	width: 20px;
	text-align: center
}

@media screen and (-ms-high-contrast:active) {
	.ms-CheckBox-field:after {
		color: #000
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-CheckBox-field:after {
		color: #fff
	}
}

.ms-CheckBox-field {
	display: inline-block;
	cursor: pointer;
	margin-top: 8px;
	position: relative;
	outline: 0;
	vertical-align: top
}

.ms-CheckBox-field:focus:before,
.ms-CheckBox-field:hover:before {
	border-color: #767676
}

.ms-CheckBox-field:focus .ms-Label,
.ms-CheckBox-field:hover .ms-Label {
	color: #000
}

.ms-CheckBox-field.is-disabled {
	cursor: default
}

.ms-CheckBox-field.is-disabled:before {
	background-color: #c8c8c8;
	border-color: #c8c8c8;
	color: #c8c8c8
}

@media screen and (-ms-high-contrast:active) {
	.ms-CheckBox-field.is-disabled:before {
		border-color: #0f0
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-CheckBox-field.is-disabled:before {
		border-color: #600000
	}
}

.ms-CheckBox-field.is-disabled .ms-Label {
	color: #a6a6a6
}

@media screen and (-ms-high-contrast:active) {
	.ms-CheckBox-field.is-disabled .ms-Label {
		color: #0f0
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-CheckBox-field.is-disabled .ms-Label {
		color: #600000
	}
}

.ms-CheckBox-field.in-focus:before {
	border-color: #767676
}

.ms-CheckBox-field.in-focus.is-disabled:before {
	border-color: #c8c8c8
}

.ms-CheckBox-field.in-focus.is-checked:before {
	border-color: #106ebe
}

.ms-CheckBox-field.is-checked:before {
	border: 10px solid #0078d7;
	background-color: #0078d7
}

@media screen and (-ms-high-contrast:active) {
	.ms-CheckBox-field.is-checked:before {
		border-color: #1aebff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-CheckBox-field.is-checked:before {
		border-color: #37006e
	}
}

.ms-CheckBox-field.is-checked:after {
	display: block
}

.ms-CheckBox-field.is-checked:focus:before,
.ms-CheckBox-field.is-checked:hover:before {
	border-color: #106ebe
}

.ms-RadioButton {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	min-height: 36px;
	position: relative
}

.ms-RadioButton .ms-Label {
	font-size: 14px;
	padding: 0 0 0 26px;
	cursor: pointer;
	display: inline-block
}

.ms-RadioButton-input {
	position: absolute;
	opacity: 0
}

.ms-RadioButton-field:before {
	content: "";
	display: inline-block;
	border: 2px solid #a6a6a6;
	width: 20px;
	height: 20px;
	cursor: pointer;
	font-weight: 400;
	position: absolute;
	box-sizing: border-box;
	transition-property: border-color;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4, 0, .23, 1);
	border-radius: 50%
}

.ms-RadioButton-field:after {
	content: "";
	width: 0;
	height: 0;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	left: 8px;
	bottom: 0;
	right: 0;
	transition-property: top, left, width, height;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(.4, 0, .23, 1);
	box-sizing: border-box
}

@media screen and (-ms-high-contrast:active) {
	.ms-RadioButton-field:after {
		color: #0f0
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-RadioButton-field:after {
		color: #600000
	}
}

.ms-RadioButton-field {
	display: inline-block;
	cursor: pointer;
	margin-top: 8px;
	position: relative;
	outline: 0;
	vertical-align: top
}

.ms-RadioButton-field:focus:before,
.ms-RadioButton-field:hover:before {
	border-color: #767676
}

.ms-RadioButton-field:focus .ms-Label,
.ms-RadioButton-field:hover .ms-Label {
	color: #000
}

.ms-RadioButton-field.is-disabled {
	cursor: default
}

.ms-RadioButton-field.is-disabled:before {
	background-color: #c8c8c8;
	border-color: #c8c8c8;
	color: #c8c8c8
}

@media screen and (-ms-high-contrast:active) {
	.ms-RadioButton-field.is-disabled:before {
		border-color: #0f0
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-RadioButton-field.is-disabled:before {
		border-color: #600000
	}
}

.ms-RadioButton-field.is-disabled .ms-Label {
	color: #a6a6a6
}

@media screen and (-ms-high-contrast:active) {
	.ms-RadioButton-field.is-disabled .ms-Label {
		color: #0f0
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-RadioButton-field.is-disabled .ms-Label {
		color: #600000
	}
}

.ms-RadioButton-field.is-disabled:focus:before,
.ms-RadioButton-field.is-disabled:hover:before {
	border-color: #c8c8c8
}

.ms-RadioButton-field.in-focus:before {
	border-color: #767676
}

.ms-RadioButton-field.is-checked:before {
	border: 2px solid #0078d7;
	background-color: transparent
}

@media screen and (-ms-high-contrast:active) {
	.ms-RadioButton-field.is-checked:before {
		border-color: #1aebff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-RadioButton-field.is-checked:before {
		border-color: #37006e
	}
}

.ms-RadioButton-field.is-checked:after {
	background-color: #0078d7;
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px
}

@media screen and (-ms-high-contrast:active) {
	.ms-RadioButton-field.is-checked:after {
		background-color: #1aebff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-RadioButton-field.is-checked:after {
		background-color: #37006e
	}
}

.ms-RadioButton-field.is-checked.in-focus:before,
.ms-RadioButton-field.is-checked:focus:before,
.ms-RadioButton-field.is-checked:hover:before {
	border-color: #0078d7
}

.ms-ChoiceFieldGroup {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 4px
}

.ms-ChoiceFieldGroup .ms-ChoiceFieldGroup-list {
	padding: 0;
	margin: 0;
	list-style: none
}

.ms-CommandBar {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	background-color: #f4f4f4;
	height: 40px;
	white-space: nowrap;
	padding-left: 0;
	border: 0;
	position: relative
}

.ms-CommandBar:focus {
	outline: none
}

.ms-CommandBar .ms-CommandButton--actionButton {
	border-right: 1px solid #eaeaea
}

.ms-CommandBar .ms-Button {
	height: 100%
}

.ms-CommandBar .ms-Button.ms-Button--noLabel .ms-Button-icon {
	padding-right: 0
}

.ms-CommandBar .ms-Button.is-hidden {
	display: none
}

.ms-CommandBar .ms-SearchBox,
.ms-CommandBar .ms-SearchBox-field,
.ms-CommandBar .ms-SearchBox-label {
	height: 100%
}

.ms-CommandBar .ms-SearchBox {
	display: inline-block;
	vertical-align: top;
	transition: margin-right .267s
}

.ms-CommandBar .ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active {
	width: 220px
}

@media only screen and (max-width:639px) {
	.ms-CommandBar .ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active {
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		z-index: 10
	}
}

.ms-CommandBar .ms-CommandBar-overflowButton .ms-CommandButton-button {
	font-size: 18px;
	padding: 0 11px
}

@media only screen and (min-width:1024px) {
	.ms-CommandBar .ms-SearchBox {
		margin-right: 24px
	}
}

@media only screen and (max-width:639px) {
	.ms-CommandBar {
		height: 44px
	}
}

@media only screen and (min-width:640px) {
	.ms-CommandBar.search-expanded .ms-SearchBox {
		margin-right: 8px
	}
	.ms-CommandBar .ms-SearchBox.ms-SearchBox--commandBar.is-collapsed {
		transition: none
	}
}

.ms-CommandBar-mainArea {
	overflow-x: hidden;
	display: block;
	height: 100%;
	overflow: hidden
}

.ms-CommandBar-sideCommands {
	float: right;
	text-align: right;
	width: auto;
	padding-right: 4px;
	height: 100%
}

.ms-CommandBar-sideCommands .ms-Button:last-child {
	margin-right: 0
}

@media only screen and (min-width:640px) {
	.ms-CommandBar-sideCommands {
		min-width: 128px
	}
}

@media only screen and (min-width:1024px) {
	.ms-CommandBar-sideCommands {
		padding-right: 20px
	}
}

.ms-CommandButton {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	position: relative;
	vertical-align: top
}

.ms-CommandButton:active {
    outline: 0.1875rem dotted black !important;
}

.ms-CommandButton.is-hidden {
	display: none
}

.ms-CommandButton.is-disabled .ms-CommandButton-button,
.ms-CommandButton:disabled .ms-CommandButton-button {
	cursor: default
}

.ms-CommandButton.is-disabled .ms-CommandButton-button:hover,
.ms-CommandButton:disabled .ms-CommandButton-button:hover {
	background-color: #eff6fc
}

.ms-CommandButton.is-disabled .ms-CommandButton-button .ms-CommandButton-icon,
.ms-CommandButton.is-disabled .ms-CommandButton-button .ms-CommandButton-label,
.ms-CommandButton:disabled .ms-CommandButton-button .ms-CommandButton-icon,
.ms-CommandButton:disabled .ms-CommandButton-button .ms-CommandButton-label {
	color: #a6a6a6
}

.ms-CommandButton .ms-ContextualMenu {
	display: none
}

.ms-CommandButton-button,
.ms-CommandButton-splitIcon {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	outline: 1px solid transparent;
	padding: 0 8px;
	position: relative;
	vertical-align: top;
	background: transparent
}

.ms-CommandButton-button:hover,
.ms-CommandButton-splitIcon:hover {
	background-color: #eaeaea
}

.ms-CommandButton-button:hover .ms-CommandButton-label,
.ms-CommandButton-splitIcon:hover .ms-CommandButton-label {
	color: #212121
}

.ms-CommandButton-button:active,
.ms-CommandButton-splitIcon:active {
	background-color: #eaeaea
}

.ms-CommandButton-button:focus:before,
.ms-CommandButton-splitIcon:focus:before {
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	border: 1px solid #333;
	position: absolute;
	z-index: 10;
	content: "";
	outline: none
}

.ms-CommandButton-button:focus,
.ms-CommandButton-splitIcon:focus {
	outline: 0
}

@media only screen and (max-width:639px) {
	.ms-CommandButton-button,
	.ms-CommandButton-splitIcon {
		height: 44px
	}
	.ms-CommandButton-button .ms-CommandButton-icon,
	.ms-CommandButton-splitIcon .ms-CommandButton-icon {
		font-size: 20px
	}
	.ms-CommandButton-button .ms-CommandButton-label,
	.ms-CommandButton-splitIcon .ms-CommandButton-label {
		line-height: 44px
	}
}

.ms-CommandButton-button {
	border: 0;
	margin: 0
}

.ms-CommandButton+.ms-CommandButton {
	margin-left: 8px
}

@media only screen and (max-width:639px) {
	.ms-CommandButton+.ms-CommandButton {
		margin-left: 4px
	}
}

.ms-CommandButton-icon {
	display: inline-block;
	margin-right: 8px;
	position: relative;
	font-size: 16px;
	min-width: 16px;
	height: 100%
}

.ms-CommandButton-icon .ms-Icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.ms-CommandButton-label {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 40px;
	height: 100%;
	display: inline-block;
	vertical-align: top
}

.ms-CommandButton-label:hover {
	color: #212121
}

.ms-CommandButton-dropdownIcon,
.ms-CommandButton-splitIcon {
	display: inline-block;
	position: relative;
	color: #333;
	font-size: 12px;
	font-weight: 300;
	min-width: 12px;
	height: 100%;
	vertical-align: top;
	margin-left: 8px
}

.ms-CommandButton-dropdownIcon .ms-Icon,
.ms-CommandButton-splitIcon .ms-Icon {
	line-height: normal;
	padding-top: 16px
}

.ms-CommandButton-dropdownIcon:focus:before,
.ms-CommandButton-splitIcon:focus:before {
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	border: 1px solid #333;
	position: absolute;
	z-index: 10;
	content: "";
	outline: none
}

@media only screen and (max-width:639px) {
	.ms-CommandButton-dropdownIcon,
	.ms-CommandButton-splitIcon {
		display: none
	}
}

.ms-CommandButton-splitIcon {
	margin-left: -2px;
	width: 27px;
	border: 0
}

.ms-CommandButton-splitIcon .ms-Icon {
	margin-left: -1px;
	position: relative;
	padding-top: 16px
}

.ms-CommandButton-splitIcon .ms-Icon:after {
	position: absolute;
	content: " ";
	width: 1px;
	height: 16px;
	top: 12px;
	left: -8px;
	border-left: 1px solid #c8c8c8
}

.ms-CommandButton.ms-CommandButton--noLabel .ms-CommandButton-icon {
	margin-right: 0
}

.ms-CommandButton.ms-CommandButton--noLabel .ms-CommandButton-label {
	display: none
}

.ms-CommandButton.ms-CommandButton--noLabel .ms-CommandButton-button {
	padding: 0 12px
}

.ms-CommandButton.ms-CommandButton--inline .ms-CommandButton-button {
	background: none
}

.ms-CommandButton.ms-CommandButton--actionButton .ms-CommandButton-button {
	width: 50px;
	height: 40px
}

.ms-CommandButton.ms-CommandButton--actionButton .ms-CommandButton-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px;
	padding-right: 0
}

.ms-CommandButton.ms-CommandButton--pivot.is-active:before,
.ms-CommandButton.ms-CommandButton--pivot:hover:before {
	content: "";
	height: 2px;
	position: absolute;
	left: 0;
	right: 0;
	background-color: #0078d7;
	bottom: 0;
	z-index: 5
}

.ms-CommandButton.ms-CommandButton--pivot .ms-CommandButton-label,
.ms-CommandButton.ms-CommandButton--textOnly .ms-CommandButton-label {
	display: inline-block
}

@media only screen and (max-width:479px) {
	.ms-CommandButton.ms-CommandButton--pivot .ms-CommandButton-label,
	.ms-CommandButton.ms-CommandButton--textOnly .ms-CommandButton-label {
		font-size: 16px
	}
}

.ms-ContextualMenu {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	display: block;
	min-width: 180px;
	max-width: 220px;
	list-style-type: none;
	position: relative;
	background-color: #fff
}

.ms-ContextualMenu.is-hidden {
	display: none
}

.ms-ContextualMenu-item {
	position: relative
}

.ms-ContextualMenu-link {
	box-sizing: border-box;
	text-decoration: none;
	color: #333;
	border: 1px solid transparent;
	cursor: pointer;
	display: block;
	height: 36px;
	overflow: hidden;
	line-height: 34px;
	padding: 0 16px 0 25px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ms-ContextualMenu-link:active,
.ms-ContextualMenu-link:focus,
.ms-ContextualMenu-link:hover {
	background-color: #f4f4f4;
	color: #212121
}

.ms-ContextualMenu-link:active .ms-ContextualMenu-subMenuIcon,
.ms-ContextualMenu-link:focus .ms-ContextualMenu-subMenuIcon,
.ms-ContextualMenu-link:hover .ms-ContextualMenu-subMenuIcon {
	color: #212121
}

.ms-ContextualMenu-link:focus {
	outline: transparent;
	border: 1px solid #666
}

.ms-ContextualMenu-link.is-selected {
	background-color: #dadada;
	color: #000;
	font-weight: 600
}

.ms-ContextualMenu-link.is-selected~.ms-ContextualMenu-subMenuIcon {
	color: #000
}

.ms-ContextualMenu-link.is-selected:hover {
	background-color: #d0d0d0
}

.ms-ContextualMenu-link.is-disabled {
	color: #a6a6a6;
	background-color: #fff;
	pointer-events: none
}

.ms-ContextualMenu-link.is-disabled:active,
.ms-ContextualMenu-link.is-disabled:focus {
	border-color: #fff
}

.ms-ContextualMenu-link.is-disabled .ms-Icon {
	color: #a6a6a6;
	pointer-events: none;
	cursor: default
}

.ms-ContextualMenu-item.ms-ContextualMenu-item--divider {
	cursor: default;
	display: block;
	height: 1px;
	background-color: #eaeaea;
	position: relative
}

.ms-ContextualMenu-item.ms-ContextualMenu-item--header {
	color: #0078d7;
	font-size: 12px;
	text-transform: uppercase;
	height: 36px;
	line-height: 36px;
	padding: 0 18px
}

.ms-ContextualMenu-item.ms-ContextualMenu-item--hasMenu .ms-ContextualMenu {
	position: absolute;
	top: -1px;
	left: 178px
}

.ms-ContextualMenu-caretRight,
.ms-ContextualMenu-subMenuIcon {
	color: #333;
	font-size: 8px;
	font-weight: 600;
	width: 24px;
	height: 36px;
	line-height: 36px;
	position: absolute;
	text-align: center;
	top: 0;
	right: 0;
	z-index: 1;
	pointer-events: none
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-item.ms-ContextualMenu-item--header {
	padding: 0 16px 0 26px
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected {
	background-color: #fff;
	font-weight: 600;
	color: #333
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: FabricMDL2Icons;
	font-style: normal;
	font-weight: 400;
	speak: none;
	color: #333;
	content: "\E73E";
	font-size: 10px;
	font-weight: 800;
	height: 36px;
	line-height: 36px;
	position: absolute;
	left: 7px
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:focus,
.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:hover {
	color: #212121;
	background-color: #f4f4f4
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:focus:after,
.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:hover:after {
	color: #212121
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:active {
	color: #000;
	background-color: #d0d0d0
}

.ms-ContextualMenu.ms-ContextualMenu--multiselect .ms-ContextualMenu-link.is-selected:active:after {
	color: #000
}

.ms-ContextualMenu.ms-ContextualMenu--hasChecks .ms-ContextualMenu-link,
.ms-ContextualMenu.ms-ContextualMenu--hasIcons .ms-ContextualMenu-link {
	padding-left: 40px
}

.ms-ContextualMenu.ms-ContextualMenu--hasChecks .ms-Icon,
.ms-ContextualMenu.ms-ContextualMenu--hasIcons .ms-Icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	text-align: center
}

.ms-ContextualMenu.ms-ContextualMenu--hasIcons {
	width: 220px
}

.ms-DatePicker {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	margin-bottom: 17px;
	z-index: 300
}

.ms-DatePicker .ms-TextField {
	position: relative
}

.ms-DatePicker-picker {
	color: #000;
	font-size: 14px;
	position: relative;
	text-align: left;
	z-index: 0
}

.ms-DatePicker-event {
	color: #666;
	font-size: 21px;
	line-height: 20px;
	pointer-events: none;
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 5
}

.ms-DatePicker-holder {
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	background: #fff;
	position: absolute;
	min-width: 300px;
	display: none
}

.ms-DatePicker-picker.ms-DatePicker-picker--opened .ms-DatePicker-holder {
	animation-name: fadeIn, slideDownIn10;
	-webkit-animation-duration: .167s;
	-moz-animation-duration: .167s;
	-ms-animation-duration: .167s;
	-o-animation-duration: .167s;
	animation-timing-function: cubic-bezier(.1, .25, .75, .9);
	animation-fill-mode: both;
	box-sizing: border-box;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
	border: 1px solid #eaeaea;
	display: block
}

.ms-DatePicker-picker--opened {
	position: relative;
	z-index: 10
}

.ms-DatePicker-frame {
	padding: 1px
}

.ms-DatePicker-wrap {
	margin: -1px;
	padding: 9px
}

.ms-DatePicker-dayPicker {
	display: block;
	margin-bottom: 30px
}

.ms-DatePicker-header {
	height: 40px;
	line-height: 44px
}

.ms-DatePicker-month,
.ms-DatePicker-year {
	display: inline-block;
	font-weight: 100;
	font-size: 21px;
	color: #0078d7;
	margin-top: -1px
}

.ms-DatePicker-month:hover,
.ms-DatePicker-year:hover {
	color: #005a9e;
	cursor: pointer
}

.ms-DatePicker-month {
	margin-left: 15px
}

.ms-DatePicker-year {
	margin-left: 5px
}

.ms-DatePicker-table {
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	font-size: inherit
}

.ms-DatePicker-table td {
	margin: 0;
	padding: 0
}

.ms-DatePicker-table td:hover {
	outline: 1px solid transparent
}

.ms-DatePicker-day,
.ms-DatePicker-weekday {
	width: 40px;
	height: 40px;
	padding: 0;
	line-height: 40px;
	font-weight: 400;
	font-size: 15px;
	color: #333
}

.ms-DatePicker-day--today {
	position: relative;
	background-color: #b3d6f2
}

.ms-DatePicker-day--disabled:before {
	border-top-color: #a6a6a6
}

.ms-DatePicker-day--outfocus {
	color: #a6a6a6;
	font-weight: 400
}

.ms-DatePicker-day--infocus:hover,
.ms-DatePicker-day--outfocus:hover {
	cursor: pointer;
	color: #000;
	background: #eaeaea
}

.ms-DatePicker-day--highlighted:hover,
.ms-DatePicker-picker--focused .ms-DatePicker-day--highlighted {
	cursor: pointer;
	color: #fff;
	background: #0078d7
}

.ms-DatePicker-day--highlighted.ms-DatePicker-day--disabled,
.ms-DatePicker-day--highlighted.ms-DatePicker-day--disabled:hover {
	background: #a6a6a6
}

.ms-DatePicker-monthPicker,
.ms-DatePicker-yearPicker {
	display: none
}

.ms-DatePicker-monthComponents {
	position: absolute;
	top: 9px;
	right: 9px;
	left: 9px
}

.ms-DatePicker-decadeComponents,
.ms-DatePicker-yearComponents {
	position: absolute;
	right: 10px
}

.ms-DatePicker-nextDecade,
.ms-DatePicker-nextMonth,
.ms-DatePicker-nextYear,
.ms-DatePicker-prevDecade,
.ms-DatePicker-prevMonth,
.ms-DatePicker-prevYear {
	width: 40px;
	height: 40px;
	display: block;
	float: right;
	margin-left: 10px;
	text-align: center;
	line-height: 40px;
	font-size: 21px;
	color: #666;
	position: relative;
	top: 3px
}

.ms-DatePicker-nextDecade:hover,
.ms-DatePicker-nextMonth:hover,
.ms-DatePicker-nextYear:hover,
.ms-DatePicker-prevDecade:hover,
.ms-DatePicker-prevMonth:hover,
.ms-DatePicker-prevYear:hover {
	color: #212121;
	cursor: pointer;
	outline: 1px solid transparent
}

.ms-DatePicker-headerToggleView {
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 140px;
	z-index: 5;
	cursor: pointer
}

.ms-DatePicker-currentDecade,
.ms-DatePicker-currentYear {
	display: block;
	font-weight: 300;
	font-size: 21px;
	height: 40px;
	line-height: 42px;
	margin-left: 15px
}

.ms-DatePicker-currentYear {
	color: #0078d7
}

.ms-DatePicker-currentYear:hover {
	color: #005a9e;
	cursor: pointer
}

.ms-DatePicker-optionGrid {
	position: relative;
	height: 210px;
	width: 280px;
	margin: 10px 0 30px 5px
}

.ms-DatePicker-monthOption,
.ms-DatePicker-yearOption {
	background-color: #f4f4f4;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	float: left;
	margin: 0 10px 10px 0;
	font-weight: 400;
	font-size: 13px;
	color: #333;
	text-align: center
}

.ms-DatePicker-monthOption:hover,
.ms-DatePicker-yearOption:hover {
	background-color: #c8c8c8;
	outline: 1px solid transparent
}

.ms-DatePicker-monthOption.is-highlighted,
.ms-DatePicker-yearOption.is-highlighted {
	background-color: #333;
	color: #fff
}

.ms-DatePicker-goToday {
	bottom: 9px;
	color: #0078d7;
	cursor: pointer;
	font-weight: 300;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	position: absolute;
	right: 9px
}

.ms-DatePicker-goToday:hover {
	outline: 1px solid transparent
}

.ms-DatePicker.is-pickingYears .ms-DatePicker-dayPicker,
.ms-DatePicker.is-pickingYears .ms-DatePicker-monthComponents,
.ms-DatePicker.is-pickingYears .ms-DatePicker-monthPicker {
	display: none
}

.ms-DatePicker.is-pickingYears .ms-DatePicker-yearPicker {
	display: block
}

@media (min-width:460px) {
	.ms-DatePicker-holder {
		width: 440px
	}
	.ms-DatePicker-month,
	.ms-DatePicker-year {
		font-weight: 300;
		font-size: 17px;
		color: #333
	}
	.ms-DatePicker-month:hover,
	.ms-DatePicker-year:hover {
		color: #333;
		cursor: default
	}
	.ms-DatePicker-header {
		height: 30px;
		line-height: 28px
	}
	.ms-DatePicker-dayPicker {
		box-sizing: border-box;
		border-right: 1px solid #eaeaea;
		width: 220px;
		margin: -10px 0;
		padding: 10px 0
	}
	.ms-DatePicker-monthPicker {
		display: block
	}
	.ms-DatePicker-monthPicker,
	.ms-DatePicker-yearPicker {
		top: 9px;
		left: 238px;
		position: absolute
	}
	.ms-DatePicker-optionGrid {
		width: 200px;
		height: auto;
		margin: 10px 0 0
	}
	.ms-DatePicker-monthComponents {
		width: 210px
	}
	.ms-DatePicker-month {
		margin-left: 12px
	}
	.ms-DatePicker-day,
	.ms-DatePicker-weekday {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-weight: 600;
		font-size: 12px
	}
	.ms-DatePicker-nextDecade,
	.ms-DatePicker-nextMonth,
	.ms-DatePicker-nextYear,
	.ms-DatePicker-prevDecade,
	.ms-DatePicker-prevMonth,
	.ms-DatePicker-prevYear {
		font-size: 17px;
		width: 30px;
		height: 30px;
		line-height: 29px
	}
	.ms-DatePicker-toggleMonthView {
		display: none
	}
	.ms-DatePicker-currentDecade,
	.ms-DatePicker-currentYear {
		font-size: 17px;
		margin: 0;
		height: 30px;
		line-height: 26px;
		padding: 0 10px;
		display: inline-block
	}
	.ms-DatePicker-monthOption,
	.ms-DatePicker-yearOption {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
		margin: 0 10px 10px 0
	}
	.ms-DatePicker-monthOption:hover,
	.ms-DatePicker-yearOption:hover {
		outline: 1px solid transparent
	}
	.ms-DatePicker-goToday {
		box-sizing: border-box;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		right: 10px;
		text-align: right;
		top: 199px;
		width: 210px
	}
	.ms-DatePicker.is-pickingYears .ms-DatePicker-dayPicker,
	.ms-DatePicker.is-pickingYears .ms-DatePicker-monthComponents {
		display: block
	}
	.ms-DatePicker.is-pickingYears .ms-DatePicker-monthPicker {
		display: none
	}
	.ms-DatePicker.is-pickingYears .ms-DatePicker-yearPicker {
		display: block
	}
}

@media (max-width:459px) {
	.ms-DatePicker.is-pickingMonths .ms-DatePicker-dayPicker,
	.ms-DatePicker.is-pickingMonths .ms-DatePicker-monthComponents {
		display: none
	}
	.ms-DatePicker.is-pickingMonths .ms-DatePicker-monthPicker {
		display: block
	}
}

.ms-DetailsList {
	position: relative
}

.ms-DetailsList.is-horizontalConstrained {
	overflow-x: auto;
	overflow-y: inherit
}

.ms-DetailsList-cell {
	word-break: break-word
}

.ms-DetailsHeader {
	display: inline-block;
	min-width: 100%;
	height: 36px;
	line-height: 36px;
	white-space: nowrap;
	padding-bottom: 1px;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 1px;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ms-DetailsHeader.is-singleSelect {
	padding-left: 40px
}

.ms-DetailsHeader.is-resizingColumn .ms-DetailsHeader-sizerCover {
	background: transparent;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	cursor: col-resize
}

.ms-DetailsHeader-cell.is-check .ms-Check-circle {
	visibility: hidden
}

.ms-DetailsHeader-cell.is-check:hover .ms-Check-circle,
.ms-DetailsHeader.is-allSelected .ms-Check-circle {
	visibility: visible
}

.ms-DetailsHeader-cellWrapper {
	display: inline-block;
	position: relative
}

.ms-DetailsHeader-cellSizeWrapper {
	display: inline-block;
	vertical-align: top;
	margin-right: 16px
}

.ms-DetailsHeader-cellSizeWrapper:last-child {
	margin-right: 0
}

.ms-DetailsHeader-filterChevron.ms-Icon {
	color: #a6a6a6;
	padding-left: 4px;
	vertical-align: middle
}

.ms-DetailsHeader-cell {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 8px;
	color: #a6a6a6;
	border: 0;
	background: none;
	line-height: inherit;
	margin: 0;
	font-size: inherit;
	font-family: inherit;
	text-align: left;
	height: 36px;
	vertical-align: top
}

.ms-DetailsHeader-cell.is-check {
	position: relative;
	padding: 8px 10px;
	margin: 0
}

.ms-DetailsHeader-cell:focus {
	outline: transparent
}

.ms-DetailsHeader-cell.is-sortable {
	color: #000;
	cursor: default
}

.ms-DetailsHeader-cell.is-sortable:hover {
	background-color: #eaeaea
}

.ms-DetailsHeader-cell.is-filter {
	position: absolute;
	right: 0;
	width: 20px;
	top: 0;
	bottom: 0;
	padding: 0;
	text-align: center;
	color: #000
}

.ms-DetailsHeader-cell.is-filter:hover {
	background-color: #eaeaea
}

.ms-DetailsHeader-cell.is-filter:before {
	content: "";
	position: absolute;
	border-left: 1px solid #a6a6a6;
	top: 10px;
	bottom: 10px;
	left: 0
}

.ms-DetailsHeader-cell.is-sizer {
	position: absolute;
	width: 16px;
	cursor: col-resize;
	bottom: 0;
	top: 0;
	height: inherit;
	z-index: 99
}

.ms-DetailsHeader-cell.is-sorted.is-sortable .ms-DetailsHeader-sortArrow {
	display: inline
}

.ms-DetailsHeader-cellis-sortedDescending .ms-DetailsHeader-sortArrow {
	transform: rotate(180deg)
}

.ms-DetailsHeader-cell.is-resizing.is-sizer:after,
.ms-DetailsHeader-cell.is-sizer:hover:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #eaeaea;
	border: 1px solid #fff
}

.ms-DetailsHeader-cell:focus:before,
.ms-Fabric.is-focusVisible .ms-DetailsHeader-cell:focus:before {
	content: "";
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #a6a6a6
}

.ms-DetailsHeader-sortArrow.ms-Icon {
	font-size: 12px;
	margin-right: 4px;
	display: none;
	color: #a6a6a6
}

.ms-DetailsRow {
	position: relative;
	display: inline-block;
	min-width: 100%;
	min-height: 36px;
	vertical-align: top;
	white-space: nowrap;
	padding: 10px 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	box-sizing: border-box
}

.ms-DetailsRow:focus {
	outline: transparent
}

.ms-DetailsRow.ms-DetailsRow.is-selected {
	background: #deecf9
}

.ms-DetailsRow:hover,
.ms-Fabric.is-stationary .ms-DetailsRow:hover {
	background: #eff6fc
}

.ms-DetailsRow.is-selected:hover,
.ms-Fabric.is-stationary .ms-DetailsRow.is-selected:hover {
	background: #b3d6f2
}

.ms-DetailsRow-cell {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 8px;
	vertical-align: top;
	white-space: normal;
	word-break: break-word;
	margin-right: 16px
}

.ms-DetailsRow-cell.is-clipped {
	overflow: hidden
}

.ms-DetailsRow-cell:last-child {
	margin-right: 0
}

.ms-DetailsRow-cellIcon {
	display: inline-block;
	margin-right: 6px;
	position: relative;
	bottom: -2px
}

.ms-DetailsRow-check {
	display: inline-block;
	cursor: default;
	padding: 10px;
	margin: -10px 0;
	box-sizing: border-box;
	vertical-align: top;
	background: none;
	border: 0;
	visibility: hidden
}

.ms-DetailsRow-check:focus {
	outline: transparent
}

.ms-DetailsRow.is-selected .ms-DetailsRow-check,
.ms-DetailsRow:hover .ms-DetailsRow-check,
.ms-Fabric.is-stationary .ms-DetailsRow:hover .ms-DetailsRow-check {
	visibility: visible
}

.ms-DetailsRow:focus .ms-DetailsRow-focusBox,
.ms-Fabric.is-focusVisible .ms-DetailsRow:focus .ms-DetailsRow-focusBox {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 1px solid #a6a6a6
}

.ms-DetailsRow-cellMeasurer {
	position: absolute;
	visibility: hidden;
	white-space: nowrap;
	top: -1000000000
}

.ms-Check {
	display: inline-block;
	cursor: default;
	line-height: 0;
	vertical-align: top
}

.ms-Check.is-checked .ms-Check-circle {
	fill: #0078d7;
	stroke: #fff;
	stroke-width: 1px
}

.ms-Check.is-checked .ms-Check-check {
	stroke: #fff
}

.ms-Check-circle {
	fill: #fff;
	stroke: #c8c8c8
}

.ms-Check-check {
	stroke: #c8c8c8
}

.ms-Dialog {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
	background-color: #fff;
	display: none;
	height: auto;
	min-width: 220px;
	max-width: 340px;
	padding: 28px 24px;
	z-index: 10;
	position: fixed;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%
}

.ms-Dialog.is-open {
	display: block
}

.ms-Dialog-title {
	font-size: 21px;
	font-weight: 100;
	margin-bottom: 24px
}

.ms-Dialog-content {
	position: relative
}

.ms-Dialog-subText {
	color: #333;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.5
}

.ms-Dialog-actions {
	margin-top: 24px;
	text-align: right
}

.ms-Dialog--multiline .ms-Dialog-title {
	font-size: 28px
}

.ms-Dialog.ms-Dialog--lgHeader .ms-Dialog-title {
	background-color: #0078d7;
	color: #fff;
	font-size: 28px;
	font-weight: 100;
	padding: 28px 24px;
	margin-top: -28px;
	margin-left: -24px;
	margin-right: -24px
}

.ms-Dialog-buttonClose {
	background: none;
	border: 0;
	cursor: pointer;
	margin: 0;
	padding: 4px;
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 10
}

.ms-Dialog-buttonClose .ms-Icon.ms-Icon--Cancel {
	color: #666;
	font-size: 16px
}

.ms-Button.ms-Button--compound:not(:last-child) {
	margin-bottom: 20px
}

.ms-Dialog.ms-Dialog--close:not(.ms-Dialog--lgHeader) .ms-Dialog-title {
	margin-right: 20px
}

.ms-Dialog.ms-Dialog--close:not(.ms-Dialog--lgHeader) .ms-Dialog-button.ms-Dialog-buttonClose {
	display: block
}

@media (min-width:480px) {
	.ms-Dialog-main {
		width: auto;
		min-width: 288px;
		max-width: 340px
	}
}

.ms-Dropdown {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
	position: relative;
	outline: 0
}

.ms-Dropdown:active .ms-Dropdown-caretDown,
.ms-Dropdown:active .ms-Dropdown-title,
.ms-Dropdown:focus .ms-Dropdown-caretDown,
.ms-Dropdown:focus .ms-Dropdown-title,
.ms-Dropdown:hover .ms-Dropdown-caretDown,
.ms-Dropdown:hover .ms-Dropdown-title {
	color: #000
}

.ms-Dropdown:active .ms-Dropdown-title,
.ms-Dropdown:hover .ms-Dropdown-title {
	border-color: #767676
}

.ms-Dropdown:focus .ms-Dropdown-title {
	border-color: #0078d7
}

.ms-Dropdown .ms-Label {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 20px;
}

.ms-Dropdown.is-disabled .ms-Dropdown-title {
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	color: #a6a6a6;
	cursor: default
}

@media screen and (-ms-high-contrast:active) {
	.ms-Dropdown.is-disabled .ms-Dropdown-title {
		border-color: #0f0;
		color: #0f0
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Dropdown.is-disabled .ms-Dropdown-title {
		border-color: #600000;
		color: #600000
	}
}

.ms-Dropdown.is-disabled .ms-Dropdown-caretDown {
	color: #a6a6a6
}

@media screen and (-ms-high-contrast:active) {
	.ms-Dropdown.is-disabled .ms-Dropdown-caretDown {
		color: #0f0
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Dropdown.is-disabled .ms-Dropdown-caretDown {
		color: #600000
	}
}

.ms-Dropdown.is-open .ms-Dropdown-items {
	display: block;
	position: absolute
}

.ms-Panel .ms-Dropdown-items {
	box-shadow: none;
	overflow-y: auto;
	padding-top: 4px;
	max-height: 100%;
	min-height: 200px !important;
    background-color: #f7fbfb;
}

.ms-Panel .ms-Dropdown-items .ms-Dropdown-item {
	padding: 7px 16px;
	overflow: hidden;
	text-overflow: ellipsis
}

.ms-Panel .ms-Dropdown-items:before {
	content: none;
	border: 0
}

.ms-Dropdown-select {
	display: none
}

.ms-Dropdown-caretDown {
	color: #212121;
	font-size: 12px;
	position: absolute;
	right: 13px;
	bottom: 9px;
	z-index: 1;
	pointer-events: none
}

.ms-Dropdown-title {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	background: #fff;
	border: 1px solid #c8c8c8;
	cursor: pointer;
	display: block;
	height: 32px;
	padding: 5px 32px 0 10px;
	position: relative;
	overflow: hidden
}

.ms-Dropdown-title.ms-Dropdown-truncator {
	height: auto;
	display: block;
	position: absolute;
	visibility: hidden
}

.ms-Dropdown-items {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
	background-color: #fff;
	display: none;
	list-style-type: none;
	position: absolute;
	width: 100%;
	max-height: 200px;
	z-index: 400;
	overflow-y: scroll;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	max-width: 100%
}

.ms-Dropdown-items:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #eaeaea
}

@media screen and (-ms-high-contrast:active) {
	.ms-Dropdown-items {
		border: 1px solid #fff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Dropdown-items {
		border: 1px solid #000
	}
}

.ms-Dropdown-item {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 36px;
	padding: 7px 10px;
	position: relative;
	border: 1px solid transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (-ms-high-contrast:active) {
	.ms-Dropdown-item {
		border-color: #000
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Dropdown-item {
		border-color: #fff
	}
}

.ms-Dropdown-item:hover {
	background-color: #eaeaea;
	color: #000
}

@media screen and (-ms-high-contrast:active) {
	.ms-Dropdown-item:hover {
		background-color: #1aebff;
		border-color: #1aebff;
		color: #000
	}
	.ms-Dropdown-item:hover:focus {
		border-color: #000
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Dropdown-item:hover {
		background-color: #37006e;
		border-color: #37006e;
		color: #fff
	}
}

.ms-Dropdown-item:active {
	background-color: #eaeaea;
	border-color: #0078d7;
	color: #000
}

.ms-Dropdown-item.is-disabled {
	background: #fff;
	color: #a6a6a6;
	cursor: default
}

.ms-Dropdown-item.is-selected,
.ms-Dropdown-item.ms-Dropdown-item--selected {
	background-color: #b3d6f2;
	color: #000
}

.ms-Dropdown-item.is-selected:hover,
.ms-Dropdown-item.ms-Dropdown-item--selected:hover {
	background-color: #b3d6f2
}

@media screen and (-ms-high-contrast:active) {
	.ms-Dropdown-item.is-selected,
	.ms-Dropdown-item.ms-Dropdown-item--selected {
		background-color: #1aebff;
		border-color: #1aebff;
		color: #000
	}
	.ms-Dropdown-item.is-selected:focus,
	.ms-Dropdown-item.ms-Dropdown-item--selected:focus {
		border-color: #000
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Dropdown-item.is-selected,
	.ms-Dropdown-item.ms-Dropdown-item--selected {
		background-color: #37006e;
		border-color: #37006e;
		color: #fff
	}
}

.ms-FacePile {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	position: relative;
	height: 32px;
	width: auto
}

.ms-FacePile .ms-FacePile-personaCardHost {
	display: none
}

.ms-FacePile-addButton {
	background: none;
	border: 0;
	cursor: pointer;
	position: relative;
	height: 32px;
	width: 32px;
	line-height: 32px;
	text-align: center;
	float: left;
	padding: 0;
	margin-right: 4px;
	outline: transparent;
	border-radius: 50%;
	vertical-align: top
}

.ms-FacePile-addButton .ms-Persona-details,
.ms-FacePile-addButton .ms-Persona-presence {
	display: none
}

.ms-FacePile-addButton.ms-FacePile-addButton--addPerson {
	background-color: #0078d7;
	color: #fff;
	font-size: 16px
}

.ms-FacePile-addButton.ms-FacePile-addButton--addPerson:focus,
.ms-FacePile-addButton.ms-FacePile-addButton--addPerson:hover {
	background-color: #005a9e
}

.ms-FacePile-addButton.ms-FacePile-addButton--addPerson:active {
	background-color: #004578
}

.ms-FacePile-addButton.ms-FacePile-addButton--addPerson:disabled {
	background-color: #c8c8c8
}

.ms-FacePile-addButton.ms-FacePile-addButton--overflow {
	background-color: #eaeaea;
	color: #666;
	display: none
}

.ms-FacePile-addButton.ms-FacePile-addButton--overflow.is-active {
	display: block
}

.ms-FacePile-addButton.ms-FacePile-addButton--overflow:hover {
	color: #212121
}

.ms-FacePile-addButton.ms-FacePile-addButton--overflow:disabled {
	color: #c8c8c8
}

.ms-FacePile-addPersonIcon {
	position: relative;
	top: -1px
}

.ms-FacePile-overflowText {
	font-size: 14px
}

.ms-FacePile-panel.ms-FacePile-panel--overflow .ms-Panel-headerText,
.ms-FacePile-panel.ms-FacePile-panel--overflow .ms-PeoplePicker-resultAction,
.ms-FacePile-panel.ms-FacePile-panel--overflow .ms-PeoplePicker-results,
.ms-FacePile-panel.ms-FacePile-panel--overflow .ms-PeoplePicker-searchBox {
	display: none
}

.ms-FacePile-panel.ms-FacePile-panel--overflow .ms-PeoplePicker-selectedHeader {
	font-weight: 100;
	font-size: 21px;
	color: #333;
	line-height: 82px;
	height: 74px;
	text-transform: none
}

.ms-Link {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-weight: 400;
	color: #0078d7;
	text-decoration: none;
	cursor: pointer;
	outline: none
}

.ms-Link:focus,
.ms-Link:hover {
	color: #004578
}

.ms-Link:active {
	color: #0078d7
}

.ms-List {
	padding: 0;
	list-style-type: none
}

.ms-List,
.ms-ListItem {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	margin: 0;
	box-shadow: none;
	color: #333;
	font-size: 14px;
	font-weight: 400
}

.ms-ListItem {
	padding: 0;
	*zoom: 1;
	padding: 9px 28px 3px;
	position: relative;
	display: block
}

.ms-ListItem:after,
.ms-ListItem:before {
	display: table;
	content: "";
	line-height: 0
}

.ms-ListItem:after {
	clear: both
}

.ms-ListItem-primaryText,
.ms-ListItem-secondaryText,
.ms-ListItem-tertiaryText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block
}

.ms-ListItem-primaryText {
	color: #212121;
	font-weight: 300;
	font-size: 21px;
	padding-right: 80px;
	position: relative;
	top: -4px
}

.ms-ListItem-secondaryText {
	color: #333;
	font-weight: 400;
	font-size: 14px;
	line-height: 25px;
	position: relative;
	top: -7px;
	padding-right: 30px
}

.ms-ListItem-tertiaryText {
	color: #767676;
	font-weight: 300;
	font-size: 14px;
	position: relative;
	top: -9px;
	margin-bottom: -4px;
	padding-right: 30px
}

.ms-ListItem-metaText {
	color: #333;
	font-weight: 300;
	font-size: 11px;
	position: absolute;
	right: 30px;
	top: 39px
}

.ms-ListItem-image {
	float: left;
	height: 70px;
	margin-left: -8px;
	margin-right: 10px;
	width: 70px;
	background-color: #333
}

.ms-ListItem-selectionTarget {
	display: none
}

.ms-ListItem-actions {
	max-width: 80px;
	position: absolute;
	right: 30px;
	text-align: right;
	top: 10px
}

.ms-ListItem-action {
	color: #a6a6a6;
	display: inline-block;
	font-size: 15px;
	position: relative;
	text-align: center;
	top: 3px;
	cursor: pointer;
	height: 16px;
	width: 16px
}

.ms-ListItem-action .ms-Icon {
	vertical-align: top
}

.ms-ListItem-action:hover {
	color: #666;
	outline: 1px solid transparent
}

.ms-ListItem.is-unread {
	border-left: 3px solid #0078d7;
	padding-left: 27px
}

.ms-ListItem.is-unread .ms-ListItem-metaText,
.ms-ListItem.is-unread .ms-ListItem-secondaryText {
	color: #0078d7;
	font-weight: 600
}

.ms-ListItem.is-unseen:after {
	border-right: 10px solid transparent;
	border-top: 10px solid #0078d7;
	left: 0;
	position: absolute;
	top: 0
}

.ms-ListItem.is-selectable .ms-ListItem-selectionTarget {
	display: block;
	height: 20px;
	left: 6px;
	position: absolute;
	top: 13px;
	width: 20px
}

.ms-ListItem.is-selectable .ms-ListItem-image {
	margin-left: 0
}

.ms-ListItem.is-selectable:hover {
	background-color: #eaeaea;
	cursor: pointer;
	outline: 1px solid transparent
}

.ms-ListItem.is-selectable:hover:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: FabricMDL2Icons;
	font-style: normal;
	font-weight: 400;
	speak: none;
	position: absolute;
	top: 14px;
	left: 7px;
	height: 15px;
	width: 15px;
	border: 1px solid #767676
}

.ms-ListItem.is-selected:before {
	border: 1px solid transparent
}

.ms-ListItem.is-selected:before,
.ms-ListItem.is-selected:hover:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: FabricMDL2Icons;
	font-style: normal;
	font-weight: 400;
	speak: none;
	content: "\e73A";
	font-size: 17px;
	color: #767676;
	position: absolute;
	top: 23px;
	left: 7px;
	border: 0
}

.ms-ListItem.is-selected:hover {
	background-color: #b3d6f2;
	outline: 1px solid transparent
}

.ms-ListItem.ms-ListItem--document {
	padding: 0
}

.ms-ListItem.ms-ListItem--document .ms-ListItem-itemIcon {
	width: 70px;
	height: 70px;
	float: left;
	text-align: center
}

.ms-ListItem.ms-ListItem--document .ms-ListItem-itemIcon .ms-Icon {
	font-size: 38px;
	line-height: 70px;
	color: #666
}

.ms-ListItem.ms-ListItem--document .ms-ListItem-primaryText {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	padding-top: 15px;
	padding-right: 0;
	position: static
}

.ms-ListItem.ms-ListItem--document .ms-ListItem-secondaryText {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
	font-weight: 400;
	font-size: 11px;
	padding-top: 6px
}

.ms-MessageBanner {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #333;
	font-size: 12px;
	font-weight: 400;
	position: relative;
	border-bottom: 1px solid #767676;
	background-color: #eff6fc;
	min-width: 320px;
	width: 100%;
	height: 52px;
	text-align: center;
	overflow: hidden;
	animation-name: fadeIn, slideDownIn20;
	-webkit-animation-duration: .367s;
	-moz-animation-duration: .367s;
	-ms-animation-duration: .367s;
	-o-animation-duration: .367s;
	animation-timing-function: cubic-bezier(.1, .9, .2, 1);
	animation-fill-mode: both
}

.ms-MessageBanner .ms-Icon {
	font-size: 16px
}

.ms-MessageBanner.hide {
	animation-name: fadeOut, slideUpOut20;
	-webkit-animation-duration: .167s;
	-moz-animation-duration: .167s;
	-ms-animation-duration: .167s;
	-o-animation-duration: .167s;
	animation-timing-function: cubic-bezier(.1, .25, .75, .9);
	animation-fill-mode: both
}

.ms-MessageBanner.is-hidden {
	display: none
}

.ms-MessageBanner-close,
.ms-MessageBanner-expand {
	height: 52px;
	width: 40px;
	cursor: pointer;
	border: 0;
	background-color: transparent
}

.ms-MessageBanner-close {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 52px;
	color: #666
}

.ms-MessageBanner-text {
	display: inline-block;
	padding: 18px 0;
	margin-left: 0;
	max-width: 770px;
	overflow: hidden;
	text-align: left
}

.ms-MessageBanner-expand {
	display: none;
	vertical-align: top
}

.ms-MessageBanner-expand.is-visible {
	display: inline-block
}

.ms-MessageBanner-action {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 10px;
	padding-right: 36px
}

.ms-MessageBanner-action .ms-Button {
	color: #fff
}

.ms-MessageBanner-clipper {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: top
}

.ms-MessageBanner.is-expanded {
	height: auto
}

.ms-MessageBanner.is-expanded .ms-MessageBanner-clipper {
	white-space: normal
}

@media screen and (max-width:479px) {
	.ms-MessageBanner-action {
		margin: 0;
		display: block;
		text-align: right;
		padding: 0 10px 10px 0
	}
	.ms-MessageBanner-text {
		margin-left: -25px;
		padding: 18px 0 10px;
		min-width: 240px
	}
	.ms-MessageBanner-expand {
		display: inline-block;
		padding: 0;
		margin-left: -5px;
		width: 20px
	}
	.ms-MessageBanner-expand .ms-Icon {
		color: #0078d7
	}
}

.ms-ContextualHost {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	z-index: 10;
	margin: 16px auto;
	position: relative;
	min-width: 10px;
	display: none;
	background-color: #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4)
}

.ms-ContextualHost.is-positioned {
	position: absolute;
	margin: 0
}

.ms-ContextualHost.is-open {
	display: inline-block
}

.ms-ContextualHost-beak {
	box-shadow: 0 0 15px -5px #3c3c3c;
	position: absolute;
	width: 28px;
	height: 28px;
	background: #fff;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	top: -6px;
	display: none;
	transform: rotate(45deg);
	z-index: 0;
	outline: 1px solid transparent
}

.ms-ContextualHost.ms-ContextualHost--arrowLeft .ms-ContextualHost-beak,
.ms-ContextualHost.ms-ContextualHost--arrowRight .ms-ContextualHost-beak {
	top: 40px;
	display: none
}

.ms-ContextualHost.ms-ContextualHost--arrowLeft .ms-ContextualHost-beak {
	left: -10px
}

.ms-ContextualHost.ms-ContextualHost--arrowRight .ms-ContextualHost-beak {
	right: -10px
}

.ms-ContextualHost.ms-ContextualHost--arrowTop .ms-ContextualHost-beak {
	display: block;
	top: -10px
}

.ms-ContextualHost.ms-ContextualHost--arrowBottom .ms-ContextualHost-beak {
	display: block;
	bottom: -10px
}

.ms-ContextualHost-main {
	position: relative;
	background-color: #fff;
	box-sizing: border-box;
	outline: 1px solid transparent;
	z-index: 5;
	min-height: 10px
}

.ms-ContextualHost-close {
	margin: 0;
	border: 0;
	background: none;
	cursor: pointer;
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 8px;
	width: 32px;
	height: 32px;
	font-size: 14px;
	color: #666;
	z-index: 10
}

.ms-ContextualHost.ms-ContextualHost--close .ms-ContextualHost-title {
	margin-right: 20px
}

.ms-ContextualHost.ms-ContextualHost--primaryArrow .ms-ContextualHost-beak {
	background-color: #0078d7
}

@media (min-width:480px) {
	.ms-ContextualHost {
		margin: 16px
	}
	.ms-ContextualHost.is-positioned {
		margin: 0
	}
	.ms-ContextualHost.ms-ContextualHost--arrowLeft .ms-ContextualHost-beak,
	.ms-ContextualHost.ms-ContextualHost--arrowRight .ms-ContextualHost-beak {
		display: block
	}
}

.ms-MessageBar {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	padding: 8px;
	display: table;
	background-color: #b3d6f2;
	width: 100%;
	margin-bottom:15px;
}

.ms-MessageBar .ms-Link {
	font-size: 12px
}

.ms-MessageBar-icon,
.ms-MessageBar-text {
	display: table-cell;
	/*vertical-align: top*/
}

.ms-MessageBar-icon {
	padding-right: 8px;
	font-size: 16px;
	color: #767676
}

.ms-MessageBar-text {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-weight: 400
}

.ms-MessageBar.ms-MessageBar--warning {
	background-color: #fff4ce
}

.ms-MessageBar.ms-MessageBar--severeWarning {
	background-color: #fed9cc
}

.ms-MessageBar.ms-MessageBar--severeWarning .ms-MessageBar-icon {
	color: #d83b01
}

.ms-MessageBar.ms-MessageBar--error {
	background-color: #fde7e9
}

.ms-MessageBar.ms-MessageBar--error .ms-MessageBar-icon {
	color: #a80000
}

.ms-MessageBar.ms-MessageBar--blocked {
	background-color: #fde7e9
}

.ms-MessageBar.ms-MessageBar--blocked .ms-MessageBar-icon {
	color: #a80000
}

.ms-MessageBar.ms-MessageBar--success {
	background-color: #dff6dd
}

.ms-MessageBar.ms-MessageBar--success .ms-MessageBar-icon {
	color: #107c10
}

.ms-OrgChart {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	color: #333;
	font-size: 14px;
	font-weight: 400
}

.ms-OrgChart-groupTitle {
	color: #666;
	line-height: 1
}

.ms-OrgChart-list {
	padding: 0;
	margin: 12px 0 16px
}

.ms-OrgChart-listItem {
	height: 50px;
	width: 100%;
	position: relative;
	list-style: none;
	margin-bottom: 8px
}

.ms-OrgChart-listItemBtn {
	cursor: pointer;
	position: relative;
	height: 50px;
	width: 100%;
	background: none;
	border: 0;
	text-align: left;
	margin: 0;
	padding: 0
}

.ms-Overlay {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	background-color: hsla(0, 0%, 100%, .4);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 0;
	display: none
}

.ms-Overlay.is-visible {
	display: block
}

.ms-Overlay--dark {
	background-color: rgba(0, 0, 0, .4)
}

.ms-u-overflowHidden {
	overflow: hidden
}

.ms-Panel {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	background-color: #fff;
	width: 100%;
	max-width: 340px;
	box-shadow: -30px 0 30px -30px rgba(0, 0, 0, .2);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	display: none;
	height: 100%
}

.ms-Panel.animate-in {
	animation-name: fadeIn, slideLeftIn40;
	-webkit-animation-duration: .367s;
	-moz-animation-duration: .367s;
	-ms-animation-duration: .367s;
	-o-animation-duration: .367s;
	animation-timing-function: cubic-bezier(.1, .9, .2, 1);
	animation-fill-mode: both
}

.ms-Panel.animate-out {
	animation-name: fadeOut, slideRightOut40;
	-webkit-animation-duration: .167s;
	-moz-animation-duration: .167s;
	-ms-animation-duration: .167s;
	-o-animation-duration: .167s;
	animation-timing-function: cubic-bezier(.1, .25, .75, .9);
	animation-fill-mode: both
}

.ms-Panel.is-open {
	display: block
}

.ms-Panel .ms-CommandBar {
	padding-right: 0;
	padding-left: 8px
}

.ms-Panel.ms-Panel--md {
	max-width: 340px
}

.ms-Panel.ms-Panel--lg {
	max-width: 644px
}

.ms-Panel.ms-Panel--xl {
	max-width: 940px
}

.ms-Panel.ms-Panel--xxl {
	max-width: 1192px
}

.ms-Panel--left {
	box-shadow: -30px 0 30px 30px rgba(0, 0, 0, .2);
	left: 0;
	right: auto
}

.ms-Panel--left.animate-in {
	animation-name: fadeIn, slideRightIn40;
	-webkit-animation-duration: .367s;
	-moz-animation-duration: .367s;
	-ms-animation-duration: .367s;
	-o-animation-duration: .367s;
	animation-timing-function: cubic-bezier(.1, .9, .2, 1);
	animation-fill-mode: both
}

.ms-Panel--left.animate-out {
	animation-name: fadeOut, slideLeftOut40;
	-webkit-animation-duration: .167s;
	-moz-animation-duration: .167s;
	-ms-animation-duration: .167s;
	-o-animation-duration: .167s;
	animation-timing-function: cubic-bezier(.1, .25, .75, .9);
	animation-fill-mode: both
}

.ms-Panel-closeButton {
	background: none;
	border: 0;
	cursor: pointer;
	position: absolute;
	right: 6px;
	top: 0;
	height: 40px;
	width: 40px;
	line-height: 40px;
	outline: 0;
	padding: 0;
	color: #666;
	font-size: 16px
}

.ms-Panel-closeButton:hover {
	color: #333
}

.ms-Panel-closeButton .ms-Icon--Cancel {
	margin-top: 2px
}

@media (max-width:639px) {
	.ms-Panel-closeButton {
		font-size: 20px;
		line-height: 20px;
		height: 44px;
		right: 4px
	}
}

.ms-Panel-contentInner {
	margin-top: 40px;
	padding: 0 16px 20px;
	overflow-y: auto;
	height: 100%
}

@media (min-width:640px) {
	.ms-Panel-contentInner {
		padding: 0 32px 20px
	}
}

@media (min-width:1366px) {
	.ms-Panel-contentInner {
		padding: 0 40px 20px
	}
}

.ms-Panel-headerText {
	font-weight: 100;
	font-size: 21px;
	color: #333;
	margin: 10px 0;
	padding: 4px 0;
	line-height: 1;
	text-overflow: ellipsis;
	overflow: hidden
}

@media (min-width:1024px) {
	.ms-Panel-headerText {
		margin-top: 30px
	}
}

.ms-PanelHost {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10
}

.ms-PanelHost .ms-Overlay {
	cursor: pointer
}

.ms-PeoplePicker {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	color: #333;
	font-size: 14px;
	background-color: #fff;
	margin-bottom: 10px
}

.ms-PeoplePicker-searchBox {
	border-bottom: 1px solid #c8c8c8;
	cursor: text;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: stretch;
	align-items: stretch
}

.ms-PeoplePicker-searchBox:hover {
	border-color: #767676
}

.ms-PeoplePicker-searchBox.is-active,
.ms-PeoplePicker-searchBox:focus {
	border-color: #0078d7
}

@media screen and (-ms-high-contrast:active) {
	.ms-PeoplePicker-searchBox:focus,
	.ms-PeoplePicker-searchBox:hover {
		border-color: #1aebff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-PeoplePicker-searchBox:focus,
	.ms-PeoplePicker-searchBox:hover {
		border-color: #37006e
	}
}

.ms-PeoplePicker-searchBox::-webkit-input-placeholder {
	color: #666
}

.ms-PeoplePicker-searchBox:-moz-placeholder,
.ms-PeoplePicker-searchBox::-moz-placeholder {
	color: #666
}

.ms-PeoplePicker-searchBox:-ms-input-placeholder {
	color: #666
}

.ms-PeoplePicker-searchBox .ms-TextField.ms-TextField--textFieldUnderlined {
	border: 0;
	margin-bottom: 0;
	display: inline-block;
	width: 100%;
	-ms-flex: 1;
	flex: 1
}

.ms-PeoplePicker-searchBox .ms-TextField.ms-TextField--textFieldUnderlined .ms-TextField-field {
	min-height: 40px;
	border: 0
}

.ms-PeoplePicker.is-active .ms-PeoplePicker-searchBox .ms-TextField-field {
	border-color: #0078d7
}

.ms-PeoplePicker-persona {
	cursor: pointer
}

.ms-PeoplePicker-persona.has-error .ms-Persona-primaryText {
	color: #a80000
}

.ms-PeoplePicker-personaRemove {
	background: none;
	border: 0;
	cursor: pointer;
	background-color: #f4f4f4;
	color: #666;
	display: inline-block;
	text-align: center;
	height: 32px;
	width: 32px
}

.ms-PeoplePicker-personaRemove:hover {
	background-color: #eaeaea;
	color: #333;
	cursor: pointer
}

.ms-PeoplePicker-personaRemove:focus {
	background-color: #eaeaea;
	color: #333;
	border: 1px solid #0078d7;
	outline: none
}

.ms-PeoplePicker-results {
	background-color: #fff;
	border: 1px solid #c8c8c8;
	margin-bottom: -1px;
	padding-top: 9px;
	width: 100%;
	padding-left: 0;
	box-sizing: border-box
}

.ms-PeoplePicker.is-active .ms-PeoplePicker-results {
	display: block;
	opacity: 1
}

.ms-PeoplePicker-resultGroup {
	border-top: 1px solid #eaeaea
}

.ms-PeoplePicker-resultGroup:first-child {
	border-top: 0
}

.ms-PeoplePicker-resultGroupTitle {
	color: #0078d7;
	font-weight: 300;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-transform: uppercase;
	padding-left: 16px
}

.ms-PeoplePicker-resultList {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	margin-bottom: -1px;
	list-style-type: none
}

.ms-PeoplePicker-result {
	position: relative;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-left: 16px;
	cursor: pointer;
	outline: 0
}

.ms-PeoplePicker-result:focus,
.ms-PeoplePicker-result:hover {
	background-color: #eaeaea
}

.ms-PeoplePicker-result:focus {
	box-shadow: inset 0 0 0 1px #0078d7
}

.ms-PeoplePicker-result.is-selected {
	background-color: #b3d6f2
}

.ms-PeoplePicker-result.is-selected .ms-PeoplePicker-resultAction:active,
.ms-PeoplePicker-result.is-selected .ms-PeoplePicker-resultAction:hover {
	background-color: #69afe5
}

.ms-PeoplePicker-peopleListBtn,
.ms-PeoplePicker-resultBtn {
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	height: 34px;
	width: 100%;
	background: none;
	border: 0;
	text-align: left;
	margin: 0 0 10px;
	padding: 0 0 0 9px
}

@media (min-width:480px) {
	.ms-PeoplePicker-peopleListBtn,
	.ms-PeoplePicker-resultBtn {
		height: 48px
	}
}

.ms-PeoplePicker-peopleListBtn:hover,
.ms-PeoplePicker-resultBtn:hover {
	background-color: #eaeaea;
	outline: 1px solid transparent
}

.ms-PeoplePicker-peopleListBtn:focus,
.ms-PeoplePicker-resultBtn:focus {
	outline: 1
}

.ms-PeoplePicker-peopleListBtn.ms-PeoplePicker-resultBtn--compact,
.ms-PeoplePicker-resultBtn.ms-PeoplePicker-resultBtn--compact {
	height: 32px
}

.ms-PeoplePicker-peopleListBtn {
	margin-bottom: 0;
	padding: 0
}

.ms-PeoplePicker-peopleListBtn:hover {
	background-color: transparent
}

.ms-PeoplePicker-resultAction {
	background: none;
	border: 0;
	cursor: pointer;
	display: block;
	height: 100%;
	transition: background-color .367s cubic-bezier(.1, .9, .2, 1);
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	text-align: center
}

.ms-PeoplePicker-resultAction .ms-Icon {
	color: #666;
	font-size: 15px
}

.ms-PeoplePicker-resultAction:hover {
	background-color: #c8c8c8;
	outline: 1px solid transparent
}

.ms-PeoplePicker-resultAction:active {
	background-color: #a6a6a6
}

.ms-PeoplePicker-resultAdditionalContent {
	display: none
}

.ms-PeoplePicker-result.is-expanded {
	background-color: #f4f4f4;
	margin-bottom: 11px
}

.ms-PeoplePicker-result.is-expanded .ms-PeoplePicker-resultAction .ms-Icon {
	transform: rotate(180deg)
}

.ms-PeoplePicker-result.is-expanded .ms-PeoplePicker-resultAdditionalContent {
	display: block
}

.ms-PeoplePicker-searchMore {
	background: none;
	border: 0;
	cursor: pointer;
	height: 40px;
	position: relative;
	width: 100%
}

.ms-PeoplePicker-searchMore:hover {
	background-color: #f4f4f4
}

.ms-PeoplePicker-searchMoreIcon {
	font-size: 21px;
	height: 40px;
	left: 16px;
	line-height: 40px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 40px
}

.ms-PeoplePicker-searchMoreText {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	height: 40px;
	left: 64px;
	line-height: 40px;
	position: absolute;
	top: 0
}

.ms-PeoplePicker-results.ms-PeoplePicker-results--compact .ms-PeoplePicker-resultAction {
	height: 32px;
	width: 32px
}

.ms-PeoplePicker-results.ms-PeoplePicker-results--compact .ms-PeoplePicker-resultGroups {
	max-height: 209px
}

.ms-PeoplePicker.ms-PeoplePicker--facePile.is-searching .ms-PeoplePicker-results {
	border-bottom: 0;
	padding: 20px 0 0
}

.ms-PeoplePicker.ms-PeoplePicker--facePile.is-searching .ms-PeoplePicker-peopleListHeader {
	display: none
}

.ms-PeoplePicker.ms-PeoplePicker--facePile .ms-PersonaCard {
	display: none;
	position: absolute;
	height: 200px
}

.ms-PeoplePicker.ms-PeoplePicker--facePile .ms-PersonaCard.is-active {
	display: block
}

.ms-PeoplePicker.ms-PeoplePicker--facePile .ms-Persona.ms-Persona--selectable {
	padding: 0
}

.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile {
	position: relative;
	border: 0;
	box-shadow: none;
	margin: 0;
	max-width: 100%;
	border-bottom: 1px solid #eaeaea
}

@media (max-width:479px) {
	.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona-placeholder,
	.ms-PeoplePicker-selectedPeople .ms-Persona-placeholder {
		font-size: 28px;
		top: 6px
	}
	.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona-initials,
	.ms-PeoplePicker-selectedPeople .ms-Persona-initials {
		font-size: 12px;
		line-height: 32px
	}
	.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona-presence,
	.ms-PeoplePicker-selectedPeople .ms-Persona-presence {
		left: 19px
	}
	.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona-details,
	.ms-PeoplePicker-selectedPeople .ms-Persona-details {
		padding-left: 8px
	}
	.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona-primaryText,
	.ms-PeoplePicker-selectedPeople .ms-Persona-primaryText {
		font-size: 14px;
		padding-top: 3px
	}
	.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona-secondaryText,
	.ms-PeoplePicker-selectedPeople .ms-Persona-secondaryText {
		display: none
	}
}

@media (min-width:480px) {
	.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-Persona .ms-Persona-secondaryText,
	.ms-PeoplePicker-selectedPeople .ms-Persona .ms-Persona-secondaryText {
		display: block
	}
}

@media (min-width:480px) {
	.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-PeoplePicker-peopleListBtn,
	.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-PeoplePicker-resultAction,
	.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-PeoplePicker-resultBtn,
	.ms-PeoplePicker-selectedPeople .ms-PeoplePicker-peopleListBtn,
	.ms-PeoplePicker-selectedPeople .ms-PeoplePicker-resultAction,
	.ms-PeoplePicker-selectedPeople .ms-PeoplePicker-resultBtn {
		height: 40px
	}
}

.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-PeoplePicker-selected,
.ms-PeoplePicker-selectedPeople .ms-PeoplePicker-selected {
	margin-bottom: 20px;
	display: none
}

.ms-PeoplePicker-results.ms-PeoplePicker-results--facePile .ms-PeoplePicker-selected.is-active,
.ms-PeoplePicker-selectedPeople .ms-PeoplePicker-selected.is-active {
	display: block
}

.ms-PeoplePicker-peopleListHeader,
.ms-PeoplePicker-selectedHeader {
	color: #0078d7;
	font-size: 12px;
	font-weight: 400;
	height: 50px;
	line-height: 50px
}

.ms-PeoplePicker-peopleList,
.ms-PeoplePicker-selectedPeople {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	list-style: none
}

.ms-PeoplePicker-selectedPerson {
	margin-bottom: 8px;
	position: relative
}

.ms-PeoplePicker-peopleListItem {
	margin-bottom: 6px;
	position: relative
}

.ms-Persona {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	position: relative;
	width: 100%;
	height: 48px;
	display: table;
	table-layout: fixed;
	border-collapse: separate
}

.ms-Persona .ms-ContextualHost {
	display: none
}

.ms-Persona-imageArea {
	position: absolute;
	overflow: hidden;
	text-align: center;
	max-width: 48px;
	height: 48px;
	border-radius: 50%;
	z-index: 0;
	width: 100%;
	top: 0;
	left: 0
}

@media screen and (-ms-high-contrast:active) {
	.ms-Persona-imageArea {
		border: 1px solid #fff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Persona-imageArea {
		border: 1px solid #000
	}
}

.ms-Persona-placeholder {
	color: #fff;
	position: absolute;
	right: 0;
	left: 0;
	font-size: 47px;
	top: 9px;
	z-index: 5
}

.ms-Persona-initials {
	color: #fff;
	font-size: 17px;
	font-weight: 100;
	line-height: 48px
}

.ms-Persona-initials.ms-Persona-initials--blueLight {
	background-color: #00bcf2
}

.ms-Persona-initials.ms-Persona-initials--blue {
	background-color: #0078d7
}

.ms-Persona-initials.ms-Persona-initials--blueDark {
	background-color: #002050
}

.ms-Persona-initials.ms-Persona-initials--teal {
	background-color: #008272
}

.ms-Persona-initials.ms-Persona-initials--greenLight {
	background-color: #bad80a
}

.ms-Persona-initials.ms-Persona-initials--green {
	background-color: #107c10
}

.ms-Persona-initials.ms-Persona-initials--greenDark {
	background-color: #004b1c
}

.ms-Persona-initials.ms-Persona-initials--magentaLight {
	background-color: #e3008c
}

.ms-Persona-initials.ms-Persona-initials--magenta {
	background-color: #b4009e
}

.ms-Persona-initials.ms-Persona-initials--purpleLight {
	background-color: #b4a0ff
}

.ms-Persona-initials.ms-Persona-initials--purple {
	background-color: #5c2d91
}

.ms-Persona-initials.ms-Persona-initials--black {
	background-color: #000
}

.ms-Persona-initials.ms-Persona-initials--orange {
	background-color: #d83b01
}

.ms-Persona-initials.ms-Persona-initials--red {
	background-color: #e81123
}

.ms-Persona-initials.ms-Persona-initials--redDark {
	background-color: #a80000
}

.ms-Persona-image {
	position: absolute;
	top: 0;
	left: 0;
	height: 48px;
	z-index: 10;
	width: 100%
}

.ms-Persona-image[src=""] {
	display: none
}

.ms-Persona-presence {
	background-color: #7fba00;
	position: absolute;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	top: auto;
	left: 34px;
	bottom: -1px;
	border: 2px solid #fff;
	text-align: center
}

@media screen and (-ms-high-contrast:active) {
	.ms-Persona-presence {
		border-color: #000;
		box-shadow: inset 0 0 0 1px #1aebff;
		color: #000;
		background-color: #fff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Persona-presence {
		border-color: #fff;
		box-shadow: inset 0 0 0 1px #37006e;
		color: #fff;
		background-color: #000
	}
}

.ms-Persona-presenceIcon {
	color: #fff;
	font-size: 8px;
	line-height: 12px;
	vertical-align: top
}

.ms-Persona-details {
	padding: 0 12px;
	vertical-align: middle;
	overflow: hidden;
	text-align: left;
	padding-left: 60px;
	display: table-cell;
	width: 100%
}

.ms-Persona-optionalText,
.ms-Persona-primaryText,
.ms-Persona-secondaryText,
.ms-Persona-tertiaryText {
	display: block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

.ms-Persona-primaryText {
	color: #333;
	font-weight: 400;
	font-size: 17px;
	margin-top: -3px;
	line-height: 1.4
}

.ms-Persona-optionalText,
.ms-Persona-secondaryText,
.ms-Persona-tertiaryText {
	color: #666;
	font-weight: 400;
	font-size: 12px;
	white-space: nowrap;
	line-height: 1.3
}

.ms-Persona-secondaryText {
	padding-top: 3px
}

.ms-Persona-optionalText,
.ms-Persona-tertiaryText {
	padding-top: 5px;
	display: none
}

.ms-Persona.ms-Persona--tiny {
	height: 30px;
	display: inline-block
}

.ms-Persona.ms-Persona--tiny .ms-Persona-imageArea {
	overflow: visible;
	display: none
}

.ms-Persona.ms-Persona--tiny .ms-Persona-presence {
	right: auto;
	top: 10px;
	left: 0;
	border: 0
}

@media screen and (-ms-high-contrast:active) {
	.ms-Persona.ms-Persona--tiny .ms-Persona-presence {
		top: 9px;
		border: 1px solid #fff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Persona.ms-Persona--tiny .ms-Persona-presence {
		border: 1px solid #000
	}
}

.ms-Persona.ms-Persona--tiny .ms-Persona-details {
	padding-left: 20px
}

.ms-Persona.ms-Persona--tiny .ms-Persona-primaryText {
	font-size: 14px;
	padding-top: 9px
}

.ms-Persona.ms-Persona--tiny .ms-Persona-secondaryText {
	display: none
}

.ms-Persona.ms-Persona--tiny.ms-Persona--readonly {
	padding: 0;
	background-color: transparent
}

.ms-Persona.ms-Persona--tiny.ms-Persona--readonly .ms-Persona-primaryText:after {
	content: ";"
}

.ms-Persona.ms-Persona--facePile,
.ms-Persona.ms-Persona--token,
.ms-Persona.ms-Persona--xs {
	height: 32px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-image,
.ms-Persona.ms-Persona--facePile .ms-Persona-imageArea,
.ms-Persona.ms-Persona--token .ms-Persona-image,
.ms-Persona.ms-Persona--token .ms-Persona-imageArea,
.ms-Persona.ms-Persona--xs .ms-Persona-image,
.ms-Persona.ms-Persona--xs .ms-Persona-imageArea {
	max-width: 32px;
	height: 32px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-placeholder,
.ms-Persona.ms-Persona--token .ms-Persona-placeholder,
.ms-Persona.ms-Persona--xs .ms-Persona-placeholder {
	font-size: 28px;
	top: 6px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-initials,
.ms-Persona.ms-Persona--token .ms-Persona-initials,
.ms-Persona.ms-Persona--xs .ms-Persona-initials {
	font-size: 12px;
	line-height: 32px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-presence,
.ms-Persona.ms-Persona--token .ms-Persona-presence,
.ms-Persona.ms-Persona--xs .ms-Persona-presence {
	left: 19px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-details,
.ms-Persona.ms-Persona--token .ms-Persona-details,
.ms-Persona.ms-Persona--xs .ms-Persona-details {
	padding-left: 40px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-primaryText,
.ms-Persona.ms-Persona--token .ms-Persona-primaryText,
.ms-Persona.ms-Persona--xs .ms-Persona-primaryText {
	font-size: 14px;
	padding-top: 3px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-secondaryText,
.ms-Persona.ms-Persona--token .ms-Persona-secondaryText,
.ms-Persona.ms-Persona--xs .ms-Persona-secondaryText {
	display: none
}

.ms-Persona.ms-Persona--sm {
	height: 40px
}

.ms-Persona.ms-Persona--sm .ms-Persona-image,
.ms-Persona.ms-Persona--sm .ms-Persona-imageArea {
	max-width: 40px;
	height: 40px
}

.ms-Persona.ms-Persona--sm .ms-Persona-placeholder {
	font-size: 38px;
	top: 5px
}

.ms-Persona.ms-Persona--sm .ms-Persona-initials {
	font-size: 14px;
	line-height: 40px
}

.ms-Persona.ms-Persona--sm .ms-Persona-presence {
	left: 27px
}

.ms-Persona.ms-Persona--sm .ms-Persona-details {
	padding-left: 48px
}

.ms-Persona.ms-Persona--sm .ms-Persona-primaryText {
	font-size: 14px
}

.ms-Persona.ms-Persona--sm .ms-Persona-primaryText,
.ms-Persona.ms-Persona--sm .ms-Persona-secondaryText {
	padding-top: 1px
}

.ms-Persona.ms-Persona--lg {
	height: 72px
}

.ms-Persona.ms-Persona--lg .ms-Persona-image,
.ms-Persona.ms-Persona--lg .ms-Persona-imageArea {
	max-width: 72px;
	height: 72px
}

.ms-Persona.ms-Persona--lg .ms-Persona-placeholder {
	font-size: 67px;
	top: 10px
}

.ms-Persona.ms-Persona--lg .ms-Persona-initials {
	font-size: 28px;
	line-height: 72px
}

.ms-Persona.ms-Persona--lg .ms-Persona-presence {
	left: 49px;
	height: 20px;
	width: 20px;
	border-width: 3px
}

.ms-Persona.ms-Persona--lg .ms-Persona-presenceIcon {
	line-height: 20px;
	font-size: 14px
}

.ms-Persona.ms-Persona--lg .ms-Persona-details {
	padding-left: 84px
}

.ms-Persona.ms-Persona--lg .ms-Persona-secondaryText {
	padding-top: 3px
}

.ms-Persona.ms-Persona--lg .ms-Persona-tertiaryText {
	padding-top: 5px;
	display: block
}

.ms-Persona.ms-Persona--xl {
	height: 100px
}

.ms-Persona.ms-Persona--xl .ms-Persona-image,
.ms-Persona.ms-Persona--xl .ms-Persona-imageArea {
	max-width: 100px;
	height: 100px
}

.ms-Persona.ms-Persona--xl .ms-Persona-placeholder {
	font-size: 95px;
	top: 12px
}

.ms-Persona.ms-Persona--xl .ms-Persona-initials {
	font-size: 42px;
	line-height: 100px
}

.ms-Persona.ms-Persona--xl .ms-Persona-presence {
	height: 28px;
	width: 28px;
	left: 71px;
	border-width: 4px
}

.ms-Persona.ms-Persona--xl .ms-Persona-presenceIcon {
	line-height: 28px;
	font-size: 21px;
	position: relative;
	top: 1px
}

.ms-Persona.ms-Persona--xl .ms-Persona-details {
	padding-left: 120px
}

.ms-Persona.ms-Persona--xl .ms-Persona-primaryText {
	font-size: 21px;
	font-weight: 300;
	margin-top: 0
}

.ms-Persona.ms-Persona--xl .ms-Persona-secondaryText {
	padding-top: 2px
}

.ms-Persona.ms-Persona--xl .ms-Persona-optionalText,
.ms-Persona.ms-Persona--xl .ms-Persona-tertiaryText {
	padding-top: 5px;
	display: block
}

.ms-Persona.ms-Persona--darkText .ms-Persona-primaryText {
	color: #212121
}

.ms-Persona.ms-Persona--darkText .ms-Persona-optionalText,
.ms-Persona.ms-Persona--darkText .ms-Persona-secondaryText,
.ms-Persona.ms-Persona--darkText .ms-Persona-tertiaryText {
	color: #333
}

.ms-Persona.ms-Persona--selectable {
	cursor: pointer;
	padding: 0 10px
}

.ms-Persona.ms-Persona--selectable:not(.ms-Persona--xl):focus,
.ms-Persona.ms-Persona--selectable:not(.ms-Persona--xl):hover {
	background-color: #deecf9;
	outline: 1px solid transparent
}

.ms-Persona.ms-Persona--available .ms-Persona-presence {
	background-color: #7fba00
}

.ms-Persona.ms-Persona--away .ms-Persona-presence {
	background-color: #fcd116
}

.ms-Persona.ms-Persona--away .ms-Persona-presenceIcon {
	position: relative;
	left: 1px
}

.ms-Persona.ms-Persona--blocked .ms-Persona-presence {
	background-color: #fff
}

.ms-Persona.ms-Persona--blocked .ms-Persona-presence:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: inset 0 0 0 2px #d93b3b;
	border-radius: 50%
}

.ms-Persona.ms-Persona--blocked .ms-Persona-presence:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #d93b3b;
	transform: rotate(-45deg);
	position: absolute;
	top: 5px;
	left: 0
}

.ms-Persona.ms-Persona--blocked.ms-Persona--lg .ms-Persona-presence:after {
	top: 9px
}

.ms-Persona.ms-Persona--blocked.ms-Persona--xl .ms-Persona-presence:after {
	top: 13px
}

.ms-Persona.ms-Persona--busy .ms-Persona-presence {
	background-color: #d93b3b
}

@media screen and (-ms-high-contrast:active) {
	.ms-Persona.ms-Persona--busy .ms-Persona-presence {
		background-color: #1aebff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Persona.ms-Persona--busy .ms-Persona-presence {
		background-color: #37006e
	}
}

.ms-Persona.ms-Persona--dnd .ms-Persona-presence {
	background-color: #e81123
}

.ms-Persona.ms-Persona--offline .ms-Persona-presence {
	background-color: #93abbd
}

@media screen and (-ms-high-contrast:active) {
	.ms-Persona.ms-Persona--offline .ms-Persona-presence {
		background-color: #000;
		box-shadow: inset 0 0 0 1px #fff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Persona.ms-Persona--offline .ms-Persona-presence {
		background-color: #fff;
		box-shadow: inset 0 0 0 1px #000
	}
}

.ms-Persona.ms-Persona--facePile {
	display: inline-block;
	width: auto
}

.ms-Persona.ms-Persona--facePile:hover {
	cursor: pointer
}

.ms-Persona.ms-Persona--facePile .ms-Persona-imageArea {
	position: relative;
	width: 100%;
	min-width: 32px
}

.ms-Persona.ms-Persona--facePile .ms-Persona-initials {
	position: relative
}

.ms-Persona.ms-Persona--facePile .ms-Persona-details,
.ms-Persona.ms-Persona--facePile .ms-Persona-presence {
	display: none
}

.ms-Persona.ms-Persona--token {
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: auto;
	background-color: #f4f4f4;
	border-radius: 20px;
	margin: 4px
}

.ms-Persona.ms-Persona--token:hover {
	cursor: pointer
}

.ms-Persona.ms-Persona--token .ms-Persona-actionIcon {
	border-radius: 20px;
	display: inline-block;
	width: 32px;
	height: 32px;
	padding: 0;
	line-height: 30px;
	transition: background-color .167s cubic-bezier(.1, .9, .2, 1);
	text-align: center
}

.ms-Persona.ms-Persona--token .ms-Persona-actionIcon:hover {
	background-color: #eaeaea
}

.ms-Persona.ms-Persona--token .ms-Persona-imageArea {
	width: 100%;
	min-width: 32px
}

.ms-Persona.ms-Persona--token .ms-Persona-details {
	height: 30px;
	display: inline-block;
	width: auto;
	padding-right: 8px
}

.ms-Persona.ms-Persona--token .ms-Persona-primaryText {
	padding-top: 0;
	line-height: 34px
}

.ms-Persona.ms-Persona--token .ms-Persona-initials {
	position: relative
}

.ms-PersonaCard {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	animation-name: fadeIn, slideUpIn10;
	-webkit-animation-duration: .167s;
	-moz-animation-duration: .167s;
	-ms-animation-duration: .167s;
	-o-animation-duration: .167s;
	animation-timing-function: cubic-bezier(.1, .25, .75, .9);
	animation-fill-mode: both;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	outline: 1px solid transparent
}

.ms-PersonaCard-persona {
	background-color: #f4f4f4;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px
}

.ms-PersonaCard-actions {
	box-sizing: border-box;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0 10px;
	background-color: #fff;
	height: 48px
}

.ms-PersonaCard-actions:before {
	content: "";
	position: absolute;
	top: 47px;
	left: 0;
	width: 100%;
	border-top: 1px solid #c8c8c8
}

.ms-PersonaCard-action,
.ms-PersonaCard-overflow {
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	padding: 0 10px;
	color: #666;
	outline: transparent;
	position: relative;
	box-sizing: border-box
}

.ms-PersonaCard-action:hover,
.ms-PersonaCard-overflow:hover {
	color: #212121
}

.ms-PersonaCard-action:active,
.ms-PersonaCard-overflow:active {
	color: #0078d7
}

.ms-PersonaCard-action:before,
.ms-PersonaCard-overflow:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	top: 0;
	left: 0;
	z-index: 100
}

.ms-PersonaCard-action.is-active,
.ms-PersonaCard-overflow.is-active {
	color: #0078d7
}

.ms-PersonaCard-action.is-active:after,
.ms-PersonaCard-overflow.is-active:after {
	box-sizing: border-box;
	transform: rotate(45deg);
	content: "";
	width: 10px;
	height: 10px;
	border: 1px solid #c8c8c8;
	background-color: #fff;
	position: absolute;
	border-right: 0;
	border-bottom: 0;
	bottom: -4px;
	left: 13px
}

.ms-PersonaCard-overflow {
	font-size: 14px;
	color: #333;
	float: right;
	margin-top: -1px
}

.ms-PersonaCard-overflow:hover {
	color: #0078d7
}

.ms-PersonaCard-orgChart {
	position: absolute;
	right: 12px;
	top: -95px
}

.ms-PersonaCard-actionDetailBox {
	min-height: 48px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #fff
}

.ms-PersonaCard-details {
	display: none;
	width: 100%;
	margin: 0;
	max-height: 300px;
	min-height: 48px;
	color: #666;
	padding: 9px 20px;
	box-sizing: border-box
}

.ms-PersonaCard-details.is-active {
	display: block
}

.ms-PersonaCard-details.is-collapsed {
	height: 30px;
	overflow: hidden
}

.ms-PersonaCard-details.is-collapsed .ms-PersonaCard-detailExpander:after {
	content: "\E70D"
}

.ms-PersonaCard-details[data-detail-id=org] {
	max-height: 300px
}

.ms-PersonaCard-detailExpander {
	color: #333;
	cursor: pointer;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	margin-top: 2px;
	position: absolute;
	right: 10px;
	text-align: center;
	width: 30px
}

.ms-PersonaCard-detailExpander:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: FabricMDL2Icons;
	font-style: normal;
	font-weight: 400;
	speak: none;
	content: "\E70E"
}

.ms-PersonaCard-detailLine {
	color: #333;
	line-height: 30px
}

.ms-PersonaCard-detailLabel {
	color: #666
}

.ms-PersonaCard-action.ms-PersonaCard-orgChart:after {
	display: none
}

@media (min-width:480px) {
	.ms-PersonaCard {
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
		max-width: 360px;
		position: relative
	}
	.ms-ContextualHost .ms-PersonaCard {
		box-shadow: none
	}
}

.ms-Pivot {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	font-size: 14px;
	font-weight: 400
}

.ms-Pivot-links {
	font-size: 0;
	height: 40px;
	list-style-type: none;
	padding: 0;
	white-space: nowrap
}

.ms-Pivot-link {
	color: #333;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	margin-right: 8px;
	padding: 0 8px;
	text-align: center;
	vertical-align: top
}

.ms-Pivot-link:hover {
	cursor: pointer
}

.ms-Pivot-link:before {
	background-color: transparent;
	bottom: 0;
	content: "";
	height: 2px;
	left: 8px;
	position: absolute;
	right: 8px;
	transition: background-color .267s cubic-bezier(.1, .25, .75, .9)
}

.ms-Pivot-link:after {
	color: transparent;
	content: attr(title);
	display: block;
	font-weight: 700;
	height: 1px;
	overflow: hidden;
	visibility: hidden
}

.ms-Pivot-link.is-selected {
	font-weight: 600;
	position: relative
}

.ms-Pivot-link.is-selected:before {
	background-color: #0078d7
}

.ms-Pivot-link.is-disabled {
	color: #a6a6a6
}

.ms-Pivot-link.ms-Pivot-link--overflow {
	color: #666
}

.ms-Pivot-link.ms-Pivot-link--overflow.is-selected {
	color: #0078d7
}

.ms-Pivot-link.ms-Pivot-link--overflow:focus:not(.is-selected),
.ms-Pivot-link.ms-Pivot-link--overflow:hover:not(.is-selected) {
	color: #212121
}

.ms-Pivot-link.ms-Pivot-link--overflow:active {
	color: #0078d7
}

.ms-Pivot-ellipsis {
	font-size: 15px;
	position: relative;
	top: 0
}

.ms-Pivot-content {
	display: none;
	margin-top: 20px;
	margin-left: 10px;
}

.ms-Pivot.ms-Pivot--large .ms-Pivot-link {
	font-size: 17px
}

.ms-Pivot.ms-Pivot--large .ms-Pivot-link.is-selected {
	font-weight: 300
}

.ms-Pivot.ms-Pivot--large .ms-Pivot-link.ms-Pivot-link--overflow:after {
	font-size: 17px
}

.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link {
	height: 40px;
	background-color: #f4f4f4;
	line-height: 40px;
	margin-right: -2px;
	padding: 0 10px
}

.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link:focus:not(.is-selected):not(.ms-Pivot-link--overflow),
.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link:hover:not(.is-selected):not(.ms-Pivot-link--overflow) {
	color: #000
}

.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link:active {
	color: #fff;
	background-color: #0078d7
}

.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link.is-selected {
	background-color: #0078d7;
	color: #fff;
	font-weight: 300
}

.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link.ms-Pivot-link--overflow:focus:not(.is-selected),
.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link.ms-Pivot-link--overflow:hover:not(.is-selected) {
	background-color: #fff
}

.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link.ms-Pivot-link--overflow:active {
	background-color: #0078d7
}

@media screen and (-ms-high-contrast:active) {
	.ms-Pivot.ms-Pivot--tabs .ms-Pivot-link.is-selected {
		font-weight: 600
	}
}

.ms-ProgressIndicator {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400
}

.ms-ProgressIndicator-itemName {
	color: #333;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-top: 4px;
	line-height: 20px
}

.ms-ProgressIndicator-itemDescription {
	color: #767676;
	font-size: 11px;
	line-height: 18px
}

.ms-ProgressIndicator-itemProgress {
	position: relative;
	width: 180px;
	height: 2px;
	padding: 8px 0
}

.ms-ProgressIndicator-progressTrack {
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #eaeaea;
	outline: 1px solid transparent
}

.ms-ProgressIndicator-progressBar {
	background-color: #0078d7;
	height: 2px;
	position: absolute;
	transition: width .3s ease;
	width: 0
}

@media screen and (-ms-high-contrast:active) {
	.ms-ProgressIndicator-progressBar {
		background-color: #fff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-ProgressIndicator-progressBar {
		background-color: #000
	}
}

.ms-SearchBox {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	height: 36px;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	margin-bottom: 10px;
	display: inline-block;
	overflow: hidden;
	background-color: #fff
}

.ms-SearchBox.is-active {
	z-index: 10
}

.ms-SearchBox.is-active .ms-SearchBox-label {
	display: none
}

.ms-SearchBox.is-active .ms-SearchBox-clear {
	display: block
}

.ms-SearchBox:hover {
	background-color: #deecf9
}

.ms-SearchBox:hover .ms-SearchBox-label {
	color: #000
}

.ms-SearchBox:hover .ms-SearchBox-label .ms-Icon {
	color: #333
}

.ms-SearchBox.is-disabled {
	background-color: #f4f4f4;
	pointer-events: none
}

.ms-SearchBox.is-disabled .ms-SearchBox-icon,
.ms-SearchBox.is-disabled .ms-SearchBox-label {
	color: #a6a6a6
}

.ms-SearchBox.is-disabled .ms-SearchBox-field {
	color: #a6a6a6;
	background-color: transparent;
	border-color: #f4f4f4;
	cursor: default
}

.ms-SearchBox-clear {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10
}

.ms-SearchBox-clear .ms-CommandButton-button {
	background-color: #0078d7;
	color: #fff;
	height: 36px
}

.ms-SearchBox-clear .ms-CommandButton-icon {
	color: #fff
}

.ms-SearchBox-icon {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	font-size: 16px;
	width: 16px;
	margin-left: 12px;
	margin-right: 6px;
	color: #0078d7;
	vertical-align: top
}

.ms-SearchBox-field {
	position: relative;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	border: 1px solid #69afe5;
	outline: 1px solid transparent;
	font-weight: 300;
	font-size: 14px;
	color: #000;
	height: 36px;
	padding: 6px 3px 7px 45px;
	width: 208px;
	background-color: transparent;
	z-index: 5;
	transition: padding-left .167s
}

.ms-SearchBox-field:focus {
	padding: 6px 32px 7px 10px;
	border-color: #0078d7;
	background-color: #deecf9
}

.ms-SearchBox-field::-ms-clear {
	display: none
}

.ms-SearchBox-label {
	position: absolute;
	top: 0;
	left: 0;
	height: 36px;
	line-height: 36px;
	color: #666
}

.ms-SearchBox.ms-SearchBox--commandBar {
	background-color: #fff;
	width: 208px;
	height: 40px
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-field,
.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-label {
	height: 40px
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-field {
	transition: none;
	border: 0
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-field:focus {
	background-color: transparent;
	padding: 6px 3px 7px 45px
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-clear,
.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-exit,
.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-filter {
	display: none;
	position: absolute;
	top: 0;
	z-index: 10;
	color: #a6a6a6
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-clear .ms-CommandButton-button,
.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-exit .ms-CommandButton-button,
.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-filter .ms-CommandButton-button {
	height: 40px;
	background-color: transparent
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-clear,
.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-filter {
	right: 8px
}

.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-filter .ms-CommandButton-icon {
	color: #0078d7
}

.ms-SearchBox.ms-SearchBox--commandBar:before {
	position: absolute;
	content: " ";
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 8px;
	border-bottom: 1px solid #eaeaea
}

.ms-SearchBox.ms-SearchBox--commandBar:hover {
	background-color: #fff
}

.ms-SearchBox.ms-SearchBox--commandBar:hover .ms-SearchBox-label {
	color: #212121
}

.ms-SearchBox.ms-SearchBox--commandBar:hover .ms-SearchBox-icon {
	color: #0078d7
}

.ms-SearchBox.ms-SearchBox--commandBar:focus {
	background-color: transparent
}

.ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-CommandButton .ms-SearchBox-exit,
.ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-CommandButton .ms-SearchBox-filter {
	display: block
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed {
	width: 50px;
	min-height: 40px;
	z-index: 0;
	background-color: #f4f4f4
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed .ms-SearchBox-text {
	display: none
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed .ms-SearchBox-field {
	cursor: pointer;
	width: calc(100% - 50px)
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed:before {
	visibility: hidden
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active {
	width: 100%
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active .ms-SearchBox-field {
	display: block;
	cursor: text
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active .ms-SearchBox-text {
	display: inline-block
}

@media only screen and (max-width:639px) {
	.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active {
		width: 100%
	}
	.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active .ms-SearchBox-clear {
		display: inline-block;
		right: 58px
	}
	.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active .ms-SearchBox-filter {
		display: inline-block
	}
	.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active.is-animated {
		transition: width .167s cubic-bezier(.1, .9, .2, 1)
	}
}

.ms-SearchBox.ms-SearchBox--commandBar.is-collapsed.is-active:before {
	visibility: visible
}

.ms-SearchBox.ms-SearchBox--commandBar.has-text .ms-SearchBox-clear {
	display: inline-block
}

.ms-SearchBox.ms-SearchBox--commandBar.has-text .ms-SearchBox-clear .ms-CommandButton-icon {
	color: #a6a6a6
}

.ms-SearchBox.ms-SearchBox--commandBar.has-text .ms-SearchBox-clear .ms-CommandButton-icon:active {
	color: #0078d7
}

@media only screen and (min-width:1024px) {
	.ms-SearchBox.ms-SearchBox--commandBar {
		background-color: #fff;
		border-right: 1px solid #eaeaea
	}
}

@media only screen and (max-width:639px) {
	.ms-SearchBox.ms-SearchBox--commandBar {
		height: 44px
	}
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-exit,
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-field,
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-icon,
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-label {
		height: 44px;
		line-height: 44px
	}
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-clear,
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-exit,
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-filter,
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-icon {
		font-size: 20px
	}
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-clear .ms-CommandButton-button,
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-exit .ms-CommandButton-button,
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-filter .ms-CommandButton-button,
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-icon .ms-CommandButton-button {
		height: 44px
	}
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-field,
	.ms-SearchBox.ms-SearchBox--commandBar .ms-SearchBox-label {
		font-size: 16px
	}
}

.ms-SearchBox.ms-SearchBox--commandBar.is-active {
	background-color: #fff
}

.ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-SearchBox-label {
	display: block;
	line-height: 40px;
	height: 40px
}

.ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-SearchBox-label .ms-SearchBox-text {
	display: none
}

.ms-SearchBox.ms-SearchBox--commandBar.is-active:before {
	visibility: visible
}

@media only screen and (max-width:639px) {
	.ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-SearchBox-field {
		width: 100%;
		padding-right: 100px
	}
	.ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-SearchBox-icon {
		display: none
	}
	.ms-SearchBox.ms-SearchBox--commandBar.is-active .ms-SearchBox-exit {
		display: inline-block
	}
	.ms-SearchBox.ms-SearchBox--commandBar.is-active.has-text .ms-SearchBox-filter .ms-CommandButton-icon {
		color: #a6a6a6
	}
}

.ms-Spinner {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	position: relative;
	height: 20px
}

.ms-Spinner.ms-Spinner--large {
	height: 28px
}

.ms-Spinner.ms-Spinner--large .ms-Spinner-label {
	left: 34px;
	top: 6px
}

.ms-Spinner-circle {
	position: absolute;
	border-radius: 100px;
	background-color: #0078d7;
	opacity: 0
}

@media screen and (-ms-high-contrast:active) {
	.ms-Spinner-circle {
		background-color: #fff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Spinner-circle {
		background-color: #000
	}
}

.ms-Spinner-label {
	position: relative;
	font-size: 12px;
	font-weight: 400;
	color: #0078d7;
	left: 28px;
	top: 2px
}

.ms-Spinner-label,
.ms-Table {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased
}

.ms-Table {
	display: table;
	width: 100%;
	border-collapse: collapse
}

.ms-Table--fixed {
	table-layout: fixed
}

.ms-Table-row,
.ms-Table tr {
	display: table-row;
	line-height: 30px;
	font-weight: 300;
	font-size: 12px;
	color: #333
}

.ms-Table-row.is-selected,
.ms-Table tr.is-selected {
	background-color: #b3d6f2
}

.ms-Table-row.is-selected .ms-Table-rowCheck,
.ms-Table tr.is-selected .ms-Table-rowCheck {
	background-color: #0078d7
}

.ms-Table-row.is-selected .ms-Table-rowCheck:before,
.ms-Table tr.is-selected .ms-Table-rowCheck:before {
	display: none
}

.ms-Table-row.is-selected .ms-Table-rowCheck:after,
.ms-Table tr.is-selected .ms-Table-rowCheck:after {
	content: "\E73A";
	color: #fff
}

.ms-Table-cell,
.ms-Table td,
.ms-Table th {
	display: table-cell;
	padding: 0 10px
}

.ms-Table-head,
.ms-Table thead th {
	font-weight: 300;
	font-size: 11px;
	color: #666
}

.ms-Table-head .ms-Table-cell,
.ms-Table-head .ms-Table-rowCheck,
.ms-Table-head td,
.ms-Table-head th,
.ms-Table thead .ms-Table-cell,
.ms-Table thead .ms-Table-rowCheck,
.ms-Table thead td,
.ms-Table thead th {
	font-weight: 400;
	text-align: left;
	border-bottom: 1px solid #eaeaea
}

.ms-Table-rowCheck {
	display: table-cell;
	width: 20px;
	position: relative;
	padding: 0
}

.ms-Table-rowCheck:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: FabricMDL2Icons;
	font-style: normal;
	font-weight: 400;
	speak: none;
	content: "\E739";
	color: #a6a6a6;
	font-size: 12px;
	position: absolute;
	left: 4px;
	top: 1px
}

.ms-Table--selectable .ms-Table-row:hover,
.ms-Table--selectable tr:hover {
	background-color: #f4f4f4;
	cursor: pointer;
	outline: 1px solid transparent
}

@media screen and (-ms-high-contrast:active) {
	.ms-Table-row.is-selected .ms-Table-rowCheck {
		background: none
	}
	.ms-Table-row.is-selected .ms-Table-rowCheck:before {
		display: block
	}
}

.ms-TextField {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 8px
}

.ms-TextField .ms-Label {
	font-size: 20px;
}

.ms-TextField.is-disabled .ms-TextField-field {
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	pointer-events: none;
	cursor: default
}

.ms-TextField.is-disabled::-webkit-input-placeholder {
	color: #a6a6a6
}

.ms-TextField.is-disabled:-moz-placeholder,
.ms-TextField.is-disabled::-moz-placeholder {
	color: #a6a6a6
}

.ms-TextField.is-disabled:-ms-input-placeholder {
	color: #a6a6a6
}

.ms-TextField.is-required .ms-Label:after {
	content: " *";
	color: #a80000
}

.ms-TextField.is-required::-webkit-input-placeholder:after {
	content: " *";
	color: #a80000
}

.ms-TextField.is-required:-moz-placeholder:after,
.ms-TextField.is-required::-moz-placeholder:after {
	content: " *";
	color: #a80000
}

.ms-TextField.is-required:-ms-input-placeholder:after {
	content: " *";
	color: #a80000
}

.ms-TextField.is-active {
	border-color: #0078d7
}

.ms-TextField-field {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	border-radius: 0;
	font-weight: 300;
	font-size: 20px;
	height: 32px;
	padding: 6px 12px 7px;
	width: 100%;
	min-width: 180px;
	outline: 0;
	text-overflow: ellipsis
}

.ms-TextField-field:hover {
	border-color: #767676
}

.ms-TextField-field:focus {
	border-color: #0078d7
}

@media screen and (-ms-high-contrast:active) {
	.ms-TextField-field:focus,
	.ms-TextField-field:hover {
		border-color: #1aebff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-TextField-field:focus,
	.ms-TextField-field:hover {
		border-color: #37006e
	}
}

.ms-TextField-field[disabled] {
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	pointer-events: none;
	cursor: default
}

.ms-TextField-field::-webkit-input-placeholder {
	color: #666
}

.ms-TextField-field:-moz-placeholder,
.ms-TextField-field::-moz-placeholder {
	color: #666
}

.ms-TextField-field:-ms-input-placeholder {
	color: #666
}

.ms-TextField-description {
	color: #767676;
	font-size: 11px
}

.ms-TextField.ms-TextField--placeholder {
	position: relative;
	background-color: #fff
}

.ms-TextField.ms-TextField--placeholder .ms-TextField-field {
	position: relative;
	background-color: transparent;
	z-index: 5
}

.ms-TextField.ms-TextField--placeholder .ms-Label {
	position: absolute;
	font-weight: 300;
	font-size: 14px;
	color: #666;
	padding: 6px 12px 7px;
	pointer-events: none;
	z-index: 0
}

.ms-TextField.ms-TextField--placeholder.is-disabled,
.ms-TextField.ms-TextField--placeholder.is-disabled .ms-Label {
	color: #a6a6a6
}

.ms-TextField.ms-TextField--underlined {
	border-bottom: 1px solid #c8c8c8;
	display: table;
	width: 100%;
	min-width: 180px
}

.ms-TextField.ms-TextField--underlined:hover {
	border-color: #767676
}

@media screen and (-ms-high-contrast:active) {
	.ms-TextField.ms-TextField--underlined:hover {
		border-color: #1aebff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-TextField.ms-TextField--underlined:hover {
		border-color: #37006e
	}
}

.ms-TextField.ms-TextField--underlined:active,
.ms-TextField.ms-TextField--underlined:focus {
	border-color: #0078d7
}

.ms-TextField.ms-TextField--underlined .ms-Label {
	font-size: 14px;
	margin-right: 8px;
	display: table-cell;
	vertical-align: top;
	padding-left: 12px;
	padding-top: 9px;
	height: 32px;
	width: 1%;
	white-space: nowrap
}

.ms-TextField.ms-TextField--underlined .ms-TextField-field {
	border: 0;
	float: left;
	display: table-cell;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 3px
}

.ms-TextField.ms-TextField--underlined .ms-TextField-field:active,
.ms-TextField.ms-TextField--underlined .ms-TextField-field:focus,
.ms-TextField.ms-TextField--underlined .ms-TextField-field:hover {
	outline: 0
}

.ms-TextField.ms-TextField--underlined.is-disabled {
	border-bottom-color: #eaeaea
}

.ms-TextField.ms-TextField--underlined.is-disabled .ms-Label {
	color: #a6a6a6
}

.ms-TextField.ms-TextField--underlined.is-disabled .ms-TextField-field {
	background-color: transparent;
	color: #a6a6a6
}

.ms-TextField.ms-TextField--underlined.is-active {
	border-color: #0078d7
}

@media screen and (-ms-high-contrast:active) {
	.ms-TextField.ms-TextField--underlined.is-active {
		border-color: #1aebff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-TextField.ms-TextField--underlined.is-active {
		border-color: #37006e
	}
}

.ms-TextField.ms-TextField--multiline .ms-TextField-field {
	color: #666;
	font-size: 14px;
	line-height: 17px;
	min-height: 60px;
	min-width: 260px;
	padding-top: 6px;
	overflow: auto
}

.ms-Label,
.ms-TextField.ms-TextField--multiline .ms-TextField-field {
	-webkit-font-smoothing: antialiased;
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	font-weight: 400
}

.ms-Label {
	margin: 0;
	padding: 0;
	box-shadow: none;
	color: #333;
	font-size: 12px;
	box-sizing: border-box;
	display: block;
	padding: 5px 0
}

.ms-Label.is-required:after {
	content: " *";
	color: #a80000
}

.ms-Label.is-disabled {
	color: #a6a6a6
}

.ms-Toggle {
	font-family: Segoe UI WestEuropean, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-weight: 400;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: none;
	position: relative;
	display: block;
	margin-bottom: 26px
}

.ms-Toggle .ms-Label {
	position: relative;
	top: -2px;
	padding: 0 0 0 50px
}

.ms-Toggle .ms-Toggle-field:before {
	position: absolute;
	top: 3px;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	content: "";
	left: 4px;
	background-color: #666;
	outline: 1px solid transparent;
	transition-property: background, left;
	transition-duration: .25s;
	transition-timing-function: cubic-bezier(.4, 0, .23, 1)
}

@media screen and (-ms-high-contrast:active) {
	.ms-Toggle .ms-Toggle-field:before {
		border: 2.5px solid #fff;
		height: 15px;
		outline: 0
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Toggle .ms-Toggle-field:before {
		border-color: #000
	}
}

.ms-Toggle .ms-Toggle-field:before {
	right: auto
}

.ms-Toggle .ms-Toggle-field .ms-Label--off {
	display: block
}

.ms-Toggle .ms-Toggle-field .ms-Label--on {
	display: none
}

.ms-Toggle .ms-Toggle-field.is-selected {
	background-color: #0078d7;
	border-color: #0078d7
}

.ms-Toggle .ms-Toggle-field.is-selected:before {
	position: absolute;
	top: 3px;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	content: "";
	right: 4px;
	background-color: #666;
	outline: 1px solid transparent;
	transition-property: background, left;
	transition-duration: .25s;
	transition-timing-function: cubic-bezier(.4, 0, .23, 1)
}

@media screen and (-ms-high-contrast:active) {
	.ms-Toggle .ms-Toggle-field.is-selected:before {
		border: 2.5px solid #fff;
		height: 15px;
		outline: 0
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Toggle .ms-Toggle-field.is-selected:before {
		border-color: #000
	}
}

.ms-Toggle .ms-Toggle-field.is-selected:before {
	background-color: #fff;
	left: 28px
}

.ms-Toggle .ms-Toggle-field.is-selected .ms-Label--off {
	display: none
}

.ms-Toggle .ms-Toggle-field.is-selected .ms-Label--on {
	display: block
}

@media screen and (-ms-high-contrast:active) {
	.ms-Toggle .ms-Toggle-field.is-selected {
		background-color: #fff
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Toggle .ms-Toggle-field.is-selected {
		background-color: #000
	}
}

.ms-Toggle:focus+.ms-Toggle-field,
.ms-Toggle:hover+.ms-Toggle-field {
	border-color: #666
}

.ms-Toggle:focus+.ms-Toggle-field:before,
.ms-Toggle:hover+.ms-Toggle-field:before {
	background-color: #333
}

.ms-Toggle:focus:checked+.ms-Toggle-field,
.ms-Toggle:hover:checked+.ms-Toggle-field {
	background-color: #106ebe;
	border-color: #106ebe
}

.ms-Toggle:focus:checked+.ms-Toggle-field:before,
.ms-Toggle:hover:checked+.ms-Toggle-field:before {
	background-color: #fff
}

.ms-Toggle:active:checked+.ms-Toggle-field {
	background-color: #005a9e;
	border-color: #005a9e
}

.ms-Toggle .ms-Toggle-field:focus,
.ms-Toggle .ms-Toggle-field:hover {
	border-color: #333
}

.ms-Toggle .ms-Toggle-field.is-selected:focus,
.ms-Toggle .ms-Toggle-field.is-selected:hover {
	background-color: #106ebe;
	border-color: #106ebe
}

.ms-Toggle .ms-Toggle-field .ms-Label {
	color: #000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ms-Toggle .ms-Toggle-field:hover .ms-Label {
	color: #000
}

.ms-Toggle .ms-Toggle-field:active .ms-Label {
	color: #333
}

.ms-Toggle.is-disabled .ms-Label {
	color: #a6a6a6
}

.ms-Toggle.is-disabled .ms-Toggle-field {
	background-color: #fff;
	border-color: #c8c8c8;
	pointer-events: none;
	cursor: default
}

.ms-Toggle.is-disabled .ms-Toggle-field:before {
	background-color: #c8c8c8
}

@media screen and (-ms-high-contrast:active) {
	.ms-Toggle.is-disabled .ms-Toggle-field,
	.ms-Toggle.is-disabled .ms-Toggle-field:before {
		border-color: #0f0
	}
}

@media screen and (-ms-high-contrast:black-on-white) {
	.ms-Toggle.is-disabled .ms-Toggle-field,
	.ms-Toggle.is-disabled .ms-Toggle-field:before {
		border-color: #600000
	}
}

.ms-Toggle-description {
	position: relative;
	font-size: 14px;
	vertical-align: top;
	display: block;
	margin-bottom: 8px
}

.ms-Toggle-field {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 20px;
	box-sizing: border-box;
	border: 2px solid #a6a6a6;
	border-radius: 20px;
	cursor: pointer;
	transition-property: background, left, border-color;
	transition-duration: .25s;
	transition-timing-function: cubic-bezier(.4, 0, .23, 1);
	outline: 0
}

.ms-Toggle-field:focus,
.ms-Toggle-field:hover {
	border-color: #666
}

.ms-Toggle-input {
	display: none
}

.ms-Toggle.ms-Toggle--textLeft {
	width: 225px;
	margin-bottom: 40px
}

.ms-Toggle.ms-Toggle--textLeft .ms-Toggle-description {
	display: inline-block;
	max-width: 150px;
	top: -3px;
	margin-bottom: 0
}

.ms-Toggle.ms-Toggle--textLeft .ms-Toggle-field {
	float: right
}