/* CSS rules here are used to change styling of the xeditor component as this file is usually included where the xeditor component is initialized */
.xe-selected-ribbon {background-color: #8e8e8e !important;}

/* NOTIFICATIONS*/
.xe-notification .x-tool-close:before {color: #676767; position: absolute; top: 5px; right: 7px;}

.xe-notification {display: flex; align-items: center; box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1); background-color: white !important; color: black; border: 1px solid #dbdbdb; border-left: 0; position: relative; overflow: visible;}
.xe-notification:before {content: ""; border-left: 4px solid grey; position: absolute; display: block; padding: 1px 0; top: -1px; bottom: -1px; }
.xe-notification-info:before {border-left-color: #36aae4;}
.xe-notification-warn:before {border-left-color: #f3b81c;}
.xe-notification-error:before {border-left-color: #de422b;}

.xe-notification.align-tr {right: 200px}

.xe-notification .xe-notification-header {font-size: 16px; margin-bottom: 6px; font-weight: 500;}
.xe-notification .xe-notification-body {word-break: break-word;}
.xe-notification .xe-notification-body .pre {font-family: monospace;background: #eee;display: inline-block;padding: 0 3px;border-radius: 2px;}

/* STATUS BAR */
.xe-statusbar {background-color: #676767;}
.xe-statusbar * {color: white;}

/* .xe-statusbar-close {font-family: FontAwesome; color: white;} */
/* .xe-statusbar-close:before {content: '\f00d';} */

.xe-listinsertelementspanel-subpanel > .x-panel-header .x-title-item {font-weight:bold; cursor:pointer;}
.xe-navigation-breadcrumb {padding: 0px 12px;}

.xe-navigation-breadcrumb .xe-item {float: left;padding: 4px;background-color: #f2f2f2;margin: 4px 8px; color: #676767; position: relative;}
.xe-navigation-breadcrumb .xe-item:hover {cursor: pointer; background-color: #e9e9e9;}
.xe-navigation-breadcrumb *[data-active='true'].xe-item  {background: #008db2; color: #f2f2f2}
.xe-navigation-breadcrumb *[data-active='true'].xe-item:hover {background-color: #007c9b; color: #f2f2f2}

.xe-navigation-breadcrumb .xe-item .xe-breadcrumb-before {background-image: url('../img/editor/navigationItem-before.svg');background-repeat: no-repeat;position: absolute;top: 0;height: 100%;width: 10px;left: -9px; background-size: 10px;}
.xe-navigation-breadcrumb .xe-item .xe-breadcrumb-after {background-image: url('../img/editor/navigationItem-after.svg');background-repeat: no-repeat;position: absolute;top: 0;height: 100%;width: 10px;right: -10px; background-size: 10px;}
.xe-navigation-breadcrumb .xe-item:hover .xe-breadcrumb-before {background-image: url('../img/editor/navigationItem-before-hover.svg')}
.xe-navigation-breadcrumb .xe-item:hover .xe-breadcrumb-after {background-image: url('../img/editor/navigationItem-after-hover.svg')}

.xe-navigation-breadcrumb *[data-active='true'].xe-item .xe-breadcrumb-before {background-image: url('../img/editor/navigationItem-before-active.svg')}
.xe-navigation-breadcrumb *[data-active='true'].xe-item .xe-breadcrumb-after {background-image: url('../img/editor/navigationItem-after-active.svg')}
.xe-navigation-breadcrumb *[data-active='true'].xe-item:hover .xe-breadcrumb-before {background-image: url('../img/editor/navigationItem-before-active-hover.svg')}
.xe-navigation-breadcrumb *[data-active='true'].xe-item:hover .xe-breadcrumb-after {background-image: url('../img/editor/navigationItem-after-active-hover.svg')}


.xe-notification-history-item > .xe-notification-header { font-weight: bold; }

.xe-notification-history-item {color: #676767; border-bottom: 1px solid #e0e0e0; border-left: 5px solid grey;}

.xe-notification-history-item.xe-notification-info {border-left-color: #36aae4;}
.xe-notification-history-item.xe-notification-warn {border-left-color: #f3b81c;}
.xe-notification-history-item.xe-notification-error {border-left-color: #de422b;}

.xe-notification-history-item > .actions .button {display: inline; padding: 3px; }


.xe-notification-history-item[data-expanded="false"] {height: 35px; display: flex; flex: 3; flex-direction: row; align-items: center;  padding: 0 4px;}

.xe-notification-history-item[data-expanded="false"].x-item-over,
.xe-notification-history-item[data-expanded="false"].x-item-selected {background-color: #eaeaea;}
.xe-notification-history-item[data-expanded="false"] > * { display: inline-block;  padding: 0 2px; }

.xe-notification-history-item[data-expanded="false"] > .xe-notification-header,
.xe-notification-history-item[data-expanded="false"] > .xe-notification-body { overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.xe-notification-history-item[data-expanded="false"] > .xe-notification-body { flex: 2 0px; }

.xe-notification-history-item[data-expanded="false"] > .actions { display: none; }
.xe-notification-history-item[data-expanded="false"].x-item-selected > .actions,
.xe-notification-history-item[data-expanded="false"].x-item-over > .actions { display: inline-block;}

.xe-notification-history-item[data-expanded="false"] > .actions .button.collapse {display: none;}


.xe-notification-history-item[data-expanded="true"] > .actions .button.expand {display: none;}


.xe-notification-history-item[data-expanded="true"] {display: flex;  flex-wrap: wrap;  padding: 9px 6px;}

.xe-notification-history-item[data-expanded="true"] > .xe-notification-header { order: 1; flex: 1}
.xe-notification-history-item[data-expanded="true"] > .xe-notification-body { order: 3; flex: 2 ;  flex-direction: column; flex-basis: 100%; padding-top: 2px;}
.xe-notification-history-item[data-expanded="true"] > .actions { order: 2; flex: 0}

.xe-notification-history .xe-notification-history-empty-item {
	color: #676767;
	height: 35px;
	padding: 0 6px;
	line-height: 35px;
	font-size: 14px;
}/* Generated by Glyphter (http://www.glyphter.com) on  Wed Oct 17 2018*/
@font-face {
	font-family: 'xeditor font';
	src: url('../fonts/xeditor-font.eot');
	src: url('../fonts/xeditor-font.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/xeditor-font.woff') format('woff'),
			 url('../fonts/xeditor-font.ttf') format('truetype'),
			 url('../fonts/xeditor-font.svg#xeditor-font') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class*='xe-icon-']:before{
display: inline-block;
 font-family: 'xeditor font';
 font-style: normal;
 font-weight: normal;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}
.xe-icon-case_sensitive:before{content:'\0041';}
.xe-icon-match_word:before{content:'\0042';}
.xe-icon-regexp:before{content:'\0043';}
.xe-icon-replace:before{content:'\0044';}
.xe-icon-replace_all:before{content:'\0045';}

/* FONT END */

.xe-itemcombobox {
	border: 1px solid #dbdbdb;
	padding: 0 3px 0 0;
	background-color: #fff !important;
}

.xe-itemcombobox .x-form-text-default {
	padding-right: 1px;
	text-overflow: ellipsis;
}

.xe-itemcombobox .x-form-trigger-wrap-default {
	border: initial;
}

.xe-itemcombobox .x-btn {
	border: none;
	background-image: unset;
	background-color: none;

	padding: 2px;
	margin: 4px 1px 4px 1px;
}

.xe-itemcombobox .x-btn-over.x-btn-pressed .x-btn-icon > .x-btn-icon-el,
.xe-itemcombobox .x-btn-pressed .x-btn-icon > .x-btn-icon-el {
	color: #0e9dc5;
}

.xe-itemcombobox .x-btn-over .x-btn-icon > .x-btn-icon-el {
	color: #979797;
}

.xe-itemcombobox .x-btn {
	border: none;
}

.xe-itemcombobox .x-btn-icon-el {
	font-size: 16px !important;
	height: 16px;
	line-height: 16px;
	width: 16px;
}

.xe-itemcombobox .x-panel-body-default {
	background-color: #fff !important;
}


.xe-searchbox {
	padding: 3px 0;
	background-color: #f2f2f2;
}

.xe-searchbox .xe-searchbox-secondary,
.xe-searchbox .xe-searchbox-main {
	padding: 2px;
	padding-left: 6px;
}

.xe-searchbox .x-window-body-default,
.xe-searchbox .x-panel-body-default {
	background-color: #f2f2f2;
}

.xe-searchbox .x-btn.xe-btn-icon-large {
	padding: 3px;
}

.xe-searchbox .x-btn.xe-btn-icon-large .x-btn-icon-el {
	font-size: 18px !important;
	height: 18px;
	line-height: 18px;
	width: 18px;
}

.xe-searchbox .x-btn {
	border: none;
	background-image: unset;
	background-color: unset;
}

.xe-searchbox .xe-expandbtn {
	padding-right: 0
}

.xe-searchbox .x-btn-over .x-btn-icon > .x-btn-icon-el {
	color: #979797;
}

/* Element Search */

.xe-searchresult {
	border: 1px dashed #119bc0  !important;
}

.xe-searchresult-selected {
	border: 1px solid #119bc0  !important;
	background-color: #e4f9ff;
}

.x-form-type-checkbox {
	margin-bottom: 0px;
}.xe-xmlview-textelement,
.xe-xmlview-textelement .xe-xmlview-node-text {display: inline;}
.xe-xmlview-tag-children {padding-left: 15px;}
/*
 * custom file to change the appearance of the outer editor wrapper - gets included in index.jsp
 * for changing the theme etc.
 */
.custom-accordian-delete-button{
     float: right;
     width: auto !important;
 }
.label-custom-accordian-delete-button{
     float: left;
     width: auto !important;
    margin-top: 5px !important;
    margin-left: 5px !important;
    font-weight: bold !important;
    color: #676767;
    font: 400 13px/15px 'Roboto', sans-serif;
 }
.xe-ct-commit.fa-check {display:none !important;} /* APSS-315 - Delete comments */
.x-menu-item-icon.fa-undo:before, .x-menu-item-icon.fa-trash:before  {content:"\f00d"} /* APSS-579 - Consistent context menu icons for delete comment/change... */
.x-progress .x-progress-text {display: none; } /* APSS-757 - % in upload attachments not really % but timer */

.full-screen-icon{
	 height:20px;
	 width:20px;
	 background-image: url('../img/icons/SVG/full-screen.svg') !important;
	 background-repeat: no-repeat; 
}
 
.full-screen-icon:hover{
	opacity:0.3;
	background-color:unset;
}
.x-docked-bottom {
    border-top-width: 0 !important;
    background-color: #676767!important;
}
#loadingContainer {display: none; text-align: center; position: absolute; top: 7em; left: 20em; }

body>.x-mask {
	background-color: rgba(0, 0, 0, 0.25);
}

.xe-about-link {
	display: none;
}

.x-window-body {
	padding: 3px 13px 3px 13px;
}

#messageConsole {
	color: white;
	position: relative;
	top: 2px;
	margin-left: 20px;
}

.xe-toolbar-tabpanel .x-panel-body.x-panel-body-default.x-panel-body-default.x-docked-noborder-right.x-docked-noborder-bottom.x-docked-noborder-left {
	height: 0px !important;
}

.x-tab-bar-horizontal>.x-tab-bar-body-default {
	min-height: 0px;
}

.x-tab-bar-default-top>.x-tab-bar-body-default {
	padding: 0px !important;
}

.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
	color: black;
}

.x-tab.x-tab-active.x-tab-default {
	color: black;
	background-color: #f2f2f2;
	border: 1px solid #c7c7c7;
}

.x-tab-over.x-tab-default {
	border: 1px solid #c7c7c7;
}

.x-horizontal-box-overflow-body {
	top: -45px !important;
}

.xe-toolbar {
	border-width: 1px /* !important */;
	border-top: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
	padding-left: 0px;
}

.x-abs-layout-ct {
	background-size: 261px !important;
	background: url("../../custom/img/acs/logo.png") no-repeat 25px 10px #fff;
	z-index: 1000;
	height: 73px !important;
}

.xe-characterpicker-dialog-grid td[label="Single Bond"] div {
	font-size: 17pt !important;
}

.xe-characterpicker-dialog-grid td[label="Double Bond"] div {
	font-size: 17pt !important;
}

.xe-characterpicker-dialog-grid td[label="Triple Bond"] div {
	font-size: 18pt !important;
}

.xe-characterpicker-dialog-code .unicode {
	font-size: 8pt !important;
}

.xe-characterpicker-dialog-picker .x-tool-maximize {
	display: none !important;
}

.xe-characterpicker-dialog-picker .x-box-target div:nth-child(2) {
	display: none !important;
}


/* Remove maximize button due to bug (can't view tabbed characters) */

.xe-dialog-findreplace div.x-box-inner div.x-box-target a.x-btn-default-small {
	padding: 3px 3px 3px 3px;
}

.xe-dialog-findreplace div.x-toolbar-footer {
	padding: 14px 3px 14px 6px;
}

.xe-dialog-findreplace div.x-box-inner div.x-box-target a {
	min-width: auto !important;
	width: auto !important;
}

.xe-dialog-findreplace div.x-box-inner div.x-box-target a:nth-child(1) {
	left: 1px !important;
}

.xe-dialog-findreplace div.x-box-inner div.x-box-target a:nth-child(2) {
	left: 65px !important;
}

.xe-dialog-findreplace div.x-box-inner div.x-box-target a:nth-child(3) {
	left: 135px !important;
}

.xe-dialog-findreplace div.x-box-inner div.x-box-target a:nth-child(4) {
	/* Replace all remove */
	/*	display: none; */
	left: 255px !important;
}

.x-message-box .x-window-item.x-progress {
	padding: 0px !important;
}


/* Progress bar for attachments */

.author-query-checkbox {
	vertical-align: top;
}


/* Thank you popup styles; copied from APRS */

.modalContainer-thank {
	z-index: 750;
}

.modal {
	background-color: white;
	border: 1px solid white;
	position: relative;
	z-index: 1000;
	width: 100%;
	min-width: 406px;
	height: auto;
	padding: 0px;
	font-size: 14px;
}

.modalTop {
	width: 100%;
	background-color: #4a7ab3;
	background-image: -moz-linear-gradient(center top, #4a7ab3, #4a7ab3);
	border-radius: 0.35em 0.35em 0 0;
	padding: 10px 0px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}

.modalBody {
	padding: 0px 45px 0% 45px;
}

.modal .modalBody {
	padding: 0px 45px 0% 45px;
}

ul.ullistthnkyou {
	padding: 1% 0 0% 33px;
	*padding: 1% 0 0% 0px;
}

.btnokgrey {
	background: #f5f5f5;
	border: 1px solid #d8d8d8;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	color: #333333 !important;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 28px !important;
	margin: 0px 0 0px 1%;
	*margin: 0px 0 3% 1%;
	width: auto !important;
	text-align: center;
	padding: 0px 5px;
	font-family: 'Arial', Helvetica, sans-serif !important;
	*filter: chroma(color=#000000);
	*color: #010101;
	outline: 0;
	ie-dummy: expression(this.hideFocus=true);
}


/* Confirmation popup styles, copied from APRS */

.email-input {
	float: left;
	font-size: 12px;
	width: 67%;
	border: 1px solid #d3d3d3;
	padding: 5px;
	color: #999999;
}

.errormessages-email {
	float: left;
	*float: right;
	position: relative;
	top: -23px;
	left: 0px;
	margin: 0 0 0 73%;
	*left: 0px;
	*margin: 0 0 0 123%;
	color: #ff0000;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	display: block;
	height: 0px;
	padding: 0px 0px;
	width: 40%;
	*width: 40%;
}

.confirmbtngrey {
	width: auto;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 0;
	background: #f5f5f5;
	border: 1px solid #d8d8d8;
	border-radius: 0.2em 0.2em 0.2em 0.2em;
	color: #333333 !important;
	height: 28px;
	padding: 0px 5px;
	cursor: pointer;
	*filter: chroma(color=#000000);
	*color: #010101;
	outline: 0;
	ie-dummy: expression(this.hideFocus=true);
}

.cancel {
	position: absolute;
	top: 0px;
	height: 28px;
	background: none;
	border: none;
	text-decoration: none;
	margin: 0px 0 0 0;
	color: #3d79bd;
	font-family: 'Arial', Helvetica, sans-serif !important;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	outline: 0;
	ie-dummy: expression(this.hideFocus=true);
}

.btnspanel-group {
	position: relative;
	width: 100%;
	top: 0%;
	*top: 0%;
	margin: 15px 0 0 0px;
	*margin: 15px 0 0 0px;
	position: relative;
	height: 30px;
	padding-left: 218px;
}

.btnconfirm {
	float: left;
	width: 70px;
	margin: 0;
	height: 28px;
	*margin: 0px 30% 0 0%;
	outline: 0;
	ie-dummy: expression(this.hideFocus=true);
}

.btnreturn {
	left: 0%;
	margin: 0px 0 0 20%;
	position: relative;
	top: 0%;
	width: 149px;
}