#content-settings-iframe {
	
	display:block;
	height:600px;
	width:94%;
	border: 1px solid rgb(210,210,210);
	overflow:auto;
	padding: 2.5%;
	background: rgb(235,235,235);	
	
}

.settings-message {
	
	display:block;
	height:400px;
	width:100%;
	padding-top: 200px;
	
}


.settings-message a{
	
	cursor:pointer;
	display:inline-block;
	width:auto;
	padding: 0.5em 1em;
	font-size: 1.5em;	
	border-radius: 0.5em;
	border: 1px solid rgb(210,210,210);
}

.option-container {display:block;width:100%;float:none;margin-bottom:1em;}

.label-float-left {display:inline-block;float:left;margin-right:1.5em;}

.radio-option-float {display:inline-block;margin-left:0.5em;font-style:italic;}

.settings-message a:hover{

	background: rgb(225,225,225);
	color: #fff;
}

.settings-message svg{
	
	font-size: 1em;	
	margin-right:1em;
}


.content-menu-actions button {display:inline;float:none;width:auto;padding: 0.2em 1em;}

.content-settings-container {
	display:block;
	height:95%;
	width:90%;
	padding: 1.5em !important;
	margin:0 !important;
}

#settings-actions  {
	
	display:block;
	font-size:0.85em;
	float:none;
	width: 100%;
	color: rgb(100,100,100);
	border-bottom: 1px solid rgb(225,225,225);
	margin-bottom: 2.5em;
}


#settings-actions button {
	
	opacity: 0.6 !important;
	border-bottom: none !important;
	font-size: 1em;padding: 0.5em 0.7em;
	cursor:pointer;	
}

#settings-actions button:hover {

	opacity: 1 !important;
}

li.display-options {display:block;height: auto;min-height:20em;}


#settings-actions svg {
	
	font-size: 1em;margin-right:0.3em;
	
}

#contentSettingsMenu {
	
	display:block;
	height: 2em;
	list-style:none;
	line-height: 1.2em;
	width: 90%;
	margin:0;
	padding:0;
	margin-top: 1em;
	border-bottom: 1px solid rgb(210,210,210);
	
}

#contentSettingsMenu li{
	
	cursor:pointer;
	display:inline;
	padding: 0.5em;
	list-style:none;
	margin-right: 0.2em;
	line-height: 1.2em;
	background: rgb(240,240,240);
	border: 1px solid rgb(210,210,210);
	border-bottom: 3px solid rgb(235,235,235);
	
}

#contentSettingsMenu li:hover{
	
	border-bottom: 3px solid rgb(50,50,50);

}


li svg{
	
	font-size: 1.5em;
	margin-right: 0.6em;
	
}

#contentSettingsMenu li:hover {
	
	display:inline;
	padding: 0.5em;
	list-style:none;
	line-height: 1.2em;
	border: 1px solid rgb(210,210,210);
	background: rgba(71,163,218,0.3);
	border-bottom: 1px solid rgb(235,235,235);
	
}


#content-display {
	
	display:block;
	margin:0;
	padding: 0.5em;
	height: 450px;
	overflow:none;	
	
}

.content-options {
	
	display:block;
	height: 600px;
	padding: 0 0.5em;
	margin:0;
	list-style:none;
	overflow:auto;
	text-align:left;
	background: rgb(245,245,245);
	border: 1px solid rgb(250,250,250);	
	
}

.content-selector {
	
	display:block;
	height: 400px;
	padding: 0 0.5em;
	margin:0;
	list-style:none;
	overflow:auto;
	text-align:left;
	background: rgb(245,245,245);
	border: 1px solid rgb(250,250,250);	
	
}

.content-selector li{
	
	cursor: pointer;
	display:block;
	float:none;
	padding: 0.3em;
	height: 1.2em;
	list-style:none;
	line-height: 1.2em;
	background: rgb(240,240,240);
	border: 1px solid rgb(225,225,225);
	margin:0 !important;
	border-radius: 0.3em;	
}

#template-selector {
	
	display:block;
	height: 400px;
	padding: 0;
	margin:0;
	list-style:none;
	overflow:auto;
	text-align:left;
	background: rgb(245,245,245);
	border: 1px solid rgb(250,250,250);	
	
}

#template-selector li{
	
	cursor: pointer;
	display:inline;
	float:left;
	margin: 1em;
	padding: 0.5em;
	list-style:none;
	width: 12em;
	height: 20em;
	background: none;
	background: rgb(250,250,250);
}

#template-selector li table{
	
	height: auto !important;
	border: none;
	float:left;
}


.main-table{
	
	width: 10em !important;
	height: 14.5em !important;
	border: none;
	padding: 0.5em;
	margin-bottom: 0.5em;
	float:left;
	border: 1px solid rgb(100,100,100);
}

.light-gray-background{background: rgb(245,245,245);}

.main-content-row {height:10em;border: 1px solid rgb(100,100,100);margin-bottom:0.5em;}

.full-height-row {height:14em !important;}

.two-thirds-height-row {height: 10em! important;margin-bottom: 0.5em;}

.one-third-height-row {height: 30% !important;margin-bottom: 0.5em;}

.one-quarter-height-row {height: 21.5% !important;margin-bottom: 0.5em;}

.no-border {border: none !important;}

.bordered {border: 1px solid rgb(100,100,100) !important;}

.three-quarter-width {width: 68% !important;float:left !important;margin-right: 5% !important;border: 1px solid rgb(100,100,100);}

.one-quarter-width {width: 23% !important;float:left !important;border: 1px solid rgb(100,100,100);}

ul.tiles {width:100%;list-style:none;height:auto;margin:0;padding:0;}

ul.tiles li {display:inline-block;float:left !important;height:3em !important;width:30% !important;margin:0 !important;margin-right:3% !important;padding:0 !important;border: 1px solid rgb(100,100,100);}

ul.tiles li:last-child {margin-right:0 !important;}

ul.tiles-two-columns {width:100%;list-style:none;height:auto;margin:0;padding:0;}

ul.tiles-two-columns li {display:inline-block;float:left !important;height:4em !important;width:44% !important;margin:0 2% 1em 2% !important;padding:0 !important;border: 1px solid rgb(100,100,100);}

ul.tiles-three-columns {width:100%;list-style:none;height:auto;margin:0;padding:0;}

ul.tiles-three-columns li {display:inline-block;float:left !important;height:4em !important;width:28% !important;margin:0 2% 1em 2% !important;padding:0 !important;border: 1px solid rgb(100,100,100);}


ul.tiles-four-columns {width:100%;list-style:none;height:auto;margin:0;padding:0;}

ul.tiles-four-columns li {display:inline-block;float:left !important;height:4em !important;width:19.75% !important;margin:0 2% 1em 2% !important;padding:0 !important;border: 1px solid rgb(100,100,100);}


.template-selector-name i{font-size:1.5em;margin: 0 1em 1em 0;}

#template-selector li td{
	
	border: 1px solid rgb(125,125,125);
	padding: 0.2em;
}


#template-selector li td{
	
	border: 1px solid rgb(220,220,220);
	padding: 0.2em;
}

#template-selector li.template-active{
	
	background: rgba(71,163,218,0.3);
}


.content-selector li.csm-active{
	
	background: rgba(71,163,218,0.3);
	
}


#structures-menu  {
	
	display:block;
	width:100%;
	float:none;
	height: 2em;
	font-size: 0.9em;
	padding: 0 0.5em;
	margin:0;
	list-style:none;
	text-align:left;
	margin-top: 0.5em;
	
}

#structures-menu li{
	
	cursor: pointer;
	display:inline-block;
	float:left;
	padding: 0.5em;
	list-style:none;
	line-height: 1.2em;
	border: 1px solid rgb(225,225,225);
}

#structures-menu li.sm-active {
	
	background: rgb(200,200,200);
	font-weight:700;
}

ul.categories-picker  {display:block;line-height:1em;width:100% !important;max-width:700px;height:20em;overflow:auto;list-style:none;margin:0 !important;padding: 1em !important;background: rgba(182,194,204,0.1);}

ul.categories-picker li{display:inline-block;float:left;height:1.25em !important;margin:0.2em !important;cursor:pointer;}

ul.categories-picker li span {float:left;padding:0.4em !important;background: rgba(182,194,204,0.3);font-size:1em;border-radius: 0.25em;color: rgb(100,100,100);}

ul.categories-picker li span .fa.fa-check {opacity: 0.3;padding-right:0.4em;}

ul.categories-picker li.cat-tag-option:hover .fa.fa-check {opacity: 1;}

/** ul.categories-picker li.cat-tag-option:hover span {background: rgba(23,161,218,0.8);cursor:pointer;color:#fff;}**/

ul.categories-picker li span.selected-cat {background: rgba(23,161,218,1);color: #fff;}

ul.categories-picker li span.selected-cat .fa.fa-check {opacity:1;color: #fff;}