.ou-justedit-region {
	/*background-color: #FFFFFF !important;*/
	/*color: #000000 !important;*/
	padding: 15px;
	width: 98%;
}

/* Fix issue with bootstrap buttons in WYSIWYG */
.ou-justedit-region .btn {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.ou-justedit-region table {
	width: 100%;
	table-layout: fixed;
}

.ou-justedit-region table[class^="ou-"],
.ou-justedit-region table[data-snippet^="ou-"] {
	width: 100%;
	cursor: default;
	margin: 32px 0 !important;
}

.ou-justedit-region table[class^="ou-"] td,
.ou-justedit-region table[data-snippet^="ou-"] td {
	position: relative !important;
}

.ou-justedit-region table[class^="ou-"] img:not(.mce-object-iframe),
.ou-justedit-region table[data-snippet^="ou-"] img:not(.mce-object-iframe) {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.ou-justedit-region table[class^="ou-"] img.mce-object-video{
	width: 32px;
}
.ou-justedit-region table[class^="ou-"],
.ou-justedit-region table[data-snippet^="ou-"],
.ou-justedit-region .mce-item-table,
.ou-justedit-region .mce-item-table td,
.ou-justedit-region .mce-item-table th,
.ou-justedit-region .mce-item-table caption {
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #d2d2d2;
	box-sizing: border-box;
}

.ou-justedit-region table[class^="ou-"] thead tr th,
.ou-justedit-region table[class^="ou-"] tbody tr th,
.ou-justedit-region table[class^="ou-"] caption,
.ou-justedit-region table[class^="ou-"] thead tr td,
.ou-justedit-region table[data-snippet^="ou-"] thead tr th,
.ou-justedit-region table[data-snippet^="ou-"] tbody tr th,
.ou-justedit-region table[data-snippet^="ou-"] caption,
.ou-justedit-region table[data-snippet^="ou-"] thead tr td {
	font-weight: 800;
}

.ou-justedit-region table[class^="ou-"] thead tr th,
.ou-justedit-region table[class^="ou-"] tbody tr th,
.ou-justedit-region table[class^="ou-"] caption,
.ou-justedit-region table[class^="ou-"] thead tr td,
.ou-justedit-region table[class^="ou-"] tbody tr td,
.ou-justedit-region table[data-snippet^="ou-"] thead tr th,
.ou-justedit-region table[data-snippet^="ou-"] tbody tr th,
.ou-justedit-region table[data-snippet^="ou-"] caption,
.ou-justedit-region table[data-snippet^="ou-"] thead tr td,
.ou-justedit-region table[data-snippet^="ou-"] tbody tr td {
	color: #000;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.ou-justedit-region table[class^="ou-"] thead tr th,
.ou-justedit-region table[class^="ou-"] tbody tr th,
.ou-justedit-region table[class^="ou-"] caption,
.ou-justedit-region table[data-snippet^="ou-"] thead tr th,
.ou-justedit-region table[data-snippet^="ou-"] tbody tr th,
.ou-justedit-region table[data-snippet^="ou-"] caption {
	background: none repeat scroll 0 0 #f0f0f0;
	color: #333;
	font-weight: 600;
	font-size: 14px;
}

.ou-justedit-region table[class^="ou-"] caption,
.ou-justedit-region table[data-snippet^="ou-"] caption {
	font-size: 18px;
	text-align: center;
	background-image: linear-gradient(to bottom, #f9f9f9, #d3d3d3);
	margin: 0px;
	border-bottom: 0;
	caption-side: top;
}

.ou-justedit-region table.ou-[data-gallery-type="slick"] tr[data-gallery-type="fancybox"],
.ou-justedit-region table.ou-[data-gallery-type="fancybox"] tr[data-gallery-type="slick"] {
	display: none;
}

/********************
* Component Preview Helper Styles
***/

div.ou-je-component [data-ouc-test=""] {
	display: none;
}

div.ou-je-component [data-ouc-not]:not([data-ouc-not=""]) {
	display: none;
}

.ou-je-component [data-ouc-test-and-1=""],
.ou-je-component [data-ouc-test-and-2=""],
.ou-je-component [data-ouc-test-and-3=""],
.ou-je-component [data-ouc-test-and-4=""],
.ou-je-component [data-ouc-test-and-5=""],
.ou-je-component [data-ouc-test-and-6=""] {
	display: none;
}

div.ou-je-component [data-ouc-test-element],
div.ou-je-component [data-ouc-not-test-element],
div.ou-je-component [data-ouc-test-element]:empty + *,
div.ou-je-component [data-ouc-not-test-element]:not(:empty) + * {
	display: none;
}

div.ou-je-component [data-ouc-justedit]::before {
	display: block;
	width: 100%;
	font-weight: bold;
	padding: 5px 15px;
	margin-bottom: 10px;
	border: 1px solid #bce8f1;
	color: #31708f;
	background-color: #d9edf7;
	content: "The content you see in the editor is a sample render intended for WYSIWYG preview only. Once you save the page, you will see the actual rendered element.";
}

/***
* /Component Preview Helper Styles
********************/

/********************************
* START Table Input Hint Styling
********************************/

/* Generic table "tool-tip/alert" info styling */
.ou-justedit-region table[class^="ou-"] th:before,
.ou-justedit-region table[class^="ou-"] td:before,
.ou-justedit-region table[class^="ou-"] caption:before,
.ou-justedit-region table[class^="ou-"]:before,
.ou-justedit-region table[data-snippet^="ou-"] th:before,
.ou-justedit-region table[data-snippet^="ou-"] td:before,
.ou-justedit-region table[data-snippet^="ou-"] caption:before,
.ou-justedit-region table[data-snippet^="ou-"]:before {
	display: block;
	padding: 5px 15px;
	margin-bottom: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.ou-justedit-region table[data-snippet^="ou-"] caption[data-label]::before,
.ou-justedit-region table[class^="ou-"] th[data-label]::before{
	content: attr(data-label);
	color: black !important;
	background-color: transparent !important;
	border-color: transparent !important;
}

.ou-justedit-region table[data-snippet^="ou-"] caption[data-label] br,
.ou-justedit-region table[class^="ou-"] th[data-label] br {
	display: none;
}

.ou-justedit-region table[data-snippet^="ou-"] caption[data-label],
.ou-justedit-region table[class^="ou-"] th[data-label] {
	caret-color: transparent;
}


/********************************
* END Table Input Hint Styling
********************************/

/* default helper text for different content type */
table[data-snippet^="ou-"] thead th {
	text-align: center;
}

table[data-snippet^="ou-"] > tbody > tr > td::before {
	content: "Enter text. All styling will be stripped.";
}

table[data-snippet^="ou-"] td[data-type="wysiwyg"]::before {
	content: "Enter content freely using the WYSIWYG toolbar.";
}

table[data-snippet^="ou-"] td[data-type="text-link"]::before {
	content: "Enter text. Optionally, make it a link.";
}

table[data-snippet^="ou-"] td[data-type="link"]::before {
	content: "Insert a link using the WYSIWYG toolbar. The system only reads the first link inside this cell.";
}

table[data-snippet^="ou-"] td[data-type="links"]::before {
	content: "Insert multiple links using the WYSIWYG toolbar. The system only reads links inside this cell.";
}

table[data-snippet^="ou-"] td[data-type="list"]::before {
	content: "Insert multiple links using the WYSIWYG toolbar. The system only reads links inside this cell.";
}

table[data-snippet^="ou-"] td[data-type="image-link"]::before {
	content: "Insert an image using the WYSIWYG toolbar. Optionally, make it a link. The system only reads the first image inside this cell.";
}

table[data-snippet^="ou-"] td[data-type="image"]::before {
	content: "Insert an image using the WYSIWYG toolbar. The system only reads the first image inside this cell.";
}

table[data-snippet^="ou-"] td[data-type="images"]::before {
	content: "Insert multiple images using the WYSIWYG toolbar. The system only reads images inside this cell.";
}

table[data-snippet^="ou-"] td[data-type="number"]::before {
	content: "Enter a number. This field must be a number.";
}

table[data-snippet^="ou-"] td[data-type="list"]::before {
	content: "Enter a list using the WYSIWYG. The system only reads list items inside this cell.";
}

table[data-snippet^="ou-"] td[data-type="snippet"]::before {
	content: "Insert a specific snippet. Please refer to the documentation to see which snippets are supported.";
}

table[data-snippet^="ou-"] td[data-type="snippets"]::before {
	content: "Insert one or more snippets. Please refer to the documentation to see which snippets are supported.";
}

table[data-snippet^="ou-"] td[data-type="iframe"]::before {
	content: "Insert a video using the WYSIWYG. The system only reads the first video inside this cell.";
}

table[data-snippet^="ou-"] td[data-type="asset"]::before {
	content: "Insert an asset. This cell only reads the first asset.";
}

table[data-snippet^="ou-"] td[data-type="asset"][data-asset="gallery"]::before {
	content: "Insert a gallery asset. This cell only reads the first gallery asset.";
}

table[data-snippet^="ou-"] td[data-select-list]::before {
	content: "This is a multiple-choice cell. Click on the cell to view your list of options.";
}

table[data-snippet^="ou-"] td[data-type="element"][data-elements="table"]::before {
	content: "Insert a table using the WYSIWYG toolbar. This cell only supports 1 table.";
}

table[data-snippet^="ou-"] td[data-name="feed-parser-config"]::before {
	content: "Please link to a simplified feed parsing configuration file.";
}

table[data-snippet] td[data-name="heading"]::before {
	content: "Enter heading text. All styling will be stripped.";
}

table[data-snippet] td[data-name="subheading"]::before {
	content: "Enter subheading text. All styling will be stripped.";
}

table[data-snippet^="ou-"] {
	counter-reset: items;
}

table[data-snippet^="ou-"] > tbody > tr > td ol, table[data-snippet^="ou-"] > tbody > tr > td ul{
	padding-left: 40px;
}

table[data-snippet^="ou-"] > tbody > tr[data-name="item"] {
	counter-increment: items;
}

table[data-snippet="ou-accordion"] > tbody > tr[data-name="item"] > td[data-name="heading"]::before {
	content: "Panel " counter(items) " — All styling is stripped.";
}

table[data-snippet="ou-tabs"] > tbody > tr[data-name="item"] > td[data-name="heading"]::before {
	content: "Tab " counter(items) " — All styling is stripped.";
}

/* example of helper text */
.ou-justedit-region table.ou-table-class > tbody > tr > td:nth-child(1):before {
	content: "Add your content and style via WYSIWYG editor toolbar";
}

table[data-snippet^="ou-"] td[data-type="impact-image"]::before {
	content: "Insert an image using the WYSIWYG toolbar. Recommended Image Dimensions: 1920px x 963px. This will also be used as the video thumbnail if a video is added.";
}

table[data-snippet^="ou-"] td[data-type="mobile-image"]::before {
	content: "Insert an image using the WYSIWYG toolbar. Recommended Image Dimensions: 580px x 654px. The mobile image is optional.";
}

table[data-snippet='ou-impact-area'] td[data-type='video']::before { content: "Insert an MP4 video file using the WYSIWYG. Recommended Video Dimensions: 1920px 963px."}

table[data-snippet='ou-left-right-2-col'] td[data-type='video']::before, table[data-snippet='ou-column-item'] td[data-type='video']::before, table[data-snippet='ou-listing-item'] td[data-type='video']::before { content: "Provide the 11 character YouTube embed ID."}

table[data-snippet='ou-left-right-2-col'] td[data-name='left-right-2-image']::before { content: "Insert an image using the WYSIWYG toolbar. Recommended Image Dimensions: Landing - 827px x 636px or Interior - 519px x 400px. This can also be used as the video thumbnail if a video is added, but is optional if the video is added."}

table[data-snippet='ou-listing-item'] td[data-name='column-image']::before { content: "Insert an image using the WYSIWYG toolbar. Recommended Landing Dimensions: 463px x 317px. Recommended Interior Dimensions: 404px x 277px. This can also be used as the video thumbnail if a video is added, but is optional if the video is added."}

table[data-snippet='ou-column-item'] td[data-name='column-image']::before { content: "Insert an image using the WYSIWYG toolbar. Recommended Landing Dimensions: 3 Columns - 431px, 2 Columns - 700px W, 1 Column - 1436px. Recommended Interior Dimensions: 3 Columns - 325px, 2 Columns - 487px W, 1 Column - 1061px. This can also be used as the video thumbnail if a video is added, but is optional if the video is added."}

table[data-snippet^='ou-'] td[data-type='impact-slide-items']::before { content: "Insert the Impact Slide Snippet using the WYSIWYG toolbar. This will only support the first 5 slides."}

table[data-snippet^='ou-'] td[data-type='hover-column-items']::before { content: "Insert the Hover Columns Snippet using the WYSIWYG toolbar. This will only support 2-3 columns."}

table[data-snippet^='ou-'] td[data-type='column-items']::before { content: "Insert the Column Snippet using the WYSIWYG toolbar. This will only support 1-3 columns."}

table[data-snippet^='ou-'] td[data-type='listing-items']::before { content: "Insert the Listing Column Snippet using the WYSIWYG toolbar."}

table[data-snippet^='ou-'] td[data-type='homepage-tab']::before { content: "Insert the 3-5 Tab Snippets using the WYSIWYG toolbar. This will only support the first 5 tabs."}

table[data-snippet^='ou-'] td[data-section-heading='true']::before { content: "Enter text. All styling will be stripped. A section heading is REQUIRED for screen readers. "}

/* hide multiple tabs on Homepage Two Column Tabs */
/* hide multiple testimonals */
.homeTabPanels > div#tabpanel-1:not(:first-of-type),
.quoteSlides > div:not(:first-child){
	display: none;
}

/* make sure edit button is above other elements and clickable */
.temp_toolbar.mceNonEditable {
	z-index: 100 !important;
}

.ou-justedit-region a.ctaLink::after {
	transform: none;
}

table[data-snippet='ou-header-social-media'] td{
	background-color: #c4e8ff;
}