*[class*='at-']
{
/* All Archetype formatted elements */
	box-sizing:border-box;
}

body
{
	--at-blue-highlight-hover: rgba(0,99,255,.4);
	--at-highlight-kb: rgba(0,99,255,.6);

	--at-color-blue: #4678ff; /*#3b7ace;*/
	--at-color-blue-hover: #305edb;/*#3A65D1;*/

	--at-blue1:hsl(214, 65%, 50%);
	
	--at-color-green: #3c8c2b; /*#4b8d3e;*/
	--at-color-green-hover: #278213;

	--at-color-red: #cf0c0d; /*ff3939*/
	--at-color-red-hover: #980909;

	--at-color-orange: #E99600; /*ff3939*/
	--at-color-orange-hover: #D98C00;
	--at-color-orange-text: #7F5100;

	--at-color-gray: #464C54; 
	--at-color-gray-hover: #363B42;
	
	--at-toolbar-text: #fff;
	--at-toolbar-text-hover: #fff;
	--at-tr-highlight: #8B9CB7;
	--at-td-highlight: #A0B6D6;
}

.at-grid, [class*="at-grid-"]
{
	display: grid;
	grid-gap: 20px;
}

.at-grid-gap-small {grid-gap:3px 6px;}

/**/
.at-grid-cols-auto-300 {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}

.at-grid-cols-2 {grid-template-columns: 1fr 1fr;}
.at-grid-cols-2-max-1fr {grid-template-columns: max-content 1fr;}
.at-grid-cols-2-1fr-max {grid-template-columns: 1fr max-content;}
.at-grid-cols-2-1fr-2fr {grid-template-columns: 1fr 2fr;}
.at-grid-cols-3 {grid-template-columns: 1fr 1fr 1fr;}
.at-grid-cols-3-1fr-max-1fr {grid-template-columns: 1fr max-content 1fr;}
.at-grid-cols-4-max-1fr {grid-template-columns: max-content 1fr max-content 1fr;}
.at-grid-cols-4 {grid-template-columns: repeat(4,1fr);}
.at-grid-cols-auto-250 {grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );}
.at-grid-cols-auto-max {display: flex;flex: 0 1 auto;flex-wrap: wrap;}
.at-grid-vert-center {align-items: center;}
.at-grid-col-span-all {grid-column: 1 / -1;}
.at-grid-cols-3-or-separator {grid-template-columns: 1fr max-content 1fr;}

/*Template Editing*/
.at-userfile_img_hover_preview
{
	border:1px solid rgba(0,0,0,.4);
	background: #fff;
	position: absolute;
	
	/*alpha checkerboard pattern*/
	background-color: #eee;
	background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), 
	linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
	background-size:20px 20px;
	background-position:0 0, 10px 10px;
	width:152px;
}

.at-userfile_img_hover_preview section
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width:152px;
	height:152px;
}

.at-userfile_img_hover_preview img
{
	max-width:150px;
}

html.at-wait, html.at-wait *,.at-wait * { cursor: wait !important; }

*[class*='arct_ico-'],*[class*='a-ico_'],*[class*='at-ico_'] /*New standard for icon use*/
{padding-left:22px;background:url() left center no-repeat;min-height:22px!important;}

.arct_ico_is_selected
{
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35) inset;
}

/* APP ICONS VERSION 3 */

[class*='at-i-']::before {
	background:currentColor;
	content:'\00A0'; /*make this fit TEXT size*/
	line-height:inherit;
	height:100%;width:1em; /*size of the text*/
	display:inline-block;
	mask: url('../icons/pencil.svg') no-repeat 50% 50%;
	-webkit-mask: url('../icons/pencil.svg') no-repeat 50% 50%;
	mask-position: center center;
	pointer-events: none;
	min-height:14px;
	min-width:14px;
}

.at-i-pencil::before {mask-image: url('../icons/pencil.svg');-webkit-mask-image: url('../icons/pencil.svg');}
.at-i-cog::before {mask-image: url('../icons/cog.svg');-webkit-mask-image: url('../icons/cog.svg');}
.at-i-one-page::before {mask-image: url('../icons/one-page.svg');-webkit-mask-image: url('../icons/one-page.svg');}
.at-i-dollar::before {mask-image: url('../icons/dollar.svg');-webkit-mask-image: url('../icons/dollar.svg');}
.at-i-plus::before {mask-image: url('../icons/plus.svg');-webkit-mask-image: url('../icons/plus.svg');}

/* START: Beta ver of sprite based SVG icons*/
[class*='at-ico-']::before
,[class^='at-message-']::before
{
	background: url("../icons/sprite_app_icons.svg?v=1.3") no-repeat scroll 0 0 transparent;
	content: ".";
	display: inline-block;
	height: 16px;
	width: 16px;
	text-decoration: none;
	text-shadow: none;
	color:transparent;
	margin: 0 2px;
	vertical-align: text-bottom;
}
/*Non-svg sprites with same structure*/

/*match with sprite columns*/
.at-ico-doc::before {background-position: 0 0;}
.at-ico-edit::before {background-position: 0 -16px;}
.at-ico-designer::before {background-position: 0 -32px;}
.at-ico-home::before {background-position: 0 -48px;}
.at-ico-user::before {background-position: 0 -64px;}
.at-ico-slides::before {background-position: 0 -80px;}
.at-ico-language::before {background-position: 0 -96px;}

.at-ico-add::before {background-position: -16px 0;}
.at-ico-git::before {background-position: -16px -16px;}
.at-ico-dollar::before {background-position: -16px -32px;}
.at-ico-lock::before {background-position: -16px -48px;}
.at-ico-users::before {background-position: -16px -64px;}
.at-ico-docs::before {background-position: -16px -80px;}
.at-ico-alert::before {background-position: -16px -96px;}

.at-ico-delete::before {background-position: -32px 0;}
.at-ico-tick::before {background-position: -32px -16px;}
.at-ico-info::before {background-position: -32px -96px;}
.at-ico-question::before {background-position: -32px -80px;}

.at-ico-save::before {background-position: -48px 0;}
.at-ico-tick-gray::before {background-position: -48px -16px;}

.at-ico-settings::before {background-position: -64px -32px;}
.at-ico-colors::before {background-position: -64px -64px;}

.at-ico-menu-arrow::after {content:'\25bc';}

.at-ico-copy::before {background-image:url(../icons/copy.svg);}

/* ICON utilities */
.at-half-width-ico {width:12px;overflow: hidden;}

/*:END*/

/* ARTICLES */
.window .at-article_editor .cke_contents {height:400px;}
.window_maximize .at-article_editor .cke_contents {height:auto !important;}
.window .at-article_editor {margin:-10px -13px -20px -13px; /*snug it up in tabs*/}
.window_maximize .at-article_editor {margin:0;}

/*Image editor*/
.jcrop-holder img {max-width:none;}
/*MESSAGE ICONS*/
[class^='at-message-']::before {background-position: -48px -96px;}
.at-message-info::before {background-position: -32px -96px;}
.at-message-note::before {background-position: -64px -96px;}
.at-message-success::before {background-position: -32px -16px;}
.at-message-error::before {background-position: -16px -96px;}

/* ico utilities */
.at-ico-rotate90::before {transform:rotate(90deg);}
.at-ico-rotate180::before {transform:rotate(180deg);}

.in_text_ico {}

/* ICON ADJUSTMENTS */
.right_ico {padding-left:0;padding-right:22px;background-position:right center;}

/** Archetype FORMS **/
.at-form input:not([type="checkbox"]):not([type]):not([type='button']):not([type='radio'])
,.at-form input[type="password"]
,.at-form input[type="date"]
,.at-form input[type="number"]
,.at-form input[type="email"]
,.at-form input[type="text"]
,.at-form input[type="phone"]
,.at-form textarea
,.at-form select
{
	background: #f8f8f8;
	border: 1px solid rgb(204, 204, 204);
	padding: 5px 8px;
	box-shadow: none;
	border-radius: 0;
	width:100%;
}

.at-form input[type="range"] {width:100%;margin: 6px 0;}

.at-form label {margin-bottom:3px;}
.at-form [readonly] {background:#ccc;}

.at-form fieldset > legend
{
	font-weight: bold;
	background: var(--at-blue1);
	padding: 6px 12px;
	color: #fff;
	border-radius: 4px 4px 0 0;
	margin: auto auto auto -14px;
	width: calc(100% + 28px);
}
/*at-fieldset-light*/
.at-form fieldset > legend :link,.at-form fieldset > legend a:visited {color:#fff;}

.at-form fieldset
{
	display: block;
	border: 2px solid rgba(59,122,206,.1);
	margin: 10px 0;
	padding: 12px;
}

.at-form .at-fieldset_1
{
	background:#efefef;
	padding:4px;
	border-radius:4px;
	border:none;
}

.at-form fieldset.at-fieldset_1 > legend
{
	color:#000;
	background: #efefef;
	padding: 6px 12px;
	margin: 0 0 0 -4px;
	border-radius: 4px 4px 4px 0;
}

.at-form .at-fieldset_1 input
,.at-form .at-fieldset_1 input:not([type]) /*undeclared text*/
,.at-form .at-fieldset_1 input:not([type=button])
,.at-form .at-fieldset_1 input:not([type=radio])
,.at-form .at-fieldset_1 input:not([type=checkbox])
,.at-form .at-fieldset_1 textarea
{
	background: #fff;
}

.at-or-separator {display: flex;place-items: center;position: relative;	place-content: center;}
.at-or-separator::before {opacity:.5;display: block;border-left: 2px solid var(--at-blue1);content: ' ';height: 80%;position: absolute;left: 50%;}
.at-or-separator::after {color:var(--at-blue1);position:relative;z-index:10;content:'Or';border-radius: 50%;background: #fff;padding:5px;font-weight:bold;font-size:16px;} 

/* INTERACTIVE FORM */
.text_input_end_icon
{
	/* Makes a span/inline fit over a previous input element for clickable X clear button*/
	margin: 0 6px 0 -26px;
	background-position: 50% 50%;
  padding: 2px 5px 2px 17px;
	border-radius:0 4px 4px 0;
}

.text_w_clear_ico {padding-right:22px !important;}

.text_input_begin_icon
{
	/* Makes a span/inline fit over a previous input element for clickable X clear button*/
	margin:0;
	pointer-events:none;
	position:absolute;
	background-position: 50% 50%;
  padding: 2px 5px 2px 17px;
	border-radius:0 4px 4px 0;
}

.text_input_with_begin_icon
{
	padding-left:22px !important;
}
.text_input_icon
{
	margin: 2px 0 0 0;/*To match padding of text field*/
}

/*block with icons and filter text input*/
.arct_block_filter_input{width:100%;position:relative;}
/*block with icons and filter text input*/
.arct_block_filter_input{width:100%;position:relative;}


.at-search_box {position:relative; /*For clear input button right*/}


textarea[data-at-expandable] {transition: .5s height;/*animate initial expansion of textarea*/}
.code {border:1px dotted #ccc;padding:5px;display:block;font-family: monospace;}

/*Clickable ico modifies ico classes, needs to be after them*/
a.clickable_ico,a.clickable_ico_no_label,a.clickable_ico_dark_no_label
,a.arct_clickable_ico,a.arct_clickable_ico_no_label,a.arct_clickable_ico_dark_no_label
{
	text-decoration:none;
	color:#333;
}

.clickable_ico,.clickable_ico_no_label,.clickable_ico_dark_no_label
,.arct_clickable_ico,.arct_clickable_ico_no_label,.arct_clickable_ico_dark_no_label
{
	border:1px solid rgba(180, 180, 180, 0.3);
	border-color: rgba(120, 120, 120, 0.05) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.05) rgba(120, 120, 120, 0.05);
	border-radius:3px;
	background-color:#EFEFEF;
	color: #4E4E4E;
	min-height:20px;min-width:16px;
	padding-right:5px;padding-top:2px;padding-bottom:2px;
}

.clickable_ico_no_label,.clickable_ico_dark_no_label
,.arct_clickable_ico_no_label,.arct_clickable_ico_dark_no_label
{
	padding: 2px 2px 2px 18px;/*Assume only an icon in content*/
}

.at-ico_no_label {padding:2px;}

.clickable_ico,.arct_clickable_ico {padding-right:5px;}
.clickable_ico_dark,.clickable_ico_dark_no_label
,.arct_clickable_ico_dark,.arct_clickable_ico_dark_no_label
{
	background-color:rgba(180,180,180,.1);
	border:none;
}

.no_label_ico,.clickable_ico_no_label,.clickable_ico_dark_no_label
,.arct_clickable_ico_no_label,.arct_clickable_ico_dark_no_label
{background-position:center;}

.clickable_ico:hover,.clickable_ico_no_label:hover,.clickable_ico_dark_no_label:hover
,.arct_clickable_ico:hover,.arct_clickable_ico_no_label:hover
,.arct_clickable_ico_dark_no_label:hover
{
	cursor:pointer;
  background-color: #D7D7D7;
	color: #000;
}

.at-clickable-ico {
	cursor:pointer;background-color: #D7D7D7;color: #000;padding:2px;
	border:1px solid rgba(180, 180, 180, 0.3);
	border:1px solid rgba(180, 180, 180, 0.3);
	border-color: rgba(120, 120, 120, 0.05) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.05) rgba(120, 120, 120, 0.05);
	border-radius:3px;
	background-color:#EFEFEF;
}

.at-background-right-ico {position: relative;}
.at-background-right-ico::before {position:absolute;right:5px;top:5px;pointer-events: none;}

.arct_clickable,.clickable,.clickable_row,.clickable_item,.droppable {outline:1px dashed #FFCC66 !important; cursor:pointer;} 
.arct_clickable:hover,.clickable:hover,.clickable_row:hover{outline:2px dashed #FA09 !important;box-shadow: 0 0 1px 3px #fc09;}
.clickable_row{outline:none !important;border:1px dashed #FFCC66 !important;border-top:none !important;padding:6px;}
.clickable_row:hover {box-shadow: none;}
.item_row {padding:6px;}

.at-editable-box {position: relative;min-height:30px;}

/* CONTENT EDITING */
.editable_region_editing {position: relative;z-index: 1;}

.at-editable-box::after {
	font-size: 14px;
	padding: 2px 4px;
	margin: 0;
	content: "\e80c";
	right: 0;
	bottom: 0;
	font-family: 'at-icons';
	color: #9b5d00;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	outline: 1px dashed #fc0;
}

.at-editable-box:hover::after {
	background: #ffcc001a;
	box-shadow: 0 0 0px 2px #fc0c;
	cursor: pointer;
	outline: 2px dashed #FA09;
	/*
	animation-duration: 4s;
  animation-name: pulsate-subtle;
  animation-iteration-count:infinite;*/
}

.at-editable-box-green::after { color: #418051; outline: 1px dashed #0f0;}
.at-editable-box-green:hover::after { background: #9cea9c1a;box-shadow: 0 0 0px 2px #aceb83;outline: 2px dashed #73d542;}

.at-editable-box-is-editing[contentEditable="true"] > *:not([data-mce-selected]):focus,
.at-editable-box-is-editing[contentEditable="true"] > *:not([data-mce-selected]):hover {
  outline: 1px dashed #0080ff;
	outline-offset: -1px;
}

.at-editable-box-is-editing{box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);outline:1px solid rgba(0, 0, 0, 0.29);outline-offset: -1px;}

.at-editable-region-loading {
	position: relative;
	opacity: .5;
	pointer-events: none;
	animation: regionloading 1s infinite linear;
}
.at-editable-region-loading::before {
	content:' ';
	background: var(--at-color-gray);
	opacity: .3;
	position: absolute;
	top:0;
	left:0;
	bottom: 0;
	right:0;
	width:100%;
	height:100%;
	z-index: 100;
	animation: fadein;
} 

.at-editable-region-loading::after {
	content: 'Loading...';
	color:#fff;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	background: var(--at-color-gray);
	display: flex;
	position: fixed;
	z-index: 100;
	left:0;
	right:0;
	bottom:0;
	cursor: progress;
	width: 100%;
	line-height: 2;
	padding: .4rem;
	place-content: center;
	place-items: center;
	border-radius: inherit;
	/*WHY: Because some elemenents that should be covered may have even just z-index:1 and this will
	display below it. This is a quasi-hack because we don't want to be managing z-indexes, because 
	this is ripe for errors long term... */
	z-index: 1;
	animation: regionLoadingAlso 2s infinite ease;
}

@keyframes regionLoadingAlso {
	0% {
		color:#fff;
	}
	50% {
		color:rgba(255, 255, 255, 0.493);
	}
	100% {
		color:#fff;
	}
}

@keyframes regionloading {
	0% {
		box-shadow: 0 0 0 2px #4677ff7c, inset 0 0 0 2px #4677ff7c;
	}
	50% {
		box-shadow: 0 0 0 2px #4678ff, inset 0 0 0 2px #4678ff;
	}
	100% {
		box-shadow: 0 0 0 2px #4677ff7c, inset 0 0 0 2px #4677ff7c;
	}
}

.tox button[title="Save this content"] {
	background: hsla(var(--u1-color-green));
	color:#fff;
}

.tox-tinymce-inline {
	box-shadow: 0px 2px 10px 4px rgba(0,0,0,0.4) !important;
	z-index: 100;
}

.module_title {border-bottom:1px dotted #333;font-size:10px;font-family:Arial, Helvetica, sans-serif;padding:2px;}
.droppable,.droppable .btn-tab {cursor:pointer;border:1px dotted #f69;background-color:#f99;color:#f00;}
.cursor_move {cursor:move;}
.cursor_move:active {cursor:pointer;}
.zebra_1{background-color:#EDF4F9;}
.inline_block,.arct-ui-ib {display:inline-block;vertical-align:middle;}
.pre{white-space:pre-wrap;}
.zebra_row:nth-child(even) {background-color: #EDF4F9;}

.dim25{opacity:.25;filter:alpha(opacity=25);}
.at-brightness-100 {filter: brightness(100);}
.at-invert {filter: invert(1);}

.labels_2_col label,.labels_3_col label,.labels_3_col label
{width:50%;display:block;float:left;}
.labels_3_col label {width:33%;}
.labels_4_col label {width:25%;}

.disabled,.at-disabled {color:#ccc;}

.toolbar,.sub_toolbar,.arct_sub_toolbar{text-align:left !important;}
.form_inline_ajax {padding:10px;}
.form_inline_ajax_changed {background:#FFFFCF !important;}

.ajax_loading,.at-ajax_loading,.at-ajax-loading
,.at-loading
{
	border-radius:5px;
	background:#8D8D8D;
	color:white!important;
	min-height:20px;line-height:32px;
	font-weight:bold;
	font-size:16px;
	padding:4px;
	position:relative;	
	display: flex;
	justify-content: center;
	align-items: center;

	animation-duration: .3s;
  animation-name: fadein;
	transition-timing-function: ease-in;
}

.at-loading {
	background:none;
}

@keyframes rotateloop {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
	
.ajax_loading::before,.at-ajax_loading::before,.at-ajax-loading::before,.at-loading::before
{
	border:4px solid #AFAFAF;
	border-top-color: #CBCBCB;
	overflow: hidden;
	border-radius: 50%;
	content: " ";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 8px 0 0;
  animation: rotateloop 1s infinite linear;
  box-shadow: inset 0px 0px 6px rgba(0,0,0,.2), 0px 0px 6px rgba(0,0,0,.2);
}

.at-loading::before {margin:0;border-color: #333 #777 #777 #777;}

.at-rotate-loop {animation: rotateloop 1s infinite linear;}

.modal_bg {position:fixed;top:0;bottom:0;left:0;right:0;background:#000;opacity:.45;filter:alpha(opacity=45);}
.modal_block {position:fixed;background:#000;opacity:.45;filter:alpha(opacity=45);}
.modal_shadow {box-shadow:0 0 125px #000;}

/**TABS**/
.at-tab_items_count {float:right;font-style:italic;margin-left:3px;opacity:0.3;}

/** TOOLBARS **/
.toolbar,.toolbar-bottom,.sub_toolbar, .toolbar_
,.arct_toolbar,.arct_sub_toolbar
,.at-toolbar,.at-sub_toolbar
{
	color:#fff;
	background:#464C54;
	padding:3px;
	min-height:22px;
	position: relative;
}
.arct_toolbar,.at-toolbar {display:table;border-spacing:0;width:100%;/*Contain floating buttons*/}
.arct_toolbar .arct_module_title,.at-toolbar .at-module_title
{
	background:#464C54;
	border-radius: 4px 4px 0 0;
	color: #fff;
	font-size: 10px;
	padding: 0px 10px;
	position: absolute;
	left: 2px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.7);
	top: -17px;
	line-height: 16px;
	height:18px;
	white-space: nowrap;
	font-weight: bold;
	opacity:0;
}
.arct_toolbar:hover .arct_module_title
,.at-toolbar:hover .at-module_title
{opacity:1;transition:all .25s ease-in-out;}

.arct_toolbar .arct_module_title .arct_version {color:#B1B1B1;font-style: italic;font-weight: normal;}
div[id^="any_module_display_"] .arct_toolbar .arct_module_title {display:none;}/*Don't display*/

.at-toolbar_dim {opacity: .5}
.at-toolbar_dim:hover {opacity: 1}

.at-minimal_toolbar.at-module_toolbar_title:hover:after
	{
	position: absolute;
	font-size: 10px;
	line-height: 13px;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	border-radius: 4px;
	background:#464C54;
	padding: 0 6px;
	margin:0;
	content: attr(title);
	height: 15px;
	left: 0;
	top:100%;
	white-space: nowrap;
}

menu.at-toolbar2.at-module_toolbar_title:hover::before
{
	position: absolute;
	background:#464C54;
	border-radius: 4px 4px 0 0;
	color: #fff;
	content: attr(title);
	font-size: 10px;
	height: 15px;
	line-height: 13px;
	margin: -30px 0 0 0;
	padding: 2px 6px 0 6px;
	position: absolute;
	text-shadow: 0 1px 0 #000;
	white-space: nowrap;
	z-index: 100;
}

menu.at-toolbar2::before {
	position: absolute;
	background:#464C54;
	border-radius: 4px 4px 0 0;
	color: #fff;
	content: attr(title);
	font-size: 10px;
	height: 15px;
	line-height: 13px;
	margin: -15px 0 0 0;
	padding: 2px 6px 0 6px;
	position: absolute;
	text-shadow: 0 1px 0 #000;
	white-space: nowrap;
	z-index: 100;
	opacity:0;transition: all .25s ease-in-out .25s;
	pointer-events:none;
}

menu.at-toolbar2:hover::before {opacity:1;}
menu.at-toolbar2:not([title])::before {display:none;/*Don't show if there is not title*/}

/* Menu toolbar inside of table */
td > menu.at-toolbar2 li {margin:0;}
td > menu.at-toolbar2 {margin:0;}

.toolbar:after,.sub_toolbar:after,.arct_sub_toolbar:after,.at-sub_toolbar:after
{content: "."; display: block;height:0;clear: both; visibility: hidden;}
.sub_toolbar,.arct_sub_toolbar,.at-sub_toolbar{line-height:16px;color:#000;background:#E4E5E6;border:1px solid #ccc;}
.at-sub_toolbar.at-breadcrumb_toolbar {border-color:#E4E5E6;}
.toolbar-small {font-size:.9em;padding-top:0;padding-bottom:0;}
.toolbar-bottom{position:fixed;bottom:0px;right:0px;left:0px;margin:0;}
.toolbar_standalone,.arct_toolbar_standalone,.at-toolbar_standalone {border-radius:4px;margin-bottom:10px;}
.toolbar_top,.at-toolbar_top {border-radius:4px 4px 0 0;}

.sub_toolbar_separator,.arct_sub_toolbar_separator
,.at-sub_toolbar_separator
{width:4px;border:1px solid #ccc;border-color:#999 #ccc #ccc #999;background:rgba(0,0,0,.2);padding:3px 0;margin-top:-3px;margin-bottom:-3px;}
.sub_toolbar a,.sub_toolbar a:hover, .sub_toolbar a:visited
,.arct_sub_toolbar a,.arct_sub_toolbar a:hover, .arct_sub_toolbar a:visited
,.at-sub_toolbar a,.at-sub_toolbar a:hover, .at-sub_toolbar a:visited
{color:#049;}
.arct_sub_toolbar a:hover,.at-sub_toolbar a:hover {color:#06f;}

/*Minimal toolbar (ie, floating toolbar)*/
.at-minimal_toolbar
{
	background:rgba(70, 76, 84, 0.66);
	border-radius: 4px;
	padding:3px;
	position: absolute;
	
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	justify-content: flex-start;
	vertical-align: top;
	z-index: 100;
}

.at-minimal_toolbar *[class*='at-ico']
{
	align-self: auto;
	flex: 1 1 auto;
	margin-right:0;
	vertical-align: top;
	font-size: 13px;
	line-height: 16px;
	background-position: 2px center !important;
	border-radius:0;
	
}
.at-minimal_toolbar *[class*='at-ico']:first-child {border-radius:3px 0 0 3px;}
.at-minimal_toolbar *[class*='at-ico']:last-child {margin-right: 0;border-top-right-radius:3px;border-bottom-right-radius:3px;}

.window .at-minimal_toolbar .note {color:rgba(255,255,255,.8) !important;}

/** Toolbar affects **/
.arct_sub_toolbar select,.at-sub_toolbar select {margin:2px;/*makes it match buttons*/}

.floating_toolbar_content {border:2px solid #f00;}
.floating_toolbar_wrapper {z-index:100000;position:absolute;}
.floating_toolbar,.floating_toolbar_bottom {width:100%;position:fixed;top:0px;left:0px;z-index:10000;
box-shadow: 0 0 35px #272727;
padding-bottom:0px;
}
.floating_toolbar_bottom {top:auto;bottom:0;box-shadow:none;}

.toolbar_editregion_top,.toolbar_top,.at-toolbar_top
{border-radius:5px 5px 0 0;}
.toolbar_editregion_bottom,.toolbar_bottom,.at-toolbar_bottom
{border-radius:0 0 5px 5px;}
	.toolbar_editregion_top,.toolbar_editregion_bottom,.editable_region_editing {box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.at-editable-region-editor {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4), inset 0 0 0 1px #464c54a3;
	min-height: 4rem;
	position: relative; /* Make sure the loading symbol displays inside correctly */
	display:grid; /* This fixes margin collapse from internal content pushing out. It fixes floating elments, sticky toolbar, etc...*/
}

.floating_toolbar_wrapper {position: static;position: sticky;top:78px;
position: sticky;
}
.floating_toolbar_wrapper > .at-toolbar2 {position: absolute;z-index: 100;}
.floating_toolbar_wrapper_top > .at-toolbar2 {margin-top:-34px;
box-shadow:0px 0px 0px 2px #464C54, 5px 6px 10px rgba(0, 0, 0, 0.4);
transition: background-color .3s, box-shadow .3s;
}
.floating_editor_toolbar_reveal > .at-toolbar2 {background: white !important;box-shadow:5px 6px 10px white;}

.at-editable-region-toolbar	 {
	bottom:0;
	position: sticky;
	z-index: 100;
}

/* Make images in <button> tag look right */
.button img {vertical-align:text-bottom;}

.arct_column_header {border-bottom:1px solid #ccc;font-size:.9em;}
.arct_column_header div {color:#666 !important;}

/** FORM **/
.at-row{clear:both;margin-bottom:16px;min-height:10px;}
.at-relative_rows .at-row{position: relative;}
.at-row_hover:hover {background:#f5f5f5;}

.arct_form_required:after {content:' *';color:#f00;font-weight:bold;}
div.arct_column {white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.ellipsis,.at-ellipsis {white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.at-note,.at-window .at-note{font-size:.9em;color:#444!important;margin: 5px 0;}
.at-em {font-style: italic;}
.at-checkboxes label {font-weight:normal;}

/** RESIZEABLE **/
.at-resizable {position: relative;}
.ui-resizable-handle.ui-resizable-e:after
,.ui-resizable-handle.ui-resizable-s:after
{
	display: block;
	position: absolute;
	top: 50%;
	width:5px;
	left:0px;
	height:14px;
	border:1px solid white;
	outline:1px solid gray;
	border-radius: 2px;
	background: linear-gradient(
    to right, 
    white 20%
		,gray 20%,gray 40%
    ,white 40%,white 60%
		,gray 60%,gray 80%
		,white 80%
  );
	content:' ';
}
.ui-resizable-handle.ui-resizable-e
{
	background: rgba(140, 188, 255, 0.16);
	background: linear-gradient(
    to right, 
    rgba(140, 188, 255, 0.16) 40%
		,#ccc 40%,#ccc 60%
    ,rgba(140, 188, 255, 0.16) 60%
  );
}
 
/**SOUTH HANDLE**/
.ui-resizable-handle.ui-resizable-s:after
{
	left: 50%;
	width:15px;
	top:0px;
	height:5px;
	background: linear-gradient(
    to bottom, 
    white 20%
		,gray 20%,gray 40%
    ,white 40%,white 60%
		,gray 60%,gray 80%
		,white 80%
  );
}
.ui-resizable-handle.ui-resizable-s
{
	background: rgba(140, 188, 255, 0.16);
	background: linear-gradient(
    to bottom, 
    rgba(140, 188, 255, 0.16) 40%
		,#ccc 40%,#ccc 60%
    ,rgba(140, 188, 255, 0.16) 60%
  );
}
/**ALL HANDLES**/
.ui-resizable-handle.ui-resizable-e:hover
,.ui-resizable-handle.ui-resizable-s:hover
{
	/*border-left:3px solid #8CBCFF;*/
	background:#8CBCFF;
}
 .ui-resizable-helper { border: 2px dotted #00F; }
 
/**
 * Code highlighter (extend/codemirror_2)
 */
.at-module-template-code-editor-wrapper {
	display:flex;
	align-items: stretch;
	min-height:calc(100vh - 550px);
	border:1px solid #ccc;
}

.CodeMirror-linenumber	{	color: #aaa !important;}
.CodeMirror-linenumber:hover {background:#ccc;cursor: pointer;}
.CodeMirror-linenumbers	{}

.CodeMirror-gutters {min-height:100%!important;box-shadow: 0 0 6px rgba(65, 111, 126, 0.37);}

/*For editor to fit to surrounding container*/
.at-window .CodeMirror,.at-window  .CodeMirror-scroll {height: 100%;min-height:200px;width: 100%;}
.at-module-template-code-editor-wrapper .CodeMirror {height:auto;}
.CodeMirror-activeline-background {background: #F5F4F4 !important;width: 100%;}

/*Mustache template var styles*/
.cm-mustache {color: #007fd1;}

/* editor insert tag */
.arct_tag_group {display: flex;flex-wrap: wrap;align-content: flex-start;}

.arct_tag_group .arct_tag
{
	margin: 1px;
	padding: 0;
	font-size: 10px;
	line-height: 1.5;
	display: inline-block;
	background: #ccc;
	color: #000;
	padding:2px 6px;
	background: #B3B3B3;
	border-radius: 3px;
	cursor:pointer;
	position: relative;
	border-bottom: 2px solid rgba(0,0,0,.2);
}

.arct_tag_group .arct_tag_custom {background:#C8CEFF;}
.arct_tag_group .arct_tag:hover {background:#E3E3E3;}
.arct_tag_group .arct_tag_custom:hover {background:#DDE1FF;}

/* Jquery/ARchetype styles */
.arct_jquery_sortable_placeholder
{
	/*Styles the place holders when dragging sortable elements*/
	 visibility: visible !important; height: 50px;
	 border-radius:4px;
	 outline:2px dotted #ccc;
	 background:#efefef;
	 min-height: 10px !important;
}

.arct_jquery_sortable_placeholder *
{
	/* Everything inside of the placeholder should be faded */
	opacity:.7;
	color:#ccc !important;
}

/* Draggable icon/placeholder 2*/
#at-dragging-icon
{
	display: block;
	min-height: 20px;
	background: #464C54;
	position: fixed;
	z-index: 99999999;
	font-weight: normal;
	padding: 4px 6px;
	font-size: 11px;
	color: white;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border:1px solid rgba(0,0,0,.4);
}
	
/* Default display tools for modules */
.arct_draggable_element,.at-drag_handle
{
	cursor:move;
}

.arct_image_thumb_edit_item,.arct_sortable_item_thumb_edit_item
{
	float:left;margin:0 5px 5px 0;border:1px solid #ccc;padding:4px;
	background:#fff;
	width:150px;
	height:120px;
	overflow:hidden;
	position:relative; /* Needed to ensure the image toolbar stays inside of the thumbnail */
}

.arct_sortable_item_thumb_edit_item img
{
	max-height:100%;
}

#arct_image_editor_window
{
	width:100%;
	height:500px;
	overflow:hidden;
}

.arct_image_thumb_edit_count,.arct_sortable_item_thumb_edit_count
{
	position:absolute;padding:0 4px; line-height: 14px;
	text-align:center;background:#fff;
	border:1px solid #ccc;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
	margin:-5px -1px 0 0;right:0px;
}
.arct_image_thumb_edit_toolbar
{
	margin:-5px 0 0 -5px;
	right:0px;position:absolute;padding:4px;background:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.6);
	padding-left:0;
	transition:  width 2s linear, background-color 2s ease-in;
}

.arct_item:hover .arct_item_toolbar
,.arct_item:hover .arct_item_toolbar > div
,.arct_item_toolbar.arct_item_selected
{
	/* Activates arct related tools, .like arct_item_toolbar */
	display:block;
	opacity: 1;
}

.arct_item:hover .arct_item_toolbar:not(.arct_item_selected) 
{
  animation-duration: .25s;
  animation-name: slidein;
	transition-timing-function: ease-in;
}

@keyframes slidein {
  from {
    margin-top:20px;
		opacity:0;
  }
  to {
    margin-top:0px;
		opacity:1;
  }
}

.arct_item.arct_disabled_item:after
{
	content: "Not enabled";background: rgba(132, 132, 132, 0.8); color: #fff;
	position: absolute; display: block;	padding: 10px 18px;
	top: 0;	left: 0; right: 0;	bottom: 0;
	text-align: right; text-shadow: 0px 0px 1px #000;	font-family: sans; font-weight: bold;
}
/* General purpose item editing toolbar */
.arct_sortable_item_edit_toolbar,.arct_item_toolbar
{
	padding: 4px;
	position: absolute;
	z-index: 100;/*ensure toolbar is on top of item content*/
	background: rgba(0,0,0,.6);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
}

.arct_item_toolbar
{
	display:none;
	font-size:12px;
}

table tr .arct_item_toolbar{
	margin:0px;
	right:50px;
}

table.at-has-item-toolbar tr {position:relative;}
table.at-has-item-toolbar tr td .at-ico-settings
,table.at-has-item-toolbar tr td:last-child
{
	position: relative;
	overflow: visible !important;
}

table.at-has-item-toolbar tr td .at-ico-settings .at-item-toolbar
{
	display:none;
	position: absolute;
	right:0;
	z-index: 100;
	right: calc(100%);
	margin-right:5px;
	top: -5px;
}
table.at-has-item-toolbar tr td .at-ico-settings:hover .at-item-toolbar {display:block;}

table tr .at-item-toolbar::before
,table tr .at-item-toolbar:after
{
	border-color: rgba(70, 76, 84, 0);
	border-left-color:#464C54;
	border-style: solid;
	border-width: 6px;
	content: " ";
	display: block;
	height: 0;
	left: 100%;
	position: absolute;
	top: calc(50% - 6px);
	width: 0;
}

table tr .at-item-toolbar::before
{
	border-color:rgba(170, 76, 84, 0);
	border-left-color:rgba(0,0,0,.4);
	border-width: 7px;top:calc(50% - 7px);
}

table.at-sticky-head thead,
table.at-sticky-head thead th {position: sticky;top:0;z-index: 1000;}

.arct_item_toolbar > div
{
	opacity:.5;
}

.arct_item_not_published,.arct_item_expired
{
	border:1px solid rgba(0,0,0,.4);
	background:#cfc;
	padding:4px 6px;
	color:#265E1D;
	font-size:11px;
	border-radius:4px;
	clear:both;
}

.arct_item_expired
{
	background:#fcc;
	color:#870000;
}
/*Generic sortable placeholder*/
.at-sortable-placeholder
{
	border:0!important;
	outline:2px solid #464C54;
	padding:0;margin:0;
	border-radius:2px;
	background:#464C54!important;
	height:0px!important;padding:0!important;margin:0!important;
	width: 100%;
}
/*sortable tables*/
tr.at-sortable-placeholder
,tr.at-sortable-placeholder td
{z-index: 10;line-height: 0!important;height:0!important;background:#464C54!important;cell-spacing:0;cell-padding:0;padding:0!important;margin:0;
border:none!important;
border:2px dotted #464C54!important;outline:none;/*use borders instead of outlines, or there are display errors*/
}

tr.at-sortable-placeholder td > * {display:none!important;}

.at-sortable-placeholder::before
{
	content: "";
	border-radius: 50%;
	background: #fff;
	border: 4px solid #464C54;
	position: absolute;
	height: 18px;
	width: 18px;
	text-align: center;
	display: block;
	z-index: 100;
	line-height: 18px;
	transform: translateY(-50%) translateX(-50%);
	box-shadow: inset 1px 2px 2px -2px #333;
}

.at-sortable_checkboxes label:hover
{
	border-radius:4px;
	background:#efefef;
	cursor:move!important;
}

/* SHOW TOOLBAR on rollover item*/
.arct_sortable_item_edit_toolbar_parent:hover .arct_sortable_item_edit_toolbar
{
	display:block;
}
/* Sortable list */
ul.at-sortable {list-style: none;margin:0;padding:0;}
ul.at-sortable li
{
	padding: 4px 10px;
	background: #efefef;
	border-radius: 4px;
	margin:3px;
	white-space: nowrap;
}
ul.at-sortable:not(.at-sortable-is-dragging) li:hover {text-decoration:none;background:#ccc;}

/*arct_draggable_links ui-sortable*/
.arct_draggable_links a
{
	display: inline-block;
	padding: 4px;
	background: #efefef;
	border-radius: 4px;
	margin:3px;
	white-space: nowrap;
}
.arct_draggable_links a:hover {text-decoration:none;background:#ccc;}

.clickable_row .arct_sortable_item_edit_toolbar
{
	border-radius:0px 0px 4px 0px;
	margin:-6px 0px 0px -6px;
}

/* File upload styles */

.upload_box_w
{
	position:absolute;
	border-radius:5px;
	box-shadow:0 0 10px #333;
	background:#FFF;
	padding:5px;
	color: #000 !important;
}

.arct_dragover_hover
{
	outline:2px dotted #f00;
}
.arct_dragover_hover::before
{
	display: block;
	position: absolute;
	padding: 5px;
	background: #fcc;
	color:#600;
	content:'Drop file to upload';
}

/* EDITING TABLE */
table .at-tr_selected td {background:#ccc;color:#333;border-color:#BDBDBD;}
.arct_no_wrap_td td
{
	white-space: nowrap;
}

.arct_table_cols td
{
	max-width:100px;
	text-overflow:ellipsis;
	overflow:hidden;
}
.arct_table,.table_for_editing
{
	width:100%;
	table-layout: fixed;
	padding:0px;
	border-spacing:0px;
}
.at-table-layout-auto {table-layout: auto;}

.arct_table td {vertical-align:top;}
.table_for_editing
{
	/*outline:1px solid rgba(0,0,0,.05);
	outline-offset:-1px;*/
	border-bottom:1px solid rgba(0,0,0,.2);
}

table.table_for_editing thead th
{
	overflow: hidden;
	text-overflow: ellipsis;
}

.table_for_editing th,.table_for_editing td
{
	border-collapse:collapse;
	padding: 8px;
	border-right:1px solid rgba(204, 204, 204, 0.2);
}

.table_for_editing th,.table_for_editing td:last-child
{
	border-right:none;
}

.table_for_editing.in_cell_editing td  {position:relative;}
.table_for_editing.in_cell_editing td .fill_cell {position: absolute;left:0;top:0;width:100%;height:100%;}
.table_for_easy_reading td,.at-table_for_easy_reading td {padding:10px 12px;}

.table_for_editing tr:last-child td {border-bottom:none;}
.table_for_editing tr:nth-child(even) {background:#F2F2F2;}

.table_for_editing tbody tr:hover
{
	background:#F3F3F3 !important;
	/*outline: 2px solid rgba(0,99,255,.4); outline-offset: -1px; #0063FF4D ; */
	box-shadow: inset 0px 0px 0px 2px var(--at-blue-highlight-hover);
}

.at-tr-selected td{
	color:#fff;
	background:var(--at-color-gray);
}

.table_for_editing.at-clickable-rows tbody tr:hover {cursor:pointer;}

.table_for_editing thead,.table_for_editing tfoot
{
	font-weight:normal;
	font-size: 11px;
	color:#585858;
	line-height:16px;
	background:#DADADA;
	text-align:left;
}

.at-tr_pointer tr {cursor:pointer;}

.at-td-clickable {cursor:pointer;text-align: center;outline: 2px solid rgba(255,255,255,0);outline-offset: -2px;}
.at-td-clickable > * {pointer-events: none;}	
.at-td-clickable:hover {
	/*background:var(--at-td-highlight) !important;
	outline-color: rgba(0,0,0,.2);*/
}

td[class*="at-td-clickable-"] {border:none;vertical-align: middle !important;}
.at-td-clickable-green,.at-td-clickable-green:hover {color:var(--at-color-green);background: rgba(0,200,10,.1);}
.at-td-clickable-green:hover {background:var(--at-color-green);color:#fffc;}

.at-td-clickable-red,.at-td-clickable-red:hover {color:var(--at-color-red);background: rgba(200,10,0,.1);}
.at-td-clickable-red:hover {background:var(--at-color-red);color:#fffc;}

.at-td-clickable-orange,.at-td-clickable-orange:hover {color:var(--at-color-orange-text);background: rgba(200,200,0,.1);}
.at-td-clickable-orange:hover {background:var(--at-color-orange-hover);color:#fffc;}

.at-td-clickable-blue,.at-td-clickable-blue:hover {color:var(--at-color-blue);background: rgba(10,0,200,.1);}
.at-td-clickable-blue:hover {background:var(--at-color-blue);color:#fffc;}

.at-td-clickable-gray,.at-td-clickable-gray:hover {color:var(--at-color-gray);background: rgba(0,0,0,.05);}
.at-td-clickable-gray:hover {background:var(--at-color-gray);color:#fffc;}

.a-full_cell_clickable_icons *[class*='a-ico_'] {margin-top:-5px;	margin-bottom:-5px;}
.a-full_cell_clickable_icons *[class*='a-ico_']:first-child {margin-left:-10px;}
.a-full_cell_clickable_icons *[class*='a-ico_']:last-child {margin-right:-10px;}

/* Filter row styling */
.tablesorter-filter-row td {padding:0;}

/* Vue-sortable table*/
.at-v-table-sortable th {position: relative;}
.at-v-table-sort {
  position: absolute;
	right: 3px;
	width: 12px;
	height: 12px;
	top: 50%;
	background: no-repeat center center / contain;
	transform: translateY(-50%);
}

.at-v-table-sort-down {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14.5' height='16' width='16'%3e%3cpath d='m 7.8917566,14.272631 a 1.5036584,1.5036584 0 0 1 -0.0042,0 c -0.678419,-0.037 -1.325898,-0.4356 -1.665082,-1.0243 L 0.46704953,3.2817301 c -0.358292,-0.6203 -0.357893,-1.4311 0,-2.0515 C 0.82494253,0.60973012 1.5268466,0.20343018 2.2431376,0.20313018 a 1.5036584,1.5036584 0 0 1 0.0014,0 l 11.5108494,0 a 1.5036584,1.5036584 0 0 1 0.0014,0 c 0.716292,3e-4 1.418196,0.40659994 1.776088,1.02709992 0.357894,0.6204 0.358293,1.4312 0,2.0515 L 9.7774516,13.248331 c -0.375992,0.6524 -1.13374,1.0654 -1.885689,1.0258 z' fill='%23fff' stroke='gray' stroke-width='.394' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.at-v-table-sort-up {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14.5' height='16' width='16'%3e%3cpath d='m 7.8917566,0.2072994 a 1.5036584,1.5036584 0 0 0 -0.0042,0 c -0.678419,0.037 -1.325898,0.4356 -1.665082,1.0243 L 0.46704953,11.1982 c -0.358292,0.6203 -0.357893,1.4311 0,2.0515 0.357893,0.6205 1.05979707,1.0268 1.77608807,1.0271 a 1.5036584,1.5036584 0 0 0 0.0014,0 l 11.5108494,0 a 1.5036584,1.5036584 0 0 0 0.0014,0 c 0.716292,-3e-4 1.418196,-0.4066 1.776088,-1.0271 0.357894,-0.6204 0.358293,-1.4312 0,-2.0515 L 9.7774516,1.2315994 c -0.375992,-0.6524 -1.13374,-1.0654 -1.885689,-1.0258 z' fill='%23fff' stroke='gray' stroke-width='.394' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

/** ARCHETYPE breadcrumb navigation (ul/li or a/span based structure) **/
.arct_breadcrumb_bar
{
  padding:0;margin:0;
  overflow:hidden;
  background:#E4E5E6;
	text-shadow: none;
	border-radius:inherit;
}

.breadcrumb_toolbar /*normal sub_toolbar doesn't quite exactly match breadcrumb style/images */
{
	border-color: #E4E5E6;
}

/*[onclick]*/
.arct_breadcrumb_bar li:last-child
,.arct_breadcrumb_bar a:last-child,.arct_breadcrumb_bar a:last-child:hover,.arct_breadcrumb_bar a:last-child:visited
,.arct_breadcrumb_bar:after /*Last arrow*/
{background:url(../images/path_inactive.png) center left no-repeat;}

.arct_breadcrumb_bar li:first-child
,.arct_breadcrumb_bar a:first-child,.arct_breadcrumb_bar a:first-child:visited,.arct_breadcrumb_bar a:first-child:hover
{background:url(../images/path.png) center right no-repeat;
border-radius:inherit;
padding-left:22px;
}

.arct_breadcrumb_bar li.arct_breadcrumb_selected
,.arct_breadcrumb_bar a.arct_breadcrumb_selected,.arct_breadcrumb_bar a:visited.arct_breadcrumb_selected
{color:#fff;background-image:url(../images/path_selected.png);} /*must be after first-child to allow first to be selected.*/

.arct_breadcrumb_bar li[onclick]:hover
,.arct_breadcrumb_bar li[onclick]:focus
,.arct_breadcrumb_bar li[onclick]:active  /* IE */
,.arct_breadcrumb_bar a:hover
{
	text-decoration: none;
  cursor:pointer;
  background:url(../images/path_hover.png) center left no-repeat;
  outline:none;
  color:#000;
}

.arct_breadcrumb_bar:after
{
	/*End with arrow*/
	content:' ';
	height:30px;
}

/* INFO/HELP PANEL */
.arct_panel_question {position:absolute;cursor:help;height:0px; z-index: 100;/*Some things overlap withouthis*/}
.arct_panel_question * {visibility: hidden;}
.arct_panel_question:hover *,.arct_panel_question:hover div {visibility: visible;color:#fff !important;}
.arct_panel_question .at-ico-question
{
	/*Start with icon, on hover opens */
	position: absolute;
	right: 0;
	top: 0;
	transform: translateY(-150%);
}

.arct_panel_question::before
{
	position: absolute;
	right: 2px;
	background: url("../icons/sprite_app_icons.svg?v=1.3") no-repeat scroll 0 0 transparent;
	content: " ";
	height: 16px;
	width: 16px;
	background-position: -32px -80px;
}

.arct_panel_question:hover
{
	line-height: 15px; /*weird hack needed to */
	border-radius: 4px;
	margin-top:23px;
	box-shadow: 0 2px 8px rgba(0,0,0,.5);
	padding: 10px;
	height: auto;
	background: #545454;
	z-index:9999;
}

.arct_panel_question:hover:after {border: 7px solid transparent;border-bottom-color: #545454;content: ' ';height: 0; position: absolute; width: 0;right:3px;top: 0;transform: translatey(-100%);}
.arct_panel_question:hover::before {top:-23px;}
.arct_panel_question ul,.arct_panel_question li {margin:0 0 0 7px;padding:0;}

/*LAYOUT AND STRUCTURE */
.arct_row{display:table;width:100%;clear:both;margin:0 0 12px 0;min-height:1%;}
.arct_col,.arct_col_last
{
	display: table-cell;
	vertical-align: top;
}
.arct_col{padding-right:8px;}
.arct_col_last {padding-right:0px;}

/* Toolbar button */
menu[class*="at-toolbar"]
{
	padding:0;
	margin:0;
	display: flex;
	align-items: stretch;
	flex-direction: row;
	justify-content: space-between;
	align-content: flex-start;
	vertical-align: top;
	flex-flow: row wrap;
}

menu[class*="at-toolbar"] > li
{
	/*Toolbar groups will be by section*/
	font-size:12px;
	line-height:1.5;
	display: flex;
	flex-wrap: wrap;
	align-self: auto;
	flex: 0 1 auto;
	place-items: flex-start;
	flex-direction: row;
	vertical-align: top;
	margin:3px 2px;
	align-items: stretch;
	border-radius:4px;
}

menu[class*="at-toolbar"] > li > * {width:auto /*Form elements are 100%... *sigh* */;}

menu[class*="at-toolbar"] > li.at-position-right {justify-content: right;flex-grow: 0;}
menu[class*="at-toolbar"] > li.at-position-center {flex-grow: 1;}

menu.at-toolbar2
{
	background:#464C54;
	color: var(--at-toolbar-text);
	min-height: 22px;
	border-radius: 4px;
	margin: 0 0 10px 0;
}

menu.at-toolbar2.at-toolbar2_lightbg {background:rgba(0,0,0,.4);}
.at-toolbar2.at-toolbar2-light {background:#E4E5E6;}
menu.at-toolbar2.at-no-bg {background:none;color:unset;}

menu.at-toolbar2 > li > *:not(button):not(select):not(input[type="text"])
{
	line-height:16px;font-size:13px;
	min-height:22px;
	padding:4px 3px;
}
menu.at-toolbar2 > li {position: relative;}

menu.at-toolbar2.at-toolbar2_lightbg > li > *:not(button)
,menu.at-toolbar2.at-no-bg > li > *:not(button) {color:black;}

menu.at-toolbar2 > li button
,menu.at-toolbar2 > li menuitem
,menu.at-toolbar2 > li menu
{
	appearance:none;
  -moz-appearance: none;-webkit-appearance: none;
  border:none;background-color:#efefef;
  margin:0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  border:1px solid rgba(180, 180, 180, 0.3);
	padding:3px 8px;/*compensate for border*/
  border-color: rgba(120, 120, 120, 0.05) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.05) rgba(120, 120, 120, 0.05);
  background-color:#EFEFEF;
  color: #292929;
  min-height:20px;
  overflow: hidden; 
	white-space: nowrap;
  text-align: left;
	text-overflow: ellipsis;
	position: relative;
	font-size:inherit;
	line-height: 16px;
	box-shadow: 0px 1px 1px rgba(0,0,0,.3);
}

button.dropzone {
	/* Bit of a hack to counter overflow:hidden in button above 
	Needed for preview and highlights on hover*/
	overflow: visible !important;
}

menu.at-toolbar2 [class^="at-fa-"],menu.at-toolbar2 [class*=" at-fa-"]
{font-size:16px;}

/** Dropdown menu in toolbars **/ 
menu.at-toolbar2 menu[type="popup"] {padding:0;list-style: none;}

menu.at-toolbar2 menu[type="popup"] li > button {
	padding: 4px 10px;
	border-radius: 0;
}

menu.at-toolbar2 > li menu[type="popup"]
{
	display:none;/*Default view is hidden*/
	position: absolute;
	left: 0px;
	top: 100%;
	overflow: visible;
	margin-top:6px;/*size of top arrow*/
	box-shadow:0 3px 5px rgba(0, 0, 0, 0.1) !important;
	z-index: 100;/*Must be above all near elements*/
}

menu.at-toolbar2 > li menu[type="popup"]::after {border: 7px solid transparent;
border-bottom-color: #EFEFEF;content: ' ';
height: 0; position: absolute; width: 0;left:calc(50% - 5px);top:-14px;}

menu.at-toolbar2 > li menu[type="popup"]::before {
border: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.1);content: ' ';
height: 0; position: absolute; width: 0;left:calc(50% - 5px);top:-15px;
}

menu.at-toolbar2 > li menu[type="popup"] menuitem
,menu.at-toolbar2 > li menu[type="popup"] button
{
	display: block;
	width:auto;
	min-width:100%;
	border:none;
}

menu.at-toolbar2 button > * {pointer-events: none;/*Sometimes icons/elements block click event */}

menu.at-toolbar2 menuitem::after {content:attr(label);}
menu.at-toolbar2 > li button:hover {background-color:#d7d7d7;cursor:pointer;}
menu.at-toolbar2 > li button:active { transform: translate(1px, 1px);box-shadow: 0px 1px 1px rgba(0,0,0,.3);}
menu.at-toolbar2.at-buttons-dark > li button:hover {background-color:#373d44;}

menu.at-toolbar2.at-toolbar_light {background:#E4E5E6;color: #000;}
menu.at-toolbar2.at-toolbar-bg-none {background:none;color:#000;}
menu.at-toolbar2.at-toolbar_top {border-radius:4px 4px 0 0;margin-bottom: 0px;}
menu.at-toolbar2.at-toolbar_bottom {border-radius:0 0 4px 4px;}
menu.at-toolbar2.at-toolbar_seemless
,menu.at-toolbar2.at-toolbar_inline
,menu.at-toolbar2.at-toolbar-inline
{border-radius:0;margin:0;}

/*DEFAUTL button */
menu.at-toolbar2 .at-button-default {color:#fff;	background:var(--at-color-blue);}
menu.at-toolbar2 .at-button-default:hover {background:var(--at-color-blue-hover);}

/*DISABLED Button*/
menu.at-toolbar2 > li button[disabled]
,menu.at-toolbar2 > li button[disabled]:hover
,menu.at-toolbar2 > li button[disabled]:active
{background:#ccc;color:rgb(150, 150, 150);transform: translate(0,0);cursor: normal;}

/* Toolbar Types Styling */
/* Light Toolbar */
menu.at-toolbar2.at-toolbar_light > li button
,menu.at-toolbar2.at-toolbar_light > li menuitem
,menu.at-toolbar2.at-toolbar_light > li menu
{
  border-color: rgba(120, 120, 120, 0.05) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.05) rgba(120, 120, 120, 0.05);
  background-color:#fff;
  color: #272727;
}

menu.at-toolbar2.at-toolbar_light > li menu::after {border-bottom-color: #fff;}
menu.at-toolbar2.at-toolbar_light > li button:hover {background-color:#efefef;cursor:pointer;}

menu.at-item_toolbar {display:none;}

.arct_item:hover menu.at-item_toolbar
,menu.at-item_toolbar.arct_item_selected
{
	/* Activates arct related tools, .like arct_item_toolbar */
	display:block;
	opacity: 1;
	will-change: top, opacity;
}

.arct_item:hover menu.at-item_toolbar:not(.arct_item_selected) 
{
  animation-duration: .25s;
  animation-name: slidein;
	transition-timing-function: ease-in;
}

button::-moz-focus-inner{border: 0; /*FF adds a dotted line*/}
button:focus{outline: 0;}

menu.at-toolbar2 > li.at-flex_fill {flex: 100 1 auto;}
menu.at-toolbar2 > li button:last-of-type {margin-right: 0;border-top-right-radius:3px;border-bottom-right-radius: 3px;}
menu.at-toolbar2 > li button:first-of-type {border-top-left-radius:3px;border-bottom-left-radius: 3px;}
menu.at-toolbar2 > li.at-fill {flex-grow:2;}
menu.at-toolbar2 > li.at-shrink {flex-grow:0;}
menu.at-toolbar2 > li.at-light-bg {background:rgba(255,255,255,.6);}
menu.at-toolbar2 > li.at-dark-bg {background:rgba(0,0,0,.6);}
/*minimal/normal module toolbars*/
menu.at-toolbar2 > li button[data-at-label]:after {content:attr(data-at-label);}
menu.at-toolbar2.at-toolbar-min > li button:after {content:attr(data-at-label-min);}
.breadcrumb_toolbar menu.at-toolbar2 {margin:-4px;}
menu.at-toolbar2_in_table {margin:-4px;}
/*Toolbar functionality*/
.at-toolbar-min {display:none;/*default view of all min/max toolbarset*/}
menu:not(.at-toolbar-min) .at-ico-toolbar-min-only::before {display:none;}

/* Inputs inside menu toolbars */
menu.at-toolbar2 input
{
	background: #f8f8f8;
	border: 1px solid rgb(204, 204, 204);
	padding: 5px 8px;
	box-shadow: none;
	border-radius: 0;
}

/* Button modifications */
menu.at-toolbar2.at-buttons-dark > li button , menu.at-toolbar2.at-buttons-dark > li button:hover
{color:#fff;background-color: #464C54;color: #fff;
box-shadow: -1px -2px 4px -4px black inset !important;}
menu.at-toolbar2.at-buttons-dark > li button:hover {background-color: #34383E;}
menu.at-toolbar2.at-buttons-large > li button {font-size:18px;line-height:2;padding-left:12px;padding-right:12px;}
menu.at-toolbar2.at-buttons-medium > li button {font-size:14px;line-height:1.75;padding-left:10px;padding-right:10px;}
menu.at-toolbar2.at-buttons-small > li button {font-size:10px;line-height:1;}

menu.at-toolbar2 .at-button-green {color:#fff;background:var(--at-color-green);}
menu.at-toolbar2 .at-button-green:hover {background:var(--at-color-green-hover);}

menu.at-toolbar2 .at-button-blue {color:#fff;background:var(--at-color-blue);}
menu.at-toolbar2 .at-button-blue:hover {background:var(--at-color-blue-hover);}

menu.at-toolbar2 .at-button-orange {color:var(--at-color-orange-text);background: #fafae5;}
menu.at-toolbar2 .at-button-orange:hover {background:var(--at-color-orange-hover);color:#fffc;}

menu.at-toolbar2 .at-button-red {color:var(--at-color-red);background: #fae6e5;}
menu.at-toolbar2 .at-button-red:hover {background:var(--at-color-red);color:#fffc;}

/*wrapper for input field with icon - needs to be after general menu icon styles */
.at-input-with-icon {position: relative;}
.at-input-with-icon.at-is-after input {padding-right:25px !important;}
.at-input-with-icon.at-is-before input {padding-left:25px !important;}
.at-input-with-icon .at-icon-after {position:absolute;right:8px;top:7px;font-size: 13px!important;}
.at-input-with-icon .at-icon-before {position:absolute;left:8px;top:7px;font-size: 13px!important;}

.at-icon-after-focus-toggle {opacity:0;transition: .5s opacity;}
*:focus + .at-icon-after-focus-toggle {opacity:1;}

/* Toolbar Modifications */
menu.at-toolbar-inline {margin:0;}
menu.at-toolbar-integrated,menu.at-toolbar-integrated li {margin:0;padding:0;}
menu.at-toolbar-integrated > li
,menu.at-toolbar-integrated > li button
,menu.at-toolbar-integrated > li button:first-of-type
,menu.at-toolbar-integrated > li button:last-of-type
{box-shadow:none;border-radius:0;align-items: stretch;height: 100%;}

/* Breadcrumbs modifies at-toolbar2, so it must come after it.*/
.at-breadcrumbs {
	background:#e4e5e6;
	padding:0;
	margin:0;
	display: flex;
	align-items: stretch;
	flex-direction: row;
	justify-content: normal;
	align-content: flex-start;
	vertical-align: top;
	flex-flow: row wrap;
	list-style: none;
}

.at-breadcrumbs .at-breadcrumbs-selected {color:#000;font-weight: bold;}
.at-breadcrumbs > li {flex: 0 1 auto;}
.at-breadcrumbs li:nth-child(even)::after {}
.at-breadcrumbs.at-toolbar2-light {--at-toolbar-text:#333;--at-toolbar-text-hover:#000;}
.at-breadcrumbs {overflow: hidden;}
.at-breadcrumbs li {
	--arrow-width:10px;
	cursor:pointer;
	margin:0;
	text-decoration: none;
	border-radius: 0;
	clip-path: polygon(0 0, calc(100% - var(--arrow-width)) 0%, 100% 50%, calc(100% - var(--arrow-width)) 100%, 0 100%, var(--arrow-width) 50%, 0 0);
	padding:0 22px 0 calc(var(--arrow-width) + 10px);
	line-height: 32px;
	margin-left: calc(var(--arrow-width) * -1);
	background: #efefef;
	position: relative;
}

.at-breadcrumbs li:not(:first-child)::before
{
	content:' ';
	display:block;
	position:absolute;
	left: 0;
	height: 100%;
	width: calc(var(--arrow-width) + 2px);
	clip-path: polygon(0 0, calc(100% - var(--arrow-width)) 0%, 100% 50%, calc(100% - var(--arrow-width)) 100%, 0 100%, var(--arrow-width) 50%, 0 0);
}
.at-breadcrumbs li.at-selected-breadcrumb::before {display:none !important;}
.at-breadcrumbs li a {color:#000;}
.at-breadcrumbs li:first-child {
	clip-path: polygon(0 0, calc(100% - var(--arrow-width)) 0%, 100% 50%, calc(100% - var(--arrow-width)) 100%, 0 100%, 0 0);


	margin-left:0;}
.at-breadcrumbs li.at-selected-breadcrumb{background:#848484;color:#fff;}
.at-breadcrumbs li::before {background:#ccc;}
.at-breadcrumbs li:not(.at-selected-breadcrumb):hover {background:#cecece;}
.at-breadcrumbs li:first-child {padding-left:14px;}


.arct_breadcrumb_bar_in_toolbar {margin:-4px 0 -4px -4px;}

.arct_breadcrumb_bar li
,.arct_breadcrumb_bar a,.arct_breadcrumb_bar a:hover,.arct_breadcrumb_bar a:visited
,.arct_breadcrumb_bar:after /*Last arrow*/
{
  display:inline-block;
  padding: 1px 12px 0 18px;
  color:#959594;
	color: #000;
  background:url(../images/path.png) center left no-repeat;
  margin-left:-12px;
  line-height:30px;
	vertical-align:top;
}

/* Flex General */
/** Flexible columns **/
.arct_flex_cols,.at-flex_cols,.at-flex
{
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	justify-content: flex-start;
	vertical-align: top;
	margin-left:-5px;margin-right:-5px;/*Counter the padding in .at-flex_col*/
}
.at-flex_col > .at-flex_cols,.at-flex > * > .at-flex {margin-left:0;margin-right:0;/*ensure margins do not compound*/}
.arct_flex_col,.at-flex_col,.at-flex > *
{
	align-self: auto;
	flex: 1 1 auto;
	min-height: calc(100% - 10px);
	vertical-align: top;
	padding:5px;
}

.at-flex > * {
	padding: 0;
	align-self: stretch;
}

.at-flex_cols.at-flex_cols_struct .at-flex_col {padding:0;}

/*Ensure padding doesn't compound*/
.at-flex_col > .at-flex_cols > .at-flex_col:first-child {padding-left:0;}
.at-flex_col > .at-flex_cols > .at-flex_col:last-child  {padding-right:0;}

.arct_flex_col_1{order: 1;}
.arct_flex_col_2{order: 2;}

/** Flexible rows **/
.at-flex_rows
{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: flex-start;
	vertical-align: top;
}
.at-flex_row
{
	align-self: auto;
	flex: 0 1 auto;
	flex-flow: row;
	min-height: 10%;
	width: 100%;
	vertical-align: top;
	order:0;
}
.at-flex_row_1{order: 1;}
.at-flex_row_2{order: 2;}
/* Flex adjustments */
.at-flex_fill,.at-flex-full,.at-flex_full{flex-grow:100;}
.at-flex_min,.at-flex-shrink {flex-shrink:100;}
.at-flex_col-shrink {flex:0 1 auto;}

/* Dimensions that affect layout, so needs to be last */
.at-iblock{display:inline-block;}
.at-w10,.arct_w10{width:10%;}
.at-w20,.arct_w20{width:20%;}
.at-w25,.arct_w25{width:25%;}
.at-w33,.arct_w33{width:33%;}
.at-w50,.arct_w50{width:50%;}
.at-w66,.arct_w66{width:66%;}
.at-w75,.arct_w75{width:75%;}
.at-w90,.arct_w90{width:90%;}
.at-w100,.arct_w100{width:100%;}
.arct_h100,.at-h100{height:100%;}
.arct_h100_max{height:100%;overflow:auto;}
.at-h50 {height:50%;}.at-h25{height:25%;}.at-h75{height:75%;}.at-h33{height:33.3%;}.at-h66{height:66.6%}
/*Helpers*/
.at-absolute{position:absolute;}
.at-help {cursor: help;}

/* NOTICE SYSTEM */
[class^='at-message-'] p:first-child {margin-top:0;}
[class^='at-message-'] p:last-child {margin-bottom:0;}
[class^='at-message-']
{
	margin-bottom:10px;
	border:none;
	border-radius:0;
	border: 4px solid rgba(0,0,0,0.04);
	border-width: 0 0 0 4px;
	background: #FFFBC8;
	color: #633801 !important;
	font-size: 12px;
	min-height: 12px;
	padding: 8px 14px 8px 32px; /*Room for icon on left*/
	width: auto;
	position: relative; /* For icons to position inside */
	clear:both;
	word-break: break-word; /*So messages don't go off screen*/
}

[class^='at-message-']::before
{
	margin:0 4px 2px 0;
	position: absolute;
	left: 10px;
}

.at-message-info
{
	color:#006 !important;
	background:#E5F2F8;
}

.at-message-note
{
	background: #F1F1F1;
	border-color: #E6E6E6;
	color: #444444 !important;
}

.at-message-success
{
	background:#D5EC84;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.09);
	color: #030 !important;
}

.at-message-error
{
	background:#EEBFBF;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.09);
	color:#600 !important;
	max-height: 80vh;
	overflow: auto;
}

/*Custom fields editing*/
.at-custom-field-image-gallery-tile
{
	position: relative;
	display: inline-block;
}
.at-custom-field-image-gallery-tile [data-at-action=delete]
{
	position: absolute;
	top:0;right:0;
}

/* Tree Styles */
.at-tree, .at-tree ul {list-style: none;padding: 0;margin: 0;word-wrap: break-word;overflow-wrap: break-word;}
.at-tree * {position: relative;}
.at-tree > .at-has-branches {margin-bottom: 4px;}
.at-has-branches > .at-tree-branch::before {
content: '';display: block;border-left: 2px solid rgba(0,0,0,.1);
position: absolute;left: 7px;bottom: 0px;height: 8px;}
.at-tree > li {border-radius:4px;background:rgba(0,0,0,.05);margin-bottom:4px;overflow: hidden;}
.at-tree-branch-icon {margin-right:6px;}
.at-tree ul{background: rgba(0,0,0,.05);margin-left:5px;border-left: 2px solid rgba(0,0,0,.1);}
.at-tree-branch {cursor: pointer;padding: 6px;width: calc(100% + 2px);transform: translatex(-2px);}
.at-tree-branch:hover {background:rgba(0,0,0,.3);}

.at-tree .at-tree-selected
,.at-tree .at-tree-selected:hover {background: rgba(0,0,0,0.6);color: #fff;}

.at-tree .at-tree-branch-icon-right {position: absolute; right: 4px; top: 4px;background:#777;
border-radius:5px;padding:4px;color:rgba(255,255,255,.7);}
.at-tree .at-tree-branch-icon-right:hover {background:#333;}

/* -- TREE STYLES END --*/

/* DRAG & DROP file upload styles */
.at-is-dragover {position: relative;}
[data-at-drop-file] {position: relative;}

[data-at-drop-file]::after {opacity: 0;content:'';/*to animate drag-over style*/}
.at-is-dragover::after
{
	content: "Upload file";
	width: 100%;
	height: 100%;
	background: rgba(20, 69, 100, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
	border: 4px dashed rgba(20, 69, 100, 1);
	transition: opacity .2s linear;
	opacity:1;
}

/*Editor*/
.cke_button_label.cke_button__image_label
{display:inline;}
.cke_button_label.cke_button__source_label {display: none;}

.cke_wysiwyg_div {/*autogrow min*/min-height: 50px;}
/*
cke_wysiwyg_div cke_reset cke_editable cke_editable_themed cke_contents_ltr cke_show_borders
*/
*[class*="editable_region"] .cke_contents
,*[class*="editable_region"] .cke_inner, *[class*="editable_region"] .cke_wrapper
,*[class*="editable_region"] .cke_wysiwyg_div
{
	background:none!important;padding:0!important;
}
.cke_chrome {border:none!important;outline: 1px solid #ccc;
/*required so all child elements have same width. Border causes loss of 2px width,
 and then magicline plugin causes scrollbar flickering.*/}
.cke_tpl_list {height:350px!important;min-width: 600px;}
.cke_tpl_preview_img img {max-width:200px;}
.cke_tpl_preview {width:100%!important;margin:0!important;text-transform: capitalize;font-size:1.1em!important;}
.cke_tpl_item {margin:0!important;padding:0!important;}
textarea.cke_source {min-height: 300px;}

.editable_region_editing [class*="cke_editor_content_editor_source_"]{position: sticky!important;bottom:0px;/*editor footer toolbar*/}

.at-print-array {min-height:100px;width:100%;}

.at-tablesorter_sticky_wrapper {position: relative;}
.at-tablesorter_sticky_wrapper .tablesorter-sticky-wrapper.tablesorter-sticky-visible {}

.at-sortable-item-disabled {opacity:.6;}
.at-sortable-item-disabled::after
{
	display: block;
	position: absolute;
	background: gray;
	color: white;
	content: 'disabled';
	bottom:0;
	margin-left:-5px;
	padding:4px 6px;
}

/* Simple Tab interface */
.at-tabs_simple
{
	display: flex;
	align-items: flex-stretch;
	flex-direction: row;
	justify-content: flex-start;
	vertical-align: top;
	flex:1 1 auto;
}

.at-tabs_simple .at-tab_labels > .at-tab_label
{
	padding:6px 12px;cursor:pointer;
	background:#efefef;
	color:#000;
	border: 2px solid rgba(0,0,0,.1);/*Set all borders, so it's easier to extend*/
	border-width:0 0 0 2px;
	transition: border-color .25	s;
}

.at-tabs_simple.at-tabs_h .at-tab_labels > .at-tab_label {border-width:2px 0 0 0;}

.at-tabs_simple .at-tab_labels > .at-tab_label:first-child {border-radius:2px 2px 0 0;}
.at-tabs_simple .at-tab_labels > .at-tab_label:last-child {border-radius:0 0 2px 2px;}
.at-tabs_simple .at-tab_label:hover {background:#E4E4E4;border-color:rgba(0,0,0,.4);}
.at-tabs_simple .at-tab_labels > .at-tab_label_selected {color:#fff;background:#62696F;}
.at-tabs_simple .at-tab_labels  {min-width: 120px;max-width:25%;overflow: auto;padding-right:12px;}
.at-tabs_simple .at-tabs  {width:calc(100% - 120px);}
.at-tabs_simple.at-tabs_h {flex-direction: column;}
.at-tabs_simple.at-tabs_h .at-tabs {width:100%;}

.at-tabs_simple .at-tabs.at-tabs_h,.at-tabs_simple .at-tab_labels.at-tabs_h {}
.at-tabs_simple.at-tabs_h .at-tab_labels
{
	padding:0;
	max-width: 100%;
	display: flex;
	align-items: flex-stretch;
	flex-direction: row;
	justify-content: flex-start;
	vertical-align: top;
	flex:1 1 auto;
}

.at-tabs_simple.at-tabs_h .at-tab_labels{border-bottom:1px solid #ccc;margin-bottom:5px;}
.at-tabs_simple.at-tabs_h .at-tab_labels > .at-tab_label {
	margin:0 2px 0 0;border-radius:4px 4px 0 0;
	border-radius: 2px 2px 0 0;
}

.at-tabs_simple .at-tab_labels > .at-tab_label_selected {color:#fff;background:#62696F;border-color:rgba(0,0,0,.5)}

/* Vue */
.at-fade-enter-active, .at-fade-leave-active {transition: opacity .3s, transform .3s;}
.at-fade-enter, .at-fade-leave-to  {opacity: 0;}

/* Utilities */
.at-on-hover-parent-show {visibility: hidden;}
.at-on-hover-show-child:hover .at-on-hover-parent-show {visibility: visible;}

@keyframes fadein { from {opacity:0;} to {opacity:1;}}
@keyframes fadeout { from {opacity:1;} to {opacity:0;}}

.at-fade-in {
  animation-duration: .5s;
  animation-name: fadein;
	transition-timing-function: ease-in;
}

.at-fade-out {
	animation-duration: .5s;
  animation-name: fadeout;
	transition-timing-function: ease-in;
}

@keyframes pulsate { 0% {opacity:1;} 25% {opacity:0;} 50% {opacity:1;} 75% {opacity:0;} 100% {opacity:1;}}
.at-pulsate {
	animation-duration: 1s;
  animation-name: pulsate;
}

@keyframes pulsate-subtle { 0% {opacity:1;} 25% {opacity:.75;} 50% {opacity:1;} 75% {opacity:.75;} 100% {opacity:1;}}

.at-counter {counter-reset: atcounter;}
.at-counter-item::before {counter-increment: atcounter;content: counter(atcounter) ".";}

.at-kb-focus{outline:3px dashed var(--at-highlight-kb);outline-offset: -3px;position: relative;}

.at-flex-grow,menu li.at-flex-grow {flex-grow: 1;}
.at-flex-display {display:flex;}
.at-left {float:left;clear:none;padding-right:8px;}
.at-relative {position: relative;}
.at-sticky {position: sticky;}
.at-no-pointer-events {pointer-events: none;}
.at-hide {display:none !important;}
.at-opacity-75 {opacity:.75;}
.at-opacity-50 {opacity:.5;}
.at-opacity-25 {opacity:.25;}

.at-a50-hv-a100, .at-op50-hv-op100,.at-hover-o50-to-o100 {opacity:.5;}
.at-a50-hv-a100:hover, .at-op50-hv-op100:hover,.at-hover-o50-to-o100:hover {opacity:1;}

.at-pointer {cursor:pointer;}
.at-align-items-center,.at-vert-center {align-items: center;}
.at-center {text-align:center;}
.at-block {display:block;}
.at-inline-block {display:block;}
.at-user-select-none {-moz-user-select:none;user-select: none;}
.at-no-margin {margin:0;}
/* Responsive */
@media (max-width:1024px),(max-device-width: 800px){
	.at-grid-cols-4 {grid-template-columns: 1fr 1fr;}
}
@media (max-width:800px),(max-device-width: 800px){
	[class*="at-grid-cols-"] {grid-template-columns: 1fr;}
	.at-grid-cols-auto-max {flex: 1 1 auto;flex-wrap: none;flex-direction: column;}
	.arct_flex_cols,.at-flex_cols,.at-flex {flex-direction: column;}
	.arct_flex_col,.at-flex_col,.at-flex > * {width:100%;}
	.at-or-separator::before {border-left: none;border-top: 2px solid var(--at-blue1);height:auto;width: 80%;left: 0;transform: translateX(10%);}
}

/* Font colorings */
.at-fa-green,.at-color-green {color:#45c32c;}
.at-fa-greendark,.at-color-greendark {color:#4b8d3e;}
.at-fa-light,.at-color-light {color:#E4E5E6;}
.at-fa-blue,.at-color-blue {color:#4678ff;}
.at-fa-vanilla,.at-color-vanilla {color:#eab130;}
.at-fa-orange,.at-color-orange {color:#da8838;}
.at-fa-yellow,.at-color-yellow {color:#fff300;}
.at-fa-red,.at-color-red {color:#cf0c0d;}
.at-fa-darkred,.at-color-darkred {color:#980909;}
.at-fa-gray,.at-color-gray  {color:#464c54;}
.at-fa-lightgray,.at-color-lightgray {color:#dadada;}

/* SOURCE: http://fontello.com/ */
@font-face{font-family:'at-icons';
src: url(fonts/at-icons.woff2?v1.11) format("woff2")
,url(fonts/at-icons.woff?v1.11) format("woff");
font-weight:400;font-style:normal}

[class^="at-fa-"],[class*=" at-fa-"]{font-family:'at-icons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.at-fa-folder-open:before{content:'\e800'}
.at-fa-folder:before{content:'\e801'}
.at-fa-search:before{content:'\e802'}
.at-fa-briefcase:before{content:'\e803'}
.at-fa-user:before{content:'\e804'}
.at-fa-check:before{content:'\e805'}
.at-fa-close:before{content:'\e806'}
.at-fa-cog:before{content:'\e807'}
.at-fa-home:before{content:'\e808'}
.at-fa-tag:before{content:'\e809'}
.at-fa-tags:before{content:'\e80a'}
.at-fa-print:before{content:'\e80b'}
.at-fa-pencil:before{content:'\e80c'}
.at-fa-plus-circle:before{content:'\e80d'}
.at-fa-minus-circle:before{content:'\e80e'}
.at-fa-times-circle:before{content:'\e80f'}
.at-fa-calendar:before{content:'\e810'}
.at-fa-question-circle:before{content:'\e811'}
.at-fa-image:before{content:'\e812'}
.at-fa-ban:before{content:'\e813'}
.at-fa-clock:before{content:'\e814'}
.at-fa-key:before{content:'\e815'}
.at-fa-asterisk:before{content:'\e816'}
.at-fa-close-small:before{content:'\e817'}
.at-fa-arrow-down:before{content:'\e818'}
.at-fa-arrow-left:before{content:'\e819'}
.at-fa-arrow-right:before{content:'\e81a'}
.at-fa-arrow-up:before{content:'\e81b'}
.at-fa-plus-small:before{content:'\e81c'}
.at-fa-comment:before{content:'\e81d'}
.at-fa-shopping-cart:before{content:'\e81e'}
.at-fa-minus-small:before{content:'\e81f'}
.at-fa-phone:before{content:'\e820'}
.at-fa-font:before{content:'\e821'}
.at-fa-truck:before{content:'\e822'}
.at-fa-refresh:before{content:'\e823'}
.at-fa-window:before{content:'\e824'}
.at-fa-network:before{content:'\e825'}
.at-fa-globe:before{content:'\e826'}
.at-fa-database:before{content:'\e827'}
.at-fa-list-alt:before{content:'\e828'}
.at-fa-ccw:before{content:'\e829'}
.at-fa-cw:before{content:'\e82a'}
.at-fa-th-list:before{content:'\f009'}
.at-fa-link:before{content:'\f07b'}
.at-fa-link-ext:before{content:'\f08e'}
.at-fa-tasks:before{content:'\f0ae'}
.at-fa-docs:before{content:'\f0c5'}
.at-fa-bars:before{content:'\f0c9'}
.at-fa-envelope:before{content:'\f0e0'}
.at-fa-exchange:before{content:'\f0ec'}
.at-fa-angle-left:before{content:'\f104'}
.at-fa-angle-right:before{content:'\f105'}
.at-fa-angle-up:before{content:'\f106'}
.at-fa-angle-down:before{content:'\f107'}
.at-fa-code:before{content:'\f121'}
.at-fa-crop:before{content:'\f125'}
.at-fa-question:before{content:'\f128'}
.at-fa-exclamation:before{content:'\f12a'}
.at-fa-calendar-empty:before{content:'\f133'}
.at-fa-html5:before{content:'\f13b'}
.at-fa-css3:before{content:'\f13c'}
.at-fa-file:before{content:'\f15b'}
.at-fa-file-text:before{content:'\f15c'}
.at-fa-file-pdf:before{content:'\f1c1'}
.at-fa-file-code:before{content:'\f1c9'}
.at-fa-paper-plane:before{content:'\f1d8'}
.at-fa-trash:before{content:'\f1f8'}
.at-fa-window-maximize:before{content:'\f2d0'}
.at-fa-window-restore:before{content:'\f2d2'}