/*
 * ExtJS spezifische Einstellungen
 */

.x-body {
	background: none;
}

.x-body .x-panel-header-default {
	background: transparent;
	margin: 0 0 0 0 !important;
	padding: 5px 10px 5px 5px !important;
}

.x-body .x-panel-header-default .x-tool-img.x-tool-expand-bottom,
.x-body .x-panel-header-default .x-tool-img.x-tool-collapse-top {
	background: none;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.x-body .x-panel-header-default .x-tool-img.x-tool-expand-bottom:before {
    content: "\f13a";
}
.x-body .x-panel-header-default .x-tool-img.x-tool-collapse-top:before {
    content: "\f139";
}

.x-body .x-title-text {
	color: black;
	font-size: 14px;
	font-weight: 500;
}

.x-body .x-grid-filterbar-filtered-column {
    font-style: normal;
    text-decoration: none;
}

.x-body .x-grid-filterbar-filtered-column .x-column-header-text-inner {
    font-weight: 600 !important;
}

.ams-body .p-subpanel>*>*>*>*>.x-title-text {
	font-size: 20px;
	padding: 30px 0 10px 0;
}

.x-body .p-collapseable-panel>*>*>*>*>.x-title-text {
	color: #377fb7;
}

.x-body .p-collapseable-panel>.x-panel-header {
	cursor: pointer;
}


.x-body .x-table-layout td {
	vertical-align: top;
}

/*  
.x-body .x-grid-header-ct-docked-top >  {
	border-bottom: 1px solid #ccc;
}
 */
.x-link {
	cursor: pointer;
}

.x-mask {
    background-color: rgba(0,0,0,0.5);
    z-index: 100000;
}

.x-box-item .p-pintotop {
	 /* position: fixed !important; */ 
	/* transition: padding 0.1s; */
}

.x-boundlist-item.p-separator {
	width: 100%;
	height: 1px;
	border-top: 1px solid #999;
}

.portal-hidden {
	display: none;
}

.x-body .navbar-fixed-top {
    z-index: 1001;
}

.x-body .x-mask {
	/*
	bottom: 0px;
    position: fixed;
    */	
}

.p-widget-label {
	padding: 2px 5px 0 5px; 
}

.x-form-fieldcontainer .x-box-layout-ct {
	overflow: visible;
}
.x-form-fieldcontainer .x-box-layout-ct > .x-box-inner {
	overflow: visible;
}

.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
	border-color: #377fb7;
}
		
.x-form-text-default {
    font: 400 13px/17px helvetica, arial, verdana, sans-serif;
}

.x-btn-inner-default-toolbar-small {
	font: 400 13px/17px helvetica, arial, verdana, sans-serif;
}	

.ams-editpanel > * > .x-panel-body-default {
	padding: 5px 5px 20px 5px;
}

.x-window-body-default-resizable > .ams-baseeditview > * > .x-panel-body {
	padding: 0px 10px;
}

.x-window-body-default-resizable > .ams-editpanel > * > .x-panel-body {
	padding: 5px 10px;
}
	
.x-tab-bar-default-top > .x-tab-bar-body-default {
	padding: 6px 0;
}
	 
.x-tab-default-top {
    margin: 0;
}
 
.x-boundlist-selected {
    color: #fff;
    background: #377fb7;
    border-color: #377fb7;
}

.x-boundlist-item-over {
    color: #fff;
    background: #3982bd;
    border-color: #3982bd;
}

.x-tip {
	/*background-color: rgba(48,48,48,0.9) !important;*/
	background-color: #fefed6 !important;
	border-radius: 5px;
	padding: 2px;
	border: none !important;
}

/*
.p-estate-page .x-tip {
	border: 1px solid #3fa895 !important;
}

.x-tip * {
}
*/

.x-tip a,
.x-tip a *  {
    color: #377fb7;
}

.x-mask-msg {
	background: none !important;	
}	

.x-mask-msg-text {
	background:  none !important;
	font-size: 24px;
	padding: 0px;
	font-weight: 500;
}

.x-mask-msg-inner:before {
	content: "\f1ce";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 60px;
    
}  
.x-mask-msg-inner {
	padding: 60px 0 0 !important;	
	color: #404040;
	min-width: 100px;
    text-align: center;
}	

.x-css-shadow {
	display: none !important;
}	

.x-boundlist-selected {
}
.x-boundlist-item .p-combocheckbox {
    height: 18px;
    width: 18px;
    font: 18px/1 ExtJS;
    float: left;
    margin: 5px 4px 0 -2px;
}
.x-boundlist-item .p-combocheckbox:before {
    content: "\e614"
}
.x-boundlist-selected .p-combocheckbox:before {
 	content: "\e613";
}

.x-form-arrow-trigger {
	width: 20px;
}

.x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small {
    margin-right: 0px;
    font-size: small;
}

.x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-small {
	font-size: small;
}


.x-menu-item-default.x-menu-item-active {
	background-color: #e2eff9;
	border: none !important;
}

.x-menu-item-default.x-menu-item-active .x-menu-item-link {
	outline: none !important;
}

.x-item-selected {
	background-color: #ccc;
	outline: 1px solid #666;
	outline-offset: -1px;
}

.x-form-invalid-under > .x-list-plain {
}
.x-panel-body-default {
	background: none !important;	
}

.ams-inactive-rowclass {
	opacity: 0.5;
}

.ams-connected-rowclass {
	background: rgb(255 209 159 / 20%);
}

.ams-readonly-rowclass {
	background: rgb(200 200 200 / 20%);
}

.ams-connected-rowclass.ams-readonly-rowclass {
	background: rgb(255 209 159 / 20%);
}

    
.p-unchanged {
	opacity: 0.5;
}

.ams-labelfield .x-form-display-field-body .x-form-display-field {
	padding: 0px 7px 2px;
}

.ams-linkfield .x-form-display-field-body .x-form-display-field  {
	padding: 0px 6px 2px;
}

.ams-linkfield .x-form-display-field-body .x-form-display-field {
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
	color: #428bca;
	cursor: pointer;
}

.ams-linkfield .x-form-display-field-body .x-form-display-field:hover,
.ams-linkfield .x-form-display-field-body .x-form-display-field:focus {
	color: #31708f;
}

.x-toolbar-default {
	background: none;
}

.ams-editable .x-form-trigger-default {
	background: none;
}
.ams-editable .x-form-trigger-default:after {
	content: "\f530";
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    /* display: inline-block; */
    line-height: 22px;
    color: #c1c1c1;
    padding: 5px;
}

.p-tag {
    margin: 2px 0px 2px 0px;
    position: relative;
}
.p-tag.p-readonly {
	margin: 0 0 5px 5px;
}
.p-tag .x-tagfield-item-text {
	 margin-right: 12px;
}

.p-tag .x-tagfield-item-close {
    background: none;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin: 2px;
}
.p-tag .x-tagfield-item-close:before {
	content: "\f057";
}
.p-tag.p-readonly .x-tagfield-item-text {
	max-width: 100px;
	overflow: hidden;
	margin-right: 0px;
}
.p-tag.p-readonly .x-tagfield-item-close {
	display: none;
}

.x-form-text-default .p-tag.x-tagfield-item {
	display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 10px;
    border: 1px solid #999;
}

.ams-readonly > * > * > * .x-tagfield-input {
	display: none;
}

.x-panel-bodyWrap {
	
}

.x-grid-cell-inner a {
	white-space: nowrap;
}
.x-grid-cell-inner span {
	white-space: nowrap;
}
.p-baseviewer > .p-emptytext {
	margin: 10px;
}	


/** ----------------- Quill Texteditor --------------------*/

.p-quilltexteditor .x-form-item-body > * {
	display: inline-block;
}

.p-quilltexteditor .x-form-item-body > *:first-child  {	
    min-height: 65px;
}
    
.p-quilltexteditor .x-autocontainer-outerCt,
.p-quilltexteditor .x-autocontainer-innerCt {
	display: inline-block;
	width: 100%;
}

.p-quilltexteditor-container {
	height: 100%;	
}

.p-quilltexteditor-container .x-autocontainer-outerCt {
}

.p-quilltexteditor-container .ql-container {
    height: calc(100% - 35px);
}

.p-quilltexteditor-container .ql-toolbar.ql-snow {
    background: #eee;
    padding: 4px;
    max-height: 32px;
}

.p-quilltexteditor-container .ql-snow.ql-toolbar button, 
.p-quilltexteditor-container .ql-snow .ql-toolbar button {
	padding: 3px 1px;
}

.p-quilltexteditor-container .ql-toolbar.ql-snow .ql-formats {
	margin-right: 0px;
}

.p-quilltexteditor-container .ql-editor {
    overflow: auto;
    max-height: 100%;
    padding: 5px 10px;
}

/* ---  Fieldsets --------- */

.ams-fieldset {
	margin: 0 0 10px 0;
}

.ams-fieldset-header {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
    font-weight: 500;
}

/* ---  Rating --------- */

.ux-rating-picker .ux-rating-picker-inner {
	font-size: 26px;
}