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

table[class^=ou-]{ width: 100%; cursor: default; margin-bottom: 4rem !important; }

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

table[class^="ou-"], .mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #b1b1b1;
	box-sizing: border-box;
}

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

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

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

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

table[class^=ou-]{ margin: 32px 0 !important; }

table[class^="ou-"] td {
	position: relative !important;
}

[data-select-list] {
	cursor: pointer !important;
}

[data-select-list]:empty::after {
	content: 'Click here to select an option' !important;
	display: block !important;
	border: 1px dashed #808080 !important;
	border-radius: 6px !important;
	padding: 0 4px !important;
}

ul.ou-select-list {
	max-height: 200px !important;
	max-width: 400px !important;
	overflow-y: auto !important;
	list-style-type: none !important;
	padding-left: 5px !important;
	margin: 0 !important;
	position: relative !important;
}
ul.ou-select-list li {
	padding: 4px !important;
	cursor: pointer !important;
}
ul.ou-select-list li:hover { background-color: #ADD8E6 !important; }
ul.ou-select-list li.active { background-color: #0077b1 !important; }

table[class^=ou-]{ margin: 32px 0 !important; }

table[class^="ou-"] td {
	position: relative !important;
}

div.ou-table-separator {
	position: absolute !important;
	left: 0 !important;
	width: 100% !important;
	margin-top: -32px !important;
	padding: 4px 15px !important;
	height: 32px !important;
	line-height: 22px !important;
	font-size: 14px !important;
	outline: none !important;
	opacity: 1 !important;
	cursor: url(/_resources/ou/editor/table-separator/insert-icon-32.png) 10 10, copy !important;
}

td > div.ou-table-separator {
	padding: 4px 5px !important;
}

div.ou-table-separator:first-child {
	margin-top: -10px !important;
}

div.ou-justedit-region > div.ou-table-separator:first-child {
	margin-top: 0 !important;
}

div.ou-table-separator::before {
	display: block !important;
	color: #31708f !important;
	background-color: #fff !important;
	border-color: #bce8f1 !important;
	text-align: center !important;
	border-radius: 5px !important;
	border: dashed 1px #31708f !important;
}

div.ou-table-separator:hover::before {
	content: 'Click to insert content' !important;
}
[data-table-separator-options~="clone"] > div.ou-table-separator:hover::before {
	content: 'Click to insert another snippet' !important;
}

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

/* Generic table "tool-tip/alert" info styling */
table[class^="ou-"] th:before,
table[class^="ou-"] td:before,
table[class^="ou-"] caption:before,
table[class^="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;
}

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

/* CTA Card Container helper text */
table.ou-snippet-cta-cards-container-generic > tbody > tr > td:nth-child(1):before { content: 'Add your CTA Card Snippets. Every Card Snippet corresponds to a new row'; }
table.ou-snippet-cta-cards-container-restricted > tbody > tr > td:nth-child(1):before { content: 'Add your CTA Card Snippets. Every Card Snippet corresponds to a new row'; }

/* CTA Card helper text */
table.ou-snippet-cta-cards > tbody > tr > td:nth-child(1):before { content: 'Add your image with link via WYSIWYG editor toolbar. Every row corresponds to a CTA Card'; }
table.ou-snippet-cta-cards > tbody > tr > td:nth-child(2):before { content: 'Add your title text'; }

/* Messagebox helper text */
table.ou-snippet-messagebox > tbody > tr:nth-child(1) > td:before { content: 'Add your heading text'; }
table.ou-snippet-messagebox > tbody > tr:nth-child(2) > td:before { content: 'Add your contact info. "Insert Line Break" via WYSIWYG to create a new line'; }
table.ou-snippet-messagebox > tbody > tr:nth-child(3) > td:before { content: 'Add your content and style via WYSIWYG editor toolbar'; }

/* Link Cards helper text */
table.ou-snippet-link-cards > tbody > tr:nth-child(1) > td:nth-child(1):before { content: 'Add your link via WYSIWYG editor toolbar. Use h2/h3 styling only. Every row corresponds to new card. 2-4 cards per row'; }
table.ou-snippet-link-cards > tbody > tr > td:nth-child(1):before { content: 'Add your link via WYSIWYG editor toolbar.'; }


table.ou-snippet-success-stories > tbody > tr > td:nth-child(1):before { content: 'Add your image with link via WYSIWYG editor toolbar. Every row corresponds to a Card'; }
table.ou-snippet-success-stories > tbody > tr > td:nth-child(2):before { content: 'Add your caption text'; }
table.ou-snippet-success-stories > tbody > tr:nth-child(1) > td:nth-child(1):before { content: 'Add your heading text'; }

/* 4 Block w/ Backgroud Image */
table.ou-snippet-four-block > tbody > tr.data > td:nth-child(1):before {content: 'Add your heading text';}
table.ou-snippet-four-block > tbody > tr.data > td:nth-child(2):before {content: 'Add your link via WYSIWYG editor toolbar.';}
table.ou-snippet-four-block > tbody > tr > td:nth-child(1):before {content: 'Add your image with link via WYSIWYG editor toolbar.';}

/* 2 Short - 2 Long Block */
table.ou-snippet-short-long-block > tbody > tr > td:before {content: 'Add your heading text';}

/* 4 Blue Block */
table.ou-snippet-4-blue-block > tbody > tr > td:before {content: 'Add your heading text';}

/* 2 Stack Wide Block */
table.ou-snippet-2-stack-wide-block > tbody > tr > td:before {content: 'Add your heading text';}

/* Connect With Us */
table.ou-snippet-connect-with-us > tbody > tr > td:before {content: 'Add your asset via WYSIWYG asset chooser.';}
