:root
{
	--admin-nav-height: 35px;
}

html{
	overflow:auto;margin: 40px 0 0 180px;
  line-height: 1.5;
  font-size: 62.5%; /*Enables use of rem values like 1.4rem = 14px */
}

* {
  box-sizing:border-box;
}

body {
	padding:0;margin:0;font-size: 1.4rem; /* =14px */
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
	Oxygen, Helvetica, Arial, sans-serif;
}

a,a:hover,a:visited,a:active {outline:none;}

.at-security-no-access {
	opacity:.6;
	position: relative;
}
.at-security-no-access::before {position: absolute;opacity:0;transition: all .3s; content: ' ';}
.at-security-no-access:hover::before {
	opacity:1;
	content: ' ' attr(data-no-access-message);
	color:#fff;
	display:grid;
	place-items: center;
	place-contents: center;
	pointer-events: none;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	width:100%;
	background: rgba(0,0,0,.4);
	transition: all .3s;
}


.w_title_file_changed  {text-shadow: 0 0 2px;}
.at-admin_template_fullscreen {margin-left:0;}

.stuck.stuck_top[style*="position: fixed;"]
{
	/*Fixed position elements*/
	margin-top:35px; /*this is needed because the admin design uses a 40px high static navbar*/
	box-shadow: 0 5px 14px -8px rgba(0, 0, 0, 0.4);
}

.stuck.stuck_top[style*="position: fixed;"] menu.at-toolbar2.at-toolbar_top {border-radius:0;}

.stuck.stuck_top[style*="position: fixed;"] .dropzone.dz-drag-hover:after
{
	border-radius: 0 0 4px 4px;
	content: "\25b2  Drop files here";
	top: calc(100% + 2px);
	-webkit-animation: dragnotebottom .3s ease-out;
	animation: dragnotebottom .3s ease-out;
}

/* FORMS */
fieldset > legend
{
	font-weight: bold;
	background: var(--at-blue1);
	padding: 10px 12px;
	color: #fff;
	border-radius: 4px 4px 0 0;
	margin: auto auto auto -13px; /*Match the padding from fieldset*/
	width: calc(100% + 26px);
}

fieldset
{
	display: block;
	border: 1px solid #e4e5e6;
	padding: 12px 12px 3rem 12px;
	box-shadow:0px 4px 15px -10px currentColor;
	margin-bottom:2rem;
	background:#fff;
}

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

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

fieldset.at-fill-table {padding:0;border:none;}
fieldset.at-fill-table > legend {margin:auto;width: 100%;}

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

a,a:visited
{
	text-decoration:none;
}

#archetype_id
{
	flex: 0 0 auto;
	width:18px;
	background:url(../icons/archetype-icon-white.svg) no-repeat center center / 18px;
	margin: 0 5px;
	opacity:.25;
}
ul{padding-left:12px;}

a,a:visited {text-decoration:none;} a:hover {text-decoration:underline;}
h1,h2,h3 {margin:0 0 4px 0;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}

.pw_strength_bar_with_label .bar 
{
	border:1px solid #ccc;
	background: #efefef;
	margin-bottom:6px;
	border-radius:4px; 
}

.bar .progress
{
	height: 10px;
	border-right:1px solid #ccc;
}

.pw_strength_0 .progress{border-color:#f00;background:#fcc;width:15%;}
.pw_strength_1 .progress{border-color:#FF9D00;background:#FFE8CE; width:25%;}
.pw_strength_2 .progress{border-color:#FFFF00;background:#FFFFCE;width:50%;}
.pw_strength_3 .progress{border-color:#0f0;background:#cfc;width:75%;}
.pw_strength_4 .progress{border-color:#0c0;background:#0f0;width:100%;}

#admin_nav
{
	display:flex;padding:0 5px;font-size:12px;border:none;
	flex-direction: row;
	position:fixed;top:0;left:0;right:0;
	height:35px;z-index: 50;/*ensures page elements don't overlap, but allow windows to cover*/
	background: #2e353f; 
	background: linear-gradient(to bottom,  #2e353f 0%,#464c54 100%); /* W3C */
	border-bottom:1px solid #3E444D!important;
	box-shadow:0 2px 8px rgba(0, 0, 0, 0.25);
}
#admin_nav > * {width:auto;min-width:18px;}
#admin_nav a > .at-label {
	line-height: 22px;
}

#admin_nav a,#admin_nav a:visited,#admin_nav a:hover {
	background-repeat:no-repeat;color:#fff;text-decoration:none;
	border-radius:4px;
	padding:0 10px;
	display: grid;
	grid-template-columns: minmax(20px, max-content) 1fr;
	place-content: center;
	place-items: center;
	grid-gap: 5px;
	white-space: nowrap;
	flex-grow:0;
}

#admin_nav .nav_button {margin:2px;opacity:.6;}
#admin_nav .nav_button:hover {opacity:1;cursor:pointer;background: rgba(0,0,0,.2);}
#admin_nav .nav_button > i {font-size: 1.8rem;}
#admin_nav .nav_button_selected,#admin_nav .nav_button_selected:hover {
	background: linear-gradient(#0000001a,#0006);
	opacity: 1;
}

.admin_nav_right a, .admin_nav_right a:visited, .admin_nav_right a:hover
{
	line-height: 30px;
	display: block;
	padding: 0 4px;
	margin: 2px;
	border-radius: 4px;
}
.admin_nav_right span {background:none;}
.admin_nav_right a:hover {background: rgba(0, 0, 0, .4);}

#admin_page_toolbar
{
	z-index: 50;/*ensures dropshadow of main toolbar doesn't overlap*/
	position: fixed;
	left: 0;
	right: 0;
	top:35px;
}

#app_bg
{
	bottom: 0;
	left: 180px;
	position: fixed;
	right: 0;
	top: 35px;
	z-index: -1;
}

@media (max-width: 950px),(max-device-width: 950px){
	#admin_nav a > .at-label {display: none;}
	#admin_nav a,#admin_nav a:visited,#admin_nav a:hover  {
		grid-gap:0;
	}
}

#arct_admin_nav_version {color: rgba(255, 255, 255, 0.31);display: flex;place-items: center;padding: 0 3px;}

#direct_edit_frame_wrapper{position:fixed;left:0;right:0;bottom:0;top:63px;}
#direct_edit_frame{border:none;width:100%;height:100%;}
/*-- INTERFACE ELEMENTS --*/
.admin_content
{
	padding: 20px 15px 15px 20px;
	width: auto;
}
.admin_nav_panel
{
	width:180px;
	background: #4F5662;
	border-right: 1px solid #434954;
	bottom: 0;
	padding: 10px 0;
	position: fixed;
	top: 35px;
	left:0;
	width: 180px;
	z-index: 9;
}

.admin_heading {border-bottom:1px solid #efefef;}

/*Admin Toolbars*/
.at-adminarea-toolbar-sticky
,.at-adminarea-2nd-toolbar-sticky
{
	position:sticky;
	top:35px;
}
.at-adminarea-2nd-toolbar-sticky {top:65px;}
/* WEBSITES */
#websites_table .at-site-is-live
,#websites_table .at-site-is-not-live
{
	/*border-right: 1px solid rgba(0,0,0,.1);*/
	text-align: left;
}

#websites_table .at-site-is-live
{
	background:rgba(0,128,0,.9);
	color:white;
	padding:;
}

#websites_table .at-site-is-not-live
{
	/*opacity:.75;*/
}

#websites_table .at-site-is-live i
,#websites_table .at-site-is-not-live i
{
	border-radius:2px;
	border:2px solid;
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align: middle;
	font-size:10px;
	line-height: 12px;
	opacity: .5;
	text-align: center;
}

#websites_table .at-site-is-not-live i::before
{
	opacity:0;
}

#websites_table .at-site-is-not-live:hover i::before
{
	opacity:1;
}

#websites_table .at-site-is-live:hover {background:#3AA73A;}
#websites_table .at-site-is-not-live:hover {background:#545454;}

menu .at-site-is-live
{
	color:green;
}

menu .at-site-is-not-live
{
	color:red;
}

/* SUPPORT TICKETS */
.at-ticket-comment
{
	border-bottom:1px solid #efefef;
	margin-bottom:12px;
}

.at-ticket-comment
{
	background:#efefef;
}

.at-ticket-comment-body
{
	padding: 12px;
}

.at-ticket-comment-header
{
	background: #E5E5E5;
	padding: 6px 12px;
	font-weight: bold;
	color: #5C5C5C;
}

.at-ticket-comment-header::after{content:' ';display:block;clear:both;}

/* PAGES */
.tr_page_not_exists
{
	/* Page listed in table does not exist, hightlight row */
	background:#FDFFB8 !important;
}

/*---------- Page Module --------*/

#block_pages_menu
{
	background:#fff;
	border: 1px solid #CCC;
	left:0;
	height:calc(100vh - 65px);
	padding: 0;
	position: fixed;
	top: 65px;
	min-width: 460px;
	border-radius: 0 0 5px 0;
	box-shadow: 12px 12px 12px -5px rgba(0, 0, 0, 0.3);
	transform: translateX(0%);
	transition: all .3s cubic-bezier(0.4, 0.0, 0.2, 1);
	opacity:1;
	z-index: 10;
}

#page_menu_side_trigger
{
	position: absolute;
	left:0;
	top:0;
	height: 100px;
	z-index: 9;
	width:2px;
}

#block_pages_menu.at-hide-menu
{
	box-shadow:none;
	transform: translateX(-100%);
}

#page_search_text
{
}

#block_pages_menu .tab_labels
{
	padding-top: 5px;
	background: #fff;
	padding-left: 10px;
	margin: 0;
}

#block_page_menu .at-tab_content
{
	position:absolute;
	width:100%;
	left:0;
	top:36px;
	bottom:0;
	overflow:auto;
}

#block_page_menu .at-tab_content ol
{
	list-style:none;
	padding:0;
	margin:0;
	min-height: 40px;
	display:grid;
	grid-template-columns:50% 50%;
}

#block_page_menu .at-tab_content li {flex-basis:100%;}

#block_page_menu .at-tab_content li a
{
	display:block;
	color:#00f;
	padding:4px;
	border:1px solid #efefef;
	border-top:1px solid #fff;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#block_page_menu .at-tab_content li a:hover
{
	background:#efefef;
	border-color:#ccc;
	text-decoration:none;
}

#block_page_menu .at-tab_content li .count
{
	font-size: 10px;
	color:#666;
	display:inline-block;
	width:15px;
}

#block_pages_menu menu[data-search]
{
	position: sticky;
	top: 0px;
}

.at-language-row
{
	background: #712c40;
	padding: 4px;
	border-radius: 4px;
	color: #fff;
}

/* TEMPLATE TABLE ROWS */	
.arct_template_tr_html {color:#3352A7;}
.arct_template_tr_css {color:#86490e;}

/* Page creation thumbnail display */
.at-page-template-thumbs
{
	height:calc(100vh - 250px);
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: minmax(180px, calc(100% / 3)); ;
	grid-gap: 6px;
	border:1px solid #ccc;
	border-width:1px 0 1px 0;
	overflow:auto;
	min-height:200px;
	padding:0;
}

.at_addpage_template_preview_thumb
{
	margin: 10px 0 0 0;
	cursor:pointer;
	position: relative;
	background: #333 no-repeat center bottom;
	background-size: auto calc(100% - 40px);
	outline:3px solid #0000001a;
	outline-offset: -3px;
  box-shadow: 4px 4px 5px rgba(0,0,0,0.1);
  transition: outline .2s;
}

.at_addpage_template_preview_thumb:hover
{
	outline:3px solid #000;
}

.at_addpage_template_preview_thumb:hover figcaption {
	background: rgba(0,0,0,.9);
}

.at_addpage_template_preview_thumb figcaption
{
	transition: background .2s;
	position: sticky;
	top: 0;
	background: rgba(0,0,0,.7);
	text-align: center;
	color: #fff;
	left: 0;
	width: 100%;
	line-height: 40px;    
  user-select: none;
}

.at-template-preview-no-thumb img {display:none;}
.at-template-preview-no-thumb
{
	background: radial-gradient(ellipse at top, #1e5799 0%,var(--at-color-blue) 100%);
}

/*---------- Fullscreen iframes --------*/
#stats_iframe{border:1px solid #ccc;width:100%;height:100%;}
#stats_wrapper
{position:fixed;left:200px;right:0;bottom:0;top:80px;background:#fff;}

/*------------ Mass Email --------------*/

.at-member-count
{
	color:#ccc;
	margin-left:10px;
	font-style: italic;
	right: 0;
}

.at-member-count::before {content:"(";}
.at-member-count::after {content:")";}

.massmail_content_frame
{position:absolute;left:200px;right:0;bottom:4px;top:160px;
background:#fff;
border-left:1px solid #ccc;
}
#massmail_content_iframe_wrapper {bottom: 0;position: absolute;width: 100%;top: 0;}

.massemail_member_select
{
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	padding: 10px 0;
	width: 100%;
}

.massemail_member_select.checkbox_group label
{
	flex: 0 1 15%;
	padding: 0 4px;
	line-height: 2;
	align-self: center;
	vertical-align: middle;
	position: relative;
}

@media (max-width: 1240px),(max-device-width: 1240px){
	.massemail_member_select.checkbox_group label
	{
		flex: 0 1 calc(100% / 3);
	}
}

@media (max-width: 800px),(max-device-width: 800px){
	.massemail_member_select.checkbox_group label
	{
		flex: 0 1 50%;
	}
}

#block_massemail_member_select menu {position: relative;}

.massemail_member_select label
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 0 1 140px;
	padding: 0 4px;
	line-height: 2;
	align-self: flex-start;
	vertical-align: middle;
}

.massemail_member_select table {width:100%;}

#block_member_location_zip .checkbox_group label
,#block_massemail_member_select_zip .checkbox_group label
{
	flex: 0 1 80px;
}

#block_massemail_preview_and_send table {width:100%;}
#block_massemail_preview_and_send table td {white-space:nowrap;}

/* Billing / Invoicing */

.at-void-invoice td:not(.at-td-clickable)
,.at-invoice-void-label
{
	text-decoration: line-through;
	color:darkred;
	background:rgba(255,0,0,.2);
}

.at-void-invoice .at-void-label
,.at-invoice-void-label
{
	font-weight: bold;
	color: #f00;
	text-decoration: none !important;
}

.at-invoice-overdue-30-days td:not(.at-td-clickable)
,.at-invoice-overdue-60-days td:not(.at-td-clickable)
,.at-invoice-overdue-30-days-label,.at-invoice-overdue-60-days-label
{
	background: #FFA500;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 2px #925e00;
}
.at-invoice-overdue-30-days:hover td:not(.at-td-clickable) {background: rgba(255, 164, 0, 0.7);}

.at-invoice-overdue-60-days td:not(.at-td-clickable)
,.at-invoice-overdue-60-days-label {background: red;}
.at-invoice-overdue-60-days:hover td:not(.at-td-clickable) {background: rgba(255, 0, 0, 0.7);}

.at-invoice-overdue-30-days-label,.at-invoice-overdue-60-days-label 
,.at-invoice-void-label
{padding: 8px;border-radius: 4px;}


/* -- RESELLER INVOICING -- */

.at-reseller-invoice-due-alert-1,.at-reseller-invoice-due-alert-2,.at-reseller-invoice-due-alert-3
{
	background:red;
	padding: 0px 6px 0px 4px;
	border-radius: 10px;
	text-shadow: none;
	color: #fff;
	margin-left: 3px;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
	display: inline-block;
	vertical-align: middle;
}

.nav_button a .at-reseller-invoice-due-alert-3 i
,.nav_button a .at-reseller-invoice-due-alert-2 i 
,.nav_button a .at-reseller-invoice-due-alert-1 i 
{
	text-shadow: none;
	background: #fff;
	color: red;
	text-align: center;
	border-radius: 50%;
	line-height: 16px;
	width: 15px;
	height: 15px;
	display: inline-block;
	font-size: 11px;
	opacity:.6;
}

.at-reseller-invoice-due-alert-2 {background: orange;}
.nav_button a .at-reseller-invoice-due-alert-2 i {background:#fff;color:orange;}
.at-reseller-invoice-due-alert-1 {background: #00cb26;}
.nav_button a .at-reseller-invoice-due-alert-1 i {background:#fff;color:#00cb26;}

/* ----------- INLINE EDITING ----------------*/
td{vertical-align:top;}
.admin_nav a,.admin_nav a:visited,.admin_nav a:hover
{display:block; line-height:3;padding:0 0 0 14px;text-decoration:none;color:#fff;margin: 4px;border-radius: 4px;font-size: 1.4rem;}
.admin_nav a:hover{color:#fff;text-decoration:none;background:#4F5662;}
.admin_nav{background:#3E444D;white-space:nowrap;font-size:12px;font-weight:normal;color:#003366;}
.admin_nav_selected a,.admin_nav_selected a:visited,.admin_nav_selected a:hover{background:#656b75;}

/* ----------- From old CSS ----------- */
.template-preview-button #title{margin-top:5px;display:block;font-weight:bold;font-size:larger;}
.template-preview-button a,.template-preview-button a:hover{color:#000000;background-color:#FFFFFF;border:1px solid #f00;padding:10px;}
.template-preview-button a:hover{background-color:#E7EFF8;border-color:#ACCAEA;text-decoration:none;border:1px solid #CCCCCC;}
.content-preview-frame{border:none;width:100%;height:100%;}
.content-preview-frame-wrapper
{position:fixed;left:200px;right:0;bottom:0;top:124px;border:1px solid #ccc;}
.sep{clear:both;margin:30px;}
.btn-tab a,.btn-tab a:visited,.btn-tab a:hover,.btn-tab-selected a,.btn-tab-selected a:visited,.btn a,.btn a:visited,.btn a:hover,.btn-inactive{display:block;padding:5px 10px 3px 5px;float:left;font-size:.8em;color:#000000;text-decoration:none;
background:#ccc;border-left:1px solid #4D7EB0;}
.btn{clear:both;}
.btn a,.btn a:visited,.btn a:hover,.btn-inactive{background-color:#BDDEFF;font-weight:bold;padding:4px;margin:0 5px 0 0;border:1px solid #4D7EB0;background-position:top left;}
.btn a:hover,.btn-inactive:hover{color:#fff;border-color:#FFD478;background:#999;}
.btn img{border:none;vertical-align:bottom;}
.btn-tab a:hover{background:#999;}
.btn-tab-selected a,.btn-tab-selected a:visited,.btn-tab-selected a:hover{color:#FFFFFF;text-decoration:none;cursor:default;background:#333;}
table .sortable th{cursor:pointer;}

/** ARCT CONTEXT MENU **/
#arct_contextmenu
{
	border:1px solid #ccc;
	background:#fff;
	padding:4px;
	box-shadow:1px 2px 6px rgba(0, 0, 0, .4);
	border-radius:3px;
	min-width:40px;
	min-height:20px;
}

/*Template Editing*/
.at-img_hover_preview
{
	outline:2px solid rgba(0,0,0,.2);
	outline-offset: -2px;
	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;
	min-width: 100px;
	min-height: 100px;
	max-height: 200px;
	max-width: 200px;
	display: grid;
	padding: 4px;
}

.at-img_hover_preview img {transition: all .3s; width:auto;max-width:150px;height:auto;max-height:150px;margin:auto;}

/*Table sorter filters*/
thead .tablesorter-filter-row td input.tablesorter-filter
{color:var(--at-color-blue);}

thead .tablesorter-filter-row td input.tablesorter-filter:placeholder-shown
{color:#000;}

/* Admin Login */
.at-admin-login-logo {padding:30px 0 0 0;text-align: center;opacity:.4;}
.at-admin-login-window-wrapper {z-index:100;position:absolute;width:340px;top:calc(10vh);transform:translateX(-50%);left:50%;}
.at-admin-login-window {position:relative;}
.at-admin-login-window .w_content {padding: 22px 15px;}
.at-admin-login-window input::placeholder {font-size:14px;}
.at-admin-login-version {font-size:10px;opacity:.7;}
.at-admin-login-window input {font-size:2em;}
.at-admin-login-submit {text-align: center;padding-left:15px;padding-right:15px;}
.at-admin-login-no-access .w_content {text-align: center;}