/* lib/layout/contextual/source/ContextualLayout.css */

/* ContextualLayout.css - popup positioning and border radius adjustments */

/*for popups above activator*/
.vertical.above {
  top: auto;
  margin-top:-10px;
  bottom: 100%;
  margin-bottom: 10px;
}
/*for popups below activator*/
.vertical.below {
  margin-top:10px;
}
/*for popups on the left of the activator*/
.right.horizontal {
  margin-left: -11px;
}
/*for popups on the right of the activator*/
.left.horizontal {
  margin-left: 10px;
}
/*corners*/
/*vertical top corners*/
/*for popups on the left of the activator*/
.vertical.right.corner {
  margin-left: 0px;
}
/*for popups on the right of the activator*/
.vertical.left.corner {
  margin-left: 0px;
}
.vertical.below.left.corner {
  border-top-right-radius: 0px;
}
.vertical.below.right.corner {
  border-top-left-radius: 0px;
}
/*vertical bottom corners*/
.left.above.corner {
  border-bottom-right-radius: 0px;
}
.right.above.corner {
  border-bottom-left-radius: 0px;
}
/*horizontal bottom corners*/
.left.low.corner {
  border-bottom-left-radius: 0px;
}
.right.low.corner {
  border-bottom-right-radius: 0px;
}
/*horizontal top corners*/
.left.high.corner {
  border-top-left-radius: 0px;
}
.right.high.corner {
  border-top-right-radius: 0px;
}

/* lib/layout/fittable/source/FittableLayout.css */

.enyo-fittable-rows-layout {
	position: relative;
}

.enyo-fittable-rows-layout > * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* float when not stretched */
	float: left;
	clear: both;
}

/* non-floating when stretched */
.enyo-fittable-rows-layout.enyo-stretch > * {
	float: none;
	clear: none;
}

/* setting to enforce margin collapsing */
/* NOTE: rows cannot have margin left/right */
.enyo-fittable-rows-layout.enyo-stretch.enyo-margin-expand > * {
	float: left;
	clear: both;
	width: 100%;
	/* note: harsh resets */
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.enyo-fittable-columns-layout {
	position: relative;
	text-align: left;
	white-space: nowrap;
}

.enyo-locale-right-to-left .enyo-fittable-columns-layout {
	text-align: right;
}

.enyo-fittable-columns-layout.enyo-center,
.enyo-locale-right-to-left .enyo-fittable-columns-layout.enyo-center {
	text-align: center;
}

.enyo-fittable-columns-layout > * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	vertical-align: top;
	display: inline-block;
	white-space: normal;
}

.enyo-fittable-columns-layout > table {
	display: inline-table;
}

.enyo-fittable-columns-layout.enyo-tool-decorator > * {
	vertical-align: middle;
}

/* repair clobbered white-space setting for pre, code */
.enyo-fittable-columns-layout > pre, .enyo-fittable-columns-layout > code {
	white-space: pre;
}

.enyo-fittable-columns-layout > .enyo-fittable-columns-layout, .enyo-fittable-columns-layout > .onyx-toolbar-inline {
	white-space: nowrap;
}

/* NOTE: columns cannot have margin top/bottom */
.enyo-fittable-columns-layout.enyo-stretch > * {
	height: 100%;
	/* note: harsh resets */
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.enyo-locale-right-to-left .enyo-fittable-columns-layout {
	direction: rtl;
	text-align: right;
}
.enyo-locale-right-to-left .enyo-fittable-columns-layout.force-left-to-right {
	direction: ltr;
	text-align: left;
}


.enyo-flex-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.enyo-flex-container.enyo-center {
	justify-content: center;
}
.enyo-flex-container.columns {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.enyo-flex-container.rows {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.enyo-flex-item {
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.enyo-flex-item.flex {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.enyo-flex-container.nostretch > .enyo-flex-item {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: flex-start;
	align-self: flex-start;
}


/* lib/layout/list/source/List.css */

.enyo-list {
	position: relative;
}

.enyo-list-port {
	overflow: hidden;
	position: relative;
}

.enyo-list-holdingarea {
	position: absolute;
	left: 0;
	right: 0;
}

.enyo-list-port.horizontal {
	white-space: nowrap;
	width:  1000000px;
	height: 1000000px;
}

.enyo-list-port.vertical {
	height: 1000000px;
}

.enyo-list-page {
	position: absolute;
	left: 0;
}

.enyo-locale-right-to-left .enyo-list-page {
	left: auto;
	right: 0;
}

.enyo-list-page.vertical {
	left: 0;
	right: 0;
}

.enyo-list-holdingarea {
	top: -10000px;
}

.enyo-pinned-list-placeholder {
	border: 1px solid red;
	position: absolute;
	top: 0; left: 0;
	z-index: 1000;
	background: transparent;
	overflow: hidden;
}

.enyo-pinned-list-placeholder button {
	width: 100px; height: 100%;
	position: absolute;
	top: 0; right: 0;
}

.enyo-list-reorder-container {
	position: absolute;
	top: 0; left: 0;
	z-index: 1000;
	background: transparent;
	overflow: hidden;
}

.enyo-animatedTopAndLeft {
	-webkit-transition: top 0.1s linear, left 0.1s linear;
	-moz-transition: top 0.1s linear, left 0.1s linear;
	-o-transition: top 0.1s linear, left 0.1s linear;
	transition: top 0.1s linear, left 0.1s linear;
}

/* lib/layout/list/source/PulldownList.css */

.enyo-list-pulldown {
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
}

.enyo-puller {
	position: relative;
	height: 50px;
	font-size: 22px;
	color: #444;
	padding: 20px 0 0px 34px;
}

.enyo-puller-text {
	position: absolute;
	left: 80px;
	top: 22px;
}

.enyo-puller-arrow {
	position: relative;
	background: #444;
	width: 7px;
	height: 28px;
	transition: transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
}

.enyo-puller-arrow:after {
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border: 10px solid transparent;
	border-bottom-color: #444;
	bottom: 100%;
	left: 50%;
	margin-left: -10px;
}

.enyo-puller-arrow-up {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}

.enyo-puller-arrow-down {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

/* lib/layout/list/source/GridListImageItem.css */

/*
	Put anything you reference with "url()" in ../assets/
	This way, you can minify your application, and just remove the "source" folder for production
*/
.enyo-gridlist-imageitem {
	width: 100%;
	height: 100%;
	color: #fff;
}
.enyo-gridlist-imageitem img {
	display: block;
	width: 100%;
}
.enyo-gridlist-imageitem >.caption,
.enyo-gridlist-imageitem >.sub-caption {
	font-size: 10pt;
	z-index: 10;
	padding-top: 10px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff;
}
.enyo-gridlist-imageitem.centered > .caption,
.enyo-gridlist-imageitem.centered > .sub-caption {
	text-align: center;
}
.enyo-gridlist-imageitem.disabled {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.enyo-gridlist-imageitem.sized-image.use-caption.use-subcaption {
	padding-bottom: 50px;
}
.enyo-gridlist-imageitem.sized-image.use-caption,
.enyo-gridlist-imageitem.sized-image.use-subcaption {
	padding-bottom: 25px;
}
.enyo-gridlist-imageitem.sized-image > .image {
	width: 100%;
	height: 100%;
}
.enyo-gridlist-imageitem.sized-image.use-caption.use-subcaption > .caption {
	position: absolute;
	bottom: 22px;
}
.enyo-gridlist-imageitem.sized-image > .caption {
	position: absolute;
	bottom: 0;
}
.enyo-gridlist-imageitem.sized-image > .sub-caption {
	position: absolute;
	bottom: 0;
}


/* lib/layout/panels/source/arrangers/Arranger.css */

.enyo-arranger {
	position: relative;
	overflow: hidden;
}

.enyo-arranger.enyo-fit {
	position: absolute;
}

.enyo-arranger > * {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.enyo-arranger-fit > * {
	/* override any width/height set on panels */
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
}


/* lib/layout/panels/source/Panels.css */

.enyo-panels {
}

.enyo-panels-fit-narrow {
}

@media all and (max-width: 800px) {
	.enyo-panels-fit-narrow > * {
		min-width: 100%;
		max-width: 100%;
	}
}

.enyo-panels-force-narrow > * {
	min-width: 100%;
	max-width: 100%;
}


/* lib/layout/tree/source/Node.css */

.enyo-node {
	cursor: default;
	padding: 4px;
}

.enyo-node img {
	vertical-align: middle;
	padding-right: 6px;
}

.enyo-node-box {
	overflow: hidden;
}

.enyo-node-client {
	position: relative;
}

.enyo-animate .enyo-node-box, .enyo-animate .enyo-node-client {
	-ms-transition-property: height, top;
	-ms-transition-duration: 0.2s, 0.2s;
	-moz-transition-property: height, top;
	-moz-transition-duration: 0.2s, 0.2s;
	-o-transition-property: height, top;
	-o-transition-duration: 0.2s, 0.2s;
	-webkit-transition-property: height, top;
	-webkit-transition-duration: 0.2s, 0.2s;
	transition-property: height, top;
	transition-duration: 0.2s, 0.2s;
}


/* lib/layout/imageview/source/ImageViewPin.css */


.pinDebug {
	background:yellow;
	border:1px solid yellow;
}

/* lib/moonstone/css/moonstone-dark.less */

html {
  font-size: 24px;
  font-size: 24apx;
}
/* 720p screen size */
@media only screen and (max-width: 1280px) {
  html {
    font-size: 16px;
    font-size: 16apx;
  }
}
@media only screen and (min-width: 2561px) {
  html {
    font-size: 48px;
    font-size: 48apx;
  }
}
/* ----- MISO ------ */
@font-face {
  font-family: "Moonstone Miso";
  src: local("LG Display-Light");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Moonstone Miso";
  src: local("Moon Miso Medium"), url('../lib/moonstone/fonts/miso/miso-regular.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0D, U+20-7E, U+A1-FF, U+131, U+141-142, U+152-153, U+160-161, U+178, U+17D-17E, U+192, U+2C6, U+2DC, U+3C6, U+2013-2014, U+2018-201A, U+201C, U+201D, U+201E, U+2020-2022, U+2026, U+2030, U+2039, U+203A, U+20AC, U+2122;
}
@font-face {
  font-family: "Moonstone Miso Bold";
  src: local("LG Display-Regular");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Moonstone Miso Bold";
  src: local("Moon Miso Bold"), url('../lib/moonstone/fonts/miso/miso-bold.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0D, U+20-7E, U+A1-FF, U+131, U+141-142, U+152-153, U+160-161, U+178, U+17D-17E, U+192, U+2C6, U+2DC, U+3C6, U+2013-2014, U+2018-201A, U+201C, U+201D, U+201E, U+2020-2022, U+2026, U+2030, U+2039, U+203A, U+20AC, U+2122;
}
@font-face {
  font-family: "Moonstone Miso Light";
  src: local("LG Display-Light");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Moonstone Miso Light";
  src: local("Moon Miso Light"), url('../lib/moonstone/fonts/miso/miso-light.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0D, U+20-7E, U+A1-FF, U+131, U+141-142, U+152-153, U+160-161, U+178, U+17D-17E, U+192, U+2C6, U+2DC, U+3C6, U+2013-2014, U+2018-201A, U+201C, U+201D, U+201E, U+2020-2022, U+2026, U+2030, U+2039, U+203A, U+20AC, U+2122;
}
/* ----- Museo Sans ------ */
@font-face {
  font-family: "MuseoSans";
  src: local("LG Display-Light");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSans";
  src: local("Moon Museo Sans Medium"), url('../lib/moonstone/fonts/MuseoSans/MuseoSansMedium.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+20-7E, U+A0-17F, U+192, U+218-21B, U+2C6-2C7, U+2D8-2DD, U+3BC, U+1E9E, U+2009, U+2013-2014, U+2018-201A, U+201C, U+201D, U+201E, U+2020-2022, U+2026, U+2030, U+2039, U+203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2122, U+2212, U+221E, U+2248, U+2260, U+2264-2265, U+FB00-FB04;
}
@font-face {
  font-family: "MuseoSans 100";
  src: local("LG Display-Light");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSans 100";
  src: local("Moon Museo Sans Thin"), url('../lib/moonstone/fonts/MuseoSans/MuseoSansThin.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+20-7E, U+A0-17F, U+192, U+218-21B, U+2C6-2C7, U+2D8-2DD, U+3BC, U+1E9E, U+2009, U+2013-2014, U+2018-201A, U+201C, U+201D, U+201E, U+2020-2022, U+2026, U+2030, U+2039, U+203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2122, U+2212, U+221E, U+2248, U+2260, U+2264-2265, U+FB00-FB04;
}
@font-face {
  font-family: "MuseoSans 300";
  src: local("LG Display-Light");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSans 300";
  src: local("Moon Museo Sans Light"), url('../lib/moonstone/fonts/MuseoSans/MuseoSansLight.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+20-7E, U+A0-17F, U+192, U+218-21B, U+2C6-2C7, U+2D8-2DD, U+3BC, U+1E9E, U+2009, U+2013-2014, U+2018-201A, U+201C, U+201D, U+201E, U+2020-2022, U+2026, U+2030, U+2039, U+203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2122, U+2212, U+221E, U+2248, U+2260, U+2264-2265, U+FB00-FB04;
}
@font-face {
  font-family: "MuseoSans 500";
  src: local("LG Display-Light");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSans 500";
  src: local("Moon Museo Sans Medium"), url('../lib/moonstone/fonts/MuseoSans/MuseoSansMedium.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+20-7E, U+A0-17F, U+192, U+218-21B, U+2C6-2C7, U+2D8-2DD, U+3BC, U+1E9E, U+2009, U+2013-2014, U+2018-201A, U+201C, U+201D, U+201E, U+2020-2022, U+2026, U+2030, U+2039, U+203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2122, U+2212, U+221E, U+2248, U+2260, U+2264-2265, U+FB00-FB04;
}
@font-face {
  font-family: "MuseoSans 500 Italic";
  src: local("LG Display-Light");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSans 500 Italic";
  src: local("Moon Museo Medium Italic"), url('../lib/moonstone/fonts/MuseoSans/MuseoSansMediumItalic.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+20-7E, U+A0-17F, U+192, U+218-21B, U+2C6-2C7, U+2D8-2DD, U+3BC, U+1E9E, U+2009, U+2013-2014, U+2018-201A, U+201C, U+201D, U+201E, U+2020-2022, U+2026, U+2030, U+2039, U+203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2122, U+2212, U+221E, U+2248, U+2260, U+2264-2265, U+FB00-FB04;
}
@font-face {
  font-family: "MuseoSans 700";
  src: local("LG Display-Regular");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSans 700";
  src: local("Moon Museo Sans Bold"), url('../lib/moonstone/fonts/MuseoSans/MuseoSansBold.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+20-7E, U+A0-17F, U+192, U+218-21B, U+2C6-2C7, U+2D8-2DD, U+3BC, U+1E9E, U+2009, U+2013-2014, U+2018-201A, U+201C, U+201D, U+201E, U+2020-2022, U+2026, U+2030, U+2039, U+203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2122, U+2212, U+221E, U+2248, U+2260, U+2264-2265, U+FB00-FB04;
}
@font-face {
  font-family: "MuseoSans 700 Italic";
  src: local("LG Display-Regular");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSans 700 Italic";
  src: local("Moon Museo Sans Bold Italic"), url('../lib/moonstone/fonts/MuseoSans/MuseoSansBoldItalic.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+20-7E, U+A0-17F, U+192, U+218-21B, U+2C6-2C7, U+2D8-2DD, U+3BC, U+1E9E, U+2009, U+2013-2014, U+2018-201A, U+201C, U+201D, U+201E, U+2020-2022, U+2026, U+2030, U+2039, U+203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2122, U+2212, U+221E, U+2248, U+2260, U+2264-2265, U+FB00-FB04;
}
@font-face {
  font-family: "MuseoSans 900";
  src: local("LG Display-Regular");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSans 900";
  src: local("Moon Museo Sans Black"), url('../lib/moonstone/fonts/MuseoSans/MuseoSansBlack.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+20-7E, U+A0-17F, U+192, U+218-21B, U+2C6-2C7, U+2D8-2DD, U+3BC, U+1E9E, U+2009, U+2013-2014, U+2018-201A, U+201C, U+201D, U+201E, U+2020-2022, U+2026, U+2030, U+2039, U+203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2122, U+2212, U+221E, U+2248, U+2260, U+2264-2265, U+FB00-FB04;
}
@font-face {
  font-family: "MuseoSans 900 Italic";
  src: local("LG Display-Regular");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSans 900 Italic";
  src: local("Moon Museo Sans Black Italic"), url('../lib/moonstone/fonts/MuseoSans/MuseoSansBlackItalic.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+20-7E, U+A0-17F, U+192, U+218-21B, U+2C6-2C7, U+2D8-2DD, U+3BC, U+1E9E, U+2009, U+2013-2014, U+2018-201A, U+201C, U+201D, U+201E, U+2020-2022, U+2026, U+2030, U+2039, U+203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2122, U+2212, U+221E, U+2248, U+2260, U+2264-2265, U+FB00-FB04;
}
/* ----- Moonstone (Icons) ------ */
@font-face {
  font-family: "Moonstone Icons";
  src: local("Moonstone "), url('../lib/moonstone/fonts/moonstone.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* ----- LG Dingbats (Icons) ------ */
@font-face {
  font-family: "LG Icons";
  src: local("LG Display_Dingbat");
  font-weight: normal;
  font-style: normal;
}
/* ----- LG Display ------ */
@font-face {
  font-family: "Moonstone LG Display";
  src: local("LG Display-Light");
  font-weight: normal;
  font-style: normal;
  
  /* We want "LG Display" to map to the bold variant, since that was originally the only option */
}
@font-face {
  font-family: "Moonstone LG Display Bold";
  src: local("LG Display-Regular");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Moonstone LG Display Light";
  src: local("LG Display-Light");
  font-weight: normal;
  font-style: normal;
}
/* ------- Horizontal Dimensioning (columns) ------- */
.moon-1h {
  width: 60px;
}
.moon-2h {
  width: 138px;
}
.moon-3h {
  width: 216px;
}
.moon-4h {
  width: 294px;
}
.moon-5h {
  width: 372px;
}
.moon-6h {
  width: 450px;
}
.moon-7h {
  width: 528px;
}
.moon-8h {
  width: 606px;
}
.moon-9h {
  width: 684px;
}
.moon-10h {
  width: 762px;
}
.moon-11h {
  width: 840px;
}
.moon-12h {
  width: 918px;
}
.moon-13h {
  width: 996px;
}
.moon-14h {
  width: 1074px;
}
.moon-15h {
  width: 1152px;
}
.moon-16h {
  width: 1230px;
}
.moon-17h {
  width: 1308px;
}
.moon-18h {
  width: 1386px;
}
.moon-19h {
  width: 1464px;
}
.moon-20h {
  width: 1542px;
}
/* ------- Vertical Dimensioning (columns) ------- */
.moon-1v {
  height: 42px;
}
.moon-2v {
  height: 84px;
}
.moon-3v {
  height: 126px;
}
.moon-4v {
  height: 168px;
}
.moon-5v {
  height: 210px;
}
.moon-6v {
  height: 252px;
}
.moon-7v {
  height: 294px;
}
.moon-8v {
  height: 336px;
}
.moon-9v {
  height: 378px;
}
.moon-10v {
  height: 420px;
}
.moon-11v {
  height: 462px;
}
.moon-12v {
  height: 504px;
}
.moon-13v {
  height: 546px;
}
.moon-14v {
  height: 588px;
}
.moon-15v {
  height: 630px;
}
.moon-16v {
  height: 672px;
}
.moon-17v {
  height: 714px;
}
.moon-18v {
  height: 756px;
}
.moon-19v {
  height: 798px;
}
.moon-20v {
  height: 840px;
}
.moon-21v {
  height: 882px;
}
.moon-22v {
  height: 924px;
}
.moon-23v {
  height: 966px;
}
.moon-24v {
  height: 1008px;
}
.moon-25v {
  height: 1050px;
}
.moon-26v {
  height: 1092px;
}
/* Prevent browser's default focus treatment (at least in Chrome) */
:focus {
  outline: none;
}
/* Common classes applicable to multiple controls */
.moon {
  font-family: "MuseoSans 700";
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  padding: 18px;
  color: #a6a6a6;
  background-color: #000000;
}
.enyo-locale-right-to-left .moon {
  direction: rtl;
}
.moon-divider-border {
  border-bottom: 3px solid #a6a6a6;
}
.moon-neutral-divider-border {
  border-bottom: 3px solid #ffffff;
}
.moon-composite {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}
.font-kerning {
  -webkit-font-kerning: normal;
  font-kerning: normal;
}
/* Text definitions */
.moon-header-font {
  font-family: "Moonstone Miso";
}
.moon-superscript {
  font-size: 24px;
  vertical-align: top;
  margin: 0 0 0 3px;
  padding: 0;
}
.moon-pre-text {
  font-size: 24px;
  vertical-align: top;
  height: 48px;
  line-height: 24px;
  margin: 12px 3px 9px 0;
  padding: 0px;
}
.moon-large-text {
  font-size: 48px;
  vertical-align: top;
  height: 48px;
  margin: 0;
  padding: 0;
}
.moon-header-text {
  font-family: "Moonstone Miso";
  font-size: 126px;
  -webkit-font-kerning: normal;
  font-kerning: normal;
}
.moon-sub-header-text {
  font-family: "MuseoSans 700";
  font-size: 30px;
  color: #a6a6a6;
}
.moon-super-header-text {
  font-family: "Moonstone Miso";
  font-size: 33px;
  -webkit-font-kerning: normal;
}
.moon-popup-header-text {
  font-family: "Moonstone Miso";
  font-size: 72px;
  -webkit-font-kerning: normal;
}
.moon-divider-text {
  font-family: "MuseoSans 700 Italic";
  font-size: 21px;
  color: #a6a6a6;
}
.moon-body-text {
  font-family: "MuseoSans 300";
  font-size: 27px;
  color: #a6a6a6;
  line-height: 33px;
}
.moon-body-text a:link {
  color: #cf0652;
  text-decoration: none;
}
.moon-body-text a:visited {
  color: #cf0652;
  text-decoration: none;
}
.moon-body-text a:hover {
  color: #cf0652;
  text-decoration: none;
}
.moon-body-text a:active {
  color: #cf0652;
  text-decoration: none;
}
.moon-body-large-text {
  font-size: 30px;
  line-height: 42px;
}
.moon-bold-text {
  font-family: "MuseoSans 900";
  font-size: 27px;
  color: #a6a6a6;
  line-height: 33px;
}
.moon-bold-text a:link {
  color: #cf0652;
  text-decoration: none;
}
.moon-bold-text a:visited {
  color: #cf0652;
  text-decoration: none;
}
.moon-bold-text a:hover {
  color: #cf0652;
  text-decoration: none;
}
.moon-bold-text a:active {
  color: #cf0652;
  text-decoration: none;
}
.moon-body-text-spacing {
  margin: 0 12px 42px 12px;
}
.moon-large-button-text {
  font-family: "Moonstone Miso Bold";
  font-size: 33px;
  -webkit-font-kerning: normal;
}
.moon-small-button-text {
  font-family: "Moonstone Miso Bold";
  font-size: 27px;
  -webkit-font-kerning: normal;
}
.moon-icon-text {
  font-family: "Moonstone Icons";
  font-size: 72px;
  color: #ffffff;
}
.enyo-locale-non-latin .moon,
.enyo-locale-non-latin .moon input,
.enyo-locale-non-latin .moon textarea,
.enyo-locale-non-latin .moon button,
.enyo-locale-non-latin .moon-large-text,
.enyo-locale-non-latin .moon-header-text,
.enyo-locale-non-latin .moon-header-font,
.enyo-locale-non-latin .moon-popup-header-text,
.enyo-locale-non-latin .moon-super-header-text {
  font-family: "Moonstone LG Display";
}
.enyo-locale-non-latin .moon-body-text,
.enyo-locale-non-latin .moon-superscript,
.enyo-locale-non-latin .moon-pre-text {
  font-family: "Moonstone LG Display Light";
}
.enyo-locale-non-latin .moon-sub-header-text,
.enyo-locale-non-latin .moon-divider-text,
.enyo-locale-non-latin .moon-bold-text,
.enyo-locale-non-latin .moon-large-button-text,
.enyo-locale-non-latin .moon-small-button-text {
  font-family: "Moonstone LG Display Bold";
}
.enyo-locale-non-latin .moon {
  font-size: 30px;
}
.enyo-locale-non-latin .moon-superscript {
  font-size: 24px;
}
.enyo-locale-non-latin .moon-pre-text {
  font-size: 24px;
}
.enyo-locale-non-latin .moon-large-text {
  font-size: 48px;
}
.enyo-locale-non-latin .moon-header-text {
  font-size: 114px;
  line-height: 1.5em;
}
.enyo-locale-non-latin .moon-popup-header-text {
  font-size: 66px;
}
.enyo-locale-non-latin .moon-sub-header-text {
  font-size: 30px;
}
.enyo-locale-non-latin .moon-super-header-text {
  font-size: 33px;
}
.enyo-locale-non-latin .moon-divider-text {
  font-size: 27px;
  font-style: normal;
}
.enyo-locale-non-latin .moon-body-text {
  font-size: 27px;
  line-height: 33px;
}
.enyo-locale-non-latin .moon-body-large-text {
  font-size: 30px;
  line-height: 42px;
}
.enyo-locale-non-latin .moon-bold-text {
  font-size: 27px;
  line-height: 33px;
}
.enyo-locale-non-latin .moon-large-button-text {
  font-size: 36px;
  font-weight: normal;
}
.enyo-locale-non-latin .moon-small-button-text {
  font-size: 27px;
  font-weight: normal;
}
.border-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* Icon.css */
.moon-icon,
.moon-icon-toggle {
  width: 48px;
  height: 48px;
  background-position: center -12px;
  background-size: 72px 144px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin: 12px 12px;
  font-family: "Moonstone", "Moonstone Icons";
  font-size: 96px;
  line-height: 48px;
  text-align: center;
  position: relative;
  color: #a6a6a6;
}
.moon-icon.small,
.moon-icon-toggle.small {
  background-position: center -6px;
  background-size: 48px 96px;
  width: 36px;
  height: 36px;
  font-size: 72px;
  line-height: 36px;
}
.moon-icon.small > .small-icon-tap-area,
.moon-icon-toggle.small > .small-icon-tap-area {
  position: absolute;
  top: -15px;
  bottom: -15px;
  left: -15px;
  right: -15px;
  color: inherit;
  line-height: 66px;
}
.moon-icon.font-lg-icons,
.moon-icon-toggle.font-lg-icons {
  font-family: "LG Icons";
  font-size: 48px;
}
.moon-icon.font-lg-icons.small,
.moon-icon-toggle.font-lg-icons.small {
  font-size: 36px;
}
.spotlight .moon-icon {
  color: #ffffff;
  background-position: center -84px;
}
.spotlight .moon-icon.small {
  background-position: center -54px;
}
.disabled .moon-icon,
.moon-icon.disabled {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
/* IconButton.css */
.moon-icon-button {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #a6a6a6;
  width: 84px;
  height: 84px;
  border-radius: 42px;
  background-color: #404040;
  background-size: 72px 144px;
  border: 6px solid transparent;
  background-position: center 0;
  margin: 0 12px;
  line-height: 72px;
}
.moon-icon-button.small {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-size: 48px 96px;
  background-position: center 0;
  line-height: 48px;
}
.moon-icon-button.small > .small-icon-tap-area {
  line-height: 78px;
}
.moon-icon-button.hover:hover:not(.disabled),
.moon-icon-button.spotlight {
  color: #ffffff;
  background-color: #cf0652;
  background-position: center -72px;
}
.moon-icon-button.hover:hover:not(.disabled).small,
.moon-icon-button.spotlight.small {
  background-position: center -48px;
}
.moon-icon-button.active:not(.spotlight),
.moon-icon-button:active,
.moon-icon-button.pressed,
.moon-icon-button.hover:hover:not(.disabled):active {
  color: #a6a6a6;
  background-color: #404040;
  background-position: center 0;
  border-color: #cf0652;
}
.moon-icon-button.active:not(.spotlight).small,
.moon-icon-button:active.small,
.moon-icon-button.pressed.small,
.moon-icon-button.hover:hover:not(.disabled):active.small {
  background-position: center 0;
}
.moon-icon-button.disabled {
  border-color: transparent;
}
.moon-icon-button.no-background:not(.spotlight),
.moon-icon-button.no-background:active,
.moon-icon-button.no-background.pressed,
.moon-icon-button.no-background.hover:hover:active {
  background-color: transparent;
}
.moon-icon-button.active.spotlight:not(.contextual-popup-button) {
  border-color: #ffffff;
  background-color: #cf0652;
  color: #ffffff;
}
.moon-icon-button.active.spotlight:not(.contextual-popup-button):active,
.moon-icon-button.active.spotlight:not(.contextual-popup-button).pressed {
  border-color: #cf0652;
  background-position: center -72px;
}
.moon-icon-button.active.spotlight:not(.contextual-popup-button):active.small,
.moon-icon-button.active.spotlight:not(.contextual-popup-button).pressed.small {
  background-position: center -48px;
}
.spotlight .moon-icon-button {
  background-position: center -72px;
}
.spotlight .moon-icon-button.small {
  background-position: center -48px;
}
.moon-marquee {
  width: auto;
  text-overflow: ellipsis;
  white-space: pre !important;
  overflow: hidden;
  text-align: left;
}
.moon-marquee span {
  pointer-events: none !important;
}
.moon-marquee .moon-marquee-text-wrapper {
  width: 100%;
  pointer-events: none;
  width: auto;
  overflow: hidden;
}
.moon-marquee .moon-marquee-text {
  pointer-events: none;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: pre !important;
  position: relative;
  left: 0px;
}
.moon-marquee .animate-marquee {
  text-overflow: clip;
  overflow: visible;
}
.enyo-locale-right-to-left .moon-marquee {
  text-align: right;
}
.moon-marquee.allow-wrap {
  white-space: normal !important;
}
.moon-simple-picker {
  display: inline-block;
  max-width: 360px;
  box-sizing: border-box;
  padding: 0 72px;
  position: relative;
  height: 60px;
  vertical-align: middle;
  direction: ltr;
}
.moon-simple-picker.block {
  display: block;
}
.moon-simple-picker-button {
  position: absolute;
  top: 0;
  margin: 0;
}
.moon-simple-picker-button.left {
  left: 0;
}
.moon-simple-picker-button.right {
  right: 0;
}
.moon-simple-picker-client-wrapper {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.moon-simple-picker-client {
  white-space: nowrap;
}
.moon-simple-picker-client .moon-marquee {
  text-align: center;
}
.moon-simple-picker-client.animated {
  -webkit-transition: -webkit-transform ease-out 0.3s;
  -moz-transition: -moz-transform ease-out 0.3s;
  transition: transform ease-out 0.3s;
}
.moon-simple-picker-client > * {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  line-height: 60px;
}
.moon-simple-picker-client.disabled {
  opacity: 0.6;
}
.moon-simple-integer-picker {
  padding: 0 60px;
}
.moon-simple-integer-picker .moon-scroll-picker-repeater {
  width: 100%;
  white-space: nowrap;
}
.moon-simple-integer-picker .moon-scroll-picker-repeater > * {
  display: inline-block;
}
.moon-simple-integer-picker .moon-scroll-picker {
  height: 60px;
  border-top: 0;
  border-bottom: 0;
  width: 100%;
}
.moon-simple-integer-picker .moon-scroll-picker-item {
  height: 60px;
  line-height: 60px;
  padding: 0;
}
.moon-simple-integer-picker .moon-scroll-picker-overlay-container {
  top: 0;
  line-height: 60px;
  width: 60px;
  height: 60px;
}
.moon-simple-integer-picker .moon-scroll-picker-overlay-container.previous {
  left: 0;
}
.moon-simple-integer-picker .moon-scroll-picker-overlay-container.previous:after {
  content: "\0F0007";
  line-height: 60px;
}
.moon-simple-integer-picker .moon-scroll-picker-overlay-container.previous.selected .moon-scroll-picker-overlay {
  border-bottom: 0;
  border-left-width: 6px;
  border-radius: 48px 0 0 48px;
}
.moon-simple-integer-picker .moon-scroll-picker-overlay-container.previous.selected .moon-scroll-picker-overlay:after {
  content: "\0F0007";
  line-height: 60px;
}
.moon-simple-integer-picker .moon-scroll-picker-overlay-container.next {
  right: 0;
}
.moon-simple-integer-picker .moon-scroll-picker-overlay-container.next:after {
  content: "\0F0008";
  line-height: 60px;
}
.moon-simple-integer-picker .moon-scroll-picker-overlay-container.next.selected .moon-scroll-picker-overlay {
  border-top: 0;
  border-right-width: 6px;
  border-radius: 0 48px 48px 0;
}
.moon-simple-integer-picker .moon-scroll-picker-overlay-container.next.selected .moon-scroll-picker-overlay:after {
  content: "\0F0008";
  line-height: 60px;
}
.moon-simple-integer-picker .moon-scroll-picker-overlay-container .moon-scroll-picker-overlay {
  position: absolute;
  height: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.spotlight.moon-simple-integer-picker {
  background: #cf0652;
  border-radius: 48px;
}
.spotlight.moon-simple-integer-picker .moon-scroll-picker-overlay-container.next:after {
  content: "\0F0004";
  line-height: 60px;
}
.spotlight.moon-simple-integer-picker .moon-scroll-picker-overlay-container.previous:after {
  content: "\0F0003";
  line-height: 60px;
}
.enyo-locale-right-to-left .moon-simple-integer-picker .moon-scroll-picker {
  direction: ltr;
}
.enyo-locale-non-latin .moon-simple-integer-picker-item {
  font-family: "Moonstone LG Display Bold";
  font-size: 30px;
}
/* Checkbox.css */
.moon-checkbox {
  cursor: pointer;
  height: 36px;
}
.moon-checkbox .moon-icon {
  visibility: hidden;
  margin: 0;
  padding: 0;
}
.moon-checkbox[checked] .moon-icon {
  visibility: visible;
}
.spotlight .moon-checkbox[checked]:after {
  color: #ffffff;
}
.moon-divider {
  border-bottom: 3px solid #a6a6a6;
  margin: 0 12px 24px 12px;
  padding-bottom: 3px;
}
.moon-neutral .moon-divider {
  border-bottom: 3px solid #ffffff;
}
.moon-checkbox-item {
  position: relative;
  overflow: hidden;
}
.moon-checkbox-item .moon-checkbox {
  position: absolute;
  top: 9px;
  right: 9px;
}
.moon-checkbox-item .moon-checkbox-item-label-wrapper {
  height: 1.2em;
  margin-right: 36px;
}
.moon-checkbox-item.left-handed .moon-checkbox {
  left: 9px;
}
.moon-checkbox-item.left-handed .moon-checkbox-item-label-wrapper {
  margin-right: 0px;
  margin-left: 36px;
}
.moon-checkbox-item .moon-icon.small > .small-icon-tap-area {
  left: 0;
  right: 0;
}
.moon-neutral .moon-checkbox[checked]:after {
  color: #ffffff;
}
/* Special treatment inside of ExpandablePicker (checkbox nudged up) */
.moon-expandable-picker .moon-checkbox-item .moon-checkbox {
  top: 12px;
}
/* Right to left */
.enyo-locale-right-to-left .moon-checkbox-item .moon-checkbox {
  left: 15px;
  right: auto;
}
.enyo-locale-right-to-left .moon-checkbox-item .moon-checkbox-item-label-wrapper {
  margin-left: 36px;
  margin-right: 0px;
}
.enyo-locale-right-to-left .moon-checkbox-item.left-handed .moon-checkbox {
  left: auto;
  right: 9px;
}
.enyo-locale-right-to-left .moon-checkbox-item.left-handed .moon-checkbox-item-label-wrapper {
  margin-right: 36px;
  margin-left: 0px;
}
/* ToggleText.css */
.moon-checkbox.moon-toggle-text {
  text-align: left;
  background: inherit;
  opacity: 1;
  background: transparent none no-repeat 0 0;
}
.moon-checkbox.moon-toggle-text[disabled] {
  opacity: 0.6;
}
.moon-checkbox.moon-toggle-text[checked] {
  background: transparent none no-repeat 0px 0px;
}
.moon-checkbox-item.spotlight .moon-checkbox.moon-toggle-text[checked] {
  background: transparent none no-repeat 0px 0px;
}
.moon-toggle-text-text {
  position: absolute;
  right: 0px;
  top: 3px;
  text-align: right;
  color: #a6a6a6;
}
.enyo-locale-right-to-left .moon-toggle-text-text {
  right: auto;
  left: 0px;
}
.moon-checkbox-item.spotlight .moon-toggle-text-text {
  color: #ffffff;
}
/* ToggleSwitch.css */
.moon-checkbox.moon-toggle-switch {
  border-radius: 15px;
  width: 60px;
  height: 30px;
  line-height: 30px;
  background-color: #404040;
  font-family: "Moonstone Icons";
  overflow: hidden;
  text-align: left;
}
.moon-checkbox.moon-toggle-switch .moon-icon {
  visibility: visible;
  cursor: default;
  background-color: transparent;
  left: 0;
  color: #a6a6a6;
  width: 30px;
  height: inherit;
  font-size: 60px;
  line-height: inherit;
}
.moon-checkbox.moon-toggle-switch .moon-icon .small-icon-tap-area {
  height: inherit;
  line-height: inherit;
  font-size: inherit;
  top: 0;
  bottom: 0;
}
.moon-checkbox.moon-toggle-switch[checked] {
  background-color: #ffffff;
}
.moon-checkbox.moon-toggle-switch[checked] .moon-icon {
  left: 30px;
  color: #cf0652;
}
.moon-checkbox.moon-toggle-switch[disabled] {
  background-color: #404040;
}
.moon-checkbox.moon-toggle-switch[disabled] .moon-icon {
  color: #a6a6a6;
}
.moon-checkbox.moon-toggle-switch.animated .moon-icon {
  -webkit-transition: background-color 0.2s, left 0.2s;
}
.moon-checkbox.moon-toggle-switch.animated .moon-icon:after {
  -webkit-transition: color 0.2s;
}
.moon-toggle-item {
  display: block;
  position: relative;
}
.moon-toggle-item .moon-checkbox.moon-toggle-switch {
  top: 15px;
  /* To override top:10px set by .moon-checkbox-item .moon-checkbox so the indicator vertically middle align */
  right: 12px;
}
.moon-toggle-item .moon-toggle-item-label-wrapper {
  margin-right: 72px;
}
.enyo-locale-right-to-left .moon-toggle-item .moon-checkbox.moon-toggle-switch {
  left: 12px;
  right: auto;
}
.enyo-locale-right-to-left .moon-toggle-item .moon-toggle-item-label-wrapper {
  margin-left: 72px;
  margin-right: 0;
}
/* Toggle.css */
.moon-button.moon-toggle-button {
  text-align: center;
  position: relative;
  padding-right: 57px;
}
.moon-button.moon-toggle-button:after {
  position: absolute;
  content: "";
  top: 25.5px;
  right: 18px;
  width: 15px;
  height: 15px;
  border-radius: 9999px;
  background-color: #4d4d4d;
  border: solid 3px #ffffff;
}
.moon-button.moon-toggle-button[disabled] {
  border: 6px solid transparent;
}
.moon-button.moon-toggle-button[disabled]:after {
  background-color: #252525;
  border: solid 3px #6d6c6c;
}
.moon-button.moon-toggle-button.moon-toggle-button-on {
  border: solid 6px #cf0652;
}
.moon-button.moon-toggle-button.moon-toggle-button-on:after {
  background-color: #cf0652;
  border: solid 3px #ffffff;
}
.moon-button.moon-toggle-button.small {
  padding-right: 57px;
}
.moon-button.moon-toggle-button.small:after {
  top: 13.5px;
  right: 18px;
}
.enyo-locale-right-to-left .moon-button.moon-toggle-button {
  padding-right: 18px;
  padding-left: 57px;
}
.enyo-locale-right-to-left .moon-button.moon-toggle-button:after {
  left: 18px;
  right: auto;
}
.enyo-locale-right-to-left .moon-button.moon-toggle-button.small {
  padding-right: 18px;
  padding-left: 57px;
}
.enyo-locale-right-to-left .moon-button.moon-toggle-button.small:after {
  left: 18px;
  right: auto;
}
/* Item.css */
.moon-item {
  font-family: "MuseoSans 700";
  font-size: 30px;
  color: #a6a6a6;
  line-height: 1.2em;
  padding: 12px;
  position: relative;
}
.moon-item.spotlight {
  background-color: #cf0652;
  color: #ffffff;
}
.moon-item.allow-wrap {
  white-space: normal !important;
}
.moon-item.disabled {
  cursor: default;
  opacity: 0.6;
}
.enyo-locale-non-latin .moon-item {
  font-family: "Moonstone LG Display Bold";
  font-size: 30px;
}
/* SelectableItem.css */
.moon-selectable-item.selected {
  padding: 12px 12px 12px 48px;
}
.moon-selectable-item.selected:before {
  content: '';
  position: absolute;
  left: 12px;
  top: 18px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #cf0652;
}
.moon-selectable-item.selected.spotlight:before {
  background-color: #ffffff;
}
.enyo-locale-right-to-left .moon-selectable-item.selected {
  padding: 12px 48px 12px 12px;
}
.enyo-locale-right-to-left .moon-selectable-item.selected:before {
  left: auto;
  right: 12px;
}
/* Button */
.moon-button {
  position: relative;
  overflow: visible;
  height: 84px;
  line-height: 72px;
  border-radius: 9999px;
  background-color: #404040;
  border: 6px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  width: auto;
  min-width: 84px;
  max-width: 300px;
  padding: 0 18px;
  margin: 0 12px;
  color: #a6a6a6;
}
.moon-button > * {
  text-align: center;
}
.moon-button .moon-marquee {
  width: 100%;
  vertical-align: top;
  text-align: center;
}
.moon-button.min-width {
  min-width: 180px;
}
.moon-button.active,
.moon-button.pressed,
.moon-button.spotlight.pressed,
.moon-button.spotlight:active {
  border: 6px solid #cf0652;
  background-color: #404040;
  color: #a6a6a6;
}
.moon-button.spotlight {
  background-color: #cf0652;
  color: #ffffff;
}
.moon-button.active.spotlight:not(.contextual-popup-button) {
  border-color: #ffffff;
  background-color: #cf0652;
  color: #ffffff;
}
.moon-button.active.spotlight:not(.contextual-popup-button):active,
.moon-button.active.spotlight:not(.contextual-popup-button).pressed {
  border-color: #cf0652;
}
.moon-button[disabled] {
  cursor: default;
  color: #4d4d4d;
  background-color: #262626;
}
.moon-button > .button-tap-area {
  position: absolute;
  border-radius: 9999px;
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
}
.moon-button.small {
  height: 60px;
  min-width: 60px;
  line-height: 48px;
  padding: 0 18px;
  position: relative;
  overflow: visible;
}
.moon-button.small.min-width {
  min-width: 132px;
}
.moon-button.small > .button-tap-area {
  border-radius: 0;
  top: -15px;
  bottom: -15px;
  left: -15px;
  right: -15px;
}
.moon-neutral .moon-button {
  color: #4b4b4b;
  background-color: #ffffff;
}
.moon-neutral .moon-button * {
  color: inherit;
}
.moon-neutral .moon-button.spotlight {
  background-color: #cf0652;
}
.moon-neutral .moon-button.spotlight * {
  color: #ffffff;
}
.moon-neutral .moon-button.active,
.moon-neutral .moon-button.pressed,
.moon-neutral .moon-button.spotlight.pressed,
.moon-neutral .moon-button.spotlight:active {
  border: 6px solid #cf0652;
  background-color: #ffffff;
}
.moon-neutral .moon-button.active *,
.moon-neutral .moon-button.pressed *,
.moon-neutral .moon-button.spotlight.pressed *,
.moon-neutral .moon-button.spotlight:active * {
  color: #4b4b4b;
}
.moon-neutral .moon-button[disabled] {
  cursor: default;
  color: #b3b3b3;
  background-color: #ffffff;
}
.moon-neutral .moon-button[disabled] * {
  color: inherit;
}
/* Caption Decorator */
.moon-button-caption-decorator {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.moon-button-caption-decorator .moon-caption {
  display: inline-block;
}
.moon-caption-client {
  display: inline-block;
}
.moon-caption-client > * {
  display: block;
  margin: auto;
}
/* Caption Decorator - Left/Right Captions */
.moon-button-caption-decorator .moon-caption.left,
.moon-button-caption-decorator .moon-caption.right {
  height: 84px;
  line-height: 84px;
}
.moon-button-caption-decorator .moon-caption.left {
  float: left;
  padding-right: 12px;
  text-align: left;
}
.moon-button-caption-decorator .moon-caption.right {
  float: right;
  padding-left: 12px;
  text-align: right;
}
/* Caption Decorator - Top/Bottom Captions */
.moon-button-caption-decorator .moon-caption.top,
.moon-button-caption-decorator .moon-caption.bottom {
  display: block;
  text-align: center;
}
.moon-button-caption-decorator .moon-caption.top {
  padding-bottom: 3px;
}
.moon-button-caption-decorator .moon-caption.bottom {
  padding-top: 3px;
}
/* Caption Decorator - Show On Focus Captions */
.moon-button-caption-decorator.showOnFocus .moon-caption {
  position: absolute;
  z-index: 2;
  white-space: nowrap;
  float: none;
  padding: 0px;
  margin: 0px;
  display: none;
}
.moon-button-caption-decorator.showOnFocus.spotlight .moon-caption {
  display: block;
}
.moon-button-caption-decorator.showOnFocus .moon-caption.top {
  margin-bottom: 3px;
}
.moon-button-caption-decorator.showOnFocus .moon-caption.right {
  margin-left: 12px;
}
.moon-button-caption-decorator.showOnFocus .moon-caption.bottom {
  margin-top: 3px;
}
.moon-button-caption-decorator.showOnFocus .moon-caption.left {
  margin-right: 12px;
}
/* Radio Item */
.moon-radio-item {
  display: inline-block;
  max-width: 240px;
  margin: 0 12px 0 0;
  padding: 12px 12px 12px 48px;
}
.moon-radio-item:before {
  content: '';
  position: absolute;
  left: 12px;
  top: 18px;
  width: 12px;
  height: 12px;
  border: solid 3px #ffffff;
  border-radius: 9px;
  background-color: #4d4d4d;
}
.moon-radio-item.selected:before {
  background-color: #cf0652;
}
.enyo-locale-right-to-left .moon-radio-item {
  margin: 0 0 0 12px;
  padding: 12px 48px 12px 12px;
}
.enyo-locale-right-to-left .moon-radio-item:before {
  left: auto;
  right: 12px;
}
/* Radio Item */
.moon-radio-item-group {
  position: relative;
  margin: 0 12px;
}
/* ExpandableListItem Header*/
.moon-expandable-list-item-header {
  margin-bottom: 0px;
  box-sizing: border-box;
  max-width: 100%;
}
.moon-expandable-list-header.moon-expandable-picker-header:after {
  top: 15px;
}
/* Client Items */
.moon-expandable-list-item.open .moon-expandable-list-item-client {
  margin-bottom: 12px;
}
.moon-expandable-list-item-client .moon-item {
  font-family: "MuseoSans 300";
  font-size: 27px;
  color: #a6a6a6;
  line-height: 33px;
}
.moon-expandable-list-item-client .moon-item a:link {
  color: #cf0652;
  text-decoration: none;
}
.moon-expandable-list-item-client .moon-item a:visited {
  color: #cf0652;
  text-decoration: none;
}
.moon-expandable-list-item-client .moon-item a:hover {
  color: #cf0652;
  text-decoration: none;
}
.moon-expandable-list-item-client .moon-item a:active {
  color: #cf0652;
  text-decoration: none;
}
.enyo-locale-non-latin .moon-expandable-list-item-client .moon-item {
  font-family: "Moonstone LG Display Light";
  font-size: 27px;
  line-height: 33px;
}
.moon-expandable-list-item-client .moon-item.spotlight {
  color: #ffffff;
}
.moon-expandable-list-item-client .moon-item:last-child {
  margin-bottom: 0px;
}
.moon-expandable-list-item-client.indented {
  padding-left: 48px;
}
.enyo-locale-right-to-left .moon-expandable-list-item-client.indented {
  padding-left: 0;
  padding-right: 48px;
}
/* Header Expandable */
.moon-expandable-picker-header {
  margin: 0px;
  display: inline-block;
  padding-right: 42px;
  position: relative;
}
.moon-expandable-picker-header:after {
  position: absolute;
  top: 0px;
  right: 13px;
  font-family: "Moonstone Icons";
  content: "\0F0001";
  font-size: 48px;
  line-height: 36px;
}
.moon-expandable-picker-header.spotlight {
  color: #ffffff;
}
.enyo-locale-right-to-left .moon-expandable-picker-header {
  padding-left: 42px;
  padding-right: 0;
}
.enyo-locale-right-to-left .moon-expandable-picker-header:after {
  left: 13px;
  right: auto;
}
/* Header Open */
.moon-expandable-list-item.open .moon-expandable-picker-header:after {
  content: "\0F0002";
}
/* Current Value */
.moon-expandable-picker-current-value {
  font-family: "MuseoSans 300";
  font-size: 27px;
  line-height: 33px;
  color: #a6a6a6;
  margin: 0px;
}
.moon-expandable-picker-current-value a:link {
  color: #cf0652;
  text-decoration: none;
}
.moon-expandable-picker-current-value a:visited {
  color: #cf0652;
  text-decoration: none;
}
.moon-expandable-picker-current-value a:hover {
  color: #cf0652;
  text-decoration: none;
}
.moon-expandable-picker-current-value a:active {
  color: #cf0652;
  text-decoration: none;
}
.enyo-locale-right-to-left .moon-expandable-picker-current-value {
  padding-left: 0;
}
.moon-expandable-list-item .spotlight .moon-expandable-picker-current-value {
  color: #ffffff;
}
.enyo-locale-non-latin .moon-expandable-picker-current-value {
  font-family: "Moonstone LG Display Light";
  font-size: 27px;
  line-height: 33px;
}
/* Help Text */
.moon-expandable-picker-help-text {
  color: #a6a6a6;
}
.moon-header {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #a6a6a6;
  height: 360px;
  border-top: 3px solid #505050;
  border-bottom: 6px solid #404040;
  position: relative;
  max-width: 100%;
  padding: 0 0 12px 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0 12px;
}
.moon-header .moon-header-title-above {
  margin-top: 6px;
  height: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.moon-header .moon-header-title-above .no-border {
  border: none;
}
.moon-header .moon-header-title {
  line-height: normal;
  height: 156px;
}
.moon-header .moon-header-title .moon-marquee-text {
  white-space: nowrap;
}
.moon-header .moon-header-title-below,
.moon-header .moon-header-sub-title-below {
  height: 48px;
}
.moon-header.full-bleed {
  padding: 0 18px 12px 18px;
  border: 0;
}
.moon-header.full-bleed .moon-header-client {
  left: 18px;
  right: 18px;
}
.moon-header .moon-hspacing > * {
  vertical-align: bottom;
}
.moon-header.moon-medium-header {
  height: 240px;
}
.moon-header.moon-medium-header .moon-header-title-above {
  display: none;
}
.moon-header.moon-medium-header .moon-header-title {
  line-height: normal;
}
.moon-header.moon-medium-header .moon-header-title-below,
.moon-header.moon-medium-header .moon-header-sub-title-below {
  height: 42px;
}
.moon-header.moon-small-header {
  height: 120px;
}
.moon-header.moon-small-header .moon-header-title-above,
.moon-header.moon-small-header .moon-header-title-below,
.moon-header.moon-small-header .moon-header-sub-title-below {
  display: none;
}
.moon-header.moon-small-header .moon-header-title {
  padding: 30px 0 0 0;
  line-height: normal;
  font-size: 60px;
  height: 84px;
}
.moon-header.moon-small-header .moon-header-sub-title {
  font-size: 27px;
}
.moon-header .moon-header-client {
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  text-align: right;
  /* fallback in case text-align:end isn't supported */
  text-align: end;
  /* CSS3 for RTL support */
}
.moon-header.moon-medium-header .moon-header-client,
.moon-header.moon-small-header .moon-header-client {
  display: inline-block;
  left: auto;
}
.moon-header .moon-header-client-text {
  line-height: 60px;
}
.moon-neutral .moon-header {
  border-top: 3px solid #ffffff;
  border-bottom: 6px solid #ffffff;
}
.enyo-locale-non-latin .moon-header .moon-header-title {
  line-height: 1.5em;
}
.enyo-locale-non-latin .moon-header.moon-medium-header .moon-header-title {
  line-height: 1.5em;
}
.enyo-locale-non-latin .moon-header.moon-small-header .moon-header-title {
  line-height: 1.5em;
}
/* Special override for Japanese font (LG Display_JP) which, as of 07-Feb-2014
   has a taller baseline. This corrects both Header and InputHeader. 2014-02-24
   Please remove the line-height rule below if this font file is changed. */
.enyo-locale-non-latin.enyo-locale-ja .moon-header-title,
.enyo-locale-non-latin.enyo-locale-ja .moon-input-header .moon-input-header-input-decorator > .moon-input {
  line-height: 1.25em;
}
.enyo-locale-right-to-left .moon-small-header .moon-header-client,
.enyo-locale-right-to-left .moon-medium-header .moon-header-client {
  right: auto;
  left: 0;
}
.moon-header:not(.moon-small-header):not(.moon-medium-header) .moon-header-left {
  float: left;
}
.enyo-locale-right-to-left .moon-header:not(.moon-small-header):not(.moon-medium-header) .moon-header-left {
  float: right;
}
/*
	Put anything you reference with "url()" in ../assets/
	This way, you can minify your application, and just remove the "source" folder for production
*/
.moon-gridlist-imageitem {
  display: inline-block;
  overflow: hidden;
  border: 6px solid transparent;
}
.moon-gridlist-imageitem .caption {
  font-family: "MuseoSans 700";
  font-size: 30px;
  color: #a6a6a6;
}
.moon-gridlist-imageitem .sub-caption {
  font-family: "MuseoSans 300";
  font-size: 27px;
  color: #a6a6a6;
  line-height: 33px;
}
.moon-gridlist-imageitem .sub-caption a:link {
  color: #cf0652;
  text-decoration: none;
}
.moon-gridlist-imageitem .sub-caption a:visited {
  color: #cf0652;
  text-decoration: none;
}
.moon-gridlist-imageitem .sub-caption a:hover {
  color: #cf0652;
  text-decoration: none;
}
.moon-gridlist-imageitem .sub-caption a:active {
  color: #cf0652;
  text-decoration: none;
}
.moon-gridlist-imageitem.selected {
  border: 6px solid #404040;
  background-color: #404040;
}
.moon-gridlist-imageitem.spotlight {
  border: 6px solid #cf0652;
  background-color: #cf0652;
}
.moon-gridlist-imageitem.selected .caption,
.moon-gridlist-imageitem.selected .sub-caption,
.moon-gridlist-imageitem.spotlight .caption,
.moon-gridlist-imageitem.spotlight .sub-caption {
  color: #ffffff;
}
.moon-gridlist-imageitem.sized-image.use-caption,
.moon-gridlist-imageitem.sized-image.use-subcaption {
  padding-bottom: 42px;
}
.moon-gridlist-imageitem.sized-image > .caption,
.moon-gridlist-imageitem.sized-image > .sub-caption {
  position: absolute;
  bottom: 0;
}
.moon-gridlist-imageitem.sized-image.use-caption.use-subcaption {
  padding-bottom: 84px;
}
.moon-gridlist-imageitem.sized-image.use-caption.use-subcaption > .caption {
  position: absolute;
  bottom: 36px;
}
.enyo-locale-non-latin .moon-gridlist-imageitem .caption {
  font-family: "Moonstone LG Display Bold";
  font-size: 30px;
}
.enyo-locale-non-latin .moon-gridlist-imageitem .sub-caption {
  font-family: "Moonstone LG Display Light";
  font-size: 27px;
  line-height: 33px;
}
/* Scroller Page Controls */
.moon-icon-button.moon-paging-button {
  position: absolute;
  margin: 0;
  overflow: hidden;
}
.moon-icon-button.moon-paging-button.top {
  top: 0;
}
.moon-icon-button.moon-paging-button.right {
  right: 0;
}
.moon-icon-button.moon-paging-button.bottom {
  bottom: 0;
}
.moon-icon-button.moon-paging-button.left {
  left: 0;
}
.moon-neutral .moon-icon-button.moon-paging-button.disabled {
  color: #ffffff;
}
/* IntegerPicker.css */
.moon-scroll-picker-container {
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
}
/*disabled*/
.moon-scroll-picker-container.disabled {
  cursor: default;
  opacity: 0.6;
}
.moon-scroll-picker {
  direction: ltr;
  height: 96px;
  border-top: solid 30px transparent;
  border-bottom: solid 30px transparent;
  border-radius: 48px;
}
.spotlight .moon-scroll-picker {
  background: #cf0652;
  color: #ffffff;
  pointer-events: none;
}
.moon-scroll-picker-item {
  white-space: nowrap;
  padding: 0 6px 3px 6px;
  min-width: 48px;
  height: 96px;
  line-height: 96px;
  text-align: center;
  background: transparent;
}
.moon-scroll-picker-buffer {
  white-space: nowrap;
  padding: 0 6px 3px 6px;
  height: 0;
  opacity: 0;
}
.moon-scroll-picker-overlay-container {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 30px;
  font-family: "Moonstone Icons";
}
.moon-scroll-picker-overlay-container.next {
  top: 0;
}
.moon-scroll-picker-overlay-container.next:after {
  content: "\0F0005";
  font-size: 72px;
  line-height: 39px;
}
.moon-scroll-picker-overlay-container.previous {
  bottom: 0;
}
.moon-scroll-picker-overlay-container.previous:after {
  content: "\0F0006";
  font-size: 72px;
  line-height: 27px;
}
.spotlight .moon-scroll-picker-overlay-container {
  color: #ffffff;
}
.spotlight .moon-scroll-picker-overlay-container.next:after {
  content: "\0F0002";
  line-height: 45px;
}
.spotlight .moon-scroll-picker-overlay-container.previous:after {
  content: "\0F0001";
  line-height: 24px;
}
.selected .moon-scroll-picker-overlay {
  position: absolute;
  height: 36px;
  width: 100%;
  background-color: #cf0652;
}
.selected .moon-scroll-picker-overlay.next {
  top: 0;
  border-style: solid;
  border-width: 0;
  border-color: rgba(0, 0, 0, 0.2);
  border-top-width: 6px;
  border-radius: 48px 48px 0 0;
}
.selected .moon-scroll-picker-overlay.next:after {
  content: "\0F0005";
  font-size: 72px;
  line-height: 33px;
}
.selected .moon-scroll-picker-overlay.previous {
  bottom: 0;
  border-style: solid;
  border-width: 0;
  border-color: rgba(0, 0, 0, 0.2);
  border-bottom-width: 6px;
  border-radius: 0 0 48px 48px;
}
.selected .moon-scroll-picker-overlay.previous:after {
  content: "\0F0006";
  font-size: 72px;
  line-height: 45px;
}
.moon-scroll-picker-taparea {
  position: absolute;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
}
/* DatePicker.css */
.moon-date-picker-wrap {
  min-width: 96px;
  text-align: center;
  margin: 12px 0;
  vertical-align: top;
}
.moon-date-picker-wrap.year {
  min-width: 120px;
}
.moon-date-picker-label {
  text-align: center;
  padding: 18px 12px;
  white-space: nowrap;
}
.moon-date-picker-client {
  direction: ltr;
}
/* Time/date pickers should always be arranged according to the order of the formatter */
.enyo-locale-right-to-left .moon-date-picker-client {
  direction: rtl;
}
.moon-time-picker-wrap {
  direction: ltr;
}
.moon-time-picker-wrap .moon-date-picker-wrap {
  display: inline-block;
}
/* Input.css */
.moon-input {
  padding: 0;
  border: 0;
  cursor: pointer;
  background: transparent;
  color: #4b4b4b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.moon-input::selection {
  color: #ffffff;
  background-color: #cf0652;
}
.moon-input-decorator .moon-focused .moon-input {
  cursor: text;
}
.moon-input-decorator .moon-disabled .moon-input {
  cursor: default;
}
.moon-input-decorator > input::-webkit-input-placeholder {
  color: #868686;
}
.moon-input-decorator > input:-moz-placeholder {
  color: #868686;
}
.moon-neutral .moon-input {
  color: #4b4b4b;
}
.enyo-locale-right-to-left .moon-input {
  text-align: right;
}
.enyo-locale-non-latin.enyo-locale-th .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-ar .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-fa .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-ur .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-ku .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-he .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-hi .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-ta .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-te .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-kn .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-ml .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-mr .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-bn .moon-input-decorator .moon-input,
.enyo-locale-non-latin.enyo-locale-pa .moon-input-decorator .moon-input {
  font-size: 24px;
  line-height: 48px;
}
/* InputDecorator.css */
.moon-input-decorator:not(.moon-input-header-input-decorator),
.moon-textarea-decorator {
  margin: 6px;
  border: 6px solid transparent;
  background-color: #ffffff;
  box-sizing: border-box;
}
.moon-input-decorator:not(.moon-input-header-input-decorator).spotlight,
.moon-textarea-decorator.spotlight {
  border-color: #cf0652;
}
.moon-input-decorator:not(.moon-input-header-input-decorator).moon-focused,
.moon-textarea-decorator.moon-focused {
  border-color: #a6a6a6;
}
.moon-input-decorator:not(.moon-input-header-input-decorator) .moon-icon.small,
.moon-textarea-decorator .moon-icon.small,
.moon-input-decorator:not(.moon-input-header-input-decorator) .spotlight .moon-icon.small,
.moon-textarea-decorator .spotlight .moon-icon.small {
  width: 18px;
  margin: 0;
  color: #4b4b4b;
}
.moon-input-decorator.moon-disabled,
.moon-textarea-decorator.moon-disabled {
  opacity: 0.6;
}
.moon-input-decorator:not(.moon-input-header-input-decorator) {
  padding: 12px 30px;
  border-radius: 30px;
}
.moon-textarea-decorator {
  padding: 12px 18px;
  border-radius: 12px;
}
.moon-expandable-input .moon-input-decorator:not(.moon-input-header-input-decorator) {
  margin: 6px 0;
}
.enyo-locale-non-latin .moon-input-decorator:not(.moon-input-header-input-decorator) {
  padding: 6px 30px 12px;
}
.enyo-locale-non-latin.enyo-locale-th .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-ar .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-fa .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-ur .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-ku .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-he .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-hi .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-ta .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-te .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-kn .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-ml .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-mr .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-bn .moon-input-decorator:not(.moon-input-header-input-decorator),
.enyo-locale-non-latin.enyo-locale-pa .moon-input-decorator:not(.moon-input-header-input-decorator) {
  padding: 1px 30px;
}
/* ProgressBar.css */
.moon-progress-bar {
  position: relative;
  margin: 48px 18px;
  height: 12px;
  background-color: #262626;
  min-width: 120px;
  direction: ltr;
}
.moon-progress-bg-bar,
.moon-progress-bar-bar {
  height: 100%;
  position: absolute;
  top: 0;
}
.moon-progress-bg-bar {
  background-color: #a6a6a6;
}
.moon-progress-bar-bar {
  background-color: #ffffff;
}
/* ProgressButton.css */
.moon-progress-button {
  position: relative;
  overflow: hidden;
  border: 6px solid transparent;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.moon-progress-button.in-progress:active:hover:not([disabled]),
.moon-progress-button.in-progress {
  color: #ffffff;
  padding: 6px 24px;
  border-width: 0;
}
.moon-progress-button.completed .moon-progress-button-bar {
  transform: translateX(103%);
  -webkit-transform: translateX(103%);
}
.moon-progress-button.animated .moon-progress-button-bar {
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.moon-progress-button.animated.completed {
  transition: transform 0.2s ease-in;
  -webkit-transition: -webkit-transform 0.2s ease-in;
}
.moon-progress-button-bar {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 9999px;
  background-color: #cf0652;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.moon-progress-button-progresspercent {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
/* Slider Bar */
.moon-slider {
  margin: 60px 48px;
}
.moon-slider.spotlight > .moon-progress-bar-bar {
  background-color: #cf0652;
}
.moon-slider.spotlight > .moon-slider-knob {
  background-color: #cf0652;
}
.moon-slider.spotlight > .moon-slider-knob.spotselect {
  background-color: #4d4d4d;
  border: 6px solid #cf0652;
}
.moon-slider.disabled {
  cursor: default;
  opacity: 0.6;
}
/* Slider Knob */
.moon-slider-knob {
  position: absolute;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  margin: -30px;
  background-color: #4d4d4d;
  top: 6px;
  border: solid 6px transparent;
  box-sizing: border-box;
}
.moon-slider-knob:not(.spotselect).active,
.moon-slider-knob:not(.spotselect).spotselect,
.moon-slider-knob:not(.spotselect):active:not(.disabled) {
  width: 90px;
  height: 90px;
  border-radius: 45px;
  margin: -45px;
  border: solid 6px transparent;
  box-sizing: border-box;
}
.moon-slider-taparea {
  position: absolute;
  top: -15px;
  height: 39px;
  width: 100%;
}
/* Slider Popup */
.moon-slider-popup {
  white-space: nowrap;
  z-index: 20;
  left: 50%;
}
.moon-slider-popup > * {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.moon-slider-popup .moon-slider-popup-left {
  margin: 0 -1apx 0 0;
}
.moon-slider-popup .moon-slider-popup-center {
  z-index: 21;
}
.moon-slider-popup .moon-slider-popup-right {
  margin: 0 0 0 -1apx;
}
.moon-slider-popup .moon-slider-popup-label {
  color: #ffffff;
  text-align: center;
}
.moon-slider-popup.moon-slider-popup-flip-h {
  left: auto;
  right: 50%;
}
.moon-slider-popup-flip-h {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  transform: scaleX(-1);
}
.enyo-locale-non-latin .moon-slider-popup-label {
  font-size: 30px;
}
/* RichText.css */
.moon-textarea-decorator > .moon-richtext {
  background-image: none;
  box-shadow: none;
  text-transform: none;
}
.enyo-locale-right-to-left .moon-richtext {
  text-align: right;
}
/* ContextualPopupButton.css */
.moon-button.contextual-popup-button {
  padding-right: 48px;
  position: relative;
}
.moon-button.contextual-popup-button:after {
  position: absolute;
  right: 12px;
  font-family: "Moonstone Icons";
  content: "\0F0008";
  font-size: 60px;
  line-height: 72px;
  color: #cf0652;
}
.moon-button.contextual-popup-button.small:after {
  line-height: 48px;
}
.moon-button.contextual-popup-button.spotlight {
  color: #ffffff;
}
.moon-button.contextual-popup-button.spotlight:after {
  color: #ffffff;
}
.moon-button.contextual-popup-button.pressed,
.moon-button.contextual-popup-button:active {
  color: #a6a6a6;
}
.moon-button.contextual-popup-button.pressed:after,
.moon-button.contextual-popup-button:active:after {
  color: #cf0652;
}
.moon-button.contextual-popup-button[disabled] {
  color: #4d4d4d;
}
.moon-button.contextual-popup-button[disabled]:after {
  color: #4d4d4d;
}
.enyo-locale-right-to-left .moon-button.contextual-popup-button {
  padding-left: 48px;
  padding-right: 18px;
}
.enyo-locale-right-to-left .moon-button.contextual-popup-button:after {
  left: 12px;
  right: auto;
  content: "\0F0007";
}
.enyo-locale-right-to-left .moon-button.contextual-popup-button.small {
  padding-right: 18px;
}
/* ContextualPopupDecorator.css */
.moon-contextual-popup-decorator {
  position: relative;
  display: inline-block;
}
.moon-contextual-popup-decorator.block {
  display: block;
}
/* ContextualPopup */
.moon-contextual-popup {
  min-height: 96px;
  min-width: 96px;
  border-radius: 15px;
  border: 6px solid rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 18px;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #686868;
}
.moon-contextual-popup.reserve-close {
  padding-right: 72px;
}
.moon-contextual-popup:before,
.moon-contextual-popup:after {
  position: absolute;
  content: '';
}
.moon-contextual-popup.left:before,
.moon-contextual-popup.left:after,
.moon-contextual-popup.right:before,
.moon-contextual-popup.right:after {
  top: 50%;
}
.moon-contextual-popup.below:before,
.moon-contextual-popup.below:after,
.moon-contextual-popup.above:before,
.moon-contextual-popup.above:after {
  left: 50%;
  right: auto;
}
.moon-contextual-popup.high:before,
.moon-contextual-popup.high:after {
  top: 42px;
}
.moon-contextual-popup.low:before,
.moon-contextual-popup.low:after {
  top: auto;
  bottom: 42px;
}
.moon-contextual-popup.left:before,
.moon-contextual-popup.right:before {
  width: 0;
  height: 6px;
}
.moon-contextual-popup.below:before,
.moon-contextual-popup.above:before {
  width: 6px;
  height: 0;
}
.moon-contextual-popup.left:after,
.moon-contextual-popup.right:after,
.moon-contextual-popup.below:after,
.moon-contextual-popup.above:after {
  width: 0;
  height: 0;
}
.moon-contextual-popup.left {
  margin: 0 0 0 36px;
}
.moon-contextual-popup.left:before,
.moon-contextual-popup.left:after {
  left: 0;
}
.moon-contextual-popup.left:before {
  margin: -18px auto auto -24px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 18px solid rgba(0, 0, 0, 0.5);
}
.moon-contextual-popup.left:after {
  margin: -15px auto auto -18px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 18px solid #686868;
}
.moon-contextual-popup.left.high:before {
  margin: -24px auto auto -24px;
}
.moon-contextual-popup.left.high:after {
  margin: -21px auto auto -18px;
}
.moon-contextual-popup.left.low:before {
  margin: auto auto -24px -24px;
}
.moon-contextual-popup.left.low:after {
  margin: auto auto -21px -18px;
}
.moon-contextual-popup.right {
  margin: 0 0 0 -36px;
}
.moon-contextual-popup.right:before,
.moon-contextual-popup.right:after {
  left: 100%;
  right: auto;
}
.moon-contextual-popup.right:before {
  margin: -18px auto auto 6px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 18px solid rgba(0, 0, 0, 0.5);
}
.moon-contextual-popup.right:after {
  margin: -15px auto auto 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 18px solid #686868;
}
.moon-contextual-popup.right.high:before {
  margin: -24px auto auto 6px;
}
.moon-contextual-popup.right.high:after {
  margin: -21px auto auto 0;
}
.moon-contextual-popup.right.low:before {
  margin: auto auto -24px 6px;
}
.moon-contextual-popup.right.low:after {
  margin: auto auto -21px 0;
}
.moon-contextual-popup.below.right:before,
.moon-contextual-popup.above.right:before,
.moon-contextual-popup.below.right:after,
.moon-contextual-popup.above.right:after {
  left: 20%;
}
.moon-contextual-popup.below.left:before,
.moon-contextual-popup.above.left:before,
.moon-contextual-popup.below.left:after,
.moon-contextual-popup.above.left:after {
  left: auto;
  right: 10%;
}
.moon-contextual-popup.below {
  margin: 36px 0 0 0;
}
.moon-contextual-popup.below:before,
.moon-contextual-popup.below:after {
  top: 0;
}
.moon-contextual-popup.below:before {
  margin: -24px auto auto -18px;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 18px solid rgba(0, 0, 0, 0.5);
}
.moon-contextual-popup.below:after {
  margin: -18px auto auto -15px;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 18px solid #686868;
}
.moon-contextual-popup.below.right:before {
  margin: -39px auto auto -18px;
}
.moon-contextual-popup.below.right:after {
  margin: -33px auto auto -15px;
}
.moon-contextual-popup.below.left:before {
  margin: -39px -18px auto auto;
}
.moon-contextual-popup.below.left:after {
  margin: -33px -15px auto auto;
}
.moon-contextual-popup.above {
  margin: -36px 0 0 0;
}
.moon-contextual-popup.above:before,
.moon-contextual-popup.above:after {
  top: 100%;
}
.moon-contextual-popup.above:before {
  margin: 6px auto auto -18px;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 18px solid rgba(0, 0, 0, 0.5);
}
.moon-contextual-popup.above:after {
  margin: 0 auto auto -15px;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 18px solid #686868;
}
.moon-contextual-popup.above.right:before {
  margin: 6px auto auto -18px;
}
.moon-contextual-popup.above.right:after {
  margin: 0 auto auto -15px;
}
.moon-contextual-popup.above.left:before {
  margin: 6px -18px auto auto;
}
.moon-contextual-popup.above.left:after {
  margin: 0 -15px auto auto;
}
.enyo-locale-right-to-left .moon-contextual-popup {
  direction: rtl;
}
.enyo-locale-right-to-left .moon-contextual-popup.reserve-close {
  padding-right: 18px;
  padding-left: 72px;
}
.moon-contextual-popup-client {
  height: 100%;
  overflow: hidden;
}
/* TextArea.css */
.moon-textarea,
.moon-richtext {
  padding: 0;
  border: 0;
  cursor: pointer;
  background: transparent;
  height: 99px;
  width: 300px;
  color: #4b4b4b;
  resize: none;
  overflow: auto;
}
.moon-textarea::selection,
.moon-richtext::selection {
  color: #ffffff;
  background-color: #cf0652;
}
.moon-textarea::-webkit-scrollbar,
.moon-richtext::-webkit-scrollbar {
  width: 3px;
}
.moon-textarea::-webkit-scrollbar-track-piece,
.moon-richtext::-webkit-scrollbar-track-piece {
  border-radius: 9px;
}
.moon-textarea::-webkit-scrollbar-thumb:vertical,
.moon-richtext::-webkit-scrollbar-thumb:vertical {
  background-color: #a6a6a6;
  border-radius: 9px;
}
.moon-textarea-decorator.moon-focused .moon-textarea,
.moon-textarea-decorator .moon-focused .moon-richtext {
  cursor: text;
}
.moon-textarea-decorator.moon-disabled .moon-textarea,
.moon-textarea-decorator .moon-disabled .moon-richtext {
  cursor: default;
}
.enyo-locale-right-to-left .moon-textarea {
  text-align: right;
}
/* List Actions */
.moon-list-actions {
  position: relative;
  display: inline-block;
  overflow: visible;
}
.moon-list-actions .moon-icon-button {
  margin: 0;
}
.list-actions-drawer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.moon-header .list-actions-drawer {
  top: -3px;
  bottom: -6px;
}
/* Close button */
.moon-icon-button.moon-list-actions-close {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 2;
}
.enyo-locale-right-to-left .moon-icon-button.moon-list-actions-close {
  right: auto;
  left: 12px;
}
/* Scroller */
.moon-list-actions-scroller {
  margin: 18px;
  margin-right: 78px;
  padding: 0px;
  z-index: 1;
}
.enyo-locale-right-to-left .moon-list-actions-scroller {
  margin-right: 12px;
  margin-left: 78px;
}
/* Action menu */
.moon-list-actions-menu {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  /* Do not change - used in JS */
  min-width: 300px;
  /* Do not change - used in JS */
  float: right;
  box-sizing: border-box;
}
.enyo-locale-right-to-left .moon-list-actions-menu {
  float: left;
}
.moon-list-actions-drawer.proportional-width.stacked .moon-list-actions-menu {
  width: 100% !important;
}
.moon-list-actions-drawer.stacked .moon-list-actions-menu {
  margin-bottom: 18px;
  clear: both;
}
.moon-list-actions-menu .enyo-scroller {
  max-width: 100%;
}
/* Drawer */
.moon-list-actions-drawer {
  overflow: hidden;
  z-index: 50;
  pointer-events: none;
}
.moon-list-actions-drawer * {
  pointer-events: auto;
}
.moon-list-actions-drawer.stacked .moon-list-actions-menu {
  display: block;
}
.moon-list-actions-drawer-client {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0) translateY(100%);
}
.moon-list-actions-drawer-client.open {
  -webkit-transform: translateZ(0) translateY(0);
}
.moon-list-actions-drawer-client.animated {
  -webkit-transition: -webkit-transform 0.225s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.moon-medium-header .moon-list-actions-drawer-client,
.moon-small-header .moon-list-actions-drawer-client {
  -webkit-transform: translateZ(0) translateY(-100%);
}
.moon-medium-header .moon-list-actions-drawer-client.open,
.moon-small-header .moon-list-actions-drawer-client.open {
  -webkit-transform: translateZ(0) translateY(0);
}
.moon-list-actions.stacked .enyo-fittable-rows-layout > * {
  height: auto !important;
}
.moon-panels .moon-header .moon-list-actions-drawer {
  pointer-events: none;
}
/* Labeled Text Item */
.moon-labeledtextitem {
  min-width: 336px;
  height: 192px;
  overflow: hidden;
  margin: 0px;
}
/* Label */
.moon-labeledtextitem .label {
  font-family: "MuseoSans 700";
  font-size: 30px;
  color: #a6a6a6;
  border-top: 3px solid #a6a6a6;
  margin: 0px 0px 3px 0px;
  padding: 6px 0px 0px 0px;
}
.enyo-locale-non-latin .moon-labeledtextitem .label {
  font-family: "Moonstone LG Display Bold";
  font-size: 30px;
}
.spotlight.moon-labeledtextitem .label,
.spotlight .moon-labeledtextitem .label {
  border-top-color: #ffffff;
  color: #ffffff;
}
/* Text */
.moon-labeledtextitem .text {
  font-family: "MuseoSans 300";
  font-size: 27px;
  color: #a6a6a6;
  line-height: 33px;
  text-transform: none;
  margin: 0px;
  padding: 0px;
}
.moon-labeledtextitem .text a:link {
  color: #cf0652;
  text-decoration: none;
}
.moon-labeledtextitem .text a:visited {
  color: #cf0652;
  text-decoration: none;
}
.moon-labeledtextitem .text a:hover {
  color: #cf0652;
  text-decoration: none;
}
.moon-labeledtextitem .text a:active {
  color: #cf0652;
  text-decoration: none;
}
.enyo-locale-non-latin .moon-labeledtextitem .text {
  font-family: "Moonstone LG Display Light";
  font-size: 27px;
  line-height: 33px;
}
.spotlight.moon-labeledtextitem .text,
.spotlight .moon-labeledtextitem .text {
  color: #ffffff;
}
.enyo-locale-non-latin .moon-labeledtextitem .text {
  font-family: "Moonstone LG Display";
}
.moon-imageitem {
  display: block;
  clear: both;
  min-width: 540px;
  margin-top: 0px;
  padding-top: 0px;
  height: 204px;
  overflow: hidden;
}
.moon-imageitem img {
  width: 132px;
  height: 192px;
  padding: 0px;
  margin: 12px 60px 12px 0px;
  display: inline-block;
  float: left;
}
.moon-imageitem.align-right img {
  float: right;
  margin-right: 0px;
  margin-left: 60px;
}
/* Spinner.css */
@-webkit-keyframes spinBall {
  0% {
    -webkit-transform: rotateZ(13deg);
  }
  /* Slow down toward the top */
  15% {
    -webkit-transform: rotateZ(160deg);
  }
  25% {
    -webkit-transform: rotateZ(200deg);
  }
  30% {
    -webkit-transform: rotateZ(225deg);
  }
  /* Speed back up as the ball falls */
  /* Impact at last ball */
  33% {
    -webkit-transform: rotateZ(321deg);
  }
  39%,
  67% {
    -webkit-transform: rotateZ(347deg);
  }
  /* Small bounce forward */
  72% {
    -webkit-transform: rotateZ(383deg);
  }
  79%,
  100% {
    -webkit-transform: rotateZ(373deg);
  }
}
@-webkit-keyframes spinBall2 {
  /* Small bounce forward */
  0% {
    -webkit-transform: rotateZ(347deg);
  }
  5% {
    -webkit-transform: rotateZ(383deg);
  }
  12%,
  33% {
    -webkit-transform: rotateZ(373deg);
  }
  33.01% {
    -webkit-transform: rotateZ(13deg);
  }
  /* Slow down toward the top */
  48% {
    -webkit-transform: rotateZ(160deg);
  }
  58% {
    -webkit-transform: rotateZ(200deg);
  }
  63% {
    -webkit-transform: rotateZ(225deg);
  }
  /* Speed back up as the ball falls */
  /* Impact at last ball */
  67% {
    -webkit-transform: rotateZ(321deg);
  }
  72%,
  100% {
    -webkit-transform: rotateZ(347deg);
  }
}
@-webkit-keyframes spinBall3 {
  /* Impact at last ball */
  0%,
  100% {
    -webkit-transform: rotateZ(321deg);
  }
  5%,
  33% {
    -webkit-transform: rotateZ(347deg);
  }
  /* Small bounce forward */
  38% {
    -webkit-transform: rotateZ(383deg);
  }
  45%,
  66% {
    -webkit-transform: rotateZ(373deg);
  }
  66.01% {
    -webkit-transform: rotateZ(13deg);
  }
  /* Slow down toward the top */
  81% {
    -webkit-transform: rotateZ(160deg);
  }
  91% {
    -webkit-transform: rotateZ(200deg);
  }
  97% {
    -webkit-transform: rotateZ(225deg);
  }
  /* Speed back up as the ball falls */
}
@-webkit-keyframes propellerBall {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
  }
}
@-webkit-keyframes propellerBall2 {
  0% {
    -webkit-transform: rotateZ(120deg);
  }
  100% {
    -webkit-transform: rotateZ(480deg);
  }
}
@-webkit-keyframes propellerBall3 {
  0% {
    -webkit-transform: rotateZ(240deg);
  }
  100% {
    -webkit-transform: rotateZ(600deg);
  }
}
.moon-spinner {
  min-height: 72px;
  min-width: 72px;
  line-height: 72px;
  position: relative;
  display: inline-block;
  color: #ffffff;
  background-color: #4d4d4d;
  border-radius: 42px;
  margin: 0 12px;
}
.moon-spinner > * {
  display: inline-block;
}
.moon-spinner.center {
  margin: 0;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.moon-spinner.center.middle {
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.moon-spinner.moon-spinner-transparent-background {
  background-color: transparent;
}
.moon-spinner.content {
  padding: 6px;
}
.moon-spinner.content .moon-spinner-client {
  max-width: 399px;
}
.moon-spinner.running .moon-spinner-ball {
  -webkit-animation-play-state: running;
}
.moon-spinner .moon-spinner-ball-decorator {
  position: relative;
  width: 72px;
  height: 72px;
  float: left;
}
.moon-spinner .moon-spinner-ball {
  position: absolute;
  text-align: center;
  font-size: 90%;
  line-height: 0.4em;
  -webkit-animation: none 1.83s linear infinite;
  -webkit-animation-play-state: paused;
  height: 15%;
  width: 15%;
  left: 42.5%;
  bottom: 15%;
  -webkit-transform-origin: center -133.33333333%;
}
.moon-spinner .moon-spinner-ball:after {
  content: "\0F0013";
  font-family: "Moonstone Icons";
}
.moon-spinner .moon-spinner-ball1 {
  -webkit-animation-name: spinBall;
  color: #69cdff;
  -webkit-transform: rotateZ(13deg);
}
.moon-spinner .moon-spinner-ball2 {
  -webkit-animation-name: spinBall2;
  color: #ff4a4a;
  -webkit-transform: rotateZ(347deg);
}
.moon-spinner .moon-spinner-ball3 {
  -webkit-animation-name: spinBall3;
  color: #ffb80d;
  -webkit-transform: rotateZ(321deg);
}
.moon-spinner .moon-spinner-client {
  float: left;
  line-height: 72px;
  margin: 0 2.6ex 0 0;
}
.enyo-locale-right-to-left .moon-spinner .moon-spinner-ball-decorator {
  float: right;
}
.enyo-locale-right-to-left .moon-spinner .moon-spinner-client {
  float: right;
  margin-left: 2.6ex;
  margin-right: 0;
}
.enyo-locale-right-to-left .moon-spinner.center {
  margin: 0;
  margin-right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.enyo-locale-right-to-left .moon-spinner.center.middle {
  -webkit-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
}
.moon-panel {
  overflow: hidden;
  padding: 0;
  padding: 18px 12px;
  height: 100%;
}
.moon-panel.enyo-fit {
  height: auto;
}
.moon-panel:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.moon-panel.transitioning:after {
  content: '';
}
.moon-panel-viewport {
  overflow: hidden;
  position: relative;
}
.moon-panel-content-wrapper {
  z-index: 2;
  box-sizing: border-box;
}
.moon-panel-body {
  overflow: hidden;
  position: relative;
  padding-top: 12px;
  z-index: 1;
}
/* Breadcrumb */
.moon-panel-breadcrumb {
  width: 234px;
  height: 360px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.moon-panel-breadcrumb-viewport {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
}
.moon-panel-small-header-wrapper {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 360px;
  width: 100%;
  padding: 0 12px 12px 12px;
  box-sizing: border-box;
}
.moon-panel-small-header {
  margin-top: 24px;
  color: #a6a6a6;
  display: block;
  overflow: hidden;
  padding: 0px;
}
.spotlight .moon-panel-small-header {
  color: #ffffff;
}
.moon-panel-small-header-title-above {
  color: #a6a6a6;
  border-top: 3px solid #ffffff;
  padding-top: 6px;
}
.spotlight .moon-panel-small-header-title-above {
  color: #ffffff;
}
.moon-panel .moon-panel-small-header-wrapper.spotlight {
  background: #cf0652;
  color: #ffffff;
}
.moon-panel .moon-panel-small-header-wrapper.spotlight .moon-panel-small-header-title-above {
  border-top: 3px solid transparent;
}
/* Activity Panels Overrides */
.moon-panels.activity .moon-panel {
  padding: 0;
}
.moon-panels.activity .moon-panel-small-header-title-above {
  border-top: 3px solid #505050;
}
.moon-panels.activity .moon-panel-small-header,
.moon-panels.activity .moon-panel-small-header-title-above {
  color: #a6a6a6;
}
.moon-panels.activity .moon-panel-small-header-wrapper.spotlight .moon-panel-small-header,
.moon-panels.activity .moon-panel-small-header-wrapper.spotlight .moon-panel-small-header-title-above {
  color: #ffffff;
}
/* AlwaysViewing Overrides */
.moon-panels.always-viewing .moon-panel {
  padding: 0;
}
.moon-panels.always-viewing .moon-panel-small-header,
.moon-panels.always-viewing .moon-panel-small-header-title-above {
  color: #ffffff;
}
/* Panel animations */
@-webkit-keyframes panel-outer {
  0% {
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes panel-inner {
  0% {
    -webkit-transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes breadcrumb-outer {
  0% {
    -webkit-transform: translateY(0%);
  }
  36%,
  100% {
    -webkit-transform: translateY(100%);
  }
}
@-webkit-keyframes breadcrumb-inner {
  0% {
    -webkit-transform: translateY(0%);
  }
  36%,
  100% {
    -webkit-transform: translateY(-100%);
  }
}
.moon-panel.moon-composite .moon-panel-viewport,
.moon-panel.moon-composite .moon-panel-content-wrapper,
.moon-panel.moon-composite .moon-panel-breadcrumb-viewport,
.moon-panel.moon-composite .moon-panel-small-header-wrapper {
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}
.moon-panel.moon-composite:after {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}
.moon-panel.growing .moon-panel-viewport,
.moon-panel.shrinking .moon-panel-viewport {
  -webkit-animation-name: panel-outer;
}
.moon-panel.growing .moon-panel-breadcrumb-viewport,
.moon-panel.shrinking .moon-panel-breadcrumb-viewport {
  -webkit-animation-name: breadcrumb-outer;
}
.moon-panel.growing .moon-panel-content-wrapper,
.moon-panel.shrinking .moon-panel-content-wrapper {
  -webkit-animation-name: panel-inner;
}
.moon-panel.growing .moon-panel-small-header-wrapper,
.moon-panel.shrinking .moon-panel-small-header-wrapper {
  -webkit-animation-name: breadcrumb-inner;
}
.moon-panel.growing .moon-panel-viewport,
.moon-panel.growing .moon-panel-content-wrapper,
.moon-panel.growing .moon-panel-breadcrumb-viewport,
.moon-panel.growing .moon-panel-small-header-wrapper {
  -webkit-animation-duration: 0.4s;
}
.moon-panel.shrinking .moon-panel-viewport,
.moon-panel.shrinking .moon-panel-content-wrapper,
.moon-panel.shrinking .moon-panel-breadcrumb-viewport,
.moon-panel.shrinking .moon-panel-small-header-wrapper {
  -webkit-animation-duration: 0.5s;
  -webkit-animation-direction: reverse;
}
.moon-panel.shrunken .moon-panel-viewport {
  -webkit-transform: translateY(-101%);
}
.moon-panel.shrunken .moon-panel-content-wrapper {
  -webkit-transform: translateY(101%);
}
.moon-panel:not(.shrunken) .moon-panel-breadcrumb-viewport {
  -webkit-transform: translateY(101%);
}
.moon-panel:not(.shrunken) .moon-panel-small-header-wrapper {
  -webkit-transform: translateY(-101%);
}
/* Panels */
.moon-panels.activity,
.moon-panels.always-viewing {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 18px 12px;
  overflow: visible;
  pointer-events: none;
}
.moon-panels.activity.moon-composite .moon-panels-background-scrim,
.moon-panels.always-viewing.moon-composite .moon-panels-background-scrim {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}
.moon-panels.activity *,
.moon-panels.always-viewing * {
  pointer-events: auto;
}
.moon-panels.activity .moon-panel,
.moon-panels.always-viewing .moon-panel {
  height: auto;
  margin: 0;
}
/* Scrim */
.moon-panels .moon-panels-background-scrim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s linear;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
}
.moon-panels .moon-panels-background-scrim.visible {
  opacity: 0.2;
}
.moon-panels-panel-scrim {
  position: absolute;
  height: 100%;
}
.moon-panels.activity .moon-panels-panel-scrim {
  left: 0;
  width: 100%;
  background-color: #000000;
}
.moon-panels.activity .moon-panels-panel-scrim .moon-panels-branding {
  position: absolute;
  top: 372px;
  width: 210px;
  bottom: 18px;
  left: 18px;
  background-position: bottom center;
}
.moon-panels.always-viewing .moon-panels-panel-scrim {
  left: 50%;
  width: 50%;
  background-color: rgba(0, 0, 0, 0.75);
}
/* Show/Hide Handle */
.moon-panels-handle {
  position: absolute;
  top: 0;
  left: auto;
  right: -132px;
  height: 100%;
  width: 132px;
  z-index: 100;
}
.moon-panels-handle:before {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  line-height: 100vh;
  margin-left: -12px;
  margin-right: 12px;
  background-color: #4b4b4b;
  font-family: "Moonstone Icons";
  font-size: 144px;
  content: "\0F0003";
  color: #ffffff;
  -webkit-transform: translate3d(0, 0, 0);
  transition: -webkit-transform 0.2s linear, opacity 0.2s linear;
  opacity: 1;
  text-align: center;
}
.moon-panels-handle.right:before {
  content: "\0F0004";
}
.moon-panels-handle.spotlight:before {
  background-color: #cf0652;
  -webkit-transform: translate3d(-120px, 0, 0);
}
.moon-panels-handle.stashed:before {
  opacity: 0;
}
.moon-panels-handle.hidden {
  display: none;
}
/* Header Accordion*/
.moon-accordion .moon-expandable-list-item-header {
  display: inline-block;
  padding-right: 42px;
}
.enyo-locale-right-to-left .moon-accordion .moon-expandable-list-item-header {
  padding-right: 0;
  padding-left: 42px;
}
.moon-accordion .moon-accordion-header-wrapper {
  height: 1.2em;
}
/* Calendar.css */
.moon-calendar-picker {
  display: inline-block;
  text-align: center;
  width: 588px;
  background-color: #686868;
  border-radius: 15px;
  margin: 0 18px;
  padding: 18px 0;
}
.moon-calendar-picker > * {
  display: inline-block;
}
.moon-calendar-picker .moon-simple-picker {
  max-width: 252px;
}
.moon-calendar-picker .moon-simple-picker .moon-simple-picker-client > * {
  color: #ffffff;
}
.moon-calendar-picker .moon-calendar-picker-month {
  margin: 0 0 0 30px;
  float: left;
}
.moon-calendar-picker .moon-calendar-picker-year {
  margin: 0 30px 0 0;
  float: right;
}
.moon-calendar-picker .moon-calendar-picker-day {
  font-family: "MuseoSans 700";
  font-size: 30px;
  color: #a6a6a6;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.moon-calendar-picker .moon-calendar-picker-day.small {
  font-size: 21px;
}
.moon-calendar-picker .moon-neutral .moon-calendar-picker-day-base {
  width: 60px;
  color: #a2a2a2;
  margin: 9px;
  border-color: #a2a2a2;
  display: inline-block;
}
.enyo-locale-right-to-left .moon-calendar-picker-month {
  margin: 0 30px 0 0;
  float: right;
}
.enyo-locale-right-to-left .moon-calendar-picker-year {
  margin: 0 0 0 30px;
  float: left;
}
.moon-calendar-picker-date {
  font-family: "MuseoSans 700";
  font-size: 30px;
  color: #ffffff;
  width: 60px;
  line-height: 60px;
  border-radius: 9999px;
  border: solid 9px transparent;
  display: inline-block;
}
.moon-calendar-picker-date.spotlight,
.moon-calendar-picker-date.active {
  background-color: #cf0652;
  border: solid 9px #686868;
}
.moon-calendar-picker-date.moon-calendar-picker-date-shadow {
  color: #a2a2a2;
}
.moon-calendar-picker-date.moon-calendar-picker-date-shadow.spotlight {
  color: #ffffff;
}
.enyo-locale-non-latin .moon-calendar-picker-day {
  font-family: "Moonstone LG Display Bold";
  font-size: 30px;
}
.enyo-locale-non-latin .moon-calendar-picker-date {
  font-family: "Moonstone LG Display Bold";
  font-size: 30px;
}
/* Table.css */
.moon-table-row.spotlight {
  background-color: #cf0652;
  color: #ffffff;
}
.moon-table-row .moon-table-cell {
  padding: 12px;
  white-space: nowrap;
}
.moon-input-header-input-decorator {
  margin: -1px 0px 0px;
  padding: 0px;
  border: 0px;
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
}
.moon-input-header .moon-input-header-input-decorator > .moon-input {
  font-family: "Moonstone Miso";
  font-size: 126px;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  margin: 0px;
  padding-left: 1px;
  padding-right: 1px;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1em;
  color: #a6a6a6;
  width: 100%;
  text-overflow: ellipsis;
}
.enyo-locale-non-latin .moon-input-header .moon-input-header-input-decorator > .moon-input {
  font-family: "Moonstone LG Display";
  font-size: 114px;
  line-height: 1.5em;
}
.moon-input-header .moon-input.moon-header-title {
  position: static;
}
.moon-input-header .moon-input.moon-header-title::-webkit-input-placeholder {
  color: #333333;
  margin-top: 12px;
  line-height: 1.25em;
}
.enyo-locale-non-latin .moon-input-header .moon-input.moon-header-title::-webkit-input-placeholder {
  line-height: 1.5em;
}
.moon-input-header-input-decorator.spotlight .moon-input::-webkit-input-placeholder {
  color: #ffffff;
}
.moon-input-header-input-decorator.spotlight > .moon-input {
  background-color: #cf0652;
  color: #ffffff;
}
.moon-input-header-input-decorator.spotlight.moon-focused > .moon-input {
  background: none;
}
.moon-input-header-input-decorator.spotlight.moon-focused > .moon-input::-webkit-input-placeholder {
  color: #333333;
}
.moon-drawer-partial-client {
  padding: 36px 18px 18px;
}
.moon-drawer-client {
  padding: 18px;
}
/* Drawers.css */
.moon-drawers {
  overflow: hidden;
}
.moon-drawers-activator {
  z-index: 100;
  font-family: "Moonstone Icons";
  font-size: 42px;
  line-height: 33px;
  height: 0px;
  position: absolute;
  width: 100%;
  /* The activator & nub are white when a drawer is open */
  /* Activator is spotlight focused */
}
.moon-drawers-activator:before {
  content: '';
  display: block;
  height: 24px;
  background-color: #404040;
}
.moon-drawers-activator .moon-drawers-activator-icon {
  margin: -15px auto 0;
  width: 60px;
  height: 36px;
  border-radius: 0 0 36px 36px;
  display: block;
  background-color: #404040;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: "\0F0006";
  color: #a6a6a6;
  text-align: center;
  font-size: inherit;
  line-height: inherit;
}
.moon-drawers-activator.open:before,
.moon-drawers-activator.open .moon-drawers-activator-icon {
  color: #4b4b4b;
  background-color: #ffffff;
}
.moon-drawers-activator.spotlight:before,
.moon-drawers-activator.spotlight .moon-drawers-activator-icon {
  color: #ffffff;
  background-color: #cf0652;
}
/* Drawer Handles */
.moon-drawers-handle-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.moon-drawers-handle-container .moon-drawers-handles {
  text-align: center;
  padding: 48px 0 12px;
}
.moon-drawers-handle-container .moon-drawers-handle {
  display: inline-block;
  text-align: start;
  width: 240px;
}
.moon-drawers-container {
  position: relative;
}
.moon-drawers-client {
  position: relative;
  height: 100%;
  width: 100%;
}
/* If a video player or other controls are behind the drawers, let events pass straight through to them. */
.moon-drawers > * {
  pointer-events: all;
}
.moon-drawers,
.moon-drawers-client {
  pointer-events: none;
}
.moon-drawers-client > * {
  pointer-events: all;
}
/* Scrim.css */
.moon-scrim {
  z-index: 1;
  /*
		note: by using pointer-events we allow tapping on scrim
		while it is fading out; however, this requires any showing classes
		to set pointer events to auto or scrim will not function as expected.
	*/
  pointer-events: none;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}
.moon-scrim.moon-scrim-translucent {
  pointer-events: auto;
  background-color: #000000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.moon-scrim.moon-scrim-transparent {
  pointer-events: auto;
  background: transparent;
}
/* Popup.css */
.moon-popup {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 48px;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transform: translateY(100%) translateZ(0);
  transform: translateY(100%) translateZ(0);
  -webkit-transition: -webkit-transform 0.0001s ease;
  transition: transform 0.0001s ease;
}
.moon-popup.animate {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}
.moon-popup.showing {
  -webkit-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
}
.moon-popup.reserve-close {
  padding-right: 72px;
}
.moon-popup-close {
  position: absolute;
  right: 12px;
  top: 12px;
  margin: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  color: #ffffff;
}
.moon-popup-close.pressed,
.moon-popup-close:active {
  background-color: transparent;
  color: #ffffff;
}
.enyo-locale-right-to-left .moon-popup.reserve-close {
  padding-right: 48px;
  padding-left: 72px;
}
.enyo-locale-right-to-left .moon-popup-close {
  right: auto;
  left: 12px;
}
/* Dialog.css */
.moon-dialog {
  padding: 24px 42px 42px;
}
.moon-dialog-title {
  margin-bottom: 12px;
}
.moon-dialog-sub-title {
  font-size: 24px;
}
.moon-dialog-client-wrapper {
  min-height: 108px;
}
.moon-dialog-content {
  margin: 0 0 0;
}
.moon-dialog-divider {
  padding-bottom: 0;
  border-bottom-width: 3px;
  margin: 18px 0 18px;
}
.moon-dialog-client {
  padding: 24px 0 0;
  float: right;
}
.moon-dialog-client > * {
  margin-left: 18px;
  margin-right: 0;
}
.enyo-locale-right-to-left .moon-dialog-client {
  float: left;
}
.enyo-locale-right-to-left .moon-dialog-client > * {
  margin-left: 0;
  margin-right: 18px;
}
.moon-tooltip {
  z-index: 20;
  height: 68px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  pointer-events: none;
}
.moon-tooltip-label {
  font-family: "Moonstone Miso Bold";
  font-size: 27px;
  -webkit-font-kerning: normal;
  height: 59px;
  line-height: 59px;
  white-space: nowrap;
  color: #ffffff;
  text-align: center;
  padding: 0px 20px;
  background-color: #4d4d4d;
}
.enyo-locale-non-latin .moon-tooltip-label {
  font-family: "Moonstone LG Display Bold";
  font-size: 27px;
  font-weight: normal;
}
.moon-tooltip.below > .moon-tooltip-label {
  margin: 9px 0px 0px;
}
.moon-tooltip.above > .moon-tooltip-label {
  margin: 0px 0px 9px;
}
.moon-tooltip-label:before {
  position: absolute;
  content: "";
  width: 84px;
  height: 60px;
}
/* .above .left-arrow nub shape */
.moon-tooltip.above.left-arrow .moon-tooltip-label {
  border-radius: 34px 34px 34px 0px;
}
.moon-tooltip.above.left-arrow .moon-tooltip-label:before {
  top: 29px;
  left: -2px;
  border-top: 29px solid #4d4d4d;
  clip: rect(30px, 24px, 38px, 2px);
  border-radius: 9999px;
}
/* .above .right-arrow nub shape */
.moon-tooltip.above.right-arrow .moon-tooltip-label {
  border-radius: 34px 34px 0px 34px;
}
.moon-tooltip.above.right-arrow .moon-tooltip-label:before {
  top: 29px;
  right: -2px;
  border-top: 29px solid #4d4d4d;
  clip: rect(30px, 82px, 38px, 56px);
  border-radius: 9999px;
}
/* .below .left-arrow nub shape */
.moon-tooltip.below.left-arrow .moon-tooltip-label {
  border-radius: 0 34px 34px 34px;
}
.moon-tooltip.below.left-arrow .moon-tooltip-label:before {
  top: -50px;
  left: -2px;
  border-bottom: 29px solid #4d4d4d;
  clip: rect(2px, 24px, 60px, 2px);
  border-radius: 9999px;
}
/* .below .right-arrow nub shape */
.moon-tooltip.below.right-arrow .moon-tooltip-label {
  border-radius: 34px 0px 34px 34px;
}
.moon-tooltip.below.right-arrow .moon-tooltip-label:before {
  top: -50px;
  right: -2px;
  border-bottom: 29px solid #4d4d4d;
  clip: rect(2px, 82px, 60px, 56px);
  border-radius: 9999px;
}
/* AudioPlayback.css */
.moon-audio-playback {
  background-color: #333333;
  font-size: 30px;
}
.moon-audio-playback-track-icon {
  position: relative;
  top: 6px;
  left: 4px;
  width: 128px;
  height: 128px;
  background: transparent url() no-repeat 0px 0px;
  display: inline-block;
}
.moon-audio-playback-playtime {
  font-size: 20px;
}
.moon-audio-track-info,
.moon-audio-control-buttons > * {
  display: inline-block;
  top: 6px;
}
.moon-audio-play-time {
  width: 80px;
  font-size: 20px;
  padding-top: 72px;
}
.moon-audio-play-time.left {
  text-align: left;
}
.moon-audio-play-time.right {
  text-align: right;
}
.moon-audio-track-count.right {
  float: right;
}
.moon-audio-track-info {
  width: 40%;
  padding: 0 10px;
}
.enyo-locale-right-to-left .moon-audio-track-info {
  text-align: right;
  direction: rtl;
}
.moon-audio-top {
  height: 65px;
  padding-top: 15px;
}
/* AudioPlayback styles for IconButton */
.moon-audio-icon-button {
  background-color: #808080;
  margin: 8px 4px;
}
.moon-audio-icon-button.left {
  float: left;
}
.moon-audio-icon-button.right {
  float: right;
}
/* AudioPlayback styles for Slider */
.moon-audio-slider-container {
  padding-top: 10px;
}
.moon-audio-slider.spotlight > .moon-slider-knob {
  background-color: #cf0652;
}
.moon-audio-slider > .moon-slider-knob,
.moon-audio-slider > .moon-slider-knob.disabled:active:hover {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  margin: -13px -16px;
  background-color: #808080;
}
.moon-audio-slider > .moon-slider-knob.active,
.moon-audio-slider > .moon-slider-knob.spotselect,
.moon-audio-slider > .moon-slider-knob:active:hover {
  height: 34px;
  width: 34px;
  border-radius: 17px;
  margin: -15px -18px;
  background-color: #808080;
}
.moon-audio-slider.moon-progress-bar {
  background-color: #cccccc;
  margin: 0px;
  top: 10px;
}
.moon-audio-slider > .moon-progress-bar-bar {
  background-color: #666666;
}
/* AudioPlayback styles for queue */
.moon-audio-playback-queue {
  margin: 0px 40px;
}
/* AudioPlayback styles for queue list items */
.moon-audio-queue-list {
  height: 100px;
  padding: 12px 16px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.moon-audio-queue-list-selected {
  background-color: #999999;
  border-color: #666666;
}
.moon-audio-queue-list > * {
  display: inline-block;
  vertical-align: middle;
}
.moon-audio-queue-album-art {
  width: 80px;
  height: 80px;
  background: transparent none no-repeat 0px 0px;
  padding-right: 10px;
}
.enyo-locale-right-to-left .moon-audio-queue-album-art {
  padding-right: 0;
  padding-left: 10px;
}
.moon-video-transport-slider {
  height: 84px;
  background-color: #323232;
}
.moon-video-transport-slider .moon-slider-popup.above {
  padding-left: 0px;
}
/* ----- Knob ---- */
.moon-video-transport-slider-knob,
.moon-video-transport-slider-knob.disabled:active:hover,
.moon-video-transport-slider-knob.active,
.moon-video-transport-slider-knob.spotselect,
.moon-video-transport-slider-knob:active:hover {
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 3px;
  margin: -3px;
  top: 24px;
  pointer-events: none;
}
.moon-video-transport-slider-knob {
  background: transparent;
  color: transparent;
}
.moon-video-transport-slider.visible .moon-video-transport-slider-knob,
.moon-video-transport-slider.visible .moon-video-transport-slider-knob.disabled:active:hover {
  background-color: #fff;
}
/* ---- Bar ---- */
.moon-video-transport-slider-bar-bar {
  height: 100%;
  background-color: #cf0652;
  position: absolute;
  top: 0;
}
.moon-video-transport-slider-bg-bar {
  height: 100%;
  background-color: #4b4b4b;
  position: absolute;
  top: 0;
}
.moon-video-transport-slider-taparea {
  position: absolute;
  height: 100%;
  width: 100%;
}
.moon-video-transport-slider-popup-label {
  font-family: "Moonstone Miso Bold";
  font-size: 33px;
  -webkit-font-kerning: normal;
  white-space: nowrap;
  color: #4b4b4b;
  vertical-align: top;
}
.enyo-locale-non-latin .moon-video-transport-slider-popup-label {
  font-family: "Moonstone LG Display Bold";
  font-size: 36px;
  font-weight: normal;
}
.moon-video-transport-slider-popup-label > * {
  display: inline-block;
}
.moon-video-transport-slider-indicator-wrapper {
  height: 84px;
  top: 0;
  position: absolute;
}
.moon-video-transport-slider-indicator-wrapper.start {
  left: 0px;
}
.moon-video-transport-slider-indicator-wrapper.end {
  right: 0px;
}
.moon-video-transport-slider-indicator-bar-left {
  position: absolute;
  left: 49.5%;
  top: 24px;
  width: 3px;
  height: 30px;
  background-color: #ffffff;
}
.moon-video-transport-slider-indicator-bar-right {
  position: absolute;
  left: 49.5%;
  top: 24px;
  width: 3px;
  height: 30px;
  background-color: #ffffff;
}
.moon-video-transport-slider-indicator-text {
  position: absolute;
  width: 100%;
  height: 30px;
  top: 24px;
  font-size: 30px;
  font-family: "Moonstone Miso";
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  left: 55%;
}
.enyo-locale-non-latin .moon-video-transport-slider-indicator-text {
  font-family: "Moonstone LG Display";
}
.enyo-locale-right-to-left .moon-video-transport-slider-indicator-text {
  direction: rtl;
}
.moon-video-player {
  position: relative;
  display: inline-block;
  background-color: #000000;
}
.moon-video-player:not(.enyo-fullscreen) {
  margin: 0 12px;
}
.moon-video-player-container {
  display: block;
  margin: 0;
  height: 100%;
  width: 100%;
}
.moon-video-player-video {
  position: absolute;
  display: block;
  margin: 0px auto;
  height: 100%;
  width: 100%;
}
.moon-video-player-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  margin-left: -36px;
}
/* Fullscreen CSS */
:-webkit-full-screen.moon-video-player {
  position: static !important;
  display: block !important;
  margin: 0;
}
:-webkit-full-screen.moon-video-player .moon-video-player-video {
  position: static;
}
:-moz-full-screen.moon-video-player {
  position: static !important;
  display: block !important;
  margin: 0;
}
:-moz-full-screen.moon-video-player .moon-video-player-video {
  position: static;
}
:-ms-full-screen.moon-video-player {
  position: static !important;
  display: block !important;
  margin: 0;
}
:-ms-full-screen.moon-video-player .moon-video-player-video {
  position: static;
}
:-o-full-screen.moon-video-player {
  position: static !important;
  display: block !important;
  margin: 0;
}
:-o-full-screen.moon-video-player .moon-video-player-video {
  position: static;
}
:full-screen.moon-video-player {
  position: static !important;
  display: block !important;
  margin: 0;
}
:full-screen.moon-video-player .moon-video-player-video {
  position: static;
}
.moon-video-inline {
  padding-bottom: 84px;
}
.moon-video-inline-control {
  position: relative;
  width: 100%;
  height: 84px;
  background-color: #252525;
}
.moon-video-inline-control .moon-video-inline-control-play-pause {
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.moon-video-inline-control .moon-video-inline-control-fullscreen {
  position: absolute;
  bottom: 12px;
  right: 12px;
}
.moon-video-inline-control-text {
  font-family: "Moonstone Miso";
  position: absolute;
  bottom: 21px;
  left: 96px;
  background-color: transparent;
  color: #ffffff;
  font-size: 33px;
}
.moon-video-inline-control-text > * {
  display: inline;
}
.moon-video-inline-control-progress {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0%;
  height: 84px;
  background-color: #cf0652;
  transition: width 0.1s linear;
  -webkit-transition: width 0.1s linear;
  -moz-transition: width 0.1s linear;
}
.moon-video-inline-control-bgprogress {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0%;
  height: 84px;
  background-color: #393939;
  transition: width 0.1s linear;
  -webkit-transition: width 0.1s linear;
  -moz-transition: width 0.1s linear;
}
.moon-video-inline-control .moon-icon-button {
  color: #ffffff;
  background-color: transparent;
}
.moon-video-inline-control .moon-icon-button.active,
.moon-video-inline-control .moon-icon-button.pressed,
.moon-video-inline-control .moon-icon-button.spotlight.pressed,
.moon-video-inline-control .moon-icon-button.spotlight:active {
  color: #393939;
  background-color: #ffffff;
  background-position: 0px -48px;
}
.moon-video-inline-control .moon-icon-button.spotlight {
  color: #393939;
  background-color: #ffffff;
  background-position: 0px -48px;
}
/* --- Fullscreen control --- */
.moon-video-fullscreen-control {
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.1);
  transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
}
.moon-video-fullscreen-control.scrim {
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0);
}
/* ---- Header info styling ---- */
.moon-video-player-header {
  width: 100%;
  font-family: "MuseoSans 700";
  font-size: 30px;
  letter-spacing: 0;
  color: #ffffff;
  padding: 12px 0 0 0;
  direction: ltr;
}
.moon-video-player-header .moon-clock-hour,
.moon-video-player-header .moon-clock-top,
.moon-video-player-header .moon-clock-meridiem,
.moon-video-player-header .moon-clock-bottom {
  color: #ffffff;
}
.moon-video-player-header .moon-clock-divider {
  background-color: #ffffff;
}
.moon-video-player-header.enyo-fittable-columns-layout > * {
  margin: 0;
}
.moon-video-player-header.always {
  display: block;
}
/* --- Fullscreen Player Controls --- */
.moon-video-player-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  direction: ltr;
}
.moon-video-player-controls {
  height: 84px;
  margin-bottom: 30px;
}
.enyo-fittable-columns-layout.moon-video-player-controls {
  direction: ltr;
  text-align: left;
}
.moon-video-player-controls-container > * {
  width: 100%;
}
.moon-video-player-more-controls {
  border-left: 3px solid white;
  padding-left: 6px;
}
.moon-video-player-more-controls > * {
  vertical-align: middle;
}
.enyo-locale-right-to-left .moon-video-player-more-controls > * {
  direction: rtl;
}
.moon-video-player-premium-placeholder-left {
  width: 210px;
  height: 84px;
  padding-left: 90px;
}
.moon-video-player-premium-placeholder-right {
  width: 210px;
  height: 84px;
  padding-left: 6px;
}
/* --- Buttons --- */
.moon-video-fullscreen-control .moon-icon-button {
  width: 84px;
  height: 84px;
  border-radius: 0;
  border: 0px;
  background-color: transparent;
  background-position: 0px 0px;
  background-size: 84px 168px;
  color: #ffffff;
  line-height: 84px;
}
.moon-icon-playpause-font-style {
  font-size: 216px;
}
.moon-icon-video-main-control-font-style {
  font-size: 192px;
}
/* this style is used for the two side controls and placeholders */
.moon-icon-button.moon-icon-video-round-controls-style {
  color: #000000;
  background-color: #ffffff;
  border-radius: 9999px;
}
.moon-icon-button.moon-icon-video-more-controls-font-style {
  font-size: 108px;
}
.moon-video-fullscreen-control .moon-icon.moon-icon-button.disabled {
  pointer-events: none;
}
.moon-video-fullscreen-control .moon-icon.moon-icon-button.active,
.moon-video-fullscreen-control .moon-icon.moon-icon-button:active,
.moon-video-fullscreen-control .moon-icon.moon-icon-button.pressed,
.moon-video-fullscreen-control .moon-icon.moon-icon-button.spotlight,
.moon-video-fullscreen-control .moon-icon.moon-icon-button.spotlight.pressed,
.moon-video-fullscreen-control .moon-icon.moon-icon-button.spotlight:active {
  background-position: 0 -84px;
  border: 0px;
  background-color: transparent;
  color: #cf0652;
}
.moon-video-fullscreen-control .moon-icon.moon-icon-button.active.moon-icon-video-round-controls-style,
.moon-video-fullscreen-control .moon-icon.moon-icon-button:active.moon-icon-video-round-controls-style,
.moon-video-fullscreen-control .moon-icon.moon-icon-button.pressed.moon-icon-video-round-controls-style,
.moon-video-fullscreen-control .moon-icon.moon-icon-button.spotlight.moon-icon-video-round-controls-style,
.moon-video-fullscreen-control .moon-icon.moon-icon-button.spotlight.pressed.moon-icon-video-round-controls-style,
.moon-video-fullscreen-control .moon-icon.moon-icon-button.spotlight:active.moon-icon-video-round-controls-style {
  color: #ffffff;
  background-color: #cf0652;
}
.moon-video-player-control-buttons.disabled > * {
  pointer-events: none;
}
/* ---- Equal space margin on fullscreen player control buttons ---- */
.moon-video-fullscreen-control .moon-video-player-control-buttons {
  white-space: nowrap;
  text-align: center;
}
.moon-video-fullscreen-control .moon-video-player-control-buttons > * {
  margin: 0 42px;
}
.moon-video-fullscreen-control .moon-video-player-control-buttons > :first-child {
  margin-left: 0;
}
.moon-video-fullscreen-control .moon-video-player-control-buttons > :last-child {
  margin-right: 0;
}
/* ---- Slider container styling ---- */
.moon-video-player-slider-container {
  padding: 90px 0 0 0;
  height: 84px;
}
.moon-video-player-slider-container .moon-slider {
  margin: 0 0 0 !important;
}
/* Feedback area */
.moon-video-player-feedback {
  margin-right: 12px;
}
.enyo-locale-right-to-left .moon-video-player-feedback {
  direction: rtl;
}
.moon-video-feedback-text {
  display: inline-block;
  color: #cf0652;
  margin: 0;
}
.moon-icon.moon-video-feedback-icon-left,
.moon-icon.moon-video-feedback-icon-right {
  display: inline-block;
  width: 36px;
  margin: 0 0 0 12px;
  /* margin-right is inherited from moon-video-player-feedback */
  color: #cf0652;
  font-size: 120px;
  line-height: 30px;
  /* use line-height to middle align the icon, the defaut 32px from moon-icon will make it too low */
}
.moon-icon.moon-video-feedback-icon-left .small-icon-tap-area,
.moon-icon.moon-video-feedback-icon-right .small-icon-tap-area {
  line-height: inherit;
}
.moon-video-player-feedback .moon-icon.small {
  background-position: center -3px;
}
.moon-icon.moon-video-feedback-icon-left {
  margin-left: 0;
  margin-right: 12px;
}
.moon-icon.moon-video-feedback-icon-left.moon-icon-pausejumpbackward {
  width: 36px;
}
.moon-icon.moon-video-feedback-icon-right.moon-icon-play {
  font-size: 72px;
  width: 24px;
}
.moon-icon.moon-video-feedback-icon-right.moon-icon-pause {
  font-size: 72px;
  width: 24px;
}
.moon-icon.moon-video-feedback-icon-right.moon-icon-pausejumpforward {
  width: 36px;
}
.moon-video-player-feedback .moon-icon.small > .small-icon-tap-area {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.enyo-locale-non-latin .moon-video-feedback-icon-left,
.enyo-locale-non-latin .moon-video-feedback-icon-right {
  margin-bottom: 3px;
}
.enyo-locale-right-to-left .moon-video-player-feedback {
  margin: 0 0 0 12px;
}
.enyo-locale-right-to-left .moon-icon.moon-video-feedback-icon-left {
  margin: 0 0 0 12px;
}
.enyo-locale-right-to-left .moon-icon.moon-video-feedback-icon-right {
  margin: 0 12px 0 0;
}
.moon-video-info-header {
  display: inline-block;
  vertical-align: top;
  max-width: 1110px;
}
.moon-video-player-info-datetime {
  font-size: 33px;
  margin-bottom: 30px;
  white-space: nowrap;
}
.moon-video-player-info-title {
  font-size: 126px;
  margin-bottom: 0;
  white-space: nowrap;
  -webkit-font-kerning: normal;
  font-kerning: normal;
}
.enyo-locale-non-latin .moon-video-player-info-title {
  line-height: 1.5em;
  /* Clip the title box by just a bit to help it fit better */
  height: 1.4em;
}
.moon-video-player-info-subtitle {
  font-family: "MuseoSans 700";
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 18px;
  white-space: nowrap;
}
.enyo-locale-non-latin .moon-video-player-info-subtitle {
  font-family: "Moonstone LG Display Bold";
  font-size: 30px;
  color: #ffffff;
}
.moon-video-player-info-subsubtitle {
  font-family: "MuseoSans 300";
  font-size: 27px;
  color: #a6a6a6;
  line-height: 33px;
  font-style: italic;
  color: #ffffff;
  display: inline-block;
  white-space: normal;
  max-width: 1200px;
  margin-bottom: 12px;
}
.moon-video-player-info-subsubtitle a:link {
  color: #cf0652;
  text-decoration: none;
}
.moon-video-player-info-subsubtitle a:visited {
  color: #cf0652;
  text-decoration: none;
}
.moon-video-player-info-subsubtitle a:hover {
  color: #cf0652;
  text-decoration: none;
}
.moon-video-player-info-subsubtitle a:active {
  color: #cf0652;
  text-decoration: none;
}
.enyo-locale-non-latin .moon-video-player-info-subsubtitle {
  font-family: "Moonstone LG Display Light";
  font-size: 27px;
  line-height: 33px;
  color: #ffffff;
}
.moon-video-player-info-description {
  font-family: "MuseoSans 300";
  font-size: 27px;
  color: #a6a6a6;
  line-height: 33px;
  color: #ffffff;
  white-space: normal;
  margin-bottom: 24px;
  -webkit-line-clamp: 3;
  display: -webkit-inline-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  max-height: 96px;
}
.moon-video-player-info-description a:link {
  color: #cf0652;
  text-decoration: none;
}
.moon-video-player-info-description a:visited {
  color: #cf0652;
  text-decoration: none;
}
.moon-video-player-info-description a:hover {
  color: #cf0652;
  text-decoration: none;
}
.moon-video-player-info-description a:active {
  color: #cf0652;
  text-decoration: none;
}
.enyo-locale-non-latin .moon-video-player-info-description {
  font-family: "Moonstone LG Display Light";
  font-size: 27px;
  line-height: 33px;
  color: #ffffff;
}
.moon-video-player-info-client {
  display: inline-block;
  margin: 0 0 12px 18px;
}
.enyo-locale-right-to-left .moon-video-player-info-client {
  margin: 0 18px 12px 0;
}
.moon-video-player-info-client > * {
  display: inline-block;
  margin: 0 6px;
}
.moon-channelinfo {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  white-space: normal;
  max-width: 810px;
}
.moon-channelinfo .moon-marquee {
  text-align: right;
}
.moon-video-player-channel-info-badges > * {
  margin: 3px 0 3px 18px;
}
.moon-video-player-channel-info-no {
  font-family: "Moonstone Miso";
  font-size: 126px;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  white-space: nowrap;
}
.enyo-locale-non-latin .moon-video-player-channel-info-no {
  line-height: 1.5em;
  /* Clip the title box by just a bit to help it fit better */
  height: 1.4em;
}
.moon-video-player-channel-info-name {
  font-family: "MuseoSans 700";
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 18px;
  white-space: nowrap;
}
.enyo-locale-non-latin .moon-video-player-channel-info-name {
  font-family: "Moonstone LG Display";
}
.moon-video-player-info-icon {
  font-family: "MuseoSans 700";
  font-size: 18px;
  color: #000000;
  background-color: #ffffff;
  border-radius: 6px;
  text-align: center;
  white-space: nowrap;
  padding: 3px 9px;
  display: inline-block;
}
.enyo-locale-non-latin .moon-video-player-info-icon {
  font-family: "Moonstone LG Display";
}
.moon-video-player-info-redicon {
  background-color: #fe4a4b;
  color: #ffffff;
  margin-top: 12px;
}
.moon-background-wrapper {
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.moon-background-wrapper-client-content {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.moon-background-wrapper-client-content.bg {
  background-color: #000000;
}
.moon-background-wrapper-client-content:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
}
.moon-background-wrapper-client-content.left {
  padding: 0 30px 0 72px;
  float: left;
}
.moon-background-wrapper-client-content.left:after {
  left: 100%;
  bottom: 0;
  border-bottom: solid 999px transparent;
  border-left: solid 171px #000000;
}
.moon-background-wrapper-client-content.right {
  padding: 0 30px 0 0;
  float: right;
}
.moon-background-wrapper-client-content.right:after {
  right: 100%;
  top: 0;
  border-top: solid 999px transparent;
  border-right: solid 171px #000000;
}
.moon-background-wrapper-client-content > * {
  display: inline-block;
  margin: 0 30px;
}
.enyo-locale-right-to-left .moon-background-wrapper-client-content > * {
  direction: rtl;
}
.moon-clock {
  margin: 30px 18px 30px 36px;
}
.moon-clock .moon-bold-text {
  font-size: 54px;
  line-height: normal;
  color: #ffffff;
}
.moon-scroller-client-wrapper,
.moon-scroller-viewport {
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
}
/* CSS for moon.ScrollStrategy */
.matrix-scroll-client {
  width: auto;
  height: auto;
  position: relative;
  overflow: visible;
}
.matrix3dsurface {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform-style: flat;
  transform-style: flat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  pointer-events: auto;
  -webkit-user-select: none;
}
.moon-scroller-client-wrapper.v-scroll-enabled {
  padding-right: 72px;
}
.enyo-locale-right-to-left .moon-scroller-client-wrapper.v-scroll-enabled {
  padding-right: 0;
  padding-left: 72px;
}
.moon-scroller-client-wrapper.h-scroll-enabled {
  padding-bottom: 60px;
}
/* Default states for horizontal and vertical scrollbars */
.moon-scroller-v-column,
.moon-scroller-h-column {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -webkit-transition: opacity 0.1s linear;
  transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
/* Flip the horizontal scroller for RTL mode */
.enyo-locale-right-to-left .moon-scroller-h-column {
  -webkit-transform: translateZ(1px) scale(-1);
}
/* Toggle opacity with .visible class */
.moon-scroller-v-column.visible,
.moon-scroller-h-column.visible {
  opacity: 1;
}
/* Toggle opacity when enabled */
.moon-scroller-v-column.v-scroll-enabled,
.moon-scroller-h-column.h-scroll-enabled {
  visibility: visible;
}
/* Default position for vertical scrollbar */
.moon-scroller-v-column {
  top: 0px;
  bottom: 0px;
  right: 12px;
  width: 60px;
}
.enyo-locale-right-to-left .moon-scroller-v-column {
  right: auto;
  left: 12px;
}
/* Default position for horizontal scrollbar */
.moon-scroller-h-column {
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 60px;
}
/* Shorten vertical column when horizontal column is enabled */
.moon-scroller-v-column.h-scroll-enabled {
  bottom: 60px;
}
/* Shorten horizontal column when vertical column is enabled */
.moon-scroller-h-column.v-scroll-enabled {
  right: 60px;
}
.enyo-locale-right-to-left .moon-scroller-h-column.v-scroll-enabled {
  right: 0;
  left: 60px;
}
.moon-scroller-thumb-container {
  position: absolute;
}
.moon-scroller-hthumb-container {
  left: 60px;
  right: 60px;
  bottom: 0px;
  height: 60px;
}
.moon-scroller-vthumb-container {
  top: 60px;
  bottom: 60px;
  right: 0px;
  width: 60px;
}
.moon-expandable-input .moon-input-decorator {
  width: 100%;
  box-sizing: border-box;
  margin-top: 12px;
  margin-bottom: 12px;
}
.moon-expandable-input .moon-input {
  width: 100%;
}
.enyo-locale-non-latin.enyo-locale-th .moon-expandable-input .moon-expandable-picker-current-value {
  line-height: 54px;
}
.moon-highlight-text-highlighted {
  color: #cf0652;
}
.moon-item.spotlight .moon-highlight-text-highlighted {
  color: #3a0217;
}
/* ObjectActionDecorator */
.moon-objaction.vertical {
  display: inline-block;
  text-align: center;
}
.moon-objaction.vertical .moon-objaction-actions {
  opacity: 0;
  text-align: center;
  padding: 0 12px;
  box-sizing: border-box;
}
.moon-objaction.vertical .moon-objaction-actions.stretch > * {
  width: 100%;
}
.moon-objaction.horizontal {
  display: block;
}
.moon-objaction.horizontal .moon-objaction-client {
  display: table-cell;
  width: 100%;
  padding-right: 12px;
}
.moon-objaction.horizontal .moon-objaction-actions {
  display: table-cell;
  opacity: 0;
  white-space: nowrap;
  vertical-align: middle;
  padding-right: 12px;
}
.enyo-locale-right-to-left .moon-objaction-client.horizontal .moon-objaction-client {
  padding-right: auto;
  padding-left: 12px;
}
.moon-objaction.vertical .moon-objaction-client .moon-item.spotlight {
  background-color: transparent;
}
.moon-objaction.vertical .moon-objaction-client .moon-item > img {
  padding: 12px;
}
.moon-objaction.vertical .moon-objaction-client .moon-item.spotlight > img {
  background-color: #cf0652;
}
/* FormCheckbox.css */
.moon-item.moon-formcheckbox-item {
  background: none;
  padding: 0 0 0 12px;
  margin-bottom: 12px;
}
.moon-item.moon-formcheckbox-item .moon-checkbox {
  position: absolute;
  top: 6px;
  left: 12px;
  width: 48px;
  height: 48px;
  border-radius: 9999px;
  background-color: #404040;
  line-height: 48px;
  text-align: center;
}
.moon-item.moon-formcheckbox-item .moon-checkbox .moon-icon {
  padding-bottom: 3px;
}
.moon-item.moon-formcheckbox-item .moon-checkbox-item-label-wrapper {
  padding: 12px 12px;
  margin-left: 48px;
}
.enyo-locale-right-to-left .moon-item.moon-formcheckbox-item {
  padding: 0 12px 0 0;
}
.enyo-locale-right-to-left .moon-item.moon-formcheckbox-item .moon-checkbox-item-label-wrapper {
  margin-left: auto;
  margin-right: 60px;
}
.enyo-locale-right-to-left .moon-item.moon-formcheckbox-item .moon-checkbox {
  right: 12px;
}
.moon-formcheckbox-item.spotlight .moon-checkbox {
  background-color: #cf0652;
}
.moon-formcheckbox-item.spotlight .moon-checkbox-item-label-wrapper {
  color: #a6a6a6;
}
.moon-neutral .moon-formcheckbox-item.spotlight .moon-checkbox-item-label-wrapper {
  color: #ffffff;
}
.selection-enabled .moon-selection-overlay-support.selected .moon-selection-overlay-support-scrim {
  display: block;
  text-align: center;
}
.selection-enabled .moon-selection-overlay-support.selected .moon-selection-overlay-support-scrim .moon-icon {
  position: absolute;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 81px;
  color: #cf0652;
  margin: -30px 0 0 -30px;
  background-color: #ffffff;
  border-radius: 30px;
  background-position: center 6px;
}
.moon-selection-overlay-support-scrim {
  display: none;
  z-index: 1000;
}
.enyo-locale-right-to-left .moon-selection-overlay-support.selected .moon-selection-overlay-support-scrim .moon-icon {
  margin: -30px -30px 0 0;
}
.moon-thumb {
  -webkit-transform-origin: 0px 0px;
  border: none;
  background: #a6a6a6;
  width: 3px;
  height: 3px;
  border-radius: 0;
}
.moon-neutral .moon-thumb {
  background: #ffffff;
}
.moon-scroller-hthumb,
.moon-scroller-vthumb {
  transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -webkit-transition: opacity 0.1s linear;
}
.moon-scroller-hthumb {
  bottom: 28px;
}
.moon-scroller-vthumb {
  right: 28px;
}
.moon-scroller-hthumb.hidden,
.moon-scroller-vthumb.hidden {
  opacity: 0;
}
.moon-image {
  display: inline-block;
  margin: 0 12px;
}
.moon-image.has-children {
  position: relative;
  overflow: hidden;
}
.moon-image > .enyo-image {
  display: block;
}
.moon-image > .enyo-image.sized {
  width: 100%;
  height: 100%;
}
.moon-image-client {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #6d6d6d;
  padding: 12px;
  overflow: hidden;
  display: block;
}
.moon-image.show-on-spotlight .moon-image-client {
  display: none;
}
.spotlight .moon-image.show-on-spotlight .moon-image-client {
  display: block;
}
.moon-image-badge {
  font-family: "Moonstone Icons";
  font-size: 72px;
  color: #ffffff;
  background-position: center center;
  position: relative;
  bottom: 12px;
}
.spotlight .moon-image-badge {
  top: 3px;
}
/* ExpandableText */
.moon-expandable-text {
  overflow: hidden;
}
.moon-expandable-text .moon-expandable-text-content {
  margin: 0 12px;
  display: -webkit-inline-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.moon-expandable-text .moon-expandable-text-button {
  float: right;
  display: inline-block;
  padding: 12px 42px 12px 12px;
  position: relative;
}
.moon-expandable-text .moon-expandable-text-button:after {
  position: absolute;
  top: 12px;
  right: 13px;
  font-family: "Moonstone Icons";
  content: "\0F0002";
  font-size: 48px;
}
.moon-expandable-text .moon-expandable-text-button.spotlight {
  background-color: #cf0652;
  color: #ffffff;
}
.moon-expandable-text .moon-expandable-text-button.collapsed:after {
  content: "\0F0001";
}
.moon-expandable-text .moon-expandable-text-button.hidden {
  display: none;
}
.enyo-locale-non-latin .moon-expandable-text .moon-expandable-text-button:after {
  top: 13px;
}
.enyo-locale-right-to-left .moon-expandable-text .moon-expandable-text-button {
  float: left;
  padding: 12px 12px 12px 42px;
}
.enyo-locale-right-to-left .moon-expandable-text .moon-expandable-text-button:after {
  left: 13px;
  right: auto;
}
.moon-body-text-control {
  text-align: left;
}
.enyo-locale-right-to-left .moon-body-text-control {
  text-align: right;
}
.moon-icon-exitfullscreen.moon-icon-exitfullscreen-font-style {
  font-size: 96px;
}
/* Put this at the end because we want these to take precedence over others */
.moon-neutral {
  background-color: #686868;
  color: #ededed;
}
.moon-neutral * {
  color: #ffffff;
}
.moon-light-gray {
  background-color: #ededed;
  color: #4b4b4b;
}
.moon-light-gray * {
  color: #4b4b4b;
}
/* -------------------------- */
/* Standard horizontal spacing */
/* -------------------------- */
.moon-hspacing {
  white-space: nowrap;
}
.moon-hspacing > * {
  display: inline-block;
  vertical-align: middle;
  margin: 0 9px;
}
.moon-hspacing.top > * {
  vertical-align: top;
}
.moon-hspacing > :first-child,
.moon-hspacing > :first-child.moon-contextual-popup-decorator :first-child {
  margin-left: 0;
}
.enyo-locale-right-to-left .moon-hspacing > :first-child {
  margin-left: 9px;
  margin-right: 0;
}
.moon-hspacing > :last-child,
.moon-hspacing > :last-child.moon-contextual-popup-decorator :first-child {
  margin-right: 0;
}
.enyo-locale-right-to-left .moon-hspacing > :last-child {
  margin-right: 9px;
  margin-left: 0;
}
/* -------------------------- */
/* Standard vertical spacing */
/* -------------------------- */
.moon-vspacing > * {
  display: block;
  margin: 9px 0;
}
.moon-vspacing > :first-child {
  margin-top: 0;
}
.moon-vspacing > :last-child {
  margin-bottom: 0;
}
/* -------------------------- */
/* Variable vertical spacing  */
/* -------------------------- */
.moon-vspacing-s > .moon-item:not(.moon-formcheckbox-item),
.moon-vspacing-s > .moon-expandable-list-item:not(.open) .moon-item,
.moon-vspacing-s > .moon-expandable-list-item.open {
  padding-bottom: 9px;
}
.moon-vspacing-s > .moon-button,
.moon-vspacing-s > .moon-input-decorator,
.moon-vspacing-s > .moon-formcheckbox-item {
  margin-top: 4.5px;
  margin-bottom: 9px;
}
.moon-vspacing-m > .moon-item:not(.moon-formcheckbox-item),
.moon-vspacing-m > .moon-expandable-list-item:not(.open) .moon-item,
.moon-vspacing-m > .moon-expandable-list-item.open {
  padding-bottom: 18px;
}
.moon-vspacing-m > .moon-button,
.moon-vspacing-m > .moon-input-decorator,
.moon-vspacing-m > .moon-formcheckbox-item {
  margin-top: 9px;
  margin-bottom: 18px;
}
.moon-vspacing-l > .moon-item:not(.moon-formcheckbox-item),
.moon-vspacing-l > .moon-expandable-list-item:not(.open) .moon-item,
.moon-vspacing-l > .moon-expandable-list-item.open {
  padding-bottom: 42px;
}
.moon-vspacing-l > .moon-button,
.moon-vspacing-l > .moon-input-decorator,
.moon-vspacing-l > .moon-formcheckbox-item {
  margin-top: 21px;
  margin-bottom: 42px;
}
.moon-theme-light {
  /* Common classes applicable to multiple controls */
  /* Text definitions */
  color: #4b4b4b;
  background-color: #ededed;
  /* Icon.css */
  /* IconButton.css */
  /* Item.css */
  /* Button */
  /* Spinner.css */
  /* Activity Panels Overrides */
  /* AlwaysViewing Overrides */
  /* Scrim */
  /* Show/Hide Handle */
  /* FormCheckbox.css */
}
.moon-theme-light .moon-divider-border {
  border-bottom-color: #4b4b4b;
}
.moon-theme-light .moon-neutral-divider-border {
  border-bottom-color: #ffffff;
}
.moon-theme-light .moon-sub-header-text {
  font-family: "MuseoSans 700";
  font-size: 30px;
  color: #4b4b4b;
}
.moon-theme-light .moon-divider-text {
  color: #4b4b4b;
}
.moon-theme-light .moon-body-text {
  color: #4b4b4b;
}
.moon-theme-light .moon-body-text a:link {
  color: #cf0652;
  text-decoration: none;
}
.moon-theme-light .moon-body-text a:visited {
  color: #cf0652;
  text-decoration: none;
}
.moon-theme-light .moon-body-text a:hover {
  color: #cf0652;
  text-decoration: none;
}
.moon-theme-light .moon-body-text a:active {
  color: #cf0652;
  text-decoration: none;
}
.moon-theme-light .moon-bold-text {
  color: #4b4b4b;
}
.moon-theme-light .moon-bold-text a:link {
  color: #cf0652;
  text-decoration: none;
}
.moon-theme-light .moon-bold-text a:visited {
  color: #cf0652;
  text-decoration: none;
}
.moon-theme-light .moon-bold-text a:hover {
  color: #cf0652;
  text-decoration: none;
}
.moon-theme-light .moon-bold-text a:active {
  color: #cf0652;
  text-decoration: none;
}
.moon-theme-light .moon-icon-text {
  color: #ffffff;
}
.moon-theme-light .moon-icon,
.moon-theme-light .moon-icon-toggle {
  color: #4b4b4b;
}
.moon-theme-light .spotlight .moon-icon {
  color: #ffffff;
}
.moon-theme-light .moon-icon-button {
  color: #999999;
  background-color: #ffffff;
}
.moon-theme-light .moon-icon-button.hover:hover:not(.disabled),
.moon-theme-light .moon-icon-button.spotlight {
  color: #ffffff;
  background-color: #cf0652;
}
.moon-theme-light .moon-icon-button.active:not(.spotlight),
.moon-theme-light .moon-icon-button:active,
.moon-theme-light .moon-icon-button.pressed,
.moon-theme-light .moon-icon-button.hover:hover:not(.disabled):active {
  color: #999999;
  background-color: #ffffff;
  border-color: #cf0652;
}
.moon-theme-light .moon-icon-button.active.spotlight:not(.contextual-popup-button) {
  border-color: #ffffff;
  background-color: #cf0652;
  color: #ffffff;
}
.moon-theme-light .moon-icon-button.active.spotlight:not(.contextual-popup-button):active,
.moon-theme-light .moon-icon-button.active.spotlight:not(.contextual-popup-button).pressed {
  border-color: #cf0652;
}
.moon-theme-light .moon-item {
  font-family: "MuseoSans 700";
  font-size: 30px;
  color: #4b4b4b;
}
.moon-theme-light .moon-item.spotlight {
  background-color: #cf0652;
  color: #ffffff;
}
.moon-theme-light .enyo-locale-non-latin .moon-item {
  font-family: "Moonstone LG Display Bold";
  font-size: 30px;
}
.moon-theme-light .moon-button {
  background-color: #ffffff;
  color: #4b4b4b;
}
.moon-theme-light .moon-button.active,
.moon-theme-light .moon-button.pressed,
.moon-theme-light .moon-button.spotlight.pressed,
.moon-theme-light .moon-button.spotlight:active {
  border-color: #cf0652;
  background-color: #ffffff;
  color: #4b4b4b;
}
.moon-theme-light .moon-button.spotlight {
  background-color: #cf0652;
  color: #ffffff;
}
.moon-theme-light .moon-button.active.spotlight:not(.contextual-popup-button) {
  border-color: #ffffff;
  background-color: #cf0652;
  color: #ffffff;
}
.moon-theme-light .moon-button.active.spotlight:not(.contextual-popup-button):active,
.moon-theme-light .moon-button.active.spotlight:not(.contextual-popup-button).pressed {
  border-color: #cf0652;
}
.moon-theme-light .moon-button[disabled] {
  color: #b3b3b3;
  background-color: #ffffff;
}
.moon-theme-light .moon-neutral .moon-button {
  color: #4b4b4b;
  background-color: #ffffff;
}
.moon-theme-light .moon-neutral .moon-button.spotlight {
  background-color: #cf0652;
}
.moon-theme-light .moon-neutral .moon-button.spotlight * {
  color: #ffffff;
}
.moon-theme-light .moon-neutral .moon-button.active,
.moon-theme-light .moon-neutral .moon-button.pressed,
.moon-theme-light .moon-neutral .moon-button.spotlight.pressed,
.moon-theme-light .moon-neutral .moon-button.spotlight:active {
  border-color: #cf0652;
  background-color: #ffffff;
}
.moon-theme-light .moon-neutral .moon-button.active *,
.moon-theme-light .moon-neutral .moon-button.pressed *,
.moon-theme-light .moon-neutral .moon-button.spotlight.pressed *,
.moon-theme-light .moon-neutral .moon-button.spotlight:active * {
  color: #4b4b4b;
}
.moon-theme-light .moon-neutral .moon-button[disabled] {
  color: #b3b3b3;
  background-color: #ffffff;
}
.moon-theme-light .moon-header {
  color: #4b4b4b;
  border-top-color: #4b4b4b;
  border-bottom-color: #4b4b4b;
}
.moon-theme-light .moon-neutral .moon-header {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.moon-theme-light .moon-spinner {
  color: #ffffff;
  background-color: #4d4d4d;
}
.moon-theme-light .moon-spinner .moon-spinner-ball1 {
  color: #69cdff;
}
.moon-theme-light .moon-spinner .moon-spinner-ball2 {
  color: #ff4a4a;
}
.moon-theme-light .moon-spinner .moon-spinner-ball3 {
  color: #ffb80d;
}
.moon-theme-light .moon-panel-small-header {
  color: #4b4b4b;
}
.moon-theme-light .spotlight .moon-panel-small-header {
  color: #ffffff;
}
.moon-theme-light .moon-panel-small-header-title-above {
  color: #4b4b4b;
  border-top-color: #ffffff;
}
.moon-theme-light .spotlight .moon-panel-small-header-title-above {
  color: #ffffff;
}
.moon-theme-light .moon-panel .moon-panel-small-header-wrapper.spotlight {
  background: #cf0652;
  color: #ffffff;
}
.moon-theme-light .moon-panels.activity .moon-panel-small-header-title-above {
  border-top-color: #4b4b4b;
}
.moon-theme-light .moon-panels.activity .moon-panel-small-header,
.moon-theme-light .moon-panels.activity .moon-panel-small-header-title-above {
  color: #4b4b4b;
}
.moon-theme-light .moon-panels.activity .moon-panel-small-header-wrapper.spotlight .moon-panel-small-header,
.moon-theme-light .moon-panels.activity .moon-panel-small-header-wrapper.spotlight .moon-panel-small-header-title-above {
  color: #ffffff;
}
.moon-theme-light .moon-panels.always-viewing .moon-panel-small-header,
.moon-theme-light .moon-panels.always-viewing .moon-panel-small-header-title-above {
  color: #ffffff;
}
.moon-theme-light .moon-panels.activity .moon-panels-panel-scrim {
  background-color: #ededed;
}
.moon-theme-light .moon-panels.always-viewing .moon-panels-panel-scrim {
  background-color: #ededed;
}
.moon-theme-light .moon-panels-handle:before {
  background-color: #4b4b4b;
  color: #ffffff;
}
.moon-theme-light .moon-panels-handle.spotlight:before {
  background-color: #cf0652;
}
.moon-theme-light .moon-item.moon-formcheckbox-item {
  background: none;
}
.moon-theme-light .moon-item.moon-formcheckbox-item .moon-checkbox {
  background-color: #ffffff;
}
.moon-theme-light .moon-formcheckbox-item.spotlight .moon-checkbox {
  background-color: #cf0652;
}
.moon-theme-light .moon-formcheckbox-item.spotlight .moon-checkbox-item-label-wrapper {
  color: #4b4b4b;
}
.moon-theme-light .moon-neutral .moon-formcheckbox-item.spotlight .moon-checkbox-item-label-wrapper {
  color: #ffffff;
}
.moon-theme-light .moon-thumb {
  background: rgba(50, 50, 50, 0.8);
}
.moon-theme-light .moon-neutral .moon-thumb {
  background: #ffffff;
}


/* lib/onyx/css/onyx.less */

/* Onyx default parameters defined here */
/* Paths */
/* application importing Onyx Less files will have to override this  */
/* variable. Otherwise, Onyx image load will fail with a 404 error  */
/* Fonts */
/* ---------------------------------------*/
/* Text Colors */
/* ---------------------------------------*/
/* Background Colors */
/* ---------------------------------------*/
/* Border Radius */
/* ---------------------------------------*/
/* Padding */
/* ---------------------------------------*/
/* Icon Sizes */
/* ---------------------------------------*/
/* Disabled Opacity */
/* ---------------------------------------*/
/* Gradient Overlays */
/* ---------------------------------------*/
/* Images */
/* ---------------------------------------*/
/* Onyx rules defined here */
/* onyx-classes.less - combined CSS (less) files for all released Onyx controls
   into single onyx.less file to avoid IE bug that allows
   a maximum of 31 style sheets to be loaded before silently failing */
.onyx {
  color: #333333;
  font-family: 'Helvetica Neue', 'Nimbus Sans L', Arial, sans-serif;
  font-size: 20px;
  cursor: default;
  background-color: #eaeaea;
  /* remove automatic tap highlight color */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* prevent IE from inheriting line-height for these elements */
.onyx-button,
.onyx label,
.onyx input {
  line-height: normal;
}
.onyx-selected {
  background-color: #c4e3fe;
}
/* LESS pre-calculations */
/* Individual Widget CSS */
/* Icon.css */
.onyx-icon,
.onyx-icon-toggle {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.onyx-icon.onyx-icon-button.active,
.onyx-icon.onyx-icon-button.pressed,
.onyx-icon-toggle.active {
  background-position: 0 -32px;
}
.onyx-icon.disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
/* Button.css */
.onyx-button {
  outline: 0;
  /**/
  color: #292929;
  font-size: 16px;
  text-align: center;
  white-space: nowrap;
  /**/
  margin: 0;
  padding: 6px 18px;
  overflow: hidden;
  /**/
  border-radius: 3px;
  /* for IE8 */
  border: 1px solid #707070;
  border: 1px solid rgba(15, 15, 15, 0.2);
  /*
		The border and the gradient interact in a strange way that
		causes the bottom-border (top if the gradient is aligned top)
		to be lighter than other borders.
		We can fix it by using the darker bottom border below, but
		then there are a few rogue pixels that end up very dark.
	*/
  /* border-bottom: 1px solid rgba(15, 15, 15, 0.5); */
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  /**/
  background: #e1e1e1 url('../lib/onyx/images/gradient.png') repeat-x bottom;
  background-size: contain;
  /**/
  text-overflow: ellipsis;
  /* the following cause arcane problems on IE */
  /*
	min-width: 14px;
	min-height: 20px;
	*/
}
/*
	IE8 can't handle these selectors in tandem:
	.onyx-button.active, .onyx-button:active:not([disabled]) {

	the effect is as if .onyx-button.active doesn't exist
*/
.onyx-button.active,
.onyx-button.pressed {
  background-image: url('../lib/onyx/images/gradient-invert.png');
  background-position: top;
  border-top: 1px solid rgba(15, 15, 15, 0.6);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.onyx-button[disabled] {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.onyx-button > img {
  padding: 0px 3px;
}
/* Remove the focused inner-border style in Firefox (Windows) */
.onyx-button::-moz-focus-inner {
  border: 0;
}
/* Checkbox.css */
.onyx-checkbox {
  cursor: pointer;
  height: 32px;
  width: 32px;
  background: url('../lib/onyx/images/checkbox.png') no-repeat;
  /* reset for ? */
  margin: 0px;
  /* these entries cause toggle-button and checkbox to line up properly*/
  display: inline-block;
  vertical-align: middle;
}
.onyx-checkbox[checked] {
  background-position: 0px -32px;
}
.onyx-checkbox[disabled] {
  opacity: 0.4;
}
/* Grabber.css */
.onyx-grabber {
  background: url('../lib/onyx/images/grabbutton.png') no-repeat center;
  width: 23px;
  height: 27px;
}
/* Popup.css */
.onyx-popup {
  font-size: 16px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 6px;
  color: #ffffff;
  background: #4c4c4c url('../lib/onyx/images/gradient.png') repeat-x 0 bottom;
}
.onyx-popup-decorator {
  position: relative;
}
/* Groupbox.css */
.onyx-groupbox > * {
  display: block;
  /*box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5);*/
  border-color: #aaaaaa;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  /*padding: 10px;*/
  /* reset styles that make 'item' look bad if they happen to be there */
  border-radius: 0;
  margin: 0;
  font-size: 16px;
}
/* needed for MathJax support */
.onyx-groupbox > script {
  display: none;
}
.onyx-groupbox > *:first-child {
  border-top-color: #aaaaaa;
  border-width: 1px;
  border-radius: 4px 4px 0 0;
}
.onyx-groupbox > *:last-child {
  border-radius: 0 0 4px 4px;
}
.onyx-groupbox > *:first-child:last-child {
  border-radius: 4px;
}
.onyx-groupbox-header {
  padding: 2px 10px;
  /**/
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  /**/
  background-color: #4c4c4c;
  border: none;
  background: #4c4c4c url('../lib/onyx/images/gradient.png') repeat-x 0 10px;
}
.onyx-groupbox .onyx-input-decorator {
  display: block;
}
.onyx-groupbox > .onyx-input-decorator {
  border-color: #aaaaaa;
  border-width: 0 1px 1px 1px;
  border-radius: 0;
}
.onyx-groupbox > .onyx-input-decorator:first-child {
  border-width: 1px;
  border-radius: 4px 4px 0 0;
}
.onyx-groupbox > .onyx-input-decorator:last-child {
  border-radius: 0 0 4px 4px;
}
.onyx-groupbox > .onyx-input-decorator:first-child:last-child {
  border-radius: 4px;
}
/* Input.css */
.onyx-input-decorator {
  padding: 6px 8px 10px 8px;
  border-radius: 3px;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1);
  margin: 0;
}
.onyx-input-decorator.onyx-focused {
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}
.onyx-input-decorator.onyx-disabled {
  /* FIXME: needed to color a disabled input placeholder. */
  /*-webkit-text-fill-color: #888;*/
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.onyx-input-decorator > input {
  /* reset */
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  font-size: 16px;
  box-shadow: none;
  /* FIXME: hack for styling reset on Android */
  /* -webkit-appearance: caret;*/
}
.onyx-input-decorator.onyx-focused > input {
  cursor: text;
}
.onyx-input-decorator.onyx-disabled > input {
  cursor: default;
}
/* Menu.css */
.onyx-menu,
.onyx.onyx-menu {
  min-width: 160px;
  top: 100%;
  left: 0;
  margin-top: 2px;
  padding: 3px 0;
  border-radius: 3px;
}
.onyx-menu.onyx-menu-up {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 2px;
}
.onyx-toolbar .onyx-menu {
  margin-top: 11px;
  border-radius: 0 0 3px 3px;
}
.onyx-toolbar .onyx-menu.onyx-menu-up {
  margin-top: 0;
  margin-bottom: 10px;
  border-radius: 3px 3px 0 0;
}
.onyx-menu-item {
  display: block;
  padding: 10px;
}
.onyx-menu-item:hover {
  background: #284152;
}
.onyx-menu-divider,
.onyx-menu-divider:hover {
  margin: 6px 0;
  padding: 0;
  border-bottom: 1px solid #aaa;
}
.onyx-menu-label {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.onyx-menu-label:hover {
  background: none;
}
/* customize a toolbar to support menus */
.onyx-menu-toolbar,
.onyx-toolbar.onyx-menu-toolbar {
  position: relative;
  z-index: 10;
  overflow: visible;
}
/* Submenu.css */
.onyx-submenu {
  background: rgba(0, 0, 0, 0.25) url('../lib/onyx/images/gradient-invert.png') repeat-x 0 top;
}
/* Picker.css */
.onyx-picker-decorator .onyx-button {
  padding: 10px 18px;
}
.onyx-picker {
  top: 0;
  margin-top: -3px;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: black;
  background: #e1e1e1;
}
.onyx-picker.onyx-menu-up {
  top: auto;
  bottom: 0;
  margin-top: 3px;
  margin-bottom: -3px;
}
.onyx-picker .onyx-menu-item {
  text-align: center;
}
.onyx-picker .onyx-menu-item:hover {
  background-color: transparent;
}
.onyx-picker .onyx-menu-item.selected,
.onyx-picker .onyx-menu-item.active,
.onyx-picker .onyx-menu-item:active:hover {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #cde7fe;
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.onyx-picker .onyx-menu-item {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.onyx-picker:not(.onyx-flyweight-picker) .onyx-menu-item:first-child,
.onyx-flyweight-picker :first-child > .onyx-menu-item {
  border-top: none;
}
.onyx-picker:not(.onyx-flyweight-picker) .onyx-menu-item:last-child,
.onyx-flyweight-picker :last-child > .onyx-menu-item {
  border-bottom: none;
}
/* TextArea.css */
.onyx-input-decorator > textarea {
  /* reset */
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  font-size: 16px;
  box-shadow: none;
  /* Remove scrollbars and resize handle */
  resize: none;
  overflow: auto;
  /* FIXME: hack for styling reset on Android */
  /* -webkit-appearance: caret;*/
}
.onyx-input-decorator.onyx-focused > textarea {
  cursor: text;
}
.onyx-input-decorator.onyx-disabled > textarea {
  cursor: default;
}
.onyx-textarea {
  /* need >=50px for scrollbar to be usable on mac */
  min-height: 50px;
}
/* RichText.css */
.onyx-input-decorator > .onyx-richtext {
  /* reset */
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  font-size: 16px;
  min-height: 20px;
  min-width: 100px;
  box-shadow: none;
  /* FIXME: hack for styling reset on Android */
  /* -webkit-appearance: caret;*/
}
.onyx-input-decorator.onyx-focused > .onyx-richtext {
  cursor: text;
}
.onyx-input-decorator.onyx-disabled > .onyx-richtext {
  cursor: default;
}
/* RadioButton.css */
.onyx-radiobutton {
  padding: 8px 12px;
  margin: 0;
  outline: 0;
  /**/
  font-size: 16px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  /**/
  background: #e7e7e7 url('../lib/onyx/images/gradient.png') repeat-x bottom;
  /* IE8 */
  border: 1px solid #333333;
  border: 1px solid rgba(15, 15, 15, 0.2);
  /* turn off right-border in a way IE8 ignores, because IE8 does not support :last-child */
  border-right-color: rgba(0, 0, 0, 0);
  box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.2);
}
.onyx-radiobutton:first-child {
  border-radius: 3px 0 0 3px;
}
.onyx-radiobutton:last-child {
  border-radius: 0px 3px 3px 0px;
  /* IE8 */
  border-right: 1px solid #333333;
  border-right: 1px solid rgba(15, 15, 15, 0.2);
}
.onyx-radiobutton.active {
  color: #ffffff;
  background: #0091f2 url('../lib/onyx/images/gradient-invert.png') repeat-x top;
  border-top: 1px solid rgba(15, 15, 15, 0.6);
  box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.2);
}
/* TabButton.css */
.onyx-radiobutton.onyx-tabbutton {
  padding: 8px 34px;
  font-size: 20px;
  border-radius: 0px;
}
/* TabBar.css */
.onyx-tab-bar {
  width: 100%;
  z-index: 10;
  background-color: #cacaca;
  padding-top: 1px;
}
.onyx-tab-bar-scroller {
  padding-top: 2px;
}
.onyx-tab-bar-scroller > .enyo-thumb {
  border: 0px;
}
.onyx-tab-wrapper {
  padding: 3px 0px 3px 0px;
}
.onyx-tab-line {
  position: relative;
  margin-top: -0.1em;
  border-top: 1px solid #646464;
  z-index: 2;
}
.onyx-tab-rug {
  position: relative;
  padding: 0.3em;
  background-color: #cacaca;
  z-index: 4;
}
/* TabBarItem.css */
.onyx-tab-item {
  display: inline;
  position: relative;
  border: 1px solid #646464;
  margin: 0px 2px 0px 2px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #b1b1b1;
  z-index: 1;
  padding-top: 0.2em;
  padding-bottom: 0.7em ;
  vertical-align: baseline;
}
.onyx-tab-item.active {
  border-bottom: 1px solid #cacaca;
  background-color: #cacaca;
  z-index: 3;
  padding-top: 0.3em;
}
.onyx-tab-item:hover {
  background-color: #cacaca;
}
.onyx-tab-item button {
  overflow: hidden;
  margin: 3px;
  border: 1px solid transparent;
  background-color: transparent ;
}
.onyx-tab-item-dissolve {
  display: inline-block;
  height: 90%;
  width: 2em;
  top: 2px;
  right: 19px;
  position: absolute;
  background: linear-gradient(to right, #b1b1b1 0%, rgba(177, 177, 177, 0) 100%);
  /* W3C */
  background: -moz-linear-gradient(right, #b1b1b1 0%, rgba(177, 177, 177, 0) 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(left, rgba(177, 177, 177, 0), #b1b1b1);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, #b1b1b1), color-stop(100%, rgba(177, 177, 177, 0)));
  /* Chrome,Safari4+ */
  background: -o-linear-gradient(left, #b1b1b1 0%, rgba(177, 177, 177, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(177, 177, 177, 0) 0%, #b1b1b1 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00b1b1b1, endColorstr=#ffb1b1b1, GradientType=1);
  /* IE6-9 */
}
.onyx-tab-item-dissolve.active {
  background: linear-gradient(to right, #cacaca 0%, rgba(202, 202, 202, 0) 100%);
  /* W3C */
  background: -moz-linear-gradient(right, #cacaca 0%, rgba(202, 202, 202, 0) 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(left, rgba(202, 202, 202, 0), #cacaca);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, #cacaca), color-stop(100%, rgba(202, 202, 202, 0)));
  /* Chrome,Safari4+ */
  background: -o-linear-gradient(left, #cacaca 0%, rgba(202, 202, 202, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(202, 202, 202, 0) 0%, #cacaca 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00cacaca, endColorstr=#ffcacaca, GradientType=1);
  /* IE6-9 */
}
.onyx-tab-item-hovered {
  background: linear-gradient(to right, #cacaca 0%, rgba(202, 202, 202, 0) 100%);
  /* W3C */
  background: -moz-linear-gradient(right, #cacaca 0%, rgba(202, 202, 202, 0) 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(left, rgba(202, 202, 202, 0), #cacaca);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, #cacaca), color-stop(100%, rgba(202, 202, 202, 0)));
  /* Chrome,Safari4+ */
  background: -o-linear-gradient(left, #cacaca 0%, rgba(202, 202, 202, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(202, 202, 202, 0) 0%, #cacaca 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00cacaca, endColorstr=#ffcacaca, GradientType=1);
  /* IE6-9 */
}
.onyx-tab-item-close {
  display: inline-block;
  margin-right: 3px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url('../lib/onyx/images/close-inactive.png');
}
.onyx-tab-item-close:hover {
  background-image: url('../lib/onyx/images/close-active.png');
}
/* ToggleButton.css */
.onyx-toggle-button {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  min-width: 64px;
  vertical-align: middle;
  text-align: center;
  /* */
  border-radius: 3px;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4);
  background: #8bba3d url('../lib/onyx/images/gradient-invert.png') repeat-x bottom;
  background-size: auto 100%;
  /* label */
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.onyx-toggle-button.off {
  background-color: #b1b1b1 !important;
}
.onyx-toggle-button-knob {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 1px;
  border-radius: 3px;
  background: #f6f6f6 url('../lib/onyx/images/gradient.png') repeat-x;
  background-size: auto 100%;
}
.onyx-toggle-button .onyx-toggle-button-knob {
  box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
  float: right;
}
.onyx-toggle-button.off .onyx-toggle-button-knob {
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
  float: left;
}
.onyx-toggle-button.disabled,
.onyx-icon-button.disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.onyx-toggle-content {
  min-width: 32px;
  padding: 0 6px;
}
.onyx-toggle-content.empty {
  padding: 0;
}
.onyx-toggle-content.off {
  float: right;
}
.onyx-toggle-content.on {
  float: left;
}
/* Toolbar.css */
.onyx-toolbar {
  /*
		line-height is unreliable for centering, instead
		use vertical-align: middle to align
		elements along a common centerline and use
		padding to fill out the space.
	*/
  padding: 9px 8px 10px 8px;
  /**/
  border: 1px solid #3A3A3A;
  background: #4c4c4c url('../lib/onyx/images/gradient.png') repeat-x 0 bottom;
  background-size: contain;
  color: #ffffff;
  /**/
  white-space: nowrap;
  overflow-y: visible;
  font-size: 20px;
}
.onyx-toolbar-inline > *,
.enyo-fittable-columns-layout.onyx-toolbar-inline > * {
  display: inline-block;
  vertical-align: middle;
  margin: 4px 6px 5px;
  box-sizing: border-box;
}
/* needed for MathJax support */
.onyx-toolbar-inline > script,
.enyo-fittable-columns-layout.onyx-toolbar-inline > script {
  display: none;
}
.onyx-toolbar .onyx-icon-button {
  margin: 3px 2px 1px;
}
.onyx-toolbar .onyx-button {
  color: #f2f2f2;
  background-color: #555656;
  border-color: rgba(15, 15, 15, 0.5);
  margin-top: 0;
  margin-bottom: 0;
  height: 36px;
}
.onyx-toolbar .onyx-input-decorator {
  margin: 1px 3px;
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0px 6px 5px 6px;
}
.onyx-toolbar .onyx-input-decorator.onyx-focused {
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}
.onyx-toolbar .onyx-input-decorator .onyx-input {
  color: #e5e5e5;
  font-size: 14px;
}
.onyx-toolbar .onyx-input-decorator .onyx-input:focus {
  color: #000000;
}
.onyx-toolbar .onyx-input-decorator .onyx-input:focus::-webkit-input-placeholder {
  color: #dddddd;
}
/* Tooltip.css */
.onyx-tooltip {
  z-index: 20;
  left: 0;
  padding: 4px 6px;
  margin-top: 4px;
  margin-left: -6px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background: #216593 url('../lib/onyx/images/gradient.png') repeat-x 0 bottom;
  border-radius: 3px;
  white-space: nowrap;
}
/*move the tooltip over to the right when displaying the right arrow so it aligns better with the decorator*/
.onyx-tooltip.right-arrow {
  left: 30px;
}
/*prep the left & right arrows using before & after - left arrow uses before & right arrow uses after*/
.onyx-tooltip::before {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -6px;
  left: 16px;
}
.onyx-tooltip::after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -6px;
  margin-left: -12px;
}
/*The following 3 rules handle the left & right arrows when the tooltip is displayed below the activator*/
.onyx-tooltip.below {
  top: 100%;
}
.onyx-tooltip.below.right-arrow::after {
  border-bottom: 6px solid #1D587F;
  top: -6px;
}
.onyx-tooltip.below.left-arrow::before {
  border-bottom: 6px solid #1D587F;
  top: -6px;
}
/*The following 3 rules handle the left & right arrows when the tooltip is displayed above the activator*/
.onyx-tooltip.above {
  top: -100%;
}
.onyx-tooltip.above.right-arrow::after {
  content: '';
  border-top: 6px solid #1D587F;
  top: 100%;
}
.onyx-tooltip.above.left-arrow::before {
  content: '';
  border-top: 6px solid #1D587F;
  top: 100%;
}
/* ProgressBar.css */
.onyx-progress-bar {
  margin: 8px;
  height: 8px;
  border: 1px solid rgba(15, 15, 15, 0.2);
  border-radius: 3px;
  background: #b8b8b8 url('../lib/onyx/images/gradient-invert.png') repeat-x;
  background-size: auto 100%;
}
.onyx-progress-bar-bar {
  height: 100%;
  border-radius: 3px;
  background: #58abef url('../lib/onyx/images/gradient.png') repeat-x;
  background-size: auto 100%;
}
.onyx-progress-bar-bar.striped {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.onyx-progress-bar-bar.striped.animated {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
/* ProgressButton.css */
.onyx-progress-button {
  position: relative;
  height: 36px;
  line-height: 36px;
  color: #f1f1f1;
  font-size: 16px;
  text-overflow: ellipsis;
}
.onyx-progress-button-bar {
  height: 36px;
}
.onyx-progress-button-icon {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 0;
}
.onyx-progress-button-client {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 36px;
  margin-left: 8px;
}
.onyx-progress-button-client > * {
  display: inline-block;
}
/* needed for MathJax support */
.onyx-progress-button-client > script {
  display: none;
}
/* Slider.css */
.onyx-slider {
  position: relative;
  margin: 8px 20px;
}
.onyx-slider-taparea {
  position: absolute;
  top: -11px;
  height: 28px;
  width: 100%;
}
.onyx-slider-knob {
  position: relative;
  height: 40px;
  width: 40px;
  background: url('../lib/onyx/images/slider-handle.png') left top no-repeat;
  margin: -23px -20px;
}
.onyx-slider-knob.active,
.onyx-slider-knob.pressed {
  background-position: 0 -40px;
}
/* RangeSlider.css */
.onyx-range-slider-knob {
  top: -17px;
}
.onyx-range-slider-label {
  position: relative;
  top: -18px;
  text-align: center;
  white-space: nowrap;
}
/* Item.css */
.onyx-item {
  padding: 14px;
}
.onyx-highlight,
.onyx-highlight.onyx-swipeable-item-content {
  background-color: #dedfdf;
}
.enyo-selected,
.enyo-selected.onyx-swipeable-item-content {
  background-color: #c4e3fe;
}
.onyx-item.onyx-swipeable-item {
  overflow: hidden;
  padding: 0;
}
.onyx-swipeable-item-content {
  background-color: #eaeaea;
  box-sizing: border-box;
  padding: 18px 6px;
  min-height: 40px;
}
/* Spinner.css */
.onyx-spinner {
  width: 59px;
  height: 58px;
  display: inline-block;
  background: url('../lib/onyx/images/spinner-dark.gif') no-repeat 0 0;
}
.onyx-spinner.onyx-light {
  background: url('../lib/onyx/images/spinner-light.gif') no-repeat 0 0;
}
/* MoreToolbar.css */
.onyx-more-toolbar {
  overflow: visible;
  position: relative;
  z-index: 10;
}
.onyx-more-toolbar.active {
  z-index: 11;
}
.onyx-more-menu {
  left: auto;
  right: 0px;
  min-width: 0;
}
.onyx-more-toolbar .onyx-more-menu > * {
  float: right;
  clear: both;
  margin: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.onyx-more-button {
  background-image: url('../lib/onyx/images/more.png');
  width: 32px;
  height: 32px;
}
/* DatePicker.css */
.onyx-datepicker-month {
  min-width: 75px;
}
.onyx-datepicker-day {
  min-width: 60px;
}
.onyx-datepicker-year {
  min-width: 70px;
}
/* TimePicker.css */
.onyx-timepicker-hour {
  min-width: 60px;
}
.onyx-timepicker-minute {
  min-width: 60px;
}
.onyx-timepicker-ampm {
  min-width: 60px;
}
/* ButtonColors.css */
.onyx-button.onyx-blue {
  background-color: #35A8EE;
  color: #F2F2F2;
}
.onyx-button.onyx-affirmative {
  background-color: #91BA07;
  color: #F2F2F2;
}
.onyx-button.onyx-negative {
  background-color: #C51616;
  color: #F2F2F2;
}
.onyx-button.onyx-dark {
  background-color: #555656;
  color: #F2F2F2;
}
.onyx-button.onyx-light {
  background-color: #cacaca;
  color: #2F2F2F;
}
/* ContextualPopup.css */
.onyx-contextual-popup-title {
  font-weight: bold;
  padding: 24px 32px 0px;
}
.onyx-contextual-popup-scroller {
  padding: 24px 32px;
}
.onyx-contextual-popup-action-buttons {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.onyx-contextual-popup-action-button {
  margin-left: 5px;
  margin-right: 5px;
}
.onyx-contextual-popup,
.onyx.onyx-contextual-popup {
  font-size: 16px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 6px;
  color: #ffffff;
  background: #4c4c4c;
}
/*setup the nub*/
.onyx-contextual-popup::after {
  content: '';
  position: absolute;
  top: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
/*for popups above activator*/
.onyx-contextual-popup.vertical.above {
  top: auto;
  margin-top: -10px;
  bottom: 100%;
  margin-bottom: 10px;
}
/*for popups below activator*/
.onyx-contextual-popup.vertical.below {
  margin-top: 10px;
}
/*for popups on the left of the activator*/
.onyx-contextual-popup.right.horizontal {
  margin-left: -11px;
}
/*for popups on the right of the activator*/
.onyx-contextual-popup.left.horizontal {
  margin-left: 10px;
}
/*nub positioning*/
/*horizontally centered nub*/
.onyx-contextual-popup.vertical::after {
  position: absolute;
  left: 45%;
  border-bottom: 10px solid #4c4c4c;
  border-top: none;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
/*nub near horizontal left*/
.onyx-contextual-popup.vertical.right::after {
  left: 0%;
  margin-left: 20px;
}
/*nub near horizontal right*/
.onyx-contextual-popup.vertical.left::after {
  left: 100%;
  margin-left: -55px;
}
/*downward facing nub*/
.onyx-contextual-popup.vertical.above::after {
  top: 100%;
  border-top: 10px solid #4c4c4c;
  border-bottom: none;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.onyx-contextual-popup.vertical.below.right::after {
  top: 0%;
  margin-top: -10px;
  border-bottom: 10px solid #4c4c4c;
  border-left: 10px solid transparent;
}
.onyx-contextual-popup.vertical.below.left::after {
  top: 0%;
  margin-top: -10px;
  border-right: 10px solid transparent;
}
/*nub positioning for left/right popups*/
/*vertically centered nub for popups on left of activator*/
.onyx-contextual-popup.right::after {
  left: 100%;
  top: 47%;
  margin-right: 20px;
  border-left: 10px solid #4C4C4C;
}
/*nub near vertical top for popups on left of activator*/
.onyx-contextual-popup.right.high::after {
  top: 35px;
  border-left: 10px solid #4C4C4C;
}
/*nub near vertical bottom for popups on left of activator*/
.onyx-contextual-popup.right.low::after {
  top: 100%;
  margin-top: -55px;
  border-left: 10px solid #4C4C4C;
}
/*vertically centered nub for popups on right of activator*/
.onyx-contextual-popup.left::after {
  left: 0%;
  margin-left: -20px;
  top: 45%;
  border-right: 10px solid #4C4C4C;
}
/*nub near vertical top for popups on right of activator*/
.onyx-contextual-popup.left.high::after {
  top: 35px;
  border-right: 10px solid #4C4C4C;
}
/*nub near vertical bottom for popups on right of activator*/
.onyx-contextual-popup.left.low::after {
  top: 100%;
  margin-top: -55px;
  border-right: 10px solid #4C4C4C;
}
/*corners*/
/*vertical top corners*/
/*for popups on the left of the activator*/
.onyx-contextual-popup.vertical.right.corner {
  margin-left: 0px;
}
/*for popups on the right of the activator*/
.onyx-contextual-popup.vertical.left.corner {
  margin-left: 0px;
}
.onyx-contextual-popup.vertical.below.left.corner {
  border-top-right-radius: 0px;
}
.onyx-contextual-popup.vertical.below.right.corner {
  border-top-left-radius: 0px;
}
.onyx-contextual-popup.vertical.below.left.corner::after {
  top: 0%;
  left: 100%;
  margin-top: -10px;
  margin-left: -19px;
  border-right: 10px solid #4c4c4c;
  border-top: 10px solid transparent;
}
.onyx-contextual-popup.vertical.below.right.corner::after {
  top: 0%;
  left: 0%;
  margin-left: -1px;
  border-left: 10px solid #4c4c4c;
  border-top: 10px solid transparent;
}
/*vertical bottom corners*/
.onyx-contextual-popup.left.above.corner {
  border-bottom-right-radius: 0px;
}
.onyx-contextual-popup.right.above.corner {
  border-bottom-left-radius: 0px;
}
.onyx-contextual-popup.vertical.left.above.corner::after {
  top: 100%;
  margin-left: -19px;
  border-right: 10px solid #4C4C4C;
  border-bottom: 10px solid transparent;
  border-top: none;
}
.onyx-contextual-popup.vertical.right.above.corner::after {
  top: 100%;
  left: 0%;
  margin-left: -1px;
  border-left: 10px solid #4c4c4c;
  border-bottom: 10px solid transparent;
  border-top: none;
}
/*horizontal bottom corners*/
.onyx-contextual-popup.left.low.corner {
  border-bottom-left-radius: 0px;
}
.onyx-contextual-popup.right.low.corner {
  border-bottom-right-radius: 0px;
}
.onyx-contextual-popup.left.low.corner::after {
  top: 100%;
  left: 0%;
  margin-top: -19px;
  margin-left: -12px;
  border-bottom: 10px solid #4c4c4c;
  border-right: 10px solid #4c4c4c;
}
.onyx-contextual-popup.right.low.corner::after {
  top: 100%;
  left: 100%;
  margin-top: -19px;
  border-bottom: 10px solid#4c4c4c;
  border-left: none;
}
/*horizontal top corners*/
.onyx-contextual-popup.left.high.corner {
  border-top-left-radius: 0px;
}
.onyx-contextual-popup.right.high.corner {
  border-top-right-radius: 0px;
}
.onyx-contextual-popup.left.high.corner::after {
  top: 0%;
  left: 0%;
  margin-top: -1px;
  margin-left: -12px;
  border-top: 10px solid #4C4C4C;
  border-bottom: none;
}
.onyx-contextual-popup.right.high.corner::after {
  top: 0%;
  left: 100%;
  margin-top: -1px;
  margin-left: -9px;
  border-top: 10px solid #4C4C4C;
  border-bottom: none;
}
/* some default colors */
.onyx-dark {
  background-color: #555656;
}
.onyx-light {
  background-color: #cacaca;
}
.onyx-green {
  background-color: #91BA07;
}
.onyx-red {
  background-color: #C51616;
}
.onyx-blue {
  background-color: #35A8EE;
}


/* lib/smooth-panels/source/SmoothPanels.css */

.smoothpanels {
    position: relative;
}

.smoothpanels > * {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

/* slide in from right */
@-webkit-keyframes slideInFromRight {
    from { -webkit-transform: translate3d(100%, 0, 0); }
}
@keyframes slideInFromRight {
    from { transform: translate3d(100%, 0, 0); }
}

/* slide out to left */
@-webkit-keyframes slideOutToLeft {
    to { -webkit-transform: translate3d(-100%, 0, 0); }
}
@keyframes slideOutToLeft {
    to { transform: translate3d(-100%, 0, 0); }
}

/* slide in from top */
@-webkit-keyframes slideInFromTop {
    from { -webkit-transform: translate3d(0, -100%, 0); }
}
@keyframes slideInFromTop {
    from { transform: translate3d(0, -100%, 0); }
}

/* slide out to bottom */
@-webkit-keyframes slideOutToBottom {
    to { -webkit-transform: translate3d(0, 100%, 0); }
}
@keyframes slideOutToBottom {
    to { transform: translate3d(0, 100%, 0); }
}

/* slide in from left */
@-webkit-keyframes slideInFromLeft {
    from { -webkit-transform: translate3d(-100%, 0, 0); }
}
@keyframes slideInFromLeft {
    from { transform: translate3d(-100%, 0, 0); }
}

/* slide out to right */
@-webkit-keyframes slideOutToRight {
    to { -webkit-transform: translate3d(100%, 0, 0); }
}
@keyframes slideOutToRight {
    to { transform: translate3d(100%, 0, 0); }
}

/* slide in from bottom */
@-webkit-keyframes slideInFromBottom {
    from { -webkit-transform: translate3d(0, 100%, 0); }
}
@keyframes slideInFromBottom {
    from { transform: translate3d(0, 100%, 0); }
}

/* slide out to top */
@-webkit-keyframes slideOutToTop {
    to { -webkit-transform: translate3d(0, -100%, 0); }
}
@keyframes slideOutToTop {
    to { transform: translate3d(0, -100%, 0); }
}

/* fade in */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
}
@keyframes fadeIn {
    from { opacity: 0; }
}

/* fade out */
@-webkit-keyframes fadeOut {
    to { opacity: 0; }
}
@keyframes fadeOut {
    to { opacity: 0; }
}

/* lib/spotlight/css/spotlight.css */


.spotlight-highlight {
	position:absolute;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	pointer-events:none;
}

.spotlight-current-item {
	background-color:rgba(255,100,100,0.9);
}

.spotlight-adjacent-item {
	background-color:rgba(100,100,255,0.9);
}

/* source/style/main.less */

/*
+    App-specific LESS/CSS would go here, but to make your
+    application easier to maintain, you should try to
+    minimize the use of custom CSS.
+*/


/* source/style/new-c9.css */

.panels-sample-panels {
    min-height: 320px;
    min-width: 320px;
    background:black;
}

.panels-sample-panels > * {
    border: 0px solid #333;
    font-size: 5em;
    text-align: center;
}

.panels-sample-wide > * {
    min-width: 20%;
}

.panels-sample-collapsible > * {
    min-width: 280px;
}

.panels-sample-spiral > * {
    min-width:150px;
    min-height:150px;
    max-height:150px;
    max-width:150px;
}

.panels-sample-grid > * {
    min-width:150px;
    min-height:150px;
    max-height:150px;
    max-width:150px;
}

.new-main-view{
    overflow:auto;
    background:black;
    padding:0px 0px 0px 0px;
}

@media screen and (max-width: 480px) {
    .arranger-scroller {
        max-height:270px;
    }
}

.transparent-text{
	opacity:0;
}

.moon-header.moon-small-header
{
    height:180px;
    margin:0px 0px 0px 0px;
    padding:35px 0px 0px 0px;
    border-top:0px solid #505050;
    border-bottom:4px solid #404040;
}

.moon-expandable-picker-current-value
{
    color:red;
    font-family:"Moonstone Miso";
}

.m2Panel .moon-header.moon-small-header
{
    margin:0px;
    height:0px;
    padding:0px;
    border-top:0px solid #505050;
    border-bottom:0px solid #404040;
}

.moon-header .moon-header-title-above
{
    font-size:0px;
}

.menu-panel-web .moon-header.moon-small-header
{
    border:0px;
    height:0px;
    padding:0px;
    border-top:0px solid #505050;
    border-bottom:0px solid #404040;
}

.page-panel
{
    width:1640px;
    padding:0px 0px 0px 0px;
}

.page-panel .moon-header.moon-small-header
{
    border:0px;
    height:0px;
    padding:0px;
    border-top:0px solid #505050;
    border-bottom:0px solid #404040;
}

.page-panel .page-panel-body-item
{
    width:100%;
    height:85%;
    padding:0px;
    color:white;
    text-align:center;
    font-family:"Moonstone Miso";
}

.page-panel .page-panel-smooth-panels
{
    width:100%;
    height:100%;
}

.menu-panel-menu
{
    height:5000px;
    padding:0px 0px 0px 0px;
    border-right:4px solid #333;
}

.menu-panel-menu .image-logo
{
    width:230px;
    height:120px;
    border:0px solid #000011;
    padding:0px 0px 0px 0px;
    margin:5px 0px 5px 25px;
}

.menu-panel-menu .menu-panel-menu-item
{
    width:150px;
    height:118px;
    background:black;
    text-align:center;
    border-radius:7px;
    border:3px solid black;
    padding:22px 0px 0px 0px;
    margin:5px 0px 15px 60px;
    font-family:"Moonstone Miso";
}

.menu-panel-menu .focus-menu
{
    border:3px solid yellow;
}

.menu-panel-menu .moon-divider
{
    width:280px;
    margin:-1px 0px 10px 0px;
    border-bottom:4px solid #333;
}

.menu-panel-menu .image
{
    width:50px;
    height:50px;
}

.menu-panel-menu .text
{
    color:white;
    font-size:30px;
    font-family:"Moonstone Miso";
}

.menu-panel-menu .menu-callpage-image
{
    background:url('../assets/1080/call1.png') no-repeat;
}

.menu-panel-menu .menu-contactpage-image
{
    background:url('../assets/1080/addressbook.png') no-repeat;
}

.menu-panel-menu .menu-historypage-image
{
    background:url('../assets/1080/call_history.png') no-repeat;
}

.menu-panel-menu .menu-settingspage-image
{
    background:url('../assets/1080/settings.png') no-repeat;
}

.menu-panel-menu .menu-controlpage-image
{
    background:url('../assets/1080/call_history.png') no-repeat;
}

.menu-panel-menu .menu-diagnosePage-image
{
    width:60px;
    height:50px;
    background:url('../assets/1080/Equalizer.png') no-repeat;
}

.moon-simple-picker .moon-icon-button.small
{
    width:56px;
    height:56px;
    border-radius:28px;
    text-align:center;
}

.message-popup
{
    width:600px;
    margin:0px 34% 22% 34%;
    padding:60px 0px 60px 0px;
    border:2px solid white;
    background:black;
}

.message-popup .moon-item
{
    width:100%;
    font-size:30px;
    text-align:center;
    padding:5px 5px 5px 3px;
    font-family:"Moonstone Miso";
}

.onyx-sample-popup
{
    width:240px;
    height:290px;
    padding:10px 0px 10px 30px;
}

.onyx-sample-popup .button
{
    width:50px;
    height:40px;
    margin:10px 30px 5px 0px;
}

.onyx-sample-popup .onyx-input-decorator
{
    background:white;
    margin:5px 0px 5px 0px;
}

.onyx-sample-popup .onyx-input
{
    background:white;
}

.choice-popup
{
    width:600px;
    padding:20px 0px 35px 0px;
    border:2px solid white;
    margin:0px 34% 22% 34%;
    background:black;
}

.choice-popup .moon-item
{
    width:100%;
    text-align:center;
    padding:5px 5px 5px 5px;
    margin:0px 0px 20px 0px;
    font-family:"Moonstone Miso";
}

.choice-popup .button-item .button
{
    width:160px;
    height:60px;
    background:black;
    border-radius:7px;
    border:2px solid white;
    margin:0px -45px 0px 110px;
    font-family:"Moonstone Miso";
}

.choice-popup .moon-marquee
{
    width:100%;
    text-align:center;
    padding:5px 5px 5px 5px;
    margin:0px 0px 20px 0px;
    font-family:"Moonstone Miso";
}

.choice-popup .import-file
{
    top:72px;
    opacity:0;
    left:122px;
    width:145px;
    height:60px;
    font-size:30px;
    position:absolute;
}

.choice-popup .spot-fileInput
{
	border:3px solid #3299cc;
}

.upgrade-progress-popup .button
{
    margin:0px -25px 0px 100px;
}

.upgrade-progress-popup-small
{
	padding:50px 0px 35px 0px;
}

.position-popup
{
    width:38%;
    height:250px;
    padding:0px 0px 0px 50px;
    margin:0px 0px 12% 60%;
    background:black;
}

.position-popup .text
{
    font-size:30px;
    margin:-5px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.position-popup .title-text
{
    color:white;
    font-size:30px;
    font-family:"Moonstone Miso";
}

.position-popup .moon-button
{
    width:120px;
    height:60px;
    margin:35px 10px 0px 0px;
}

.login-page
{
    height:75%;
    background:black;
}

.login-page .moon-item
{
    text-align:center;
    padding:0px 0px 0px 0px;
}

.login-page .title-item-box
{
    height:100px;
    padding:35px 0px 0px 0px;
    border-bottom:4px solid #333;
}

.login-page .title-item-box .title-item
{
    width:70%;
    float:left;
    color:white;
    font-size:35px;
    padding:5px 0px 0px 15%;
    font-family:"Moonstone Miso";
}

.login-page .title-item-box .link-item
{
    padding:0px 0px 0px 5%;
    font-family:"Moonstone Miso";
}

.login-page .title-item-box .link-item .select-language
{
    width:170px;
    height:50px;
    color:white;
    font-size:25px;
    background:black;
    border:1px solid white;
    font-family:"Moonstone Miso";
}

.login-page .body-item-box
{
    height:100%;
    padding:80px 0px 0px 0px;
}

.login-page .body-item-box .body-item
{
    width:480px;
    height:370px;
    margin:0 auto;
    border:4px solid #333;
    padding:60px 0px 0px 0px;
    border-radius:7px;
}

.login-page .body-item-box .body-item .text
{
    width:20%;
    color:white;
    font-size:25px;
    background:black;
    border:0px solid #333;
    font-family:"Moonstone Miso";
}

.login-page .body-item-box .body-item .check-box-text
{
    color:white;
    height:35px;
    font-size:23px;
    background:black;
    border:0px solid #333;
    font-family:"Moonstone Miso";
}

.login-page .body-item-box .body-item .onyx-dark
{
    width:110px;
    height:45px;
    font-size:20px;
    border-radius:6px;
    margin:0px 25px 0px 25px;
    border:2px solid black;
    font-family:"Moonstone Miso";
}

.login-page .body-item-box .body-item .message-item
{
    color:red;
    font-size:25px;
    margin:15px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.login-page .body-item-box .body-item .onyx-border
{
    border:2px solid #A4D3EE;
}

.group-list-popup
{
    width:680px;
    height:350px;
    margin:0px 32.5% 20% 32.5%;
    padding:25px 0px 10px 65px;
    border:3px solid white;
    background:black;
}

.group-list-popup .title
{
    float:left;
    width:115px;
    font-size:28px;
    margin:0px 0px 0px 20px;
    font-family:"Moonstone Miso";
}

.group-list-popup .button .add-button
{
    color:white;
    width:105px;
    height:50px;
    font-size:28px;
    background:black;
    border-radius:7px;
    border:3px solid #404040;
    margin:0px 0px 0px 258px;
    font-family:"Moonstone Miso";
}

.group-list-popup .close-button
{
    width:50px;
    height:50px;
    color:black;
    margin:0px 0px 0px 50px;
    border:0px solid white;
    background:url('../assets/1080/close.png');
}

.group-list-popup .smooth-panel
{
    width:100%;
    height:250px;
    margin:15px 0px 0px 0px;
}

.group-list-popup .smooth-panel .scroll-list
{
    width:590px;
    height:235px;
}

.group-list-popup .smooth-panel .scroll-list .tool-text
{
    float:left;
    color:white;
    width:170px;
    height:50px;
    font-size:28px;
    margin:10px 30px 0px 0px;
    font-family:"Moonstone Miso";
}

.group-list-popup .smooth-panel .scroll-list .tool-button
{
    width:105px;
    height:50px;
    color:white;
    font-size:28px;
    background:black;
    border-radius:7px;
    border:3px solid #404040;
    margin:0px 5px 0px 35px;
    font-family:"Moonstone Miso";
}

.group-list-popup .edit-panel .save-button
{
    color:white;
    width:105px;
    height:50px;
    font-size:28px;
    background:black;
    border-radius:7px;
    border:3px solid #404040;
    margin:25px 0px 0px 93px;
    font-family:"Moonstone Miso";
}

.group-list-popup .edit-panel .moon-divider
{
    width:300px;
    margin:0px 0px 0px 0px;
    border-bottom:2px solid white;
}

.group-list-popup .edit-panel .moon-input-decorator
{
    border:0px;
    float:left;
    height:35px;
    width:300px;
    background:black;
    margin:20px 0px 0px 0px;
}

.group-list-popup .edit-panel .moon-input-decorator .moon-input
{
    width:270px;
    color:white;
    font-size:35px;
    font-family:"Moonstone Miso";
}

.speak-list-popup
{
    width:710px;
    height:550px;
    margin:0px 32.5% 10% 32.5%;
}

.speak-list-popup .title
{
    width:175px;
}

.speak-list-popup .close-button
{
    margin:-5px 0px 0px 345px;
}

.speak-list-popup .smooth-panel .scroll-list
{
    width:590px;
    height:415px;
}

.test-popup
{
    width:1920px;
    height:1000px;
    padding:30px 0px 0px 30px;
    background:black;
}

.test-popup .menu-item
{
    float:left;
    width:400px;
    height:1000px;
    margin:0px 0px 10px 0px;
    border-right:2px solid white;
}

.test-popup .set-page
{
    width:800px;
    height:1000px;
}

.auto-power-off-popup
{
    width:600px;
    height:240px;
    margin:0px 0px 20% 35%;
    border:2px solid white;
    padding:15px 15px 0px 25px;
    background:black;
}

.auto-power-off-popup .moon-item
{
    width:100%;
    font-size:30px;
    text-align:center;
    font-family:"Moonstone Miso";
}

.auto-power-off-popup .text
{
    color:white;
    font-size:35px;
    font-family:"Moonstone Miso";
}

.auto-power-off-popup .button
{
    width:150px;
    height:55px;
    font-size:25px;
    background:black;
    border-radius:7px;
    margin:10px -3% 0px 35%;
    border:2px solid white;
    font-family:"Moonstone Miso";
}

/* source/style/new-c9-web.css */

.main-panels-web
{
    width:1895px;
    height:1000px;
    margin:0 auto;
    border-right:4px solid #333;
    border-bottom:4px solid #333;
    border-left:4px solid #333;
}

.page-panel-web
{
    background:black;
}

.page-panel-web .moon-simple-picker-button.round-left
{
    background:url('../assets/1080/round-left.png');
}

.page-panel-web .moon-simple-picker-button.round-right
{
    background:url('../assets/1080/round-right.png');
}

.page-panel-web .moon-simple-picker
{
    max-width:1000px;
}

.page-panel-web .moon-simple-picker-client-wrapper
{
    color:white;
    font-size:30px;
    margin:4px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.page-panel-web .moon-simple-picker .moon-icon
{
    font-size:0px;
}

.page-panel-web .moon-checkbox.moon-toggle-switch
{
    background:url('../assets/1080/toggle-checked-none.png');
}

.page-panel-web .moon-checkbox.moon-toggle-switch[checked]
{
    background:url('../assets/1080/toggle-checked-active.png');
}

.page-panel-web .moon-expandable-picker-current-value
{
    color:white;
    font-family:"Moonstone Miso";
}

.page-panel-web .page-panel-text-item
{
    height:132px;
    width:100%;
    color:white;
    font-size:30px;
    text-align:left;
    padding:0px 0px 0px 50px;
    margin:0px 0px 0px 0px;
    border-bottom:4px solid #333;
    font-family:"Moonstone Miso";
}

.page-panel-web .page-panel-text-item .info-item
{
    border:0px;
    height:100%;
    float:left;
    color:white;
    text-align:left;
    background:black;
    margin:0px 0px 0px 1%;
    font-family:"Moonstone Miso";
}

.page-panel-web .page-panel-text-item .exit-item
{
    color:white;
    width:120px;
    height:55px;
    right:80px;
    top:40px;
    position:absolute;
    background:black;
    border-radius:7px;
    border:3px solid black;
    margin:0px 0px 0px 1%;
    font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .setting-text
{
    border:0px;
    color:white;
    font-size:30px;
    background:black;
    font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .moon-input-decorator .moon-input
{
    font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .status
{
    color:white;
    height:55px;
    font-size:30px;
    margin:5px 0px 40px 0px;
    font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .txt
{
    float:left;
    width:550px;
    font-size:25px;
    padding:0px 0px 0px 0px;
    margin:5px 0px 6px 0px;
}

.page-panel-web .setting-item .txt .setting-text
{
    font-size:25px;
}

.page-panel-web .setting-item .txt .text-label2
{
    left:350px;
    color:white;
    font-size:25px;
    position:absolute;
    font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .txt .null-label2
{
    left:150px;
    color:white;
    font-size:25px;
    position:absolute;
    font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .range
{
    height:70px;
    margin:0px 0px 15px 0px;
}

.page-panel-web .setting-item .range .moon-item
{
    padding:0px 0px 0px 0px;
}

.page-panel-web .setting-item .range .moon-input-decorator
{
    width:150px;
    height:60px;
}

.page-panel-web .setting-item .range .moon-input-decorator .moon-input
{
    color:black;
    font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .spin
{
    /* height:70px; */
    min-height: 70px;
    margin:0px 0px 15px 0px;
}

.page-panel-web .qs-set-page .setting-item .spin
{
    height:70px;
    margin:0px 0px 15px 0px;
}

.page-panel-web .audio-in-set-page .setting-item .spin
{
    height:70px;
    margin:5px 0px 13px 0px;
}

.page-panel-web .audio-out-set-page .setting-item .spin
{
    height:70px;
    margin:0px 0px 15px 0px;
}

.camera-set-page .setting-item .spin
{
    margin:30px 0px 15px 0px;
}

.page-panel-web .setting-item .spin .moon-item
{
    padding:0px 0px 0px;
}

.page-panel-web .setting-item .spin .setting-text
{
    text-align:left;
    height:55px;
    font-size:30px;
    padding:0px 0px 0px 0px;
}

.page-panel-web .setting-item .spin .sub-button
{
    color:white;
    width:55px;
    height:55px;
    font-size:30px;
    border-radius:7px;
    background:url('../assets/1080/sub.png') 0px -2px no-repeat;
    border:3px solid black;
    margin:-25px 20px 0px 0px;
    font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .spin .add-button
{
    color:white;
    width:55px;
    height:55px;
    font-size:30px;
    border-radius:7px;
    background:url('../assets/1080/add.png') center center no-repeat;
    border:3px solid black;
    margin:-25px 0px 0px 60px;
    font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .spin .danwei-button
{
    width:55px;
    height:55px;
    color:white;
    font-size:30px;
    background:black;
    border-radius:7px;
    border:3px solid black;
    margin:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.page-panel-web .power-set-page .setting-item .spin .danwei-button
{
    width:85px;
    height:55px;
    color:white;
    font-size:30px;
    background:black;
    border-radius:7px;
    border:3px solid black;
    margin:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .spin .moon-input-decorator
{
    width:70px;
    height:50px;
    border:0px;
    background:black;
    border-radius:0px;
}

.page-panel-web .setting-item .spin .moon-input-decorator .moon-input
{
   width:65px;
   color:white;
   text-align:center;
   margin:-8px 0px 0px -15px;
   font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .choice
{
    /* height:70px; */
    min-height: 70px;
    margin:0px 0px 15px 0px;
}

.page-panel-web .vpn-set-page .setting-item .choice
{
    height:70px;
    margin:0px 0px 22px 0px;
}

.page-panel-web .hdmi1-set-page .setting-item .choice .moon-simple-picker
{
    width:400px;
    margin:5px 0px 0px 0px;
}

.page-panel-web .hdmi2-set-page .setting-item .choice .moon-simple-picker
{
    width:400px;
    margin:5px 0px 0px 0px;
}

.page-panel-web .setting-item .choice .setting-text
{
    margin:20px 0px 0px 0px;
}

.page-panel-web .setting-item .choice .moon-simple-picker
{
    width:300px;
    margin:5px 0px 0px 0px;
}

.control-page-panel-web-child .camera-set-page .set-page .setting-item .choice
{
    margin:5px 0px 20px 0px;
}

.page-panel-web .setting-item .entry
{
    /* height:70px; */
    min-height: 70px;
    margin:0px 0px 15px 0px;
}

.page-panel-web .vpn-set-page .setting-item  .entry
{
    /* height:70px; */
    min-height: 70px;
    margin:0px 0px 17px 0px;
}

.page-panel-web .setting-item .entry .moon-item
{
    padding:0px 0px 0px 0px;
}

.page-panel-web .setting-item .entry .moon-input-decorator
{
    height:60px;
    width:300px;
}

.page-panel-web .setting-item .entry .moon-input-decorator .moon-input
{
    width:240px;
    color:black;
    font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .entry .upload-button
{
	color:white;
    font-size:30px;
	background:black;
	border-radius:7px;
	border:3px solid #303030;
	font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .entry .spot-fileInput
{
	border:3px solid #3299cc;
}

.page-panel-web .setting-item .entry .upload-file
{
    opacity:0;
    top:20px;
    left:440px;
    width:100px;
    height:60px;
    font-size:20px;
    position:absolute;
}

.page-panel-web .setting-item .time
{
    height:70px;
    margin:0px 0px 0px 0px;
}

.page-panel-web .setting-item .time .moon-item
{
    padding:0px 0px 0px 0px;
}

.page-panel-web .setting-item .time .moon-input-decorator
{
    width:60px;
    height:40px;
    border:0px;
    border-radius:0px;
    background:black;
}

.page-panel-web .setting-item .time .moon-input-decorator .moon-input
{
    width:60px;
    color:white;
    margin:-7px 0px 0px -5px;
    font-family:"Moonstone Miso";
}

.page-panel-web .setting-item .toggle
{
    height:70px;
    margin:0px 0px 15px 0px;
}

.page-panel-web .upgrade-set-page .setting-item .toggle
{
    height:70px;
    margin:0px 0px 5px 0px;
}

.page-panel-web .call-set-page .setting-item .toggle
{
    height:70px;
    margin:3px 0px 16px 0px;
}

.page-panel-web .record-set-page .setting-item .toggle
{
    height:70px;
    margin:0px 0px 15px 0px;
}

.page-panel-web .audio-in-set-page .setting-item .toggle
 {
     height:70px;
     margin:0px 0px 19px 0px;
 }

.page-panel-web .audio-out-set-page .setting-item .toggle
{
    height:70px;
    margin:0px 0px 18px 0px;
}

.page-panel-web .audio-usb-set-page .setting-item .toggle
{
    height:70px;
    margin:4px 0px 17px 0px;
}
.page-panel-web .video-input-page .setting-item .toggle
{
    height:70px;
    margin:3px 0px 15px 0px;
}

.page-panel-web .video-output-page .setting-item .toggle
{
    height:70px;
    margin:5px 0px 20px 0px;
}

.page-panel-web .hdmi1-set-page .setting-item .toggle
{
    height:70px;
    margin:0px 0px 16px 0px;
}

.page-panel-web .hdmi2-set-page .setting-item .toggle
{
    height:70px;
    margin:0px 0px 16px 0px;
}

.page-panel-web .aec-set-page .setting-item .toggle
{
    height:70px;
    margin:0px 0px 15px 0px;
}

.page-panel-web .sip-set-page .setting-item .toggle
{
    height:70px;
    margin:0px 0px 19px 0px;
}

.page-panel-web .marquee-set-page .setting-item .toggle
{
    height:70px;
    margin:0px 0px 15px 0px;
}

.page-panel-web .power-set-page .setting-item .toggle
{
    height:70px;
    margin:0px 0px 15px 0px;
}

.camera-set-page .setting-item .toggle
{
    margin:15px 0px 25px 0px;
}

.page-panel-web .codecs-set-page .setting-item
{
    height:70px;
    margin:4px 0px 17px 0px;
}

.marquee
{
    height:50px;
    margin:30px 0px 10px 0px;
}

.page-panel-web .setting-item .marquee .check-box-active .moon-checkbox
{
    background:url('../assets/1080/marquee-check-active.png') no-repeat !important;
}

.page-panel-web .setting-item .marquee .black-check-box-active .moon-checkbox
{
    background:url('../assets/1080/marquee-check-active-white.png') no-repeat !important;
}

.page-panel-web .setting-item .marquee .form-check-item
{
    width:48px;
    height:45px;
    padding:0px 0px 0px 0px;
    margin:-2px 0px 0px 5px;
    border:2px solid white;
}

.page-panel-web .setting-item .marquee .form-check-item .moon-checkbox
{
    width:44px;
    height:44px;
    border-radius:0px;
    margin:-6px 0px 0px -12px;
}

.page-panel-web .setting-item .marquee .form-check-item .moon-checkbox .moon-icon
{
    font-size:0px;
}

.page-panel-web .setting-item .marquee .check-item1 .moon-checkbox
{
    background-color:#FFFFFF;
}

.page-panel-web .setting-item .marquee .check-item2 .moon-checkbox
{
    background-color:#000000;
}

.page-panel-web .setting-item .marquee .check-item3 .moon-checkbox
{
    background-color:#ff0000;
}

.page-panel-web .setting-item .marquee .check-item4 .moon-checkbox
{
    background-color:#00FF00;
}

.page-panel-web .setting-item .marquee .check-item5 .moon-checkbox
{
    background-color:#ffff00;
}

.page-panel-web .setting-item .marquee .check-item6 .moon-checkbox
{
    background-color:#0000ff;
}

.page-panel-web .setting-item .marquee .check-item7 .moon-checkbox
{
    background-color:#a200ff;
}

.page-panel-web .setting-item .marquee .check-item8 .moon-checkbox
{
    background-color:#ff6600;
}

.page-panel-web .setting-item .marquee .check-item9 .moon-checkbox
{
    background-color:#00ffff;
}

.page-panel-web .setting-item .marquee .check-item10 .moon-checkbox
{
    background-color:#FFC125;
}

.page-panel-web .moon-formcheckbox-item.spotlight .moon-checkbox-item-label-wrapper
{
    color:white;
}

.page-panel-web .moon-formcheckbox-item
{
    color:white;
    width:650px;
    font-size:28px;
    border-radius:7px;
    border:3px solid black;
    font-family:"Moonstone Miso";
}

.page-panel-web .moon-formcheckbox-item .moon-checkbox
{
    width:40px;
    height:40px;
    background-color:white;
}

.page-panel-web .moon-formcheckbox-item .moon-checkbox .moon-icon
{
    color:black;
    font-size:0px;
}

.page-panel-web .check-box-active .moon-checkbox
{
    background:url('../assets/1080/active.png') no-repeat !important;
}
/*************
   �����css
***************/

.call-page-panel-web
{
    width:670px;
    height:100%;
    float:left;
    border:0px solid #333;
    padding:0px 0px 0px 0px;
}

.call-page-panel-web-child
{
    width:950px;
    height:100%;
    border:0px solid #333;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 680px;
}

.call-page-panel-web .call-page
{
    width:100%;
    height:100%;
    text-align:left;
    margin:0px 0px 0px 0px;
    padding:30px 0px 0px 20%;
}

.call-page-panel-web .call-page .images-set
{
    width:35px;
    height:35px;
    margin:-8px 10px 0px 0px;
    background:url('../assets/1080/set-item.png');
}

.call-page-panel-web .call-page .images-dtmf
{
    width:50px;
    height:30px;
    margin:-8px 10px 0px 0px;
    background:url('../assets/1080/dtmf-key.png');
}

.call-page-panel-web .call-page .moon-item
{
    width:440px;
    height:50px;
    color:white;
    font-size:30px;
    background:black;
    border-radius:7px;
    text-align:center;
    margin:0px 0px 25px 0px;
    padding:15px 0px 0px 0px;
    border:3px solid #404040;
    font-family:"Moonstone Miso";
}

.call-page-panel-web .call-page .picker-item
{
    border:0px;
    padding:0px;
    width:500px;
    height:200px;
    text-align:left;
    background:black;
}

.call-page-panel-web .call-page .picker-item .moon-simple-picker
{
    width:260px;
    margin:0px 0px 10px 0px;
}

.call-page-panel-web .call-page .picker-item .set-info
{
    float:left;
    color:white;
    /* width:64px; */
    min-width: 64px;
    font-size:28px;
    text-align:left;
    margin:15px 0px 0px 52px;
    padding:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.call-page-panel-web .call-page .item
{
    /* width:145px; */
    min-width: 145px;
    height:60px;
    color:white;
    font-size:28px;
    background:black;
    border-radius:7px;
    margin:0px 45px 10px 0px;
    border:3px solid black;
    font-family:"Moonstone Miso";
}

.call-page-panel-web .call-page .moon-divider
{
    width:445px;
    margin:5px 0px 40px 0px;
    border-bottom:2px solid white;
}

.call-page-panel-web .call-page .moon-input-decorator
{
    width:430px;
    border:0px;
    height:60px;
    border-radius:0px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background:black!important;
}

.call-page-panel-web .call-page .moon-input-decorator .moon-input
{
    width:100%;
    border:0px;
    color:white;
    font-size:50px;
    text-align:left;
    font-family:"Moonstone Miso";
}

.call-page-panel-web .call-page .call-list
{
    width:550px;
    height:500px;
    text-align:left;
    border:0px solid white;
    padding:0px 0px 0px 0px;
    margin:15px 0px 0px 0px;
}

.call-page-panel-web .call-page .call-list .moon-item
{
    color:white;
    font-size:30px;
    border:0px solid white;
    padding:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.call-page-panel-web .call-page .call-list .text
{
    color:white;
    font-size:30px;
    margin:0px 110px 0px 0px;
    font-family:"Moonstone Miso";
}

.call-page-panel-web .call-page .call-list .hangup-button
{
    width:69px;
    height:54px;
    border-radius:7px;
    border:2px solid #404040;
    margin:15px 0px 0px 15px;
    background: url('../assets/1080/hangup.png') no-repeat;
}

.call-page-panel-web .call-page .call-list .answer-button
{
    width:69px;
    height:54px;
    border-radius:7px;
    border:2px solid #404040;
    margin:15px 0px 0px 35px;
    background: url('../assets/1080/answer.png') no-repeat;
}

.call-page-panel-web .call-page .call-list .info-item
{
    float:left;
    height:55px;
    width:340px;
    padding:0px 0px 0px 0px;
    margin:15px 0px 0px 0px;
}

.call-page-panel-web .call-page .call-list .info-item .ip-info
{
    color:white;
    width:150px;
    font-size:30px;
    margin:10px 25px 0px 0px;
    padding:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.call-page-panel-web .call-page .call-list .info-item .status-info
{
    color:white;
    width:160px;
    font-size:30px;
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.call-page-panel-web-child .history-page
{
    width:100%;
    height:100%;
    text-align:left;
    margin:0px 0px 0px 0px;
    padding:35px 0px 0px 0px;
}

.call-page-panel-web-child .history-page .title
{
    float:left;
    color:white;
    font-size:30px;
    margin:1.5% 0px 0px 48px;
    padding:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.call-page-panel-web-child .history-page .action-item
{
    top:105px;
    left:615px;
    position:absolute;
}

.call-page-panel-web-child .history-page .action-item-rank-one
{
    top:245px;
}

.call-page-panel-web-child .history-page .action-item-rank-two
{
    top:388px;
}

.call-page-panel-web-child .history-page .action-item-rank-three
{
    top:528px;
}

.call-page-panel-web-child .history-page .action-item .button
{
    width:130px;
    height:50px;
    color:white;
    font-size:27px;
    background:black;
    border-radius:7px;
    margin:0px 80px 25px 0px;
    border:3px solid #404040;
    font-family:"Moonstone Miso";
}

.call-page-panel-web-child .history-page .page-item
{
    padding:0px 0px 0px 0px;
}

.call-page-panel-web-child .history-page .page-item .previous-button
{
    width:130px;
    height:50px;
    color:white;
    font-size:29px;
    background:black;
    border-radius:7px;
    border:3px solid black;
    margin:0px 0px 0px 28px;
    font-family:"Moonstone Miso";
}

.call-page-panel-web-child .history-page .page-item .next-button
{
    width:130px;
    height:50px;
    color:white;
    font-size:29px;
    background:black;
    border-radius:7px;
    border:3px solid black;
    margin:0px 0px 0px 83px;
    font-family:"Moonstone Miso";
}

.call-page-panel-web-child .history-page .page-item .page-text
{
    border:0px;
    color:white;
    font-size:29px;
    background:black;
    margin:0px 0px 0px 83px;
    font-family:"Moonstone Miso";
}

.call-page-panel-web-child .history-page .history-list
{
    width:700px;
    height:580px;
    margin:0px 0px 15px 0px;
}

.call-page-panel-web-child .history-page .history-list .history-list-item
{
    width:520px;
    height:105px;
    color:white;
    text-align:left;
    border-radius:7px;
    border:3px solid black;
    margin:10px 0px 0px 0px;
    padding:20px 0px 0px 45px;
    font-family:"Moonstone Miso";
}

.call-page-panel-web-child .history-page .history-list .history-list-item .text
{
    width:400px;
    margin:0px 0px 5px 0px;
}

.call-page-panel-web-child .history-page .history-list .history-list-item .image-hc1
{
    background:url('../assets/1080/hc2.png');
}

.call-page-panel-web-child .history-page .history-list .history-list-item .image-hr1
{
    background:url('../assets/1080/hr1.png');
}

.call-page-panel-web-child .history-page .history-list .history-list-item .image-hc-pre
{
    background:url('../assets/1080/hc1.png');
}

.call-page-panel-web-child .history-page .history-list .history-list-item .image-hr-pre
{
    background:url('../assets/1080/hr2.png');
}

.call-page-panel-web-child .history-page .history-list .history-list-item .status-image
{
    left:470px;
    bottom:34%;
    width:50px;
    height:50px;
    position:absolute;
}

.call-page-panel-web-child .history-page .tool-item
{
    width:650px;
    height:70px;
    margin:0px 0px 0px 100px;
    padding:0px 0px 0px 0px;
}

.call-page-panel-web-child .history-page .tool-item .radio-item-one
{
    color:white;
    height:65px;
    border-radius:7px;
    margin:0px 5px 0px 75px;
    border:3px solid black;
    font-family:"Moonstone Miso";
}

.call-page-panel-web-child .history-page .tool-item .radio-item-two
{
    color:white;
    height:65px;
    border-radius:7px;
    margin:0px 50px 0px 60px;
    border:3px solid black;
    font-family:"Moonstone Miso";
}

.call-page-panel-web-child .history-page .tool-item .clear-item
{
    color:white;
    width:170px;
    height:65px;
    font-size:30px;
    background:black;
    border-radius:7px;
    text-align:center;
    border:3px solid black;
    font-family:"Moonstone Miso";
}

.call-page-panel-web-child .detail-history-page
{
    width:100%;
    height:100%;
    background:black;
    text-align:left;
    margin:0px 0px 0px 0px;
    padding:45px 0px 0px 35px;
}

.call-page-panel-web-child .detail-history-page .title
{
    color:white;
    font-size:30px;
    margin:0px 0px 60px 0px;
    font-family:"Moonstone Miso";
}

.call-page-panel-web-child .detail-history-page .info-text
{
    color:white;
    font-size:30px;
    margin:0px 0px 15px 0px;
    font-family:"Moonstone Miso";
}

.call-page-panel-web-child .detail-history-page .tool-button
{
    height:55px;
    width:220px;
    color:white;
    font-size:25px;
    border-radius:7px;
    border:3px solid #404040;
    margin:5px 60px 0px 0px;
    font-family:"Moonstone Miso";
    background:black;
}

/*************
   ��ַ������css
***************/

.contact-page-panel-web
{
    float:left;
    border:0px;
    width:915px;
    height:100%;
    padding:0px 0px 0px;
}

.contact-page-panel-web-child
{
    width:660px;
    height:100%;
    border:0px;
    padding:0px 0px 0px;
    margin:0px 0px 0px 915px;
    background:black;
}

.contact-page-panel-web .contact-page
{
    width:100%;
    height:100%;
    text-align:left;
    padding:0px 0px 0px 120px;
}

.contact-page-panel-web .contact-page .panel-scroll
{
    width:1100px;
    height:1000px;
    margin:0px 0px 0px -20px;
    padding:0px 0px 0px 0px;
}

.contact-page-panel-web .contact-page .tool-button
{
    height:55px;
    width:55px;
    color:white;
    font-size:28px;
    background:black;
    border-radius:7px;
    margin:20px 60px 20px 0px;
    border:3px solid black;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web .contact-page .add-button
{
    background:url('../assets/1080/addcontact.png');
}

.contact-page-panel-web .contact-page .clear-button
{
    background:url('../assets/1080/trash.png');
}

.contact-page-panel-web .contact-page .import-button
{
    background:url('../assets/1080/import.png');
}

.contact-page-panel-web .contact-page .export-button
{
    background:url('../assets/1080/export.png');
}

.contact-page-panel-web .contact-page .moon-simple-picker
{
    float:left;
    width:260px;
    color:white;
    font-size:28px;
    background:black;
    margin:20px 40px 20px -10px;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web .contact-page .panel-item-one
{
    padding:0px 0px 0px 0px;
    margin:0px 40px 30px 20px;
}

.contact-page-panel-web .contact-page .panel-item-one .image-item
{
    float:left;
	height:40px;
    margin:15px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.contact-page-panel-web .contact-page .panel-item-one .image-item .image
{
    width:40px;
    height:40px;
    border:0px solid white;
    margin:0px 0px 0px 0px;
    background:url('../assets/1080/ss.png') no-repeat;
}

.contact-page-panel-web .contact-page .panel-item-one .moon-divider
{
    width:350px;
    margin:10px 0px 0px 0px;
    border-bottom:2px solid white;
}

.contact-page-panel-web .contact-page .panel-item-one .moon-input-decorator
{
    border:0px;
    width:300px;
    height:50px;
    border-radius:0px;
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    background:black;
}

.contact-page-panel-web .contact-page .panel-item-one .moon-input-decorator .moon-input
{
    width:300px;
    color:white;
    font-size:30px;
    margin:20px 0px 0px 10px;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web .contact-page .panel-item-two
{
    width:400px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.contact-page-panel-web .contact-page .panel-item-two .group-image
{
    top:5px;
    left:305px;
    width:54px;
    height:54px;
    color:white;
    position:absolute;
    border-radius:7px;
    margin:0px 0px 0px 0px;
    border:3px solid black;
    background:url('../assets/1080/edit1.png');
}

.contact-page-panel-web .contact-page .panel-item-two .tool-button
{
    color:white;
    height:60px;
    width:320px;
    font-size:30px;
    background:black;
    border-radius:7px;
    margin:10px 0px 0px 40px;
    border:3px solid #404040;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web .contact-page .panel-item-two .moon-expandable-picker-header-wrapper
{
    width:250px;
    height:35px;
    color:white;
    border-radius:7px;
    border:3px solid #404040;
    margin:0px 0px 15px 20px;
    font-family:"Moonstone Miso";
    background:black !important;
}

.contact-page-panel-web .contact-page .panel-item-two .moon-expandable-list-item-client .moon-item
{
    color:white;
    width:210px;
    border-radius:7px;
    border:3px solid black;
    margin:0px 0px 0px 30px;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web .contact-page .panel-item-two .moon-checkbox .moon-icon
{
    color:white;
    font-size:65px;
    margin:0px 0px 0px 0px;
}

.contact-page-panel-web .contact-page .panel-item-three
{
    width:1000px;
    height:800px;
}

.contact-page-panel-web .contact-page .smooth-panels
{
    width:100%;
    margin:0px 0px 0px 0px;
    background:green;
}

.contact-page-panel-web .contact-page .smooth-panels .moon-datalist
{
    width:80%;
    height:500px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web .contact-page .moon-datalist-item
{
    width:720px;
    height:85px;
    background:black;
    border-radius:7px;
    border:3px solid black;
    padding:0px 0px 0px 0px;
    margin:0px 0px 10px 0px;
}

.contact-page-panel-web .contact-page .moon-datalist-item .moon-item
{
    width:35%;
    height:40px;
    color:white;
    padding:0px 0px 0px 0px;
    border-right:0.5px solid #404040;
}

.contact-page-panel-web .contact-page .moon-datalist-item .tools-item
{
    width:70px;
    height:100%;
    color:white;
    padding:0px 0px 0px 0px;
    border-right:0px solid #404040;
}

.contact-page-panel-web .contact-page .moon-datalist-item .text-name
{
    float:left;
    width:280px;
    padding:0px 0px 0px 0px;
    margin:25px 40px 0px 10px;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web .contact-page .moon-datalist-item .text-url
{
    float:left;
    width:280px;
    padding:0px 0px 0px 0px;
    margin:25px 20px 0px 0px;
    font-family:"Moonstone Miso";
    border-right:0px solid #404040;
}

.contact-page-panel-web .contact-page .moon-datalist-item .icon
{
    width:40px;
    height:35px;
    margin:25px 0px 0px 0px;
    background:url('../assets/1080/sanjiao.png')
}

.contact-page-panel-web .contact-page .moon-datalist-item .moon-button
{
    float:left;
    width:120px;
    height:57px;
    color:white;
    background:black;
    border-radius:7px;
    margin:13px 0px 10px 0px;
    border:3px solid #404040;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web .contact-page .moon-datalist-item .call-button
{
    margin:12px 20px 0px 0px;
}

.contact-page-panel-web .contact-page .phone-book-list
{
    width:80%;
    height:443px;
    padding:0px 0px 0px 0px;
    margin:15px 0px 0px 20px;
}

.contact-page-panel-web .contact-page .phone-book-list .moon-item
{
    height:125px;
    padding:0px 0px 0px 0px;
}

.contact-page-panel-web .contact-page .phone-book-list .moon-item .moon-item
{
    width:50%;
    height:100%;
    padding:0px 0px 0px 0px;
    float:left;
    background:black;
}

.contact-page-panel-web .contact-page .phone-book-list .moon-item .moon-button
{
    width:140px;
    height:62px;
    color:white;
    font-size:25px;
    background:black;
    border-radius:7px;
    margin:5px 0px 0px 40px;
    border:3px solid #404040;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web .contact-page .phone-book-list .moon-item .moon-item .text
{
    color:white;
    font-size:25px;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web .contact-page .phone-book-detail-page
{
    width:500px;
    height:500px;
    margin:25px 0px 0px 20px;
}

.contact-page-panel-web .contact-page .phone-book-detail-page .info-text
{
    color:white;
    font-size:30px;
    font-family:"Moonstone Miso";
    margin:0px 0px 20px 0px;
}

.contact-page-panel-web .contact-page .phone-book-detail-page .back-button
{
    color:white;
    width:230px;
    height:60px;
    font-size:30px;
    background:black;
    border-radius:7px;
    border:3px solid #404040;
    margin:20px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web-child .add-contact-page
{
    text-align:left;
    padding:15px 0px 0px 45px;
}

.contact-page-panel-web-child .add-contact-page .panel-scroll
{
    height:800px;
    width:800px;
}

.contact-page-panel-web-child .add-contact-page .panel-item
{
    width:600px;
    color:white;
    border:0px solid white;
    padding:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web-child .add-contact-page .input-item
{
    padding:0px 0px 0px 0px;
    margin:20px 0px 30px 0px;
}

.contact-page-panel-web-child .add-contact-page .panel-item .text
{
    float:left;
    font-size:30px;
    margin:45px 45px 0px 0px;
    padding:0px 0px 0px 0px;
}

.contact-page-panel-web-child .add-contact-page .panel-item .moon-expandable-picker-header-wrapper
{
    color:white;
    width:275px;
    height:35px;
    border-radius:7px;
    border:3px solid #404040;
    margin:30px 0px 20px 0px;
    font-family:"Moonstone Miso";
    background:black !important;
}

.contact-page-panel-web-child .add-contact-page .panel-item .moon-expandable-list-item-client .moon-item
{
    color:white;
    width:220px;
    border-radius:7px;
    border:3px solid black;
    margin:0px 0px 0px 120px;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web-child .add-contact-page .panel-item .moon-checkbox .moon-icon
{
    color:white;
    font-size:65px;
    margin:0px 0px 0px 0px;
}

.contact-page-panel-web-child .add-contact-page .moon-input-decorator
{
    height:50px;
    border-radius:0px;
    background:black;
    border:0px solid white;
}

.contact-page-panel-web-child .add-contact-page .moon-input-decorator .moon-input
{
    color:white;
    font-size:35px;
    margin:0px 0px 5px 0px;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web-child .add-contact-page .title
{
    color:white;
    font-size:30px;
    margin:20px 0px 10px 0px;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web-child .add-contact-page .text
{
    height:50px;
    color:white;
    font-size:30px;
    background:black;
    border:0px solid white;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web-child .add-contact-page .moon-divider
{
    width:445px;
    margin:-5px 0px 30px 0px;
    border-bottom:2px solid white;
}

.contact-page-panel-web-child .add-contact-page .picker-text
{
    float:left;
    width:60px;
    font-size:30px;
    text-align:left;
    margin:15px 0px 5px 0px;
}

.contact-page-panel-web-child .add-contact-page .big-button
{
    width:450px;
    height:70px;
    color:white;
    font-size:28px;
    background:black;
    border-radius:7px;
    text-align:center;
    margin:20px 0px 15px 0px;
    padding:0px 0px 0px 0px;
    border:3px solid #404040;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web-child .add-contact-page .small-button
{
    width:200px;
    height:55px;
    color:white;
    font-size:30px;
    background:black;
    border-radius:7px;
    text-align:center;
    margin:15px 50px 25px 0px;
    padding:0px 0px 0px 0px;
    border:3px solid #404040;
    font-family:"Moonstone Miso";
}

.contact-page-panel-web-child .add-contact-page .moon-simple-picker
{
    width:400px;
    margin:10px 0px 15px 0px;
}

.contact-page-panel-web-child .add-contact-page .moon-simple-picker-client-wrapper
{
    color:white;
    margin:2px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

/*************
   ���ƽ���css
***************/

.control-page-panel-web
{
    width:410px;
    height:100%;
    border:0px;
    float:left;
    padding:0px 0px 0px 0px;
    background:black;
}

.control-page-panel-web-child
{
    width:1230px;
    height:100%;
    border:0px;
    padding:0px 0px 0px 0px;
    background:black;
}

.control-page-panel-web .control-page
{
    width:100%;
    height:100%;
    text-align:left;
    background:black;
    margin:0px 0px 0px 0px;
    padding:15px 0px 0px 10%;
}

.control-page-panel-web .control-page .scroll
{
    height:750px;
    padding:10px 0px 0px 0px;
}

.control-page-panel-web .control-page .item.moon-item
{
    color:white;
    width:70%;
    height:45px;
    font-size:30px;
    border-radius:7px;
    border:3px solid black;
    margin:0px 0px 30px 30px;
    padding:5px 0px 0px 5px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web .control-page .item.focus-menu
{
    border:3px solid yellow;
}

.control-page-panel-web .control-page .item .images-video
{
    float:left;
    width:50px;
    height:50px;
    margin:-8px 20px 0px 0px;
    background:url('../assets/1080/cameraAssistor.png');
}

.control-page-panel-web .control-page .item .images-computer
{
    float:left;
	width:50px;
	height:50px;
	margin:-8px 23px 0px -3px;
	background:url('../assets/1080/computer.png');
}

.control-page-panel-web .control-page .item .images-record
{
    float:left;
    width:50px;
    height:50px;
    margin:-8px 21px 0px -1px;
    background:url('../assets/1080/cameraAssistor.png');
}

.control-page-panel-web .control-page .item .images-video
{
    float:left;
    width:50px;
    height:50px;
    margin:-8px 20px 0px 0px;
    background:url('../assets/1080/movie.png');
}

.control-page-panel-web .control-page .item .images-security
{
    float:left;
    width:50px;
    height:50px;
    margin:-6px 20px 0px 0px;
    background:url('../assets/1080/pacman.png');
}

.control-page-panel-web .control-page .item .images-lock
{
    float:left;
    width:42px;
    height:42px;
    margin:-3px 23px 0px 4px;
    background:url('../assets/1080/lock.png');
}

.control-page-panel-web .control-page .item .images-menu
{
    float:left;
	width:37px;
	height:37px;
	margin:-0px 26px 0px 7px;
	background:url('../assets/1080/menu.png');
}

.control-page-panel-web .control-page .item .images-power
{
    float:left;
	width:45px;
	height:45px;
	margin:-3px 23px 0px 2px;
	background:url('../assets/1080/power.png');
}

.control-page-panel-web .control-page .item .images-rtmp
{
    float:left;
    width:45px;
    height:45px;
    margin:-3px 23px 0px 2px;
    background:url('../assets/1080/rtmp.png');
}

.control-page-panel-web .control-page .item .images-network
{
    float:left;
    width:45px;
    height:45px;
    margin:-7px 23px 0px 2px;
    background:url('../assets/1080/satellite.png');
}
/* ��Ƶ��ͼ */
.control-page-panel-web .control-page .item .images-photo
{
    float:left;
    width:45px;
    height:45px;
    margin:-7px 23px 0px 2px;
    background:url('../assets/1080/satellite.png');
}

.control-page-panel-web-child .presentation-page .toggle-item
{
    width:400px;
    color:white;
    border-radius:7px;
    border:3px solid black;
    margin:20px 0px 30px 0px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .network-visca-page .toggle-item
{
    width:400px;
    color:white;
    border-radius:7px;
    border:3px solid black;
    margin:20px 0px 30px 0px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .rtmp-page .toggle-item
{
    width:400px;
    color:white;
    margin:21px 0px 30px 0px;
    border:3px solid black;
    border-radius:7px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .record-control-page
{
    text-align:left;
    padding:0px 0px 0px 0px;
}

.control-page-panel-web-child .record-control-page .scroll
{
    width:970px;
    height:390px;
    margin:55px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background:black;
}

.control-page-panel-web-child .record-control-page .toggle-item
{
    width:400px;
    color:white;
    border-radius:7px;
    border:3px solid black;
    margin:22px 0px 30px 0px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .record-control-page .active-button
{
    float:left;
    color:white;
    /* width:120px; */
    min-width: 120px;
    height:50px;
    font-size:30px;
    background:black;
    border-radius:7px;
    border:3px solid #303030;
    margin:5px 0px 15px 234px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .record-control-page .title-button
{
    float:left;
    color:white;
    font-size:30px;
    text-align:left;
    background:black;
    border:0px solid black;
    margin:10px 0px 15px 7px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .record-control-page .scroll .item
{
    width:840px;
    color:white;
    border-radius:7px;
    border:3px solid black;
    margin:13px 0px 10px 9px;
    padding:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .record-control-page .scroll .item .marquee-decorator
{
	 float:left;
}

.control-page-panel-web-child .record-control-page .scroll .item .item
{
    width:400px;
    color:white;
    font-family:"Moonstone Miso";
    margin:5px 0px 10px 0px;
}

.control-page-panel-web-child .record-control-page .scroll .item .active-button
{
    width:120px;
    height:50px;
    color:white;
    background:black;
    border-radius:7px;
    border:3px solid #303030;
    margin:0px 0px 0px 20px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .camera-control-page
{
    text-align:left;
    padding:23px 0px 0px 30px;
}

.control-page-panel-web-child .camera-control-page .moon-simple-picker
{
    width:350px;
    margin:0px 0px 30px 20px;
}

.control-page-panel-web-child .camera-control-page .text
{
    color:white;
    font-size:30px;
    margin:0px 350px 0px 10px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .camera-control-page .moon-button
{
    width:120px;
    height:60px;
    color:black;
    font-size:30px;
    background:white;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .camera-control-page .turn-up
{
    margin:0px 240px 0px 140px;
}

.control-page-panel-web-child .camera-control-page .turn-down
{
    margin:0px 240px 30px 140px;
}

.control-page-panel-web-child .camera-control-page .turn-left
{
    margin:0px 160px 0px 0px;
}

.control-page-panel-web-child .camera-control-page .turn-right
{
    margin:0px 160px 0px 0px;
}

.control-page-panel-web-child .camera-control-page .focus-up .focus-text
{
    color:black;
    font-size:60px;
    margin:-10px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .camera-control-page .focus-down .focus-text
{
    color:black;
    font-size:60px;
    margin:-10px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .camera-control-page .position-set
{
    margin:20px 20px 30px 140px;
}

.control-page-panel-web-child .camera-control-page .position-active
{

}

.control-page-panel-web-child .camera-control-page .camera-set
{
    margin:20px 20px 0px 140px;
}

.control-page-panel-web-child .camera-control-page .right-image
{
    width:18px;
    height:35px;
    margin:-10px 0px 0px 10px;
    background:url('../assets/1080/right_image.png');
}

.control-page-panel-web-child .camera-control-page .left-image
{
    width:18px;
    height:35px;
    margin:-10px 0px 0px 0px;
    background:url('../assets/1080/left_image.png');
}

.control-page-panel-web-child .camera-control-page .up-image
{
    width:35px;
    height:18px;
    margin:-10px 0px 0px 0px;
    background:url('../assets/1080/up_image.png');
}

.control-page-panel-web-child .camera-control-page .down-image
{
    width:35px;
    height:18px;
    margin:0px 0px 0px 0px;
    background:url('../assets/1080/down_image.png');
}

.control-page-panel-web-child .camera-set-page
{
    padding:9px 0px 0px 0px;
}

.control-page-panel-web-child .camera-set-page .set-menu
{
    float:left;
    width:250px;
}

.control-page-panel-web-child .camera-set-page .set-menu .moon-item
{
    color:white;
    font-size:30px;
    border-radius:7px;
    border:3px solid black;
    margin:0px 0px 30px 0px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .camera-set-page .set-page
{
    height:500px;
}

.control-page-panel-web-child .display-mode-page
{
    text-align:left;
    padding:15px 0px 0px 0px;
}

.control-page-panel-web-child .display-mode-page .scroll
{
    width:500px;
    height:750px;
}

.control-page-panel-web-child .display-mode-page .moon-expandable-picker-header-wrapper
{
    color:white;
    width:350px;
    border-radius:7px;
    border:3px solid black;
    margin:5px 0px 15px 0px;
    font-family:"Moonstone Miso";
    background:black !important;
}

.control-page-panel-web-child .display-mode-page .moon-expandable-list-item-client .moon-item
{
    color:white;
    width:350px;
    border-radius:7px;
    border:3px solid black;
    margin:0px 0px 0px 20px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .display-mode-page .moon-checkbox .moon-icon
{
    color:white;
    margin:0px 0px 0px 0px;
}

.control-page-panel-web-child .power-control-page
{
    text-align:left;
    padding:28px 0px 0px 30px;
}

.control-page-panel-web-child .power-control-page .button
{
    /* width:175px; */
    min-width: 175px;
    height:50px;
    color:white;
    font-size:30px;
    background:black;
    border-radius:7px;
    margin:0px 50px 0px 0px;
    border:3px solid #404040;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .power-control-page .button:hover {
    border: 3px solid #3299cc;
}

.control-page-panel-web-child .moon-expandable-list-item-client .moon-item
{
    color:white;
    width:350px;
    border-radius:7px;
    border:2px solid black;
    margin:0px 0px 0px 20px;
    font-family:"Moonstone Miso";
    background:black !important;
}

.control-page-panel-web-child .video-source-page
{
    text-align:left;
    padding:21px 0px 0px 30px;
}

.control-page-panel-web-child .video-source-page .radio-item
{
    color:white;
    border-radius:7px;
    border:3px solid black;
    margin:0px 25px 0px 0px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .conference-control-page
{
    text-align:left;
    padding:35px 0px 0px 30px;
}

.control-page-panel-web-child .conference-control-page .header-text
{
    float:left;
    color:white;
    width:228px;
    margin:0px 50px 20px 0px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .conference-control-page .title-text
{
    float:left;
    color:white;
    font-family:"Moonstone Miso";
    margin:0px 50px 35px 0px;
}

.control-page-panel-web-child .conference-control-page .speak-img
{
    float:left;
    width:50px;
    height:50px;
    margin:-7px 0px 0px 50px;
}

.control-page-panel-web-child .conference-control-page .scroll
{
    float:left;
    width:850px;
    height:570px;
    background:black;
    border-radius:7px;
    margin:-30px 0px 0px -5px;
    border:3px solid #404040;
}

.control-page-panel-web-child .conference-control-page .moon-item
{
   padding:0px 0px 0px 0px;
   margin:0px 0px 25px 0px;
}

.control-page-panel-web-child .conference-control-page .tool-item
{
	width:245px;
    margin:-30px 0px 0px 0px;
}

.control-page-panel-web-child .conference-control-page .scroll .table-item
{
    width:85%;
    float:left;
    height:50px;
    border-radius:7px;
    border:3px solid black;
    margin:3px 0px -3px 0px;
    padding:0px 0px 0px 0px;
}

.control-page-panel-web-child .conference-control-page .scroll .table-item .text
{
    float:left;
    color:white;
    width:281px;
    font-size:30px;
    margin:5px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .conference-control-page .scroll .table-item .status-text
{
    float:left;
    color:white;
    height:100%;
    width:140px;
    font-size:30px;
    margin:5px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .conference-control-page .scroll .remove-text
{
    float:left;
    color:white;
    width:66px;
    height:50px;
    border-radius:7px;
    text-align:center;
    border:3px solid black;
    margin:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .conference-control-page .moon-item .tool-button
{
    color:white;
    width:235px;
    height:57px;
    font-size:28px;
    background:black;
    border-radius:7px;
    margin:5px 0px 0px 5px;
    border:3px solid #404040;
    font-family:"Moonstone Miso";
}
/* ��Ƶ��ͼ */
.control-page-panel-web-child .screen-shot-page {
    padding:28px 0px 0px 30px;
}

.control-page-panel-web-child .screen-shot-page .screen-shot-image{
    display: block;
    width: 60vmin;
    height: 60vmin;   
    min-width: 500px;
    min-height: 500px;
    border-radius: 5px;
    margin-bottom: 50px;
    border: 2px solid #ccc;
}

.control-page-panel-web-child .screen-shot-page .button{
    width:175px;
    height:50px;
    color:white;
    font-size:30px;
    background:black;
    border-radius:7px;
    border:2px solid #404040;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .screen-shot-page .button-container{
    width: 60vmin;
    height: 60vmin;   
    min-width: 500px;
}
.control-page-panel-web-child .screen-shot-page .button-float-left{
    float: left;
    margin-left: 50px;
}

.control-page-panel-web-child .screen-shot-page .button-float-right{
    float: right;
    margin-right: 50px;
}
/*************
   ���Ͻ���css
***************/

.diagnose-page-panel-web
{
    width:410px;
    height:100%;
    border:0px;
    float:left;
    padding:0px 0px 0px 0px;
    background:black;
}

.diagnose-page-panel-web-child
{
    width:1230px;
    height:100%;
    border:0px;
    padding:13px 0px 0px 0px;
    margin:0px 0px 0px 410px;
    background:black;
}

.diagnose-page-panel-web .diagnose-page
{
    width:100%;
    height:100%;
    text-align:left;
    background:black;
    margin:0px 0px 0px 0px;
    padding:15px 0px 0px 10%;
}

.diagnose-page-panel-web .diagnose-page .scroll
{
    height:600px;
    padding:10px 0px 0px 0px;
}

.diagnose-page-panel-web .diagnose-page .item.moon-item
{
    width:70%;
    height:50px;
    color:white;
    font-size:30px;
    border-radius:7px;
    border:3px solid black;
    margin:0px 0px 30px 10px;
    padding:10px 0px 0px 30px;
    font-family:"Moonstone Miso";
}

.diagnose-page-panel-web .diagnose-page .item.focus-menu
{
    border:3px solid yellow;
}

.diagnose-page-panel-web .diagnose-page .item .images-system
{
    float:left;
    width:50px;
    height:50px;
    margin:-8px 22px 0px -2px;
    background:url('../assets/1080/Equalizer1.png') 0px 3px;
}

.diagnose-page-panel-web .diagnose-page .item .images-info
{
	float:left;
	width:45px;
	height:45px;
	margin:-4px 22px 0px 2px;
	background:url('../assets/1080/log1.png');
}

.diagnose-page-panel-web .diagnose-page .item .images-call
{
    float:left;
    width:45px;
    height:45px;
    margin:-7px 23px 0px 1px;
    background:url('../assets/1080/call2.png');
}

.diagnose-page-panel-web .diagnose-page .item .images-log
{
    float:left;
    width:42px;
    height:42px;
    margin:-3px 25px 0px 2px;
    background:url('../assets/1080/log1.png');
}

.diagnose-page-panel-web .diagnose-page .item .images-audio
{
	float:left;
	width:40px;
	height:40px;
	margin:-1px 25px 0px 4px;
	background:url('../assets/1080/sound1.png');
}

.diagnose-page-panel-web .diagnose-page .item .images-video
{
	float:left;
	width:50px;
	height:50px;
	margin:-8px 20px 0px 0px;
	background:url('../assets/1080/movie.png');
}

.diagnose-page-panel-web-child .diagnose-page
{
    text-align:left;
}

.diagnose-page-panel-web-child .diagnose-page .diagnose-list .text
{
    border:0px;
    color:white;
    width:300px;
    float:left;
    font-size:25px;
    text-align:left;
    background:black;
    margin:0px 38px 0px 7px;
    font-family:"Moonstone Miso";
}

.diagnose-page-panel-web-child .diagnose-page .diagnose-list .marquee-text
{
    margin:3px 38px 0px 7px;
}

.diagnose-page-panel-web-child .diagnose-page .diagnose-list .diagnose-data-list
{
    float:left;
    width:1000px;
    height:750px;
    padding:0px 0px 0px;
}

.diagnose-page-panel-web-child .diagnose-page .diagnose-list .diagnose-item
{
    width:150px;
    height:750px;
    padding:20% 0px 0px 0px;
}

.diagnose-page-panel-web-child .diagnose-page .diagnose-list .diagnose-item .moon-button
{
    width:120px;
    height:60px;
    background:white;
    border-radius:7px;
    border:3px solid white;
    -webkit-transform:rotate(90deg);
}

.diagnose-page-panel-web-child .diagnose-page .diagnose-list .diagnose-item .moon-button .image
{
    margin:-5px 0px 0px 0px;
}

.diagnose-page-panel-web-child .audio-loop-page
{
    text-align:left;
    padding:20px 0px 0px 0px;
}

.diagnose-page-panel-web-child .video-input-page
{
    text-align:left;
    padding:35px 0px 0px 0px;
}

.diagnose-page-panel-web-child .video-input-page .text
{
    color:white;
    font-size:30px;
    font-family:"Moonstone Miso";
    margin:0px 0px 60px 0px;
}

.diagnose-page-panel-web-child .system-info-page
{
    text-align:left;
    padding:35px 0px 0px 0px;
}

.diagnose-page-panel-web-child .log-page
{
    text-align:left;
    padding:25px 0px 0px 0px;
}

.diagnose-page-panel-web-child .log-page .moon-item
{
    color:white;
    width:550px;
    border-radius:7px;
    border:3px solid black;
    padding:7px 0px 7px 15px;
    font-family:"Moonstone Miso";
}
/*************
   ���ý���css
***************/

.set-page-panel-web
{
    width:410px;
    height:100%;
    border:0px;
    float:left;
    padding:0px 0px 0px 0px;
}

.set-page-panel-web-child
{
    width:1230px;
    height:100%;
    border:0px;
    margin:0px 0px 0px 410px;
    padding:0px 0px 0px 0px;
}

.set-page-panel-web .set-page
{
    width:100%;
    height:100%;
    text-align:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 10%;
}

.set-page-panel-web .set-page .moon-expandable-picker-header:after
{
    content:""
}

.set-page-panel-web .set-page .moon-expandable-list-item.open .moon-expandable-picker-header:after
{
    content:""
}

.set-page-panel-web .set-page .scroll
{
    height:785px;
    width:90%;
    padding:5px 0px 0px 0px;
}

.set-page-panel-web .set-page .item.moon-item
{
    color:white;
    width:82%;
    height:50px;
    border-radius:7px;
    border:3px solid black;
    margin:15px 0px 20px 10px;
    padding:10px 0px 0px 30px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web .set-page .item.focus-menu
{
    border:3px solid yellow;
}

.set-page-panel-web .set-page .moon-accordion-header-wrapper
{
    width:82%;
    height:50px;
    border-radius:7px;
    margin:18px 0px 3px 10px;
    padding:10px 0px 0px 30px;
    border:3px solid black;
}

.set-page-panel-web .set-page .focus-menu.moon-accordion-header-wrapper
{
    border:3px solid yellow;
}

.set-page-panel-web .set-page .moon-accordion-header
{
    color:white;
    font-size:30px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web .set-page .accordion .text
{
    color:white;
    width:55%;
    height:35px;
    font-size:27px;
    border-radius:7px;
    border:3px solid black;
    margin:17px 0px 0px 80px;
    padding-left:25px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web .set-page .accordion .text.focus-menu
{
    border:3px solid yellow;
}

.set-page-panel-web .set-page .images-network
{
    float:left;
    width:34px;
	height:34px;
    margin:3px 29px 0px 8px;
    background:url('../assets/1080/network.png');
}

.set-page-panel-web .set-page .images-account
{
    float:left;
    width:50px;
    height:50px;
    margin:-6px 23px 0px -1px;
    background:url('../assets/1080/address.png');
}

.set-page-panel-web .set-page .images-user
{
    float:left;
    width:50px;
    height:50px;
    margin:-6px 21px 0px 0px;
    background:url('../assets/1080/user.png');
}

.set-page-panel-web .set-page .images-call
{
    float:left;
	width:45px;
	height:45px;
	margin:-7px 25px 0px 0px;
	background:url('../assets/1080/call2.png');
}

.set-page-panel-web .set-page .images-record
{
    float:left;
    width:45px;
    height:45px;
    margin:-4px 23px 0px 1px;
    background:url('../assets/1080/rtmp.png');
}

.set-page-panel-web .set-page .images-log
{
	float:left;
	width:45px;
	height:45px;
	margin:-4px 23px 0px 2px;
	background:url('../assets/1080/log1.png');
}

.set-page-panel-web .set-page .images-video
{
    float:left;
    width:50px;
    height:50px;
    margin:-6px 20px 0px 0px;
    background:url('../assets/1080/movie.png');
}

.set-page-panel-web .set-page .images-security
{
    float:left;
    width:50px;
    height:50px;
    margin:-6px 20px 0px 0px;
    background:url('../assets/1080/pacman.png');
}

.set-page-panel-web .set-page .images-protocol
{
    float:left;
    width:47px;
    height:47px;
    margin:-8px 23px 0px 0px;
    background:url('../assets/1080/pencil.png');
}

.set-page-panel-web .set-page .images-upgrade
{
    float:left;
    width:34px;
    height:34px;
    margin:0px 28px 0px 8px;
    background:url('../assets/1080/tj.png');
}


.set-page-panel-web .set-page .images-language
{
    float:left;
    width:50px;
    height:50px;
    margin:-7px 20px 0px 0px;
    background:url('../assets/1080/language.png');
}

.set-page-panel-web .set-page .images-rtmp
{
    float:left;
    width:50px;
    height:50px;
    margin:-5px 20px 0px 0px;
    background:url('../assets/1080/rtmp.png');
}

.set-page-panel-web .set-page .images-audio
{
    float:left;
	width:40px;
	height:40px;
	margin:-1px 26px 0px 4px;
	background:url('../assets/1080/sound1.png');
}

.set-page-panel-web .set-page .images-guide
{
    float:left;
    width:50px;
    height:50px;
    margin:-8px 20px 0px 0px;
    background:url('../assets/1080/Equalizer1.png');
}

.set-page-panel-web .set-page .images-advanced
{
    float:left;
    width:43px;
    height:43px;
    margin:-4px 24px 0px 4px;
    background:url('../assets/1080/advance.png');
}

.set-page-panel-web .set-page .images-power
{
    float:left;
    width:45px;
    height:45px;
    margin:-5px 23px 0px 2px;
    background:url('../assets/1080/power.png');
}

.set-page-panel-web .set-page .images-license
{
    float:left;
    width:50px;
    height:50px;
    margin:-8px 20px 0px 0px;
    background:url('../assets/1080/s.png');
}

.set-page-panel-web .set-page .images-pre
{
    float:left;
    width:50px;
    height:50px;
    margin:-8px 20px 0px 0px;
    background:url('../assets/1080/Previous.png') no-repeat;
}

.set-page-panel-web-child .network-page
{
    text-align:left;
    padding:15px 0px 0px 0px;
}

.set-page-panel-web-child .network-page .info-text
{
    border:0px;
    height:45px;
    color:white;
    float:left;
    font-size:28px;
    background:black;
    padding:0px 0px 0px 0px;
    margin:15px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .network-page .moon-simple-picker
{
    width:320px;
    margin:5px 0px 0px 0px;
}

.set-page-panel-web-child .network-page .moon-input-decorator
{
    border:0px;
    border-radius:0px;
    padding:0px 0px 0px 0px;
    margin:20px 0px 0px 0px;
    background:black;
}

.set-page-panel-web-child .network-page .moon-input-decorator .moon-input
{
    color:white;
    font-size:30px;
    margin:0px 0px 5px 15px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .network-page .moon-divider
{
    width:420px;
    margin:0px 0px 30px 0px;
    border-bottom:2px solid white;
}

.set-page-panel-web-child .network-page .button
{
    color:white;
    width:420px;
    height:70px;
    font-size:30px;
    border-radius:7px;
    background:black;
    border:3px solid #404040;
    font-family:"Moonstone Miso";
    margin:25px 0px 0px 0px;
}

.set-page-panel-web-child .user-manage-page
{
    text-align:left;
    padding:27px 0px 0px 0px;
}

.set-page-panel-web-child .user-manage-page .moon-item
{
    padding:0px 0px 0px 0px;
}

.set-page-panel-web-child .user-manage-page .info-text
{
    border:0px;
    height:45px;
    color:white;
    background:black;
    font-size:28px;
    padding:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .user-manage-page .title-text
{
    margin:0px 0px 15px 0px;
}

.set-page-panel-web-child .user-manage-page .moon-input-decorator
{
    border:0px;
    width:345px;
    background:black;
    border-radius:0px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.set-page-panel-web-child .user-manage-page .moon-input-decorator .moon-input
{
    color:white;
    font-size:30px;
    margin:0px 0px 5px 15px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .user-manage-page .moon-divider
{
    width:345px;
    margin:0px 0px 20px 0px;
    border-bottom:2px solid white;
}

.set-page-panel-web-child .user-manage-page .button
{
    color:white;
    width:345px;
    height:65px;
    font-size:30px;
    border-radius:7px;
    background:black;
    margin:30px 0px 10px 0px;
    border:3px solid #404040;
    font-family:"Moonstone Miso";

}

.set-page-panel-web-child .setting-page
{
    text-align:left;
    padding:0px 0px 0px 0px;
}

.set-page-panel-web-child .setting-page .set-data-list
{
    width:750px;
    height:530px;
    margin:17px 0px 0px 0px;
}

.set-page-panel-web-child .setting-page .button
{
    width:300px;
    height:65px;
    color:white;
    font-size:30px;
    background:black;
    border-radius:7px;
    border:3px solid #404040;
    margin:25px 0px 20px 0px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .message-page
{
    width:950px;
    height:800px;
}

.set-page-panel-web-child .message-page .scroll
{
    width:100%;
    height:300px;
}

.set-page-panel-web-child .message-page .marquee
{
    margin:22px 0px 0px 0px;
}

.set-page-panel-web-child .message-page .add-button
{
    width:49px;
    height:49px;
    color:white;
    font-size:30px;
    border-radius:7px;
    border:3px solid black;
    margin:-7px 0px 0px 0px;
    font-family:"Moonstone Miso";
    background:url('../assets/1080/add.png') center center no-repeat;
}

.set-page-panel-web-child .message-page .sub-button
{
    width:49px;
    height:49px;
    color:white;
    font-size:30px;
    border-radius:7px;
    border:3px solid black;
    margin:-7px 0px 0px 0px;
    font-family: "Moonstone Miso";
    background:url('../assets/1080/sub.png') -2px -5px no-repeat;
}

.set-page-panel-web-child .message-page .content-button
{
    width:200px;
    height:49px;
    color:white;
    font-size:30px;
    background:black;
    border:3px solid black;
    margin:-7px 0px 0px 0px;
    font-family: "Moonstone Miso";
}

.set-page-panel-web-child .message-page .moon-simple-picker
{
    width:275px;
    margin:-17px 0px 0px 0px;
}

.set-page-panel-web-child .message-page .moon-textarea-decorator
{
   width:750px;
   height:250px;
   border-radius:7px;
   border:3px solid #404040;
   padding:0px 0px 0px 0px;
   margin:-10px 0px 0px -5px;
}

.set-page-panel-web-child .message-page .moon-textarea-decorator .moon-textarea
{
    width:744px;
    height:228px;
    padding-top:15px;
    border-radius:7px;
    line-height:1.7;
}

.set-page-panel-web-child .message-page .send-button
{
    width:300px;
    height:65px;
    color:white;
    font-size:30px;
    background:black;
    border-radius:7px;
    border:3px solid #404040;
    margin:215px 0px 20px 0px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .message-page .stop-button
{
    width:300px;
    height:65px;
    color:white;
    font-size:30px;
    background:black;
    border-radius:7px;
    border:3px solid #404040;
    margin:10px 0px 20px 0px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .account-page
{
    text-align:left;
    padding:15px 0px 0px 0px;
}

.set-page-panel-web-child .account-page .disabled
{
    color:#404040
}

.set-page-panel-web-child .account-page .moon-item
{
    padding:0px 0px 0px 0px;
}

.set-page-panel-web-child .account-page .register-data-list
{
    width:100%;
    height:90px;
    padding:0px 0px 0px 0px;
    background:url('../assets/1080/back.png');
}

.set-page-panel-web-child .account-page .item-text
{
    border:0px;
    color:white;
    font-size:30px;
    text-align:left;
    background:black;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .account-page .toggle-item-text
{
    border:0px;
    float:left;
    color:white;
    font-size:30px;
    text-align:left;
    background:black;
    padding:0px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .account-page .info-text
{
    color:white;
    font-size:30px;
    margin:0px 0px 20px 0px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .account-page .moon-input-decorator
{
    border:0px;
    background:black;
    border-radius:0px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.set-page-panel-web-child .account-page .moon-input-decorator .moon-input
{
    color:white;
    font-size:32px;
    margin:-10px 0px 0px 20px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .account-page .moon-divider
{
    width:410px;
    margin:0px 0px 30px 0px;
    border-bottom:2px solid white;
}

.set-page-panel-web-child .account-page .pro-divider
{
    margin:-20px 0px 20px 0px;
}

.set-page-panel-web-child .account-page .ena-divider
{
    margin:0px 0px 10px 0px;
}

.set-page-panel-web-child .account-page .sip-divider
{
    width:410px;
    margin:0px 0px 22px 0px;
    border-bottom:2px solid white;
}

.set-page-panel-web-child .account-page .toggle-item
{
    width:100px;
    border-radius:7px;
    padding:0px 0px 5px 0px;
    margin:0px 0px 0px 0px;
    border:3px solid black;
}

.set-page-panel-web-child .account-page .moon-simple-picker
{
    width:300px;
    margin:-12px 0px 0px 0px;
}

.set-page-panel-web-child .account-page .commit-button
{
    width:410px;
    height:70px;
    color:white;
    font-size:30px;
    border-radius:7px;
    background:black;
    border:3px solid #404040;
    margin:20px 0px 0px 0px;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .language-page
{
    text-align:left;
    padding:16px 0px 0px 0px;
}

.set-page-panel-web-child .language-page .item
{
    color:white;
    width:500px;
    font-size:30px;
    padding-left:20px;
    border-radius:7px;
    margin:0px 0px 20px 0px;
    border:3px solid black;
    font-family:"Moonstone Miso";
}

.set-page-panel-web-child .language-page .moon-checkbox .moon-icon
{
    font-size:0px;
    margin:5px 0px 0px 0px;
    background:url('../assets/1080/check_active.png') no-repeat;
}

.set-page-panel-web-child .certificate-page
{
    padding:25px 0px 0px 0px;
}

.set-page-panel-web-child .certificate-page .upload-certificate-file1
{
	top:34px;
	left:8px;
	opacity:0;
	width:355px;
	height:50px;
	font-size:20px;
	position:absolute;
}

.set-page-panel-web-child .certificate-page .upload-certificate-file2
{
	top:34px;
	left:268px;
	opacity:0;
	width:355px;
	height:50px;
	font-size:20px;
	position:absolute;
}

.set-page-panel-web-child .certificate-page .upload-tools .upload-button
{
	width:355px;
	height:55px;
	color:white;
	font-size:29px;
	background:black;
	border-radius:7px;
	margin:0px 75px 43px 0px;
	border:3px solid #404040;
	font-family:"Moonstone Miso";
}

.set-page-panel-web-child .certificate-page .upload-tools .spot-button
{
    border:3px solid #3299cc;
}

.set-page-panel-web-child .certificate-page .title-text
{
	float:left;
	color:white;
	width:275px;
	font-size:30px;
	margin:0px 25px 26px 0px;
	font-family:"Moonstone Miso";
}

.set-page-panel-web-child .certificate-page .scroll
{
	width:950px;
	height:auto;
}

.set-page-panel-web-child .certificate-page .scroll .file-text
{
	float:left;
	color:white;
	width:275px;
	height:65px;
	font-size:30px;
	text-align:left;
	background:black;
	border:0px solid black;
	padding:0px 0px 0px 0px;
	margin:10px 25px 10px 0px;
	font-family:"Moonstone Miso";
}

.set-page-panel-web-child .certificate-page .scroll .delete-button
{
	color:white;
	width:135px;
	height:55px;
	font-size:30px;
	background:black;
	border-radius:7px;
	border:3px solid #404040;
	margin:0px 0px 26px 0px;
	font-family:"Moonstone Miso";
}

.set-page-panel-web-child .moon-checkbox.moon-toggle-switch
{
    margin:-10px 0px 0px 0px;
    background:url('../assets/1080/toggle-checked-none.png');
}

.set-page-panel-web-child .moon-checkbox.moon-toggle-switch[checked]
{
    margin:-10px 0px 0px 0px;
    background:url('../assets/1080/toggle-checked-active.png');
}

.empty-page-web
{
    width:100%;
    height:100%;
    baclground:black;
}
.min-width{
    min-width: 170px;
}
.spin-parent {
    display: inline-block
}

/* source/style/new-c9-web-720p.css */

@media screen and (max-width:1600px){
    .login-page
    {
        height:75%;
    }

    .login-page .body-item-box
    {
        height:80%;
        padding:80px 0px 0px 0px;
    }

    .login-page .title-item-box .link-item
    {
        padding:0px 0px 0px 3%;
    }

    .message-popup
    {
        width:450px;
        margin:0px 34% 22% 34%;
        padding:60px 0px 60px 0px;
        border:2px solid white;
        background:black;
    }

    .message-popup .moon-item
    {
        width:100%;
        font-size:20px;
        text-align:center;
        padding:5px 5px 5px 3px;
        font-family:"Moonstone Miso";
    }
	
	.choice-popup
	{
		width:500px;
		height:165px;
		padding:20px 0px 35px 0px;
		border:2px solid white;
		margin:0px 34% 22% 34%;
		background:black;
	}

	.choice-popup .moon-item
	{
		width:100%;
		font-size:20px;
		text-align:center;
		padding:5px 5px 5px 5px;
		margin:0px 0px 20px 0px;
		font-family:"Moonstone Miso";
	}

	.choice-popup .button-item .button
	{
		width:125px;
		height:45px;
		font-size:20px;
		background:black;
		border-radius:7px;
		border:2px solid white;
		margin:0px -45px 0px 100px;
		font-family:"Moonstone Miso";
	}

	.choice-popup .moon-marquee
	{
		width:100%;
		font-size:20px;
		text-align:center;
		padding:5px 5px 5px 5px;
		margin:0px 0px 20px 0px;
		font-family:"Moonstone Miso";
	}

	.choice-popup .import-file
	{
		top:55px;
		opacity:0;
		left:100px;
		width:125px;
		height:45px;
		font-size:30px;
		position:absolute;
	}

    .main-panels-web
    {
        width:1591px;
        height:831px;
        border-right:4px solid #333;
        border-bottom:4px solid #333;
    }

    .menu-panel{
        min-width:240px;
        width:240px;
    }

    .menu-panel-menu .image-logo
    {
        width:200px;
        height:110px;
        border:0px solid #000011;
        padding:0px 0px 0px 0px;
        margin:3px 0px 2px 20px;
    }

    .menu-panel-menu .menu-panel-menu-item
    {
        width:109px;
        height:87px;
        border:2px solid black;
        padding:22px 0px 0px 0px;
        margin:5px 0px 15px 60px;
    }

    .menu-panel-menu .focus-menu
    {
        border:2px solid yellow;
    }

    .menu-panel-menu .image
    {
        width:40px;
        height:34px;
    }

    .menu-panel-menu .text
    {
        font-size:20px;
        margin:-10px 0px 0px 0px;
    }

    .menu-panel-menu .menu-callpage-image
    {
        background:url('../assets/720/call.1.png') no-repeat center;
    }

    .menu-panel-menu .menu-contactpage-image
    {
        background:url('../assets/720/addressbook.png') no-repeat center;
    }

    .menu-panel-menu .menu-historypage-image
    {
        background:url('../assets/720/call_history.png') no-repeat center;
    }

    .menu-panel-menu .menu-settingspage-image
    {
        background:url('../assets/720/settings.png') no-repeat center;
    }

    .menu-panel-menu .menu-controlpage-image
    {
        margin:0px 0px 0px 8px;
        background:url('../assets/720/call_history.png') no-repeat;
    }

    .menu-panel-menu .menu-diagnosePage-image
    {
        width:40px;
        height:38px;
        margin:0px 0px 0px -3px;
        background:url('../assets/720/Equalizer.png') no-repeat;
    }

    .page-panel-web .moon-simple-picker-button.round-left
    {
        width:50px;
        height:50px;
        border-radius:25px;
        background:url('../assets/720/small-round-left.png') no-repeat;
    }

    .page-panel-web .moon-simple-picker-button.round-right
    {
        width:50px;
        height:50px;
        border-radius:25px;
        background:url('../assets/720/small-round-right.png') no-repeat;
    }

    .page-panel-web .moon-simple-picker-client-wrapper
    {
        font-size:20px;
        margin:-3px 0px 0px 0px;
    }

    .page-panel-web .moon-simple-picker .moon-icon
    {
        font-size:0px;
    }

    .page-panel-web .moon-checkbox.moon-toggle-switch
    {
        margin:-7px 0px 0px 0px;
        background:url('../assets/1080/toggle-checked-none.png');
    }

    .page-panel-web .moon-checkbox.moon-toggle-switch[checked]
    {
        margin:-7px 0px 0px 0px;
        background:url('../assets/1080/toggle-checked-active.png');
    }

    .page-panel-web .moon-expandable-picker-current-value
    {
        color:white;
        font-size:20px;
        font-family:"Moonstone Miso";
    }

    .page-panel-web .moon-expandable-picker-header:after
    {
        content:""
    }

    .page-panel-web .moon-expandable-list-item.open .moon-expandable-picker-header:after
    {
        content:""
    }

    .page-panel-web .moon-item.moon-formcheckbox-item
    {
        width:400px;
        font-size:20px;
        border:2px solid black;
    }

    .position-popup
    {
        width:35%;
        height:200px;
        padding:0px 0px 0px 50px;
        margin:0px 0px 12% 60%;
    }

    .position-popup .text
    {
        font-size:20px;
        margin:-15px 0px 0px 0px;
    }

    .position-popup .title-text
    {
        font-size:20px;
    }

    .position-popup .moon-button
    {
        width:90px;
        height:45px;
        margin:20px 10px 0px 0px;
    }

    .page-panel-web .page-panel-text-item
    {
        height:117px;
        font-size:20px;
        padding:0px 0px 0px 50px;
        margin:0px 0px 0px 0px;
    }

    .page-panel-web .page-panel-text-item .info-item
    {
        margin:0px 0px 0px 1%;
    }

    .page-panel-web .page-panel-text-item .exit-item
    {
        width:80px;
        height:40px;
        right:370px;
        top:40px;
        border:2px solid black;
        margin:0px 0px 0px 1%;
    }

    .page-panel-web .setting-item .setting-text
    {
        border:0px;
    }

    .page-panel-web .setting-item .moon-input-decorator .moon-input
    {
        font-size:20px;
    }

    .page-panel-web .setting-item .status
    {
        margin:0px 0px 24px 0px;
    }

    .page-panel-web .setting-item .status .setting-text
    {
        font-size:20px;
    }

    .page-panel-web .setting-item .txt
    {
        float:left;
        width:500px;
        font-size:20px;
        padding:0px 0px 0px 0px;
        margin:3px 0px 3px 0px;
    }

    .page-panel-web .setting-item .txt .text-label2
    {
        left:325px;
        font-size:20px;
    }

    .page-panel-web .setting-item .txt .null-label2
    {
        left:100px;
        font-size:20px;
    }

    .page-panel-web .setting-item .range
    {
        height:65px;
        margin:0px 0px 10px 0px;
    }

    .page-panel-web .setting-item .range .setting-text
    {
        font-size:20px;
    }

    .page-panel-web .setting-item .range .moon-input-decorator
    {
        width:150px;
        height:52px;
    }

    .page-panel-web .setting-item .range .moon-input-decorator .moon-input
    {
        font-size:20px;
        margin:-8px 0px 0px 0px;
    }

    .page-panel-web .setting-item .spin
    {
        /* height:65px; */
        min-width: 65px;
        font-size:20px;
        margin:0px 0px 10px 0px;
    }

    .page-panel-web .qs-set-page .setting-item .spin
    {
        /* height:55px; */
        min-height: 55px;
        font-size:20px;
        margin:0px 0px 10px 0px;
    }

    .page-panel-web .audio-out-set-page .setting-item .spin
    {
        /* height:65px; */
        min-width: 65px;
        font-size:20px;
        margin:0px 0px 10px 0px;
    }

    .page-panel-web .audio-in-set-page .setting-item .spin
    {
        /* height:55px; */
        min-width: 55px;
        margin:0px 0px 10px 0px;
    }

    .camera-set-page .setting-item .spin
    {
        font-size:20px;
        margin:15px 0px 15px 0px;
    }

    .page-panel-web .setting-item .spin .setting-text
    {
        height:35px;
        font-size:20px;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
    }

    .page-panel-web .setting-item .spin .sub-button
    {
        width:39px;
        height:39px;
        font-size:20px;
        background:url('../assets/720/sub.png') no-repeat;
        border:2px solid black;
        margin:0px 2px 0px 2px;
    }

    .page-panel-web .setting-item .spin .add-button
    {
        color:white;
        width:39px;
        height:39px;
        font-size:20px;
        background:url('../assets/720/add.png')no-repeat;
        border:2px solid black;
        margin:0px 0px 0px 50px;
    }

    .page-panel-web .setting-item .spin .danwei-button
    {
        width:37px;
        height:37px;
        color:white;
        font-size:20px;
        background:black;
        border-radius:7px;
        border:2px solid black;
        margin:0px 0px 0px 0px;
    }

    .page-panel-web .setting-item .spin .moon-input-decorator
    {
        width:70px;
        height:50px;
        border:0px;
        background:black;
        border-radius:0px;
    }

    .page-panel-web .setting-item .spin .moon-input-decorator .moon-input
    {
        width:65px;
        color:white;
        text-align:center;
        margin:-3px 0px 0px -15px;
        font-family:"Moonstone Miso";
    }

    .page-panel-web .setting-item .choice
    {
        height:65px;
        margin:0px 0px 10px 0px;
    }

    .page-panel-web .vpn-set-page .setting-item .choice
    {
        height:65px;
        margin:0px 0px 2px 0px;
    }

    .page-panel-web .setting-item .choice .setting-text
    {
        font-size:20px;
        margin:15px 0px 0px 0px;
    }

    .page-panel-web .setting-item .choice .moon-simple-picker
    {
        width:260px;
        font-size:20px;
        margin:5px 0px 0px 0px;
    }

    .camera-set-page .setting-item .choice
    {
        font-size:20px;
        margin:5px 0px 0px 0px;
    }

    .page-panel-web .setting-item .entry
    {
        height:65px;
        margin:0px 0px 5px 0px;
    }

    .page-panel-web .vpn-set-page .setting-item  .entry
    {
        height:65px;
        margin:0px 0px 10px 0px;
    }

    .page-panel-web .setting-item .entry .setting-text
    {
        font-size:20px;
    }

    .page-panel-web .setting-item .entry .moon-input-decorator
    {
        width:300px;
        height:52px;
    }

    .page-panel-web .setting-item .entry .moon-input-decorator .moon-input
    {
        width:240px;
        margin:-7px 0px 0px 0px;
    }

    .page-panel-web .setting-item .entry .upload-button
    {
        font-size:20px;
        border:2px solid #303030;
    }

    .page-panel-web .setting-item .entry .spot-fileInput
    {
        border:2px solid #3299cc;
    }

    .page-panel-web .setting-item .entry .upload-file
    {
        opacity:0;
        top:20px;
        left:440px;
        width:100px;
        height:60px;
        font-size:20px;
        position:absolute;
    }

    .page-panel-web .setting-item .time
    {
        margin:0px 0px 0px 0px;
    }

    .page-panel-web .setting-item .time .setting-text
    {
        font-size:20px;
    }

    .page-panel-web .setting-item .time .moon-input-decorator
    {
        width:60px;
        height:40px;
        border:0px;
        border-radius:0px;
    }

    .page-panel-web .setting-item .time .moon-input-decorator .moon-input
    {
        width:60px;
        margin:-7px 0px 0px -5px;
    }

    .page-panel-web .setting-item .toggle
    {
        margin:0px 0px 0px 0px;
    }

    .page-panel-web .setting-item .toggle .moon-formcheckbox-item .moon-checkbox
    {
        width:32px;
        height:32px;
        background-color:white;
    }

    .page-panel-web .setting-item .check-box-active .moon-checkbox
    {
        background:url('../assets/720/active-small.png');!important;
    }

    .page-panel-web .call-set-page .setting-item .toggle
    {
        margin:0px 0px 2px 0px;
    }

    .page-panel-web .sip-set-page .setting-item .toggle
    {
        margin:0px 0px 0px 0px;
    }

    .page-panel-web .record-set-page .setting-item .toggle
    {
        height:65px;
        margin:0px 0px 2px 0px;
    }

    .page-panel-web .audio-in-set-page .setting-item .toggle
    {
        height:60px;
        margin:0px 0px 2px 0px;
    }

    .page-panel-web .audio-out-set-page .setting-item .toggle
    {
        height:60px;
        margin:0px 0px 2px 0px;
    }

    .page-panel-web .qs-set-page .setting-item .toggle
    {
        height:65px;
        margin:30px 0px 2px 0px;
    }

    .page-panel-web .audio-usb-set-page .setting-item .toggle
    {
        height:64px;
        margin:0px 0px 0px 0px;
    }

    .page-panel-web .video-input-page .setting-item .toggle
    {
        height:65px;
        margin:0px 0px 2px 0px;
    }

    .page-panel-web .video-output-page .setting-item .toggle
    {
        width:650px;
        height:65px;
        margin:0px 0px 2px 0px;
    }

    .page-panel-web .hdmi1-set-page .setting-item .toggle
    {
        height:65px;
        margin:0px 0px 2px 0px;
    }

    .page-panel-web .hdmi2-set-page .setting-item .toggle
    {
        height:65px;
        margin:0px 0px 2px 0px;
    }

    .page-panel-web .aec-set-page .setting-item .toggle
    {
        height:65px;
        margin:0px 0px 2px 0px;
    }

    .page-panel-web .h323-set-page .setting-item .toggle
    {
        height:65px;
        margin:0px 0px 2px 0px;
    }

    .page-panel-web .marquee-set-page .setting-item .toggle
    {
        height:65px;
        margin:0px 0px 2px 0px;
    }

    .page-panel-web .power-set-page .setting-item .toggle
    {
        height:65px;
        margin:0px 0px 2px 0px;
    }

    .camera-set-page .setting-item .toggle
    {
        margin:10px 0px 0px 0px;
    }

    .page-panel-web .codecs-set-page .setting-item
    {
        height:60px;
        font-size:20px;
        margin:7px 0px 10px 0px;
    }

    .page-panel-web .codecs-set-page .setting-item .moon-formcheckbox-item .moon-checkbox
    {
        width:32px;
        height:32px;
        background-color:white;
    }

    .page-panel-web .setting-item .marquee
    {
        height:50px;
        margin:30px 0px 10px 0px;
    }

    .page-panel-web .setting-item .marquee .setting-text
    {
        font-size:20px;
    }

    .page-panel-web .setting-item .marquee .check-box-active .moon-checkbox
    {
        background:url('../assets/1080/marquee-check-active.png') no-repeat;!important;
    }

    .page-panel-web .setting-item .marquee .black-check-box-active .moon-checkbox
    {
        background:url('../assets/1080/marquee-check-active-white.png') no-repeat; !important;
    }

    .page-panel-web .setting-item .marquee .form-check-item
    {
        width:48px;
        height:45px;
        padding:0px 0px 0px 0px;
        margin:-2px 0px 0px 5px;
        border:2px solid white;
    }

    .page-panel-web .setting-item .marquee .form-check-item .moon-checkbox
    {
        width:44px;
        height:44px;
        border-radius:0px;
        margin:-6px 0px 0px -12px;
    }

    .page-panel-web .setting-item .marquee .form-check-item .moon-checkbox .moon-icon
    {
        font-size:0px;
    }

    .page-panel-web .setting-item .marquee .check-item1 .moon-checkbox
    {
        background-color:#FFFFFF;
    }

    .page-panel-web .setting-item .marquee .check-item2 .moon-checkbox
    {
        background-color:#000000;
    }

    .page-panel-web .setting-item .marquee .check-item3 .moon-checkbox
    {
        background-color:#ff0000;
    }

    .page-panel-web .setting-item .marquee .check-item4 .moon-checkbox
    {
        background-color:#00FF00;
    }

    .page-panel-web .setting-item .marquee .check-item5 .moon-checkbox
    {
        background-color:#ffff00;
    }

    .page-panel-web .setting-item .marquee .check-item6 .moon-checkbox
    {
        background-color:#0000ff;
    }

    .page-panel-web .setting-item .marquee .check-item7 .moon-checkbox
    {
        background-color:#a200ff;
    }

    .page-panel-web .setting-item .marquee .check-item8 .moon-checkbox
    {
        background-color:#ff6600;
    }

    .page-panel-web .setting-item .marquee .check-item9 .moon-checkbox
    {
        background-color:#00ffff;
    }

    .page-panel-web .setting-item .marquee .check-item10 .moon-checkbox
    {
        background-color:#FFC125;
    }

    .page-panel-web .moon-formcheckbox-item.spotlight .moon-checkbox-item-label-wrapper
    {
        color:white;
    }

    .page-panel-web .moon-formcheckbox-item
    {
        color:white;
        width:650px;
        font-size:28px;
        border-radius:7px;
        border:3px solid black;
        font-family:"Moonstone Miso";
    }

    .page-panel-web .moon-formcheckbox-item .moon-checkbox
    {
        width:40px;
        height:40px;
        background-color:white;
    }

    .page-panel-web .moon-formcheckbox-item .moon-checkbox .moon-icon
    {
        color:black;
        font-size:0px;
    }

    .page-panel-web .check-box-active .moon-checkbox
    {
        background:url('../assets/1080/active.png') no-repeat; !important;
    }
    /*************
       �����css
    ***************/

    .call-page-panel-web
    {
        width:500px;
        height:100%;
        border:0px solid #333;
        padding:0px 0px 0px 0px;
    }

    .call-page-panel-web-child
    {
        width:950px;
        height:100%;
        border:0px solid #333;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 500px;
    }

    .call-page-panel-web .call-page
    {
        width:500px;
        height:100%;
        margin:0px 0px 0px 0px;
        padding:45px 0px 0px 20%;
    }

    .call-page-panel-web .call-page .images-set
    {
        width:25px;
        height:25px;
        margin:-5px 10px 0px 0px;
        background:url('../assets/720/set-item.png');
    }

    .call-page-panel-web .call-page .images-dtmf
    {
        width:40px;
        height:24px;
        margin:-6px 10px 0px 0px;
        background:url('../assets/720/dtmf-key.png');
    }

    .call-page-panel-web .call-page .moon-item
    {
        width:330px;
        height:40px;
        font-size:20px;
        margin:0px 0px 20px 0px;
        padding:15px 0px 0px 0px;
        border:2px solid #404040;
    }

    .call-page-panel-web .call-page .picker-item
    {
        border:0px;
        padding:0px;
        width:500px;
        height:135px;
    }

    .call-page-panel-web .call-page .picker-item .moon-simple-picker
    {
        width:245px;
        margin:0px 0px 5px 0px;
    }

    .call-page-panel-web .call-page .picker-item .set-info
    {
        /* width:50px; */
        min-width: 50px;
        font-size:20px;
        margin:15px 0px 0px 43px;
        padding:0px 0px 0px 0px;
    }

    .call-page-panel-web .call-page .item
    {
        width:115px;
        height:45px;
        font-size:20px;
        margin:00px 20px 10px 0px;
        border:2px solid black;
    }

    .call-page-panel-web .call-page .moon-divider
    {
        width:330px;
        margin:5px 0px 35px 0px;
        border-bottom:1px solid white;
    }

    .call-page-panel-web .call-page .moon-input-decorator
    {
        width:330px;
        height:35px;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
    }

    .call-page-panel-web .call-page .moon-input-decorator .moon-input
    {
        font-size:30px;
    }

    .call-page-panel-web .call-page .call-list
    {
        width:400px;
        height:500px;
        border:0px solid white;
        padding:0px 0px 0px 0px;
        margin:15px 0px 0px 0px;
    }

    .call-page-panel-web .call-page .call-list .moon-item
    {
        color:white;
        font-size:20px;
        border:0px solid white;
        padding:0px 0px 0px 0px;
    }

    .call-page-panel-web .call-page .call-list .text
    {
        font-size:20px;
        margin:0px 90px 0px 0px;
    }

    .call-page-panel-web .call-page .call-list .hangup-button
    {
        width:49px;
        height:40px;
        border:2px solid #404040;
        margin:20px 0px 0px 15px;
        background: url('../assets/720/hangup.png') no-repeat;
    }

    .call-page-panel-web .call-page .call-list .answer-button
    {
        width:49px;
        height:40px;
        border:2px solid #404040;
        margin:20px 0px 0px 15px;
        background: url('../assets/720/answer.png') no-repeat;
    }

    .call-page-panel-web .call-page .call-list .info-item
    {
        height:45px;
        width:260px;
        padding:0px 0px 0px 0px;
        margin:15px 0px 0px 0px;
    }

    .call-page-panel-web .call-page .call-list .info-item .ip-info
    {
        width:105px;
        font-size:20px;
        margin:10px 15px 0px 0px;
        padding:0px 0px 0px 0px;
    }

    .call-page-panel-web .call-page .call-list .info-item .status-info
    {
        width:140px;
        font-size:20px;
        margin:10px 0px 0px 0px;
        padding:0px 0px 0px 0px;
    }

    .call-page-panel-web-child .history-page
    {
        width:100%;
        height:100%;
        margin:0px 0px 0px 0px;
        padding:35px 0px 0px 0px;
    }

    .call-page-panel-web-child .history-page .title
    {
        font-size:20px;
        margin:1.5% 0px 0px 48px;
        padding:0px 0px 0px 0px;
    }

    .call-page-panel-web-child .history-page .action-item
    {
        top:95px;
        left:485px;
        position:absolute;
    }

    .call-page-panel-web-child .history-page .action-item-rank-one
    {
        top:200px;
    }

    .call-page-panel-web-child .history-page .action-item-rank-two
    {
        top:310px;
    }

    .call-page-panel-web-child .history-page .action-item-rank-three
    {
        top:417px;
    }

    .call-page-panel-web-child .history-page .action-item .button
    {
        width:100px;
        height:35px;
        font-size:20px;
        margin:0px 80px 15px 0px;
        border:2px solid #404040;
    }

    .call-page-panel-web-child .history-page .page-item
    {
        padding:0px 0px 0px 0px;
    }

    .call-page-panel-web-child .history-page .page-item .previous-button
    {
        width:100px;
        height:40px;
        font-size:20px;
        border:2px solid black;
        margin:0px 0px 0px 28px;
    }

    .call-page-panel-web-child .history-page .page-item .next-button
    {
        width:100px;
        height:40px;
        font-size:20px;
        border:2px solid black;
        margin:0px 0px 0px 65px;
    }

    .call-page-panel-web-child .history-page .page-item .page-text
    {
        border:0px;
        font-size:20px;
        margin:0px 0px 0px 65px;
    }

    .call-page-panel-web-child .history-page .history-list
    {
        width:700px;
        height:435px;
        margin:0px 0px 15px 0px;
    }

    .call-page-panel-web-child .history-page .history-list .history-list-item
    {
        width:420px;
        height:85px;
        border:2px solid black;
        margin:2px 0px 8px 0px;
        padding:10px 0px 0px 45px;
    }

    .call-page-panel-web-child .history-page .history-list .history-list-item .text
    {
        width:315px;
        font-size:20px;
        margin:0px 0px 0px 0px;
    }

    .call-page-panel-web-child .history-page .history-list .history-list-item .image-hc1
    {
        background:url('../assets/720/hc2.png');
    }

    .call-page-panel-web-child .history-page .history-list .history-list-item .image-hr1
    {
        background:url('../assets/720/hr1.png');
    }

    .call-page-panel-web-child .history-page .history-list .history-list-item .image-hc-pre
    {
        background:url('../assets/720/hc1.png');
    }

    .call-page-panel-web-child .history-page .history-list .history-list-item .image-hr-pre
    {
        background:url('../assets/720/hr2.png');
    }

    .call-page-panel-web-child .history-page .history-list .history-list-item .status-image
    {
        left:370px;
        bottom:40%;
        width:30px;
        height:30px;
        position:absolute;
    }

    .call-page-panel-web-child .history-page .tool-item
    {
        width:650px;
        height:70px;
        margin:0px 0px 0px 100px;
        padding:0px 0px 0px 0px;
    }

    .call-page-panel-web-child .history-page .tool-item .radio-item-one
    {
        height:55px;
        font-size:20px;
        padding-top:15px;
        margin:0px 5px 0px 50px;
        border:2px solid black;
    }

    .call-page-panel-web-child .history-page .tool-item .radio-item-two
    {
        height:55px;
        font-size:20px;
        padding-top:15px;
        margin:0px 35px 0px 45px;
        border:2px solid black;
    }

    .call-page-panel-web-child .history-page .tool-item .clear-item
    {
        width:140px;
        height:55px;
        font-size:20px;
        border:2px solid black;
    }

    .call-page-panel-web-child .detail-history-page
    {
        width:100%;
        height:100%;
        margin:0px 0px 0px 0px;
        padding:45px 0px 0px 35px;
    }

    .call-page-panel-web-child .detail-history-page .title
    {
        font-size:20px;
        margin:0px 0px 30px 0px;
    }

    .call-page-panel-web-child .detail-history-page .info-text
    {
        font-size:20px;
        margin:0px 0px 5px 0px;
    }

    .call-page-panel-web-child .detail-history-page .tool-button
    {
        height:45px;
        width:150px;
        font-size:20px;
        border:2px solid #404040;
        margin:0px 60px 0px 0px;
    }

    /*************
       ��ַ������css
    ***************/

    .contact-page-panel-web
    {
        width:650px;
        height:100%;
        border:0px;
        padding:0px 0px 0px;
    }

    .contact-page-panel-web-child
    {
        width:460px;
        height:100%;
        border:0px;
        padding:0px 0px 0px;
        margin:0px 0px 0px 650px;
    }

    .contact-page-panel-web .contact-page
    {
        padding:0px 0px 0px 90px;
    }

    .contact-page-panel-web .contact-page .panel-scroll
    {
        width:1100px;
        height:1000px;
        margin:0px 0px 0px -20px;
        padding:0px 0px 0px 0px;
    }

    .contact-page-panel-web .contact-page .tool-button
    {
        float:left;
        height:38px;
        width:37px;
        border-radius:7px;
        margin:30px 35px 20px 10px;
        border:2px solid black;
    }

    .contact-page-panel-web .contact-page .add-button
    {
        background:url('../assets/720/addcontact.png');
    }

    .contact-page-panel-web .contact-page .clear-button
    {
        background:url('../assets/720/trash.png');
    }

    .contact-page-panel-web .contact-page .import-button
    {
        background:url('../assets/720/import.png');
    }

    .contact-page-panel-web .contact-page .export-button
    {
        background:url('../assets/720/export.png');
    }

    .contact-page-panel-web .contact-page .moon-simple-picker
    {
        width:200px;
        height:45px;
        font-size:20px;
        margin:25px 20px 5px -15px;
    }

    .contact-page-panel-web .contact-page .panel-item-one
    {
        padding:0px 0px 0px 0px;
        margin:0px 40px 30px 20px;
    }

    .contact-page-panel-web .contact-page .panel-item-one .image-item
    {
        float:left;
        height:40px;
        margin:15px 0px 0px 0px;
        padding:0px 0px 0px 0px;
    }

    .contact-page-panel-web .contact-page .panel-item-one .image-item .image
    {
        width:34px;
        height:34px;
        border:0px solid white;
        margin:5px 0px 0px 0px;
        background:url('../assets/720/ss.png') no-repeat;
    }

    .contact-page-panel-web .contact-page .panel-item-one .moon-divider
    {
        width:295px;
        margin:5px 0px 0px 0px;
        border-bottom:1px solid white;
    }

    .contact-page-panel-web .contact-page .panel-item-one .moon-input-decorator
    {
        width:300px;
        height:50px;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
    }

    .contact-page-panel-web .contact-page .panel-item-one .moon-input-decorator .moon-input
    {
        width:300px;
        font-size:25px;
        margin:20px 0px 0px 10px;
    }

    .contact-page-panel-web .contact-page .panel-item-two
    {
        width:400px;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
    }

    .contact-page-panel-web .contact-page .panel-item-two .group-image
    {
        top:5px;
        left:280px;
        width:38px;
        height:38px;
        border:2px solid black;
        background:url('../assets/720/edit1.png');
    }

    .contact-page-panel-web .contact-page .panel-item-two .tool-button
    {
        height:60px;
        width:320px;
        font-size:20px;
        margin:10px 0px 0px 40px;
        border:2px solid #404040;
    }

    .contact-page-panel-web .contact-page .panel-item-two .moon-expandable-picker-header-wrapper
    {
        width:215px;
        height:20px;
        font-size:20px;
        border:2px solid #404040;
        margin:0px 0px 15px 20px;
    }

    .contact-page-panel-web .contact-page .panel-item-two .moon-expandable-list-item-client .moon-item
    {
        width:185px;
        height:25px;
        font-size:20px;
        border:2px solid black;
        margin:0px 0px 0px 30px;
        padding:5px 0px 12px 10px;
    }

    .contact-page-panel-web .contact-page .panel-item-two .moon-checkbox .moon-icon
    {
        color:white;
        font-size:40px;
        margin:-15px 0px 0px 0px;
    }

    .contact-page-panel-web .contact-page .panel-item-three
    {
        width:1000px;
        height:800px;
    }

    .contact-page-panel-web .contact-page .smooth-panels
    {
        width:100%;
        margin:0px 0px 0px 0px;
    }

    .contact-page-panel-web .contact-page .smooth-panels .moon-datalist
    {
        width:550px;
        height:370px;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 15px;
    }

    .contact-page-panel-web .contact-page .moon-datalist-item
    {
        width:470px;
        height:60px;
        border:2px solid black;
        padding:0px 0px 0px 0px;
        margin:0px 0px 10px 0px;
    }

    .contact-page-panel-web .contact-page .moon-datalist-item .moon-item
    {
        width:180px;
        height:20px;
        padding:0px 0px 0px 0px;
    }

    .contact-page-panel-web .contact-page .moon-datalist-item .tools-item
    {
        width:40px;
        height:100%;
    }

    .contact-page-panel-web .contact-page .moon-datalist-item .text-name
    {
        font-size:20px;
        padding:0px 0px 0px 0px;
        margin:20px 10px 0px 5px;
    }

    .contact-page-panel-web .contact-page .moon-datalist-item .text-url
    {
        font-size:20px;
        padding:0px 0px 0px 0px;
        margin:20px 10px 0px 0px;
    }

    .contact-page-panel-web .contact-page .moon-datalist-item .icon
    {
        width:25px;
        height:25px;
        margin:19px 0px 0px 0px;
        background:url('../assets/720/sanjiao.png')
    }

    .contact-page-panel-web .contact-page .moon-datalist-item .moon-button
    {
        width:90px;
        height:45px;
        font-size:17px;
        margin:9px 0px 0px 0px;
        border:2px solid #404040;
    }

    .contact-page-panel-web .contact-page .moon-datalist-item .call-button
    {
        margin:5px 20px 0px 0px;
    }

    .contact-page-panel-web .contact-page .phone-book-list
    {
        width:57%;
        height:365px;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 20px;
    }

    .contact-page-panel-web .contact-page .phone-book-list .moon-item
    {
        height:100px;
        padding:0px 0px 0px 0px;
    }

    .contact-page-panel-web .contact-page .phone-book-list .moon-item .moon-item
    {
        width:50%;
        height:100%;
        padding:0px 0px 0px 0px;
    }

    .contact-page-panel-web .contact-page .phone-book-list .moon-item .moon-button
    {
        width:90px;
        height:45px;
        font-size:17px;
        margin:10px 0px 0px 30px;
        border:2px solid #404040;
    }

    .contact-page-panel-web .contact-page .phone-book-list .moon-item .moon-item .text
    {
        font-size:17px;
        margin:-5px 0px 0px 0px;
    }

    .contact-page-panel-web .contact-page .phone-book-detail-page
    {
        margin:25px 0px 0px 20px;
    }

    .contact-page-panel-web .contact-page .phone-book-detail-page .info-text
    {
        font-size:20px;
        margin:0px 0px 10px 0px;
    }

    .contact-page-panel-web .contact-page .phone-book-detail-page .back-button
    {
        width:125px;
        height:40px;
        font-size:20px;
        border:2px solid #404040;
        margin:20px 0px 0px 0px;
    }

    .contact-page-panel-web-child .add-contact-page
    {
        padding:10px 0px 0px 45px;
    }

    .contact-page-panel-web-child .add-contact-page .panel-scroll
    {
        height:800px;
        width:500px;
    }

    .contact-page-panel-web-child .add-contact-page .panel-item
    {
        width:600px;
        font-size:20px;
        border:0px solid white;
        padding:0px 0px 0px 0px;
    }

    .contact-page-panel-web-child .add-contact-page .panel-item .text
    {
        float:left;
        height:30px;
        font-size:20px;
        margin:40px 45px 0px 0px;
        padding:0px 0px 0px 0px;
    }

    .contact-page-panel-web-child .add-contact-page .panel-item .moon-expandable-picker-header-wrapper
    {
        color:white;
        width:205px;
        height:20px;
        font-size:20px;
        border:2px solid #404040;
        margin:25px 0px 15px 0px;
    }

    .contact-page-panel-web-child .add-contact-page .panel-item .moon-expandable-list-item-client .moon-item
    {
        color:white;
        width:150px;
        font-size:20px;
        border-radius:7px;
        border:2px solid black;
        margin:0px 0px 0px 100px;
        padding:5px 0px 13px 10px;
    }

    .contact-page-panel-web-child .add-contact-page .panel-item .moon-checkbox .moon-icon
    {
        color:white;
        font-size:40px;
        margin:-15px 0px 0px 0px;
    }

    .contact-page-panel-web-child .add-contact-page .moon-input-decorator
    {
        height:45px;
        border-radius:0px;
    }

    .contact-page-panel-web-child .add-contact-page .moon-input-decorator .moon-input
    {
        font-size:25px;
        margin:0px 0px 5px 0px;
    }

    .contact-page-panel-web-child .add-contact-page .title
    {
        font-size:20px;
        margin:20px 0px 10px 0px;
    }

    .contact-page-panel-web-child .add-contact-page .text
    {
        height:40px;
        font-size:20px;
        border:0px solid white;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
    }

    .contact-page-panel-web-child .add-contact-page .moon-divider
    {
        width:325px;
        margin:-6px 0px 15px 0px;
        border-bottom:1px solid white;
    }

    .contact-page-panel-web-child .add-contact-page .picker-text
    {
        width:45px;
        font-size:20px;
        margin:13px 0px 0px 0px;
    }

    .contact-page-panel-web-child .add-contact-page .big-button
    {
        width:330px;
        height:55px;
        font-size:20px;
        margin:20px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        border:2px solid #404040;
    }

    .contact-page-panel-web-child .add-contact-page .small-button
    {
        width:140px;
        height:45px;
        font-size:20px;
        margin:10px 50px 20px 0px;
        padding:0px 0px 0px 0px;
        border:2px solid #404040;
    }

    .contact-page-panel-web-child .add-contact-page .moon-simple-picker
    {
        width:290px;
        margin:7px 0px 5px 0px;
    }

    /*************
       ���ƽ���css
    ***************/

    .control-page-panel-web
    {
        width:310px;
        height:100%;
        border:0px;
        padding:0px 0px 0px 0px;
    }

    .control-page-panel-web-child
    {
        width:1230px;
        height:100%;
        border:0px;
        padding:0px 0px 0px 0px;
    }

    .control-page-panel-web .control-page
    {
        width:100%;
        height:100%;
        margin:0px 0px 0px 0px;
        padding:15px 0px 0px 10%;
    }

    .control-page-panel-web .control-page .scroll
    {
        height:750px;
        padding:10px 0px 0px 0px;
    }

    .control-page-panel-web .control-page .item.moon-item
    {
        width:70%;
        height:35px;
        font-size:20px;
        border:2px solid black;
        margin:0px 0px 20px 30px;
        padding:5px 0px 0px 5px;
    }

    .control-page-panel-web .control-page .item.focus-menu
    {
        border:2px solid yellow;
    }

    .control-page-panel-web .control-page .item.focus-menu
    {
        border:2px solid yellow;
    }

    .control-page-panel-web .control-page .item .images-video
    {
        float:left;
        width:30px;
        height:30px;
        margin:-3px 12px 0px 2px;
        background:url('../assets/720/movie.png');
    }

    .control-page-panel-web .control-page .item .images-lock
    {
        float:left;
        width:27px;
        height:27px;
        margin:-2px 14px 0px 3px;
        background:url('../assets/720/lock.png');
    }

    .control-page-panel-web .control-page .item .images-computer
    {
        float:left;
        width:34px;
        height:34px;
        margin:-4px 10px 0px -1px;
        background:url('../assets/720/computer.png');
    }

    .control-page-panel-web .control-page .item .images-record
    {
        float:left;
        width:30px;
        height:30px;
        margin:-3px 11px 0px 2px;
        background:url('../assets/720/cameraAssistor.png');
    }

    .control-page-panel-web .control-page .item .images-security
    {
        float:left;
        width:30px;
        height:30px;
        margin:-3px 12px 0px 2px;
        background:url('../assets/720/pacman.png');
    }

    .control-page-panel-web .control-page .item .images-menu
    {
        float:left;
        width:25px;
        height:25px;
        margin:0px 15px 0px 4px;
        background:url('../assets/720/menu.png');
    }

    .control-page-panel-web .control-page .item .images-power
    {
        float:left;
        width:30px;
        height:30px;
        margin:-3px 14px 0px 0px;
        background:url('../assets/720/power.png');
    }

    .control-page-panel-web .control-page .item .images-rtmp
    {
        float:left;
        width:30px;
        height:30px;
        margin:-3px 12px 0px 2px;
        background:url('../assets/720/rtmp.png');
    }

    .control-page-panel-web .control-page .item .images-network
    {
        float:left;
        width:45px;
        height:45px;
        margin:-7px 23px 0px 2px;
        background:url('../assets/720/satellite.png');
    }

    .control-page-panel-web-child .presentation-page .toggle-item
    {
        width:300px;
        font-size:20px;
        margin:20px 0px 30px 0px;
        border:2px solid black;
    }

    .control-page-panel-web-child .network-visca-page .toggle-item
    {
        width:300px;
        font-size:20px;
        margin:20px 0px 30px 0px;
        border:2px solid black;
    }

    .control-page-panel-web-child .rtmp-page .toggle-item
    {
        width:300px;
        font-size:20px;
        margin:20px 0px 30px 0px;
        border:2px solid black;
    }

    .control-page-panel-web-child .record-control-page
    {
        padding:0px 0px 0px 0px;
    }

    .control-page-panel-web-child .record-control-page .scroll
    {
        width:850px;
        height:370px;
        margin:15px 0px 0px 0px;
        padding:0px 0px 0px 0px;
    }

    .control-page-panel-web-child .record-control-page .toggle-item
    {
        width:300px;
        font-size:20px;
        margin:22px 0px 25px 0px;
        border:2px solid black;
    }

    .control-page-panel-web-child .record-control-page .active-button
    {
        /* width:90px; */
        min-width: 90px;
        height:40px;
        font-size:20px;
        border:2px solid #303030;
        margin:10px 0px 10px 225px;
    }

    .control-page-panel-web-child .record-control-page .title-button
    {
        font-size:20px;
        border:0px solid black;
        margin:15px 0px 5px 7px;
    }

    .control-page-panel-web-child .record-control-page .scroll .item
    {
        width:700px;
        border:3px solid black;
        margin:13px 0px 10px 9px;
        padding:0px 0px 0px 0px;
    }

    .control-page-panel-web-child .record-control-page .scroll .item .marquee-decorator
    {
        float:left;
    }

    .control-page-panel-web-child .record-control-page .scroll .item .item
    {
        width:330px;
        font-size:20px;
        margin:0px 0px 0px 0px;
    }

    .control-page-panel-web-child .record-control-page .scroll .item .active-button
    {
        width:90px;
        height:40px;
        border:2px solid #303030;
        margin:0px 0px 0px 20px;
    }

    .control-page-panel-web-child .camera-control-page
    {
        padding:20px 0px 0px 30px;
    }

    .control-page-panel-web-child .camera-control-page .moon-simple-picker
    {
        width:250px;
        font-size:20px;
        margin:0px 0px 30px 60px;
    }

    .control-page-panel-web-child .camera-control-page .text
    {
        font-size:20px;
        margin:0px 350px 0px 10px;
    }

    .control-page-panel-web-child .camera-control-page .moon-button
    {
        width:100px;
        height:50px;
        font-size:20px;
        border:2px solid white;
    }

    .control-page-panel-web-child .camera-control-page .turn-up
    {
        margin:0px 240px 0px 140px;
    }

    .control-page-panel-web-child .camera-control-page .turn-down
    {
        margin:0px 240px 30px 140px;
    }

    .control-page-panel-web-child .camera-control-page .turn-left
    {
        margin:0px 160px 0px 10px;
    }

    .control-page-panel-web-child .camera-control-page .turn-right
    {
        margin:0px 160px 0px 0px;
    }

    .control-page-panel-web-child .camera-control-page .focus-up .focus-text
    {
        color:black;
        font-size:60px;
        margin:-10px 0px 0px 0px;
        font-family:"Moonstone Miso";
    }

    .control-page-panel-web-child .camera-control-page .focus-down .focus-text
    {
        color:black;
        font-size:60px;
        margin:-10px 0px 0px 0px;
        font-family:"Moonstone Miso";
    }

    .control-page-panel-web-child .camera-control-page .position-set
    {
        margin:0px 20px 30px 140px;
    }

    .control-page-panel-web-child .camera-control-page .position-active
    {

    }

    .control-page-panel-web-child .camera-control-page .camera-set
    {
        margin:20px 20px 0px 140px;
    }

    .control-page-panel-web-child .camera-control-page .right-image
    {
        width:18px;
        height:35px;
        margin:-10px 0px 0px 10px;
        background:url('../assets/1080/right_image.png');
    }

    .control-page-panel-web-child .camera-control-page .left-image
    {
        width:18px;
        height:35px;
        margin:-10px 0px 0px 0px;
        background:url('../assets/1080/left_image.png');
    }

    .control-page-panel-web-child .camera-control-page .up-image
    {
        width:35px;
        height:18px;
        margin:-10px 0px 0px 0px;
        background:url('../assets/1080/up_image.png');
    }

    .control-page-panel-web-child .camera-control-page .down-image
    {
        width:35px;
        height:18px;
        margin:0px 0px 0px 0px;
        background:url('../assets/1080/down_image.png');
    }

    .control-page-panel-web-child .camera-set-page
    {
        padding:9px 0px 0px 0px;
    }

    .control-page-panel-web-child .camera-set-page .set-menu
    {
        float:left;
        width:200px;
    }

    .control-page-panel-web-child .camera-set-page .set-menu .moon-item
    {
        font-size:20px;
        border:2px solid black;
        margin:0px 0px 27px 0px;
    }

    .control-page-panel-web-child .camera-set-page .set-page
    {
        height:500px;
    }

    .control-page-panel-web-child .display-mode-page
    {
        padding:15px 0px 0px 0px;
    }

    .control-page-panel-web-child .display-mode-page .scroll
    {
        width:500px;
        height:650px;
    }

    .control-page-panel-web-child .display-mode-page .moon-expandable-picker-header-wrapper
    {
        width:350px;
        font-size:20px;
        border:2px solid black;
        margin:5px 0px 15px 0px;
    }

    .control-page-panel-web-child .display-mode-page .moon-expandable-list-item-client .moon-item
    {
        width:350px;
        font-size:20px;
        border:2px solid black;
        margin:0px 0px 0px 20px;
    }

    .control-page-panel-web-child .display-mode-page .moon-checkbox .moon-icon
    {
        color:white;
        font-size:50px;
        margin:0px 0px 0px 0px;
    }

    .control-page-panel-web-child .power-control-page
    {
        padding:23px 0px 0px 30px;
    }

    .control-page-panel-web-child .power-control-page .button
    {
        width:155px;
        height:40px;
        font-size:20px;
        margin:0px 50px 0px 0px;
        border:2px solid #404040;
    }

    .control-page-panel-web-child .moon-expandable-list-item-client .moon-item
    {
        color:white;
        width:350px;
        font-size:20px;
        border-radius:7px;
        border:2px solid black;
        margin:0px 0px 0px 20px;
        font-family:"Moonstone Miso";
        background:black !important;
    }

    .control-page-panel-web-child .video-source-page
    {
        text-align:left;
        padding:17px 0px 0px 30px;
    }

    .control-page-panel-web-child .video-source-page .radio-item
    {
        font-size:20px;
        padding-top:15px;
        border:2px solid black;
        margin:0px 25px 0px 0px;
    }

    .control-page-panel-web-child .conference-control-page
    {
        text-align:left;
        padding:30px 0px 0px 30px;
    }

    .control-page-panel-web-child .conference-control-page .header-text
    {
        width:175px;
        font-size:20px;
        margin:0px 50px 20px 0px;
        font-family:"Moonstone Miso";
    }

    .control-page-panel-web-child .conference-control-page .title-text
    {
        font-size:20px;
        margin:0px 50px 17px 0px;
    }

    .control-page-panel-web-child .conference-control-page .scroll
    {
        float:left;
        width:650px;
        height:430px;
        background:black;
        border-radius:7px;
        margin:-30px 0px 0px -5px;
        border:2px solid #404040;
    }

    .control-page-panel-web-child .conference-control-page .moon-item
    {
        padding:0px 0px 0px 0px;
        margin:0px 0px 25px 0px;
    }

    .control-page-panel-web-child .conference-control-page .tool-item
    {
        margin:-30px 0px 0px 0px;
    }

    .control-page-panel-web-child .conference-control-page .scroll .table-item
    {
        height:55px;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
    }

    .control-page-panel-web-child .conference-control-page .scroll .table-item .text
    {
        width:230px;
        font-size:20px;
    }

    .control-page-panel-web-child .conference-control-page .scroll .table-item .status-text
    {
        width:70px;
        font-size:20px;
    }

    .control-page-panel-web-child .conference-control-page .scroll .table-item .remove-text
    {
        width:70px;
        font-size:20px;
    }

    .control-page-panel-web-child .conference-control-page .moon-item .tool-button
    {
        width:135px;
        height:43px;
        font-size:18px;
        margin:5px 500px 0px 5px;
        border:2px solid #404040;
    }

/* ��Ƶ��ͼ */
.control-page-panel-web-child .screen-shot-page {
    padding:28px 0px 0px 30px;
}

.control-page-panel-web-child .screen-shot-page .screen-shot-image{
    display: block;
    width: 60vmin;
    height: 60vmin;   
    min-width: 500px;
    min-height: 500px;
    border-radius: 5px;
    margin-bottom: 35px;
    border: 2px solid #ccc;
}

.control-page-panel-web-child .screen-shot-page .button{
    width:135px;
    height:43px;
    font-size:18px;
    color:white;
    background:black;
    border-radius:7px;
    border:2px solid #404040;
    font-family:"Moonstone Miso";
}

.control-page-panel-web-child .screen-shot-page .button-container{
    width: 60vmin;
    height: 60vmin;   
    min-width: 500px;
}
.control-page-panel-web-child .screen-shot-page .button-float-left{
    float: left;
    margin-left: 50px;
}

.control-page-panel-web-child .screen-shot-page .button-float-right{
    float: right;
    margin-right: 50px;
}
    /*************
       ���Ͻ���css
    ***************/

    .diagnose-page-panel-web
    {
        width:310px;
        height:100%;
        border:0px;
        padding:0px 0px 0px 0px;
    }

    .diagnose-page-panel-web-child
    {
        width:1230px;
        height:100%;
        border:0px;
        margin:0px 0px 0px 310px;
        padding:13px 0px 0px 0px;
    }

    .diagnose-page-panel-web .diagnose-page
    {
        width:100%;
        height:100%;
        text-align:left;
        background:black;
        margin:0px 0px 0px 0px;
        padding:15px 0px 0px 10%;
    }

    .diagnose-page-panel-web .diagnose-page .scroll
    {
        height:600px;
        padding:10px 0px 0px 0px;
    }

    .diagnose-page-panel-web .diagnose-page .item.moon-item
    {
        width:70%;
        height:35px;
        font-size:20px;
        border:2px solid black;
        margin:0px 0px 20px 10px;
        padding:10px 0px 0px 30px;
    }

    .diagnose-page-panel-web .diagnose-page .item.focus-menu
    {
        border:2px solid yellow;
    }

    .diagnose-page-panel-web .diagnose-page .item .images-guide
    {
        float:left;
        width:30px;
        height:30px;
        margin:-3px 14px 0px 4px;
        background:url('../assets/720/Equalizer1.png');
    }

    .diagnose-page-panel-web .diagnose-page .item .images-log
    {
        float:left;
        width:27px;
        height:27px;
        margin:-2px 15px 0px 6px;
        background:url('../assets/720/log1.png');
    }

    .diagnose-page-panel-web .diagnose-page .item .images-system
    {
        float:left;
        width:40px;
        height:40px;
        margin:-8px 8px 0px 0px;
        background:url('../assets/720/system.png');
    }

    .diagnose-page-panel-web .diagnose-page .item .images-call
    {
        width:32px;
        height:32px;
        margin:-3px 14px 0px 2px;
        background:url('../assets/720/call2.png');
    }

    .diagnose-page-panel-web .diagnose-page .item .images-audio
    {
        float:left;
        width:30px;
        height:30px;
        margin:-2px 14px 0px 3px;
        background:url('../assets/720/sound.png');
    }

    .diagnose-page-panel-web .diagnose-page .item .images-video
    {
        float:left;
        width:30px;
        height:30px;
        margin:-2px 12px 0px 6px;
        background:url('../assets/720/movie.png');
    }

    .diagnose-page-panel-web-child .diagnose-page
    {
        width:1100px;
        text-align:left;
    }

    .diagnose-page-panel-web-child .diagnose-page .diagnose-list .text
    {
        border:0px;
        width:260px;
        font-size:20px;
        margin:0px 10px 0px 7px;
    }

    .diagnose-page-panel-web-child .diagnose-page .diagnose-list .marquee-text
    {
        width:280px;
        margin:3px 30px 0px 7px;
    }

    .diagnose-page-panel-web-child .diagnose-page .diagnose-list .diagnose-data-list
    {
        width:900px;
        height:750px;
        padding:0px 0px 0px;
    }

    .diagnose-page-panel-web-child .diagnose-page .diagnose-list .diagnose-item
    {
        width:150px;
        height:750px;
        padding:20% 0px 0px 0px;
    }

    .diagnose-page-panel-web-child .diagnose-page .diagnose-list .diagnose-item .moon-button
    {
        width:120px;
        height:60px;
        background:white;
        border-radius:7px;
        border:3px solid white;
        -webkit-transform:rotate(90deg);
    }

    .diagnose-page-panel-web-child .diagnose-page .diagnose-list .diagnose-item .moon-button .image
    {
        margin:-5px 0px 0px 0px;
    }

    .diagnose-page-panel-web-child .audio-loop-page
    {
        text-align:left;
        padding:20px 0px 0px 0px;
    }

    .diagnose-page-panel-web-child .audio-loop-page .moon-checkbox
    {
        width:32px;
        height:32px;
        background-color:white;
    }

    .diagnose-page-panel-web-child .audio-loop-page .check-box-active .moon-checkbox
    {
        background:url('../assets/720/active-small.png') no-repeat; !important;
    }

    .diagnose-page-panel-web-child .video-input-page
    {
        text-align:left;
        font-size:20px;
        padding:28px 0px 0px 0px;
    }

    .diagnose-page-panel-web-child .video-input-page .text
    {
        font-size:20px;
        margin:0px 0px 42px 0px;
    }

    .diagnose-page-panel-web-child .system-info-page
    {
        text-align:left;
        font-size:20px;
        padding:27px 0px 0px 0px;
    }

    .diagnose-page-panel-web-child .log-page
    {
        text-align:left;
        font-size:20px;
        padding:25px 0px 0px 0px;
    }

    .diagnose-page-panel-web-child .log-page .moon-item
    {
        width:550px;
        font-size:20px;
        border:2px solid black;
        padding:7px 0px 7px 15px;
    }
    /*************
       ���ý���css
    ***************/

    .set-page-panel-web
    {
        width:310px;
        height:100%;
        border:0px;
        padding:0px 0px 0px 0px;
    }

    .set-page-panel-web-child
    {
        width:1230px;
        height:100%;
        border:0px;
        margin:0px 0px 0px 310px;
        padding:0px 0px 0px 0px;
    }

    .set-page-panel-web .set-page
    {
        width:100%;
        height:100%;
        text-align:left;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 10%;
    }

    .set-page-panel-web .set-page .moon-expandable-picker-header:after
    {
        content:""
    }

    .set-page-panel-web .set-page .moon-expandable-list-item.open .moon-expandable-picker-header:after
    {
        content:""
    }

    .set-page-panel-web .set-page .scroll
    {
        height:609px;
        padding:5px 0px 0px 0px;
    }

    .set-page-panel-web .set-page .item.moon-item
    {
        width:78%;
        height:35px;
        font-size:20px;
        border:2px solid black;
        margin:15px 0px 20px 10px;
        padding:10px 0px 0px 30px;
    }

    .set-page-panel-web .set-page .item.focus-menu
    {
        border:2px solid yellow;
    }

    .set-page-panel-web .set-page .moon-accordion-header-wrapper
    {
        width:78%;
        height:35px;
        font-size:20px;
        margin:18px 0px 1px 10px;
        padding:10px 0px 0px 30px;
        border:2px solid black;
    }

    .set-page-panel-web .set-page .focus-menu.moon-accordion-header-wrapper
    {
        border:2px solid yellow;
    }

    .set-page-panel-web .set-page .moon-accordion-header
    {
        font-size:20px;
    }

    .set-page-panel-web .set-page .accordion .text
    {
        width:55%;
        height:30px;
        font-size:20px;
        border:2px solid black;
        margin:17px 0px 0px 60px;
        padding:5px 0px 8px 25px ;
    }

    .set-page-panel-web .set-page .accordion .text.focus-menu
    {
        border:2px solid yellow;
    }

    .set-page-panel-web .set-page .images-network
    {
        width:21px;
        height:21px;
        margin:1px 19px 0px 6px;
        background:url('../assets/720/network.png');
    }

    .set-page-panel-web .set-page .images-account
    {
        width:34px;
        height:34px;
        margin:-2px 11px 0px 1px;
        background:url('../assets/720/address.png');
    }

    .set-page-panel-web .set-page .images-user
    {
        width:35px;
        height:35px;
        margin:-5px 11px 0px 1px;
        background:url('../assets/720/user.png');
    }

    .set-page-panel-web .set-page .images-call
    {
        width:32px;
        height:32px;
        margin:-3px 13px 0px 1px;
        background:url('../assets/720/call2.png');
    }

    .set-page-panel-web .set-page .images-audio
    {
        width:30px;
        height:30px;
        margin:-2px 14px 0px 1px;
        background:url('../assets/720/sound.png');
    }

    .set-page-panel-web .set-page .images-video
    {
        width:30px;
        height:30px;
        margin:-2px 12px 0px 4px;
        background:url('../assets/720/movie.png');
    }

    .set-page-panel-web .set-page .images-record
    {
        width:30px;
        height:30px;
        margin:-2px 13px 0px 3px;
        background:url('../assets/720/cameraAssistor.png');
    }

    .set-page-panel-web .set-page .images-computer
    {
        width:30px;
        height:30px;
        margin:-2px 14px 0px 0px;
        background:url('../assets/720/computer.png');
    }


    .set-page-panel-web .set-page .images-log
    {
        width:27px;
        height:27px;
        margin:-2px 15px 0px 5px;
        background:url('../assets/720/log1.png');
    }

    .set-page-panel-web .set-page .images-security
    {
        width:30px;
        height:30px;
        margin:-2px 12px 0px 4px;
        background:url('../assets/720/pacman.png');
    }

    .set-page-panel-web .set-page .images-menu
    {
        width:25px;
        height:25px;
        margin:0px 17px 0px 4px;
        background:url('../assets/720/menu.png');
    }

    .set-page-panel-web .set-page .images-language
    {
        width:34px;
        height:34px;
        margin:-6px 11px 0px 2px;
        background:url('../assets/720/language_small.png');
    }

    .set-page-panel-web .set-page .images-protocol
    {
        width:30px;
        height:30px;
        margin:-2px 13px 0px 3px;
        background:url('../assets/720/pencil.png');
    }

    .set-page-panel-web .set-page .images-upgrade
    {
        width:30px;
        height:30px;
        margin:-3px 13px 0px 3px;
        background:url('../assets/720/tj.png');
    }

    .set-page-panel-web .set-page .images-guide
    {
        float:left;
        width:30px;
        height:30px;
        margin:-3px 14px 0px 3px;
        background:url('../assets/720/Equalizer1.png');
    }

    .set-page-panel-web .set-page .images-power
    {
        float:left;
        width:30px;
        height:30px;
        margin:-3px 14px 0px 3px;
        background:url('../assets/720/power.png');
    }

    .set-page-panel-web .set-page .images-rtmp
    {
        float:left;
        width:30px;
        height:30px;
        margin:-3px 14px 0px 3px;
        background:url('../assets/720/rtmp.png');
    }

    .set-page-panel-web .set-page .images-advanced
    {
        float:left;
        width:30px;
        height:30px;
        margin:-3px 15px 0px 3px;
        background:url('../assets/720/advance.png');
    }

    .set-page-panel-web .set-page .images-license
    {
        float:left;
        width:30px;
        height:30px;
        margin:-3px 14px 0px 3px;
        background:url('../assets/720/s.png');
    }

    .set-page-panel-web .set-page .images-pre
    {
        float:left;
        width:30px;
        height:30px;
        margin:-3px 14px 0px 3px;
        background:url('../assets/720/Previous.png');
    }

    .set-page-panel-web-child .network-page
    {
        padding:30px 0px 0px 0px;
    }

    .set-page-panel-web-child .network-page .info-text
    {
        border:0px;
        height:45px;
        font-size:20px;
        padding:0px 0px 0px 0px;
        margin:-5px 0px 0px 0px;
    }

    .set-page-panel-web-child .network-page .moon-simple-picker
    {
        width:255px;
        font-size:20px;
        margin:-10px 0px 0px 0px;
    }

    .set-page-panel-web-child .network-page .moon-input-decorator
    {
        border:0px;
        border-radius:0px;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
    }

    .set-page-panel-web-child .network-page .moon-input-decorator .moon-input
    {
        font-size:20px;
        margin:0px 0px 5px 15px;
    }

    .set-page-panel-web-child .network-page .moon-divider
    {
        width:330px;
        margin:-2px 0px 20px 0px;
        border-bottom:1px solid white;
    }

    .set-page-panel-web-child .network-page .button
    {
        width:330px;
        height:55px;
        font-size:20px;
        border:2px solid #404040;
        margin:25px 0px 0px 0px;
    }

    .set-page-panel-web-child .user-manage-page
    {
        padding:17px 0px 0px 0px;
    }

    .set-page-panel-web-child .user-manage-page .info-text
    {
        border:0px;
        height:45px;
        font-size:20px;
        padding:0px 0px 0px 0px;
    }

    .set-page-panel-web-child .user-manage-page .moon-input-decorator
    {
        border:0px;
        width:270px;
        border-radius:0px;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
    }

    .set-page-panel-web-child .user-manage-page .moon-input-decorator .moon-input
    {
        font-size:20px;
        margin:0px 0px 5px 15px;
    }

    .set-page-panel-web-child .user-manage-page .moon-divider
    {
        width:270px;
        margin:-2px 0px 10px 0px;
        border-bottom:1px solid white;
    }

    .set-page-panel-web-child .user-manage-page .button
    {
        width:270px;
        height:47px;
        font-size:20px;
        border:2px solid #404040;
        margin:25px 0px 10px 0px;
    }

    .set-page-panel-web-child .setting-page
    {
        padding:15px 0px 0px 0px;
    }

    .set-page-panel-web-child .setting-page .set-data-list
    {
        width:60%;
        height:425px;
        margin:0px 0px 10px 0px;
    }

    .set-page-panel-web-child .setting-page .button
    {
        width:200px;
        height:45px;
        font-size:20px;
        border:2px solid #404040;
        margin:30px 0px 0px 0px;
    }

    .set-page-panel-web-child .message-page
    {
        padding-top:30px;
    }

    .set-page-panel-web-child .message-page .scroll
    {
        height:220px;
    }

    .set-page-panel-web-child .message-page .add-button
    {
        width:39px;
        height:39px;
        font-size:20px;
        border:2px solid black;
        margin:-12px 0px 0px 0px;
        background:url('../assets/720/add.png') center center no-repeat;
    }

    .set-page-panel-web-child .message-page .sub-button
    {
        width:39px;
        height:39px;
        font-size:20px;
        border:2px solid black;
        margin:-12px 0px 0px 0px;
        background:url('../assets/720/sub.png') center center no-repeat;
    }

    .set-page-panel-web-child .message-page .content-button
    {
        width:150px;
        height:39px;
        font-size:20px;
        margin:-12px 0px 0px 0px;
    }

    .set-page-panel-web-child .message-page .font
    {
        font-size:20px;
        margin:-13px 0px 0px 0px;
    }

    .set-page-panel-web-child .message-page .marquee
    {
        margin-top:10px;
    }

    .set-page-panel-web-child .message-page .moon-simple-picker
    {
        width:225px;
        margin:-23px 0px 0px 0px;
    }

    .set-page-panel-web-child .message-page .moon-textarea-decorator
    {
        width:610px;
        height:170px;
        border-radius:7px;
        border:2px solid #404040;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px -2px;
    }

    .set-page-panel-web-child .message-page .moon-textarea-decorator .moon-textarea
    {
        width:606px;
        height:150px;
        padding-top:15px;
        border-radius:7px;
    }

    .set-page-panel-web-child .message-page .send-button
    {
        width:200px;
        height:45px;
        font-size:20px;
        border:2px solid #404040;
        margin:150px 0px 20px 5px;
        font-family:"Moonstone Miso";
    }

    .set-page-panel-web-child .message-page .stop-button
    {
        width:200px;
        height:45px;
        font-size:20px;
        border:2px solid #404040;
        margin:10px 0px 20px 5px;
        font-family:"Moonstone Miso";
    }

    .set-page-panel-web-child .account-page
    {
        padding:10px 0px 0px 0px;
    }

    .set-page-panel-web-child .account-page .register-data-list
    {
        width:100%;
        height:75px;
        padding:0px 0px 0px 0px;
        background:url('../assets/1080/back.png');
    }

    .set-page-panel-web-child .account-page .item-text
    {
        border:0px;
        font-size:20px;
        padding:0px 0px 0px 0px;
    }

    .set-page-panel-web-child .account-page .toggle-item-text
    {
        border:0px;
        font-size:20px;
        padding:0px 0px 0px 0px;
		margin:10px 0px 0px 0px;
    }

    .set-page-panel-web-child .account-page .moon-checkbox.moon-toggle-switch
    {
        margin:-10px 0px 0px 0px;
        background:url('../assets/1080/toggle-checked-none.png');
    }

    .set-page-panel-web-child .account-page .moon-checkbox.moon-toggle-switch[checked]
    {
        margin:-10px 0px 0px 0px;
        background:url('../assets/1080/toggle-checked-active.png');
    }

    .set-page-panel-web-child .account-page .info-text
    {
        font-size:20px;
        margin:0px 0px 10px 0px;
    }

    .set-page-panel-web-child .account-page .moon-input-decorator
    {
        border:0px;
        border-radius:0px;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
    }

    .set-page-panel-web-child .account-page .moon-input-decorator .moon-input
    {
        font-size:20px;
        margin:-2px 0px 0px 20px;
    }

    .set-page-panel-web-child .account-page .moon-divider
    {
        width:330px;
        margin:0px 0px 15px 0px;
        border-bottom:1px solid white;
    }

    .set-page-panel-web-child .account-page .pro-divider
    {
        margin:-20px 0px 5px 0px;
    }

    .set-page-panel-web-child .account-page .ena-divider
    {
        margin:0px 0px 0px 0px;
    }

    .set-page-panel-web-child .account-page .sip-divider
    {
        width:330px;
        margin:0px 0px 11px 0px;
        border-bottom:1px solid white;
    }

    .set-page-panel-web-child .account-page .toggle-item
    {
        width:100px;
        padding:0px 0px 5px 0px;
        margin:0px 0px 0px 0px;
        border:2px solid black;
        border-radius:7px;
    }

    .set-page-panel-web-child .account-page .moon-simple-picker
    {
        width:260px;
        font-size:20px;
        margin:-2px 0px -12px 0px;
    }

    .set-page-panel-web-child .account-page .commit-button
    {
        width:330px;
        height:55px;
        color:white;
        font-size:20px;
        border:2px solid #404040;
        margin:15px 0px 0px 0px;
    }

    .set-page-panel-web-child .language-page
    {
        text-align:left;
        padding:15px 0px 0px 0px;
    }

    .set-page-panel-web-child .language-page .item
    {
        width:500px;
        font-size:20px;
        padding-left:10px;
        margin:0px 0px 16px 0px;
        border:2px solid black;
    }

    .set-page-panel-web-child .language-page .moon-checkbox .moon-icon
    {
        font-size:0px;
        margin:5px 0px 0px 0px;
        background:url('../assets/720/check_active.png') no-repeat;
    }
	
	.set-page-panel-web-child .certificate-page
	{
        padding:20px 0px 0px 0px;
    }

    .set-page-panel-web-child .certificate-page .upload-certificate-file1{
        top:17px;
        left:8px;
        width:175px;
        height:45px;
        font-size:20px;
        position:absolute;
    }

    .set-page-panel-web-child .certificate-page .upload-certificate-file2
	{
        top:17px;
        left:218px;
        width:175px;
        height:45px;
        font-size:20px;
        position:absolute;
    }

    .set-page-panel-web-child .certificate-page .upload-tools .upload-button
	{
        width:175px;
        height:45px;
        color:white;
        font-size:20px;
        border-radius:7px;
        background:black;
        margin:0px 35px 28px 0px;
        border:2px solid #404040;
        font-family:"Moonstone Miso";
    }

    .set-page-panel-web-child .certificate-page .upload-tools .spot-button
    {
        border:2px solid #3299cc;
    }

    .set-page-panel-web-child .certificate-page .title-text
	{
        float:left;
        color:white;
        width:225px;
        font-size:20px;
        margin:0px 25px 26px 0px;
        font-family:"Moonstone Miso";
    }

    .set-page-panel-web-child .certificate-page .scroll
	{
        width:950px;
        height:auto;
    }

    .set-page-panel-web-child .certificate-page .moon-item
	{
        height:65px;
    }

    .set-page-panel-web-child .certificate-page .scroll .file-text
	{
        float:left;
        color:white;
        width:225px;
        height:30px;
        font-size:20px;
        text-align:left;
        background:black;
        border:0px solid black;
        padding:0px 0px 0px 0px;
        margin:13px 25px 10px 0px;
        font-family:"Moonstone Miso";
    }

    .set-page-panel-web-child .certificate-page .scroll .delete-button
	{
        color:white;
        width:115px;
        height:40px;
        font-size:20px;
        background:black;
        border-radius:7px;
        border:2px solid #404040;
        margin:0px 0px 26px 0px;
        font-family:"Moonstone Miso";
    }

    .set-page-panel-web-child .moon-checkbox.moon-toggle-switch
    {
        margin:-10px 0px 0px 0px;
        background:url('../assets/1080/toggle-checked-none.png');
    }

    .set-page-panel-web-child .moon-checkbox.moon-toggle-switch[checked]
    {
        margin:-10px 0px 0px 0px;
        background:url('../assets/1080/toggle-checked-active.png');
    }

    .empty-page-web
    {
        width:100%;
        height:100%;
        background-color:black;
    }
    .min-width{
        min-width: 120px;
    }
    .spin-parent {
        display: inline-block
    }
}

/* source/style/new-spotlight.css */

.menu-panel-menu .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.moon-icon-button:active
{
    border:4px solid #3299cc;
}

.call-page-panel-web .call-page .spotlight
{
    border:4px solid #3299cc;
    background:black !important;
}

.call-page-panel-web .call-page .moon-input-decorator.spotlight
{
    border:0px solid #3299cc;
    background:black !important;
}

.call-page-panel-web .call-page .moon-item.spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.call-page-panel-web .call-page .item.spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.call-page-panel-web .call-page .call-list .answer-button.spotlight
{
    border:2px solid #3299cc;
    background:url('../assets/1080/answer.png') no-repeat !important;
}

.call-page-panel-web .call-page .call-list .hangup-button.spotlight
{
    border:2px solid #3299cc;
    background:url('../assets/1080/hangup.png') no-repeat !important;
}

.call-page-panel-web-child .history-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.call-page-panel-web-child .history-page .tool-item .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.call-page-panel-web-child .history-page .page-item .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.call-page-panel-web-child .history-page .history-list .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.call-page-panel-web-child .history-page .action-item .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.call-page-panel-web-child .detail-history-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.diagnose-page .scroll .item.spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.diagnose-page .scroll .item.spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.diagnose-page-panel-web-child .audio-loop-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.diagnose-page-panel-web-child .log-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.diagnose-page-panel-web-child .diagnose-page .diagnose-list .diagnose-item .spotlight
{
    border:2px solid #3299cc;
    background:#3299cc !important;
}

.control-page .scroll .item.spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .presentation-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .network-visca-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .conference-control-page .tool-item .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .conference-control-page .scroll .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .conference-control-page .scroll .remove-text.spotlight
{
    border:3px solid #3299cc;
    background:url('../assets/1080/hangup.png')no-repeat !important;
}

.control-page-panel-web-child .rtmp-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .record-control-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .record-control-page .scroll .item .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .power-control-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .display-mode-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .video-source-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .camera-control-page .spotlight
{
	border:3px solid #3299cc;
    background:white !important;
}

.control-page-panel-web-child .camera-set-page .set-menu .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .camera-set-page .set-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .display-mode-page .moon-expandable-list-item-client .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .screen-shot-page .spotlight{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .screen-shot-page .button .spotlight{
    border:3px solid #3299cc;
    background:black !important;
}

.set-page .scroll .moon-accordion-header-wrapper.spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.set-page .scroll .item.spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.set-page .scroll .accordion .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.set-page-panel-web-child .network-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.set-page-panel-web-child .network-page .moon-input-decorator.spotlight
{
    border:0px solid #3299cc;
    background:black !important;
}

.set-page-panel-web-child .user-manage-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.set-page-panel-web-child .user-manage-page .moon-input-decorator.spotlight
{
    border:0px solid #3299cc;
    background:black !important;
}

.set-page-panel-web-child .language-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.set-page-panel-web-child .setting-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.set-page-panel-web-child .setting-page .toggle .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.set-page-panel-web-child .message-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.set-page-panel-web-child .message-page .add-button.spotlight
{
    border:3px solid #3299cc;
    background:url('../assets/1080/add.png') center center no-repeat!important;
}

.set-page-panel-web-child .message-page .sub-button.spotlight
{
    border:3px solid #3299cc;
    background:url('../assets/1080/sub.png') -2px -5px no-repeat!important;
}

.page-panel-web .setting-item .spin .sub-button.spotlight
{
    border:3px solid #3299cc;
    background:url('../assets/1080/sub.png') 0px -2px no-repeat!important;
}

.page-panel-web .setting-item .spin .add-button.spotlight
{
    border:3px solid #3299cc;
    background:url('../assets/1080/add.png') center center no-repeat!important;
}

.set-page-panel-web-child .setting-page .entry .moon-input-decorator.spotlight
{
    border:6px solid #3299cc;
    background:white !important;
}

.set-page-panel-web-child .setting-page .range .moon-input-decorator.spotlight
{
    border:6px solid #3299cc;
    background:white !important;
}

.contact-page-panel-web .contact-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.contact-page-panel-web .contact-page .add-button.spotlight
{
    border:3px solid #3299cc;
    background:url('../assets/1080/addcontact.png') !important;
}

.contact-page-panel-web .contact-page .clear-button.spotlight
{
    border:3px solid #3299cc;
    background:url('../assets/1080/trash.png') !important;
}

.contact-page-panel-web .contact-page .import-button.spotlight
{
    border:3px solid #3299cc;
    background:url('../assets/1080/import.png') !important;
}

.contact-page-panel-web .contact-page .export-button.spotlight
{
    border:3px solid #3299cc;
    background:url('../assets/1080/export.png') !important;
}

.contact-page-panel-web .contact-page .panel-item-one .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.contact-page-panel-web .contact-page .panel-item-two .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.contact-page-panel-web .contact-page .panel-item-two .moon-expandable-list-item-client .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.contact-page-panel-web .contact-page .panel-item-two .group-image.spotlight
{
    border:3px solid #3299cc;
    background:url('../assets/1080/edit1.png') !important;
}

.contact-page-panel-web .contact-page .moon-input-decorator.spotlight
{
    border:0px solid #3299cc;
    background:black !important;
}

.contact-page-panel-web .contact-page .moon-datalist-item .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.contact-page-panel-web .contact-page .phone-book-list .phone-book-item .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.contact-page-panel-web .contact-page .phone-book-detail-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.contact-page-panel-web-child .add-contact-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.contact-page-panel-web-child .add-contact-page .panel-item .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.contact-page-panel-web-child .add-contact-page .panel-item .moon-expandable-list-item-client .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.contact-page-panel-web-child .add-contact-page .moon-input-decorator.spotlight
{
    border:0px solid #3299cc;
    background:black !important;
}

.choice-popup .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.choice-popup .button-item .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.page-panel-web .page-panel-text-item .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.set-page-panel-web-child .account-page .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.set-page-panel-web-child .account-page .moon-input-decorator.spotlight
{
    border:0px solid #3299cc;
    background:black !important;
}

.group-list-popup .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.group-list-popup .button .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.speak-list-popup .button .spotlight
{
    border:0px solid #3299cc;
    background:url('../assets/1080/close.png') !important;
}

.group-list-popup .scroll-list .tool-button.spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.group-list-popup .edit-panel .spotlight
{
    border:3px solid #3299cc;
    background:black !important;
}

.group-list-popup .edit-panel .moon-input-decorator.spotlight
{
    border:0px solid black;
    background:black !important;
}

.set-page-panel-web-child .certificate-page .scroll .spotlight
{
	border:3px solid #3299cc;
	background:black !important;
}

.control-page-panel-web-child .screen-shot-page .spotlight{
    border:3px solid #3299cc;
    background:black !important;
}

.control-page-panel-web-child .screen-shot-page .button .spotlight{
    border:3px solid #3299cc;
    background:black !important;
}

@media screen and (max-width:1600px){
    .menu-panel-menu .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .moon-icon-button:active
    {
        border:4px solid #3299cc;
    }

    .call-page-panel-web .call-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .call-page-panel-web .call-page .moon-input-decorator.spotlight
    {
        border:0px solid #3299cc;
        background:black !important;
    }

    .call-page-panel-web .call-page .moon-item.spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .call-page-panel-web .call-page .item.spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .call-page-panel-web .call-page .call-list .answer-button.spotlight
    {
        border:2px solid #3299cc;
        background:url('../assets/720/answer.png') no-repeat !important;
    }

    .call-page-panel-web .call-page .call-list .hangup-button.spotlight
    {
        border:2px solid #3299cc;
        background:url('../assets/720/hangup.png') no-repeat !important;
    }

    .call-page-panel-web-child .history-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .call-page-panel-web-child .history-page .tool-item .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .call-page-panel-web-child .history-page .page-item .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .call-page-panel-web-child .history-page .history-list .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .call-page-panel-web-child .history-page .action-item .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .call-page-panel-web-child .detail-history-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .diagnose-page .scroll .item.spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .diagnose-page .scroll .item.spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .diagnose-page-panel-web-child .audio-loop-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .diagnose-page-panel-web-child .log-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .control-page .scroll .item.spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .control-page-panel-web-child .presentation-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .control-page-panel-web-child .network-visca-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .control-page-panel-web-child .rtmp-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .control-page-panel-web-child .record-control-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .control-page-panel-web-child .record-control-page .scroll .item .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .control-page-panel-web-child .power-control-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .control-page-panel-web-child .display-mode-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .control-page-panel-web-child .video-source-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .control-page-panel-web-child .camera-control-page .spotlight
    {
        border:2px solid #3299cc;
        background:white !important;
    }

    .control-page-panel-web-child .camera-set-page .set-menu .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .control-page-panel-web-child .camera-set-page .set-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .control-page-panel-web-child .display-mode-page .moon-expandable-list-item-client .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .set-page .scroll .moon-accordion-header-wrapper.spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .set-page .scroll .item.spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .set-page .scroll .accordion .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .set-page-panel-web-child .network-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .set-page-panel-web-child .language-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .set-page-panel-web-child .network-page .moon-input-decorator.spotlight
    {
        border:0px solid #3299cc;
        background:black !important;
    }

    .set-page-panel-web-child .setting-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .set-page-panel-web-child .setting-page .toggle .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .set-page-panel-web-child .message-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .set-page-panel-web-child .message-page .add-button.spotlight
    {
        border:2px solid #3299cc;
        background:url('../assets/720/add.png')no-repeat!important;
    }

    .set-page-panel-web-child .message-page .sub-button.spotlight
    {
        border:2px solid #3299cc;
        background:url('../assets/720/sub.png')no-repeat!important;
    }

    .page-panel-web .setting-item .spin .sub-button.spotlight
    {
        border:2px solid #3299cc;
        background:url('../assets/720/sub.png') !important;;
    }

    .page-panel-web .setting-item .spin .add-button.spotlight
    {
        border:2px solid #3299cc;
        background:url('../assets/720/add.png') !important;
    }

    .set-page-panel-web-child .setting-page .entry .moon-input-decorator.spotlight
    {
        border:6px solid #3299cc;
        background:white !important;
    }

    .set-page-panel-web-child .setting-page .range .moon-input-decorator.spotlight
    {
        border:6px solid #3299cc;
        background:white !important;
    }

    .contact-page-panel-web .contact-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .contact-page-panel-web .contact-page .add-button.spotlight
    {
        border:2px solid #3299cc;
        background:url('../assets/720/addcontact.png') !important;
    }

    .contact-page-panel-web .contact-page .clear-button.spotlight
    {
        border:2px solid #3299cc;
        background:url('../assets/720/trash.png') !important;
    }

    .contact-page-panel-web .contact-page .import-button.spotlight
    {
        border:2px solid #3299cc;
        background:url('../assets/720/import.png') !important;
    }

    .contact-page-panel-web .contact-page .export-button.spotlight
    {
        border:2px solid #3299cc;
        background:url('../assets/720/export.png') !important;
    }

    .contact-page-panel-web .contact-page .panel-item-one .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .contact-page-panel-web .contact-page .panel-item-two .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .contact-page-panel-web .contact-page .panel-item-two .moon-expandable-list-item-client .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .contact-page-panel-web .contact-page .panel-item-two .group-image.spotlight
    {
        border:2px solid #3299cc;
        background:url('../assets/720/edit1.png') !important;
    }

    .contact-page-panel-web .contact-page .moon-input-decorator.spotlight
    {
        border:0px solid #3299cc;
        background:black !important;
    }

    .contact-page-panel-web .contact-page .moon-datalist-item .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .contact-page-panel-web .contact-page .phone-book-list .phone-book-item .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .contact-page-panel-web .contact-page .phone-book-detail-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .contact-page-panel-web-child .add-contact-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .contact-page-panel-web-child .add-contact-page .panel-item .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .contact-page-panel-web-child .add-contact-page .panel-item .moon-expandable-list-item-client .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .contact-page-panel-web-child .add-contact-page .moon-input-decorator.spotlight
    {
        border:0px solid #3299cc;
        background:black !important;
    }

    .choice-popup .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .page-panel-web .page-panel-text-item .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .set-page-panel-web-child .account-page .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .set-page-panel-web-child .account-page .moon-input-decorator.spotlight
    {
        border:0px solid #3299cc;
        background:black !important;
    }

    .group-list-popup .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .group-list-popup .scroll-list .tool-button.spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .group-list-popup .edit-panel .spotlight
    {
        border:2px solid #3299cc;
        background:black !important;
    }

    .group-list-popup .edit-panel .moon-input-decorator.spotlight
    {
        border:0px solid black;
        background:black !important;
    }
	
	.set-page-panel-web-child .certificate-page .scroll .spotlight
	{
	    border:2px solid #3299cc;
        background:black !important;
	}
}

/* source/style/new-c9-broswer.css */

.page-panel-web-ie
{
    padding:0px 0px 0px 0px;
}

.call-page-panel-web-ie
{
    width:735px;
}

.contact-page-panel-web-ie
{
    width:980px;
}

.set-page-panel-web-ie
{
    width:410px;
}

.control-page-panel-web-ie
{
    width:410px;
}

.diagnose-page-panel-web-ie
{
    width:410px;
}

.login-page-ie .body-item-box .body-item .text
{
    width:25%;
}

.contact-page-panel-web .contact-page-ie .panel-item-two .moon-checkbox .moon-icon{
	 margin:-15px 0px 0px 0px;
	 background:url('../assets/1080/check.png');
}

.contact-page-panel-web-child .add-contact-page-ie .panel-item .moon-checkbox .moon-icon{
	 font-size:65px;
	 margin:-15px 0px 0px 0px;
	 background:url('../assets/1080/check.png');
}

.control-page-panel-web-child .display-mode-page-ie .moon-checkbox .moon-icon{
    margin:-15px 0px 0px 0px;
    background:url('../assets/1080/check.png');
}


.login-page-firefox .body-item-box .body-item .text
{
    width:23%;
}

@media screen and (max-width:1600px){
    .contact-page-panel-web .contact-page-ie .panel-item-two .moon-checkbox .moon-icon{
        width:26px;
        height:33px;
        margin:-20px 0px 0px 5px;
        background:url('../assets/720/check.png');
    }

    .contact-page-panel-web-child .add-contact-page-ie .panel-item .moon-checkbox .moon-icon{
        width:26px;
        height:33px;
        margin:-20px 0px 0px 5px;
        background:url('../assets/720/check.png');
    }

    .control-page-panel-web-child .display-mode-page-ie .moon-checkbox .moon-icon{
        width:26px;
        height:33px;
        margin:-8px 0px 0px 10px;
        background:url('../assets/720/check.png');
    }
}

/* source/style/new-c9-language.css */

/* Ӣ�� */
.login-page-en .body-item-box .body-item .text
{
    width:22%;
}

.control-page-panel-web-child .power-control-page-en .button
{
    width:215px;
}

.diagnose-page-panel-web .diagnose-page-en .item.moon-item
{
    width:72%;
}

.diagnose-page-panel-web-child-en
{
    margin:0px 0px 0px 20px;
}

.set-page-panel-web-child .account-page-en .register-data-list .setting-item .choice .moon-simple-picker
{
   width:270px;
}

.set-page-panel-web-child .account-page-en .moon-simple-picker
{
    width:240px;
}

.set-page-panel-web-child-jp
{
    width:1150px;
}

.call-page-panel-web .call-page-en .call-list
{
    width:560px;
}

.call-page-panel-web .call-page-en .call-list .text
{
    margin:0px 70px 0px 0px;
}

.call-page-panel-web .call-page-en .call-list .info-item
{
    width:345px;
}

.call-page-panel-web .call-page-en .call-list .info-item .status-info
{
    width:170px;
}

.call-page-panel-web .call-page-en .call-list .hangup-button
{
    margin:15px 0px 0px 25px;
}

.call-page-panel-web .call-page-en .call-list .answer-button
{
    margin:15px 0px 0px 25px;
}

.set-page-panel-web-child .network-page-en .moon-simple-picker
{
    width:270px;
    margin:5px 0px 0px 0px;
}

.control-page-panel-web-child .record-control-page-en .active-button
{
    margin:5px 0px 15px 328px;
}

.set-page-panel-web-child .certificate-page-en .upload-tools .upload-button
{
    /* width:275px; */
    min-width: 275px;
	margin:0px 35px 43px 0px;
}

.set-page-panel-web-child .certificate-page-en .upload-certificate-file1
{
    /* width:275px; */
    min-width: 275px;
}

.set-page-panel-web-child .certificate-page-en .upload-certificate-file2
{
	left:318px;
    /* width:275px; */
    min-width: 275px;
}


/* �������� */
.login-page-tw .body-item-box .body-item .text
{
    width:25%;
}


/* ���� */
.login-page-jp .body-item-box .body-item .text
{
    width:30%;
}

.login-page-jp .body-item-box .body-item .onyx-dark
{
    width:125px;
    height:43px;
}

.call-page-panel-web .call-page-jp .item
{
    width:220px;
    margin:0px 0px 10px 0px;
}

.call-page-panel-web .call-page-jp .picker-item .moon-simple-picker
{
    width:295px;
    margin:0px 0px 10px 0px;
}

.call-page-panel-web .call-page-jp .picker-item .set-info
{
    width:85px;
}

.call-page-panel-web-child .history-page-jp .title
{
    width:180px;
}

.call-page-panel-web-child .history-page-jp .tool-item .radio-item-one
{
    margin:0px 5px 0px 35px;
}

.call-page-panel-web-child .history-page-jp .tool-item .radio-item-two
{
    margin:0px 5px 0px 35px;
}

.call-page-panel-web-child .history-page-jp .page-item .previous-button
{
    width:180px;
}

.call-page-panel-web-child .history-page-jp .page-item .next-button
{
    width:180px;
}

.contact-page-panel-web-child .add-contact-page-jp .moon-simple-picker
{
    width:370px;
}

.control-page-panel-web-jp
{
    width:490px;
}

.control-page-panel-web-child-jp
{
    width:1150px;
}

.control-page-panel-web-child .power-control-page-jp .button
{
    width:230px;
}

.set-page-panel-web-jp
{
    width:450px;
}


/* ������ */
.login-page-pl .body-item-box .body-item .text
{
    width:26%;
}

.call-page-panel-web-child .history-page-pl .tool-item .radio-item-one
{
    margin:0px 5px 0px 45px;
}

.call-page-panel-web-child .history-page-pl .tool-item .radio-item-two
{
    margin:0px 20px 0px 20px;
}

.call-page-panel-web-child .history-page-pl .tool-item .clear-item
{
    width:200px;
}

.control-page-panel-web-child .power-control-page-pl .button
{
    width:240px;
}

.control-page-panel-web-child .power-control-page-pl .large-button
{
	width:330px;
}

.set-page-panel-web-child .network-page-pl .moon-simple-picker
{
    width:280px;
    margin:-10px 0px 0px 0px;
}

.control-page-panel-web-child  .record-control-page-pl .active-button
{
	width:200px;
}

.control-page-panel-web-child .camera-control-page-pl .turn-up
{
    margin:0px 290px 0px 140px;
}

.control-page-panel-web-child .camera-control-page-pl .turn-down
{
    margin:0px 290px 30px 140px;
}


/* ���� */
.login-page-ru .body-item-box .body-item .text
{
    width:40%;
}

.call-page-panel-web .call-page-ru .item
{
    width:170px;
}

.call-page-panel-web .call-page-ru .picker-item .set-info
{
    width:90px;
}

.call-page-panel-web .call-page-ru .picker-item .moon-simple-picker
{
    width:295px;
    margin:0px 0px 10px 0px;
}

.call-page-panel-web-child .detail-history-page-ru .tool-button
{
    width:240px;
}

.control-page-panel-web-child .power-control-page-ru .button
{
    width:240px;
}

.control-page-panel-web-child .power-control-page-ru .large-button
{
    width:430px;
}

.control-page-panel-web-child .presentation-page-ru .toggle-item
{
    width:550px;
}

.control-page-panel-web-child .record-control-page-ru .toggle-item
{
	 width:650px;
}

@media screen and (max-width:1600px){
    .control-page-panel-web-jp
    {
        width:400px;
    }

    .set-page-panel-web-jp
    {
        width:400px;
    }

    .set-page-panel-web-child .network-page-en .moon-simple-picker
    {
        width:240px;
        margin:-20px 0px 0px 0px;
    }

    .control-page-panel-web-child .record-control-page-en .active-button
    {
        margin:10px 0px 10px 288px;
    }
}

/* source/style/video-js.css */

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url('../source/style/font/VideoJS.eot?#iefix') format("eot"); }

@font-face {
  font-family: VideoJS;
  src: url('data:application/font-woff;charset=utf-8;base64,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') format("woff"), url('data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA') format("truetype");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
    content: "\f101"; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play-circle:before {
    content: "\f102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
    content: "\f103"; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
  .video-js .vjs-volume-menu-button.vjs-vol-0:before {
    content: "\f104"; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
  .video-js .vjs-volume-menu-button.vjs-vol-1:before {
    content: "\f105"; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
  .video-js .vjs-volume-menu-button.vjs-vol-2:before {
    content: "\f106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
  .video-js .vjs-volume-menu-button:before {
    content: "\f107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
    content: "\f108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    content: "\f109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-square:before {
    content: "\f10a"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-spinner:before {
    content: "\f10b"; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
    content: "\f10c"; }

.vjs-icon-captions, .video-js .vjs-captions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-captions:before, .video-js .vjs-captions-button:before {
    content: "\f10d"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
    content: "\f10e"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-share:before {
    content: "\f10f"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cog:before {
    content: "\f110"; }

.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: "\f111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-outline:before {
    content: "\f112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-inner-circle:before {
    content: "\f113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-hd:before {
    content: "\f114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
    content: "\f115"; }

.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-replay:before {
    content: "\f116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-facebook:before {
    content: "\f117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-gplus:before {
    content: "\f118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-linkedin:before {
    content: "\f119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-twitter:before {
    content: "\f11a"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-tumblr:before {
    content: "\f11b"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pinterest:before {
    content: "\f11c"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button:before {
    content: "\f11d"; }

.vjs-icon-audio, .video-js .vjs-audio-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio:before, .video-js .vjs-audio-button:before {
    content: "\f11e"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .video-js:-moz-full-screen {
    position: absolute; }
  .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu-button.vjs-disabled {
  cursor: default; }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: Arial, Helvetica, sans-serif; }

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.video-js .vjs-menu-button-inline.vjs-slider-active {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }
  .video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em; }

.vjs-live .vjs-progress-control {
  display: none; }

.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em; }

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
  font-family: Arial, Helvetica, sans-serif;
  visibility: visible;
  font-size: 0.6em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0; }

.video-js .vjs-mouse-display:before {
  display: none; }

.video-js .vjs-play-progress {
  background-color: #fff; }
  .video-js .vjs-play-progress:before {
    position: absolute;
    top: -0.333333333333333em;
    right: -0.5em;
    font-size: 0.9em; }

.video-js .vjs-time-tooltip,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em; }

.video-js .vjs-time-tooltip,
.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
  z-index: 1; }

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
  display: none; }

.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75); }

.video-js.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em; }

.vjs-tooltip-progress-bar {
  visibility: hidden; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
  display: none; }

.vjs-mouse-display .vjs-time-tooltip,
.video-js .vjs-progress-control .vjs-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-js .vjs-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }
  .vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }
  .vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0.5em;
  height: 8em; }

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
  left: -2em; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden; }

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
  height: 8em;
  width: 2.9em; }

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 8em; }

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
  background-color: transparent !important; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

.vjs-has-started .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

.vjs-controls-disabled .vjs-poster {
  display: none; }

.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-live .vjs-time-control {
  display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  -moz-transform: translateY(-3em);
  -ms-transform: translateY(-3em);
  -o-transform: translateY(-3em);
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -moz-transform: translateY(-1.5em);
  -ms-transform: translateY(-1.5em);
  -o-transform: translateY(-1.5em);
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

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

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
  display: none; }

.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 16em;
  font-size: 12px;
  width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 1em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px;
  border: none; }

.vjs-caption-settings .vjs-tracksetting label,
.vjs-caption-settings .vjs-tracksetting legend {
  display: block;
  width: 100px;
  margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px;
  vertical-align: top;
  float: right; }

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0; }

.vjs-caption-settings label > input {
  margin-right: 10px; }

.vjs-caption-settings fieldset {
  margin-top: 1em;
  margin-left: .5em; }

.vjs-caption-settings fieldset .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* for Internet Explorer */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden; } }

@media \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}

@media \0screen {
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
  }
}


/* source/style/video-js.min.css */

.video-js .vjs-audio-button,.video-js .vjs-big-play-button,.video-js .vjs-captions-button,.video-js .vjs-chapters-button,.video-js .vjs-control.vjs-close-button,.video-js .vjs-descriptions-button,.video-js .vjs-fullscreen-control,.video-js .vjs-mouse-display,.video-js .vjs-mute-control,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-play-control,.video-js .vjs-play-control.vjs-playing,.video-js .vjs-play-progress,.video-js .vjs-subtitles-button,.video-js .vjs-volume-level,.video-js .vjs-volume-menu-button,.video-js .vjs-volume-menu-button.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-2,.video-js.vjs-fullscreen .vjs-fullscreen-control,.vjs-icon-audio,.vjs-icon-audio-description,.vjs-icon-cancel,.vjs-icon-captions,.vjs-icon-chapters,.vjs-icon-circle,.vjs-icon-circle-inner-circle,.vjs-icon-circle-outline,.vjs-icon-cog,.vjs-icon-facebook,.vjs-icon-fullscreen-enter,.vjs-icon-fullscreen-exit,.vjs-icon-gplus,.vjs-icon-hd,.vjs-icon-linkedin,.vjs-icon-pause,.vjs-icon-pinterest,.vjs-icon-play,.vjs-icon-play-circle,.vjs-icon-replay,.vjs-icon-spinner,.vjs-icon-square,.vjs-icon-subtitles,.vjs-icon-tumblr,.vjs-icon-twitter,.vjs-icon-volume-high,.vjs-icon-volume-low,.vjs-icon-volume-mid,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js,.vjs-no-js{color:#fff;background-color:#000}.video-js .vjs-big-play-button:before,.video-js .vjs-control,.video-js .vjs-control:before,.vjs-menu li,.vjs-no-js{text-align:center}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}@font-face{font-family:VideoJS;src:url('../source/style/font/VideoJS.eot?#iefix') format("eot")}@font-face{font-family:VideoJS;src:url('data:application/font-woff;charset=utf-8;base64,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') format("woff"),url('data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA') format("truetype");font-weight:400;font-style:normal}.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subtitles-button:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before{content:"\f111"}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button:before,.vjs-icon-cancel:before{content:"\f115"}.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button:before,.vjs-icon-audio:before{content:"\f11e"}.video-js{display:block;vertical-align:top;box-sizing:border-box;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js .vjs-tech,.video-js.vjs-fill{width:100%;height:100%}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin:0}.vjs-error .vjs-error-display:before,.vjs-menu .vjs-menu-content,.vjs-no-js{font-family:Arial,Helvetica,sans-serif}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js .vjs-tech{position:absolute;top:0;left:0}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;font-size:18px;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-width:4em}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after,.video-js .vjs-progress-control:hover .vjs-time-tooltip{font-family:Arial,Helvetica,sans-serif;visibility:visible;font-size:.6em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-tooltip-progress-bar{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before,.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after,.video-js .vjs-time-tooltip{visibility:hidden;pointer-events:none;position:absolute;top:-3.4em;right:-1.9em;font-size:.9em;color:#000;content:attr(data-current-time);padding:6px 8px 8px;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:after,.video-js .vjs-play-progress:before,.video-js .vjs-time-tooltip{z-index:1}.video-js .vjs-load-progress{background:#bfc7d3;background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:#fff;background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-time-tooltip{display:inline-block;height:2.4em;position:relative;float:right;right:-1.9em}.vjs-tooltip-progress-bar{visibility:hidden}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after,.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content,.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-vertical:focus .vjs-menu-content,.vjs-volume-menu-button-vertical:hover .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,.vjs-volume-menu-button-horizontal:hover .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider,.vjs-no-flex .vjs-current-time,.vjs-no-flex .vjs-duration{display:none}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-time-divider{display:none;line-height:3em}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:#fff transparent transparent}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%,100%,20%,60%{border-top-color:#73859f}35%{border-top-color:#fff}}@-webkit-keyframes vjs-spinner-fade{0%,100%,20%,60%{border-top-color:#73859f}35%{border-top-color:#fff}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:16em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:1em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-controls:after,.vjs-caption-settings .vjs-tracksettings-font:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px;border:none}.vjs-caption-settings .vjs-tracksetting label,.vjs-caption-settings .vjs-tracksetting legend{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px;vertical-align:top;float:right}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings fieldset{margin-top:1em;margin-left:.5em}.vjs-caption-settings fieldset .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}@media \0screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden}}