/** Page **/
:root
	{
		--vw: 1vw;
		--vh: 1vh;
	}
html.Css_Responsive
	{
		background: #00000050;
	}
body
	{
		background: white;
		z-index: -10000;
	}
.Page *,
:after,
:before
	{
		box-sizing: border-box;
	}
html,
body
	{
		font-family: arial;
	}
.Page textarea
	{
		font-family: arial;
		font-size: 1em;
	}
body,
.Page form
	{
		margin: 0;
		padding: 0;
	}
.Page p
	{
		margin-top: 0;
	}
.Page a
	{
		color: inherit;
		text-decoration: none;
	}
.Page a:hover
	{
		color: inherit;
		text-decoration: underline;
	}
.Page button
	{
		font-family: inherit;
	}
.Page button,
.Page .button
	{
		cursor: pointer;
	}
.Page .clear
	{
		clear: both;
	}
.Page a img
	{
		border: none;
	}
.Page table
	{
		border-collapse: collapse;
	}
.Page style,
.Page script
	{
		display: none !important;
	}
.Page noindex
	{
		display: contents;
	}
.Page .hidden
	{
		display: none !important;
	}
.Page .invisible
	{
		visibility: hidden;
	}
.Page[style*=width]
	{
		margin: 0 auto;
	}
.Page .input-error
	{
		color: #ea0a0e;
	}
.Page .message
	{
		padding: 5px 20px;
	}
.Page .message:not(:first-child)
	{
		margin: .5em 0 1em;
	}
.Page .message.error
	{
		background-color: #ce505d;
		color: white;
	}
.Page .message.error a
	{
		color: white;
		text-decoration: underline;
	}
.Page .message.success
	{
		background: #d5efd5;
		color: #005500;
	}
.Page .message.info
	{
		background: #eeeeff;
		color: #005500;
	}
.Page .pointer
	{
		cursor: pointer;
	}
.Page .item-row>th.label
	{
		font-weight: normal;
		font-size: 1.2em;
		text-align: left;
		padding-right: 10px;
	}
.Page .Table_Item th.form-label
	{
		font-size: 1.4em;
		padding-bottom: .5em;
	}
.Page .right-icons
	{
		text-align: right;
	}
.Page .window-icon,
.Page .debug
	{
		position: absolute;
	}
.Page .footer-wrapper
	{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}
.Page fieldset
	{
		border: none;
		padding: 0;
	}
.Page .path label
	{
		margin-right: .5em;
	}
.Page label
	{
		cursor: inherit;
	}
.Page x-contents
	{
		display: contents;
	}
.Page [contenteditable="true"]
	{
		cursor: text;
	}
/** /Page **/

/** User_Login_Form **/
.User_Login_Form .remember-me-checkbox input
	{
		position: relative;
		top: 2px;
	}
/** /User_Login_Form **/

/** User_PasswordReset_Request **/
.User_PasswordReset_Request .prompt
	{
		margin-bottom: 10px;
	}
/** /User_PasswordReset_Request **/

/** Admin_Login **/
.Admin_Login #workPanel
	{
		display: flex;
		align-items: center;
		justify-content: center;
	}
.Admin_Login
	{
		background: white;
		overflow: hidden;
	}
.Admin_Login .login-caption
	{
		background: #414141 url('/Forca/Admin/Login/images/caption.gif') repeat-x;
		color: white;
		padding: .8em;
		font: bold 1em arial;
		text-align: center;
		text-transform: uppercase;
	}
.Admin_Login img
	{
		float: left;
		margin: 3em 1em 1em;
	}
.Admin_Login .login-right
	{
		overflow: hidden;
		padding: 1em;
	}
.Admin_Login .username-container
	{
		margin-bottom: .5em;
	}
.Admin_Login .input-error,
.Admin_Login .input-success
	{
		margin-bottom: .5em;
	}
.Admin_Login .Table_Item.users
	{
		width: 100%;
	}
.Admin_Login .prompt
	{
		margin-bottom: .5em;
	}
.Admin_Login .username-label,
.Admin_Login .password-label
	{
		text-transform: capitalize;
		display: block;
		margin-bottom: .2em;
	}
.Admin_Login .password-label
	{
		margin-top: .5em;
	}
.Admin_Login .input
	{
		padding: 0.1em 0;
		width: 100%;
	}
.Admin_Login .remember-me-checkbox
	{
		margin-top: 1em;
		float: left;
	}
.Admin_Login .remember-me-checkbox .checkbox
	{
		float: left;
	}
.Admin_Login .remember-me-checkbox label
	{
		position: relative;
		top: .2em;
	}
.Admin_Login input.button
	{
		margin-top: 1em;
		margin-left: 1em;
		float: right;
		padding: 3px 8px;
		border: none;
		background: #39b54a;
		text-transform: uppercase;
		color: white;
	}
.Admin_Login input.button:hover
	{
		background: #007236;
	}
.Admin_Login .login-bottom
	{
		border-top: solid 1px #cacaca;
		padding: .8em;
		clear: both;
		overflow: hidden;
		background: url('/Forca/Admin/Login/images/footer.gif') repeat-x;
	}
.Admin_Login a.go-to-frontend
	{
		float: right;
	}
.Admin_Login .remember-me-checkbox
	{
		white-space: nowrap;
	}
.Admin_Login .remember-me-checkbox input
	{
		top: -2px !important;
	}
body.mobile .Admin_Login #login
	{
		margin: 0 auto;
		width: auto;
	}
body.mobile .Admin_Login #login #logo
	{
		width: 5em;
	}
/** /Admin_Login **/

/** Admin_Page **/
body
	{
		background: #d5d5d5;
		color: black;
	}
body,
.Admin_Page input,
.Admin_Page textarea,
.Admin_Page select,
.Admin_Page button
	{
		font: normal 1em arial;
	}
/** /Admin_Page **/

/** Page_Mobile **/
@media (max-width: 767px)
{
.Page_Mobile .path
	{
		display: none;
	}
}

/** /Page_Mobile **/

/** Admin_PasswordReset_Request_Page **/
.Admin_PasswordReset_Request_Page form
	{
		float: left;
	}
/** /Admin_PasswordReset_Request_Page **/

/** Admin_Login_Page **/
html
	{
		height: 100%;
	}
body
	{
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
/** /Admin_Login_Page **/

/** Window **/
.Window
	{
		position: absolute;
	}
.Window .tip
	{
		position: absolute;
		z-index: 1001;
	}
.Window .absolute
	{
		position: absolute;
	}
.Window .scrollable
	{
		overflow: auto;
	}
.Window .float-left
	{
		float: left;
	}
.Window .float-right
	{
		float: right;
	}
.ContextMenu
	{
		position: absolute;
		padding: 5px 5px 5px 5px;
	}
.Window.fixed
	{
		position: fixed;
	}
/** /Window **/

/** HotKeys_View **/
.HotKeys_View td
	{
		vertical-align: top;
		padding: 5px 0;
	}
.HotKeys_View td:first-of-type
	{
		text-align: right;
		padding-right: 20px;
	}
.HotKeys_View kbd
	{
		display: inline-block;
		margin: 0 2px;
		padding: 3px;
		border-radius: 3px;
		border: 1px solid gray;
		box-shadow: 0 1px 0 #d0d0d0, 0 0 0 2px #e0e0e0 inset;
		white-space: nowrap;
	}
/** /HotKeys_View **/

/** Window_Control **/
.Window_Control
	{
		font-family: arial;
		position: absolute;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
	}
.Window_Control .hidden
	{
		display: none;
	}
.Window_Control .window-content
	{
		flex-grow: 1;
		cursor: default;
		padding: 1em;
		background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
		box-sizing: border-box;
		overflow: auto;
	}
.Window_Control .window-icon
	{
		background: url('/Forca/Window/Control/folder.png') no-repeat;
		cursor: move;
		padding: 2px;
		font: bold 12px arial;
		color: blue;
		padding-top: 50px;
	}
.Window_Control .close-icon
	{
		background: linear-gradient(to bottom, #505050 0%, #b0b0b0 100%);
		position: absolute;
		border-top-right-radius: .3em;
		padding: .4em 8px;
		right: .5em;
		color: white;
		font: normal 17px verdana;
		cursor: pointer;
		text-align: center;
	}
.Window_Control .caption
	{
		padding: .4em 1em;
		background: linear-gradient(to bottom, #b0b0b0 0%,#505050 100%);
		color: white;
		border-top-right-radius: .3em;
		border-top-left-radius: .3em;
		transition: all 0.3s ease-out;
		transition-duration: 0.01s;
		box-shadow: inset 
        0 0 4px 1px rgba(0,0,0,0.2);
	}
.Window_Control .caption .active
	{
		background: #4952ff;
	}
.Window_Control.collapsed-horizontally .caption
	{
		white-space: nowrap;
		position: absolute;
		display: inline-block;
		transform-origin: top left;
		transform: rotate(90deg);
		transition-duration: 0.01s;
	}
.Window_Control.collapsed-horizontally .close-icon
	{
		top: auto !important;
		bottom: 2px !important;
		padding: 3px 8px;
	}
.Window_Control.maximized
	{
		position: fixed !important;
		max-width: none !important;
		max-height: none !important;
	}
/** /Window_Control **/

/** Dialogue **/
.Dialogue
	{
		margin: 0px auto 0px auto;
		text-align: center;
		max-width: 80%;
		position: fixed;
	}
.Dialogue .window-content
	{
		padding: 1em;
		background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%);
	}
.Dialogue label
	{
		background: #fafafa;
		padding: 1em 2em;
		float: left;
		cursor: pointer;
		text-align: center;
		color: black;
		margin: 1em 1em;
	}
.Dialogue label:hover
	{
		background: white;
	}
.Dialogue .dialogue-text
	{
		margin: 1em 1em;
		text-align: left;
		font-size: 1.2em;
		overflow: auto;
	}
.Dialogue .dialogue-text a
	{
		text-decoration: underline;
	}
.Dialogue .dialogue-text.overflown
	{
		background: white;
		color: black;
		padding: .5em;
	}
.Dialogue button
	{
		margin-top: 2em;
		padding: .5em 1em;
		font-size: 1.5em;
		margin: 0 1em;
	}
.Dialogue.error .caption
	{
		background: red;
		color: white;
	}
.Dialogue.error .close-icon
	{
		color: white;
		border-color: white;
	}
.Dialogue .dialogue-text:focus
	{
		outline: none;
	}
/** /Dialogue **/

/** Debug **/
.Debug
	{
		position: fixed !important;
		color: black;
	}
.Debug .window-content
	{
		font-size: 1em;
		padding: 1em;
		line-height: 1.1em;
		box-sizing: border-box;
		padding-bottom: 5;
	}
.Debug .tabulation
	{
		display: inline-block;
		width: 1em;
	}
.Debug .debug-highlight
	{
		border: 2px solid red;
	}
.Debug .window-content
	{
		font-size: 1.5em;
	}
.Debug button
	{
		margin-left: 1em;
	}
/** /Debug **/

/** Window_Modal_DimScreen **/
.Window_Modal_DimScreen .dim-screen
	{
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		position: fixed;
		background: black;
		opacity: .2;
		filter: alpha(opacity=20);
	}
/** /Window_Modal_DimScreen **/

/** ContextMenu **/
.ContextMenu
	{
		background: white;
		border: 1px solid gray;
	}
.ContextMenu .option
	{
		padding: .5em;
		cursor: pointer;
		background: white;
	}
.ContextMenu .option:hover
	{
		filter: invert(100%);
	}
/** /ContextMenu **/

/** Drag **/
.Drag .drag-handle
	{
		cursor: -webkit-grab;
	}
.Drag .drag-handle.dragging
	{
		cursor: -webkit-grabbing;
	}
/** /Drag **/

/** Ajax_ErrorDialogue_Dialogue **/
.Ajax_ErrorDialogue_Dialogue
	{
		max-height: 80vh;
		left: 50% !important;
		top: 50% !important;
		width: 80vw;
		transform: translateX(-50%) translateY(-50%);
	}
.Ajax_ErrorDialogue_Dialogue .window-content
	{
		max-height: 80vh;
		overflow-y: auto;
	}
/** /Ajax_ErrorDialogue_Dialogue **/

/** Window_Resizer_Control **/
.Window_Resizer_Control
	{
		position: absolute;
	}
.Window_Resizer_Control.x
	{
		width: 10px;
		height: 100%;
		cursor: col-resize;
	}
.Window_Resizer_Control.y
	{
		height: 10px;
		width: 100%;
		cursor: row-resize;
	}
.Window_Resizer_Control.dual
	{
		height: 10px;
		width: 10px;
	}
.Window_Resizer_Control.top
	{
		top: -5px;
	}
.Window_Resizer_Control.bottom
	{
		bottom: -5px;
	}
.Window_Resizer_Control.left
	{
		left: -5px;
	}
.Window_Resizer_Control.right
	{
		right: -5px;
	}
.Window_Resizer_Control.bottom.right
	{
		cursor: se-resize;
	}
.Window_Resizer_Control.bottom.left
	{
		cursor: sw-resize;
	}
.Window_Resizer_Control.top.right
	{
		cursor: ne-resize;
	}
.Window_Resizer_Control.top.left
	{
		cursor: nw-resize;
	}
/** /Window_Resizer_Control **/

/** Ajax_LoadingIndicator **/
.Ajax_LoadingIndicator
	{
		position: fixed;
	}
/** /Ajax_LoadingIndicator **/