/* Minification failed. Returning unminified contents.
(2672,1165): run-time error CSS1039: Token not allowed after unary operator: '-pcr-color'
(2672,1375): run-time error CSS1039: Token not allowed after unary operator: '-pcr-color'
(2672,1768): run-time error CSS1039: Token not allowed after unary operator: '-pcr-color'
(2672,3486): run-time error CSS1039: Token not allowed after unary operator: '-pcr-color'
(2672,6833): run-time error CSS1039: Token not allowed after unary operator: '-pcr-color'
 */
.a11yToolbar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: fixed;
	right: 0;
	text-align: center;
	top: 25%;
	z-index: 1111;
}
#mobileSlideOut .a11yToolbar {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: inherit;
}
.a11yButton {
	background-color: #22292f;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 4rem;
	margin-left: auto;
	position: relative;
	overflow: visible;
	width: 4rem;
}
.a11yButton button:focus {
	z-index: 10;
}
#mobileSlideOut .a11yButton {
	margin-left: 10px;
}
#mobileSlideOut .a11yButton:first-child {
	margin-left: 0;
}
.a11yButton:nth-child(2n+1) {
    background-color: #2d3748;
}
.a11yButton button {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: transparent;
	background-image: none;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	font-size: .68rem;
	height: 4rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	outline: 0;
	line-height: normal;
	padding: 0;
	text-decoration: none;
	width: 4rem;
}
.a11yButton button:hover {
	background-color: #000;
	color: #fff;
}
.a11yButton button span::after {
	color: #fff;
	display: block;
	font-size: 1.6rem;
	font-weight: 900;
	margin-top: 5px;
	width: 4rem;
}
.contrastButton button span::after {
	content: '\e867';
	font-family: 'entypo';
}
.fontSizeButton button span::after {
	content: 'AA';
}
.readSpeakerButton button span::after {
	content: '\e893';
	font-family: 'awesome';
}

.a11y-contrast {
	background: #fff;
	color: #000 !important;
}
.a11y-contrast a,
.a11y-contrast h1,
.a11y-contrast h2,
.a11y-contrast h3,
.a11y-contrast h4,
.a11y-contrast h5,
.a11y-contrast h6 {
	color: #000 !important;
}
.a11y-contrast #mainMenu {
	background-color: #000;
}
.a11y-contrast #mainMenu a {
	color: #fff !important;
}
.a11y-contrast #mainMenu.dropDownMenu ul li .dropDown a {
	color: #000 !important;
}
.a11y-contrast #mainMenu.dropDownMenu ul li .dropDown a:hover,
.a11y-contrast .button.iconOnly::before {
	color: #fff !important;
}
.a11y-contrast .rsSlideTitle,
.a11y-contrast .rsSlideDescription,
.threedotfive .a11y-contrast .rsSlideContentWrapper,
.a11y-contrast .noAvatar,
.a11y-contrast .noAvatar::before,
.no-touch .a11y-contrast .dropDownMenu a.active,
.a11y-contrast #mainMenu a.active,
.no-touch .a11y-contrast .dropDownMenu a:hover,
.no-touch .a11y-contrast .dropDownMenu li:hover,
.a11y-contrast #mainMenu a:hover,
.a11y-contrast .a11yButton,
.a11y-contrast .a11yButton:nth-child(2n+1),
.a11y-contrast #cookieSettingsOverlayToggle,
.a11y-contrast .shortDate,
.a11y-contrast .button:not(.toggleItem),
.no-touch .a11y-contrast #subMenu a:not(.arrow):hover,
.a11y-contrast .button,
.a11y-contrast .editorButton,
.a11y-contrast #bottom,
.a11y-contrast #subMenu a:not(.arrow).active,
.a11y-contrast .item-nav.next::after {
	background-color: #000 !important;
	border-color: #000 !important;
	color: #fff !important;
}
.a11y-contrast .button:not(.toggleItem) a,
.a11y-contrast .button input {
	color: #fff !important;
}
.threedotfive .a11y-contrast .button.confirm::before {
	background-color: #fff !important;
}
.threedotfive .a11y-contrast .button.add.confirm.icon-plus::before {
	color: #000 !important;
}
.a11y-contrast #cookieSettingsOverlayToggle {
	fill: #fff;
}
.a11y-contrast .button,
.a11y-contrast .editorButton,
.a11y-contrast .button:hover,
.a11y-contrast .editorButton:hover,
.webGuidelines .a11y-contrast .button.iconOnly,
.webGuidelines .a11y-contrast .button.transparent {
	border-color: #000;
}
.a11y-contrast .editorButton a,
.no-touch .a11y-contrast .dropDownMenu li:hover > a,
.a11y-contrast #bottom a,
.a11y-contrast .button::before {
	color: #fff !important;
}
.a11y-contrast .button.icon-search,
.a11y-contrast .button.icon-search::before,
.a11y-contrast .button.icon-search input {
	background: transparent !important;
	border: 0;
	color: #000 !important;
}
.a11y-contrast .sectionOptions .button.icon-search,
.a11y-contrast .sectionOptions .button.icon-search::before,
.a11y-contrast .sectionOptions .button.icon-search input {
	background-color: #000 !important;
	color: #fff !important;
}
.a11y-contrast img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

.a11y-contrast #toolbarTop .toolbarWrapper .visible.wrapper-last-child {
	border-color: #000;
}

/* CKEditor */

.cke_button:hover
{
	text-decoration:		none;
}

.cke_button_label
{
	display: 				none !important;
}

/* Pages list */

.cke_dialog_body .pageTree
{
	max-height:				200px;

	overflow:				auto;
}

.cke_dialog_body .pageTree > div
{
	color:					#888888; 

	padding:				3px 0 3px;
}

.cke_dialog_body .pageTree > div:last-child
{
	padding-bottom:			20px;
}

.cke_dialog_body .pageTreeCheckboxIndent
{
	display:				inline-block;

	width:					18px;
}
/* Custom drop down */
	
.customDropDown
{
	display:				inline-block;
		
	position:				relative;

	margin:					0 10px 10px 0;
}

.customDropDown button
{
	padding-left:			14px;
	padding-right:			20px;

	text-align:				left;
	text-overflow:			ellipsis;

	background:				#ffffff;

	cursor:					pointer;

	border-radius:			0;

	overflow:				hidden;
}

.customDropDown button:before
{
	position:				absolute;

	right:					10px;
	top:					9px;
}

.customDropDown > button span
{
	display:				block;

	position:				relative;

	width:					100%;

	white-space:			nowrap;

	text-overflow:			ellipsis;

	overflow:				hidden;
}

html:not(.webGuidelines) .customDropDown input[type="button"]
{
	outline:				none;
}

.customDropDown input[type="checkbox"]
{
	float:					left;
}

.customDropDown > div
{
	display:				none;
		
	position:				absolute;
		
	width:					100%;

	text-align:				left;

	background-color:		#ffffff;

	z-index:				6;
}

.customDropDown > div > span
{
	display:				block;
	
	white-space:			nowrap;
		
	padding:				5px 7px;

	border:					1px solid #d0cfcf;
	border-top:				none;
}

.customDropDown > div > span:hover
{
	color:					#234d7a !important;

	background-color: 		#d2e1ee;
}

.customDropDown > div > span.selected
{
	color:					#234d7a !important;

	background-color: 		#eeeeee;
}

.customDropDown > div > span > label
{
	margin-left:			3%;

	width:					80%;

	text-overflow:			ellipsis;

	white-space:			normal;

    float:					left;

	overflow:				hidden;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
	
	opacity:				.8;
	-moz-opacity:			.8;

	filter:					alpha(opacity=80);
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: transparent;
	position: relative;
}

.jspDrag
{
	background: #666;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}


.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}
.lsResultsContainer
{
	display:						none;
	
	position:						fixed;

	bottom:							0;

	white-space:					nowrap;

	z-index:						1000;

	overflow:						auto;
}

.lsResultsContainer ul.dropDown
{
	position:						static;

	width:							auto;
	height:							auto;
}

.lsResultsContainer li
{
	padding:						0;
}

.lsResultsContainer li a
{
	display:						block;

	width:							100%;
	height:							100%;

	padding:						10px;
}

.lsResultsContainer li .title
{
	display:						block;
	
	font-weight:					normal;
}

.lsResultsContainer li .subTitle
{
	display:						block;
	
	font-weight:					300;
}

.lsResultsContainer li .title,
.lsResultsContainer li .subTitle
{
	white-space:					break-spaces;
	word-wrap:						break-word;
}

.mtaMentionName
{
	position:						absolute;

	padding-top:					2px;

	text-align:						center;
	text-decoration:				none;

	color:							#638421;

	background-color:				#cde69c;

	border:							1px solid #a5d24a;
	border-radius:					2px;
}

.mtaMentionList
{
	overflow-y:						auto;
	max-height:						250px;
	background-color:				#f2f2f2;
}

.mtaUserList, .widget ul.mtaUserList
{
	padding:						0;
	margin:							0;

	list-style:						none;
}

.mtaUserList li, .widget ul.mtaUserList li
{
	padding:						10px 10px;

	cursor:							pointer;

	color:							#333333;

	white-space:					nowrap;
}

.mtaUserList li:hover, .mtaUserList li.selected, .widget ul.mtaUserList li:hover, .widget ul.mtaUserList li.selected
{
	background-color:				#8DABC9;

	color:							#ffffff;
}

.mtaImageContainer
{
	display:						inline-block;

	overflow: 						hidden;

	margin-right:					10px;

	width:							30px;
	height:							30px;

	vertical-align:					middle;

	border-radius: 					50%;
}

.mtaUser
{
	display:						inline-block;

	font-size:						14px;
}

/* 
   Plupload
------------------------------------------------------------------- */

.uploader
{
	margin-bottom:			40px;
}

.uploader.done, .uploader.done a, .uploader.done span
{
	text-decoration:		none;
}

.plupload_wrapper *
{
	box-sizing: 			content-box;	
}

.plupload_wrapper, .plupload_container input
{	
	width: 					100%;
}

.plupload_start, .plupload_header
{
	display: 				none !important;
}

.plupload_content
{
	border: 				solid #e5e5e5;
	border-width:			1px 1px 0 1px;
	border-collapse: 		collapse;
	border-spacing: 		0;
}

.plupload_content .done
{
	text-decoration:		none;
}

.plupload_filelist_header
{
	padding:				10px;
	
	color:					#ffffff;
}

.uploader.done .plupload_filelist_header span
{
	color:					#ffffff;
}

.plupload_filelist_header .plupload_file_action
{
	margin-right: 			15px;
}

.plupload_filelist 
{
	overflow-y: 			scroll;
	
	height: 				188px;
	
	padding: 				0;
	margin: 				0;
	
	list-style: 			none;
	
	background: 			#e9e9e9;
}

.single .plupload_filelist
{
	overflow-y: 			hidden;
	
	height:					46px;
}

.single .plupload_filelist_footer .plupload_file_status,
.single .plupload_filelist_footer .plupload_file_size 
{
	display:				none;
}

.medium .plupload_filelist
{
	height: 				92px;
}

.plupload_filelist li
{
	padding: 				10px;
	
	border-bottom: 			solid 1px #dddddd;
}

.plupload_file_name
{
	overflow: 				hidden;
	
	float: 					left;
	
	width: 					50%;
	
	white-space: 			nowrap;
	text-overflow: 			ellipsis;
}

.plupload_file_size, .plupload_file_status
{
	float: 					right;
	
	width: 					80px;
	
	text-align: 			right;
}

.plupload_file_action 
{
	float: 					right;
	
	width: 					16px;
	height: 				16px;
	
	margin: 				5px 0 0 15px;
	
	text-align: 			right;
}

.single .plupload_file_action
{
	margin: 				5px 17px 0 15px;
}

.plupload_file_action *
{
	display: 				none;
	
	width: 					16px;
	height: 				16px;
}

li.plupload_uploading
{
	background: 			#ecf3dc;
}

li.plupload_done
{
	color:					#aaaaaa;
}

li.plupload_delete a
{
	background: 			url(/communities/common/themes/mett%20responsive/images/plugins/plupload/delete.png);
}

li.plupload_failed a
{
	cursor:					default;
	
	background: 			url(/communities/common/themes/mett%20responsive/images/plugins/plupload/error.png);
}

li.plupload_done a
{
	cursor: 				default;
	
	background: 			url(/communities/common/themes/mett%20responsive/images/plugins/plupload/done.png);
}

li.plupload_droptext
{
	background: 			transparent;
	
	text-align: 			center;
	
	vertical-align: 		middle;
	
	line-height: 			165px;
	
	border: 				0;
}

.single li.plupload_droptext
{
	line-height:			26px;
}

.medium li.plupload_droptext
{
	line-height:			70px;
}

.plupload_progress
{
	display: 				none;
	
	float: 					right;
	
	width: 					80px;
}

.plupload_upload_status
{
	display: 				none;
	
	padding-left:			10px;
}

.plupload_filelist_footer
{
	padding:				5px 10px 5px 0;
	
	background:				#dddddd;
}

#addComment .plupload_filelist_footer
{
	min-height:				46px;
}

.plupload_buttons
{
	margin:					5px 10px 5px 10px;
}

.plupload_progress_container
{
	margin-top: 			8px;
	padding: 				1px;
	
	background: 			#ffffff;
	
	border: 				solid 1px #cccccc;
}

.single .plupload_progress_container
{
	margin-top:				5px;
}

.plupload_progress_bar
{
	display: 				block;
	
	width: 					0px;
	height: 				7px;
	
	font-size: 				0;
	
	line-height: 			0;	
	
	background: 			#cdeb8b;
}

.plupload_total_file_size, .plupload_total_status
{
	font-weight:			600;
}

.plupload_filelist_footer .plupload_file_action
 {
	margin-right: 			15px;
}

.plupload_clear, .plupload_clearer
{
	display: 				block;
	
	clear: 					both;
	
	font-size: 				0;
	
	line-height: 			0;	
}

/* Mobiles, tablets & old IE meuk */

.touch .plupload_buttons, .internetexplorer90 .plupload_buttons
{
	display:				inline-block;
}

@media only screen and (max-width: 768px)
{	
	.plupload_file_status, .plupload_file_size
	{
		display:				none;
	}
		
	.plupload_filelist .plupload_file_name, .plupload_filelist_footer .plupload_file_name
	{
		width:					80%;
	}
}

/**
 *
 * Main stylesheet for Powerange.
 * http://abpetkov.github.io/powerange/
 *
 */

/**
 * Horizontal slider style (default).
 */

.powerange
{
	overflow: 				visible;
}

.powerange.center
{
	text-align:				center;
}

.powerange select 
{
	display:				none;
}

.webGuidelines .powerange select 
{
	display:				inline-block;
}

.powerange label 
{
	float: 					none;
	
	padding-bottom: 		10px;
}

.powerange.center label
{
	padding-bottom:			0;
}

.powerange .range-value
{
	display: 				block;
	
	width: 					90%;
	height: 				20px;
	
	margin-top:				15px;
	
	text-align: 			center;
}

.powerange.center .range-value
{
	width:					100%;
}

.range-bar {
  background-color: #a9acb1;
  border-radius: 15px;
  display: block;
  height: 4px;
  position: relative;
  width: 80%;
  margin-left: 40px;
}

.powerange.center .range-bar
{
	display: inline-block;
	
	margin-left: 0;
}

.range-quantity {
  background-color: #017afd;
  border-radius: 15px;
  display: block;
  height: 100%;
  width: 0;
}

.range-handle {
  background-color: #fff;
  border-radius: 100%;
  cursor: move;
  height: 30px;
  left: 0;
  top: -13px;
  position: absolute;
  width: 30px;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.range-min, .range-max
{
	position: 				absolute;
	top: 					-11px;
	
	width: 					40px;
	height: 				20px;
}

.range-min 
{
	left: 					-40px;
}

.range-max 
{
	right: 					-40px;
	
	text-align: 			right;
}

/**
 * Vertical slider style.
 */

.powerange.vertical {
  height: 100%;
  width: 4px;
}

.powerange.vertical .range-quantity {
  bottom: 0;
  height: 0;
  position: absolute;
  width: 100%;
}

.powerange.vertical .range-handle {
  bottom: 0;
  left: -13px;
  top: auto;
}

.powerange.vertical .range-min,
.powerange.vertical .range-max {
  left: -10px;
  right: auto;
  top: auto;
}

.powerange.vertical .range-min {
  bottom: -30px;
}

.powerange.vertical .range-max {
  top: -30px;
}

/**
 * Style for disabling text selection on handle move.
 */

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * Style for handle cursor on disabled slider.
 */

.range-disabled {
  cursor: default;
}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */

.rating .starRating {display: inline-block; width: 90px;}
.rating .remove {margin: 0 5px -2px 0;}

div.rating-cancel {display: none;}
div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;}
div.star-rating,div.star-rating a{background:url(/communities/common/themes/mett%20responsive/images/plugins/rating/rating.png) no-repeat 0 0px}
.webGuidelines div.star-rating, .webGuidelines div.star-rating a{background:url(/communities/common/themes/mett%20responsive/images/plugins/rating/rating-wcag.png) no-repeat 0 0px}
div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a, .webGuidelines div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a, .webGuidelines div.star-rating-hover a{background-position:0 -32px}

/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}

/* Partial Star CSS */
div.star-rating{background:transparent!important;}

.starRating{margin-left: 2px;}

/*
 *
 * Main stylesheet for Switchery.
 * http://abpetkov.github.io/switchery/
 *
 */

/* Switchery defaults. */

.switchery {
  float: left;
  margin-right: 15px;
  
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
  vertical-align: middle;
  width: 50px;

  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  background-clip: content-box;  

  outline: none;
}

.switcheryLabel {
	margin-top:	2px;
}

.switchery > small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;
}

/* Switchery sizes. */

.switchery-small {
  border-radius: 20px;
  height: 20px;
  width: 33px;
}

.switchery-small > small {
  height: 20px;
  width: 20px;
}

.switchery-large {
  border-radius: 40px;
  height: 40px;
  width: 66px;
}

.switchery-large > small {
  height: 40px;
  width: 40px;
}

.switchery:focus, .switchery:focus small
{
	border: 1px #3085d6 solid !important;
}

/* Mobiles & tablets */

@media only screen and (max-width: 768px)
{
	.switcheryLabel
	{
		float: 		none !important;
		
		overflow: 	hidden;
	}
}
/* jQuery Growl
 * Copyright 2015 Kevin Sylvestre
 * 1.3.2
 */
#growls {
  z-index: 50000;
  position: fixed; }
  #growls.default {
    top: 10px;
    right: 10px; }
  #growls.tl {
    top: 10px;
    left: 10px; }
  #growls.tr {
    top: 10px;
    right: 10px; }
  #growls.bl {
    bottom: 10px;
    left: 10px; }
  #growls.br {
    bottom: 10px;
    right: 10px; }
  #growls.tc {
    top: 10px;
    right: 10px;
    left: 10px; }
  #growls.bc {
    bottom: 10px;
    right: 10px;
    left: 10px; }
  #growls.tc .growl, #growls.bc .growl {
    margin-left: auto;
    margin-right: auto; }

.growl {
  position: relative;   
  background: rgba(233, 233, 233, 0.9);  
  border-radius: 4px;  
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  .growl.growl-incoming {
    opacity: 0;
    filter: alpha(opacity=0); }
  .growl.growl-outgoing {
    opacity: 0;
    filter: alpha(opacity=0); }
  .growl.growl-small {
    width: 200px;
    padding: 5px;
    margin: 5px; }
  .growl.growl-medium {
    width: 300px;
    padding: 15px 20px 15px 20px;
    margin: 10px; }
  .growl.growl-large {
    width: 350px;
    padding: 15px;
    margin: 15px; }
  .growl.growl-default {
    color: #555;}  
  .growl.growl-error {
    color: #FFF;
    background: #C0392B; }
  .growl.growl-notice {
    color: #FFF;
    background: #2ECC71; }
  .growl.growl-warning {
    color: #FFF;
    background: #F39C12; }
  .growl .growl-close {
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    font-family: helvetica, verdana, sans-serif; }
  .growl .growl-title {
    padding-bottom: 5px;	
	font-size: 20px;
	font-weight: 100; }
  .growl .growl-message {	
	font-size: 14px;	
	line-height: 22px; }
  .growl .hasAvatar {
	padding-left: 40px; }
  .growl .avatar {
	position: absolute;
	left: 20px;
	overflow: hidden;	
	width: 30px;
	height: 30px;	
	padding: 0;	
	margin-top: 5px;
	border-radius: 50%; }
/*!
 * Cropper v2.3.4
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2016 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2016-09-03T05:50:45.412Z
 */
.cropper-container {
  font-size: 0;
  line-height: 0;

  position: relative;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  direction: ltr !important;
}

.cropper-container img {
  display: block;

  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;

  image-orientation: 0deg !important;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;

  filter: alpha(opacity=0);
}

.cropper-modal {
  opacity: .5;
  background-color: #000;

  filter: alpha(opacity=50);
}

.cropper-view-box {
  display: block;
  overflow: hidden;

  width: 100%;
  height: 100%;

  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, .75);
}

.cropper-dashed {
  position: absolute;

  display: block;

  opacity: .5;
  border: 0 dashed #eee;

  filter: alpha(opacity=50);
}

.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;

  width: 100%;
  height: 33.33333%;

  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;

  width: 33.33333%;
  height: 100%;

  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;

  display: block;

  width: 0;
  height: 0;

  opacity: .75;

  filter: alpha(opacity=75);
}

.cropper-center:before,
.cropper-center:after {
  position: absolute;

  display: block;

  content: ' ';

  background-color: #eee;
}

.cropper-center:before {
  top: 0;
  left: -3px;

  width: 7px;
  height: 1px;
}

.cropper-center:after {
  top: -3px;
  left: 0;

  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;

  display: block;

  width: 100%;
  height: 100%;

  opacity: .1;

  filter: alpha(opacity=10);
}

.cropper-face {
  top: 0;
  left: 0;

  background-color: #fff;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;

  width: 5px;

  cursor: e-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;

  height: 5px;

  cursor: n-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;

  width: 5px;

  cursor: w-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;

  height: 5px;

  cursor: s-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;

  opacity: .75;
  background-color: #39f;

  filter: alpha(opacity=75);
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;

  margin-top: -3px;

  cursor: e-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;

  margin-left: -3px;

  cursor: n-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;

  margin-top: -3px;

  cursor: w-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;

  margin-left: -3px;

  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;

  cursor: ne-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;

  cursor: nw-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;

  cursor: sw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;

  width: 20px;
  height: 20px;

  cursor: se-resize;

  opacity: 1;

  filter: alpha(opacity=100);
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;

  display: block;

  width: 200%;
  height: 200%;

  content: ' ';

  opacity: 0;
  background-color: #39f;

  filter: alpha(opacity=0);
}

.cropperButtons
{
	z-index: 99;
	
	position: absolute;
	
	top: 50%;
	
	width: 100%;
	
	text-align: center;
}

.button.openCropper, .button.openRotate
{
	width: 130px;
	
	font-size: 14px;
	color: #ffffff;
	
	background: rgba(0, 0, 0, 0.6);
}

.button.openCropper a, .no-touch .button.openCropper a:hover,
.button.openRotate a, .no-touch .button.openRotate a:hover
{
	font-size: 14px;
	color: #ffffff;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;

    opacity: .75;

    filter: alpha(opacity=75);
  }
}

.cropper-invisible {
  opacity: 0;

  filter: alpha(opacity=0);
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  position: absolute;

  display: block;

  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.multiSelect {width: 100%; max-width: 100%; margin-bottom: 40px;}
.SumoSelect p {margin: 0;}
.SumoSelect{width: 100%;}

.SelectBox {padding: 5px 8px;}

.sumoStopScroll{overflow:hidden;}

/* Filtering style */
.SumoSelect .hidden { display:none; }
.SumoSelect .search-txt{display:none;outline:none;}
.SumoSelect .no-match{display:none;padding: 6px;}
.SumoSelect.open .search-txt{display: inline-block;position: absolute;top: 0;left: 0;width: 100%;height: 36px;margin: 0;padding-left: 10px;font-family:	"Open Sans";font-size: 16px;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;}
.SumoSelect.open>.search>span, .SumoSelect.open>.search>label{visibility:hidden;}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass,.SumoUnder { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.SelectClass{z-index: 1;}

    .SumoSelect > .optWrapper > .options  li.opt label, .SumoSelect > .CaptionCont,.SumoSelect .select-all > label { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.SumoSelect { display: inline-block; position: relative;outline:none;}
.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {box-shadow: 0 0 2px #7799D0;border-color: #7799D0;}
    .SumoSelect > .CaptionCont { position: relative; border: 1px solid #e5e5e5; min-height: 14px; background-color: #fff;border-radius:2px;margin:0;}
        .SumoSelect > .CaptionCont > span { display: block; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor:default;}
            /*placeholder style*/
            .SumoSelect > .CaptionCont > span.placeholder { color: #ccc; font-style: italic; }

        .SumoSelect > .CaptionCont > label { position: absolute; top: 0; right: 0; bottom: 0; width: 30px;}
            .SumoSelect > .CaptionCont > label > i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');
                background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;background-repeat: no-repeat;opacity: 0.8;}

    .SumoSelect > .optWrapper {display:none; z-index: 99; top: 30px; width: 100%; position: absolute; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); border-radius: 3px;overflow: hidden;}
    .touch .SumoSelect > .optWrapper {z-index: 1000;}    
		.SumoSelect.open > .optWrapper {top:35px; display:block;}
        .SumoSelect.open > .optWrapper.up {top: auto;bottom: 100%;margin-bottom: 5px;}

        .SumoSelect > .optWrapper ul {list-style: none; display: block; padding: 0; margin: 0; overflow: auto;}
        .SumoSelect > .optWrapper > .options { border-radius: 2px;position:relative;
         /*Set the height of pop up here (only for desktop mode)*/
            max-height: 195px;
             /*height*/ }
        .SumoSelect > .optWrapper > .options li.group.disabled > label{opacity:0.5;}
        .SumoSelect > .optWrapper > .options li ul li.opt{padding-left: 22px;}
        .SumoSelect > .optWrapper.multiple > .options li ul li.opt{padding-left: 50px;}
        .SumoSelect > .optWrapper.isFloating > .options {max-height: 100%;box-shadow: 0 0 100px #595959;}
        .SumoSelect > .optWrapper > .options  li.opt { padding: 6px 6px; position: relative;border-bottom: 1px solid #f5f5f5;}
            .SumoSelect > .optWrapper > .options > li.opt:first-child { border-radius: 2px 2px 0 0; }
            .SumoSelect > .optWrapper > .options > li.opt:last-child {border-radius: 0 0 2px 2px; border-bottom: none;}
            .SumoSelect > .optWrapper > .options li.opt:hover { background-color: #E4E4E4; }
            .SumoSelect > .optWrapper > .options li.opt.sel,
            .SumoSelect > .optWrapper .select-all.sel{background-color: #a1c0e4; border-bottom: 1px solid #a1c0e4;}

            .SumoSelect > .optWrapper > .options li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;cursor: pointer;}
            .SumoSelect > .optWrapper > .options li span { display: none; }
            .SumoSelect > .optWrapper > .options li.group > label {cursor: default;padding: 8px 6px;font-weight: bold;}

        /*Floating styles*/
        .SumoSelect > .optWrapper.isFloating { position: fixed; top: 0; left: 0; right: 0; width: 90%; bottom: 0; margin: auto; max-height: 90%; }

    /*disabled state*/
    .SumoSelect > .optWrapper > .options li.opt.disabled { background-color: inherit;pointer-events: none;}
        .SumoSelect > .optWrapper > .options li.opt.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }


    /*styling for multiple select*/
    .SumoSelect > .optWrapper.multiple > .options li.opt { padding-left: 35px;cursor: pointer;}
        .SumoSelect > .optWrapper.multiple > .options li.opt span,
        .SumoSelect .select-all > span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px;}
            .SumoSelect > .optWrapper.multiple > .options li.opt span i,
            .SumoSelect .select-all > span i{position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 14px;height: 14px;border: 1px solid #AEAEAE;border-radius: 2px;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);background-color: #fff;}
.SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); border-radius: 0 0 3px 3px; }
    .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0; width: 100%; }

    .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; }
        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; }

    .SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0 0 0 3px; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0 0 3px 0; }
    /*styling for select on popup mode*/
    .SumoSelect > .optWrapper.isFloating > .options li.opt { padding: 12px 6px; }

    /*styling for only multiple select on popup mode*/
    .SumoSelect > .optWrapper.multiple.isFloating > .options li.opt { padding-left: 35px; }
    .SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 43px; }

    .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
    .SumoSelect .select-all.selected > span i,
    .SumoSelect .select-all.partial > span i{background-color: rgb(17, 169, 17);box-shadow: none;border-color: transparent;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center center;}
    /*disabled state*/
    .SumoSelect.disabled { opacity: 0.7;cursor: not-allowed;}
     .SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none;}

    /**Select all button**/
    .SumoSelect .select-all{border-radius: 3px 3px 0 0;position: relative;border-bottom: 1px solid #ddd;background-color: #fff;padding: 5px 0 6px 35px;height: 36px;cursor: pointer;}
    .SumoSelect .select-all > label, .SumoSelect .select-all > span i{cursor: pointer;}
    .SumoSelect .select-all.partial > span i{background-color:#ccc;}


     /*styling for optgroups*/
    .SumoSelect > .optWrapper > .options li.optGroup { padding-left: 5px; text-decoration: underline; }


.filterOptions {
	border-left: 1px solid #cecece;
	padding-left: 15px;
}

.filterOptions fieldset {
	float: none;
	width: 100%;
}

.filterOptions.topFilters fieldset {
	float: left;
	width: 33%;
}

.filterOptions fieldset legend {
	font-size: 25px;
	padding-bottom: 0;
	padding-top: 15px;
	word-break: break-word;
}

.filterOptions fieldset h2 {
	clear: both;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 26px;
	margin: 15px 0 0;
	padding-bottom: 5px;
	text-transform: uppercase;
}

.filterOptions fieldset h2 a {
	font-size: 15px;
}

.filterOptionsHeader {
	background-color: #fff;
	display: block;
}

.filterOptions .field {
	clear: both;
	display: block;
	line-height: 24px;
	min-height: 24px;
	overflow: visible;
	position: relative;
}

.filterOptions .subfieldset {
	max-height: 210px;
	overflow-y: auto;
}

.filterOptions .subfieldset .field {
	display: none;
}

.filterOptions .subfieldset.open .field {
	display: block;
}

.filterOptions .field span::after {
	clear: both;
	content: '';
	display: table;
}

.filterOptions .field label {
	display: block;
	float: left;
	font-size: 14px;
	width: 70%;
}

.filterOptions .field.lessMargin {
	margin-bottom: 6px !important;
}

.filterOptions .switcheryLabel {
	margin-top: 0;
}

.filterOptions .button.save.general input {
	padding: 0 8px 0 36px;
	white-space: normal;
}

.filterOptions .message {
	left: 0;
}

.filterTip .icon-awesome-info::before {
	font-size: 14px;
}

.filterTip .icon-awesome-info {
	background-color: #00628c;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: block;
	height: 22px;
	line-height: 21px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 2px;
	width: 22px;
}

.filterTip .tip {
	background-color: transparent;
	border-radius: 10px;
	bottom: 25px;
	color: #fff;
	font-size: 0;
	height: 0;
	left: 80px;
	line-height: 20px;
	opacity: 0;
	padding: 5px 8px;
	position: absolute;
	text-align: center;
	transition: background-color .2s linear;
	width: 280px;
	z-index: 0;
}

.filterTip .icon-awesome-info:hover ~ .tip {
	background-color: rgba(0, 0, 0, .8);
	font-size: 14px;
	height: auto;
	opacity: 1;
	z-index: 100;
}

h2 a.resetFilters {
	float: right;
	font-size: 14px;
	font-weight: 400;
	padding-right: 20px;
}

.filterOptions fieldset h2 .collapse-item {
	float: right;
	height: 20px;
	width: 20px;
	text-align: right;
	padding-right: 5px;
}

.no-results {
	margin-left: 20px;
}

[class*=itemPageType].pageType28 .filterOptions {
	display: none;
}

.labelContainer {
	margin: -3px;
	margin-top: 20px;
}

.filterLabel {
	display: inline-block;
	padding: 2px 10px;
	margin: 3px;
	border-radius: 3px;
	cursor: pointer;
}

.filterLabel:hover {
	opacity: 0.8;
}

.filterLabel:after {
	margin-left: 10px;
}

@media only screen and (min-width: 769px) {
	.nine.columns .filterable:not(#blogs):not(#documents-v3):not(#users) .sectionContent ul li.item {
		width: 32% !important;
	}
}

@media only screen and (max-width: 768px) {
	.nine.columns .filterable .sectionContent ul li.item {
		width: 100% !important;
	}

	.filterOptions.topFilters fieldset {
		width: 100%;
	}
}

/*
colpick Color Picker / colpick.com
*/

/*Main container*/
.colpick {
	position: absolute;
	width: 346px;
	height: 170px;
	overflow: hidden;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	background:#ebebeb;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	/*Prevents selecting text when dragging the selectors*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/*Color selection box*/
.colpick_color {
	position: absolute;
	left: 7px;
	top: 7px;
	width: 156px;
	height: 156px;
	overflow: hidden;
	outline: 1px solid #aaa;
	cursor: crosshair;
}
.colpick_color_overlay1 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
	background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}
.colpick_color_overlay2 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}
/*Circular color selector*/
.colpick_selector_outer {
	background:none;
	position: absolute;
	width: 11px;
	height: 11px;
	margin: -6px 0 0 -6px;
	border: 1px solid black;
	border-radius: 50%;
}
.colpick_selector_inner{
	position: absolute;
	width: 9px;
	height: 9px;
	border: 1px solid white;
	border-radius: 50%;
}
/*Vertical hue bar*/
.colpick_hue {
	position: absolute;
	top: 6px;
	left: 175px;
	width: 19px;
	height: 156px;
	border: 1px solid #aaa;
	cursor: n-resize;
}
/*Hue bar sliding indicator*/
.colpick_hue_arrs {
	position: absolute;
	left: -8px;
	width: 35px;
	height: 7px;
	margin: -7px 0 0 0;
}
.colpick_hue_larr {
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #858585;
}
.colpick_hue_rarr {
	position:absolute;
	right:0;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-right: 7px solid #858585; 
}
/*New color box*/
.colpick_new_color {
	position: absolute;
	left: 207px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Current color box*/
.colpick_current_color {
	position: absolute;
	left: 277px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Input field containers*/
.colpick_field, .colpick_hex_field  {
	position: absolute;
	height: 20px;
	width: 60px;
	overflow:hidden;
	background:#f3f3f3;
	color:#b8b8b8;
	font-size:12px;
	border:1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colpick_rgb_r {
	top: 40px;
	left: 207px;
}
.colpick_rgb_g {
	top: 67px;
	left: 207px;
}
.colpick_rgb_b {
	top: 94px;
	left: 207px;
}
.colpick_hsb_h {
	top: 40px;
	left: 277px;
}
.colpick_hsb_s {
	top: 67px;
	left: 277px;
}
.colpick_hsb_b {
	top: 94px;
	left: 277px;
}
.colpick_hex_field {
	width: 68px;
	left: 207px;
	top: 121px;
}
/*Text field container on focus*/
.colpick_focus {
	border-color: #999;
}
/*Field label container*/
.colpick_field_letter {
	position: absolute;
	width: 12px;
	height: 20px;
	line-height: 20px;
	padding-left: 4px;
	background: #efefef;
	border-right: 1px solid #bdbdbd;
	font-weight: bold;
	color:#777;
}
/*Text inputs*/
.colpick_field input, .colpick_hex_field input {
	position: absolute;
	right: 11px;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	background: transparent;
	border: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-align: right;
	outline: none;
}
.colpick_hex_field input {
	right: 4px;
}
/*Field up/down arrows*/
.colpick_field_arrs {
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 21px;
	cursor: n-resize;
}
.colpick_field_uarr {
	position: absolute;
	top: 5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #959595;
}
.colpick_field_darr {
	position: absolute;
	bottom:5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #959595;
}
/*Submit/Select button*/
.colpick_submit {
	position: absolute;
	left: 207px;
	top: 149px;
	width: 130px;
	height: 22px;
	line-height:22px;
	background: #efefef;
	text-align: center;
	color: #555;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.no-touch .colpick_submit:hover {
	background:#f3f3f3;
	border-color:#999;
	cursor: pointer;
}

/*full layout with no submit button*/
.colpick_full_ns  .colpick_submit, .colpick_full_ns .colpick_current_color{
	display:none;
}
.colpick_full_ns .colpick_new_color {
	width: 130px;
	height: 25px;
}
.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {
	top: 42px;
}
.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {
	top: 73px;
}
.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {
	top: 104px;
}
.colpick_full_ns .colpick_hex_field {
	top: 135px;
}

/*rgbhex layout*/
.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {
	display:none;
}
.colpick_rgbhex {
	width:282px;
}
.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
	width:68px;
}
.colpick_rgbhex .colpick_new_color {
	width:34px;
	border-right:none;
}
.colpick_rgbhex .colpick_current_color {
	width:34px;
	left:240px;
	border-left:none;
}

/*rgbhex layout, no submit button*/
.colpick_rgbhex_ns  .colpick_submit, .colpick_rgbhex_ns .colpick_current_color{
	display:none;
}
.colpick_rgbhex_ns .colpick_new_color{
	width:68px;
	border: 1px solid #8f8f8f;
}
.colpick_rgbhex_ns .colpick_rgb_r {
	top: 42px;
}
.colpick_rgbhex_ns .colpick_rgb_g {
	top: 73px;
}
.colpick_rgbhex_ns .colpick_rgb_b {
	top: 104px;
}
.colpick_rgbhex_ns .colpick_hex_field {
	top: 135px;
}

/*hex layout*/
.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {
	display:none;
}
.colpick_hex {
	width:206px;
	height:201px;
}
.colpick_hex .colpick_hex_field {
	width:72px;
	height:25px;
	top:168px;
	left:80px;
}
.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
	height: 25px;
	line-height: 25px;
}
.colpick_hex .colpick_new_color {
	left:9px;
	top:168px;
	width:30px;
	border-right:none;
}
.colpick_hex .colpick_current_color {
	left:39px;
	top:168px;
	width:30px;
	border-left:none;
}
.colpick_hex .colpick_submit {
	left:164px;
	top: 168px;
	width:30px;
	height:25px;
	line-height: 25px;
}

/*hex layout, no submit button*/
.colpick_hex_ns  .colpick_submit, .colpick_hex_ns .colpick_current_color {
	display:none;
}
.colpick_hex_ns .colpick_hex_field {
	width:80px;
}
.colpick_hex_ns .colpick_new_color{
	width:60px;
	border: 1px solid #8f8f8f;
}

/*Dark color scheme*/
.colpick_dark {
	background: #161616;
	border-color: #2a2a2a;
}
.colpick_dark .colpick_color {
	outline-color: #333;
}
.colpick_dark .colpick_hue {
	border-color: #555;
}
.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
	background: #101010;
	border-color: #2d2d2d;
}
.colpick_dark .colpick_field_letter {
	background: #131313;
	border-color: #2d2d2d;
	color: #696969;
}
.colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {
	color: #7a7a7a;
}
.colpick_dark .colpick_field_uarr {
	border-bottom-color:#696969;
}
.colpick_dark .colpick_field_darr {
	border-top-color:#696969;
}
.colpick_dark .colpick_focus {
	border-color:#444;
}
.colpick_dark .colpick_submit {
	background: #131313;
	border-color:#2d2d2d;
	color:#7a7a7a;
}
.no-touch .colpick_dark .colpick_submit:hover {
	background-color:#101010;
	border-color:#444;
}
/*!
 * smartbanner.js v1.10.1 <https://github.com/ain/smartbanner.js>
 * Copyright © 2018 Ain Tohvri, contributors. Licensed under GPL-3.0.
 */
.smartbanner{position:fixed;z-index:999;top:0;left:0;overflow-x:hidden;width:100%;height:84px;background:#f3f3f3;font-family:Helvetica, sans, sans-serif}.smartbanner__exit{position:absolute;top:calc(50% - 6px);left:9px;display:block;margin:0;width:12px;height:12px;border:0;text-align:center}.smartbanner__exit::before,.smartbanner__exit::after{position:absolute;width:1px;height:12px;background:#767676;content:' '}.smartbanner__exit::before{transform:rotate(45deg)}.smartbanner__exit::after{transform:rotate(-45deg)}.smartbanner__icon{position:absolute;top:10px;left:30px;width:64px;height:64px;border-radius:15px;background-size:64px 64px}.smartbanner__info{position:absolute;top:10px;left:104px;display:flex;overflow-y:hidden;width:60%;height:64px;align-items:center;color:#000}.smartbanner__info__title{font-size:14px}.smartbanner__info__author,.smartbanner__info__price{font-size:12px}.smartbanner__button{position:absolute;top:32px;right:10px;z-index:1;display:block;padding:0 10px;min-width:10%;border-radius:5px;background:#f3f3f3;color:#1474fc;font-size:18px;text-align:center;text-decoration:none}.smartbanner__button__label{text-align:center}.smartbanner.smartbanner--android{background:#3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);box-shadow:inset 0 4px 0 #88b131}.smartbanner.smartbanner--android .smartbanner__exit{left:6px;margin-right:7px;width:17px;height:17px;border-radius:14px;background:#1c1e21;box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3);color:#b1b1b3;font-family:'ArialRoundedMTBold', Arial;font-size:20px;-webkit-font-smoothing:subpixel-antialiased;line-height:17px;text-shadow:0 1px 1px #000}.smartbanner.smartbanner--android .smartbanner__exit::before,.smartbanner.smartbanner--android .smartbanner__exit::after{top:3px;left:8px;width:2px;height:11px;background:#b1b1b3}.smartbanner.smartbanner--android .smartbanner__exit:active,.smartbanner.smartbanner--android .smartbanner__exit:hover{color:#eee}.smartbanner.smartbanner--android .smartbanner__icon{background-color:transparent;box-shadow:none}.smartbanner.smartbanner--android .smartbanner__info{color:#ccc;text-shadow:0 1px 2px #000}.smartbanner.smartbanner--android .smartbanner__info__title{color:#fff;font-weight:bold}.smartbanner.smartbanner--android .smartbanner__button{top:30px;right:20px;padding:0;min-width:12%;border-radius:0;background:none;box-shadow:0 0 0 1px #333, 0 0 0 2px #dddcdc;color:#d1d1d1;font-size:14px;font-weight:bold}.smartbanner.smartbanner--android .smartbanner__button:active,.smartbanner.smartbanner--android .smartbanner__button:hover{background:none}.smartbanner.smartbanner--android .smartbanner__button__label{display:block;padding:0 10px;background:#42b6c9;background:linear-gradient(to bottom, #42b6c9, #39a9bb);box-shadow:none;line-height:24px;text-align:center;text-shadow:none;text-transform:none}.smartbanner.smartbanner--android .smartbanner__button__label:active,.smartbanner.smartbanner--android .smartbanner__button__label:hover{background:#2ac7e1}

.recurrenceToolbarAddMsg {
	margin-bottom: 40px;
}

html:not(.webGuidelines) .field.recurrenceDurationPicker.dateTimePicker select,
html:not(.webGuidelines) .field .recurrenceFreeRangePicker.dateTimePicker select {
	display: none;
}

.field.recurrenceWeekday,
.field.recurrenceWeekdayDeviated,
.recurrenceDay,
.recurrenceWeekdayGroup input,
.recurrenceDayGroup input
{
	float: left;
}
.recurrenceDayGroup > span
{
	float: left;
	margin: -20px 0 20px 5px;
	width: 100%;
}

.recurrenceMonthDayWeekday table tr {
	display: block;
	height: 78px;
	padding-top: 2px;
}

.recurrenceWeekday span {
	display: block;
	width: 100%;
}

.field.recurrenceDay span,
.field.recurrenceWeekdayDeviated span {
	width: 50px;
}

.recurrenceWeekdayGroup input,
.recurrenceDayGroup input {
	margin-right: 10px;
	position: relative;
	top: 8px;
}

.recurrenceWeekdayGroup::after,
.recurrenceOverlay .overlayItemContent::after,
.recurrenceDayGroup::after {
	clear: both;
	content: '';
	display: table;
}

.field.recurrenceDay select,
.field.recurrenceWeekday select,
.field.recurrenceWeekdayDeviated select {
	max-width: 75%;
}

.recurrenceFreeRangePicker {
	float: left;
	margin-right: 10px;
	width: 100%;
}
.webGuidelines .recurrenceFreeRangePicker {
	width: calc(100% - 150px);
}
.recurrenceFreeRangePicker::before {
	left: 10px;
	position: absolute;
	top: 31px;
	z-index: 1;
}
.recurrenceFreeRanges > span:first-of-type {
	display: block;
}
.recurrenceFreeRangePicker input.dateTimeOutput {
	padding-left: 41px;
}
.recurrenceFreeRanges .button.add.confirm {
	display: none;
	width: 140px;
}
.webGuidelines .recurrenceFreeRanges .button.add.confirm {
	display: block;
	float: right;
}
.webGuidelines .recurrenceFreeRanges .dateTimeSelect select {
	float: left;
	width: 33%;
}

.recurrenceFreeRanges .rangeList {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	min-width: 200px;
	text-align: center;
	width: 50%;
}
.recurrenceFreeRanges .rangeList > span {
	display: block;
	margin-bottom: 10px;
}
.recurrenceFreeRanges .rangeList .item {
	min-height: 42px;
}
.recurrenceFreeRanges .rangeList .item .button {
	margin-left: 15px;
	min-height: 38px;
}
.recurrenceFreeRanges .rangeList .item .button.iconOnly::before {
	padding-left: 0;
}

.eventItem.recurring-event h1.itemTitle::before,
.eventItem.timelineItem.recurring-event .itemTitle a::before,
.eventItem.gridItem.recurring-event .itemTitle a::before,
.list .eventItem.recurring-event .itemTitleLink::before,
#calendar .eventItem.recurring-event::after {
	content: '\e8ca';
	display: inline-block;
	font-family: 'awesome';
	padding-right: 6px;
	text-decoration: none;
}
.eventItem.recurring-event h1.itemTitle::before {
	font-size: 34px;
}
.eventItem.timelineItem.recurring-event .itemTitle a::before {
	font-size: 18px;
}
.eventItem.gridItem.recurring-event .itemTitle a::before {
	font-size: 28px;
}

#calendar .eventItem.recurring-event::after {
	padding-right: 0;
	position: absolute;
	right: 2px;
}

.eventItem.recurring-event .fc-title {
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
	width: calc(100% - 25px);
}
.eventItem.recurring-event .fc-time + .fc-title {
	width: calc(100% - 60px);
}

.overlayContent .recurrenceDuration {
	margin-bottom: 40px;
}
.field.durationButtonGroup {
	margin-bottom: 10px;
}

.font-select * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.font-select {
	font-size: 16px;
	width: 240px;
	position: relative;
	display: inline-block;
}

.font-select .fs-drop {
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 999;
	background: #fff;
	color: #000;
	width: 100%;
	border: 1px solid #aaa;
	border-top: 0;
	box-shadow: 0 4px 5px rgba(0,0,0,.15);
	border-radius: 0 0 4px 4px;
}

.font-select > span {
	outline: 0;
	border-radius: 0.25rem;
	border: 1px solid #ced4da;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 38px;
	line-height: 32px;
	padding: 3px 8px 3px 8px;
	color: #444;
	background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23303030' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.font-select-active > span {
	background-color: #eee;
	border-bottom-left-radius : 0;
	border-bottom-right-radius: 0;
}

.font-select .fs-results {
	max-height: 190px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 0;
}

.font-select .fs-results li {
	line-height: 80%;
	padding: 8px;
	margin: 0;
	list-style: none;
	font-size: 18px;
	white-space: nowrap;
}

.font-select .fs-results li.active {
	background-color: #3875d7;
	color: #fff;
	cursor: pointer;
}

.font-select .fs-search {
	border-bottom: 1px solid #aaa;
	padding: 4px;
}

.font-select .fs-search input {
	padding: 7px;
	width: 100%;
	border: 1px solid #aaa;
	font: 16px Helvetica, Sans-serif;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.06);
	border-radius: .1875rem;
}



/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */
.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:0.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;background-size:0;transition:all 0.3s}.pickr .pcr-button::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button::before{z-index:initial}.pickr .pcr-button::after{position:absolute;content:'';top:0;left:0;height:100%;width:100%;transition:background 0.3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear::before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow 0.3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(0,0,0,0.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:0.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity 0.3s, visibility 0s 0.3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 0.15em 1.5em 0 rgba(0,0,0,0.1),0 0 1em 0 rgba(0,0,0,0.03);left:0;top:0}.pcr-app.visible{transition:opacity 0.3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:0.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit, 1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:0.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all 0.15s;overflow:hidden;background:transparent;z-index:1}.pcr-app .pcr-swatches>button::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,0.05);border-radius:0.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -0.2em 0 -0.2em}.pcr-app .pcr-interaction>*{margin:0 0.2em}.pcr-app .pcr-interaction input{letter-spacing:0.07em;font-size:0.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all 0.15s;padding:0.45em 0.5em;margin-top:0.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(66,133,244,0.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all 0.2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(244,66,80,0.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme='nano']{width:14.25em;max-width:95vw}.pcr-app[data-theme='nano'] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme='nano'] .pcr-interaction{padding:0 .6em .6em .6em}.pcr-app[data-theme='nano'] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview{grid-area:2 / 1 / 4 / 1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:var(--pcr-color);width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-current-color::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette{grid-area:1 / 1 / 2 / 3;width:100%;height:100%;z-index:1}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser{grid-area:2 / 2 / 2 / 2}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity{grid-area:3 / 2 / 3 / 2}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity{height:0.5em;margin:0 .6em}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red)}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right, transparent, black),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%, 0.25em}