#pc3-color-palette {
	display:none;
	background-color: #FFFFFF;
	position: fixed;
	bottom:0px;
	width:100%;
	padding:7px;
}

#pc3-color-palette div {
	width:75px;
	height:20px;
	line-height:20px;
	border:1px solid black;
	display:inline-block;
	text-align:center;
	color: black;
}

#pc3-color-palette div:nth-child(1) { background-color: #25363F; }
#pc3-color-palette div:nth-child(1):after { content: '#25363F'; color: white; }
#pc3-color-palette div:nth-child(2) { background-color: #32434C; }
#pc3-color-palette div:nth-child(2):after { content: '#32434C'; color: white; }
#pc3-color-palette div:nth-child(3) { background-color: #5B6C75; }
#pc3-color-palette div:nth-child(3):after { content: '#5B6C75'; color: white; }
#pc3-color-palette div:nth-child(4) { background-color: #A5AEB2; }
#pc3-color-palette div:nth-child(4):after { content: '#A5AEB2'; color: black; }
#pc3-color-palette div:nth-child(5) { background-color: #BAC3C7; }
#pc3-color-palette div:nth-child(5):after { content: '#BAC3C7'; color: black; }
#pc3-color-palette div:nth-child(6) { background-color: #D0D6D9; }
#pc3-color-palette div:nth-child(6):after { content: '#D0D6D9'; color: black; }
#pc3-color-palette div:nth-child(7) { background-color: #E6E9EA; }
#pc3-color-palette div:nth-child(7):after { content: '#E6E9EA'; color: black; }
#pc3-color-palette div:nth-child(8) { background-color: #ECEEEF; }
#pc3-color-palette div:nth-child(8):after { content: '#ECEEEF'; color: black; }

#pc3-color-palette div:nth-child(9) { background-color: #CC1880; }
#pc3-color-palette div:nth-child(9):after { content: '#CC1880'; color: white; }

#pc3-color-palette div:nth-child(10) { background-color: #B4DDF1; }
#pc3-color-palette div:nth-child(10):after { content: '#B4DDF1'; color: black; }
#pc3-color-palette div:nth-child(11) { background-color: #0098CA; }
#pc3-color-palette div:nth-child(11):after { content: '#0098CA'; color: white; }
#pc3-color-palette div:nth-child(12) { background-color: #0079A1; }
#pc3-color-palette div:nth-child(12):after { content: '#0079A1'; color: white; }

#pc3-color-palette div:nth-child(13) { display:none; }
#pc3-color-palette div:nth-child(14) { display:none; }
#pc3-color-palette div:nth-child(15) { display:none; }
#pc3-color-palette div:nth-child(16) { display:none; }
#pc3-color-palette div:nth-child(17) { display:none; }
#pc3-color-palette div:nth-child(18) { display:none; }
#pc3-color-palette div:nth-child(19) { display:none; }
#pc3-color-palette div:nth-child(20) { display:none; }

/* global */
html,body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

th,
td {
	text-align: left;
	padding: 0px;
}

ul {
	list-style: none;
	margin:0;
	padding:0;
}

/* start of clearfix : tested with ie 6+, safari 4.0, firefox 3.5, chrome 3, opera 9 (surround outer box to inner box) */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* for ie 6 and ie 7 (stretch outer box to inner box height) */
.clearfix {
	display: inline-block;
}

/* for ie 8, firefox, safari, chrome, opera (stretch outer box to 100% width) \*/
.clearfix {
	display: block;
}
/* end of clearfix : info (de): http://jassesnee.de/easyclear/index.html */

/* PC3 Default Styles - End */
#pc3Editor .xwe-e-reset,
.xwe-e-reset {
	display: block !important;
	float: none !important;
	height: auto !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
	background: none !important;
	box-shadow: 0 0 0 0 !important;
	border-radius: 0 !important;
	top: 0 !important;
	left: 0 !important;
	right: auto !important;
	bottom: auto !important;
	position: static !important;
	transform: none !important;
	-webkit-transform: none !important;
}

#pc3Editor table.xwe-e-reset,
table.xwe-e-reset {
	width: 100% !important;
	display: table !important;
}

#pc3Editor tr.xwe-e-reset,
tr.xwe-e-reset {
	display: table-row !important;
}

#pc3Editor tbody.xwe-e-reset,
tbody.xwe-e-reset {
	display: table-row-group !important;
}

#pc3Editor td.xwe-e-reset,
td.xwe-e-reset {
	display: table-cell !important;
}

.xl-ajax-loader {
	position: fixed;
	z-index: 700000;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background-color: rgba(0,0,0,0);
	
	transition: background 0.2s ease-in, width 0s linear 0.2s, height 0s linear 0.2s;
}

.xl-ajax-loader::before {
    content: '';
    background-image: url(../img/ajax-loader.svg);
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
	opacity: 0;
	transition: opacity 0.2s ease-in;
}

.xl-body.loading .xl-ajax-loader::before {
	opacity: 1;
}

.xl-body.loading .xl-ajax-loader {
	width: 100%;
	height: 100%;
	
	background-color: rgba(0,0,0,0.8);
	transition: background 1s ease-in;
}

#xl,
#xl .xw-link,
#xl .xw-txt {
	font-family: arial,helvetica,verdana,geneva;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 14px;
	color: #000000;
	margin:0;
	padding:0;
}

#xl {
	min-width: 100%;
	float: left;
}

#xl .xw-link {
	color: #3C5A7C;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}

#xl .xw-form {
	background-color: #FFFFFF;
	color: #000000;
	font-family: arial,helvetica,verdana,geneva;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	min-width:120px;
	
	height: 25px;
	padding: 0px 4px;
	
	border: 1px solid #BAC3C7;
	border-radius: 3px;
}

#xl textarea.xw-form {
	line-height: 13px;
}

#xl .xw-form:disabled,
#xl .xw-form.xw-disabled {
	background-color: rgba(255,255,255,0.5);
}

#xl .xw-form.xw-error {
	border-color: #CC1880;
}

#xl .xw-form:focus {
	border-color: #0098CA;
}

#xl select.xw-form {
	padding: 3px;
}

#xl textarea.xw-form {
	height: 100px;
	overflow: hidden;
}

#xl input.xw-small,
#xl select.xw-small {
	width:75px;
	min-width:75px;
}

#xl input.xw-image {
	border: 0px none;
}

#xl input.xw-styled-checkbox,
#xl input.xw-styled-radio {
	min-width: 0;
	display:none;
}

#xl input.xw-styled-checkbox + label,
#xl input.xw-styled-radio + label {
	display: inline-block;	
	width: 16px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	cursor: pointer;
}

#xl input.xw-styled-radio + label.xw-txt {
	padding-left: 20px;
}

#xl input.xw-styled-checkbox + label {
	background-image: url('../img/but-s-unchecked-a.png');
}

#xl input.xw-styled-checkbox:checked + label {
	background-image: url('../img/but-s-checked-a.png');
}

#xl input.xw-styled-checkboxonline + label {
	background-image: url('../img/but-s-offline-a.png');
}

#xl input.xw-styled-checkbox-insecure-secure + label { background-image: url('../img/but-s-insecure-a.png'); }
#xl input.xw-styled-checkbox-insecure-secure:checked + label { background-image: url('../img/but-s-secure-a.png'); }

#xl input.xw-styled-checkbox-offline-online + label { background-image: url('../img/but-s-offline-a.png'); }
#xl input.xw-styled-checkbox-offline-online:checked + label { background-image: url('../img/but-s-online-a.png'); }

#xl input.xw-styled-checkbox-none-online:checked + label,
#xl input.xw-styled-checkboxonline:checked + label {
	background-image: url('../img/but-s-online-a.png');
}

#xl input.xw-styled-checkbox-none-online + label,
#xl input.xw-styled-radio + label {
	background-image: url('../img/but-s-none-a.png');
}

#xl input.xw-styled-radio:checked + label {
	background-image: url('../img/but-s-online-a.png');
}

a.xw,
a.xw:active,
a.xw:hover,
a.xw:visited {
	color: #424242;
	text-decoration: none;
}

td.xw,
span.xw {
	color: #32434C;
	font-weight:bold;
}

span.xw-preformatted {
	white-space: pre;
}

span.xw-code {
	font-family: monospace;
	white-space: pre-line;
}

#xl .xw-editable-value {
	background-image: url('../img/backoffice-form-translation-a.png');
	background-position: right 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	padding-right: 16px !important;
}

#xl .xw-editable-value.xw-disabled {
	background-image: url('../img/backoffice-form-translation-i.png');
	cursor: default;
	overflow:hidden;
}

#xl .xw-table .xwe .xw-value .xwe-message {
	display:block;
	font-size: 10px;
	line-height: 11px;
	padding-top: 3px;
	clear:both;
} 

.xw-error,
.xw-error label,
.xw-error,
.xw-error-detail {
	color: #CC1880 !important;
}

span.xw-info-detail {
	color: #3C5A7C !important;
}

.xw-info-detail li {
	margin-left: 10px;
	line-height: 14px;
	list-style: disc;
}

td.xw-inact,
span.xw-inact {
	color: #8F8F8F;
}

div.xw-ajax-loader {
	margin: -8px 0px 0px -8px;
	height: 16px;
	width: 16px;
	position: fixed;
	cursor: progress;
}

.xw-but {
	cursor: pointer;
	border: 0px none;
	padding: 0;
	background-color: transparent;
	line-height: 0;
}

.xw-but-i {
	cursor: default;
}

.xw-but-invisible {
	display: none !important;
}

.xw-fl {
	float: left;
}

.xw-fr {
	float: right;
}

.xw-txtc {
	text-align: center;
}

.xw-txtr {
	text-align: right;
}
/* */

/* xlayout header */
.xl-backoffice,.xl-stageview {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

.xl-backoffice,
.xl-stageview-header,
#xl .xw-header li,
.xw-menu-context,
.xl-stageview .xw-menu-context *,
.xl-stageview-header * {
	font-family: arial, helvetica, verdana, geneva;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
}

.xl-stageview {
	padding-top: 45px;
	background-color: #FFFFFF;
}

.xl-backoffice {
	background-color: #BAC3C7;
	margin: 0px;
}

.xl-stageview .xl-stageview-header,.xl-backoffice .xw-header {
	position: fixed;
	background-color: #32434C;
	width: 100%;
	left: 0px;
	top: 0px;
	padding-left: 50px;
	padding-top: 15px;
	height: 30px;
	box-sizing: content-box;
}

.xl-stageview .xl-stageview-header {
	border-bottom:1px solid #FFFFFF;
}

#xl .xw-header-info {
	position:fixed;
	right:0px;
	margin-right:10px;
	background-image: url('../img/toolpark-logo.png');
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:90px;
	line-height:45px;
	margin-top:-15px;
}

#xl .xw-header-info span {
	display:inline-block;
	color:#BAC3C7;
	font-weight:bold;
}

#xl .xw-header-info .xw-header-customer:after {
	content: ' / ';
}

#xl .xw-header-info .xw-header-version {
	margin-right:30px;
}

#xl .xw-header-info .xw-header-version:before {
	content: 'pc';
}

/* */
#xl .xw-header .xw-menu-button {
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	padding-right: 30px;
	color: #BAC3C7;
    background-color: transparent;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
}

#xl .xw-header .xw-header-marker {
	border-radius: 5px;
	background-color: rgb(186, 195, 199);
	display: inline-block;
	text-align: center;
	color: rgb(50, 67, 76);
	font-weight: bold;
	font-style: normal;
	border: 0px none;
	margin-right: 3px;
	padding: 1px 5px;
}

#xl .xw-header .xw-menu-button.active {
	color: #FFF;
}

/* menu */
#xl .xw-header .ajax-loader {
	background-image: url(../img/ajax-loader.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 540px;
	height: 200px;
}

#xl .xw-header .xw-header-menu {
	float:left;
}

#xl .xw-menu-content {
	background-color: #FFFFFF;
	border: 15px solid #FFFFFF;
	border-radius: 0px 0px 5px 5px;
	box-sizing: content-box;
	box-shadow: 1px 1px 6px -3px;
	margin-top: 15px;
	position: absolute;
}

#xl .xw-header .xw-menu-content {
	margin-top: 30px;
	margin-left: -30px;
}

#xl .xw-header .xw-menu-content.xw-menu-structured-content {
	margin-left: -15px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#xl .xw-header .xw-menu-content.xw-menu-content-fullscreen {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 10px;
}

#xl .xw-header #pc3DebugMenu.xw-menu-content {
	border: 0 none;
	-webkit-border-radius: 0 0 0 0; /* bug in safari causes massive performance issue on scrolling the menu content */
}

#xl .xw-header #pc3UserMenu.xw-menu-content {
	margin-top: 31px;
}

#xl .xw-menu-content ul.xw-menu-list {
	background-color: #FFFFFF;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#xl .xw-menu-content li.xw-menu-item-url a,
#xl .xw-menu-content li.xw-menu-item {
	color: #32434C;
	font-weight: normal;
	padding: 5px 10px 5px 10px;
	white-space: nowrap;
	display:block;
}

#xl .xw-menu-content li.xw-menu-item-url a:hover,
#xl .xw-menu-content li.xw-menu-item:hover {
	background-color: #0098CA;
	color: #FFFFFF;
}

#xl .xw-menu-content li.xw-menu-link a {
	color: #3C5A7C;
	font-weight: bold;
}

#xl .xw-menu-content li.xw-menu-item-url.selected a,
#xl .xw-menu-content li.xw-menu-item.selected {
	color: #CC1880;
	font-weight:bold;
}

#xl #pc3WebsiteMenuTitle {
	background-image: url('../img/backoffice-websitemenu.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-size:0px;
	width:14px;
	height:16px;
	float:left;
}

#xl .xw-menu-content li.xw-menu-title.pc3-menugroup-quicklinks {
	padding-top: 10px;
}

#xl #pc3ManagementMenu.xw-menu-content > ul.xw-menu-list {
	display:table;
}

#xl #pc3ManagementMenu.xw-menu-content li.xw-menu-title {
	display:table-cell;
	min-width:150px;
}

#xl #pc3ManagementMenu.xw-menu-content .xw-menu-content-sub {
	margin-top: 10px;
}

#xl .xw-menu-content li.xw-menu-link {
	padding: 10px 10px 10px 6px;
}

#xl .xw-menu-content li.xw-menu-title {
	color: #25363F;
	cursor: default;
	font-weight: bold;
	list-style: none outside none;
	padding: 0px;
}

#xl .xw-menu-content li.xw-menu-link > a,
#xl .xw-menu-content li.xw-menu-title > span {
	margin-left:10px;
}
/* */

/* workspace */
#xl .xw-header .xw-header-menu .xw-menu-button.xw-attention {
	color: #CC1880;
}

#pc3Workspace,
#pc3AssetMenu {
	width: 800px;
	padding-right: 20px;
}

#xl .xw-menu-structured-content .xww td {
	white-space: nowrap;
	height:25px;
	vertical-align: middle;
	padding: 0px 5px;
}

#xl .xw-menu-structured-content .xww {
	margin-bottom: 5px;
}

#xl .xw-menu-structured-content td.xww-icon {
	width: 16px;
	text-align:center;
}

#xl .xw-menu-structured-content td.xww-icon img {
	margin-top:2px;
}

#xl .xw-menu-structured-content tr.xww-header td {
	background-color: #D0D6D9;
	color: #32434C;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}

#xl .xw-menu-structured-content tr.xww-title td {
	background-color: #E6E9EA;
	background-image: url("../img/pic-el-row-open.png");
	background-position: 8px center;
	background-repeat: no-repeat;
	border-bottom: 5px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
	padding: 5px 32px;
	color: #25363F;
	cursor: pointer;
	font-weight: bold;
}

#xl .xw-menu-structured-content tr.xww-title.collapsed td {
	background-image: url(../img/pic-el-row-closed.png);
}

#xl .xw-menu-structured-content tr.xww-entry td {
	background-color:#FFFFFF;
}

#xl .xw-menu-structured-content tr.xww-entry td.spanned {
	border-right: 0px none;
	padding-right:3px;
}

#xl .xw-menu-structured-content tr.xww-entry td.spanned + td {
	border-left: 0px none;
	padding-left:3px;
}

#xl .xw-menu-structured-content tr.xww-entry.xww-selected td,
#xl .xw-menu-structured-content tr.xww-entry:hover td {
	background-color:#B4DDF1;
}

#xl .xw-menu-structured-content td.xww-label {
	width:100%;
}

#xl .xw-menu-structured-content td.xww-variantinfo {
	color: #8F8F8F;
}
/* */

/* SideTools */

.xw-sidetools {
	position: fixed;
	top: 197px;
	left: 0;
	z-index: 300000;
}

.xw-sidetools-list {
	padding-bottom: 10px;
}

.xw-sidetools-item {
	position: relative;	
}

.xw-sidetools-item-hidden {
	display:none;
}

.xw-sidetools-item-icon {
	width: 42px;
	height: 42px;
	
	margin: 9px 19px;
	padding: 0px;
	
	border-radius: 100%;
	box-sizing: border-box;
	background-color: rgba(236, 238, 239, 0.7);
	cursor: pointer;
}

.xw-palette-item-text,
.xw-sidetools-item-text {
	display: table;
}

.xw-palette-item-text p,
.xw-sidetools-item-text p {
	color: #5B6C75;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	text-align: center;
	display:block;
	width: 100%;
	height: 100%;
	max-width: 42px;
	display: table-cell;
	vertical-align: middle;
	text-transform:uppercase;
	white-space:normal;
}

.xw-sidetools-item-icon svg > g * {
	fill: #32434C;
}

.xw-sidetools-item-icon svg {
	width: 100%;
	height: 100%;
}

.xw-sidetools-item-icon:hover {
	border-color: #0079A1;
	background-color: #0098CA;
}

.xw-palette-item:hover .xw-palette-item-text p,
.xw-sidetools-item-text:hover p {
	color: #FFFFFF;
}

.xw-sidetools-item.active .xw-sidetools-item-text p {
	color: #5B6C75;
} 

.xw-sidetools-item-icon:hover svg > g * {
	fill: #ECEEEF;
}

.xw-sidetools-item.active .xw-sidetools-item-icon {
	border-color: rgba(204, 24, 128, 1);
	background-color: #FFFFFF;
}

.xw-sidetools-item.active .xw-sidetools-item-icon svg > g * {
	fill: #32434C;
}

.xw-sidetools-item.active .xw-palette {
	display: block;
}

.xw-palette {
	background-color: #32434C;
	border: 5px solid #32434C;
	border-radius: 5px;
	
	display: none;
	left: 70px;
	position: fixed;
	z-index:300020;
	
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}

.xw-palette-item {
	height: 46px;
	line-height: 45px;
	margin: 5px;
	padding: 0px 60px;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid transparent;
	cursor: pointer;
	white-space: nowrap;
	position: relative;
	
	color: rgba(236, 238, 239, 0.7);
	font-weight: bold;
}

.xw-palette-item-text,
.xw-palette-item-icon svg {
	width: 43px;
	height: 32px;
	border-radius: 2px;
	border: 1px solid rgba(236, 238, 239, 0.3);
	position: absolute;
	left: 5px;
	top: 5px;
}

.xw-palette-item-icon svg > g * {
	fill: rgba(236, 238, 239, 1);
}

.xw-palette-item:hover {
	border-color: #0079A1;
	background-color: #0098CA;
	color: white;
}

/* Mouse-contextmenu */

.xw-contextmenu-frame {
	background-color: #32434C;
	border: 5px solid #32434C;
	border-radius: 5px;
	box-shadow: 1px 1px 6px -3px #000000;
	
	position: fixed;
}

.xw-contextmenu {
	margin-left: 14px;
}

.xw-contextmenu ul {
	overflow-x: hidden;
	overflow-y: auto;
}

.xw-contextmenu-item {
	position: static;
	cursor: pointer;
	padding-right: 20px;
}

.xw-contextmenu-item .xw-symbol {
	position: absolute;
	left: 5px;
	top: 5px;
}

.xw-contextmenu-item-label {
	height: 20px;
	box-sizing: content-box;
	min-width: 100px;
	line-height: 20px;
	margin: 1px;
	
	border-radius: 3px;
	padding: 3px;
	padding-left: 25px;
	
	position: relative;
	
	color: rgba(236, 238, 239, 0.7);
	font-style: normal;
	overflow:hidden;
	text-overflow: ellipsis;
}

.xw-contextmenu-item:hover > .xw-contextmenu-item-label {
	border-color: #0079A1;
	background-color: #0098CA;
	color: white;
}

.xw-contextmenu-item.disabled > .xw-contextmenu-item-label {
	background-color: #32434C;
	border-color: transparent;
	color: rgba(236, 238, 239, 0.3);
	cursor: default;
}

.xw-contextmenu-inline {
	margin-left: 10px;
	margin-bottom: 10px;
}

.xw-contextmenu-submenu {
	position: absolute;
	z-index: 10;
	margin-top: -5px;
}

.xw-contextmenu-submenu-left {
	margin-left: -20px;
}

.xw-wizard-contextmenu .xw-contextmenu-inline {
	margin-left: 0;
	margin-bottom: 0;
}

/* Button context menu */

.xw-menu-context {
	background-color: #32434C;
	border: 5px solid #32434C;
	border-radius: 0px 5px 5px;
	box-shadow: 1px 1px 6px -3px #000;
	margin-left: 14px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
}

.xw-menu-context-fixed {
	position: fixed;
}

.xw-menu-context li.xw-menu-item-spacer,
.xw-menu-context li.xw-menu-item-url a,
.xw-menu-context li.xw-menu-item {
	background-color: #32434C;
	border-radius: 3px;
	clear: both;
	color: #BAC3C7;
	cursor: pointer;
	position:relative;
	padding: 3px;
	white-space: nowrap;
	width: 100%;
	display:block;
	text-decoration: none;
	box-sizing: border-box;
}

.xw-menu-context li.xw-menu-item.xw-menu-item-indent-1 { padding-left: 25px; }
.xw-menu-context li.xw-menu-item.xw-menu-item-indent-2 { padding-left: 50px; }
.xw-menu-context li.xw-menu-item.xw-menu-item-indent-3 { padding-left: 75px; }

.xw-menu-context li.xw-menu-item-spacer {
	height: 0px;
	border-top: 1px solid #5B6C75;
	padding:0px;
}

.xw-menu-context li.xw-menu-item input {
	position:absolute;
}

.xw-menu-context li.xw-menu-item img {
	position:absolute;
	margin-top: 2px;
}

.xw-menu-context li.xw-menu-item.xw-menu-item-symbol span,
.xw-menu-context li.xw-menu-item.xw-menu-item-input span {
	display: block;	
	padding: 2px 25px;
}

.xw-menu-context li.xw-menu-item-url a:hover,
.xw-menu-context li.xw-menu-item:hover {
	background-color: #0098CA;
	color:#FFFFFF;
}

.xw-menu-context li.xw-menu-item .simple {
	margin-top: 0px;
}

.xw-menu-context li.xw-menu-item.disabled {
	color: #5B6C75;
	cursor:default;
}

.xw-menu-context li.xw-menu-item.disabled:hover {
	background-color: transparent;
}

.xw-menu-context li.xw-menu-item .submitter {
	font-weight: bold;
	color: #FFFFFF;
}

/* */
#sns {
	position: absolute;
	display: block;
}

div.sns-wrapper {
	position: absolute;
	display: block;
	background-color: #BF0080;
}

#sns .sns-label {
	position: absolute;
	display: block;
	left: -1px;
	bottom: 0px;
	padding: 3px 10px;
	font: normal 10px/11px Arial;
	white-space: pre;
	color: #BF0080;
	background-color: #FFF;
	border: 1px solid #BF0080;
	z-index: 400000;
}

#sns .sns-label h4 {
	margin: 0px;
	padding: 0px;
}

#pc3SurfNStyleTitle.active {
	color: #BF0080 !important;
}

#pc3SurfNStyle {
	margin: 0px 10px;
}

#pc3SurfNStyle table {
	width: 100%;
}

#pc3SurfNStyle table td {
	white-space: nowrap;
	padding: 3px 10px;
	vertical-align: center;
}

#pc3SurfNStyle table thead td {
	padding-top: 10px;
	background-color: #DBDBDB;
	color: #424242;
	font-weight: bold;
	border-bottom: 1px solid #8F8F8F;
}

#pc3SurfNStyle table tbody tr.even td {
	background-color: #F2F2F2;
}

#pc3SurfNStyle table td.preview {
	width: 100%;
}

#pc3SurfNStyle table td.preview input[type=checkbox] {
	margin-left: 10px;
}

/* message */
#pc3Messages td.msg-symbol {
	padding: 5px;
	vertical-align: top;
}

#pc3Messages td.msg-message {
	background-color: #FFF;
	vertical-align: top;
}

#pc3Messages td.msg-message > * {
	display: block;
	margin: 7px;
}

#pc3Messages td.msg-message .title {
	font-weight: bold;
	margin-top: 21px;
}

#pc3Messages td.msg-message .title:first-child {
	margin-top: 0px;
}

#pc3Messages td.msg-message .title.error {
	color: #D2001E;
}

#pc3Messages td.msg-message .title.fatalerror {
	color: #FFAAAA;
}

#pc3Messages td.msg-message .title.info {
	color: #000000;
}

#pc3Messages td.msg-message .title.warning {
	color: #FFAAAA;
}

#pc3Messages td.msg-message .message {
	font-size: 12px;
	white-space: pre-line;
}

#pc3Messages td.msg-message .message pre {
	font-family: arial, helvetica, verdana, geneva;
}

#pc3Messages td.msg-message .message li {
	list-style-type: disc;
	margin-left: 10px;
}

#pc3Messages td.msg-message .message dt {
	font-weight: bold;
	float:left;
	margin-right:5px;
}

#pc3Messages td.msg-message .message dt:after {
	content: ':';
}

#pc3Messages td.msg-message .message dd {
	margin-left: 10px;
	padding-left: 0px;
}

#xl #pc3CommunicatorDropdownTitle.comactive {
	color: #0079A1;
}

#pc3CommunicatorDropdown {
	min-width: 350px;
	min-height: 50px;
}

#pc3CommunicatorDropdown .comprocess {
	padding: 3px;
}

#pc3CommunicatorDropdown .cominfobar {
	padding-right: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#pc3CommunicatorDropdown .cominfo {
	text-overflow:ellipsis;
	display: block;
	white-space: nowrap;
	overflow: hidden;
}

#pc3CommunicatorDropdown .comactionbar {
	float: right;
	width: 40px;
	margin: 1px;
	margin-top: 3px;
}

#pc3CommunicatorDropdown .comaction {
	width: 9px;
	height: 9px;
	float: right;
	cursor: pointer;
	margin-left:2px;
}

#pc3CommunicatorDropdown .comaction.disabled {
	cursor:default;
}

#pc3CommunicatorDropdown .comactionstop {
	background-image: url(../img/but-com-stop-a.png);
}

#pc3CommunicatorDropdown .comactionplay {
	background-image: url(../img/but-com-play-a.png);
}

#pc3CommunicatorDropdown .comactionpause {
	background-image: url(../img/but-com-pause-a.png);
}

#pc3CommunicatorDropdown .comactionstop.disabled {
	background-image: url(../img/but-com-stop-i.png);
}

#pc3CommunicatorDropdown .comactionplay.disabled {
	background-image: url(../img/but-com-play-i.png);
}

#pc3CommunicatorDropdown .comactionpause.disabled {
	background-image: url(../img/but-com-pause-i.png);
}

#pc3CommunicatorDropdown .combar {
	border: 1px solid #32434C;
	background-color: #ECEEEF;
	height: 10px;
	width: 100%;
}

#pc3CommunicatorDropdown .comprogress {
	background-color: #0079A1;
	height: 10px;
	width: 1px;
}

#pc3CommunicatorDropdown .comprocess.comfinished .comprogress {
	background-color: #5B6C75;
}
/* */

/* xlayout info */
#xl .xw-info {
	background-color: #FFF;
	height: 90px;
	padding-top: 45px;
	box-sizing: content-box;
}

#xl .xw-info .mgmt {
	color: #939393;
	padding-top: 30px;
	margin-left: 50px;
	font-family: 'HelveticaNeueLT Com 47 LtCn','arial narrow',arial,helvetica,verdana,geneva;
	font-size: 30px;
	line-height: 36px;
	height:60px;
	background-image: url('../img/managements/default.png');
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:100px;
	white-space: nowrap;
	box-sizing: content-box;
}

#xl .xw-info .mgmt.content { background-image: url('../img/managements/content.png'); }
#xl .xw-info .mgmt.document { background-image: url('../img/managements/document.png'); }
#xl .xw-info .mgmt.externalLink { background-image: url('../img/managements/externalLink.png'); }
#xl .xw-info .mgmt.articleCollection { background-image: url('../img/managements/articleCollection.png'); }
#xl .xw-info .mgmt.article { background-image: url('../img/managements/article.png'); }
#xl .xw-info .mgmt.staticContentCollection { background-image: url('../img/managements/staticContentCollection.png'); }
#xl .xw-info .mgmt.staticContent { background-image: url('../img/managements/staticContent.png'); }
#xl .xw-info .mgmt.valuelistCollection { background-image: url('../img/managements/valuelistCollection.png'); }
#xl .xw-info .mgmt.valuelist { background-image: url('../img/managements/valuelist.png'); }
#xl .xw-info .mgmt.dataRecordCollection { background-image: url('../img/managements/dataRecordCollection.png'); }
#xl .xw-info .mgmt.dataRecord { background-image: url('../img/managements/dataRecord.png'); }
#xl .xw-info .mgmt.login,
#xl .xw-info .mgmt.user { background-image: url('../img/managements/user.png'); }
#xl .xw-info .mgmt.group { background-image: url('../img/managements/group.png'); }
#xl .xw-info .mgmt.link { background-image: url('../img/managements/link.png'); }
#xl .xw-info .mgmt.quicklink,
#xl .xw-info .mgmt.redirect { background-image: url('../img/managements/redirect.png'); }

#xl .xw-info .mgmt span.mgmt-title {
	color:#a5aeb2;
}

#xl .xw-info .mgmt span.mgmt-lang:before,
#xl .xw-info .mgmt span.mgmt-object:before {
	content: ' / ';
	color:#a5aeb2;
}

#xl .xw-info .mgmt span.mgmt-object {
	color:#5b6c75;
}

#xl .xw-info .mgmt span.mgmt-lang {
	color:#a5aeb2;
}

.xl-browser .xl-browser-loader,
.xl-browser .xl-browser-content {
	width: 252px;
	height: 435px;
}

.xl-browser .xl-browser-content {
	position: relative;
}

.xl-browser .xl-browser-loader {
	background-image: url(../img/ajax-loader.gif);
	background-position: center;
	background-repeat: no-repeat;
}

.xl-browser .xl-browser-content a {
	color: #0079A1;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-top: 20px;
}

.xl-browser .xl-browser-content .xw-preview-image {
	display: block;
	margin-bottom: 5px;
}

.xl-browser .xl-browser-content .xw-preview-icon {
	display: block;
	margin-bottom: 5px;
	margin: 38px 52px;
}

.xl-browser .xl-browser-content table th {
	text-align: left;
	font-weight: normal;
}

.xl-browser .xl-browser-select {
	padding: 10px;
	width: 232px;
	height: 435px;
	cursor: pointer;
	color: #424242;
	overflow-x: hidden;
	overflow-y: auto;
}

.xl-browser .xl-browser-select a {
	background-image: url(../img/but-s-select-a.png);
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 20px;
	height: 20px;
	padding-left: 20px;
}

.xl-browser .xl-browser-select h4 {
	font-weight: normal;
	color: #000;
}

#xl .enableHelp .xw-header-menu .menu.active {
	color: #BF0080 !important;
}

.xl-browser-list .xw-help,
#xl .enableHelp .xw-help {
	cursor: help;
	text-decoration:none;
	color: inherit;
}

#xl .xl-browser-list .xw-help:after,
#xl .enableHelp .xw-help:after {
	content: '?';
	font-weight: bold;
	font-size: 11px;
	color: #0079A1;
}

#xl .xl-browser-list .xw-help:after {
	padding-left: 0px;
}
/* */

/* xwizard */
#xw {
	padding: 20px 50px 30px 80px;
	min-width:800px;
	float:left;
	width: 100%;
	box-sizing: border-box;
}

#xw.xw-full-width {
	float: none;
}

#xw.xw-full-width .xw-table td.xw-symbol {
	text-align: left;
}

#xw.xw-full-width .xw-table td.xw-value {
	width: 500px;
}

#xw .xw-pane {
	white-space: nowrap;
}

#xw .xw-pane span,
#xw .xw-pane a {
	background-color: #0098CA;
	border-radius: 5px;
	color: #FFFFFF;
	display: inline-block;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 10px;
	padding: 10px 20px;
	text-align: center;
}

#xw .xw-pane a {
	background-color: #32434C;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
}

#xw .xw-pane span {
	cursor: default;
}

#xw .xw-pane span.inactive {
	background-color: #E6E9EA;
	color: #9DA6AA;
	font-weight:bold;
}

#xl.full-screen-pane #xw > .xw-prop > .elem > .xw-table {
	height: 100% !important;
}

#xl.full-screen-pane .xw-header {
	height: 0;
	padding: 0;
	margin: 0;
	border: 0 none;
}

#xl.full-screen-pane .xw-header #pc3MessagesTitle,
#xl.full-screen-pane .xw-header .xw-header-menu {
	display:none;
}

#xl.full-screen-pane .xw-header .xw-menu-content {
	margin-top: 0px;
	left: 50% !important;
	margin-left: -115px;
}

#xl.full-screen-pane .xw-header #pc3MessageMenu.xw-header-menu {
	display: block;
}

#xl.full-screen-pane .xw-info,
#xl.full-screen-pane .xw-pane {
	display:none;
}

#xl.full-screen-pane .xw-prop {
	padding: 0;
}

#xl.full-screen-pane #xw {
	width: 100%;
	padding: 0;
	margin: 0;
}

#xl.full-screen-pane #xw > .xw-prop > .elem {
	position: absolute;
	bottom: 50px;
	top: 0px;
	overflow: hidden;
	width: 100%;
	padding-top: 10px;
	background-color: #FFFFFF;
}

#xl.full-screen-pane .xw-button-bar {
	margin: 0;
	position: fixed;
	width: 100%;
	bottom: 0px;
	z-index: 100;
}

.xw-popup {
	position: absolute;
	transform: translateX(-50%), translateY(-50%);
	box-shadow: 0 0 500px 50px #000;
	border-radius: 3px;
	z-index: 10;
}

#xl .xw-prop {
	background-color: #FFFFFF;
	border-radius: 5px;
	box-shadow: 1px 1px 6px -3px;
	-moz-box-shadow: 1px 1px 6px -3px;
	-webkit-box-shadow: 1px 1px 6px -3px;
	padding: 15px;
	float:left;
	min-width: 800px;
}

#xl .xw-button-bar {
	background-color: #32434C;
	border-radius: 0px 0px 3px 3px;
	clear: both;
	margin: -15px;
	margin-top: 25px;
	
	padding:10px;
}

#xl .xw-button-bar-text {
	float:right;
	display:block;
	font-weight:bold;
	color: #FFFFFF;
}

#xl .xw-button-bar-error {
	background-color:#CC1880;
	line-height:20px;
}

#xl .xw-button-bar {
	padding:15px;
}

#xl .xw-button-bar .xw-but {
	background-repeat:no-repeat;
	background-position:left center;
    background-color: transparent;
	line-height:20px;
	min-width:30px;
	padding-left:30px;
	display:inline-block;
	margin-right:20px;
	color:#FFFFFF;
	text-decoration: none;
}

#xl .xw-button-bar .xw-but-select { background-image:url('../img/but-l-select-a.png'); }
#xl .xw-button-bar .xw-but-accept { background-image:url('../img/but-l-accept-a.png'); }
#xl .xw-button-bar .xw-but-return { background-image:url('../img/but-l-return-a.png'); }
#xl .xw-button-bar .xw-but-continue { background-image:url('../img/but-l-arrowright-a.png'); }
#xl .xw-button-bar .xw-but-cancel { background-image:url('../img/but-l-cancel-a.png'); }
#xl .xw-button-bar .xw-but-ajaxpowersave,
#xl .xw-button-bar .xw-but-powersave { background-image:url('../img/but-l-powersave-a.png'); }
#xl .xw-button-bar .xw-but-save { background-image:url('../img/but-l-save-a.png'); }
#xl .xw-button-bar .xw-but-search { background-image:url('../img/but-l-search-a.png'); }
#xl .xw-button-bar .xw-but-prev { background-image:url('../img/but-l-arrowleft-a.png'); }
#xl .xw-button-bar .xw-but-next { background-image:url('../img/but-l-arrowright-a.png'); }
#xl .xw-button-bar .xw-but-checkin { background-image:url('../img/but-l-checkin-a.png'); }
#xl .xw-button-bar .xw-but-delete { background-image:url('../img/but-l-delete-a.png'); }

/* */

/* xwizard table */
#xl .xw-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
}

#xl .xw-table div.xw-spacer {
	border: 0px none;
	float: left;
	height: 1px;
	width: 0px;
}

#xl .xw-table tr.xw-spacer td {
	background-color: #32434C;
	height: 5px;
	padding: 0;
}

#xl .xw-table tr.xw-spacer td.main {
	width: 100%;
}

#xl .xw-table td.xw-value {
	min-width: 370px;
}

#xl .xw-table td.xw-value-medium {
	min-width: 170px;
}

#xl .xw-table tr:first-child > td.xw-column,
#xl .xw-table tr:first-child > td.xw-label {
	border-top: 1px solid #9EA7AB;
}

#xl .xw-title,
#xl .xw-title > td {
	background-color: #FFFFFF;
	padding: 10px 0;
}

#xl .xw-title h1 {
    color: #32434C;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

#xl .xw-mandatory .xw-label label::after {
	content: '*';
	color: red;
	font-weight: bold;
	font-size: 16px;
	margin-left: 5px;
}

#xl .xw-title .xw-mandatory-caption::before {
	content: '*';
	color: red;
	margin-right: 5px;
	font-weight: bold;
	font-size: 16px;
}

#xl .xw-title .xw-mandatory-caption {
	color: #32434C;
	padding-right: 0px;
	padding-left: 18px;
	float: right;
	white-space: nowrap;
}

#xl .xw-subtitle,
#xl .xw-subtitle > td {
	background-color: #FFFFFF;
	border: 0 none;
	border-bottom: 5px solid #32434C;
}

#xl .xw-subtitle h2 {
	color: #25363F;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	padding: 20px 0 15px 0px;
	margin: 0;
}

#xl .xw-table td.xw-column,
#xl .xw-table td.xw-label {
	background-color: #E6E9EA;
	border-bottom: 1px solid #9EA7AB;
	empty-cells: show;
	margin-top: 30px;
	padding: 7px 10px;
	vertical-align: top;
	white-space: nowrap;
}

#xl .xw-table td.xw-label {
	background-color: #E6E9EA;
	border-right: 1px solid #9EA7AB;
	color: #25363F;
	font-size: 12px;
	margin: 15px 0 0;
	width: 260px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

#xl .xw-table td.xw-symbol {
	font-size: 1px;
	text-align: right;
}

#xl .xw-table td.xw-value {
	text-align: left;
	border-right: 0 solid #FFFFFF;
}

#xl .xw-table td.xw-label span,
#xl .xw-table td.xw-label label,
#xl .xw-table td.xw-value span {
	color: #25363F;
	line-height: 25px;
	display:inline-block;
}

#xl .xw-table td.xw-value textarea {
	margin: 0px;
	padding: 2px 3px;
}

#xl .xw-table td.xw-value textarea.xw-form.xw-medium {
	height: 200px;
}

#xl .xw-table td.xw-value textarea.xw-form.xw-large {
	height: 400px;
}

#xl .xw-table td.xw-value .xw-but,
#xl .xw-table td.xw-symbol img {
	margin-top: 4px;
	margin-right:4px;
}

#xl .xw-table td.xw-symbol input {
	background-color: white;
	border: 0px none;
	margin: 1px 5px 0px 0px;
}

/* */

/* xwizard color-palette */
#xl .xw-form.xw-colorpalette {
	cursor: pointer;
	overflow: hidden;
	margin: 0;
}

#xl .xw-form.xw-colorpalette.xw-disabled {
	cursor: auto;
}

#xl .xw-menu-content.xw-colorpalette-menu {
	margin-top:26px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#xl .xw-menu-content.xw-colorpalette-menu .xw-colorpalette {
	margin:0;
	padding:0;
}

#xl .xw-menu-content.xw-colorpalette-menu li.xw-menu-item {
	padding:2px 10px;
}

#xl .xw-colorpalette li img {
	border-color: #32434C;
	width: 11px;
	height: 11px;
	border: 1px solid black;
	margin-top: 2px;
	margin-right: 5px;
	float: left;
}

#xl .xw-form.xw-colorpalette li img {
	margin-top: 5px;
}

/* xwizard table-editor */

.xwe-table-editor td p {
	margin: 0;
	padding: 0;
}

.xwe-el-table tbody tr.xwe-el-row td.xwe-te-cell {
	vertical-align: top;
}

#xl .xwe-te-cell .xw-form {
	height: auto;
	outline: none;
	min-height: 25px;
}

.xwe-table-editor td.readonly {
	background-color: #E6E9EA;
	cursor: default;
}

/* xwizard color-picker */

#xl .xwe-colorpicker {
	position: relative;
}

#xl .xwe-colorpicker-form {
	padding-left: 35px;
}

#xl .xwe-colorpicker-preview-wrapper {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGUlEQVQYlWM4ceLEf2TMgA7ooGAArERXAAAVcWrhk9XiyAAAAABJRU5ErkJggg==);
	background-repeat: repeat;
	background-position: center center;
	
	position: absolute;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	margin: 1px;
	width:30px;
	height: 23px;
	border: 1px solid transparent;
	border-right: 1px solid #bac3c7;
}

#xl .xwe-colorpicker-preview {
	margin: -1px;
	width: 30px;
	height: 23px;
}

/* */

#xw .xwe.xwe-singlecheck td.xw-value {
	vertical-align: middle;
}

#xl .xw-styled-checkbox-list .xw-checkbox-label {
	display: inline-block;
	cursor: pointer;
	margin:0;
	padding:0;
}

#xl .xw-checkbox-list {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-right: 10px;
}

#xl .xw-checkbox-list li {
	position: relative;
	padding: 3px;
}

#xl .xw-checkbox-list label {
	padding: 2px 20px;
}

#xl .xw-checkbox {
	min-width: none;
}

#xl .xw-checkbox-list input.xw-checkbox {
	position:absolute;
	left: 0px;
	top: 2px;
}

/* xwizard element editor */
#xw .xwe-e-toolbar {
	background-color: #D0D6D9;
	width:100%;
	min-width: 1000px;
	display:table;
	table-layout: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#xw .xwe-e-toolbar > div {
	display:table-cell;
	padding:10px 7px 7px 7px;
	vertical-align:middle;
}

#xw .xwe-e-toolbar .xwe-e-tools-floating {
	width:50%;
}

#xw .xwe-e-toolbar .xwe-e-status > div {
	display:table;
	table-layout:auto;
}

#xw .xwe-e-toolbar .xwe-e-status > div > * {
	display:table-cell;
	line-height:20px;
}

#xw .xwe-e-toolbar .xwe-e-status > div > span {
	width:100%;
	min-width:120px;
}

#xw .xwe-e-container-label {
	position: absolute;
	background-color: #CC1880;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	min-width: 118px;
	padding: 2px 22px;
	opacity: 0.8;
}

#xw .xwe-e-container-label.selected {
	margin-top: 8px;
}

#xw .xwe-e-analysis .level .tooltip {
	position: absolute;
	margin-top: 15px;
	margin-right: 15px;
	display: none;
	background-color: #32434C;
	border-radius: 3px;
	box-shadow: 1px 1px 6px -3px #000000;
	color: #FFFFFF;
	padding: 5px;
	white-space: nowrap;
}

#xw .xwe-e-analysis .level:hover .tooltip {
	position:absolute;
	display:block;
	right:0px;
}

#xw .xwe-e-analysis .level .tooltip p {
	margin: 3px;
}

#xw .xwe-e-analysis {
	position: absolute;
	margin: 0px;
	padding: 0px;
	margin-top: 11px;
	margin-left: -12px;
}

#xw .xwe-e-analysis .level {
	margin: 0px;
	padding: 0px;
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	display: inline-block;
	list-style:none;
}
#xw .xwe-e-analysis .info {
	background-image: url('../img/sym-info.png');
}

#xw .xwe-e-analysis .warning {
	background-image: url('../img/sym-warning.png');
}

#xw .xwe-e-analysis .error {
	background-image: url('../img/sym-error.png');
}

#xw .xwe-e-property-list.loading {
	background-image: url(../img/ajax-loader.gif);
	background-position: center;
	background-repeat: no-repeat;
}

#xw .xwe-e-property-list {
	cursor: default;
	position: absolute;
	border: 10px solid #EAEAEA;
	padding: 5px;
	background-color: #FFF;
	min-width: 250px;
	min-height: 50px;
	margin-top: 17px;
	margin-left: 22px;
}

#xw .xwe-e-property-list table {
	width: 100%;
	margin: 5px;
}

#xw .xwe-e-property-list table th {
	padding: 5px 0px 0px 0px;
	text-align: left;
	color: #444;
}

#xw .xwe-e-property-list table td.property {
	white-space: nowrap;
	color: #444;
}

#xw .xwe-e-property-list table td.value td {
	width: auto;
}

#xw .xwe-e-property-list table td.value td.property {
	padding-right: 5px;
}

#xw .xwe-e-property-list table td {
	width: 100px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

#xw .xwe-e-property-list ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#xw .xwe-e-container-label.selected {
	cursor: pointer;
	opacity: 1;
	background-color: #CC1880;
}

.xwe-e-tools-floating {
	background-color: #32434C;
	border-radius: 3px;
	box-shadow: 1px 1px 6px -3px #000000;
	margin: 3px;
	padding: 5px;
	display:none;
	left: 0;
	top: 0;
	position: fixed;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.xwe-e-tools-floating {
	height: 26px;
}

.xwe-e-tools-floating-group,
#xw .xwe-e-tools-group {
	display:inline-block;
	padding: 0px;
	margin-right:10px;
}

.xwe-e-tools-floating-group:last-child {
	margin-right:0px;
}

.xwe-e-tools-floating-group img,
#xw .xwe-e-tools-group img {
	width: 16px;
	height: 16px;
	padding: 0px;
	padding-right:1px;
}

#xw .xwe-e-status em {
	padding: 0px 10px;
	font-weight: bold;
	font-style: normal;
}

#xw .xwe-e-status span {
	padding: 0px 5px;
	background-color: #FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#xw .xwe-e-status span em.error {
	color: red;
	font-weight: bold;
}

#xw .xwe-e-status span em.warning {
	color: orange;
	font-weight: bold;
}

#xw .xwe-e-status span em.info {
	color: #0079A1;
	padding: 0px;
}

#xw .xwe-e-content {
	position: relative;
	clear: both;
	background-color: #FFFFFF;
}
/* */

/* Developer View */
.dev-view {
	margin: 0px;
	padding: 0px;
}

.dev-view ul.dev-indented,.dev-view ul.dev-view-sql {
	padding-left: 15px;
	white-space: nowrap;
}

.dev-view ul {
	padding: 0px;
	margin: 0px;
}

.dev-view li.tb {
	cursor: pointer;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #EAEAEA;
}

.dev-view dfn {
	padding-left: 3px;
	color: #000;
	font-style: normal;
	font-weight: normal;
}

.dev-view li.tb.wrpHideChilds img.tb-collapsed {
	float: left;
	margin-top: 3px;
	padding-right: 5px;
}

.dev-view li.tb.wrpOff dfn,.dev-view li.tb.wrpOff dfn * {
	color: gray !important;
}

.dev-view span.abbreviatedText {
	overflow: hidden;
	height: 17px;
	display: block;
	padding-left: 10px;
	white-space: nowrap;
}

.dev-view span.abbreviatedText abbr {
	margin: 0px;
	padding: 0px;
	overflow: auto;
	width: 400px;
	display: block;
}

.dev-view li.tb.wrpOver {
	border-left-color: #CACACA;
}

.dev-view dfn.wrpOver {
	background-color: #EAEAEA;
}

.dev-view li.tb.wrpSelected {
	background-color: #EAEAEA;
	border-left-color: #CACACA;
}

.dev-view li.tb.wrpSelected li.tb {
	background-color: #FFF;
}

.dev-view ul.tbcnone {
	display: none;
}

.dev-view ul.tbi {
	margin-left: 5px;
}

.dev-view li {
	list-style: none;
}

.dev-view-style,
.dev-view dfn,
.dev-view em,
.dev-view code,
.dev-view cite,
.dev-view strong.error,
.dev-view var,
.dev-view abbr.formula,
.dev-view span,
.dev-view samp {
	padding-right: 0px !important;
	font-family: monospace, Courier, courier new;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 17px;
	color: #000;
}

.dev-view strong.error {
	background-color: red;
}

.dev-view abbr.formula {
	text-decoration: underline;
	cursor: pointer;
}

.dev-view abbr.formula:hover {
	color: #CC1880;
}

.dev-view dfn {
	line-height: 17px;
}

.xwe-e-layout-content .dev-view-style * {
	font-size: 8pt;
	line-height: 12pt;
}

.dev-view em {
	
}

.dev-view code cite var,
.dev-view var {
	color: #114FC1;
}

.dev-view var.selected {
	background-color: #CCCCFF;
}

.dev-view code cite cite,.dev-view cite {
	color: #009D64;
}

.dev-view code {
	color: #B200BD;
}

.dev-view code code {
	color: #000000;
}

.dev-view code cite {
	color: #B200BD;
}

.dev-view samp {
	color: #8F8F8F;
}

.dev-view span {
	font-family: Arial;
}

#xw .xwe-e-property-list .dev-view {
	cursor: default;
}

#xw .xwe-e-property-list var,#xw .xwe-e-property-list cite {
	font-size: 11px;
	line-height: 12px;
}
/* */

/* Progress Bar */
#xw .xw-progressbar {
	position: relative;
	height: 16px;
	padding: 0px;
	border: 1px solid #32434C;
	background-color: #ECEEEF;
}

#xw .xw-progressbar .xw-progress,#xw .xw-progressbar .xw-progress span {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 16px;
	padding: 0px;
}

#xw .xw-progressbar .xw-progress {
	background-color: #32434C;
	width: 0px;
}

#xw .xw-progressbar .xw-progress span {
	color: #888888;
	text-align: center;
	top: 2px;
}

#xw .xw-progressbar .xw-progress-complete span {
	color: #FFFFFF;
}

/* xWizardElement_CodeEditor */

#xl td.xwe-codeeditor {
	min-width: 370px;
}

#xl .xwe-codeeditor-placeholder .ace_gutter-cell.ace_error {
	background-image: url('../img/sym-error.png');
}

#xl .xwe-codeeditor-placeholder .ace_gutter-cell.ace_warning {
	background-image: url('../img/sym-warning.png');
}

#xl .xwe-codeeditor-placeholder {
	width: 100%;
	min-width: calc(100vw - 300px);
	min-height: calc(100vh - 400px);
	position:relative;
	border-radius: 3px;
	border: 1px solid #bac3c7;	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#xl.full-screen-pane .xwe-codeeditor {
	height: 100%;
}

#xl.full-screen-pane .xwe-codeeditor-placeholder {
	height: 100%;
}

#xl .xwe-codeeditor-placeholder.xwe-codeeditor-short {
	height: 100px;
}

/* xwizard element easylist */
#xw .xwe.xwe-grp .xwe-el .xwe-el-table {
	border-bottom: 0 none;
}

#xw .xwe-el-table {
	width: 100%;
	border-top: 5px solid #32434C;
	border-bottom: 5px solid #32434C;
	border-collapse: separate;
}

#xw .xwe-el-table.xwe-el-table-info-row {
	border-top: 0px none;
}

#xw .xwe-el-table.xwe-el-table-single-row {
	border-top: 0px none;
	border-bottom: 0px none;
}

#xw .xwe-el-table.xwe-el-table-single-row td {
	border:0px none;
	height:0px;
	padding-top:0px;
	padding-bottom:10px;
}

.xwe-el-table tr.xwe-el-row td {
	background-color: #D0D6D9;
	border-right: 1px solid #A5AEB2;
	line-height: 16px;
	padding: 3px 10px;
	vertical-align: top;
	white-space: nowrap;
	height: 25px;
}

.xwe-el-table .xwe-el-row img.xw-but {
	margin-left: 5px;
	margin-top: 5px;
}

.xwe-el-table .xwe-el-row img.xw-but:first-child {
	margin-left: 0px;
}

.xwe-el-table thead tr.xwe-el-row td {
	padding: 7px 10px;
}

.xwe-el-no-nav .xwe-el-table thead tr.xwe-el-header td {
	padding-bottom: 0px;
}

.xwe-el-table thead tr.xwe-el-row td,
.xwe-el-table tbody tr.xwe-el-row td {
	border-top: 0px none;
	border-bottom: 0px none;
}

.xwe-el-table tbody tr.xwe-el-row td.spanned {
	border-right: 0px none;
	padding-right:3px;
}

.xwe-el-table tbody tr.xwe-el-row td.spanned + td {
	border-left: 0px none;
	padding-left:3px;
}

.xwe-el-table td.xwe-el-symbol {
	text-align:center;
}

.xwe-el-table tfoot tr.xwe-el-row td {
	border-bottom: 0px none;
}

#xl .xwe-el-table td input,
#xl .xwe-el-table td textarea {
	min-width:200px;
}

#xl .xwe-el-table td input.xw-checkbox {
	min-width: auto;
}

#xl .xwe-el .xwe-el-table-nav {
	padding: 10px;
}

#xl .xwe-el:first-child .xwe-el-table-nav {
	padding-top: 3px;
}

#xl .xwe-el .xwe-el-table-nav .xwe-el-nav {
	display: table;
}

#xl .xwe-el .xwe-el-table-nav .xwe-el-nav > div {
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px;
}

#xl .xwe-el .xwe-el-table-nav .xwe-el-nav select {
	margin-left: 3px;
	margin-right: 3px;
}

#xl .xwe-el .xwe-el-table-nav .xwe-el-nav img {
	margin: -1px 0 -4px 0px;
}

.xwe-el-table .xwe-el-row td:first-child {
	border-left:0px;
}

.xwe-el-table .xwe-el-title {
	background-color: #FFFFFF;
	color: #32434C;
	font-size: 18px;
	line-height: 20px;
	padding:10px 0;
}

.xwe-el-table td.main {
	width: 100%;
}

.xwe-el-table tr td div.xwe-el-color {
	width: 15px;
	height: 15px;
	border: 1px solid black;
}

.xwe-el-table tr.folder td.folding {
	background-position: 5px 11px;
	background-repeat: no-repeat;
	cursor: pointer;
	font-weight: bold;
	padding-left: 20px !important;
	background-image: url(../img/pic-el-row-open.png);
}

.xwe-el-table tr.folder.closed td.folding {
	background-image: url(../img/pic-el-row-closed.png);
}

.xwe-el-table tr.folder.leaf td.folding {
	cursor: default;
	background-image: none;
}

.xwe-el-table tr.folding-hidden {
	display: none;
}

.xwe-el-table td.last {
	border-right: 0px none !important;
}

.xwe-el-table thead tr.xwe-el-row img.xw-but {
	margin-top:0px;
}

.xwe-el-table tbody tr.xwe-el-row .xw-preview-icon,
.xwe-el-table tbody tr.xwe-el-row .xw-preview-image {
	display: block;
}

.xwe-el-table thead tr.xwe-el-row.xwe-el-header td.sortable {
	padding-right: 30px;
}

.xwe-el-table .sortable .xw-but {
	float:right;
	margin-right:-20px;
}

.xwe-el-table td.xwe-el-moveto {
	background-image: url(../img/but-s-sortorder-a.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: move;
}

.xwe-el-table td.xwe-el-moveto div {
	width: 16px;
}

.xwe-el-table tbody tr.xwe-el-row td {
	border-bottom: 0px none;
	vertical-align: middle;
}

.xwe-el-table tbody tr.xwe-el-row td.last {
	border-right: 0px none;
}

.xwe-el-table tbody tr.xwe-el-row.empty td,
.xwe-el-table tbody tr.xwe-el-row:nth-child(2n+1) td {
	background-color: #FFFFFF;
}

.xwe-el-table tbody tr.xwe-el-row:nth-child(2n) td {
	background-color: #ECEEEF;
}

.xwe-el-table tbody tr.xwe-el-row td.symbol {
	min-width: 16px;
	vertical-align:center;
}

.xwe-el-table tbody tr.xwe-el-row:nth-child(2n+1) td.copy {
	background-color: #b6eeb6 !important;
}

.xwe-el-table tbody tr.xwe-el-row:nth-child(2n) td.copy {
	background-color: #c0eec0 !important;
}

.xwe-el-table tbody tr.xwe-el-row:nth-child(2n+1) td.copysub {
	background-color: #c4eec4 !important;
}

.xwe-el-table tbody tr.xwe-el-row:nth-child(2n) td.copysub {
	background-color: #d2eed2 !important;
}

.xwe-el-table tbody tr.xwe-el-row:nth-child(2n+1) td.cut {
	background-color: #ffb6b6 !important;
}

.xwe-el-table tbody tr.xwe-el-row:nth-child(2n) td.cut {
	background-color: #ffc0c0 !important;
}

.xwe-el-table tbody tr.xwe-el-row:nth-child(2n+1) td.cutsub {
	background-color: #FFC4C4 !important;
}

.xwe-el-table tbody tr.xwe-el-row:nth-child(2n) td.cutsub {
	background-color: #FFD2D2 !important;
}

.xwe-el-table tbody tr.xwe-el-row:nth-child(2n+1) td.error {
	background-color: #FFC0C0 !important;
}

.xwe-el-table tbody tr.xwe-el-row:nth-child(2n) td.error {
	background-color: #FFB6B6 !important;
}

.xwe-el-table tbody tr.xwe-el-row td.selected a {
	color: #FFFFFF !important;
}

.xwe-el-table tbody tr.xwe-el-row td.selected {
	background-color: #0098CA !important;
}

.xwe-el-table tbody tr.xwe-el-row td.inactive * {
	color: #A5AEB2 !important;
}

.xwe-el-table tbody tr.xwe-el-row div.hierarchyrow {
	background-image: url(../img/xwe-el-hierarchy.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
	vertical-align: middle;
}

.xwe-el-table tbody tr.xwe-el-row td a.xwe-el-lnk {
	color: #0079A1;
	font-weight: bold;
	cursor: pointer;
}

.xwe-el-table tbody tr.xwe-el-row div.description {
	line-height: 12px;
}

.xwe-el-table tbody tr.xwe-el-row td span.comment {
	color: #444;
	font-size: 10px;
}

.xwe-el-table tbody tr.xwe-el-row td select.middle {
	width: 120pt;
}

.xw-preview-image {
	border: 1px solid black;
	background-position: center;
	background-repeat: no-repeat;
}

.xw-preview-icon {
	border: 0px none;
}
/* */

/* xwizard element linklist */
.xwe-ll-table {
	border-collapse: separate;
	border-top: 5px solid #32434C;
	border-bottom: 5px solid #32434C;
}

.xwe-ll-table,
.xwe-ll-table td.main {
	width: 100%;
}

.xwe-ll-table a,
.xwe-ll-table a.hidden {
	color: #0079A1;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}

.xwe-ll-table .xwe-ll-row.selected a {
	color: #FFFFFF;
}

.xwe-ll-table a.disabled {
	color: #8F8F8F;
	cursor: default;
}

.xwe-ll-table a {
	font-weight: bold;
}

.xwe-ll-table td {
	white-space: nowrap;
	border-bottom: 0px none;
	border-right: 0px none;
	padding: 1px 10px;
	vertical-align: middle;
	line-height: 24px;
}

.xwe-ll-table .xwe-ll-header td.last,
.xwe-ll-table td.last {
	padding-right: 10px;
}

.xwe-ll-table .xwe-ll-header a {
	color: #32434C;
	font-weight: bold;
}

.xwe-ll-table .xwe-ll-header .xwe-ll-buttons {
	padding-bottom: 0px;
}

.xwe-ll-table .xwe-ll-header img {
	margin: 2px 2px 2px 0;
}

.xwe-ll-table .xwe-ll-header td span {
	font-size: 11px;
	font-weight: bold;
	color: #32434C;
}

.xwe-ll-table .xwe-ll-header td {
	background-color: #D0D6D9;
	border-bottom: 5px solid #FFFFFF;
	padding: 7px 0 7px 10px;
}

.xwe-ll-table .xwe-ll-header span.spacer {
	display: block;
	width: 94px;
}

.xwe-ll-table .xwe-ll-header td.xwe-ll-header-short span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 50px;
}

.xwe-ll-table tr.xwe-ll-row td.spanned {
	border-right: 0px none;
	padding-right:3px;
}

.xwe-ll-table tr.xwe-ll-row td.spanned + td {
	border-left: 0px none;
	padding-left:3px;
}

.xwe-ll-table tr.xwe-ll-row td {
	background-color: #FFFFFF;
}

.xwe-ll-table .xwe-ll-row .xwe-ll-buttons .xw-but {
	margin: 0 2px 0 0;
}

.xwe-ll-table .xwe-ll-row .xwe-ll-buttons {
	line-height: 0px;
}

.xwe-ll-table tr.xwe-ll-row:nth-child(2n) td		{ background-color: #ECEEEF; }
.xwe-ll-table tr.xwe-ll-row:hover td				{ background-color: #B4DDF1; }
.xwe-ll-table tr.xwe-ll-row.copy td					{ background-color: #E1F0DD; }
.xwe-ll-table tr.xwe-ll-row.copy:nth-child(2n) td	{ background-color: #D9ECD5; }
.xwe-ll-table tr.xwe-ll-row.cut td					{ background-color: #FFC0C0; }
.xwe-ll-table tr.xwe-ll-row.cut:nth-child(2n) td	{ background-color: #FFB6B6; }
.xwe-ll-table tr.xwe-ll-row.selected td				{ background-color: #0098CA; }

.xwe-ll-table div.struct-spacer {
	height: 20px;
	float: left;
}

.xwe-ll-table div.struct-spacer img {
	float:left;
	display: block;
}
/* */

/* xwizard element group */
#xl .xw-table .xwe.xwe-grp > td {
	background-color: #FFFFFF;
	border-right: 0 none;
	padding: 0px;
	border-bottom: 0 none;
}

#xl .xw-table .xwe.xwe-grp .xwe-grp-title {
	color: #25363F;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	padding: 20px 0 15px 0px;
	display:block;
	margin:0;
}

#xl .xw-table .xwe.xwe-grp .xwe-grp-title .xw-but {
	float:right;
	padding-right: 10px;
}

#xl .xw-table .xwe.xwe-grp .xwe-grp-title.xw-error {
	color: #CC1880 !important;
}

#xl .xw-table .xwe.xwe-grp.xwe-grp-collapsible .xwe-grp-title {
	cursor:pointer;
	background-image: url(../img/group-open.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

#xl .xw-table .xwe.xwe-grp.xwe-grp-collapsible .xwe-grp-title.xwe-grp-title-collapsed {
	background-image: url(../img/group-close.gif);
}

#xl .xw-table .xwe.xwe-grp .xwe-grp-hidden {
	position:absolute;
	display:none;
}

#xl .xw-table .xwe.xwe-grp:first-child > td {
	border-top:0px none;
}

#xl .xw-table .xwe.xwe-grp .xw-spacer {
	display:none;
}

#xl .xw-table .xwe.xwe-grp .xw-table tr:last-child td {
	border-bottom: 0px none;
}
/* */

/* xwizard element switch */
#xw td.xwe-sw-title {
	background-color: #FFFFFF !important;
	border-top: 0px none !important;
	border-right: 0px none !important;
	color: #424242 !important;
	font-weight: bold !important;
	padding-top: 8px !important;
	padding-bottom: 7px !important;
}

#xw table.xwe-sw-last {
	border-right: 1px solid #8F8F8F;
} /* FIX #614 */
/* */

/* xwizard element browser */
#xw table.xwe-bwr-table {
	width: 100%;
	border-spacing: 0px;
	height: 400px;
	border-top: 5px solid #FFFFFF;
}

#xw table.xwe-bwr-table td.content {
	background-color: #ECEEEF;
	vertical-align: top;
	border-left: 6px solid #FFFFFF;
	height: 400px;
}

#xw table.xwe-bwr-table td.content:first-child {
	border-left:0px none;
}
/* */

/* xwizard element image editor */
#xw .xwe-ie-table-control td {
	background-color: #E6E9EA;
	padding:7px 10px;
}

#xw .xwe-ie-table-control td.xwe-ie-label {
	font-weight:bold;
	color: #25363F;
	padding-right:0px;
}

#xw .xwe-ie-table-control td.xwe-ie-label:first-child {
	min-width:270px;
	border-right: 1px solid #9EA7AB;
}

#xw .xwe-ie-table-control td.xwe-ie-value:last-child {
	width:100%;
	border-right: 0px none;
}

#xw .xwe-ie-table-control td.xwe-ie-value select {
	min-width:250px;
}

#xw .xwe-ie-table-control td.xwe-ie-value {
	border-right: 1px solid #9EA7AB;
}

#xw .xwe-ie-table td.xwe-ie-button img.xw-but {
	margin-top:3px;
	margin-left:5px;
}

#xw .xwe-ie-table td.xwe-ie-slider-v {
	vertical-align: top;
}

#xw .xwe-ie-table td.xwe-ie-slider-h,
#xw .xwe-ie-table td.xwe-ie-slider-v {
	padding: 3px 5px;
	min-width: 20px;
}

#xw .xwe-ie-table td.xwe-ie-slider-h {
	width: 100%;
	height: 20px;
}

/* -- geometry */
#xw tr.xwe-ie-content td.xwe-ie-geoimg {
	vertical-align: top;
}

#xw tr.xwe-ie-content div.xwe-ie-zoom {
	position: absolute;
	visibility: visible;
	z-index: 1;
}

#xw tr.xwe-ie-content div.xwe-ie-frame {
	border: 1px dashed #5B6C75;
	position: absolute;
	visibility: hidden;
	z-index: 3;
}

#xw tr.xwe-ie-content div.xwe-ie-frameback {
	border: 1px solid #FFFFFF;
	position: absolute;
	visibility: hidden;
	z-index: 2;
}

#xw tr.xwe-ie-content div.xwe-ie-scaleheight,
#xw tr.xwe-ie-content div.xwe-ie-scalewidth {
	position: absolute;
	visibility: hidden;
	white-space: nowrap;
	z-index: 4;
}

#xw tr.xwe-ie-content div.xwe-ie-scaleheight {
	padding-top: 1px;
}

#xw tr.xwe-ie-content div.xwe-ie-scalewidth {
	padding-left: 1px;
}

#xw tr.xwe-ie-content span.xwe-ie-front {
	background-color: #FFFFFF;
	border: 1px solid #5B6C75;
	color: #5B6C75;
	font-size: 9px;
	padding: 0px 3px;
	position: absolute;
	visibility: hidden;
	z-index: 5;
}
/* -- */
#xw tr.xwe-ie-content td.xwe-ie-image {
	padding: 10px 25px;
}

#xw table.xwe-ie-imglist td {
	border: 0px none;
	padding: 0px;
}

#xw table.xwe-ie-imglist td.title {
	background-color: #F2F2F2;
	padding: 3px;
	text-align: center;
}

#xw table.xwe-ie-imglist td.image {
	background-color: #FFF;
	text-align: center;
}

#xw tr.xwe-ie-content td.xwe-ie-image {
	padding: 10px 26px;
}
/* */

/* xwizard element simplelist */
#xw .xwe-sl-table td.main {
	width: 100%;
}

#xw .xwe-sl-table td:first-child {
	border-left:0px;
}

#xw .xwe-sl-table td:last-child {
	border-right:0px;
}

#xw .xwe-sl-table .description {
	line-height: 10px;
	font-size: 10px;
}

#xw .xwe-sl-table .xw-but {
	margin-right: 5px;
	margin-top: 5px;
}

#xw .xwe-sl-table .xw-but.last {
	margin-right: 0px;
}

#xw .xwe-sl-table td {
	background-color: #FFFFFF;
	border: 1px solid #A5AEB2;
	line-height: 16px;
	padding: 3px 10px;
	vertical-align: top;
	white-space: nowrap;
}

#xw .xwe-sl-table tr:nth-child(2n) td {
	background-color: #ECEEEF;
}

#xw .xwe-sl-table a {
	color: #0079A1;
	font-weight: bold;
}

#xw .xwe-sl-table .xwe-sl-title td {
	background-color: #D0D6D9;
	font-size: 11px;
	font-weight: bold;
}

#xw .xwe-sl-table tr.xw-spacer td {
	height:0px;
	border-bottom:5px solid white;
}
/* */

/* xwizard element file (ENH #1069) */
#xw div.xwe-f-box {
	overflow: hidden;
	position: relative;
	width: 100%;
}

#xw .xwe-f-preview {
	width: 100px;
	height: 100px;
	overflow: hidden;
	padding: 5px;
	max-width: 100px;
	min-width: 100px;
	box-sizing: content-box;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	position:relative;
}

#xw .xwe-f-info,
#xw .xwe-f-progress {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.9);
}

#xw .xwe-f-complete .xwe-f-info {
	background: none;
	color:white;
	z-index: 2;
}  

#xw .xwe-f-progress {
    background-color: #0098CA;
    opacity: 0.5;
    height: 26px;
	width: 0;
	max-width: 100%;
    z-index: 2;	
}

#xw .xwe-f-complete .xwe-f-progress {
	background-color: #0098CA;
    z-index: 1;
    opacity: 1;
}

#xw .xwe-f-info {
	text-overflow: ellipsis;
    width: 100%;
	font-size: 10px;
	line-height: 11px;
	overflow:hidden;
    text-align: center;
    padding: 2px 5px;
    box-sizing: border-box;
	font-size: 10px;
	line-height: 11px;
	z-index: 1;
}

#xw .xwe-f-preview img {
	width: 100px;
	height: auto;
}

#xw div.xwe-f-box textarea.xw-form {
	height: 200px;
	text-align: center;
	line-height: 200px;
}

#xw .xw-form.xwe-file-preview {
	width: auto;
	height: auto;
	padding: 20px;
	background: repeating-linear-gradient( 45deg, #EEE, #EEE 10px, white 10px, white 20px );
}

#xw input.xwe-f-button {
	width: 100px;
}

#xw input.xwe-f-file {
	opacity: 0;
	outline: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
/* */
.pc3-formula-container {
	position: relative;
}

.pc3-formula {
	position: absolute;
	margin-top: 17px;
	padding: 10px;
	border: 2px solid #CACACA;
	background-color: #FFF;
	white-space: nowrap;
}

/* pc3TemplateStructureElement */
.pc3-tmplstruct {
	background-color: #FFFFFF;
	padding: 2px;
}

.pc3-tmplstruct .box {
	border: 1px solid #B0B0B0;
	background-color: #FFFFFF;
	margin: 2px;
	padding: 3px;
	cursor: pointer;
}

.pc3-tmplstruct .box:hover {
	border: 2px solid #909090;
	padding: 2px;
}

.pc3-tmplstruct .box.selected {
	border-color: #0000B0;
	background-color: #C0C0FF;
}

.pc3-tmplstruct .box.selected .box {
	border-color: #0000B0;
	background-color: #E0E0FF;
}

.pc3-tmplstruct .box.editing {
	border-color: #B00000;
	background-color: #FFC0C0;
}

.pc3-tmplstruct .box.editing .box {
	border-color: #B00000;
	background-color: #FFE0E0;
}

.pc3-tmplstruct .box h4 {
	line-height: 11px;
	margin: 0px;
}

.pc3-tmplstruct .childlists {
	
}

.pc3-tmplstruct .childlist {
	
}

.pc3-tmplstruct h5 {
	font-size: 10px;
	line-height: 10px;
	margin: 0px;
	color: #888;
}

/* */

/* Dragger start */
div.xwe-el-row-dragbar {
	background-color: #666699;
	height: 2px;
	font-size: 0px;
}

tr.xwe-el-row-dragcopy td {
	background-color: #3C5A7D !important;
	opacity: 0.7;
}

tr.xwe-el-row-dragrow td {
	opacity: 0.7;
}

tr.xwe-el-row-dragcopy * {
	color: #FFFFFF !important;
}

tr.xwe-el-row-dragcopy img {
	visibility: hidden;
}

tr.xwe-el-row-dragrow * {
	color: #CCCCCC !important;
}
/* Dragger end */

/* xWizardElement ProgressBar */
#xw .xw-value .xw-progressbar {
	position: relative;
	padding: 0px;
}

#xw td.xw-value .xw-progressbar .xw-progress {
	display: block;
	position: absolute;
	padding: 0px;
	height: 16px;
}

#xw td.xw-value .xw-progressbar span {
	padding: 0px;
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	color: white;
	line-height: 16px;
}

/* */

/* xWizardElement - Code */
#xl .xw-table textarea.xwe-e-code {
	font-family: monospace;
	font-size: 11px;
	line-height: 13px;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	-webkit-tab-size: 4;
	tab-size: 4;
	height: 500px;
	border: 1px solid #BAC3C7;
}


#xl .xw-table .xw-e #pc3Editor textarea.xwe-e-code {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* */

/* Custom PC3 Interface Styles */
div.pc3-css-preview div {
	display: inline;
	white-space: nowrap;
}

div.pc3-css-preview.surfstyle div {
	display: block;
	width: 600px;
	white-space: normal;
	border-top: 1px dotted gray;
}

div.pc3-css-preview.surfstyle div:first-child {
	border-top: none;
}

div.pc3-css-preview span {
	white-space: nowrap;
}

div.pc3-css-preview span.local em {
	font-style: normal;
	color: #000099;
}

div.pc3-css-preview span.local span {
	color: #0000FF;
}

div.pc3-css-preview span.important {
	font-weight: bold;
}

div.pc3-css-preview span.superseded {
	text-decoration: line-through;
	font-weight: normal;
}

div.pc3-css-preview span.inherited {
	color: #AAAAAA;
}

div.pc3-css-preview span.inherited em {
	font-style: normal;
	color: #A6A6DB;
}

div.pc3-css-preview span.inherited span {
	color: #A6A6FF;
}

.pc3-sql-preview em {
	font-style: normal;
	color: #000000;
}

.pc3-sql-preview span {
	color: #000000;
}

.pc3-sql-preview span.name {
	color: #114FC1;
}

.pc3-sql-preview span.string {
	color: #009D64;
}

.pc3-sql-preview span.numeric {
	color: #FF0000;
}

/* */
div.xSQLDebug {
	line-height: 11px;
	background-color: white;
	font-size: 10px;
}

div.xSQLDebug em,div.xSQLDebug .command {
	color: #0000AA;
}

div.xSQLDebug .name {
	color: #DD00DD;
}

div.xSQLDebug .numeric {
	color: #DD0000;
}

div.xSQLDebug .string {
	color: #00AA00;
}

/* Stageview styles */
.pc3sne {
	cursor: pointer;
	background-image: url('../img/sne-context.gif');
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #32434C;
	border-radius: 2px;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
}

.pc3sne-edit {
	background-image: url('../img/sne-edit.gif');
}

.pc3sne-content {
	background-image: url('../img/sne-content.gif');
}

p.surfnedit {
	font-family: Arial, Helvetica, Verdana, Geneva !important;
	font-weight: normal !important;
	font-style: normal !important;
	color: #BF0080 !important;
	font-size: 10px !important;
	line-height: 11px !important;
	margin: 0px !important;
	padding: 0px !important;
}

/* */

/* xLayout Window */
div.xl-window {
	position: absolute;
	top: 150px;
	width: 800px;
	background-color: #FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 15px;
	box-shadow: 5px 5px 15px -5px #000000;
	-moz-box-shadow: 5px 5px 15px -5px #000000;
	-webkit-box-shadow: 5px 5px 15px -5px #000000;
}

div.xl-window-background {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	opacity:0.5;
	background-color:#32434C;
}

div.xl-window div.xl-window-title {
	background-color: #32434C;
	border-bottom: 1px solid black;
	height: 15px;
	padding: 10px;
	text-align: center;
	vertical-align:middle;
	cursor: pointer;
}

div.xl-window div.xl-window-buttons {
	background-color: #FFFFFF;
	height: 20px;
	padding: 10px;
	text-align: right;
}

div.xl-window div.xl-window-buttons img.xw-but {
	padding-left: 10px;
}

div.xl-window div.xl-window-title h1 {
	display: inline;
	color: white;
	font-size: 12px;
	line-height: 16px;
}

div.xl-window div.xl-window-title a {
	float: left;
	background-image: url('../img/but-window-close.gif');
	border-right: 1px solid #888888;
	cursor: pointer;
	width: 11px;
	height: 11px;
}

div.xl-browser {
	width: 750px;
	height: 615px;
}

input.xl-browser-search {
	width: 241px;
	margin: 1px;
}

.xl-browser .xl-browser-search {
	padding:7px;
}

div.xl-browser-wrapper {
	width: 750px;
	height: 570px;
	padding-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	background-color: #FFFFFF;
}

table.xl-browser {
	border-spacing: 0px;
}

table.xl-browser>tbody>tr>td {
	padding: 0px;
	border-right: 1px solid #A5AEB2;
	vertical-align: top;
}

div.xl-browser-list-wrapper {
	width: 249px;
	height: 530px;
	border-top: 1px solid #A5AEB2;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #ECEEEF;
}

div.xl-browser-list-wrapper.wide {
	width: 499px;
}

table.xl-browser-list {
	width: 100%;
}

table.xl-browser-list thead td,table.xl-browser-list tfoot td {
	border-top: 1px solid #A5AEB2;
	background-color: #ECEEEF;
	text-align: center;
}

table.xl-browser-list td {
	width: 100%;
	height: 16px;
	padding: 7px;
	cursor: pointer;
	white-space: nowrap;
}

table.xl-browser-list tr.node div {
	font-weight: bold;
	color: #32434C;
}

table.xl-browser-list tr.node div span {
	font-weight: normal;
	color: black;
}

table.xl-browser-list tbody.withDescription td {
	height: 26px;
}

table.xl-browser-list tbody.withImageColumn td {
	height: 38px;
}

table.xl-browser-list td.icon,table.xl-browser-list td.image {
	width: 32px;
}

table.xl-browser-list td.image img { /* BUG #1283 */
	width: 32px;
	height: 32px;
}

table.xl-browser-list tfoot img {
	
}

table.xl-browser-list tfoot span {
	font-weight: normal;
	font-size: 9px;
	color: #000;
}

table.xl-browser-list tr.selected td {
	background-color: #0098CA !important;
}

table.xl-browser-list tr.selected td div {
	color: #FFFFFF;
}

div.xl-browser-next {
	/*
	background-image:url('../img/but-s-arrowright-a.png');
	
	width:16px;
	height:16px;
	margin:4px;
	
	float:right;
	*/
	
}

table.xl-browser-list td {
	text-align: left;
	background-color: #FFFFFF;
}

table.xl-browser-list tr.odd td {
	background-color: #ECEEEF;
}

/* */

/* z-index : extremely high indices to avoid overlapping from content definitions */
div.xw-ajax-loader {
	z-index: 700000;
}

div.xw-menu-context-bridge {
	z-index: 600001;
}

div.xw-menu-context {
	z-index: 600000;
}

.pc3sne {
	z-index: 100000;
}

.xl-stageview .xl-stageview-header,
.xl-backoffice .xw-header {
	z-index: 300001;
}

div.xw-menu-content {
	z-index: 300005;
}

.xw-contextmenu,
.xw-palette,
.xwe-e-tools-floating {
	z-index: 300020;
}

div.xl-window-background {
	z-index: 300010;
}

div.xl-window {
	z-index: 300020;
}

div.xwe-el-row-dragbar {
	z-index: 700000;
}

div.xwe-el-row-drag {
	z-index: 700001;
}

#xw .xwe-e-property-list {
	z-index: 0;
}

#xw .xwe-e-container-label.selected {
	z-index: 2;
}

#xw .xwe-e-container-label {
	z-index: 1;
}

#xw .xwe-e-formula {
	z-index: 3;
}
/* */

/* Author Editor */

.xwe-ae-childinput-wrapper {
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100000;
}

#xw .xw-nested .xw-prop {
	box-shadow: 0px 0px 500px 100px gray;
	-webkit-box-shadow: 0px 0px 500px 100px gray;
}

.xw-nested .elem {
	overflow-y: auto;
	max-height: calc(80vh - 200px);
	min-height: 400px;
}

.xw-nested .xw-prop table, .xw-nested .xw-prop tbody, .xw-nested .xw-prop tr, .xw-nested .xw-prop td, .xw-nested .xw-prop th {
	display: block;
	margin: 0 !important;
	border: 0 none !important;
	width: 100% !important;
	box-sizing: border-box;
}

#pc3Editor .xw-nested .bo td.subtitle-bo h2.default-bo {
	float: none;
}

.xw-nested .xw-prop th {
	border-top: 1px solid #9EA7AB !important;
}

/* Datepicker Start */
#xl .datepicker-bo {
	width: 100%;
	background-color: #FFFFFF;
	position: relative;
}

#xl .datepicker-bo input {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 25px;
	border: 1px solid #BAC3C7;
	padding-top: 2px 3px 0px 3px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right 3px;
	background-image: url('../img/backoffice-datepicker-icon-calender.png');
	position: relative;
	z-index: 10;
	padding:0 4px;
}

#xl .datepicker-bo .datepicker-popup-bo {
	position: relative;
	border: 1px solid #B9B9B9;
	-moz-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.5);
	margin-top: 2px;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
	z-index: 20;
}

#xl .datepicker-header,
#xl .datepicker-body {
	position: relative;
	z-index: 10;
}

#xl .datepicker-bo h4 {
	color: #424242;
	text-align: center;
	margin: 0;
}

#xl .datepicker-bo table {
	width: 208px;
	border-spacing: 2px;
	border-collapse: separate;
	position: relative;
	z-index: 100;
}

#xl .datepicker-bo .datepicker-header table {
	padding-top: 15px 10px 10px 10px;
}

#xl .datepicker-bo .navigation {
	height: 12px;
	padding: 0px;
	background-image: url('../img/backoffice-datepicker-iconset.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

#xl .datepicker-bo .year {
	width: 15px;
}

#xl .datepicker-bo .month {
	width: 8px;
}

#xl .datepicker-bo .year.backward {
	background-position: 0 0;
	padding-right: 5px;
}

#xl .datepicker-bo .year.backward.disabled {
	background-position: -61px 0;
}

#xl .datepicker-bo .year.forward {
	background-position: -446px 0;
}

#xl .datepicker-bo .year.forward.disabled {
	background-position: -385px 0;
}

#xl .datepicker-bo .month.backward {
	background-position: -127px 0;
}

#xl .datepicker-bo .month.backward.disabled {
	background-position: -191px 0;
}

#xl .datepicker-bo .month.forward {
	background-position: -320px 0;
	padding-right: 5px;
}

#xl .datepicker-bo .month.forward.disabled {
	background-position: -257px 0;
}

#xl .datepicker-bo .datepicker-body .day,
#xl .datepicker-bo .datepicker-body .weekday {
	text-align: center;
	line-height: 25px;
	width: 25px;
	height: 25px;
}

#xl .datepicker-bo .datepicker-body .day {
	border-width: 1px;
	border-color: #B9B9B9;
	border-style: solid;
}

#xl .datepicker-bo .datepicker-body .weekday {
	color: #424242;
}

#xl .datepicker-bo .day.selected {
	border-color: #424242;
	background-color: #424242;
}

#xl .datepicker-bo .day.selected span,
#xl .datepicker-bo .day.disabled span {
	color: #FFFFFF;
}

#xl .datepicker-bo .day.normal {
	cursor: pointer;
}

#xl .datepicker-bo .day.empty {
	border-color: #FFFFFF;
}

#xl .datepicker-bo .day.disabled {
	background-color: #B9B9B9;
}

#xl .datepicker-bo td {
	color: #424242;
}

#xl .datepicker-bo .day.today {
	background-color: #F2F2F2;
}

#xl .datepicker-bo .day.today.selected {
	border-color: #424242;
	background-color: #424242;
}

#xl .datepicker-bo .day.normal:hover {
	background-color: #F2F2F2;
}

/* Datepicker Backoffice-GUI Correction */

#xl .xw-table td.xw-value .xw-datepicker-time,
#xl .xw-table td.xw-value .xw-datepicker {
	display: inline-block;
}

#xl .xw-table td.xw-value .xw-datepicker-time {
	padding-left: 5px;
}

#xl .xw-table td.xw-value .xw-datepicker-time * {
	display:inline-block !important;
}

#xl .xw-table td.xw-value .xw-datepicker-time input.xw-small {
	width: 30px;
	min-width:30px;
}

#xl .xw-table td.xw-value .xw-datepicker-to {
	padding-left:10px;
}

/* Sitestructure / Linklist */
#xl select.xw-linklist {
	width: 400px;
}

#xl select.xw-linklist option,
#xl select.xw-linklist optgroup {
	font-weight: normal;
	font-style: normal;
	color: #000000;
}

#xl select.xw-linklist optgroup {
	margin-bottom: 2px;
	padding-left: 3px;
}

#xl select.xw-linklist optgroup option {
	color: #8F8F8F;
}

#xl select.xw-linklist optgroup.selected {
	font-weight: bold;
	margin-bottom: 20px;
}

#xl select.xw-linklist .selected {
	color: #000000;
}
/* */

@media screen and (max-width: 700px) {
	#xw {
		box-sizing: border-box;
		margin-left: 3%;
		margin-right: 3%;
		padding: 0;
		width: 94%;
		min-width: auto;
	}
	
	#xw .xw-prop {
		box-sizing: border-box;
	}
	
	#xl .xw-table td.xw-label {
		width: 30%;
		white-space: normal;
	}
	
	#xl .xw-table td.xw-value {
		width: 70%;
		min-width: auto;
	}
}

/* imgsnp */

.imgsnp-control {
	display: flex;
	max-width: 1000px;
	margin: auto;
}

.imgsnp-c-scale,
.imgsnp-c-behaviour {
	display: flex;
}

.imgsnp-cb {
	display: block;
	flex: 1;
	padding: 5px 10px;
	margin: 5px;
	border-radius: 4px;
	background-color: #32434C;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
}

.imgsnp-cb.active {
	background-color: #0098CA;
}

.xwe-imgsnp {
	--frame-size: 10px;
	--negative-frame-size: -10px;
	
	--pink: #CC1880; 
}

.imgsnp-view {
	height: calc(100vh - 400px);
	overflow-y: scroll;
	background-color: rgba(0,0,0,0.6);
	position:relative;
	overflow: hidden;
	
    -webkit-user-select: none;
    -ms-user-select: none;
	user-select: none;
}

.imgsnp-img {
	visibility: hidden;
	display: block;
	
	width: 100%;
	height: auto;
	box-sizing: border-box;
	pointer-events: none;
}

.imgsnp-frame {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	box-shadow: 0 0 0 2000px rgba(0,0,0,0.6);
	
	border: 1px solid gray;
	background-repeat: no-repeat;
	background-position: center; 
}

.imgsnp-resize {
	display:none;
	position: absolute;
	left: 0;
	top: 0;
	width: var(--frame-size);
	height: var(--frame-size);
	border-width: 1px;
	border-color: var(--pink);
	margin: var(--negative-frame-size);
	box-sizing: content-box;
}

.imgsnp-resize.locked {
	border-color: gray;
	cursor: default;
}

.imgsnp-resize-right:before,
.imgsnp-resize-bottom:before,
.imgsnp-resize-corner {
	display: none;
	width: var(--frame-size);
	height: var(--frame-size);
	background-color: transparent;
	border: 1px solid var(--pink);
	box-sizing: border-box;
	background-color: var(--pink);
}

.imgsnp-resize-right:before,
.imgsnp-resize-bottom:before {
	content: '';
	display: block;
	position: absolute;
}

.imgsnp-resize-bottom.locked:before,
.imgsnp-resize-right.locked:before {
	display: none;
}

.imgsnp-resize-right:before {
	top: 50%;
	transform: translate(0, -50%);
}

.imgsnp-resize-bottom:before {
	left: 50%;
	transform: translate(-50%,0);
}

.imgsnp-resize-top-left {
	cursor: nw-resize;
	margin: -var(--frame-size);
	/* transform: translate(50%, 50%); */
}

.imgsnp-resize-top-right {
	cursor: ne-resize;
	right: 0;
	left: auto;
	margin: -var(--frame-size);
	/* transform: translate(-50%, 50%); */
}

.imgsnp-resize-bottom-right {
	cursor: se-resize;
	right: 0;
	left: auto;
	bottom: 0;
	top: auto;
	margin: -var(--frame-size);
	/* transform: translate(-50%, -50%); */	
}

.imgsnp-resize-bottom-left {
	margin: -var(--frame-size);
	cursor: sw-resize;
	bottom: 0;
	top: auto;
	/* transform: translate(50%, -50%); */
}

.imgsnp-resize-top {
	left: var(--frame-size);
	width: 100%;
	border-bottom-style: solid;
	cursor: n-resize;
	top: -1px;
}

.imgsnp-resize-bottom {
	left: var(--frame-size);
	width: 100%;
	border-top-style: solid;
	bottom: 0;
	top: auto;
	cursor: s-resize;
}

.imgsnp-resize-left {
	top: var(--frame-size);
	height: 100%;
	border-right-style: solid;
	cursor: w-resize;
}

.imgsnp-resize-right {
	top: var(--frame-size);
	height: 100%;
	border-left-style: solid;
	right: 0;
	left: auto;
	cursor: e-resize;
}

.imgsnp-input {
	margin: 0;
	padding: 2px 20px 2px 10px;
	position: absolute;
	background-color: white;
	border: 1px solid var(--pink);
}

.imgsnp-input input {
	text-align: right;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

.imgsnp-c-behaviour {
	width: 100%;
}

.imgsnp-c-scale {
	width: 130px;
}

.imgsnp-c-scale .imgsnp-cs {
	border-radius: 4px;
    min-width: 26px;
	cursor: pointer;
	margin: 5px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    font-size: 0;
    box-sizing: border-box;
    background-position: center;
    background-color: #FFF;
    border: 1px solid #9EA7AB;
}

.imgsnp-c-scale .imgsnp-cs-up  {
    background-image: url('../img/but-l-zoomin-a.png');
}

.imgsnp-c-scale .imgsnp-cs-down  {
    background-image: url('../img/but-l-zoomout-a.png');
}

.imgsnp-cs-input {
	width: 100px;
	margin: 5px 0;
	position: relative;
}

.imgsnp-cs-input .imgsnp-input {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	border-radius: 3px;
}

.imgsnp-cs-input .imgsnp-input::after {
	line-height: 22px;
}

.imgsnp-input.disabled {
	border-color: gray;
	background-color: lightgray;
}

.imgsnp-input-pixel::after {
	content: 'px';
}

.imgsnp-input-perc::after {
	content: '%';
}

.imgsnp-input::after {
    display: inline-block;
    position: absolute;
    right: 4px;
    line-height: 18px;
    font-size: 12px;
}

.imgsnp-resize .imgsnp-input {
	display: none;	
	line-height: 15px;
	font-size: 11px;
	width: 40px;
}

.imgsnp-resize-top .imgsnp-input {
	top: -25px;
	left: 50%;
}

.imgsnp-resize-top .imgsnp-input-perc {
	transform: translateX(calc(-50% + 40px ));
}

.imgsnp-resize-top .imgsnp-input-pixel {
	transform: translateX(calc(-50% - 40px));
}

.imgsnp-resize-left .imgsnp-input {
	top: 50%;
	right: 10px;
}

.imgsnp-resize-left .imgsnp-input-pixel {
	transform: translateY( -25px );
}

.imgsnp-resize-left .imgsnp-input-perc {
	
}

.imgsnp-geometry {
	position: absolute;
	width: 100%;
	top: 0px;
	border: 1px solid var(--pink);
	background-color: white;
	z-index: 10;
	display: none;
}

.imgsnp-vb-fitAndCrop .imgsnp-img-fit {
	display:block;
	width: auto;
	height: 100%;
	object-fit: none;
}

.imgsnp-vb-fitAndCrop .imgsnp-frame {
	background-size: cover; 
}

.imgsnp-vb-fitProportional .imgsnp-frame {
	background-size: contain; 
}

.imgsnp-vb-manualProportional .imgsnp-img {
	visibility:visible;
}

.imgsnp-vb-manualProportional .imgsnp-frame {
	border: 0 none;
	background-image: none !important;
}
.imgsnp-vb-manualProportional .imgsnp-resize,
.imgsnp-vb-manualProportional .imgsnp-input,
.imgsnp-vb-manualProportional .imgsnp-resize {
	display: block;
}

.imgsnp-resize-corner.locked {
	display: none;
}