/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/*













 */



/* Component containers
----------------------------------*/

.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(/assets/jquery-ui/ui-bg_flat_75_ffffff_40x100-39ab7ccd9f4e82579da78a9241265df288d8eb65dbbd7cf48aed2d0129887df5.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(/assets/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100-54270656df079c4da5182629a080fc633b6f84b87985eb016d25a560e2c38d4a.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url(/assets/jquery-ui/ui-bg_glass_75_e6e6e6_1x400-ddf5dd4e0ef2b185e8bb0af7b6e90ebe74a84384cb4700658e76e754c8bfe550.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url(/assets/jquery-ui/ui-bg_glass_75_dadada_1x400-c108f5cbf2dd9ec07a26530695ddd95e1664597ce6c056ae44c162cc2e28cec4.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(/assets/jquery-ui/ui-bg_glass_65_ffffff_1x400-f0e6cd91b837d5c5644d026e5ffeccd907953317cd5c0f689901733afda260b2.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(/assets/jquery-ui/ui-bg_glass_55_fbf9ee_1x400-691597e8a40a891ea94d3589976ecfc33e6145c49422443b00ac2b5a0022964c.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(/assets/jquery-ui/ui-bg_glass_95_fef1ec_1x400-f6f1c1bedf1a0f37cfef81d12f5f012869d1ee7c984775a569827a1784d34f5c.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_222222_256x240-57adb0d65f4e91dacfee975d9574422bee7486c8a182d60133728c672f2cdbbc.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_222222_256x240-57adb0d65f4e91dacfee975d9574422bee7486c8a182d60133728c672f2cdbbc.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_888888_256x240-ea2e29625de3463465e93b002b065f5833e05b97f7a052b1c141e754d62e1a8b.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_454545_256x240-07460e843c3e59aaadbb34231e699e856a2980753c7a47b66447da5d9f93fb7f.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_454545_256x240-07460e843c3e59aaadbb34231e699e856a2980753c7a47b66447da5d9f93fb7f.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_2e83ff_256x240-20f8c6667afc48aa433ee9eb6d8a0584bdbd6b4a4a9091ff1e6b3adb31e63bd9.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_cd0a0a_256x240-1e32c6dbf5d3fd342f27a78aa881550d6412aa207f48468724a6a15402b6041b.png)/*{iconsError}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(/assets/jquery-ui/ui-bg_flat_0_aaaaaa_40x100-9a8492a580bf85d3e98ae8861fbd45567e5a1f83eeafcf9574da0399d5f602ab.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(/assets/jquery-ui/ui-bg_flat_0_aaaaaa_40x100-9a8492a580bf85d3e98ae8861fbd45567e5a1f83eeafcf9574da0399d5f602ab.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/; /* support: IE8 */
	border-radius: 8px/*{cornerRadiusShadow}*/;
}
/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*

 */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*!
 * jQuery UI Datepicker 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
/*


 */

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
/*!
 * jQuery UI Button 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
/*


 */

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/*!
 * jQuery UI Draggable 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*


 */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/*!
 * jQuery UI Resizable 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*


 */

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
/*!
 * jQuery UI Dialog 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
/*





 */

.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.bsmContainer {
  /* container that surrounds entire bsmSelect widget */
}

.bsmSelect {
  /* the newly created regular 'select' */
  display: inline;
}

.bsmOptionDisabled {
  /* disabled options in new select */
  color: #999;
}

.bsmHighlight {
  /* the highlight span */
  float: right;
  padding: 0;
  margin: 0 0 0 1em;
}

.bsmList {
  /* html list that contains selected items */
  margin: 0.25em 0 1em 0;
  position: relative;
  display: block;
  padding-left: 0;
  list-style: none;
}

.bsmListItem {
  /* li item from the html list above */
  position: relative;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  background: #ddd;
  border: 1px solid #bbb;
  width: auto;
  margin: 0 0 -1px 0;
  line-height: 1em;
}

.bsmListItem:hover {
  background-color: #e5e5e5;
}

.bsmListItemLabel {
  /* this is a span that surrounds the text in the item, except for the remove link */
  padding: 5px;
  display: block;
}

.bsmListSortable .bsmListItemLabel {
  cursor: move;
}

.bsmListItemRemove {
  /* the remove link in each list item */
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
}

.bsmScrollWorkaround {
  /* Fix a bug when the 'html' element has an overflow set to either 'scroll' or 'auto' on FF. */
   padding-bottom: 1px;
   overflow: auto;
}
/*
	jquery_ui_custom.css
  JQuery UI CSS Customizations
*/

/*


 */

/* Quadres de diàleg */

/* Redefinim estils per defecte del jQuery */

.ui-dialog.ui-widget {
  font-family: inherit;
  font-size: 1em;
	margin-left: 1px;
	margin-right: 1px;
}

.ui-widget-overlay {
  background: url("/assets/jquery-ui/ui-bg_flat_0_aaaaaa_40x100-9a8492a580bf85d3e98ae8861fbd45567e5a1f83eeafcf9574da0399d5f602ab.png") repeat-x scroll 50% 50% #AAAAAA;
  opacity: 0.5;
  z-index: 99998; /* Important, si no queda amagat darrere els lightframes quan són inline (jq tenen z-index 9999) */
}

.ui-widget {
    font-family: inherit;
    font-size: 1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-datepicker.ui-widget, .ui-autocomplete.ui-widget {
    font-family: inherit;
    font-size: 1em;
    z-index: 99999; /* Important, si no queda amagat darrere els lightframes quan són inline (jq tenen z-index 9999) */
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,
.ui-datepicker.ui-widget input, .ui-datepicker.ui-widget select, .ui-datepicker.ui-widget textarea, .ui-datepicker.ui-widget button {
  font-family: inherit;
  font-size: 1em;
}

.ui-widget-header {
  background: url("/assets/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100-54270656df079c4da5182629a080fc633b6f84b87985eb016d25a560e2c38d4a.png") repeat-x scroll 50% 50% #CCCCCC;
  border: 1px solid #AAAAAA;
  color: #222222;
  font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background-color: #E6E6E6;
  border: 1px solid #D3D3D3;
  color: #555555;
  font-weight: normal;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: none;
  border: 1px solid #999999;
  color: #212121;
  font-weight: normal;
}


/* Plugin Pickadate */

.picker.picker--time {
	font-size: 1em;
}

.picker--time .picker__holder {
}
.picker--time .picker__holder .picker__frame {
	min-width: 80px;
	max-width: 80px;
}

.picker--time .picker__holder .picker__box {
 font-size: 1em;
 background:#f2f2f2;
 padding:0
}

.picker--time .picker__holder .picker__list {
	list-style: none;
	padding: 1em 0 1em 0;
	margin: 0;
}
.picker__list .picker__list-item {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-bottom: -1px;
	position: relative;
	background: #fff;
	padding: .25em .25em;
  text-align: center;
}

.picker--focused .picker__list .picker__list-item--selected,
.picker__list .picker__list-item--selected,
.picker__list .picker__list-item--selected:hover {
  /* Element amb valor actual */
	background: #b1dcfb;
	color: #000;
	z-index: 10;
}

.picker__list .picker__list-item--highlighted, .picker__list .picker__list-item:hover {
}

.picker--focused .picker__list .picker__list-item--highlighted,
.picker__list .picker__list-item--highlighted:hover,
.picker__list .picker__list-item:hover {
  /* Element amb valor seleccionat a la llista */
	background: #0089ec;
	color: #fff;
	cursor: pointer;
}


.picker--time .picker__holder .picker__button--clear {
  border-radius: 4px;
	width: auto;
  padding: 0.75em 1em;
}

.picker--time .picker__holder .picker__button--clear:focus,
.picker--time .picker__holder .picker__button--clear:hover {
	background: #997b7b;
	border-color: #e20;
	cursor: pointer;
	color: #fff;
	outline: 0;
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000000; opacity:0.1 !important;}
#colorbox{outline:0;}
    /* Quadre principal */
    #cboxContent{margin-top: 0px; overflow:visible; background:#FFFFFF; border: 1px solid #CCCCCC; border-radius: 6px; padding: 4px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#FFFFFF; border-radius: 5px; padding:0px;}
        /*
         *= depend_on_asset "colorbox/loading.gif"
         */
        #cboxLoadingGraphic{background:url(/assets/colorbox/loading-34ef55242fc24c94f0790902c09601d228e9074bf7a1f88c4de6a39b40ce38fa.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#FFFFFF;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000; display:none !important;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/assets/colorbox/controls-cd0a305d6a16d28b62037fb08f9b062dd1a0a6a3b970d8f95ecebd56f74067e9.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{display:none !important;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
body {
  color: #000000;
  font-family: "Roboto",Arial,Helvetica,sans-serif;
  font-size: 10pt;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  color: #222222;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  margin: 0px;
  text-align: left;
}

h1 {
  font-size: 1.5em; /* 16x1.375=22px */
  line-height: 1.636em;/* 16x1.636=36px */
}

h2 {
	font-size: 1.4em;
}

ul {
  margin-bottom: 8px;
  margin-top: 4px;
}

p {
	font-size: 0.875em; /* 16x0.875=14px */
  margin-bottom: 10px;
  margin-top: 10px;
}

p.full_text_size {
	font-size: 1em;
}

p.centered {
  text-align:center;
}

p.right-aligned {
  text-align:right;
}

p.ajustat {
  padding:0px;
}

fieldset  {
	padding: 0px;
	border: 0px;
  margin: 0px;
}

input, select, textarea, button {
  cursor: inherit;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
}

a {
  color: #333333;
  text-decoration: none;
}
a:hover {
  color: #000000;
  text-decoration: underline;  
}

/* **** Taules **** */
table {
	font-size: 1em;
	line-height: 1em;
	text-align: left;
	border-spacing: 0px;
}

table th, table td {
	margin: 0px;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
}

th {
  color: #222222;
	font-size: 0.9em;
	font-weight: bold;
}

td {
	font-size: 0.95em;
}

th.centered, td.centered {
  text-align:center;
}

th.right-aligned, td.right-aligned {
  text-align:right;
}

td.ajustat {
  padding:0px;
}

th.nowrap, td.nowrap {
  white-space: nowrap;
}

/* Mecanisme per indicar l'estat d'edició d'una fila */
table tr.edition_status_normal {
	background-color: inherit;
}
table tr.edition_status_dirty {
	background-color: #f2f0c8;
}
table tr.edition_status_locked {
	background-color: #ceb3b3;
}

table tr.edition_status_normal td.accions img {
	opacity: 1;
}
table tr.edition_status_dirty td.editable_content {
  opacity: 0.4;
}


/* Taules de dades p.ex. acadèmiques, de quotes, de categories,... */
table.dades {
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #CCCCCC;
  clear: both;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 8px;
}

table.dades thead {
  overflow: hidden;
}
table.dades th {
	background-color:#EEEEEE; /* Cal posar-lo aquí per evitar el problema de les cantonades arrodonides */
  border-bottom: 1px solid #DDDDDD;
}

/*
  Eliminat 2018-12-11, en favor de table.dades thead tr th:first-child
table.dades th.left {
	border-radius: 3px 0px 0px 0px;
}
table.dades th.right {
	border-radius: 0px 4px 0px 0px;
}
*/
table.dades thead tr th:first-child {
  border-top-left-radius: 3px;    
}

table.dades thead tr th:last-child {
  border-top-right-radius: 3px;    
}


table.dades td {
}


/* Taules de sota els formularis p.ex. membres d'un grup, assignatures d'una especialitat,... */
table.taula_informativa {
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #CCCCCC;
  clear: both;
	margin-left: 2px;
	margin-top: 4px;
}
table.taula_informativa.no_clear {
  clear: none;
}

div {
	text-align:left;
  overflow:visible;
}

abbr {
	border:0px;
  text-decoration: none;
}

ul li {
	text-align:left;
}

div.hidden {
	display:none;
}

span.no_bold {
  font-weight:normal;
}

/*** Àrea capçalera ***/

div#main_header {
	background-color: #000000;
	margin: 0px;
	width: 100%;
}

div#main_header_content {
	margin: 0 auto;
}

div#logotip {
}
img#imagotip {
}

h1.logotip {
	color:#CCCCCC;
}

h1.logotip_petit {
  color:#CCCCCC;
}

div#perfil {
	color: #C1CAD0;
	float: right;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	text-align: left;
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 500; /* Ha que quedar per sobre de tota la resta d'elements */
}

div#info_usuari {
  overflow: visible;  /* Important, perquè conté el menú desplegable */
}

div#info_usuari a {
	color:#C1CAD0;
	font-weight:bold;
}

/* Informació sobre missatgeria */
div#info_courier_unread_messages {
  float: left;
  padding-right: 8px;
  padding-top: 4px;
}

div#info_courier_unread_messages  span {
  /* No utilitzat */
  display: inline-block;
  height: 20px;  /* per igualar l'altura de la icona, que fa 20x20*/
  padding-top: 2px;
}

div#info_courier_unread_messages  a {
  display: inline-block;
  float: none;
  margin-left: 0px;
  padding: 0;
  vertical-align: top;
}

/* Menú d'usuari */
div#info_usuari ul.sf-menu {
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  margin-bottom: 0px; /* Important, ja que per defecte superfish col·loca 1em; */
}

li#info_usuari_menu{
  background-color:#333333;
	border-radius: 0px 0px 0px 6px;
  width: 180px;  /* amplada de l'ítem principal del menú d'usuari */ 
}
li#info_usuari_menu ul li a{
	font-weight:normal;
}
li#info_usuari_menu.sfHover {
  /* Quan es desplega, eliminar la cantonada arrodonida */
	border-radius: 0px 0px 0px 0px;  
}
div#info_usuari .sf-menu ul {
  background-color: #333333;
  border: 0px;
  border-radius: 0 0 6px 6px;
  box-shadow: none;
  height: auto;
  margin: 0;
  overflow: hidden !important; /* perquè l'últim element quedi arrodonit per baix */
  width: 150px; /* amplada del menú desplegable d'usuari */
  z-index: 200;  /* pq quedi per sobre dels altres menús en cas de superposició */
}
div#info_usuari .sf-menu li ul li, div#info_usuari  .sf-menu li ul li a{
  /* S'aplica quan es desplega un menú */
  border:0px;
  /*border-radius:0px 0px 6px 6px;  Eliminat 2020-08-28 */
}

div#info_usuari .sf-menu li ul li.sfHhoveraa,div#info_usuari  .sf-menu li ul li a:hover {
  /* S'aplica quan passem per sobre un ítem de menú */
  border:0px;
  border-radius:0px 0px 6px 6px;
}


/*** Àrea de continguts ***/

div#limits {
	display: block;
	margin: 0 auto;
}
.content {
}

.content .header {
	background: #000000;
}

/* Top Modules */
.content #top_modules {
  height: 35px;
  padding-bottom: 1px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.content .header #link_menu_principal {
  /* obsolet? */
	float: right;
	padding-right: 10px;
	padding-top: 0px;
} 

.content .header #link_menu_principal a {
  /* obsolet? */
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.content .header #link_menu_principal a:hover {
  /* obsolet? */
	color: #dddddd;
}

.content .header #link_contactes {
	float:right;
	padding-right: 5px;
	padding-top: 4px;
  opacity: 0.9;
}
.content .header #link_gesteco {
  float:right;
  padding-right: 5px;
  padding-top: 4px;
  opacity: 0.9;
}

.content .header #link_menjador {
	float:right;
	padding-right: 5px;
	padding-top: 4px;
  opacity: 0.9;
}
.content .header #link_mediateca {
	float:right;
	padding-right: 5px;
	padding-top: 4px;
  opacity: 0.9;
}
.content .header #link_inventari {
	float:right;
	padding-right: 5px;
	padding-top: 4px;
  opacity: 0.9;
}
.content .header #link_usuaris {
	float:right;
	padding-right: 5px;
	padding-top: 5px;
  opacity: 0.9;
}
.content .header #link_estadistiques {
	float:right;
	padding-right: 5px;
	padding-top: 5px;
  opacity: 0.9;
}
.content .header #link_configuracio_centre {
	float:right;
	padding-right: 5px;
	padding-top: 4px;
  opacity: 1;
}
.content .header #link_konektori {
	float:right;
	padding-right: 5px;
	padding-top: 4px;
  opacity: 1;
}

div.content .body {
}

div.content .body > .alert {
  text-align:center;
}

div.seccio_box {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 6px 6px 6px 6px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1380px;  /* En pantalles molt grans, cal evitar dispersió dels elements per usabilitat */
	outline: 0 none;
	overflow: auto;
	padding-bottom: 16px;
	width: 98%;
}
.lightframe div.seccio_box {
	border: 0px;
	margin-bottom:0px;
	padding-bottom:4px;
/*  overflow: visible !important; /* :TODO: Desactivat 2019-09-30, si no passa res eliminar-ho */
	width: 100% !important;
}

/*
 *= depend_on_asset "fons_gris_clar.gif"
 */
div.seccio_header {
	background: url(/assets/fons_gris_clar-66136c81635bac1af5e3e309312eb2a95c6dd15e0ad5fadcb0fbbdde80e2dbef.gif) repeat-x scroll 1px 1px #E5E5E5;
	background-clip: padding-box;
	/* border-bottom: 1px solid #BCBCB7; Eliminat 2019-08-19 */
	border-radius: 6px 6px 0px 0px;
	margin-bottom: 0px;
	min-height:32px;
	padding-bottom: 0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	text-align:left;
  overflow: auto;
}

div.seccio_header_lf {
  clear:both;float:left;width:100%;
  margin-top: 6px;
  padding-bottom:20px;
}
div.seccio_header_lf .section_title { margin-left: 10px; }
div.accions_lf {
  float:right;
  margin-right: 10px;
}

.lightframe div.seccio_header {
	border: 1px solid #BCBCB7;
	border-radius: 6px 6px 6px 6px;
	height: auto;
	min-height: 32px;
  overflow: auto;
}

.lightframe div.seccio_header.fixed {
  position: fixed;
  width: 96.2%;
  z-index: 1;
}

h2.section_title {
	float:left;
  max-width: 700px;
	padding-top:3px;
}


/* Llistes amb dreceres (enllaços) */
li.drecera a {
  color: #333333;
  text-decoration: none;
}

li.drecera a:hover {
  color:#000000;
  text-decoration: underline;  
}



/* Accions */

.seccio_header .accions {
/* Barra d'accions de la capçalera*/
	float: right;
	text-align: right;
	padding-right: 0px;
	padding-top: 1px;
	height: 28px;
}

.accions_separador {
  /* separador de grups d'accions, p.ex. entre les accions browser i les accions complementàries */
  display: block;
  float: right;
  height: 20px;
  margin: 0px;
  padding: 0px;
  width: 20px;
}



.button, #main-content table tfoot td .bulk-actions select, .pagination a.number, form input.text-input, form textarea, form .wysiwyg, form select, .dp-popup {
    border-radius: 4px 4px 4px 4px;
}

/* accions massives */
a.accio_massiva {
  border-radius: 6px 6px 6px 6px;
  background-color: #F7F7F7;
  border: 1px solid #CCCCCC;
  display: block;
  float:right;
  margin-top:0px;
  margin-left:6px;
  margin-right:0px;
}

a.accio_massiva.separacio_gran {
  margin-left: 18px;
}
a.accio_massiva.separacio_gran_dreta {
  margin-right: 12px; /* +6 (margin-left) = 18 */
}


/* accions drecera */
a.accio_drecera {
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #CCCCCC;
  display: block;
  float:left;
  margin-top:0px;
  margin-left:0px;
  margin-right:8px;
}

.accions_drecera_separador {
  /* separador de grups d'accions drecera, p.ex. a la pàgina d'inici entre les accions principals (el meu horari, etc.) i les accions complementàries */
  display: block;
  float: left;
  height: 20px;
  margin: 0px;
  padding: 0px;
  width: 20px;
}


a.accio_massiva span, a.accio_drecera span {
  border-radius: 7px 7px 7px 7px;
  color: #555555;
  display: block;
  font-size: 13px;
  line-height: 1.3em;
  padding: 2px 2px;
  text-align: center;
}

h4.cerca_explicada {
	padding-bottom: 6px;
	padding-top: 6px;
}

h4.cerca_explicada a.accio_javascript {
	display: inline-block;
	float: none;
	margin-left: 5px;
	padding: 0;
	vertical-align: text-bottom;
}

h4.cerca_explicada a.accio_javascript img {
  height: 20px;
  width: 20px;
}


/* Imatges */
img.size_original {
  height: auto;
}

img.size_mini {
  height: 80px;
}

img.size_micro {
  height: 30px;
}

img.size_list {
  height: 24px;
}

/* Missatges */

div.info {
  padding-top: 10px;
}

/* validació de formulari */

div.form-errors {
  background-color: #ffbaba;
  border: 1px solid;
  border-radius:4px;
  width: 400px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  padding: 0px;
  color: #d8000c;
}

div.form-errors ul {
  padding:0;
  margin:0;
}

div.form-errors li {
  margin-left: 14px;
}

div.message_box {
	border-width: 1px;
	border-style: solid;
	border-color:#CCCCCC;
	border-radius: 6px 6px 6px 6px;
  clear:both;
	margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
	max-width: 1380px;  /* Ha de coincidir amb seccio_box */
	outline: 0 none;
}

div.message_content {
	border-radius: 6px 6px 6px 6px;
	border-style:none;
  line-height: 16px;
	padding-top:8px;
	padding-bottom: 8px;
	padding-left:24px;	/* Per deixar espai a la icona */
  padding-right: 20px;	/* Per deixar espai a la creueta */
	text-align:left;
	background-clip: padding-box;
	position:relative;	/* Important */
}

td div.message_content {
  /* A les taules, el text és més petit i per tant l'alçada del missatge canvia */
  background-position: 4px 6px;
  line-height: 14px;
}

/*
 *= depend_on_asset "icona_avis.png"
 */
div.warning_message {
	border-color:#E6DB55;
	color:#666452;
	background: url(/assets/icona_avis-e38162787105cd62fce2f776f510b70e5871542f8c8d44d6c58fe458715e0d31.png) no-repeat scroll 4px 8px #FFFBCC;
}

/*
 *= depend_on_asset "icona_info.png"
 */
div.info_message {
	border-color:#A2B4EE;
	color:#585B66;
	background: url(/assets/icona_info-abd072c2549041d3d70242e15f561ce56f7f7f016bfa3a01ab4024f62c8e6871.png) no-repeat scroll 4px 8px #DBE3FF;
}

/*
 *= depend_on_asset "icona_correcte.png"
 */
div.notice_message {
	border-color:#9ADF8F;
	color:#556652;
	background: url(/assets/icona_correcte-0a1ed3bd8fe0b2d41e5f9b5a150b08b95860cf947cb45d7af9baf231b25aa5c1.png) no-repeat scroll 4px 8px #D5FFCE;
}

/*
 *= depend_on_asset "icona_error.png"
 */
div.error_message {
	border-color:#DF8F8F;
	color:#665252;
	background: url(/assets/icona_error-440200e0e7de0b4c8c4fa1a0f364642316560116431a61ceda540c6f555e38c5.png) no-repeat scroll 4px 8px #FFCECE;
}

div.panel_message {
  border-color: #0f1616;
  /*background-color: #ccd3cc; */ /* Color que combina bé amb el següent, per si el volem utilitzar per altres quadres, p.ex. */
  background-color: #efeada;
}

div.form_error_message {
	border-color:#DF8F8F;
	color:#665252;
}

div.message_box_cross {
	color: #990000;
	font-size: 9px;
	position: absolute;
	right: 5px;
	top: 5px;
}

/* Legends */
div.legend {
  clear: both;
  overflow: auto;
}

div.legend_item {
  color: #666666;
  float: right;
  font-size: 0.9em;
  padding-left: 6px;
}


/* ColorBox */
/* :TODO: */
#cboxTitle {
  color: #000000;
  left: 0;
  position: absolute;
  top: 0px; /* això fa que quedi amagat, ja que display:none no funciona */
}

/* Spectrum Colorpicker */
.sp-replacer.sp-light,
.sp-container.sp-light {
	padding: 0px !important;
	border-radius: 4px;
}

.sp-replacer .sp-preview {
  border: 0px;
	background-image: none;
}

.sp-replacer .sp-preview .sp-preview-inner {
}

.sp-container .sp-picker-container {
	border-left: 0px;
}

/* Menú principal */


#top_navigation .simple-navigation-active-leaf a.selected  {
/* Color de l'ítem del menú que s'està visualitzant */
	color:#6666FF;
}


.content .clear_float {
	clear:all;
}

.content #top_navigation {
	display: inline-block;  /* pq pugui ser centrat */
  background: inherit;  /* important */
	padding-left: 46px;	/* per deixar espai a l'isotip */
	padding-top: 0px;	/* si es vol fer baixar el menú, afegir píxels */
  text-align: initial;
}


.content #top_navigation ul#top_navigation_list {
  margin-right: 214px; /* pq no quedi mai amagat pel menú d'usuari */
}

.content #top_navigation ul {
  font-family: Arial,Helvetica,sans-serif;
	padding-top: 0px;
	padding-left: 0px;
	margin: 0px;
}

.content #top_navigation ul li {
	display: inline;
	list-style-type: none;
	margin-right: 0px; /* Aquesta amplada ha de coincidir amb superfish.css L6 (.sf-menu) */
}

.content #top_navigation a,
.content #top_navigation span {
	text-decoration: none;
	color: #dddddd;
	font-weight: bold;
}

.content #top_navigation a:hover {
	color: #ffffff;
}


.content #sub_navigation {
	background: #000000;
	background: #3366bb;
	position: relative;
	float: left;
	width: 150px;
	/*height: 320px;*/
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	margin-right: 1px;
	margin-top: 0px;
	margin-left: 0px;
	border-bottom: 5px solid #3366bb;
}
  
.content #sub_navigation ul {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	width:120px;
}

.content #sub_navigation ul li {
	list-style-type: none;
	margin-right: 20px;
	margin-bottom: 8px;
	text-align: right;
}

.content #sub_navigation ul li a {
	text-decoration: none;
	color: #dddddd;
	color: #000000;
}

.content #sub_navigation ul li a:hover {
	text-decoration: none;
	color: #ffffff;
	color: #222222;
}

.content #sub_navigation ul li a.selected {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	color: #ffffff;
}


/* Presentació de formularis */

/* Estils generals */

form {
	margin: 0px;
  overflow: visible;
}

form label {
	color:#333333;
	margin-right:10px;
}

form input[type=search] {
  height: 24px; /* En els inputs, el height inclou padding (2+2) i border (1+1) */  
}

form input[type=text] {
  height: 18px; /* En els inputs type text, el height NO inclou padding (2+2) NI border (1+1) */  
}

form input[type=search]:focus, form input[type=text]:focus, textarea:focus,
form input[type=search]:focus-within, form input[type=text]:focus-within, textarea:focus-within {
/*  border: 1px solid green !important;
  box-shadow: 0 0 3px green !important;
  -moz-box-shadow: 0 0 3px green !important;
  -webkit-box-shadow: 0 0 3px green !important;*/

  border: 1px solid rgba(23, 125, 229, 0.8) !important;
	border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px rgba(23, 125, 229, 0.075) inset, 0 0 3px rgba(23, 125, 229, 0.6) !important;
  outline-offset: 0px !important;
  outline: 0 none !important;
}
form select:focus {
  border: 1px solid rgba(23, 125, 229, 0.8) !important;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px rgba(23, 125, 229, 0.075) inset, 0 0 3px rgba(23, 125, 229, 0.6) !important;
}

form input[type=checkbox]:not(old),
form input[type=radio   ]:not(old){
  float: left;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 2px;
  margin-top: 0px;
  padding: 0px;
  vertical-align: text-top;
}

form select, .formulari select  {
  height: 24px; /* En els select (inclosos els que estan sense form), el height inclou padding (2+2) i border (1+1) */
  outline: 0;
}

form textarea {

}

form label.checkbox {
  display: inline-block;
}

form label.checkbox input[type=checkbox] {
  display: inline-block;
  float: none;
  position: relative;
  vertical-align: baseline;
}

.button, form input[type=search], form input.string, form input.numeric, form input.date_picker, form input.time_picker, form input.password,
form textarea, form select, .pagination a.number, form .wysiwyg, .formulari select {
	border-radius: 4px 4px 4px 4px;
}

form input[type=search], form input.string, form input.numeric, form input.date_picker, form input.time_picker, form input.password,
form select, form textarea, form .wysiwyg, .formulari select  {
  background-color: #EEEEFF;
  border: 1px solid #D5D5D5;
  color: #000000;
  cursor: inherit;
	font-size: 1em;
  padding: 2px;
}

form input.boolean {
  float:none; /* Important */
  margin-top:0px; /* Si no, queda massa avall */
}

form input.date_picker {
  width: 80px;
}

form input.disabled, form select.disabled, form textarea.disabled, .formulari select.disabled {
	background-color:#EEEEEE;
}

form input.readonly, form select.readonly, form textarea.readonly, .formulari select.readonly {
	background-color:#EEEEEE;
}

/* Mecanisme per convertir un select en una aparença d'etiqueta */
form select.select_as_label:disabled {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border-style: hidden;
  padding-left: 0px;
}

/*For IE10+*/
form select:disabled.select_as_label::-ms-expand {
  display: none;
}

/* Mecanisme per indicar que un camp és correcte (quadra) o no respecte algun càlcul o un altre camp */
form input.comparison_ok, form select.comparison_ok, form textarea.comparison_ok {
	border-color: #9ADF8F;
	background-color: #D5FFCE;
}
form input.comparison_under, form select.comparison_under, form textarea.comparison_under {
	border-color:#DF8F8F;
	background-color: #FFCECE;
}
form input.comparison_over, form select.comparison_over, form textarea.comparison_over {
	border-color: #E6DB55;
	background-color: #FFFBCC;
}

form div.occupies_like_a_field {
  /* div que ocupa un espai en lloc d'un control de formulari */
  height: 24px; /* = control de formulari */
	padding-top: 8px;
}

form div.occupies_like_a_field_label {
  /* div que ocupa un espai en lloc d'una etiqueta (label) d'un control de formulari */
  height: 30px; /* = label sobre el control */
}

form div.direct_action_on_a_field,
.show div.direct_action_on_a_field {
  /* div que conté una o diverses accions directes sobre un control de formulari */
  float: left;
  height: 24px; /* = control de formulari */
}
form div.direct_action_on_a_field.add_top_label_spacing,
.show div.direct_action_on_a_field.add_top_label_spacing {
	padding-top: 30px; /* = label sobre el control */
}

/* Traduccions de camps de formulari */
form div.field_translations {
  clear: both;
  overflow: auto;
  margin-left: 150px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.field_translations_header {
  overflow: auto;
}

.field_translations_header h4 {
  color: #535b5e;
  font-size: 1em;
  font-weight: normal;
  float: left;
  line-height: 20px;
  padding-bottom: 0;
  padding-top: 0;
}

.field_translations_header .add_translation {
  float: left;
  margin-left: 0;
  padding: 0;
}

.field_translations_header .add_translation a img {
	height: 18px;
	width: 18px;
}

.field_translations_body {
  margin-top: 0;
}

.field_translations_row {
  clear: both;
  margin-left: 4px;
  overflow: auto;
}

.field_translations .field_translations_row > div {
  float: left;
  margin-right: 4px;
  padding-top: 2px;
}

.field_translations .field_translations_row > div.div_language_code select {
  width: auto;
}

.field_translations .field_translations_row > div.div_translation_value input {

}

.field_translations .field_translations_row > div.remove_translation img {
  margin-top: 5px;
}


/* Estils diferents formularis */
#cercador {
	clear:both;
	display:none;	/* Per defecte l'amaguem */
  background-color: rgba(19,19,23,0.1); /* o bé #22222b, #212336, #37364a, era #000000 */
	border-radius: 0px 0px 6px 6px;
	margin-left: 0px;
  margin-right: 0px;
	margin-top: 0px;  
	padding-bottom: 10px;
	padding-left: 10px;
  padding-right: 10px;
	padding-top: 10px;
	width: auto;
}

#cercador  .cercador-header{
  clear:left;
	float:left;
	margin-right:30px;
}

p.cercador_explicacio_inicial {
  clear: both;
  color: #000000;
  font-size: 1em;
  margin-bottom: 10px;
  margin-top: 8px;
  padding-bottom: 0px;
  padding-top: 0px;
}

h3.cercador_apartat {
  clear: both;
  color: #000000;
  font-size: 1em;
  padding-bottom: 0;
  padding-top: 8px;
}

#cercador  .subform-header .titol {
  float:left;
  font-size: 1.4em;
  color: #ffffff;
  font-weight: bold;
  padding: 6px;
}

#cercador  .cercador-header .afegeix {
  float:left;
  padding:0px;
  margin-left: 20px; 
}

#cercador  .cercador-header .afegeix  a{
  text-decoration: none;
}

#cercador  .cercador-body {
  clear:none;
  float:left;
  padding-top:6px;
}

#cercador .cercador-fields {
  clear: both;
  float: left;
  color: #000000;
}
#cercador .cercador-fields .item-body {
  clear: both;
  float: left;
  padding-bottom: 10px;
}

#cercador input {
  /* Afecta el camp de cerca directa, els checkboxes i el botó submit */
	border: 1px solid #AAA;
	border-radius: 4px;
	margin-left: 10px;
	margin-right: 5px;
}


#cercador .cercador-fields .item-body .cercador_frase {
  color: #000000;
	display: inline-block;
	min-width: 38px;
	text-align: center;
}

#cercador .subcercador {
  clear: both;
  margin-left: 10px;
  margin-right: 10px;
	padding: 0px;
	overflow: hidden;
}

#cercador select {
	margin-left: 4px;
	width: 250px;
}

#cercador input[type=search],
#cercador select {
	background-color: #FFF;
	border-color: #AAA;
}
  
#cercador .date_picker {
  width: 90px;
}

#cercador a {
  margin-left: 5px;
  text-decoration: none;
}

#cercador a:hover {

}

.tanca_cercador {
	clear: both;
	text-align: center;
	padding-left: 50px;
	padding-top: 4px;
	max-width: 800px;
}

/* Tots els .cerca a eliminar quan haguem substituït tots els cercadors a les vistes index */
.cerca {
  clear:both;
  float:left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #000000;
}

.cerca input {
  margin-left: 10px;
}

.cerca a {
  text-decoration: none;
  margin-left: 10px;
}

.cerca a:hover {

}

/* --- */
.formulari {
  clear: both;
  margin-left:10px;
  margin-right:10px;
  margin-top: 15px;  
}

.lightframe .formulari {
  clear: both;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;  
}

.lightframe .formulari.fixed_header {
 /* En els lightframes fixed, la barra superior té posició fixa i fa 32 + 2 d'alçada + 10 margin */
  margin-top: 0px;
  padding-top: 44px;
}

.formulari .form-header {
  background-color: #000000;
}

.formulari .form-header .titol {
  color: #ffffff;
  font-size: x-large;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.formulari form {
	margin:0px;
}

.formulari div.accions {
/* Barra d'accions */
	float:right;
	text-align:right;
	padding-right:10px;
}

.lightframe .formulari.fixed_header div.accions {
  position: fixed;
  right: 5px; /* = margin-right de .lightframe .formulari */
}

.formulari div.accions input {
  font-size: 1.1em;
	height: 26px;
  line-height: 1.1em;
}
div.subformulari_accions input  {
  font-size: 1em;
	height: 24px;
  line-height: 1em;
}
.formulari div.accions input, div.subformulari_accions input {
	margin-top: 0px;
	padding-left: 4px;
	padding-right: 4px;
}

.formulari span.cancel {
	display: block;
	float: right;
	margin-bottom: 1px;
	margin-left: 5px;
  margin-top: 1px; /* 24 (imatge redimensionada) + 2 margin (top i bottom) = 26 (altura del botó Desa) */
	padding: 0px;
}

.formulari .subformulari {
  clear:both;
  overflow: auto;
  padding: 4px;
  padding-top:18px;
}

.formulari .subformulari  .subform-header{
  overflow: auto;
}

.formulari .subformulari  .subform-header .titol {
  float:left;
  font-size: 1.4em;
  color: #ffffff;
  font-weight: bold;
  padding: 6px;
}

.formulari .subformulari  .subform-header .afegeix {
  float:left;
  padding:0px;
  margin-left: 5px; 
}

.formulari .subformulari  .subform-header .afegeix  a {
  margin-top: 4px;
  text-decoration: none;
}

.formulari .subformulari  .subform-body {
  /* Atenció: Afecta tant subformularis nested_fields com subformularis amb taula */
  clear: both;
  margin-top: 2px;
  overflow: auto;
}
.formulari .subformulari.nested_fields  .subform-body {
  margin-top: 6px;
}


.formulari .subform-fields {
  background-color: #ffffff;
  clear:both;
  float:left;
  padding-bottom: 10px;
  padding-left: 4px;
  /*margin-top: 10px;*/
  /*margin-right: 10px;*/
  /*border: 3px solid #aaaaaa;*/
}

/* :TODO: Crec que tots els .item-header es poden eliminar pq no s'utilitzen enlloc */
.formulari .subform-fields .item-header {
  float:left;
  width:100%;
}

.formulari .subform-fields .item-header .titol {
  float:left;
  padding: 4px 0 10px 4px;
  font-size: 1.2em;
  font-weight: bold;
}

.formulari .subform-fields .item-body {
  clear:both;
  float:left;
  overflow: auto;
}

.formulari .subform-fields .item-header .eliminar,.formulari .subform-fields .item-header .elimina {
  float: right;
  padding: 4px 4px 10px 0;
  text-decoration: none;
}

.formulari .subform-fields .item-header .eliminar a,.formulari .subform-fields .item-header .elimina a {
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
  color: red;
}

.formulari .subform-fields .item-body .eliminar  {
  float:left;
  margin-top:15px;
  margin-left: 15px;
}

.subformulari .subform-fields .item-body .elimina {
  float:left;
  height: 24px; /* = control de formulari */
  margin-left: 20px;
}

.formulari .subform-fields .item-body .eliminar a,.formulari .subform-fields .item-body .elimina a {
  text-decoration: none;
  font-size: 1.6em;
  font-weight: bold;
  color: red;
}

div.subformulari div.subform-header div.afegeix a img {
/* Aixo s'aplica també als subsubformularis */
	height: 20px;
	width: 20px;
}

div.subformulari div.subform-body div.subform-fields div.item-body div.elimina a {
/* Aixo s'aplicat també als subsubformularis */
  display: block;
	margin-top: 5px; /* 14 (imatge) + (5*2) = 24 */
}

/* Subsubformularis */
.formulari .subformulari .subsubformulari {
  clear:both;
  float:left;
  margin-left: 50px;
  padding: 0px;
}
.formulari .subformulari .subsubformulari .subform-header {
  float: left;
  margin-right:10px;
}
.formulari .subformulari  .subsubformulari .subform-body {
  clear: none;
  float:left;
  margin-top: 8px;
}
div.subsubformulari div.subform-body div.subform-fields {
	margin: 0px;
	padding-left: 0px;
}
div.subsubformulari div.subform-header div.afegeix a img {
	width:20px;
	height:20px;
}

div.subsubformulari div.subform-body div.subform-fields div.item-body div.elimina a img {
	width:14px;
	height:14px;
}

/* Accions */
a.accio, a.accio_javascript, div.occupies_like_a_direct_action {
  display: block;
  float: right;
  margin-left: 4px;
  padding: 0px;
}

div.occupies_like_a_direct_action {
  /* div que ocupa un espai en lloc d'una AD */
  height: 16px;
  width: 16px;
}


.formulari div.accions a.accio_javascript, div.subformulari_accions a.accio_javascript  {
}

a.accio.browser {
  /* Fletxes Next i Previous */
  margin-left: 0px;
}

p.recordset_info {
  display: block;
  float: right;
  height: 28px;
  line-height: 28px;
  margin: 0px;
  padding: 0px;
}

table.dades td.ajustat a.accio, table.dades td.ajustat a.accio_javascript {
  /* accions que estan dins una taula de dades (p.ex. dades acadèmiques d'un alumne) i han de quedar enganxades amb el camp que tenen a l'esquerra */
  display: block;
  float: left;
  margin-left: -4px;
  margin-right: 10px;
  padding: 0;
}

table.taula_informativa td.ajustat a.accio, table.taula_informativa td.ajustat a.accio_javascript {
  /* accions que estan dins una taula informativa (p.ex. llista membres d'un grup) i han de quedar enganxades amb el camp que tenen a l'esquerra */
  display: block;
  float: left;
  margin-left: 0px;
  margin-right: 10px;
  padding: 0;
}

span.accio a.accio {
  /* accions que estan al costat d'un fragment de text (p.ex. grups/edit botó 'Modifica horaris') i volem que la icona quedi una mica més avall*/
  margin-bottom: -2px;
}

div.taula_informativa_accions {
	margin-bottom: 2px;
	margin-left: 0px;
}

span.taula_informativa_accio {
  display: inline-block;
  padding-right: 10px;
}

/* Formularis interns de taula */
tr.inside_form_row {
  display:none;
}

td.inside_form_cell {
  padding-right: 0px;
  padding-top: 0px;
}

div.inside_form {
  background-color: #DDFFDD;
  border: 1px solid #CCCCCC;
  border-radius: 0px 0px 4px 4px;
  border-top: 0px;
  clear: both;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  overflow: auto;
  padding-bottom: 4px;
  padding-right: 4px;
}

div.inside_form form div.input {
  float: left;
	margin-left: 10px;
  padding-top:0px;
}

div.inside_form form div.input label {
  font-size: 0.95em;
  margin-right: 5px;
  text-align: right;
}
div.inside_form form div.input label.text {
  vertical-align: top;
}

div.inside_form form div.input input.numeric {
  text-align: right;
  width: 40px;
}
div.inside_form form div.input input.string {
  width: 140px;
}

div.inside_form form div.subformulari_accions {
  clear:none;
  float: right;
  padding-top: 4px;
}



.formulari .cancel a {
  text-decoration: none;
}

h3.seccio_apartat {
	clear:both;
	margin-left:0px;
	padding-top:20px;
	padding-bottom:0px;
	color:#333333;
	font-size:1.2em;
}
h3.seccio_apartat.show {
  padding-bottom: 8px;
}
h3#apartat_primer {
	padding-top:0px;
}
h3.subformulari_titol {
	color:#333333;
	float:left;
	font-size:1.2em;
	padding-bottom:0px;
	padding-top:4px;
}

h4.seccio_subapartat {
	clear:both;
	color:#333333;
	font-size:1.1em;
	padding-bottom:0px;
	padding-top:8px;
}

h4.seccio_subapartat.taula_informativa_titol {
  margin-left: 0;
	padding-top:20px;
}

h4.subformulari_apartat_titol {
	clear:both;
	color:#333333;
	font-size:1em;
	float:left;
	padding-bottom:0px;
	padding-left:10px;
	padding-top:8px;
}


/* Tot el que fa referència a .app_form crec que és obsolet */
.app_form fieldset {
  border: none;
  width:100%;
}

.app_form fieldset .errors {
  /*float:left;*/
  width:70%;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  background-color:red;
  padding: 4px;
  background-color: #FFBABA;
  border: 1px solid;
}

.app_form fieldset .errors span.error {
  clear:both;
  float:left; 
/*  background-color:red;*/
  padding: 4px;
}

div.input {
	/* això s'aplica als camps de tots els formularis */
  overflow: auto;
	padding-top: 8px;
}
div.show {
	/* això s'aplica als camps en vistes show */
  overflow: auto;
	padding-top: 0px;
}
div.input label, div.select label, div.show label {
  display: block;
  float:left;
  margin-right: 10px;
  text-align:right;
}
div.input label.checkbox {
  text-align: left;
}


div.show label {
  color: #666;
  width: 140px;
}

label, span.show_field_text {
	height: 21px;
	padding-top: 3px; /* Important: height + padding-top ha de ser = alçada dels camps de formulari (input, select, etc.) */
}

td label.checkbox {
  line-height: 20px;  /* Important pq els td tenen la mida de lletra més petita i necessitem que quadri amb l'alçada predeterminada */
}

div.input span.show_field_text, div.show span.show_field_text {
  display: block;
  float:left;
  text-align:left;
}

div.show span.show_field_text {
  color: #444;
  font-weight: bold;
  min-width: 100px;
  padding-right: 10px;
}

div.subformulari div.input {
  overflow: visible;
  padding-top: 0px;
}

div.subformulari div.input label {
  /* Etiquetes de subformularis que s'obren i tanquen */
  display: inline-block; /* Important */
	float: none;
  padding-top: 9px; /* El height és 21, per tant en total fan 30px */
  text-align: left;
  width: auto;
}

div.subformulari div.subform-fields div.input label {
  /* Etiquetes de subformularis per files (nested_fields) */
	float: left;
	padding-top: 3px;
  text-align: right;
}  

div.subformulari div.subform-fields div.input label.checkbox {
  text-align: left;
}

.app_form fieldset div.input input {
  /* Mida per defecte */
  width: 200px;
}
.app_form fieldset div.input input.wider_please {
  width: 260px;
}
.app_form fieldset div.input input[type=checkbox] {
	width: 20px;
}

/*.app_form fieldset div.input input.boolean {
  position: absolute;
  display: inline-block;
  width: auto;
  padding-right: 10px;
}*/

.app_form fieldset div.input select {
  width: 200px;
}

.app_form fieldset div.input textarea {
  float: left;
  width: 400px;
  height: 150px;
}

/* Accions genèriques per tancar lightframes */
#close_lightframe_actions {
  padding-top: 10px;
  text-align: center;
}

/* Fotos de perfil */
div.profile_photo {
  clear: right;
  float: right;
	position: relative;
  padding-right: 30px;
}
div.profile_photo > a.profile_photo {
  float: left;
  margin-right: 4px;
}
div.no_profile_photo > a.profile_photo {
  float: none;
  margin-left: 0px;
  margin-right: 0px;
}
a.profile_photo img,
div.profile_photo > img {
  border-radius: 4px;
  height: 80px;
  width: 80px;
  object-fit: cover;
}
div.no_profile_photo a.profile_photo > img {
  border-radius: 4px;
  height: 78px;
  width: 78px;
  opacity: 0;
}

div.no_profile_photo {
  border: 1px dashed #CCCCCC;
  border-radius: 4px;
  background: #fbfbfb;
}

div.no_profile_photo img {
}

/* codi obsolet */
/*
div#div_upload_photo {
  float: right;
  padding-top: 0px;
  width: 80px;
}
#div_inventory_photo.show div#div_upload_photo {
  width: 78px;
}

div#div_upload_photo input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
*/
div#div_upload_photo input.file {
/*  cursor: pointer;  /* per simular un link */
/*  height: 80px; /* Ha de coincidir amb la mida de la imatge upload_file */
/*  width: 80px; /* Ha de coincidir amb la mida de la imatge upload_file */
}
/*
div#div_file_selector {
	position: absolute;
	z-index: 1;
}
#div_teacher_photo.show div#div_file_selector {
  right: 56px;
}

#div_file_selector img {
  opacity: 0.70;
}
#div_file_selector img:hover, #div_file_selector img:focus {
  opacity: 1;
}
*/
/*
div#div_submit_button {
	position: absolute;
	right: 0px;  // 80 - amplada de la imatge upload_file
  top: 24px;
	z-index: 3; // pq quedi per sobre 
}
*/
/* fi codi obsolet */

div#div_replace_photo,
div#div_add_photo,
div#div_delete_photo {
	position: absolute;
	right: 15px; /* 80 - amplada de la imatge d'eliminar (14px) i 2 px addicionals per separar */
	z-index: 3; /* pq quedi per sobre */
}
div#div_replace_photo {
	top: 2px;
}
div#div_add_photo {
	top: 20px;
}
div#div_delete_photo {
	top: 38px;
}
div.show.profile_photo div#div_replace_photo
div.show.profile_photo div#div_add_photo,
div.show.profile_photo div#div_delete_photo {
  right: 15px;
}

#div_replace_photo img,
#div_add_photo img,
#div_delete_photo img {
  opacity: 0.70;
}
#div_replace_photo img:hover, #div_replace_photo img:focus,
#div_add_photo img:hover, #div_add_photo img:focus,
#div_delete_photo img:hover, #div_delete_photo img:focus {
  opacity: 1;
}
.object-view {
	
}

/*.object-view p {
	border: 2px solid #000000;
}*/

.object-view .group {
	/*border-left: 2px solid #000000;
	border-right: 2px solid #000000;*/
	width: 500px;
	position: relative;
	clear: both;
	float: left;
	padding: 0;
	/*border-left: 8px solid #3366BB;*/
	margin-bottom: 16px;
}

.object-view .first {
	/*border-top: 2px solid #000000;*/
	border-bottom: 6px solid #dddddd;
}

.object-view .middle {
	border-bottom: 6px solid #dddddd;
}

.object-view .last {
	/*border-bottom: 2px solid #000000;*/
	border-bottom: 6px solid #dddddd;
}

.object-view .field {
	font-weight: bold;
	padding-bottom: 4px;
	background: #000000;
	color: #ffffff;
	padding: 4px;
	border-left: 8px solid #000000;
}

.object-view .value {
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 4px;
   padding-right: 4px;
   border-top: 4px solid #3366BB;
   border-left: 8px solid #3366BB;
   border-bottom: 10px solid #dddddd;
}

/* Modificat */

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	/* line-height:	1.0; Eliminat 2020-08-28 */
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width: 144px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;  /* Important */
}

.sf-menu ul {
  height:auto;
  border: 1px solid #333344;
  border-radius:0px 0px 6px 6px;
  margin:0px;
  /*box-shadow:4px 0px 4px black; Eliminat 2020-08-28 */
  background-color:#000000; /* Important */
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
/*  border:1px solid #000000;
  border-radius:6px 6px 6px 6px;*/
}
.sf-menu a,
.sf-menu span {
  /* a is an item with link, span is an item without link */
	display:		block;
	position:		relative;
}
.sf-menu span:hover {
  cursor: default;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:			0;
  top: 35px; /* match top ul list item height */
  z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 144px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 144px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a,
.sf-menu span {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	border:0px;
  height: 16px; /* Alçada total: 36px; */
  padding-bottom: 10px;
  padding-left: 12px;
	padding-top: 10px;
	text-decoration:none;
}

#top_navigation.normal  .sf-menu > li > a,
#top_navigation.normal  .sf-menu > li > span {
  padding-right: 26px;
}

#top_navigation.shrunk  .sf-menu > li > a,
#top_navigation.shrunk  .sf-menu > li > span {
  /* Comprimim els títols dels menús */
  padding-right: 16px;
}

#top_navigation .sf-menu > li > ul > li > a,
#top_navigation .sf-menu > li > ul > li > span {
  /* Corregim padding dels elements desplegats */
  padding-right: 5px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#446699;
}
.sf-menu li {
	/*background:		#BDD2FF; No cal*/
}
.sf-menu li li {
	/*background:		#AABDE6; No cal*/
}
.sf-menu li li li {
	background:		#9AAEDB;
}

.sf-menu li:hover, .sf-menu li.sfHoveraa,
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
  color:#C1CAD0;
	background:#333344;
	outline:		0;
/*  border:1px solid #333333; NO activar*/
  /*border-radius:6px 6px 6px 6px; */
}
#top_navigation_list > li:hover, #top_navigation_list > li.sfHoveraa,
#top_navigation_list > li > a:focus, #top_navigation_list > li > a:hover, #top_navigation_list > li > a:active {
  /* Elements principals */
  border-radius:6px 6px 0px 0px;
}

#top_navigation_list ul {
  /* Llistes secundàries */
  overflow: hidden !important;
}

#top_navigation_list li ul li, #top_navigation_list li ul li a {
  /* Elements secundaris */
	border: 0px;
  border-radius: 0px;
	/* border-radius: 0px 0px 6px 6px; */
}

a.sf-with-ul {
/*  border:1px solid #000000;
  border-radius:6px 6px 0px 0px; NO activar*/
}
.sf-menu li ul li , .sf-menu li ul li a{
  /* S'aplica quan es desplega un menú */
  /* border:1px solid #000000; Eliminat 2020-08-28 */
  border: 0px;
  /*border-radius: 0px 0px 6px 6px; Eliminat 2020-08-28 */
}

.sf-menu li ul li.sfHhoveraa, .sf-menu li ul li a:hover {
  /* S'aplica quan passem per sobre un ítem de menú */
  /* border:1px solid #000000; Eliminat 2020-08-28 */
  /*border-radius:6px 6px 6px 6px; Eliminat 2020-08-28 */
}

/*** arrows **/
.sf-menu a.sf-with-ul {
/*	padding-right: 	30px; */  /* Desactivat pq no afecta (no hi ha fletxa) */
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */  
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
  /*
   *= depend_on_asset "superfish/arrows-ffffff.png"
   */
	background: url(/assets/superfish/arrows-ffffff-97c701c734fee391425a64ae77d052a52b9591023094c765e4f7a18aa80ca56a.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
/*	background:	url('images/shadow.png') no-repeat bottom right;*/
/*	padding: 0 8px 9px 0; Desactivat per Cesc
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;*/
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.2;line-height:var(--plyr-line-height,1.2);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;top:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid transparent;border-top-color:hsla(0,0%,100%,.9);border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:var(--plyr-menu-background,hsla(0,0%,100%,.9));content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc(-7px - -2);margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word;white-space:normal}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height,5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:4px;border-radius:calc(var(--plyr-tooltip-radius,5px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--plyr-tooltip-radius,5px) - 1px);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--plyr-tooltip-radius,5px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
/*
 *=# require jquery-ui

 *=# require jquery-ui/draggable
 *=# require jquery-ui/resizable
 *=# require jquery-ui/selectable
 *=# require jquery-ui/sortable
 *=# require jquery-ui/accordion
 *=# require jquery-ui/autocomplete
 *=# require jquery-ui/button

 *=# require jquery-ui/menu
 *=# require jquery-ui/progressbar
 *=# require jquery-ui/selectmenu
 *=# require jquery-ui/slider
 *=# require jquery-ui/spinner
 *=# require jquery-ui/tabs
 *=# require jquery-ui/tooltip









 */