@import url('/mq/worms/client/resources/css/custom-fonts.css');

/**
 * triton-theme.css
 */

:root {
	--main-red-color: #cf4c35;
}

.main-menu {
	color: #006699 !important;
	background-color: white !important;
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
		sans-serif !important;
	font-size: 14px !important;
}

.menubar-item-menu .menu-icon, .orphan .menu-icon {
	bottom: 2px;
} 

.menu-icon {
	font-size: 17px;
	line-height: 17px !important;
	margin-right: 10px !important;
}

.menu-icon-chooser-ico {
    display: flex;
    font-size: 20px;
    color: #262B31;
    height: 32px;
    width: 20px;
    align-items: center;
    float: left;
    margin-right: 10px;
}

.register-icon-chooser-ico {
	display: flex;
    font-size: 40px;
    color: #262B31;
    width: 100%;
    align-items: center;
}

.register-icon-chooser-wrapper {
	display: flex;
    align-items: center;
}

div.menu-icon-wrapper {
	width: 30px;
	float: left;
	display: flex;
	height: 40px;
	align-items: center;
}

div.menu-icon-wrapper img {
	width: 20px;
	padding-right: 10px;
}


/* --- */
body#protecht {
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
		sans-serif !important;
	color: #262B31;
}

.checkbox-list-view-label {
	font-size: 14px;
}

.protecht-object-grid-deleted td {
	color: #7A7A7A;
}

.protecht-object-grid-deleted-register td {
	color: RED;
}

.protecht-object-grid-disabled td {
	color: orange;
}

.protecht-updown-label {
	text-align: center;
	padding-top: 8px !important;
	padding-left: 5px !important;
}

.row-action-toolbar {
	margin-left: 10px;
	margin-right: 10px;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	padding: 0px !important;
	height: 41px !important;
}

.row-action-toolbar i {
	font-size: 16px !important;
}


.widget-header {
	font-size: 22px;
	font-weight: bold;
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
		sans-serif !important;
}

.entry-header {
	font-size: 20px;
	font-weight: bold;
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
		sans-serif !important;
}

#main-application-panel {
	background-color: #F7F7F7 !important;
}

.main-header-toolbar {
	font-size: 20px;
    padding: 0px 15px 0px 15px !important;
    background: white;
}

.register-top-toolbar {
}

.register-top-toolbar.collapsed {
	background-color: #F7F7F7;
    border-radius: 2px;
}

.register-top-toolbar-heading {
    color: #262B31;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    padding-left: 10px;
    cursor: pointer;
	height: 32px;
}

.register-bottom-toolbar {
	border-radius: 0px 0px 2px 2px;
	border-left: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
}

#center-container-widget {
	
}

#custom-filter-panel {
	background-color: white !important;
}

#custom-filter-panel>div {
	border: 1px solid #F2F2F2 !important;
}

#table-center-container {
	border: 1px solid #F2F2F2;
}

.protecht-tag-filter {
	border-bottom: 1px solid #F2F2F2 !important;
}

.tag-filter-header {
	font-size: 16px;
	font-weight: bold;
	color: #262B31;
}

.tag-filter-match {
	font-size: 13px;
	color: #262B31;
}

.table-bottom-paging {
	padding: 0px !important;
}

.column-filter-image {
	top: 9px;
	position: relative;
}

.column-filter-icon:before {
	content: "\f0b0";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	margin-right: 3px;
}

.kri-row-editor-content-label {
	color: #7A7A7A !important;
	font-size: 12px !important;
	font-weight: bold !important;
}

.kri-row-editor-content {
	color: #262B31;
	font-size: 14px;
	line-height: 24px;
}

.tags-panel {
	align-items: center !important;
}

.tags-item {
	background-color: #57A1E0;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
	border-radius: 16px;
	padding: 6px 16px 6px 16px;
}

.xtriton-id-label {
	font-size: 12px;
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
		sans-serif;
	color: #7A7A7A !important;
	padding: 8px 10px 9px 10px !important;
	font-weight: 400;
	line-height: 30px;
}

.infoview-label {
	font-size: 12px;
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana,
		sans-serif;
	color: #7A7A7A !important;
	font-weight: 400;
}

.protecht-worklog-text {
	background-color: #FFFFFF;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	overflow: auto;
	border: 1px solid #DCDCDC;
	border-radius: 4px;
	box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.1);
}

#center-panel {
	background-color: #F7F7F7;
}

#user-entry-center-panel, #user-entry-filter-panel {
	border: 1px solid #F2F2F2;
}

#center-container {
	background-color: white;
}

#inner-container {
	border-radius: 2px;	
	background-color: #FFFFFF;	
}

.entry-form-header {
	color: #262B31;	
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;	
	font-size: 16px;	
	font-weight: 600;	
	line-height: 22px;	
}

.entry-confirm-field input[type="checkbox"] ~ label {
	color: #A2A7AA !important;
	font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 30px !important;
	padding-right: 0px !important;
}

.entry-confirm-field input[type="checkbox"] + span {
	font-size: 12px;
	margin: 0px !important;
	line-height: 30px !important;
	vertical-align: initial !important;
}

.entry-confirm-field {
    position: absolute !important;
}

.scale-hint-icon {
	color: #a2a7aa;
	font-size: 15px;
	display: inline;
	margin-left: 15px;
	cursor: pointer;
}

.intelligent-label {
	display: inline;
	margin-left: 15px;
}

.status-selector-label {
	font-weight: 600;
	color: #262B31;
}

.checkbox-list-view-shadow {
	border: 1px #F2F2F2 solid;
	border-radius: 2px;
	box-shadow: 1px 4px 8px 0 rgba(0,0,0,0.2);
}

.viewMenuItemBold span
{
	font-weight: bold;
}

.viewMenuCreateNew span {
	font-weight: 600;
}

.iconDefaultViewColor {
	color: #A2A7AA;
}

.iconFontSize16 {
	font-size: 16px;
}

.iconFontSize14 {
	font-size: 14px;
}

.iconFontSize12 {
	font-size: 12px;
}

.iconFontSize11 {
	font-size: 11px;
}

.tfield-space-minimal {
	padding-bottom: 4px !important;
}

.tfield-space-minimal > div {
	margin-top: 2px! important;
}

.tfield-space-small {
	padding-bottom: 8px !important;
}

.tfield-space-small > div {
	margin-top: 4px! important;
}

.tfield-space-medium {
	padding-bottom: 12px !important;
}

.tfield-space-medium > div {
	margin-top: 6px! important;
}

.tfield-space-large {
	padding-bottom: 16px !important;
}

.tfield-space-large > div {
	margin-top: 8px! important;
}

.detailsInfoT {
	margin: 5px;
}

.detailsInfoT .ditem {
	padding-bottom: 16px;
}

.detailsInfoT .ditem .dlabel {
	font-size: 12px;
	font-weight: bold;
	color: #7A7A7A;
}

.detailsInfoT .ditem .dvalue {
	font-size: 14px;
	font-weight: normal;
	padding-top: 4px;
	line-height: 20px;
}

/* Default color for field placeholders - aka emtpy txt */
::-webkit-input-placeholder { /* WebKit/Chrome/Safari */
   color: #DCDCDC;
}

:-moz-placeholder { /* Firefox 18- */
   color: #DCDCDC;
}

::-moz-placeholder { /* Firefox 19+ */
   color: #DCDCDC;
}

:-ms-input-placeholder { /* IE that supports placeholder */
   color: #DCDCDC;
}

.dark-color-placeholder::-webkit-input-placeholder {
	color: #999999;
}

.dark-color-placeholder:-moz-placeholder {
	color: #999999;
}

.dark-color-placeholder::-moz-placeholder{
	color: #999999;
}

.dark-color-placeholder:-ms-input-placeholder {
   color: #999999 !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* width */
	::-webkit-scrollbar {
		width: 16px;
		height: 16px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
		border: 4px solid rgba(0, 0, 0, 0);
		border-radius: 8px;
		background-color: #C8C8C8;
		background-clip: padding-box;
		min-height: 16px;
		min-width: 16px;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		border: 4px solid rgba(0, 0, 0, 0);
		border-radius: 8px;
		background-color: #888;
		background-clip: padding-box;
	}

	/* Buttons */
	::-webkit-scrollbar-button {
		width: 0;
		height: 0;
		display: none;
	}
}

.states-moreButton {
	margin-left: 8px !important;
}

/* Loading spin animation*/
@-moz-keyframes loading_spin { 100% { -moz-transform: rotateY(360deg); } }
@-webkit-keyframes loading_spin { 100% { -webkit-transform: rotateY(360deg); } }
@keyframes loading_spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } 


.invalidIndicator {
	margin-top: 4px !important;
	color: #cf4c35;
	float: none;
	font-size: 11px !important;
}

.statusSelector-font #statusSelector-input {
	font-size: 12px !important;
}

.context-menu-item i.fa-trash-alt {
	color: #cf4c35;
}

.adjustForErrorSupport {
	margin-bottom: 19px;
}

i.errorIcon {
	color: var(--main-red-color);
	
	font-weight: 400;
    font-family: "Font Awesome 5 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

i.errorIcon::before {
	content: "\f06a";
}

i.protecht-mask-icon {
	position: absolute;
    top: 8px;
    left: 50%;
    font-size: 16px;
    transform: translateX(-50%);
}

.absolutePositionErrorSupport {
		position: absolute;
}

.triton-invalid-field {
	border: #cf4c35 solid 1px !important;
	border-radius: 2px;
}

.triton-invalid-field-label{
	color: #cf4c35 !important;
}

.kri-prev-values-header-icon {
	margin-left: 5px;
	line-height: 20px !important;
}

.protecht-task-type {
	color: #f7f7f7;
    padding: 3px;
    border-radius: 3px;
    font-size: 10px;
}	

.taskicon {
	font-size: 15px;
}

.duenow {
	color: #F8B42D;
}

.overdue {
	color: #DB2023;
}
.filterpanel-listview * {
	font-size: 12px !important;
}

.filterpanel-listview span {
	vertical-align: text-top !important;
}

.user-role-list-view {
	display:flex; 
	align-items:center;
	justify-content:space-between;
	padding: 0px 5px;
}

/**
 * erm.css
 */
 
/**
 * Shared CSS across WORMS for example font size, colour...etc
 */
.redFont {
	color: red;
}

.bold-font {
	font-weight: bold;
}
.italic-font {
	font-style: italic;
}
.list-splitter{
	border-top: 1px solid #dadada;
	margin-top: 2px;
	margin-bottom: 2px;
}
textarea {
	white-space: pre-wrap;
}

/**
 * header.css
 */
#pageHeader {
	margin-bottom: 2px;

	height: 46px;
}

#pageHeader H1 {
	margin-top: 6px;
	float: left;
	width: 511px;
	height: 25px;
}

#pageHeader h1 a img { 
	max-height: 25px;
}

#pageHeader H1 SPAN {
	display: none;
}

#pageHeader H2 {
	margin-top: 6px;
	background: url(../style/logo_right.svg) no-repeat;
	float: right;
	margin-right: 0px;
	width: 100px;
	height: 25px;
	max-height: 25px;
	margin-right: 10px;
}

#pageHeader H2 SPAN {
	display: none;
}

/**
 * main.css
 */
/* Loading div, pre-ext loading */
#content {
	border: 0 none !important;
	display: block;
	padding: 0;
	height: 100%;
	min-height: 100%;
}

@keyframes loaderxx {

	0% {
		width: 0%;
	}

	20% {
		width: 10%;
	}

	25% {
		width: 24%;
	}

	43% {
		width: 41%;
	}

	56% {
		width: 50%;
	}

	66% {
		width: 52%;
	}

	71% {
		width: 60%;
	}

	75% {
		width: 76%;

	}

	94% {
		width: 86%;
	}

	100% {
		width: 100%;
	}

}
div#bar {
	background: rgba(0, 0, 0, 0.05);
	width:100%;
	position: relative;
}

div#progress {
	animation: loaderxx 8s ease infinite;
	background: #C4DBFF;
	color: #fff;
	padding: 5px;
	width: 0;
}

div#progress-bar {
	border-radius: 60px;
	overflow: hidden;
	width: 100%;
}

div#progress-bar-container{
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	width: 450px;
	text-align: center;
	z-index: -9999;
}

div#loading {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	width: 450px;
	text-align: center;
}

div.loadingSpinner
{
	background-image: url(../client/worms/images/gxt/shared/large-loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	padding-top: 80px;
	color: #A0A0A0;
	height: 200px;
	width: 100%;
}

#loading.small
{
	height: auto;
}

/* simple login */
.field {
	background-color: #C3D3DD;
	display: block;
	margin: 6px;
	padding: 6px;
	height: auto
}

.label {
	padding-top: 4px;
	width: 34%;
	float: left
}

.data {
	margin-left: 35%
}

/* Loading spinner styling */
div.loadingSpinner
{
	background-color: #fff;
	border: 1px solid #6593cf;
	height: 90px;
	padding-top: 10px;
	width: 90px;
}
/* Loading message box spinner styling */

.x-window-dlg div.loadingSpinner
{
	width: auto;
}


html {
	padding: 0px;
	margin: 0px;
	height: 95%;
}

#outer {
	height: 100%;
}  
/* ie6 and under*/
body, body#protecht {
	background-color: #FAFAFA;
	margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica;
	min-height: 100%;
	height: 100%;
	padding: 0px;
}

body#protecht-login {
	background-color: #F7F7F7;
	margin: 0px;
	min-height: 100%;
	height: 100%;
	padding: 0px;
}

.compat #main-application-panel,
.compat .main-menu,
#content
{
	background-color: #FAFAFA;
}

body#protecht.single-page {
	background-color: #FFFFFF;
}
body#protecht.single-page #content {
	background-color: #FFFFFF;
}
textarea
{
	font-family: Arial, Helvetica;
	font-size: 12px;
}


pre.greeting
{
	font-family:Arial,Helvetica;
	font-size:12px;
}

a {
	text-decoration: none;
	color: #0000FF;
}

#container {
	min-height: 100%;
	display: block;
	/* 
	width: 98%;
	padding-right: 10px;
	padding-left: 10px; 
	position: absolute;
	top: 0px;
	left: 0px;
	*/
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

.container-loading {
	height: 100%;
}

#GwtWidget {
	height: 100%;
	min-height: 100%;
}

.fullHeight {
	height: 100%;
	/* min-height: 100%; */
}

/* Help text on login page */

#content center table {
	border: 0 none;
}

#content center table tbody
{
	border: 0 none;
}

#content center table tbody td
{
	border: 0 none;
}
/* End of Help text on login page */

#buttons {
	margin: 8px;
}

#pageFooter {
	font-size: 9px;
}

#pageFooter span {
	margin-left: 5px;
}

#pageFooter span.protecht-build {
	color: gray;
	margin-left: 15px;
}

#pageFooter a.protecht-build {
	margin-left: 10px;
}

.dataInput {
	padding-left: 20px;
}

.error {
	top: 3px
}

.hidden {
	DISPLAY: none !important;
	VISIBILITY: hidden !important;
}

.visible {
	VISIBILITY: visible;
}

img {
	border-style: none;
}

.errorMessage {
	padding: 2px;
	color: #993300;
}

.loginForm {
	margin: 15px auto 5px auto;
	width: 400px;
	padding: 10px 5px;
	padding-bottom: 0;
	text-align: left;
	border: 2px solid #9CAFBA;
}

.loginForm form {
	margin-bottom: 10px;
}

.loginForm input {
	margin-left: 5px;
}

.loginForm .dataInput input {
	width: 150px;
}

.loginForm div.loginButton {
	text-align: right;
	padding-right: 5px;
}

#content.close_action
{
	padding: 20px;
	width: 90%;
	margin: 30px;
	text-align: center;
}

#main-left-logo-wrapper
{
    overflow: hidden;
    margin-right: 3px;
    white-space: nowrap;
    cursor: pointer;
}
.main-helper-span
{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#main-left-logo
{
	vertical-align: middle;
    max-width: 200px;
}

#main-menu-panel-container {
}
#main-application-panel, #center-panel, #center-panel > div
{
	height: 100%;
}

/**
 * menu.css
 */
.main-menu {
	color: #233D6D;
	background-color: inherit;
}

.menu-item-active {
	background-color: #749CC6 !important;
	color: #FFFFFF !important;
}

/* menu links */
a.menu-link,
a.menu-link:link,
a.menu-link:active,
a.menu-link:hover,
a.menu-link:visited
{
	color: inherit;
}

#navBarTop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: auto;
	clear: both;
	display: block;
	background-image: none !important;
	border: 0 none;
	margin: 8px 0px;
	padding: 2px;
}

.navBarTopRoot {
	position: relative;
	white-space: nowrap;
	float: left;
	height: 32px;
}

.navBarTopRoot.orphan {
	padding-right: 8px;
	cursor: pointer;
}

.menubar-item-anchor {
	
}

#main-menu-panel
{
	height: 100%;
}
#main-menu-panel-container{
	
	font-size: 13px;
}
#user-profile-menu
{
	width: 90px;
	padding-right: 10px !important;
}

#user-profile-menu .user-menu-item,
#marketplace-menu .user-menu-item,
#marketplace-purchase-menu .user-menu-item {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 40px;
    text-align: center;
}

#user-profile-menu .orphan,
#marketplace-menu .orphan,
#marketplace-purchase-menu .orphan {
	cursor: pointer;
}

#user-profile-menu .user-menu-item img {
	vertical-align: middle;
}

#user-profile-menu > div,
#marketplace-menu > div,
#marketplace-purchase-menu > div
{
	display: block !important;
	padding-top: 0px;
}

#user-profile-menu > div > img
{
	vertical-align: middle;
}

.menu-icon
{
  border: 0 none;
  max-height: 16px;
  max-width: 16px;
  padding: 0;
  vertical-align: top;
  position: absolute;
  left: 2px;
  top: 3px;
  margin: 0;
  background-position: center; 
}

.menubar-item-menu .menu-icon,
.orphan .menu-icon
{
    border: 0 none;
	vertical-align: middle;
	margin-right: 2px;
	position: relative;
	top: inherit;
	bottom: 1px;
	left: auto;
}

.menu-icon-chooser-img
{
	bottom: 8px;
    margin-right: 10px;
    max-height: 20px;
    max-width: 20px;
}

.menu-icon-chooser-wrapper {
	display: flex;
	align-items: center;	
}

.menu-icon-picker-select-btn
{
	margin-right: 1px;
}

.marketplace-image-placeholder {
	display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
}

.marketplace-context-list > div > div {
    height: 32px;
}

.desktop-menu-icon {
	max-width: 16px;
	max-height: 16px;
}

.last-login-popup
{
	border-width: 1px 0px 0px;
	text-align: center;
}

.last-login-info
{
	padding-top: 15px;
	padding-bottom: 10px;
}
.last-failed-login
{
	margin-top: 10px;
}

.last-login-message span.last-login-name
{
	font-weight: bold;
}

.last-login-message span.last-login-date
{
	font-style: italic;
	white-space: pre;
}

.message-box-message
{
	height: 100% !important;
	padding: 5px;
}

.message-box-message-text
{
	margin-left: 50px !important;
}

.schedule-field .x-panel-body {
	border-color: #b5b8c8 !important;
	background-color: white;
}

.schedule-field .x-border {
	border: 1px solid #b5b8c8;
}

.survey-buttonbar {
	padding-top: 2px;
	padding-bottom: 2px;
}

.survey-buttonbar  .status-toolbar{
	padding-top: 0px;
	padding-bottom: 0px;
}

.breadcrumb-header div:first-child {
	float: left !important;
}

.breadcrumb-header div:nth-child(2) {
	float: left !important;
}

.breadcrumb-item {
	margin: 0 5px !important;
}

.breadcrumb-delimeter {
	-ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}

.breadcrumb-header {
	padding: 0px;
}

.captcha-image
{
	padding-bottom: 5px;
}
.captcha-image-relogin
{
	margin-left: 20px;
}
.captcha-image-simple-login
{
    padding-left: 170px;
}
.captcha-reload
{
	margin-bottom: 15px;
    padding-left: 40px;
    cursor: pointer;
}

.captcha-reload-2fa
{
	margin-bottom: 15px;
    padding-right: 25px;
    cursor: pointer;
}

.captcha-reload-relogin
{
    padding-left: 87px;
}

.captcha-reload:ACTIVE {
	position: relative;
  	top: 1px;
  	left: 1px;
}

.captcha-sound-control
{
	display: block;
	margin-bottom: 10px;
    font-size: 0.9em;
    text-align: left;
}
.captcha-sound-control-simple
{
	display: block;
	margin-left: 180px;
	margin-top: 5px;
}

/* Customization of section coloring */
.protecht-table-column .x-panel-tbar
{
	background-color: white; 
}

.no-bg-image, .no-bg-image *
{
	background-image: none !important;
}

.no-left
{
	left: 0px !important;
}


/* Customization of section/field spaces */
.field-space-small
{
	margin-bottom: 10px;
}

.field-space-medium
{
	margin-bottom: 20px;
}

.field-space-large
{
	margin-bottom: 30px;
}

.aria-enabled *:focus
{
	outline: #233D6D solid 2px !important;
	outline-offset: 1px !important;
}

.item-disabled
{
  color:gray;
}

.tarea-masked
{
	 font-family: 'text-security-disc' !important;
}

.protecht-label {
    font-size: 12px!important;
    font-weight: bold!important;
    color: #7a7a7a!important;
    font-family: 'Open Sans','Helvetica Neue',helvetica,arial,verdana,sans-serif!important;
}

.protecht-custom-validation-margin {
	margin-top: 8px!important;
	margin-bottom: 30px!important;
}

.protecht-textfield{
	margin-left: 5px!important;
}

/**
 * Worms.css
 */
 
 /**
 * Removes X button from the input fields 
 * see: http://stackoverflow.com/questions/14007655/remove-ie10s-clear-field-x-button-on-certain-inputs
 */
input[type=text]::-ms-clear {
	width: 0;
	height: 0;
}

.x-grid3-col-titleAndDescription {
	white-space: normal;
}

.x-grid3-td-instantReportRun {
	vertical-align: bottom ! important;
}

.pointer {
	cursor: pointer;
}

/*
 * Hacks to correct positioning errors. Required as we are using the loose.dtd in the doctype
 */
#protecht .x-grid3-scroller, #protecht .x-grid3-header-offset {
	margin-left: -2px;
}

#protecht .x-form-text {
	height: 18px;
}

/* Highlight users in selected business unit */
.hasBU-true {
	font-weight: bold;
}

.hasBU-false {
	color: #606060;
}

/* Trigger field Icon for current date */
.x-form-field-wrap .x-form-current-date-trigger {
	background-image: url(/mq/worms/client/images/icons/trigger-time.gif);
}

/* Trigger field Icon for Sign-Off */
.x-form-field-wrap .x-form-signOff-trigger {
	background-image: url(/mq/worms/client/images/icons/trigger-tick-blue.gif);
}

/* Trigger field Icon for ellipsis */
.x-form-field-wrap .x-form-twin-triggers .x-form-open-trigger {
	background-image: url(/mq/worms/client/images/icons/trigger-open.gif);
	cursor: pointer;
	position: relative;
	top: 0px;
}

/* Triegger field Icon for colour picker */
.x-form-field-wrap .x-form-colour-trigger {
	background-image: url(/mq/worms/client/images/icons/trigger-colors.gif);
}

/* Trigger field Icon for user */
.x-form-field-wrap .x-form-twin-triggers .x-form-user-trigger {
	background-image: url(/mq/worms/client/images/icons/trigger-user.gif);
	cursor: pointer;
	position: relative;
	top: 0px;
}

/* Trigger field Icon for role */
.x-form-field-wrap .x-form-twin-triggers .x-form-role-trigger {
	background-image: url(/mq/worms/client/images/icons/trigger-role.gif);
	cursor: pointer;
	position: relative;
	top: 0px;
}

/* Trigger field Icon for download */
.x-form-field-wrap .x-form-twin-triggers .x-form-download-trigger {
	background-image: url(/mq/worms/client/images/icons/trigger-download.gif);
	cursor: pointer;
	position: relative;
	top: 0px;
}

.x-form-field-wrap .x-form-open-trigger {
	background-image: url(/mq/worms/client/images/icons/trigger-open.gif);
	cursor: pointer;
}

.x-form-field-wrap .x-form-show-trigger {
	background-image: url(/mq/worms/client/images/icons/trigger-eye.gif);
	cursor: pointer;
}

.x-form-field-wrap .x-form-calculate-trigger {
	background-image: url(/mq/worms/client/images/trigger-calculate.gif);
	cursor: pointer;
}

.calculate-trigger-button {
	/*background-image: url(../../images/icons/trigger-calculate.gif);*/
	background-image: url(/mq/worms/client/images/trigger-calculate.gif);
	cursor: pointer;
	float: right;
	height: 24px;
	border: 0px none;
	width: 17px;
}

.formula-text-area {
	width: 100%;
	position: relative;
	resize: none;
	margin: 0;
}

.x-view-highlightrow {
	border: 0 none;
}

.user-entry-details {
	font-size: 8pt;
}

.user-entry-details .gwt-Label {
	font-weight: bold;
}

.user-entry-details .value {
	padding: 0 15px 5px 5px;
}

#protecht td div.x-tree3-el {
	overflow: hidden;
	width: 100%;
}

/* Row Editor */
div.x-box-inner .x-form-label {
	padding: 0 5px 5px 5px;
	font-size: 11px;
	overflow: hidden;
}

.x-border-layout-transparent {
	background-color: transparent;
}

.gwt-Anchor {
	cursor: pointer;
}

.gwt-Hyperlink {
	cursor: pointer;
}

/* Override GXT style to fix the problem that KRI progress bar shows the text
   on the filled part and hide text from the unfilled part in IE.
*/
.ext-ie .x-progress-text-back {
	overflow: visible;
}

.protecht-el-mask-div {
	background: none;
}

.protecht-el-mask-msg {
	z-index: 101;
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px;
	background: none repeat scroll 0 0 transparent;
	border: medium none;
}

.protecht-el-mask-msg div {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	padding: 8px 10px;
	cursor: text;
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	color: gray;
}

.protecht-role-details {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font: 11px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	padding: 5px;
	text-align: left;
}

.protecht-role-details span {
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}

.protecht-users-details {
	padding: 5px;
}

.protecht-users-details b {
	color: #444;
}

.protecht-users-details span {
	clear: left;
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
	color: #666;
}

.protecht-object-grid-deleted {
	color: red;
}

.protecht-object-grid-disabled {
	color: orange;
}

.protecht-overview-title {
	font: 18px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	padding: 5px;
	text-align: center;
}

.protecht-overview-image {
	float: left;
	width: 250px;
	text-align: center
}

.protecht-overview-image img {
	padding: 0px 10px 10px 0px;
}

ul.protecht-overview-list {
	float: left;
	margin-left: 10px;
}

ul.protecht-overview-list li {
	background-image: url("/mq/worms/client/images/bullet_blue.png");
	background-position: 5px 0;
	background-repeat: no-repeat;
	padding-left: 25px;
	text-align: left;
	margin-top: 5px;
}

.protecht-overview-description {
	font: 14px Arial, Helvetica, sans-serif;
	padding: 10px;
	text-align: left;
	color: #404040;
}

.protecht-overview-task {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 10px;
	text-align: left;
	color: #3080DA;
}

a.protecht-overview-task:hover {
	color: #26327b;
}

a.protecht-overview-task:visited {
	color: #b35dae;
}

.protecht-discussion-username {
	font: 11px Arial;
	font-weight: bold;
	margin: 10;
}

.protecht-discussion-comment {
	margin: 10;
	font: 12px Arial;
	padding-top: 5px;
	padding-bottom: 5px;
}

.protecht-discussion-newcomment {
	margin: 8;
	height: 80;
	padding-top: 5px;
	padding-bottom: 5px;
}

.protecht-discussion-toolbar {
	margin-bottom: 4;
}

.protecht-discussion-time {
	font: 10px Arial;
	color: #505050;
	padding: 5px;
}

.protecht-discussion-button {
	margin-left: 40;
}

.button-link {
	cursor: pointer !important;
	cursor: hand !important;
	border: none !important;
	/* Disable the button-style */
	background-color: transparent !important;
	background: none !important;
	background-image: none !important;
	padding: 0px !important;
	color: #4784C3 !important;
	text-decoration: underline !important;
}

.button-link .x-btn-text {
	cursor: pointer !important;
	cursor: hand !important;
	border: none !important;
	/* Disable the button-style */
	background-color: transparent !important;
	background: none !important;
	background-image: none !important;
	padding: 0px !important;
	color: #4784C3 !important;
	text-decoration: underline !important;
}

/* remove images */
.button-link .x-btn-tl, .button-link .x-btn-tr, .button-link .x-btn-tc,
	.button-link .x-btn-ml, .button-link .x-btn-mr, .button-link .x-btn-mc,
	.button-link .x-btn-bl, .button-link .x-btn-br, .button-link .x-btn-bc
	{
	background-image: none !important;
}

/* remove little dots in FF */
.button-link .x-btn-tl i, .button-link .x-btn-tr i, .button-link .x-btn-tc i,
	.button-link .x-btn-ml i, .button-link .x-btn-mr i, .button-link .x-btn-mc i,
	.button-link .x-btn-bl i, .button-link .x-btn-br i, .button-link .x-btn-bc i
	{
	font-size: 0px;
}

.protecht-tabSeparator {
	font-weight: bold;
	color: #333333;
	background-image: url(/mq/worms/client/images/tab.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid gray;
	padding-left: 20px;
}

.protecht-suggestion-tag-label {
	font: 11px Arial, Helvetica, sans-serif;
	color: blue;
	font-style: italic;
	text-decoration: underline;
	white-space: nowrap;
	cursor: pointer;
}

.x-tab-panel-body {
	background-color: transparent;
}

.protecht-scale-matrix a.protecht-scale-matrix-hover,
	.protecht-scale-matrix a.protecht-scale-matrix-sel {
	border: 1px solid #8bb8f3;
	background-color: #deecfd;
}

.protecht-scale-matrix a {
	border: 1px solid #fff;
	float: left;
	padding: 2px;
	text-decoration: none;
	outline: 0 none;
	cursor: pointer;
}

.protecht-scale-matrix em {
	display: block;
	border: 1px solid #aca899;
	border-radius: 3px;
}

.protecht-scale-matrix em span.cell-span {
	cursor: pointer;
	display: block;
	height: 25px;
	line-height: 25px;
	width: 50px;
	text-align: center;
	vertical-align: middle;
	border-radius: 3px;
}

.protecht-scale-matrix em input.cell-input {
	height: 23px !important;
	width: 48px;
	text-align: center;
	padding: 0px;
}

.protecht-scale-colorbox {
	cursor: arrow;
	border: 1px solid #808080;
}

.protecht-appetite-labels {
	text-align: center;
	color: #505050;
}

.protecht-appetite-labels div.axis-x {
	padding-top: 3px;
}

.protecht-appetite-labels div.axis-y {
	padding-right: 10px;
}

.protecht-appetite-legend {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	display: inline;
	cursor: default;
}

.protecht-appetite-legend ul {
	border: 1px solid #E0E0E0;
	padding: 10px;
	background-color: #F0F0F0;
	border-radius: 5px;
	list-style: none;
}

.protecht-appetite-legend ul li {
	text-align: left;
	text-shadow: gray;
}

.protecht-appetite-legend ul li.protecht-appetite-legend-highlight {
	background-color: #C6E2FF;
}

.protecht-rich-text-link a:hover {
	text-decoration: underline;
	color: #26327b;
}

.protecht-rich-text-link a:visited {
	color: #b35dae;
}

.protecht-tag-filter {
	padding: 3px;
	border-bottom: 1px dotted #BBBBBB;
}

.protecht-column-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

table.protecht-column-table td.protecht-table-column {
	vertical-align: top;
}

table.protecht-column-table td.protecht-table-column div.x-form-element
	{
	position: static;
}

.protecht-scroll-combo {
	overflow-x: visible !important;
}

.protecht-due-date-original {
	position: absolute;
	top: 1px;
	right: 0px;
	background-color: #DDDDDD;
	line-height: 22px;
}

.protecht-due-date-original span {
	padding-left: 10px;
	color: gray;
	font-size: 11px;
}

.protecht-due-date-original2 {
	background-color: #DDDDDD;
	line-height: 22px;
}

.protecht-due-date-original2 span {
	padding-left: 10px;
	color: gray;
	font-size: 11px;
}

.protecht-due-date-overdue input {
	background-image: url("/mq/worms/client/images/bullet_red.png");
	background-repeat: no-repeat;
	background-position: right;
	color: #cf4c35;
}

.protecht-due-date-overdue-original div.protecht-due-date-original {
	background-image: url("/mq/worms/client/images/bullet_red.png");
	background-repeat: no-repeat;
	background-position: right;
}

.protecht-due-date-overdue-original em {
	color: #FFAAAA;
}

.protecht-worklog textarea {
	margin: -1px 0 !important;
}

.protecht-worklog-text {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: auto;
}

.protecht-worklog-info {
	font-size: 0.9em;
	color: #606060;
}

.protecht-worklog-summary {
	padding: 5px;
	font-size: 0.8em;
	font-style: italic;
	color: #909090;
}

.protecht-action-summary {
	padding: 5px;
	color: #808080;
}

.protecht-action-summary-heading {
	font-size: 1.0em;
	font-weight: bold;
	color: #505050;
}

.protecht-link-item {
	font-size: 0.8em;
}

.protecht-link-item img {
	vertical-align: middle;
	margin-right: 5px;
}

.protecht-link-item a {
	display: block;
	width: 100%;
}

.protecht-link-header {
	font-weight: bold;
	font-size: 0.9em;
	color: #333333;
	margin-bottom: 3px;
	cursor: default;
}

.protecht-hierarchy-label {
	font-size: 10px;
}

.protecht-id-label {
	color: #808080;
	line-height: 22px;
}

.status-title-label {
	/*display: inline-block;*/
	color: #15428b;
	white-space: nowrap;
	line-height: 17px;
}

.status-label {
	margin-left: 5px;
	display: inline-block;
	color: #000000;
	font-weight: bolder !important;
	white-space: nowrap;
	line-height: 17px;
}

.disable-grid-row {
	color: #777777;
}

.incident-review-top-panel {
	border-bottom: 1px solid #99BBE8;
	padding-bottom: 8px;
	background-color: #CDD9EE;
}

.protecht-workflow-error {
	color: #FF5050;
	padding: 5px 0px;
	font-size: 11px;
}

div.protecht-attachment-mask div {
	background-image: url("/mq/worms/client/images/loading.gif");
	background-position-x: 2px;
	background-position-y: center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.protecht-report-loader {
	width: 50px;
	height: 16px;
	margin: auto;
	background-image: url("/mq/worms/client/images/loading-balls.gif");
	background-position: center;
	background-repeat: no-repeat;
}

a.protecht-attachment-item {
	float: left;
}

span.protecht-attachment-item.inactive {
	float: left;
	color: black;
}

span.protecht-attachment-item {
	float: right;
	color: #505050;
	font-size: 0.9em;
}

span.protecht-attachment-item img {
	margin-right: 3px;
}

.read-only-textarea textarea {
	color: gray;
}

.protecht-tree-selector-readonly input {
	disabled: true;
}

.protecht-workflow-action-wrapper {
	margin-top: 15px;
	padding-top: 5px;
	border-top: 1px solid #A0A0A0;
}

.protecht-workflow-condition-wrapper {
	border-bottom: 1px dotted #909090;
	padding-bottom: 5px;
}

.ext-gecko .protecht-due-date-field img.x-form-trigger {
	right: auto;
}

div.protecht-noselection-tree div.x-ftree2-selected {
	background-color: transparent !important;
}

div.protecht-cutoff-header div {
	background-color: #B0B0B0;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

div.protecht-cutoff-footer {
	margin-top: 5px;
	font-size: 0.9em;
	font-style: italic;
}

div.protecht-cutoff-row-even {
	background-color: #C3D3DD;
}

div.protecht-cutoff-row-odd {
	background-color: #CEDFF5;
}

.protecht-action-button {
	float: right;
	width: auto;
}

.protecht-date-format-example {
	font-size: 0.9em;
	color: #505050;
}

.protecht-field-default-padding {
	padding-bottom: 5px;
}

.protecht-field-label {
	word-wrap: break-word;
}

div.protecht-field-label > label {
	text-align: left;
}

/* .protecht-field-label.mandatory-field {
	background-image: url(/mq/worms/client/resources/images/bullet_star.png); 
	background-position: right top; 
	background-repeat: no-repeat;
} */
.mandatory-field > label {
	background-image: url(/mq/worms/client/images/bullet_star.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.protecht-component-placeholder {
	background-color: #AABBDD;
	border: 1px solid #AA5599;
	height: 25px;
}

.x-date-inner .x-date-keyboard a {
	border: 1px solid;
	padding: 1px 4px;
}

.x-date-inner .x-date-keyboard a {
	border-color: darkblue;
}

span.protecht-tree-filter-highlight {
	background-color: yellow;
}

.column-filter-image {
	background-image: url(/mq/worms/client/images/filter.png);
	display: none;
	width: 13px;
	height: 13px;
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: middle;
	background-repeat: no-repeat;
}

#filter-menu-negation-label {
	position: relative;
	top: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

#string-filter-menu-item img {
	top: 0.5em;
}

.transparent {
	-moz-opacity: 0.03;
	filter: alpha(opacity = 3);
	opacity: 0.03;
}

.white-overlay {
	background-color: rgb(255, 255, 255);
	-moz-opacity: 1;
	filter: alpha(opacity = 100);
	opacity: 1;
}

div.protecht-right-column {
	text-align: left;
}

button:focus {
	outline: thin dotted !important;
}

span.protecht-expandable-icon {
	position: absolute;
	cursor: pointer;
	width: 18px;
	height: 18px;
	background-image: url(/mq/worms/client/images/dots.png);
	background-repeat: no-repeat;
}

.expandable-scroll-on {
	/*bottom: 3px;*/
	top: 3px;
	right: 20px;
}

.expandable-scroll-off {
	/*bottom: 3px;*/
	top: 3px;
	right: 2px;
}

.expandable-hidden {
	display: none;
}

.expandable-visible {
	display: block;
}

div.string-filter-field {
	margin-right: 5px;
}

.string-filter-not button {
	text-decoration: line-through;
}

#filter-conditional-view {
	margin: 5px;
}

input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

textarea.protecht-ie11-wrap {
	white-space: pre-wrap;
}

div.protecht-data-import-form {
	margin: 5px;
}

div.protecht-data-import-form form {
	margin-top: 4px;
}

.upld-modal .GWTUpld {
	border: 1px groove #7CA4D9 !important;
	padding: 10px;
	background: #C0D1EC !important;
}

.di-row {
	font-weight: normal;
	font-size: 0.9em;
	color: #303030;
	display: block;
	border-bottom: 1px solid lightgray;
	margin-bottom: 3px;
}

.di-phase {
	font-weight: bold;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}

.di-import {
	background-image: url(/mq/worms/client/images/import.png);
}

.di-validate {
	background-image: url(/mq/worms/client/images/validate.png);
}

.di-error {
	color: red;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	background-image: url(/mq/worms/client/images/error.png);
	white-space: normal;
}

.di-error-details {
	font-size: 0.9em;
	color: gray;
	padding-top: 5px;
	white-space: normal;
    line-height: 20px;
}

ul.di-failures {
	/*
	list-style: initial;
  	list-style-type: disc;
  	list-style-position: inside;
  	text-indent: -1em;
    padding-left: 1em;
    */
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	white-space: normal;
}

ul.di-failures li {
	margin-bottom: 3px;
	background-repeat: no-repeat;
	background-position: 0px top;
	padding-left: 15px;
}

ul.di-failures li.error {
	background-image: url(/mq/worms/client/images/bullet_red.png);
}

ul.di-failures li.warn {
	background-image: url(/mq/worms/client/images/bullet_yellow.png);
}

.di-failure {
	color: black;
}

.di-success {
	color: green;
}

.di-no-success {
	color: #FF5050;
}

.di-details {
	color: gray;
}

.di-busy {
	cursor: wait;
}

.response-icon-wrapper {
	margin-right: 10px;
}

.response-icon-chooser {
	float: right;
}

.section-app-scope {
	
}

.section-global-scope {
	font-style: italic;
	color: #606060;
}

.section-used {
	background-image: url("/mq/worms/client/images/bullet_blue.png");
	background-repeat: no-repeat;
	background-position: right;
}

.register-component-selector {
	background-color: white;
	border-left: none;
	border-top: none;
	border-bottom: none;
}

.x-tab-tools-wraper {
	position: absolute;
	top: 1px;
	right: 0px;
	z-index: 10;
	/* border-top: 1px solid #8db2e3; */
	border-bottom: 1px solid #8db2e3;
	background-color: #cedff5;
	background-image: url(/mq/worms/client/images/tab-strip-bg.gif);
	height: 22px;
	padding-right: 5px;
}

.x-tab-tools-separator {
	background-image: url(/mq/worms/client/images/grid-blue-split.gif);
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	font-size: 1px;
	height: 24px;
	width: 4px;
	overflow: hidden;
	cursor: default;
	margin: 0 2px 0 2px;
	border: 0;
}

.x-tab-tools-offset>div.x-tab-panel-header>div.x-tab-tools-wraper {
	top: 0px;
}

.x-tab-tools-firefox div.x-tab-tools-wraper {
	height: 22px;
}

.x-tab-tools-on {
	right: 63px;
	width: 19px;
	background-image: url(/mq/worms/client/images/scroll-right-custom.gif) !important;
}

.x-tab-scroller-right-over {
	background-position: -19px 0;
}

/*
 *	Custom Tool Buttons
 */

.x-tool-add {
	background-position: 0px -360px;
}

.x-tool-add-over {
	background-position: -15px -360px;
}

.x-tool-add-disabled {
	background-position: -30px -360px;
	cursor: default;
}

.x-tool-remove {
	background-position: 0px -375px;
}

.x-tool-remove-over {
	background-position: -15px -375px;
}

.x-tool-remove-disabled {
	background-position: -30px -375px;
	cursor: default;
}

.x-tool-switch_left {
	background-position: 0px -105px;
}

.x-tool-switch_left-over {
	background-position: -15px -105px;
}

.x-tool-switch_left-disabled {
	background-position: -30px -105px;
	cursor: default;
}

.x-tool-switch_right {
	background-position: 0px -120px;
}

.x-tool-switch_right-over {
	background-position: -15px -120px;
}

.x-tool-switch_right-disabled {
	background-position: -30px -120px;
	cursor: default;
}

.x-portal-insert-placeholder div {
	height: 4px;
	font-size: 0px;
	border: 2px dotted #8db2e3;
	background-color: #cedff5;
	border-radius: 3px;
}

.register-field-placeholder {
	border: 1px dashed #DDD;
}

.register-field-placeholder.used {
	border: 1px solid white;
}

.register-field-placeholder.drag-over {
	border: 1px dotted #999;
	background-color: #B0C4DE;
}

.register-field-placeholder.selected {
	background-color: #d9e8fb !important;
}

.field-label {
	/*word-wrap: break-word;*/
	text-align: left;
	display: block;
	float: left;
	line-height: 23px;
	clear: left;
	z-index: 2;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.field-label:hover {
	text-overflow: inherit;
	overflow: visible;
}

.field-placeholder div {
	position: static;
	text-align: center;
	line-height: 21px;
	border: 1px solid grey;
	color: lightgray;
	width: auto;
}

.register-details-mask {
	background-image: url(/mq/worms/client/images/loading.gif);
	background-position: center;
	background-repeat: no-repeat;
}

div.x-portlet.x-selected div.x-panel-tl {
	background-image: url(/mq/worms/client/images/custom/corners-sprite-selected.gif);
}

div.x-portlet.x-selected div.x-panel-tr {
	background-image: url(/mq/worms/client/images/custom/corners-sprite-selected.gif);
}

div.x-portlet.x-selected div.x-panel-tc {
	background-image: url(/mq/worms/client/images/custom/top-bottom-selected.gif);
}

div.x-portlet.x-selected span.x-panel-header-text {
	color: #EFEFFF;
}

div.section-empty-text {
	color: grey;
	line-height: 20px;
	font-size: 0.9em;
	text-align: center;
	background-color: white;
}

div.field-error-indicator {
	background-image: url(/mq/worms/client/images/error.png);
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 50%;
	position: absolute;
	top: 0px;
	right: 5px;
	border: none;
	height: 100%;
	width: 20px;
}

.protecht-del-object-decoration {
	text-decoration: line-through;
	color: gray;
}

.protecht-fieldset-selected {
	background-color: #d9e8fb;
	border: 2px solid #69e;
}

.protecht-fieldset-selected legend {
	font-style: italic;
}

div.field-rule-view div.x-panel-body {
	background: transparent;
}

div.color-box {
	border: 1px solid #707070;
	border-radius: 2px;
	display: inline-block;
}

.x-status-hint {
	background-image: url(/mq/worms/client/images/information.png);
}

.protecht-hint {
	color: #808080;
}

div.rating-item {
	width: 20px;
	height: 14px;
	border-radius: 2px;
	display: inline-block;
	vertical-align: middle;
}

div.rating-item-legend {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	display: inline-block;
	vertical-align: baseline;
}

span.rating-item {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.score-type-title {
	font-size: 12px;
	font-weight: bold;
}

.score-formula-hint {
	font-size: 10px;
	color: graytext;
	background-image: url(/mq/worms/client/images/information.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}

.survey-open-entries {
	background-color: #EEFFEE;
}

.survey-closed-entries {
	background-color: #FFEEEE;
}

div.radio-group-selector label {
	padding: 3px;
	border-radius: 3px;
}

div.register-editor-section-hint {
	text-align: center;
	width: 100%;
	position: relative;
	top: 50%;
	color: gray;
	padding-top: 50px;
	margin-bottom: 50px;
}

div.register-editor-section-hint-new {
	text-align: center;
	width: 100%;
	position: relative;
	top: 0%;
	color: gray;
	padding-top: 50px;
	margin-bottom: 50px;
}

p.risk-matrix-error {
	color: red;
	padding: 10px 0;
}

span.import_progress_section {
	margin-left: 10px;
	color: #212121;
}

span.import_progress_field {
	margin-left: 20px;
	color: #212121;
}

span.import_progress_view {
	color: #212121;
}

span.import_progress_rule {
	color: #212121;
}

span.import_progress_workflow {
	color: #212121;
}
span.import_progress_section i,span.import_progress_field i,span.import_progress_view i,span.import_progress_rule i,span.import_progress_workflow i {
	color: #5d5e5d;
}

div.progress-import-separator {
	width: 100%;
	height: 10px;
}

div.progress-import-separator.line {
	height: 2px;
	border-top: 1px solid #c0c0c0;
}

.invalid-field {
	border: red solid 1px !important;
}

/*overriding gwt styles*/
table td {
	font: normal 11px arial, tahoma, helvetica, sans-serif;
}

div.workflow-log-details {
	background: white;
	overflow-x: hidden;
	overflow-y: auto; 
}

.workflow-log-error-status {
	color: #CC0000;
}

.workflow-log-skipped-status {
	color: #EE8010;
}

.base-checkbox-group {
	border: 1px solid transparent;
	padding-bottom: 5px;
}

.detailsInfo {
	margin: 5px;
}

.detailsInfo .ditem {
	padding-bottom: 8px;
}

.detailsInfo .ditem .dlabel {
	font-size: 12px;
	font-weight: bold;
}

.detailsInfo .ditem .dvalue {
	font-size: 12px;
	font-weight: normal;
	padding-top: 4px;
	line-height: 16px;
}
 
 
/* ===============================
 *	Attachment specific styling
 * =============================== */
div.attachment-field {
	overflow: auto;
	min-height: 80px;
	padding: 0px;	
}

div.image-field {
	border: none;
	overflow: hidden;
	padding: 0px;
}

div.image-field div.previews-wrapper {
	padding: 10px;
	overflow	: auto;
}

div.attachment-field.x-form-invalid {
	background-color: #fff;
    background-image: url(../client/worms/images/default/grid/invalid_line.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    border: 1px solid #c30;
}

div.attachment-field div.message {
	color: gray;
	font-size: 12px;
	padding: 5px;
    text-align: center;
    height: 32px;
}

div.image-field div.message {
	color: gray;
	font-size: 12px;
	padding: 5px;
    text-align: center;
    height: 30px;
}

div.image-field div.file-wrapper {
	width: 100px;
	float: left;
	text-align: center;
	margin: 0 0 0 10px;
}

div.image-field div.file-wrapper.selected {
	background-color: #dfe8f7;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
}

div.image-field div.file-wrapper div.temp-file-indicator {
	background-image: url("/mq/worms/client/images/bullet_orange.png");
	background-repeat: no-repeat;
	position: absolute;
	left: -3px;
	top: -3px;
	width: 16px;
	height: 16px;
	display: none;
}

div.image-field div.file-wrapper.temporary div.temp-file-indicator {
	display: block;
}

div.image-field div.file-wrapper.selected:hover, div.image-field div.file-wrapper:hover {
	border: 1px solid #BBBBBB;
    border-radius: 3px;
}

div.image-field div.file-wrapper {
    border: 1px solid white;
    position: relative;
}

div.image-field div.buttons-wrapper {
	position: absolute;
	top: 2px;
	right: 2px;
}

div.image-field button.delete {
    cursor: pointer;
    background-image: url("/mq/worms/client/images/delete-image-grey.png");
	background-repeat: no-repeat;
	background-position: right;
    padding: 0;
    border: 0;
    height: 8px;
    width: 8px;
}
div.image-field button.delete:disabled:hover {
	background-image: url("/mq/worms/client/images/delete-image-grey.png");
}

div.image-field button.delete:hover {
	background-image: url("/mq/worms/client/images/delete-image-over.png");
}

div.image-field button.delete span {
	display: none;
}

div.image-field button.cancel {
	position: relative;
}

div.attachment-field div.message button.btn-success,  div.image-field div.message button.btn-success{
	float: left;
}

div.attachment-field *, div.image-field * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.image-field div.file-thumbnail {
	height:	100px;
	border: 1px dotted lightblue;
}

div.image-field div.file-thumbnail span.preview {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);	
}

.table {
	width: 100%;
	/*margin-bottom: 20px;*/
}

div.table {
	display: table;
}

div.table .file-row {
	display: table-row;
}

div.table .file-row div.file-thumbnail {
	text-align: center;
}

div.table .file-row>div {
	display: table-cell;
	vertical-align: top;
	border-top: 1px solid #ddd;
	padding: 8px;
}

div.table .file-row.compact>div {
	display: table-cell;
	vertical-align: top;
	border-top: 1px solid #ddd;
	padding: 2px 0px 2px 2px;
}

div.table .file-row:nth-child(odd) {
	background: #f9f9f9;
}

div.table .file-row:last-child div {
	border-bottom: 1px solid #ddd;
}

/*
div.table .file-row:nth-child(0n+2) > div {
	border-top: none;
}
*/

/* Hide the delete button initially */
.attachment-field .file-row .delete, .image-field .file-wrapper .delete {
	display: none;
}

/* Hide the start and cancel buttons and show the delete button */
.attachment-field .file-row.dz-success .start, .attachment-field .file-row.dz-success .cancel
{
	display: none;
}
.image-field .file-wrapper.dz-success .start, .image-field .file-wrapper.dz-success .cancel
{
	display: none;
}

.attachment-field .file-row.dz-success .delete {
	display: block;
}

.image-field .file-wrapper.dz-success .delete {
	display: block;
}

.text-danger {
	color: #a94442;
}

.attachment-field .file-row.dz-success .progress, .image-field .file-wrapper.dz-success .progress {
	opacity: 0;
	transition: opacity 0.3s cubic-bezier(0.21, 0.82, 0.84, 1);
}

.attachment-field img, .image-field img {
	vertical-align: middle;
	border: 0;
}

.attachment-field p {
	margin: 0 0 4px;
}

.image-field p {
	margin: 0 0 4px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.image-field p.name {
	font-size: 0.9em;
}
   
.image-field.dropzone.dz-drag-hover {
	border: 1px solid #509030;
}

.attachment-field div.compact p {
	margin: 0 0 2px;
}

.attachment-field p.size, .attachment-field p.date, .image-field p.size, .image-field p.date {
	font-size: 0.8em;
	text-align: center;
	color: #696969;
}

.attachment-field p.user {
	font-size: 0.9em;
	text-align: center;
	color: #696969;
}

.attachment-field span.user {
	font-size: 0.9em;
	text-align: center;
	color: #A0A0A0;
}
.attachment-field span.size {
	font-size: 0.8em;
	text-align: center;
	color: #A0A0A0;
	margin-left: 5px;
}

.attachment-field span.date {
	font-size: 0.8em;
	text-align: center;
	color: #A0A0A0;
	margin-left: 5px;
}

.attachment-field b, .attachment-field strong {
	font-weight: 700;
}

.attachment-field div.btn-report {
	float: right;
}

.btn, .btn span, .btn img {
	cursor: pointer;
}

.btn:disabled, .btn:disabled span, .btn:disabled img{
	cursor: default;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn-danger:disabled, .btn-warning:disabled,
.btn-danger:disabled:hover, .btn-warning:disabled:hover
{
	color: #BBBBBB;
}

.btn-danger:hover {
	color: #d9534f;
}

.compact .btn-danger, .compact .btn-warning {
	font-size: 0.8em;
}

.compact .btn-danger:hover {
	border-color: #d9534f;
	background: linear-gradient(rgb(255,255,255),  rgb(255,200,200));
	background: -webkit-linear-gradient(rgb(255,255,255), rgb(255,200,200));
	background: -o-linear-gradient(rgb(255,255,255),  rgb(255,200,200));
	background: -moz-linear-gradient(rgb(255,255,255),  rgb(255,200,200));
}

.compact .btn-warning:hover {
	border-color: #f0ad4e;
	background: linear-gradient(rgb(255,255,255),  rgb(255,255,200));
	background: -webkit-linear-gradient(rgb(255,255,255), rgb(255,255,200));
	background: -o-linear-gradient(rgb(255,255,255),  rgb(255,255,200));
	background: -moz-linear-gradient(rgb(255,255,255),  rgb(255,255,200));
}

.compact .btn-danger:disabled, 
.compact .btn-danger:disabled:hover,
.compact .btn-warning:disabled, 
.compact .btn-warning:disabled {
	border: 1px solid #B0B0B0;
	opacity: 0.5;
	background: linear-gradient(rgb(255,255,255),  rgb(200,200,200));
}

.compact button.btn {
	padding: 0px;
	border: 1px solid #C0C0C0;
	border-radius: 3px;
	background: transparent;
}

.btn-warning:hover {
	color: #f0ad4e;
}

button.btn-attach {
    position: relative;
    cursor: pointer;
    color: #15428b;
    background: transparent;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: inherit;
}


/* The total progress gets shown by event listeners */
#total-progress {
	opacity: 0;
	transition: opacity 0.3s linear;
}

/* Hide the progress bar when finished */
.attachment-field .file-row.dz-success .progress {
	opacity: 0;
	transition: opacity 0.3s linear;
}

.image-field .file-row.dz-success .progress {
	opacity: 0;
	transition: opacity 0.3s linear;
}

.progress {
	overflow: hidden;
	height: 10px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	background-image: -webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
	background-image: linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',
		endColorstr='#fff5f5f5', GradientType=0);
}
div.compact .progress {
	height: 4px;
	margin-bottom: 1px;
}

.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s cubic-bezier(0, 0, 0.2, 1)
		infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, .15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .15) 5%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-striped .progress-bar {
	background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, .15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 20px 20px;
}

.progress-bar-success {
	background-image: -webkit-linear-gradient(top, #5cb85c 0, #449d44 100%);
	background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',
		endColorstr='#ff449d44', GradientType=0);
}

.progress-bar {
	background-image: -webkit-linear-gradient(top, #428bca 0, #3071a9 100%);
	background-image: linear-gradient(to bottom, #428bca 0, #3071a9 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',
		endColorstr='#ff3071a9', GradientType=0);
}

.progress-bar-success {
	/* background-color: #5cb85c; */
	
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #428bca;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
	transition: width .6s ease;
}

p.dropzone-clickable-attachment:hover {
	cursor: pointer;
	text-decoration: underline;
	color: blue;
}

/* ==========================
 * Legacy Image field styles 
   ==========================*/
 
 #img-chooser-dlg .details {
	padding: 10px;
	text-align: center;
}

#img-chooser-dlg .details img.preview {
	max-width: 100%;
}

#img-chooser-dlg.menu-configuration .details img.preview {
	max-height: 80px;
	max-width: 80px;
}

#img-chooser-dlg .details-info {
	border-top: 1px solid #cccccc;
	font: 11px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	padding-top: 5px;
	text-align: left;
	width: 100%;
	overflow: hidden;
}

#img-chooser-dlg .details-info b {
	color: #555555;
	display: block;
	margin-bottom: 4px;
}

#img-chooser-dlg .details-info span {
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}

#img-chooser-dlg .image-added-info {
	width: 100%;
	margin-bottom: 5px;
	font-size: 0.9em;
}

#img-chooser-dlg .image-added-info span.image-addedby {
	float: left;
	color: #505050;
	font-weight: bold;
}

#img-chooser-dlg .image-added-info span.image-addeddate {
	float: right;
	color: #707070;
}

#img-chooser-view {
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}

#img-chooser-view .thumb {
	border: 1px solid #dddddd;
	padding: 3px;
	text-align: center;
}

#img-chooser-view .thumb img {
	height: 50px;
	width: 112;
}

#img-chooser-view .thumb img.image-field {
	height: 50px;
	width: 90px;
	min-width: 50px;
}

#img-chooser-view .thumb-wrap {
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}

#img-chooser-view .thumb-wrap span {
	display: block;
	overflow: hidden;
	text-align: center;
}

#img-chooser-view div.thumb-wrap div.image-name {
	width: 90px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
}

#img-chooser-view div.thumb-wrap div.image-name span {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

#img-chooser-view .x-view-over {
	background: #efefef repeat-x left top;
}

#img-chooser-view .x-view-selected {
	background: #DFEDFF;
	border: 1px solid #6593cf;
}

#img-chooser-view .x-view-selected .thumb {
	background: transparent;
}

#img-chooser-view .x-view-selected span {
	color: #1A4D8F;
}

#x-btn-text-global .x-btn-text {
	color: #1A4D8F;
}

#img-chooser-view .thumb-wrap.x-view-item-sel {
	background: #DFE8F6 none repeat scroll 0%;
	border: 1px dotted #A3BAE9 !important;
	cursor: pointer;
	padding: 4px;
}

#img-chooser-view .thumb-wrap.image-field.x-view-item-sel {
	padding: 5px;
}

span.dz-local-link em {
    cursor: pointer;
    color: #15428b;
    background: transparent;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    font-size: 11px;
}

.icon-custom-size div div {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 30px !important;
	height: 30px;
}

.menu-item-sizing span {
	padding-left: 12px;
}

.menu-item-sizing {
	margin-top: 2px !important ;
}

.new-menu-item-padding input {
	padding-right: 0px;
}

.disable-check-box-border{
	border-color: transparent !important;
}

.infoText{
	color: #A2A7AA;
}

.period-closed-marker{
	padding: 0px 8px;
	background: #262B31;
	border-radius: 4px;
	font-weight: 600;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 0.25px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.no-task{
	display: flex;
	justify-content: center;
	color: black;
	font-size: large;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 4px;
}

.no-active-tasks{
	display: flex;
	justify-content: center;
	font-weight: 400;
	color: #7A7A7A;
	line-height: 20px;
	margin-bottom: 20px;
}

.empty-register-message-container{
	display: flex!important;
	justify-content: center;
	max-height: 1px;
}

.empty-register-none{
	display: none!important;
}

.buttonBarPadding{
    height: 40px !important;
    padding-top: 0px !important;
    margin-top: -8px !important;
}

.emptyField{
    font-weight: 300;
    font-size: 14px;
    color: #7A7A7A;
}

@-ms-keyframes spin { 
    from { 
        -ms-transform: rotate(0deg); 
    } to { 
        -ms-transform: rotate(360deg); 
    }
}
@-moz-keyframes spin { 
    from { 
        -moz-transform: rotate(0deg); 
    } to { 
        -moz-transform: rotate(360deg); 
    }
}
@-webkit-keyframes spin { 
    from { 
        -webkit-transform: rotate(0deg); 
    } to { 
        -webkit-transform: rotate(360deg); 
    }
}
@keyframes spin { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(360deg); 
    }
}

/* ========================
 * reset.css
 * ======================== */
 
/* Externalized from gxt.jar to allow overwrite some css style resets, see WORMS-14528 */
/* Original file location: gxt-4.0.3.jar/com/sencha/gxt/theme/base/public/reset.css */
/* removed following part "ol,ul {list-style:none;}" */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}