/*****Fileuploadfield*******/
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity:0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

.x-tab-panel-left .x-grouptabs-panel-header,
.x-tab-panel-right .x-grouptabs-panel-header {
    float: left;
    border: 0;
    background: transparent;
}
.x-tab-panel-right .x-grouptabs-panel-header {
    float:right;
}
.x-tab-panel-left .x-grouptabs-bwrap {
    float: right;
    position: relative;
}
.x-tab-panel-right .x-grouptabs-bwrap {
    float: left;
    position: relative;
}
.x-tab-panel-left ul.x-grouptabs-strip,
.x-tab-panel-right ul.x-grouptabs-strip {
    width: auto;
	display: block;
}
.x-tab-panel-left ul.x-grouptabs-strip li,
.x-tab-panel-right ul.x-grouptabs-strip li {
    padding: 6px 0 2px 6px;
    float: none;
    margin: 0;
    position: relative;
    clear: both;
}

.x-tab-joint {
    position: absolute;
    width: 3px;
    top: 1px;
    background: #fff;
    z-index: 8999;
}

.x-grouptabs-panel .x-grouptabs-panel-body {
    border: 1px solid #999;
}

.x-grouptabs-panel ul.x-grouptabs-strip li {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
}

.x-grouptabs-panel ul.x-grouptabs-strip li.x-grouptabs-strip-active {
    border: 0;
    background: #fff;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.x-tab-panel-left ul.x-grouptabs-strip li.x-grouptabs-strip-active {
    border-left: 1px solid #999;
}
.x-tab-panel-right ul.x-grouptabs-strip li.x-grouptabs-strip-active {
    border-right: 1px solid #999;
}

.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active{
    background-color: #EDEEF0;
}

.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub {
    background-color: transparent;
}

.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li {
    border-color: transparent;
}

/* Tab corners */
.x-grouptabs-panel .x-grouptabs-corner {
    background-image: url('../images/grouptabs/x-grouptabs-corners.gif');
    display: none;
    width: 11px;
    height: 11px;
    position: absolute;
    font-size: 1px;
    line-height: 6px;
    overflow: hidden;
    zoom:1;
}
.x-grouptabs-panel .x-grouptabs-strip-active .x-grouptabs-corner {
    display: block;
}
.x-grouptabs-panel .x-grouptabs-main.x-grouptabs-strip-active ul.x-grouptabs-sub .x-grouptabs-corner {
	display: none;
}

.x-grouptabs-panel .x-grouptabs-corner-top-left {
    background-position: top left;
    left: 0; top: 0;
}
.x-grouptabs-panel .x-grouptabs-corner-bottom-left {
    background-position: bottom left;
    left: 0; bottom: 0;
}
.x-grouptabs-panel .x-grouptabs-corner-top-right {
    background-position: top right;
    right: 0; top: 0;
}
.x-grouptabs-panel .x-grouptabs-corner-bottom-right {
    background-position: bottom right;
    right: 0; bottom: 0;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-left{
    bottom: -4px; left: -4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-right{
    bottom: -4px; right: -4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-left{
    top: -4px; left: -4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-right{
    top: -4px; right: -4px;
}

.ext-ie6 .x-grouptabs-panel .x-grouptabs-expand,
.ext-border-box .x-grouptabs-panel .x-grouptabs-expand {
	left: 0;
}

/* GroupTabs sub group styling */
.x-grouptabs-sub {
	display: none;
	margin-top: 4px;
}

.x-grouptabs-expanded .x-grouptabs-sub {
	display: block;
}

.x-grouptabs-panel ul.x-grouptabs-sub li {
	height: 18px;
	margin: 0 0 2px;
    padding: 0;
}

.x-grouptabs-panel ul.x-grouptabs-sub .x-grouptabs-main-item {
	display: none;
}

body, span, div, td, blockqoute, p, a, button, input, select, option, label, .x-form-item, .x-form-field
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}


/*****Page style*******/
.save{background-image:url(../images/icons/save.png) !important;}
.search{background-image:url(../images/icons/magnifier.png) !important;}
.clearSearch{background-image:url(../images/icons/cancel.png) !important;}
.xlsExport{background-image:url(../images/icons/xls.png) !important;}
.refresh{background-image:url(../images/icons/refresh.gif) !important;}
.minus{background-image:url(../images/icons/minus.png) !important;}
.add{background-image:url(../images/icons/add_sm.png) !important;}
.remove{background-image:url(../images/icons/remove_sm.png) !important;}
.edit{background-image:url(../images/icons/edit.png) !important;}
.logout{background-image:url(../images/icons/logout.png) !important;}
.login{background-image:url(../images/icons/login.png)!important;}
.clear{background-image:url(../images/icons/clear.png)!important;}
.filter{background-image:url(../images/icons/magnifier.png)!important;}
.app{background-image:url(../images/icons/app.png)!important;}

.hostess{background-image:url(../images/icons/hostess.png)!important;}
.tableList{background-image:url(../images/icons/tableList.png)!important;}
.unseated{background-image:url(../images/icons/unseated.png)!important;}
.nameTags{background-image:url(../images/icons/nameTags.png)!important;}

.cancel{background-image:url(../images/icons/cancel.png) !important;}

.table_add_one{background-image:url(../images/icons/table_add_one.png) !important;}
.table_add_multi{background-image:url(../images/icons/table_add_multi.png) !important;}

.random{background-image:url(../images/icons/random.png) !important;}
.killNoShow{background-image:url(../images/icons/killNoShow.png) !important;}
.killDeclinedAttendees{background-image:url(../images/icons/killDeclined.png) !important;}

.maximize{background-image:url(../images/icons/maximize.png) !important;}
.minimize{background-image:url(../images/icons/minimize.png) !important;}

.guest{background-image:url(../images/begleiter-boss.png) !important;}
.mate{background-image:url(../images/begleiter.png) !important;}

.apptitle
{
    font-weight:bold !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #627AAD !important;
    height:30px;
    margin-top:5px;
}

#topToolbar >  table.x-toolbar-ct
{
    background-color: #FFF !important;
}

.x-grouptabs-panel {
    background-color:#627AAD;
    border-top:5px solid #627AAD;
    border-left:5px solid #627AAD;
    border-right: 0;
    border-bottom: 0;
}


.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip span.x-grouptabs-text,
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip span.x-grouptabs-text{
	font-size: 13px;
	line-height: 18px;
	cursor: pointer;
}

.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip span.x-grouptabs-text{
    padding-left: 8px;
}
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip span.x-grouptabs-text{
    padding-right: 8px;
}

.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub span.x-grouptabs-text,
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub span.x-grouptabs-text{
	font-size: 12px;
    padding: 0;
}

.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub span.x-grouptabs-text{
	margin-left: 4px;
}
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub span.x-grouptabs-text{
	margin-right: 4px;
}

.x-grouptabs-panel .x-grouptabs-strip span.x-grouptabs-text{
    overflow: hidden;
    white-space: nowrap;
	display: block;
    color: #DFE8F6;
    font-weight: bold;
    text-decoration: none;
}
.x-tab-panel-right .x-grouptabs-strip span.x-grouptabs-text {
    text-align: right;
}

.x-grouptabs-panel .x-grouptabs-strip-active span.x-grouptabs-text {
    color: #395B8E;
}

.x-grouptabs-panel ul.x-grouptabs-sub span.x-grouptabs-text {
    font-weight: normal;
    background-repeat: no-repeat;
    padding-left: 20px;
}

ul.x-tab-strip-top
{
    padding:0;
}

.x-tab-panel-header-noborder
{
     padding:0;
}

body.x-body-masked .x-window-plain .x-window-mc
{
    /*background-color: #3B5998;*/
    background-color:#3B59A0;
    color:#FFF;
}


/*
.x-grid3, x-toolbar-ct
{
    border-left: 1px solid #1D4088 !important;
    border-right: 1px solid #1D4088 !important;
}
*/

.x-grouptabs-bwrap {
    float:left !important;
}

.x-window-dlg .ext-mb-question {
    background-image:url(../images/icons/icon-question.png);
    background-repeat: no-repeat;
}

.x-window-dlg .ext-mb-error {
    background-image:url(../images/icons/icon-error.png);
    background-repeat: no-repeat;
}

.x-window-dlg .ext-mb-info
{
    background-image:url("../images/icons/icon-info.png");
}

form
{
    padding-left:3px;
    padding-top: 5px;
    margin: 0px;
}

table.x-table-layout tbody td
{
    vertical-align:top;
    padding:3px;
    margin:0px;
}

.imagecontainer
{
    max-height:100px;
    display: block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.imagecontainer img
{
    height: 100px;
}

a, a:link, a:active, a:visited
{
    color:#000;
    text-decoration: none;
}

a:hover
{
    color:Blue;
    text-decoration: underline;
}


.x-grid3-cell
{
     padding:0px !important;
}

#fpFotoUpload * table.x-toolbar-ct tbody td
{
    padding:2px;
}

.mgTopToolbar
{
    height:30px;
}

.x-form-cb-label
{
    display: none;
}

label
{
    background-color: #EEE;
    margin-top:3px;
}

div.x-form-radio-group * label
{
    background-color: transparent !important;
    margin:0px !important;
    padding:0px !important;
    width:180px !important;
}

#btnLogout *
{
    color:#000;
}

.x-menu-sep
{
    height:1px;
}

.scorebar
{
    background-image: url(../images/bg_strength_gradient.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    position:absolute;
    width: 100px;
    z-index: 0;
    top:5px;
    margin-left:5px;
}

.x-grid3-row-over {

   background-color:#EEE;
}

.superspeciallabel
{
    background-color:#EEEEEE;
    border-top:3px solid #EEEEEE;
    font-weight:bold !important;
    height:16px;
    margin-top:3px;
    padding:0;
    width:100%;
}

/*****Superboxselect*******/
.x-superboxselect
{
    position:relative;
    height: auto !important;
    margin: 0px;
    overflow: hidden;
    padding:0px;
    display:block;
    outline: none !important;
}
.x-superboxselect input[disabled] {background-color: transparent;}
.x-superboxselect ul {overflow: hidden; cursor: text;}
.x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;}
.x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;}
.x-superboxselect-btn-clear {background: url(../images/superbox/clear.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-expand {background: url(../images/superbox/expand.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-over {background-position: left -16px}
.x-superboxselect-btn-hide {display:none;}
.x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;}
.x-superboxselect-stacked li {float: none !important;}
.x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;}
body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}
.x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3; background-color: #DEE7F8; padding: 1px 15px 1px 5px !important; }
body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}
.x-superboxselect-item-hover {background: #BBCEF1; border: 1px solid #6D95E0;}
.x-superboxselect-item-focus {border-color: #598BEC; background: #598BEC; color: #fff;}
.x-superboxselect-item-close {background: url(../images/superbox/close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;}
.x-item-disabled .x-superboxselect-item-close{ background-position: left -36px}

.x-form-text-superboxselect
{
    background-color: White;
    border:1px solid;
    padding:1px 3px;
    /*line-height: 26px !important;*/
    vertical-align: middle;
}

.x-superboxselect li
{
    margin:2px 1px;
    line-height: 16px;
}

/*.x-form-text-superboxselect-customerOverwrite*/
/*{*/
    /*max-height: 200px;*/
    /*overflow: auto;*/
/*}*/

/*.x-form-text-superboxselect-customerOverwrite li*/
/*{*/
    /*float: none;*/
    /*margin: 2px 18px 2px 1px;*/
/*}*/

.x-superboxselect-item
{
    background-color:#FFF;
    border: 1px solid #1D4088;
}

.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active
{
    background-position: left 0px !important;
}

.x-superboxselect-btn-expand
{
    background: url(../images/icons/sbs-expand.png) no-repeat scroll left 0px;
}
.x-tag
{
    color: #1D4088;
    background-image: url(../images/icons/tag.png);
    background-repeat: no-repeat;
    background-position:  2px center;
    padding-left: 17px !important;
    text-indent: 5px;
}


/*
.adressEditFormClass .x-superboxselect
{
    max-height: 175px;
    overflow:auto;
}

.abteilungFormClass .x-superboxselect
{
    height: auto;
    max-height: none;
}
*/

.keyValueDiv
{
    padding-top:5px;
    margin-top:5px;
}


strong
{
    font-weight: bold; /*YES thats fuckin stupid, but its the themes fault!*/
}

.ux-lovcombo-icon
{
	width:16px;
	height:16px;
	float:left;
	background-position: -1px -1px ! important;
	background-repeat:no-repeat ! important;
}
.ux-lovcombo-icon-checked {
    background: transparent url(../images/checked.gif);
}
.ux-lovcombo-icon-unchecked {
    background: transparent url(../images/unchecked.gif);
}

/* IE patch */
.ext-ie .ux-lovcombo-item-text {
    position:absolute;
    left:16px;
    top:3px;
}

.ext-ie .ux-lovcombo-icon {
    float:none;
}
.ext-ie .x-combo-list-item
{
    position:relative;
}

.statFieldset
{
    margin:10px;
    border-left: 0px;
    border-right:0px;
    border-bottom: 0px;
}


.x-tool-trashcan
{
    background-image: url(../images/trashcan.png);
    background-position: center center;
}
.x-tool-trashcan-over
{
    background-image: url(../images/trashcan-over.png);
    background-position: center center;
}

.x-tool-edit
{
    background-image: url(../images/tool-edit.png);
    background-position: center center;
}
.x-tool-edit-over
{
    background-image: url(../images/tool-edit-over.png);
    background-position: center center;
}


.lowerZ
{
    z-index:30 !important;
}

#counter-left * div.x-grid3-body * tbody tr
{
    height:25px;
}

#counter-left * div.x-grid3-body * div.x-grid3-cell-inner
{
    font-size:18px !important;
}

#counter-left * div.x-grid3-row-checker
{
    margin-top: 5px !important;
}

#counter-left *.x-grid3-cell-inner {
    padding-bottom:0 !important;
    line-height:27px;
    min-height:27px;
}

#counter-left *.x-grid3-cell-inner img
{
    line-height:27px;
    margin-top:5px;
    margin-left:6px;
}

#counterSearchFieldBig
{
    font-size: 18px !important;
    height:20px !important;
    line-height: 20px !important;
}

#counterSearchFieldBig + span.x-form-twin-triggers
{
    height:26px !important;
    line-height: 26px !important;
}

#counterSearchFieldBig + span.x-form-twin-triggers img
{
    height:25px !important;
}

.teilnehmer-detail-card
{
    margin: 15px;
    font-size:20px !important;
}

.x-item-disabled
{
    cursor:default;
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=0.9);
}

.seating-panel
{
    margin-left:10px; margin-right:10px; margin-top:15px;
}

div.seating-panel > div.x-panel-header > div.x-tool
{
    float: left !important;
    margin-right: 2px;
    margin-left: 0px !important;
}

.superbig
{
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 24px !important;
}

.x-form-arrow-trigger
{
    /*LOCAL COPY*/
    background-image: url("../images/search-trigger.png") !important;
}

.yellow
{
    background-color: #FAFCAE;
}

.orange
{
    color: #ff6e00;
}

.x-color-picker, .x-color-picker {
    height: 195px;
    position: relative;
    overflow: hidden;
}
.x-color-picker div canvas {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.x-color-picker-wheel {
    z-index: 1;
}
.x-color-picker-gradient  {
    z-index: 0;
}

#mateDelDlg label
{
    background-color: transparent !important;
    height: 20px;
}

.archived
{
    color:#CCCCCC;
}


.x-form-check-wrap input[type="checkbox"]
{
    margin-top: 7px;
}



#winAdressMergeOverview .x-form-check-wrap
{
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
}

#winAdressMergeOverview .x-form-check-wrap input
{
    margin-top: 6px;
}

html {
    touch-action: manipulation;
}

.login-footer
{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border: 1px solid #1d4088;
}

.login-header
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border: 1px solid #1d4088;
}

.login-footer a, .login-header a {
    float:right;
    color: #FFF !important;
    font-size: 12px;
    line-height: 16px;
    margin-right: 10px;
    margin-left: 10px;
    text-decoration: underline !important;
}

.domain::before {
    content: "\0040";    /* Unicode character for @ symbol */
}

.userKonto h1
{
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #1d4088;
}

.userKonto .x-form
{
    margin: 10px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.userKonto .x-form .kontoData
{
    margin-top: 5px;
}

.userKonto .x-form .kontoData .row
{
    display: flex;
    padding: 0 0 5px 0;
    margin: 5px 0 5px 0;
}

.userKonto .x-form .kontoData .column
{
    width: 250px;
}

.userKonto .x-form .kontoData .firstColumn
{
    width: 100px;
    background-color: #EEE;
    margin-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}