* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html {
	background: #fff;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #26345f
}
body {}
.allContainer {
	position: relative;
	text-align: left;
	padding: 15px;
}

/*    General stuff */
table td { padding: 2px 4px; }
p { margin-bottom: 15px; }
p:last-child { margin-bottom: 0; }
img { border: none; }
img.thumbnail { max-width: 100%; }
.previewImage img.thumbnail { max-width: 200px; }

.desktoponly { display: none; }
.mobileonly { display: block; }

h2, h3, h4 {
	font-weight: bold;
	font-size: 110%;
	color: #26345f;
	margin: 2ex 0;
}
h2 { font-size: 120%; }
h2.standalone, h3.standalone { margin-bottom: 0; }
h4, h5 { font-size: 100%; }
h5 { margin: 0; }
.instruction, .note, .summary {
	font-size: 90%;
	color: #444;
}
.note { padding: 5px; }
.warning, h3.warning, .field.required .asterisk, .requiredFieldNote .asterisk {
	font-weight: bold;
	color: #1f3c6e;
}
.box .boxFrame .field i { margin-left: 15px; font-size: 1.5rem; }
.attention, h3.attention, .requiredFieldNote, #sheet.error {
	font-weight: bold;
	color: #1f3c6e;
	padding: 10px 15px 5px 0;
	display: inline-block;
}
.adminerror {
	padding: 8px;
	background: #ebebeb55;
	font-weight: bold;
	color: #1f3c6e;
	padding-left: 200px;
}
.okay
{ color: #008800; }
box.attention, .boxFrame.attention { font-weight: normal; }
.prop { display: none; }
hr {
	border-top: 1px solid #ddd;
	border-top: 1px solid #eee;
	border-left: none;
	border-right: none;
}
.wizardDescription {
	font-size: 12px;
	font-style: italic;
}
.subtext { font-size: 7.5pt; }
.bigger { font-size: 120%; }
.smallhighlight, a.smallhighlight {
	font-weight: bolder;
	font-size: 7pt;
}

.bold { font-weight: bold; }

.selectbymonth {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.selectbymonth .monthselector {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}

.selectbymonth * {
	align-self: center;
}
.selectbymonth .monthselector select {
	margin: 0 5px;
	padding: 5px 10px;
	border: solid 1px rgba(38,52,95,0.25);
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.selectbymonth i {
	font-size: 2.4rem;
	cursor: pointer;
}
#currentmonth {
	padding: 5px 10px;
	background: #fff;
	border-radius: 5px;
	border: solid 1px rgba(38,52,95,0.25);
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.selectbymonth .right.controls a.button.small.addButton {
	padding: 5px 10px;
}
span.expired {
	display: inline-block;
	padding: 10px;
	color: #667;
	font-weight: bold;
}


	/* admin ui global classes*/
	.mainAdminSummary h3 {
	margin-top: 30px;
}
	.mainAdminSummary h3.mainContentArea { margin-top: 50px; }
	.sectionDivider {
		border-bottom: solid 1px rgb(38,52,95,0.25);
		padding-bottom: 10px;
	}
.containerBorder {
	background: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid rgba(38,52,95,0.25);
	box-shadow: 0 3px 6px 0 rgb(0 0 0 /15%);
	display: block;
}
.containerBorderRound {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.containerPad15 { padding: 15px;}
.containerPad10 { padding: 10px; }
.containerMarginTB5 { margin: 10px 0px 10px 0px; }
.containerLeftBorder { border-left:solid 10px #26345f;}

.noSort .fa-grip-dots-vertical { display: none; }
#itemsBox .right .button.small.addButton { margin-bottom: 10px; }
.pageSettings {
	font-size: 110%;
	font-weight: bold;
	color: rgb(38,52,95,0.25);
	margin-block-start: 0.20em;
}
.pageSettings a {
	text-decoration: none;
	color: #26345f;
}
	.pageSettings a:hover {text-decoration: none; color: #000;}
/* generic floaters */
.right {
	float: right;
}
.left { float: left; }
.right, .left { vertical-align: middle; }
.ib { display: inline-block; }

/* generic alignment */
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }

/* image masking */
img.circle { clip-path: circle(50% at 50% 50%); }
img.square { clip-path: inset(0 0 0 0); }
img.rightpoint { clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); }
img.leftpoint { clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%); }
img.triangle { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
img.itriangle { clip-path: polygon(0% 0%, 100% 0%, 50% 100%); }
img.octagon { clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); }
img.bevel { clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); }


.mainAdmin {
	clear: both;
	text-align: left;
	display: block;
}
.rightAdmin {}

.leftAdminSummary, .leftAdminSummary .contentTools {
	/*padding: 10px;*/
	display: block;
	background: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid rgba(38,52,95,0.25);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
	.leftAdminSummary.borderless {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border: none;
		box-shadow: none;
	}
	.mainAdminSummary {
		vertical-align: top;
		padding: 10px;
		display: block;
	}
.AdminSummaryPage .mainColumn, .AdminSearchSummary .mainColumn
{
	padding-left: 0;
}
.wizardTable
{
	width: 100%;
	position: relative;
	margin-bottom: 50px;
}
.upsell
{
	color: #5a5a0c;
	background-color: #f4f49c;
	border-bottom: 1px solid #cdcd19;
	font-size: 90%;
}

/* links */
a { color: #1f3c6e; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
a.smallhighlight:hover { color: #1f3c6e; }

a.menuItem:link, a.menuItem:visited
{
	font-weight: normal;
	text-decoration: none;
	color: #333399
}

/*    Banner stuff */
.banner
{
	position: relative;
	color: #333;
}
.LineTwo {
	padding: 0; margin: 0;
	white-space: normal;
	border-bottom: 1px solid #000;
}
.LineTwo .logo { padding: 5px 25px 0 15px; display: block; border-bottom: 1px solid #d2d2d2; }
.LineTwo .logo img { height: 30px; }

.banner .upper {
	padding: 10px 15px;
	text-align: right;
	color: #fff;
	background: #1f3c6e;
}
.banner .upper i {
	color: #fff;
	margin-right: 5px;
}
.banner .upper a, #banner .upper a:hover {
	color: #fff;
	text-decoration: none;
}
.banner .upper a:hover { text-decoration: underline; }

.banner .bar { margin: 0 0.6em; }
.banner a { color: #ffffff; }
.banner a:hover { color: #ffffff; }

.tabs {
	display: block;
	/* white-space: nowrap; */
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	font-size: 12px;
}
.tabs a {
	color: #1f3c6e;
	/*	text-transform: uppercase; */
	text-decoration: none;
	white-space: normal;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	display: inline-block;
	/* border-right: 1px solid #fff; */
	border: 2px solid transparent;
	border-radius: 15px;
	margin-right: 3px;
}
.tabs a:last-child { border-right: none; }
.tabs a.current, .tabs a:hover {
	color: #1f3c6e;
	border: 2px solid #00c389;
}

/*.livepage {
	display: table;
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-right: -10px;
	border-spacing: 10px;
}
.livepage a {
	display: table-cell;
	background: #1f3c6e;
	color: white;
	text-align: center;
	padding: 8px 10px;
}
.livepage a:first-child { margin-right: 10px;}
.finishButtons*/

{
	position: relative;
	text-align: right;
	vertical-align: middle;
	clear: both;
	margin: 10px 0;
}

.auditLogLink {
	font-size: 80%;
	display: block;
	text-align: left;
	padding: 5px;
}

.auditLog
{
	margin-top: 1em;
	text-align: left;
}
.auditLog table
{
	border-collapse: collapse;
	width: 100%;
}
.auditLog table td, .auditLog table th
{
	color: #333;
	padding: 4px 4em 4px 9px;
	cursor: auto;
}

table.merchantInfo td  {
    text-align: center;
    vertical-align: middle
}

table.merchantInfo td > ul {
    list-style-position:inside;
    text-align: left;
    padding-left:10px;
}

table.merchantInfo th {
    height: 30px;
    text-align: center;
    vertical-align: middle
}

/*    Buttons  */
input, select { padding: 2px 5px; }
input:invalid,
.field .input input:invalid {	
	border: 2px solid rgba(200,0,0,0.9); 
/*	box-shadow: 0 0 5px 1px red; */
}
button#cropImageButton { margin-top: 15px; }

select {padding: 7px; }
button.finished, button.create, button.save, input.submit, a.chooseButton
{
	font-weight: bold;
}
div.button { text-align: right; padding: 5px 5px 15px 5px; }
a.button, .expiredTile
{
	display: inline-block;
	position: relative;
	color: white;
	text-decoration: none;
	margin: 0 2px;
	padding: 2px 11px;
	cursor: pointer;
}
input.applymessagetemplatebutton, input.sendtestmessagebutton {
	padding: 1px 8px;
	margin: 0 10px;
}

.finishButtons a.button {
	padding: 14px 38px;
}

a.button.small, .expiredTile
{
	display: inline-block;
	font-size: 90%;
	white-space: nowrap;
	padding: 2px 1em;
}

.fixedWidthButtons a.button.small { text-align: center; padding: 3px 5px;}
.buttonMenu { background: white; }
a.button { color: #333;  }
/* a.button:hover { color: white; background: #111; } */
a.button:hover { color: #000; background: #f2f2f2; }
a.onButton, a.finishedButton, a.chooseButton {  }
a.onButton:hover, a.addButton:hover, a.finishedButton:hover, a.chooseButton:hover, a.createButton:hover,
.buttonMenu.add a:hover, .button.menu.addButton.open
{  }
a.offButton, a.cancelButton { }
a.offButton:hover, a.cancelButton:hover {  }
a.editButton, a.previewButton, a.permissionsButton, a.usersButton, a.backButton{  }
a.editButton:hover, a.previewButton:hover, a.permissionsButton:hover, a.usersButton:hover, a.sortButton:hover, a.backButton:hover, a.searchButton:hover {  }
a.sortButton { color: #333; }
a.small.button.grayButton {  }
a.small.button.grayButton img{ margin: 0; opacity: 0.6; filter: alpha(opacity = 60); }
a.small.button.grayButton:hover { cursor: wait; }

/* special cases */
a.finishedButton
{
	font-weight: bold;
	padding-left: 2em;
	padding-right: 2em;
}

/* new, fancy flat-look item buttons! */
a.button { color: #333; }
.item .controls .button, .item .expiredTile {
	float: left;
	border-radius: 0;
	padding: 7px 8px;
	/*/margin: 0 0 0 1px; */
}
.button.onButton, .button.offButton {
	display: inline-block;
	text-align: center;
}
a.editButton, a.previewButton,
a.permissionsButton, a.usersButton,
a.backButton, a.searchButton,
.sortButtons button, .LRButtons button { color: #333; }

.item a.small.editButton { }
a.small.editButton:hover { color: #333; }
a.offButton, a.cancelButton, .expiredTile { color: #717b8d; }
a.offButton .fa-circle { color: #78e000; }
a.onButton, a.finishedButton,
a.chooseButton, a.createButton,
a.addButton, .buttonMenu.add {
	color: #26345f;
	border: solid 1px rgba(38,52,95,0.25);
	border-radius: 5px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.itemtitle { 
	display: inline-block; 
	vertical-align: bottom;
	margin: 0 10px;
}

a.onButton .fa-circle,
span.onButton .fa-circle {
	color: #78e000;
}
a.offButton .fa-circle,
span.offButton .fa-circle {
	color: #d92128;
}
span.onButton, span.offButton {
	display: inline-block;
	padding: 10px 9px 5px 8px;
}

a.button {
	margin: 2px;
	border: solid 1px rgba(38,52,95,0.25);
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

.button img {
	position: relative;
	top: 1px;
	margin: -2px 1ex -2px -2px;
}

a.planButton {
    background: #E5E5E5;
    color: #000;
    border-style: solid;
    border-color: #000;
    border-radius: 2px;
}
a.planButton:hover {
    color: #000;
    background: #E5E5E5;
}

/* button menus */
.button.menu.open {}
.buttonMenu {
	position: absolute;
	width: 240px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	overflow: hidden;
}
.buttonMenu.alignedRight {}
.buttonMenu a {
	display: block;
	color: inherit;
	padding: 0.8ex 1.6ex;
	text-decoration: none;
}
.buttonMenu.add a {	color: #253725; }

.requiredFieldNote {
	margin-right: 2em;
	margin-top: 1em;
}

button, input.submit {
	font-size: 105%;
	margin-right: 5px;
	padding: 2px 5px;
}
button.manageImages { margin-right: 15px; }
.adminAlertMessage { background-color: yellow; }
.adwareAlertMessage {
	font-weight: bold;
	background-color: yellow;
	font-size: 8pt;
	color: blue;
	line-height: 14px
}
label.above { display: block; }
label.aside { margin-left: 1em; }


/*    Boxes   */
.box {
	margin: 28px 0;
	/* background: #ebebeb55; */
	border: 1px solid #ebebeb;
	padding: 9px 13px;
	overflow: hidden;
	clear: both;
}
.nicebox {
	margin: 0;
	background: #fff;
	border: 1px solid rgba(38,52,095,0.25);
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
	overflow: hidden;
}
.box .header {
	float: left;
	width: 100%;
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}
.box .body { clear: both; }
.box .header h3, .box .header h4 { margin: 0; }
.box.bare {
	border: none;
	background: none;
	padding: 0;
}
.box.withFrames { padding: 0; }
.box.top, .box:first-child { margin-top: 0; }
.boxFrame { padding: 13px 15px; }
h2.boxFrame, h3.boxFrame { margin: 0; }
.boxFrame.dark {
	margin-left: -4px;
	margin-right: -4px;
}

.box > .lastRow {
	margin: 9px 0 0 0;
	padding: 0;
}

.box-Merchant {
    margin: 28px 0;
    background: transparent;
    border: 1px solid #d2d2d2;
    padding: 9px 13px;
    overflow: hidden;
    clear: both;
    width: max-content;
}

.font-size-small {
    font-size: small;
}
/* permissions */

.permissionrow { padding: 2px 0 2px 15px; border-top: 1px dotted #555; }
.permissionrow.haschildren { padding: 2px 0 2px 5px; }
.permissions .permissionrow:nth-child(even),
.permissions .permissionrow .permissionrow:nth-child(even),
.permissions .permissionrow .permissionrow .permissionrow:nth-child(even),
.permissions .permissionrow .permissionrow .permissionrow .permissionrow:nth-child(even),
.permissions .permissionrow .permissionrow .permissionrow .permissionrow .permissionrow:nth-child(even),
.permissions .permissionrow .permissionrow .permissionrow .permissionrow .permissionrow .permissionrow:nth-child(even)
{ background: #eee; }

.permissions .permissionrow:nth-child(odd),
.permissions .permissionrow .permissionrow:nth-child(odd),
.permissions .permissionrow .permissionrow .permissionrow:nth-child(odd),
.permissions .permissionrow .permissionrow .permissionrow .permissionrow:nth-child(odd),
.permissions .permissionrow .permissionrow .permissionrow .permissionrow .permissionrow:nth-child(odd),
.permissions .permissionrow .permissionrow .permissionrow .permissionrow .permissionrow .permissionrow:nth-child(odd)
{ background: #fff; }

.permissionrow .plusminus {
	cursor:pointer;
	display: inline-block;
	width: 10px;
	text-align: left;
	font-weight: bold;
}


/* login */
.adminLoginMessage { padding: 20px; }
.leftBox ul { padding-left: 20px; }
.loginbox { border: 1px solid #000; padding: 0; }
.loginbox h2 {
	background: #1e3e6d;
	color: white;
	padding: 20px;
	margin-top: 0px;
}

div > .loginButton { text-align:center; }
.loginButton {
	display: inline-block;
	width: 90%;
	padding: 10px 15px;
	margin: 16px 16px;
	font-weight: bold;
	font-size: 110%;
	background: white;
	border: none;
	color: #26345F;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border: 2px solid transparent;
}

#formLogin {
	border: none;
	margin: 0;
}

#formLogin h3.admin {
	margin-bottom: 2px
}
#formLogin .row { margin-bottom: 6px }
#formLogin input.text { width: 100%; font-size: 120%; }
.loginProblem, .box.error {
	text-align: left;
	background: #f5f1f1;
	border-top: 1px solid #e2d7d7;
	border-bottom: 1px solid #e2d7d7;
	margin-bottom: 15px;
}
.loginProblem:first-child { border-top: none; }
.loginProblem:last-child { border-bottom: none; }
.login.lastRow { text-align: right; padding: 2px 0 15px 0; }
#loginbutton {
	padding: 5px 15px;
	font-weight: bold;
	font-size: 100%;
	background: #ebebeb;
	border-radius: 15px;
	border: none;
	color: #1f3c6e;
	border: 2px solid transparent;
}
#loginbutton:hover { background: #fff; border: 2px solid #00c389; }

.forgotpass { display: block; margin-top: 20px; }

.updateContactInfo { width: 272px; }
.updateContactInfo a { font-weight: bold; }

/* social tools */
.actionCenter {	line-height: 1.5; margin-top: 30px; }
.actionCenter li a { text-decoration: none; }
.actionCenter li a > img {
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: -1px;
	height: 10pt;
}
/* .actionCenter li a > strong { text-decoration: underline; } */

/*    Site Tree!  */
.mobileMenu {
	display: block;
	font-size: 15pt;
	padding: 10px 0;
}
.mobileMenu i.fa { margin-right: 5px; cursor: pointer; }
.mobileMenu i.fa-times { display: none; }

ul.dmTree, ul.siteTree, li.section, ul.children, .sorterBucket {
	display: block;
	list-style: none outside;
	padding: 0;
	margin: 0;
	zoom: 1;
}
.ContentTools ul.siteTree { max-width: 100%; }
ul.recycleTree, ul.dmTree, ul.siteTree {
	display: none;
	line-height: 160%;
	margin: 0 0 20px -10px;
}
	ul.recycleTree, ul.dmTree, ul.dmTree ul.children, ul.recycleTree ul.children {
		display: block;
		line-height: 160%;
	}
		ul.recycleTree, ul.dmTree a.section span.title, ul.recycleTree a.section span.title {
			padding-left: 15px;
		}

.dm-security-grid-container {
	display: grid;
	grid-template-columns: auto auto auto auto;
	row-gap: 10px;
	column-gap: 10px;
}
.dmCluster h4 {
}

.grid-item {
	font-size: 100%;
}
.grid-item-center, .field.grid-item-center label {
text-align: center;
vertical-align: middle;
}

.grid-item-center i {
	font-size: 150%;
}
.dmFileName {
	padding: 10px;
}

	ul.children {
		position: relative;
		display: none;
	}
#siteTree { zoom: 1; position: relative; height: 100%;}
#siteTree .placeholder {
	padding: 2px 0;
	border: dashed 1px #aaa;
	margin-left: 1.6em;
	background: #fff;
}
#siteTree .placeholder.into { margin-left: 3.6em; }

/* sections! */
/*li.section { padding: 5px 0 5px 1em; }*/
li.section { margin: 0 0 0 14px; }
li.section:hover { position: relative; }
li.section a { cursor: pointer; }
li.section a, .contentToolsMenu a.homePage { text-decoration: none; padding: 5px 0; white-space: normal; display: block; clear: right; }
.contentToolsMenu a.homePage { margin-left: 20px; }
a.section.updatehistory { display: inline; }
li.section .title { font-weight: normal; padding: 5px 0; }
li.section.current > a .title { font-weight: bold; }
li.section:hover > a .title {	text-decoration: underline; }
li.section .dataType { color: #aaa; margin-left: 0.5ex; }
li.section .shortcut { color: #aaa; margin-left: 0.5ex; float: right; }
li.section.off .title { text-decoration: none; }
li.section .titleColor { text-decoration: none; }
li.section.off > a .strike,
li.section.off > a i.fa-times { text-decoration: none; color: #cc3333; }
li.section.off > a .titleColor { text-decoration: none; color:#cc3333; }
li.section.off a:hover .titleColor,
li.section.off > a:hover i.fa-times { color: #660000; }

li.section.hidden > a .titleColor,
li.section.hidden > a .title,
li.section.hidden > a i.fa-eye-slash { color: #999999; }
li.section.hidden > a:hover .title,
li.section.hidden > a:hover .titleColor,
li.section.hidden > a:hover i.fa-eye-slash { color: #555555; }

li.section .noRights .title, a.disabled { text-decoration: none; }


li.section > .noRights .titleColor,
li.section.hidden .noRights .titleColor,
li.section.off a.noRights:hover .titleColor,
li.section.hidden > a.noRights:hover .title,
li.section.hidden > a.noRights:hover .titleColor,
a.disabled
{ color: #999999; cursor: no-drop; }

li.section a.navDivider { color: #bbb; background: #eee; border: 1px solid #ddd; padding-left: 1em; }
li.section a.navDivider .title { text-decoration: none; }

#siteTree .indicator { display: none; }
.rollover .indicator { display: block; }
li.section a.triangle
{
	visibility: hidden;
	float: left;
	margin: 0 0 0 -15px;
	/* width: 20px; */
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	font-size: 100%;
}

.folderToggle {
	transform: translateY(-100%) translateX(-200%); /* Makes the button on the right of the folder title */
	margin-bottom: -40px;
	float: left;
}

.folderIcon {
	cursor: pointer;
}

/* triangles */
li.hasChildren.open a.triangle::after {
	font-family: FontAwesome;
	content: '\f0d7';
}
li.hasChildren.closed a.triangle::after
{
	font-family: FontAwesome;
	content: '\f0da';
}
li.haschildren.home.open a.triangle {
	visibility: hidden;
}


/* site tree rollover */
.rollover
{
	position: absolute;
	display: none;
	width: 260px;
	/* coordinates determined by JS */
	padding: 0.6em 1em;
	font-size: 90%;
}

/* shared style for rollovers and the sheet dialog */
.rollover, #sheet
{
	background: #fff;
	color: #333;
	white-space: normal;
	text-decoration: none;
	font-weight: normal;
	z-index: 500;
	border: 1px solid #d2d2d2;
	box-shadow: 3px 3px 14px rgba(0,0,0,0.15);
}

/* show on hover */
.title.hovering .rollover, .noRights .title.hovering .rollover
{
	opacity: 0.9;
	display: block;
}

.ContentTools .rollover
{
	right: auto;
	left: 30%;
}

.rollover .name, .rollover .headline { font-weight: bold; }
.rollover .rights { color: #664; display: block; margin-top: 1em; font-size: 90%; }
.rights .right { float: none; vertical-align: baseline; font-weight: bold; color: #080; }
.rollover .dataType { color: #664; }

hr.divider
{
	width: 60%;
	float: left;
	position: relative;
	top: 4px;
	border-color: #bbb;
}

.rollover .attributes { list-style: none; }
.rollover .attributes .off, .rollover .attributes .hidden, .rollover .attributes .private
{ color: #c33d3d; }
.rollover .attributes .link, .rollover .attributes .on, .rollover .attributes .public, .rollover .attributes .shown,
.rollover .attributes .visible, .rollover .attributes .form
{ color: #008800; }

.rollover .attributes .off::before { font-family: FontAwesome; content: '\f00d'; color: #c33d3d; margin-right: 5px; }
.rollover .attributes .on::before { font-family: FontAwesome; content: '\f111'; color: #008800; margin-right: 5px; }
.rollover .attributes .hidden::before { font-family: FontAwesome; content: '\f070'; color: #c33d3d; margin-right: 5px; }
.rollover .attributes .visible::before { font-family: FontAwesome; content: '\f06e'; color: #008800; margin-right: 5px; }
.rollover .attributes .private::before { font-family: FontAwesome; content: '\f023'; color: #c33d3d; margin-right: 5px; }
.rollover .attributes .public::before { font-family: FontAwesome; content: '\f09c'; color: #008800; margin-right: 5px; }

#siteTree .icon
{
	border: none;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-left: 5px;
}

#treeControls a { display: block; line-height: 170%; }




/*    Sheet dialog  */
#sheet
{
	position: absolute;			/* fallback */
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -150px;
	display: none;
	font-weight: bold;
	padding: 25px 15px 12px 15px;
	width: 300px;
	text-align: left;
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	z-index: 10000;
}

/* wait state */
#sheet.wait { text-align: center; }
#sheet .spinner
{
	display: none;
	margin: 1px auto 50px auto;
	height: 80px;
	width: 80px;
}
#sheet.wait .spinner { display: block; }

/* error state */
#sheet img.error
{
	display: none;
	float: left;
	margin: 0 0 0 11px;
}
#sheet.error img.error { display: block; }
#sheet.error .message
{
	padding-left: 65px;
}

#sheet .buttons
{
	display: none;
	text-align: right;
	margin: 1em 0 0 0;
}
#sheet.error .buttons, #sheet.dialog .buttons { display: block; }


/* properties box */
.box.propertiesBox
{
	margin: 0 0;
	border: none;
	background: none;
}
.propertiesBox h2, .propertiesBox h3, .box h4
{
	color: #26345f;
}


/* magic box */
body.liquid .magicBoxWrapper
{
	width: auto;
}
#mce_58-body { display: none; }
.editorToggles
{
	position: relative;
	height: 15px;
}
.editorToggles .positioner
{
	position: absolute;
	right: 0;
	bottom: 2px;
	font-size: 80%;
}
.editorToggles a
{
	/* text-decoration: underline; */
	cursor: pointer;
	margin-left: 1em;
	white-space: nowrap;
}

.simpleMode #simpleEditorLink { display: none; }
#codeEditorLink, .codeMode #textEditorLink { font-weight: bold; }
.codeMode #codeEditorLink { display: none; }
.textMode #textEditorLink { display: none; }

.richEdit
{
	width: 100%;
	height: 100%;
}
.richEditStyle
{
	width: 100%;
	height: 300px;
}
/* border for 4.0 */
.magicbox .mce-panel {
	border: 1px solid rgb(158, 158, 158);
}
.htmlBox
{
	width: 385px;
	height: 300px;
}
body.liquid .htmlBox
{
	width: 100%;
}

/* advanced HTML editor */
.codeEditorToolbar
{
	background: #ddd;
	border-bottom: 1px solid #bbb;
}
.codeEditorToolbar button
{
	border: none;
	background: transparent;
	/* text-decoration: underline; */
	color: #1753BB;
	padding: 5px 10px;
	cursor: pointer;
}
.codeEditorToolbar button:hover
{
	color: hsl(218,78%,31%);
	background: #aaa;
}


/* Section Summary stuff */
#summaryHeader
{
	margin: -16px -20px 0;
	padding: 16px 20px 0;
	overflow: hidden;
	font-weight: bold;
}
.AdminSummaryPage #summaryHeader
{
	margin-left: 0;
	margin-right: 0;
	padding-right: 0;
}

#sectionDisplay
{
	text-align: right;
	margin: 0 0 1em 1em;
}


#introBox { clear: both; }
#introBox .preview
{
	margin-left: 1em;
	clear: both;
}
	#introBox .preview a.DE, #introBox .header a.DE {
		font-weight: bold;
		text-decoration: none;
	}
#introBox h3 .icon, #itemsBox h3 .icon
{
	float: left;
	display: block;
	height: 17px; width: 16px;
	background: url(/js/tiny_mce/themes/advanced/img/icons.gif) no-repeat -464px 0;
	margin-right: 6px;
	position: relative;
	top: -1px;
}
#itemsBox h3 .icon
{
	background-position: -23px 0;
}
#introBox .shortcut {
	white-space: nowrap;
	margin-left: 10px;
	padding: 5px 10px;
	background: #ddd;
	text-decoration: none;
}




/*    Forms and Rows  */
.row { overflow: hidden; }
.row > * { vertical-align: middle; }
.bare.box .row { margin-bottom: 1.6ex; }
label { color: #26345f; font-size: 105%; margin-bottom: 1ex; }
.bottomRow, .lastRow
{
	padding: 10px 0;
	clear: both;
}


.resetForm { text-align: right; }


/* NEW SIMPLE FIELDS!  inline-block instead of float shenanigans */
.field { margin: 1.6ex 0; display: block; float: none; }
.field label { font-weight: bold; }
.field label, .field .input, .field .rightPart, .field.row
{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.field textarea, .field input.text
{
	border: 1px solid #bbb;
	padding: 2px 4px;
}
.field.magicbox textarea { padding: 0; }


/* left-smushed, label on left */
.field label /* label side */
{
	width: 175px;
	margin-right: 10px;
	text-align: left;
}

	/*
body.SMARTFORM .field label {
	width: 225px;
}

body.SMARTFORM .field label {
	width: 225px;
}
*/

label.labelBlock {
	width: 225px;
	display: block;
}
.field .input /* input side */
{
	display: block;
	width: 100%;
	min-width: 200px;
	text-align: left;
	line-height: 20px;
	vertical-align: middle;
}
.field .input input,
.field .textarea textarea,
.field .smalltextarea textarea,
.searchbox {
	width: 100%;
	/*padding: 2px 3px; */
	border: solid 1px rgba(38,52,95,0.25);
	box-shadow: 0px 3px 6px 0 rgba(0,0,0,0.16);
	border-radius: 5px;
}

form.searchbox {
	padding: 10px;
	margin-bottom: 30px;
}

.field input {
	height: 44px;
	padding: 14px;
}
.field input[type=checkbox] {
	height: auto;
	padding: 5px;
}
.field:has(input[type=checkbox]) {
	padding: 10px;
}

.field.radio .input,
.field.checkbox .input,
.field .input .numeric,
.field .input.checkbox,
.field .input .checkbox,
.field .input.radio,
.field .field .radio,
.field .input input[type='radio'],
.field .input input[type='checkbox'] {
	display: inline-block;
	width: auto;
	min-width: auto;
	vertical-align: middle;
	margin-right: 2px;
}
.field .input input[type='radio'],
.field .input input[type='checkbox'] {
	/* max-width: calc(100% - 50px); */
}

.field .input input[type='price'] {
	width: calc(100% - 15px);
	margin-left: 5px;
}
/* .field .input .checkbox { margin-top: 4px; } */

/* .field label.admin.name { width: auto; } */
/* .field span.input.formMain_title { width: 100%; } */

/* center-axis layout, label on left */
.field.centerAxis label
{
	width: 28%;
	margin-right: 2%;
	text-align: right;
	border: none;
}
.field.centerAxis .input
{
	width: 70%;
	text-align: left;
}
.field.centerAxis.checkbox label, .field.centerAxis.recurringcheckbox label, .field.centerAxis.radio label
{
	text-align: right;
}
.field.centerAxis.checkbox .input, .field.centerAxis.recurringcheckbox .input, .field.centerAxis.radio .input
{
	text-align: left;
}

/* stacked fields */
.field.stacked, body.narrow .field, .field.magicbox { margin-top: 2ex; }
.field.stacked > label, body.narrow .field > label,
.field.stacked > .input, body.narrow .field > .input,
.field.magicbox > label, .field.magicbox > .input
{
	text-align: left;
	display: block;
	width: auto;
	border: none;
}
.field.stacked > label, body.narrow .field > label
{
	margin-bottom: 1.3ex;
}

.field.checkbox > label, .field.recurringcheckbox > label, .field.radio > label
{
	text-align: left;
	margin-left: 1ex;
	border: none;
	width: auto;
}
.field.checkbox > .input, .field.recurringcheckbox > .input, .field.radio > .input
{
	vertical-align: middle;
}
.field.checkbox input, .field.recurringcheckbox input, .field.radio input
{
	margin: 1px 0 0 0;
	padding: 0;
}

.field .field {	margin: 2px 0 3px 2px; }

.field.inline
{
	display: inline-block;
	margin: 0 10px 0 0;
}
.field.inline > label
{
	width: auto;
}

.field .field > label
{
	font-weight: normal;
	max-width: calc(100% - 35px);
}

.manageronly {
	display: none;
}

.imageresized {
	display: block;
	max-width: 100%;
}

.imageresized img {
	max-width: 100%;
}

.ninepointgrid {
	display: inline-grid;
	grid-template-rows: repeat(3, 40px);
	grid-template-columns: repeat(3, 105px);
	gap: 3px;
	justify-content: stretch;
	justify-items: stretch;
	align-items: stretch;
	font-size: 75%;
	border: 2px solid #333;
	padding: 3px;
	border-radius: 5px;
}
.ninepointgrid > div {
	background-color: #eee;
	border-radius: 3px;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	white-space: nowrap;
}
.ninepointgrid > div.active,
.ninepointgrid > div:hover {
	background-color: lightcyan;
}

.icongridcontainer {
	margin-top: 15px;
	display: grid;
	grid-template-rows: repeat(auto, 30px);
	/*grid-template-columns: repeat(10, 55px);*/
	grid-template-columns: repeat( auto-fit, minmax(55px, 1fr) );
	gap: 3px;
	justify-content: stretch;
	justify-items: stretch;
	align-items: stretch;
	font-size: 24px;
	border: 2px solid #333;
	padding: 3px;
	border-radius: 5px;
}

.icongridcontainer > div {
	background-color: #eee;
	border-radius: 3px;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	white-space: nowrap;
	border: 2px solid transparent;
}

.icongridcontainer > div.active,
.icongridcontainer > div:hover {
	background-color: lightcyan;
	border: 2px solid #333;
}

#displayicon { font-size: 24px; margin-right: 15px; }

/* fields with instruction blocks under the input on the right, like in manage.xsl */
.field .instruction {
	display: block;
	padding: 2px 5px;
	font-size: 10pt;
}
.lastRow .button + .instruction { margin-left: 1em; }
/* .field.withInstructions .input { width: 600px; } */
.field.withInstructions label { width: 150px; padding: 3px;}


/* special cases */
.field.datetime > *, .field.textarea > *, .field.withInstructions > *, .field.complex > *
{
	vertical-align: top;
}
.field.datetime .date, .field.datetime .time
{
	display: inline-block;
	margin-right: 1em;
	white-space: nowrap;
}

.field.uniquedupetext .input .controls
{
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	white-space: nowrap;
}
/* tweak the button(s) to be thicker to make room for the field in QuickPoll */
.field.uniquedupetext .button.small
{
	/*height: 20px;*/
	line-height: 20px;
}
.field.uniquedupetext .button.small > *
{
	display: inline-block;
	vertical-align: middle;
}
.field.uniquedupetext input
{
	height: 20px;
	line-height: 20px;
	padding-left: 4px;
	margin-right: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #bbb;
}
.field.uniquedupetext.item label
{
	width: auto;
	margin-right: 1em;
	cursor: move;
}
.field.uniquedupetext.item { cursor: move; }

/*  Items and Grids  */
.item, .searchResult, .box .grid tr
{
	position: relative;
	background: #fff;
	overflow: hidden;
	margin-bottom: 1px;
	clear: both;
	/*cursor: pointer;*/
}
.item.noRights
{
	cursor: not-allowed;
}
.box .item
{
	margin: 0 0 1px -5px;
}
/* .item:nth-child(even),*/
.searchResult:nth-child(even), .box .grid tr.even, .item:nth-child(even) {
	background: #eaeaea;
}
#itemsBox .item:nth-child(even) {
	background: #fff;
}


.containerBorder .containerBGClear.item:nth-child(even) {
	background: inherit;
}
.item .left, .grid td, .grid th {
	text-align: left;
	color: #333;
	padding: 10px 9px 5px 8px;
}
.item .left img { vertical-align: middle; margin-right: 1em;}

/* fat items, good for rows with contents that have irregular heights, notably images and sidebar images */
.item.fat { padding: 2px; }
.item.fat > * { display: inline-block; vertical-align: middle; }
.item.fat .summary	/* for search results*/
{
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* editable is a class for boxes that have 100% clickable area as a shortcut to clicking its edit button */
.editable
{
	/*cursor: pointer;*/ 
	transition: all 0.1s ease-out;
}
.item:hover, .editable:hover
{
	/*background: #f2f2f2;*/
}
.item:hover a:not(.button), #introBox:hover a:not(.button):not(.shortcut)
{
	color: #000;
}
.item:nth-child(even):hover { background: #f2f2f2; }
.item .left a { margin-right: 1em; }
.item .left a.DE { font-weight: bold; text-decoration: none; margin-left: 10px; }
.item .title { margin-left: 1em; }

/* placeholder for when there are no items */
.noItems
{
	padding-left: 1em;
}

/* just grids */

.grid { border-spacing: 1px; }
.grid tr { margin-bottom: 10px; }
.grid th { background-color: #ddd; }




#introSummary
{
	margin: 0.6em 0;
	color: #666;
}
#introBox .summary
{
	color: #aaa;
	font-size: 90%;
	margin-top: 20px;
	text-align: right;
}

.cookieCrumb { margin: 0 0 1em 0; padding-bottom: 20px; }
.cookieCrumb .title { margin: 0 1ex 0 0; }
.cookieCrumb > * { vertical-align: middle; }
.crumb .fakeLink { display: inline; }
.crumb { white-space: nowrap; font-weight: normal; font-size: 80%; }
.crumb.current { font-weight: bold; }

.crumb .dataType
{
	font-weight: normal;
	color: #777;
}

/*  Wizard and Steps  */
/*.wizardBox h3 { padding: 5px 10px; background: #ddd; font-size: 120%; } */
.wizardBox h3.mobileonly { cursor: pointer; }
.wizardBox h3.mobileonly i.fa-caret-up { display: none; }
.wizardMenu { display: none; }
.wizardMenuColumn
{
	vertical-align: top;
	width: 25%;
	min-width: 150px;
}
.wizardMainColumn
{
	vertical-align: top;
	padding-left: 32px;
}
.wizardMainColumn h3
{
	font-size: 140%;
}
.wizardMenu
{
	margin: 0;
	padding: 0;
	overflow: visible;
	font-size: 90%;
}
.wizardMenu h4
{
	display: none;
	margin: 0;
	color: #333;
	padding: 0.6em 1em;
}
.wizardMenu h4:first-child { }
.step a, .step .fakeLink {
	display: block;
	padding: 12px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid rgb(38, 52, 95, 0.25);
	color: #26345f;
	border-radius: 5px;
}
.step a:hover, .step .fakeLink:hover
{
	/*background: #f2f2f2;*/
}
.step a h5, .fakeLink h5
{
	/* text-decoration: underline; */
}
.fakeLink
{
	font-weight: bold;
	color: #777;
}
.step.current a, .step a:hover
{
	/*background: #e2e2e2;*/
	text-decoration: none;
}
.sidebarImagePlacement, .messageblockImagePlacement
{
	padding: 0.5em 0.2em;
	background: #F0F0EE;
	border: 1px solid #ccc;
	border-top: none;
}
.wizardWarning
{
	text-align: right;
}
.wizardWarning .attention
{
	display: inline-block;
	width: 30em;
}

.grey
{
	color: #eee;
}
ul.stepItems
{
	padding-left: 1.7em;
	padding-right: 1ex;
	font-size: 90%;
	margin: 1em 0 1em 0;
	color: #555;
}
.step.current a ul.stepItems, .step a:hover ul.stepItems
{
	color: #fff;
}


.editButtons
{
	margin-top: 20px;
	text-align: right;
}

/* magic box */
#editToolbarDiv
{
	background-color: #f1f3f5 !important;
}

/* textarea.tinymce { visibility: hidden; } */
/* .field.simpleMode textarea.tinymce { visibility: visible; } */


form.formUpload
{
	margin: 2em 0;
}
#codeEditor
{
	font-size: 9pt;
	position: relative;
	height: 400px;
	width: 100%;
}

/*    Images  */
.item.images .mainLink
{
	font-size: 140%;
	vertical-align: top;
	position: relative;
	top: 6px;
	margin-left: 20px;
}
.item.images .controls
{
	margin-right: 20px;
}
.item.images .controls a
{
	display: block;
	text-align: center;
	margin: 0 0 2px 0;
}

/*    Section Tools  */
#divSectionTools { background: white; }
.treeShown #divSectionTools
{
	margin-left: 0;
	margin-right: 0;
}
/*
#divSectionTools h3
{
	margin: 0 15px 15px 15px;
}*/

a.tool {
	vertical-align: top;
	padding: 10px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	/* background: #f2f2f2; */
	margin: 8px 0;
	/* background: #ebebeb55;
	border: 1px solid #ebebeb; */
}
a.tool:hover { background: #f8f8f8; }
a.tool.hasIcon { padding-left: 45px; }
a.tool .title
{
	font-weight: bold;
	display: block;
	/* text-decoration: underline; */
	margin-bottom: 0.3ex;
}
a.tool .instruction, .furtherExplanation
{
	display: block;
	text-decoration: none;
	color: #777;
	font-size: 90%;
}
.tool .info
{
	display: block;
	margin-top: 0.5ex;
	font-size: 90%;
	color: #555;
}
.tool .info .label { font-weight: bold; }

.tool img.thumbnail
{
	height: 60px;
	vertical-align: middle;
	float: left;
	margin-right: 1em;
	border: none;
}
.tool .icon
{
	float: left;
	border: none;
	margin: 0 0 0 -35px;
	/* color: #9c0d10; */
	font-size: 140%;
}
.furtherExplanation
{
	margin-left: 16px;
}
.tool .attention { color: #d92128; padding: 1px 0; }

.dataTypeConfiguration
{
	margin-top: 20px;
	background: #eee;
}
.dataTypeConfiguration h3
{
	color: white;
	background: #555;
	margin: -9px -13px 1em -13px;
	padding: 0.6em 1em;
}


/* site management */
#siteParams
{
	width: 30%;
	float: right;
	margin-left: 20px;
}
#siteParams .buttonRow { text-align: right; }

/* positioning */
#sorter.sorter .positioner { width: 40%; }
#sorter.sorterLMR .positioner { width: 30.6%; }
#sorter .positioner
{
	width: 48%;
	float: left;
	clear: none;
	overflow: hidden;
}
.sorterWrapper.left, .sorterWrapper.right { float: none; } /* do not want */
.sorterWrapper { margin-top: 0; }
.sorterWrapper h4 { margin: 0 0 1em 0; }
.sorterWrapper.right { margin-right: 0; }

.sorterBucket
{
	/* border: 3px solid #c6cad4; */
	padding-bottom: 2em;
	min-height: 40px;
}
.sorterBucket li
{
	display: block;
	cursor: move;
	padding: 8px 14px;
	background: #f2f2f2;
	margin-bottom: 1px;
}
.sorterBucket .selected
{
	background: #ccc;
	position: relative;
	z-index: 2;
}

/* sorter buttons */

.LRButtons button:hover, .sortButtons button:hover { background: #f2f2f2; /*[c7]*/ }
.LRButtons button, .LRSorter .sortButtons button
{
	padding: 0;
	cursor: pointer;
}

/* the top button bar */
.sortButtons
{
	background: #ccc;
	margin-bottom: 4px;
}

.sortButtons button
{
	display: inline-block;
	text-align: left;
	width: auto;
	border: none;
	cursor: pointer;
	padding: 4px 14px;
	margin: 0;
	background: #ddd;
}
.sorter #sortDownButton { margin-bottom: 1em; }
.sortButtons button img, .LRButtons button img
{
	position: relative;
	opacity: 0.7;
	top: -1px;
}

/* single-bucket buttons go on the side */
.sorter .sortButtons
{
	float: left;
	width: 14em;
	margin-left: 4px;
}
.sorter .sortButtons button
{
	display: block;
	width: 100%;
}


/* buttons for the left-right sorter */
.LRButtons
{
	width: 4%;
	float: left;
}
.LRButtons button
{
	display: block;
	width: 100%; height: 50px;
	line-height: 50px;
	text-align: center;
	border: none;
}


/*    Design Center  */
.pager { overflow: hidden; clear: both; }
.pagerButton
{
	float: left;
	display: block;
	margin: 0 2px 2px 0;
	padding: 0.4ex 1.5ex;
	background: #d4d8df;
	border: 1px solid #a8bde2;
	text-decoration: none;
}
.DesignCenter .currentDesign { margin-bottom: 20px; }
.DesignCenter .box.withFrames { margin: 10px 10px 10px 0; display: inline-block; vertical-align: top; }
.DesignCenter .boxFrame { padding: 8px 12px; border: none; }
.DesignCenter .currentDesign .boxFrame { overflow: hidden; }
.DesignCenter .header.select { margin: 4px 0 5px 0; border: none; }
.thumbnails { clear: both; overflow: hidden; }
.DesignCenter.header.row label { vertical-align: top; }
.templateStyle { opacity: 0.6; }
.designThumbnail
{
	display: block;
	float: left;
	padding: 7px 7px;
	width: 125px;
	background: #d4d8df;
	margin: 5px 5px 0 0;
	text-decoration: none;
	transition: all 0.2s ease-out;
}
.designThumbnail:hover, .designThumbnail.current,
.pagerButton.selected, .pagerButton:hover,
.swatch:hover, .swatch.current
{
	color: white;
	background: #555555;
	border-color: #333;
}
.designThumbnail img.thumbnail
{
	display: block;
	margin-bottom: 5px;
	height: 125px; width: 125px;
}
.designThumbnail .icons
{
	display: block;
	margin-bottom: 5px;
	height: 20px;
}
.designThumbnail .displayName
{
	display: block;
	font-weight: bold;
	overflow: hidden;
	margin-top: 4px;
}
.detailCell
{
	width: 267px;
	padding-left: 15px;
}
.designCenter.header h3
{
	display: inline;
	margin-right: 1em;
}
.DesignCenter .previewButtons
{
	text-align: right;
}
.detailCell .thumbnail
{
	display: block;
	border: 1px solid #e0e0e0;
}

/* added by GTP, 3-17-2006 for wrapping swatches */
#swatches
{
	padding-left: 2px;
}
a.swatch
{
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 4px;
	border: 1px solid #A8BDE2;
	text-decoration: none;
	font-size: 90%;
	padding: 2px 4px;
	vertical-align: top;
	background: #D4D8DF;
	transition: all 0.2s ease-out;
}
a.swatch img
{
	display: block;
	border: none;
}

.DesignCenter .legend
{
	display: block;
	text-align: center;
	margin: 1em;
}

.designFeature
{
	padding-left: 40px;
	overflow: hidden;
	margin-bottom: 1em;
}
.designFeature img
{
	float: left;
	margin-left: -40px;
	vertical-align: middle;
}

.DesignCenter .text.field .right,
.DesignCenter .text.field input,
.DesignCenter .text.field select
{
	width: 100%;
}
.DesignCenter .designDetail { display: inline-block; padding: 15px; }
.DesignCenter .styleChooser
{
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}
.DesignCenter .previewImage { padding: 0; }



/*    Admin Search  */
.searchbox
{
	display: inline-block;
	overflow: hidden;
	border: 1px solid #d2d2d2;
	margin: 10px 0;
	background: white;
	width: 100%;
	padding: 2px 4px 2px 0;
}
.searchbox > * { vertical-align: middle; }
.searchbox input
{
	display: block;
	float: left;
	border: 0;
	padding: 2px;
	width: calc(100% - 25px);
}
.searchbox .searchbox_controls, .searchbox .searchbox_tips { display: none; }
.searchbox a.searchButton
{
	display: block;
	float: right;
	margin-left: 3px;
	text-align: center;
	background: white;
}
.searchResult a, .searchResult .type { font-weight: bold; }
.searchResult .type { margin-right: 5px; }
.searchResult h3 { padding: 5px; margin: 0;}
.searchResult .note { padding: 5px; color: #666; }

/* SEARCH */
.searchtabstrip { padding: 5px; margin-bottom: 12px; }
.searchpages, .searchdocs{ margin-bottom: 10px; }
.searchtab
{
	border: 1px solid #333;
	padding: 5px 10px;
	margin-right: 10px;
	cursor: pointer;
	opacity: 0.8;
	font-size: 80%;
}
.searchtab.active { padding-bottom: 6px; box-shadow: 3px 3px 3px #555; opacity: 1.0; }
.searchdocs { display: none; }

/*    QuickPoll results and whatnot  */
.QUICKPOLL .body.results
{
	display: none;
	opacity: 0;
}
.QUICKPOLL .result .response
{
	font-size: 90%;
	margin-bottom: 1ex;
}
.QUICKPOLL .colord
{
	color: white;
	font-weight: bold;

	box-shadow: 2px 2px 7px rgba(0,0,0,0.2);
	background: #777;
	background: rgba(0,0,0,0.5);
	padding: 2px 4px;
	width: 1.2ex;
}
.QUICKPOLL a.showResults { margin-left: 1em; font-size: 90%; }

.QUICKPOLL.question
{
	border-bottom: 1px solid black;
	margin-top: 5px;
	padding: 5px;
	padding-bottom: 15px;
}

.QUICKPOLL.back
{
	padding: 5px;
	text-align: right;
}


/* Bulk mail specific stuff */
.filterOptions { padding-left: 4.2ex; }
.filterOptions .filterOptions { padding-left: 2ex; }
#filterName { width: 60ex; }
.optionGroup { margin: 1ex 0; }


/* left bar */
.addContentBox div.parent {
	display: block;
}

.wizardMenu .menuTitle {
	font-size: 110%;
	margin-bottom: 20px;
	padding-left: 0px;
}
.wizardBox div.step,.addContentBox div.parent div.addContentFlexBox {
	width: 100%;
	background-color: #fff;
}

.wizardBox div.step {
	margin-bottom: 10px;
}

.addContentFlexBox {
	padding: 10px;
}
.addContentBox div.parent div.addContentFlexBox div.child {
	border: 1px solid rgb(38, 52, 95, 0.25);
	color: #26345f;
	border-radius: 5px;
	/*padding: 10px 5px 10px 10px;*/
}

.wizardBox div.step,
.wizardBox div.step.current, 
.wizardBox div.step:hover {
}

.wizardBox div.step.current a,
.wizardBox div.step a:hover,
.addContentBox div.parent div.addContentFlexBox div.child.selected,
.addContentBox div.parent div.addContentFlexBox div.child:hover {
	color: #fff;
	background-color: #26345f;
}

.addContentBox div.parent div.addContentFlexBox:nth-child(odd) div {
	margin-right: 0px;
}

.addContentBox div.parent div.addContentFlexBox:nth-child(even) div {
	margin-left: 0px;
}
.flexChild.addContentImage {
	width: 25px;
}

@media screen and (min-width: 1300px) {
	.addContentBox div.parent {
		display: flex;
		flex-wrap: wrap;
	}

	.addContentBox div.parent div.addContentFlexBox {
		flex: 0 0 50%;
	}

	.addContentBox div.parent div.addContentFlexBox:nth-child(odd) div {
		margin-right: 9px;
	}

	.addContentBox div.parent div.addContentFlexBox:nth-child(even) div {
		margin-left: 9px;
	}

	/*.flexChild.addContentImage {
		flex: 0 0 .25em;
	}

	.flexChild {
		flex: 1;
	}*/
}


.flexContainer {
	display: flex;
}

.wizardBox h3.title, .addContentBox h3.title, .contentTools h3.title {
	text-align: center;
	padding: 10px 0px 20px 0px;
	color: #26345f;
	font-size: 120%;
	background: #fff;
	border-bottom: 1px solid rgb(38, 52, 95, 0.25);
}
.addContentBox h3.mobileonly { cursor: pointer; }
.addContentBox h3.mobileonly i.fa-caret-up { display: none; }
.addContentBox h3.mobileonly i { margin-left: 10px; font-size: 120%; }
.wizardBox .wizardMenu, .addContentBox .addContentMenu { display: none; margin-left: 25px; margin-right: 25px; }
.addContentBoxBorder, .boxBorder { border: 1px solid rgb(38, 52, 95, 0.25); }
.addContentBoxShadow, .boxShadow { box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);}
.boxRadius { border-radius: 5px;}
.addContentBox .menuTitle {
	margin-bottom: 20px;
}

.wizardBox .menuTitle h3, .addContentBox .menuTitle h3 {
		margin: 13px 15px 13px 0px;
		font-family: Arial;
		font-size: 110%;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		color: #26345f;
}

.addSection {
	font-size: 90%;
	color: #333;
	list-style-type: none;
	z-index: 5;
	padding: 6px 15px;
	font-weight: bold;
}
.addSection.header
{
	text-align: left;
	background-color: #E4E4E4;
	margin: 4px 0;
	z-index: 5;
}
.addSection.header:first-child { margin-top: 0; }
.addSection.header h3
{
	color: #999999;
	margin: 0;
}
.addSection.selectable
{
	cursor: pointer;
	/* border: 2px solid #F1F3F5; */
}
.addSection.selected, .addSection.selectable:hover
{
	/* border: 2px solid white; */
	background-color: #555555;
	color: white;
}
.dataTypeDescription { display:none; }
#externalLinkDiv { display:none; }

/* create message */
#createMessage .centerAxis label
{
	width: 18ex;
	vertical-align: top;
}
#createMessage .field .instruction
{
	display: block;
	margin: 1ex 0;
}
#createMessage #textbody
{
	width: 100%;
}

.pad5
{
	padding: 5px;
}
.mar5
{
	margin: 5px;
}

/* statistics css here */
.statistics
{
	padding: 2px;
	border: 1px solid #333;
	width: 100%;
	border-collapse: collapse;
	font-size: 85%;
	margin-bottom: 10px;
}
.statistics td
{
	border: 1px solid #888;
	padding: 2px 10px;
}
.statistics tr:nth-child(even)
{
	background-color: #eef;
}
.statistics tr:last-of-type
{
	font-weight: bold;
}
.statistics .title
{
	text-align: center;
	font-weight: bold;
	background-color: #eeeeee;
}
.statistics .statvalue
{
	text-align: right;
}



/* debug panel stuff */
#debugPanel, #debugFloater {
	background: rgba(0,0,0,0.88);
	color: #0a0;
	padding: 10px 20px;
	width: 500px;
	max-width: 100%;
}
#debugPanel a, #debugFloater a { color: #0a0; }

#debugFloater
{
	position: fixed;
	top: 10px; left: 10px;
	padding: 10px 20px;
	z-index: 10000;
	min-width: 200px;
	box-shadow: 6px 6px 16px rgba(0,0,0,0.6);
}
.debug .top
{
	background: #333;
	margin: -9px -19px 0 -19px;
	cursor: move;
}
.debug .top button
{
	float: right;
	border: none;
	background: #777;
	margin: 0;
	cursor: pointer;
	padding: 2px 5px;
	text-align: center;
}
.debug .top h4
{
	color: inherit;
	padding: 0.3em 1em;
}
#debugFloater ul
{
	overflow: auto;
	padding: 0 0 0 1.2em;
}
#debugFloater .sizer, #debugFloater .ui-resizable-se
{
	position: absolute;
	bottom: 0; right: 0;
	background: #666;
	font-size: 0;
	width: 14px;
	height: 14px;
	cursor: se-resize;
}

#debugPanel
{
	font-size: 8pt;
}
#debugPanel a
{
	display: block;
	margin: 0 0 0.5ex 0;
}

table.sitestorage { width: 100%; }
table.sitestorage th a { color: white; }
table.sitestorage th
{
	background-color: #96A0B2;
	color: white;
	padding: 2px 4px;
}
table.sitestorage td { font-size: 7.5pt; padding: 1px 3px; }
table.sitestorage td.thr { text-align: right; }
table.sitestorage td.fou { text-align: center; }
table.sitestorage td.fiv { text-align: center; }
table.sitestorage td.red { color: #933; }
table.sitestorage tr:nth-child(even) { background: #e3e5ea; }


.selfeditlink
{
	cursor: pointer;
	/* text-decoration: underline; */
}
.selfeditcontainer
{
	position: relative;
	height: 0;
	z-index: 1000;
}
.selfedit
{
	width: 90%;
	right: 5%;
	display:none;
	position: absolute;
	top: 5px;
	background-color: #f2f2f2;
	z-index: 10000;
	box-shadow: 5px 5px 5px #555;
	padding: 10px;
}
h3.selfeditHeader { text-align: left; color: #333; padding: 10px 10px; font-size: 120%; }
.selfeditDescription { text-align: left; color: #333; padding: 2px 10px 5px 10px; font-size: 90%; }
.selfedit .field { font-size: 90%; padding: 1px 5px; margin: 1px; vertical-align: bottom; }
.selfedit .field span, .selfedit .field label { display: block; }
.selfedit .field label { text-align: left; width: 100%; }
.selfedit .field span.noinput { padding: 1px 3px; font-weight: bold; vertical-align: bottom; color: #999; background: #fff; border: 1px solid #ccc; }
.selfedit .field span.warning.required { display: inline; }
.selfedit .field .required { font-size: 90%; margin-right: 10px; vertical-align: bottom; }
.selfedit .field .input, .selfedit .field input, .selfedit .field .noinput { width: 100%; min-width: auto; text-align: left; }
.selfedit .buttons { padding: 3px 10px; overflow: hidden; }
.selfedit .buttons input { float: right; margin: 3px; }
.selfedit .buttons .requiredtext { float: left; margin-top: 5px; }

.arm .adminHeadline { display: block; font-size: 110%; }
.arm .field { padding: 5px; }
.arm .field:nth-child(odd) { background: #e4e4e4; }

footer {
	background: #1f3c6e;
	color: white;
	min-height: 90px;
	padding: 20px;
	text-align: left;
	font-size: 12px;
	/* font-size: 2.9vw; */
}
footer div.footertext { margin-bottom: 15px; }
footer div.footertext a, footer div.footertext a:hover {
	color: white;
	text-decoration: none;
	padding: 3px 10px;
}
footer a:hover { text-decoration: underline; }
footer div.footertext div.ib:first-child a { padding-left: 0;}
#backTop
{
	width: 35px;
	height: 35px;
	padding: 5px;
	border-radius: 35px;
	cursor: pointer;
	z-index: 999999;
	display: none;
	box-sizing: content-box;
	color: rgba(0,0,0,0.7);
	font-size: 24pt;
	text-align: center;
	vertical-align: middle;
	line-height: 35px;
	background: rgba(255,255,255,0.5);
	border: 1px solid rgba(0,0,0,0.5);
}

#dialogspinner {
	border: none;
	margin: auto;
	background: transparent;
}
#dialogspinner:focus,
#dialogspinner:focus-visible,
#dialogspinner:focus-within {
	border: none;
	outline: none;
}
#dialogspinner > div {
	border: none;
	padding: 1rem;
}
#dialogspinner > div > i.fa-spinner {
	font-size: 3rem;
	line-height: 1;
	animation-duration: 10000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	color: #1f3c6e;
	border: none;
}

.docmanform button#upload {
	font-size: 10pt;
	padding: 0 5px;
}

.docmancontainer {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	margin-top: 5px;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 5px;
	margin-bottom: 100px;
}

.docmancontainer .leftside, .docmancontainer .rightside {
	margin: 0;
	align-items: flex-start;
	flex-basis: 50%;
	border-radius: 5px;
}

.docmancontainer .leftside {
	border-right: 3px solid #fff;
}

.docmanfolders ul, .docmanfiles ul {
	list-style-type: none;
}

.docmanfiles {
	height: 100%;
}

.docmanfolders ul ul i.fa-folder {
	padding-left: 10px;
}

.docmanfolders ul ul ul i.fa-folder {
	padding-left: 20px;
}

.docmanfolders ul ul ul ul i.fa-folder {
	padding-left: 30px;
}

.docmanfolders ul ul ul ul ul i.fa-folder {
	padding-left: 40px;
}

.docmanfolders ul ul ul ul ul ul i.fa-folder {
	padding-left: 50px;
}

.docmanfolders ul ul ul ul ul ul ul i.fa-folder {
	padding-left: 60px;
}

.docmanfolders ul ul ul ul ul ul ul ul i.fa-folder {
	padding-left: 70px;
}

.docmanfolders ul ul ul ul ul ul ul ul ul i.fa-folder {
	padding-left: 80px;
}

.docmanfolders ul ul ul ul ul ul ul ul ul ul i.fa-folder {
	padding-left: 90px;
}

.docmanfolders ul ul ul ul ul ul ul ul ul ul ul i.fa-folder {
	padding-left: 100px;
}

.docmancontainer li.folder,
.docmancontainer li.file {
	cursor: pointer;
	padding: 3px 10px;
}

.docmancontainer li.folder:nth-child(even),
.docmancontainer li.file:nth-child(even) {
	background: #eee;
}

.docmanfolders li.folder.active {
	font-weight: bold;
	text-decoration: underline;
}

.docmancontainer li i {
	margin: 2px 10px;
}

.docmancontainer div.foldericons,
.docmancontainer div.fileicons {
	background: #ddd;
	padding: 3px 10px;
}

.docmancontainer div.foldericons i,
.docmancontainer div.fileicons i {
	cursor: pointer;
	font-size: 1.4rem;
	margin: 3px 5px;
}

.docmancontainer div.foldericons > div,
.docmancontainer div.fileicons > div {
	display: none;
	padding: 15px;
	width: 500px;
	max-width: 100%;
	margin: 0 auto;
	vertical-align: top;
	line-height: normal;
	height: auto;
}

.docmancontainer div.foldericons select,
.docmancontainer div.foldericons input,
.docmancontainer div.fileicons label {
	display: inline-block;
	padding: 3px 10px;
	margin: 0 8px 0 15px;
	border-radius: 3px;
	vertical-align: middle;
}

.docmancontainer div.foldericons .folderproperties div,
.docmancontainer div.foldericons .security div {
	padding: 5px 0;
	display: flex;
	align-content: center;
}

.docmancontainer div.foldericons button,
.docmancontainer div.fileicons button {
	display: inline;
	padding: 0px 5px;
	vertical-align: middle;
	font-size: 10pt;
}

.folderproperties > div {
	padding: 5px 10px;
}
.folderproperties label {
	margin-right: 10px;
}
.folderproperties input,
.folderproperties select {
	padding: 3px 10px;
}

.docmancontainer #noRights { display: none; }



.display-none {
	display: none !important;
}

.display-block {
    display: block !important;
}

.dashMessages {
	width: 100%;
	padding: 15px 125px 15px 125px;
	background-color: #ebebeb;
	color: #26345F;
}

.dashMessages a {
	color: #1f3c6e;
}

.dashMessages .note {
	padding: 2px 0px;
}
.dash-row { display: flex; flex-direction: column; padding-bottom: 20px;}

.dash-card {
	width: 100%;
	border: 1px solid #ebebeb;
	padding: 20px;
	margin: 25px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: 1px 1px 3px #ebebeb;

}

.dash-card h2 {
	color: #1f3c6e;
}
.dash-chart {  }

.dark-bg {
	text-align: center;
	border: none;
	border-radius: unset;
	box-shadow: none;
	padding-top: 5px;
}

.dash-links {
	margin-top: 30px;
}
.dash-card.dark-bg a {
	background-color: transparent;
	border: 1px solid #1f3c6e;
	border-radius: 5px;
	padding: 10px;
}

.dash-card.dark-bg .title {
	font-size: 12pt;
	color: #1f3c6e;
	font-weight: bold;
	padding-bottom: 10px;
}

.card-item-container {
	display: grid;
	grid-template-columns: 1fr 9fr;
	grid-gap: 20px;
}

.card-item-icon {
	color: #00C389;
	font-size: 30px;
	padding-bottom: 10px
}

.card-item-icon-60 {
	color: #00C389;
	font-size: 60px;
	padding-bottom: 10px;
}

.card-item-details a.number {
	font-size: 30px;
}
.card-item-instructions {
}

.hc-logo {
	text-align: center;
}

.hc-logo img {
	margin: 0;
	position: relative;
	top: 0%;
	transform: none;
}

.contentToolsMenu { margin-left: 35px; margin-right: 25px; }
.contentToolsMenu h4 i { padding-right: 10px;}
.line-bottom { border-bottom: solid 1px #26345f; opacity: 0.25; margin-bottom: 20px; }

.previewDisplay {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: right;
	padding: 10px 5px;
	font-weight: bold;
	font-size: 120%;
}
@media (min-width:500px) {
	.tabs { font-size: 12px; }
}
@media (min-width:900px) {
	.hc-logo { position: relative; text-align: left; }

	.hc-logo img {
		margin: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.hc-heading {
		background: no-repeat;
		background-color: rgb(46,53,89);
		background-image: url('/images/hc/hc-withgradient.png');
		background-position: right -150px center;
	}

	.dash-card.dark-bg a {
		background-color: transparent;
		color: white;
		border: 1px solid white;
		border-radius: 5px;
		padding: 10px;
	}

	.dash-card.dark-bg .title {
		font-size: 12pt;
		color: #fff;
		font-weight: bold;
		padding-bottom: 10px;
	}

	.dash-card.dark-bg {
		height: 100%; text-align: left; color: #fff;
	}

	.dash-row { flex-direction:row; }

	.dash-column.left {
		width: 75%;
		padding-right: 10px;
	}

	.dash-column.right {
		width: 25%;
		padding-left: 10px;
	}

	.dash-column.c100 {
		width: 100%;
		padding: 0px;
	}

	.dash-column.c50.left {
		padding-right: 10px;
	}

	.dash-column.c25 {
		align-self: stretch;
	}

	.dash-column.c25 {
		padding-left: 10px;
	}

	.dash-column.c33 {
		align-self: stretch;
	}

	.dash-column.c33 {
		padding-left: 10px;
	}

	.dash-column.c50.right {
		padding-left: 10px;
	}

	.dash-column.c33 {
		width: 33%;
	}

	.dash-column.c30 {
		width: 30%;
	}

	.dash-column.f200 {
		width: 200px;
	}

	.dash-column.f400 {
		width: 300px;
	}


	.dash-column.c40 { width: 40%; }
	.dash-column.c50.left, .dash-column.c50.right {
		width: 50%;
	}
	.dash-column.c25.left, .dash-column.c25.right {
		width: 25%;
	}
	.dash-column.c35.left, .dash-column.c35.right {
		width: 35%;
	}

	.dash-column.left, .dash-column.right {

	}

	input, select, textarea {
		font-size: 110%;
	}
	.field .input input[type='radio'], .field .input input[type='checkbox'] {
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 10px;
		border: none;
		box-shadow: none;
		transform: scale(2.0);
	}

	html {
		font-size: 15px;
	}
	.allContainer { padding: 15px 45px; }
	.banner .upper { padding: 10px 45px; }
	.desktoponly { display: block; }
	.mobileonly { display: none; }
	.tabs { font-size: 14px; }
	.tabs { display: inline-block; width: auto; line-height: 65px; padding-top: 15px; }
	.tabs a { width: auto; padding: 5px 10px; vertical-align: middle; line-height: 20px; }
	.LineTwo { white-space: nowrap; }
	.LineTwo .logo { padding: 20px 25px 20px 45px; display: inline-block; border: none; }
	.LineTwo .logo img { height: 35px; }
	/* .leftBox { margin-right: 30px; } */
	.mainAdmin.login {
		display: inline-block;
		width: 35%;
		vertical-align: top;
	}
	.rightAdmin {
		display: inline-block;
		width: calc(65% - 30px);
		vertical-align: top;
		padding-left: 29px;
	}
	.leftAdminSummary {
		display: inline-block;
		width: calc(35% - 20px);
		margin-right: 15px;
	}
	.mainAdminSummary{
		display: inline-block;
		width: 65%;
		padding: 0px 0;
	}

	.mainContainer {
		padding:10px;
	}
	.selfedit { width: 500px; top: 50px; right: 200px; }
	.selfedit .field label { text-align: right; width: 180px; }
	.selfedit .field span.input, .selfedit .field label, .selfedit .field span.noinput { display: inline-block; }
	.selfedit .field span.input, .selfedit .field span.noinput { width: calc(100% - 200px); }
	.mobileMenu { display: none; }
	/* li.section { padding: 1px 0 1px 1em; } */
	ul.siteTree { display: block; }
	a.tool {
		display: inline-block;
		width: calc(50% - 8px);
		/*height: 100%;*/
		min-height: 100px;
	}
	a.tool:nth-child(odd) { margin-right: 16px; }

	footer { padding: 30px 45px; font-size: 12pt; }

	.wizardBox .wizardMenu, .addContentBox .addContentMenu { display: block; }
	#mce_58-body { display: block; }

	.field .input
	{
	display: inline-block;
	width: calc(100% - 185px);
	}
	.field .field {	margin: 5px 0 5px 10px; }

	.finishButtons a.button {
		padding: 14px 38px;
	}
	.auditLogLink { float: left; display: inline-block; }

	.docmancontainer {
		flex-direction: row;
	}
}
@media (min-width:1100px) {
	.tabs { font-size: 15px; }
	.tabs a { padding: 5px 15px; }
	.LineTwo .logo { padding: 30px 45px 30px 45px; display: inline-block; border: none; }
	.LineTwo .logo img { height: 40px; }
}

.display-block {
    display: block;
}

.margin-padding-15 {
    margin: 15px 0;
    padding: 15px 0;
}

/***************************catgeories*********************************/
.CATEGORYMANAGEMENT .allContainer {
	padding-bottom: 50px;
}
.onCategory {
	column-count: 3;
}
.onCategory .onTitleCat i {
	margin-right: 3px;
	min-width: 21px;
	margin-top: 5px;
}
.catTitle {
	margin-left: 10px;
}
.onTitleCat {
	font-size: 14px;
}

a.addButton.topadd {
	margin-bottom:10px;
}
.cssColorList,
.faIconList {
	column-count: 4;
	padding: 10px;
	width: 22%;
}
.cssColorList li, 
.faIconList li{
	display: flex;
    flex-direction: row;
	padding: 5px;
}
.cssColorList li i,
.faIconList li i{
	margin-left: 5px;
	font-size: 20px;
}
label.catEditTitles {
	width: 50px;
	margin-right: 5px;
	font-size: 18px;
	font-weight: 600;
}
label.otherIconlabel {
	min-width: 60px;
}
.DEerror {
	color:red;
}

/*Calendar categories*/
.categSelect .categories {
	column-count: 3;
}
.categoryTitle {
	font-size:14px;
	display: flex;
	align-items: center;
}
.categoryTitle i {
	margin-left: 10px;
	margin-right: 5px;
}
.categSelect .categories label{
	display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
}
.categSelect .categoryAttachList {
	list-style: none;
}
.adminCATIcon {
	margin-right:10px;
}
.displayCategListAssociated {
	display: flex;
	flex-direction: column;
}
.displayCategListAssociated .onTitleCat {
	font-size: 16px;
	padding-bottom: 3px;
}
.displayCategListAssociated .onTitleCat i {
    margin-right: 10px;

}
.associatedDE {
	padding-bottom: 10px;
	padding-left: 24px;
}
.bottomButtons {
	padding-top: 10px;
}
/*taxes calc*/
.field .calcInput input {
width: unset;
}

/* admin dialog */
dialog.admindialog {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 10px;
	padding: 70px 20px 50px 20px !important;
	max-width: 95%;
	width: 800px;
	border: none;
	padding: 20px;
}

dialog.admindialog::backdrop {
	background: rgba(0, 0, 0, 0.5);
}

dialog.admindialog h2 {
	text-align: left;
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0;
}

dialog.admindialog button.closedialog {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: .9rem;
	font-weight: 600;
	cursor: pointer;
	padding: 0 5px;
	background: transparent;
	border: none !important;
}

.flexit {
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	height: 100%;
}
.flexit > * {
	flex: 1;
}
.flexit img {
	max-width: 100%;
	max-height: 100%;
}

.listgroup {
	margin-left: 20px;
}