/* Minification failed. Returning unminified contents.
(5432,1): run-time error CSS1019: Unexpected token, found '}'
(6007,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6008,8): run-time error CSS1035: Expected colon, found '{'
(6016,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6017,8): run-time error CSS1035: Expected colon, found '{'
(6027,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6028,8): run-time error CSS1035: Expected colon, found '{'
(6037,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6038,8): run-time error CSS1035: Expected colon, found '{'
(6325,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6326,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6342,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6343,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6391,40): run-time error CSS1030: Expected identifier, found '.'
(6391,63): run-time error CSS1031: Expected selector, found ')'
(6391,63): run-time error CSS1025: Expected comma or open brace, found ')'
(7907,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7917,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7927,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(7928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7947,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10106,29): run-time error CSS1030: Expected identifier, found ' '
(10560,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10561,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10688,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10692,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10700,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(10701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10704,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12501,1): run-time error CSS1019: Unexpected token, found '}'
(12501,3): run-time error CSS1031: Expected selector, found '/'
(12501,3): run-time error CSS1025: Expected comma or open brace, found '/'
(12777,1): run-time error CSS1019: Unexpected token, found '}'
(13086,1415): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13086,1442): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13086,1563): run-time error CSS1019: Unexpected token, found '@keyframes'
(13086,1582): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*! jQuery UI - v1.12.1 - 2021-06-10
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, datepicker.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* 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-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;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

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

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.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;
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

.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;
	}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

.ui-slider {
	position: relative;
	text-align: left;
}

	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 1.2em;
		height: 1.2em;
		cursor: default;
		-ms-touch-action: none;
		touch-action: none;
	}

	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		font-size: .7em;
		display: block;
		border: 0;
		background-position: 0 0;
	}

	/* support: IE8 - See #6727 */
	.ui-slider.ui-state-disabled .ui-slider-handle,
	.ui-slider.ui-state-disabled .ui-slider-range {
		filter: inherit;
	}

.ui-slider-horizontal {
	height: .8em;
}

	.ui-slider-horizontal .ui-slider-handle {
		top: -.3em;
		margin-left: -.6em;
	}

	.ui-slider-horizontal .ui-slider-range {
		top: 0;
		height: 100%;
	}

	.ui-slider-horizontal .ui-slider-range-min {
		left: 0;
	}

	.ui-slider-horizontal .ui-slider-range-max {
		right: 0;
	}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

	.ui-slider-vertical .ui-slider-handle {
		left: -.3em;
		margin-left: 0;
		margin-bottom: -.6em;
	}

	.ui-slider-vertical .ui-slider-range {
		left: 0;
		width: 100%;
	}

	.ui-slider-vertical .ui-slider-range-min {
		bottom: 0;
	}

	.ui-slider-vertical .ui-slider-range-max {
		top: 0;
	}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

	.ui-widget .ui-widget {
		font-size: 1em;
	}

	.ui-widget input,
	.ui-widget select,
	.ui-widget textarea,
	.ui-widget button {
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1em;
	}

	.ui-widget.ui-widget-content {
		border: 1px solid #c5c5c5;
	}

.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}

	.ui-widget-content a {
		color: #333333;
	}

.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}

	.ui-widget-header a {
		color: #333333;
	}

	/* Interaction states
----------------------------------*/
	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default,
	.ui-button,
	/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
	html .ui-button.ui-state-disabled:hover,
	html .ui-button.ui-state-disabled:active {
		border: 1px solid #c5c5c5;
		background: #f6f6f6;
		font-weight: normal;
		color: #454545;
	}

		.ui-state-default a,
		.ui-state-default a:link,
		.ui-state-default a:visited,
		a.ui-button,
		a:link.ui-button,
		a:visited.ui-button,
		.ui-button {
			color: #454545;
			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,
			.ui-button:hover,
			.ui-button:focus {
				border: 1px solid #cccccc;
				background: #ededed;
				font-weight: normal;
				color: #2b2b2b;
			}

				.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,
				a.ui-button:hover,
				a.ui-button:focus {
					color: #2b2b2b;
					text-decoration: none;
				}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}

	.ui-icon-background,
	.ui-state-active .ui-icon-background {
		border: #003eff;
		background-color: #ffffff;
	}

	.ui-state-active a,
	.ui-state-active a:link,
	.ui-state-active a:visited {
		color: #ffffff;
		text-decoration: none;
	}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}

	.ui-state-error a,
	.ui-widget-content .ui-state-error a,
	.ui-widget-header .ui-state-error a {
		color: #5f3f3f;
	}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}

.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("images/ui-icons_444444_256x240.png");*/
}

.ui-widget-header .ui-icon {
	/*background-image: url("images/ui-icons_444444_256x240.png");*/
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	/*background-image: url("images/ui-icons_555555_256x240.png");*/
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	/*background-image: url("images/ui-icons_ffffff_256x240.png");*/
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	/*background-image: url("images/ui-icons_777620_256x240.png");*/
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	/*background-image: url("images/ui-icons_cc0000_256x240.png");*/
}

.ui-button .ui-icon {
	/*background-image: url("images/ui-icons_777777_256x240.png");*/
}

/* positioning */
.ui-icon-blank {
	background-position: 16px 16px;
}

.ui-icon-caret-1-n {
	background-position: 0 0;
}

.ui-icon-caret-1-ne {
	background-position: -16px 0;
}

.ui-icon-caret-1-e {
	background-position: -32px 0;
}

.ui-icon-caret-1-se {
	background-position: -48px 0;
}

.ui-icon-caret-1-s {
	background-position: -65px 0;
}

.ui-icon-caret-1-sw {
	background-position: -80px 0;
}

.ui-icon-caret-1-w {
	background-position: -96px 0;
}

.ui-icon-caret-1-nw {
	background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0;
}

.ui-icon-caret-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: -65px -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: -65px -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: 1px -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: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}




    /* HORIZONTAL */
    
    /* increase bottom margin to fit the pips */
    .ui-slider-horizontal.ui-slider-pips { 
        margin-bottom: 1.4em; 
    }

    /* default hide the labels and pips that arnt visible */
    /* we just use css to hide incase we want to show certain */
    /* labels/pips individually later */
    .ui-slider-pips .ui-slider-label,
    .ui-slider-pips .ui-slider-pip-hide { 
        display: none; 
    }

    /* now we show any labels that we've set to show in the options */
    .ui-slider-pips .ui-slider-pip-label .ui-slider-label { 
        display: block; 
    }
    
    /* PIP/LABEL WRAPPER */
    /* position each pip absolutely just below the default slider */
    /* and also prevent accidental selection */
    .ui-slider-pips .ui-slider-pip { 
        width: 2em;
        height: 1em;
        line-height: 1em;
        position: absolute;
        font-size: 0.8em;
        color: #999;
        overflow: visible;
        text-align: center;
        top: 20px;
        left: 20px;
        margin-left: -1em;
        cursor: pointer;

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

    /* little pip/line position & size */
    .ui-slider-pips .ui-slider-line {
        background: #999;
        width: 1px;
        height: 3px;
        position: absolute;
        left: 50%;
    }

    /* the text label postion & size */
    /* it overflows so no need for width to be accurate */
    .ui-slider-pips .ui-slider-label {
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -1em;
        width: 2em;
    }

    /* make it easy to see when we hover a label */
    .ui-slider-pip:hover .ui-slider-label {
        color: black;
        font-weight: bold;
    }




    /* VERTICAL */

    /* vertical slider needs right-margin, not bottom */
    .ui-slider-vertical.ui-slider-pips {
        margin-bottom: 1em;
        margin-right: 2em;
    }

    /* align vertical pips left and to right of the slider */
    .ui-slider-vertical.ui-slider-pips .ui-slider-pip {
        text-align: left;
        top: auto;
        left: 20px;
        margin-left: 0;
        margin-bottom: -0.5em;
    }

    /* vertical line/pip should be horizontal instead */
    .ui-slider-vertical.ui-slider-pips .ui-slider-line {
        width: 3px;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 0;
    }

    .ui-slider-vertical.ui-slider-pips .ui-slider-label {
        top: 50%;
        left: 0.5em;
        margin-left: 0;
        margin-top: -0.5em;
        width: 2em;
    }




    /* FLOATING HORIZTONAL TOOLTIPS */

    /* remove the godawful looking focus outline on handle and float */
    .ui-slider-float .ui-slider-handle:focus,
    .ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
    .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label {
        outline: none;
    }
    
    /* style tooltips on handles and on labels */
    /* also has a nice transition */
    .ui-slider-float .ui-slider-tip,
    .ui-slider-float .ui-slider-tip-label {

        position: absolute;
        visibility: hidden;
        top: -40px;
        display: block;
        width: 34px;
        margin-left: -18px;
        left: 50%;
        height: 20px;
        line-height: 20px;
        background: white;
        border-radius: 3px;
        border: 1px solid #888;
        text-align: center;
        font-size: 12px;
        opacity: 0;
        color: #333;
        
        -webkit-transition-duration: 200ms, 200ms, 0;
        -moz-transition-duration: 200ms, 200ms, 0;
        -ms-transition-duration: 200ms, 200ms, 0;
        transition-duration: 200ms, 200ms, 0;

        -webkit-transition-property: opacity, top, visibility;
        -moz-transition-property: opacity, top, visibility;
        -ms-transition-property: opacity, top, visibility;
        transition-property: opacity, top, visibility;
        
        -webkit-transition-delay: 0, 0, 200ms;
        -moz-transition-delay: 0, 0, 200ms;
        -ms-transition-delay: 0, 0, 200ms;
        transition-delay: 0, 0, 200ms;
    }
    
    /* show the tooltip on hover or focus */
    /* also switch transition delay around */    
    .ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
    .ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
    .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    
        opacity: 1;
        top: -30px;
        visibility: visible;

        -webkit-transition-delay:200ms, 200ms, 0;
        -moz-transition-delay:200ms, 200ms, 0;
        -ms-transition-delay:200ms, 200ms, 0;
        transition-delay:200ms, 200ms, 0;
        
    }
    
    /* put label tooltips below slider */
    .ui-slider-float .ui-slider-pip .ui-slider-tip-label {
        top: 42px;
    }

    .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
        top: 32px;
        font-weight: normal;
    }
    
    /* give the tooltip a css triangle arrow */
    .ui-slider-float .ui-slider-tip:after,
    .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
        content: " ";
        width: 0;
        height: 0;
        border: 5px solid rgba(255,255,255,0);
        border-top-color: rgba(255,255,255,1);
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -5px;
    }

    /* put a 1px border on the tooltip arrow to match tooltip border */
    .ui-slider-float .ui-slider-tip:before,
    .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
        content: " ";
        width: 0;
        height: 0;
        border: 5px solid rgba(255,255,255,0);
        border-top-color: #888;
        position: absolute;
        bottom: -11px;
        left: 50%;
        margin-left: -5px;
    }
    
    /* switch the arrow to top on labels */
    .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
        border: 5px solid rgba(255,255,255,0);
        border-bottom-color: rgba(255,255,255,1);
        top: -10px;
    }

    .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
        border: 5px solid rgba(255,255,255,0);
        border-bottom-color: #888;
        top: -11px;
    }




    /* FLOATING VERTICAL TOOLTIPS */
    
    /* tooltip floats to left of handle */
    .ui-slider-vertical.ui-slider-float .ui-slider-tip,
    .ui-slider-vertical.ui-slider-float .ui-slider-tip-label {

        top: 50%;
        margin-top: -11px;
        width: 34px;
        margin-left: 0px;
        left: -60px;
        color: #333;
        
        -webkit-transition-duration: 200ms, 200ms, 0;
        -moz-transition-duration: 200ms, 200ms, 0;
        -ms-transition-duration: 200ms, 200ms, 0;
        transition-duration: 200ms, 200ms, 0;

        -webkit-transition-property: opacity, left, visibility;
        -moz-transition-property: opacity, left, visibility;
        -ms-transition-property: opacity, left, visibility;
        transition-property: opacity, left, visibility;
        
        -webkit-transition-delay: 0, 0, 200ms;
        -moz-transition-delay: 0, 0, 200ms;
        -ms-transition-delay: 0, 0, 200ms;
        transition-delay: 0, 0, 200ms;

    }



    .ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
    .ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
    .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
        top: 50%;
        margin-top: -11px;
        left: -50px;
    }

    /* put label tooltips to right of slider */
    .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
        left: 47px;
    }

    .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
        left: 37px;
    }

    /* give the tooltip a css triangle arrow */
    .ui-slider-vertical.ui-slider-float .ui-slider-tip:after,
    .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
        border: 5px solid rgba(255,255,255,0);
        border-left-color: rgba(255,255,255,1);
        border-top-color: transparent;
        position: absolute;
        bottom: 50%;
        margin-bottom: -5px;
        right: -10px;
        margin-left: 0;
        top: auto;
        left: auto;
    }

    .ui-slider-vertical.ui-slider-float .ui-slider-tip:before,
    .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
        border: 5px solid rgba(255,255,255,0);
        border-left-color: #888;
        border-top-color: transparent;
        position: absolute;
        bottom: 50%;
        margin-bottom: -5px;
        right: -11px;
        margin-left: 0; 
        top: auto;
        left: auto;
    }
    
    .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
        border: 5px solid rgba(255,255,255,0);
        border-right-color: rgba(255,255,255,1);
        right: auto;
        left: -10px;
    }

    .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
        border: 5px solid rgba(255,255,255,0);
        border-right-color: #888;
        right: auto;
        left: -11px;
    }
/* https://fonts.googleapis.com/icon?family=Material+Icons */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: /*local('Material Icons'),
       local('MaterialIcons-Regular'),*/
       /*url(fonts/MaterialIcons-Regular.woff2) format('woff2'),*/
       url(fonts/MaterialIconsOutlined-Regular.otf) format('opentype')
       /*url(fonts/MaterialIcons-Regular.woff) format('woff'),
       url(fonts/MaterialIcons-Regular.ttf) format('truetype')*/;
}

.material-symbols-outlined {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic&subset=latin,latin-ext */


.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(img/vendor-layout/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(img/vendor-layout/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(img/vendor-layout/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(img/vendor-layout/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(img/vendor-layout/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(img/vendor-layout/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(img/vendor-layout/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(img/vendor-layout/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(img/vendor-layout/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(img/vendor-layout/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(img/vendor-layout/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(img/vendor-layout/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

/*!
 * Datepicker for Bootstrap v1.5.0-dev (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker{border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-top:before{top:-7px}.datepicker-dropdown.datepicker-orient-top:after{top:-6px}.datepicker-dropdown.datepicker-orient-bottom:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-bottom:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker>div{display:none}.datepicker.days .datepicker-days,.datepicker.months .datepicker-months,.datepicker.years .datepicker-years{display:block}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day:hover,.datepicker table tr td.day.focused{background:#eee;cursor:pointer}.datepicker table tr td.old,.datepicker table tr td.new{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover{color:#000;background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today:focus,.datepicker table tr td.today:hover:focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover:focus,.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.today,.open .dropdown-toggle.datepicker table tr td.today:hover,.open .dropdown-toggle.datepicker table tr td.today.disabled,.open .dropdown-toggle.datepicker table tr td.today.disabled:hover{color:#000;background-color:#ffcd70;border-color:#f59e00}.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.today,.open .dropdown-toggle.datepicker table tr td.today:hover,.open .dropdown-toggle.datepicker table tr td.today.disabled,.open .dropdown-toggle.datepicker table tr td.today.disabled:hover{background-image:none}.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.today,fieldset[disabled] .datepicker table tr td.today:hover,fieldset[disabled] .datepicker table tr td.today.disabled,fieldset[disabled] .datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover.disabled:hover,.datepicker table tr td.today.disabled.disabled:hover,.datepicker table tr td.today.disabled:hover.disabled:hover,.datepicker table tr td.today[disabled]:hover,.datepicker table tr td.today:hover[disabled]:hover,.datepicker table tr td.today.disabled[disabled]:hover,.datepicker table tr td.today.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.today:hover,fieldset[disabled] .datepicker table tr td.today:hover:hover,fieldset[disabled] .datepicker table tr td.today.disabled:hover,fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today:hover.disabled:focus,.datepicker table tr td.today.disabled.disabled:focus,.datepicker table tr td.today.disabled:hover.disabled:focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today:hover[disabled]:focus,.datepicker table tr td.today.disabled[disabled]:focus,.datepicker table tr td.today.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover:focus,fieldset[disabled] .datepicker table tr td.today.disabled:focus,fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today:hover.disabled:active,.datepicker table tr td.today.disabled.disabled:active,.datepicker table tr td.today.disabled:hover.disabled:active,.datepicker table tr td.today[disabled]:active,.datepicker table tr td.today:hover[disabled]:active,.datepicker table tr td.today.disabled[disabled]:active,.datepicker table tr td.today.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.today:active,fieldset[disabled] .datepicker table tr td.today:hover:active,fieldset[disabled] .datepicker table tr td.today.disabled:active,fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today:hover.disabled.active,.datepicker table tr td.today.disabled.disabled.active,.datepicker table tr td.today.disabled:hover.disabled.active,.datepicker table tr td.today[disabled].active,.datepicker table tr td.today:hover[disabled].active,.datepicker table tr td.today.disabled[disabled].active,.datepicker table tr td.today.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.today.active,fieldset[disabled] .datepicker table tr td.today:hover.active,fieldset[disabled] .datepicker table tr td.today.disabled.active,fieldset[disabled] .datepicker table tr td.today.disabled:hover.active{background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range:hover,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover{background:#eee;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover{color:#000;background-color:#f7ca77;border-color:#f1a417;border-radius:0}.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today:focus,.datepicker table tr td.range.today:hover:focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover:focus,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.range.today,.open .dropdown-toggle.datepicker table tr td.range.today:hover,.open .dropdown-toggle.datepicker table tr td.range.today.disabled,.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover{color:#000;background-color:#f4bb51;border-color:#bf800c}.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.range.today,.open .dropdown-toggle.datepicker table tr td.range.today:hover,.open .dropdown-toggle.datepicker table tr td.range.today.disabled,.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover{background-image:none}.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today[disabled],.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.range.today,fieldset[disabled] .datepicker table tr td.range.today:hover,fieldset[disabled] .datepicker table tr td.range.today.disabled,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover.disabled:hover,.datepicker table tr td.range.today.disabled.disabled:hover,.datepicker table tr td.range.today.disabled:hover.disabled:hover,.datepicker table tr td.range.today[disabled]:hover,.datepicker table tr td.range.today:hover[disabled]:hover,.datepicker table tr td.range.today.disabled[disabled]:hover,.datepicker table tr td.range.today.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today:hover,fieldset[disabled] .datepicker table tr td.range.today:hover:hover,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today:hover.disabled:focus,.datepicker table tr td.range.today.disabled.disabled:focus,.datepicker table tr td.range.today.disabled:hover.disabled:focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today:hover[disabled]:focus,.datepicker table tr td.range.today.disabled[disabled]:focus,.datepicker table tr td.range.today.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover:focus,fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today:hover.disabled:active,.datepicker table tr td.range.today.disabled.disabled:active,.datepicker table tr td.range.today.disabled:hover.disabled:active,.datepicker table tr td.range.today[disabled]:active,.datepicker table tr td.range.today:hover[disabled]:active,.datepicker table tr td.range.today.disabled[disabled]:active,.datepicker table tr td.range.today.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.range.today:active,fieldset[disabled] .datepicker table tr td.range.today:hover:active,fieldset[disabled] .datepicker table tr td.range.today.disabled:active,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today:hover.disabled.active,.datepicker table tr td.range.today.disabled.disabled.active,.datepicker table tr td.range.today.disabled:hover.disabled.active,.datepicker table tr td.range.today[disabled].active,.datepicker table tr td.range.today:hover[disabled].active,.datepicker table tr td.range.today.disabled[disabled].active,.datepicker table tr td.range.today.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.range.today.active,fieldset[disabled] .datepicker table tr td.range.today:hover.active,fieldset[disabled] .datepicker table tr td.range.today.disabled.active,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active{background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.selected,.datepicker table tr td.selected:hover,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover{color:#fff;background-color:#999;border-color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected:focus,.datepicker table tr td.selected:hover:focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover:focus,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.selected,.open .dropdown-toggle.datepicker table tr td.selected:hover,.open .dropdown-toggle.datepicker table tr td.selected.disabled,.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover{color:#fff;background-color:#858585;border-color:#373737}.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.selected,.open .dropdown-toggle.datepicker table tr td.selected:hover,.open .dropdown-toggle.datepicker table tr td.selected.disabled,.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover{background-image:none}.datepicker table tr td.selected.disabled,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected[disabled],.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.selected,fieldset[disabled] .datepicker table tr td.selected:hover,fieldset[disabled] .datepicker table tr td.selected.disabled,fieldset[disabled] .datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover.disabled:hover,.datepicker table tr td.selected.disabled.disabled:hover,.datepicker table tr td.selected.disabled:hover.disabled:hover,.datepicker table tr td.selected[disabled]:hover,.datepicker table tr td.selected:hover[disabled]:hover,.datepicker table tr td.selected.disabled[disabled]:hover,.datepicker table tr td.selected.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected:hover,fieldset[disabled] .datepicker table tr td.selected:hover:hover,fieldset[disabled] .datepicker table tr td.selected.disabled:hover,fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected:hover.disabled:focus,.datepicker table tr td.selected.disabled.disabled:focus,.datepicker table tr td.selected.disabled:hover.disabled:focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected:hover[disabled]:focus,.datepicker table tr td.selected.disabled[disabled]:focus,.datepicker table tr td.selected.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover:focus,fieldset[disabled] .datepicker table tr td.selected.disabled:focus,fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected:hover.disabled:active,.datepicker table tr td.selected.disabled.disabled:active,.datepicker table tr td.selected.disabled:hover.disabled:active,.datepicker table tr td.selected[disabled]:active,.datepicker table tr td.selected:hover[disabled]:active,.datepicker table tr td.selected.disabled[disabled]:active,.datepicker table tr td.selected.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.selected:active,fieldset[disabled] .datepicker table tr td.selected:hover:active,fieldset[disabled] .datepicker table tr td.selected.disabled:active,fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected:hover.disabled.active,.datepicker table tr td.selected.disabled.disabled.active,.datepicker table tr td.selected.disabled:hover.disabled.active,.datepicker table tr td.selected[disabled].active,.datepicker table tr td.selected:hover[disabled].active,.datepicker table tr td.selected.disabled[disabled].active,.datepicker table tr td.selected.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.selected.active,fieldset[disabled] .datepicker table tr td.selected:hover.active,fieldset[disabled] .datepicker table tr td.selected.disabled.active,fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active{background-color:#999;border-color:#555}.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover{color:#fff;background-color:#428bca;border-color:#357ebd;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:focus,.datepicker table tr td.active:hover:focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover:focus,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.active,.open .dropdown-toggle.datepicker table tr td.active:hover,.open .dropdown-toggle.datepicker table tr td.active.disabled,.open .dropdown-toggle.datepicker table tr td.active.disabled:hover{color:#fff;background-color:#3276b1;border-color:#285e8e}.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.active,.open .dropdown-toggle.datepicker table tr td.active:hover,.open .dropdown-toggle.datepicker table tr td.active.disabled,.open .dropdown-toggle.datepicker table tr td.active.disabled:hover{background-image:none}.datepicker table tr td.active.disabled,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active[disabled],.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.active,fieldset[disabled] .datepicker table tr td.active:hover,fieldset[disabled] .datepicker table tr td.active.disabled,fieldset[disabled] .datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover.disabled:hover,.datepicker table tr td.active.disabled.disabled:hover,.datepicker table tr td.active.disabled:hover.disabled:hover,.datepicker table tr td.active[disabled]:hover,.datepicker table tr td.active:hover[disabled]:hover,.datepicker table tr td.active.disabled[disabled]:hover,.datepicker table tr td.active.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.active:hover,fieldset[disabled] .datepicker table tr td.active:hover:hover,fieldset[disabled] .datepicker table tr td.active.disabled:hover,fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active:hover.disabled:focus,.datepicker table tr td.active.disabled.disabled:focus,.datepicker table tr td.active.disabled:hover.disabled:focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active:hover[disabled]:focus,.datepicker table tr td.active.disabled[disabled]:focus,.datepicker table tr td.active.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover:focus,fieldset[disabled] .datepicker table tr td.active.disabled:focus,fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active:hover.disabled:active,.datepicker table tr td.active.disabled.disabled:active,.datepicker table tr td.active.disabled:hover.disabled:active,.datepicker table tr td.active[disabled]:active,.datepicker table tr td.active:hover[disabled]:active,.datepicker table tr td.active.disabled[disabled]:active,.datepicker table tr td.active.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.active:active,fieldset[disabled] .datepicker table tr td.active:hover:active,fieldset[disabled] .datepicker table tr td.active.disabled:active,fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active:hover.disabled.active,.datepicker table tr td.active.disabled.disabled.active,.datepicker table tr td.active.disabled:hover.disabled.active,.datepicker table tr td.active[disabled].active,.datepicker table tr td.active:hover[disabled].active,.datepicker table tr td.active.disabled[disabled].active,.datepicker table tr td.active.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.active.active,fieldset[disabled] .datepicker table tr td.active:hover.active,fieldset[disabled] .datepicker table tr td.active.disabled.active,fieldset[disabled] .datepicker table tr td.active.disabled:hover.active{background-color:#428bca;border-color:#357ebd}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:4px}.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover{color:#fff;background-color:#428bca;border-color:#357ebd;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover:focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td span.active,.open .dropdown-toggle.datepicker table tr td span.active:hover,.open .dropdown-toggle.datepicker table tr td span.active.disabled,.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover{color:#fff;background-color:#3276b1;border-color:#285e8e}.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td span.active,.open .dropdown-toggle.datepicker table tr td span.active:hover,.open .dropdown-toggle.datepicker table tr td span.active.disabled,.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover{background-image:none}.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td span.active,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active.disabled,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active[disabled]:hover,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active:hover.disabled:active,.datepicker table tr td span.active.disabled.disabled:active,.datepicker table tr td span.active.disabled:hover.disabled:active,.datepicker table tr td span.active[disabled]:active,.datepicker table tr td span.active:hover[disabled]:active,.datepicker table tr td span.active.disabled[disabled]:active,.datepicker table tr td span.active.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td span.active:active,fieldset[disabled] .datepicker table tr td span.active:hover:active,fieldset[disabled] .datepicker table tr td span.active.disabled:active,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active:hover.disabled.active,.datepicker table tr td span.active.disabled.disabled.active,.datepicker table tr td span.active.disabled:hover.disabled.active,.datepicker table tr td span.active[disabled].active,.datepicker table tr td span.active:hover[disabled].active,.datepicker table tr td span.active.disabled[disabled].active,.datepicker table tr td span.active.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td span.active.active,fieldset[disabled] .datepicker table tr td span.active:hover.active,fieldset[disabled] .datepicker table tr td span.active.disabled.active,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active{background-color:#428bca;border-color:#357ebd}.datepicker table tr td span.old,.datepicker table tr td span.new{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker thead tr:first-child th,.datepicker tfoot tr th{cursor:pointer}.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.datepicker thead tr:first-child .cw{cursor:default;background-color:transparent}.input-group.date .input-group-addon{cursor:pointer}.input-daterange{width:100%}.input-daterange input{text-align:center}.input-daterange input:first-child{border-radius:3px 0 0 3px}.input-daterange input:last-child{border-radius:0 3px 3px 0}.input-daterange .input-group-addon{width:auto;min-width:16px;padding:4px 5px;font-weight:400;line-height:1.42857143;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:solid #ccc;border-width:1px 0;margin-left:-5px;margin-right:-5px}
/**! hopscotch - v0.2.5
*
* Copyright 2015 LinkedIn Corp. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
 * This fade animation is based on Dan Eden's animate.css (http://daneden.me/animate/), under the terms of the MIT license.
 *
 * Copyright 2013 Dan Eden.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-down {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fade-in-right {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fade-in-left {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
div.hopscotch-bubble .hopscotch-nav-button {
  /* borrowed from katy styles */
  font-weight: bold;
  border-width: 0;
  border-style: solid;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  text-decoration: none !important;
  width: auto;
  padding: 0 10px;
  height: 26px;
  line-height: 24px;
  font-size: 12px;
  *zoom: 1;
  white-space: nowrap;
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  color: #fff;
  font-size: 13px;
  font-size: .8125rem;
  padding: 0 15px;
  margin: 0 2px;
  line-height: 28px;
  height: 28px;
}
div.hopscotch-bubble .hopscotch-nav-button:hover {
  *zoom: 1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
div.hopscotch-bubble .hopscotch-nav-button:active {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
}
div.hopscotch-bubble .hopscotch-nav-button.next {
  border-color: #1b5480;
  color: #fff;
  margin: 0 0 0 4px;
  /* HS specific*/
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  background-color: #167254;
  /*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#287bbc', endColorstr='#23639a');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287bbc), color-stop(100%, #23639a));
  background-image: -webkit-linear-gradient(top, #287bbc 0%, #23639a 100%);
  background-image: -moz-linear-gradient(top, #287bbc 0%, #23639a 100%);
  background-image: -o-linear-gradient(top, #287bbc 0%, #23639a 100%);
  background-image: linear-gradient(top, #287bbc 0%, #23639a 100%);*/
}
div.hopscotch-bubble .hopscotch-nav-button.next:hover {
  background-color: #1e8262;
  /*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#2672ae', endColorstr='#1e4f7e');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2672ae), color-stop(100%, #1e4f7e));
  background-image: -webkit-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  background-image: -moz-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  background-image: -o-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  background-image: linear-gradient(top, #2672ae 0%, #1e4f7e 100%);*/
}
div.hopscotch-bubble .hopscotch-nav-button.prev {
  border-color: #a7a7a7;
  color: #444;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f2f2f2;
  /*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#e9e9e9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #e9e9e9));
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background-image: linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);*/
}
div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
  background-color: #e8e8e8;
  /*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E8E8', endColorstr='#FFA9A9A9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(13%, #e3e3e3), color-stop(32%, #d7d7d7), color-stop(71%, #b9b9b9), color-stop(100%, #a9a9a9));
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
  background-image: -moz-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
  background-image: linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);*/
}
div.hopscotch-bubble {
  background-color: #22b283;
  border-radius: 10px;
  box-shadow: 0 1px 10px rgba(0,0,0,.4);
  /*border: 5px solid #000000;*/
  /* default */
  /*border: 5px solid rgba(0, 0, 0, 0.5);*/
  /* transparent, if supported */
  color: #fff;
  font-family: Helvetica, Arial;
  font-size: 13px;
  position: absolute;
  z-index: 999999;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -moz-background-clip: padding;
  /* for Mozilla browsers*/
  -webkit-background-clip: padding;
  /* Webkit */
  background-clip: padding-box;
  /*  browsers with full support */
}
div.hopscotch-bubble * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
div.hopscotch-bubble.animate {
  -moz-transition-property: top, left;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: top, left;
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: top, left;
  -o-transition-duration: 1s;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-property: top, left;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: top, left;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
}
div.hopscotch-bubble.invisible {
  opacity: 0;
}
div.hopscotch-bubble.hide,
div.hopscotch-bubble .hide,
div.hopscotch-bubble .hide-all {
  display: none;
}
div.hopscotch-bubble h3 {
  color: #fff;
  font-family: Helvetica, Arial;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin: -1px 15px 0 0;
  padding: 0;
}
div.hopscotch-bubble .hopscotch-bubble-container {
  padding: 15px;
  position: relative;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  /* to fix text flickering */
}
div.hopscotch-bubble .hopscotch-content {
  font-family: Helvetica, Arial;
  font-weight: normal;
  line-height: 17px;
  margin: 5px 0 11px;
  padding-top: 8px;
}
div.hopscotch-bubble .hopscotch-bubble-content {
  margin: 0 0 0 40px;
}
div.hopscotch-bubble.no-number .hopscotch-bubble-content {
  margin: 0;
}
div.hopscotch-bubble .hopscotch-bubble-close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  color: #000;
  background: transparent url(img/sprite-green.png) -192px -92px no-repeat;
  display: block;
  padding: 8px;
  position: absolute;
  text-decoration: none;
  text-indent: -9999px;
  width: 8px;
  height: 8px;
  top: 0;
  right: 0;
}
div.hopscotch-bubble .hopscotch-bubble-close.hide,
div.hopscotch-bubble .hopscotch-bubble-close.hide-all {
  display: none;
}
div.hopscotch-bubble .hopscotch-bubble-number {
  background: transparent url(img/sprite-green.png) 0 0 no-repeat;
  color: #fff;
  display: block;
  float: left;
  font-size: 17px;
  font-weight: bold;
  line-height: 31px;
  padding: 0 10px 0 0;
  text-align: center;
  width: 30px;
  height: 30px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container {
  position: absolute;
  width: 34px;
  height: 34px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,
div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border {
  width: 0;
  height: 0;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
  top: -22px;
  left: 10px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
  border-bottom: 17px solid #22b283;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  position: relative;
  top: -10px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom: 17px solid transparent;
  /*border-bottom: 17px solid rgba(0, 0, 0, 0.5);*/
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
  bottom: -39px;
  left: 10px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
  border-top: 17px solid #22b283;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  position: relative;
  top: -24px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top: 17px solid transparent;
  /*border-top: 17px solid rgba(0, 0, 0, 0.5);*/
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
  top: 10px;
  left: -22px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
  border-bottom: 17px solid transparent;
  border-right: 17px solid #22b283;
  border-top: 17px solid transparent;
  position: relative;
  left: 7px;
  top: -34px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right: 17px solid transparent;
  /*border-right: 17px solid rgba(0, 0, 0, 0.5);*/
  border-bottom: 17px solid transparent;
  border-top: 17px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
  top: 10px;
  right: -39px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
  border-bottom: 17px solid transparent;
  border-left: 17px solid #22b283;
  border-top: 17px solid transparent;
  position: relative;
  left: -7px;
  top: -34px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left: 17px solid transparent;
  /*border-left: 17px solid rgba(0, 0, 0, 0.5);*/
  border-bottom: 17px solid transparent;
  border-top: 17px solid transparent;
}
div.hopscotch-bubble .hopscotch-actions {
  margin: 10px 0 0;
  text-align: right;
}

@charset "UTF-8";
/*!  Nhance SCSS Framework (c) + Bootstrap v3.3.4 | By Nhance.pl 4 GorillaKing */
/*!  WARNING! DO NOT EDIT NOR DELETE THIS FILE ! */
/*!  WARNING! Any changes please append to OVERWRITE.CSS file.  */
/*!  UWAGA! PROSZE NIE EDYTOWAC I NIE USUWAC TEGO PLIKU */
/*!  UWAGA! Wszelkie zmiany prosze wprowadzac do pliku OVERWRITE.CSS.  */
html { font-size: 16px; }

html, html a { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -khtml-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -ms-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -o-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); text-rendering: optimizeLegibility !important; }

body { font-family: "Roboto", Arial, Helvetica, Sans-serif; color: #373737; background-color: #F7F7F7; font-size: 16px; font-size: 1rem; }
body.sub-page { background-color: #f8f8f8; }

.wrapper.wrapper-shadow { min-width: 240px; max-width: 900px; padding-left: 40px; padding-right: 40px; padding-bottom: 20px; background-color: #ffffff; margin: 0 auto 20px auto; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
.wrapper.wrapper-shadow .row.sep-row { margin-left: -40px; margin-right: -40px; }
.wrapper.wrapper-shadow > .row { margin-left: -40px; margin-right: -40px; }
.wrapper.wrapper-shadow > .row > .col { padding-left: 40px; padding-right: 40px; }

.wrapper.wrapper-shadow-full { max-width: initial !important; width: 100%; margin-right: 0; margin-left: 0; overflow-x: auto }

.row.sep-row { margin-bottom: 24px; border-bottom: 1px solid #eaeaea; width: auto; }

.row.sep-row-dashed { margin-bottom: 12px; border-bottom: 1px dashed #eaeaea; width: auto; }

.row.sep-row-blind { margin-bottom: 24px; width: auto; }

::-moz-selection { /* Code for Firefox */ color: #ffffff; background-color: rgba(70, 50, 97, 0.9); }

::selection { color: #ffffff; background-color: rgba(70, 50, 97, 0.9); }

.wrapper { width: 95%; max-width: 1470px; min-width: 315px; }

.strong { font-weight: 700; }

.fleft { float: left; }

.fright { float: right; }

.clear { clear: both; }
.clear::before, .clear::after { display: block; clear: both; content: " "; }

.center { text-align: center; }

.justify { text-align: justify; }

.tright { text-align: right; }

.tleft { text-align: left; }

.red { color: #e91c62; }

.hidden, .hide { display: none; }

.col { padding-left: 6px; padding-right: 6px; position: relative; float: left; }

.col-full { width: 100%; }

.col-half { width: 100%; }
@media (min-width: 768px) { .col-half { width: 50%; } }

.col-one-third { width: 100%; }
@media (min-width: 480px) { .col-one-third { width: 50%; } }
@media (min-width: 768px) { .col-one-third { width: 33.33333%; } }

.col-two-third { width: 100%; }
@media (min-width: 480px) { .col-two-third { width: 50%; } }
@media (min-width: 768px) { .col-two-third { width: 66.66667%; } }

.dropdown-backdrop { position: static; display: none; }

.light300 { font-weight: 300; }

.normal400 { font-weight: 400; }

.fsize11 { font-size: 11px; font-size: 0.6875rem; }

.fsize12 { font-size: 12px; font-size: 0.75rem; }

.fsize13 { font-size: 13px; font-size: 0.8125rem; }

.fsize14 { font-size: 14px; font-size: 0.875rem; }

.fsize15 { font-size: 15px; font-size: 0.9375rem; }

.fsize16 { font-size: 16px; font-size: 1rem; }

.fsize17 { font-size: 17px; font-size: 1.0625rem; }

.fsize18 { font-size: 18px; font-size: 1.125rem; }

.color-dgray { color: #373737; }

.icon { display: inline-block; vertical-align: top; }

#rwd-triggers i { line-height: 77px; }

#search-main-btn i, #search-app-btn i { vertical-align: middle }

#designer-btn i { height: 46px; line-height: 40px; font-size: 25px; }

#basic-addon1 i { line-height: 40px; font-size: 26px;}

.custom-filter-list i, #group-work i { vertical-align: middle }

.bbottom { border-bottom: 1px solid #eaeaea; }

.counter-badge { display: inline-block; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 10px; font-size: 0.625rem; font-weight: 400; color: #ffffff; line-height: 14px; height: 15px; background-color: #ac86d9; padding: 0 4px; }

.status-dot { width: 12px; height: 12px; background-color: #ffffff; border: 0px solid #ffffff; display: inline-block; vertical-align: middle; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; position: relative; }
.status-dot .inner-status { top: 3px; left: 3px; width: 6px; height: 6px; background-color: #756293; position: absolute; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; display: block; }
.status-dot.status-dot-empty { background-color: #756293; border-color: #756293; }
.status-dot.status-dot-empty::before { background-color: #756293; }
.status-dot.status-dot-red::before { background-color: #e91c62; }
.status-dot.status-dot-yellow::before { background-color: #e9c51c; }
.status-dot.status-dot-blue::before { background-color: #408ec4; }
.status-dot.status-dot-green::before { background-color: #22b283; }
.status-dot.status-dot-lg { width: 20px; height: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; border: 2px solid #eaeaea; }
.status-dot.status-dot-lg .inner-status { top: 4px; left: 4px; width: 8px; height: 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

span.clear { clear: both; }
span.clear::before, span.clear::after { display: block; clear: both; content: " "; }
span.sup { font-size: 12px; font-size: 0.75rem; line-height: 0; vertical-align: super; }
span.line { display: block; clear: both; }
span.line::before, span.line::after { display: block; clear: both; content: " "; }

.img-responsive-2 { max-width: 100%; }

a { color: #953cff; text-decoration: none; -moz-transition: color 0.2s ease-in; -webkit-transition: color 0.2s ease-in; -khtml-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; -moz-transform: translateZ0; -webkit-transform: translateZ0; -khtml-transform: translateZ0; -ms-transform: translateZ0; -o-transform: translateZ0; transform: translateZ0; }
a:hover, a:focus { color: #b16fff; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 400; line-height: 1.2em; color: #463261; margin-top: 0px; margin-bottom: 15px; }

h1, .h1 { font-size: 22px; font-size: 1.375rem; }

h2, .h2 { font-size: 20px; font-size: 1.25rem; }

h3, .h3 { font-size: 18px; font-size: 1.125rem; }

h4, .h4 { font-size: 16px; font-size: 1rem; }

h5, .h5 { font-size: 14px; font-size: 0.875rem; }

h6, .h6 { font-size: 12px; font-size: 0.75rem; }

.sep-time-block { width: 100%; font-size: 14px; font-size: 0.875rem; color: #838383; font-weight: 300; margin-bottom: 14px; margin-top: 14px }
.sep-time-block.sep-time-lined::before { display: block; content: ""; left: 12px; right: 6px; top: 50%; position: absolute; height: 1px; background-color: #eaeaea; }
.sep-time-block .inner-block { display: inline-block; padding: 0 15px 0 0; position: relative; }
.sep-time-block span { display: inline-block; vertical-align: middle; }
.sep-time-block .sept-main { font-weight: 500; margin-right: 3px; }
.sep-time-block .slash { color: #533b78; font-size: 20px; font-size: 1.25rem; }

.title-block h1, .title-block h2, .title-block h3, .title-block h4 { margin-bottom: 0; font-weight: 700; }
header .title-block h1, header .title-block h2, header .title-block h3, header .title-block h4 { line-height: 85px; height: 85px; }
.title-block h2 { font-size: 18px; font-size: 1.125rem; }

.title-actions-right { line-height: 85px; /* height: 80px; */ text-align: right; }
.title-actions-left { line-height: 85px; float: left; }

.title-top-sep { width: 1px; background-color: #463261; display: inline-block; vertical-align: middle; height: 30px; }

label { font-weight: 400; }

.dropdown-menu { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

ul.dropdown-menu.dropdown-menu-left.pickdate-list { top: 48px; }

button, input { border: 0; outline: 0; outline-style: none; }
button::-moz-focus-inner, button::-moz-focus-outer, button:focus, input::-moz-focus-inner, input::-moz-focus-outer, input:focus { border: 0; outline: 0; outline-style: none; }

.btn, button[type="submit"], input[type="submit"] { margin-top: 1px;margin-bottom: 5px; height: 36px; line-height: 34px; padding-top: 0; padding-left: 30px; padding-right: 30px; border: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; padding-bottom: 0; -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: 0; outline: 0; outline-style: none; font-size: 16px; font-size: 1rem; }
.btn::-moz-focus-inner, button[type="submit"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, .btn::-moz-focus-outer, button[type="submit"]::-moz-focus-outer, input[type="submit"]::-moz-focus-outer, .btn:focus, button[type="submit"]:focus, input[type="submit"]:focus { border: 0; outline: 0; outline-style: none; }
.btn:hover, button[type="submit"]:hover, input[type="submit"]:hover, .btn:active, button[type="submit"]:active, input[type="submit"]:active, .btn:focus, button[type="submit"]:focus, input[type="submit"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; opacity: 0.9; filter: alpha(opacity=90); }
.btn.btn-link, button.btn-link[type="submit"], input.btn-link[type="submit"] { padding: 0 10px; font-weight: 400; font-size: 14px; font-size: 0.875rem; color: #953cff; text-decoration: underline; }
.btn.btn-default, button.btn-default[type="submit"], input.btn-default[type="submit"] { background-color: #c9c9c9; color: #ffffff; outline: none !important; }
.btn.btn-primary, button.btn-primary[type="submit"], input.btn-primary[type="submit"] { background-color: #232322; outline: none !important; border: 0px; border-radius: 20px; padding-left: 30px; padding-right: 30px; line-height: 24px; }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { background-color: #279751 !important; }
.btn.btn-primary .icon { padding-right: 10px; }
.btn.btn-success, button.btn-success[type="submit"], input.btn-success[type="submit"] { background-color: #279751; color: #ffffff; outline: none !important; border: 0px; border-radius: 20px; padding-left: 30px; padding-right: 30px; line-height: 24px; }
.btn.introjs-button, button.introjs-button[type="submit"], input.introjs-button[type="submit"] { text-transform: uppercase; background-color: #167254; font-size: 13px; font-size: 0.8125rem; color: #ffffff; padding: 0 15px; margin: 0 2px; line-height: 28px; height: 28px; }
.btn.introjs-button.introjs-disabled, button.introjs-button.introjs-disabled[type="submit"], input.introjs-button.introjs-disabled[type="submit"] { display: none; }
.btn.btn-info, button.btn-info[type="submit"], input.btn-info[type="submit"] { background-color: #408ec4;  outline: none !important; }
.btn.btn-warning, button.btn-warning[type="submit"], input.btn-warning[type="submit"] { background-color: #f4ba60;  outline: none !important; }
.btn.btn-danger, button.btn-danger[type="submit"], input.btn-danger[type="submit"] { background-color: #c71649; color: #ffffff; outline: none !important; border: 0px; border-radius: 20px; padding-left: 30px; padding-right: 30px; line-height: 24px; }
.btn.btn-custom, button.btn-custom[type="submit"], input.btn-custom[type="submit"] { background-color: transparent;  outline: none !important; }
.btn.btn-round-icon, button.btn-round-icon[type="submit"], input.btn-round-icon[type="submit"] { -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); float: none; padding: 0; margin: 0; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -khtml-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; line-height: 40px; height: 40px; width: 40px; text-align: center; -moz-border-radius: 48px; -webkit-border-radius: 48px; -khtml-border-radius: 48px; -ms-border-radius: 48px; -o-border-radius: 48px; border-radius: 48px; background-color: #eaeaea; color: #b2b2b2; }
.btn.btn-round-icon:hover, button.btn-round-icon[type="submit"]:hover, input.btn-round-icon[type="submit"]:hover, .btn.btn-round-icon:active, button.btn-round-icon[type="submit"]:active, input.btn-round-icon[type="submit"]:active, .btn.btn-round-icon:focus, button.btn-round-icon[type="submit"]:focus, input.btn-round-icon[type="submit"]:focus, .btn.btn-round-icon.active, button.btn-round-icon.active[type="submit"], input.btn-round-icon.active[type="submit"] { background-color: #22b283; color: #ffffff; }
.btn.btn-picker, button.btn-picker[type="submit"], input.btn-picker[type="submit"] { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; width: auto; font-weight: 400; width: 125px; -moz-text-shadow: 1px 1px 0px #000; -webkit-text-shadow: 1px 1px 0px #000; -khtml-text-shadow: 1px 1px 0px #000; -ms-text-shadow: 1px 1px 0px #000; -o-text-shadow: 1px 1px 0px #000; text-shadow: 1px 1px 0px #000; }
.btn[disabled], button[disabled][type="submit"], input[disabled][type="submit"] { opacity: 0.5; filter: alpha(opacity=50); }
.btn.btn-simple, button.btn-simple[type="submit"], input.btn-simple[type="submit"] { line-height: 34px; height: 34px; color: #463261; padding: 0 0px; font-size: 14px; font-size: 0.875rem; }
.btn.btn-simple:hover, button.btn-simple[type="submit"]:hover, input.btn-simple[type="submit"]:hover, .btn.btn-simple:active, button.btn-simple[type="submit"]:active, input.btn-simple[type="submit"]:active, .btn.btn-simple:focus, button.btn-simple[type="submit"]:focus, input.btn-simple[type="submit"]:focus, .btn.btn-simple.active, button.btn-simple.active[type="submit"], input.btn-simple.active[type="submit"] { color: #533b78; text-decoration: underline; }
.btn.btn-simple.btn-simple-dark, button.btn-simple.btn-simple-dark[type="submit"], input.btn-simple.btn-simple-dark[type="submit"] { color: #ffffff; background-color: #463261; font-weight: 300; padding: 0 20px; }
.btn.btn-simple.btn-simple-dark:hover, button.btn-simple.btn-simple-dark[type="submit"]:hover, input.btn-simple.btn-simple-dark[type="submit"]:hover, .btn.btn-simple.btn-simple-dark:active, button.btn-simple.btn-simple-dark[type="submit"]:active, input.btn-simple.btn-simple-dark[type="submit"]:active, .btn.btn-simple.btn-simple-dark:focus, button.btn-simple.btn-simple-dark[type="submit"]:focus, input.btn-simple.btn-simple-dark[type="submit"]:focus, .btn.btn-simple.btn-simple-dark.active, button.btn-simple.btn-simple-dark.active[type="submit"], input.btn-simple.btn-simple-dark.active[type="submit"] { text-decoration: none; background-color: #533b78; }
.btn.btn-sm, button.btn-sm[type="submit"], input.btn-sm[type="submit"] { line-height: 28px; height: 28px; font-size: 14px; font-size: 0.875rem; padding: 0 15px; border-radius: 20px; }
.btn.btn-sm i, button.btn-sm[type="submit"] i, input.btn-sm[type="submit"] i { margin-right: 10px; line-height: 28px; height: 28px; font-size: 18px; font-size: 1.125rem; }

.btn-group.bootstrap-select.form-control { -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; width: 100%; display: inline-block; position: relative; vertical-align: middle; padding: 0; height: 36px; line-height: 34px; }
.btn-group.bootstrap-select.form-control:hover, .btn-group.bootstrap-select.form-control:active, .btn-group.bootstrap-select.form-control:focus { -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; background-color: transparent; }
.btn-group.bootstrap-select.form-control.open { -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; background-color: transparent; }
.btn-group.bootstrap-select.form-control.open > button.btn-default.selectpicker:hover, .btn-group.bootstrap-select.form-control.open > button.btn-default.selectpicker:active, .btn-group.bootstrap-select.form-control.open > button.btn-default.selectpicker:focus { -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; background-color: transparent; }
.btn-group.bootstrap-select.form-control button.btn-default.selectpicker { color: #373737; -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; background-color: transparent; width: 100%; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; position: relative; font-weight: 400; padding: 0 25px 0 10px; height: 34px; line-height: 32px; font-size: 14px; font-size: 0.875rem; }
.btn-group.bootstrap-select.form-control button.btn-default.selectpicker.disabled { background-color: #f3f3f3; color: #5d5d5d; }
.btn-group.bootstrap-select.form-control button.btn-default.selectpicker:before { vertical-align: top; font-style: normal !important; line-height: 1; display: inline-block; content: ""; text-transform: none !important; font-weight: 400 !important; font-family: "Ionicons"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; position: absolute; top: 0; right: 10px; height: 36px; line-height: 34px; }
.btn-group.bootstrap-select.form-control button.btn-default.selectpicker::after { background-color: #b8b8b8; position: absolute; top: 3px; bottom: 3px; right: 30px; width: 1px; display: block; content: ""; }
.btn-group.bootstrap-select.form-control button.btn-default.selectpicker:hover, .btn-group.bootstrap-select.form-control button.btn-default.selectpicker:active, .btn-group.bootstrap-select.form-control button.btn-default.selectpicker:focus { -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; background-color: transparent; }
.btn-group.bootstrap-select.form-control button.btn-default.selectpicker span.filter-option { line-height: 30px; display: block; }
.btn-group.bootstrap-select.form-control button.btn-default.selectpicker span.filter-option span.label.label-success { top: 0; left: -5px; margin: 0; background-color: #22b283; line-height: 29px; padding-top: 0; padding-bottom: 0; font-weight: 400; font-size: 12px; font-size: 0.75rem; display: inline-block; }
.btn-group.bootstrap-select.form-control button.btn-default.selectpicker span.caret { display: none !important; }
.btn-group.bootstrap-select.form-control button.btn-default.selectpicker.dropdown-toggle { display: block; }
.btn-group.bootstrap-select.form-control .dropdown-menu { position: absolute; left: 0; right: 0; font-size: 12px; font-size: 0.75rem; margin: 0; overflow: auto !important; /*max-height: none !important;*/ padding: 0; border: none; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); }
.btn-group.bootstrap-select.form-control .dropdown-menu ul { padding: 0; margin: 0; position: static !important; height: auto !important; width: 100%; }
.btn-group.bootstrap-select.form-control .dropdown-menu ul li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
.btn-group.bootstrap-select.form-control .dropdown-menu ul a { position: relative; padding-left: 30px; cursor: pointer; }
.btn-group.bootstrap-select.form-control .dropdown-menu ul a span.glyphicon { display: block; position: absolute; top: 2px; bottom: 0; left: 8px; font-size: 14px; font-size: 0.875rem; }
.btn-group.bootstrap-select.form-control .dropdown-menu ul li.selected a span.glyphicon:before { vertical-align: top; font-style: normal !important; line-height: 1; display: inline-block; content: ""; text-transform: none !important; font-weight: 400 !important; font-family: "Ionicons"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; color: #22b283; }
.btn-group.bootstrap-select.form-control .dropdown-menu ul span.label.label-success { margin: 0; padding: 0px; text-align: left; line-height: 1; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background-color: transparent; font-weight: 400; font-size: 12px; font-size: 0.75rem; color: #373737; }
.btn-group.bootstrap-select.form-control .dropdown-menu.open { clear: both; }
.btn-group.bootstrap-select.form-control .dropdown-menu.open::before, .btn-group.bootstrap-select.form-control .dropdown-menu.open::after { display: block; clear: both; content: " "; }

.table-block { display: table; width: 100%; height: 100%; vertical-align: middle; }
.table-block .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

ul.dropdown-menu { font-size: 14px; font-size: 0.875rem; }

.alert { text-align: center; padding: 20px; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.alert.alert-success { background-color: #c1f1e2; color: #22b283; }
.alert.alert-warning { background-color: #faead1; color: #ef9b18; }
.alert.alert-info { background-color: #c9dfee; color: #2b658c; }
.alert.alert-danger, .alert.alert-error { background-color: #f6cfcd; color: #d71557; }

.tooltip { font-weight: 700; font-size: 12px; font-size: 0.75rem; }

#scrollUp { -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -khtml-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; display: block; text-decoration: none; bottom: 10px; right: 10px; padding: 10px 20px; background: #463261; color: #ffffff; opacity: 0.3; filter: alpha(opacity=30); }
#scrollUp:before { vertical-align: top; font-style: normal !important; line-height: 1; display: inline-block; content: ""; text-transform: none !important; font-weight: 400 !important; font-family: "FontAwesome"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }
#scrollUp:hover { opacity: 0.9; filter: alpha(opacity=90); -moz-animation-fill-mode: both; -webkit-animation-fill-mode: both; -khtml-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -moz-animation-duration: 1s; -webkit-animation-duration: 1s; -khtml-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -moz-animation-name: gotop; -webkit-animation-name: gotop; -khtml-animation-name: gotop; -ms-animation-name: gotop; -o-animation-name: gotop; animation-name: gotop; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-webkit-keyframes gotop { 0%, 100% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(-7px); } }
@-moz-keyframes gotop { 0%, 100% { -moz-transform: translateY(0); }
  50% { -moz-transform: translateY(-7px); } }
@-o-keyframes gotop { 0%, 100% { -o-transform: translateY(0); }
  50% { -o-transform: translateY(-7px); } }
@keyframes gotop { 0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); } }
#scaffold-left { position: fixed; top: 0; left: 0; bottom: 0; width: 40px; margin-right: -40px; float: left; -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); z-index: 2; background-color: #533b78; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -khtml-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
.side-bar-open #scaffold-left { width: 260px; margin-right: -260px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -khtml-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

#scaffold-right { padding-left: 40px; width: 100%; float: left; -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); position: relative; z-index: 1; }
.side-bar-open #scaffold-right { padding-left: 260px; }

.inner-scaffold-right { padding: 80px 20px 12px 20px; }

header#board-header { height: 80px; z-index: 100; position: fixed; right: 0px; padding-left: 20px; padding-right: 20px; left: 40px; top: 0; background-color: #ffffff; -moz-transition: left 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: left 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: left 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: left 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: left 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: left 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
.side-bar-open header#board-header { left: 260px; }

.side-bar { float: left; position: relative; }
.side-bar.side-bar-left { position: fixed; top: 0px; left: 0px; bottom: 0px; background-color: #373737; width: 40px; text-align: center; }
.side-bar.side-bar-right { margin-left: 40px; background-color: #533b78; overflow: hidden; width: 0px; -moz-transition: width 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: width 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: width 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: width 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: width 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: width 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
.side-bar-open .side-bar.side-bar-right { width: 220px; }
.side-bar.side-bar-right .inner-scaffold-right { width: 220px; }
.side-bar .inner-side-bar-right { width: 220px; }

.logo-block { background-color: #ffffff; line-height: 80px; height: 79px; width: 40px; float: left; text-align: center; }
.logo-block img { max-width: 80%; height: auto; }

ul.side-tab-list { padding: 0; margin: 0; font-size: 23px; font-size: 1.4375rem; }
ul.side-tab-list li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.side-tab-list li { color: #715492; cursor: pointer; -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); position: relative; }
ul.side-tab-list li::before { display: block; content: ""; height: 1px; position: absolute; background-color: #715492; bottom: 0; left: 3px; right: 3px; }
ul.side-tab-list li:hover { color: #ac86d9; }
ul.side-tab-list li.active { color: #ffffff; background-color: #533b78; }
ul.side-tab-list li.active::before { background-color: #533b78; }
ul.side-tab-list i { line-height: 50px; height: 50px; font-size: 23px; }

.help-block { position: fixed; bottom: 0px; font-size: 20px; font-size: 1.25rem; left: 0; width: 34px; }
.help-block a { color: #b2b2b2; display: block; text-decoration: none; cursor: pointer; }
.help-block a::before { display: block; content: ""; height: 1px; position: absolute; background-color: #715492; left: 3px; right: 3px; }
.help-block a:hover { color: #ac86d9; }
.help-block a.active { color: #ffffff; background-color: #533b78; }
.help-block a.active::before { background-color: #533b78; }
.help-block i { line-height: 50px; height: 50px; }

footer { background-color: #ffffff; color: #373737; }
footer a { color: #373737; }

#map-canvas { height: 750px; }
#map-canvas .gm-style > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div { text-align: center; font-size: 12px; font-size: 0.75rem; color: #000; background-color: #000; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); }
#map-canvas .gm-style > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(1) { display: none; }
#map-canvas .gm-style > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(2) { display: none; }
#map-canvas .gm-style > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(3)::before { width: 0px; height: 0px; border-style: solid; display: block; content: " "; border-color: #000 transparent transparent transparent; border-width: 20px 20px 0 20px; margin-left: -10px; }
#map-canvas .gm-style > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(3) > div { display: none; }
#map-canvas .gm-style > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(4) { background-color: #000 !important; }
#map-canvas .gm-style > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) { display: none; }

#nhance_pl-map-marker .logo { width: 57px; height: 20px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0%; background-image: url("../images/logo.png"); margin: 25px auto; background-size: 100% auto; }
#nhance_pl-map-marker .street-no { padding: 6px 0; }
#nhance_pl-map-marker .street-no span { font-size: 40px; font-size: 2.5rem; font-weight: 100; display: block; width: 60px; line-height: 60px; height: 60px; text-align: center; color: #ffffff; background-color: #463261; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin: 0 auto; }
#nhance_pl-map-marker .city-text { border-top: 1px solid white; margin-top: 5px; padding-top: 5px; font-size: 11px; font-size: 0.6875rem; }
#nhance_pl-map-marker .city-text span { display: block; }

.inner-board-header { border-bottom: 1px solid #eaeaea; line-height: 80px; height: 80px; }
.inner-board-header .icon { -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
.inner-board-header a { outline: 0; text-decoration: none; }

.title-block-top { margin-left: 10px; white-space: nowrap; }
.title-block-top [data-toggle='dropdown'] h1 { cursor: pointer; }
.title-block-top h1 { line-height: 76px; height: 52px; font-size: 24px; font-size: 1.5rem; font-weight: 700; margin: 0; }
.title-block-top h1 .status-dot { margin-right: 13px; }
.title-block-top h1 .icon { margin-left: 15px; color: #b2b2b2; }
.title-block-top h1 .icon::before { line-height: 80px; height: 20px; }
.title-block-top ul.dropdown-menu.dropdown-grey { position: absolute; top: 70%; left: 0; }

button.trigger-top { display: block; float: left; line-height: 80px; height: 80px; font-size: 21px; font-size: 1.3125rem; color: #838383; padding: 1px 6px; }
.search-open button.trigger-top, .topfilters-open button.trigger-top { color: #533b78; }
button.trigger-top .icon::before { line-height: 80px; height: 80px; }
button.trigger-top .i-navicon { font-size: 20px; font-size: 1.25rem; }
button.trigger-top .i-navicon::before { font-size: 27px; font-size: 1.6875rem; }

.rwd-filters { float: left; overflow: hidden; }

.rwd-triggers-block { display: none; overflow: hidden; }

.trigger-filter-close, .trigger-search-close { float: right; display: none; font-size: 20px; font-size: 1.25rem; margin-left: 20px; background-color: #463261; padding: 0 15px; }
.trigger-filter-close i, .trigger-search-close i { line-height: 80px; height: 80px; color: #ffffff; vertical-align: middle; font-size: 20px;}

.trigger-search-close { background-color: #1a8763; color: #ffffff; }

ul.dropdown-menu.dropdown-grey { -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.33); -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.33); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.33); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.33); box-shadow: 0 0 8px rgba(0, 0, 0, 0.33); padding: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; border: none; overflow: hidden; background-color: #f8f8f8; min-width: 265px; }
ul.dropdown-menu.dropdown-grey i { margin-right: 15px; font-size: 17px; font-size: 1.0625rem; margin-top: -1px; vertical-align: middle; }
ul.dropdown-menu.dropdown-grey li { padding: 0; margin: 0; }
ul.dropdown-menu.dropdown-grey li a { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; display: block; border-radius: 10px; white-space: nowrap; line-height: 37px; height: 37px; padding: 0 20px; color: #838383; font-size: 14px; font-size: 0.875rem; }
ul.dropdown-menu.dropdown-grey li:hover a { color: #ffffff; }
ul.dropdown-menu.dropdown-grey li a:hover { background-color: #533b78; color: #ffffff; }
ul.dropdown-menu.dropdown-grey li .icon::before { line-height: 37px; height: 37px; }

.right-header-group { float: right; }

.sep-vertical-block .inner-block { line-height: 80px; height: 80px; }
.sep-vertical-block .inner-block::before { vertical-align: middle; height: 34px; width: 1px; background-color: #eaeaea; display: inline-block; content: ""; }

ul.inline-icons-list { padding: 0; margin: 0; display: inline-block; vertical-align: top; font-size: 0; }
ul.inline-icons-list li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.inline-icons-list li { display: inline-block; vertical-align: top; }
ul.inline-icons-list li a { color: #b2b2b2; }
ul.inline-icons-list.inline-icons-lg li { margin: 0 5px; font-size: 25px; font-size: 1.5625rem; }
ul.inline-icons-list a.active i { color: #22b283; }

@media (min-width: 1252px) {
    ul.inline-icons-list i:hover { color: #533b78; }
    ul.inline-icons-list a.active i:hover { opacity: 0.7 }
}

.group-work-block a { color: #b2b2b2; font-size: 25px; font-size: 1.5625rem; display: block; }
.group-work-block a:hover { color: #533b78; }
.group-work-block a.active { color: #22b283; }
.group-work-block a .icon::before { line-height: 78px; height: 80px; }

ul.filter-content-list { padding: 0; margin: 0; display: inline-block; vertical-align: top; font-size: 0; }
ul.filter-content-list li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.filter-content-list li { display: inline-block; vertical-align: middle; margin: 0 5px; }
ul.filter-content-list i { width: 25px; height: 25px; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; display: block; background-color: #eaeaea; background-repeat: no-repeat; background-position: 50% 50%; }
ul.filter-content-list a:hover i { background-color: #533b78; }
ul.filter-content-list a.active i { background-color: #22b283; }

.search-search-block .inner-block {line-height: 80px; height: 80px;float: right;}
.search-search-block .inline-icons-list {vertical-align: initial !important;}
.search-search-block .inner-form { display: inline-block; position: relative; line-height: 36px; height: 36px; }
.search-search-block input[type="text"] { width: 400px; padding: 0 35px 0 15px; border: 1px solid #eaeaea; line-height: 34px; height: 36px; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; font-size: 13px; font-size: 0.8125rem; }
.search-search-block form button { vertical-align: top; line-height: 36px; height: 36px; position: absolute; top: 0; right: 5px; font-size: 22px; font-size: 1.375rem; color: #b2b2b2; }
.search-search-block form button:hover { color: #373737; }
.search-search-block form button .icon::before { line-height: 38px; height: 36px; }

a.rounded-lg-icon { margin-top: -2px; vertical-align: middle; display: inline-block; width: 46px; line-height: 40px; height: 46px; border: 3px solid #eaeaea; text-align: center; font-size: 25px; font-size: 1.5625rem; color: #b2b2b2; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
a.rounded-lg-icon:hover { color: #533b78; }
a.rounded-lg-icon.actie { color: #22b283; }
a.rounded-lg-icon .icon::before { line-height: 40px; height: 46px; }

.ucp-block i { font-size: 25px; font-size: 1.5625rem; margin-left: 10px; color: #b2b2b2; vertical-align: middle }
.ucp-block ul.dropdown-menu { left: auto; right: 6px; top: 70%; }
.ucp-block .avatar { border-color: #22b283; background-color: #22b283; }

a.avatar-link { text-decoration: none; }

.avatar { -moz-transition: all 0.5 ease; -webkit-transition: all 0.5 ease; -khtml-transition: all 0.5 ease; -ms-transition: all 0.5 ease; -o-transition: all 0.5 ease; transition: all 0.5 ease; text-align: center; text-decoration: none !important; overflow: hidden; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); display: inline-block; width: 56px; line-height: 50px; height: 56px; vertical-align: middle; border: 3px solid #ffffff; text-align: center; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
.avatar .avatar-inner { display: block; line-height: 50px; height: 50px; width: 50px; overflow: hidden; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; position: relative; }
.avatar .avatar-inner:before { vertical-align: top; font-style: normal !important; line-height: 1; display: inline-block; text-transform: none !important; font-weight: 400 !important; font-family: "Material Icons"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; margin-top: -35%; text-align: center; width: 100%; display: block; position: absolute; top: 50%; font-size: 34px; font-size: 2.125rem; color: #b2b2b2; }
.avatar.avatar-sm { width: 46px; line-height: 40px; height: 46px; }
.avatar.avatar-sm::before { margin-top: -35%; }
.avatar.avatar-sm .avatar-inner { line-height: 40px; height: 40px; width: 40px; }
.avatar.avatar-xs { width: 36px; line-height: 30px; height: 36px; }
.avatar.avatar-xs::before { margin-top: -35%; }
.avatar.avatar-xs .avatar-inner { line-height: 30px; height: 30px; width: 30px; }
.avatar img { width: 100%; height: auto; position: absolute; top: 0; left: 0; background-color: white; -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.sep-vertical-block .inner-block { line-height: 80px; height: 80px; }
.sep-vertical-block .inner-block::before { vertical-align: middle; height: 25px; width: 1px; background-color: #eaeaea; display: inline-block; content: ""; }

.clickable { cursor: pointer; }

#infscr-loading { text-align: center; padding-top: 10px; }
#infscr-loading::before { width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; background-image: url("../images/logo.png"); background-size: 90%; display: inline-block; content: ""; }
#infscr-loading img { display: none !important; }

.finish-loading { text-align: center; padding: 10px 0; font-size: 14px; font-size: 0.875rem; color: #463261; font-style: italic; font-weight: 700; }

.tab-title { background-color: #463261; padding-left: 20px; padding-right: 40px; position: relative; }
.tab-title span.h3 { font-weight: 700; color: #ffffff; font-size: 18px; font-size: 1.125rem; }
.tab-title .table-cell { height: 80px; }
.tab-title .icon { color: #ac86d9; position: absolute; right: 20px; font-size: 20px; font-size: 1.25rem; }

.tab-content { padding: 20px; }
.tab-content h4 { text-transform: uppercase; color: #ac86d9; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; font-weight: 500; margin: 0; }

.tab-content-title { margin-bottom: 35px; }
.tab-content-title.tab-content-title-2 { margin-bottom: 10px; }

.tab-add-block { margin-bottom: 15px; position: relative; padding-right: 20px; }
.tab-add-block a { display: block; position: absolute; right: 0; top: 50%; margin-top: -11px; font-size: 17px; font-size: 1.0625rem; opacity: 0.7; filter: alpha(opacity=70); color: #ac86d9; text-decoration: none; -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
.tab-add-block a:hover { color: #ffffff; opacity: 1; filter: alpha(opacity=100); }
.tab-add-block i { font-size: 17px }

.tcontents { margin-bottom: 15px; }

ul.status-list { padding: 0; margin: 0; margin-left: -10px; margin-right: -6px; }
ul.status-list li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.status-list li { margin-bottom: 2px; }
ul.status-list a { letter-spacing: -.02em; display: block; position: relative; padding: 6px 10px 6px 10px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; font-size: 14px; font-size: 0.875rem; color: #ac86d9; }
ul.status-list a:hover { background-color: #463261; text-decoration: none; }
ul.status-list a.active { background-color: #22b283; color: #ffffff; }
ul.status-list a span.link-name { margin-bottom: 2px; width: 125px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; }
ul.status-list a span.status-dot { margin-right: 12px; }
ul.status-list a span.counter-badge { position: absolute; top: 50%; margin-top: -7px; right: 10px; }

ul.side-user-list { padding: 0; margin: 0; margin-left: -5px; margin-right: -10px; margin-bottom: 25px; }
ul.side-user-list li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.side-user-list li { margin-bottom: 6px; }
ul.side-user-list a { letter-spacing: -.02em; display: block; position: relative; padding: 0px 35px 0px 42px; line-height: 32px; height: 34px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; color: #ac86d9; font-size: 14px; font-size: 0.875rem; }
ul.side-user-list a:hover { background-color: #463261; text-decoration: none; }
ul.side-user-list a.active { background-color: #22b283; color: #ffffff; }
ul.side-user-list a span.link-name { margin-bottom: 0; width: 145px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; }
ul.side-user-list a span.status-dot { position: absolute; top: 50%; margin-top: -6px; right: 10px; }
ul.side-user-list a span.counter-badge { display: inline-block; vertical-align: middle; position: absolute; right: 30px; top: 50%; margin-top: -7px; }
ul.side-user-list a span.avatar { border: 2px solid #ffffff; position: absolute; top: -1px; left: -5px; }
ul.side-user-list a span.avatar span.avatar-inner { width: 32px; line-height: 32px; height: 32px; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; overflow: hidden; }

ul.icon-list { padding: 0; margin: 0; margin-left: -10px; margin-right: -10px; }
ul.icon-list li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.icon-list li { margin-bottom: 2px; }
ul.icon-list a { letter-spacing: -.02em; display: block; position: relative; padding: 6px 10px 6px 10px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; color: #ac86d9; font-size: 14px; font-size: 0.875rem; }
ul.icon-list a:hover { background-color: #463261; color: #ffffff; text-decoration: none; }
ul.icon-list a.active { background-color: #22b283; color: #ffffff; }
ul.icon-list a span.link-name { margin-bottom: 2px; width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; }
ul.icon-list a i { margin-right: 8px; font-size: 15px; font-size: 0.9375rem; vertical-align: middle; }
ul.icon-list a i::before { line-height: 20px; height: 20px; }

.wrapper-fluid-2 { padding-left: 20px; padding-right: 20px; }

header.title-simple-block { width: 100%; }
header.title-simple-block h2 { font-size: 18px; font-size: 1.125rem; font-weight: 900; }
header.title-simple-block button { position: absolute; font-size: 20px; font-size: 1.25rem; color: #b2b2b2; right: 6px; top: 50%; margin-top: -20px; }
header.title-simple-block button:hover { color: #533b78; }

.dashboard-content-block { margin-bottom: 12px; }
.dashboard-content-block .inner-block { background-color: #eaeaea; min-height: 50px; }

.sep-grey .inner-block { height: 5px; background-color: #eaeaea; margin-bottom: 24px; }

.row.row-post { margin-left: -20px; margin-right: -20px; }
.row.row-post.removed {
    opacity: 0;
    -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -khtml-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}

.row.row-mrb { margin-bottom: 12px; }

.row.row-mrt { margin-top: 12px; }

.definitionRow { background-color: #ffffff; margin-top: 10px; }
.definitionRow .post-item:hover { background-color: #ffffff !important; }

.formulaRow { background-color: #ffffff; margin-top: 10px; }
.formulaRow .post-item:hover { background-color: #ffffff !important; }
.formulaRow div.formulaHelpDiv { margin-bottom: 5px; padding-left: 0; padding-right: 0; }
.formulaRow .syntax { font-family: 'Courier New'; padding: 0; }
.formulaRow span.formulaHelpLabel {color: #b8b8b8}
.formulaRow .paramName { min-width: 200px; float: left; }
.formulaRow .paramDesc { margin-left: 200px; }

.post-item { padding-left: 20px; padding-right: 20px; /*-moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);*/ }

span.avatar-icon { display: block; width: 56px; }
span.avatar-icon img { max-width: 100%; width: 100%; }

.post-avatar { width: 75px; float: left; margin-right: -75px; }
.post-package-avatar { }
.post-package-avatar IMG { width: 100% }
.post-package-avatar .post-rating {text-align: center; margin-top: 5px}
.post-avatar span.avatar { border-color: #ffffff; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.post-right-actions { -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; width: 0; position: absolute; top: 0; bottom: 0; right: 0px; overflow: hidden; }
.post-right-actions a { border: 0; outline: 0; outline-style: none; width: 40px; display: block; position: absolute; top: 50%; left: 0; right: 0; text-align: center; margin-top: -20px; font-size: 20px; font-size: 1.25rem; color: #b2b2b2; text-align: center; }
.post-right-actions.package a { position: initial; top: 0; margin-top:initial; width: auto; margin-bottom: 10px;}
.post-right-actions a::-moz-focus-inner, .post-right-actions a::-moz-focus-outer, .post-right-actions a:focus { border: 0; outline: 0; outline-style: none; }
.post-right-actions i { color: #b2b2b2; width: 20px; opacity: 1; filter: alpha(opacity=100); }

.post-right-actions.package table {width: 100%}
.post-right-actions.package .package-price-text{ font-size: 12px; font-size: 0.75rem; font-weight: 300; text-transform: uppercase; color: #b8b8b8; }
.post-right-actions.package .package-price{ font-size: 14px; font-size: 0.875rem; font-weight: 500; color: #463261; text-align: right}
.post-right-actions.package .package-installs {  font-size: 12px; font-size: 0.75rem; font-weight: 500; color: #463261; margin-left: 10px;}

.post-main { position: relative; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.post-main::before { -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-left: 1px solid #eaeaea; position: absolute; top: 0px; bottom: 0px; left: 74px; width: 3px; display: block; content: ""; }
.post-main.package::before { display: none }

.inner-post { padding-top: 20px; padding-bottom: 20px; position: relative; clear: both; }
.inner-post.pcg { padding-top: 20px; padding-bottom: 5px; position: relative; clear: both; }
.inner-post::before, .inner-post::after { display: block; clear: both; content: " "; }

.post-card{ width: 20%; padding: 0 10px 0px 10px; box-sizing: border-box; height: 535px; }
/*.post-card.not-free:hover {margin-bottom: 2px;}*/
.post-card:hover .post-item { -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
.post-card .post-item { height: 510px; }
/*.post-card:hover .post-item { height: 530px !important; }*/

/*.post-card.not-free:hover .post-item .post-price-full { display: initial !important;}
.post-card.not-free:hover .post-item .post-price-from { display: none;}
.post-card.not-free:hover .post-item .post-price-actions { line-height: 55px;}*/

.post-title, .post-created-by, post-ratings { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.post-title a, .post-title span { font-size: 20px; font-weight: 700; text-decoration: none; color: #463261; line-height: 40px; }
.post-title a:hover span { color: #ac86d9 !important; }

.post-ratings { margin-top: 10px; border-bottom: #DAD6DF solid 1px; border-top: #DAD6DF solid 1px; margin-bottom: 10px; }
.post-ratings a.preview { text-decoration: none; font-weight:normal; color: #fff; float: right; line-height: 24px; height: 24px; margin-top: 8px; padding: 0 10px; }
.post-ratings .post-rating { display: inline-block; }

.post-comments-count { display: inline-block; margin-left: 10px; }
.post-comments-count span { position: relative; left: -12px; top: -7px; }
.post-comments-count i { font-size: 18px; vertical-align: middle; color: #b2b2b2; }
.post-comments-count a { text-decoration: none }
.post-comments-count a:hover i { color: #ac86d9 !important; }

.post-body{ font-size: 14px; height: 95px; overflow: hidden; margin-bottom: 10px }
.post-body a{ text-decoration: none; }
.post-body a:hover{ color: black !important; }

.post-tags-m{ background-color: #EFEFEF; line-height: 30px; margin-left: -20px; margin-right: -20px; padding: 0px 10px 7px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.post-price { padding-top: 7px; padding-bottom: 7px; }

.post-price-from { float: left; color: #22B283; font-size: 14px; height: 35px; text-transform: uppercase;}
.post-price-full { float: left; color: #ACACAC; font-size: 14px; height: 55px; text-transform: uppercase; }
.post-price-from span { line-height: 36px; }
.post-price-from .price-from { font-size: 24px; font-weight: 700; color: #22B283; }
.post-price-from .price-dollar { font-size: 18px; font-weight: 400; color: #22B283; margin-left: 10px;}
.post-price-full .price-lab { color: #ACACAC }
.post-price-full .price-from { font-weight: 700; color: #22B283; padding-left: 10px; }
.post-price-full .price-dollar { padding-left: 10px; font-weight: 400; color: #22B283;}

.post-price-actions { float: right; padding-left: 15px; border-left: #EFEFEF solid 1px; }

.post-created-by { color: #463261; font-size: 14px; font-weight: 300; }
.post-created-by-lab { color: #878787; font-size: 14px; margin-right: 10px; }

.post-time { font-size: 12px; font-size: 0.75rem; font-weight: 300; text-transform: uppercase; color: #b8b8b8; padding-top: 5px; }
.post-time time { margin-right: 10px; }

.post-bottom-row { position: relative; padding-bottom: 10px; padding-right: 145px;}
.post-bottom-row .post-rattings {width: 300px; float: left; margin-right: -300px;}
.post-bottom-row .post-status {left: 325px; position: relative;}

.post-item { font-weight: 300; background-color: white; border: #EDEEEE solid 1px; }

.post-item.p-has-right:hover .post-right-actions .icon { opacity: 1; filter: alpha(opacity=100); }
.post-item.p-has-right .post-right-actions { display: block; z-index: 2; width: 40px; }
.post-item.p-has-right .post-right-actions.package { display: block; z-index: 2; width: 120px; }
.post-item.p-has-right .inner-post .post-main { padding-right: 85px; }
.post-item.p-has-right .inner-post .post-main.package { padding-right: 145px; height: 200px }
.post-item.p-has-right .inner-post .post-main::after { display: block; content: ""; position: absolute; top: 0px; right: 50px; bottom: 0px; width: 1px; background-color: #eaeaea; }
.post-item.p-has-right .inner-post .post-main.package::after { right: 135px }
.post-item .inner-post .post-main { padding-left: 100px; float: left; width: 100%; }
.post-item .inner-post .post-main.package { padding-left: 325px; float: left; width: 100%; }
.post-item.p-status-overtime > .inner-post > .post-main::before { border-color: #e91c62 !important; border-right: 1px solid; }
.post-item.p-status-overtime > .inner-post > .post-main .overdue { color: #e91c62; }
.post-item.p-status-overtime > .inner-post > .post-avatar .avatar { border-color: #e91c62; }
.post-item.p-status-new > .inner-post > .post-avatar .avatar { border-color: #22b283; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s;}
.post-item.p-status-new .post-main::before { border-color: #22b283; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s;}
.post-item.p-status-new-me > .inner-post > .post-avatar .avatar { border-color: #22b283; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s;}
.post-item.p-status-new-me .post-main::before { border-color: #22b283; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s;}
.post-item.p-status-comments .post-main::before { border-color: #22b283; }
.post-item.p-status-app > .inner-post > .post-main::before { border-color: #533b78 !important; border-right: 1px solid; }
.post-item.p-status-archive > .inner-post > .post-main::before { border-color: #eaeaea !important; border-right: 1px solid; }
.post-item.p-status-archive > .inner-post > .post-main .overdue { color: #b8b8b8; }
.post-item.p-status-archive > .inner-post > .post-avatar .avatar { border-color: #ffffff; }
.post-item.p-status-archive img { -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE6-9 */ }

.post-item .post-right-actions .unreaded { opacity: 0; }
.post-item.p-status-new .post-right-actions .unreaded { opacity: 1; color: #22b283;}
.post-item.p-status-new-me .post-right-actions .unreaded { opacity: 1; color: #22b283;}

.post-thumb { margin-top: 12px; }
.post-thumb .inner-block { position: relative; }
.post-thumb .inner-block:hover .thumb-actions { opacity: 1; filter: alpha(opacity=100); }
.post-thumb .thumb-actions { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(83, 59, 120, 0.9); text-align: center; -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
.post-thumb ul.thumb-action-list { position: absolute; top: 50%; margin-top: -19px; left: 0; right: 0; }

ul.thumb-action-list { padding: 0; margin: 0; font-size: 0px; font-size: 0rem; }
ul.thumb-action-list li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.thumb-action-list li { display: inline-block; margin: 0 2px; }
ul.thumb-action-list a { display: block; line-height: 27px; height: 38px; width: 38px; border: 2px solid #ffffff; background-color: #ac86d9; font-size: 21px; font-size: 1.3125rem; color: #ffffff; text-decoration: none; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
ul.thumb-action-list a:hover { background-color: #915fcd; }
ul.thumb-action-list i { line-height: 32px; height: 30px; }

.post-stat-block { margin-bottom: 12px; }
.post-stat-block .inner-block { border: 1px solid #eaeaea; padding: 15px; background-color: #ffffff; font-size: 14px; font-size: 0.875rem; min-width: 200px; }
.post-stat-block .inner-block .stat-no { color: #ac86d9; font-weight: 700; font-size: 30px; font-size: 1.875rem; min-height: 42px; }

.post-text { width: 100%; font-size: 14px; font-size: 0.875rem; }
.post-text a { text-decoration: underline; }

ul.creators-list { padding: 0; margin: 0; color: #b2b2b2; font-size: 0px; font-size: 0rem; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; }
ul.creators-list li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.creators-list li { display: inline-block; font-size: 14px; font-size: 0.875rem; vertical-align: middle; font-weight: 400; }
ul.creators-list li::after { display: inline-block; vertical-align: middle; content: ""; line-height: 20px; height: 20px; border-right: 1px solid #eaeaea; margin: 0 10px; }
ul.creators-list li:last-child::after { display: none; }
ul.creators-list .sub-label { display: inline-block; line-height: 36px; height: 36px; vertical-align: middle; margin-right: 10px; }
ul.creators-list .avatar { margin-right: 5px; }
ul.creators-list .human-item { display: inline-block; vertical-align: middle; line-height: 36px; height: 36px; font-weight: 700; }
ul.creators-list .human-item a { font-weight: 700; color: #463261; text-decoration: none; }
ul.creators-list .human-item a:hover .h-name { text-decoration: underline; }

ul.post-tags-list { padding: 0; margin: 0; clear: both; font-size: 12px; font-size: 0.75rem; font-weight: 400; }
ul.post-tags-list li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.post-tags-list::before, ul.post-tags-list::after { display: block; clear: both; content: " "; }
ul.post-tags-list li { float: left; margin: 0 5px 3px 0; }
ul.post-tags-list a { display: block; line-height: 20px; height: 22px; color: #463261; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #dddddd; padding: 0 10px 0 5px; text-decoration: none; -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
ul.post-tags-list a:hover { background-color: #533b78; color: #ffffff; }
ul.post-tags-list .status-dot { vertical-align: top; margin-right: 10px; margin-top: 5px; }

ul.post-btns-list { padding: 0; margin: 0; font-size: 0px; font-size: 0rem; }
ul.post-btns-list li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.post-btns-list li { display: inline-block; font-size: 14px; font-size: 0.875rem; vertical-align: middle; font-weight: 400; }
ul.post-btns-list li::after { /*display: inline-block; vertical-align: middle; content: ""; line-height: 26px; height: 26px; border-right: 1px solid #eaeaea; margin: 0 10px;*/ }
ul.post-btns-list li:last-child::after { display: none; }
ul.post-btns-list i { font-size: 20px; font-size: 1.25rem; vertical-align: middle; padding-top: 5px; }
ul.post-btns-list a { text-decoration: none; color: #b2b2b2; border: 0; outline: 0; outline-style: none; }
ul.post-btns-list a::-moz-focus-inner, ul.post-btns-list a::-moz-focus-outer, ul.post-btns-list a:focus { border: 0; outline: 0; outline-style: none; }
ul.post-btns-list a[data-post="post-comments"]:hover, ul.post-btns-list a[data-post="post-comments"].active { color: #22b283; }
ul.post-btns-list a[data-post="post-comments"]:hover .counter-badge, ul.post-btns-list a[data-post="post-comments"].active .counter-badge { background-color: #22b283; }
ul.post-btns-list a[data-post="post-beenhere"]:hover, ul.post-btns-list a[data-post="post-beenhere"].active { color: #22b283; }
ul.post-btns-list a[data-post="post-restore"]:hover, ul.post-btns-list a[data-post="post-restore"].active { color: #e91c62; }
ul.post-btns-list a[data-post="post-settings"]:hover, ul.post-btns-list a[data-post="post-settings"].active { color: #533b78; }
ul.post-btns-list a[data-post="post-bugreport"]:hover, ul.post-btns-list a[data-post="post-bugreport"].active { color: #e91c62; }

ul.post-btns-list a[data-post="post-comments"].active:hover ,
ul.post-btns-list a[data-post="post-beenhere"].active:hover,
ul.post-btns-list a[data-post="post-restore"].active:hover,
ul.post-btns-list a[data-post="post-settings"].active:hover,
ul.post-btns-list a[data-post="post-bugreport"].active:hover
{ opacity: 0.6; }

.post-item.post-item-comment .inner-post { padding-left: 95px; padding-right: 0; }
.post-item.post-item-comment .inner-post .post-main { padding-right: 0; }
.post-item.post-item-comment .inner-post .post-main::before { border-color: #22b283; }
.post-item.post-item-comment .inner-post .post-main::after { display: none; }

.add-post-comment { width: 100%; }
.add-post-comment .inner-new-content { padding-left: 95px; }

.colorpicker { z-index: 9999; }
.colorpicker input { height: 12px; }

.package { margin-top: 20px; background-color: #fff; padding: 20px; border: #EDEEEE solid 1px; }
.package .package-main { padding-left: 10px; padding-right: 10px; }
.package .package-info { padding-left: 10px; padding-right: 10px; }
@media (min-width: 1180px){
    .package .package-info { padding-left: 20px; }
}
.package .owl-item { background-color: #EFEFEF; padding: 5px; } 
.package .all-media {  }
.package IMG { width: 100% !important; border: 0; }
.package .row-wide { margin-top: 20px; margin-left: -12px; margin-right: -12px; }
.package .row-wide col { padding-left: 10px; padding-right: 10px }
.package .benefit-img { background-color: #EFEFEF; padding: 5px; }
.package .benefit-title { font-size: 16px; font-weight: 600; padding-top: 14px; padding-bottom: 10px; overflow: hidden; }
.package .benefit-text { font-size: 14px; height: 115px; overflow: hidden; }
.package .desc-title { font-size: 17px; font-weight: 600; margin-top: 30px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: #DAD6DF solid 1px; }
.package .desc-text { font-size: 14px !important; margin-top: 15px; line-height: 20px }
.package .desc-text span { font-size: 14px !important; }
.package .package-apps-list ul { list-style-type: none; }
.package .package-apps-list ul li { color: #22b283; }
.package .package-apps-list ul li a { margin: 0; }
.package .package-apps-list ul li:before { content: "•"; color: #767676; font-size: 30px; vertical-align: middle; line-height: 28px; margin-left: -20px; margin-right: 10px; }
.package .one-comment { background-color: #F7F7F7; margin-bottom: 10px; padding: 15px; border: #EFEFEF solid 1px; }
.package .one-comment .comment-title { margin-bottom: 10px; }
.package .one-comment .comment-title .comment-author { font-size: 14px; font-weight: 600; color: #463261; }
.package .one-comment .comment-title .comment-stars { margin-left: 10px; }
.package .one-comment .comment-title .comment-date { font-size: 12px; color: #929292; margin-left: 10px; }
.package .one-comment .comment-text { font-size: 14px; word-wrap: break-word; }
.package .package-info .package-img { width: 70px; overflow: hidden; float: left; background-color: #EFEFEF; padding: 5px; margin-top: 2px; }
.package .package-info .package-img img { height: 100% }
.package .package-info .package-title { margin-left: 90px; font-size: 28px; font-weight: 700; line-height: 28px; color: #463261;}
.package .package-info .package-created { margin-left: 90px; }
.package .package-info .package-created-label { font-size: 13px; color: #878787; margin-right: 10px; }
.package .package-info .package-created-by { font-size: 14px; color: #463261;}

.package .post-tags-p { margin-top: 15px; margin-bottom: 15px; background-color: #EFEFEF; line-height: 30px; padding: 0px 10px 7px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.package .package-price { border: #EFEFEF solid 2px; }
.package .package-price .price-features { padding: 10px 15px 10px 15px; color: #767676; }
.package .package-price .price-features i { font-size: 14px; line-height: 14px; vertical-align: middle; font-weight: 900; }
.package .package-price .price-features div { font-size: 14px; line-height: 14px; margin-top: 5px; margin-bottom: 5px;}
.package .package-price .price-action { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; }
.package .package-price .price-action a { width: 100% }
.package .package-price .price-select { border-bottom: #EFEFEF solid 1px; padding: 10px; color: #767676;}
.package .package-price .price-select .price-name { font-weight: 700; display: inline-block; width: 50%; }
.package .package-price .price-select .price-show-more { font-weight: 400; font-size: 14px; }
.package .package-price .price-select .price-right { float: right; color: #22b283; line-height: 22px; width: 25%;}
.package .price-label { padding-right: 10px; line-height: 14px; font-size:14px;}
.package .price-label .price-type { float: right; color: #878787; width: 25%; }
.package .package-price .price-select .price-dol { font-weight: 500; font-size: 18px;}
.package .package-price .price-select .price-price { font-weight: 700; font-size: 24px;}
.package .package-audit { background-color: #F7F7F7; margin-top: 15px; margin-bottom: 15px; padding: 10px; border: #EFEFEF solid 1px; font-size: 14px; }
.package .package-audit TD { padding: 2px; }
.package .package-audit .audit-label { font-weight: 500; width: 120px;}

.modal-backdrop.in { /*@include opacity(1);*/ }

.modal-dialog .modal-content .modal-header { background-color: #fff; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.modal-dialog .modal-content .modal-header button.close { color: #ac86d9; opacity: 1; filter: alpha(opacity=100); -moz-text-shadow: none; -webkit-text-shadow: none; -khtml-text-shadow: none; -ms-text-shadow: none; -o-text-shadow: none; text-shadow: none; }
.modal-dialog .modal-content .modal-header button.close:hover { color: #463261; }
.modal-dialog .modal-content .modal-header h4 { color: #463261; font-weight: 700; font-size: 1rem; }
.modal-dialog .modal-content .modal-text { font-size: 12px; font-size: 0.75rem; margin-bottom: 12px; }
.modal-dialog .modal-content .modal-text h3, .modal-dialog .modal-content .modal-text h4, .modal-dialog .modal-content .modal-text h5 { font-weight: 700; margin-bottom: 0; }
.modal-dialog .modal-footer button.btn, .modal-dialog .modal-footer button[type="submit"] { margin-bottom: 0; outline: none; }

.modal.modal-apps { padding-right: 0 !important; padding-left: 0 !important; }
.modal.modal-apps .modal-dialog { width: auto; height: auto; margin: 150px 20px 20px 280px; }
.modal.modal-apps .modal-dialog .modal-content .modal-header { background-color: #ffffff; height: 80px; padding: 0; }
.modal.modal-apps .modal-dialog .modal-content .modal-header button.close { font-size: 45px; font-size: 2.8125rem; color: #463261; margin-right: 17px; }
.modal.modal-apps .modal-dialog .modal-content .modal-header button.close:hover { color: #ac86d9; }
.modal.modal-apps .modal-dialog .modal-content .modal-header button.close i { line-height: 80px; height: 80px; font-size: 32px; font-size: 2rem;}
.modal.modal-apps .modal-dialog .modal-content .modal-body { background-color: #533b78; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); border-radius: 0 0 5px 5px; width: auto; overflow: hidden; margin-right: -1px; padding: 0; }
.modal.modal-apps .modal-dialog .modal-content .modal-body .wrapper-apps { min-height: 155px; }
.modal.modal-apps .modal-dialog .modal-content .modal-body .row { margin: 0; }
.modal.modal-apps .modal-apps-title { padding-left: 20px; padding-right: 20px; height: 80px; }
.modal.modal-apps .modal-apps-title span.h3 { color: #463261; font-weight: 700; }
.modal.modal-apps .search-main-apps { width: 40%; }
.modal.modal-apps .search-main-apps .inner-form { width: 100%; }
.modal.modal-apps .search-main-apps .inner-form input[type="text"] { width: 100%; }
.modal.modal-apps .search-main-apps .inner-form button { color: #838383; }
.modal.modal-apps .search-main-apps .inner-form button:hover { color: #463261; }

.app-item { width: 100%; padding: 0; }
@media (min-width: 480px) { .app-item { width: 100%; } }
@media (min-width: 768px) { .app-item { width: 50%; } }
@media (min-width: 1180px) { .app-item { width: 33.33333%; } }
.app-item .inner-block { border-right: 1px dashed rgba(172, 134, 217, 0.4); border-bottom: 1px dashed rgba(172, 134, 217, 0.4); }
.app-item .inner-block:hover > a { background-color: #5a4082; }
.app-item .inner-block:hover span.inner-link { background-color: rgba(255, 255, 255, 0.1); }
.app-item .inner-block > a { padding: 10px; display: block; text-decoration: none; -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }
.app-item span.inner-link { position: relative; display: block; padding: 30px; position: relative; -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); clear: both; }
.app-item span.inner-link::before, .app-item span.inner-link::after { display: block; clear: both; content: " "; }
.app-item span.app-icon { display: block; width: 70px; float: left; margin-right: -70px; padding-top: 20px; }
.app-item span.app-icon img { width: 50px; height: auto; }
.app-item span.app-desc { display: block; float: left; padding-left: 70px; width: 100%; }
.app-item span.app-desc-inner { border-left: 1px solid rgba(172, 134, 217, 0.4); padding: 0 0 65px 20px; display: block; }
.app-item span.app-name { color: #ffffff; font-size: 16px; font-size: 1rem; font-weight: 700; }
.app-item span.app-text { color: #ffffff; font-size: 14px; font-size: 0.875rem; font-weight: 300; line-height: 1.4em; }
.app-item ul.creators-list { position: absolute; left: 138px; bottom: 40px; border-bottom: none; }
.app-item ul.creators-list a { color: #ffffff; }
span.app-draft { color: #22b283; }

.introjs-arrow { border-width: 14px; }
.introjs-arrow:after { vertical-align: top; font-style: normal !important; line-height: 1; display: inline-block; content: "info_black"; text-transform: none !important; font-weight: 400 !important; font-family: "Material Icons"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; z-index: 20; display: block; position: absolute; top: -25px; left: 50%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; text-align: center; margin-top: -11px; margin-left: -13px; width: 32px; line-height: 25px; height: 25px; font-size: 25px; font-size: 1.5625rem; color: #22b283; }
.introjs-arrow::before { display: block; content: ""; width: 39px; height: 39px; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; position: absolute; top: -25px; left: 50%; margin-top: -18px; margin-left: -20px; border: 2px solid #22b283; background-color: rgba(255, 255, 255, 0.8); }

.introjs-arrow.top { top: -28px; left: 50%; margin-left: -14px; border-color: transparent transparent #22b283; }

.introjs-arrow.bottom { bottom: -28px; left: 50%; margin-left: -14px; border-color: #22b283 transparent transparent; }
.introjs-arrow.bottom::after { top: auto; bottom: -36px; }
.introjs-arrow.bottom::before { top: auto; bottom: -43px; }

.introjs-arrow.left { left: -28px; margin-top: 5px; border-color: transparent #22b283 transparent transparent; }
.introjs-arrow.left::after { top: 0; left: -25px; }
.introjs-arrow.left::before { top: 0; left: -25px; }

.introjs-arrow.right { right: -28px; margin-top: 5px; border-color: transparent transparent transparent #22b283; }
.introjs-arrow.right::after { top: 0; right: -43px; left: auto; }
.introjs-arrow.right::before { top: 0; right: -43px; left: auto; }

.introjs-tooltip { background-color: #22b283; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; color: #ffffff; font-size: 14px; font-size: 0.875rem; padding: 15px; width: 400px; max-width: 400px; }
.introjs-tooltip h2, .introjs-tooltip h3, .introjs-tooltip h4 { font-weight: 700; color: #ffffff; font-size: 18px; font-size: 1.125rem; margin-bottom: 10px; }

.introjs-helperLayer { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; background-color: transparent; }

.introjs-tooltipbuttons { text-align: left; margin: 15px -2px 0 -2px; display: block; width: auto; clear: both; }
.introjs-tooltipbuttons::before, .introjs-tooltipbuttons::after { display: block; clear: both; content: " "; }

header#simple-header { background-color: #ffffff; position: relative; z-index: 10; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
header#nomenu-header { background-color: #ffffff; position: fixed; width: 100%; z-index: 10; height: 80px;}
header#nomenu-header .nomenu-right-header {padding: 0px 20px 0px 20px; }

ul.flat-list { padding: 0; margin: 0; float: left; }
ul.flat-list li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.flat-list li { display: inline-block; vertical-align: top; line-height: 60px; height: 60px; margin-left: 15px; }
ul.flat-list li:first-child { margin-left: 0; }

button.trigger-n { display: none; vertical-align: top; line-height: 60px; height: 60px; color: #463261; float: right; }
button.trigger-n span.icon::before { font-size: 36px; font-size: 2.25rem; line-height: 60px; height: 60px; vertical-align: top; }

.right-header-btns-block { float: right; }

.logo2-block { line-height: 60px; height: 60px; }
.logo2-block img { width: 30px; height: auto; }

.sign-in-section { background-color: #533b78; position: fixed; top: 60px; min-height: 400px; }

@media (max-height: 399px) {
    .sign-in-section { position: absolute; min-height: 310px; }
}

.mini-form-wrapper { width: 100%; max-width: 325px; margin: 0 auto; }
.mini-form-wrapper .form-group input.form-control { font-weight: 700; padding: 0 15px; font-size: 14px; font-size: 0.875rem; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; line-height: 34px; height: 36px; border: 1px solid #ffffff; background-color: #ffffff; -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.01) inset; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.01) inset; -khtml-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.01) inset; }
.mini-form-wrapper .form-group input.form-control:-moz-placeholder { opacity: 1; filter: alpha(opacity=100); color: #533b78; font-weight: 300; }
.mini-form-wrapper .form-group input.form-control::-moz-placeholder { opacity: 1; filter: alpha(opacity=100); color: #533b78; font-weight: 300; }
.mini-form-wrapper .form-group input.form-control:-ms-input-placeholder { opacity: 1; filter: alpha(opacity=100); color: #533b78; font-weight: 300; }
.mini-form-wrapper .form-group input.form-control::-webkit-input-placeholder { opacity: 1; filter: alpha(opacity=100); color: #533b78; font-weight: 300; }
.mini-form-wrapper .form-group input.form-control:focus { border-color: #ffffff; }
.mini-form-wrapper .form-group .cr-holder { display: inline-block; color: #ffffff; vertical-align: top; margin: 0; }
.mini-form-wrapper .form-group .cr-holder .sub-label { font-size: 14px; font-size: 0.875rem; font-weight: 300; }
.mini-form-wrapper .form-group .cr-holder .sub-label::before { background-color: #ffffff; }
.mini-form-wrapper .form-group .password-reminder { vertical-align: top; display: inline-block; color: #ffffff; padding-left: 30px; }
.mini-form-wrapper .form-group .password-reminder a { color: #ffffff; text-decoration: underline; font-weight: 300; font-size: 14px; font-size: 0.875rem; }
.mini-form-wrapper .form-group.login-sign-up {color: #ffffff; text-align:center; font-weight: 300; font-size: 14px; font-size: 0.875rem;}
.mini-form-wrapper .form-group.login-sign-up a {color: #ffffff; text-decoration: underline; font-weight: 300; font-size: 14px; font-size: 0.875rem; margin-left: 10px}

.mform-top { margin-bottom: 20px; }
.mform-top .logo-icon { -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 55px; line-height: 53px; height: 55px; display: inline-block; vertical-align: bottom; text-align: center; background-color: #ffffff; margin-right: 15px; }
.mform-top .logo-icon img { width: 55%; height: auto; }
.mform-top .mform-heading { display: inline-block; vertical-align: bottom; margin-bottom: 7px; }
.mform-top .mform-heading h2 { margin: 0; font-weight: 700; font-size: 24px; font-size: 1.5rem; position: relative; color: #ffffff; }
.mform-top .mform-heading h2::before { position: absolute; bottom: -7px; left: 0; right: 0; border-bottom: 2px solid #ffffff; opacity: 0.2; filter: alpha(opacity=20); display: block; content: ""; }

.mform-top .mform-heading h3 { margin: 0; font-weight: 400; font-size: 18px; font-size: 1.125rem; position: relative; color: #ffffff; }
.mform-top .mform-heading h4 { margin: 0; font-weight: 400; font-size: 16px; font-size: 1rem; position: relative; color: #ffffff; }
.mform-top .mform-heading h4 a{ text-decoration: underline; font-weight: 300; font-size: 16px; font-size: 1rem; position: relative; color: #ffffff; }

.dashed-sep { border-bottom: 1px dashed #b2b2b2; opacity: 0.2; filter: alpha(opacity=20); margin-bottom: 15px; }

.sort-block .inner-block.bbottom, .user-item-block .inner-block.bbottom { padding: 24px 0; clear: both; }
.sort-block .inner-block.bbottom::before, .sort-block .inner-block.bbottom::after, .user-item-block .inner-block.bbottom::before, .user-item-block .inner-block.bbottom::after { display: block; clear: both; content: " "; }

.sort-block .inner-block.bbottom { padding-top: 0; }

.user-item-block { width: 100%; }
.user-item-block:hover { background-color: #f8f8f8; }
.user-item-block .user-name { font-weight: 700; color: #463261; font-size: 16px; font-size: 1rem; }
.user-item-block .user-mail { font-weight: 700; font-size: 14px; font-size: 0.875rem; color: #838383; }

.user-b-1 { width: 80px; margin-right: -80px; float: left; }

.user-b-2 { float: left; width: 100%; padding: 7px 100px 0 80px; }

.user-b-3 { float: right; margin-left: -100px; width: 100px; text-align: right; font-size: 14px; font-size: 0.875rem; }
.user-b-3 span { cursor: pointer; line-height: 56px; height: 56px; color: #838383; }
.user-b-3 span[aria-expanded='true'] { color: #463261; }
.user-b-3 span[aria-expanded='true'] .icon { color: #463261; }
.user-b-3 span.icon { margin-left: 10px; }
.user-b-3 span::before { line-height: 56px; height: 56px; font-size: 18px; font-size: 1.125rem; }

.user-b-4 { clear: both; }
.user-b-4::before, .user-b-4::after { display: block; clear: both; content: " "; }
.user-b-4 .inner-user-b-4 { padding: 10px 0; }

.user-item-block .userRoles { padding-top: 75px; }
.user-item-block .userRoles .checkbox, .user-item-block .userRoles .sep-vertical-block { display: inline; }
.user-item-block .userRoles .sep-vertical-block .inner-block { display: inline; padding: 0px 20px; line-height: normal; }

.viewUsersSearch .checkbox { display: inline; margin: 0px; }
.search-users-block form { margin-top: -10px; margin-bottom: 10px; }
.search-users-block .inner-block { float:left; }
.search-users-block .inner-form { display: inline-block; position: relative; line-height: 36px; height: 36px; }
.search-users-block input[type="text"] { padding: 0 35px 0 15px; border: 1px solid #eaeaea; line-height: 34px; height: 36px; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; font-size: 13px; font-size: 0.8125rem; }
.search-users-block form button { vertical-align: top; line-height: 36px; height: 36px; position: absolute; top: 0; right: 5px; font-size: 22px; font-size: 1.375rem; color: #b2b2b2; }
.search-users-block form button:hover { color: #373737; }

.group-item-block { width: 100%; }
.group-item-block .inner-block { min-height: 50px; }
.group-item-block:hover { background-color: #f8f8f8; }
.group-item-block .group-name { font-weight: 700; color: #463261; font-size: 16px; font-size: 1rem; width: 100%; float: left; margin-top: 15px; padding-left: 10px; }
.group-item-block .edit-group { float: right; width: 70px; margin-left: -70px; margin-top: 10px; }
.group-item-block .edit-group a { color: #b2b2b2; cursor: pointer; }
.group-item-block .edit-group a:hover { color: #000000; }
.group-item-block .edit-group .editGroupButton { padding-right: 10px; }

#viewGroupsSearchForm input { width: 200px; }
.search-groups-block form { margin-top: -10px; margin-bottom: 10px; }
.search-groups-block .inner-block { float:left; padding-top: 15px; }
.search-groups-block .inner-form { display: inline-block; position: relative; line-height: 36px; height: 36px; }
.search-groups-block input[type="text"], .search-editgroup-block input[type="text"], #addGroupMember { padding: 0 35px 0 15px; border: 1px solid #eaeaea; line-height: 34px; height: 36px; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; font-size: 13px; font-size: 0.8125rem; }
.search-groups-block form button, #groupMembersSearch button { vertical-align: top; line-height: 36px; height: 36px; position: absolute; top: 0; right: 5px; font-size: 22px; font-size: 1.375rem; color: #b2b2b2; }
.search-groups-block form button:hover, #groupMembersSearch button:hover { color: #373737; }
.search-groups-block { line-height: 70px; }

#groupMembersSearch input { width: 230px; }
#groupMembersSearch button { vertical-align: top; line-height: 36px; height: 36px; position: absolute; top: 0; right: 10px; font-size: 22px; font-size: 1.375rem; color: #b2b2b2; }
#addGroupMember #addGroupMemberInput { background-color: transparent; width: 200px; }
#addGroupMember #groupMembersList { left: 20px; right: 20px; }

.memberslist-item { margin-top: 5px; }
.memberslist-item:hover { background-color: #f8f8f8; }
.memberslist-item .member-b-1 { float: left; width: 46px; height: 46px; margin-right: -46px; }
.memberslist-item .member-b-1 .avatar-inner { width: 40px; height: 40px; }
.memberslist-item .member-b-2 { float: left; width: 100%; padding: 0 5px 0 70px; }
.memberslist-item .member-b-3 { float: right; width: 30px; margin-left: -30px; padding-top: 10px; color: #b2b2b2; cursor: pointer; }
.memberslist-item .member-b-3 i:hover { color: #373737; }
.memberslist-item .member-name { font-weight: 700; color: #463261; font-size: 16px; font-size: 1rem; }
.memberslist-item .member-email { font-weight: 700; color: #838383; font-size: 14px; }

input[type="text"].form-control, input[type="password"].form-control, input[type="email"].form-control, input[type="number"].form-control, input[type="color"].form-control, input[type="search"].form-control, select.form-control, textarea.form-control { -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; font-family: "Roboto", Arial, Helvetica, Sans-serif; font-size: 14px; font-size: 0.875rem; color: #373737; background-color: #ffffff; border: 1px solid #b8b8b8; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; outline: none; height: 36px; line-height: 34px; padding-top: 0; padding-bottom: 0; padding-left: 10px; padding-right: 10px; width: 100%; }
input[type="text"].form-control:-moz-placeholder, input[type="password"].form-control:-moz-placeholder, input[type="email"].form-control:-moz-placeholder, input[type="number"].form-control:-moz-placeholder, input[type="color"].form-control:-moz-placeholder, input[type="search"].form-control:-moz-placeholder, select.form-control:-moz-placeholder, textarea.form-control:-moz-placeholder { opacity: 1; filter: alpha(opacity=100); font-style: normal; color: #b2b2b2; }
input[type="text"].form-control::-moz-placeholder, input[type="password"].form-control::-moz-placeholder, input[type="email"].form-control::-moz-placeholder, input[type="number"].form-control::-moz-placeholder, input[type="color"].form-control::-moz-placeholder, input[type="search"].form-control::-moz-placeholder, select.form-control::-moz-placeholder, textarea.form-control::-moz-placeholder { opacity: 1; filter: alpha(opacity=100); font-style: normal; color: #b2b2b2; }
input[type="text"].form-control:-ms-input-placeholder, input[type="password"].form-control:-ms-input-placeholder, input[type="email"].form-control:-ms-input-placeholder, input[type="number"].form-control:-ms-input-placeholder, input[type="color"].form-control:-ms-input-placeholder, input[type="search"].form-control:-ms-input-placeholder, select.form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { opacity: 1; filter: alpha(opacity=100); font-style: normal; color: #b2b2b2; }
input[type="text"].form-control::-webkit-input-placeholder, input[type="password"].form-control::-webkit-input-placeholder, input[type="email"].form-control::-webkit-input-placeholder, input[type="number"].form-control::-webkit-input-placeholder, input[type="color"].form-control::-webkit-input-placeholder, input[type="search"].form-control::-webkit-input-placeholder, select.form-control::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { opacity: 1; filter: alpha(opacity=100); font-style: normal; color: #b2b2b2; }
input[type="text"].form-control::-ms-clear, input[type="password"].form-control::-ms-clear, input[type="email"].form-control::-ms-clear, input[type="number"].form-control::-ms-clear, input[type="color"].form-control::-ms-clear, input[type="search"].form-control::-ms-clear, select.form-control::-ms-clear, textarea.form-control::-ms-clear { display: none; }
input[type="text"].form-control:focus, input[type="password"].form-control:focus, input[type="email"].form-control:focus, input[type="number"].form-control:focus, input[type="color"].form-control:focus, input[type="search"].form-control:focus, select.form-control:focus, textarea.form-control:focus { border: 1px solid #408ec4; -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.form-group-disabled input[type="text"].form-control, .form-group-disabled input[type="password"].form-control, .form-group-disabled input[type="email"].form-control, .form-group-disabled input[type="number"].form-control, .form-group-disabled input[type="color"].form-control, .form-group-disabled input[type="search"].form-control, .form-group-disabled select.form-control, .form-group-disabled textarea.form-control { background-color: #f3f3f3; color: #5d5d5d; }

button { background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; border: none; }

input[type="checkbox"], input[type="radio"] { width: auto; cursor: pointer; height: auto; line-height: 1; margin-right: 5px; margin-bottom: 0; vertical-align: top; }

textarea { width: 100%; padding-top: 10px; padding-bottom: 10px; resize: none; height: 150px; line-height: 1.2em; }
textarea.form-control { height: 104px; line-height: inherit; padding-top: 7px; padding-bottom: 7px; }

.input-desc { font-size: 11px; font-size: 0.6875rem; color: #8c8c8c; padding: 3px 0; }

.form-group label { font-weight: 700; font-size: 14px; font-size: 0.875rem; }

.cr-holder label { position: relative; padding-left: 25px; cursor: pointer; }
.cr-holder label input { width: 19px; height: 19px; position: absolute; top: 0; left: 0; margin: 0 !important; padding: 0 !important; opacity: 0; filter: alpha(opacity=0); }
.cr-holder label span.sub-label { line-height: 19px; }
.cr-holder label span.sub-label::before { -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05) inset; -khtml-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05) inset; -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05) inset; -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05) inset; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05) inset; text-align: center; color: #22b283; display: block; content: ""; width: 20px; height: 20px; line-height: 18px; border: 1px solid #b8b8b8; position: absolute; top: 0; left: 0; }
.cr-holder label span.sub-label.input-desc-checkbox { height: 19px; display: inline-block; vertical-align: middle; margin-top: -6px; font-weight: 400; font-size: 11px; font-size: 0.6875rem; color: #8c8c8c; }
.cr-holder.checkbox label input:checked + span.sub-label:before { vertical-align: top; font-style: normal !important; line-height: 1; display: inline-block; content: ""; text-transform: none !important; font-weight: 400 !important; font-family: "Ionicons"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; line-height: 18px; }
.cr-holder.checkbox label span.sub-label::before { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.cr-holder.radio label input:checked + span.sub-label:before { vertical-align: top; font-style: normal !important; line-height: 1; display: inline-block; content: ""; text-transform: none !important; font-weight: 400 !important; font-family: "Ionicons"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; line-height: 18px; }
.cr-holder.radio label span.sub-label::before { -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; font-size: 11px; font-size: 0.6875rem; }

.validation-error label span.sub-label::before { border: 1px solid red !important; background-color: #fed6d6 !important }
.terms a { color: #b16fff; text-decoration: underline; }

.add-new-content-block { width: 100%; margin-bottom: 24px; }

form.add-content-form { position: relative; }
form.add-content-form .form-holder { background-color: #ffffff !important; border: 2px solid #eaeaea; height: 48px; -moz-border-radius: 48px; -webkit-border-radius: 48px; -khtml-border-radius: 48px; -ms-border-radius: 48px; -o-border-radius: 48px; border-radius: 48px; overflow: hidden; }
form.add-content-form input[type="text"].form-control { border: none; line-height: 44px; height: 44px; font-weight: 300; }
form.add-content-form.day-on input[type="text"].form-control, form.add-content-form.day-on textarea.form-control { padding-left: 112px; }
form.add-content-form .input-group-addon { white-space: nowrap; padding: 2px 1px; background-color: transparent; position: relative; top: -2px; left: -2px; border: 2px solid #eaeaea; -moz-border-radius: 48px; -webkit-border-radius: 48px; -khtml-border-radius: 48px; -ms-border-radius: 48px; -o-border-radius: 48px; border-radius: 48px; height: 48px; }
form.add-content-form .input-group-addon.right { right: 0px !important; left: initial !important }

ul.pickdate-list { font-size: 12px; font-size: 0.75rem; }

.datepicker.datepicker-dropdown.dropdown-menu { font-size: 12px; font-size: 0.75rem; padding-left: 5px; padding-right: 5px; }
.datepicker.datepicker-dropdown.dropdown-menu th.next, .datepicker.datepicker-dropdown.dropdown-menu th.prev { cursor: pointer; }
.datepicker.datepicker-dropdown.dropdown-menu table tr td, .datepicker.datepicker-dropdown.dropdown-menu table tr th { height: 25px; padding: 0; }

.datepicker-dropdown.datepicker-orient-top::after { top: -6px !important; left: 7px !important; right: auto !important; }
.datepicker-dropdown.datepicker-orient-top::before { left: 6px !important; top: -7px; right: auto !important; }

.pickday-wrapper { position: absolute; top: 8px; left: 133px; z-index: 2; display: none; }
.day-on .pickday-wrapper { display: block; }
.pickday-wrapper i { position: absolute; top: 0; right: 5px; color: #ffffff; cursor: pointer; line-height: 32px; height: 32px; font-size: 16px; }
.pickday-wrapper input[type="text"] { -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; line-height: 32px; height: 32px; background-color: #22b283; color: #ffffff; font-size: 12px; font-size: 0.75rem; padding: 0 25px 0 10px; display: inline-block; width: 100px; }

.btn-add-group { font-size: 0; }
.btn-add-group .btn.btn-round-icon, .btn-add-group button.btn-round-icon[type="submit"], .btn-add-group input.btn-round-icon[type="submit"] { -moz-border-radius: 48px !important; -webkit-border-radius: 48px !important; -khtml-border-radius: 48px !important; -ms-border-radius: 48px !important; -o-border-radius: 48px !important; border-radius: 48px !important; margin: 0 1px; font-size: 25px; font-size: 1.5625rem; }
.btn-add-group .btn.btn-round-icon .icon::before, .btn-add-group button.btn-round-icon[type="submit"] .icon::before, .btn-add-group input.btn-round-icon[type="submit"] .icon::before { line-height: 38px; height: 44px; }

.form-group-simple label { font-weight: 700; margin: 0 10px 0 0; font-size: 12px; font-size: 0.75rem; color: #838383; line-height: 36px; height: 36px; }
.form-group-simple .input-col { min-width: 210px; }

.form-horizontal.gray-labels label { color: #838383; }
.form-horizontal .form-group > .control-label { text-align: left; }

/* Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
/* Ionicons, v2.0.0 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/helloimben  https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons
*/
@font-face { font-family: 'FontAwesome'; src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0"); src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
/*@font-face { font-family: "Ionicons"; src: url("http://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0"); src: url("http://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("http://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("http://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.0") format("woff"), url("http://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; }*/
.fa { font-family: "FontAwesome"; }

.ion { font-family: "Ionicons"; }

.ion, .fa, .feather { display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; transform: translate(0, 0); text-rendering: optimizeLegibility; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:  1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).  2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.  3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.  5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar { -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar { -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }

.mCSB_container { /* contains the original content */ overflow: visible; width: auto; height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container { margin-right: 0px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 0px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 7px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }

.mCSB_outside + .mCSB_scrollTools { right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* 
sprites locations 
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/ }

.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* 
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/ }

.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* 
sprites locations 
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
*/ }

.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* 
sprites locations 
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
*/ }

.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; }

.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
.mCustomScrollbar .mCSB_scrollTools.mCS-dark.mCSB_scrollTools_vertical { width: 10px; background-color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.mCustomScrollbar .mCSB_scrollTools.mCS-dark.mCSB_scrollTools_vertical .mCSB_draggerContainer { top: 3px; bottom: 3px; }
.mCustomScrollbar .mCSB_scrollTools.mCS-dark.mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_dragger { margin: 0px 0; }
.mCustomScrollbar .mCSB_scrollTools.mCS-dark.mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #463261; }
.mCustomScrollbar .mCSB_scrollTools.mCS-dark.mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_draggerRail { background-color: transparent; width: 10px; }

@-webkit-keyframes fadeIn { 0% { opacity: 0.8; }
  50% { opacity: 0.4; }
  100% { opacity: 0.8; } }
@-moz-keyframes fadeIn { 0% { opacity: 0.8; }
  50% { opacity: 0.4; }
  100% { opacity: 0.8; } }
@-o-keyframes fadeIn { 0% { opacity: 0.8; }
  50% { opacity: 0.4; }
  100% { opacity: 0.8; } }
@keyframes fadeIn { 0% { opacity: 0.8; }
  50% { opacity: 0.4; }
  100% { opacity: 0.8; } }
.loader { background-color: #373737; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; }
.loader::after { display: block; content: ""; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; position: absolute; top: 50%; left: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-image: url("../images/logo.png"); background-size: 100% 100%; -webkit-animation: fadeIn .5s 0s ease-in-out infinite; animation: fadeIn 0.5s 0s ease-in-out infinite; }

.loader { background-color: #463261; -moz-box-shadow: 0 0 500px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 0 500px rgba(0, 0, 0, 0.5) inset; -khtml-box-shadow: 0 0 500px rgba(0, 0, 0, 0.5) inset; -ms-box-shadow: 0 0 500px rgba(0, 0, 0, 0.5) inset; -o-box-shadow: 0 0 500px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 500px rgba(0, 0, 0, 0.5) inset; }
.loader .ball-clip-rotate-multiple { position: absolute; top: 50%; left: 50%; }

.loading { overflow: hidden; }

@-webkit-keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: .7; }
  80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
@keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: .7; }
  80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
.ball-pulse > div:nth-child(0) { -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(1) { -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(2) { -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(3) { -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; }

@-webkit-keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
.ball-pulse-sync > div:nth-child(0) { -webkit-animation: ball-pulse-sync .6s -.21s infinite ease-in-out; animation: ball-pulse-sync .6s -.21s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(1) { -webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out; animation: ball-pulse-sync .6s -.14s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(2) { -webkit-animation: ball-pulse-sync .6s -.07s infinite ease-in-out; animation: ball-pulse-sync .6s -.07s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(3) { -webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out; animation: ball-pulse-sync .6s 0s infinite ease-in-out; }

.ball-pulse-sync > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; }

@-webkit-keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
.ball-scale > div { background-color: #fff; border-radius: 100%; margin: 2px; display: inline-block; height: 60px; width: 60px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; }

@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.ball-rotate { position: relative; }

.ball-rotate > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: relative; }

.ball-rotate > div:first-child { -webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; }

.ball-rotate > div:after, .ball-rotate > div:before { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; content: ""; position: absolute; opacity: .8; }

.ball-rotate > div:before { top: 0; left: -28px; }

.ball-rotate > div:after { top: 0; left: 25px; }

@keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
  50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); }
  100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } }
.ball-clip-rotate > div { border-radius: 100%; margin: 2px; border: 2px solid #fff; border-bottom-color: transparent; height: 25px; width: 25px; background: 0 0 !important; display: inline-block; -webkit-animation: rotate .75s 0s linear infinite; animation: rotate .75s 0s linear infinite; }

@keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
  50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); }
  100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } }
@keyframes scale { 30% { -webkit-transform: scale(0.3); transform: scale(0.3); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
.ball-clip-rotate-pulse { position: relative; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); }

.ball-clip-rotate-pulse > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0; left: 0; border-radius: 100%; }

.ball-clip-rotate-pulse > div:first-child { background: #fff; height: 16px; width: 16px; top: 7px; left: -7px; -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

.ball-clip-rotate-pulse > div:last-child { position: absolute; width: 30px; height: 30px; left: -16px; top: -2px; background: 0 0; border: 2px solid; border-color: #fff transparent; -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -webkit-animation-duration: 1s; animation-duration: 1s; }

@keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
  50% { -webkit-transform: rotate(180deg) scale(0.8); transform: rotate(180deg) scale(0.8); }
  100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } }
.ball-clip-rotate-multiple { position: relative; }

/*.ball-clip-rotate-multiple>div { position:absolute; left:-20px; top:-20px; border:2px solid #fff; border-bottom-color:transparent; border-top-color:transparent; border-radius:100%; height:35px; width:35px; -webkit-animation:rotate 1s 0s ease-in-out infinite; animation:rotate 1s 0s ease-in-out infinite
}

.ball-clip-rotate-multiple>div:last-child { display:inline-block; top:-10px; left:-10px; width:15px; height:15px; -webkit-animation-duration:.5s; animation-duration:.5s; border-color:#fff transparent; -webkit-animation-direction:reverse; animation-direction:reverse
}*/
.ball-clip-rotate-multiple > div { position: absolute; left: -35px; top: -35px; border: 2px solid #fff; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 70px; width: 70px; -webkit-animation: rotate 1s 0s ease-in-out infinite; animation: rotate 1s 0s ease-in-out infinite; }

.ball-clip-rotate-multiple > div:last-child { display: inline-block; top: -20px; left: -20px; width: 40px; height: 40px; -webkit-animation-duration: .5s; animation-duration: .5s; border-color: #fff transparent; -webkit-animation-direction: reverse; animation-direction: reverse; }

@-webkit-keyframes ball-scale-ripple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; }
  70% { -webkit-transform: scale(1); transform: scale(1); opacity: .7; }
  100% { opacity: 0; } }
@keyframes ball-scale-ripple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; }
  70% { -webkit-transform: scale(1); transform: scale(1); opacity: .7; }
  100% { opacity: 0; } }
.ball-scale-ripple > div { height: 50px; width: 50px; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }

@-webkit-keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; }
  70% { -webkit-transform: scale(1); transform: scale(1); opacity: .7; }
  100% { opacity: 0; } }
@keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; }
  70% { -webkit-transform: scale(1); transform: scale(1); opacity: .7; }
  100% { opacity: 0; } }
.ball-scale-ripple-multiple { position: relative; -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); }

.ball-scale-ripple-multiple > div:nth-child(0) { -webkit-animation-delay: -.8s; animation-delay: -.8s; }

.ball-scale-ripple-multiple > div:nth-child(1) { -webkit-animation-delay: -.6s; animation-delay: -.6s; }

.ball-scale-ripple-multiple > div:nth-child(2) { -webkit-animation-delay: -.4s; animation-delay: -.4s; }

.ball-scale-ripple-multiple > div:nth-child(3) { -webkit-animation-delay: -.2s; animation-delay: -.2s; }

.ball-scale-ripple-multiple > div { position: absolute; top: -2px; left: -26px; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }

@-webkit-keyframes ball-beat { 50% { opacity: .2; -webkit-transform: scale(0.75); transform: scale(0.75); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes ball-beat { 50% { opacity: .2; -webkit-transform: scale(0.75); transform: scale(0.75); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
.ball-beat > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; display: inline-block; -webkit-animation: ball-beat .7s 0s infinite linear; animation: ball-beat .7s 0s infinite linear; }

.ball-beat > div:nth-child(2n-1) { -webkit-animation-delay: -0.35s !important; animation-delay: -0.35s !important; }

@-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  5% { opacity: 1; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  5% { opacity: 1; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
.ball-scale-multiple { position: relative; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }

.ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: -.4s; animation-delay: -.4s; }

.ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: -.2s; animation-delay: -.2s; }

.ball-scale-multiple > div { background-color: #fff; border-radius: 100%; position: absolute; left: -30px; top: 0; opacity: 0; margin: 0; width: 60px; height: 60px; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; }

@-webkit-keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); }
  66% { -webkit-transform: translate(50px, 0); transform: translate(50px, 0); }
  100% { -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } }
@keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); }
  66% { -webkit-transform: translate(50px, 0); transform: translate(50px, 0); }
  100% { -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } }
@-webkit-keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); }
  66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); }
  100% { -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } }
@keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); }
  66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); }
  100% { -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } }
@-webkit-keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); }
  66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); }
  100% { -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } }
@keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); }
  66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); }
  100% { -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } }
.ball-triangle-path { position: relative; -webkit-transform: translate(-29.99px, -37.51px); -ms-transform: translate(-29.99px, -37.51px); transform: translate(-29.99px, -37.51px); }

.ball-triangle-path > div:nth-child(1) { -webkit-animation-name: ball-triangle-path-1; animation-name: ball-triangle-path-1; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.ball-triangle-path > div:nth-child(2) { -webkit-animation-name: ball-triangle-path-2; animation-name: ball-triangle-path-2; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.ball-triangle-path > div:nth-child(3) { -webkit-animation-name: ball-triangle-path-3; animation-name: ball-triangle-path-3; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.ball-triangle-path > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 10px; height: 10px; border-radius: 100%; border: 1px solid #fff; }

.ball-triangle-path > div:nth-of-type(1) { top: 50px; }

.ball-triangle-path > div:nth-of-type(2) { left: 25px; }

.ball-triangle-path > div:nth-of-type(3) { top: 50px; left: 50px; }

@-webkit-keyframes ball-pulse-rise-even { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  25% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  50% { -webkit-transform: scale(0.4); transform: scale(0.4); }
  75% { -webkit-transform: translateY(30px); transform: translateY(30px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(1); transform: scale(1); } }
@keyframes ball-pulse-rise-even { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  25% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  50% { -webkit-transform: scale(0.4); transform: scale(0.4); }
  75% { -webkit-transform: translateY(30px); transform: translateY(30px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes ball-pulse-rise-odd { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); }
  25% { -webkit-transform: translateY(30px); transform: translateY(30px); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  75% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(0.75); transform: scale(0.75); } }
@keyframes ball-pulse-rise-odd { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); }
  25% { -webkit-transform: translateY(30px); transform: translateY(30px); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  75% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(0.75); transform: scale(0.75); } }
.ball-pulse-rise > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; }

.ball-pulse-rise > div:nth-child(2n) { -webkit-animation-name: ball-pulse-rise-even; animation-name: ball-pulse-rise-even; }

.ball-pulse-rise > div:nth-child(2n-1) { -webkit-animation-name: ball-pulse-rise-odd; animation-name: ball-pulse-rise-odd; }

@-webkit-keyframes ball-grid-beat { 50% { opacity: .7; }
  100% { opacity: 1; } }
@keyframes ball-grid-beat { 50% { opacity: .7; }
  100% { opacity: 1; } }
.ball-grid-beat { width: 57px; }

.ball-grid-beat > div:nth-child(1) { -webkit-animation-delay: -.07s; animation-delay: -.07s; -webkit-animation-duration: 1.53s; animation-duration: 1.53s; }

.ball-grid-beat > div:nth-child(2) { -webkit-animation-delay: .72s; animation-delay: .72s; -webkit-animation-duration: .94s; animation-duration: .94s; }

.ball-grid-beat > div:nth-child(3) { -webkit-animation-delay: .11s; animation-delay: .11s; -webkit-animation-duration: 1.25s; animation-duration: 1.25s; }

.ball-grid-beat > div:nth-child(4) { -webkit-animation-delay: .13s; animation-delay: .13s; -webkit-animation-duration: 1.01s; animation-duration: 1.01s; }

.ball-grid-beat > div:nth-child(5) { -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; }

.ball-grid-beat > div:nth-child(6) { -webkit-animation-delay: .18s; animation-delay: .18s; -webkit-animation-duration: .97s; animation-duration: .97s; }

.ball-grid-beat > div:nth-child(7) { -webkit-animation-delay: -.09s; animation-delay: -.09s; -webkit-animation-duration: .67s; animation-duration: .67s; }

.ball-grid-beat > div:nth-child(8) { -webkit-animation-delay: .42s; animation-delay: .42s; -webkit-animation-duration: .92s; animation-duration: .92s; }

.ball-grid-beat > div:nth-child(9) { -webkit-animation-delay: .52s; animation-delay: .52s; -webkit-animation-duration: 1.43s; animation-duration: 1.43s; }

.ball-grid-beat > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; float: left; -webkit-animation-name: ball-grid-beat; animation-name: ball-grid-beat; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; }

@-webkit-keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: .7; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
@keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: .7; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
.ball-grid-pulse { width: 57px; }

.ball-grid-pulse > div:nth-child(1) { -webkit-animation-delay: .73s; animation-delay: .73s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; }

.ball-grid-pulse > div:nth-child(2) { -webkit-animation-delay: .32s; animation-delay: .32s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; }

.ball-grid-pulse > div:nth-child(3) { -webkit-animation-delay: .71s; animation-delay: .71s; -webkit-animation-duration: .88s; animation-duration: .88s; }

.ball-grid-pulse > div:nth-child(4) { -webkit-animation-delay: .62s; animation-delay: .62s; -webkit-animation-duration: 1.06s; animation-duration: 1.06s; }

.ball-grid-pulse > div:nth-child(5) { -webkit-animation-delay: .31s; animation-delay: .31s; -webkit-animation-duration: .62s; animation-duration: .62s; }

.ball-grid-pulse > div:nth-child(6) { -webkit-animation-delay: -.14s; animation-delay: -.14s; -webkit-animation-duration: 1.48s; animation-duration: 1.48s; }

.ball-grid-pulse > div:nth-child(7) { -webkit-animation-delay: -.1s; animation-delay: -.1s; -webkit-animation-duration: 1.47s; animation-duration: 1.47s; }

.ball-grid-pulse > div:nth-child(8) { -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-duration: 1.49s; animation-duration: 1.49s; }

.ball-grid-pulse > div:nth-child(9) { -webkit-animation-delay: .73s; animation-delay: .73s; -webkit-animation-duration: .7s; animation-duration: .7s; }

.ball-grid-pulse > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; float: left; -webkit-animation-name: ball-grid-pulse; animation-name: ball-grid-pulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; }

@-webkit-keyframes ball-spin-fade-loader { 50% { opacity: .3; -webkit-transform: scale(0.4); transform: scale(0.4); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes ball-spin-fade-loader { 50% { opacity: .3; -webkit-transform: scale(0.4); transform: scale(0.4); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
.ball-spin-fade-loader { position: relative; top: -10px; left: -10px; }

.ball-spin-fade-loader > div:nth-child(1) { top: 25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -.96s infinite linear; animation: ball-spin-fade-loader 1s -.96s infinite linear; }

.ball-spin-fade-loader > div:nth-child(2) { top: 17.05px; left: 17.05px; -webkit-animation: ball-spin-fade-loader 1s -.84s infinite linear; animation: ball-spin-fade-loader 1s -.84s infinite linear; }

.ball-spin-fade-loader > div:nth-child(3) { top: 0; left: 25px; -webkit-animation: ball-spin-fade-loader 1s -.72s infinite linear; animation: ball-spin-fade-loader 1s -.72s infinite linear; }

.ball-spin-fade-loader > div:nth-child(4) { top: -17.05px; left: 17.05px; -webkit-animation: ball-spin-fade-loader 1s -.6s infinite linear; animation: ball-spin-fade-loader 1s -.6s infinite linear; }

.ball-spin-fade-loader > div:nth-child(5) { top: -25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -.48s infinite linear; animation: ball-spin-fade-loader 1s -.48s infinite linear; }

.ball-spin-fade-loader > div:nth-child(6) { top: -17.05px; left: -17.05px; -webkit-animation: ball-spin-fade-loader 1s -.36s infinite linear; animation: ball-spin-fade-loader 1s -.36s infinite linear; }

.ball-spin-fade-loader > div:nth-child(7) { top: 0; left: -25px; -webkit-animation: ball-spin-fade-loader 1s -.24s infinite linear; animation: ball-spin-fade-loader 1s -.24s infinite linear; }

.ball-spin-fade-loader > div:nth-child(8) { top: 17.05px; left: -17.05px; -webkit-animation: ball-spin-fade-loader 1s -.12s infinite linear; animation: ball-spin-fade-loader 1s -.12s infinite linear; }

.ball-spin-fade-loader > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; }

@-webkit-keyframes ball-spin-loader { 75% { opacity: .2; }
  100% { opacity: 1; } }
@keyframes ball-spin-loader { 75% { opacity: .2; }
  100% { opacity: 1; } }
.ball-spin-loader { position: relative; }

.ball-spin-loader > span:nth-child(1) { top: 45px; left: 0; -webkit-animation: ball-spin-loader 2s .9s infinite linear; animation: ball-spin-loader 2s .9s infinite linear; }

.ball-spin-loader > span:nth-child(2) { top: 30.68px; left: 30.68px; -webkit-animation: ball-spin-loader 2s 1.8s infinite linear; animation: ball-spin-loader 2s 1.8s infinite linear; }

.ball-spin-loader > span:nth-child(3) { top: 0; left: 45px; -webkit-animation: ball-spin-loader 2s 2.7s infinite linear; animation: ball-spin-loader 2s 2.7s infinite linear; }

.ball-spin-loader > span:nth-child(4) { top: -30.68px; left: 30.68px; -webkit-animation: ball-spin-loader 2s 3.6s infinite linear; animation: ball-spin-loader 2s 3.6s infinite linear; }

.ball-spin-loader > span:nth-child(5) { top: -45px; left: 0; -webkit-animation: ball-spin-loader 2s 4.5s infinite linear; animation: ball-spin-loader 2s 4.5s infinite linear; }

.ball-spin-loader > span:nth-child(6) { top: -30.68px; left: -30.68px; -webkit-animation: ball-spin-loader 2s 5.4s infinite linear; animation: ball-spin-loader 2s 5.4s infinite linear; }

.ball-spin-loader > span:nth-child(7) { top: 0; left: -45px; -webkit-animation: ball-spin-loader 2s 6.3s infinite linear; animation: ball-spin-loader 2s 6.3s infinite linear; }

.ball-spin-loader > span:nth-child(8) { top: 30.68px; left: -30.68px; -webkit-animation: ball-spin-loader 2s 7.2s infinite linear; animation: ball-spin-loader 2s 7.2s infinite linear; }

.ball-spin-loader > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 15px; height: 15px; border-radius: 100%; background: green; }

@-webkit-keyframes ball-zig { 33% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); }
  66% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@keyframes ball-zig { 33% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); }
  66% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@-webkit-keyframes ball-zag { 33% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); }
  66% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@keyframes ball-zag { 33% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); }
  66% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
.ball-zig-zag { position: relative; -webkit-transform: translate(-15px, -15px); -ms-transform: translate(-15px, -15px); transform: translate(-15px, -15px); }

.ball-zig-zag > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px 2px 2px 15px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 4px; left: -7px; }

.ball-zig-zag > div:first-child { -webkit-animation: ball-zig .7s 0s infinite linear; animation: ball-zig .7s 0s infinite linear; }

.ball-zig-zag > div:last-child { -webkit-animation: ball-zag .7s 0s infinite linear; animation: ball-zag .7s 0s infinite linear; }

@-webkit-keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); }
  34% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); }
  50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); }
  84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); }
  34% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); }
  50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); }
  84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@-webkit-keyframes ball-zag-deflect { 17% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); }
  34% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); }
  50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); }
  84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@keyframes ball-zag-deflect { 17% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); }
  34% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); }
  50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); }
  84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
.ball-zig-zag-deflect { position: relative; -webkit-transform: translate(-15px, -15px); -ms-transform: translate(-15px, -15px); transform: translate(-15px, -15px); }

.ball-zig-zag-deflect > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px 2px 2px 15px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 4px; left: -7px; }

.ball-zig-zag-deflect > div:first-child { -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear; animation: ball-zig-deflect 1.5s 0s infinite linear; }

.ball-zig-zag-deflect > div:last-child { -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear; animation: ball-zag-deflect 1.5s 0s infinite linear; }

@-webkit-keyframes line-scale { 0% { -webkit-transform: scaley(1); transform: scaley(1); }
  50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); }
  100% { -webkit-transform: scaley(1); transform: scaley(1); } }
@keyframes line-scale { 0% { -webkit-transform: scaley(1); transform: scaley(1); }
  50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); }
  100% { -webkit-transform: scaley(1); transform: scaley(1); } }
.line-scale > div:nth-child(1) { -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(2) { -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(3) { -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(4) { -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(5) { -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; }

@-webkit-keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
.line-scale-party > div:nth-child(1) { -webkit-animation-delay: .23s; animation-delay: .23s; -webkit-animation-duration: 1.1s; animation-duration: 1.1s; }

.line-scale-party > div:nth-child(2) { -webkit-animation-delay: .09s; animation-delay: .09s; -webkit-animation-duration: 1s; animation-duration: 1s; }

.line-scale-party > div:nth-child(3) { -webkit-animation-delay: .44s; animation-delay: .44s; -webkit-animation-duration: .65s; animation-duration: .65s; }

.line-scale-party > div:nth-child(4) { -webkit-animation-delay: -.12s; animation-delay: -.12s; -webkit-animation-duration: 1.01s; animation-duration: 1.01s; }

.line-scale-party > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation-name: line-scale-party; animation-name: line-scale-party; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; }

@-webkit-keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); }
  50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); }
  100% { -webkit-transform: scaley(1); transform: scaley(1); } }
@keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); }
  50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); }
  100% { -webkit-transform: scaley(1); transform: scaley(1); } }
.line-scale-pulse-out > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; display: inline-block; -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }

.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay: -0.4s !important; animation-delay: -0.4s !important; }

.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { -webkit-animation-delay: -0.2s !important; animation-delay: -0.2s !important; }

@-webkit-keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); transform: scaley(1); }
  80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); }
  90% { -webkit-transform: scaley(1); transform: scaley(1); } }
@keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); transform: scaley(1); }
  80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); }
  90% { -webkit-transform: scaley(1); transform: scaley(1); } }
.line-scale-pulse-out-rapid > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; display: inline-block; -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }

.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) { -webkit-animation-delay: -0.25s !important; animation-delay: -0.25s !important; }

.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; }

@-webkit-keyframes line-spin-fade-loader { 50% { opacity: .3; }
  100% { opacity: 1; } }
@keyframes line-spin-fade-loader { 50% { opacity: .3; }
  100% { opacity: 1; } }
.line-spin-fade-loader { position: relative; top: -10px; left: -4px; }

.line-spin-fade-loader > div:nth-child(1) { top: 20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(2) { top: 13.64px; left: 13.64px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(3) { top: 0; left: 20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(4) { top: -13.64px; left: 13.64px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(5) { top: -20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(6) { top: -13.64px; left: -13.64px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(7) { top: 0; left: -20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out; }

.line-spin-fade-loader > div:nth-child(8) { top: 13.64px; left: -13.64px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; }

.line-spin-fade-loader > div { background-color: #fff; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 5px; height: 15px; }

@-webkit-keyframes triangle-skew-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } }
@keyframes triangle-skew-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } }
.triangle-skew-spin > div { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes square-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } }
@keyframes square-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } }
.square-spin > div { width: 50px; height: 50px; background: #fff; border: 1px solid red; -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes rotate_pacman_half_up { 0% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
  50% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } }
@keyframes rotate_pacman_half_up { 0% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
  50% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } }
@-webkit-keyframes rotate_pacman_half_down { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } }
@keyframes rotate_pacman_half_down { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } }
@-webkit-keyframes pacman-balls { 75% { opacity: .7; }
  100% { -webkit-transform: translate(-100px, -6.25px); transform: translate(-100px, -6.25px); } }
@keyframes pacman-balls { 75% { opacity: .7; }
  100% { -webkit-transform: translate(-100px, -6.25px); transform: translate(-100px, -6.25px); } }
.pacman { position: relative; }

.pacman > div:nth-child(3) { -webkit-animation: pacman-balls 1s -.66s infinite linear; animation: pacman-balls 1s -.66s infinite linear; }

.pacman > div:nth-child(4) { -webkit-animation: pacman-balls 1s -.33s infinite linear; animation: pacman-balls 1s -.33s infinite linear; }

.pacman > div:nth-child(5) { -webkit-animation: pacman-balls 1s 0s infinite linear; animation: pacman-balls 1s 0s infinite linear; }

.pacman > div:first-of-type { width: 0; height: 0; border-right: 25px solid transparent; border-top: 25px solid #fff; border-left: 25px solid #fff; border-bottom: 25px solid #fff; border-radius: 25px; -webkit-animation: rotate_pacman_half_up .5s 0s infinite; animation: rotate_pacman_half_up .5s 0s infinite; position: relative; left: -30px; }

.pacman > div:nth-child(2) { width: 0; height: 0; border-right: 25px solid transparent; border-top: 25px solid #fff; border-left: 25px solid #fff; border-bottom: 25px solid #fff; border-radius: 25px; -webkit-animation: rotate_pacman_half_down .5s 0s infinite; animation: rotate_pacman_half_down .5s 0s infinite; margin-top: -50px; position: relative; left: -30px; }

.pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) { background-color: #fff; border-radius: 100%; margin: 2px; width: 10px; height: 10px; position: absolute; -webkit-transform: translate(0, -6.25px); -ms-transform: translate(0, -6.25px); transform: translate(0, -6.25px); top: 25px; left: 70px; }

@-webkit-keyframes cube-transition { 25% { -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% { -webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg); }
  75% { -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }
@keyframes cube-transition { 25% { -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% { -webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg); }
  75% { -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }
.cube-transition { position: relative; -webkit-transform: translate(-25px, -25px); -ms-transform: translate(-25px, -25px); transform: translate(-25px, -25px); }

.cube-transition > div { width: 10px; height: 10px; position: absolute; top: -5px; left: -5px; background-color: #fff; -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out; animation: cube-transition 1.6s 0s infinite ease-in-out; }

.cube-transition > div:last-child { -webkit-animation-delay: -.8s; animation-delay: -.8s; }

@-webkit-keyframes spin-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.semi-circle-spin { position: relative; width: 35px; height: 35px; overflow: hidden; }

.semi-circle-spin > div { position: absolute; border-width: 0; border-radius: 100%; -webkit-animation: spin-rotate .6s 0s infinite linear; animation: spin-rotate .6s 0s infinite linear; background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%); background-image: linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%); width: 100%; height: 100%; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/*!  Nhance SCSS Framework (c) + Bootstrap v3.3.4 | By Nhance.pl 4 GorillaKing */
/*!  WARNING! DO NOT EDIT NOR DELETE THIS FILE ! */
/*!  WARNING! Any changes please append to OVERWRITE.CSS file.  */
/*!  UWAGA! PROSZE NIE EDYTOWAC I NIE USUWAC TEGO PLIKU */
/*!  UWAGA! Wszelkie zmiany prosze wprowadzac do pliku OVERWRITE.CSS.  */
@media (max-width: 1500px) {
    .post-card { width: 25%; }
}

@media (min-width: 1470px) { /* col-lg-up */ }
@media (max-width: 1469px) { /* col-lg */
  span.avatar-icon i { font-size: 33px !important; }
  .title-block-top h1 { font-size: 18px; font-size: 1.125rem; }
  span.avatar-icon { width: 33px; }
  .avatar { width: 33px; line-height: 29px; height: 33px; border-width: 2px; }
  .avatar .avatar-inner { line-height: 29px; height: 29px; width: 29px; }
  .avatar.avatar-sm { width: 33px; line-height: 29px; height: 33px; border-width: 2px; }
  .avatar.avatar-sm .avatar-inner { line-height: 29px; height: 29px; width: 29px; }
  .avatar.avatar-xs { width: 36px; line-height: 30px; height: 36px; }
  .avatar.avatar-xs::before { margin-top: -35%; }
  .avatar.avatar-xs .avatar-inner { line-height: 32px; height: 32px; width: 32px; }
  ul.inline-icons-list.inline-icons-lg li { margin: 0 1px; }
  .post-item .inner-post .post-main { padding-left: 60px; }
  .post-main::before { left: 45px; }
  .post-item.post-item-comment .inner-post { padding-left: 50px; }
  .add-post-comment .inner-new-content { padding-left: 50px; }
  .user-b-1 { width: 40px; margin-right: -40px; }
  .user-b-2 { padding: 0px 100px 0 40px; }
  .user-b-3 { margin-left: -100px; width: 100px; }
  .user-b-3 span { line-height: 40px; height: 40px; }
  .user-b-3 span::before { line-height: 40px; height: 40px; } }
@media (min-width: 1180px) { /* col-md-up */ }
@media (max-width: 1251px) { /* col-md */
  .post-card { width: 33%; }
  /*body.side-bar-open { overflow: hidden; }*/
  .title-block-top { margin-left: 0px; }
  .title-block-top h1 { font-size: 18px; font-size: 1.125rem; }
  .title-block-top h1 .status-dot { margin-right: 5px; }
  .title-block-top h1 .icon { margin-left: 5px; }
  .rwd-triggers-block { display: block; }
  .trigger-filter-close { display: block; position: absolute; right: 0; }
  .rwd-filters { background-color: #533b78; position: absolute; top: 0; right: -6px; z-index: 20; height: 80px; padding-left: 20px; width: 270px; }
  .topfilters-open .rwd-filters { display: block; }
  .rwd-filters .sep-vertical-block { display: none; }
  .rwd-filters .group-work-block { padding: 0; }
  .rwd-filters .trigger-filter-close { display: block; }
  .rwd-filters * i { color: #ffffff; }
  .rwd-filters * a.active i { color: #22b283; }
  /*.search-main-block { width: 305px; background-color: #22b283; position: absolute; top: 0; right: -6px; z-index: 20; height: 80px; padding-left: 20px; padding-right: 0; overflow: hidden; }
  .search-main-block .trigger-search-close { display: block; position: absolute; right: 0; }
  .search-main-block form { float: left; padding-right: 60px; }*/
  .post-item:hover {  }
  #designer-btn { display: none; }
  #right-header .sep-vertical-block{ display: none; }
}

@media (max-width: 1145px) {
    .search-main-block .search-main-input{ width: 300px}
}

@media (max-width: 1145px) {
    .search-main-block .search-main-input{ width: 200px}
}

@media (max-width: 950px) {
    #login-btn span {display: none !important;}
}

@media (max-width: 934px) { /* col-sm */
  .title-top-name-1 { display : none !important; }
  .post-card { width: 50%; }
  #nomenu-header #bar-right { display: none; }
  header .title-block h1, header .title-block h2, header .title-block h3, header .title-block h4 { line-height: 55px; height: 55px; }
  .title-block h2 { font-size: 16px; font-size: 1rem; }
  .title-actions-right { line-height: 55px; /* height: 50px; */ float: left; }
  .wrapper.wrapper-shadow { padding-left: 12px; padding-right: 12px; }
  .wrapper.wrapper-shadow .row.sep-row { margin-left: -12px; margin-right: -12px; }
  .wrapper.wrapper-shadow > .row { margin-left: -12px; margin-right: -12px; }
  .wrapper.wrapper-shadow > .row > .col { padding-left: 12px; padding-right: 12px; }
  .side-bar-open #scaffold-left { width: 40px; margin-right: -40px; }
  .side-bar-open #scaffold-right { padding-left: 40px; }
  .inner-scaffold-right { padding-left: 10px; padding-right: 10px; }
  header#board-header { left: 40px; }
  .side-bar-open header#board-header { left: 40px; }
  .side-bar.side-bar-right { position: absolute; top: 0; left: 40px; margin-left: 0px !important;}
  .title-block-top h1 { font-size: 16px; font-size: 1rem; }
  .filter-content-btns { display: none; }
  .wrapper-fluid-2 { padding-left: 6px; padding-right: 6px; }
  .row.row-post { margin-left: -12px; margin-right: -12px; }
  .post-item.p-has-right .post-right-actions { display: none; }
  .post-item.p-has-right .inner-post .post-main { padding-right: 0; }
  .post-item.p-has-right .inner-post .post-main::after { display: none; }
  .post-item.post-item-comment .inner-post { padding-left: 15px; }
  .add-post-comment .inner-new-content { padding-left: 15px; }
  .post-text { font-size: 12px; font-size: 0.75rem; line-height: 1.6em; }
  ul.creators-list { display: block; }
  ul.creators-list li { display: block; font-size: 12px; font-size: 0.75rem; }
  ul.creators-list li::after { display: none; }
  button.trigger-n { display: block; }
  .right-header-btns-block { position: absolute; top: 100%; left: 0; right: 0; background-color: #ffffff; }
  ul.flat-list { padding: 0 20px 20px 20px; width: 100%; float: none; }
  ul.flat-list li { display: block; margin: 0; line-height: 42px; height: 42px; }
  ul.flat-list .btn-simple { display: block; width: 100%; text-align: left; }
  ul.flat-list .btn-simple.btn-simple-dark { display: inline-block; width: auto; }
  .form-group-simple .input-col { min-width: 170px; }
  .modal.modal-apps .modal-dialog { margin: 0; }
  .modal.modal-apps .modal-dialog .modal-content .modal-header button.close i { font-size: 32px; font-size: 2rem; margin-right: 12px; }
  .modal.modal-apps .tab-title { width: auto; padding: 0 12px; }
  .modal.modal-apps .tab-title span.h3 { font-size: 16px; font-size: 1rem; }
  #modal-app.modal.modal-apps .tab-title { width: auto; padding: 0 12px; }
  #modal-app.modal.modal-apps .tab-title span.h3 { font-size: 16px; font-size: 1rem; }
  .modal.modal-apps .search-main-apps { width: 40%; }
  #modal-app.modal.modal-apps .tab-workspace-title { width: auto; padding: 0 12px; }
  #modal-app.modal.modal-apps .tab-workspace-title span.h3 { font-size: 10px; font-size: 0.625rem; width: 78px; }
  /*.modal.modal-apps .search-main-apps { width: 50%; }*/
  .app-item .inner-block > a { padding: 5px; }
  .app-item span.inner-link { padding: 13px; }
  .app-item span.app-icon { width: 45px; margin-right: -45px; }
  .app-item span.app-icon img { width: 30px; height: auto; }
  .app-item span.app-desc { padding-left: 55px; }
  .app-item span.app-desc-inner { padding: 20px 0 65px 20px; }
  .app-item ul.creators-list { left: 83px; bottom: 20px; } }

@media (max-width: 815px) {
    .nav-top-col {
        display: none;
    }
    .avatar-link i{
        display: none;
    }
}

@media (max-width: 767px) { /* col-sm */
  table.responsive { margin-bottom: 0; }
  table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
  table.responsive td:first-child, table.responsive th:first-child { display: none; }
  table.responsive.pinned td { display: none; }
  .pinned { position: absolute; left: 0; top: 0; background: #FFF; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; }
  .pinned table { border-right: none; border-left: none; width: 100%; }
  .pinned table th, .pinned table td { white-space: nowrap; }
  .pinned td:last-child { border-bottom: 0; }
  div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #eaeaea; }
  div.table-wrapper div.scrollable { margin-left: 35%; overflow: scroll; overflow-y: hidden; } }


@media (max-width: 599px) { /* col-sm */
    .post-card { width: 100%; }
    .title-top-name { display : none !important; }
}

/*@media (max-width: 590px) {
    .title-top-name-1 { display : none !important; }
}*/

@media (max-width: 515px) { /* col-sm */
    .market-menu { white-space: nowrap; }
    .search-main-block { margin-left: 0px}
    .market-menu .filter-btn {float: none !important; margin-left: 5px;}
    .market-menu .filter-btn span { display: none; }
}

@media (max-width: 445px) {
    header#nomenu-header .nomenu-right-header {
        padding: 0 6px 0 6px;
    }
}

@media (max-width:420px){
    .closeSearch { display: none;}
    .title-block-top { display: none;}
    .search-main-block .search-main-input{ width: 150px}
    .signup-col {margin-left: 3px !important; }
}

/*@media (max-width:390px){
    #ucp { display: none; }
}*/


@media (max-width: 350px) {
    .search-main-block .search-main-input{ width: 120px}
}

@media (max-width: 340px){}
    .signup-col a {
    padding-left: 2px;
    padding-right: 2px;
    font-size: .75rem;
    }
}

@media (max-width: 305px) {
    .search-main-block .search-main-input{ width: 130px}
}


.defaultRenderer{
    color: #333333;
    background-color: white;
}

.labelRenderer{
    color: #333333;
    background-color: white;
}

.headerRenderer{
    background-color: #5C3B70;
    color: White;
}

.inputRenderer{
    background-color: #EEF9FB;
}
.inputreadonlyRenderer{
    background-color: #EEF9FB;
    font-style: italic;
}

.inputcomputedRenderer{
    background-color: #EEF9FB;
    font-style: italic;
}

.hiddenRenderer{
    visibility: hidden;
}

.alertRenderer{
    color: red;
    font-weight: bold;
    background-color: white;
}

.handsontable .defaultRenderer .htAutocompleteArrow,
.handsontable .labelRenderer .htAutocompleteArrow,
.handsontable .inputRenderer .htAutocompleteArrow,
.handsontable .inputreadonlyRenderer .htAutocompleteArrow,
.handsontable .inputcomputedRenderer .htAutocompleteArrow,
.handsontable .alertRenderer .htAutocompleteArrow
{
    color: #777 !important;
}

.handsontable .headerRenderer .htAutocompleteArrow{
    color: #EEE !important;
}

/*!
 * Handsontable 0.20.0
 * Handsontable is a JavaScript library for editable tables with basic copy-paste compatibility with Excel and Google Docs
 *
 * Copyright 2015 Handsoncode sp. z o.o. <hello@handsontable.com>
 * Licensed under the MIT license.
 * http://handsontable.com/
 *
 * Date: Fri Nov 20 2015 14:06:30 GMT+0100 (Central European Standard Time)
 */

.handsontable {
  position: relative;
}

.handsontable .hide{
  display: none;
}
.handsontable .relative {
  position: relative;
}

.handsontable.htAutoSize {
  visibility: hidden;
  left: -99000px;
  position: absolute;
  top: -99000px;
}

.handsontable .wtHider {
  width: 0;
}

.handsontable .wtSpreader {
  position: relative;
  width: 0; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
  height: auto;
}

.handsontable table,
.handsontable tbody,
.handsontable thead,
.handsontable td,
.handsontable th,
.handsontable input,
.handsontable textarea,
.handsontable div {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.handsontable input,
.handsontable textarea {
  min-height: initial;
}

.handsontable table.htCore {
  border-collapse: separate;
  /*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
  /*this actually only changes appearance of user selection - does not make text unselectable
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  /*user-select: none; /*no browser supports unprefixed version*/
  border-spacing: 0;
  margin: 0;
  border-width: 0;
  table-layout: fixed;
  width: 0;
  outline-width: 0;
  /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
  max-width: none;
  max-height: none;
}

.handsontable col {
  width: 50px;
}

.handsontable col.rowHeader {
  width: 50px;
}

.handsontable th,
.handsontable td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  height: 22px;
  empty-cells: show;
  line-height: 21px;
  padding: 0 4px 0 4px;
  /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  /* background-color: #FFF; MODIFICATION KZ THEMES*/
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
  /* preserve new line character in cell */
}

.handsontable td.htInvalid {
  background-color: #ff4c42 !important; /*gives priority over td.area selection background*/
}

.handsontable td.htNoWrap {
  white-space: nowrap;
}

.handsontable th:last-child {
  /*Foundation framework fix*/
  border-right: 1px solid #CCC;
}

.handsontable tr:first-child th.htNoFrame,
.handsontable th:first-child.htNoFrame,
.handsontable th.htNoFrame {
  border-left-width: 0;
  background-color: white;
  border-color: #FFF;
}

/*.handsontable th:first-child,
.handsontable td:first-of-type,
.handsontable .htNoFrame + th,
.handsontable .htNoFrame + td {
  border-left: 1px solid #CCC;
}*/

/*.handsontable.htRowHeaders thead tr th:nth-child(2) {
  border-left: 1px solid #CCC;
}*/

.handsontable tr:first-child th,
.handsontable tr:first-child td {
  border-top: 1px solid #CCC;
}

.ht_master:not(.innerBorderLeft) ~ .handsontable tbody tr th,
.ht_master:not(.innerBorderLeft) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child
{
  border-right-width: 0;
}

.ht_master:not(.innerBorderTop) thead tr:last-child th,
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th,
.ht_master:not(.innerBorderTop) thead tr.lastChild th,
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th {
  border-bottom-width: 0;
}

.ht_master.innerBorderTop thead tr:last-child th,
.ht_master.innerBorderTop ~ .handsontable thead tr:last-child th,
.ht_master.innerBorderTop thead tr.lastChild th,
.ht_master.innerBorderTop ~ .handsontable thead tr.lastChild th {
  border-bottom-width: 0;
}

.handsontable th {
  background-color: #EEE;
  color: #222;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
}

.handsontable thead th {
  padding: 0;
}

.handsontable th.active {
  background-color: #CCC;
}

.handsontable thead th .relative {
  padding: 2px 4px;
}

/* plugins */

.handsontable .manualColumnMover {
  position: fixed;
  left: 0;
  top: 0;
  background-color: transparent;
  width: 5px;
  height: 25px;
  z-index: 999;
  cursor: move;
}

.handsontable .manualRowMover {
  position: fixed;
  left: -4px;
  top: 0;
  background-color: transparent;
  height: 5px;
  width: 50px;
  z-index: 999;
  cursor: move;
}

.handsontable .manualColumnMoverGuide,
.handsontable .manualRowMoverGuide {
  position: fixed;
  left: 0;
  top: 0;
  background-color: #CCC;
  width: 25px;
  height: 25px;
  opacity: 0.7;
  display: none;
}

.handsontable .manualColumnMoverGuide.active,
.handsontable .manualRowMoverGuide.active {
  display: block;
}

.handsontable .manualColumnMover:hover,
.handsontable .manualColumnMover.active,
.handsontable .manualRowMover:hover,
.handsontable .manualRowMover.active{
  background-color: #88F;
}

/* row + column resizer*/

.handsontable .manualColumnResizer {
  position: fixed;
  top: 0;
  cursor: col-resize;
  z-index: 110;
  width: 5px;
  height: 25px;
}

.handsontable .manualRowResizer {
  position: fixed;
  left: 0;
  cursor: row-resize;
  z-index: 110;
  height: 5px;
  width: 50px;
}

.handsontable .manualColumnResizer:hover,
.handsontable .manualColumnResizer.active,
.handsontable .manualRowResizer:hover,
.handsontable .manualRowResizer.active {
  background-color: #AAB;
}

.handsontable .manualColumnResizerGuide {
  position: fixed;
  right: 0;
  top: 0;
  background-color: #AAB;
  display: none;
  width: 0;
  border-right: 1px dashed #777;
  margin-left: 5px;
}

.handsontable .manualRowResizerGuide {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #AAB;
  display: none;
  height: 0;
  border-bottom: 1px dashed #777;
  margin-top: 5px;
}

.handsontable .manualColumnResizerGuide.active,
.handsontable .manualRowResizerGuide.active {
  display: block;
}

.handsontable .columnSorting {
  position: relative;
}

.handsontable .columnSorting:hover {
  text-decoration: underline;
  cursor: pointer;
}

.handsontable .columnSorting.ascending::after {
  content: '\25B2';
  color: #5f5f5f;
  position: absolute;
  right: -15px;
}

.handsontable .columnSorting.descending::after {
  content: '\25BC';
  color: #5f5f5f;
  position: absolute;
  right: -15px;
}

.handsontable th.beforeHiddenColumn {
  position: relative;
}

.handsontable th.beforeHiddenColumn::after,
.handsontable th.afterHiddenColumn::before {
  content: '\25C0';
  color: #bbb;
  position: absolute;
  right: 1px;
  top: 2px;
  font-size: 5pt;
}

.handsontable th.afterHiddenColumn {
  position: relative;
}

.handsontable th.afterHiddenColumn::before {
  left: 1px;
  top: 2px;
  right: auto;
  content: '\25B6';
}

.handsontable td.afterHiddenColumn.firstVisible {
  border-left: 1px solid #CCC;
}

.handsontable thead th.hiddenHeader {
  display: none;
}

/* border line */

.handsontable .wtBorder {
  position: absolute;
  font-size: 0;
}
.handsontable .wtBorder.hidden{
  display:none !important;
}

.handsontable td.area {
  background: -moz-linear-gradient(top,  rgba(181,209,255,0.34) 0%, rgba(181,209,255,0.34) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,209,255,0.34)), color-stop(100%,rgba(181,209,255,0.34))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(181,209,255,0.34) 0%,rgba(181,209,255,0.34) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b5d1ff', endColorstr='#57b5d1ff',GradientType=0 ); /* IE6-9 */
  background-color: #fff;
}

/* fill handle */

.handsontable .wtBorder.corner {
  font-size: 0;
  cursor: crosshair;
}

.handsontable .htBorder.htFillBorder {
  background: red;
  width: 1px;
  height: 1px;
}

.handsontableInput {
  border:none;
  outline-width: 0;
  margin: 0 ;
  padding: 1px 5px 0 5px;
  font-family: inherit;
  line-height: 21px;
  font-size: inherit;
  box-shadow: 0 0 0 2px #5292F7 inset;
  resize: none;
  /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
  display: inline-block;
  color: #000;
  border-radius: 0;
  background-color: #FFF;
  /*overwrite styles potentionally made by a framework*/
}

.handsontableInputHolder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.htSelectEditor {
  -webkit-appearance: menulist-button !important;
  position: absolute;
  width: auto;
}

/*
TextRenderer readOnly cell
*/

.handsontable .htDimmed {
  color: #777;
}

.handsontable .htSubmenu {
  position: relative;
}

.handsontable .htSubmenu :after{
  content: '▶';
  color: #777;
  position: absolute;
  right: 5px;
}


/*
TextRenderer horizontal alignment
*/
.handsontable .htLeft{
  text-align: left;
}
.handsontable .htCenter{
  text-align: center;
}
.handsontable .htRight{
  text-align: right;
}
.handsontable .htJustify{
  text-align: justify;
}
/*
TextRenderer vertical alignment
*/
.handsontable .htTop{
  vertical-align: top;
}
.handsontable .htMiddle{
  vertical-align: middle;
}
.handsontable .htBottom{
  vertical-align: bottom;
}

/*
TextRenderer placeholder value
*/

.handsontable .htPlaceholder {
  color: #999;
}

/*
AutocompleteRenderer down arrow
*/

.handsontable .htAutocompleteArrow {
  float: right;
  font-size: 10px;
  color: #EEE;
  cursor: default;
  width: 16px;
  text-align: center;
}

.handsontable td .htAutocompleteArrow:hover {
  color: #777;
}

.handsontable td.area .htAutocompleteArrow {
  color: #d3d3d3;
}

/*
CheckboxRenderer
*/

.handsontable .htCheckboxRendererInput.noValue {
  opacity: 0.5;
}
.handsontable .htCheckboxRendererLabel {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

/*
NumericRenderer
*/

.handsontable .htNumeric {
  text-align: right;
}

/*
Comment For Cell
*/
.htCommentCell{
  position: relative;
}
.htCommentCell:after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid red;
}

@-webkit-keyframes opacity-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    /*display: none;*/
  }
}
@keyframes opacity-hide {
  from {
    /*display: block;*/
    opacity: 1;
  }
  to {
    opacity: 0;
    /*display: none;*/
  }
}

@-webkit-keyframes opacity-show {
  from {
    opacity: 0;
    /*display: none;*/
  }
  to {
    opacity: 1;
    /*display: block;*/
  }
}
@keyframes opacity-show {
  from {
    opacity: 0;
    /*display: none;*/
  }
  to {
    opacity: 1;
    /*display: block;*/
  }
}

/**
 * Handsontable in Handsontable
 */

.handsontable .handsontable.ht_clone_top .wtHider {
  padding: 0 0 5px 0;
}

/* removing shadows, TODO: remove the commented code and this comment  */
/*.handsontable .handsontable:not(.ht_master) table {*/
  /*-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);*/
  /*box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);*/
/*}*/

/**
* Autocomplete Editor
*/
.handsontable .autocompleteEditor.handsontable {
  padding-right: 17px;
}
.handsontable .autocompleteEditor.handsontable.htMacScroll {
  padding-right: 15px;
}


/**
 * Handsontable listbox theme
 */

.handsontable.listbox {
  margin: 0;
}

.handsontable.listbox .ht_master table {
  border: 1px solid #ccc;
  border-collapse: separate;
  background: white;
}

.handsontable.listbox th,
.handsontable.listbox tr:first-child th,
.handsontable.listbox tr:last-child th,
.handsontable.listbox tr:first-child td,
.handsontable.listbox td {
  border-color: transparent;
}

.handsontable.listbox th,
.handsontable.listbox td {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.handsontable.listbox td.htDimmed {
  cursor: default;
  color: inherit;
  font-style: inherit;
}

.handsontable.listbox .wtBorder {
  visibility: hidden;
}

.handsontable.listbox tr td.current,
.handsontable.listbox tr:hover td {
  background: #eee;
}

.ht_clone_top {
  z-index: 101;
}

.ht_clone_left {
  z-index: 102;
}

.ht_clone_top_left_corner,
.ht_clone_bottom_left_corner {
  z-index: 103;
}

/* QUICKFIX ==> REMOVE */
.ht_clone_top, .ht_clone_left, .ht_clone_top_left_corner, .ht_clone_bottom_left_corner {
  display: none !important;
}

.ht_clone_debug {
  z-index: 103;
}

.handsontable td.htSearchResult {
  background: #fcedd9;
  color: #583707;
}

/*
Cell borders
*/
.htBordered{
  /*box-sizing: border-box !important;*/
  border-width: 1px;
}
.htBordered.htTopBorderSolid {
  border-top-style: solid;
  border-top-color: #000;
}
.htBordered.htRightBorderSolid {
  border-right-style: solid;
  border-right-color: #000;
}
.htBordered.htBottomBorderSolid {
  border-bottom-style: solid;
  border-bottom-color: #000;
}
.htBordered.htLeftBorderSolid {
  border-left-style: solid;
  border-left-color: #000;
}

.htCommentTextArea{
  -moz-box-shadow: 1px 1px 2px #bbb;
  -webkit-box-shadow: 1px 1px 2px #bbb;
  background-color: #FFFACD;
  border: 1px solid #999;
  box-shadow: 1px 1px 2px #bbb;
  font-family: 'Arial';
}

.handsontable tbody tr th:nth-last-child(2) {
  border-right: 1px solid #CCC;
}

.handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
}


.ht_clone_top_left_corner thead tr th:nth-last-child(2) {
  border-right: 1px solid #CCC;
}

.htCollapseButton {
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  margin-bottom: 3px;
  position: relative;
}

.htCollapseButton:after {
  content: "";
  height: 300%;
  width: 1px;
  display: block;
  background: #ccc;
  margin-left: 4px;
  position: absolute;
  /*top: -300%;*/
  bottom: 10px;
}


thead .htCollapseButton {
  right: 5px;
  position: absolute;
  top: 5px;
  background: #fff;
}

thead .htCollapseButton:after {
  height: 1px;
  width: 700%;
  right: 10px;
  top: 4px;
}

.handsontable tr th .htExpandButton {
  position: absolute;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  top: 0;
  display: none;
}

.handsontable thead tr th .htExpandButton {
  /*left: 5px;*/
  top: 5px;
}

.handsontable tr th .htExpandButton.clickable {
  display: block;
}

.collapsibleIndicator {
  position: absolute;
  top: 50%;
  transform: translate(0% ,-50%);
  right: 5px;
  border: 1px solid #A6A6A6;
  line-height: 10px;
  color: #222;
  border-radius: 10px;
  font-size: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 0px 6px rgba(238,238,238,1);
  -moz-box-shadow: 0px 0px 0px 6px rgba(238,238,238,1);
  box-shadow: 0px 0px 0px 6px rgba(238,238,238,1);
  background: #eee;
}

.handsontable col.hidden {
  width: 0 !important;
}

.handsontable table tr th.lightRightBorder {
  border-right: 1px solid #E6E6E6;
}

.handsontable tr.hidden,
.handsontable tr.hidden td,
.handsontable tr.hidden th {
  display: none;
}

.ht_master,
.ht_clone_left,
.ht_clone_top,
.ht_clone_bottom {
  overflow: visible;
}

.ht_master .wtHolder {
  overflow: auto;
}

.ht_clone_left .wtHolder {
  overflow-x: hidden;
  overflow-y: auto;
}

.ht_clone_top .wtHolder,
.ht_clone_bottom .wtHolder {
  overflow-x: auto;
  overflow-y: hidden;
}


/*WalkontableDebugOverlay*/

.wtDebugHidden {
  display: none;
}

.wtDebugVisible {
  display: block;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: wtFadeInFromNone;
  animation-duration: 0.5s;
  animation-name: wtFadeInFromNone;
}

@keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@-webkit-keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
/*

 Handsontable Mobile Text Editor stylesheet

 */

.handsontable.mobile,
.handsontable.mobile .wtHolder {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-overflow-scrolling: touch;
}

.htMobileEditorContainer {
  display: none;
  position: absolute;
  top: 0;
  width: 70%;
  height: 54pt;
  background: #f8f8f8;
  border-radius: 20px;
  border: 1px solid #ebebeb;
  z-index: 999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
.topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
  z-index: 9999;
}

/* Initial left/top coordinates - overwritten when actual position is set */
.topLeftSelectionHandle,
.topLeftSelectionHandle-HitArea,
.bottomRightSelectionHandle,
.bottomRightSelectionHandle-HitArea {
  left: -10000px;
  top: -10000px;
}

.htMobileEditorContainer.active {
  display: block;
}

.htMobileEditorContainer .inputs {
  position: absolute;
  right: 210pt;
  bottom: 10pt;
  top: 10pt;
  left: 14px;
  height: 34pt;
}

.htMobileEditorContainer .inputs textarea {
  font-size: 13pt;
  border: 1px solid #a1a1a1;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: absolute;
  left: 14px;
  right: 14px;
  top: 0;
  bottom: 0;
  padding: 7pt;
}

.htMobileEditorContainer .cellPointer {
  position: absolute;
  top: -13pt;
  height: 0;
  width: 0;
  left: 30px;

  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #ebebeb;
}

.htMobileEditorContainer .cellPointer.hidden {
  display: none;
}

.htMobileEditorContainer .cellPointer:before {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  height: 0;
  width: 0;
  left: -13pt;

  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #f8f8f8;
}

.htMobileEditorContainer .moveHandle {
  position: absolute;
  top: 10pt;
  left: 5px;
  width: 30px;
  bottom: 0px;
  cursor: move;
  z-index: 9999;
}

.htMobileEditorContainer .moveHandle:after {
  content: "..\a..\a..\a..";
  white-space: pre;
  line-height: 10px;
  font-size: 20pt;
  display: inline-block;
  margin-top: -8px;
  color: #ebebeb;
}

.htMobileEditorContainer .positionControls {
  width: 205pt;
  position: absolute;
  right: 5pt;
  top: 0;
  bottom: 0;
}

.htMobileEditorContainer .positionControls > div {
  width: 50pt;
  height: 100%;
  float: left;
}

.htMobileEditorContainer .positionControls > div:after {
  content: " ";
  display: block;
  width: 15pt;
  height: 15pt;
  text-align: center;
  line-height: 50pt;
}

.htMobileEditorContainer .leftButton:after,
.htMobileEditorContainer .rightButton:after,
.htMobileEditorContainer .upButton:after,
.htMobileEditorContainer .downButton:after {
  transform-origin: 5pt 5pt;
  -webkit-transform-origin: 5pt 5pt;
  margin: 21pt 0 0 21pt;
}

.htMobileEditorContainer .leftButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(-45deg);
  /*margin-top: 17pt;*/
  /*margin-left: 20pt;*/
}
.htMobileEditorContainer .leftButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .rightButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(135deg);
  /*margin-top: 17pt;*/
  /*margin-left: 10pt;*/
}
.htMobileEditorContainer .rightButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .upButton:after {
  /*border-top: 2px solid #cfcfcf;*/
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(45deg);
  /*margin-top: 22pt;*/
  /*margin-left: 15pt;*/
}
.htMobileEditorContainer .upButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .downButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(225deg);
  /*margin-top: 15pt;*/
  /*margin-left: 15pt;*/
}
.htMobileEditorContainer .downButton:active:after {
  border-color: #cfcfcf;
}

.handsontable.hide-tween {
  -webkit-animation: opacity-hide 0.3s;
  animation: opacity-hide 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.handsontable.show-tween {
  -webkit-animation: opacity-show 0.3s;
  animation: opacity-show 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
/*!
 * Handsontable ContextMenu
 */

.htContextMenu {
  display: none;
  position: absolute;
  z-index: 1060; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
}

.htContextMenu .ht_clone_top,
.htContextMenu .ht_clone_left,
.htContextMenu .ht_clone_corner,
.htContextMenu .ht_clone_debug {
  display: none;
}

.htContextMenu table.htCore {
  border: 1px solid #bbb;
  border-bottom-width: 2px;
  border-right-width: 2px;
}

.htContextMenu .wtBorder {
  visibility: hidden;
}

.htContextMenu table tbody tr td {
  background: white;
  border-width: 0;
  padding: 4px 6px 0 6px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.htContextMenu table tbody tr td:first-child {
  border: 0;
}

.htContextMenu table tbody tr td.htDimmed {
  font-style: normal;
  color: #323232;
}

.htContextMenu table tbody tr td.current,
.htContextMenu table tbody tr td.zeroclipboard-is-hover {
  background: #e9e9e9;
}

.htContextMenu table tbody tr td.htSeparator {
  border-top: 1px solid #bbb;
  height: 0;
  padding: 0;
}

.htContextMenu table tbody tr td.htDisabled {
  color: #999;
}

.htContextMenu table tbody tr td.htDisabled:hover {
  background: #fff;
  color: #999;
  cursor: default;
}

.htContextMenu table tbody tr.htHidden {
  display: none;
}

.htContextMenu table tbody tr td .htItemWrapper {
  margin-left: 10px;
  margin-right: 6px;
}

.htContextMenu table tbody tr td div span.selected {
  margin-top: -2px;
  position: absolute;
  left: 4px;
}

.htContextMenu .ht_master .wtHolder {
  overflow: hidden;
}
@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}



/*::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,0.2);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.2);
}
::-webkit-scrollbar-thumb:hover {
    background-color: white;
}*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 320px;
}*/

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

select.input-validation-error,
button.input-validation-error,
input[type].input-validation-error,
textarea.input-validation-error,
div.hiddenInputDisplayElement.input-validation-error, div.propertyWindowFormulaEditor.input-validation-error {
    /*border: 1px solid #b94a48 !important;*/
    background-color: #fed6d6 !important;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
    background-color: #fab7b7;
}

tr.input-validation-error {
    background-color: #fed6d6 !important;
}

tr.input-validation-error td {
    background-color: #fed6d6 !important;
}

.nav-tabs > li > a.input-validation-error,
.nav-tabs > li > a.input-validation-error:hover,
.nav-tabs > li > a.input-validation-error:focus {
    background-color: #fed6d6 !important;
    border-left-color: #eeeeee !important;
    border-right-color: #eeeeee !important;
    border-top-color: #eeeeee !important;
}

.nav-tabs > li.active > a.input-validation-error,
.nav-tabs > li.active > a.input-validation-error:hover,
.nav-tabs > li.active > a.input-validation-error:focus {
    border-left-color: #b94a48 !important;
    border-right-color: #b94a48 !important;
    border-top-color: #b94a48 !important;
}

/*.section.input-validation-error {
    border: 2px solid #b94a48;
}*/

.actionInfo.input-validation-error {
    border: 1px solid #b94a48;
    background-color: #fed6d6 !important;
}

/*.section .htCore td.input-validation-error {
    background-color: #fed6d6 !important;
}*/

.handsontable table.htCore {
    border-collapse: collapse;
}

.handsontable .htCore th.input-validation-error,
.handsontable .htCore td.input-validation-error {
    background-color: #fed6d6 !important;
}

.handsontable .htOverlay {
  /*background-color: rgba(18, 255, 0, 0.03);*/
  position: absolute;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

.handsontable .htOverlay.visible {
  background-color: rgba(0, 247, 255, 0.03);
  pointer-events: all;
}

.handsontable .htOverlay .border {
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.secNameTitle {
    margin-left: 5px;
    font-weight: bold;
}

.secBoundTitle {
    margin-left: 3px;
    color: #6b6b6b;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-errors ul {
    list-style-type: none;
    padding-left: 0;
}

.validation-summary-valid {
    display: none;
}

.tooltip .errorMsg {
    text-align: left;
}

.top-padding {
    padding-top: 5px;
}

.section {
    text-align: left;
    padding: 3px; 
    border: transparent 1px dotted;
    margin: 1px;
    display: inline-block;
    position: relative;
    vertical-align: top !important;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#designpane .section {
    background-color: white;
}

.section.selected,
.section.show-headers.selected {
    border: #715492 2px solid !important;
    margin: 0;
}

.section:hover,
.section.hover,
.section.show-headers.hover,
.section.show-headers:hover {
    border: #ac86d9 1px dotted;
}

.section.input-validation-error {
    border: 2px solid #b94a48;
    margin: 0;
}

.section.show-headers.input-validation-error {
    border: 2px solid #b94a48;
}

.sectionInstance {
    text-align: left;
    padding: 3px; 
}

.section.disablePointerEvents {
    pointer-events: none;
}

[data-section-type=List].handsontable .currentRow,
[data-section-type=Table].handsontable .currentRow {
    background-color: #E7E8EF !important;
}

.app-row-separator {
    border-top: 1px solid #000;
    margin-bottom: 5px;
    margin-top: 5px;
}

/*.selected {
    border: blue 2px solid !important;
}*/

.droppableContainer {
    background: yellow !important;
}

.ui-sortable-placeholder {
    display: inline-block;
    background: yellow !important;
}

#designpane #designerTabs .tab-pane {
    /*background-color: #fafaed;*/
}

#designpane #designerTabs .tab-pane.not-visible-tabs {
    display: block !important;
    height: 0 !important;
    overflow: hidden !important;
    width: 0 !important;
}

.sortableRow {
    /*width: 100%;*/
    position: relative;
    /*display: inline-block;*/
    min-height: 25px; 
    /*margin-bottom: 3px;*/ 
    /*border: 1px solid lightgray;*/
    /*white-space: nowrap;*/
    /*background: #fafaed !important;*/
    border: 1px solid transparent;
}

.designerRow .sectionContainer {
    display: block;
    width: 100%;
    min-height: 20px;
}

.sortableRow .sectionContainer {
    display: block;
    width: 100%;
}

.designerRow.dropRow {
    display: block;
    visibility: hidden;
    height: 0;
    background-color: rgba(136, 255, 136, 0.10);
    /*background-color: rgba(115, 220, 255, 0.10);*/
    -moz-transition: height 0.5s;
    -o-transition: height 0.5s;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}

.dropzoneRow {
    position: absolute;
    /* workaround - should be used some option to fill whole container */
    height: 500px;
    width: 100%;
    margin-top: -20px;
}

.dropzoneRow.can-drop {
    background-color: rgba(115, 220, 255, 0.10);
}

.designerRow.dropRow .actions {
    display: none;
}

.designerRow.dropRow.visible {
    height: auto;
    min-height: 50px;
    visibility: visible;
    -moz-transition: height 0.5s;
    -o-transition: height 0.5s;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}

.designerRow.dropRow.visible .sectionContainer {
    height: 100%;
}

.sortableRow:hover {
    /*background: #fdfdd3 !important;*/
    border: 1px dotted rgba(128, 128, 128, 0.50);
}

.sortableRow > .actions {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.sortableRow:hover > .actions {
    display: block;
}

.section .actions {
    display: none;
    position: absolute;
    top: -2px;
    right: -23px;
    /*left: -23px;*/
    z-index: 3;
}

.section.selected .actions {
    display: block;
}

.section.selected .header,
.section.selected.show-headers .header,
.section.selected.show-headers.hover .header,
.section.selected.show-headers:hover .header {
    display: block;
    border: #715492 2px solid;
    left: -2px;
    padding: 1px 1px 0 1px;
    z-index: 1;
}

.section .actions a {
    display: block;
    padding: 0;
    width: 20px;
    color: #ffffff;
    background-color: #715492;
    height: 20px;
    text-align: center;
    margin-bottom: 1px;
}

.section .actions a:hover {
    background-color: #46265A;
}

.section.show-headers {
    border: #96a4b1 1px dotted;
}

.section.show-headers .header {
    display: block;
    border-left: #96a4b1 1px dotted;
    border-top: #96a4b1 1px dotted;
    border-right: #96a4b1 1px dotted;
    border-bottom: #96a4b1 1px dotted;
}

.section .header,
.section.show-headers:hover .header,
.section.show-headers.hover .header {
    display: none;
    position: absolute;
    top: -22px;
    left: -1px;
    font-size: 12px;
    border: #ac86d9 1px dotted;
    padding: 2px 1px 1px 1px;
    background-color: #ffffff;
}

.section:hover .header,
.section.show-headers:hover .header {
    display: block;
    background-color: #ffffff;
    z-index: 2;
}

.section.hover .header,
.section.show-headers.hover .header {
    display: block;
}

.section-placeholder {
    display: inline-block;
    background-color: #efefef;
}

.section.ui-resizable-resizing {
    display: block;
    border: #97ccff 1px dotted;
}

.section.ui-resizable-resizing .header {
    display: block;
}

/*.sortableRow .header {
    display: block;
    height: 32px;
    background: rgb(221, 221, 221);
}*/

.rowInstance {
    margin-bottom: 3px; 
    /*white-space: nowrap;*/
}

/*.sectionContainer {
    display: table;
    width: 100%;
    min-height: 10px;
}*/

.marginFloatLeft {
    text-align: left;
}

.marginFloatRight {
    text-align: right;
}

.marginFloatCenter {
    text-align: center;
}

.sortableRowAllow {
    border: 1px dotted rgba(128, 128, 128, 0.50);
}

.sortableRow-placeholder {
    background-color: #efefef;
}

/*.sortableRowAllow .ui-sortable-placeholder {
    border: 1px solid gray;
}*/

.headerButton.removeRow {
    /*display: none;*/
    /*padding: 2px 8px; 
    float: right;*/ 
    margin: 3px;
}

.headerButton.addSection {
    /*display: none;*/
    /*padding: 2px 8px; 
    float: right;*/
    margin: 3px 0;
}

.headerButton {
    padding: 0 4px;
    float: right;
    margin: 3px;
    line-height: 24px;
    height: 24px;
}

/* section and cell property windows */
.propertyWindow {
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
    overflow: visible;
    white-space: nowrap;
}

.propertyWindow td {
    padding: 0px !important;
}

.propertyWindow td:first-child {
            padding-left: 12px !important;
}

.propertyWindow td.lev1 {
            padding-left: 24px !important;
}
/*
.propertyWindow tr td:first-child {
    border-right: 5px solid green;
}*/

.propertyWindow input,
.propertyWindow select {
    /*height:100%;*/
        width: 100%;
    border: 1px solid transparent;
    padding: 0;
    margin: 0;
}

.propertyWindow input[type=checkbox] {
            height: auto;
}

#designpane li.active a {
    /*background: #fafaed !important;*/
}

li.bundledApp a {
    background: #f5d374 !important;
}

/* output */

select.outputField {
    height: 25px;
    padding: 1px;
}

input.outputField {
    width: 120px;
}

.removeIndexKey {
    margin-right: 5px;
}

/*RichTextEditor*/
.btn-toolbar {
    margin-top: 3px;
}

.btn-toolbar .btn {
    padding: 0 6px;
    line-height: 28px;
    height: 28px;
    border-radius: 0;
    background-color: white;
    color: #333;
    border: 1px solid #dddddd;
}

.btn-toolbar .btn.btn-default.active {
    color: #ffffff;
    background-color: #46265A;
    border-color: #46265A;
}

.context-toolbar {
}



.context-toolbar .space-separator {
    height: 2px;
}

.handsontable th,
.handsontable td {
    overflow: hidden !important;
    line-height: normal !important;
    vertical-align: middle !important;
}

.objContainer{
    height: 100%
}

/*div.objContainer.no-wrap-content.handsontable th,*/
div.objContainer.no-wrap-content.handsontable td {
    white-space: nowrap !important;
}

.richTextEditor {
	height: 100%;
	background-color: white;
	border-collapse: separate; 
	border: 1px solid rgb(204, 204, 204); 
	padding: 4px; 
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
	box-sizing: content-box; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; 
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
	outline: none;
}

#cell-toolbar {
    width: 445px;
}

div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: -4px;
  display: inline-block;
  /*margin-left: 5px;*/
}

textarea {
    max-width: none !important;
}

.fa-plus-square-o {
    margin-right: 5px;
}

.fa-minus-square-o {
    margin-right: 5px;
}

.fa-noicon-square-o {
    margin-right: 16px;
    visibility: hidden;
}

/*EDIT DESIGNER INPUT TAB NAME*/
#designpane input.tabName {
    height: 24px;
    max-width: 100px;
    border: gray dotted 1px;
    padding-left: 3px;
}

#designpane input.tabName:focus {
  outline: none;
}

#designpane li a input.tabName {
    background: none;
    border: 1px dotted #ddd;
}

#designpane li.active a input.tabName {
    /*background: #fafaed !important;*/
}

.errorText {
    color: #dd0000;
    width: 100%;
    text-align: center;
    font-size: 120%;
}

select[name=listSelection] option.imported {
    color: #58d026;
}

/* Property inputs max length remove*/
/*#propertyTablesContainer INPUT,
#propertyTablesContainer SELECT {
    max-width: none;
}*/

/* class for collapsed elements that have toggle diplay functionality and can be globaly hidden by inline diplay:none */

#toolpane .collapsed {
    display: none !important;
}

/*.expand_icon,
.collapse_icon {
    margin-right: 2px !important;
}*/
.expand_icon,
.collapse_icon {
    margin-left: -2px;
    margin-right: 1px;
    font-size: 16px;
    vertical-align: middle;
    line-height: 19px;
}

#searchDataTab button i { vertical-align: middle; }

#defpane {
    height: 100%; 
    overflow: hidden;
}

#defpane .material-symbols-outlined {
    font-size: 16px;
    vertical-align: middle;
    line-height: 19px;
}

#toolpane .mCSB_container_wrapper > .mCSB_container {
    padding-right: 0;
    padding-bottom: 0;
}

#toolpane .mCSB_container_wrapper {
    margin-right: 5px;
    margin-bottom: 10px;
}

#toolpane .mCustomScrollBox {
    padding-bottom: 8px;
    padding-right: 2px;
}

#toolpane .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 10px;
}

#toolpane .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 5px;
}

.scroll-pane {
    overflow: auto;
}

/* class for collapsed elements that have toggle diplay functionality and can be globaly hidden by inline diplay:none */

.tooltip {
    z-index: 2000 !important;
}

/*designer Themes*/
.isFormula {
    text-indent: 100%;   
    background-position: top right, left !important; 
}

#designerTabs {
    padding: 20px 0 0 0;
}

    #designerTabs.types TD {
    background-size: 12px, 20px !important;
}

    #designerTabs.formulas TD {
    background-size: 0, 0 !important;
    text-indent: 0 !important;
}

    #designerTabs.formulasTypes TD {
    background-size: 12px, 0 !important;
    text-indent: initial !important;
}

.dropdownRenderer {
    background-image: url('../content/img/dropdown.png'), url("img/fx.png");
    background-position: top right, -100px;
    background-repeat: no-repeat;
    background-size: 0, 20px;
}

.textRenderer {
    background-image: url('../content/img/text.png'), url("img/fx.png");
    background-position: top right, -100px;
    background-repeat: no-repeat;
    background-size: 0, 20px;
}

.numberRenderer {
    background-image: url('../content/img/numeric.png'), url("img/fx.png");
    background-position: top right, -100px;
    background-repeat: no-repeat;
    background-size: 0, 20px;
}

.currencyRenderer {
    background-image: url('../content/img/currency.png'), url("img/fx.png");
    background-position: top right, -100px;
    background-repeat: no-repeat;
    background-size: 0, 20px;
}

.percentageRenderer {
    background-image: url('../content/img/percent.png');
    background-position: top right, -100px;
    background-repeat: no-repeat;
    background-size: 0, 20px;
}

.autocompleteRenderer {
    background-image: url('../content/img/autocomplete.png'), url("img/fx.png");
    background-position: top right, -100px;
    background-repeat: no-repeat;
    background-size: 0, 20px;
}

.checkboxRenderer {
    background-image: url('../content/img/checkbox.png'), url("img/fx.png");
    background-position: top right, -100px;
    background-repeat: no-repeat;
    background-size: 0, 20px;
}

.dateRenderer {
    background-image: url('../content/img/date.png'), url("img/fx.png");
    background-position: top right, -100px;
    background-repeat: no-repeat;
    background-size: 0, 20px;
}

.datetimeRenderer {
    background-image: url('../content/img/date.png'), url("img/fx.png");
    background-position: top right, -100px;
    background-repeat: no-repeat;
    background-size: 0, 20px;
}

#designerTabs .numberRenderer, 
#designerTabs .currencyRenderer,
#designerTabs .percentageRenderer {
    text-align: right;
}

#designerTabs .numberRenderer.htLeft, 
#designerTabs .currencyRenderer.htLeft,
#designerTabs .percentageRenderer.htLeft {
    text-align: left;
}

#designerTabs .numberRenderer.htCenter, 
#designerTabs .currencyRendere.htCenter,
#designerTabs .percentageRenderer.htCenter {
    text-align: center;
}

#designerTabs .numberRenderer.htRight, 
#designerTabs .currencyRendere.htRight,
#designerTabs .percentageRenderer.htRight {
    text-align: right;
}

#designerTabs .numberRenderer.isFormula, 
#designerTabs .currencyRenderer.isFormula,
#designerTabs .percentageRenderer.isFormula {
    text-align: left;
}

/*designer Themes*/

.workflow-parameters {
    margin: 5px;
}

.formulaEditor {
    border: 1px solid #b4b4b4;
    max-width: 100%; 
    height: 24px;
    position: absolute;
    right: 3px;
    padding-left: 3px;
    padding-top: 1px;
    overflow: hidden;
}

.formulaEditor[contenteditable="true"].single-line br {
    display: none;
}

.formulaEditor[contenteditable="true"].single-line {
    white-space: pre;
}

.formulaEditor .caret-marker {
    display: none;
}

#cellPropertiesContainer .text-control {
    display: table;
    margin: 0 auto;
}

#cellPropertiesContainer .text-control .btn {
    margin: 0 5px;
}

/*#toolpane input,
#toolpane select,
#toolpane textarea {
    max-width: 100%;
}*/

.wait-cursor {
    cursor: wait;
}

div.ajax-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background-color: rgba(0,0,0,0.5); /*dim the background*/
    visibility: hidden;
}

/* ajax spinner */

#circularG {
    position: relative;
    width: 128px;
    height: 128px;
    margin: auto;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.circularG {
    position: absolute;
    background-color: rgba(206, 206, 206, 0.90);
    width: 29px;
    height: 29px;
    -moz-border-radius: 19px;
    -moz-animation-name: bounce_circularG;
    -moz-animation-duration: 1.04s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -webkit-border-radius: 19px;
    -webkit-animation-name: bounce_circularG;
    -webkit-animation-duration: 1.04s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -ms-animation-name: bounce_circularG;
    -ms-animation-duration: 1.04s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -o-animation-name: bounce_circularG;
    -o-animation-duration: 1.04s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: normal;
    border-radius: 19px;
    animation-name: bounce_circularG;
    animation-duration: 1.04s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}

#circularG_1 {
    left: 0;
    top: 50px;
    -moz-animation-delay: 0.39s;
    -webkit-animation-delay: 0.39s;
    -ms-animation-delay: 0.39s;
    -o-animation-delay: 0.39s;
    animation-delay: 0.39s;
}

#circularG_2 {
    left: 14px;
    top: 14px;
    -moz-animation-delay: 0.52s;
    -webkit-animation-delay: 0.52s;
    -ms-animation-delay: 0.52s;
    -o-animation-delay: 0.52s;
    animation-delay: 0.52s;
}

#circularG_3 {
    top: 0;
    left: 50px;
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

#circularG_4 {
    right: 14px;
    top: 14px;
    -moz-animation-delay: 0.78s;
    -webkit-animation-delay: 0.78s;
    -ms-animation-delay: 0.78s;
    -o-animation-delay: 0.78s;
    animation-delay: 0.78s;
}

#circularG_5 {
    right: 0;
    top: 50px;
    -moz-animation-delay: 0.91s;
    -webkit-animation-delay: 0.91s;
    -ms-animation-delay: 0.91s;
    -o-animation-delay: 0.91s;
    animation-delay: 0.91s;
}

#circularG_6 {
    right: 14px;
    bottom: 14px;
    -moz-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    animation-delay: 1.04s;
}

#circularG_7 {
    left: 50px;
    bottom: 0;
    -moz-animation-delay: 1.17s;
    -webkit-animation-delay: 1.17s;
    -ms-animation-delay: 1.17s;
    -o-animation-delay: 1.17s;
    animation-delay: 1.17s;
}

#circularG_8 {
    left: 14px;
    bottom: 14px;
    -moz-animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

@-moz-keyframes bounce_circularG {
    0% {
        -moz-transform: scale(1);
    }

    100% {
        -moz-transform: scale(.3);
    }
}

@-webkit-keyframes bounce_circularG {
    0% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(.3);
    }
}

@-ms-keyframes bounce_circularG {
    0% {
        -ms-transform: scale(1);
    }

    100% {
        -ms-transform: scale(.3);
    }
}

@-o-keyframes bounce_circularG {
    0% {
        -o-transform: scale(1);
    }

    100% {
        -o-transform: scale(.3);
    }
}

@keyframes bounce_circularG {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -moz-transform: scale(.3);
        -ms-transform: scale(.3);
        -o-transform: scale(.3);
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

.leftSlider {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 250px;
    top: 51px;
    z-index: 4;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    -webkit-transition: all 0.25s ease;
     -moz-transition: all 0.25s ease;
     -o-transition: all 0.25s ease;
     transition: all 0.25s ease;
}

    .leftSlider.toogled {
    left: -250px;
    -webkit-transition: all 0.25s ease;
     -moz-transition: all 0.25s ease;
     -o-transition: all 0.25s ease;
     transition: all 0.25s ease;
}

@media(max-width:1680px) {
    .leftSlider {
        left: -250px;
    }

    .leftSlider.toogled {
        left: 0;
    }
}


/*@media(max-width:1650px) {
    #rightSlider {
        right: -250px;
    }

    #rightSlider.toogled {
        right: 0;
    }
}*/

.leftSlider .list-group-item {
    border-radius: 0px !important;
}

/*#rightSlider .list-group-item{
    border-radius: 0px !important;
}*/

.toggler {
      z-index: 4;
      background-color: #fff;
      -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #E0E0E0;
      border: 1px solid rgba(0, 0, 0, .15);
      width: 20px;
      height: 48px;
      position: absolute;
      top: 10px;
      cursor: pointer;
}

.togglerSelected {
    background-color: #dddddd;
    border-left: 0 !important;
}

.leftSlider > .toggler {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-left: 1px solid #fff;
      -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
      box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
      right: -20px;
} 

    .leftSlider > .toggler > span {
        margin: 15px 2px;
      display: block; 
      line-height: 16px;
}

    .leftSlider > .toggler i {
    font-size: 0.9em;
}

/*#rightSlider > .toggler{
      -webkit-border-top-left-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
      -moz-border-radius-bottomleft: 4px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      border-right: 1px solid #fff;
      -webkit-box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);
      box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);      		
      left: -20px;
} 

#rightSlider > .toggler > span{
      margin:15px 2px;
}*/

 /*.appimg{
     opacity: 0.25;
 }

 .appimg:hover{
     opacity: 0.75;
 }*/

.createimg {
     opacity: 0.5;
 }

.selectedimg {
     opacity: 0.9 !important;
 }

.createimg:hover {
     opacity: 0.9;
 }

span.dates {
    font: 11px Tahoma,Arial,Helvetica,sans-serif;
    color: gray;
 }

span.author {
    font: 12px Tahoma,Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: #3b3b3b;
 }

 .slider-toggle {
  position: relative;
  float: right;
  padding: 5px 5px;
  margin-top: 12px;
  margin-right: 5px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
}

.slider-toggle:hover {
  background-color: #0A5A9C;
}

.slider-toggle .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 1px;
  background-color: #ffffff;
}

.slider-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.dashboardToogle {
    padding-left: 0px;
    font: 12px Tahoma,Arial,Helvetica,sans-serif;
    color: gray;
    cursor: pointer;
}

    .dashboardToogle:hover {
        color: black;
}

.diagramToggeled {
    display: none;
}

.messageRow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24); 
    margin-bottom: 1px; 
    background-color: white; 
    margin-left: -15px;
    margin-right: -15px; 
    padding-left: 15px;
    padding-right: 15px;
}

    .messageRow .msgIcon {
    padding: 0 6px;
    display: inline-block;
    visibility: hidden;
    position: relative;
    opacity: 0.25;
}

.messageRow .msgIcon:hover {
    opacity: 0.75;
}

.messageRow:hover .msgIcon {
    visibility: visible;
    display: inline-block;
}

.msgIcon .numberIndicator {
    position: absolute;
    right: -2px;
    top: -2px;
    display: block;
    min-width: 15px;
    height: 15px;
    z-index: 1;
    background: #20AE82;
    vertical-align: middle;
    text-align: center;
    border-radius: 15px;
    color: #eee;
    font-weight: 700;
    font-size: 11px;
    padding: 0px 2px;
}

.forceVisible {
    visibility: visible !important;
}

#accountMenu {
    line-height: inherit !important;
    height: 19px !important;
    margin-right: 8px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 5px;
}

    #accountMenu :hover {
    background-color: rgba(67,67,67,0.3);
    /*border: 1px solid white;*/
    border-radius: 3px;
}

    #accountMenu i {
    bottom: -1px;
}

#meMenu.dropdown-menu > li {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
  border-bottom: 1px solid #cccccc;
}

    #meMenu.dropdown-menu > li:last-of-type {
    border-bottom: 0;
}

#meMenu.dropdown-menu > li:hover,
#meMenu.dropdown-menu > li:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #428bca;
}

.editMessage {
    width: auto !important;
    padding-top: 0px !important;
    margin-top: 5px;
}

/*.newMessage{
    display: table !important;
    border-spacing: 5px;
    padding: 1px;
    border-right: 0;
}

.newMessage .message{
    display:table-cell;
    padding:0;
    margin:0;
    border:0;
    outline-offset: 0px;
    outline: 0;
    width:100%;
}*/

.messageAll .message {
    -ms-word-break: break-all;
    word-break: break-all;
}

    .messageAll .message span {
    color: #A97ED2;
}

/*.post-body .post-message {
    -ms-word-break: break-all;
    word-break: break-all;
}*/

a.mention {
    color: #A97ED2 !important;
    text-decoration: none !important;
}

a.link {
    color: #20AE82 !important;    
}

.newCommentForm {
    display: table !important;
    border-spacing: 5px;
    padding: 1px;
}

.newCommentForm INPUT {
        display: table-cell;
        padding: 0;
        margin: 0;
        border: 0;
    outline-offset: 0;
    outline: 0;
        width: 100%;
}

span.comment-content {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.focused {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.duespan {
    display: inline-block;
    white-space: nowrap;
    background-color: #cccccc;
    border-radius: 15px;
    padding: 1px 5px 1px 10px;
    margin-right: 4px;
    line-height: 22px;
    background-color: #22b283;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 500;
}

.duespan i {
    font-size: 16px;
    color: white;
    vertical-align: text-bottom;
}

/*dropzone*/

.dz-message {
    display: none;
}

.dz-image, .dz-error-message, .dz-success-mark, .dz-error-mark {
    display: none;
}

.dropzone .dz-preview .dz-progress {
    position: absolute; 
    width: 100%; 
    height: 100%; 
    left: 0;
    top: 0;
    border-radius: 15px;
    overflow: hidden;
    z-index: 0;
}

.dropzone .dz-preview .dz-progress .dz-upload {
    width: 0;
    background: #20AE82;
    height: 100%;
}

.dropzone .dz-preview .dz-details-container {
    position: relative;
}

.add-content-form .files .oneFile {
    display: inline-block;
    white-space: nowrap;
    background-color: #cccccc;
    border-radius: 15px;
    padding: 1px 5px 1px 10px;
    margin-right: 4px;
    line-height: 22px;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 500;
    margin-top: 3px;
    position: relative;
}

.add-content-form .files .oneFile.existingFile {
    background-color: #20AE82;
}

.add-content-form .message .oneFile {
    display: inline-block;
    white-space: nowrap;
    background-color: #cccccc;
    border-radius: 15px;
    padding: 1px 5px 1px 10px;
    margin-right: 4px;
    line-height: 22px;
    /*background-color: #22b283;*/
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 500;
    position: relative;
}

.add-content-form .oneFile i {
    font-size: 16px;
    color: white;
    vertical-align: text-bottom;
}

.add-content-form .oneFile span {
    color: #ffffff !important;
}

#dropzoneFormEdit ul li a {
    text-decoration: none;
    color: #262626;
}

/*.oneFile{
    margin-top: 3px;
    white-space: nowrap;
    background-color: #cccccc;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
}*/

/*.newMessage .oneFile{
    display: table-cell;
    width: 1%;
}

.dropzone-previews .oneFile{
    float: left;
}*/

.dz-error {
    background-color: #d19f9f !important;
}


#packageForm .dz-preview, #packageForm .dz-image {
    display: inline;
}
#packageForm a.dz-remove, #packageForm a.dz-remove i {
    vertical-align: top;
    position: relative;
    cursor: pointer;
}
#packageForm img {
    margin-bottom: 9px;
}
#packageForm .oldFile img {
    height: 100px;
    width: auto;
}

/*dropzone*/

.attachmentImg {
    display: inline-block;
    font: 12px Tahoma,Arial,Helvetica,sans-serif;
    color: gray;
    font-weight: bold;
    min-width: 120px;
    /*line-height: 40px;*/
    /*box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.24);*/
    /*border: 1px solid #ccc;*/
    /*margin-right: 10px;*/
    /*margin-bottom: 3px;*/
    /*cursor: pointer;*/
}

.attachmentImg:hover {
    /*box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.24);*/
}

.attachment {
    position: relative;
    display: inline-block;
    font: 12px Tahoma,Arial,Helvetica,sans-serif;
    color: gray;
    font-weight: bold;
    min-width: 120px;
    height: 80px;
    line-height: 55px;
    /*box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.24);*/
    border: 1px solid #ccc;
    padding: 10px 20px 30px 10px;
    /*margin-right: 10px;*/
    /*margin-bottom: 3px;*/
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

i.removeAtt {
  float: right;
  color: red;
  margin-right: -18px;
  margin-top: -9px;
  font-size: 1.3em;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

    i.removeAtt:hover {
        border: 1px dotted red;
}

.attachment img {
}

.attachment span {
    margin-left: 5px;
}

.attachment:hover {
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.24);
}

.indicator {
    display: inline-block;
    font: 12px Tahoma,Arial,Helvetica,sans-serif;
    color: gray;
    min-width: 150px;
    /*line-height: 40px;*/
    /*box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.24);*/
    border: 1px solid #ccc;
    padding: 10px 15px 10px 15px;
    margin-left: 10px;
}

    .indicator .iName {
}

    .indicator .iValue {
    font-size: 24px;
    color: #A97ED2;
    font-weight: bold;
}

.commentsContainer {
    /*background: #ffffff;*/
    display: none;
    clear: both;
}

.commentsContainer .comments {
    padding-top: 5px;
}

.task-comment {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    margin-bottom: 5px;
    background: #ECDEF9;
    padding: 5px;
}

.definitionRowDragged {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px;
    margin: 0px;
    font: 12px Tahoma,Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: #3b3b3b;
}

.definitionRowDragged i {
        margin-right: 10px;
}

.definitionRowDroppableHover {
    background-color: #f3f3ff;
}

.workspaceDroppableHover {
    background-color: #f3f3ff;
}

.workspaceDroppableHover.active {
    background-color: #4e97cf;
}

i.mainFilter {
    margin-left: 3px;
    margin-right: 3px;
    cursor: pointer;
}

i.mainFilter.active {
    color: #20AE82;
}

#leftSlider .list-group-item {
    color: #555;
    font-size: 14px;
    padding-left: 10px !important;
}

#leftSlider .list-group-item span {
    margin-right: 3px;
}

#leftSlider .list-group-item.me {
    font-weight: bold;
}

#leftSlider .list-group-item.workspace {
    /*font-weight: bold;*/
    padding-left: 47px !important;
}

#leftSlider .list-group-item.user IMG {
    margin-right: 7px;
}

#leftSlider .list-group-item.admin {
    font-weight: bold;
    padding-left: 47px !important;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    color: white !important;
    background-color: #20AE82 !important;
    border-color: #20AE82 !important;
}


@media(max-width:1500px) {
    #navHeaderText {
        display: none;
    }

    #designerToogleIcon {
        margin-right: 0 !important;
    }

    #designerToogleText {
        display: none;
    }
}

#designerToogleIcon {
    margin-right: 10px;
}

#mainlogo img {
    width: 36px;
    margin-top: 7px;
    margin-left: 10px;
}

@media(max-width:1180px) {
    .navbar-form {
        padding-right: 70px;
    }
}

@media(max-width:825px) {
    #mainlogo img {
        margin-left: 5px !important;
        /*margin-right:0px !important;*/
    }

    .navbar-form {
        padding-left: 70px;
        padding-right: 140px;
    }
}

#mainSlider {
    display: inline-block; 
    width: 60px; 
    margin-right: 20px; 
    margin-bottom: 4px;
    background-color: white;
}

    #mainSlider.pin {
    background-color: #428bca;
    border-color: #428bca;
}

    #mainSlider.archive {
    background-color: #428bca;
    border-color: #428bca;
}

    #mainSlider a {
  left: 50%;
  border-radius: 0.9em;
  border-color: #428bca;
  outline: 0px;
  color: white;
  width: 1.8em;
  height: 1.8em;
  top: -0.5em;
  margin-left: -0.9em;
  background-color: #428bca;
}

        #mainSlider a i {
  font-size: 1.3em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  line-height: 19px;
  padding-left: 6px;
}

    #mainSlider.pin a {
  color: #428bca;
  background-color: white;
}

        #mainSlider.pin a i {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  filter: initial;
  line-height: 21px;
}

    #mainSlider.archive a {
  color: #428bca;
  background-color: white;
}

        #mainSlider.archive a i {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  filter: initial;
  line-height: 23px;
  padding-left: 4px;
  font-size: 1.1em;
}

.search {
    display: table !important;
    border-spacing: 5px;
    padding: 1px;
    border-right: 0;
    background-color: #A97ED2;
    border-color: #A97ED2;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.closeSearch {
    color: #b2b2b2;
    margin-right: 10px;
}

    .closeSearch i {
}

    .closeSearch:hover {
    color: #000; 
}

.search:hover, .search:hover INPUT {
    background-color: white;
    border-color: white;
}

/*.search:focus, .search:focus INPUT{
    background-color: white !important;
    border-color: white;
}*/

.search i {
    display: table-cell;
    font-size: 1.3em;
    width: 1%;
    padding-left: 5px;
}

.search INPUT {
    display: table-cell;
    padding: 0;
    padding-left: 5px;
    margin: 0;
    border: 0;
    outline-offset: 0px;
    outline: 0;
    width: 100%;
    background-color: #A97ED2;
}

.search INPUT::-webkit-input-placeholder {
   color: black;
}

.search INPUT:-moz-placeholder { /* Firefox 18- */
   color: black;  
}

    .search INPUT::-moz-placeholder { /* Firefox 19+ */
   color: black;  
}

.search INPUT:-ms-input-placeholder {  
   color: black;  
}

.emptySearchResults {
    text-align: center;
    padding-top: 20px;
}

.userMenu {
    position: fixed;
    top: 0;
    right: 14px;
}

    .userMenu IMG {
        width: 36px;
        height: 36px;
        background-color: #e5e5e5;
        border-radius: 18px;
        border: 1px solid #AE82D7;
}

        .userMenu IMG:hover {
            border-color: white;
}

.oneMember {
    margin-top: 3px;
    white-space: nowrap;
    background-color: #cccccc;
    border-radius: 3px;
    padding: 0px 5px 0px 5px;
    margin-right: 5px;
    display: inline-block;
}

.pika-tipick {
    text-align: center;
    width: 240px;
    margin: 8px;
}

.pika-tipick .btn {
    width: 200px;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.24);
    border: 1px solid;
}

.pika-tipick .btn:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}

/* Overrides */
.pika-lendar {
    float: none !important;
}

.element-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}

.workspace-message {
    -moz-transition: all 3s;
    -o-transition: all 3s;
    -webkit-transition: all 3s;
    transition: all 3s;
}

.workspace-message .msg {
    padding-top: 5px;
}

.workspace-message .message-board-icon {
    width: 36px;
    height: 36px;
    background-color: #e5e5e5;
    border-radius: 23px;
    border: 2px solid gray;
    float: left;
    margin-right: 15px;
    -moz-transition: all 5s;
    -o-transition: all 5s;
    -webkit-transition: all 5s;
    transition: all 5s;
}

.workspace-message .responsible-icon {
    width: 24px;
    height: 24px;
    background-color: #e5e5e5;
    border-radius: 12px;
    border: 2px solid gray;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
}

.workspace-message.active .message-board-icon {
    border: 2px solid #b94a48;
}

.workspace-message .app-board-icon {
    -moz-transition: all 5s;
    -o-transition: all 5s;
    -webkit-transition: all 5s;
    transition: all 5s;
}

.workspace-message.active .app-board-icon {
        color: #20AE82;
}

.definition-icon {
    color: #533B78;
}

.workspace-message a.msgIcon.disabled {
    pointer-events: none;
}

.fa.fa-custom-dark {
    color: #02172A;
}

.fa.fa-custom-1_8x { 
    font-size: 1.8em;
}

.fa.fa-custom-1_6x {
    font-size: 1.6em;
}

.btn-primary {
    background-color: #513373;
    border-color: #46265A;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #46265A;
  border-color: #46265A;
}

.dropdown-menu > li:hover, #meMenu.dropdown-menu > li:focus {
    background-color: #20AE82 !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #20AE82 !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #20AE82 !important;
}

a {
    color: black;
}

.label-primary {
  background-color: #20AE82;
}

.label-primary.property-header {
    background-color: #F7F7F7;
    color: black;
    padding-left: 10px;
    line-height: 24px;
    font-size: 0.875rem;
    margin-top: 6px;
    text-align: left;
    display: block;
}

div#info div.content-inner-scroll > span.label-primary.property-header:first-child,
div#widgets div.list-group > span.label-primary.property-header:first-child,
div#sectionPropertiesContainer > span.label-primary.property-header:first-child,
div#statePropertiesContainer > span.label-primary.property-header:first-child,
div#actionPropertiesContainer > span.label-primary.property-header:first-child {
    margin-top: 0;
}

a.workspace.highlighted, a.user.highlighted {
    /*background: #FFF0CE;*/
    color: white;
}

.avatarPrev {
    width: 36px; 
    border-radius: 18px; 
    border: 1px solid #AE82D7;
    background-color: white;
}

button.tgl-btn {
    background-color: none;
    display: inline;
    padding: 2px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}

    button.tgl-btn.toogled {
    background-color: #22b283;
        color: white;
}

/*tollbox styles*/
.toolbox > li > a {
    padding: 1px 5px !important;
}

#creatorsList.dropdown-menu, #workspacesDropdown.dropdown-menu {
    top: initial !important;
}

.removeMember {
    margin-left: 5px;
}

#creatorsSelected .removeMember i.material-symbols-outlined {
    line-height: 22px;
}

#groupsSelected .removeMember i.material-symbols-outlined {
    line-height: 22px;
}

#workspacesSelected .removeMember i.material-symbols-outlined {
    line-height: 22px;
}

#MembersSelected .removeMember i.material-symbols-outlined {
    line-height: 22px;
}

.dragWidget {
    /*padding-left: 50px;*/
    width: 200px !important;
    height: 45px;
    background-color: rgba(236, 246, 255, 0.90);
    border: 1px solid black;
    z-index: 1031 !important;
}

.widget {
    pointer-events: all;
    cursor: pointer;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 0;
}

.widget:hover {
    background: rgba(136, 255, 136, 0.1);
}

.widgetName {
    font-weight: bold;
}

.widgetDesc {
    font-size: 13px;
    color: gray;
}
/*tollbox styles*/

/* handsontable grid visibility*/
/*.handsontable th, .handsontable td{
    box-sizing: border-box ;
}*/

/*.hideGridH .handsontable th{
    border-bottom-width: 0 !important;
    padding-bottom: 1px !important;
}*/ 

.hideGridH td {
    border-bottom-width: 0 !important;
    border-top-width: 0 !important;
    padding-bottom: 1px !important;
}

.hideGridH tr:last-child th {
    /*border-bottom: 0 !important;*/
}

.hideGridH table.htCore {
    border-bottom: 1px solid #eaeaea !important;
    border-top: 1px solid #eaeaea !important;
}

/*.hideGridV .handsontable th,*/ 
.hideGridV td {
    /*border-right-width: 0 !important;*/
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    padding-right: 5px !important;
}

.hideGridV th:last-child {
    /*border-right: 0 !important;*/
    /*border: 0 !important;*/
}

.hideGridV table.htCore {
    border-right: 1px solid #eaeaea !important;
    border-left: 1px solid #eaeaea !important;
}
/* handsontable grid visibility*/

/*.hideGridV .comments th,*/ 
.htCommentCell:after {
    border-top-color: #20AE82 !important;
}

.htComments {
    background-color: #FFFACD;
    padding: 3px;
    width: 120px;
    min-height: 40px;
}

.htCommentTextArea {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 0;
    box-shadow: none;
}

/*.hideGridV .comments th,*/ 

.formula {
    background-color: white;
    position: fixed;
    top: 80px;
    right: 0;
    max-width: 50%;
    z-index: 10;
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    padding: 0 5px 0 5px;
    word-wrap: break-word;
}

.historyMessage {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.waitingForCell td {
    background-color: yellow !important;
}

    .waitingForCell td input {
    background-color: yellow !important;
}

/* msg buttons */
.editMsg {
    text-align: left !important;
}

/*.archiveMsg, .unArchiveMsg{
    text-align: left !important;
}

.editMsg i, .archiveMsg i, .unArchiveMsg i{
    margin-right: 15px    
}*/

.default-formula-text {
    color: black;
}

.hidden-input {
    display: none;
}

.propertyWindowFormulaEditor {
    overflow: hidden;
    border: 1px solid transparent;
    white-space: pre;
}

/*[contenteditable=true]:empty:before{
  content: attr(placeholder);
  display: block;
  color: rgba(0, 0, 0, 0.50);
}*/

.dropHeader {
    padding: 3px 20px;
    border-bottom: 1px solid #ccc;
}

    .dropHeader:hover {
        background-color: #fff !important;
}

#logoutForm {
    display: none;
}

.snoozeBtn {
    display: inline-block;
}

[contentEditable=true]:empty:not(:focus):before {
    content: attr(data-placeholder);
    color: gray;
    display: block;
}

.message[contentEditable=true] {
    cursor: text;
}

div.input-group.messageAll {
    position: static;
}

/*focus switch*/
.focus-switch {
    width: 69px;
    overflow: hidden;
    border-radius: 15px;
    height: 30px;
    margin-top: 26px;
    cursor: pointer;
}

.focus-switch.all {
    border: 1px dashed #b2b2b2; 
}

.focus-switch.focus {
    border: 1px dashed #22b283; 
}

    .focus-switch .focus-wrapper {
        position: relative;
        width: 105px;
        top: -27px;
    -moz-transition: all 0.25s ease-in-out; 
    -webkit-transition: all 0.25s ease-in-out; 
    -khtml-transition: all 0.25s ease-in-out; 
    -ms-transition: all 0.25s ease-in-out; 
    -o-transition: all 0.25s ease-in-out; 
    transition: all 0.25s ease-in-out;
}

    .focus-switch.focus .focus-wrapper {
    left: 0;
}

    .focus-switch.all .focus-wrapper {
    left: -37px;
}

    .focus-switch .focus-wrapper span {
        font-size: 12px;
        width: 40px;
        display: inline-block;
        text-align: center;
}

    .focus-switch.all .focus-wrapper span {
     color: #b2b2b2;
}

    .focus-switch.focus .focus-wrapper span {
    color: #22b283; 
}

    .focus-switch .focus-wrapper i:before {
        font-style: normal !important;
        line-height: 1;
        display: inline-block;
        text-transform: none !important;
        font-weight: 400 !important;
        font-family: "Material Icons";
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -moz-font-feature-settings: 'liga';
        -webkit-font-feature-settings: 'liga';
        font-feature-settings: 'liga';
        vertical-align: middle;
        font-size: 24px;
        font-size: 1.5rem;
}

    .focus-switch.all .focus-wrapper i:before {
        content: "";
        color: #b2b2b2;
}

    .focus-switch.focus .focus-wrapper i:before {
        content: "";
        color: #22b283;
}

/* Designer with new layout */

/*#widgets div.list-group {
    height: 100%;
    overflow-y: auto;
}*/

#widgets .widget {
    padding-left: 50px !important;
    border-radius: 0;
}

#widgets .widget .widgetIcon {
        line-height: 1.3em;
        position: absolute;
        left: 7px;
}

#widgets .widget .widgetIcon i.material-symbols-outlined {
    font-size: 32px;
    color: #533b78;
}

#t-sign-trigger i.material-symbols-outlined { 
    font-size: 36px; 
    font-size: 2.25rem;
    line-height: 58px;
    height: 60px;
}

div.dragWidget {
    width: 200px;
    height: 45px;
}

div.dragWidget > div {
    line-height: 45px;
}

div.dragWidget .widgetIcon {
    vertical-align: sub;
}

div.dragWidget .widgetIcon, div.dragWidget .widgetName {
    padding-left: 10px;
}

.property-header i.material-symbols-outlined {
    font-size: 16px;
    vertical-align: middle;
}

.propertyWindow button.row-button {
    padding: 1px;
    line-height: 18px;
    height: 18px;
    margin-bottom: 1px;
    margin-left: 1px;
}

.propertyWindow button.row-button span i.material-symbols-outlined {
    font-size: 16px;
}

.propertyWindow div[contentEditable=true]:empty:not(:focus):before {
    content: attr(placeholder);
    color: #838383;
}

#appForm .nav-tabs > li > a {
    border-radius: 0;
}

.app-instance-container .nav-tabs > li > a {
    border-radius: 0;
}

.sectionHistory textarea.form-control {
    height: 74px;
}

.sectionAttachments {
    min-width: 200px;
    min-height: 40px;
    border-collapse: separate;
    border: 1px solid rgb(204, 204, 204);
    padding: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    outline: none;
    background-color: #ffffff;
}

.nameLabel {
    color: #838383;
}

table.table-properties.propertyWindow {
    border: 1px solid #ddd;
}

table.table-properties.propertyWindow td {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

table.propertyWindow .cr-holder.checkbox {
    margin-top: 0;
    margin-bottom: -8px;
    text-align: center;
}

#designerTabsList {
    padding-top: 5px;
}

#designerTabsList li.tab-header a {
    padding: 2px 4px;
}

#designerTabsList li.tab-header span.removeTab i {
    vertical-align: bottom;
    cursor: pointer;
}

#designerTabsList #addTabList a {
    padding: 2px;
}

#designerTabsList #addTabList #addTab {
    padding: 0 4px;
}

#toolpane {
    position: fixed; 
    right: 0; 
    width: 280px; 
    top: 80px; 
    bottom: 0; 
    z-index: 99; 
    background-color: white; 
    overflow-y: hidden;
    padding-top: 5px;
}

body #designpane {
    left: 41px;
    right: 280px; 
    overflow: scroll;
    bottom: 0; 
    top: 80px; 
    position: fixed;
    padding-top: 5px;
    -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
    -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
    -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
    -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
    -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
    transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
}

body.side-bar-open #designpane {
    left: 261px;
}

button#bundleApp {
    margin-left: 15px;
}

ul.custom-buttons-list {
    padding: 0; 
    margin: 0; 
    display: inline-block; 
    vertical-align: top; 
    font-size: 0;
}

ul.custom-buttons-list li {
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    list-style-image: none;
    display: inline-block; 
    vertical-align: top;
    margin: 0 5px;
}

.custom-top-buttons-block ul.custom-buttons-list .btn.btn-sm i {
    margin-right: 0;
    margin-left: -3px;
}

.toggle-main-block, .action-main-block {
    float: left;
    overflow: hidden;
}

    .action-main-block.import-actions {
        overflow: visible;
    }

.action-main-block {
    padding: 2px 0;
}

.trigger-toggle-close {
    float: right;
    display: none;
    font-size: 20px;
    font-size: 1.25rem;
    margin-left: 20px;
    background-color: #463261;
    padding: 0 15px;
}

    .trigger-toggle-close i {
        line-height: 80px;
        height: 80px;
        color: #ffffff;
        vertical-align: middle;
        font-size: 20px;
    }

.trigger-action-close {
    float: right;
    display: none;
    font-size: 20px;
    font-size: 1.25rem;
    margin-left: 20px;
    background-color: #463261;
    padding: 0 15px;
}

    .trigger-action-close i {
        line-height: 72px;
        height: 80px;
        color: #ffffff;
        vertical-align: middle;
        font-size: 20px;
    }

@media(max-width:1839px) {
    ul.custom-buttons-list .btn.btn-sm {
        font-size: 0;
    }

    ul.custom-buttons-list .btn.btn-sm i {
        margin-right: 0;
    }

    .custom-top-buttons-block ul.custom-buttons-list .btn.btn-sm i {
        margin-left: 0px;
    }
}

ul.custom-buttons-list .btn.btn-sm span.header-button-icon-span i.material-symbols-outlined {
    line-height: 28px;
}

@media(min-width:1840px) {
    ul.custom-buttons-list .btn.btn-sm {
        line-height: 30px;
    }

    ul.custom-buttons-list .btn.btn-sm span {
        vertical-align: text-top;
    }
    
    ul.custom-buttons-list .btn.btn-sm span.header-button-icon-span {
        vertical-align: text-top;
    }

    ul.custom-buttons-list .btn.btn-sm span.header-button-name-span {
        vertical-align: top;
    }

    ul.custom-buttons-list .btn.btn-sm span i {
        -moz-transform: translateY(-6%);
        -ms-transform: translateY(-6%);
        -o-transform: translateY(-6%);
        -webkit-transform: translateY(-6%);
        transform: translateY(-6%);
    }
}

@media (min-width: 1280px) {
    .import-actions ul.custom-buttons-list .btn.btn-sm {
        line-height: 30px;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .import-actions ul.custom-buttons-list .btn.btn-sm span {
        vertical-align: text-top;
    }

    .import-actions ul.custom-buttons-list .btn.btn-sm span i {
        -moz-transform: translateY(-6%);
        -ms-transform: translateY(-6%);
        -o-transform: translateY(-6%);
        -webkit-transform: translateY(-6%);
        transform: translateY(-6%);          
    }

    .import-actions ul.custom-buttons-list .btn.btn-sm span.caret {
        vertical-align: middle;
    }
}

@media (max-width: 1279px) {
    .import-actions ul.custom-buttons-list .btn.btn-sm span.caret {
        display: none;
    }
}

@media (max-width: 1251px) { /* col-md */
    .toggle-main-block {
        width: 280px;
        background-color: #533b78;
        position: absolute;
        top: 0;
        right: -6px;
        z-index: 20;
        height: 80px;
        padding-left: 20px;
        padding-right: 0;
        overflow: hidden;
    }

    .toggle-main-block .trigger-toggle-close {
        display: block;
    }

    .toggle-main-block .sep-vertical-block {
        display: none;
    }

    .toggle-main-block i {
        color: #ffffff;
    }

        .toggle-main-block i:hover {
            color: #ac86d9 !important;
        }

    .toggle-main-block a.active i {
        color: #22b283;
    }

    .action-main-block {
        background-color: #533b78;
        position: absolute;
        top: 0;
        right: -6px;
        z-index: 20;
        height: 80px;
        padding-left: 20px;
        padding-right: 0;
        width: 350px;
    }

    .topfilters-open .action-main-block {
        display: block;
    }

    .action-main-block .sep-vertical-block {
        display: none;
    }

    .action-main-block .trigger-action-close {
        display: block;
    }

    .action-main-block i {
        color: #ffffff;
    }

        .action-main-block i:hover {
            color: #ac86d9 !important;
}

    .action-main-block a.active i {
        color: #22b283;
    }

    #focusSwitch {
        display: none;
    }

    #focusSwitchMini {
        display: block;
        margin-top: 12px;
    }
}

#focusSwitch .qw-switch-icon,
#focusSwitchMini .qw-switch-icon {
    margin-top: -22px;
}

@media (min-width: 1252px) {
    #focusSwitch {
        display: block;
    }
    /*#focusSwitchMini { display: none; }*/
    #focusSwitchMini-container {
        display: none;
    }

    #focusSwitch, #focusSwitchMini {
        margin-top: 32px;
    }
}

@media (min-width: 716px) and (max-width: 1251px) {
    #focusSwitchMini-container {
        position: absolute;
        right: 196px;
}

    #focusSwitchMini {
        display: block;
        margin-top: 30px;
    }
}

@media (max-width: 479px) {
    .toggle-main-block, .action-main-block {
        width: auto;
        left: -4px;
        top: -40px;
    }
}

#addTab span i.material-symbols-outlined {
    vertical-align: bottom;
}

.designer-page #designer-btn #designer a {
    border-color: #533b78;
}

.designer-page #designer-btn #designer a i.material-symbols-outlined {
    color: #533b78;
}

.designer-page #designer-btn #designer a i.material-symbols-outlined:hover {
    color: #b2b2b2;
    text-decoration: none;
    -moz-transition: color 0.2s ease-in;
    -webkit-transition: color 0.2s ease-in;
    -khtml-transition: color 0.2s ease-in;
    -ms-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
    -moz-transform: translateZ0;
    -webkit-transform: translateZ0;
    -khtml-transform: translateZ0;
    -ms-transform: translateZ0;
    -o-transform: translateZ0;
    transform: translateZ0;
}

#toolpane_designer .btn-primary {
    color: #ffffff;
    background-color: #46265A;
    border-color: #46265A;
}

/* Designer with new layout end */

/* Import */

ul li i.list-icon { 
    font-size: 20px; 
    line-height: 16px; 
}

.import-container {
    margin-top: 5px;
    margin-left: 700px;
}

.import-container .import-fields {
    position: fixed; 
    padding-top: 10px;
    left: 41px;
    top: 80px;
    bottom: 0; 
    width: 700px;
    padding-left: 15px;
    background-color: #fff;
    z-index: 10;
        overflow-y: scroll;
    -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
    -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
    -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
    -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
    -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
    transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885);
}

body.side-bar-open .import-container .import-fields {
    left: 261px;
}

.import-container .import-fields .dropdown-menu {
    max-height: 200px;
    overflow-y: scroll;
}

.import-container .cr-holder.checkbox label input ~ span.sub-label:before {
    background-color: white;
}

.import-container span.column-name {
    line-height: 32px;
}

.import-container .form-horizontal .checkbox {
    padding-top: 5px;
}

.import-container .form-horizontal th .checkbox {
    margin-bottom: -6px;
}

.import-container .btn.btn-sm.dragHandle, .row-actions .btn.btn-sm.dragHandle {
    line-height: 30px;
    height: 28px;
    padding: 0 5px;
    margin-bottom: 0;
    margin-top: 2px;
}

.import-container .btn.btn-sm.dragHandle i.material-symbols-outlined, .row-actions .btn.btn-sm.dragHandle i.material-symbols-outlined {
    margin: 0;
}

.import-container .close {
    line-height: 28px;
}

.import-container td .close i.material-symbols-outlined {
    vertical-align: bottom;
}

.import-container td.target button.btn {
    background-color: white;
    color: black;
    border: 1px solid #b8b8b8;
    height: 32px;
    margin-bottom: 0;
}

.import-container select.form-control,
.import-container input[type="text"].form-control {
    height: 32px;
    line-height: 28px;
}

.import-actions ul.custom-buttons-list .dropdown-menu {
    max-height: 300px;
    overflow: auto;
}

.import-actions ul.custom-buttons-list .dropdown-menu li {
    display: block;
}

@media (max-width: 1179px) { /* col-md */
    .action-main-block.import-actions button#actions-top-close {
        margin-top: -2px;
    }

        .action-main-block.import-actions button#actions-top-close i.material-symbols-outlined {
            height: 76px;
        }

    .collapsing #actions-top-close {
        position: relative;
        height: 0;
        /*overflow: hidden;*/
        -webkit-transition-property: height;
        -moz-transition-property: height;
        -o-transition-property: height;
        transition-property: height;
        -webkit-transition-duration: 0.35s;
        -moz-transition-duration: 0.35s;
        -o-transition-duration: 0.35s;
        transition-duration: 0.35s;
         -webkit-transition-timing-function: ease; 
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
         transition-timing-function: ease; 
    }

    .collapsing .custom-top-buttons-block {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-property: height;
        -moz-transition-property: height;
        -o-transition-property: height;
        transition-property: height;
        -webkit-transition-duration: 0.35s;
        -moz-transition-duration: 0.35s;
        -o-transition-duration: 0.35s;
        transition-duration: 0.35s;
         -webkit-transition-timing-function: ease; 
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
         transition-timing-function: ease; 
    }

    .topfilters-open #actions-top-close {
        height: 80px;
    }
}

@media (max-width: 379px) {
    /*.action-main-block.import-actions .btn.btn-sm {
        padding: 0 7px;
    }*/
    }

/* Import end*/

.inline-div {
    display: inline-block;
}

.filters .tooltip {
    margin-left: 4px;
}

.filters .tooltip > div {
    margin-top: -6px;
}

/* Icons */

.app-item span.app-icon .app-board-icon.material-symbols-outlined {
    color: white;
    font-size: 48px;
    font-size: 3rem;
    padding-top: 0;
}

.user-item-block i.material-symbols-outlined {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 40px;
    font-style: normal !important;
    display: inline-block;
    font-weight: 400 !important;
}

.pika-single .pika-tipick i.material-symbols-outlined {
    line-height: 20px;
}

i.material-symbols-outlined.custom-size,
.context-toolbar .btn-toolbar a.btn i.material-symbols-outlined,
#richTextToolbar a.btn i.material-symbols-outlined {
    font-size: 16px;
    font-size: 1rem;
    line-height: 28px;
    vertical-align: top;
    font-style: normal !important;
    display: inline-block;
    font-weight: 400 !important;
}

i.material-symbols-outlined.material-icon-middle {
    vertical-align: middle;
}

i.material-symbols-outlined.clear-margin {
    margin: 0;
}

/* Icons END */

.i-icon-big {
    font-size: 36px;
}

.i-icon-huge {
    font-size: 50px;
}

.font-32 {
    font-size: 32px;
}

a.member i {   
    margin-left: 15px;
    line-height: 16px;
    font-size: 18px;
    vertical-align: middle;
}

.section .actions .dragHandle i {
    line-height: 20px;
    font-size: 16px;
}

.section .actions .removeSection i {
    line-height: 20px;
    font-size: 18px;
}

/*.section .htBorders {
    display: none;
}

.section.selected .htBorders, .section.hover .htBorders {
    display: block;
}*/

.iconPicker {
    width: 100%;
    border: 1px solid transparent;
}

.iconPicker .material-symbols-outlined { 
    line-height: 32px;
    height: 30px; 
}

.table-icons .material-symbols-outlined {
    line-height: 36px;
}

.table-icons .btn-arrow {
    min-width: 0;
    min-height: 0;
    width: 32px;
    height: 32px;
}

.table-icons .btn-arrow i.material-symbols-outlined {
    line-height: 32px;
}

@media(min-width:1680px) {
    .float-file-button-right {
        float: right;
    }
}

.float-file-button-right {
    padding-left: 20px;
}

button span.button-icon-span {
    vertical-align: text-top;
}

button span.button-name-span {
    vertical-align: top;
}

input#ParametersFile {
    height: 36px;
}

.bottom-margin-null {
    margin-bottom: 0;
}

#toolpane .property-value {
    text-indent: 4px;
}

#toolpane .property-value input {
    text-indent: 4px;
}

#toolpane div.form-control {
    border-radius: 0;
    border: 1px solid transparent;
    height: 24px;
    line-height: 20px;
}

#toolpane .form-control .btn.
 {
    padding: 0 25px 0 4px;
    height: 24px;
    line-height: 20px;
    font-size: 16px;
}

#toolpane .form-control .btn.selectpicker span.filter-option {
    height: 24px;
    line-height: 20px;
}

#toolpane .form-control .btn.selectpicker:before {
    right: 0;
    height: 24px;
    line-height: 20px;
}

#toolpane div.form-control.icon-control {
    height: 36px;
    line-height: 32px;
    position: relative;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
}

#toolpane .btn-group.bootstrap-select.form-control button {
    overflow: hidden;
}

#toolpane div.form-control.icon-control span.caret {
    display: none;
}

#toolpane .btn-group.bootstrap-select.form-control .dropdown-menu ul a {
    height: 23px;
}

#toolpane .btn-group.bootstrap-select.form-control button.btn-default.selectpicker::after {
    display: none;
}

#toolpane .btn-group.bootstrap-select.form-control button.btn-default.selectpicker:before {
    right: 0;
}

#toolpane div.form-control button.iconPicker:before {
    vertical-align: top;
    font-style: normal !important;
    display: inline-block;
    content: "expand_more";
    text-transform: none !important;
    font-weight: 400 !important;
    font-family: "Material Icons";
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    line-height: 34px;
}

/* Handsontable grid overwrite */

.handsontable thead tr:first-child th {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

#designpane .handsontable thead tr:first-child th:first-child {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

#designpane .show-headers .handsontable thead tr:first-child th:first-child {
    border-left: 1px solid transparent;
    border-right: 1px solid #C5B0D0;
}

.handsontable th:first-child, 
.handsontable td:first-child, 
.handsontable .htNoFrame + th, 
.handsontable .htNoFrame + td {
    border-left: 1px solid transparent;
}

.handsontable th {
    background-color: #FFF;
}

.sectionInstance .handsontable th {
    white-space: pre-wrap !important;
    -ms-word-break: break-word;
    word-break: break-word;
}

.handsontable th:last-child {
    border-right: 1px solid #eaeaea;
}

.handsontable tbody tr td:last-child {
    border-right: 1px solid #eaeaea;
}

.handsontable tbody tr:last-child th, .handsontable tbody tr:last-child td {
    border-bottom: 1px solid #eaeaea;
}

.handsontable th, .handsontable td {
    /*border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;*/
    border: 1px solid #eaeaea;
}

.handsontable tr:first-child th, .handsontable tr:first-child td {
    border-top: 1px solid #C5B0D0;
}

/*#designpane .handsontable thead tr:first-child th:first-child {
    border-right: 1px solid #C5B0D0;
}*/

.handsontable tbody tr th {
    border-right: 1px solid #C5B0D0;
}

/* Instance */

.rowInstance .handsontable tr:first-child td {
    border-top: 1px solid #eaeaea;
}

.rowInstance td:first-child, .rowInstance th:first-child {
    border-left: 1px solid #eaeaea;
}

.rowInstance .handsontable[data-section-type=Table] tr:first-child td {
    border-top: 0;
}

.rowInstance .handsontable thead tr:first-child th {
    border-bottom: 1px solid #C5B0D0;
}

.autocompleteEditor.listbox table.htCore tr td {
    border: 0;
}

/* Handsontable grid overwrite end */

/*.app-instance-container #designerContainer {
    background-color: #fff;
}*/

.app-instance-container #designerTabs {
    background-color: white;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

#searchDataTab {
    height: 40px;
    line-height: 40px;
    width: 100%;
}

#searchDataTab .inner-form {
    width: 100%;
}

#searchDataTab input {
    height: 30px;
    line-height: 30px;
    width: 100%;
}

#searchDataTab button {
    vertical-align: top;
    line-height: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 22px;
    font-size: 1.375rem;
    color: #b2b2b2;
}

#searchDataTab button:hover {
    color: #373737;
}

#searchDataTab button .icon::before {
    line-height: 38px;
    height: 36px;
}

input.editedTableHeader {
    text-align: center;
    width: 100%;
    height: 21px;
    background-color: #f5f5f5;
}

h1 span.title-top-name {
    max-width: 420px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

h1 span.designer-index.title-top-name {
    max-width: 530px;
}

@media(max-width:1572px) { h1 span.title-top-name { max-width: 315px; } h1 span.designer-index.title-top-name { max-width: 400px; } }
@media(max-width:430px) { h1 span.title-top-name { max-width: 200px; } h1 span.designer-index.title-top-name { max-width: 250px; } }

@media (max-width: 1572px) { .title-block-top h1 { font-size: 18px; font-size: 1.125rem; } }
@media (max-width: 1209px) { 
    .title-block-top { 
        margin-left: 0;
    } 

    .title-block-top h1 .status-dot { 
        margin-right: 5px; 
    } 
}

/*@media (min-width: 1252px) and (max-width: 1392px) {
  .search-main-block { width: 305px; background-color: #22b283; position: absolute; top: 0; right: -6px; z-index: 20; height: 80px; padding-left: 20px; padding-right: 0; overflow: hidden; }
  .search-main-block .trigger-search-close { display: block; position: absolute; right: 0; }
  .search-main-block form { float: left; padding-right: 60px; }
}*/

.search-definition-block .inner-block {float: right;}
.search-definition-block .inline-icons-list {vertical-align: initial !important;}
.search-definition-block, .search-main-apps { line-height: 80px; height: 80px; }
.search-definition-block .inner-form, .search-main-apps .inner-form { display: inline-block; position: relative; line-height: 36px; height: 36px; }
.search-definition-block input[type="text"], .search-main-apps input[type="text"] { padding: 0 35px 0 15px; border: 1px solid #eaeaea; line-height: 34px; height: 36px; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; font-size: 13px; font-size: 0.8125rem; }
.search-definition-block form button, .search-main-apps form button { vertical-align: top; line-height: 36px; height: 36px; position: absolute; top: 0; right: 5px; font-size: 22px; font-size: 1.375rem; color: #b2b2b2; }
.search-definition-block form button:hover, .search-main-apps form button:hover { color: #373737; }
.search-definition-block form button .icon::before, .search-main-apps form button .icon::before { line-height: 38px; height: 36px; }

.do-not-display {
    display: none;
}

@media (min-width: 1252px) and (max-width: 1392px) {
    .rwd-triggers-block.main-page-triggers {
         display: block;
    }
    .rwd-triggers-block.main-page-triggers #filters-trigger { 
        display: none; 
    }
    .rwd-triggers-block.main-page-triggers #search-trigger { 
        display: block;
    }      
    .rwd-triggers-block.main-page-triggers .do-not-display {
        display: block;
    }
    .rwd-triggers-block.main-page-triggers .display-outside-middle {
        display: none;
    }
}

@media (min-width: 781px) and (max-width: 1392px) {
    .rwd-triggers-block.designer-index.main-page-triggers {
         display: none;
    }
    .rwd-triggers-block.designer-index.main-page-triggers #filters-trigger { 
        display: none; 
    }
    .rwd-triggers-block.designer-index.main-page-triggers #search-trigger { 
        display: none;
    }
    .rwd-triggers-block.designer-index.main-page-triggers .display-outside-middle {
        display: none;
    }
}

@media (min-width: 1252px) {
    .sep-vertical-block.do-not-display.designer-index {
        display: block;
    }
}

@media (max-width: 780px) {
    .search-main-block-designer { width: 305px; background-color: #22b283; position: absolute; top: 0; right: -6px; z-index: 20; height: 80px; padding-left: 20px; padding-right: 0; overflow: hidden; }
    .search-main-block-designer .trigger-search-close { display: block; position: absolute; right: 0; }
    .search-main-block-designer form { float: left; padding-right: 60px; }
}

@media (max-width: 1319px) {
    .rwd-triggers-block.app-definition-triggers {
        display: block;
    }
}

@media (max-width: 1319px) { /* col-md */
    .toggle-main-block.app-definition-triggers {
        width: 280px;
        background-color: #533b78;
        position: absolute;
        top: 0;
        right: -6px;
        z-index: 20;
        height: 80px;
        padding-left: 20px;
        padding-right: 0;
        overflow: hidden;
    }

    .toggle-main-block.app-definition-triggers .trigger-toggle-close {
        display: block;
    }

    .toggle-main-block.app-definition-triggers .sep-vertical-block {
        display: none;
    }

    .toggle-main-block.app-definition-triggers i {
        color: #ffffff;
    }

    .toggle-main-block.app-definition-triggers i:hover {
        color: #ac86d9 !important;
    }

    .toggle-main-block.app-definition-triggers a.active i {
        color: #22b283;
    }

    .action-main-block.app-definition-triggers {
        background-color: #533b78;
        position: absolute;
        top: 0;
        right: -6px;
        z-index: 20;
        height: 80px;
        padding-left: 20px;
        padding-right: 0;
        width: 410px;
    }

    .topfilters-open .action-main-block.app-definition-triggers {
        display: block;
    }

    .action-main-block.app-definition-triggers .sep-vertical-block {
        display: none;
    }

    .action-main-block.app-definition-triggers .trigger-action-close {
        display: block;
    }

    .action-main-block.app-definition-triggers i {
        color: #ffffff;
    }

    .action-main-block.app-definition-triggers i:hover {
        color: #ac86d9 !important;
    }

    .action-main-block.app-definition-triggers a.active i {
        color: #22b283;
    }
}

#descriptionTooltipContainer .tooltip-inner {
    background-color: #22b283;
    color: white;
    word-wrap: break-word;
    text-align: left;
    padding: 10px;
}

#descriptionTooltipContainer .tooltip.in {
    opacity: 1;
}

#descriptionTooltipContainer:empty {
    display: none;
}

#descriptionTooltipContainer .tooltip.top .tooltip-arrow { border-top-color: #22b283; }
#descriptionTooltipContainer .tooltip.top-left .tooltip-arrow { border-top-color: #22b283; }
#descriptionTooltipContainer .tooltip.top-right .tooltip-arrow { border-top-color: #22b283; }
#descriptionTooltipContainer .tooltip.right .tooltip-arrow { border-right-color: #22b283; }
#descriptionTooltipContainer .tooltip.left .tooltip-arrow { border-left-color: #22b283; }
#descriptionTooltipContainer .tooltip.bottom .tooltip-arrow { border-bottom-color: #22b283; }
#descriptionTooltipContainer .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #22b283; }
#descriptionTooltipContainer .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #22b283; }

.addActionStep, #addParam, #addSeries, .i-expand-icon, .i-collapse-icon {
    cursor: pointer;
}

.customButton{
    display: inline-block;
    width: 100%;
    height: 100% !important;
}

#uploadExcelFileForm {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

.not-visible {
    visibility: hidden;
}

table.importTable td
{
    border: 1px solid gray;
    padding: 1px 8px;
}

ul.filters li div.start-animation {
    position: absolute;
    margin-left: 0;
    width: 30px;

    -moz-animation-name: active-filter-animation;
    -o-animation-name: active-filter-animation;
    -webkit-animation-name: active-filter-animation;
    animation-name: active-filter-animation;

    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@keyframes active-filter-animation { 
  0% { height: 30px; margin-top: -52px; background: rgba(34, 178, 131, 0.0); border-radius: 15px; }
  60% { height: 80px; margin-top: -80px; background: rgba(34, 178, 131, 0.4); border-radius: 0; }
  100% { height: 30px; margin-top: -52px; background: rgba(34, 178, 131, 0.0); border-radius: 15px; }
}

.title-block-top div.inner-block.filteredby { 
    line-height: 20px; 
}

@media (max-width: 715px) {
    .title-block-top div.inner-block.filteredby { 
        display: none;
    }    
}

.title-block-top div.filteredby h3 { 
    height: 20px;
    margin: 0;
    margin-top: 5px;
    font-weight: 500;
    color: #22b283;
    font-size: 14px;
    font-size: 0.875rem;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 240px;
    display: inline-block;
    white-space: nowrap;

    pointer-events: none;
}

.popover.clockpicker-popover.right.clockpicker-align-bottom {
    border-radius: 0;
    margin-top: 9px;
}

.clockpicker-align-bottom.popover.clockpicker-popover > .arrow {
    bottom: 15px;
}

#definitionForm textarea#Description {
    line-height: 20px;
    padding: 6px 10px;
}

#definitionForm .control-label {
    max-width: 150px;
}

#definitionForm .control-input {
    max-width: 650px;
}

#definitionForm .row {
    margin-left: 6px;
    margin-right: 6px;
}

.pager {
    text-align: left;
}

/* loader-bar */

.loader-bar {
    -webkit-pointer-events: none;
    pointer-events: none;

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

    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 19; /* previously was 2000 */
    width: 100%;
    height: 6px;
    background: #fff;

    -moz-transition: height ease-out 200ms;
    -o-transition: height ease-out 200ms;
    -webkit-transition: height ease-out 200ms;
    transition: height ease-out 200ms;
}

.loader-bar.loader-bar-hidden {
    height: 0;
}

.loader-bar .loader-bar-background {
    background-color: #8e5ea2;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}

.loader-bar .loader-bar-animation {
    position: absolute;
    top: 0;
    right: -32px;
    bottom: 0;
    left: 0;

    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    -o-background-size: 32px 32px;
    background-size: 32px 32px;

    -webkit-animation: load-bar-animation 500ms linear infinite;
    -moz-animation: load-bar-animation 500ms linear infinite;
    -ms-animation: load-bar-animation 500ms linear infinite;
    -o-animation: load-bar-animation 500ms linear infinite;
    animation: load-bar-animation 500ms linear infinite;
}

@-webkit-keyframes load-bar-animation {
    0% { -webkit-transform: none; transform: none; }
    100% { -webkit-transform: translate(32px, 0); transform: translate(32px, 0); }
}
@-moz-keyframes load-bar-animation {
    0% { -moz-transform: none; transform: none; }
    100% { -moz-transform: translate(32px, 0); transform: translate(32px, 0); }
}
@-o-keyframes load-bar-animation {
    0% { -o-transform: none; transform: none; }
    100% { -o-transform: translate(32px, 0); transform: translate(32px, 0); }
}
@-ms-keyframes load-bar-animation {
    0% { -ms-transform: none; transform: none; }
    100% { -ms-transform: translate(32px, 0); transform: translate(32px, 0); }
}
@keyframes load-bar-animation {
    0% { transform: none; transform: none; }
    100% { transform: translate(32px, 0); transform: translate(32px, 0); }
}

/* loader-bar end */

/* focus-switch */

.qw-switch-label {
  position: relative;
  display: block;
  height: 20px;
  width: 70px;
  background: #ffffff;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(0,0,0, 0.40)
}

.qw-switch-label:before {
  position: absolute;
  left: -2px;
  top: -3px;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 100px;
  background: #ffffff;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.10), 0px 0px 1px rgba(0,0,0,0.40);
  content: '';
  transition: all 0.3s ease;
}

.qw-switch-icon {
  position: absolute;
  left: -2px;
  top: -3px;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 100px;
  transition: all 0.3s ease;
}

.qw-switch-checkbox:checked ~ label .qw-switch-icon {
  left: 46px;
}

.qw-switch-checkbox ~ label .qw-switch-icon i {
  margin: 3px;
}

.qw-switch-checkbox ~ label .qw-switch-icon i:before {
  content: '\E1B4';
  font-size: 20px;
  color: #b2b2b2
}

.qw-switch-checkbox:checked ~ label .qw-switch-icon i:before {
  content: '\E1B3';
  font-size: 20px;
  color: #22b283;
}

.qw-switch-label:active:before { 
    transform: scale(1.15, 0.85);
}

.qw-switch-label .qw-overflow-hidden {
	overflow: hidden;
    display: block;
}

.qw-switch-checkbox:checked ~ label { 
    background: #ffffff;
}

.qw-switch-checkbox:checked ~ label:before {
  left: 46px;
  background: #ffffff;
}

.qw-switch-checkbox:disabled ~ label {
  background: #d5d5d5;
  pointer-events: none;
}

.qw-switch-checkbox:disabled ~ label:before { background: #bcbdbc; }

.qw-switch-checkbox:checked + .qw-switch-label .qw-switch-label-inner {
    margin-left: 0;
}

.qw-switch-label-inner {
    display: block; 
	width: 200%; 
	margin-left: -100%;
    transition: margin 0.3s ease 0s;
}

.qw-switch-label-inner:before, .qw-switch-label-inner:after {
    display: block; 
	float: left; 
	width: 50%; 
	height: 20px; 
	padding: 0; 
	line-height: 20px;
    font-size: 12px; 
	font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.qw-switch-label-inner:before {
    content: attr(data-focus);
    padding-left: 8px;
	color: #22b283;
}
.qw-switch-label-inner:after {
    content: '';
    padding-right: 20px;
	color: #b2b2b2;
    text-align: right;
}

.hidden { display: none; }

tr.seriesRow td{
    border-top-width: 3px;
}
/* focus-switch end */

.search-input-block input[type="text"] {
    padding: 0 35px 0 15px;
    border: 1px solid #eaeaea;
    line-height: 34px;
    height: 36px;
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
    -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    font-size: 13px;
    font-size: 0.8125rem;
}

.search-input-block .inner-form, .search-main-apps .inner-form {
    display: inline-block;
    position: relative;
    line-height: 36px;
    height: 36px;
}

.search-input-block button.search-button {
    vertical-align: top;
    line-height: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 10px;
    /*font-size: 22px;*/
    /*font-size: 1.375rem;*/
    color: #b2b2b2;
}

.search-input-block button.search-button i {
    vertical-align: middle;
}

/* Package publish start */

.package-definitions-list {
    padding: 0;
}

.package-definitions-list li {
    list-style-type: none;
    line-height: 48px;
    margin-bottom: 4px;
    /*background: #f0f0f0;*/
    padding-left: 16px;
    padding-right: 16px;

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 2px 3px 4px rgba(0,0,0,0.15);

    transition: all 0.5s;
}

.package-definitions-list li.invalid {
    background: #ffbbbb;
}

.package-definitions-list li:hover {
    background: #fafafa;

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 2px 3px 4px rgba(0,0,0,0.25);   
}

.package-definitions-list li.package-definition {
    opacity: 1;
}

.package-definitions-list li .definition-icon {
    display: inline-block;
}

.package-definitions-list li .definition-icon .icon-padding {
    padding-top: 6px;
    height: 48px;
}

.package-definitions-list li .definition-name {
    display: inline-block;
    font-weight: 700;
}

.package-definitions-list li .definition-checkbox {
    display: inline-block;
}

.package-definitions-list li .definition-checkbox .checkbox{
    padding-top: 0;
}

.package-definitions-list li .definition-checkbox .checkbox label{
    line-height: 0;
}

.package-definitions-list li .definition-actions {
    display: inline-block;
}

.package-definitions-list li .definition-actions .remove-package-definition {
    padding: 0 5px;
}

.package-definitions-list li .definition-actions .remove-package-definition i.material-symbols-outlined {
    margin-right: 0;
}

.tt-suggestion {
    padding: 0 10px;
}

.tt-cursor {
    color: #fff;
    background-color: #22b283;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #22b283;
}

.package-missing-definitions-list {
    padding: 0 6px;
}

.package-missing-definitions-list li {
    list-style-type: none;
    line-height: 48px;
    margin-bottom: 4px;
    padding-left: 16px;
    padding-right: 16px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 2px 3px 4px rgba(0,0,0,0.15);
    transition: all 0.5s;
}

.package-missing-definitions-list li .definition-icon .icon-padding {
    padding-top: 6px;
    height: 48px;
}

.package-missing-definitions-list li .definition-icon .material-symbols-outlined {
    margin-top: 6px;
}

.package-missing-definitions-list li .definition-actions .add-definition-button {
    padding: 0 5px;
    margin-bottom: 0;
}

.package-missing-definitions-list li .definition-actions .add-definition-button i.material-symbols-outlined {
    margin-right: 0;
}

.package-permissions-list {
}

.package-permissions-list li {
    list-style-type: none;
    line-height: 32px;
}

/* Package publish end */

#EditWorkspace textarea { line-height: 20px; padding: 6px 10px; }

.list-group-horizontal .list-group-item {
    display: inline-block;
}
.list-group-horizontal .list-group-item {
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
}
.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
}

.market-menu{
    height: 40px;
    border-bottom: #E1E1E1 solid 1px;
    line-height: 38px;
    
    background-color: #F7F7F7;
    margin-bottom: 20px;
}

.static-menu{
    background-color: #F7F7F7;
    padding-left: 20px;
    padding-right: 20px;
}

.static-menu .market-menu{
    margin-bottom: 0px;
}

.market-menu .filter-btn{
    float: right;
    font-weight: 500;
    color: #463261;
    font-size: 12px;
    text-decoration: none;
}

.market-menu .filter-btn i{
    vertical-align: middle;
    /*font-size: 14px !important;*/
    margin-right: 10px;
}

.market-menu .filter-btn:hover{
    color: #ac86d9;
}

.market-menu .market-page-link{
    font-weight: 500;
    color: #463261;
    margin-left: 20px;
    text-align: center;
    cursor: pointer;
    white-space: normal;
    display: inline-block;
    text-decoration: none;
}

.market-menu .market-page-link.active{
    color: #999999 !important;
    border-bottom: #463261 solid 2px;
}


@media (max-width: 405px){
    .market-menu .market-page-link{
        margin-left: 5px;
    }
    
}


#register-validation ul{
    color: white;
   list-style-type: none;
}

/* TEST TEST TEST */

.fullscreen_dropdown {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
    z-index: 1000;
    overflow-y: scroll;
    display: none;
}

.fullscreen_dropdown.active {
    display: block;
}

.fullscreen_dropdown .fullscreen_dropdown_frame {
    overflow: hidden;
    background: #533b78;
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    /*border: 2px solid #463261;*/
    overflow-y: auto;
}

.fullscreen_dropdown .fullscreen_dropdown_frame .header-label .header-input-holder {
    padding: 0 0 0 4px;
}

.fullscreen_dropdown .header {
    display: table;
    height: 48px;
    background: #463261;
    position: absolute;
    width: 100%;
    text-align: center;
    color: white;
    line-height: 48px;
    font-size: 1.5rem;
    font-size: 24px;
}

.fullscreen_dropdown .header-label {
    display: table-cell;
}

.fullscreen_dropdown .header .autocomplete-input {
    position: relative;
    height: 40px;
    display: table-cell;
    padding-left: 10px;
    line-height: 40px;
    color: #eee;
    background: #533b78;
    width: 100%;
    border: 1px solid rgba(255,255,255,0.25);
}

.fullscreen_dropdown .header .close-button {
    right: 5px;  
    display: table-cell;
    width: 40px;
}

.fullscreen_dropdown ul {
    list-style-type: none;
    padding: 0;
    margin-top: 48px;
    margin-bottom: 0;
}

.fullscreen_dropdown li {
    color: #ffffff; /* #22b283; */
    padding: 15px 10px 15px 10px;
    border-bottom: 1px solid rgba(172, 134, 217, 0.4);
    text-align: center;
}

/*.fullscreen_dropdown li:last-child {
    border-bottom: 1px solid transparent;
}*/

.fullscreen_dropdown li > div {

}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.fullscreen-datepicker {
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
    z-index: 9999;
}

.fullscreen-datepicker .header {
	display: table;
    height: 48px;
    background: #463261;
    position: absolute;
    width: 100%;
    text-align: center;
    color: white;
    line-height: 48px;
    font-size: 1.5rem;
    font-size: 24px;
}

.fullscreen-datepicker .header .header-label {
    display: table-cell;
}

.fullscreen-datepicker .header .close-button {
    right: 5px;
    display: table-cell;
    width: 48px;
}

.fullscreen-datepicker .center {
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	max-width: 400px;
	max-height: 420px;
	margin: 0 auto;	
	background: white;
    overflow-y: scroll;
}

.fullscreen-datepicker .center .datepicker-container {
	position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    bottom: 0;
	min-height: 365px;
}

.fullscreen-datepicker .center .datepicker-container .pika-lendar {
	float: none;
    width: auto;
	position: absolute;
	left: 0;
    right: 0;
    top: 0;
    bottom: 50px;
}

.fullscreen-datepicker .center .datepicker-container .pika-tipick {
    position: absolute;
    bottom: 3px;
    width: auto;
}

.fullscreen-datepicker .center .datepicker-container .pika-single {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	border: 0;
}

.fullscreen-datepicker .center .datepicker-container .pika-lendar table tbody tr {
	
}

.fullscreen-datepicker .center .datepicker-container .pika-lendar table tbody tr td {
	border: 1px solid #ffffff;
}

.fullscreen-datepicker .center .datepicker-container .pika-lendar table tbody tr td .pika-button {
	height: 40px;
    text-align: center;
}

@media(max-width:934px) {
    .formula {
        display: none;
    }
}

#packageDescription {
    /*background: #f8f8f8;*/
    border: 1px solid #e3e3e3;
    margin-bottom: 12px;
    padding: 12px;
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

#packageForm #createLinkContainer {
    width: 208px;
}

#packageForm #createLinkContainer input[data-edit=createLink] {
    display: inline-block;
    width: 150px;
    vertical-align: top;
    border: 1px solid #e3e3e3;
    margin-left: 4px;
    line-height: 24px;
}

#packageForm #createLinkContainer button.btn {
    display: inline-block;
    margin-bottom: 0;
}

#packageForm input:disabled {
    background: #f8f8f8;
}

#pricingFreeRow {
    color: #22b283;
    font-size: 24px;
    font-size: 1.5em;
}

#new-message-trigger {
    display: none;
}

#new-app-trigger {
    display: none;
}

@media(max-width:715px) {
    #new-content {
        display: none;
    }

    #new-message-trigger {
        display: block;
    }

    #new-app-trigger {
        display: block;
    }
}

/* Fullscreen message  */

#modal-new-message {
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
    z-index: 9999;
}

#modal-new-message .header {
	display: table;
    height: 48px;
    background: #463261;
    position: absolute;
    width: 100%;
    text-align: center;
    color: white;
    line-height: 48px;
    font-size: 1.5rem;
    font-size: 24px;
}

#modal-new-message .header .header-label {
    display: table-cell;
}

#modal-new-message .header .close-button {
    right: 5px;
    display: table-cell;
    width: 48px;
}

#modal-new-message .center {
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	max-height: 320px;
	margin: 0 auto;	
	background: white;
    overflow-y: scroll;
}

#modal-new-message .center .new-message-container {
	position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    bottom: 0;
	min-height: 265px;
}

#modal-new-message form { position: relative; text-align: left; }
#modal-new-message form .message-container { margin: 4px; }
#modal-new-message form .message-container .message { border-radius: 0; height: 210px; line-height: 24px; padding: 4px; overflow: scroll; border-radius: 5px; }
#modal-new-message form .round-border { background-color: #ffffff !important; border: 2px solid #eaeaea; height: 48px; -moz-border-radius: 48px; -webkit-border-radius: 48px; -khtml-border-radius: 48px; -ms-border-radius: 48px; -o-border-radius: 48px; border-radius: 48px; overflow: hidden; display: inline-block; position: absolute;}
#modal-new-message form .input-group-addon { white-space: nowrap; padding: 2px 1px; background-color: transparent; position: relative; top: -2px; left: -2px; border: 2px solid #eaeaea; -moz-border-radius: 48px; -webkit-border-radius: 48px; -khtml-border-radius: 48px; -ms-border-radius: 48px; -o-border-radius: 48px; border-radius: 48px; height: 48px; }
#modal-new-message form .input-group-addon.right { right: 0px !important; left: initial !important }
#modal-new-message .input-group-addon { left: 0; top: 0; vertical-align: top; border-radius: 24px; }

/*#modal-new-message .dropzone .dz-preview .dz-progress { position: relative; }*/

#mobileDropzoneForm .typeahead.dropdown-menu {
    position: fixed;
}

#mobileDropzoneForm.error .message {
    border-color: rgba(185, 74, 72, 0.75);
}

#mobileDropzoneForm.error .sendButton {
    border-color: rgba(185, 74, 72, 0.75);
}

#mobileDropzoneForm .message span {
    color: #A97ED2;
}

#mobileDropzoneForm .message .oneFile {
    display: block;
    white-space: nowrap;
    background-color: #cccccc;
    border-radius: 15px;
    padding: 1px 5px 1px 10px;
    margin-right: 4px;
    line-height: 28px;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    margin: 1px 0;
}

#mobileDropzoneForm .dz-details-container {
    overflow: hidden;
}

#mobileDropzoneForm .dz-details-container .dz-details {
    position: absolute;
    width: 95%;
    overflow: hidden;
}

#mobileDropzoneForm .dz-remove {
    float: right;
}

#mobileDropzoneForm .oneFile i {
    font-size: 16px;
    color: white;
    vertical-align: text-bottom;
}

#mobileDropzoneForm .oneFile span {
    color: #ffffff !important;
}

ul.dropdown-menu.dropdown-menu-left.pickdate-list {
    top: 64px;
    left: 4px;
}

#mobileDropzoneForm .duespan {
    display: block;
    line-height: 28px;
    margin-right: 0;
}

#mobileDropzoneForm .duespan .removeDue {
    float: right;
}

#actions-dropdown{
    width: 20rem;
    display: inline-block;
}

@media(max-width: 716px){
    .preview-dropdown{
        display: none;
    }
}

#actions-dropdown .bootstrap-select .dropdown-menu {
  max-width: 20rem;
}
#actions-dropdown .bootstrap-select .dropdown-menu span.text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

#actions-dropdown .bootstrap-select.btn-group .btn .filter-option {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 16rem;
}

.not-active {
   pointer-events: none;
   cursor: default;
   opacity: 0.6;
}

.htDimmed {
    height: auto !important;
}

.wtHider{
    height: auto !important;
}

/*#mobileDropzoneForm .duespan {
    display: block;
    white-space: nowrap;
    background-color: #cccccc;
    border-radius: 15px;
    padding: 1px 5px 1px 10px;
    line-height: 22px;
    background-color: #22b283;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 500;
}*/

.profile-pills .nav-tabs > li > a {
    color: #232322;
    cursor: pointer;
}

.profile-pills .nav-tabs > li > a.active, .nav-pills > li > a.active:hover, .nav-pills > li > a.active:focus {
    color: #fff;
    background-color: #232322;
}

.profile-pills .nav > li > a:hover, .nav > li > a:focus {
    color: #fff;
    background-color: #279751;
}

span.req{
    color: #838383;
    margin-left: 5px;
}

/* Benefits */

.benefit {
    padding: 10px;
}

.benefit .benefit-title {
    padding: 15px 0 10px 0;
}

.benefit .benefit-desc {
    font-size: 14px;
    font-size: 0.875em;
    overflow-wrap: break-word;
}

/* Package review */

.preview-package-info {
    border-bottom: 1px solid #eaeaea;
    padding: 20px 10px;
    display: block;
}

.preview-package-info .preview-package-info-data {
    padding: 0 10px;
}

.preview-package-info .preview-package-info-description {
    overflow: hidden;
    word-break: break-word;
}

.preview-package-info .preview-package-info-actions a {
    float: right;
}

.package-details {
    padding: 10px;
}

.package-details-header .package-details-image {
    text-align: right;
}

.package-details-header .package-details-image img {
    width: 320px;
    height: 180px;
    border: 1px solid #715492;
}

SPAN.fc-disabled {
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 10px;
}

@media(max-width:430px) {
    .sectionInstance[data-type=Benefit] {
        width: auto !important;
    }

    .sectionInstance[data-type=Benefit] .benefit {
        padding: 10px 15px 30px 15px;
    }
}

.sectionInstance[data-type=History] {
    width: 100% !important;
}

.sectionInstance[data-type=Attachments] {
    width: 100% !important;
}

.owl-carousel .owl-item img {
    display: block;
    width: auto;
    margin: 0 auto;
}

.filter-well {
    display: none;
    margin-top: 0;
}

.filter-well .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.filter-btn {

}

/* Changes on market main page */

.post-bottom-row .post-status {
    margin-top: -30px;
}

.post-bottom-row .post-right-actions.package {
    margin-top: -30px;
}

.filter-parameters {
    margin-left: 0;
    margin-right: 0;
}

.mobile-post-title {
    display: none;
}

.mobile-post-buy {
    display: none;
}

/*@media(max-width:768px) {
    .post-package-avatar {
        width: 270px;
        height: 210px;
        float: left;
        margin-right: -300px;
    }

    .post-item .inner-post .post-main.package {
        padding-left: 285px;
    }

    .post-package-avatar img {
        width: 270px;
        height: 180px;
    }

    .post-bottom-row {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
    }

    .post-bottom-row .post-status {
        margin-top: 0;
        padding-left: 0;
    }

    .post-item.p-has-right .inner-post .post-main.package {
        padding-right: 0;
    }

    .post-time {
        clear: left;
    }
}

@media(max-width: 425px) {
    .post-package-avatar {
        float: none; 
        margin: auto;
    }

    .post-item.p-has-right .inner-post .post-main.package {
        height: auto;
        padding-left: 0;
        clear: left;
        display: none;
    }

    .post-item.p-has-right .post-right-actions.package {
        display: none;
    }

    .post-bottom-row {
        display: none;
    }

    .mobile-post-title {
        display: block;
        width: 270px;
        margin: auto;
    }

    .mobile-post-buy {
        display: block;
        width: 270px;
        margin: auto;
    }

    .mobile-post-buy a.btn {
        width: 270px;
    }

    .post-item {
        width: 312px !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 16px;
        -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
        -khtml-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
        -ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    }
}

@media(max-width: 320px) {
}*/

/* End */

.rating-star, .rating-star-change{
    cursor:pointer;
    /*padding-left: 5px;
    padding-right: 5px;*/
}

.ratings_over:before{
    color: goldenrod !important; content: "star" !important;
}

.ratings_after:before{
    color: #b2b2b2 !important; content: "star" !important;
}

.rating-zero:before {font-size: 20px; color: #b2b2b2; vertical-align: middle; font-style: normal !important; line-height: 40px; display: inline-block; content: "star"; text-transform: none !important; font-weight: 400 !important; font-family: "Material Icons"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }

.rating-half:before {font-size: 20px; color: goldenrod; vertical-align: middle; font-style: normal !important; line-height: 40px; display: inline-block; content: "star_half"; text-transform: none !important; font-weight: 400 !important; font-family: "Material Icons"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }

.rating-one:before {font-size: 20px; color: goldenrod; vertical-align: middle; font-style: normal !important; line-height: 40px; display: inline-block; content: "star"; text-transform: none !important; font-weight: 400 !important; font-family: "Material Icons"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }

.installApp{
    text-decoration: none; font-weight:normal; color: #fff !important;
}

.buyApp{
    text-decoration: none; font-weight:normal; color: #fff !important;
}

#login-btn {
    float: left;
}

#login-btn a {
    background-color: #22b283;
    margin-left: 5px;
}

#login-btn span {
    line-height: 28px;
    display: inline-block;
    height: 28px;
    vertical-align: top;
    margin-right: 10px;
}

#login-btn i {
        margin-right: 0px !important;
}

#signup-button {
    color: #232322;
}

.filter-container {
    padding: 10px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
    padding-left: 20px;
    /*margin-right: 10px;
    margin-left: 10px;*/
}

.filter-container .cr-holder label span.sub-label{
    margin-left: 8px;
}

.filter-container .form-group{
    margin-right: 15px;
    position: relative;
}

@media (max-width: 800px){
    .filter-container .dropdown-menu{
        left: 55px !important;
        right: initial !important;
    }
}

.filter-container .form-group label{
    font-weight: 500 !important;
}

.filter-container input{
    width: initial !important;
    display: inline-block;
}

.filter-container input[data-toggle="dropdown"]{
    width: 70% !important;
}

.filter-container .dropdown-menu{
    top: 34px;
    right: 12px;
    left: initial;
}

.filter-container .caret-input {
  position: relative;
  top: 0px;
  right: 20px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px dashed;
  border-top: 5px solid \9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

@media(max-width:768px){
    .filter-container input[data-toggle="dropdown"]{
         width: 90% !important;
    }
    .filter-container label{
        display: block !important;
    }
    .filter-container .dropdown-menu {
        width: 90%;
        right: 0 !important;
        left: 0 !important;
        top: 58px !important;
    }
}

.filter-container .form-group{
    white-space: nowrap !important;
}

.package span.icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    background-color: rgba(70, 50, 97, 0.8);
    color: #fff;
    text-align: center;
    padding-top: 7px;
}

.package span.icon i{
    font-size: 36px;
}

.package .owl-prev {
    position: absolute;
    left: 5px;
    top: 50%;
}

.package .owl-next {
    position: absolute;
    right: 5px;
    top: 50%;
}

.editor-chioce-row{
    margin-bottom: 20px;
    white-space: nowrap;
}

.post-baner{
    display: inline-block;
        /*-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);*/
}

.editor-chioce-row .owl-stage-outer{
    margin-left: -15px;
    margin-right: -25px;
    height: 310px;
}

.post-baner IMG{
    border: #EDEEEE solid 5px;
}

.create-site { margin-right: auto; margin-left: auto; background-color: #fff; margin-top: 20px; border: #EDEEEE solid 1px; }
.create-site:before, .create-site:after { content: " "; display: table; }
.create-site:after { clear: both; }

.create-site .header{
    /*line-height: 60px;*/
    padding: 30px;
    border-bottom: 1px solid #EBEBEB;
    color: #48335C;
    font-weight: 400;
    font-size: 16px;
}

.create-site .header-sm {
    line-height: 30px;
    padding-left: 10px;
    color: #48335C;
    font-weight: 500;
    font-size: 14px;
}

/*.create-site .header-sm::after {
    display: inline-block;
    content: " ";
    width: 3.125rem;
    height: 0.25rem;
    background-color: #22b283;
    margin-left: 0.9375rem;
    vertical-align: middle;
}*/


.create-site .create-container { padding: 20px 30px 20px 30px; }

.i-email:before{
    content: "email";
}

.g-recaptcha{
    margin-bottom: 12px;
}

.create-container .form-group{
    position: relative;
}

.create-container SPAN.desc{
    color: #A9A9A9;
    font-size: 13px;
    white-space: nowrap;
}

.create-container SPAN.desc-wrap{
    color: #A9A9A9;
    font-size: 13px;
}

.create-container .section-header{
    line-height: 20px;
    color: #48335C;
    font-weight: 700;
    font-size: 14px;
}

.create-container .section-header span.sub{
    font-size: 12px;
}

 .create-container .section-header img{
     margin-left: 3px;
     height: 24px;
 }

.create-container .separator{
    border-top: 1px dashed #EBEBEB;
    padding-top: 10px;
}

.create-container .checkbox{
    padding-top: 0 !important;
}

.create-container .cr-holder label{
    font-weight: 400 !important;
    font-size: 14px !important;
}

div.input{
    position: relative;
    display: table;
    width: 100%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    font-family: "Lato", Arial, Helvetica, Sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    color: #373737;
    background-color: #ffffff;
    border: 1px solid #b8b8b8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    height: 36px;
    line-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
}

.create-container.new-site div.input {
    padding-left: 0px;
}

div.input.readonly{
    background-color: #eeeeee !important;
}

div.input.readonly input{
    background-color: #eeeeee !important;
}

div.input span.lab{
    display: table-cell;
    color: #7B7B7B;
    width: 1px;
    white-space:nowrap;
    padding-right: 5px;
}

div.input input{
    display: table-cell !important;
    width: 100% !important;
    height: 32px !important;
    line-height: 32px !important;
    border: 0 !important;
    padding-left: 5px !important;
    color: #000;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    margin-bottom: 1px;
    margin-top: 1px;
}

div.input.input-with-addon input{
    border-radius: 0 !important;
}

div.input .input-group{
    display: table-cell !important;
    width: 100% !important;
}

div.input input:focus{
    border: 0;
}

div.input input.input-validation-error {
    border: 0 !important;
    /*background-color: initial !important;*/
    /*color: red;*/
}

div.input .input-addon{
    display: table-cell;
    width: 1px;
    white-space: nowrap;
    font-size: 12px;
    padding: 0px 12px;
    background-color: #eeeeee;
    border-left: 1px solid #ccc;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

div.input .caret-dropdown{
    display: table-cell;
    width: 40px;
}

div.input .caret-dropdown div{
    border-left: 1px solid #b8b8b8;
    margin-top: 2px;
    margin-bottom: 2px;
    height: 28px;
    line-height: 28px;
    padding-left: 11px;
}

div.input .caret-dropdown .caret-drop{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.input-group div.input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.create-site-top{
    margin-top: 20px !important;
}

@media (min-width: 425) { 
    .create-site { width: 425px; margin-top: 20px; margin-bottom: 20px; } 
    .create-site .create-form{ width: 100%; }
}
@media (min-width: 768px) { 
    .create-site { width: 732px; margin-top: 20px; margin-bottom: 20px; } 
    .create-site .create-form{ width: 80%; }
}
@media (min-width: 1180px) { 
    .create-site { width: 800px; margin-top: 50px; margin-bottom: 50px; } 
    .create-site .create-form{ width: 60%; }
}
@media (min-width: 1470px) { 
    .create-site { width: 800px; margin-top: 80px; margin-bottom: 80px; } 
    div.input input { width: 600px; }
    .create-site .create-form{ width: 60%; }
}

span.expiry {
    float: right;
}

.card-table .card {
    width: 160px !important;
}

.card-table .expmonth {
    width: 50px !important;
    margin-right: 10px;
    display: inline-block;
}

.card-table .expyear {
    width: 50px !important;
    display: inline-block;
}

.card-table .seccode {
    width: 60px !important;
    display: inline-block;
}

.card-table{
    color: #7D7D7D;
    font-size: 14px;
    width: 100%;
    margin-left: -6px;
    margin-right: -6px;
}

.card-table th{
    font-size: 14px;
    font-weight: initial;
}

.card-table .card-td{
    width: auto;
}

.card-table .cvv-td{
    width: 80px;
}

.card-table .exp-td{
    width: 115px;
}

.payment-wire{
    color: #A1A1A1;
    margin-top: 10px;
    font-weight: 400;
    margin-left: -7px;
    font-size: 14px;
}

.payment-disclaimer{
    color: red;/*#A1A1A1;*/
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    width: 100% !important;
}

.payment-wire a{
    color: #b16fff;
}

.payment-address{
    font-size: 14px;
    /*border-bottom: 2px dashed #EBEBEB;*/
    border-top: 1px dashed #EBEBEB;
    margin-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 0 !important;
    font-weight: 400;
}

.payment-address span{
    font-size: 14px;
    font-weight: 400;
}

.payment-address .cr-holder{
    display: inline-block;
    margin-right: 10px;
}

.payment-address .address-selector{
    margin-bottom: 10px !important;
}

.payment-address .addr{
    background-color: #F7F7F7;
    padding: 10px;
    color: #A1A1A1;
}

.price-item{
    /*border-bottom: 1px dashed #EBEBEB;*/
    /*padding-top: 10px;*/
    padding-bottom: 20px;
    margin-bottom: 0px !important;
}

.price-disp{
    text-align: center;
    margin-bottom: 20px;
}

.price-disp img {
    max-width: 100%;
}

.price-disp .price-lab{
    color: #22b283;
    font-size: 32px;
    vertical-align: top;
    line-height: 120px;
}

.price-disp .price-val{
    color: #22b283;
    font-size: 120px;
    font-weight: 500;
}

.price-disp .price-per{
    font-size: 24px;
    color: #4A3A69;
    margin-bottom: 20px;
}

.continue{
    text-align: center;
    border-top: 1px dashed #EBEBEB;
    padding-top: 20px;
}

.price-item.total {
    border-bottom: 0;
}

.price-item-buy{
    border-top: 1px dashed #EBEBEB;
    padding-top: 10px;
}

.price-item-buy > div{
    display: inline-block;
    width: 250px;
    vertical-align: top;
}

.price-item-buy .price-label{
    width: 150px;
    color: #9B9B9B;
    font-size: 14px;
    font-weight: 500;
}

.price-item-buy .price-title{
    color: #4A3A69;
    font-size: 18px;
    font-weight: 500;
}

.price-item .price-label{
    color: #9B9B9B;
    font-size: 14px;
    font-weight: 500;
}

.price-item .price-title{
    color: #4A3A69;
    font-size: 18px;
    font-weight: 500;
}

.install-app-disclaimer{
    color: #A9A9A9;
    font-size: 13px;
    font-weight: 400;
}

.no-credit-card-dics{
    position: absolute;
    margin-left: 15px;
}

.price-item .price-desc{
    color: #484848;
    font-size: 14px;
    font-weight: 400;
}

.create-container a.strd{
    color: #b16fff;
}

form.gray-labels{
    margin: 15px;
}

/*new NAV*/

.nav-top-col {
    /*float: right;*/
    /*margin-right: 20px;*/
    margin-left: 10px;
}

ul.top-nav-list {
    padding: 0;
    margin: 0;
    clear: both;
}

    ul.top-nav-list li {
        margin: 0 0 0 20px;
        padding: 0;
        float: left;
        list-style-type: none;
        list-style-image: none;
    }

    ul.top-nav-list::after, ul.top-nav-list::before {
        display: block;
        clear: both;
        content: " ";
    }

    ul.top-nav-list li:first-child {
        margin-left: 0;
    }

    ul.top-nav-list li a {
        display: block;
        line-height: 80px;
        height: 80px;
        font-size: 16px;
        color: #533b78;
        font-weight: bold;
        position: relative;
    }

    ul.top-nav-list li a:hover {
        color: #6b4c9a;
    }

    ul.top-nav-list a:hover::before {
      display: block;
      content: "";
      position: absolute;
      bottom: 23px;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #533b78;
    }

.signup-col {
    /*float: right;*/
    padding: 0;
    margin-left: 15px;
}

    .signup-col a {
        display: block;
        line-height: 80px;
        height: 80px;
        background-color: #22b283;
        color: #fff;
        text-decoration: none;
        padding: 0 20px;
        font-size: .875rem;
    }

@media (max-width:479px) {
    .signup-col a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: .75rem;
    }
}

.signup-col a span.icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin-right: 10px;
}

@media (max-width:610px) {
    .signup-col a span.icon {
        display: none;
    }
}

.i-face {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(../content/img/static/icon-face.png);
}

/*new NAV*/
}*/

.go-to-market{
    float: right;
    padding: 23px 12px 0 6px;
}

.go-to-market a i {
    vertical-align: middle;
}

@media(max-width:1400px) {
    .go-to-market-label{
        display: none;
    }
}

@media(max-width:650px) {
    .go-to-market{
        display: none;
    }
}

.favouriteAppIcon {
    float: right;
    color: #ffffff;
    height: 24px;
}

.favouriteAppIcon i:hover {
    color: #953cff;
}

.favouriteApp .favouriteAppIcon {
    color: #f7d84f;
}

.runAppButton {
    position: absolute;
    top: -3px;
    right: -1px;
    background-color: #ffffff;
    color: #22b283;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    z-index: 2;
}

.runAppButton i {
    font-size: 50px;
    position: absolute;
    top: -5px;
    right: -5px;
}

.runAppButton i:hover {
    font-size: 54px;
    top: -7px;
    right: -7px;
}

.toggleFavouriteApps {
    line-height: 80px;
    color: #463261;
    padding-left: 10px;
}

.toggleFavouriteApps i {
    font-size: 30px;
    vertical-align: middle;
}

.toggleFavouriteApps i:hover {
    color: #953cff;
    cursor: pointer;
}

.account-package-name {
    font-weight: bold;
}

.account-package-label {
    font-size: 14px;
    font-weight: bold;
    color: #838383;
    padding-right: 6px;
}

.account-package-row {
    padding: 20px;
}

.account-package-row:hover {
    background-color: #f8f8f8;
}

.account-package-row div {
    padding-bottom: 12px;
}

.account-package-history {
    padding-bottom: 0 !important;
    cursor: pointer;
}

.account-package-history i {
    vertical-align: middle;
    color: #838383;
    float: right;
    font-size: 20px;
}

.account-package-history span {
    float: right;
}

.plansHistory {
    padding-bottom: 0 !important;
}

#modal-app.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate(-25%, 0);
    transform: translate(-25%, 0);
}

.modal-bubble footer{
    text-align: right;
}

.modal-bubble header {
    text-align: center;
    display: block;
    height: 2.5em;
    width: 100%;
    font-size: x-large;
}

.modal-bubble header img{
    float: left;
}

.modal-bubble header span{
    margin-left: -40px;
}

.modal-bubble iframe{
    margin-top: 1em;
    margin-bottom: 1em;
}

.modal-bubble .wtHolder{
    width: auto !important;
    height: auto !important;
}

#modal-welcome-invite-table{
    width: 50%;
    margin: 0 auto; 
}

#modal-welcome-invite-button{
        width: 283px;
}

.invite-button-container{
    text-align: center;
    margin-bottom: 1em;
}

#modal-welcome-invite-errors, #modal-welcome-invite-success{
    display: none;
    text-align: center;
    margin-bottom: 1em;
}

#modal-welcome-invite-errors{
    color: #dd0000;
}

#modal-welcome-invite-success{
    color: #22b283;
}

.modal-bubble .wtHolder{
    overflow: hidden;
}

.modal-message-body{
    margin: .5em 1em 1em 1em;
    text-align: center;
}

.greyout{
    background-color: #f8f8f8 !important;
    color: black;
}

.package-wizard-leftside, #package-wizard-editor{
    display: inline-block;
    float: left;
}

.package-wizard-leftside{
    width: 20%;
    margin-right: 1%;
}

.package-wizard-leftside #actions-dropdown{
    width: 100%;
}

.one-down{
    margin-top: 1em;
}

#package-wizard-list a{
    margin-right: 3em;
    width: 100%;
}

#package-wizard-list i.material-symbols-outlined{
    float: right;
}

#package-wizard-editor{
    height: 100%;
    width: 79%;
}

#package-wizard-editor .wrapper-groups{
    margin: auto;
    overflow: hidden;
    padding-bottom: 2em;
}

#package-wizard-editor .wrapper-groups .group-item-block.col{
    padding-left: 35px;
    padding-right: 35px;
}

#package-wizard-editor .wrapper-groups .sep-row{
    margin-bottom: 0;
}

#package-wizard-editor .wrapper-groups .sep-row{
    margin-bottom: 0;
}

@media(max-width: 1150px){
    .package-wizard-leftside, #package-wizard-editor, #package-wizard-editor .wrapper-groups{
        width: 100%;
    }
}
#package-wizard-no-content{
    height: 10em;
    text-align:center;
    line-height: 10em;
    overflow: hidden;
}

#package-wizard-editor #saveDefinition{
    background-color: #463261;
    color: #fff;
}

#package-wizard-editor #saveDefinition:hover{
    color: #ffffff;
    background-color: #46265A;
}






}

.package-author-contact {
    border: #EFEFEF solid 2px;
    padding: 10px 15px 10px 15px;
    color: #767676;
    font-size: 14px;
}

.package-author-contact a {
    color: #767676;
}

.package-author-contact > div {
    overflow-x: hidden;
}

.package-apps {
    border: #EFEFEF solid 2px;
    margin: 15px 0px;
    color: #767676;
}

.package-apps .package-apps-title {
    border-bottom: #EFEFEF solid 1px;
    padding: 10px;
}

.package-apps .package-apps-list ul {
    margin-bottom: 0;
    padding-left: 30px;
}

.package-apps .package-apps-list li {
    padding: 10px 0;
}

.package-apps .package-apps-list span {
    padding-right: 10px;
}

.package-audit a {
    color: #22b283;
    word-break: break-word;
}

#partnersDropdown, #promoCode {
    display: inline-table;
    width: 65%;
    float: right;
}

#partnersCheckbox, #promocodeCheckbox {
    display: inline;
}

#partnersCheckbox label, #promocodeCheckbox label {
    margin-top: 8px;
}

.partner-list-item {
    display: block;
    padding: 12px 20px;
    border-bottom: 1px solid #eaeaea;
}

.partner-list-item a {
    float: right;
    margin: 0;
}

.partner-list-item label {
    padding-top: 2px;
    margin-bottom: 0;
}

.partner-list-title {
    padding: 20px 0 30px 20px;
    border-bottom: 1px solid #eaeaea;
}

.partner-list-title label {
    font-weight: bold;
}

.terms .cr-holder label {
    font-weight: 400;
}

.terms-text-col table td {
    border: 1px solid lightgray;
    padding: 2px 8px;
}

.market-login-logo {
    width: 42px;
    padding: 10px 0;
}

.market-login-signin {
    font-size: 20px;
    padding-left: 10px;
}

.market-login-password-reminder {
    float: right;
    font-size: 14px;
    text-decoration: underline;
    font-weight: 300;
}

.market-login-password-reminder a {
    color: #232322;
}

#market-login-header {
    padding: 2px 20%;
    width: 100%;
}

#market-login-content {
    padding: 20px 20%;
    width: 100%;
    font-family: Lato, Arial, Helvetica, Sans-serif;
}

.sectionTitle{
    font-size: 18px; color: #838383; font-weight: 300;
}

/* STRIPE */
#card-errors{
    margin-left: -6px;
    margin-top: 5px;
    color: red;
}

#card-element{
    box-shadow: none;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    color: rgb(55, 55, 55);
    background-color: rgb(255, 255, 255);
    height: 36px;
    line-height: 34px;
    padding-top: 9px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(184, 184, 184);
    border-image: initial;
    border-radius: 5px;
    outline: none;
}

.trial-expired{
    color: red; margin-left:15px;
}

.upcoming-invoice{
    color: red;
}
/* STRIPE */

#partnersDropdown .btn-group{
    border: 0 !important;
}

#partnersDropdown .btn-group .btn{
    height: 36px;
}

/* cookie disclaimer */
#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #323334;
    padding: 20px;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    z-index: 1000000;
}

#cookieinfo h6 {
    font-size: 16px;
    font-weight: bold;
    color: #cdd7da;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    margin-bottom: 7px;
}

#cookieinfo p {
    font-size: 12px;
    color: #afb4bc;
    line-height: 1.5em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

#cookieinfo a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #ff6000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#cookieinfo a:hover {
    background-color: #ff7925;
}
/* cookie disclaimer end */

label.gdpr-agreement span {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 400;
}

label.gdpr-agreement ol {
    font-size: 12px;
    font-weight: 400;
}

label.gdpr-agreement span:before {
    font-size: 14px;
}

/* password reset static confirmation page */
.password-reset-confirmation-section h5 {
    padding: 80px;
}

/* password reset static confirmation page */

.form-control.no-border{
    border: 0;
}

.avatars-dropdown-toggle {
    color: #232322;
    cursor: pointer;
    vertical-align: -webkit-baseline-middle;
}

#avatars.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    color: #232322;
    text-decoration: none;
    white-space: nowrap;
}

.terms-sec h1 {
    font-size: 22px;
}
.terms-sec h2 {
    font-size: 20px;
}

.terms-footer .bottom-header-col h3 {
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;
    color: #463261;
}

.terms-footer .copyright-section {
    background-image: url(../../content/img/static/logo-color.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.terms-footer .copyright-section .wrapper {
    border-top: 1px solid #f7f7f7;
    padding-top: 20px;
    padding-bottom: 20px;
}

.terms-footer .copyright-section .copyright-col {
    line-height: 73px;
    height: 73px;
    font-size: .813rem;
    text-transform: uppercase;
    color: #bfbfbf;
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.3.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.1.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:99999!important;border-radius:4px}.bootstrap-datetimepicker-widget.timepicker-sbs{width:600px}.bootstrap-datetimepicker-widget.bottom:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:7px}.bootstrap-datetimepicker-widget.bottom:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:8px}.bootstrap-datetimepicker-widget.top:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.top:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget .dow{width:14.2857%}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget td.cw{font-size:10px;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#777}.bootstrap-datetimepicker-widget td.today{position:relative}.bootstrap-datetimepicker-widget td.today:before{content:'';display:inline-block;border-left:7px solid transparent;border-bottom:7px solid #428bca;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td span.old{color:#777}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget th.picker-switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-group.date .input-group-addon span{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px}.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td{padding:0!important}@media screen and (max-width:767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width:283px}}
/*
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;
    z-index:9000;
}
/*Color selection box with gradients*/
.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;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
}
.colpick_color_overlay2 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
/*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;
}
.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;
}
.colpick_dark .colpick_submit:hover {
	background-color:#101010;
	border-color:#444;
}
.alert.alert-messages {
    position: fixed;
    bottom: 0%;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 10000000;
    border-radius: 0px !important;
}

.alert {
    padding: 20px;
    text-align: center;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

    .alert .close {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .alert.alert-success {
        color: #22b283;
        background-color: #c1f1e2;
    }

    .alert.alert-warning {
        color: #ef9b18;
        background-color: #faead1;
    }

    .alert.alert-info {
        color: #2b658c;
        background-color: #c9dfee;
    }

    .alert.alert-danger,
    .alert.alert-error {
        color: #d71557;
        background-color: #f6cfcd;
    }

@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}


/*!
 * ClockPicker v0.0.7 for Bootstrap (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 */
.clockpicker-popover{z-index:10000}.clockpicker .input-group-addon{cursor:pointer}.clockpicker-moving{cursor:move}.clockpicker-align-left.popover>.arrow{left:25px}.clockpicker-align-top.popover>.arrow{top:17px}.clockpicker-align-right.popover>.arrow{left:auto;right:25px}.clockpicker-align-bottom.popover>.arrow{top:auto;bottom:6px}.clockpicker-popover .popover-title{background-color:#fff;color:#999;font-size:24px;font-weight:bold;line-height:30px;text-align:center}.clockpicker-popover .popover-title span{cursor:pointer}.clockpicker-popover .popover-content{background-color:#f8f8f8;padding:12px}.popover-content:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.clockpicker-plate{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:200px;height:200px;overflow:visible;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clockpicker-canvas,.clockpicker-dial{width:200px;height:200px;position:absolute;left:-1px;top:-1px}.clockpicker-minutes{visibility:hidden}.clockpicker-tick{border-radius:50%;color:#666;line-height:26px;text-align:center;width:26px;height:26px;position:absolute;cursor:pointer}.clockpicker-tick.active,.clockpicker-tick:hover{background-color:#c0e5f7;background-color:rgba(0,149,221,.25)}.clockpicker-button{background-image:none;background-color:#fff;border-width:1px 0 0;border-top-left-radius:0;border-top-right-radius:0;margin:0;padding:10px 0}.clockpicker-button:hover{background-image:none;background-color:#ebebeb}.clockpicker-button:focus{outline:none!important}.clockpicker-dial{-webkit-transition:-webkit-transform 350ms,opacity 350ms;-moz-transition:-moz-transform 350ms,opacity 350ms;-ms-transition:-ms-transform 350ms,opacity 350ms;-o-transition:-o-transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms}.clockpicker-dial-out{opacity:0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);transform:scale(.8,.8)}.clockpicker-canvas{-webkit-transition:opacity 175ms;-moz-transition:opacity 175ms;-ms-transition:opacity 175ms;-o-transition:opacity 175ms;transition:opacity 175ms}.clockpicker-canvas-out{opacity:.25}.clockpicker-canvas-bearing,.clockpicker-canvas-fg{stroke:none;fill:#0095dd}.clockpicker-canvas-bg{stroke:none;fill:#c0e5f7}.clockpicker-canvas-bg-trans{fill:rgba(0,149,221,.25)}.clockpicker-canvas line{stroke:#0095dd;stroke-width:1;stroke-linecap:round}.clockpicker-button.am-button{margin:1px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}.clockpicker-button.pm-button{margin:1px 1px 1px 136px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}
/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #20AE82;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333333;
  background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #20AE82;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

/* copy from Gorilla overwrites */
form.add-content-form .form-holder{
    height: auto;
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(234,234,234,1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(234,234,234,1);
    box-shadow: inset 0px 0px 0px 2px rgba(234,234,234,1);
    border: 0;
    padding: 0;
    border-radius: 24px;
}
form.add-content-form .input-group-addon{
    left: 0;
    top: 0;
    vertical-align: top;
    border-radius: 24px;
}
/* copy from Gorilla overwrites END */

a.active h4 {
    color: #ffffff;
}

.tab-content-title { 
    margin-bottom: 25px;
}

.right-block {
    float: right;
}

@media (max-width: 345px) {
    .modal.modal-apps .modal-dialog .modal-content .modal-header button.close i {
        margin-right: 0;
    }
}

@media (max-width: 479px) {
    /*.right-block {
        line-height: 40px; 
        height: 40px;
        float: right;
    }
    .designer-top-block {
      margin-left: 0;
    }

    ul.post-btns-list li::after { margin: 0 6px; }*/
}

@media (max-width: 767px) { /* col-sm */
    .filter-content-btns {
        display: block;
    }

    .app-item span.app-desc-inner { 
        padding: 0 0 20px 20px; 
    }
}

@media (min-width: 1180px) {
    .app-item span.app-desc-inner { 
        padding: 0 0 20px 20px; 

    }
}

@media (max-width: 1251px) { /* col-md */
    .rwd-filters {
        width: 305px;
    }

    .focus-switch {
        margin-left: 10px;
    }

    .trigger-filter-close, .trigger-search-close {
        margin-left: 0 !important;
    }
}

@media (max-width: 1469px) {
    a.rounded-lg-icon { 
        margin-top: 0;
        width: 33px;
        height: 33px; 
        border-width: 2px; 
        font-size: 21px;
        font-size: 1.3125rem; 
    }
    a.rounded-lg-icon i { line-height: 29px !important; height: 33px !important; }

    .title-top-sep {
        height: 20px;
    }
}

@media (max-width: 364px) {
    /*.search-main-block, .rwd-filters { width: auto !important; left: -4px; top: -40px; }
    .rwd-filters .rwd-filters-container #group-work {
        display: none;
    }
    .rwd-filters .rwd-filters-container .sep-vertical-block.visible-with-group-work {
        display: none;
    }*/
}

@media (min-width: 365px) and (max-width: 715px) {
    /*.search-main-block, .rwd-filters { width: 305px !important; right: -6px; top: -40px; left: auto; }
    
    .sep-vertical-block.visible-with-group-work .inner-block {
        line-height: 80px;
        height: 80px;
    }
    
    .sep-vertical-block.visible-with-group-work .inner-block::before {
        height: 25px;
    }*/
}

@media (min-width: 365px) and (max-width: 1251px) {
    .rwd-filters .rwd-filters-container .sep-vertical-block.visible-with-group-work {
        display: block;
    }
}

@media (max-width: 1251px) {
    .rwd-filters .rwd-filters-container {
        right: 50px;
        position: absolute;
    }
}

@media screen {
    .btn.btn-sm span.icon, button.btn-sm[type="submit"] span.icon, input.btn-sm[type="submit"] span.icon { margin-right: 5px; }
    .btn.btn-sm span.icon::before { line-height: 28px; height: 28px; font-size: 18px; font-size: 1.125rem; }  
}

.btn.btn-sm.right-side { line-height: 28px; height: 20px; font-size: 14px; font-size: 0.875rem; padding: 0 15px; }

/*.app-item span.app-icon {
    color: white;
    font-size: 48px; font-size: 3rem;
    padding-top: 0;
}*/

ul.side-user-list a span.counter-badge:empty, ul.status-list a span.counter-badge:empty, span.counter-badge:empty { display: none; }

/*.post-right-actions i { color: #22b283; width: 20px; filter: alpha(opacity=100); }*/

.post-item { width: 100% }
.post-item.p-status-app.p-status-active > .inner-post > .post-main::before { border-color: #533b78 !important; border-right: 1px solid; }
.post-item.p-status-app > .inner-post > .post-main::before { border-color: #e2e2e2 !important; border-right: none; }
.post-item.p-status-app.p-status-active > .inner-post > .post-avatar .avatar-icon { color: #533b78; }
/*.post-item.p-status-app.p-status-new > .inner-post > .post-avatar .avatar-icon { border-color: #22b283; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s;}
.post-item.p-status-app.p-status-new-me > .inner-post > .post-avatar .avatar-icon { border-color: #22b283; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s;}*/
.post-item.p-status-app.p-status-overtime > .inner-post > .post-main::before { border-color: #e91c62 !important; border-right: 1px solid; }
.post-item.p-status-active > .inner-post > .post-avatar .avatar { border-color: #463261; background-color: #463261; }
/*.post-item.p-status-active .post-main::before { border-color: #533b78; border-right: 1px solid; }*/
.post-item.p-status-active > .inner-post > .post-main::before { border-color: #533b78 !important; border-right: 1px solid; }

span.avatar-icon .app-board-icon { opacity: 0.7; font-size: 56px; font-size: 3.5rem; }

.post-tags { padding-top: 7px; padding-bottom: 4px; float: right; }
/*.post-item.p-status-new > .inner-post > .post-avatar .avatar { border-color: #463261; }
.post-item.p-status-new .post-main::before { border-color: #533b78 !important; border-right: 1px solid; }*/

/*.post-item.p-status-new > .inner-post > .post-avatar .avatar { border-color: #463261; }
.post-item.p-status-new .post-main::before { border-color: #463261; }*/

.pickday-wrapper .duedate-control { -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; line-height: 32px; height: 32px; background-color: #22b283; color: #ffffff; font-size: 12px; font-size: 0.75rem; padding: 0 25px 0 10px; display: inline-block; width: 100px; }

ul.status-list a span.counter-badge { text-align: center; min-width: 20px; }
ul.side-user-list a span.counter-badge { position: absolute; top: 50%; margin-top: -7px; right: 10px; text-align: center; min-width: 20px; }

.input-group.input-group-lg { width: 100%; }

#nhance_pl-map-marker .logo { width: 57px; height: 20px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0%; background-image: url("img/vendor-layout/logo.png"); margin: 25px auto; background-size: 100% auto; }
#infscr-loading::before { width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; background-image: url("img/vendor-layout/logo.png"); background-size: 90%; display: inline-block; content: ""; }
.loader::after { display: block; content: ""; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; position: absolute; top: 50%; left: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-image: url("img/vendor-layout/logo.png"); background-size: 100% 100%; -webkit-animation: fadeIn .5s 0s ease-in-out infinite; animation: fadeIn 0.5s 0s ease-in-out infinite; }

#dashboard.collapse.in { margin-bottom: 20px; }

/*ul.post-btns-list div.snoozeBtn-container ul.pickdate-list > li > a.hover { text-decoration: none; color: #262626; }*/
/*ul.post-btns-list div.snoozeBtn-container ul.pickdate-list > li > a:focus { text-decoration: none; color: #262626; }*/
ul.post-btns-list div.snoozeBtn ul.pickdate-list li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.post-btns-list div.snoozeBtn ul.pickdate-list li { display: list-item; font-size: 14px; font-size: 0.875rem; vertical-align: middle; font-weight: 400; }
ul.post-btns-list div.snoozeBtn ul.pickdate-list li.divider { margin: 10px 0; }
ul.post-btns-list div.snoozeBtn ul.pickdate-list li::after { display: none; vertical-align: middle; content: ""; line-height: normal; height: auto; border-right: none; margin: 0; }
ul.post-btns-list div.snoozeBtn ul.pickdate-list li:last-child::after { display: none; }
ul.post-btns-list div.snoozeBtn ul.pickdate-list li a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: #333333; white-space: nowrap; text-decoration: none; font-size: 12px; font-size: 0.75rem; }
ul.post-btns-lisboardt div.snoozeBtn ul.pickdate-list li a::-moz-focus-inner, ul.post-btns-list a::-moz-focus-outer, ul.post-btns-list a:focus { border: 0; outline: 0; outline-style: none; }

ul li.post-tag { height: 22px; color:#463261; }
ul li.post-tag span.status-dot { margin-right: 5px; border: 1px solid #717171; margin-top: -2px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
ul li.post-tag span.link-name { vertical-align: top; }
ul li.post-tag a { font-size: 14px; font-size: 0.75rem; }
ul li.post-tag a { display: inline-block; line-height: 20px; height: 20px; color: #9D79C9; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 0 10px 0 5px; text-decoration: none; -moz-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -webkit-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -khtml-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -ms-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); -o-transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); transition: all 0.2s cubic-bezier(0.67, 0.21, 0.005, 0.885); }

ul li.post-tag a:hover { background-color: #533b78; color: #ffffff; }

ul.post-btns-list li:last-child::after { display: inline-block; border-right: 0; }

.cr-holder.checkbox label input:checked ~ span.sub-label:before { vertical-align: top; font-style: normal !important; line-height: 1; display: inline-block; content: "check"; text-transform: none !important; font-weight: 400 !important; font-family: "Material Icons"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; line-height: 18px; }
.cr-holder.radio label input:checked ~ span.sub-label:before { vertical-align: top; font-style: normal !important; line-height: 1; display: inline-block; content: "fiber_manual_record"; text-transform: none !important; font-weight: 400 !important; font-family: "Material Icons"; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; line-height: 19px; }

#dropzoneFormEdit.day-on .pickday-wrapper { left: 91px; }

form .message.form-control[contenteditable] {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    font-family: "Roboto", Arial, Helvetica, Sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    color: #373737;
    background-color: #ffffff;
    border: 1px solid #b8b8b8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    height: 36px;
    line-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
form.add-content-form .form-control.message[contenteditable] { 
    border: none; font-weight: 300; 
    height: initial !important;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 12px;
    height: 24px;
}

.pickday-wrapper { top: 8px; }

main.grey-background { background-color: #f8f8f8; }

.tab-content { padding: 0; }
.tab-content.left-menu-item { padding: 20px; }

/* users list */
.user-b-5 {
    float: right;
    margin-left: -200px;
    width: 200px;
    text-align: right;
    font-size: 14px;
    font-size: 0.875rem;
}

@media (max-width: 767px) {
    .user-b-5 {
        display: none;
    }
}

@media (min-width: 767px) {
    .user-b-3, .user-b-4.collapse.in {
        display: none;
    }
}

/* users list end */
/*form.add-content-form .message{
    border: medium none;
    font-weight: 300;
    height: 44px;
    line-height: 22px;
    background: transparent;
    box-shadow: none;
    color: #373737;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
    font-size: 0.875rem;
    outline: medium none;
    padding: 10px 13px;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 2px;
}*/

#dropzoneForm .form-holder, #dropzoneFormEdit .form-holder{
    height: auto;
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(234,234,234,1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(234,234,234,1);
    box-shadow: inset 0px 0px 0px 2px rgba(234,234,234,1);
    border: 0;
    padding: 0;
    border-radius: 24px;
}
#dropzoneForm .input-group-addon, #dropzoneFormEdit .input-group-addon{
    left: 0;
    top: 0;
    vertical-align: top;
    border-radius: 24px;
}

#dropzoneForm.error .form-holder, #dropzoneFormEdit.error .form-holder{
    -webkit-box-shadow: inset 0 0 0 2px rgba(185, 74, 72, 0.75);
    -moz-box-shadow: inset 0 0 0 2px rgba(185, 74, 72, 0.75);
    box-shadow: inset 0 0 0 2px rgba(185, 74, 72, 0.75);
}

form.add-content-form.error .input-group-addon {
    border-color: rgba(185, 74, 72, 0.75);
}

/* log list */
.log-item-block:hover { background-color: #f8f8f8; }
.log-item-header { margin-bottom: 5px; font-size: 1.125rem; color: #463261; }
/* log list end */

@media (max-width: 1251px) { /* col-md */
  .rwd-filters .group-work-block-overwrite { padding: 0 6px 0 0; }
}

.app-item span.app-icon img {
    vertical-align: top;
}

.btn-group.bootstrap-select.form-control .dropdown-menu { max-height: none; }

.btn-group.bootstrap-select.form-control button.btn-default.selectpicker:before {
    vertical-align: top;
    font-style: normal !important;
    display: inline-block;
    content: "expand_more";
    text-transform: none !important;
    font-weight: 400 !important;
    font-family: "Material Icons";
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    position: absolute;
    top: 0;
    right: 8px;
    height: 36px;
    line-height: 32px;
}

.btn-group.bootstrap-select.form-control .dropdown-menu ul li.selected a span.glyphicon:before {
    vertical-align: top;
    font-style: normal !important;
    line-height: 1;
    display: inline-block;
    content: "check";
    text-transform: none !important;
    font-weight: 400 !important;
    font-family: "Material Icons";
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    color: #22b283;
}

.btn-group.bootstrap-select.form-control .dropdown-menu ul li a span.glyphicon:before {
    content: "";
}

.btn-group.bootstrap-select.form-control .dropdown-menu ul li.selected a:focus span.glyphicon:before,
.btn-group.bootstrap-select.form-control .dropdown-menu ul li.selected a:hover span.glyphicon:before {
    color: #000;
}

.post-btns-list ul.dropdown-menu.dropdown-menu-left.pickdate-list { top: 32px; }

.help-block { width: 40px; }

.addComment form.add-content-form .form-holder {
    background-color: #fff!important;
    border: 2px solid #eaeaea;
    height: 48px;
    -moz-border-radius: 48px;
    -webkit-border-radius: 48px;
    -khtml-border-radius: 48px;
    -ms-border-radius: 48px;
    -o-border-radius: 48px;
    border-radius: 48px;
    overflow: hidden;

    box-shadow: none;
}

.addComment form.add-content-form .input-group-addon{
    white-space: nowrap;
    padding: 2px 1px;
    background-color: transparent;
    position: relative;
    top: -2px;
    left: -2px;
    border: 2px solid #eaeaea;
    -moz-border-radius: 48px;
    -webkit-border-radius: 48px;
    -khtml-border-radius: 48px;
    -ms-border-radius: 48px;
    -o-border-radius: 48px;
    border-radius: 48px;
    height: 48px;
}

ul.side-tab-list li::before { display: block; content: ""; height: 1px; position: absolute; background-color: #715492; top: -1px; left: 3px; right: 3px; }
ul.side-tab-list li:first-child::before, ul.side-tab-list li.active::before { display: none; }
ul.side-tab-list li.active + li::before { display: none; }
ul.side-user-list a span.avatar { background: #ffffff; }
.flexer,
.progress-indicator {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.no-flexer,
.progress-indicator.stacked {
    display: block
}
.no-flexer-element {
    -ms-flex: 0;
    -webkit-flex: 0;
    -moz-flex: 0;
    flex: 0
}
.flexer-element,
.progress-indicator>li {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1
}
.progress-indicator {
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
    padding: 0;
    border-bottom: 1px dashed #EBEBEB;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.progress-indicator.nomargin{
    margin: 0 !important;
}

.progress-indicator>li {
    list-style: none;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    color: #9B9B9B;
    display: block
}
.progress-indicator>li:hover {
    color: #E1E1E1
}
.progress-indicator>li.completed{
    color: #9B9B9B
}

.progress-indicator.invert>li.completed,
.progress-indicator.invert>li.completed .bubble {
    /*color: #22b283*/
}


.progress-indicator>li .bubble {
    border-radius: 1000px;
    width: 24px;
    height: 24px;
    background-color: #E1E1E1;
    display: block;
    margin: 0 auto .5em;
    color: #fff;
    line-height: 24px;
    font-weight: 500;
    /*border-bottom: 1px solid #888*/
}
.progress-indicator>li .bubble:after{
    display: block;
    position: absolute;
    top: 11px;
    /*width: 100%;*/
    height: 3px;
    content: '';
    background-color: #E1E1E1;
    margin-left: 50%;
    left: 15px;
}
.progress-indicator>li .bubble:before {
    display: block;
    position: absolute;
    top: 11px;
    /* width: 50%; */
    height: 3px;
    margin-right: 50%;
    content: '';
    background-color: #E1E1E1;
    right: 15px;
}

.progress-indicator>li.completed .bubble,
.progress-indicator>li.completed .bubble:after,
.progress-indicator>li.completed .bubble:before {
    background-color: #22b283;
}

.progress-indicator.invert>li.completed .bubble,
.progress-indicator.invert>li.completed .bubble:after,
.progress-indicator.invert>li.completed .bubble:before {
    background-color: #22b283;
    
}



.progress-indicator>li .bubble:before {
    left: 0
}
.progress-indicator>li .bubble:after {
    right: 0
}
.progress-indicator>li.active,
.progress-indicator>li.active .bubble {
    color: #337AB7
}
.progress-indicator>li.active .bubble,
.progress-indicator>li.active .bubble:after,
.progress-indicator>li.active .bubble:before {
    background-color: #337AB7;
    border-color: #122a3f
}
.progress-indicator>li a:hover .bubble,
.progress-indicator>li a:hover .bubble:after,
.progress-indicator>li a:hover .bubble:before {
    background-color: #5671d0;
    border-color: #1f306e
}
.progress-indicator>li a:hover .bubble {
    color: #5671d0
}
.progress-indicator>li.danger .bubble,
.progress-indicator>li.danger .bubble:after,
.progress-indicator>li.danger .bubble:before {
    background-color: #d3140f;
    border-color: #440605
}
.progress-indicator>li.danger .bubble {
    color: #d3140f
}
.progress-indicator>li.warning .bubble,
.progress-indicator>li.warning .bubble:after,
.progress-indicator>li.warning .bubble:before {
    background-color: #edb10a;
    border-color: #5a4304
}
.progress-indicator>li.warning .bubble {
    color: #edb10a
}
.progress-indicator>li.info .bubble,
.progress-indicator>li.info .bubble:after,
.progress-indicator>li.info .bubble:before {
    background-color: #5b32d6;
    border-color: #25135d
}
.progress-indicator>li.info .bubble {
    color: #5b32d6
}
.progress-indicator.stacked>li {
    text-indent: -10px;
    text-align: center;
    display: block
}
.progress-indicator.stacked>li .bubble:after,
.progress-indicator.stacked>li .bubble:before {
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
    height: 100%
}
.progress-indicator.stacked .stacked-text {
    position: relative;
    z-index: 10;
    top: 0;
    margin-left: 60%!important;
    width: 45%!important;
    display: inline-block;
    text-align: left;
    line-height: 1.2em
}
.progress-indicator.stacked>li a {
    border: none
}
.progress-indicator.stacked.nocenter>li .bubble {
    margin-left: 0;
    margin-right: 0
}
.progress-indicator.stacked.nocenter>li .bubble:after,
.progress-indicator.stacked.nocenter>li .bubble:before {
    left: 10px
}
.progress-indicator.stacked.nocenter .stacked-text {
    width: auto!important;
    display: block;
    margin-left: 40px!important
}
@media handheld,
screen and (max-width: 400px) {
    .progress-indicator {
        font-size: 60%
    }
}

#mega-menu-wrap-header-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-row, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-column, #mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu span.mega-menu-badge {
    transition: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
    border: 0;
    bottom: auto;
    box-sizing: border-box;
    clip: auto;
    color: #666;
    display: block;
    float: none;
    font-family: inherit;
    font-size: 14px;
    height: auto;
    left: auto;
    line-height: 1.7;
    list-style-type: none;
    margin: 0;
    min-height: auto;
    max-height: none;
    min-width: auto;
    max-width: none;
    opacity: 1;
    outline: none;
    overflow: visible;
    padding: 0;
    position: relative;
    pointer-events: auto;
    right: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    transform: none;
    top: auto;
    vertical-align: baseline;
    visibility: inherit;
    width: auto;
    word-wrap: break-word;
    white-space: normal
}

    #mega-menu-wrap-header-menu:before, #mega-menu-wrap-header-menu #mega-menu-header-menu:before, #mega-menu-wrap-header-menu #mega-menu-header-menu ul.mega-sub-menu:before, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item:before, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-row:before, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-column:before, #mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link:before, #mega-menu-wrap-header-menu #mega-menu-header-menu span.mega-menu-badge:before, #mega-menu-wrap-header-menu:after, #mega-menu-wrap-header-menu #mega-menu-header-menu:after, #mega-menu-wrap-header-menu #mega-menu-header-menu ul.mega-sub-menu:after, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item:after, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-row:after, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-column:after, #mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link:after, #mega-menu-wrap-header-menu #mega-menu-header-menu span.mega-menu-badge:after {
        display: none
    }

#mega-menu-wrap-header-menu {
    border-radius: 0
}

@media only screen and (min-width: 992px) {
    #mega-menu-wrap-header-menu {
        background: rgba(255, 255, 255, 0)
    }
}

#mega-menu-wrap-header-menu.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-header-menu.mega-keyboard-navigation .mega-toggle-block:focus, #mega-menu-wrap-header-menu.mega-keyboard-navigation .mega-toggle-block a:focus, #mega-menu-wrap-header-menu.mega-keyboard-navigation .mega-toggle-block .mega-search input[type=text]:focus, #mega-menu-wrap-header-menu.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus, #mega-menu-wrap-header-menu.mega-keyboard-navigation #mega-menu-header-menu a:focus, #mega-menu-wrap-header-menu.mega-keyboard-navigation #mega-menu-header-menu span:focus, #mega-menu-wrap-header-menu.mega-keyboard-navigation #mega-menu-header-menu input:focus, #mega-menu-wrap-header-menu.mega-keyboard-navigation #mega-menu-header-menu li.mega-menu-item a.mega-menu-link:focus {
    outline: 3px solid #109cde;
    outline-offset: -3px
}

#mega-menu-wrap-header-menu.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus {
    outline-offset: 2px
}

#mega-menu-wrap-header-menu.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
    background: rgba(255, 255, 255, 0);
    color: #c71649;
    font-weight: bold;
    text-decoration: none;
    border-color: #fff
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
        color: #c71649;
        background: rgba(255, 255, 255, 0)
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu {
    visibility: visible;
    text-align: right;
    padding: 0px 0px 0px 0px
}

    #mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link {
        cursor: pointer;
        display: inline
    }

        #mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link .mega-description-group {
            vertical-align: middle;
            display: inline-block;
            transition: none
        }

            #mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link .mega-description-group .mega-menu-title, #mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link .mega-description-group .mega-menu-description {
                transition: none;
                line-height: 1.5;
                display: block
            }

            #mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link .mega-description-group .mega-menu-description {
                font-style: italic;
                font-size: 0.8em;
                text-transform: none;
                font-weight: normal
            }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
        display: flex;
        align-items: center
    }

        #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link:before {
            flex: 0 0 auto;
            align-self: flex-start
        }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
        display: block
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-icon-top > a.mega-menu-link {
        display: table-cell;
        vertical-align: middle;
        line-height: initial
    }

        #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
            display: block;
            margin: 0 0 6px 0;
            text-align: center
        }

        #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-icon-top > a.mega-menu-link > span.mega-title-below {
            display: inline-block;
            transition: none
        }

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-icon-top > a.mega-menu-link {
        display: block;
        line-height: 50px
    }

        #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
            display: inline-block;
            margin: 0 6px 0 0;
            text-align: left
        }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-icon-right > a.mega-menu-link:before {
    float: right;
    margin: 0 0 0 6px
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-animating > ul.mega-sub-menu {
    pointer-events: none
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu li.mega-disable-link > a.mega-menu-link {
    cursor: inherit
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
    cursor: pointer
}

#mega-menu-wrap-header-menu #mega-menu-header-menu p {
    margin-bottom: 10px
}

#mega-menu-wrap-header-menu #mega-menu-header-menu input, #mega-menu-wrap-header-menu #mega-menu-header-menu img {
    max-width: 100%
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu {
    display: block;
    visibility: hidden;
    opacity: 1;
    pointer-events: auto
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu {
        display: none;
        visibility: visible;
        opacity: 1
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
        display: block
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu {
        display: none
    }
}

@media only screen and (min-width: 992px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu {
        opacity: 0;
        transition: opacity 200ms ease-in, visibility 200ms ease-in
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        opacity: 1
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
        opacity: 0;
        transform: translate(0, 10px);
        transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        opacity: 1;
        transform: translate(0, 0)
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="slide_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
        transform: translate(0, 10px);
        transition: transform 200ms ease-in, visibility 200ms ease-in
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="slide_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="slide_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="slide_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        transform: translate(0, 0)
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children > ul.mega-sub-menu {
    display: none
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children.mega-toggle-on > ul.mega-sub-menu {
    display: block
}

#mega-menu-wrap-header-menu #mega-menu-header-menu.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
    visibility: visible
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
    visibility: inherit;
    opacity: 1;
    display: block
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-1-columns > ul.mega-sub-menu > li.mega-menu-item {
    float: left;
    width: 100%
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item {
    float: left;
    width: 50%
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-3-columns > ul.mega-sub-menu > li.mega-menu-item {
    float: left;
    width: 33.33333%
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item {
    float: left;
    width: 25%
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-5-columns > ul.mega-sub-menu > li.mega-menu-item {
    float: left;
    width: 20%
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-6-columns > ul.mega-sub-menu > li.mega-menu-item {
    float: left;
    width: 16.66667%
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item a[class^='dashicons']:before {
    font-family: dashicons
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item a.mega-menu-link:before {
    display: inline-block;
    font: inherit;
    font-family: dashicons;
    position: static;
    margin: 0 6px 0 0px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    background: transparent;
    height: auto;
    width: auto;
    top: auto
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-hide-text a.mega-menu-link:before {
    margin: 0
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-hide-text li.mega-menu-item a.mega-menu-link:before {
    margin: 0 6px 0 0
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link {
    border-radius: 0
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-align-bottom-right > ul.mega-sub-menu {
    right: 0
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-align-bottom-right.mega-toggle-on > a.mega-menu-link {
    border-radius: 0
}

@media only screen and (min-width: 992px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu.mega-menu-item {
        position: static
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
    margin: 0 0px 0 0;
    display: inline-block;
    height: auto;
    vertical-align: middle
}

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-item-align-right {
        float: right
    }

@media only screen and (min-width: 992px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-item-align-right {
        margin: 0 0 0 0px
    }
}

@media only screen and (min-width: 992px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-item-align-float-left {
        float: left
    }
}

@media only screen and (min-width: 992px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus {
        background: rgba(255, 255, 255, 0);
        color: #c71649;
        font-weight: bold;
        text-decoration: none;
        border-color: #fff
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background: rgba(255, 255, 255, 0);
    color: #c71649;
    font-weight: bold;
    text-decoration: none;
    border-color: #fff
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        color: #c71649;
        background: rgba(255, 255, 255, 0)
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: rgba(255, 255, 255, 0);
    color: #c71649;
    font-weight: bold;
    text-decoration: none;
    border-color: #fff
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
        color: #c71649;
        background: rgba(255, 255, 255, 0)
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    line-height: 50px;
    height: 50px;
    padding: 0px 20px 0px 20px;
    vertical-align: baseline;
    width: auto;
    display: block;
    color: #232322;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
    outline: none
}

@media only screen and (min-width: 992px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-multi-line > a.mega-menu-link {
        line-height: inherit;
        display: table-cell;
        vertical-align: middle
    }
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-multi-line > a.mega-menu-link br {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
        display: list-item;
        margin: 0;
        clear: both;
        border: 0
    }

        #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-item-align-right {
            float: none
        }

        #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
            border-radius: 0;
            border: 0;
            margin: 0;
            line-height: 50px;
            height: 50px;
            padding: 0 10px;
            background: transparent;
            text-align: center;
            color: #232322;
            font-size: 16px
        }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    width: 100%;
    float: left
}

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
        float: left;
        min-height: 1px
    }

@media only screen and (min-width: 992px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-1 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 {
        width: 50%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-2 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-3 {
        width: 33.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-3 {
        width: 66.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-3 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-4 {
        width: 25%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-4 {
        width: 50%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-4 {
        width: 75%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-4 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-5 {
        width: 20%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-5 {
        width: 40%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-5 {
        width: 60%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-5 {
        width: 80%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-5 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-6 {
        width: 16.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-6 {
        width: 33.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-6 {
        width: 50%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-6 {
        width: 66.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-6 {
        width: 83.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-6 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-7 {
        width: 14.28571%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-7 {
        width: 28.57143%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-7 {
        width: 42.85714%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-7 {
        width: 57.14286%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-7 {
        width: 71.42857%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-7 {
        width: 85.71429%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-7 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-8 {
        width: 12.5%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-8 {
        width: 25%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-8 {
        width: 37.5%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-8 {
        width: 50%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-8 {
        width: 62.5%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-8 {
        width: 75%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-8 {
        width: 87.5%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-8 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-9 {
        width: 11.11111%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-9 {
        width: 22.22222%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-9 {
        width: 33.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-9 {
        width: 44.44444%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-9 {
        width: 55.55556%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-9 {
        width: 66.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-9 {
        width: 77.77778%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-9 {
        width: 88.88889%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-9 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-10 {
        width: 10%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-10 {
        width: 20%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-10 {
        width: 30%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-10 {
        width: 40%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-10 {
        width: 50%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-10 {
        width: 60%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-10 {
        width: 70%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-10 {
        width: 80%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-10 {
        width: 90%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-10 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-11 {
        width: 9.09091%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-11 {
        width: 18.18182%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-11 {
        width: 27.27273%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-11 {
        width: 36.36364%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-11 {
        width: 45.45455%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-11 {
        width: 54.54545%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-11 {
        width: 63.63636%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-11 {
        width: 72.72727%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-11 {
        width: 81.81818%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-11 {
        width: 90.90909%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-11-of-11 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-12 {
        width: 8.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 {
        width: 16.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
        width: 25%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12 {
        width: 33.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-12 {
        width: 41.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 {
        width: 50%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-12 {
        width: 58.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-12 {
        width: 66.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-12 {
        width: 75%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-12 {
        width: 83.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-11-of-12 {
        width: 91.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-12-of-12 {
        width: 100%
    }
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
        width: 100%;
        clear: both
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 15px 15px 15px 15px;
    width: 100%
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    z-index: 999;
    border-radius: 0;
    background: #fff;
    background: linear-gradient(to bottom, #f1f1f1, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF1F1F1', endColorstr='#FFFFFFFF');
    border: 0;
    padding: 0px 0px 0px 0px;
    position: absolute;
    width: 100%;
    max-width: none;
    left: 0
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
        float: left;
        position: static;
        width: 100%
    }
}

@media only screen and (min-width: 992px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-1 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-2 {
        width: 50%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-2 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-3 {
        width: 33.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-3 {
        width: 66.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-3 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-4 {
        width: 25%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-4 {
        width: 50%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-4 {
        width: 75%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-4 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-5 {
        width: 20%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-5 {
        width: 40%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-5 {
        width: 60%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-5 {
        width: 80%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-5 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-6 {
        width: 16.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-6 {
        width: 33.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-6 {
        width: 50%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-6 {
        width: 66.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-6 {
        width: 83.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-6 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-7 {
        width: 14.28571%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-7 {
        width: 28.57143%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-7 {
        width: 42.85714%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-7 {
        width: 57.14286%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-7 {
        width: 71.42857%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-7 {
        width: 85.71429%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-7 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-8 {
        width: 12.5%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-8 {
        width: 25%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-8 {
        width: 37.5%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-8 {
        width: 50%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-8 {
        width: 62.5%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-8 {
        width: 75%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-8 {
        width: 87.5%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-8 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-9 {
        width: 11.11111%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-9 {
        width: 22.22222%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-9 {
        width: 33.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-9 {
        width: 44.44444%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-9 {
        width: 55.55556%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-9 {
        width: 66.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-9 {
        width: 77.77778%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-9 {
        width: 88.88889%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-9 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-10 {
        width: 10%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-10 {
        width: 20%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-10 {
        width: 30%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-10 {
        width: 40%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-10 {
        width: 50%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-10 {
        width: 60%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-10 {
        width: 70%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-10 {
        width: 80%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-10 {
        width: 90%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-10 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-11 {
        width: 9.09091%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-11 {
        width: 18.18182%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-11 {
        width: 27.27273%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-11 {
        width: 36.36364%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-11 {
        width: 45.45455%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-11 {
        width: 54.54545%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-11 {
        width: 63.63636%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-11 {
        width: 72.72727%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-11 {
        width: 81.81818%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-11 {
        width: 90.90909%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-11-of-11 {
        width: 100%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-12 {
        width: 8.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-12 {
        width: 16.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-12 {
        width: 25%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-12 {
        width: 33.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-12 {
        width: 41.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-12 {
        width: 50%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-12 {
        width: 58.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-12 {
        width: 66.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-12 {
        width: 75%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-12 {
        width: 83.33333%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-11-of-12 {
        width: 91.66667%
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-12-of-12 {
        width: 100%
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description {
    margin: 5px 0
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu {
    clear: both
}

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        margin-left: 10px
    }

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
    margin-left: 10px
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    color: #666;
    font-family: inherit;
    font-size: 14px;
    display: block;
    float: left;
    clear: none;
    padding: 15px 15px 15px 15px;
    vertical-align: top
}

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear {
        clear: left
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
        color: #555;
        font-family: inherit;
        font-size: 16px;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 5px 0px;
        vertical-align: top;
        display: block;
        visibility: inherit;
        border: 0
    }

        #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:hover {
            border-color: rgba(0, 0, 0, 0)
        }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        color: #555;
        font-family: inherit;
        font-size: 16px;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        vertical-align: top;
        display: block;
        border: 0
    }

        #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
            border-color: rgba(0, 0, 0, 0)
        }

        #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
            color: #555;
            font-weight: bold;
            text-decoration: none;
            background: rgba(0, 0, 0, 0)
        }

            #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover > span.mega-title-below, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover > span.mega-title-below, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus > span.mega-title-below, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus > span.mega-title-below {
                text-decoration: none
            }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
        color: #666;
        font-family: inherit;
        font-size: 14px;
        text-transform: none;
        text-decoration: none;
        font-weight: normal;
        text-align: center;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        vertical-align: top;
        display: block;
        border: 0
    }

        #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
            border-color: rgba(0, 0, 0, 0)
        }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
        display: flex
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus {
        color: #666;
        font-weight: normal;
        text-decoration: none;
        background: rgba(0, 0, 0, 0)
    }

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
        border: 0;
        padding: 10px;
        border-radius: 0
    }

        #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
            width: 100%;
            clear: both
        }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: #666;
    font-family: inherit;
    font-size: 14px;
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    margin: 0;
    border: 0;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    display: block
}

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
        color: #666;
        font-weight: normal;
        text-decoration: none;
        background: rgba(0, 0, 0, 0)
    }

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: absolute;
    width: auto;
    max-width: none;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: #fff;
    border-radius: 0
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
        float: left;
        position: static;
        width: 100%;
        padding: 0;
        border: 0;
        border-radius: 0
    }
}

@media only screen and (min-width: 992px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
        white-space: nowrap;
        min-width: 150px
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-has-description > a.mega-menu-link {
        white-space: normal
    }

        #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-has-description > a.mega-menu-link > .mega-description-group > .mega-menu-title {
            white-space: nowrap
        }
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
        clear: both
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: block;
    background: #fff;
    color: #666;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 20px 0px 20px;
    line-height: 40px;
    text-decoration: none;
    text-transform: none;
    vertical-align: baseline
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #fff;
    font-weight: bold;
    text-decoration: none;
    color: #c71649
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    position: absolute;
    left: 100%;
    top: 0
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        position: static;
        left: 0;
        width: 100%
    }

        #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
            padding-left: 20px
        }

        #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu ul.mega-sub-menu a.mega-menu-link {
            padding-left: 30px
        }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: inline-block;
    width: auto;
    background: transparent;
    position: relative;
    pointer-events: auto;
    left: auto;
    min-width: auto;
    font-size: inherit;
    padding: 0;
    margin: 0 0 0 6px;
    height: auto;
    line-height: inherit;
    color: inherit
}

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
        content: '\f347';
        font-family: dashicons;
        font-weight: normal;
        display: inline-block;
        margin: 0;
        vertical-align: top;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: rotate(0);
        color: inherit;
        position: relative;
        background: transparent;
        height: auto;
        width: auto;
        right: auto;
        line-height: inherit
    }

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    float: right
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-collapse-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
    content: '\f343'
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
        float: right
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
        content: '\f343'
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-hide-sub-menu-on-mobile > a.mega-menu-link > span.mega-indicator {
        display: none
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children) > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link > span.mega-indicator {
    display: none
}

@media only screen and (min-width: 992px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
        content: '\f345'
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link {
        text-align: right
    }

        #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator {
            float: left
        }

            #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
                content: '\f341';
                margin: 0 6px 0 0
            }

        #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link:before {
            float: right;
            margin: 0 0 0 6px
        }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-flyout.mega-align-bottom-right ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        left: -100%;
        top: 0
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li[class^='mega-lang-item'] > a.mega-menu-link > img {
    display: inline
}

#mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link > img.wpml-ls-flag, #mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link > img.iclflag {
    display: inline;
    margin-right: 8px
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-hide-on-mobile, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-mobile, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-mobile {
        display: none
    }
}

@media only screen and (min-width: 992px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-hide-on-desktop, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-desktop, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-desktop {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu:after {
        content: "";
        display: table;
        clear: both
    }
}

#mega-menu-wrap-header-menu .mega-menu-toggle {
    display: none;
    z-index: 1;
    cursor: pointer;
    background: rgba(255, 255, 255, 0);
    border-radius: 2px 2px 2px 2px;
    line-height: 50px;
    height: 50px;
    text-align: left;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    white-space: nowrap
}

    #mega-menu-wrap-header-menu .mega-menu-toggle img {
        max-width: 100%;
        padding: 0
    }

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu .mega-menu-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-left, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-center, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-preferred-size: 33.33%;
    -webkit-flex-basis: 33.33%;
    flex-basis: 33.33%
}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
        margin-left: 6px
    }

        #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block:only-child {
            margin-right: 6px
        }

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-center .mega-toggle-block {
        margin-left: 3px;
        margin-right: 3px
    }

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
        margin-right: 6px
    }

        #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
            margin-left: 6px
        }

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    outline: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu {
        background: #f7fafa;
        padding: 20px 20px 20px 20px;
        display: none;
        position: absolute;
        width: 100%;
        z-index: 9999999
    }

    #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu {
        display: block
    }
}

#mega-menu-wrap-header-menu .mega-menu-toggle {
}

    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 {
        /*! 
                * Hamburgers 
                * @description Tasty CSS-animated hamburgers 
                * @author Jonathan Suh @jonsuh 
                * @site https://jonsuh.com/hamburgers 
                * @link https://github.com/jonsuh/hamburgers 
                */
        cursor: pointer
    }

        #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
            padding: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            cursor: pointer;
            transition-property: opacity, filter;
            transition-duration: 0.15s;
            transition-timing-function: linear;
            font: inherit;
            color: inherit;
            text-transform: none;
            background-color: transparent;
            border: 0;
            margin: 0;
            overflow: visible;
            transform: scale(0.8);
            align-self: center;
            outline: 0;
            background: none
        }

        #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
            width: 40px;
            height: 24px;
            display: inline-block;
            position: relative;
            outline: 0
        }

        #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner {
            display: block;
            top: 50%;
            margin-top: -2px
        }

            #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
                width: 40px;
                height: 4px;
                background-color: #c71649;
                border-radius: 4px;
                position: absolute;
                transition-property: transform;
                transition-duration: 0.15s;
                transition-timing-function: ease
            }

                #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
                    content: "";
                    display: block
                }

                #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before {
                    top: -10px
                }

                #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
                    bottom: -10px
                }

        #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
            top: 2px
        }

            #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
                top: 10px;
                transition-property: transform, opacity;
                transition-timing-function: ease;
                transition-duration: 0.15s
            }

            #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
                top: 20px
            }

    #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
        transform: translate3d(0, 10px, 0) rotate(45deg)
    }

        #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
            transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
            opacity: 0
        }

        #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
            transform: translate3d(0, -20px, 0) rotate(-90deg)
        }

#mega-menu-wrap-header-menu {
    clear: both
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Roboto;
}

.title-color {
    color: #c71649;
}

.dots {
    width: 19px;
}


.user-profile-menu {
    position: relative;
    vertical-align: middle;
}

.user-profile-menu .user-profile-menu-toggle {
    display: inline-block;
}

.user-profile-menu .dropdown-menu {
    margin-top: 5px !important;
}

.user-profile-menu .dropdown-menu a {
    text-decoration: none;
}

.user-profile-menu-mobile {
    text-align: center;
}


.naglowek-menu {
    padding: 20px 0;
    display: grid;
    transition: padding .5s;
    -webkit-transition: padding .5s;
    -moz-transition: padding .5s;
    width: 100%;
    z-index: 999
}

.naglowek-scroll {
    background-color: #fff;
    position: fixed;
    padding: 5px 0 !important;
    transition: padding .5s;
    -webkit-transition: padding .5s;
    -moz-transition: padding .5s;
    top: 0
}

main {
    min-height: calc(100vh - 531px); /* 531px is a height of header + footer */
    padding: 1px 0;
}

main.scrolled {
    margin-top: 60px;
}

.container-box {
    position: relative;
    margin: auto;
    width: 1200px;
}

.logo {
    float: left
}

    .logo a {
        border: 0;
        display: block
    }

    .logo img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        border: 0
    }

.menu-glowne {
    float: right
}

#mega-menu-wrap-header-menu ul#mega-menu-header-menu {
    font-size: 0;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.user-profile-menu {
    display: inline-block;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.user-profile-menu-mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu {
        right: 0;
        background-color: #fff;
    }

    #mega-menu-wrap-header-menu, .naglowek-menu .container-box {
        position: static;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.user-profile-menu {
        display: none;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.user-profile-menu-mobile {
        display: list-item;
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    font-family: Lato;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-family: Lato;
}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
    background-color: #279751
}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
    background-color: #232322
}

li.mega-menu-item {
    position: relative
}

    li.mega-menu-item::before, li.mega-current-menu-item::before {
        position: absolute;
        content: '';
        background-color: #c71649;
        display: block !important;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        width: 8px;
        height: 8px;
        bottom: 5px;
        left: 20px
    }

    li.mega-menu-item::before {
        opacity: 0
    }

li.mega-current-menu-item::before {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    opacity: 1
}

li:hover.mega-menu-item::before {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    opacity: 1
}

li:hover.mega-menu-item-has-children::before {
    opacity: 0
}

li.mega-current-menu-parent::before {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    opacity: 1
}

li:hover.mega-current-menu-parent::before {
    opacity: 0
}

li:hover.mega-menu-item-has-children {
    background-color: #fff !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1) !important
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1)
}

li:hover.mega-menu-item-has-children::before {
    opacity: 0
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    min-width: 20px
}

.mega-indicator {
    display: none !important
}

li.menu-buttom a {
    padding: 0px 30px 0px 30px !important;
    margin-left: 10px !important;
    background-color: #232322 !important;
    color: #fff !important;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important
}

    li.menu-buttom a:hover {
        background-color: #279751 !important
    }


.stopka-strony {
    overflow: hidden
}

.stopka-box {
    background-color: #232322;
    padding: 50px;
    overflow: hidden;
    font-family: Roboto;
    font-size: 14px;
    color: #fff;
}

.stopka-box address {
    font-style: italic;
}

.copy-box .col-6 {
    width: 50%;
}
.box-left {
    padding-right: 2%;
    float: left;
}
.box-right{
    padding-left: 2%;
    float: right;
}

.copy-box {
    background-color: #f7fafa;
    padding: 10px;
    overflow: hidden;
    font-size: 12px
}

.stopka-box a {
    color: #fff;
    text-decoration: none;
}

    .stopka-box a:hover {
        color: #c71649
    }

.stopka-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch
}

.menu-menu-uslugi-container ul.menu {
    margin: 0;
    padding: 0;
    display: inline-block;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    font-weight: 600
}

    .menu-menu-uslugi-container ul.menu li {
        padding: 0 2%;
        list-style: none;
        display: inline-block
    }

.menu-menu-uslugi-container ul.sub-menu {
    margin: 15px 0;
    padding: 0;
    font-weight: 400;
    font-size: 12px
}

    .menu-menu-uslugi-container ul.sub-menu a {
        color: #f7fafa
    }

        .menu-menu-uslugi-container ul.sub-menu a:hover {
            color: #c71649
        }

    .menu-menu-uslugi-container ul.sub-menu li {
        padding: 3px 0;
        display: block
    }

.copy-box p {
    margin: 5px 0
}

.menu-menu-stopka-container {
    text-align: right
}

    .menu-menu-stopka-container ul {
        margin: 5px 0;
        padding: 0;
        display: inline-block
    }

        .menu-menu-stopka-container ul li {
            padding: 0 20px;
            list-style: none;
            display: inline-block
        }

            .menu-menu-stopka-container ul li a {
                text-decoration: none;
                color: #232322
            }

                .menu-menu-stopka-container ul li a:hover {
                    color: #c71649
                }

.stopka-social {
    text-align: right
}

    .stopka-social ul {
        margin: 0;
        padding: 0
    }

        .stopka-social ul li {
            margin: 5px;
            list-style: none;
            display: inline-block;
            width: 30px;
            height: 30px
        }

            .stopka-social ul li a {
                display: block;
                width: 30px;
                height: 30px
            }

.title-icon {
    display: none
}

i.social-icon {
    width: 30px;
    height: 30px;
    display: block
}

i.social-icon {
    background-repeat: no-repeat;
    background-size: 100%
}

i.facebook-icon {
    background-image: url(/Content/img/layout/facebook-icon.png)
}

i.linkedin-icon {
    background-image: url(/Content/img/layout/linkedin-icon.png)
}

i.twitter-icon {
    background-image: url(/Content/img/layout/twitter-icon.png)
}

i.youtube-icon {
    background-image: url(/Content/img/layout/youtube-icon.png)
}

.logo-stopka {
    text-align: right
}

.logo-icon {
    margin-bottom: 15px;
}

    .logo-icon a, .logo-stopka a {
        display: inline-block
    }

    .logo-icon img, .logo-stopka img {
        width: auto;
        max-width: 100%;
        height: auto;
        display: inline-block;
        border: 0;
        filter: brightness(200)
    }

p.stopka-tel {
    position: relative;
    margin: 0
}

p.stopka-mail {
    position: relative;
    margin: 0
}

p.stopka-tel, p.stopka-mail {
    padding: 5px 0 5px 35px
}

    p.stopka-tel::before, p.stopka-mail::before {
        position: absolute;
        content: " ";
        background-repeat: no-repeat;
        background-size: 100%;
        width: 30px;
        height: 30px;
        left: 0;
        top: 0
    }

    p.stopka-tel::before {
        background-image: url(/Content/img/layout/footer-phone.png)
    }

    p.stopka-mail::before {
        background-image: url(/Content/img/layout/footer-letter.png)
    }


@media (max-width: 1199px) and (min-width: 992px) {
    .container-box {
        width: 960px
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        padding: 0px 15px 0px 15px
    }

    li.mega-menu-item::before, li.mega-current-menu-item::before {
        left: 15px
    }
}

@media (max-width: 991px) and (min-width: 800px) {
    body {
        font-size: 16px
    }

    .container-box {
        width: 740px
    }

    .box-left {
        padding-right: 0;
        float: none;
    }

    .box-right {
        padding-left: 0;
        float: none;
    }

    .copy-box .col-6 {
        width: 100%;
    }

    li.mega-menu-item::before, li.mega-current-menu-item::before {
        display: none !important
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        text-align: center
    }

    li.menu-buttom a {
        margin-left: 0px !important
    }

    li:hover.mega-menu-item-has-children {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
    }

    .stopka-flex {
        display: block
    }

    .stopka-box .col-md-3, .stopka-box .col-md-7, .stopka-box .col-md-2 {
        margin: 30px 0;
        clear: both;
        width: 100%
    }
}

@media screen and (max-width: 799px) {
    body {
        font-size: 16px
    }

    .container-box {
        width: 90%
    }

    .logo {
        width: 40%
    }

    .menu-glowne {
        width: 60%
    }

    li.mega-menu-item::before, li.mega-current-menu-item::before {
        display: none !important
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        text-align: center
    }

    li.menu-buttom a {
        margin-left: 0px !important
    }

    li:hover.mega-menu-item-has-children {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
    }

    .stopka-box .col-md-3, .stopka-box .col-md-7, .stopka-box .col-md-2 {
        margin: 30px 0;
        clear: both;
        width: 100%
    }

    .stopka-flex {
        display: block
    }

    .copy-box {
        text-align: center
    }

    .menu-menu-stopka-container {
        text-align: center
    }

        .menu-menu-stopka-container ul {
            display: block
        }

            .menu-menu-stopka-container ul li {
                padding: 5px;
                display: block
            }

    .menu-menu-stopka-container {
        text-align: center
    }

        .menu-menu-stopka-container ul {
            display: block
        }

            .menu-menu-stopka-container ul li {
                padding: 5px;
                display: block
            }

    .menu-menu-uslugi-container ul.menu {
        display: block;
        text-align: center
    }

        .menu-menu-uslugi-container ul.menu li {
            padding: 10px 0;
            display: block
        }

    .box-left {
        padding-right: 0;
        float: none;
    }

    .box-right {
        padding-left: 0;
        float: none;
    }

    .copy-box .col-6 {
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    body {
        font-size: 16px
    }

    .container-box {
        width: 90%
    }

    .logo {
        width: 50%
    }

    .menu-glowne {
        width: 50%
    }

    li.menu-buttom a {
        margin-left: 0px !important
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        text-align: center
    }

    li:hover.mega-menu-item-has-children {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
    }

    .copy-box {
        text-align: center
    }

    .menu-menu-stopka-container {
        text-align: center
    }

        .menu-menu-stopka-container ul {
            display: block
        }

            .menu-menu-stopka-container ul li {
                padding: 5px;
                display: block
            }

    .menu-menu-uslugi-container ul.menu {
        padding: 10px 0;
        display: block;
        text-align: center
    }

        .menu-menu-uslugi-container ul.menu li {
            padding: 10px 0;
            display: block
        }
}


.error-container {
    padding-top: 150px;
}


.user-avatar-container {
    border-radius: 100%;
    background-color: #c71649;
}

.user-avatar-container .user-avatar {
    border-radius: 100%;
    height: calc(100% - 2px);
    margin-left: 3px;
    margin-top: 3px;
}


.modal-dialog .modal-content .modal-header button.close span {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
}
/* desktop layout */

#home-section-one {
    position: relative;
    height: 100%;
}

#home-section-one .header-img {
    width: 205px;
}

#home-section-one .top-content {
    position: relative;
}

#home-section-two {
    background-color: #f7fafa;
}


/* mobile layout */

#home-section-one-mobile,
#home-section-two-mobile {
    padding: 0 20px;
}


/* search input */

.search-main-block form {
    position: relative;
}

.search-main-block .search-main-input {
    padding: 0 45px 0 20px;
    border: 1px solid #eaeaea;
    line-height: normal;
    height: 40px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
    border-radius: 20px;
    font-size: 13px;
    font-size: 0.8125rem;
    width: 100%;
}

.search-main-block form button {
    position: absolute;
    top: 2px;
    right: 15px;
    font-size: 22px;
    font-size: 1.375rem;
}

.search-main-block form button img {
    width: 25px;
}

/* search input - desktop */

#home-section-one .top-content .search-main-block {
    margin-top: 85px;
    padding: 0 10px;
}

#home-section-one .top-content .categories-header {
    margin-top: 40px;
}


/* category cards */

.category-cards {
    text-align: center;
    cursor: pointer;
}

.category-card {
    flex: 1;
    padding: 15px 25px 25px 25px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px rgb(209, 209, 209);
    border-radius: 45px;
}

.category-card img {
    width: 50px;
    height: 50px;
}

.category-card .category-name {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}

.category-card .category-description {
    font-size: 12px;
    max-height: 150px;
    overflow: hidden;
}

/* category cards - desktop */

#home-section-one .category-cards {
    position: absolute;
    margin-top: 150px;
}

#home-section-one .category-card {
    margin-left: 14px;
    margin-right: 14px;
}

/* category cards - mobile */

#home-section-one-mobile .category-card .packages-list-mobile {
    width: 100%;
}

#home-section-one-mobile .category-card a.package-btn-mobile {
    display: block;
    margin: 10px 0;
    padding: 5px 15px;
    border: 1px solid #279751;
    border-radius: 20px;
    color: #232322;
    font-weight: bold;
    text-decoration: none;
}


/* menu */

.menu-packages .menu-item {
    margin-top: 55px;
    height: 35px;
    font-size: 12px;
    font-weight: bold;
}

.menu-packages .menu-item img {
    width: 35px;
    height: 35px;
    background-color: #fff;
    padding: 7px;
    margin: 0 7px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgb(209, 209, 209);
    cursor: pointer;
}

.menu-packages .menu-item p {
    cursor: pointer;
}

.menu-packages .bulletpoint .dot {
    background-color: #c71649;
    border-radius: 50px;
    width: 5px;
    height: 5px;
    margin-left: 65px;
    margin-right: 8px;
    flex-shrink: 0;
}

.menu-packages .bulletpoint a {
    text-decoration: none;
    color: #212529;
}

.menu-packages .bulletpoint p {
    margin: 0;
    font-size: 12px;
}


/* 'Applications' header */

.applications-header {
    display: inline-block;
}

.filtered-results-label {
    font-weight: 500;
    display: inline;
    vertical-align: middle;
}

.filtered-results-label .clear-filters {
    vertical-align: text-top;
    margin-left: 20px;
    cursor: pointer;
}

.no-results-label {
    font-weight: 500;
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}


/* package cards layout - desktop */

#home-section-two .applications {
    margin-top: 150px;
}

@media (max-width: 768px) {
    #home-section-two .applications {
        flex: 0 0 auto;
        width: 75%;
    }
}

#home-section-two .applications-cards {
    flex-wrap: wrap;
    margin-left: 16px;
    margin-right: 16px;
}

#home-section-two .application-card {
    margin-bottom: 3rem;
}

@media (min-width: 1200px) { /* three cards in a row */
    #home-section-two .application-card {
        width: 31%;
        margin-right: 0;
        margin-left: 3.5%;
    }

    #home-section-two .application-card:nth-child(3n+1) {
        margin-left: 0;
    }
}
@media (min-width: 768px) and (max-width: 1199px) { /* two cards in a row */
    #home-section-two .application-card {
        width: 48%;
        margin-right: 0;
        margin-left: 4%;
    }

    #home-section-two .application-card:nth-child(2n+1) {
        margin-left: 0;
    }
}
@media (max-width: 767px) { /* one card in a row */
    #home-section-two .application-card {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}


/* package cards layout - mobile */

#home-section-two-mobile .applications-cards {
    flex-wrap: wrap;
}

#home-section-two-mobile .application-card {
    width: 100%;
    margin: 10px;
}


/* package card */

.application-card {
    position: relative;
    width: 300px;
    min-width: 180px;
    max-width: 500px;
    margin-left: 1rem;
    margin-right: 1rem;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgb(209, 209, 209);
    border-radius: 15px 15px 25px 25px;
}

.application-card .application-card-image {
    position: relative;
    width: 100%;
}

.application-card .package-image {
    width: 100%;
    display: block;
    border-radius: 15px 15px 0 0;
}

.application-card .category-images {
    position: absolute;
    right: 17px;
    bottom: -15px;
    padding-left: 17px;
}

.application-card .category-images .category-image {
    width: 45px;
    height: 45px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 2px 5px -3px #555;
    margin: 3px;
}

.application-card .card-content {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.application-card .card-title a, .application-card .card-description a {
    text-decoration: none;
    color: #212529;
}

.application-card .card-title span {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.application-card .card-description {
    flex-grow: 1;
}

.application-card .card-description p {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 145px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
}

.application-card .rating .rating-star:before {
    font-size: 25px;
}

.application-card .card-button {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}

/* package card - mobile */

.application-card .package-image {
    max-height: 280px;
    object-fit: cover;
}


/* rating stars */

.rating {
    line-height: 0.7;
}

.rating .rating-star {
    cursor: default;
}

.rating .rating-star:before {
    line-height: 1;
    vertical-align: baseline;
}

.rating .rating-zero:before {
    color: #e6e6e6;
}

.rating .rating-one:before,
.rating .rating-half:before {
    color: #f6ae2e;
}


/* 'load more' button */

.applications .load-more-button {
    font-family: "Lato", sans-serif;
    border-radius: 30px;
    border: none;
    background-color: black;
    color: white;
    font-size: 16px;
    padding: 10px 50px;
    margin: 5px 0;
    text-transform: uppercase;
}


/* schedule demo block */

#schedule-demo-section {
    background-color: #f7fafa;
}

#schedule-demo-section .appointment-button {
    font-size: clamp(12px, 0.7vw, 16px);
    border-radius: 50px;
    padding: 15px 20px;
    background-color: #c71649;
    border: none;
    color: white;
    text-decoration: none;
    display: inline-block;
}

#schedule-demo-section img {
    width: 440px;
}

#schedule-demo-section h2 {
    font-family: "Lato", sans-serif;
    line-height: 0.8;
}

#schedule-demo-section p {
    font-size: clamp(12px, 0.5vw, 16px);
}


/* free trial message */

#free-trial-info {
    padding: 25px 25px 25px 25px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px rgb(209, 209, 209);
    border-radius: 20px;
    margin-top: 10px;
    text-align: center;
    font-weight: 700;
}

#free-trial-info p {
    margin-bottom: 0;
}

#free-trial-info p.small-font {
    font-size: 13px;
    font-weight: 400;
}

/* free trial message - mobile */

#home-section-one-mobile #free-trial-info {
    box-shadow: none;
    margin-top: 0;
    padding: 15px 15px 25px 15px;
}


/* desktop layout */

#package-section-one {
    padding-top: 50px;
    background-color: #f7fafa;
}

#package-section-one .package-benefits-background img {
    width: 100%;
}

#package-section-two {
    background-color: #f7fafa;
}

@media (max-width: 425px) {
    #package-section-two {
        text-align: center;
    }

    #package-section-two p {
        text-align: left;
        padding: 0;
    }
}

#case-study-section {
    padding-bottom: 20px;
    background-color: #f7fafa;
}

#other-packages-section {
    background-color: #f7fafa;
}


/* mobile layout */

#package-section-one-mobile #package-benefits {
    padding: 20px;
}

#package-section-one-mobile .package-benefits-background img {
    width: 100%;
    min-height: 100px;
    object-fit: cover;
}

#package-section-two-mobile {
    padding: 20px;
}

#case-study-section-mobile {
    padding: 0 20px;
}

#other-packages-section-mobile {
    padding: 0 20px;
}


/* package benefits */

#package-benefits .carousel-control-prev-icon,
#package-benefits .carousel-control-next-icon {
    background-color: black;
    border-radius: 50px;
}

#package-benefits .carousel-indicators.slider-dots {
    bottom: unset;
}

#package-benefits .carousel-indicators.slider-dots span {
    width: 8px;
    height: 8px;
    background-color: #888;
    border-radius: 50%;
    margin: 0 4px;
}

#package-benefits .carousel-indicators.slider-dots span.active {
    width: 10px;
    height: 10px;
    background-color: #c71649;
}

#package-benefits .carousel-item {
    height: 250px;
}

#package-benefits .categoryIcon {
    width: 45px;
    height: 45px;
    padding: 10px;
    margin: 5px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px #d1d1d1;
}

#package-benefits .package-title {
    margin-left: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

#package-benefits .benefit-description {
    font-size: 14px;
}

#package-benefits .benefit-description ul {
    list-style-type: none;
    padding-left: 5px;
}

#package-benefits .benefit-description li::before {
    content: '\2b24';
    font-size: 0.7rem;
    color: #c71649;
    padding-right: 20px;
    vertical-align: text-bottom;
}

#package-benefits .benefit-description p,
#package-benefits .benefit-title p {
    display: inline;
    margin: 0;
}

/* package benefits - mobile */

#package-section-one-mobile .package-caption {
    text-align: center;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

#package-section-one-mobile .package-benefits-label {
    font-size: 20px;
    font-weight: 500;
    color: #c71649;
}

#package-section-one-mobile .benefit-title {
    margin: 10px 0;
    padding: 5px 15px;
    border: 1px solid #279751;
    border-radius: 20px;
    color: #232322;
    font-weight: 500;
    text-align: center;
}

#package-section-one-mobile .benefit-item.active .benefit-title {
    background-color: #279751;
    color: #fff;
}

#package-section-one-mobile .benefit-item .benefit-description {
    display: none;
}

#package-section-one-mobile .benefit-item.active .benefit-description {
    display: block;
}


/* category icons on the left of description - desktop */

#package-section-two .category-icons {
    margin-top: 40px;
}

#package-section-two .categoryIcon {
    width: 70px;
    height: 70px;
    padding: 15px;
    margin: 15px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 10px 0px #d1d1d1;
}


/* package description block */

.package-description {
    font-size: 14px;
    word-break: break-word;
}

/* package description block - desktop */

#package-section-two .package-description-container {
    margin-top: 70px;
    padding: 0;
}

#package-section-two .package-description-container .package-description {
    padding-right: 100px;
}

/* package description block - mobile */

#package-section-two-mobile .package-description.truncated {
    max-height: 250px;
    overflow: hidden;
}

#package-section-two-mobile .read-more-button {
    background-color: #f6ae2e;
}


/* install block - desktop */

#package-section-two .application-card {
    margin-top: 50px;
}

/* install block - mobile */

#package-section-two-mobile .application-card {
    width: 100%;
}


/* package modules and version info */

.application-modules .dot {
    background-color: #212529;
    border-radius: 100%;
    width: 5px;
    height: 5px;
}

.application-modules .small-font {
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.application-modules .module-card-title {
    font-size: 20px;
    font-family: "Lato", sans-serif;
    font-weight: bold;
}

.application-modules .application-manual-button a {
    font-family: "Lato", sans-serif;
    background-color: #2c7874;
    color: white;
    border-style: none;
    border-radius: 25px;
    padding: 10px 25px;
    display: inline-block;
    text-decoration: none;
}

/* package modules and version info - desktop */

#package-section-two .application-modules {
    margin-top: 20px;
    width: 300px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgb(209, 209, 209);
    border-radius: 25px;
}


/* rating block */

.rating-window {
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgb(209, 209, 209);
    border-radius: 25px;
}

.rating-window .green {
    font-size: 60px;
    color: #289751;
    font-weight: bold;
    font-family: "lato", sans-serif;
}

.rating-window .red {
    font-size: 40px;
    color: #c71649;
    font-weight: bold;
    font-family: "lato", sans-serif;
}

.rating-window .main-rating .rating-star:before {
    font-size: 40px;
}

.rating-window .rating-progress-bar-label {
    min-width: 40px;
}

.rating-window .rating-progress-bar {
    position: relative;
    width: 390px;
    height: 8px;
    border-radius: 10px;
    background-color: #eee;
}

.rating-window .rating-progress-bar span {
    position: absolute;
    height: 8px;
    border-radius: 10px;
    background-color: #c71649;
}

.rating-window .small-size {
    font-size: 12px;
}

.comment-row .user-avatar-container {
    width: 70px;
    height: 70px;
}

.comment-row .personal-rating .rating-star:before {
    font-size: 21px;
}

.comment-row .middle-size {
    font-size: 14px;
    color: #c71649;
    font-weight: bold;
    font-family: "roboto", sans-serif;
}

.comment-row .small-size {
    font-size: 12px;
    font-family: "roboto", sans-serif;
}

.comment-row .clock-icon {
    width: 20px;
}

/* rating window - desktop */

#package-section-two .rating-window {
    margin-top: 80px;
}


/* case studies */

.case-study-title h2,
.case-study-title h5 {
    font-family: "lato", sans-serif;
    font-weight: bold;
    line-height: 0.8;
}

.case-study-title .small-size {
    font-size: 12px;
}

.case-study-card {
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgb(209, 209, 209);
    border-radius: 15px;
}

.case-study-card .small-size,
.case-study-card .card-description,
.case-study-card .card-footer {
    font-size: 12px;
}

.case-study-card .card-description {
    flex-grow: 1;
}

.case-study-card .card-title {
    line-height: 0.9;
    color: #c71649;
    font-size: 24px;
}

/* case studies - desktop */

#case-study-section .case-study-card {
    width: 30%;
    margin-left: 5%;
}

#case-study-section .case-study-card:nth-child(3n-2) {
    margin-left: 0;
}

/* case studies - mobile */

#case-study-section-mobile .case-study-card {
    width: 100%;
}


/* other packages - mobile */

#other-packages-section-mobile .application-card {
    width: 100%;
    margin: 10px 5px;
}