.content-area-links-container #contentTypeButtons .content-type-button .btn {
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	padding: 10px inherit;
}

.content-area-links-container h4 {
	padding: 0;
	margin: 0;
}

.content-area-links-container #maxp {
	margin-bottom: 10px;
}

form.custom input[type="checkbox"] {
	border: solid 1px #cccccc;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0;
	float: left;
	margin-right: 10px;
}

form.custom label {
	display: block;
}

.content-area-links-container input[type="text"] {
	margin: 5px inherit;
	width: 100%;
	padding-left: 5px;
}

.content-area-links-container input[type=file] {
	max-width: 100%;
}

#contentWidgetArea textarea {
	min-height: 40px;
	overflow: auto;
	resize: vertical;
	width: 100%;
	display: inherit;
}

#contentWidgetArea #contentAreaHeader {
	resize: none;
}

.website-container h2.post-widget-title {
	margin-bottom: 5px;
}

.content-area-text-counter {
	color: #999999;
	float: right;
	background: #f9f9f9;
	font-size: 10px;
	padding: 4px 10px 2px 20px;
	margin-top: -2px;
	margin-bottom: 10px;
	width: 100%;
	position: relative;
	text-align: right;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.content-area-text-area-header {
	background-color: #f9f9f9;
	background-image: none;
	color: #555555;
	font-size: 14px !important;
	border-color: #e5e5e5 !important;
	font-weight: bold;
	resize: none;
	height: 31px;
	border-bottom: 0 !important;
	left: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
	top: 0;
}

.content-area-text-area-body {
	border-color: #e5e5e5 !important;
	font-size: 12px !important;
	border-bottom: 0 !important;
}

.content-area-links-body-container {
	background: #f9f9f9;
	/* Old browsers */
	margin-bottom: 10px;
	border: 1px solid #e5e5e5;
	margin-left: 0;
	margin-right: -1px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	width: 100%;
	min-height: 200px;
}

.content-area-text-area-body {
	background-color: #FFFFFF;
	color: #999999;
	font-size: 11px;
	height: 144px;
	min-height: 144px !important;
	left: 0;
	resize: none !important;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	top: 50px;
	width: 100%;
}

.share-option-label:hover {
	cursor: pointer;
}

/* Dropdown button styles
/*============================================*/
.f-dropdown:before, .f-dropdown:after {
	display: none;
}

.f-dropdown {
	margin-top: 0px;
}

	.f-dropdown li:hover, .f-dropdown li:focus {
		background: #ff6600;
	}

	.f-dropdown li a:hover {
		color: #FFFFFF;
	}

/* Reworked inline styles
/*============================================*/
input.content-type-video-url {
	height: 30px;
	padding: 5px;
}

.photo_iframe {
	text-align: center;
	vertical-align: middle;
	border-style: none;
	width: 170px;
	display: none;
}

.UploadifyButtonWrapper {
	margin-top: 0px;
}

#contentTypePhotoPreview, #contentTypeLinkPreviewImage {
	height: 128px;
	width: 198px;
	margin: -8px 0 0 -7px;
}

	#contentTypePhotoPreview img, #contentTypeVideoPreview img {
		height: 128px;
		width: 198px;
		margin: -8px 0 0 -7px;
	}

.form_type {
	width: 100%;
	padding: 7px 5px;
}

a.video_return,
a.form_return,
a.return_btn {
	float: left;
	display: block;
	font-size: 11px;
	color: #000 !important;
	display: block;
	float: right;
	margin: 14px 2px 0 0;
}

a.photo_cancel {
	font-size: 11px;
}

#contentWidgetArea input#datepicker {
	width: 232px;
	margin-right: 10px;
}

#contentWidgetArea .ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	font-family: 'Open Sans', sans-serif !important;
}

	#contentWidgetArea .ui-datepicker .ui-datepicker-header {
		position: relative;
		padding: 5px 5px;
		width: 264px;
		font-size: 12px;
		background: #FFFFFF;
		color: #000000;
	}

	#contentWidgetArea .ui-datepicker .ui-datepicker-prev,
	#contentWidgetArea .ui-datepicker .ui-datepicker-next {
		position: absolute;
		top: 2px;
		width: 1.8em;
		color: #ff6600;
		height: 1.8em;
	}

	#contentWidgetArea .ui-datepicker .ui-datepicker-prev-hover,
	#contentWidgetArea .ui-datepicker .ui-datepicker-next-hover {
		color: #ff6600;
	}

	#contentWidgetArea .ui-datepicker .ui-datepicker-prev {
		left: 6px;
	}

	#contentWidgetArea .ui-datepicker .ui-datepicker-next {
		right: 14px;
	}

		#contentWidgetArea .ui-datepicker .ui-datepicker-prev span,
		#contentWidgetArea .ui-datepicker .ui-datepicker-next span {
			display: block;
			position: absolute;
			left: 30%;
			margin-left: -8px;
			color: #ff6600;
			top: 50%;
			margin-top: -2px;
		}

	#contentWidgetArea .ui-datepicker .ui-datepicker-title {
		margin: 0 2.3em;
		line-height: 1.8em;
		text-align: center;
	}

		#contentWidgetArea .ui-datepicker .ui-datepicker-title select {
			font-size: 1em;
			margin: 1px 0;
		}

	#contentWidgetArea .ui-datepicker select.ui-datepicker-month,
	#contentWidgetArea .ui-datepicker select.ui-datepicker-year {
		width: 49%;
	}

	#contentWidgetArea .ui-datepicker table {
		width: 100%;
		font-size: .9em;
		border-collapse: collapse;
		margin: 0 0 .4em;
	}

	#contentWidgetArea .ui-datepicker th {
		padding: .7em .3em;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		font-family: 'Open Sans', sans-serif !important;
		border: 0;
	}

	#contentWidgetArea .ui-datepicker td {
		border: 0;
		padding: 1px;
	}

		#contentWidgetArea .ui-datepicker td span,
		#contentWidgetArea .ui-datepicker td a {
			display: block;
			padding: .2em;
			font-size: 12px;
			text-align: right;
			text-decoration: none;
		}

	#contentWidgetArea .ui-datepicker .ui-datepicker-buttonpane {
		background-image: none;
		margin: .7em 0 0 0;
		padding: 0 .2em;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}

		#contentWidgetArea .ui-datepicker .ui-datepicker-buttonpane button {
			float: right;
			margin: .5em .2em .4em;
			cursor: pointer;
			padding: .2em .6em .3em .6em;
			width: auto;
			overflow: visible;
		}

			#contentWidgetArea .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
				float: left;
			}

	/* with multiple calendars */
	#contentWidgetArea .ui-datepicker.ui-datepicker-multi {
		width: auto;
	}

#contentWidgetArea .ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

	#contentWidgetArea .ui-datepicker-multi .ui-datepicker-group table {
		width: 95%;
		margin: 0 auto .4em;
	}

#contentWidgetArea .ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

#contentWidgetArea .ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

#contentWidgetArea .ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

#contentWidgetArea .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
#contentWidgetArea .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

#contentWidgetArea .ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

#contentWidgetArea .ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
#contentWidgetArea .ui-datepicker-rtl {
	direction: rtl;
}

	#contentWidgetArea .ui-datepicker-rtl .ui-datepicker-prev {
		right: 2px;
		left: auto;
	}

	#contentWidgetArea .ui-datepicker-rtl .ui-datepicker-next {
		left: 2px;
		right: auto;
	}

	#contentWidgetArea .ui-datepicker-rtl .ui-datepicker-prev:hover {
		right: 1px;
		left: auto;
	}

	#contentWidgetArea .ui-datepicker-rtl .ui-datepicker-next:hover {
		left: 1px;
		right: auto;
	}

	#contentWidgetArea .ui-datepicker-rtl .ui-datepicker-buttonpane {
		clear: right;
	}

		#contentWidgetArea .ui-datepicker-rtl .ui-datepicker-buttonpane button {
			float: left;
		}

			#contentWidgetArea .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
			#contentWidgetArea .ui-datepicker-rtl .ui-datepicker-group {
				float: right;
			}

	#contentWidgetArea .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
	#contentWidgetArea .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
		border-right-width: 0;
		border-left-width: 1px;
	}

/*   Date and Time picker styles
/*=============================================*/
/* css for timepicker */
#contentWidgetArea .ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

#contentWidgetArea .ui-timepicker-div dl {
	text-align: left;
}

	#contentWidgetArea .ui-timepicker-div dl dt {
		float: left;
		clear: left;
		padding: 0 0 0 5px;
		font-size: 12px;
		font-weight: normal;
		font-family: 'Open Sans', sans-serif !important;
		font-weight: bold;
	}

	#contentWidgetArea .ui-timepicker-div dl dd {
		margin: 0 10px 10px 40%;
	}

#contentWidgetArea .ui-timepicker-div td {
	font-size: 90%;
}

#contentWidgetArea .ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

#contentWidgetArea .ui-timepicker-rtl {
	direction: rtl;
}

	#contentWidgetArea .ui-timepicker-rtl dl {
		text-align: right;
		padding: 0 5px 0 0;
	}

		#contentWidgetArea .ui-timepicker-rtl dl dt {
			float: right;
			clear: right;
		}

		#contentWidgetArea .ui-timepicker-rtl dl dd {
			margin: 0 40% 10px 10px;
		}

#contentWidgetArea .ui-state-active {
	background: #ff6600;
	color: #FFFFFF !important;
}

#contentWidgetArea .ui-slider-horizontal .ui-slider-handle {
	margin-left: -0.6em;
	top: -0.3em;
}

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

#contentWidgetArea .ui-widget-content {
	background-color: #FFFFFF;
	background-image: url("/content/themes/base/images/ui-bg_flat_75_ffffff_40x100.png");
	background-origin: padding-box;
	background-position: 50% 50%;
	color: #222222;
	background-color: #f1f1f1;
	border: 1px solid #e3e3e3;
}

#contentWidgetArea .ui-widget {
	font-family: Verdana,Arial,sans-serif;
}

#contentWidgetArea .ui-slider-horizontal {
	height: 0.8em;
}

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

#contentWidgetArea a.ui-slider-handle {
	background: #a9a9a9 !important;
	width: 20px;
	height: 20px;
	display: inline-block;
}

#contentWidgetArea .ui-datepicker .ui-datepicker-buttonpane button {
	background: #666666;
	color: #FFFFFF !important;
	height: 30px;
	width: 60px;
	font-size: 12px !important;
	display: block;
	border: 0;
	box-shadow: none;
}

	#contentWidgetArea .ui-datepicker .ui-datepicker-buttonpane button:hover {
		background: #ff6600;
	}

#contentWidgetArea .ui_tpicker_hour_slider {
	border: 1px solid #AAAAAA;
}

#contentWidgetArea .ui_tpicker_minute_slider {
	border: 1px solid #AAAAAA;
}

#contentWidgetArea .ui_tpicker_time {
	font-size: 14px;
}

#contentWidgetArea .ui-datepicker-buttonpane {
	border-top: 1px solid #e3e3e3;
}

#contentWidgetArea .ui-datepicker-current {
	border-top: 0 !important;
}

#contentWidgetArea .ui-timepicker-div dl {
	background: #FFFFFF;
	padding: 4px;
	margin: 0;
}

/*	PANELS
*********************************************/
.website-container .panel-container {
	width: 100%;
	max-width: 100%;
}

	.website-container .panel-container .panel-toggler {
		background-color: #e2e2e2;
		border: 1px solid #ccc;
		padding: 15px;
		border-bottom: 0;
		color: #fff;
		font-size: 1.75em;
		text-transform: uppercase;
	}

	.website-container .panel-container:last-child .panel-toggler {
		border-bottom: 1px solid #ccc;
	}

	.website-container .panel-container .panel-toggler:hover {
		cursor: pointer;
	}

	.website-container .panel-container .panel-body {
		display: none;
	}

		.website-container .panel-container .panel-body .social-form {
			margin-top: 15px;
			margin-bottom: 15px;
		}

			.website-container .panel-container .panel-body .social-form .form-label {
				font-weight: bold;
				text-align: right;
				line-height: 40px;
			}

			.website-container .panel-container .panel-body .social-form .form-control {
				width: 100%;
				margin-top: 5px;
			}

			.website-container .panel-container .panel-body .social-form input[type="submit"] {
				margin-top: 5px;
			}

			.website-container .panel-container .panel-body .social-form .invalid-value,
			.website-container .ui-state-error {
				color: #a94442;
				background-color: #f2dede;
				border-color: #a94442;
			}

.website-container .broadcast-message-subject {
	width: 100%;
	padding-left: 5px;
}

/*	MANAGE POSTS
*******************************************************************/
.website-container .manage-post-post-item {
	border: 1px solid #f0f0f0;
	padding: 0;
	padding-top: 5px;
	margin-bottom: 15px;
}

	.website-container .manage-post-post-item .post-manage-options {
		position: relative;
		text-align: right;
		padding-right: 0;
	}

		.website-container .manage-post-post-item .post-manage-options i.fa {
			font-size: 1.5em;
			margin-right: 5px;
		}

	/*.website-container .manage-post-post-item .post-manage-options ul {
			list-style: none !important;
			display: none;
			position: absolute;
			background-color: #f0f0f0;
			z-index: 50;
			margin: 0;
			padding: 0 5px;
			min-width: 75px;
			border-radius: 2px;
			top: 0;
			right: 25px;
			text-align: left;
		}*/

	.website-container .manage-post-post-item .manage-post-post-header {
		margin-bottom: 15px;
		word-wrap: break-word;
	}

	.website-container .manage-post-post-item .manage-post-post-text {
		margin-bottom: 0;
		word-wrap: break-word;
	}

	.website-container .manage-post-post-item .manage-post-footer {
		margin: 0;
		padding: 0;
		padding-top: 6px;
		word-wrap: break-word;
	}

		.website-container .manage-post-post-item .manage-post-footer p {
			background-color: #f0f0f0;
			margin: 0;
			margin-top: 5px;
			padding: 5px 15px;
		}

@media (max-width: 767px) {
	.form-label-container {
		text-align: left !important;
	}

		.form-label-container label.form-label {
			line-height: 15px !important;
			margin-top: 10px !important;
		}
}

.website-container .modal-header .close {
	margin-top: -10px;
}

.website-container .facebook-filters,
.website-container .boardcast-groups {
	margin-left: 30px;
}

.video_post[data-url] {
	display: inline-block;
	padding-right: 0;
	left: 36%;
	top: 20%;
	z-index: 20;
	cursor: pointer;
	position: absolute;
	opacity: 0.8;
}

.video_post:hover {
	opacity: 1;
}

#videoModal {
	z-index: 2000;
}

form.custom input[type="radio"] {
	border: solid 1px #cccccc;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0;
	float: left;
	margin: 3px 6px;
}

.content-emoji-container {
	width: 100%;
	display: flex;
	overflow-y: auto;
	overflow-x: hidden;
	flex-direction: row;
	flex-wrap: wrap;
}

.content-emoji-body {
	max-height: 300px;
	overflow: auto;
}

.content-emoji-container a {
	font-size: 25px;
	padding: 3px 2px;
}

.content-emoji-heading {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.content-emoji-heading a {
	font-size: 30px;
	border: solid 1px;
	border-radius: 70%;
	height: 30px;
	width: 30px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-bottom: 6px;
}