/**
{
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}*/

html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	/*font-size: 12pt/18pt "ubunturegular", Arial, sans-serif;*/
	font-family: 'Ubuntu', sans-serif;
	color: #666666;
}

.less-than-ie9
{
	display: none;
}

h1
{
	color: #000;
	margin-top:  0px;
	margin-bottom: 30px;
	font-weight: 500;
}

.clear-both
{
	clear: both;
	line-height: 1px;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

label
{
	font-size: 12px;
}

label.generic-label
{
	padding: 8px 0 3px 0;
}


/*	custom css checkboxes	*/
input[type=checkbox] + label
{
	display: inline-block !important;
	cursor: pointer;
	position: relative;
	padding-right: 5px;
	margin-right: 13px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	height: 18px;
	line-height: 18px;
	margin-bottom: 0;
}

input[type=checkbox] + label:before
{
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: -23px;
	background-color: #fff;
	border-radius: 0;
	border: 1px solid #999;
	font-family: 'wink';
	content: "\e619";
	color: transparent;
	line-height: 16px;
	text-align: center;
	font-size: 14px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

input[type=checkbox] + label:hover:before
{
	border: 1px solid #666;
}

input[type=checkbox]
{
	display: inline-block;
	vertical-align: middle;
}

input[type=checkbox]:checked + label:before
{
	font-family: 'wink';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\e619";
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 16px;
	border: 1px solid #666;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

input[type=checkbox][data-content=semi]:checked + label:before
{
	font-family: 'wink';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\e61f";
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 16px;
	border: 1px solid #666;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

input[type=checkbox]:focus + label
{
	outline: 1px dotted;
}

input[type=checkbox]:focus + label:before
{
	border: 1px solid #000;
}

input[type=checkbox][disabled] + label:before,
input[type=checkbox][disabled]:checked + label:before
{
	border: 1px solid #aaa;
	background-color: #ccc;
}

input[type=checkbox][disabled] + label:before
{
	color: transparent;
}

input[type=checkbox][disabled]:checked + label:before
{
	color: #aaa;
}

/*	custom css radio buttons	*/
input[type=radio] + label
{
	display: inline-block !important;
	cursor: pointer;
	position: relative;
	padding-left: 5px;
	margin-right: 15px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	line-height: 18px;
}

input[type=radio]:focus + label
{
	outline: 1px dotted;
}

input[type=radio]:focus + label:before
{
	border: 1px solid #000;
}

input[type=radio] + label:before
{
	content: "\e61a";
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: -23px;
	top: 5px;
	background-color: #fff;
	border: 1px solid #999;
	color: transparent;
	border-radius: 9px;
	line-height: 16px;
	font-family: 'wink';
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

input[type=radio]
{
	display: inline-block;
	vertical-align: middle;
	margin: 0px 3px 0px 3px;
}

input[type=radio]:checked + label:before
{
	font-family: 'wink';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\e61a";
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 16px;
	border: 1px solid #666;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

input[type=radio][disabled] + label:before,
input[type=radio][disabled]:checked + label:before
{
	color: #aaa;
	border: 1px solid #aaa;
	background-color: #ccc;
}

.hand
{
cursor:hand;
cursor:pointer;
}
.printicon{
		position:relative;
		height:24px;
		display:inline-block;
		vertical-align:top;
		font-size:22px;
		color:#8C8C8C;
		margin-top:2px;
		width:42px;

}
#export-excel-btn{ font-size:26px;}


.printicon:hover
{
	color:#FF9933;

}
.pink-background
{
	background-color: #FABABA !important;
}

.grey-background
{
	background-color: #EFEFEF;
}

.orange-background
{
	background-color: #FFDBBD;
}

.green-background {
	background-color: #dcf49e;
}

.blue-button
{
	border: 0;
	width: 200px;
	font-size: 16px !important;
	line-height: 16px;
	height: 30px;
	padding: 0;
	cursor: pointer;
	color: #fff;
	background-color: #33CCFF;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	display: inline-block;
	border-radius: 15px;
	text-transform: uppercase;
	vertical-align: middle;
	outline: none;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.blue-button:hover
{
	background-color: #3CC1E5;
}

.red-button
{
	border: 0;
	width: 200px;
	font-size: 16px !important;
	line-height: 16px;
	height: 30px;
	padding: 0;
	cursor: pointer;
	color: #fff;
	background-color: #FF6633;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	display: inline-block;
	border-radius: 15px;
	text-transform: uppercase;
	vertical-align: middle;
	outline: none;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
	float:right;
	margin-top:20px;
}

.red-button:hover
{
	background-color: #FF7744;
}

.no-margin-top{margin-top: 0 !important;}

.relative
{
	position: relative
}

.captcha-container
{
	width: 312px;
	margin: 0 59px;
	text-align: left;
}
	
	.captcha-container label.generic-label
	{
		text-indent: 0 !important;;
	}
				
	.captcha-container div.inline-block
	{
		line-height: 50px;
		vertical-align: top;
		margin: 0 !important;
		padding: 0 !important;
	}
	
		.captcha-container div.inline-block	input.captcha-input
		{
			width: 130px !important;
			margin: 0 !important;
			padding: 0 !important;
			text-align: center;
		}
		
		.captcha-container div.inline-block	img
		{
			margin: 12px 0 0 0;
			box-sizing: border-box;
		}
		
		.captcha-container div.inline-block	span.captcha-refresh
		{
			position: absolute;
			bottom: 12px;
			right: -9px;
			color: #fff;
			cursor: pointer;
			text-shadow: 0px 0px 1px #000;
		}

span.rubric-file-download
{
	display: inline-block;
	width: 80px;
	height: 28px;
	background-color: #fff;
	vertical-align: middle;
	margin-left: 5px;
	border-radius: 2px;
	box-shadow: 0 0 1px #bbb;
	font-family: 'wink';
	cursor: pointer;
	position: relative;
}

	span.rubric-file-download .rubric-files-list
	{
		opacity:0;
		position: absolute;
		display: inline-block;
		width: 260px;
		height: 90px;
		background-color: #fff;
		margin-left: 5px;
		border-radius: 2px;
		box-shadow: 0 0 1px #bbb;
		top: -30px;
		left: -8px;
		-webkit-transition: all .3s;
		   -moz-transition: all .3s;
			 -o-transition: all .3s;
				transition: all .3s;
	}

	span.rubric-file-download:hover .rubric-files-list
	{
		opacity:1;
	}

		span.rubric-file-download .rubric-files-list span.rubric-file
		{
			display: block;
			height: 30px;
			line-height: 30px;
			vertical-align: middle;
			font-size: 16px;
			text-align: center;
		}

			span.rubric-file-download .rubric-files-list span.rubric-file span,
			span.rubric-file-download .rubric-files-list span.rubric-file a
			{
				display: block;
				float: left;
				text-align: center;
			}

			.rubric-file-download .rubric-files-list span.rubric-file .rubric-file-duration
			{
				width: 60px;
			}

			.rubric-file-download .rubric-files-list span.rubric-file .rubric-file-source
			{
				width: 75px;
			}

				.rubric-file-download .rubric-files-list span.rubric-file .rubric-file-source a
				{
					text-decoration: none;
					background-color: #99cc33;
					height: 20px;
					margin: 5px 2px;
					vertical-align: middle;
					color: #fff;
					border-radius: 3px;
					line-height: 16px;
					width: 73px;
				}

			.rubric-file-download .rubric-files-list span.rubric-file .rubric-final-file
			{
				width: 75px;

			}

				.rubric-file-download .rubric-files-list span.rubric-file .rubric-final-file a
				{
					text-decoration: none;
					background-color: #33ccff;
					height: 20px;
					margin: 5px 2px;
					vertical-align: middle;
					color: #fff;
					border-radius: 3px;
					line-height: 16px;
					width: 73px;
				}

	span.rubric-file-download:before
	{
		content: "\e628";
		line-height: 30px;
		vertical-align: middle;
		font-size: 24px;
		width: 50px;
		height: 28px;
		text-align: center;
		display: inline-block;
	}

	span.rubric-file-download:after
	{
		content: "\e614";
		display: inline-block;
		height: 28px;
		vertical-align: middle;
		line-height: 30px;
		font-size: 10px;
		text-align: center;
	}
			
.display-resolution
{
	width: 125px !important;
	text-align: center;
}

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

.table
{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 20px;
}

	span.table-icon
	{
		text-decoration: none;
		background-color: #0B88B2;
		line-height: 20px;
		font-size: 14px;
		display: inline-block;
		width: 20px;
		text-align: center;
		vertical-align: baseline;
		color: #fff;
		border-radius: 10px;
		height: 20px;
		margin-right: 5px;
	}

	a.table-href
	{
		text-decoration: none;
		color: #0B88B2;
		line-height: 16px;
		font-size: 16px;
	}

	.table tr
	{
		width: 100%;
		padding: 0;
	}

		.table th.cell
		{
			font-weight: bold !important;
			text-align: left;
			border-bottom: 2px solid #bbb;
			font-size: 14px !important;
			height: 20px;
			line-height: 20px;
			vertical-align: middle;
			padding: 05px 0;
		}

		.table td.cell
		{
			font-size: 12px;
			border-bottom: 1px solid #ccc;
			padding: 5px 0;
			text-align: center;
			width: 50px;
			margin: 0;
			line-height: 20px;
			vertical-align: middle;
		}

		.table td.cell.internal-name,
		.table td.cell.widget-type
		{
			text-align: left;
			width: 115px;
		}

			.table td.cell span.icon
			{
				display: inline-block;
				text-align: center;
				width: 21px;
				height: 21px;
				vertical-align: middle;
				line-height: 22px;
				font-size: 12px;
				color: #fff;
				cursor: pointer;
				margin: 0;
				opacity: .6;
				margin-right: 2px;
				border-radius: 10px;
				text-indent: 1px;
				-webkit-transition: all .2s;
				   -moz-transition: all .2s;
					 -o-transition: all .2s;
						transition: all .2s;
			}

			.table td.cell span.icon:hover
			{
				opacity: 1;
			}

			.table td.cell span.icon-settings
			{
				background-color: #99CC33;
			}

			.table td.cell span.icon-delete
			{
				background-color: #FF9933;
				text-indent: -1px;
			}



tr.visible
{
}

/*	user corner	*/
div.user-corner
{
	text-align: right;
	float: right;
}

	div.user-corner > a, div.user-corner > div
	{
		display: inline-block;
		margin: 15px 5px 0px 0px;
		height: 23px;
		padding: 0 10px 0 5px;
		text-decoration: none;
		vertical-align: top;
	}

		div.user-corner span.icon
		{
			font-size: 17px;
			width: 15px;
			display: inline-block;
			padding: 0 0 0 5px;
			vertical-align: middle;
		}

	div.user-corner a.messages
	{
		background-color: #FF9933;
		border: 1px solid #FF9933;
		color: #fff;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-left-radius: 12px;
	}

		div.user-corner a span.icon-message
		{
		}

	div.user-corner div.notifications
	{
		background: #ccc;
		border: 1px solid #ccc;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-left-radius: 12px;
		line-height: 20px;
		position: relative;
		cursor: pointer;
	}

	div.user-corner div.notifications.has-unread, div.user-corner div.notifications.opened
	{
		background-color: #FF6633;
		border: 1px solid #FF6633;
		color:#fff;
	}

	div.user-corner div.notifications.opened
	{
		border-bottom-left-radius: 0;
	}

		div.user-corner div.notifications span.icon-notification
		{
			font-size: 14px;
			margin-top: -1px;
		}

		div.user-corner div.notifications div.notifications-wrapper
		{
			display: none;
			position: absolute;
			background: #FF6633;
			top: 24px;
			right: -1px;
			width: 250px;
			border-top-left-radius: 12px;
			border-bottom-left-radius: 12px;
			border-bottom-right-radius: 12px;
			text-align: left;
			height: 250px;
			overflow: hidden;
			z-index: 3;
		}

		div.user-corner div.notifications div.notifications-wrapper .loader
		{
			display: block;
			text-align: center;
			font-size: 12px;
			padding: 10px 0 5px 0;
			border-bottom-left-radius: 12px;
			border-bottom-right-radius: 12px;
		}

		div.user-corner div.notifications div.notifications-wrapper .loader.middle
		{
			margin-top: 105px;
		}

			div.user-corner div.notifications .loader .image
			{
				display: none;
			}

			div.user-corner div.notifications.loading .loader .image
			{
				display: block;
			}

			div.user-corner div.notifications.loading .loader .text, div.user-corner div.notifications.empty .loader .text
			{
				display: none;
			}

			div.user-corner div.notifications .loader .empty
			{
				display: none;
			}

			div.user-corner div.notifications.empty .loader .empty
			{
				display: block;
			}

		div.user-corner div.notifications.opened div.notifications-wrapper
		{
			display: block;
		}

			div.user-corner div.notifications.opened div.notifications-container > a
			{
				display: block;
				border-bottom: 1px dashed #ff9933;
				border-top: 1px dashed #ff9933;
				padding: 10px 10px;
				color: #fff;
				text-decoration: none;
				font-size: 12px;
				padding-right: 30px;
				position: relative;
			}

			div.user-corner div.notifications.opened div.notifications-container > a.read
			{
				font-weight: lighter;
				background: #f75e34;
			}

			div.user-corner div.notifications.opened div.notifications-container > a:last-child
			{
				border-bottom: 0px;
				border-bottom-left-radius: 12px;
				border-bottom-right-radius: 12px;
			}

			div.user-corner div.notifications.opened div.notifications-container > a:first-child
			{
				border-top: 0px;
				border-top-left-radius: 12px;
			}

			div.user-corner div.notifications.opened div.notifications-container > a:hover
			{
				background-color: #ff5331;
			}

				div.user-corner div.notifications.opened div.notifications-container > a .icon.icon-inchide
				{
					padding: 0;
					position: absolute;
					right: 7px;
					top: 35%;
					transition-duration: 0.3s;
					transition-property: transform;
					width: auto;
				}

				div.user-corner div.notifications.opened div.notifications-container > a .icon.icon-inchide:hover
				{
					transform:rotate(90deg);
				}
	.general_page	{
		padding:10px;
	}
	.general_page h1{
		margin:4px 10px 0px 0px;
		font-size:22px;
		color:#000;
		text-transform:uppercase;
		display:inline-block;
		vertical-align:top;


	}
	.active_page{
		border-bottom:solid 3px #ff6633;
		color:#000 !important;

	}

	.border-top-grey
	{
		border-top:solid 1px #cccccc;
		padding: 10px 0px;
		margin-top:10px;

	}

	div.user-corner a.account
	{
		color: #99CC33;
		border: 1px solid #99CC33;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		padding: 2px 4px 0 12px;
		height: 21px;
		cursor: pointer;
		position: relative;
		min-width: 135px;
	}

	div.user-corner a.account:hover
	{
		color: #fff;
		background: #99CC33;
		border: 1px solid #99CC33;
	}
		div.user-corner a.account span.icon-config
		{
			font-size: 13px;
			width: 14px;
			padding: 0px 5px 0px 15px;
			vertical-align: baseline;
		}

	div.user-corner a.logout
	{
		background-color: #99CC33;
		border: 1px solid #99CC33;
		color: #fff;
		border-radius: 12px;
		padding: 0px 5px;
		margin-right: 15px;
	}

	div.user-corner a.logout:hover
	{
		background-color: #fff;
		color: #99CC33;
	}

		div.user-corner a span.icon-logout
		{
			font-size: 14px;
			width: 14px;
			padding: 0;
			vertical-align: middle;
		}


div#preloader
{
	position: absolute;
	z-index: 10000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	text-align: center;
	opacity: .05;
}

	div#preloader canvas
	{
		position: absolute;
		top: 45%;
		width: 64px;
		height: 64px;
	}

/*	datatables search	*/
div.dataTables_filter label.search-label
{
	margin: 0;
	padding: 0 0 1px 0;
	height: 30px;
	display: block;
	width: 273px;
	font-size: 16px;
	position: relative;
}

div.dataTables_filter label.search-label.incomplete
{
	width: 230px;
}

	div.dataTables_filter label.search-label span.icon-search
	{
		margin: 0;
		padding: 0 0 1px 0;
		height: 24px;
		display: block;
		width: 24px;
		font-size: 16px;
		position: absolute;
		z-index: 2;
		top: 5px;
	}

	div.dataTables_filter label.search-label span.icon-add-square
	{
		display: block;
		float: left;
		height: 24px;
		width: 20px;
		padding: 4px 5px 0px 5px;
		font-size: 20px;
		cursor: pointer;
		color: #8C8C8C;
		background-color: #E6E6E6;
		margin: 0px 0px 0px 10px;
		-webkit-transition: all .3s;
		   -moz-transition: all .3s;
			 -o-transition: all .3s;
				transition: all .3s;
	}

	div.dataTables_filter label.search-label span.icon-add-square:hover
	{
		background-color: #ddd;
	}


div.datatable-export-buttons
{
	float:right;
	height:24px;
	margin-bottom:12px;


}

#advanced-search-container
{
	background-color: #E7F2F2;
	padding: 5px 15px;
}

	#advanced-search-container div.advanced-filter
	{
		width: 314px;
		padding: 0 8px 0 8px;
		margin: 0;
		height: 75px;
		float: left;
	}

		#advanced-search-container div.advanced-filter > label
		{
			padding: 5px 0;
		}
		
		#advanced-search-container div.advanced-filter > input.advanced-filters-input
		{
			height: 37px;
			width: 100%;
			box-sizing: border-box;
			padding: 5px;
		}

table.dataTable
{
	padding: 0;
	border-spacing: 0;
	border-collapse: separate;
	border-bottom: 1px solid #e5e5e5 !important;
}

	table.dataTable td.actions
	{
		text-align: center;
	}

	table.dataTable a.table-action
	{
		display: inline-block;
		width: 26px;
		text-align: center;
		opacity: .6;
		height: 22px;
		border-radius: 13px;
		margin: 0 2px;
		text-decoration: none;
		padding: 3px 0px 0px 0px;
		-webkit-transition: all .3s;
		   -moz-transition: all .3s;
			 -o-transition: all .3s;
				transition: all .3s;
	}

	table.dataTable a.table-action:hover
	{
		opacity: 1;
	}

		table.dataTable a.table-action span.icon
		{
			width: 14px;
			color: #fff;
			height: 14px;
			font-size: 14px;
			margin: 3px 0 0 0;
		}

	table.dataTable a.table-action.edit
	{
		background-color: #99CC33;
	}

	table.dataTable a.table-action.widgets
	{
		background-color: #0099FF;
	}

	table.dataTable a.table-action.complaints
	{
		background-color: #ff6633;
	}

	table.dataTable a.table-action.interventions
	{
		background-color: #0099FF;
	}

	table.dataTable a.table-action.delete
	{
		background-color: #FF9933;
	}

    table.dataTable a.table-action.download
    {
        background-color: #0099FF;
    }

	table.dataTable a.table-action.duplicate
	{
		background-color: #0099FF;
	}

	table.dataTable a.table-action.import,
	table.dataTable a.table-action.news-preview,
	table.dataTable a.table-action.play-preview
	{
		background-color: #009;
		text-align: center;
		text-indent: 1px;
	}

	table.dataTable a.table-action.import-disabled,
	table.dataTable a.table-action.play-preview-disabled
	{
		background-color: #ccc;
		text-align: center;
		text-indent: 1px;
		cursor: default;
	}

	table.dataTable a.table-action.clients
	{
		background-color: #AA9922;
	}

	table.dataTable a.table-action.users
	{
		background-color: #6C0DD3;
	}

	table.dataTable a.table-action.campaigns
	{
		background-color: #FF337C;
	}

	table.dataTable a.table-action.orders
	{
		background-color: #3E794A;
	}

	table.dataTable a.table-action.materials
	{
		background-color: #FF33D6;
	}

	table.dataTable a.table-action.reports
	{
		background-color: #32ccfe;
	}

	table.dataTable a.table-action.reports-disabled
	{
		background-color: #ccc;
		cursor: default;
	}

	table.dataTable a.table-action.reports > span,
	table.dataTable a.table-action.reports-disabled > span
	{
		margin-top: 2px;
	}

	table.dataTable a.table-action.news
	{
		background-color: #607d8b;
	}

	table.dataTable a.table-action.list,
	table.dataTable a.table-action.details
	{
		background-color: #33CCFF;
	}

	span.pagination_dots
	{
		color: #666 !important;
		border: 0px !important;
		background-color: transparent;
		background-image: none !important;
		display: inline-block;
		padding: 3px;
		width: 20px;
		margin: 10px 5px 0 3px !important;
		vertical-align: bottom;
		text-align: center;
	}

	a.fg-button
	{
		color: #666 !important;
		border: 0px !important;
		background-color: #E6E6E6 !important;
		background-image: none !important;
		display: inline-block;
		padding: 5px;
		width: 20px;
		margin: 10px 5px 0 3px !important;
	}


/*	apply style to body when printing	*/
body.allow-hover.DTTT_Print
{
}

	body.allow-hover.DTTT_Print .st-container
	{

	}

		body.allow-hover.DTTT_Print .st-container .st-pusher
		{
			padding: 0;
		}

			body.allow-hover.DTTT_Print .st-container .st-pusher .st-content
			{
				padding: 0;
				overflow: auto;
			}

/*	ajax load div	*/
div.ajax-load
{
	background: url("../images/ajax-loader.gif") no-repeat center;
	height: 16px;
}
div.ajax-load-orange
{
	background: url("../images/ajax-loader-orange.gif") no-repeat center;
	height: 16px;
}

/*	error div	*/
div.error
{
	color: #ff3636;
	font-size: 12px;
	text-align:left;
}
.errorBorder + select + div.error{
	display: block !important;

}
.errorBorder + div.error{
	display: block !important;

}

/*	content	*/
html,
body,
.st-container,
.st-pusher,
.st-content
{
	min-height: 100%;
}

input,
textarea,
select
{
	/*font-family: 'ubunturegular';*/
	font-family: 'Ubuntu', sans-serif;
}

input,
select
{
	vertical-align: middle;	
}

.allow-hover .st-container
{
	position: relative;
}

/**
* login page styles
*/
.allow-hover .st-container .st-pusher.login
{
	padding-left: 0;
	text-align: center;
}

	.allow-hover .st-container .st-pusher.login .st-content
	{
		padding: 0;
		text-align: center;
		width: 800px;
		overflow: hidden;
		margin: 0 auto;
	}
		.allow-hover .st-container .st-pusher.login .st-content .login
		{
			width: 800px;
			height: 800px;
			text-align: center;
			position: relative;
		}

			.allow-hover .st-container .st-pusher.login .st-content .login div.round
			{
				background-color: #E7F2F2;
				border-radius: 40px;
			}


			.allow-hover .st-container .st-pusher.login .st-content .login div.round.green
			{
				background-color: #99CC33;
				-ms-transform: rotate(60deg);
				-webkit-transform: rotate(60deg);
				transform: rotate(60deg);
				width: 100px;
				height: 100px;
				top: 480px;
				position: absolute;
				left: 150px;
				border-radius: 20px;
			}

			.allow-hover .st-container .st-pusher.login .st-content .login div.round.small-blue
			{
				background-color: #33CCFF;
				-ms-transform: rotate(70deg);
				-webkit-transform: rotate(70deg);
				transform: rotate(70deg);
				width: 90px;
				height: 90px;
				top: 700px;
				position: absolute;
				left: 550px;
				border-radius: 20px;
			}

			.allow-hover .st-container .st-pusher.login .st-content .login div.round.orange
			{
				background-color: #FF6633;
				border-radius: 40px;
				-ms-transform: rotate(15deg);
				-webkit-transform: rotate(15deg);
				transform: rotate(15deg);
				width: 200px;
				height: 200px;
				top: 400px;
				position: absolute;
				left: 560px;
				border-radius: 40px;
			}

			.allow-hover .st-container .st-pusher.login .st-content .login div.round.yellow
			{
				background-color: #FF9933;
				border-radius: 40px;
				-ms-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				width: 150px;
				height: 150px;
				top: 600px;
				position: absolute;
				left: 270px;
				border-radius: 30px;
			}

			.allow-hover .st-container .st-pusher.login .st-content .login div.round.blue
			{
				background-color: #E7F2F2;
				border-radius: 40px;
				-ms-transform: rotate(30deg);
				-webkit-transform: rotate(30deg);
				transform: rotate(30deg);
				width: 440px;
				height: 180px;
				padding: 100px 0 180px 0;
				margin: 100px auto 100px 180px;
				border-radius: 100px;
			}

				.allow-hover .st-container .st-pusher.login .st-content .login div.round.blue .balance
				{
					background: url("/images/logos/cms.png") no-repeat top center;
					-ms-transform: rotate(-30deg);
					-webkit-transform: rotate(-30deg);
					transform: rotate(-30deg);
					padding-top: 40px;
				}

					.allow-hover .st-container .st-pusher.login .st-content .login div.round.blue .balance form
					{
						height: 250px;
						margin-left: 10px;
					}

					.allow-hover .st-container .st-pusher.login .st-content .login div.round.blue .balance form div
					{
						margin-bottom: 15px;
					}

					.allow-hover .st-container .st-pusher.login .st-content .login div.round.blue .balance form div.login-error
					{
						background-color: #f7e1dc;
						color: #ff6633;
						width: 301px;
						margin: auto;
						height: 20px;
						border-bottom: 1px solid #ff6633;
						padding: 5px;
						text-align: center;
						margin-bottom: 10px;
					}

						.allow-hover .st-container .st-pusher.login .st-content .login div.round.blue .balance form div label.generic-label
						{
							display: block;
							text-align: left;
							text-indent: 60px;
						}

						.allow-hover .st-container .st-pusher.login .st-content .login div.round.blue .balance form div input[type="submit"]
						{
							box-shadow: none;
							border: 0;
							border-radius: 20px;
							height: 40px;
							width: 140px;
							background-color: #FF6633;
							color: #fff;
							text-transform: uppercase;
							font-size: 16px;
							line-height: 20px;
							cursor: pointer;
							margin-top: 10px;
							outline: none;
							vertical-align: middle;
						}

@media screen
{
	/**
	*  general styles
	*/
	.allow-hover .st-container .st-pusher
	{
		z-index: 99;
		height: 100%;
		-webkit-transition: all .5s;
		   -moz-transition: all .5s;
			 -o-transition: all .5s;
				transition: all .5s;
		padding-left: 55px;
		box-sizing:border-box;
	}

	.allow-hover .st-container .st-pusher.extended
	{
		padding-left: 190px;
	}

	.campaign_statistics > .logo-container
	{
		display: none;
	}
}

.allow-hover .st-container .st-pusher::after
{
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	background: rgba(0,0,0,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

	.allow-hover .st-container .st-pusher .st-content
	{
		background: #fff;
		position: relative;
        padding-bottom: 85px;



	}

		.allow-hover .st-container .st-pusher .st-content > .page
		{
			padding: 10px;
		}

		.allow-hover .st-container .st-pusher .st-content .page div.playlist-item
		{
			background-color: #ffc523;
			padding: 20px;
			width: 180px;
			margin: 10px;
			height: 180px;
			border-radius: 30px;
			-webkit-transition: all .2s;
			   -moz-transition: all .2s;
				 -o-transition: all .2s;
					transition: all .2s;
		}

			.allow-hover .st-container .st-pusher .st-content .page div.playlist-item span.playlist-name
			{
				font-size: 20px;
				display: block;
				margin-bottom: 40px;
				color: #fff;
				text-align: center;
			}

			.allow-hover .st-container .st-pusher .st-content .page div.playlist-item ul
			{
			}

				.allow-hover .st-container .st-pusher .st-content .page div.playlist-item ul li
				{
				}

					.allow-hover .st-container .st-pusher .st-content .page div.playlist-item a
					{
						display: inline-block;
						color: #fff;
						height: 20px;
						line-height: 20px;
						box-sizing: border-box;
						margin: 5px;
						-webkit-transition: all .2s;
						   -moz-transition: all .2s;
							 -o-transition: all .2s;
								transition: all .2s;
					}

					.allow-hover .st-container .st-pusher .st-content .page div.playlist-item a:hover
					{
						color: #666;
					}

div#playlist_update
{
	width: 1150px;
}

	.playlist-summary
	{
		width: 250px;
		box-sizing: border-box;
		padding: 10px;
		position: relative;
	}

		.playlist-summary .playlit-edit
		{
			display: block;
			height: 20px;
			width: 20px;
			position: absolute;
			top: 5px;
			right: 5px;
			font-size: 10px;
			line-height: 20px;
			vertical-align: middle;
		}

.allow-hover.touch div#playlist_update
{
	width: 900px;
}

	.allow-hover .st-container .st-pusher .st-content div.playlist-container
	{
		width: 635px;
		margin: 0 45px;
		vertical-align: top;
	}

	.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container
	{
		width: 465px;
		margin-left: 5px;
	}

	.allow-hover .st-container .st-pusher .st-content div.campaigns-container
	{
		width: 420px;
	}

		.allow-hover .st-container .st-pusher .st-content div.campaigns-container div#campaigns-container,
		.allow-hover .st-container .st-pusher .st-content div.campaigns-container div#rubrics-container,
		.allow-hover .st-container .st-pusher .st-content div.campaigns-container div#various-container
		{
			padding: 0;
		}

			.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters
			
			{
				height: 42px;
			}

				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters select.playlist-filters-select
				{
					width: 533px;
					padding: 4px;
					border: 1px solid #afadae;
					margin: 0;
					height: 28px;
					color: #b9b9b9;
					outline: none;
				}


				.allow-hover.touch .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters select.playlist-filters-select
				{
					width: 363px;
				}
				.allow-hover.touch .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters select.playlist-filters-select
				
				{
					width: 363px;
				}

				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters span.icon.icon-play
				{
					font-size: 20px;
					width: 20px;
					height: 32px;
					padding: 5px;
					line-height: 32px;
					vertical-align: middle;
					text-align: center;
					cursor: pointer;
					position: relative;
				}

					.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters span.icon.icon-play a.table-action.play-preview
					{
						position: absolute;
						width: 20px;
						height: 20px;
						top: 10px;
						left: 5px;
					}

				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters span.icon.icon-reports
				{
					font-size: 16px;
					width: 20px;
					height: 32px;
					padding: 5px;
					line-height: 32px;
					vertical-align: middle;
					text-align: center;
					cursor: pointer;
				}

				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters span.icon.icon-reports
				{
					vertical-align: middle;
					text-align: center;
					cursor: pointer;
					-webkit-transition: background-color .2s;
					   -moz-transition: background-color .2s;
						 -o-transition: background-color .2s;
							transition: background-color .2s;
				}

				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters span.icon.icon-filters
				{
					font-size: 20px;
					width: 20px;
					height: 32px;
					padding: 5px;
					line-height: 32px;
					vertical-align: middle;
					text-align: center;
					cursor: pointer;
					-webkit-transition: background-color .2s;
					   -moz-transition: background-color .2s;
						 -o-transition: background-color .2s;
							transition: background-color .2s;
				}
				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters span.icon.icon-limiters
				{
					font-size: 20px;
					width: 20px;
					height: 32px;
					padding: 5px;
					line-height: 32px;
					vertical-align: middle;
					text-align: center;
					cursor: pointer;
					-webkit-transition: background-color .2s;
					   -moz-transition: background-color .2s;
						 -o-transition: background-color .2s;
							transition: background-color .2s;
				}



				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters span.icon.icon-reports:hover,
				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters span.icon.icon-reports.blue,
				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters span.icon.icon-filters:hover,
				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters span.icon.icon-filters.blue,
				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters span.icon.icon-limiters:hover,
				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .playlist-filters span.icon.icon-limiters.blue
				{
					background-color: #32ccfe;
					color: #fff;
				}

			.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container .top-duration-container
			{
				display: inline-block;
				width: 500px;
			}

			.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container #playlist_filters
			{
				background-color: #32ccfe;
				height: 95px;
				padding: 0px;
			}

				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container #playlist_filters div.filter
				{
					margin: 5px 0px 0px 5px;
					height: 40px;
				}

			.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container div#playlist_limiters
			{
				position: absolute;
				width: 476px;
				margin-left: 0;
				border-bottom: 2px solid #32ccfe;
				border-top: 2px solid #32ccfe;
				padding: 10px;
				z-index: 2;
				background-color: #fff;
				left: 660px;
				top: 89px;
			}

				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container div#playlist_limiters h3
				{
					margin: 15px 0 0 0;
					font-size: 14px;
				}

				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container div#playlist_limiters .limiters-indent
				{
					margin-left: 40px;
				}

				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container div#playlist_limiters span.coordinates-map.icon-map
				{
					font-size: 14px;
					width: 20px;
					height: 20px;
					margin: 0;
					padding: 0;
					line-height: 20px;
					vertical-align: middle;
					cursor: pointer;
					background-color: #00CCFF;
					text-align: center;
					border-radius: 14px;
					color: #fff;
					position: relative;
				}

					.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container div#playlist_limiters span.coordinates-map.icon-map .map-pop
					{
						display: block;
						width: 320px;
						height: 180px;
						background-color: #fff;
						box-shadow: 0 0 5px #888;
						position: absolute;
						top: -180px;
						left: 9px;
						z-index: 2;
					}

					.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container div#playlist_limiters span.coordinates-map.icon-map .map-pop.invisible
					{
						visibility: hidden;
					}

			.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container div#playlist_statistics
			{
				border-bottom: 2px solid #32ccfe;
				border-top: 2px solid #32ccfe;
				padding: 10px;
				position: absolute;
				width: 1220px;
				z-index: 2;
				background-color: #fff;
			}

				.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container div#playlist_statistics .pie-container
				{
					float: left;
					width: 600px;
					height: 450px;
					margin: 5px 0px 5px 5px;
				}

					.allow-hover .st-container .st-pusher .st-content div#left-container.playlist-container div#playlist_statistics .pie-container > div
					{
						width: 600px;
						height: 400px;
						margin-top: 30px;
					}


			.allow-hover.touch .st-container .st-pusher .st-content div#left-container.playlist-container div#playlist_statistics
			{
				width: 900px;
			}

				.allow-hover.touch .st-container .st-pusher .st-content div#left-container.playlist-container div#playlist_statistics .pie-container
				{
					width: 295px;
					height: 335px;
				}

					.allow-hover.touch .st-container .st-pusher .st-content div#left-container.playlist-container div#playlist_statistics .pie-container > div
					{
						width: 295px;
						height: 250px;
					}

		.playlist-final
		{
			margin: 0 0 0 45px;
			border-top: 1px solid;
			padding: 20px 0;
			/* width: 635px; */
			height: 30px;
			line-height: 30px;
		}

		.allow-hover.touch .playlist-final
		{
			margin: 0 0 0 5px;
			border-top: 1px solid;
			padding: 20px 0;
			width: 465px;
		}

		div#right-container
		{
			position: relative;

		}

		.allow-hover.touch div#right-container
		{
			left: 490px;
		}

			div.settings ul.tabs-container,
			div#right-container ul.tabs-container
			{
				padding: 0;
				margin: 0;
			}

				div.settings ul.tabs-container li.tab
				{
					height: 40px;
					border-radius: 0;
					outline: none;
					cursor: pointer;
				}

				div#right-container ul.tabs-container li.tab
				{
					margin: 0 5px 0 0;
					padding: 0;
					border: 0;
					width: 75px;
					height: 30px;
					background-color: #fff;
					background-image: none;
					border-radius: 0;
					outline: none;
					cursor: pointer;
				}

					div.settings ul.tabs-container li.tab a,
					div#right-container ul.tabs-container li.tab a
					{
						outline: none;
						border: 0;
					}

				.allow-hover .st-container .st-pusher .st-content div.settings
				{
					border: 0 none;
					border-radius: 0;
				}

					.allow-hover .st-container .st-pusher .st-content div.settings div.tab-content
					{
						border: 1px solid #dddddd;
						border-radius: 0;
					}

				div#right-container ul.tabs-container li.tab.campaigns-container-tab
				{
					border: 1px solid #c8e3de;
				}

				div#right-container ul.tabs-container li.tab.campaigns-container-tab.ui-tabs-active.ui-state-active
				{
					background-color: #c8e3de;
				}

				div#right-container ul.tabs-container li.tab.rubrics-container-tab
				{
					border: 1px solid #dcf49e;
				}

				div#right-container ul.tabs-container li.tab.rubrics-container-tab.ui-tabs-active.ui-state-active
				{
					background-color: #dcf49e;
				}

				div#right-container ul.tabs-container li.tab.various-container-tab
				{
					border: 1px solid #ffc78e;
				}

				div#right-container ul.tabs-container li.tab.various-container-tab.ui-tabs-active.ui-state-active
				{
					background-color: #ffc78e;
				}

					div#right-container ul.tabs-container li.tab a
					{
						display: block;
						width: 75px;
						height: 30px;
						font-size: 14px;
						margin: 0;
						padding: 0;
						text-align: center;
						line-height: 30px;
						vertical-align: middle;
						outline: none;
						color: #686868;
						cursor: pointer;
					}

					div#right-container ul.tabs-container li.tab.ui-tabs-active.ui-state-active a
					{
						color: #000;
					}

			.allow-hover .st-container .st-pusher .st-content div.campaigns-container div#campaigns.draggable,
			.allow-hover .st-container .st-pusher .st-content div.campaigns-container div#rubrics.draggable,
			.allow-hover .st-container .st-pusher .st-content div.campaigns-container div#various.draggable
			{
				padding: 5px 0;
			}

				.allow-hover .st-container .st-pusher .st-content div.playlist-container div.playlist.connected
				{
					padding-top: 5px;
					min-height: 400px;
				}

					.allow-hover .st-container .st-pusher .st-content div.playlist-container div.no-items
					{
						height: 16px;
						font-size: 16px;
						padding: 140px 12px;
						background-color: #f5f5f5;
						margin: 1px 0px;
						color: #999;
						position: absolute;
						z-index: 0;
						width: 611px;
						text-align: center;
					}

					.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container div.no-items
					{
						width: 441px;
					}

					.allow-hover .st-container .st-pusher .st-content div.campaigns-container div.rubrics-filters-input-container
					{
						background-color: #dcf49e;
						line-height: 40px;
						vertical-align: middle;
						padding: 0 4px 0 6px;
					}
						.allow-hover .st-container .st-pusher .st-content div.campaigns-container div.rubrics-filters-input-container input#filter_all_rubrics
						{
							outline: none;
							width: 365px;
							height: 24px;
							line-height: 16px;
							vertical-align: baseline;
							font-size: 14px;
							padding: 0px 5px 0px 5px;
						}

					.allow-hover .st-container .st-pusher .st-content div.campaigns-container div.campaigns-filters-input-container
					{
						background-color: #32ccfe;
						line-height: 40px;
						vertical-align: middle;
						padding: 0 4px 0 6px;
					}


						.allow-hover .st-container .st-pusher .st-content div.campaigns-container div.campaigns-filters-input-container input#filter_all_campaigns
						{
							outline: none;
							width: 365px;
							height: 24px;
							line-height: 16px;
							vertical-align: baseline;
							font-size: 14px;
							padding: 0px 5px 0px 5px;
						}


						.allow-hover .st-container .st-pusher .st-content div.campaigns-container div.campaigns-filters-input-container span.icon-delete,
						.allow-hover .st-container .st-pusher .st-content div.campaigns-container div.rubrics-filters-input-container span.icon-delete
						{
							font-size: 16px;
							width: 16px;
							height: 20px;
							cursor: pointer;
							vertical-align: middle;
							line-height: 18px;
							-webkit-transition: all .2s;
							   -moz-transition: all .2s;
								 -o-transition: all .2s;
									transition: all .2s;
						}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container div.campaigns-filters-input-container span.icon-delete:hover,
						.allow-hover .st-container .st-pusher .st-content div.campaigns-container div.rubrics-filters-input-container span.icon-delete:hover
						{
							color: #222;
						}

					.allow-hover .st-container .st-pusher .st-content div.campaigns-container div.campaigns-filters-checkbox-container
					{
						background-color: #f5f5f5;
						height: 20px;
						line-height: 20px;
						vertical-align: middle;
						padding: 10px;
					}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container div.campaigns-filters-checkbox-container label.generic-label
						{
							padding: 1px 0 5px 0px;
							height: 18px;
							line-height: 18px;
							vertical-align: middle;
						}

					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.dropzone
					{
						height: 40px;
						margin: 1px 0;
						background-color: #94D887;
						border: 0 none;
						/*border: 2px dashed #12771E;*/
						position: relative;
						z-index: 0;
					}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.group div.dropzone
						{
							border: 0 none;
						}

					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item,
					.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item
					{
						height: 40px;
						margin: 1px 0;
						background-color: #e4f4f3;
						padding: 0 5px;
						/*position: relative;
						z-index: 0;*/
						cursor: move;
						-webkit-transition: background-color .2s;
						   -moz-transition: background-color .2s;
							 -o-transition: background-color .2s;
								transition: background-color .2s;
					}


					.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.ui-draggable-dragging
					{
						width: 432px;
						height: 40px !important;
						overflow: hidden;
						position: relative;
						z-index: 1;
					}

					.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.rubric,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.rubric
					{
						background-color: #dcf49e;
					}

					.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.rubric.newsbar,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.rubric.newsbar
					{
						background-color: #89DBFF;
					}

					.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.rubric:hover,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.rubric:hover
					{
						background-color: #ccf859;
					}

					.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.rubric.newsbar:hover,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.rubric.newsbar:hover
					{
						background-color: #47C3FA;
					}

					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.rubric.filter-no-match-limiters:hover,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.rubric.filter-no-match:hover
					{
						background-color: #ddd;
					}

					.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.various,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.group,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various
					{
						background-color: #ffc68f;
					}

					.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.various.group-opened.ui-draggable-disabled
					{
						background-color: #eee !important;
					}

					.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.various:hover,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.group:hover,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various:hover
					{
						background-color: #fcb26a;
					}

					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.group.filter-no-match-limiters:hover,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.filter-no-match-limiters:hover,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.group.filter-no-match:hover,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.filter-no-match:hover
					{
						background-color: #ddd;
					}

					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item:hover,
					.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item:hover
					{
						background-color: #c8e2e1;
					}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span,
						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span
						{
							font-size: 16px;
							height: 26px;
							vertical-align: middle;
							line-height: 26px;
							font-weight: bold;
							white-space: nowrap;
						}

						#rubrics-container div.sortable-item.no-match span
						{
							color:#ddd !important;
						}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.rubric-name,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.rubric-name
						{
							display: block;
							font-size: 12px;
							font-weight: normal;
							line-height: 14px;
							height: 14px;
						}

					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various
					{
						height: 40px;
						z-index: 0;
					}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various span.group-name-input-container,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various span.group-save-button,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various div.group-dropzone
						{
							display: none;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.group-save-button,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.group-dropzone
						{
							display: block;
						}

					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened
					{
						height: auto !important;
					}

					.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various span.various-name
					{
						width: 260px;
					}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.mobile-handle
						{
							display: none;
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened span.mobile-handle
						{
							width: 60px;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various span.various-name
						{
							font-size: 16px;
							font-weight: bold;
							line-height: 40px;
							vertical-align: middle;
							width: 400px;
							display: inline-block;
							overflow: hidden;
							height: 40px;
							white-space: nowrap;
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item div.sortable-item.various span.various-name
						{
							width: 325px;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened span.various-name
						{
							display: none;
						}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.sortable-item.various span.various-name
							{
								display: block;
							}

							.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.sortable-item span.campaign-name,
							.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.sortable-item span.campaign-client,
							.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.sortable-item span.rubric-name,
							.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.sortable-item span.rubric-type,
							.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.sortable-item span.various-name
							{
								text-indent: 20px;
							}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.campaign-client,
							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.sortable-item span.campaign-client
							{
								font-size: 16px;
								height: 26px;
								line-height: 26px;
								vertical-align: middle;
								font-weight: bold;
								display: block;
							}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.campaign-name,
							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.sortable-item span.campaign-name
							{
								line-height: 14px;
								vertical-align: middle;
								font-size: 12px;
								font-weight: normal;
								height: 14px;
								display: block;
								white-space: nowrap;
							}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.sortable-item span.seconds
							{
								display: none;
							}

							.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.sortable-item span.mobile-handle
							{
								overflow: hidden;
								cursor: move;
								display: block;
								background-color: transparent;
								position: absolute;
								width: 24px;
								z-index: 1;
							}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.various.group-opened span.group-name-input-container
						{
							display: none;
						}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.various.group-opened span.group-save-button
						{
							 display: none;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened span.group-save-button
						{
							margin: 0 -5px !important;
							background-color: #fff;
							text-align: right;
							min-height: 20px;
							padding: 10px;
							display: block;
						}


						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened span.group-name-input-container
						{
							display: inline-block;
							height: 24px;
							padding: 8px 3px;
						}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened span.group-name-input-container input.group-name-input
							{
								height: 22px;
								padding: 0 5px;
								line-height: 22px;
								vertical-align: middle;
								width: 420px;
							}

							.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened span.group-name-input-container input.group-name-input
							{
								width: 240px;
							}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.various div.group-dropzone
						{
							display: none;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.group-dropzone
						{
							margin: 0 -5px !important;
							min-height: 124px;
							background-color: #ffdabd;
							border: 2px dashed #ff9934;
							position: relative;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened.filter-no-match-limiters div.group-dropzone,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened.filter-no-match div.group-dropzone
						{
							border-color: #ccc;
							background-color: #ddd;
						}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened div.group-dropzone div.group-placeholder
							{
								line-height: 20px;
								font-size: 16px;
								padding: 42px 30px;
								vertical-align: middle;
								color: #fd9a34;
								font-weight: bold;
								text-align: center;
								position: absolute;
								z-index: 0;
								width: 536px;
								border: 0px none;
							}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened.filter-no-match-limiters div.group-dropzone div.group-placeholder,
							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened.filter-no-match div.group-dropzone div.group-placeholder
							{
								color: #ccc;
							}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened.filter-no-match-limiters input.submit,
							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened.filter-no-match input.submit
							{
								background-color: #ddd;
							}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened.filter-no-match-limiters input.submit:hover,
							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.various.group-opened.filter-no-match input.submit:hover
							{
								background-color: #ccc;
							}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.various span.various-name
						{
							font-size: 16px;
							font-weight: bold;
							display: inline-block;
							height: 20px;
							padding: 10px 5px;
						}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.rubric span.rubric-name strong,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.rubric span.rubric-name strong,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.campaign-name strong,
						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.campaign-name strong
						{
							 font-weight: normal;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.campaign-insertions
						{
							display: none;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-delete
						{
							visibility: hidden;
							display: inline-block;
							float: right;
							background-color: #b0aeaf;
							width: 19px;
							height: 19px;
							line-height: 20px;
							vertical-align: middle;
							text-align: center;
							border-radius: 10px;
							color: #fff;
							margin: 10px 5px;
							font-size: 11px;
							padding: 1px 1px 0px 1px;
							/*-webkit-transition: all .2s;
							   -moz-transition: all .2s;
								 -o-transition: all .2s;
									transition: all .2s; */
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-delete,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item:hover span.icon.icon-delete
						{
							visibility: visible;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-notification
						{
							display: inline-block !important;
							float: right;
							background-color: #f00;
							width: 19px;
							height: 19px;
							line-height: 20px;
							vertical-align: middle;
							text-align: center;
							border-radius: 10px;
							color: #fff;
							margin: 10px 5px;
							font-size: 11px;
							padding: 1px 1px 0px 1px;
							position: relative;
							-webkit-transition: all .2s;
							   -moz-transition: all .2s;
								 -o-transition: all .2s;
									transition: all .2s;
						}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-notification .item-notification
							{
								position: absolute;
								top: 36px;
								left: -252px;
								background-color: #fff;
								color: #666;
								text-align: left;
								border: 1px solid #A1A0A1;
								padding: 10px;
								width: 500px;
								font-family: ubuntu;
								font-size: 12px;
								font-weight: normal;
								height: auto;
								z-index: 1;
							}

								.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-notification .item-notification span.item-notification-message
								{
									display: block;
									font-size: 12px;
								}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-limiters
						{
							display: inline-block !important;
							float: right;
							background-color: #b0aeaf;
							width: 19px;
							height: 19px;
							line-height: 20px;
							vertical-align: middle;
							text-align: center;
							border-radius: 10px;
							color: #fff;
							margin: 10px 5px;
							font-size: 11px;
							padding: 1px 1px 0px 1px;
							position: relative;
							-webkit-transition: all .2s;
							   -moz-transition: all .2s;
								 -o-transition: all .2s;
									transition: all .2s;
						}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-limiters span.limiters
							{
								position: absolute;
								top: 36px;
								left: -252px;
								background-color: #fff;
								color: #666;
								text-align: left;
								border: 1px solid #A1A0A1;
								padding: 10px;
								width: 500px;
								font-family: ubuntu;
								font-size: 12px;
								font-weight: normal;
								height: auto;
								z-index: 1;
							}

								.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-limiters span.limiters span.material-name
								{
									font-size: 12px;
									height: 14px;
									line-height: 14px;
									padding: 0;
									margin: 0;
									display: block;
								}

								.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-limiters span.limiters ul li
								{
									background-image: none;
								}

								.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-notification .item-notification span.item-notification-arrow,
								.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-limiters span.limiters span.limiters-arrow
								{
									position: absolute;
									right: 224px;
									top: -22px;
									color: #A1A0A1;
								}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-limiters span.limiters.hidden
							{
								display: none;
							}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.seconds
						{
							float: left;
							height: 40px;
							line-height: 40px;
							width: 60px;
							text-align: center;
							background-color: #f6f6f6;
							margin-right: 5px;
							margin-left: -5px;
							font-size: 14px !important;
							font-weight: 600;
							color: #666;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.pink-background span.seconds
						{
							background-color: #FABABA;
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.seconds
						{
							text-indent: 16px;
							width: 70px;
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.mobile-handle
						{
							height: 40px;
							width: 70px;
							display: block;
							position: absolute;
							left: 0;
							cursor: move;
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.mobile-handle:before
						{
							font-family: wink;
							content: "\e628";
							font-size: 20px;
							text-align: center;
							width: 24px;
							line-height: 40px;
							vertical-align: middle;
							height: 40px;
							display: block;
							margin: 0;
							text-indent: 0;
							color: #ccc;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-more-actions
						{
							visibility: hidden;
							display: inline-block;
							float: right;
							background-color: #b0aeaf;
							width: 19px;
							height: 19px;
							line-height: 20px;
							vertical-align: middle;
							text-align: center;
							border-radius: 10px;
							color: #fff;
							margin: 10px 5px;
							font-size: 11px;
							padding: 1px 1px 0px 1px;
							/*-webkit-transition: all .2s;
							   -moz-transition: all .2s;
								 -o-transition: all .2s;
									transition: all .2s;*/
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-more-actions,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item:hover span.icon.icon-more-actions
						{
							visibility: visible;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.group-opened:hover span.icon.icon-more-actions
						{
							visibility: hidden;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.forced-close:hover span.icon.icon-more-actions
						{
							visibility: hidden;
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.forced-close:hover span.icon.icon-more-actions
						{
							visibility: visible;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-play
						{
							visibility: hidden;
							display: inline-block;
							float: right;
							background-color: #b0aeaf;
							width: 18px;
							height: 19px;
							line-height: 20px;
							vertical-align: middle;
							text-align: center;
							border-radius: 10px;
							color: #fff;
							margin: 10px 5px;
							font-size: 11px;
							padding: 1px 1px 0px 2px;
							position: relative;
						}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-play a.play-preview
							{
								display: block;
								width: 21px;
								height: 20px;
								top: 0;
								z-index: 2;
								position: absolute;
								left: 0;
							}
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.future-campaign
						{
							display: inline-block;
							float: right;
							width: 18px;
							height: 19px;
							line-height: 20px;
							vertical-align: middle;
							text-align: center;
							border-radius: 10px;
							margin: 10px 25px;
							font-size: 30px;
							padding: 1px 1px 0px 2px;
							position: relative;
							font-family: 'Ubuntu', sans-serif;
						}
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-calendar-empty
						{
							display: table-cell;
							width: 18px;
							height: 19px;
							line-height: 19px;
							vertical-align: middle;
							text-align: center;
							font-size: 34px;
							position: absolute;
							left: 0px;
							font-family: 'Ubuntu', sans-serif;
							font-weight: normal;
						}
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item .future-campaign-text {
							display: table-cell;
							width: 35px;
							height: 19px;
							line-height: 10px;
							vertical-align: middle;
							text-align: center;
							font-size: 12px;
							position: absolute;
							left: 0px;
							font-family: 'Ubuntu', sans-serif;
							font-weight: normal;
						}
						.allow-hover.touch .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-play,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item:hover span.icon.icon-play
						{
							visibility: visible;
						}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item:hover div.sortable-item span.icon.icon-play
							{
								visibility: hidden;
							}

							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item:hover div.sortable-item:hover span.icon.icon-play
							{
								visibility: visible;
							}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-notification:hover
						{
							background-color: #900;
							cursor: pointer;
						}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-delete:hover,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-limiters:hover,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-more-actions:hover,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item span.icon.icon-play:hover
						{
							background-color: #A1A0A1;
							cursor: pointer;
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.mobile-handle
						{
							display: block;
							width: 24px;
							height: 40px;
							position: absolute;
							left: 0;
							cursor: move;
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.mobile-handle:before
						{
							font-family: wink;
							content: "\e628";
							font-size: 20px;
							text-align: center;
							width: 24px;
							line-height: 40px;
							vertical-align: middle;
							height: 40px;
							display: block;
							margin: 0;
							text-indent: 0;
							color: #ccc;
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.group span.mobile-handle:before
						{
							color: #efab7c;
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item.group.ui-draggable-disabled span.mobile-handle:before
						{
							color: #ccc;
						}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.campaign-name
						{
							line-height: 14px;
							vertical-align: middle;
							overflow: hidden;
							white-space: nowrap;
							height: 14px;
							font-size: 12px;
							font-weight: normal;
							display: block;
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.campaign-name
						{
							text-indent: 20px;
						}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.campaign-client
						{
							font-size: 16px;
							height: 26px;
							line-height: 26px;
							vertical-align: middle;
							display: block;
						}

						.allow-hover.touch .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.rubric-type,
						.allow-hover.touch .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.rubric-name,
						.allow-hover.touch .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.various-name,
						.allow-hover.touch .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.campaign-client
						{
							text-indent: 20px;
						}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.icon.icon-delete
						{
							display: none;
						}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.icon.icon-notification,
						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.icon.icon-limiters,
						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.icon.icon-more-actions,
						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.icon.icon-play
						{
							display: none;
						}


							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item:hover div.sortable-item span.icon.icon-delete
							{
								visibility: hidden;
							}


							.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item:hover div.sortable-item:hover span.icon.icon-delete
							{
								visibility: visible;
							}

						.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.campaign-insertions
						{
							display: inline-block !important;
							float: right;
							width: 100px;
							text-transform: uppercase;
							height: 30px;
							vertical-align: middle;
							line-height: 30px;
							margin: 5px;
							color: #ff6535;
							font-weight: 600;
							font-size: 12px;
						}

							.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.campaign-insertions span.number
							{
								display: inline-block !important;
								width: 30px;
								height: 30px;
								color: #fff;
								font-size: 16px !important;
								background-color: #ff6535;
								text-align: center;
								font-weight: normal;
								border-radius: 15px;
								line-height: 28px;
								margin-left: 3px;
							}

								.allow-hover .st-container .st-pusher .st-content div.campaigns-container .draggable div.sortable-item span.campaign-insertions span.number sup
								{
									font-size: 8px;
									line-height: 16px;
								}

					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.filter-no-match-limiters
					{
						display: none;
					}

					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.filter-no-match
					{
						background-color: #f5f5f5;
						color: #ccc;
					}

					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.filter-no-match-limiters:hover,
					.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.filter-no-match:hover
					{
						background-color: #ddd;
					}

						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.filter-no-match-limiters span.seconds,
						.allow-hover .st-container .st-pusher .st-content div.playlist-container .connected div.sortable-item.filter-no-match span.seconds
						{
							color: #ccc;
						}

				.allow-hover .st-container .st-pusher .st-content div.campaigns-container div.campaigns
				{
					border: 0 none;
					border-radius: 0;
				}

				.allow-hover .st-container .st-pusher .st-content .page div.playlist-item.warning
				{
					background-color: #ff9934;
				}

				.allow-hover .st-container .st-pusher .st-content .page div.playlist-item.warning:hover,
				.allow-hover .st-container .st-pusher .st-content .page div.playlist-item:hover
				{
					background-color: #ff6634;
				}

			   .allow-hover .st-container .st-pusher .st-content form#users_filters
			   {
				   margin: 20px 0;
			   }


	   .allow-hover .st-container .st-pusher .st-content a.load-form
	   {
			color: #FF9933;
			font-size: 20px;
			background-color: #E7F2F2;
			margin: 0;
			text-decoration: none;
			font-weight: 500;
			display: inline-block;
			border-radius: 5px;
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
		}

		.allow-hover .st-container .st-pusher .st-content a.load-form:hover
		{
			color: #ff6633;
		}

		.allow-hover .st-container .st-pusher .st-content a.load-form.load-form-active
		{
			color: #666;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}

		.allow-hover .st-container .st-pusher .st-content a.load-form.load-form-active:hover
		{
			color: #000;
		}

			.allow-hover .st-container .st-pusher .st-content a.load-form span.icon
			{
				color: #FF9933;
				font-size: 16px;
				padding: 0;
				width: 20px;
				-webkit-transition: all .5s;
				   -moz-transition: all .5s;
					 -o-transition: all .5s;
						transition: all .5s;
			}

			.allow-hover .st-container .st-pusher .st-content a.load-form:hover span.icon
			{
				color: #ff6633;
			}

			.allow-hover .st-container .st-pusher .st-content .ajax-loaded-form h1
			{
				display: none;
			}

			.allow-hover .st-container .st-pusher .st-content .ajax-loaded-form form
			{
				background-color: #E7F2F2;
				border-bottom: 2px solid #A6C9C8;
				margin-bottom: 20px;
			}

				.allow-hover .st-container .st-pusher .st-content .ajax-loaded-form form.ajax-loaded-form
				{
					border-bottom: 0;
					border-top: 0;
				}

				.allow-hover .st-container .st-pusher .st-content .ajax-loaded-form form .ajax-loaded-form form
				{
					border-top: 1px solid #A6C9C8;
					border-bottom: 3px solid #A6C9C8;
					background-color: #D3E3E9;
				}

			.allow-hover .st-container .st-pusher .st-content .ajax-loaded-form form > div div.error
			{
				margin: 0 0 0 20px;
			}

				.allow-hover .st-container .st-pusher .st-content form table.cu-form-table
				{
					width: 740px;
					padding: 0;
					border-spacing: 20px;
				}

					.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td
					{
						vertical-align: top;
					}

						.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td.file-actions
						{
							width: 20px;
						}

							.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td.file-actions span.delete-material-file.icon.icon-delete
							{
								width: 20px;
								text-align: left;
							}

						.form-select,
						.filter .select2-container--default,
						
						.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td select.form-select,
						.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td select.network-select
						{
							width: 310px !important;
						}
						

						.allow-hover.touch select.form-select
						{
							width: 225px !important;
						}

						input.tiny
						{
							width: 40px !important;
							text-align: center;
						}

						.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td table tr th
						{
							font-weight: normal;
							font-size: 12px;
						}

						.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td table tr td div.error
						{
							line-height: 16px;
						}

						.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td table tr td.file-ratio
						{
							text-align: center;
							width: 100px;
						}

						.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td table tr td.file-name
						{
							width: 280px;
						}

							.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td table tr td.file-name select.file-name.half
							{
								width: 270px;
							}

						.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td table tr td.file-duration
						{
							width: 70px;
							text-align: center;
						}

						.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td table tr td.file-scale
						{
							width: 160px;
							text-align: center;
						}

							.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td table tr td.file-scale select.file-scale.tiny
							{
								width: 100px !important;
							}

						.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td table tr td.parent-select select.file-parent.tiny
						{
							width: 100px !important;
						}

						.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td table tr td.file-type
						{
							text-align: left;
						}

						.allow-hover .st-container .st-pusher .st-content form table.cu-form-table td table tr td.file-attachments
						{
							width: 100px;
							text-align: center;
						}

						.attachment .attachment-add-container input[type="button"].attachment-add-file
						{
							vertical-align: middle;
							background-color: #FF9933;
							border-radius: 15px;
							border: 0px;
							color: #fff;
							font-weight: normal;
							height: 30px;
							font-size: 16px;
							width: 110px;
							text-transform: uppercase;
							padding: 5px 7px;
							cursor: pointer;
							outline: none;
							line-height: 20px;
							margin-left: 10px;
							-webkit-transition: all 0.5s;
							transition: all 0.5s;
						}

						.attachment .attachment-add-container input[type="button"].attachment-add-file:hover
						{
							background-color: #FF6633;
						}

						.attachment .attachment-add-container span.attachment-select-file
						{
							display: inline-block;
							font-size: 16px;
							line-height: 19px;
							padding: 8px;
							width: 300px;
							text-align: center;
							border: 2px dashed #56D88F;
							color: #15914B;
							background-color: #D3F1DF;
							vertical-align: middle;
							height: 20px;
							cursor: pointer;
							margin: 0 0 0 8px;
							position: relative;
						}

							.attachment .attachment-add-container span.attachment-select-file span.attachment-progress-bar-container
							{
								position: absolute;
								background-color: #D3F1DF;
								top:0;
								left: 0;
								bottom: 0;
								right: 0;
								margin: 0;
								opacity: 0;
								-webkit-transition: all 0.5s;
								transition: all 0.5s;
							}

								.attachment .attachment-add-container span.attachment-select-file span.attachment-progress-bar-container span.attachment-progress-bar
								{
									position: absolute;
									background-color: #1DB459;
									top: 0;
									left: 0;
									bottom: 0;
									width: 0;
									z-index: 2;
									color: #fff;
									line-height: 36px;
									vertical-align: middle;
									word-wrap: break-word;
									-webkit-transition: all 0.5s;
									transition: all 0.5s;
								}

						.attachment .attachment-add-container span.attachment-types-container
						{

						}

							.attachment .attachment-add-container span.attachment-types-container select.attachment-types
							{
								width: 100px;
							}

						.materials-limiters table.table,
						.attachment table.table
						{
							padding: 0;
							border-spacing: 0;
							border-collapse: separate;
							/*border-bottom: 1px solid #e5e5e5;*/
							width: 100%;
							margin-top: 10px;
							/*margin-bottom: 10px;*/
							font-size: 14px;
						}

							.materials-limiters table.table th,
							.attachment table.table th
							{
								font-weight: bold;
								cursor: pointer;
								color: #666;
								font-size: 14px;
								background-color: #E6E6E6;
								background-image: none;
								padding: 4px 10px;
								border: 1px solid #dddddd;
							}

							.materials-limiters table.table td,
							.attachment table.table td
							{
								padding: 5px 10px;
								border-bottom: 1px dotted#ccc !important;
							}

							.materials-limiters table.table td:last-child
							{
								border: none;
							}

				.allow-hover .st-container .st-pusher .st-content .ajax-loaded-form a.load-form
				{
					color: #fff;
					font-size: 16px;
					background-color: #33CCFF;
					margin: 0;
					text-decoration: none;
					font-weight: normal;
					display: inline-block;
					border-radius: 15px;
					height: 20px;
					padding: 5px 20px;
					text-transform: uppercase;
					line-height: 18px;
					vertical-align: middle;
					-webkit-transition: all .2s;
					   -moz-transition: all .2s;
						 -o-transition: all .2s;
							transition: all .2s;
				}

				.allow-hover .st-container .st-pusher .st-content .ajax-loaded-form a.load-form:hover
				{
					background-color: #3CC1E5;
				}

					.allow-hover .st-container .st-pusher .st-content .ajax-loaded-form a.load-form span.icon
					{
						color: #fff;
						font-size: 12px;
						padding: 0;
						width: 20px;
						-webkit-transition: all .5s;
						   -moz-transition: all .5s;
							 -o-transition: all .5s;
								transition: all .5s;
					}

				.allow-hover .st-container .st-pusher .st-content .ajax-loaded-form a.load-form.load-form-active
				{
					color: #fff;
					border-radius: 15px;
				}

				.allow-hover .st-container .st-pusher .st-content .ajax-loaded-form span.choose
				{
					display: inline-block;
					margin: 0 25px;
				}

				.allow-hover .st-container .st-pusher .st-content .ajax-loaded-form form .ajax-loaded-form
				{
					border-bottom: 0;
					border-top: 0;
					margin: 5px 0;
				}

					.allow-hover .st-container .st-pusher .st-content .ajax-loaded-form form .ajax-loaded-form form
					{
						margin: 0;
						padding: 0;
					}

				.allow-hover .st-container .st-pusher .st-content form label
				{
					display: block;
					font-size: 12px;

				}

				.allow-hover .st-container .st-pusher .st-content form div.not-allowed-error
				{
					padding: 10px;
					color: #f00;
					font-size: 18px;
				}
					.allow-hover .st-container .st-pusher .st-content form div.not-allowed-error span
					{
						display: block;
						padding-bottom: 10px;
					}

				.allow-hover .st-container .st-pusher .st-content form div.campaign-insertions-container,
				.allow-hover .st-container .st-pusher .st-content form div.insertions-container
				{
					position: relative;
				}

					.allow-hover .st-container .st-pusher .st-content form div.campaign-insertions-container .campaign-insertion,
					.allow-hover .st-container .st-pusher .st-content form div.insertions-container .insertion
					{
						padding: 5px 0;
					}

						.allow-hover .st-container .st-pusher .st-content form div.campaign-insertions-container span.campaign-insertion-pusher.icon.icon-add,
						.allow-hover .st-container .st-pusher .st-content form div.insertions-container span.insertion-pusher.icon.icon-add
						{
							display: block;
							vertical-align: middle;
							width: 310px;
							height: 40px;
							cursor: pointer;
							text-align: left;
							color: #fff;
							line-height: 30px;
							background-color: #FF9100;
							padding: 5px;
							box-sizing: border-box;
							margin-top: 10px;
							-webkit-transition: all .3s;
							   -moz-transition: all .3s;
								 -o-transition: all .3s;
									transition: all .3s;
						}

						.allow-hover .st-container .st-pusher .st-content form div.campaign-insertions-container span.campaign-insertion-pusher .icon.icon-add:hover,
						.allow-hover .st-container .st-pusher .st-content form div.insertions-container span.insertion-pusher.icon.icon-add:hover
						{
							background-color: #FF6633;
						}

							.allow-hover .st-container .st-pusher .st-content form div.campaign-insertions-container span.campaign-insertion-pusher.icon.icon-add span,
							.allow-hover .st-container .st-pusher .st-content form div.insertions-container span.insertion-pusher.icon.icon-add span
							{
								font-size: 20px;
								line-height: 28px;
								display: inline-block;
								vertical-align: top;
								text-indent: 10px;
							}

						.allow-hover .st-container .st-pusher .st-content form div.campaign-insertions-container span.campaign-insertion-remover.icon.icon-delete,
						.allow-hover .st-container .st-pusher .st-content form div.insertions-container span.insertion-remover.icon.icon-delete
						{
							display: inline-block;
							width: 28px;
							height: 28px;
							cursor: pointer;
							text-align: center;
							color: #fff;
							margin-left: 10px;
							background-color: #f93;
							font-size: 16px;
							border-radius: 14px;
							line-height: 28px;
							vertical-align: middle;
							opacity: 0.5;
							-webkit-transition: all .3s;
							   -moz-transition: all .3s;
								 -o-transition: all .3s;
									transition: all .3s;
						}

						.allow-hover .st-container .st-pusher .st-content form div.campaign-insertions-container span.campaign-insertion-remover.icon.icon-delete:hover,
						.allow-hover .st-container .st-pusher .st-content form div.insertions-container span.insertion-remover.icon.icon-delete:hover
						{
							background-color: #f63;
							opacity: 1;
						}

				.allow-hover .st-container .st-pusher .st-content form span.token-generator
				{
					display: inline-block;
					width: 40px;
					height: 40px;
					border-radius: 15px;
					cursor: pointer;
					margin-left: 10px;
					padding: 0;
					vertical-align: middle;
					line-height: 40px;
					text-align: center;
					opacity: .8;
					-webkit-transition: all .2s;
					   -moz-transition: all .2s;
						 -o-transition: all .2s;
							transition: all .2s;
				}

				.allow-hover .st-container .st-pusher .st-content form span.token-generator:hover
				{
					opacity: 1;
				}

				.allow-hover .st-container .st-pusher .st-content form label span.campaign-insertions-number,
				.allow-hover .st-container .st-pusher .st-content form label span.insertions-number
				{
					margin-right: 340px;
					display: inline-block;
					float: right;
				}

				.allow-hover .st-container .st-pusher .st-content table input[type=text],
				.allow-hover .st-container .st-pusher .st-content .balance input[type=text],
				.allow-hover .st-container .st-pusher .st-content table input[type=password],
				.allow-hover .st-container .st-pusher .st-content .balance input[type=password],
				#playlist_filters input[type=text],
				#playlist_filters input[type=password]
				{
					border-top: 1px solid #ddd;
					border-left: 1px solid #ddd;
					border-bottom: 1px solid #bbb;
					border-right: 1px solid #bbb;
					width: 298px;
					color: #777;
					height:40px;
					padding:0px 5px;
					outline: none;
					-webkit-transition: all .3s;
							transition: all .3s;
				}
				
				.formblue input[type=text]{
					border-top: 1px solid #ddd;
					border-left: 1px solid #ddd;
					border-bottom: 1px solid #bbb;
					border-right: 1px solid #bbb;
					width: 298px;
					color: #777;
					height:30px;
					padding:5px 5px;
					outline: none;
					-webkit-transition: all .3s;
							transition: all .3s;
				}
				.filter input[type=text]{
					height: 34px !important;			
				}

				.allow-hover.touch .st-container .st-pusher .st-content input[type=text]
				{
					width: 215px;
				}
				 .account input[type=text], 
				.account input[type=password]{
					border-top: 1px solid #ddd;
					border-left: 1px solid #ddd;
					border-bottom: 1px solid #bbb;
					border-right: 1px solid #bbb;
					width: 200px;
					color: #777;
					height:30px;
					padding:0px 5px;
					outline: none;
					-webkit-transition: all .3s;
							transition: all .3s;
				}

				.allow-hover .st-container .st-pusher .st-content form input.half
				{
					width: 135px;
					margin-right: 15px;
				}

				.allow-hover .st-container .st-pusher .st-content form input.tiny.number
				{
					width: 50px;
					height: 30px;
					vertical-align: middle;
					margin-left: 7px;
					text-align: center;
				}

				/*	set different color for placeholders	*/
				.allow-hover .st-container .st-pusher .st-content form input[type=text]::-webkit-input-placeholder,
                .allow-hover .st-container .st-pusher .st-content form input[type=password]::-webkit-input-placeholder,
				.allow-hover .st-container .st-pusher .st-content form textarea::-webkit-input-placeholder
				{ /* WebKit browsers */
					color: #bababa;
				}

				.allow-hover .st-container .st-pusher .st-content form input[type=text]:-moz-placeholder,
                .allow-hover .st-container .st-pusher .st-content form input[type=password]:-moz-placeholder,
				.allow-hover .st-container .st-pusher .st-content form textarea:-moz-placeholder
				{ /* Mozilla Firefox 4 to 18 */
					color:    #bababa;
				}

				.allow-hover .st-container .st-pusher .st-content form input[type=text]::-moz-placeholder,
                .allow-hover .st-container .st-pusher .st-content form input[type=password]::-moz-placeholder,
				.allow-hover .st-container .st-pusher .st-content form textarea::-moz-placeholder
				{ /* Mozilla Firefox 19+ */
					color: #bababa;
				}

				.allow-hover .st-container .st-pusher .st-content form input[type=text]:-ms-input-placeholder,
                .allow-hover .st-container .st-pusher .st-content form input[type=password]:-ms-input-placeholder,
				.allow-hover .st-container .st-pusher .st-content form textarea:-ms-input-placeholder
				{ /* Internet Explorer 10+ */
					color: #bababa;
				}

				.allow-hover .st-container .st-pusher .st-content form input[type=text]:focus,
				.allow-hover .st-container .st-pusher .st-content form input[type=password]:focus
				 {
					color: #555;
					border-bottom: 1px solid #777;
					border-right: 1px solid #777;
				}

				.orange-button,
				.allow-hover .st-container .st-pusher .st-content input[type=button].submit,
				.allow-hover .st-container .st-pusher .st-content form input[type=submit].submit,
				.btn
				{
					background-color: #FF9933;
					border-radius: 15px;
					border: 0px;
					color: #fff;
					font-weight: normal;
					height: 30px;
					font-size: 16px;
					width: 120px;
					text-transform: uppercase;
					padding: 5px 7px;
					cursor: pointer;
					outline: none;
					margin-right: 10px;
					line-height: 24px;
					-webkit-transition: all 0.5s;
					transition: all 0.5s;

				}
				.processed-file-container{




				}

				.orange-button:hover,
				.allow-hover .st-container .st-pusher .st-content input[type=button].submit:hover,
				.allow-hover .st-container .st-pusher .st-content form input[type=submit].submit:hover,
				.btn:hover
				{
					background-color: #FF6633;
				}

				.btn.btn-blue
				{
					background: #99cc33;
				}

				.btn.btn-blue:hover
				{
					background: #8cb22f;
				}

				.allow-hover .st-container .st-pusher .st-content form input[type=reset].cancel,
				.allow-hover .st-container .st-pusher .st-content form input[type=button].cancel
				{
					color: #666;
					border: 0px;
					height: 30px;
					font-size: 16px;
					text-transform: uppercase;
					padding: 10px;
					margin-right: 20px;
					cursor: pointer;
					outline: none;
					background-color: transparent;
					-webkit-transition: all 0.5s;
					transition: all 0.5s;
					text-decoration: none;
				}

				.allow-hover .st-container .st-pusher .st-content form input[type=button].cancel:hover
				{
					color: #000;
					text-decoration: underline;
				}

				.allow-hover .st-container .st-pusher .st-content form .drop-zone
				{
					border: 2px dashed #00C567;
					text-align: center;
					padding: 50px;
					font-size: 14px;
					background-color: #E8FFF5;
					color: #00C567;
					margin: 8px 0;
				}

				.allow-hover .st-container .st-pusher .st-content form div.upload-progress-container
				{
					height: 7px;
					background-color: #BEEB5F;
					border-radius: 5px;
				}

					.allow-hover .st-container .st-pusher .st-content form div.upload-progress-container div.upload-progress
					{
						height: 7px;
						background-color: #99CC33;
						width: 0;
						border-radius: 3px;
					}

				.allow-hover .st-container .st-pusher .st-content form label.generic-label.level-2
				{
					padding: 20px 0 0 20px;
				}

				.allow-hover .st-container .st-pusher .st-content form .wide-select2
				{
					width: 420px;
					margin: 5px 20px;
				}

				.allow-hover .st-container .st-pusher .st-content form input.material-selector
				{
					height: 30px;
					padding: 5px 20px;
					margin: 0;
					vertical-align: middle;
					border: 0 none;
					background-color: #FF9933;
					font-size: 16px;
					text-transform: uppercase;
					outline: none;
					color: #fff;
					cursor: pointer;
					opacity: .5;
					border-radius: 20px;
					-webkit-transition: all .3s;
					   -moz-transition: all .3s;
						 -o-transition: all .3s;
							transition: all .3s;
				}

				.allow-hover .st-container .st-pusher .st-content form input.material-selector:hover
				{
					background-color: #FF6633;
				}

				div.form-buttons-container
				{
					margin: 0px 0px 20px 20px;
				}

				div.materials-container
				{
					margin: 10px;
					padding: 5px 10px;
				}

					div.materials-container div.material-details
					{
						width: 420px;
						position: relative;
						float: left;
						margin-right: 20px;
						margin-bottom: 20px;
					}

						div.materials-container div.material-details .material-critical-info
						{
							background-color: #fff;
							border-bottom: 2px solid #CCC;
							padding: 10px 10px 0 10px;
							width: 400px;
						}

							span.material-details-tab
							{
								width: 198px;
								display: inline-block;
								padding: 10px 0;
								border-top: 1px dashed #ccc;
								margin: 10px 0 0 0;
								text-align: center;
								font-size: 12px;
								color: #33CCFF;
								line-height: 18px;
								height: 18px;
								text-transform: uppercase;
								cursor: pointer;
								position: relative;
								-webkit-transition: all .2s;
								   -moz-transition: all .2s;
									 -o-transition: all .2s;
										transition: all .2s;
							}

								span.material-details-tab span.marker
								{
									display: none;
								}

							span.material-details-tab.active,
							span.material-details-tab:hover
							{
								background-color: #33CCFF;
								color: #fff;
							}

								span.material-details-tab.active span.marker
								{
									position: absolute;
									top: 38px;
									left: 89px;
									width: 20px;
									height: 20px;
									font-size: 16px;
									display: block;
									color: #33CCFF;
									text-align: center;
								}

							div.materials-container div.material-details .material-details-tabs
							{
								background-color: #fff;
								width: 100%;
								padding: 0;
								border: 0 none;
								border-bottom: 1px solid #ccc;
								min-height: 100px;
								margin: 20px 0 0 0;
								z-index: 10;
								position: relative;
							}

							div.tab.material-networks > div
							{
								float: left;
								border-left: 1px dashed #ccc;
								min-height: 100px;
								padding: 0 20px 0 20px;
							}

							div.tab.material-networks
							{
								border-right: 1px dashed #ccc;
							}

								div.materials-container div.material-details .material-details-tabs ul
								{
									position: absolute;
									top: -40px;
									border-radius: 0;
									background-color: transparent;
								}

									div.materials-container div.material-details .material-details-tabs ul li
									{
										background: #fff;
										border: 0;
										height: 20px;
										padding: 5px;
										border-radius: 0;
										line-height: 20px;
										outline: none;
									}

									div.materials-container div.material-details .material-details-tabs ul li.ui-state-active
									{
										background: #32ccfe;
									}

										div.materials-container div.material-details .material-details-tabs ul li a
										{
											color: #666666;
											height: 20px;
											padding: 0;
											font-weight: normal;
											font-size: 12px;
											outline: none;
											cursor: pointer;
										}

										div.materials-container div.material-details .material-details-tabs ul li.ui-state-active a
										{
											color: #fff;
											cursor: pointer;
										}

						div.materials-container div.material-details h2
						{
							margin: 0;
							padding: 0;
							font-weight: normal;
							font-size: 20px;
						}

						div.materials-container div.material-details span.material-details
						{
							display: block;
							margin: 0px 0 10px 0;
							font-size: 12px;
						}

						div.materials-container div.material-details input.material-date.material-end,
						div.materials-container div.material-details input.material-date.material-start
						{
							width: 185px !important;
							background-color: #fff;
							margin: 0 0px 0 0;
							border-left: 1px solid #f1f1f1 !important;
							border-top: 1px solid #f1f1f1 !important;
						}

						span.position
						{
							display: inline-block;
							vertical-align: middle;
						}

						div.materials-container div.material-details span.network-name
						{
							display: block;
							padding: 0;
							margin: 10px 0 3px 0;
							vertical-align: middle;
						}

							div.materials-container div.material-details span.network-name label.insertion-label
							{
								font-size: 16px !important;
								display: inline-block !important;
								vertical-align: middle;
								color: #000;
								font-weight: 500;
							}

							div.materials-container div.material-details span.network-name label.insertion-label:before
							{
								top:2px;
							}

						div.materials-container div.material-details a.icons-container
						{
							display: inline-block;
							width: 11px;
							height: 12px;
							text-align: center;
							line-height: 12px;
							color: #fff;
							font-size: 8px;
							border-radius: 10px;
							padding: 4px 5px 4px 4px;
							margin-left: 7px;
						}

						div.materials-container div.material-details a.play-preview
						{
							background-color: #009;
						}

						div.materials-container div.material-details a.play-preview-disabled
						{
							background-color: #ccc;
						}

						div.materials-container div.material-details a.import-disabled
						{
							background-color: #ccc;
						}

						div.materials-container div.material-details a.delete
						{
							background-color: #F93;
							font-size: 7px;
							text-indent: 0;
							vertical-align: top;
							padding: 5px 5px 5px 4px;
							height: 11px;
							width: 11px;
						}

.allow-hover .st-container .menu-extender
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 3px;
}

.allow-hover .st-container .st-menu
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	visibility: visible;
	width: 55px;
	height: 100%;
	background: #232323;
	-webkit-transition: all .3s;
	transition: all .3s;
	overflow: hidden;
}

.allow-hover .st-container .st-menu.extended
{
	width:190px;
}

.allow-hover .st-container .st-menu::after
{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	display: none;
}
.sources.cu textarea{
		border-top: 0;
	border-left: 0;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 70px;
	color: #777;
	padding: 5px;
	width: 640px;
	outline: none;
	resize: none;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
} 
#userEnabled + .select2-container--default,
#userClientID + .select2-container--default,
#rubricTypeID + .select2-container--default{
	width:310px !important;
	
}
.playlist.general_page{
	display:block !important;
}
.dataTables_filter label input{
	height:26px;
}
.ColVis .icon{
		text-align:center;
}





div.saved-material
{
	min-height: 57px;
}

	div.saved-material span.rubric-material-name
	{
		display: inline-block;
		width: 310px;
		height: 40px;
		line-height: 40px;
		background-color: #fff;
		margin: 8px 8px 8px 0;
		text-indent: 10px;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		font-size: 14px;
	}

	div.saved-material a.rubric-material-icon
	{
		height: 41px;
		line-height: 41px;
		padding: 8px;
		width: 41px;
		display: inline-block;
		position: relative;
		-webkit-transition: all .2s;
		   -moz-transition: all .2s;
			 -o-transition: all .2s;
				transition: all .2s;
	}

	div.saved-material a.rubric-material-icon.icon.icon-edit,
	div.saved-material a.rubric-material-icon.icon.icon-play-preview
	{
		opacity: .6;
		display: inline-block;
		width: 26px;
		height: 26px;
		margin: 0;
		line-height: 26px;
		vertical-align: middle;
		font-size: 15px;
	}

	div.saved-material a.rubric-material-icon.icon.icon-edit:hover,
	div.saved-material a.rubric-material-icon.icon.icon-play-preview:hover
	{
		opacity: 1;
	}

	div.saved-material a.rubric-material-icon.icon.icon-play-preview
	{
	}

	div.saved-material a.rubric-material-icon.icon-play-preview:before
	{
		width: 26px;
		height: 26px;
		color: #fff;
		background-color: #009;
		border-radius: 13px;
		text-align: center;
		line-height: 27px;
		vertical-align: middle;
		display: inline-block;
		margin: 0;
		position: absolute;
		text-indent: 3px;
		cursor: pointer;
	}

	div.saved-material a.rubric-material-icon.icon.icon-edit
	{
	}

	div.saved-material a.rubric-material-icon.icon-edit:before
	{
		width: 26px;
		height: 26px;
		color: #fff;
		background-color: #9c3;
		border-radius: 13px;
		text-align: center;
		line-height: 28px;
		vertical-align: middle;
		display: inline-block;
		margin: 0;
		position: absolute;
		text-indent: -1px;
		cursor: pointer;
	}

span.source-valability
{
	position: absolute;
	left: 345px;
}

label.type_label
{
	padding: 8px 0 0 3px;
}

div.image-add
{
	height: 220px;
	height: 220px;
}

	div.image-add span.icon
	{
		border: 2px dashed #00C567;
		text-align: center;
		background-color: #E8FFF5;
		color: #00C567;
		display: block;
		height: 214px;
		width: 214px;
		line-height: 220px;
		font-size: 80px;
		cursor: pointer;
	}

	div.image-add span.icon:before
	{

	}

div.image
{
	height: 220px;
	overflow: hidden;
	width: auto;
	position: relative;
	margin: 0 10px 0 0;
}

	div.image span.icon
	{
		position: absolute;
		width: 25px;
		height: 25px;
		display: block;
		top: 10px;
		right: 10px;
		font-size: 16px;
		line-height: 26px;
		margin: 0;
		padding: 0;
		background-color: rgba(255, 255, 255, .66);
		text-align: center;
		cursor: pointer;
		color: #900;
		opacity: 0;
		-webkit-transition: all .2s;
		   -moz-transition: all .2s;
			 -o-transition: all .2s;
				transition: all .2s;
	}

	div.image span.icon:before
	{
	}

	div.image:hover span.icon
	{
		opacity:1;
	}

	div.image img
	{
		width: auto;
		height: 210px;
		margin: 0;
		padding: 4px;
		background-color: #fff;
		border: 1px solid #E5E4E4;
	}

	span.campaign-status,
	span.news-status
	{
		text-align: right;
		font-size: 18px;
		width: 38px;
		margin: 0;
		padding: 0;
		cursor: pointer;
	}

	span.campaign-status.icon-approved,
	span.news-status.icon-approved
	{
		color: #0c0;
	}

	span.campaign-status.icon-denied,
	span.news-status.icon-denied
	{
		color: #c00;
	}

.bad-word
{
	height: 20px;
	padding: 10px;
	font-size: 14px;
	line-height: 20px;
}

ul#treeview
{
	background: none;
	border: 0px none;
	margin: 0;
}

ul
{
	margin: 0;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
}

	ul li
	{
		position: relative;
	}

		ul.treeview li ul
		{
			padding: 0;
			margin: 0;
		}

			ul.treeview li ul li
			{
				line-height: 24px;
				background-image: url("../images/treeview-branch.png");
				background-repeat: repeat-y;
				background-position: -7px 0px;
				padding: 0 30px;
			}

			ul.treeview li ul li > em.treeview-branch-wink
			{
				position: absolute !important;
				top: 0;
				left: -30px;
				bottom: 0;
				width: 32px;
				background-image: url("../images/treeview-branch.png");
				background-position: -7px 0px;
				display: block;
			}

			ul.treeview li ul li:last-child,
			ul.treeview li ul li:last-child > em.treeview-branch-wink,
			ul.treeview li.leaf
			{
				background-image: none;
			}

				span.daredevel-tree-anchor.ui-icon.ui-icon-triangle-1-se
				{
					display: none;
				}

				ul.treeview li ul li span.daredevel-tree-anchor.ui-icon.ui-icon-triangle-1-se,
				ul.treeview li ul li span.daredevel-tree-anchor.ui-icon.ui-icon-triangle-1-e
				{
					display: block;
					width: 30px;
					height: 24px;
					position: absolute;
					left: 0;
					top: 0px;
					background: url("../images/treeview.png") 26px 32px;
				}

				ul.treeview li ul li > span.daredevel-tree-anchor.ui-icon.ui-icon-triangle-1-e
				{
					background-position: 184px 30px;
					cursor: pointer;
					z-index: 1;
				}

				ul.treeview li ul li:last-child > span.daredevel-tree-anchor.ui-icon.ui-icon-triangle-1-e
				{
					background-position: 152px 30px;
					display: inline-block;
				}

				ul.treeview li ul li > span.daredevel-tree-anchor.ui-icon.ui-icon-triangle-1-se
				{
					background-position: 119px 30px;
					cursor: pointer;
					z-index: 1;
				}

				ul.treeview li ul li:last-child > span.daredevel-tree-anchor.ui-icon.ui-icon-triangle-1-se
				{
					background-position: 87px 30px;
				}

				ul.treeview li > span.tree-toggler.children
				{
					background-position: 56px 30px;
				}

				ul.treeview li:last-child > span.tree-toggler.children
				{
					background-position: 24px 30px;
				}
				span.daredevel-tree-anchor
				{
					display: inline-block;
				}

				span.droppable-label.ui-droppable
				{
					display: inline-block !important;
				}

				span.prepended.ui-droppable
				{
					display: inline-block;
				}

				li.leaf > span.daredevel-tree-anchor
				{
					background: url("../images/treeview.png") 56px 30px;
					width: 32px;
					height: 24px;
					position: absolute;
					top: 0;
					left: 0;
				}

				li.leaf:last-child > span.daredevel-tree-anchor
				{
					background-position: 24px 30px;
				}

.materials-limiters
{
	position: relative;
	min-height: 44px;
}

		.cu-form-table span.ladda-button,
		.materials-limiters span.ladda-button
		{
			color: #FF9933;
			border-radius: 5px;
			border: 0;
			outline: none;
			/*background-color: #E7F2F2;*/
			cursor: pointer;
			display: inline-block;
			font-size: 14px;
			font-weight: bold;
			padding: 0px 35px 0px 15px;
			line-height: 20px;
			vertical-align: middle;
			height: 20px;
			text-indent: 0px;
			width: 100px;
			-webkit-transition: all .2s;
			   -moz-transition: all .2s;
				 -o-transition: all .2s;
					transition: all .2s;
		}

			.cu-form-table span.ladda-button span,
			.materials-limiters span.ladda-button span
			{
				display: inline-block;
				font-family: ubuntu;
				text-transform: uppercase;
				font-weight: 400;
				text-indent: 5px;
			}

		.cu-form-table span.ladda-button.icon-down-arrow,
		.materials-limiters span.ladda-button.icon-down-arrow
		{
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}

		.cu-form-table span.ladda-button:bofore,
		.materials-limiters span.ladda-button:before
		{
			font-size: 10px;
			display: inline;
		}

		.cu-form-table span.ladda-button:hover,
		.materials-limiters span.ladda-button:hover
		{
			color: #ff6633;
		}

		.cu-form-table div.limiter-form,
		.materials-limiters div.limiter-form
		{
			padding: 10px;
		}

			.cu-form-table div.limiter-form  span.limiter-select-container,
			.materials-limiters div.limiter-form span.limiter-select-container
			{
				display: inline-block;
				padding: 5px 5px 5px 0;
			}

		.cu-form-table div.limiter-form .limiter-type,
		.materials-limiters div.limiter-form .limiter-type
		{
			width: 150px !important;
		}

		.cu-form-table div.limiter-form .limiter-playlist,
		.materials-limiters div.limiter-form .limiter-playlist
		{
			width: 150px !important;
		}

		.cu-form-table div.limiter-form .limiter-interval,
		.materials-limiters div.limiter-form .limiter-interval
		{
			width: 140px !important;
			text-align: center;
			line-height: 30px;
			height: 31px !important;
			margin: 0;
			font-size: 14px;
		}

		span.edit-limiter,
		span.delete-limiter
		{
			font-size: 16px;
			width: 20px;
			text-align: center;
			display: inline;
			height: 20px;
			line-height: 20px;
			cursor: pointer;
		}

		input.longitude,
		input.latitude
		{
			width: 140px !important;
			font-size: 14px;
		}

		div.map-canvas
		{
			height: 350px;
			background-color: #fff;
			position: relative;
		}

			

			div.map-canvas input.add-marker:hover
			{
				color: #666;
			}

			div.map-canvas input.map-search
			{
				
			}

		span.map-info-window-span
		{
			display: inline-block;
			box-sizing: border-box;
			padding-left: 10px;
		}

		span.map-info-window-slider
		{
			width: 270px;
			margin: 0 20px;
		}

		.maps-bubble-buttons
		{
			text-align: right;
			height: 30px;
		}

			.maps-bubble-buttons .maps-bubble-buttons-radius
			{
				height: 30px;
				text-align: left;
				vertical-align: middle;
				display: block;
				line-height: 30px;
				padding: 4px 0;
				font-size: 16px;
			}

				.maps-bubble-buttons .maps-bubble-buttons-radius .maps-bubble-buttons-radius-value
				{
					font-weight: bold;
					display: inline-block;
				}

		tr.no-limiters
		{
			text-align: center;
		}

			tr.no-limiters td
			{
				padding: 5px;
			}

table.cu-form-table table.table
{
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0;
}

	table.cu-form-table table.table tr th
	{
		border-bottom: 2px solid #ccc;
		border-top: 2px solid #ccc;
		height: 20px;
		line-height: 20px;
		vertical-align: middle;
		background-color: #ccc;
		color: #fff;
		padding: 5px;
	}

	table.cu-form-table table.table tr td {
		padding: 5px;
		height: 20px;
		border-bottom: 1px solid #ccc;
		font-size: 12px;
		line-height: 20px;
	}

	span.widget-config-handle
	{
		line-height: 30px;
		vertical-align: middle;
		cursor: pointer;
		font-size: 20px;
		text-align: center;
		width: 20px;
	}

	div.widget-config-container
	{
	}

		div.widget-config-container span.widget-styler
		{
			position: absolute;
			right: -330px;
			top: -8px;
		}


	.display-layout
	{
		background-color: #000;
		border: 1px solid #000;
		position: relative;
		margin-top: 8px;
	}

		.display-layout .widgets-list
		{
			position: absolute;
			right: -320px;
			width: 300px;
			top: -25px;
			z-index: 11;
		}

			.display-layout .widgets-list input.internal-name
			{
				width: 265px !important;
			}

			.display-layout .widgets-list #new_widget_container
			{
				text-align: center;
				padding: 10px;
			}

		.display-layout.ratio-32-9
		{
			width: 960px;
			height: 270px;
		}

		.display-layout.ratio-16-9
		{
			width: 960px;
			height: 540px;
		}

		.display-layout.ratio-16-10
		{
			width: 864px;
			height: 540px;
		}

		.display-layout.ratio-1478-1080
		{
			width: 739px;
			height: 540px;
		}


		.display-layout.ratio-15-11
		{
			width: 735px;
			height: 539px;
		}

		.display-layout.ratio-4-3
		{
			width: 720px;
			height: 540px;
		}

		.display-layout.ratio-1-1
		{
			width: 540px;
			height: 540px;
		}

		.display-layout.ratio-3-4
		{
			width: 405px;
			height: 540px;
		}

		.display-layout.ratio-9-16
		{
			width: 315px;
			height: 560px;
		}

		.display-layout.ratio-9-32
		{
			width: 158px;
			height: 560px;
		}

			.display-layout .layout-widget
			{
				position: relative;
			}

			.display-layout .layout-widget:before
			{
				color: #fff;
				text-align: center;
				text-shadow: 0px 0px 3px #000;
				position: absolute;
				height: 20px;
				width: 100%;
				top:50%;
				text-align: center;
				margin-top: -10px;
				content: attr(title);
			}

				.display-layout .layout-widget span.widget-config
				{
					position: absolute;
					right: 30px;
					width: 20px;
					height: 20px;
					line-height: 20px;
					font-size: 16px;
					color: #fff;
					text-align: center;
					text-shadow: 0px 0px 3px #000;
					cursor: pointer;
				}

					.display-layout .layout-widget span.widget-config span.widget-settings-container
					{
						display: block;
						width: 310px;
						height: 305px;
						background-color: #fff;
						z-index: 1;
						position: absolute;
						top: 0px;
						box-shadow: 0 0 2px #000;
						text-align: left;
						padding: 0 10px;
						color: #555;
						text-shadow: none;
						left: 20px;
					}

					.widgets-list .hidden
					{
						display: none;
					}

						.widgets-list .form-select
						{
							width: 200px !important;
							margin-right: 25px;
						}

						.widgets-list span.slider
						{
							width: 200px;
							display: inline-block;
							margin-right: 20px;
							vertical-align: middle;
						}

				.display-layout .layout-widget span.widget-remove
				{
					position: absolute;
					right: 0;
					width: 20px;
					height: 20px;
					line-height: 20px;
					font-size: 16px;
					color: #fff;
					text-align: center;
					text-shadow: 0px 0px 3px #000;
					cursor: pointer;
				}


.fg-toolbar.ui-corner-tl.ui-corner-tr
{
	margin-top: 4px;
}

.client-selector-container
{
	display: none;
}

.fg-toolbar.ui-corner-tl.ui-corner-tr .client-selector-container
{
	float: left;
	margin-top: 0;
	display: block;
}

	.fg-toolbar.ui-corner-tl.ui-corner-tr .client-selector-container .form-select
	{
		width: 310px !important;
		height: 30px !important;
	}

		.client-selector-container .client-selector.select2-container .select2-choice
		{
			display: block;
			height: 20px;
			padding: 5px 5px 5px 8px;
			overflow: hidden;
			position: relative;
			border-bottom: 1px solid #bbb;
			border-right: 1px solid #bbb;
			border-top: 1px solid #ddd;
			border-left: 1px solid #ddd;
			white-space: nowrap;
			line-height: 30px;
			color: #777;
			text-decoration: none;
			background-color: #fff;
			border-radius: 0;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

			.client-selector-container .client-selector.select2-container .select2-choice > .select2-chosen
			{
				margin-right: 26px;
				display: block;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				float: none;
				width: auto;
				font-size: 13px;
				height: 20px;
				vertical-align: middle;
				line-height: 20px;
			}

			.client-selector-container .client-selector.select2-container .select2-choice .select2-arrow
			{
				display: inline-block;
				width: 25px;
				height: 100%;
				position: absolute;
				right: 0;
				top: 0;
				border-radius: 0 4px 4px 0;
			}

				.client-selector-container .client-selector.select2-container .select2-choice .select2-arrow b
				{
					display: block;
					width: 100%;
					padding-top: 0;
					text-align: center;
				}

.campaign_statistics
{
	padding: 30px !important;
}

.statistics-h3
{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.standard-list-item
{
	padding: 10px;
	margin: 0;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	vertical-align: middle;
}
.minheight-form
{
	min-height: 273px;
	height: auto !important;
	height: 273px;

}
.inline-align-top{
	vertical-align:top;

}
.content-right{
	text-align:right;

}
.column-50p
{
width: 50%;
display:inline-block;
vertical-align:top;

}
.display-block
{
	display:block;
	margin-bottom:14px;

}
.display-block label{
width: 50px;
text-align:right;
margin-right: 3px;
display:inline-block !important;
vertical-align:top;
line-height: 30px;
margin-bottom:0px !important;
font-size:12px;


}
.spacedown{
	margin-bottom:20px;



}
.menuseparator{
font-size: 22px;
vertical-align:top;
margin-top:2px;
display:inline-block;
color:#999;

}
.menuseparator + h1{
margin-left:10px;

}
.wink_add{


	font-size:30px;

}
.icon_txt{
	width:29px;
	height:30px;
	display:inline-block;
	text-align:center;
	line-height:27px;
	padding-left:1px;


}
.action_btn{
	margin-top:2px;
	font-size:18px;

}
.action_btn:hover .orange-bg{
	background:#e06b2f !important;
}
.action_btn:hover .orange{
	color:#e06b2f;
}

.action_btn .labe_action{
	margin-top:3px;

}
.formblue{
	margin-right:30px;

}
	.formblue h2
	{
		text-transform:uppercase;
		color:#33ccff;
		margin:0px;
		padding:0px;
		margin-bottom:4px;
	}
	.formblue h2 span
	{
		color: #666666;
		font-size:20px;
		width:auto !important;
	}
	.formblue .digits-only
	{
		margin:5px 3px 0px 0px;
		height:20px !important;
		width:30px !important;
	}
.margin-lr-5{
margin:0px 4px !important;

}
#s2id_badwords ul
{
		width:350px;

}
.settingsdiv label
{
	color:#010000;
	font-size: 15px;
	margin-bottom:7px;
	display:inline-block !important;

}
.settingsdiv .select2-container--default .select2-selection--multiple .select2-selection__choice{
		padding: 3px 5px 3px 5px;
	position: relative;
	line-height: 13px;
	font-size: 13px;
	color: #333;
	cursor: default;
	height: 14px;
	vertical-align: middle;
	line-height: 13px;
	margin: 3px;
	background-clip: padding-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #efefef;
	border-radius:0px !important;
	-moz-border-radius:0px !important;
	border:none !important;
	
}
.settingsdiv .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	font-size:18px;
	vertical-align:bottom;
	margin-top:-1px;
	
}
.settingsdiv .select2-selection__rendered{
	width: 350px !important;
}

.black-bg{
	background-color:#000 !important;
	color: white !important;
}

.uppercase{
	text-transform: uppercase;
}

.light-blue
{
	background-color: #E7F2F2;
	font-size:12px;
	margin-bottom:20px;
}

	.light-blue h2
	{
		padding: 0;
		margin: 0;
		font-weight: normal;

	}

	.light-blue label
	{
		margin-bottom: 5px;
	}

	.light-blue input.hasDatePicker
	{
		height: 20px !important;
		width: 160px !important;
		margin-right: 10px !important;
	}

	.light-blue input.submit
	{
		width: 125px !important;
		margin-right: 0 !important;
	}

.blue-border.reprocess.expanded
{
	background-color: #C8E3DE;
}

.reprocess-container
{
	padding: 0 40px 40px;
	background-color: #E7F2F2;
	margin: 5px 0;
}

	.reprocess-container .reprocess-slider
	{
		width: 400px;
		height: 10px;
		border: 0;
		border-radius: 0;
	}

		.reprocess-container .reprocess-slider .ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-min
		{
			background-color: #f63;
			border: 0;
			border-radius: 0;
		}

		.reprocess-container .reprocess-slider .ui-slider-handle.ui-state-default.ui-corner-all
		{
			top: 16px;
			opacity: 1;
			border: 0;
			border-radius: 0;
			width: 17px;

			margin-left: -8px;
			background-image: url(../images/slider-toggler.png);
			background-color: transparent;
			background-repeat: no-repeat;
			height: 20px;
			opacity: .8;
			-webkit-transition: all .2s;
			   -moz-transition: all .2s;
				 -o-transition: all .2s;
					transition: all .2s;
		}

		.reprocess-container .reprocess-slider .ui-slider-handle.ui-state-default.ui-corner-all:hover
		{
			opacity: 1;
		}

	.reprocess-container label.generic-label
	{
		margin: 40px 0 10px 0;
		display: inline-block;
		width: 400px;
		position: relative;
	}

		.reprocess-container label.generic-label > span
		{
			color: #FF6633;
		}

		.reprocess-container label.generic-label span.original-resolution
		{
			position: absolute;
			right: 0;
			color: #666666;
			height: 20px;
			display: block;
			width: 150px;
		}


@media screen
{
	div.stats-map
	{
		width: 100%;
		height: 100%;
		min-height: 300px;
	}
}

div.half
{
	width: 49.75%;
	box-sizing: border-box;
	padding: 0 40px 0 0;
	border: 0 none;
	display: inline-block;
}

a.rubric-news-link
{
	text-decoration: none;

	color: #09c;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;
}

a.rubric-news-link:hover
{
	color: #0580A9;
}

.inline-button
{
	display: inline-block;
	line-height: 30px;
	vertical-align: middle;
	height: 32px;
	font-size: 16px;
	cursor: pointer;
	box-sizing: border-box;
	padding: 0 10px;
	min-width: 125px;
}

	.inline-button .label
	{
		line-height: 30px;
		height: 30px;
		display: inline-block;
		box-sizing: border-box;
		padding: 0 5px 0 0px;
	}

	.inline-button span.icon
	{
		height: 30px !important;
		font-size: 20px;
		padding: 0;
		margin: 0;
		line-height: 20px;
		vertical-align: middle;
		border: 0;
		width: 24px;
		position: relative;
	}

	.inline-button span.icon:before
	{
		font-size: 20px;
		line-height: 24px;
		vertical-align: middle;
		height: 24px;
		width: 24px;
		text-align: center;
	}

	.inline-button.playing span.icon-play:before
	{
		content: '';
		background-color: #000;
		width: 2px !important;
		height: 12px !important;
		display: block;
		position: absolute;
		top: 8px;
		left: 4px;
	}

	.inline-button.playing span.icon-play:after
	{
		content: '';
		background-color: #000;
		width: 2px !important;
		height: 12px !important;
		display: block;
		position: absolute;
		top: 8px;
		left: 10px;
	}

.blue-border
{
	border: 1px solid #c8e3de;
}

table.statistics-table
{
	border-collapse: collapse;
	width: 100%;
}

	table.statistics-table thead
	{
		background-color: #E4EBF4;
		text-align: center;
	}

		table.statistics-table thead th
		{
			padding: 10px;
			height: 20px;
			line-height: 20px;
			vertical-align: middle;
			border-right: 1px solid #ccc;
			color: #666;
			font-size: 14px;
			width: 10;
		}

		div.full table.statistics-table thead th,
		div.half table.statistics-table thead th
		{
			width: auto;
		}

		table.statistics-table tbody td:last-child,
		table.statistics-table thead th:last-child
		{
			border-right: 0 none;
		}

	table.statistics-table tbody
	{
		text-align: center;
		font-size: 16px;
	}

		table.statistics-table tbody tr.odd
		{
			background-color: #FFF;
		}

		table.statistics-table tbody tr.even
		{
			background-color: #F5F5F5;
		}

		table.statistics-table tr.odd:hover,
		table.statistics-table tr.even:hover
		{
			background-color: #ffe0ae;
		}

		table.statistics-table tbody tr td
		{
			padding: 10px;
			height: 40px;
			line-height: 40px;
			vertical-align: middle;
		}

			table.statistics-table tbody tr td span.limiter
			{
				display: block;
				font-size: 12px;
				line-height: 14px;
				text-align: left;
				padding: 1px 2px;
				font-weight: 500;
				box-sizing: border-box;
			}

			table.statistics-table tbody tr td span.limiter.odd
			{
				background-color: #5C2BE233;
			}

			table.statistics-table tbody tr td span.limiter.even
			{
				background-color: #fff;
			}

				table.statistics-table tbody tr td span.limiter span.day
				{
					display: inline-block;
					min-width: 20px;
				}

				table.statistics-table tbody tr td span.limiter span.hours
				{
					display: inline-block;
					color: #FF6633;
				}

	table.statistics-table tfoot tr td
	{
		height: 1px;
		border-top: 1px solid #E6E6E6;
	}

div.file-odd
{
	padding: 2px 4px;
}

div.file-even
{
	padding: 2px 4px;
}

	span.file-ratio-name
	{
		width: 40px;
	}

	span.file-ratio-name,
	span.file-original-download,
	span.file-processed-download
	{
		line-height: 20px;
	}

		span.file-original-download a
		{
			display: inline-block;
			width: 70px;
			text-align: center;
			text-decoration: none;
			color: #fff;
			background-color: #99cc33;
			margin: 1px;
			border-radius: 3px;
		}

		span.file-processed-download a
		{
			display: inline-block;
			width: 70px;
			text-align: center;
			text-decoration: none;
			color: #fff;
			background-color: #33ccff;
			margin: 1px;
			border-radius: 3px;
		}

.dashboard .grid
{
	max-width: 1520px;
	position: relative;
	margin: 0 auto;
}

@media screen and (max-width: 1371px)
{

	.dashboard .grid
	{
		max-width: 1000px;
		position: relative;
		margin: 0 auto;
	}
}
		
.dashboard-widget
{
    max-width: 500px;
    box-sizing: border-box;
    padding: 10px;
    vertical-align: top;
}
.dashboard-widget a
{
	text-decoration: none;
}

@media only screen and (max-device-width : 1024px)
 {
	.dashboard-widget
	{
		width: 100%;
		max-width: 100%;
	}
}

	.dashboard-widget .filter-container
	{margin-top: 20px;}
	
		.dashboard-widget .filter-select .icon
		{vertical-align: middle; }
		
		.dashboard-widget .filter-content div.filtru
		{padding: 0 7px;cursor: pointer;}
			
			.dashboard-widget .filter-content div.filtru .icon
			{width:auto;}
			
		.dashboard-widget .filter-content div.filtru:hover
		{background: black;color: white;}
		
		.dashboard-widget .filter-content div.filtru.active
		{background: black;color: white;}
		
	.dashboard-widget p.no-padding-left
	{padding-left: 0 !important;}
	
.dashboard-widget.orange
{
}

	.dashboard-widget select
	{padding: 5px 5px 5px 10px !important;border: 1px solid red;border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #bbb;border-right: 1px solid #bbb;vertical-align: middle;}

	/* --- slider blue --- */
	.dashboard-widget.blue .range-select,
	.dashboard-widget.blue .filter-select
	{
		background-color: #e7f2f2;
		padding: 10px 10px 20px;
		margin-bottom: 5px;
		display: none;
		text-align: center;
	}
	
	.dashboard-widget.orange .range-select,
	.dashboard-widget.orange .filter-select
	{
		background-color: #ffb874;
		padding: 10px;
		margin-bottom: 5px;
		display: none;
		text-align: center;
		color: white;
	}
	
	.dashboard-widget.green .range-select,
	.dashboard-widget.green .filter-select
	{
		background-color: #dcf49e;
		padding: 10px;
		margin-bottom: 5px;
		display: none;
		text-align: center;
		color: white;
	}
	
	.dashboard-widget .range-select .slider-container
	{padding: 10px;display: table;width: 100%;}
	
	.dashboard-widget .range-select .slider-container .slider-content
	{display: table-cell;width: auto;}
	
	.range-select .slider-container p
	{
		display: table-cell;
		padding-left: 15px;
		width: 60px;
		font-weight: bold;
	}



.dashboard-widget .slider-content .ui-slider-horizontal {height: 0.2em;}
.dashboard-widget.blue .slider-content .ui-widget-content {background: #CCCCCC;}
.dashboard-widget .slider-content .ui-state-default, .dashboard-widget.blue .slider-content .ui-widget-content .ui-state-default, .dashboard-widget .slider-content .ui-widget-header .ui-state-default {background: black;border-radius: 50%;opacity: 1;}
.dashboard-widget .slider-content .ui-slider-horizontal .ui-slider-handle{top: -.5em;}
/* --- slider blue --- */
/* --- slider orange --- */
.dashboard-widget.orange .range-select
{
	background-color: #ffb874;
	padding: 10px;
	margin-bottom: 5px;
	display: none;
	text-align: center;
}

.dashboard-widget.green .range-select
{
	background-color: #dcf49e;
	padding: 10px;
	margin-bottom: 5px;
	display: none;
	text-align: center;
}

.dashboard-widget.orange .slider-content .ui-widget-content
{
	background: #f4f4f4;
}

.dashboard-widget.green .slider-content .ui-widget-content
{
	background: #dcf49e;
}

/* --- slider orange --- */

.dashboard-widget .title {width: 100%;text-align: left;}
.dashboard-widget .title h2{margin: 8px 0px 7px;text-align: left;}
.dashboard-widget.blue .title h2{color: #33ccff;}
.dashboard-widget.green .title h2{color: #99CC33;}
.dashboard-widget .content{
	padding: 10px;
	padding-right: 1px;

	overflow-y: scroll;

	max-height: 70vh;
	height: auto !important;
	height: 400px;

	transition: all 1s;
}

.dashboard-widget.blue .content
{
	background: #e7f2f2;
}

.dashboard-widget.orange .content
{
	background: #ffb874;
}

.dashboard-widget.green .content
{
	background: #dcf49e;
}

.dashboard-widget.orange .title {display: table;width: 100%;}
.dashboard-widget.orange .title h2{color: #ff9933;}

/* --- scrollbar blue --- */

.dashboard-widget.blue .content::-webkit-scrollbar  {
	width:16px;
	background-color:#e7f2f2;
}

.dashboard-widget.blue .content::-webkit-scrollbar-track-piece
{
	background-color:#e7f2f2;
}

.dashboard-widget.blue .content::-webkit-scrollbar-thumb
{
	border: 4px solid transparent;
	background-clip: content-box;
}

.dashboard-widget.blue .content::-webkit-scrollbar-thumb:vertical {
	background-color:#bdd6d5;
}

.dashboard-widget.blue .content::-webkit-scrollbar-thumb:vertical:hover
{
	background-color:#33ccff;
}

/*colt*/
.dashboard-widget.blue .content::-webkit-scrollbar-corner
{
	background-color:#e7f2f2;
}
/* --- scrollbar blue --- */
/* --- scrollbar orange --- */

.dashboard-widget.orange .content::-webkit-scrollbar
{
	width:16px;
	background-color:#ffb874;
}

.dashboard-widget.orange .content::-webkit-scrollbar-track-piece
{
	background-color:#ffb874;
}

.dashboard-widget.orange .content::-webkit-scrollbar-thumb
{
	border: 4px solid transparent;
	background-clip: content-box;
}

.dashboard-widget.orange .content::-webkit-scrollbar-thumb:vertical
{
	background-color:#e09c6e;
}

.dashboard-widget.orange .content::-webkit-scrollbar-thumb:vertical:hover
{
	background-color:#ed7e1b;
}
/*colt*/
.dashboard-widget.orange .content::-webkit-scrollbar-corner
{
	background-color:#ffb874;
}
/* --- scrollbar orange --- */
/* --- scrollbar green --- */

.dashboard-widget.green .content::-webkit-scrollbar
{
	width:16px;
	background-color:#dcf49e;
}

.dashboard-widget.green .content::-webkit-scrollbar-track-piece
{
	background-color:#dcf49e;
}

.dashboard-widget.green .content::-webkit-scrollbar-thumb
{
	border: 4px solid transparent;
	background-clip: content-box;
}

.dashboard-widget.green .content::-webkit-scrollbar-thumb:vertical
{
	background-color:#c0d877;
}

.dashboard-widget.green .content::-webkit-scrollbar-thumb:vertical:hover
{
	background-color:#99CC33;
}
/*colt*/
.dashboard-widget.green .content::-webkit-scrollbar-corner
{
	background-color:#dcf49e;
}
/* --- scrollbar green --- */

	.dashboard-widget span.icon-settings, .dashboard-widget span.icon-limiters
	{
		padding: 10px 0;
		text-align: center;
		cursor: pointer;
	}
	
	.dashboard-widget.blue span[class^="icon"].active
	{
		background: #e7f2f2;
	}
	
	.dashboard-widget.orange span[class^="icon"].active
	{
		background: #ffb874;
	}
	
	.dashboard-widget.orange .icon-container span[class^="icon"]
	{
		padding:10px;
		cursor:pointer;
		width:auto;
	}
	
	.dashboard-widget.blue .icon-container span[class^="icon"]
	{
		padding:10px;
		cursor:pointer;
		width:auto;
	}
	
	.dashboard-widget .icon-container
	{
		margin: 6px;
		display: table-cell;
		vertical-align: middle;
		font-size: 25px;
	}
	
	.dashboard-widget.green .icon-container
	{
		margin: 6px 0;
		vertical-align: middle;
		height: 100%;
	}
	
	.title .icon-container{
		margin:0px;
	}
	
	.dashboard-widget .title .icon-container
	{
		position: absolute;
		top: 10px;
		right: 10px;
	}
	
	.dashboard-widget.blue .content .row
	{
		background: #33ccff;
		color: white;
		margin: 10px 0;
	}
	
	.dashboard-widget.blue .content .row:first-of-type
	{
		margin-top: 0;
	} 
	
	.dashboard-widget.blue .content .group-content
	{
		margin-top: 30px;	
	}
	
	.dashboard-widget.blue .content .group-content:first-child
	{
		margin-top: 0;
	}
	
	.range-select p.inline-block{
		margin-bottom:0px;
	}
	.range-select .slider-container{
		padding-top:0px;
	}
	
	.dashboard-widget.orange .content .row
	{
		background: #ed7e1b;
		color: white;
		margin: 10px 0;
	}
	
	.dashboard-widget.orange .content .row:first-of-type
	{
		margin-top: 0;	
	}
	
	.dashboard-widget.orange .content .group-content
	{
		margin-top: 30px;	
	}
	
	.dashboard-widget.orange .content .group-content:first-child
	{
		margin-top: 0;
	}
	
	 .dashboard-widget.green .content .row
	{
		background: #99CC33;
		color: white;
		margin: 10px 0;
	}
	
	.dashboard-widget.green .content .row:first-of-type
	{
		margin-top: 0;	
	}
	
	.dashboard-widget.green .content .group-content
	{
		margin-top: 30px;	
	}
	
	.dashboard-widget.green .content .group-content:first-child
	{
		margin-top: 0;
	}
	
	/* --- accordion blue --- */

	.dashboard-widget .content .row .header
	{
		padding: 0;
		text-align: left;
		display: table;
		width: 100%;
	}
	
	.dashboard-widget.blue .content .row .header
	{
		color: white;
		background: #33ccff;
		border: 1px solid #33ccff;
	}
	
	.dashboard-widget.orange .content .row .header
	{
		color: white;
		background: #ed7e1b;
		border: 1px solid #ed7e1b;
	}


	.dashboard-widget.blue .content .row .header .ui-state-focus,
	.dashboard-widget.blue .content .row .header .ui-widget-content .ui-state-focus,
	.dashboard-widget.blue .content .row .header .ui-widget-header .ui-state-focus
	.dashboard-widget.blue .content .row .header .ui-state-hover,
	.dashboard-widget.blue .content .row .header .ui-widget-content .ui-state-hover,
	.dashboard-widget.blue .content .row .header .ui-widget-header .ui-state-hover
	{
		border: 1px solid #33ccff;
	}
	
	.dashboard-widget.orange .ui-state-hover{border: 1px solid #ed7e1b !important;}
	.ui-accordion .ui-accordion-content{overflow: hidden !important;}
	.dashboard-widget.blue .content .row .header:hover {border: 1px solid #33ccff;}
	.dashboard-widget.blue .content .row .header .ui-accordion-header-icon{display: none;}
	
	.dashboard-widget.blue .ui-widget-content
	{
		border: none;
		background: #e7f2f2;
		color: #444444;
	}
	
	.dashboard-widget .ui-accordion .ui-accordion-content {padding: 6px 0 0;}
	.dashboard-widget .row-child{background: white;color: black;text-align: left;margin-bottom: 5px;display: table;width: 100%;}
	.dashboard-widget .content .row .row-child .icon-container span {color: #666666;cursor: pointer;}
	.dashboard-widget .row-child .icon-container .alert{color: #ff6633 !important;}
	.dashboard-widget .row-child .span-container{color: #666666;display: table-cell;vertical-align: middle;font-size: 25px;}
	.dashboard-widget .row-child .span-container span
	{
		vertical-align: middle;
		margin-left: 5px;
		font-size: 14px;
		font-weight: 500;
	}
	.dashboard-widget .row-child .icon.left{padding: 5px 0px 0px 2px;}


	.dashboard-widget .row-child .time-container{text-align: left;margin-top: 0px;padding: 0px 37px 0px;background: white;height: auto;overflow: hidden;display: none;}

	.dashboard-widget .row-child .time-container label{display: block;color: #666666;}
	.dashboard-widget.blue .row-child .time-container input{font-size: 14px; width: 140px !important;vertical-align: middle;word-spacing: 5px;    padding: 5px 5px 5px 10px !important;}
	.dashboard-widget .row-child .time-container .check-btn
	{
		background: #ff6633;
		padding: 0px 0px 0px 10px;
		margin: 10px;
		border-radius: 20px;
		color: white;
		vertical-align: middle;
		cursor: pointer;
		margin-right: -5px;
		width: 40px;
		height: 30px;
		text-align: left;
		margin-left: 5px;
		text-indent: 2px;
	}

	.dashboard-widget .row-child .time-container .check-btn.green{background: #99CC33;}
	.dashboard-widget .row-child .time-container .check-btn .ajax-load-orange{height: 100%;margin-left: -10px;}
	.dashboard-widget .row-child .time-container .check-btn span{color: white;
	font-size: 25px;
	margin-right: -8px;
	margin-top: 4px;
	vertical-align: middle;}
	.dashboard-widget .row-child .time-container p.error{display: block;float: none;font-weight: lighter;color: #ff6633;font-size: 12px;padding-top: 2px;}
	.dashboard-widget.blue .row-child .child-header .ui-accordion-header-icon{display: none;}
	.dashboard-widget.blue .row-child .child-header {padding: 0;color: black; }
	.dashboard-widget.blue .row-child .ui-state-default, .dashboard-widget.blue .row-child .ui-widget-content .ui-state-default, .dashboard-widget.blue .row-child .ui-widget-header .ui-state-default{background: white;border: none;}
	.ui-state-focus, .ui-accordion-header { outline: none; }

	/* --- accordion blue --- */
	/* --- accordion orange --- */

	.dashboard-widget.orange .content .row .header .ui-state-focus,.dashboard-widget.orange .content .row .header .ui-widget-content .ui-state-focus,.dashboard-widget.orange .content .row .header .ui-widget-header .ui-state-focus
	.dashboard-widget.orange .content .row .header .ui-state-hover,
.dashboard-widget.orange .content .row .header .ui-widget-content .ui-state-hover,
.dashboard-widget.orange .content .row .header .ui-widget-header .ui-state-hover{border: 1px solid #ed7e1b !important;}
	.ui-accordion .ui-accordion-content{overflow: hidden !important;}
/*	.dashboard-widget.orange .content .row .header:hover {border: 1px solid #33ccff;}*/
	.dashboard-widget.orange .content .row .header .ui-accordion-header-icon{display: none;}
	
	.dashboard-widget.orange .ui-widget-content
	{
		border: none;
		background: #ffb874;
		color: #444444;
	}
	
	.dashboard-widget.orange .row-child .icon-container .alert{color: #ff6633;}
	.dashboard-widget.orange .row-child span{color: #666666;}
	.dashboard-widget.orange .row-child .icon.left{padding: 10px 0px 0px 2px;}
	.dashboard-widget.orange .row-child .time-container input{font-size: 14px; width: 130px !important;vertical-align: top;}
	.dashboard-widget.orange .row-child .time-container .check-btn span{color: white;}
	.dashboard-widget.oranges .row-child .time-container p.error{display: block;float: none;font-weight: lighter;color: #ff6633;font-size: 12px;}
	
	.dashboard-widget .slider-container .slider .ui-slider-handle.ui-state-default.ui-corner-all{
		top:6px;
	}


	/* --- accordion orange --- */
	.dashboard-widget .content .row .icon-container span {color: white;display: table-cell;vertical-align: middle;padding: 3px;}

	.dashboard-widget.green .content .row .icon-container span
	{
		padding: 3px 0 3px 3px;
	}

	.dashboard-widget .content p.row-title
	{
		margin-bottom: 2px;
		margin-top: 5px;
		color:#666666;
	}
	
	.dashboard-widget.green .content .row p
	{
		padding-left: 0;
		white-space: nowrap;
		display: inline-block;
		max-width: 275px;
		overflow: hidden;
	}
	
	.dashboard-widget .content .row p
	{
		/*float: left;*/
		padding: 10px 10px;
		margin: 0;
		font-weight: bold;
		font-size: 16px;
		display: table-cell !important;
		width: 100%;
		vertical-align: middle;
		box-sizing:border-box;
	}
	.dashboard-widget  .content .filtrable  .row-child p{
		display: inline-block !important;

	}
	.dashboard-widget .content .row p .icon{
		font-size:23px;
	}
		
	.dashboard-widget  .content .filtrable  .row-child p.error.no-padding-left
	{
		border: 0 none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.dashboard-widget h2
	{
		margin: 8px;
		display: inline-block;
		width: 400px;
		height: 30px;
		line-height: 30px;
		box-sizing: border-box;
		vertical-align: middle;
	}
    
.dashboard-widget .title .info-tooltip{
    color: white;
    background: #32ccfe;
    border-radius: 50%;
    padding: 3px;
    font-size: 8px;
    margin: 8px 0px 0px 0px;
    vertical-align: top;
}  

.dashboard-widget .icon-container .more{
    font-size: 12px;
    vertical-align: bottom;
    text-decoration: none;
}

	.widget-row
	{
		line-height: 28px;
		height: 28px;
		box-sizing: border-box;
		padding: 0 10px;
		cursor: default;
	}

		.widget-row .widget-cell
		{
			white-space: nowrap;
			overflow: hidden;
		}

		.widget-row .long-cell
		{
			width: 40%;
		}

		.average-cell
		{
			width: 30%;
		}

		.short-cell
		{
			width: 20%;
		}

			.widget-row a
			{
			color: #555;
			text-decoration: none;
			display: block;
		}

	.widget-row.even
	{
		background-color: #efefef;
	}

	.widget-row.odd
	{
		background-color: #F8F8F8;
	}

	.widget-row:hover
	{
		background-color: #F9D5C9;
	}

	a.cancel-link
	{
		display: inline-block;
		height: 30px;
		line-height: 20px;
		box-sizing: border-box;
		padding: 5px;
		margin: 0 20px 0 0;
		text-decoration: none;
		color: inherit;
		font-size: 16px;
		text-transform: uppercase;
	}

	.player-meta
	{
		display: block;
		height: 50px;
	}

		.player-meta span.player-meta-delete
		{
			display: inline-block;
			height: 30px;
			line-height: 30px;
			vertical-align: middle;
			width: 30px;
			text-align: center;
			color: #fff;
			background-color: #999;
			font-size: 18px;
			border-radius: 15px;
			cursor: pointer;
			margin-left: 10px;
		}

	.player-meta-add
	{
		display: block;
		vertical-align: middle;
		width: 310px;
		height: 40px;
		cursor: pointer;
		text-align: left;
		color: #fff;
		background-color: #FF9100;
		padding: 5px;
		box-sizing: border-box;
		line-height: 30px;
		font-size: 20px;
		-webkit-transition: all .3s;
		   -moz-transition: all .3s;
			 -o-transition: all .3s;
				transition: all .3s;
	}

	.player-meta-add:before
	{
		height: 30px;
		display: inline-block;
		margin-right: 5px;
	}

		.player-meta-add > span
		{
			font-family: 'Ubuntu', sans-serif;
			display: inline-block;
			height: 30px;
			vertical-align: top;
			line-height: 30px;
			font-size: 20px;
		}

	.width-147-px
	{
		width: 147px !important;
	}

	.network-select-container,
	.player-select-container,
	.track-select-container
	{
		height: 50px;
		display: inline-block;
	}

	span.add-client
	{

	}

	span.add-network,
	span.add-player,
	span.add-track
	{
		height: 40px;
		vertical-align: middle;
		line-height: 40px;
		text-align: center;
		width: 40px;
		margin: 0 0 0 10px;
		display: inline-block;
		cursor: pointer;
		color: #fff;
		background-color: #999;
		-webkit-transition: all .3s;
		   -moz-transition: all .3s;
			 -o-transition: all .3s;
				transition: all .3s;
	}

	span.add-network:hover,
	span.add-player:hover,
	span.add-track:hover
	{
		background-color: #777;
	}

	span.delete-network,
	span.delete-player,
	span.delete-track
	{
		height: 40px;
		vertical-align: middle;
		line-height: 41px;
		text-align: center;
		width: 40px;
		margin: 0 20px 0 2px;
		display: inline-block;
		cursor: pointer;
		color: #fff;
		background-color: #F93;
		border-radius: 20px;
		font-size: 26px;
		-webkit-transition: all .3s;
		   -moz-transition: all .3s;
			 -o-transition: all .3s;
				transition: all .3s;
	}

	span.delete-network:hover,
	span.delete-player:hover,
	span.delete-track:hover
	{
		background-color: #FF6633;
	}

	.limiter-network,
	.limiter-player,
	.limiter-track
	{
		width: 190px;
	}

	.network-client,
	.client-network
	{
		height: 50px;
	}

		.network-client span.delete-client,
		.client-network span.delete-network
		{
			display: inline-block;
			height: 40px;
			vertical-align: middle;
			line-height: 42px;
			text-align: center;
			background-color: #F93;
			color: #fff;
			margin-left: 5px;
			border-radius: 20px;
			cursor: pointer;
			font-size: 26px;
			-webkit-transition: all .3s;
			   -moz-transition: all .3s;
				 -o-transition: all .3s;
					transition: all .3s;
		}

		.network-client span.delete-client:hover,
		.client-network span.delete-network:hover
		{
			background-color: #F63;
		}

	span.add-client,
	span.add-layout
	{
		display: inline-block;
		line-height: 40px;
		height: 40px;
		width: 310px;
		vertical-align: middle;
		font-size: 20px;
		background-color: #f93;
		color: #fff;
		cursor: pointer;
		-webkit-transition: all .3s;
		   -moz-transition: all .3s;
			 -o-transition: all .3s;
				transition: all .3s;
	}

	span.add-client:hover,
	span.add-layout:hover
	{
		background-color: #F63;
	}

		span.add-client .icon,
		span.add-layout .icon
		{
			height: 40px;
			width: 40px;
			text-align: center;
			vertical-align: middle;
			font-size: 26px;
			line-height: 40px;
			margin: 0;
			padding: 0;
		}

.chart
{
	width: 100%;
	margin: 0;
	padding: 0;
	height: 350px;
}

	.chart .chart-filters
	{
		height: 50px;
	}

		.chart .chart-filters .chart-periods,
		.chart .chart-filters .chart-dates
		{
			height: 50px;
		}

			.chart .chart-filters .chart-periods .chart-period:first-child
			{
				border-top-left-radius: 10px;
				border-bottom-left-radius: 10px;
			}

			.chart .chart-filters .chart-periods .chart-period
			{
				text-align: center;
				text-transform: uppercase;
				box-sizing: border-box;
				border: 1px solid #ddd;
				line-height: 30px;
				background-color: #efefef;
				cursor: pointer;
				font-weight: bold;
				-webkit-transition: all .3s;
				   -moz-transition: all .3s;
					 -o-transition: all .3s;
						transition: all .3s;
			}

			.chart .chart-filters .chart-periods .chart-period.active,
			.chart .chart-filters .chart-periods .chart-period:hover
			{
				background-color: #E6E5E5;
			}

			.chart .chart-filters .chart-periods .chart-period:last-child
			{
				border-top-right-radius: 10px;
				border-bottom-right-radius: 10px;
			}

			.chart .chart-filters .chart-dates .chart-date
			{
				width: 44% !important;
				margin: 0;
				margin-left: 5%;
				height: 32px !important;
				line-height: 30px;
				vertical-align: middle;
				box-sizing: border-box;
			}

	.chart .area-chart
	{
		height: 300px;
	}

.player-gps-map
{
	height: 649px;
}

div#check_tabs
{
	border: 0;
	padding: 0;
}

	div#check_tabs .check-tab-buttons
	{
		margin: 0 0 10px 0;
		padding: 0;
		border-bottom: 1px solid #FFC78F;
		height: 59px;
	}

		div#check_tabs .check-tab-buttons .tab-button
		{
			height: 50px;
			margin: 10px 0 0 0;
			padding: 0;
			width: auto;
			text-align: center;
			line-height: 29px;
			vertical-align: middle;
			margin-right: 5px;
			border: 0;
			background: none;
		}

		div#check_tabs .check-tab-buttons .tab-button.ui-state-active
		{
			background: url(../images/tab-arrow.jpg) no-repeat bottom center;
		}

			div#check_tabs .check-tab-buttons a
			{
				outline: none !important;
				display: inline-block;
				height: 28px;
				padding: 0px 5px;
				width: auto;
				vertical-align: middle;
				font-size: 16px;
				font-weight: normal;
				line-height: 28px;
				color: #000;
			}

			div#check_tabs .check-tab-buttons .tab-button.ui-state-active a
			{
				background-color: #FFC78F;
				font-weight: bold;
			}

		div#check_tabs .check-tab-buttons .orange-border
		{
			border: 1px solid #FFC78F;
		}


		.check-content
		{
			margin: 15px 0;
			position: relative;
			width: 50%;
			padding-right: 10px;
			box-sizing: border-box;


		}
		.check-content.audio
		{
			min-height: 170px;


		}
		.mwh100{
			display:block;
			position:relative;
			min-height:240px;
			height: auto !important;
			height:240px;
			margin-right:10px !important;
			width:auto !important;
			top:auto !important;
			bottom:auto !important;


		}

			.check-content .generic-label
			{
				margin-bottom: 5px !important;
				display: block;
			}

			.check-tab-container
			{
				padding: 0 !important;
			}
			.smalllabel{
				font-size:12px;

			}
.pad_top_7{
	padding-top:7px;

}
.use-space
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


	.use-space .reprocess-accept
		{
			text-align: center;
			padding: 10px;
		}

	.use-space .reprocess-success-container
	{
		position: absolute;
		top: 50%;
		left: 10%;
		width: 80%;
		height: 80px;
		line-height: 40px;
		vertical-align: middle;
		margin-top: -40px;
		font-size: 40px;
		color: #2A612A;
		text-align: center;
	}

	.use-space .reprocess-partial-container
	{
		position: absolute;
		top: 50%;
		left: 10%;
		width: 80%;
		height: 80px;
		vertical-align: middle;
		margin-top: -40px;
		color: #FF9933;
	}

		.use-space .reprocess-partial-container .reprocess-partial
		{
			font-size: 24px;
			text-align: center;
		}

		.use-space .reprocess-partial-container .reprocess-partial-message
		{
			font-size: 16px;
			text-align: center;
		}

	.use-space .reprocess-failed-container
	{
		position: absolute;
		top: 50%;
		left: 10%;
		width: 80%;
		height: 60px;
		vertical-align: middle;
		margin-top: -10px;
		color: #FF3333;
	}

		.use-space .reprocess-failed-container .reprocess-failed
		{
			font-size: 24px;
			text-align: center;
		}

		.use-space .reprocess-failed-container .reprocess-failed-message
		{
			font-size: 16px;
			text-align: center;
		}

	.use-space .progress-container
	{
		position: absolute;
		top: 50%;
		height: 50px;
		width: 80%;
		margin-top: -25px;
		margin-left: 10%;
	}

		.use-space .progress-container .progress-percentage
		 {
			height: 40px;
			font-size: 40px;
			line-height: 40px;
		}

		.use-space .progress-container .progress-bar
		{
			height: 10px;
			background-color: #C1E479;
			position: relative;
			border-radius: 5px;
		}

			.use-space .progress-container .progress-bar .progress-bar-overlay
			{
				height: 10px;
				background-color: #99CC33;
				position: relative;
				border-radius: 5px;
				width: 0;
				-webkit-transition: all .3s;
				   -moz-transition: all .3s;
					 -o-transition: all .3s;
						transition: all .3s;
			}

	.check-content .use-space .generic-label
	{
		display: block;
		
		height: 17px;
	}
	
.dashboard_progress
{
	width: 120px;
	height:26px;
	margin-top:2px;
	display:block;
	position:relative;
	margin-bottom:3px;
	clear:both;
}

	.dashboard_progress .progress-container
		{

			height: 26px;
			width: 100%;
			padding-right: 6px;
			text-align:right;
			box-sizing: border-box;

		}

			.dashboard_progress .progress-container .progress-percentage
			 {
				height: 20px;
				font-size: 14px;
				line-height: 20px;
			}

			.dashboard_progress .progress-container .progress-bar
			{
				height: 6px;
				background-color: #C1E479;
				position: relative;
				border-radius: 5px;
			}

				.dashboard_progress .progress-container .progress-bar .progress-bar-overlay
				{
					height: 6px;
					background-color: #ccc;
					position: relative;
					border-radius: 5px;
					width: 0;
					-webkit-transition: all .3s;
					   -moz-transition: all .3s;
						 -o-transition: all .3s;
							transition: all .3s;
				}
				
span.tiny{
	display:block;
	font-size:10px;
	margin-left:0px !important;

}

.alertsinfo
{
	width:90%;
	position:relative;
}

.postpone
{
	width: 32px;
	position: absolute;
	top: 0px;
	right: 2px;
	margin-right: 0px !important;
}

.campaign-approve
{
	width: 68px;
	position: absolute;
	top: 0px;
	right: 6px;
	margin-right: 0px !important;
}

a.inline-block.check-btn
{
	text-decoration: none;
}

.time-container{
	padding-top: 10px !important;

}
span.rowalertinfo{
	display:inline-block;

}
.row-child{
position:relative;

}
.dashboard_a{
	text-decoration:none;
	color: inherit;

}
.playlist-widget
{
	padding-left: 10px;
	background-color: #efefef;
	padding-bottom: 10px;
	margin-left: 0;
	margin-bottom: 5px;
	padding-top: 0;
	width: 320px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

	.playlist-widget span.delete-widget
	{
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		right: 5px;
		top: 5px;
		font-size: 16px;
		cursor: pointer;
		-webkit-transition: all .2s;
		   -moz-transition: all .2s;
			 -o-transition: all .2s;
				transition: all .2s;
	}

	.playlist-network span.delete-widget:hover
	{
		color: #333;
	}

span.extend-table
{
	float: right;
	display: block;
	font-size: 12px;
	width: 20px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.files-table .parent-select
{
	display: none;
}

.files-table.extended .parent-select
{
	display: table-cell;
}

.inline-spinner
{
	background: url('../images/ajax-loader.gif') #fff center center no-repeat;
	display: inline-block;
	width: 100px;
	height: 40px;
	border: 1px solid #ccc;
	position: absolute;
	top: 20px;
	left: 10px;
}
.grey{
	text-decoration:none;
	color: #999999;

}
.loading_icon{
	float:right;
	position:relative;

}
.loading
{
  display:none;
  position: absolute;
  top: -1px;
  left: 0px;
  z-index:11;

  height:100%;
  background:#fff;
}
.centeredLoading{
	height: 30px;
	width:40px;
	margin:auto;
	display: inline-block;
	margin-top:10px;
	
}
.showloading .loading, .dataTables_processing .loading{
	display:block;

}
.dataTables_processing .loading{
	display: inline-block;
	position:relative !important;
	width: 40px;
	height: 30px;
	vertical-align:top;


}
.loading_views{
	display:block;
	width: 50px;
	text-align:center;
	padding:10px;
	height: 30px;
	margin: 30px auto;
	
}
.loading-bar {
  display: inline-block;
  width: 4px;
  height: 75%;
  margin-right:4px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
}

.loading-bar:nth-child(1) {
  background-color: #666;
  animation-delay: 0;
}
.loading-bar:nth-child(2) {
  background-color: #666;
  animation-delay: 0.09s;
}
.loading-bar:nth-child(3) {
  background-color: #666;
  animation-delay: .18s;
}
.loading-bar:nth-child(4) {
  background-color: #666;
  animation-delay: .27s;
}



@keyframes loading {
  0% {
	transform: scale(1);
  }
  20% {
	transform: scale(1, 2.2);
  }
  40% {
	transform: scale(1);
  }
}

@media print{
	@page
	{

		margin: 5mm 5mm 5mm 5mm;

	}

	.rubric-name
	{
		font-size: 16px;
	}

	.rubric-summary
	{
		font-size: 14px;
	}

	.rubric-content
	{
		font-size: 12px;
	}

	body
	{
		-webkit-print-color-adjust: exact;
		margin: 0px;
		font-size: 10px !important;
	}

	.allow-hover .st-container .st-menu
	{
		width: 0;
		display: none;
	}

	.allow-hover .st-container .st-pusher
	{
		padding-left: 0px !important;
		margin: 0;
	}

	div.user-corner
	{
		display: none;
	}

	.page > h1
	{

	}

	.campaign_statistics > .logo-container
	{
		display: block;
		padding-top: 30px;
		padding-right: 30px;
		text-align: right;
	}

		.campaign_statistics > .logo-container .small-logo-wrapper
		{
			display: none;
		}

		.logo-wrapper img.logo
		{
			height: 32px;
		}

	.allow-hover .st-container .st-pusher .st-content > .page
	{
		padding: 10px !important;
	}

	.campaign-period
	{
		display: none;
	}

	.print-width-60p
	{
		width: 50%;
		display: inline-block !important;
		float: left;
		background-color: #E7F2F2;
	}

	.print-width-40p
	{
		width: 41%;
		display: inline-block !important;
		float: left;
		background-color: #E7F2F2;
	}

	.print-table-cell{
		display: table-cell !important;
	}

	div.half
	{
		width: 49%;
		padding: 0 10px 0 0;
	}

	.wink-orange.client-name
	{
		padding-top: 30px;
	}

	div.stats-map
	{
		height: 130px;
		-webkit-print-color-adjust: exact;
	}

	table.statistics-table tbody tr td
	{
		padding: 5px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		white-space: nowrap;
		-webkit-print-color-adjust: exact;
	}

	table .actions, #cu_form_campaigns_label, .fg-toolbar, .printicon, .DTTT_container, .ColVis
	{
		display:none;
	}
	
	.dataTable td, .dataTable th{
		font-size:10px !important;
	}
}

.print-table-cell{
	display: none;
}






/* --- jquery datetime picker --- */

.ui-timepicker-div{font-size: 14px;}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: none;font-weight: normal;color: black;text-align: center;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{color: white;font-weight: bold;background-color: #CCC;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{    color: white;font-weight: bold;background-color: #f75e34;}
.ui-state-default:hover{background-color: #fbb775;}

.ui-slider-horizontal .ui-slider-handle{opacity: 1;border-radius: 50%;background-color: #CCC;border: 1px solid #CCC;}
.ui-datepicker-buttonpane.ui-widget-content{border: none;}
.ui-datepicker .ui-datepicker-buttonpane button{background-color: #f75e34;color: white;border: none;border-radius: 25px;}
.ui_tpicker_time{font-weight: bold;}
.ui-datepicker-header a{cursor: pointer;}
.ui-datepicker-header a.ui-state-hover{background: #CCC;border: none;}
.ui-datepicker-calendar td .ui-state-default{padding: .6em;}

/* --- jquery datetime picker --- */
a.ladda-button{
	background: none !important;
	border:none !important;

}
a.load-form.ladda-button{
	background: #33CCFF !important;
	border:none !important;

}
.ladda-button .ladda-label{
	margin:0px;
}
.ladda-button .ladda-spinner{
height:20px;
margin:0px;


}
button.ui-button{

font-family:Ubuntu;
}

.ui-dialog.confirm.ui-widget{
	padding:0px;
	border :solid 1px #98c93c;

}

.ui-dialog.confirm .ui-dialog-titlebar.ui-corner-all{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.ui-dialog.confirm .ui-dialog-titlebar{
	background :#98c93c;

}

.ui-dialog.confirm .ui-button-text-only{
	background: #98c93c;

}


.ui-dialog.error.ui-widget{
	padding:0px;
	border :solid 1px #ee3d3c;

}

.ui-dialog.error .ui-dialog-titlebar.ui-corner-all{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.ui-dialog.error .ui-dialog-titlebar{
	background :#ee3d3c;

}

.ui-dialog.error .ui-button-text-only{
	background: #ee3d3c;

}



.ui-dialog.confirmation.ui-widget{
	padding:0px;
	border :solid 1px #f79838;

}

.ui-dialog.confirmation .ui-dialog-titlebar.ui-corner-all{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.ui-dialog.confirmation .ui-dialog-titlebar{
	background :#f79838;

}

.ui-dialog.confirmation .ui-button-text-only{
	background: #f79838;

}


.ui-dialog.notice.ui-widget{
	padding:0px;
	border :solid 1px #46c7f4;

}

.ui-dialog.notice .ui-dialog-titlebar.ui-corner-all{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.ui-dialog.notice .ui-dialog-titlebar{
	background :#46c7f4;

}

.ui-dialog.notice .ui-button-text-only{
	background: #46c7f4;

}



.ui-dialog .ui-dialog-titlebar-close{
	display:none;
	border:none;
}

.ui-dialog.visible-close .ui-dialog-titlebar-close
{
	display: inline-block;
}
.ui-dialog.visible-close .ui-dialog-titlebar-close.ui-state-hover
{
	background-color: transparent;
}

.ui-dialog.ui-corner-all,
.ui-dialog.ui-corner-all .ui-corner-all
{

	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}


.ui-dialog .ui-widget-content{
	border:none;

}
.ui-dialog .ui-dialog-content
{
	text-align: center;
	margin-top: 20px;
}

.ui-dialog .ui-button-text-only
{
	color: #fff;
	border: none;
	border-bottom-right-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
	border-top-left-radius: 20px !important;
	box-sizing: border-box;
}

.ui-dialog.notice .ui-button-text-only + .ui-button-text-only{
	background: #fff !important;
	color:#46c7f4;
	border:solid 1px #46c7f4;

}
.ui-dialog.confirmation .ui-button-text-only + .ui-button-text-only{
	background: #fff !important;
	color:#f79838;
	border:solid 1px #f79838;

}
.ui-dialog {
	font-family:Ubuntu;
}
.ui-dialog .ui-widget-header{
		color:#fff;
		font-size:18px;
}
.ui-dialog .ui-dialog-buttonset{
		float:none !important;
		text-align:center;
}
.ui-dialog .ui-dialog-buttonpane{
	padding: .3em 1em .5em 1em;

}
.errorBorder{

	border: solid 1px #ff3636;
}


.welcome-menu{}
        .welcome-title{
            margin: 50px;
        }
            .welcome-title h3{
                margin: 0;
            }
    .welcome-menu .item{
        width: 150px;
        vertical-align: top;
    }
        .welcome-menu .item-container .item span{    
            padding: 10px;
            font-size: 70px;
        }
@media print {
    .footer{display: none;}
}


.footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: white;
}
    .footer-container{
        border-top: 1px solid #999999;
        margin: 0px 10px;
    }
    .footer-container .info, .footer-container .info-box{
            padding: 15px 0px 15px 0px;
            vertical-align: text-top;
    }
        .footer-container .info-box span{
            font-size: 30px;
            color: white;
            padding: 7px;
            border-radius: 50%;
            background: #333333;
        }
        
#news_container{}
    #news_container .group-playlists{margin: 0 auto; display: inline;}