/* CSS Document */
.at-window {will-change: left, top, height, width, box-shadow;
	--window-content-padding:10px;
}

.at-w-head {}
.at-w-body {}
.at-w-content {}
.at-w-form-content {}

.at-window {/*Preparation for Archetype Prefix for all Window classes*/}
.window *
{
	box-sizing:border-box;
}
.window,.at-window	{
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
	Oxygen, Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	letter-spacing:0;
	line-height:normal;
	font-weight:normal;color:#000 !important;
	position:absolute;text-align:left;
	max-width: 100%;
	outline:none;
}
.at-window::before {opacity:0;content:'';}
.at-window-modal::before {
	display: block;
	content: '';
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	opacity:.5;
	background: #000;
	height: 100vh;
	z-index: -1;
	pointer-events: all;
	transition: opacity 1s;
}

.w_modal_bg
{
	position: fixed;
	z-index: -1;/*put it just behind the window it is in*/
	background: rgba(0,0,0,.4);
	top:0;left:0;right:0;bottom:0;
}

/** MAXIMIZING WINDOW **/
html.arct_w_is_maximized {overflow:hidden;}/*Makes more room for maxed window, and removes scrollbar confusion*/
.window_maximize .w_content_maximize {position:fixed;height:auto !important;}
.window_maximize .w_content_bottom {bottom:11px;}
.window_maximize .w_content_left {left:11px;}
.window_maximize .w_content_right {right:11px;}
.window_maximize .arct_w_content_maximize_fixed_top {position:fixed;height:auto !important;bottom:11px;left:11px;right:11px;}

.arct_w_height_500{height:500px;}
.window_maximize .arct_w_height_500{height:100%;}

/* CKEDITOR MAX SCREEN */
.window_maximize .arct_w_content_maximize_fixed_top .arct_ckeditor_content_wrapper .cke_wrapper .cke_editor
{
	bottom: 11px;
	display: block;
	height: auto;
	left: 11px;
	position: fixed;
	right: 11px;
	top: 200px;
	width: auto;	
}

.window_maximize form,.window_maximize .w_content,.window_maximize .w_form_content {height:100%;}

.window_maximize .arct_w_content_maximize_fixed_top .arct_ckeditor_content_wrapper .cke_wrapper .cke_editor .cke_contents
{
	position:absolute;
	right:0px;
	left:0px;
	bottom:0px;/*Leave space for footer tag bread crumb bar */
	top:0px;
}

.window_maximize .arct_w_content_maximize_fixed_top .arct_ckeditor_content_wrapper .cke_wrapper .cke_editor .cke_bottom
{
	position:absolute;
	right:0px;
	left:0px;
	bottom:0px;
}

/* CKEDITOR */
.window .cke_wysiwyg_div {padding:8px;}
/* Protect link color */
.window .w_content {color:#000;}
.window a,.window a:hover, .window a:visited {color:#049;}
.window a:hover {color:#06f;}
.at-menu {padding:10px;background:#fff;border:1px solid #ccc;position:absolute;}
.window .w_head,.at-window .at-w-head
{min-height:28px;line-height:28px;background:#464C54;
padding:0 0 0 14px;font-weight:bold;cursor:move;}
.window .w_head,.window .w_head .w_title 
,.at-window .at-w-title{color:#fff;}
.window .w_head .clickable_ico{margin:3px 3px 0 0;}

/* head buttons */
.at-w-head-controls
{
	display: flex;
}
.at-w-head-button
{
  appearance:none;-moz-appearance: none;-webkit-appearance: none;
  border:none;
	background:none;
	color:rgba(255,255,255,.4);
	line-height:inherit;
	cursor: pointer;
	display: block;
	border-left: 1px solid rgba(0,0,0,.1);
}

.at-w-head-button:hover {background:rgba(0,0,0,.4);}
.at-w-head-button:active {background:rgba(0,0,0,.6);}

.window_fullscreen {position:fixed;left:0px;top:0px;right:0px;bottom:0px;padding:10px;background:#f00;}
.window .w_body	
,.at-window .at-w-body
{background:#fff;border:1px solid #C5C5C5;border-top:none;z-index:100;}

.window .w_content
,.at-window .at-w-content
{padding:0 10px 15px 10px;color:#000;}
.window .w_content .to_edge_w
{margin:-10px;}


.window .w_common_buttons
{border-top:1px solid #ccc;clear:both;padding:5px;}
/* TABS */
.window .tab_display {border:1px solid #ccc;padding:4px;}
.window .tabs_b a,.window .tabs_b a:visited,.window .tabs_b a:hover,.window .tabs_b_selected a,.window .tabs_b_selected a:visited 
{text-decoration:none;border-left:1px solid #B8B0A5;float:left;color:#000;
background:#efefef;padding:2px 8px 2px 8px;}
.window .tabs_b a:hover { background:#ccc;color:#fff;}
.window .tabs_b_selected a,.window .tabs_b_selected a:visited,.window .tabs_b_selected a:hover
{color:#fff;background:#333;}
.window .tabs_b_selected a,.window .tabs_b_selected a:visited {border-left:1px solid #837B70;}

/** WINDOW FORMS & CONTENT**/
.window .note {color:#666 !important;}
.window .sub_label{color:#666 !important;}
.window .w_toolbar
,.at-window .at-w_toolbar
,.window form .w_form_content.sub_toolbar:first-child
,.at-window form .w_form_content.sub_toolbar:first-child
{margin:0 -10px 10px -10px;border-width:0px 0px 1px 0px;padding:3px 10px 3px 10px;border-radius:0;}

.window .w_toolbar:nth-child(2)
,.at-window .at-w_toolbar:nth-child(2)
{margin-top:-10px;}

.at-window .at-w_toolbar:not(:first-child)
{margin-top:-10px;}

.window .w_content .right_w /*Useful for icons and indicators*/
,.at-window .w_content .at-right_w
{position: absolute;right:10px;/*right based on .w_content right-padding*/}

.window [data-at-on-enter-keypress] {font-weight:bold;}

.window .w_toolbar
,.at-window .at-w_toolbar
,.at-window .at-window-toolbars
{
	position: sticky;
	top:0;
	z-index: 100;
}

.at-window .at-toolbar2 .at-button-default {background:#4b8d3e;color:#fff;}
.at-window .at-toolbar2 .at-button-default:hover {background:#3D7532;}

.window .arct_w_fill_content_area
{margin:-5px -10px -5px -10px;}

.window .at-w-fill-content {margin-left: -10px;margin-right:-10px; margin-top:-10px;}
.at-window .at-w-fill-content2 {margin: calc(var(--window-content-padding) * -1) calc(var(--window-content-padding) * -1) 0 calc(var(--window-content-padding) * -1);}
.at-window .at-w-extra-toolbar {margin: calc(var(--window-content-padding) * -1) calc(var(--window-content-padding) * -1) 10px calc(var(--window-content-padding) * -1);}

.window .arct_w_content_inner{margin:-10px -10px -15px -10px;
	/*resize: both;
	min-width:100%; To make sure resize doesn't go smaller than window... hackish, works mostly
	overflow: auto;*/
}
.window_maximize .arct_w_content_inner
{
	bottom: 0;
	left: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 67px;
	margin:0px;
	height:auto!important;/*override any local height settings*/
}

.window_maximize .arct_w_content_inner.a-w_two_toolbars {top: 97px;}

div.calendar.popup {z-index:10001;}
.window,.at-window {	
	z-index:1000;/* 10001 CKEDITOR windows are set to 10000*/
	box-shadow: 0 0 35px rgba(0,0,0,.4); 
	border-radius:5px;
	transition: box-shadow .5s;
}
.window.w_dragging {box-shadow:none!important;}
.window .w_body,.at-window .at-w-body {border-radius:0 0 5px 5px;}
.window .w_head,
.at-window .at-w-head {
	border-width:1px 0 0 1px;
	border-color:#f00 #000 #000 #0f0;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	z-index: 201;/*above closing/loading modal indicator*/
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto;
}
	
.window_maximize
{
	position:fixed !important;top:0 !important;left:0px !important;bottom:0px !important;right:0px !important;
	width:auto !important;z-index:999999999999 !important;
}
.window_maximize .w_content {overflow:auto;position:fixed; left: 0px; right: 0px; bottom: 0px;padding-top:0;}/*Top is set dynamically*/
.window_maximize .w_body {position:fixed;left:0px;right:0px;bottom:0px;z-index:auto;width:auto;border-radius:0px;}
	
	
/** WINDOW LOADING INDICATOR **/
.at-window .at-w_load_indicator,.window .at-w_load_indicator
{
	min-height:30px;min-width: 30px;
	border-radius: 5px;
	position: absolute;
	top:0;left:0;
	width:100%;height:100%;
	background: rgba(0,0,0,.4);
	z-index: 200;
}

.at-w_load_indicator:before {top:calc(50% - 50px);left:calc(50% - 50px);width:50px;height:50px;border-width:10px;}

/** Window Form Validation **/
.at-window .at-validation_error_alert_wrapper {}
.at-window .at-validation_error_alert {clear:both;width:100%;display:block;
background:#BE1111;color:#fff!important;padding:4px 10px;border-radius:4px;line-height: normal;}
.at-window .at-validation_error_alert .at-validation-error-icon {
	margin-right:10px;color: #fff;
background: rgba(0, 0, 0, 0.14) none repeat scroll 0% 0%;display: inline-block;text-align: center;border-radius: 50%;line-height: 19px;
line-height: 20px; width: 21px;
}
.at-window .at-validation_error{box-shadow:0px 0px 4px rgba(255, 0, 0, 0.6) !important;color:#f00;}
.at-window label.at-validation_error{
position: absolute;background: #BE1111;color:#fff;box-shadow: none !important;border-radius: 50%;right: 4px;width: 18px;overflow: hidden;
width:20px;height:20px;
}
.at-window label.at-validation_error:hover {color:#fff;}
.at-window label.at-validation_error_alert_label {color:#BE1111;}
.at-window label.at-validation_error_alert_label::before {
	content:'!';
	color:#fff;
	font-weight:bold;
	position: absolute;
	top:0;left:0;
	width:100%;text-align: center;
	font-size: 16px;
	line-height: 20px;
}
.at-window label.at-validation_error_alert_label:hover::before {display:none;} 

.at-window label.at-validation_error:hover {width: auto;border-radius: 4px;padding: 0 10px;line-height: 2;height: auto;}

.at-window label.at-validation_error::before {display: inline-block;}

.at-window .cke_bottom {position: sticky!important;bottom:0px;/*editor footer toolbar*/}
.at-window .at-window_editor_toolbar {position: sticky!important;top:32px;z-index: 100;}
.at-window .cke_wysiwyg_div {min-height: 100px;}