/* Minification failed. Returning unminified contents.
(1805,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/*KACHELN:*/
.folderWidgetContainer
{
    width: 140px;
    height: 89px;
    margin: 20px;
    padding:30px 10px 10px 10px;
    background-image:url('images/widget_bg.png');
    background-repeat:no-repeat;
}
.folderWidget 
{
    position:absolute;
    z-index:900;    
}
.app_counter
{
    left:25px !important;
    top:-39px !important;    
    z-index:1000 !important;
}
.folderWidgetHeadline h3, .folderWidgetHeadline h4
{
    display:block;
    width:130px;
    overflow:hidden;    

}
.folderWidgetHeadline h3
{
    color: Black;
    max-height:17px;    
}
.folderWidgetHeadline h4
{
    color:#333;
    max-height:17px;
}
.folderWidgetBody
{
 margin-top:4px;   
 color:#333;
}
.folderWidgetBody span 
{
    color:Black;    
}


/*HYBRID:*/
.paginationListElement {
    list-style-type:none;
}

.paginationListElement:after {
    content: "";
    display:block;
    clear:both;
}

.hybridDetails, .paginationListElement, .toolbar {
	width: 65%;
}

/*     
    WV-10092
*/

 .hybridListElement {
    width: 95%;
}

.aufgabenListeWorkflow .hybridListElement {
    width: 65%;
}

.aktenUebersichtListe .hybridListElement, .aktenUebersichtListe .paginationListElement, .aktenUebersichtListe .toolbar, .chooseAccountListe .hybridListElement {
    width: 100%;
}
div.aktenUebersichtListe div.metaContainer, div.aktenInhaltListe div.metaContainer, div#documentMeta div.metaContainer, div#usersContainer div.metaContainer{
	width:32%;
}

#hybridList, div.documentInnerContainer
{
padding:0px 20px 20px 20px;
min-height:280px;
margin-top:20px;
    }
.hybridOrdnerList{
    /**/
    width: 63%;
    }    







.hybridListElement, .metaSubContainer, .hybridDetails, .singleUserListElement
{
        box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.04);
    }    
.hybridListElement
{
    display: table;
    height:77px;
    margin-bottom:10px;
    /*padding:10px;
    border-radius:6px;*/
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    border-left:1px solid #ddd;
    border-bottom:1px solid #aaa;
    table-layout: fixed;
    clear:left;
    position:relative;
}
.hybridListElement.TextNode {
    min-height:126px;
}
.hybridListElement > form.visibleForm {
    display:table;
    width:100%;
}
.hybridListElement.AkteListElement {
    height:72px;
}
.hybridListElement > div.hybridListElementLeft {
    border-left:6px solid transparent ;
}
.wideTableBox .hybridListElement,
.wideTableBox #paginationTop, .wideTableBox #paginationBottom {
    width:100%;
}


.hybridListElement > div,
.hybridListElement > form.visibleForm > div{
    background-color:White;     
    }   

.hybridListElement > *,
.hybridListElement > form.visibleForm > * {
    display:table-cell;
    vertical-align:top;
    width:100%;
    height:inherit;

    }
.hybridListElement .hybridListElementChild.hasHeader {
    padding-top:28px;
}

.hybridListElement .hybridListElementHeader {
    position:absolute;
    min-height:27px;
    height: auto;
    border-bottom: 1px solid #ddd;
    display: block;
    display: flex;
}
.hybridListElement .hybridListElementHeader .headerright {
    -webkit-flex: 0 0 75px;
    -ms-flex: 0 0 75px;
    -o-flex: 0 0 75px;
    padding:7px 10px 0 0;
    flex: 0 0 75px;
    text-align: right;
}

.hybridListElement .hybridListElementHeader .headerleft {
    -o-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding:7px 0 0 10px;
}

.hybridListElement > form.hiddenForm {
    display:none;
}   
        
     
.hybridListElement .hybridListElementLeft {
    width:94px;
}

body.nachrichten .hybridListElement .hybridListElementLeft{
    width:56px;
}

.hybridListElement:hover > div 
{
    background-color:#f5f5f5;
}  

.notClickable.hybridListElement:hover > div 
{
    background-color:white;
}
.hybridDemoListElement:hover > div 
{
    background-color:white;
    }
.hybridDemoListElement a {
    cursor:default;
}

ul#hybridList li.hidden {
    position:relative;
    margin-bottom:34px;
    border-color:#93caec;
}
ul#hybridList li.hidden:after {
    content: "Diese Akte ist als \"nicht sichtbar\" markiert.";
    font-style:italic;
    color:#404649;
    display:block;
    width:98%;
    height:20px;
    background-color:#93caec;
    border-right: 1px solid #93caec;
    position:absolute;
    bottom:-23px;
    left:0;
    padding-top:4px;
    font-weight:bold;
    padding-left:2%;
}

.hybridListElement input.containerMultiSelect
{
    vertical-align:top;
    margin:33px 0 0 10px;
    }

body.akten .hybridListElement input.containerMultiSelect {
    margin:30px 0 0 10px;
}
.hybridContainerLink 
{
    display:block;
    height:auto;
    width:inherit;
    text-decoration:none;
}
.hybridIconContainer
{
    margin:8px 5px 0 0;
    width:50px;
    text-align:center;
    }

.hybridVersicherungContainer
{
    display:none !important;
    margin-left:10px;
    width:18px;
    text-align:center;
    height:40px;
    }    
.hybridVersicherungContainer img
{
    width:26px;
    margin-top:13px;
    }     
.hybridIconContainer,.hybridHeadLineContainer,.hybridMetaContainer, .hybridVersicherungContainer
{
    margin:13px 0 0 0;
    display:inline-block;
    margin-right:10px;
    vertical-align:top;
    }

body.akten .hybridIconContainer {
    margin:10px 0 0 0;
    position:relative;
}
.hybridHeadLineContainer {
    margin-top:11px;
    width: inherit;
    margin-bottom: 0;
    max-width:100%;
    }   
.aktenInhaltListe .hybridHeadLineContainer,
.aktenUebersichtListe .hybridHeadLineContainer,
#varTable .hybridHeadLineContainer{
    margin-top: 5px;
}

.hybridHeadLineContainer .subHeaderPart > span{
    overflow: hidden;
    max-width: 100%;
    display: inline-block;
    vertical-align: text-top;
}

.hybridHeadLineContainer h2,.hybridHeadLineContainer a, .hybridHeadLineContainer a:visited, .metaContainer h2
{
    font-weight:normal;
    font-size:14px;    
    margin:5px 0;
    text-decoration:none; 
    color:Black;
    }

.hybridHeadLineContainer h2 {
    margin: 5px 0 7px;
}
.hybridHeadLineContainer h2, .hybridHeadLineContainer h3 {
    display:block;
    }

.aktenUebersichtListe .hybridHeadLineContainer h2 {
    height: auto;
    min-height: 18px;
    max-height: 36px;
    /*white-space:nowrap;*/
    word-wrap:break-word;
}    
.aktenInhaltListe .hybridHeadLineContainer h2 {
    white-space:normal;
}
.aktenInhaltListe .hybridHeadLineContainer h3 {
    margin-bottom:10px;
}
#varTable .hybridHeadLineContainer h3 {
    height: 30px;
}    
.hybridHeadLineContainer h3.unread:after {
    color:Red;
    content: " (neu)";
    }    
.hybridHeadLineContainer h3, .hybridContextContainer h3, .metaContainer h3
{
    font-size:12px;
    color:#444;
    font-weight:normal;
    }
.hybridContextContainer {
    height:100%;
}    
     
 
.metaContainer h3 
{
    font-weight:bold;
    }
.metaContainer a, .metaContainer a:visited {
    color:#b38b1b;
    font-weight:normal;    
}

.metaContainer .resetKanzleiSoftwareFlagLink {
    display:block;
    font-weight:bold;
}
.metaContainer a:hover {
    text-decoration:underline;
}
.metaContainer 
{
    padding-bottom: 24px;
    margin:20px 20px 0 0;
}
div.aktenUebersichtListe div.metaContainer {
    margin:20px 20px 0 0 !important;    
    }
.metaSubContainer 
{
   /* border-radius:6px;*/
    background-color:#F1F1F1;
    width:360px;
    margin-bottom:20px;
    border:1px solid #444; 
    }


.parentFolderInfoContainer
{
    border-radius:6px;
    background-color:#F1F1F1;
    /*border: 1px solid #AAAAAA;*/
    width:390px;
    padding:5px;
    margin:0 0 20px 0;
    border-bottom: 1px solid #AAAAAA;
    border-left:1px solid transparent;
    border-top:1px solid transparent;
    border-right:1px solid transparent;
    }
.parentFolderInfoContainer img.relativeImage
{
    position:relative;
    top:-12px;
    left:4px;
    float:left;
    z-index:1;
    }
.parentFolderInfoContainer h1
{
    margin-left:50px;
    font-size:18px;
    overflow: hidden;
    }   
div.metaSubContainer ul li span{
    display:inline-block;
    vertical-align:top;
    }
    
div.metaSubContainer ul li span.metaLabel {
    width:120px;
    }
div.metaSubContainer ul li span.metaText {
    width:190px;
    }    
    
div.metaSubContainer img.metaImage, div.metaSubContainer h3.metaHeadline {
    display:inline-block;
    vertical-align:middle;
    margin-bottom:5px;
    }    
div.metaSubContainer img.metaImage {
    /*width:14px;*/
    height:26px;
    margin-right:10px;
    }


div.metaSubContainer ul.sharedList .sharedUser {
    position: relative;
    padding-left: 25px;
    margin-bottom: 6px;
}
div.metaSubContainer ul.sharedList .sharedUser:before {
    width: 20px;
    height: 20px;
    content: url(../users/images/userIconSmallInactive.png);
    display: block;
    position: absolute;
    top: -8px;
    left: 0;
}
div.metaSubContainer ul.sharedList .sharedUser[data-is-activated='True']:before {
    content: url(../users/images/userIconSmall.png);
}


div.metaSubContainer .metaboxShareContainer {
    padding: 10px;
    margin:10px 0;
    border:1px solid #aaa;
}
div.metaSubContainer .metaboxShareContainer h3{
    margin-bottom:6px;
}

div.metaSubContainer .metaboxShareContainer .maxlist-more a,
div.metaSubContainer .metaboxShareContainer .maxlist-more a:visited,
div.metaSubContainer .metaboxShareContainer .maxlist-more a:active{
    color:#333;
    font-weight:bold;
    margin-top:5px;
    display:block;
    text-decoration:none;
}

div.metaSubContainer .metaboxShareContainer .maxlist-more a span {
    text-decoration:underline;    
}
.workflowMetaSubContainer,
.auszahlungMetaSubContainer {
    border-left:6px solid;
    border-right:6px solid;
    /*border-top:0;
    border-bottom:0;*/
    padding:0;
    background-color:#fff;
}

.workflowMetaSubContainer .row,
.auszahlungMetaSubContainer .row {
    background-image:url();
    background-repeat:no-repeat;
    background-position:bottom right;   
    border-bottom:2px ridge #ddd; 
    border-bottom:2px ridge rgba(221,221,221,0.6); 
    padding:10px 0;

    background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.03))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#08000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.workflowMetaSubContainer .buttonRow,
.auszahlungMetaSubContainer .buttonRow{
    padding-top:12px;    
}

.workflowMetaSubContainer .buttonRow h3,
.auszahlungMetaSubContainer .buttonRow h3  {
    margin-bottom:10px;
}

.workflowMetaSubContainer .row:last-child,
.auszahlungMetaSubContainer .row:last-child {
    border-bottom:0;
}
.workflowMetaSubContainer .row > div,
.auszahlungMetaSubContainer .row > div {
    margin: 0 20px;
}

.workflowMetaSubContainer .row > div.workflowHistoryList > div, 
.auszahlungMetaSubContainer .row > div.workflowHistoryList > div {
    width:100%;
}

.workflowMetaSubContainer .row > div.row,
.auszahlungMetaSubContainer .row > div.row {
    margin: 0;
}
.workflowMetaSubContainer .headerRow *,
.auszahlungMetaSubContainer .headerRow *{
    display:inline-block;
    vertical-align:middle;
    margin-left:20px;
    
}
.workflowMetaSubContainer .headerRow h2,
.auszahlungMetaSubContainer .headerRow h2 {
    margin-left:10px;    
    color:black;
}
.externalRequestList div#paginationTop {
    width:100%;
}
.workflowMetaSubContainer .workflowBtn,
.workflowMetaSubContainer .workflowBtn:visited,
.auszahlungMetaSubContainer .workflowBtn,
.auszahlungMetaSubContainer .workflowBtn:visited,
.externalRequestListElement .workflowBtn, 
.externalRequestListElement .workflowBtn:visited, 
.externalWorkflow .workflowBtn,
.externalWorkflow .workflowBtn:visited {
    display:block;
    padding:7px 10px;
    border:1px solid;
    text-align:center;
    margin:10px 0;    
    text-decoration:none;
    color:#444;
    /*border-radius:4px;*/
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.08))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#14000000',GradientType=0 ); /* IE6-9 */
}

.externalRequestListElement .workflowBtn {
    padding:4px 3%;
    border-color:#AAA;
}

.externalRequestListElement .declineExternalRequest {
    float:right !important;
}

.externalRequestListElement .deletExternalRequest {
    inline-size: auto !important;
    float:right !important;
}

.externalRequestListElement .requestDeclineText {
    margin-left: 10px; 
    font-weight: bold;
}


.externalRequestListElement .workflowBtn > * {
    display:inline-block;
    vertical-align:middle;
}
.externalRequestListElement .workflowBtn img {
    margin-right:4px;    
}
.workflowMetaSubContainer .workflowBtn:hover, .externalRequestListElement .workflowBtn:hover, .externalWorkflow .workflowBtn :hover, .auszahlungMetaSubContainer .workflowBtn:hover {
    color:#222;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.11))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1c000000',GradientType=0 ); /* IE6-9 */
    
}

.workflowMetaSubContainer .row > div.workflowStateRow,
.auszahlungMetaSubContainer .row > div.workflowStateRow,
.workflowMetaSubContainer .row > div.workflowHistoryList div.workflowStateRow,
.auszahlungMetaSubContainer .row > div.workflowHistoryList div.workflowStateRow  {
    margin:10px 20px;
    font-size:12px;
}

.workflowMetaSubContainer .row .metaList span.hasText:after {
    content:":";
}

.workflowMetaSubContainer .row > div.workflowHistoryList div.workflowStateRow,
.auszahlungMetaSubContainer .row > div.workflowHistoryList div.workflowStateRow  {
    margin:10px 0;
    display:block;
}

body.ordner .workflowMetaSubContainer .row > div.workflowHistoryList div.workflowStateRow,
body.ordner .auszahlungMetaSubContainer .row > div.workflowHistoryList div.workflowStateRow  {
    display:none;
}

.workflowMetaSubContainer .row.closedRow > div.workflowStateRow,
.auszahlungMetaSubContainer .row.closedRow > div.workflowStateRow {
    margin:0 20px;
}
.workflowMetaSubContainer .row.closedRow h2,
.auszahlungMetaSubContainer .row.closedRow h2{
    font-size:20px;
    display:inline-block;
    vertical-align:middle;
    color:#444;
}
.workflowMetaSubContainer .row.closedRow h2:before,
.auszahlungMetaSubContainer .row.closedRow h2:before{
    content: url(images/stop.png);
    width:40px;
    height:40px;
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}
.workflowMetaSubContainer .row.closedRow p,
.auszahlungMetaSubContainer .row.closedRow p{
    display:block !important;
    padding-left: 50px;
    margin-top:-10px;
}
.workflowMetaSubContainer .row > div.buttonRow,
.auszahlungMetaSubContainer .row > div.buttonRow {
margin-left:45px;
}
.workflowMetaSubContainer .row > div.buttonRow a.workflowStepBtn,
.workflowMetaSubContainer .row > div.buttonRow a.workflowStepBtn:visited,
.auszahlungMetaSubContainer .row > div.buttonRow a.workflowStepBtn,
.auszahlungMetaSubContainer .row > div.buttonRow a.workflowStepBtn:visited,
.externalWorkflow .workflowBtn  {
    display:inline-block;
    width:42%;
    margin:0 2% 4px 0;    
    padding:4px 2%;
}
.workflowMetaSubContainer .row > div.buttonRow a.workflowStepBtn.autoWidth,
.auszahlungMetaSubContainer .row > div.buttonRow a.workflowStepBtn.autoWidth{
    width:auto;
}
.externalWorkflow .workflowBtn {
    max-width:150px;
}
.workflowMetaSubContainer .row > div.workflowStateRow > *,
.auszahlungMetaSubContainer .row > div.workflowStateRow > *,
.workflowMetaSubContainer .row > div.workflowHistoryList div.workflowStateRow > *,
.auszahlungMetaSubContainer .row > div.workflowHistoryList div.workflowStateRow > * {
    display:inline-block;
    vertical-align:text-top;
}
.workflowMetaSubContainer .row > div.workflowStateRow > div,
.auszahlungMetaSubContainer .row > div.workflowStateRow > div,
.workflowMetaSubContainer .row > div.workflowHistoryList div.workflowStateRow > div,
.auszahlungMetaSubContainer .row > div.workflowHistoryList div.workflowStateRow > div {
    width:87%;
}
.workflowMetaSubContainer .row > div.workflowStateRow img,
.auszahlungMetaSubContainer .row > div.workflowStateRow img,
.workflowMetaSubContainer .row > div.workflowHistoryList div.workflowStateRow img,
.auszahlungMetaSubContainer .row > div.workflowHistoryList div.workflowStateRow img  {
    margin-right:10px;
    max-width:12px;
    max-height:12px;
}

.workflowMetaSubContainer .row > div.structuredDataRow h3,
.auszahlungMetaSubContainer .row > div.structuredDataRow h3 {
    width:40%;
}
.workflowMetaSubContainer .row > div.structuredDataRow span,
.auszahlungMetaSubContainer .row > div.structuredDataRow span {
    width:59%;
}

.auszahlungMetaSubContainer {
    height:58px;
    overflow:hidden;
    border-top:1px solid #6a6a6a !important;
    margin-top:-22px;
}
.workflowListElement .auszahlungMetaSubContainer {
    border-top:1px solid #6ab4e9 !important;
}

/*HYBRID DOKUMENT:*/

#documentMeta div.metaContainer 
{
    margin-top:20px;
    }

#documentMeta div#akteInfo,#documentMeta div#documentPermissions,#documentMeta div#documentReaders
{
    padding:0px !important;
    margin:20px 0 0 0 !important;
    }
.hybridDetails 
{
    background-color: #fff;
    border: 1px solid #AAAAAA;
/*    border-radius: 6px 6px 6px 6px;*/
    display: block;
    min-height: 282px;
    margin:20px 0 0 0;
    max-width: 790px;    
    padding:1px 0 20px 0;
}
.external.result .hybridDetails{
    border-top:0;
}
#documentMeta div#documentText
{
    width:750px;
    /*text-align:justify;*/
    border-bottom: 1px dashed #555555;
    padding-bottom:20px;
    }
#documentMeta div.parentFolderInfoContainer
{
    margin-top:0px !important;
    }
#documentMeta div#akteInfo 
{
    padding-left:0px !important;
    height:auto !important;
}

.hybridAttachmentListElement
{
/*    padding:4px;*/
    background-color:#f7f7f7;
    border:1px solid #333;
    margin:2px 0;
    width:auto;
    display:inline-block;
    max-width:100%;
    vertical-align:top;
    }

.attachmentManager .hybridAttachmentListElement,
.singleAttachment .hybridAttachmentListElement
{
    background-color:#f7f7f7 !important;
    border:1px solid #ccc !important;
}
.hybridAttachmentListElement:after {
    content:"";
    height:0px;
    display:block;
    clear:both;
}
.hybridAttachmentListElement:hover
{
    /*background-color:#ddd;
    background-color: #CCCCCC;*/
    border: 1px solid #666666 !important;
    }    
.hybridAttachmentListElement a, .hybridAttachmentListElement a:visited        
{
    height:100%;
    text-decoration:none;
    color: #444;
    font-weight:normal;
    overflow:hidden;
    padding: 2px 0;
    width:100%;
    }

.hybridAttachmentListElement a span.notVirusScanned:after {
    content: "  (Kein Virenscan durchgeführt)" !important;
    color: red !important;
}

.hybridAttachmentListElement * 
{
    display:inline-block;
    vertical-align:middle;
    width:auto;
}

.hybridAttachmentListElement .filesize {
    display:inline-block !important;
    max-width:none;
    margin-top:-2px !important;
}

.hybridAttachmentListElement.hasGalleryLink a,
.documentCenterMetaSubContainer .hybridAttachmentListElement a {
    display:inline-block;
    float:left;
    width:90%;
    overflow:hidden;
}
.HybridListElementBinary .hybridAttachmentListElement a.galleryLink,
.hybridAttachmentListElement.hasGalleryLink a.galleryLink {
    width:10%;
    background-image:url(images/eye.png);
    background-position:center;
    background-repeat:no-repeat;
}
.hybridAttachmentListElement.hasGalleryLink a.galleryLink span {
    opacity:0;
}


.hybridAttachmentListElement img 
{
    width:20px;
    margin:0 6px;
    
}
.hybridAttachmentListElement a span{
    margin-top:2px;
    max-width:1%;
    margin-right:6px;
    word-break: keep-all;
    white-space: nowrap;
}
 
/*HYBRID Kontextmenu*/    
div.hybridListElementRight  {
    width:auto;
    /*margin:10px 12px 0 0;*/
    width:140px;

    background-repeat:no-repeat;
    background-position:top right;
    }

.assignment .hybridListElementRight  {
    width:auto;
}

.externalRequestListElement.declined {
    opacity:0.6;    
}
.externalRequestListElement.declined div.hybridContextContainer > *{
    opacity:1;    
}
.externalRequestListElement div.hybridContextContainer {
    width:200px;
}
.noContext div.hybridContextContainer.hasContextMenu {
    background-image:none;
}

div.hybridContextContainer > * {
    visibility:hidden;
    }
.externalRequestListElement div.hybridContextContainer > * {
    visibility:visible;
    opacity:0.3;
}
#varTable div.hybridContextContainer * {
    visibility: visible;
}
#varTable div.hybridContextContainer .hybridContextCreationdate {
    margin-top: 41px;
    margin-right: 16px;
    text-align: right;
}
div.hybridContextContainer h3.hideThis {
    visibility: visible;
    display: block;
    position: relative;
    right: 6px;
    top: -30px;
    text-align: right;
    overflow:visible;
    height:0;
}    

.textnode div.hybridContextContainer h3.creatorInfo {
    display:none !important;
} 
.hybridListElement.hover:hover div.hybridContextContainer * {
    visibility:visible;
    opacity:1;
    }     
.hybridListElement.hover:hover div.hybridContextContainer h3.hideThis {
    visibility: hidden;
    display: none;
}        
div.hybridContext 
{
    background-color: #E9E9E9;
    border-left: 1px solid #AAAAAA;
    height:100%;
    padding: 0 5px 0 10px;
    width:123px;
    cursor:pointer;
    position: relative;
    /*top:1px;*/
    right:-1px;
    overflow:hidden;
    }
div.hybridContext ul, div.hybridContext img {
    position:relative;
    top:4px;
}
.AkteListElement div.hybridContext {
    height:100%;
}
.hybridContext ul li.inactive {
    opacity:0.3 !important;
    cursor:default;
    }
/*div.hybridContextContainer:hover div.hybridContext */
.hybridListElement:hover div.hybridContext
{
    display:block;
    }    
.hybridListElement.hover:hover div.hideThis, .hybridListElement.hover:hover h3.hideThis 
{
    display:none;
    }    
div.hybridContext img 
{
    /*margin:4px -7px;*/
    }
div.hybridContext a, div.hybridContext a:visited
{
    text-decoration:none;
    color:#333;
    }    
div.hybridContext a:hover 
{
    color:#910300;
    }

span.hybridListElementAktenkurzbezeichnung {
    font-weight:bold;
    color:#555;    
}
span.hybridListElementAktenzeichen, span.aktenzeichen {
    color: #b38b1b;
    font-weight: bold;
    font-style: italic;
}

.jqtree-element span.hybridListElementAktenzeichen {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}
/*PROTOTYP NEUE AKTE INLINE 1*/

#newFolderContainer1{
    margin-top:20px;
    background-color: white;
    border: 1px solid #AAAAAA;
    border-radius: 6px 6px 6px 6px;
    margin:20px 20px 0 20px;
    padding: 5px;
    width: 740px;
    margin-left:60px;
    }
#newFolderContainer1 a, #newFolderContainer1 a:visited{
    color:Black;
    text-decoration:none;
    display:inline-block;
    vertical-align:middle;
    width:100%;
    height:100%;
    }
#newFolderPT1 img, #newFolderPT1 h1{
    display:inline-block;
    vertical-align:middle;
    }
#newFolderPT1 h1{
    font-size: 18px;
    margin-left:10px;
}
#newFolderFormContainer1 div.newFolderInline{
    padding:20px;
    background-color:#eee;
    border-radius:6px;
    margin-top:4px;
    }

/*PROTOTYP NEUE AKTE INLINE 2*/
#newFolderContainer2{
    margin-top:20px;
    background-color: white;
    border: 1px solid #AAAAAA;
    border-radius: 6px 6px 6px 6px;
    margin:20px 20px 0 310px;
    padding: 5px;
    width: 160px;
    margin-bottom:20px;
    }
#newFolderContainer2:hover{
    background-color: #CCCCCC;
    background-image: -moz-linear-gradient(center top , #EEEEEE, #CCCCCC);
    }
#newFolderContainer2 a, #newFolderContainer2 a:visited{
    color:Black;
    text-decoration:none;
    display:inline-block;
    vertical-align:middle;
    width:100%;
    height:100%;
    }
#newFolderPT2 img, #newFolderPT2 h1{
    display:inline-block;
    vertical-align:middle;
    }    
#newFolderPT2 h1{
    font-size: 18px;
    margin-left:10px;
}    
#newFolderFormContainer2{
    /*height:0px;*/
    }
#newFolderFormPT2 {
    margin-left:20px;
        height:0px;
        min-height:0px;
    }
#hybridListElementNew{
    display:none;
    opacity:0;
    }

    
#newFolderFormPT2 div.hybridHeadLineContainer{
    margin:11px 0 0 0;
    }
#newFolderFormPT2 div.hybridIconContainer {
    margin-left:36px;
    }
#newFolderFormPT2 div.editor-label, #newFolderFormPT2 div.editor-field{
    display:inline-block;
    margin:0 6px 0 4px;
    }
#newFolderFormPT2 div.editor-label{
    font-size:16px;
    width:100px;
    }    
#newFolderFormPT2 div.editor-field input{
    height:20px;
    }    
#newFolderFormPT2 div.editor-field input{
    width:270px;
    }
#newFolderFormPT2 div.editor-field input#Aktenkurzbezeichnung {
    
    margin-top:4px;
    }  
#newFolderInlineInputs, #newFolderInlineButtons{
    display:inline-block;

    vertical-align:top;
    }  
#newFolderInlineInputs{
    width:400px;        
    }     
#newFolderInlineButtons{
    text-align:right;
    width:280px;    
    }
#newFolderFormPT2 input#bthCreate{
    /*color: #333333 !important;
    text-shadow: 1px 1px 1px #FFFFFF !important;
    background-image: url("../ordner/images/buttonSubmitBackground.png");
    width: 114px;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    height: 26px !important;*/
    }    
    
 #newFolderFormPT2 div.validation-summary-errors {
     display:none !important;
     width:788px;
     margin-top:10px;
     }
 #newFolderFormPT2 span.field-validation-error {
     display:none !important;
     }
     

/*Selectbox (Sortierung)*/
#sortSelectboxContainer{
    margin:0 0 0 22px;

    }
    #sortSelectboxContainer * {
    font-size: 12px;
    }
.sortSelectbox{
    min-width: 120px;
    border: 1px solid #AAAAAA;
    color: #555555;
    display: inline-block;
    height: 27px;
    }     
#paginationTop .sortSelectbox option,
#paginationBottom .sortSelectbox option {
    padding-left:4px;
    display: block;
    }

label.ui-state-active {
    border-color:#d7ab4e;
}

/*Ausklappbare Elemente*/
.expandableItem {
    overflow:hidden;
    position:relative;
}
.expandableItem.opened {
    height:auto;    
}
.expandableItem.closed {
    cursor:pointer;
}

.expandableItem.closed .row {
    visibility:hidden;
}

.metaSubContainer .headerRow, .expandableItem.closed .headerRow {
    visibility:visible;
}

.expandableItem.opened * {
    visibility:visible;
}

.metaContainer.closed .metaSubContainer {
    height:58px;
}
.metaContainer.closed .metaSubContainer.opened {
    height:auto;
}

.expandableItem > .expandableListTrigger {
    background-color:rgba(0,0,0,0.07);
    background-repeat:no-repeat;
    width:26px;
    height:26px;
    border-radius:3px;
    background-image:url(images/accordionIcons/accordion_closed.png);
    position:absolute;
    top:0;
    right:0;
    background-position:-8px;
    cursor:pointer;
}
.expandableItem.opened > .expandableListTrigger {
    background-image:url(images/accordionIcons/accordion_opened.png);
}
.expandableMeta {
    height:58px;
}
.expandableMeta > .expandableListTrigger {
    border-radius:0;
    height:60px;
    background-color:transparent;
}
.expandableList {
    height:14px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.08))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#14000000',GradientType=0 ); /* IE6-9 */
    border-radius:4px;
    padding:6px;
    margin:6px 0;
    width:100%;
    border:1px solid black;
}
ul.expandableList li{
    list-style-type:none;
    font-size:12px;
}
.expandableList h3 {
    margin-bottom:10px;  
    font-size:12px;  
}

/*Kacheln*/
.hybridTileElementContainer {
    width: 33.33333%;
    float: left;
    margin:0 0 20px 0;
}
.hybridTileElementList .hybridTileElementContainer:nth-child(3n-1) > div {
    margin:auto;
}
.hybridTileElementList .hybridTileElementContainer:nth-child(3n) .hybridTileElement  {
    float:right;
}

.hybridTileElement{
    height:130px;
    width:95%;

    list-style-type:none;
    
    background-color: #ffffff;
    /*border-bottom: 1px solid #AAAAAA;*/
    border: 1px solid #888;
    background-repeat:no-repeat;
    background-position:left 4px;
    display: table;
    position:relative;
}

.hybridTileElement.externalRequestListElement {
    height:auto;
}
.hybridTileElement.externalRequestListElement.declined {
    background-color:#eee;
}
.hybridTileElement .hybridTileBottom .workflowBtn{
    margin:0;
    float:left;
    width:44%;
    border:0;
    box-shadow: 0px 0px 0px 1px #888;
    border-top-left-radius:0;
    border-top-right-radius:0;    
    border-bottom-left-radius:0;
    opacity:0.6;
}
.hybridTileElement:hover .hybridTileBottom .workflowBtn {
    opacity:1;
}
.hybridTileElement .hybridTileBottom .workflowBtn.disabled,
.hybridTileElement:hover .hybridTileBottom .workflowBtn.disabled {
    opacity:0.3;
}
.metaContainer .buttonRow .disabled {
    opacity:0.5;
}
.hybridTileElement .hybridTileBottom .workflowBtn:first-child {
    
    z-index:999;
}
.hybridTileElement .hybridTileTop {
    padding:0 10px;
    min-height:100px;
}
.hybridTileElement .hybridTileTop h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 5px 0;
    color: Black;
}
.hybridTileElement .hybridTileTop h2 > * {
    font-size: 16px !important;
    display:inline-block;
    vertical-align:middle;    
}
.hybridTileElement .hybridTileTop h2 > img {
    opacity:0.7;    
}
.hybridTileElement .hybridTileTop h3 a, .hybridTileElement .hybridTileTop h3 a:visited {
    color:#3b6a71;
    text-decoration:none;
    font-weight:normal;
}
.hybridTileElement .hybridTileTop h3 a:hover {
    text-decoration:underline;    
}

.hybridTileElement .hybridTileBottom > p {
    color: #444;
    text-align:right;
    margin:4px 10px;
    font-weight:bold;
}




.hybridTileElementList .hybridTileElementContainer:nth-child(3n-1) > div {
    margin:auto;
}
.hybridTileElementList .hybridTileElementContainer:nth-child(3n) > div {
    float:right;
}


@media only screen and (max-width:1024px) {
    .hybridTileElementContainer {
        width: 50%;
    }
    .hybridTileElementList .hybridTileElementContainer:nth-child(3n) > .hybridTileElement {
        float:none;
    }
    .hybridTileElementList .hybridTileElementContainer:nth-child(2n-1) > .hybridTileElement {
        margin:0;
    }
    .hybridTileElementList .hybridTileElementContainer:nth-child(2n) > .hybridTileElement {
        margin:0;
        float:right;
    }


}    

@media only screen and (max-width:768px) {
   .sortSelectbox{
       width: 24px !important;
       min-width: 24px;
    }
    .hybridTileElementList .hybridTileElementContainer, .usersList, .singleUserListElement {
        width:100% !important;
        float:none !important;
    }
}    

/*Kategorien*/

.metaSubContainer .fixedCategorySelectOption {
    margin:4px 0;
}

.metaSubContainer .fixedCategorySelectOption *{
    display:inline-block;
    vertical-align:top;
    margin-right:2px;
}
.categoryColorSelectboxOption {
    border-left:14px solid #ddd;
}
.categoryContainer {
    display:inline-block;
    position:relative;
}
.categoryColor {
    display:inline-block;
    width:12px;
    height:12px;
    margin-right:2px;
    border-radius:7px;
    border:1px solid #888;
}
.categoriesTooltip {
    display:none;
    position:absolute;
    top:20px;
    left:-11px;
    padding:10px;
    background-color:white;
    border:1px solid #aaa;
    border-radius:6px;
    box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.04);
    z-index:2;
}
.categoriesTooltip * {
    white-space:nowrap;    
}
.categoriesTooltip span:first-child {
    margin-right:8px;
}
.categoryContainer:hover .categoriesTooltip {
    display:block;
}
.categoryContainerExpanded li {
    margin-top:4px;
}
.categoryContainerExpanded li .categoryColor{
    margin-right:6px;
}

.categorySelect input[type=submit] {
    width:80px;
    max-width:30%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #d3ab40;
    border-radius: 6px;
    padding:3px 10px;
    cursor:pointer;
    font-style:normal;
    margin-left:4%;
}

.categorySelect select {
    max-width:64%;
    height:28px;
}

.categorySelect option {
    outline: none;
    -webkit-appearance:none;
}
.categorySelect {
    display:inline-block;
    vertical-align:middle;
}


/*Farben Apps / Farbkodierung Workflows*/


div.hybridListElementLeft {
  -webkit-transition : border 350ms ease-out;
  -moz-transition : border 350ms ease-out;
  -o-transition : border 350ms ease-out;
  transition : border 350ms ease-out;
}
.Rechtsschutz > div.hybridListElementLeft,
.Rechtsschutz > div.hybridListElementHeader {
    border-left:4px solid #a0c862;
}
.ExternalRequest > div.hybridListElementLeft,
.ExternalRequest > div.hybridListElementHeader {
    border-left:4px solid #77a5ab;
}
.ExternalRequest.declined > div.hybridListElementLeft,
.ExternalRequest.declined > div.hybridListElementHeader {
    border-left:4px solid #AAA;
}
.Schadenmeldung > div.hybridListElementLeft,
.Schadenmeldung > div.hybridListElementHeader  {
    border-left:4px solid #6ab4e9;
}
.KHSchaden > div.hybridListElementLeft,
.KHSchaden > div.hybridListElementHeader  {
    border-left:4px solid #d8844b;
}

.Datenerfassung > div.hybridListElementLeft,
.Datenerfassung > div.hybridListElementHeader  {
    border-left:4px solid #00a19a;
}

.assignment div.hybridListElementLeft,
.assignment div.hybridListElementHeader  {
    border-left:4px solid #4a7498;
}
.assignment.other div.hybridListElementLeft,
.assignment.other div.hybridListElementHeader  {
    border-left:4px solid #bbb;
}

.Datenerfassung > div.hybridListElementHeader,
.Rechtsschutz > div.hybridListElementHeader,
.ExternalRequest > div.hybridListElementHeader,
.ExternalRequest.declined > div.hybridListElementHeader,
.Schadenmeldung > div.hybridListElementHeader,
.KHSchaden > div.hybridListElementHeader {
    width: calc(100% - 4px);
}
.assignment div.hybridListElementHeader,
.assignment.other div.hybridListElementHeader {
    padding-left:6px;
}
/*
.Beauftragung > div.hybridListElementLeft {
    border-left: 6px solid #224a9f;
}
*/

.AssignmentsMetaSubContainer , .AssignmentsMetaSubContainer  .workflowBtn  {
    border-color:#4a7498;
}

.RechtsschutzMetaSubContainer, .RechtsschutzMetaSubContainer .workflowBtn  {
    border-color:#a0c862;
}
.KhschadenMetaSubContainer, .KhschadenMetaSubContainer .workflowBtn{
    border-color:#d8844b;
}
.ExternalrequestMetaSubContainer, .ExternalrequestMetaSubContainer .workflowBtn  {
    border-color:#b51f29;
}
.workflowMetaSubContainer.mobileflexapp, .workflowMetaSubContainer.mobileflexapp .workflowBtn, .workflowMetaSubContainer .workflowBtn.mobileFlexButton {
    border-color:#00a19a;
}
.workflowMetaSubContainer .workflowBtn.familyAssistantButton {
    border-color:#ee9535;
}
.workflowMetaSubContainer.mobileAssistantSelector {
    border-color: #5cc053;
}
.workflowMetaSubContainer.mobileflexapp .mobilassistentWorkflowButtonRow {
    display:none;
}
.UnfallmeldungMetaSubContainer, .UnfallmeldungMetaSubContainer .workflowBtn,
.auszahlungMetaSubContainer, .auszahlungMetaSubContainer .workflowBtn,
.metaSubContainer.UNFALLMELDUNG , .metaSubContainer.UNFALLMELDUNG .workflowBtn
{
    border-color:#6ab4e9;
}
.metaSubContainer.UNFALLMELDUNG .maxlist-more a {
    color:#6ab4e9;
}
.GutachtenMetaSubContainer, .GutachtenMetaSubContainer .workflowBtn,
.metaSubContainer.GUTACHTEN , .metaSubContainer.GUTACHTEN .workflowBtn  {
    border-color:#69498a;
}
.metaSubContainer.GUTACHTEN .maxlist-more a {
    color:#69498a;
}
.WorkflowMetaSubContainer, .WorkflowMetaSubContainer .workflowBtn,
.metaSubContainer.WORKFLOW , .metaSubContainer.WORKFLOW .workflowBtn  {
    border-color:#4a7091;
}
.metaSubContainer.WORKFLOW .maxlist-more a {
    color:#4a7091;
}
.AktenMetaSubContainer, .AktenMetaSubContainer .workflowBtn, .AktenMetaSubContainer .expandableList {
    border-color:#d3ab40;
}

.MielchenMetaSubContainer, .MielchenMetaSubContainer .workflowBtn,
.ExternalMetaSubContainer, .ExternalMetaSubContainer .workflowBtn {
    border-color:#b71a1e;
}
.MielchenMetaSubContainer .maxlist-more a {
    color:#b71a1e;
}
.ExternalRequestSubContainer, .metaSubContainer.EXTERNALREQUEST,  
.ExternalRequestSubContainer .workflowBtn, .metaSubContainer.EXTERNALREQUEST .workflowBtn{
    border-color:#77a5ab;
}
.ExternalRequestSubContainer .maxlist-more a{
    color:#77a5ab;
}
.AllianzMetaSubContainer, .AllianzMetaSubContainer .workflowBtn,
.metaSubContainer.ALLIANZPROZESSBEAUFTRAGUNG , .metaSubContainer.ALLIANZPROZESSBEAUFTRAGUNG .workflowBtn  {
    border-color:#224a9f;
}
.metaSubContainer.ALLIANZPROZESSBEAUFTRAGUNG .maxlist-more a {
    color:#224a9f;
}
.WASSERSCHADENMetaSubContainer, .WASSERSCHADENMetaSubContainer .workflowBtn,
.metaSubContainer.WASSERSCHADEN , .metaSubContainer.WASSERSCHADEN .workflowBtn  {
    border-color:#6ab4e9;
}
.metaSubContainer.WASSERSCHADEN .maxlist-more a{
    color:#6ab4e9;
}

.workflowMetaSubContainer.MOBILEASSISTENT,
.metaSubContainer.MOBILEASSISTENT .workflowBtn {
    border-color: #777;
}

.hybridListElement.Folder {
    border-left:4px solid #f5c140;
}
.workflowMetaSubContainer .maxlist-more {
    margin-left:20px;
}


.hybridListElement.Binary,
.hybridListElement.HybridListElementBinary {
    height:30px;
}
.hybridListElement.HybridListElementBinary input.containerMultiSelect {
    margin: 9px 0 0 13px;
}
.hybridListElement.HybridListElementBinary .hybridListElementLeft {
    width: 46px;
}

.hybridListElement.HybridListElementBinary .hybridListElementRight {
    width:20px;
}
.hybridListElement.HybridListElementBinary .unreadInfo {
    display:inline-block;
    color: red;
    width:36px;
    margin-top:7px;
}
.hybridListElement.HybridListElementBinary .unreadInfo.read {
    opacity:0;
}
.hybridListElement.HybridListElementBinary .structuredDataInfo{
    display:inline-block;
    margin-top:7px;
    color: #444;
    margin-right: 10px;
}
.hybridListElement.HybridListElementBinary .structuredDataInfo span{
    font-weight:bold;
}
.hybridListElement.HybridListElementBinary .hybridAttachmentListElement {
    margin-top:3px;
}

.hybridListElement.HybridListElementBinary .ec-context-trigger img {
    margin:4px 4px 0 0;
}

.hybridListElement.HybridListElementBinary .hiddenDetails {
    display:none;
    width:100%;
    clear:both;
    margin:15px 0 10px;    
}

.hybridListElement.HybridListElementBinary .hiddenDetails .text > * {
    display:inline-block;
    vertical-align:top;
}

.hybridListElement.HybridListElementBinary .hiddenDetails .text > strong {
    max-width:29%;
    width:80px;
}
.hybridListElement.HybridListElementBinary .hiddenDetails .text > span {
    max-width:70%;
}

/*HybridList New*/

.hybridListElement-new {
    background: white;
    width: 100%;
    height: 60px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
}

.hybridListElement-new:hover {
    background-color: #f5f5f5;
}

    .hybridListElement-new .list-row {
        height: inherit;
        width: 97.7%;
        margin-top: -2px;
        margin-left: 18px;
    }

    .hybridListElement-new .column {
        float: left;
        height: inherit;
    }

    .hybridListElement-new .column-left {
        width: 87.5%;
    }

    .hybridListElement-new .sub-row {
        height: 30px;
        line-height: 30px; 
    }

    .hybridListElement-new .column-right  {
        width: 9.5%;
    }

    .content-list-element li.hybridAttachmentListElement.hasGalleryLink.attachmentManagerDefault,
    .content-list-element li.hybridAttachmentListElement.attachmentManagerDefault,
    .content-list-element li.hybridAttachmentListElement {
        width: 100%;
        margin-top: 3px ;
    }

    .content-list-element  li.hybridAttachmentListElement {
        *display: block;
        width: 100%;
    }


    /* --------- Overrides ---------------*/

    .hybridListElement-new .attachmentManager .hybridAttachmentListElement, .hybridListElement-new .singleAttachment .hybridAttachmentListElement, .hybridListElement-new .hybridDocumentCenterListElement {
        margin-top: -30px;
        margin-left: 34px;
        line-height: 20px;
        height: 20px;
        width: 85% ;
    }

    /*width of pdf field*/
    .hybridListElement-new .attachmentManager .hybridAttachmentListElement, .hybridListElement-new .singleAttachment .hybridAttachmentListElement, .hybridListElement-new .hybridDocumentCenterListElement {
        width: 90%;
    }

    .hybridListElement-new .ec-context-trigger {
        opacity: 0;
        margin-top: -28px;
        right: 10px;
    }

    .hybridListElement-new:hover .ec-context-trigger {
        opacity: 1;
        display: block;

    }

    .hybridListElement-new .erstellerInfo {
        margin-left: 34px;
        font-weight: bold;
    }
    /* -------------------------------*/

.vertical-align {
    height: inherit;
    text-align: center;
    vertical-align: middle;
}

@media only screen and (max-width:  1050px) {

    #sortSelectboxContainer {
        margin: 0;
    }

    .ecbSelect {
        margin-right: 0;
    }
    
    .hybridListElement-new {
        margin-top: 10px;
    }

    .hybridListElement-new .list-row {
        margin-left: 10px;
    }

    .hybridListElement-new .column-left {
        width: 79%;
    }

    .hybridListElement-new .column-right {
        width: 20%;
    }

    .hybridListElement-new .bulkcheckContainer {
        padding-left: 0px;
    }


    .hybridListElement-new .ec-context-trigger {
        right: 5px;
    }
}


@media only screen and (max-width:  768px) {

    .hybridListElement-new {
        width: 100%;
        margin-top: 20px;
    }

    .hybridListElement-new .list-row {
        width: 100%;
        margin-left: 0;
    }

    .hybridListElement-new .hybridAttachmentListElement {
        margin-top: 1px;
    }


    .hybridListElement-new .ec-context-trigger {
       * right: 0;
    }

    .hybridListElement-new .erstellerInfo {
        margin-left: 10px;
    }

    .hybridListElement-new .attachmentManager .hybridAttachmentListElement a, .hybridListElement-new .singleAttachment .hybridAttachmentListElement a {
        width: 90%;
    }

    .hybridListElement-new .attachmentManager .hybridAttachmentListElement, .hybridListElement-new .singleAttachment .hybridAttachmentListElement, .hybridListElement-new .hybridDocumentCenterListElement {
        margin-left: 10px;
        margin-top: 0;
        width: 97%;
    }
}

.externalRequests .hybridOrdnerList,
.aufgabenListe .hybridOrdnerList
{
    width:98%;
}    

#hybridWorkflowList.hybridWorkflowList {
    width: 96%;
}


/*----------------------------------------
 AktenInhaltsliste -> ContentListElement

    Refactoring of Subnavi Responsiveness
-----------------------------------------*/

/*
    NOTE: Please avoid using !important
*/

/*TODO: restrict rules to view "akteninhaltsliste"*/


/*Overrides*/
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.toolbar, .HybridListElementBinary {
    width: 100%;
}

#hybridList.hybridOrdnerList {
    width: 63%;
    padding-right: 0;
}

.paginationListElement {
    width: 100%;
} 



@media only screen and (max-width: 1100px) {

    /*Navi*/
    div#appNaviBox {
        height: auto;
        display: block;
        border-bottom: 1px solid #aaa;
    }

    #hauptNavi {
        content: "";
        clear: both;
        display: table;
    }

    #hauptNavi.documentOperations, #subNaviListContainer {
        width: 100%;
        display: block;
        float: none;
    }

    div#subNaviListContainer {
        position: static;
        border-top: 1px solid #aaa;
        width: 100%;
        max-width: none;
        height: 40px;
        margin: 0;
        padding: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }


    div#subNaviListContainer p, div#subNaviListContainer ul {
        margin-left: 2%;
    }

    #subNaviListContainer ul {
        margin: 0;
        padding: 0;
        position: static;
        width: 100%;
    }

    /*List*/
    #hybridList.hybridOrdnerList {
        width: 60%;
    }

}





@media only screen and (max-width:1024px) {


    /*toolbar*/

    #hybridList .controlContainer {
        margin-left: 5px;
    }

    #aktenContainer div.metaContainer {
        width: 33%;
    }

    div.metaSubContainer {
        width: 100%;
        padding: 0;
        margin: 0;
        margin-bottom: 20px;
    }

    #loginContainer {
        top: 50px;
    }

    #hauptNavi > div.documentOperations > ul > li > a, #hauptNavi > div.documentOperations > ul > li > a:link {
        padding: 0 8px;
    }

    #subNaviListContainer {
        width: 100%;
    }

    div#subNaviListContainer ul {
        width: 100%;
    }

    #subNaviListContainer ul li {
        min-width: 95px;
    }

    #filterContainer {
        display: none;
    }


    /*Content-list-element*/

    .content-list-element .context-menue {
        margin-left: 0px;
    }

    .content-list-element .context-menue ul.contextMenu {
        margin-left: 5px;
    }


    .content-list-element .row.middle .column.width-3 .content-wrapper {
        padding-right: 0;
        padding-left: 0;
    }

    .content-list-element .documentAttachments .attachments {
        width: 100%;
    }

    .content-list-element .attachmentManager .hybridAttachmentListElement a.showSize {
        width: 80%;
    }

    .content-list-element .attachmentManager .hybridAttachmentListElement  a.galleryLink {
        width: 20px;
    }

    .content-list-element .hybridAttachmentListElement a span{
        white-space: nowrap ;
    }

}

@media only screen and (max-width: 846px) {
    
    /*List*/
    #hybridList.hybridOrdnerList {
        display: block;
        float: none;
        width: 96%;
    }

    #aktenContainer div.metaContainer {
        margin: 0;
        padding: 0;
        float: none;
        clear: both;
        width: 95%;
        margin-left: 1.9%;
    }

    .content-list-element .hybridAttachmentListElement a span {
        white-space: nowrap ;
    }
}





@media only screen and (max-width: 800px) {
    
    #hybridList.hybridOrdnerList {
        width: 95%;
    }
   
}

@media only screen and (max-width: 768px) {

    div.aktenInhaltListe div.metaContainer {
        margin-left: 0;
    }

    #aktenContainer div.metaContainer {
        width: 100%;
        margin-left: 0;

    }

    .content-list-element .content .row-middle .column.width-3 {
        width: 100%;
    }

    /*TODO: AUSBLENDEN*/
    .content-list-element .row.middle div.column.width-1 {
        display: none;
    }

    .content-list-element .column.width-4.clear-float.handcursor {
        display: none;
    }

    .content-list-element:hover  .context-menue {
        display: none;
    }

}

@media only screen and (max-width: 400px) {

    .content-list-element .hybridAttachmentListElement a span {
        white-space: nowrap;
    }

}

/*legalAI widget*/
.workflowMetaSubContainer.LegalAiMetaSubContainer .row {
    padding-bottom: 20px;
}

.workflowMetaSubContainer.LegalAiMetaSubContainer .row.headerRow {
    padding-bottom: 10px;
}

.LegalAiMetaSubContainer .headerRow h2 {
    font-size: 18px;
}

.LegalAiMetaSubContainer {
    border-color: #0273a7;
    border-top-width: 3px;
    border-bottom-width: 3px;
}

.legalai-ecd-button {
    border-color: #0273a7 !important;
    background-color: #0273a7 !important;
    text-align: center;
    border-radius: 4px;
    color: white !important;
    background: white;
    width: calc(100% - 24px);
    position: relative;
    font-size: 18px;
}

.legalai-ecd-button .icon-right {
    font-size: 20px !important;
    position: absolute;
    padding-left: 10px;
    top: -1px;
}

.LegalAiMetaSubContainer .row > div.workflowStateRow {
    margin-bottom: 24px;
}

.LegalAiMetaSubContainer .row > div.workflowStateRow.legalAiChatStateRow {
    margin-bottom: 10px;
}

.legalAiChatPinContainer {
    box-sizing: border-box;
    text-align: right;
    width: 100%;
    padding-right: 8px;
    font-size: 13.1px;
}

.legalAiChatPin {
    font-size: 18px !important;
    font-weight: bold;
    letter-spacing: 0.075em;
}

.LegalAiMetaSubContainer .e-mail-label-row {
    margin-bottom: 13.1px !important;
}

.LegalAiMetaSubContainer .e-mail-label-row h3 {
    font-size: 13.1px;
    font-weight: 200;
}

.LegalAiMetaSubContainer .row > div.e-mail-row {
    margin: 10px 20px 0 20px;
}

.LegalAiMetaSubContainer .e-mail-row .e-mail-row-label {
    font-size: 13.1px;
    font-weight: 200;
    color: #686868;
    margin-bottom: 4px
}

.LegalAiMetaSubContainer .e-mail-row .e-mail-row-value {
    font-weight: 600;
    font-size: 13.1px;
}
div#processMetaContainer{
    border:1px solid #3c719e;
background: -moz-linear-gradient(top, rgba(30,87,153,0.45) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0.45)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(30,87,153,0.45) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(30,87,153,0.45) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(30,87,153,0.45) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(30,87,153,0.45) 0%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#731e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
    }

div.processContainer {
    background-repeat:no-repeat;
    background-position:0px 8px;
    padding-left:26px;
    margin-bottom:10px;
}
div.metaSubContainer div.confirmed{
    background-image: url('images/processIcons/processConfirmed.png');
    }
div.metaSubContainer div.cancelled{
    background-image: url('images/processIcons/processCancelled.png');
    }
div.metaSubContainer div.pending{
    background-image: url('images/processIcons/processPending.png');
    }
div.metaSubContainer div.inactive{
    background-image: url('images/processIcons/processInactive.png');
    }            
div.metaSubContainer div.versicherungConfirmed{
    background-image: url('images/processIcons/processVersicherungConfirmed.png');    
    }
div.metaSubContainer div.versicherungCancelled{
    background-image: url('images/processIcons/processVersicherungCancelled.png');   
    }

div.processContentContainer {
    border-radius:4px;
    background-color:#e9eff5;
    border:1px solid white;
}
div#processMetaContainer div.pending div.processContentContainer{
    background-color:#d8e5f0;
    border:1px solid #30506b;
    }
div.processHeader h3{
    display:inline-block;
    padding:10px;
}
div.processHeader h3.status, div.processHeader h3.inactiveStatus{
    float:right;
    }
div#processMetaContainer div.pending h3.status{
    display:none;
    }
div.processContent {
    display:none;
}
div#processMetaContainer div.pending div.processContent {
    display:block;
    }
div.processContent p, div.processContent div.statusText{
    padding:10px;
}
button.processButton {
    width: 144px;
    height: 32px;
    background-color: transparent;
    border: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('images/processIcons/button_blank.png');
    margin-bottom:10px;
}

button.processButtonConfirm{
    padding-left: 20px;
    background-image: url('images/processIcons/button_mandat_annehmen.png');    
    margin-left: 10px;   
    }
button.processButtonCancel{
    padding-left: 20px;
    background-image: url('images/processIcons/button_mandat_ablehnen.png');
    margin-left: 24px;    
    }    
button.processUnfallButtonConfirm{
    padding-left: 20px;
    background-image: url('images/processIcons/button_versicherung_zahlt.png');    
    margin-left: 10px;   
    }
button.processUnfallButtonCancel{
    padding-left: 20px;
    background-image: url('images/processIcons/button_versicherung_zahlt_nicht.png');
    margin-left: 24px;    
    }      
h3.kundeInfoHeadline{
    padding-left:24px;
    height:20px;
    }
div.statusTextInputBox {
    height:24px;
    }    
div.statusTextInputBox label, div.statusTextInputBox input, h3.kundeInfoHeadline span{
    display:inline-block;
    vertical-align:middle;
    }
div.statusTextInputBox label{
    width:110px;
    }
div.statusTextInputBox input{
    width:180px;
    }    
h2#bmwInkassoHeader {
    margin-bottom:0px;
    height:35px;
    }        
h2#bmwInkassoHeader span{
    display:inline-block;
    vertical-align:middle;
    padding:8px 0 0 0;
    }
    
div.processIconContainer {
    display:none;
    }    
div.processIconContainer *{
    vertical-align:middle;
    }
    
/*Derivate of Foundation grid*/
.ecd-dialog .row {
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
}

    .ecd-dialog .row::after, .ecd-dialog .row::before {
        content: ' ';
        display: table;
    }

    .ecd-dialog .row::after {
        clear: both;
    }

    .ecd-dialog .row.collapse > .column, .ecd-dialog .row.collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }
/*
.ecd-dialog .row .row {
    margin-left: -.625rem;
    margin-right: -.625rem;
}
    */
@media screen and (min-width:40em) {
    .ecd-dialog .row .row {
        margin-left: -.9375rem;
        margin-right: -.9375rem;
    }
}

.ecd-dialog .row .row.collapse {
    margin-left: 0;
    margin-right: 0;
}

.ecd-dialog .row.expanded {
    max-width: none;
}

.ecd-dialog .column, .ecd-dialog .columns {
    padding-left: .625rem;
    padding-right: .625rem;
    width: 100%;
    float: left;
}

@media screen and (min-width:40em) {
    .ecd-dialog .column, .ecd-dialog .columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
    }
}

.ecd-dialog .column:last-child:not(:first-child), .ecd-dialog .columns:last-child:not(:first-child) {
    float: right;
}

.ecd-dialog .column.end:last-child:last-child, .ecd-dialog .end.columns:last-child:last-child {
    float: left;
}

.ecd-dialog .column.row.row, .ecd-dialog .row.row.columns {
    float: none;
}

.ecd-dialog .row .column.row.row, .ecd-dialog .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.ecd-dialog .small-1 {
    width: 8.33333%;
}

.ecd-dialog .small-push-1 {
    position: relative;
    left: 8.33333%;
}

.ecd-dialog .small-pull-1 {
    position: relative;
    left: -8.33333%;
}

.ecd-dialog .small-offset-0 {
    margin-left: 0;
}

.ecd-dialog .small-2 {
    width: 16.66667%;
}

.ecd-dialog .small-push-2 {
    position: relative;
    left: 16.66667%;
}

.ecd-dialog .small-pull-2 {
    position: relative;
    left: -16.66667%;
}

.ecd-dialog .small-offset-1 {
    margin-left: 8.33333%;
}

.ecd-dialog .small-3 {
    width: 25%;
}

.ecd-dialog .small-push-3 {
    position: relative;
    left: 25%;
}

.ecd-dialog .small-pull-3 {
    position: relative;
    left: -25%;
}

.ecd-dialog .small-offset-2 {
    margin-left: 16.66667%;
}

.ecd-dialog .small-4 {
    width: 33.33333%;
}

.ecd-dialog .small-push-4 {
    position: relative;
    left: 33.33333%;
}

.ecd-dialog .small-pull-4 {
    position: relative;
    left: -33.33333%;
}

.ecd-dialog .small-offset-3 {
    margin-left: 25%;
}

.ecd-dialog .small-5 {
    width: 41.66667%;
}

.ecd-dialog .small-push-5 {
    position: relative;
    left: 41.66667%;
}

.ecd-dialog .small-pull-5 {
    position: relative;
    left: -41.66667%;
}

.ecd-dialog .small-offset-4 {
    margin-left: 33.33333%;
}

.ecd-dialog .small-6 {
    width: 50%;
}

.ecd-dialog .small-push-6 {
    position: relative;
    left: 50%;
}

.ecd-dialog .small-pull-6 {
    position: relative;
    left: -50%;
}

.ecd-dialog .small-offset-5 {
    margin-left: 41.66667%;
}

.ecd-dialog .small-7 {
    width: 58.33333%;
}

.ecd-dialog .small-push-7 {
    position: relative;
    left: 58.33333%;
}

.ecd-dialog .small-pull-7 {
    position: relative;
    left: -58.33333%;
}

.ecd-dialog .small-offset-6 {
    margin-left: 50%;
}

.ecd-dialog .small-8 {
    width: 66.66667%;
}

.ecd-dialog .small-push-8 {
    position: relative;
    left: 66.66667%;
}

.ecd-dialog .small-pull-8 {
    position: relative;
    left: -66.66667%;
}

.ecd-dialog .small-offset-7 {
    margin-left: 58.33333%;
}

.ecd-dialog .small-9 {
    width: 75%;
}

.ecd-dialog .small-push-9 {
    position: relative;
    left: 75%;
}

.ecd-dialog .small-pull-9 {
    position: relative;
    left: -75%;
}

.ecd-dialog .small-offset-8 {
    margin-left: 66.66667%;
}

.ecd-dialog .small-10 {
    width: 83.33333%;
}

.ecd-dialog .small-push-10 {
    position: relative;
    left: 83.33333%;
}

.ecd-dialog .small-pull-10 {
    position: relative;
    left: -83.33333%;
}

.ecd-dialog .small-offset-9 {
    margin-left: 75%;
}

.ecd-dialog .small-11 {
    width: 91.66667%;
}

.ecd-dialog .small-push-11 {
    position: relative;
    left: 91.66667%;
}

.ecd-dialog .small-pull-11 {
    position: relative;
    left: -91.66667%;
}

.ecd-dialog .small-offset-10 {
    margin-left: 83.33333%;
}

.ecd-dialog .small-12 {
    width: 100%;
}

.ecd-dialog .small-offset-11 {
    margin-left: 91.66667%;
}

.ecd-dialog .small-up-1 > .column, .ecd-dialog .small-up-1 > .columns {
    width: 100%;
    float: left;
}

    .ecd-dialog .small-up-1 > .column:nth-of-type(1n), .ecd-dialog .small-up-1 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .ecd-dialog .small-up-1 > .column:nth-of-type(1n+1), .ecd-dialog .small-up-1 > .columns:nth-of-type(1n+1) {
        clear: both;
    }

    .ecd-dialog .small-up-1 > .column:last-child, .ecd-dialog .small-up-1 > .columns:last-child {
        float: left;
    }

.ecd-dialog .small-up-2 > .column, .ecd-dialog .small-up-2 > .columns {
    width: 50%;
    float: left;
}

    .ecd-dialog .small-up-2 > .column:nth-of-type(1n), .ecd-dialog .small-up-2 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .ecd-dialog .small-up-2 > .column:nth-of-type(2n+1), .ecd-dialog .small-up-2 > .columns:nth-of-type(2n+1) {
        clear: both;
    }

    .ecd-dialog .small-up-2 > .column:last-child, .ecd-dialog .small-up-2 > .columns:last-child {
        float: left;
    }

.ecd-dialog .small-up-3 > .column, .ecd-dialog .small-up-3 > .columns {
    width: 33.33333%;
    float: left;
}

    .ecd-dialog .small-up-3 > .column:nth-of-type(1n), .ecd-dialog .small-up-3 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .ecd-dialog .small-up-3 > .column:nth-of-type(3n+1), .ecd-dialog .small-up-3 > .columns:nth-of-type(3n+1) {
        clear: both;
    }

    .ecd-dialog .small-up-3 > .column:last-child, .ecd-dialog .small-up-3 > .columns:last-child {
        float: left;
    }

.ecd-dialog .small-up-4 > .column, .ecd-dialog .small-up-4 > .columns {
    width: 25%;
    float: left;
}

    .ecd-dialog .small-up-4 > .column:nth-of-type(1n), .ecd-dialog .small-up-4 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .ecd-dialog .small-up-4 > .column:nth-of-type(4n+1), .ecd-dialog .small-up-4 > .columns:nth-of-type(4n+1) {
        clear: both;
    }

    .ecd-dialog .small-up-4 > .column:last-child, .ecd-dialog .small-up-4 > .columns:last-child {
        float: left;
    }

.ecd-dialog .small-up-5 > .column, .ecd-dialog .small-up-5 > .columns {
    width: 20%;
    float: left;
}

    .ecd-dialog .small-up-5 > .column:nth-of-type(1n), .ecd-dialog .small-up-5 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .ecd-dialog .small-up-5 > .column:nth-of-type(5n+1), .ecd-dialog .small-up-5 > .columns:nth-of-type(5n+1) {
        clear: both;
    }

    .ecd-dialog .small-up-5 > .column:last-child, .ecd-dialog .small-up-5 > .columns:last-child {
        float: left;
    }

.ecd-dialog .small-up-6 > .column, .ecd-dialog .small-up-6 > .columns {
    width: 16.66667%;
    float: left;
}

    .ecd-dialog .small-up-6 > .column:nth-of-type(1n), .ecd-dialog .small-up-6 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .ecd-dialog .small-up-6 > .column:nth-of-type(6n+1), .ecd-dialog .small-up-6 > .columns:nth-of-type(6n+1) {
        clear: both;
    }

    .ecd-dialog .small-up-6 > .column:last-child, .ecd-dialog .small-up-6 > .columns:last-child {
        float: left;
    }

.ecd-dialog .small-up-7 > .column, .ecd-dialog .small-up-7 > .columns {
    width: 14.28571%;
    float: left;
}

    .ecd-dialog .small-up-7 > .column:nth-of-type(1n), .ecd-dialog .small-up-7 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .ecd-dialog .small-up-7 > .column:nth-of-type(7n+1), .ecd-dialog .small-up-7 > .columns:nth-of-type(7n+1) {
        clear: both;
    }

    .ecd-dialog .small-up-7 > .column:last-child, .ecd-dialog .small-up-7 > .columns:last-child {
        float: left;
    }

.ecd-dialog .small-up-8 > .column, .ecd-dialog .small-up-8 > .columns {
    width: 12.5%;
    float: left;
}

    .ecd-dialog .small-up-8 > .column:nth-of-type(1n), .ecd-dialog .small-up-8 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .ecd-dialog .small-up-8 > .column:nth-of-type(8n+1), .ecd-dialog .small-up-8 > .columns:nth-of-type(8n+1) {
        clear: both;
    }

    .ecd-dialog .small-up-8 > .column:last-child, .ecd-dialog .small-up-8 > .columns:last-child {
        float: left;
    }

.ecd-dialog .small-collapse > .column, .ecd-dialog .small-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
}

.ecd-dialog .small-uncollapse > .column, .ecd-dialog .small-uncollapse > .columns {
    padding-left: .625rem;
    padding-right: .625rem;
}

.ecd-dialog .small-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.ecd-dialog .small-pull-0, .ecd-dialog .small-push-0, .ecd-dialog .small-uncentered {
    position: static;
    margin-left: 0;
    margin-right: 0;
}

@media screen and (min-width:40em) {
    .ecd-dialog .medium-1 {
        width: 8.33333%;
    }

    .ecd-dialog .medium-push-1 {
        position: relative;
        left: 8.33333%;
    }

    .ecd-dialog .medium-pull-1 {
        position: relative;
        left: -8.33333%;
    }

    .ecd-dialog .medium-offset-0 {
        margin-left: 0;
    }

    .ecd-dialog .medium-2 {
        width: 16.66667%;
    }

    .ecd-dialog .medium-push-2 {
        position: relative;
        left: 16.66667%;
    }

    .ecd-dialog .medium-pull-2 {
        position: relative;
        left: -16.66667%;
    }

    .ecd-dialog .medium-offset-1 {
        margin-left: 8.33333%;
    }

    .ecd-dialog .medium-3 {
        width: 25%;
    }

    .ecd-dialog .medium-push-3 {
        position: relative;
        left: 25%;
    }

    .ecd-dialog .medium-pull-3 {
        position: relative;
        left: -25%;
    }

    .ecd-dialog .medium-offset-2 {
        margin-left: 16.66667%;
    }

    .ecd-dialog .medium-4 {
        width: 33.33333%;
    }

    .ecd-dialog .medium-push-4 {
        position: relative;
        left: 33.33333%;
    }

    .ecd-dialog .medium-pull-4 {
        position: relative;
        left: -33.33333%;
    }

    .ecd-dialog .medium-offset-3 {
        margin-left: 25%;
    }

    .ecd-dialog .medium-5 {
        width: 41.66667%;
    }

    .ecd-dialog .medium-push-5 {
        position: relative;
        left: 41.66667%;
    }

    .ecd-dialog .medium-pull-5 {
        position: relative;
        left: -41.66667%;
    }

    .ecd-dialog .medium-offset-4 {
        margin-left: 33.33333%;
    }

    .ecd-dialog .medium-6 {
        width: 50%;
    }

    .ecd-dialog .medium-push-6 {
        position: relative;
        left: 50%;
    }

    .ecd-dialog .medium-pull-6 {
        position: relative;
        left: -50%;
    }

    .ecd-dialog .medium-offset-5 {
        margin-left: 41.66667%;
    }

    .ecd-dialog .medium-7 {
        width: 58.33333%;
    }

    .ecd-dialog .medium-push-7 {
        position: relative;
        left: 58.33333%;
    }

    .ecd-dialog .medium-pull-7 {
        position: relative;
        left: -58.33333%;
    }

    .ecd-dialog .medium-offset-6 {
        margin-left: 50%;
    }

    .ecd-dialog .medium-8 {
        width: 66.66667%;
    }

    .ecd-dialog .medium-push-8 {
        position: relative;
        left: 66.66667%;
    }

    .ecd-dialog .medium-pull-8 {
        position: relative;
        left: -66.66667%;
    }

    .ecd-dialog .medium-offset-7 {
        margin-left: 58.33333%;
    }

    .ecd-dialog .medium-9 {
        width: 75%;
    }

    .ecd-dialog .medium-push-9 {
        position: relative;
        left: 75%;
    }

    .ecd-dialog .medium-pull-9 {
        position: relative;
        left: -75%;
    }

    .ecd-dialog .medium-offset-8 {
        margin-left: 66.66667%;
    }

    .ecd-dialog .medium-10 {
        width: 83.33333%;
    }

    .ecd-dialog .medium-push-10 {
        position: relative;
        left: 83.33333%;
    }

    .ecd-dialog .medium-pull-10 {
        position: relative;
        left: -83.33333%;
    }

    .ecd-dialog .medium-offset-9 {
        margin-left: 75%;
    }

    .ecd-dialog .medium-11 {
        width: 91.66667%;
    }

    .ecd-dialog .medium-push-11 {
        position: relative;
        left: 91.66667%;
    }

    .ecd-dialog .medium-pull-11 {
        position: relative;
        left: -91.66667%;
    }

    .ecd-dialog .medium-offset-10 {
        margin-left: 83.33333%;
    }

    .ecd-dialog .medium-12 {
        width: 100%;
    }

    .ecd-dialog .medium-offset-11 {
        margin-left: 91.66667%;
    }

    .ecd-dialog .medium-up-1 > .column, .ecd-dialog .medium-up-1 > .columns {
        width: 100%;
        float: left;
    }

        .ecd-dialog .medium-up-1 > .column:nth-of-type(1n), .ecd-dialog .medium-up-1 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .medium-up-1 > .column:nth-of-type(1n+1), .ecd-dialog .medium-up-1 > .columns:nth-of-type(1n+1) {
            clear: both;
        }

        .ecd-dialog .medium-up-1 > .column:last-child, .ecd-dialog .medium-up-1 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .medium-up-2 > .column, .ecd-dialog .medium-up-2 > .columns {
        width: 50%;
        float: left;
    }

        .ecd-dialog .medium-up-2 > .column:nth-of-type(1n), .ecd-dialog .medium-up-2 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .medium-up-2 > .column:nth-of-type(2n+1), .ecd-dialog .medium-up-2 > .columns:nth-of-type(2n+1) {
            clear: both;
        }

        .ecd-dialog .medium-up-2 > .column:last-child, .ecd-dialog .medium-up-2 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .medium-up-3 > .column, .ecd-dialog .medium-up-3 > .columns {
        width: 33.33333%;
        float: left;
    }

        .ecd-dialog .medium-up-3 > .column:nth-of-type(1n), .ecd-dialog .medium-up-3 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .medium-up-3 > .column:nth-of-type(3n+1), .ecd-dialog .medium-up-3 > .columns:nth-of-type(3n+1) {
            clear: both;
        }

        .ecd-dialog .medium-up-3 > .column:last-child, .ecd-dialog .medium-up-3 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .medium-up-4 > .column, .ecd-dialog .medium-up-4 > .columns {
        width: 25%;
        float: left;
    }

        .ecd-dialog .medium-up-4 > .column:nth-of-type(1n), .ecd-dialog .medium-up-4 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .medium-up-4 > .column:nth-of-type(4n+1), .ecd-dialog .medium-up-4 > .columns:nth-of-type(4n+1) {
            clear: both;
        }

        .ecd-dialog .medium-up-4 > .column:last-child, .ecd-dialog .medium-up-4 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .medium-up-5 > .column, .ecd-dialog .medium-up-5 > .columns {
        width: 20%;
        float: left;
    }

        .ecd-dialog .medium-up-5 > .column:nth-of-type(1n), .ecd-dialog .medium-up-5 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .medium-up-5 > .column:nth-of-type(5n+1), .ecd-dialog .medium-up-5 > .columns:nth-of-type(5n+1) {
            clear: both;
        }

        .ecd-dialog .medium-up-5 > .column:last-child, .ecd-dialog .medium-up-5 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .medium-up-6 > .column, .ecd-dialog .medium-up-6 > .columns {
        width: 16.66667%;
        float: left;
    }

        .ecd-dialog .medium-up-6 > .column:nth-of-type(1n), .ecd-dialog .medium-up-6 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .medium-up-6 > .column:nth-of-type(6n+1), .ecd-dialog .medium-up-6 > .columns:nth-of-type(6n+1) {
            clear: both;
        }

        .ecd-dialog .medium-up-6 > .column:last-child, .ecd-dialog .medium-up-6 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .medium-up-7 > .column, .ecd-dialog .medium-up-7 > .columns {
        width: 14.28571%;
        float: left;
    }

        .ecd-dialog .medium-up-7 > .column:nth-of-type(1n), .ecd-dialog .medium-up-7 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .medium-up-7 > .column:nth-of-type(7n+1), .ecd-dialog .medium-up-7 > .columns:nth-of-type(7n+1) {
            clear: both;
        }

        .ecd-dialog .medium-up-7 > .column:last-child, .ecd-dialog .medium-up-7 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .medium-up-8 > .column, .ecd-dialog .medium-up-8 > .columns {
        width: 12.5%;
        float: left;
    }

        .ecd-dialog .medium-up-8 > .column:nth-of-type(1n), .ecd-dialog .medium-up-8 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .medium-up-8 > .column:nth-of-type(8n+1), .ecd-dialog .medium-up-8 > .columns:nth-of-type(8n+1) {
            clear: both;
        }

        .ecd-dialog .medium-up-8 > .column:last-child, .ecd-dialog .medium-up-8 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .medium-collapse > .column, .ecd-dialog .medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .ecd-dialog .medium-uncollapse > .column, .ecd-dialog .medium-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
    }

    .ecd-dialog .medium-centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .ecd-dialog .medium-pull-0, .ecd-dialog .medium-push-0, .ecd-dialog .medium-uncentered {
        position: static;
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (min-width:64em) {
    .ecd-dialog .large-1 {
        width: 8.33333%;
    }

    .ecd-dialog .large-push-1 {
        position: relative;
        left: 8.33333%;
    }

    .ecd-dialog .large-pull-1 {
        position: relative;
        left: -8.33333%;
    }

    .ecd-dialog .large-offset-0 {
        margin-left: 0;
    }

    .ecd-dialog .large-2 {
        width: 16.66667%;
    }

    .ecd-dialog .large-push-2 {
        position: relative;
        left: 16.66667%;
    }

    .ecd-dialog .large-pull-2 {
        position: relative;
        left: -16.66667%;
    }

    .ecd-dialog .large-offset-1 {
        margin-left: 8.33333%;
    }

    .ecd-dialog .large-3 {
        width: 25%;
    }

    .ecd-dialog .large-push-3 {
        position: relative;
        left: 25%;
    }

    .ecd-dialog .large-pull-3 {
        position: relative;
        left: -25%;
    }

    .ecd-dialog .large-offset-2 {
        margin-left: 16.66667%;
    }

    .ecd-dialog .large-4 {
        width: 33.33333%;
    }

    .ecd-dialog .large-push-4 {
        position: relative;
        left: 33.33333%;
    }

    .ecd-dialog .large-pull-4 {
        position: relative;
        left: -33.33333%;
    }

    .ecd-dialog .large-offset-3 {
        margin-left: 25%;
    }

    .ecd-dialog .large-5 {
        width: 41.66667%;
    }

    .ecd-dialog .large-push-5 {
        position: relative;
        left: 41.66667%;
    }

    .ecd-dialog .large-pull-5 {
        position: relative;
        left: -41.66667%;
    }

    .ecd-dialog .large-offset-4 {
        margin-left: 33.33333%;
    }

    .ecd-dialog .large-6 {
        width: 50%;
    }

    .ecd-dialog .large-push-6 {
        position: relative;
        left: 50%;
    }

    .ecd-dialog .large-pull-6 {
        position: relative;
        left: -50%;
    }

    .ecd-dialog .large-offset-5 {
        margin-left: 41.66667%;
    }

    .ecd-dialog .large-7 {
        width: 58.33333%;
    }

    .ecd-dialog .large-push-7 {
        position: relative;
        left: 58.33333%;
    }

    .ecd-dialog .large-pull-7 {
        position: relative;
        left: -58.33333%;
    }

    .ecd-dialog .large-offset-6 {
        margin-left: 50%;
    }

    .ecd-dialog .large-8 {
        width: 66.66667%;
    }

    .ecd-dialog .large-push-8 {
        position: relative;
        left: 66.66667%;
    }

    .ecd-dialog .large-pull-8 {
        position: relative;
        left: -66.66667%;
    }

    .ecd-dialog .large-offset-7 {
        margin-left: 58.33333%;
    }

    .ecd-dialog .large-9 {
        width: 75%;
    }

    .ecd-dialog .large-push-9 {
        position: relative;
        left: 75%;
    }

    .ecd-dialog .large-pull-9 {
        position: relative;
        left: -75%;
    }

    .ecd-dialog .large-offset-8 {
        margin-left: 66.66667%;
    }

    .ecd-dialog .large-10 {
        width: 83.33333%;
    }

    .ecd-dialog .large-push-10 {
        position: relative;
        left: 83.33333%;
    }

    .ecd-dialog .large-pull-10 {
        position: relative;
        left: -83.33333%;
    }

    .ecd-dialog .large-offset-9 {
        margin-left: 75%;
    }

    .ecd-dialog .large-11 {
        width: 91.66667%;
    }

    .ecd-dialog .large-push-11 {
        position: relative;
        left: 91.66667%;
    }

    .ecd-dialog .large-pull-11 {
        position: relative;
        left: -91.66667%;
    }

    .ecd-dialog .large-offset-10 {
        margin-left: 83.33333%;
    }

    .ecd-dialog .large-12 {
        width: 100%;
    }

    .ecd-dialog .large-offset-11 {
        margin-left: 91.66667%;
    }

    .ecd-dialog .large-up-1 > .column, .ecd-dialog .large-up-1 > .columns {
        width: 100%;
        float: left;
    }

        .ecd-dialog .large-up-1 > .column:nth-of-type(1n), .ecd-dialog .large-up-1 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .large-up-1 > .column:nth-of-type(1n+1), .ecd-dialog .large-up-1 > .columns:nth-of-type(1n+1) {
            clear: both;
        }

        .ecd-dialog .large-up-1 > .column:last-child, .ecd-dialog .large-up-1 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .large-up-2 > .column, .ecd-dialog .large-up-2 > .columns {
        width: 50%;
        float: left;
    }

        .ecd-dialog .large-up-2 > .column:nth-of-type(1n), .ecd-dialog .large-up-2 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .large-up-2 > .column:nth-of-type(2n+1), .ecd-dialog .large-up-2 > .columns:nth-of-type(2n+1) {
            clear: both;
        }

        .ecd-dialog .large-up-2 > .column:last-child, .ecd-dialog .large-up-2 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .large-up-3 > .column, .ecd-dialog .large-up-3 > .columns {
        width: 33.33333%;
        float: left;
    }

        .ecd-dialog .large-up-3 > .column:nth-of-type(1n), .ecd-dialog .large-up-3 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .large-up-3 > .column:nth-of-type(3n+1), .ecd-dialog .large-up-3 > .columns:nth-of-type(3n+1) {
            clear: both;
        }

        .ecd-dialog .large-up-3 > .column:last-child, .ecd-dialog .large-up-3 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .large-up-4 > .column, .ecd-dialog .large-up-4 > .columns {
        width: 25%;
        float: left;
    }

        .ecd-dialog .large-up-4 > .column:nth-of-type(1n), .ecd-dialog .large-up-4 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .large-up-4 > .column:nth-of-type(4n+1), .ecd-dialog .large-up-4 > .columns:nth-of-type(4n+1) {
            clear: both;
        }

        .ecd-dialog .large-up-4 > .column:last-child, .ecd-dialog .large-up-4 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .large-up-5 > .column, .ecd-dialog .large-up-5 > .columns {
        width: 20%;
        float: left;
    }

        .ecd-dialog .large-up-5 > .column:nth-of-type(1n), .ecd-dialog .large-up-5 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .large-up-5 > .column:nth-of-type(5n+1), .ecd-dialog .large-up-5 > .columns:nth-of-type(5n+1) {
            clear: both;
        }

        .ecd-dialog .large-up-5 > .column:last-child, .ecd-dialog .large-up-5 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .large-up-6 > .column, .ecd-dialog .large-up-6 > .columns {
        width: 16.66667%;
        float: left;
    }

        .ecd-dialog .large-up-6 > .column:nth-of-type(1n), .ecd-dialog .large-up-6 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .large-up-6 > .column:nth-of-type(6n+1), .ecd-dialog .large-up-6 > .columns:nth-of-type(6n+1) {
            clear: both;
        }

        .ecd-dialog .large-up-6 > .column:last-child, .ecd-dialog .large-up-6 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .large-up-7 > .column, .ecd-dialog .large-up-7 > .columns {
        width: 14.28571%;
        float: left;
    }

        .ecd-dialog .large-up-7 > .column:nth-of-type(1n), .ecd-dialog .large-up-7 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .large-up-7 > .column:nth-of-type(7n+1), .ecd-dialog .large-up-7 > .columns:nth-of-type(7n+1) {
            clear: both;
        }

        .ecd-dialog .large-up-7 > .column:last-child, .ecd-dialog .large-up-7 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .large-up-8 > .column, .ecd-dialog .large-up-8 > .columns {
        width: 12.5%;
        float: left;
    }

        .ecd-dialog .large-up-8 > .column:nth-of-type(1n), .ecd-dialog .large-up-8 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .ecd-dialog .large-up-8 > .column:nth-of-type(8n+1), .ecd-dialog .large-up-8 > .columns:nth-of-type(8n+1) {
            clear: both;
        }

        .ecd-dialog .large-up-8 > .column:last-child, .ecd-dialog .large-up-8 > .columns:last-child {
            float: left;
        }

    .ecd-dialog .large-collapse > .column, .ecd-dialog .large-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .ecd-dialog .large-uncollapse > .column, .ecd-dialog .large-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
    }

    .ecd-dialog .large-centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .ecd-dialog .large-pull-0, .ecd-dialog .large-push-0, .ecd-dialog .large-uncentered {
        position: static;
        margin-left: 0;
        margin-right: 0;
    }
}

/*Block grid*/
.ecd-dialog .small-block-grid-2 > li,
.ecd-dialog .small-block-grid-3 > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.55556rem 1.11111rem;
}

.ecd-dialog .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
}

.ecd-dialog .small-block-grid-2 > li {
    list-style: none;
    width: 50%;
}

.ecd-dialog .small-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
}

.ecd-dialog .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
}

.ecd-dialog .small-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
}

.ecd-dialog .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
}

@media only screen and (max-width:640px) {
    .ecd-dialog .small-block-grid-2 > li,
    .ecd-dialog .small-block-grid-3 > li {
        width: 100%;
    }
}
/*Dialog allgemein*/
body.ecd-open {
    overflow: hidden;
}

.ui-widget-overlay {
    background-image: none !important;
    background-color: #666 !important;
    filter: Alpha(opacity=80) !important;
    opacity: 0.8 !important;
}

body.waitingScreenActive .ui-widget-overlay {
    filter: Alpha(opacity=0) !important;
    opacity: 0 !important;
}

.ui-dialog, .ui-dialog .row, .ui-dialog .columns, .ui-dialog .column, .ui-dialog * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-dialog {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);
    max-height: 94%;
    position: fixed;
    z-index: 2002;
    top: 3% !important;
    overflow: auto;
}

    .ui-dialog.secondary-dialog {
        z-index: 1998;
    }


    .ui-dialog,
    .ui-dialog .ui-dialog-subtitlebar,
    .ui-dialog .ui-dialog-titlebar,
    .ui-dialog .ui-dialog-footer.fixedsticky.fixedsticky-on {
        margin-left: auto;
        margin-right: auto;
        left: 0 !important;
        right: 0 !important;
        max-width: 93%;
        outline: none !important;
    }

        .ui-dialog form,
        .ui-dialog .ui-widget-content {
            position: relative;
            overflow-x: hidden;
        }

            .ui-dialog .ui-widget-content.ui-autocomplete {
                position: fixed;
                z-index: 5000;
            }

        .ui-dialog.dialog-small,
        .ui-dialog.dialog-small .ui-dialog-subtitlebar,
        .ui-dialog.dialog-small .ui-dialog-assignmenttype {
            width: 600px !important;
        }

            .ui-dialog.dialog-small div.ui-dialog-titlebar {
                width: 600px !important;
            }

            .ui-dialog.dialog-small .ui-dialog-footer.fixedsticky.fixedsticky-on {
                width: 600px !important;
            }

        .ui-dialog.dialog-medium,
        .ui-dialog.dialog-medium .ui-dialog-subtitlebar,
        .ui-dialog.dialog-medium .ui-dialog-assignmenttype {
            width: 900px !important;
        }

            .ui-dialog.dialog-medium .ui-dialog-titlebar {
                width: 900px !important;
            }


            .ui-dialog.dialog-medium .ui-dialog-footer.fixedsticky.fixedsticky-on {
                width: 900px !important;
            }

        div.ui-dialog.dialog-large,
        div.ui-dialog.modalNeuerBenutzer.dialog-large,
        .ui-dialog.dialog-large .ui-dialog-subtitlebar,
        .ui-dialog.dialog-large .ui-dialog-assignmenttype {
            width: 1200px !important;
        }

            .ui-dialog.dialog-large .ui-dialog-titlebar {
                width: 1200px !important;
            }

            .ui-dialog.dialog-large .ui-dialog-footer.fixedsticky.fixedsticky-on {
                width: 1200px !important;
            }

        .ui-dialog.dialog-mega,
        .ui-dialog.dialog-mega .ui-dialog-subtitlebar,
        .ui-dialog.dialog-mega .ui-dialog-assignmenttype {
            width: 1600px !important;
        }
            .ui-dialog.dialog-mega .ui-dialog-titlebar {
                width: 1600px !important;
            }

            .ui-dialog.dialog-mega .ui-dialog-footer.fixedsticky.fixedsticky-on {
                width: 1600px !important;
            }

        .ui-dialog.dialog-full,
        .ui-dialog.dialog-full .ui-dialog-subtitlebar {
            width: 94% !important;
        }

            .ui-dialog.dialog-full .ui-dialog-titlebar {
                width: 94% !important;
            }

            .ui-dialog .ui-dialog-footer.fixedsticky.fixedsticky-on {
                bottom: 3%;
            }


        .ui-dialog .ui-dialog-titlebar,
        .ui-dialog .ui-dialog-subtitlebar,
        .ui-dialog .ui-dialog-footer {
            background-color: #f5f5f5;
        }

        .ui-dialog .ui-dialog-subtitlebar {
            padding-bottom: 12px;
            position: fixed;
            z-index: 5000;
            top: 64px;
            top: calc(50px + 3%);
            border-bottom: 1px solid #aaa;
        }

.ecd-inline-dialog.ui-dialog .ui-dialog-subtitlebar {
    position: static;
    width: auto;
    max-width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
}

.ui-dialog .ui-dialog-subtitlebar.has-second-line {
    border-bottom: 0;
    padding-bottom: 8px;
}

.ui-dialog .ui-dialog-assignmenttype {
    margin: 0;
    border-left: 0;
    border-right: 0;
    margin-bottom: 20px;
}

    .ui-dialog .ui-dialog-assignmenttype h2 {
        padding-left: 0.9375rem;
        margin-left: 0;
        font-weight: normal;
    }

.assignmentTypeHeadlineContainer {
    width: 95%;
    height: auto;
    border: 1px solid #ccc;
    padding-top: 2px;
    display: inline-block;
    vertical-align: top;
}

.ui-dialog .ui-dialog-footer {
    margin-top: 20px;
    min-height: 70px;
    clear: both;
    border-top: 1px solid #aaa;
}

    .ui-dialog .ui-dialog-footer.has-statement {
        border-top: 0;
        margin-top: 0px;
    }

.ui-dialog .privacy-row {
    margin-top: 20px;
    padding-top: 10px;
    clear: both;
    border-top: 1px solid #aaa;
    background-color: #f5f5f5;
}

.ui-dialog .row {
    width: 100%;
    max-width: 100%;
}

    .ui-dialog .row.divide .columns,
    .ui-dialog .row.divide .column {
        margin-bottom: 30px;
    }
/*Autocomplete*/
.ui-helper-hidden-accessible {
    display: none !important;
}

.ui-autocomplete {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-top: 1px solid #eeeeee;
    color: #333;
    max-height: 200px;
    overflow: auto;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
}

    .ui-autocomplete li {
        cursor: pointer;
    }

        .ui-autocomplete li.autoCompleteGroupListItem span.isSystemGroupInfo {
            display: inline-block;
            vertical-align: middle;
            height: 18px;
            width: 14px;
            margin-right: 6px;
            position: relative;
            top: -3px;
            background-image: url(images/groupIcons/systemGroupIcon.png);
            background-repeat: no-repeat;
            background-position: center center;
        }

        .ui-autocomplete li.autoCompleteGroupListItem span.noSystemGroupInfo {
            display: inline-block;
            vertical-align: middle;
            height: 18px;
            width: 14px;
            margin-right: 6px;
            position: relative;
            top: -3px;
            background-image: url(images/groupIcons/userGroupIconSmall.png);
            background-repeat: no-repeat;
            background-position: center center;
        }

        .ui-autocomplete li.autoCompleteGroupListItem span.active {
            background-image: url(../users/images/userIconSmall.png);
            background-repeat: no-repeat;
            background-position: center center;
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            height: 20px;
            margin-right: 6px;
            position: relative;
            top: -3px;
        }

        .ui-autocomplete li.autoCompleteGroupListItem span.inactive {
            background-image: url(../users/images/userIconSmallInactive.png);
            background-repeat: no-repeat;
            background-position: center center;
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            height: 20px;
            margin-right: 6px;
            position: relative;
            top: -3px;
        }

        .ui-autocomplete li:hover {
            background-color: #eee;
        }

/*Kopfzeile*/
.ui-dialog .ui-dialog-titlebar {
    padding-top: 16px;
    position: fixed;
    top: 3%;
    z-index: 2003;
}

    .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
        display: inline-block;
        color: #000;
        border-bottom: 2px solid #aaa;
        padding-left: 32px;
        padding-left: 0.9375rem;
        padding-bottom: 8px;
    }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:visited,
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
        outline: none !important;
        float: right;
        border: 0px;
        background-color: transparent;
        color: #777777;
        text-decoration: underline;
        margin-left: 10px;
        font-weight: normal;
        margin-top: 9px;
        margin-right: 10px;
        background-image: none;
        padding-right: 15px;
    }

        .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
            content: url(images/dialogCloseButton.png);
            width: 20px;
            height: 20px;
            display: inline-block;
            vertical-align: text-bottom;
            margin-left: 4px;
        }

.ui-dialog .webAkteHelpLinkContainer {
    display: none;
}

.ui-dialog .ui-dialog-titlebar .webAkteHelpLink {
    position: relative;
    right: 0;
    top: 5px;
    float: right;
}

.ui-dialog .webAkteHelpLink > * {
    display: inline-block;
    vertical-align: middle;
}



.ui-dialog .webAkteHelpLink img {
    margin-left: 4px;
}

.ui-dialog .webAkteHelpLink,
.ui-dialog .webAkteHelpLink:visited,
.ui-dialog .webAkteHelpLink:hover,
.ui-dialog .webAkteHelpLink:active {
    color: #777777;
    text-decoration: underline;
}

    .ui-dialog .webAkteHelpLink span {
        text-decoration: underline;
    }

.ui-dialog .ui-dialog-subtitlebar h3 {
    font-weight: normal;
    color: #555;
    padding-top: 8px;
    padding-left: 32px;
    padding-left: 0.9375rem;
}

    .ui-dialog .ui-dialog-subtitlebar h3.noContent {
        padding-top: 0;
    }

/*Form Elements*/
.ui-dialog .dialogFormRow {
    width: 100%;
    margin-bottom: 30px;
    clear: both;
    padding-top: 8px;
}

    .ui-dialog .dialogFormRow.dialogLabelRow, .ui-dialog .dialogFormRow.collapsed {
        width: auto;
        margin-bottom: 0;
    }

    .ui-dialog .dialogFormRow.collapsed,
    .ui-dialog .dialogFormRow.subRow {
        margin-left: 10px;
        margin-right: 10px;
    }

        .ui-dialog .dialogFormRow.collapsed.headline {
            margin-left: 0;
            margin-right: 0;
        }

    .ui-dialog .dialogFormRow.subRow {
        margin-bottom: 12px;
        margin-left: 0;
    }

    .ui-dialog .dialogFormRow.collapsed.withoutHeadline {
        margin-left: 0;
        margin-right: 0;
    }

.ui-dialog .dialogSubContainer {
    margin-left: 10px;
    margin-right: 10px;
}

.ui-dialog .contentResults .dialogFormRow.collapsed {
    margin-bottom: 0;
    padding-top: 4px;
}

.ui-dialog .dialogFormRow.collapsed > * {
    display: inline-block;
    vertical-align: middle;
}

.ui-dialog .dialogFormRow.collapsed > p.text {
    display: block;
}

.ui-dialog .dialogFormRow.dialogHeadlineRow {
    margin-top: 30px;
    margin-bottom: 10px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #aaa;
    color: #555;
    font-weight: bold;
    margin-left: 0;
    margin-right: 0;
    padding: 6px 0 8px 10px;
}

    .ui-dialog .dialogFormRow.dialogHeadlineRow.dialogFirstHeadlineRow {
        margin-top: 0;
    }

.ui-dialog .dialogFormRow label {
    margin-bottom: 1px;
}

    .ui-dialog .dialogFormRow label.requiredfield {
        margin-bottom: 0;
    }

.ui-dialog .dialogFormRow label, .ui-dialog h2 {
    width: 96%;
    color: #555;
    font-weight: normal;
}

.ui-dialog .dialogFormRow.dialogHeadlineRow label, .ui-dialog h2 {
    font-weight: bold;
}

.ui-dialog .fileUploadParagraph h2,
.ui-dialog .uploadTypeSelect h2 {
    font-weight: normal;
}

.ui-dialog .shareNodesLabel, .ui-dialog .newShareBoxListContainer h2 {
    color: #555;
    font-weight: normal;
    margin-top: 20px;
}

.ui-dialog input[type=text],
.ui-dialog input[type=email],
.ui-dialog input[type=tel],
.ui-dialog input[type=date],
.ui-dialog input[type=number] {
    box-shadow: 0 1px 3px #dddddd inset;
    border: 1px solid #cccccc;
    padding: 5px 0 5px 1%;
    padding: 0.25em 0.6em;
}

.ui-dialog textarea {
    box-shadow: 0 1px 3px #dddddd inset;
    border: 1px solid #cccccc;
    min-height: 100px;
    padding: 0.25em 0.6em;
}

    .ui-dialog textarea.message {
        min-height: 380px;
        font-size: 12px;
    }

.ui-dialog .dialogFormRow input[type=text],
.ui-dialog .dialogFormRow input[type=email],
.ui-dialog .dialogFormRow input[type=tel],
.ui-dialog .dialogFormRow input[type=date],
.ui-dialog .dialogFormRow textarea,
.ui-dialog .dialogFormRow select {
    width: 100%;
}

.ui-dialog .dialogFormRow .betterRadioLabel {
    border: 0 !important;
    margin-bottom: 0;
}

.ui-dialog .dialogFormRow.ecRadioSelectContainer label:first-child {
    margin-right: 1%;
}

.ui-dialog .dialogFormRow .newShareBoxAddContainer select {
    width: 27%;
    display: inline-block;
}

.ui-dialog .newShareBoxAddContainer {
    position: relative;
}

.ui-dialog .newShareBoxAddContainer .ui-autocomplete {
    position: absolute !important;
    top: 40px !important;
    right: 0 !important;
    left: unset !important;
}

.ui-dialog .dialogFormRow .newShareBoxAddContainer input {
    width: 68%;
    width: calc(69% - 2px);
    display: inline-block;
}

.ui-dialog .dialogFormRow .newShareBoxAddContainer.groupsOnly input,
.ui-dialog .dialogFormRow .newShareBoxAddContainer.UsersOnly input {
    width: 99%;
}

.ui-dialog .dialogFormRow input.hasDatepicker {
    width: 80%;
}

    .ui-dialog .dialogFormRow input.hasDatepicker.newDatePicker + button {
        display: inline-block;
        vertical-align: middle;
        border: 0px;
        background-color: white;
    }

.ui-dialog .dialogFormRow.collapsed input[type=text],
.ui-dialog .dialogFormRow.collapsed input[type=email],
.ui-dialog .dialogFormRow.collapsed input[type=tel],
.ui-dialog .dialogFormRow.collapsed input[type=date],
.ui-dialog .dialogFormRow.collapsed textarea,
.ui-dialog .dialogFormRow.collapsed select,
.ui-dialog .dialogFormRow.collapsed .ec-combobox,
.ui-dialog .dialogFormRow.collapsed .maxLengthCounterContainer {
    width: 59%;
    float: right;
    display: inline-block;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .ui-dialog .dialogFormRow.collapsed .maxLengthCounterContainer.fullWidth {
        width: 100%;
    }

.ui-dialog .dialogFormRow.containter-disabled input {
    background-color: #eee;
    border-color: #aaa;
    color: #888;
}

.ui-dialog .hasHelpText.dialogFormRow.collapsed .maxLengthCounterContainer {
    position: relative;
    left: -29px;
}

.ui-dialog .dialogFormRow.collapsed.hasHelpText input[type=text],
.ui-dialog .dialogFormRow.collapsed.hasHelpText input[type=email],
.ui-dialog .dialogFormRow.collapsed.hasHelpText input[type=tel],
.ui-dialog .dialogFormRow.collapsed.hasHelpText input[type=date],
.ui-dialog .dialogFormRow.collapsed.hasHelpText textarea,
.ui-dialog .dialogFormRow.collapsed.hasHelpText select,
.ui-dialog .dialogFormRow.collapsed.hasHelpText .ec-combobox,
.ui-dialog .dialogFormRow.collapsed.hasHelpText .maxLengthCounterContainer {
    width: 50%;
    width: calc(59% - 34px);
    margin-right: 5px;
}

.ui-dialog .dialogFormRow.collapsed .maxLengthCounterContainer {
    border: 1px solid #aaa;
    border-top: 0;
    padding: 4px 6px;
}

    .ui-dialog .dialogFormRow.collapsed .maxLengthCounterContainer.invalid {
        background-color: #ffc1c1 !important;
    }

    .ui-dialog .dialogFormRow.collapsed .maxLengthCounterContainer .maxLengthCounter {
        font-weight: bold;
    }

.ui-dialog .dialogFormRow.collapsed input.hasDatepicker {
    width: 42%;
    float: left !important;
    margin-left: 1%;
}

.ui-dialog textarea.full {
    width: 100% !important;
}

.ui-dialog .dialogFormRow.collapsed > label,
.ui-dialog .dialogFormRow.collapsed > .labelWithTooltipContainer {
    width: 40%;
    border-bottom: 1px dotted #bbb;
    display: inline-block;
    float: left;
    font-size: 16px;
    padding-top: 8px;
}

.ui-dialog .dialogFormRow.labelWithTooltipContainer {
    position: relative;
}

.ui-dialog .dialogFormRow.labelWithTooltipContainer .tooltipContainer {
    position: absolute;
    left: calc(40% - 24px);
    top: 12px;
}

div.tooltipContentUserPhone {
    width: 280px;
    font-size: 14px;
    font-weight: bold;
    color: #5A5A5A;
}

.ui-dialog .dialogFormRow.collapsed > label.simple {
    border-bottom: 0;
}

.ui-dialog .dialogFormRow.collapsed > span.information {
    display: inline-block;
    padding-top: 8px;
    font-size: 16px !important;
    width: 59%;
    float: right;
}


.ui-dialog .formParagraph {
    clear: both;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
}

    .ui-dialog .formParagraph.formHelpTextParagraph {
        margin-left: auto;
        margin-right: auto;
    }

.external .ui-dialog .formParagraph.formHelpTextParagraph {
    margin-left: 10px;
    margin-right: 10px;
}

.ui-dialog .formParagraph,
.ui-dialog .formParagraph span {
    font-size: 16px !important;
}

.newShareBoxList {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .newShareBoxList li {
        border: 1px solid #ddd;
        border-top: 0;
        width: 99%;
    }

        .newShareBoxList li:first-child {
            border-top: 1px solid #ddd;
        }

.ui-dialog .fileUploadParagraph #virusScanOverlay {
    display: none;
}

.ui-dialog .fileUploadParagraph .fileFormatsInfoContainer > span {
    margin: 10px 0;
    display: block;
}

.ui-dialog .fileUploadParagraph table {
    width: 100% !important;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

    .ui-dialog .fileUploadParagraph table td {
        border-bottom: 1px solid #ddd;
        padding: 9px 0 7px;
    }

    .ui-dialog .fileUploadParagraph table tr:first-child td {
        border-top: 1px solid #ddd;
    }

    .ui-dialog .fileUploadParagraph table tr td:first-child,
    .ui-dialog .fileUploadParagraph table tr td:last-child,
    .ui-dialog .fileUploadParagraph table tr td:nth-child(3) {
        width: 16px !important;
    }

.ui-dialog .fileupload .ecd-button.startAll,
.ui-dialog .fileupload .start.single-upload-button {
    display: none !important;
}

.ui-dialog .fileupload.input-validation-error {
    background-color: #ffc1c1;
    border-color: red !important;
}

.ui-dialog div.validation-summary-errors {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    color: #444;
}

    .ui-dialog div.validation-summary-errors * {
        display: inline-block;
        vertical-align: middle;
    }

    .ui-dialog div.validation-summary-errors ul {
        max-width: 500px;
    }

.ui-dialog.dialog-small div.validation-summary-errors ul {
    max-width: 320px;
}

.ui-dialog div.validation-summary-errors ul li {
    line-height: 20px;
}

.ui-dialog div.validation-summary-errors:before {
    content: url(images/dialogValidationIcon.jpg);
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 28px;
    margin-right: 10px;
    float: left;
    margin-bottom: 10px;
}

.ui-dialog label.requiredfield,
.ui-dialog label.requiredField {
    font-weight: bold;
}


    .ui-dialog label.requiredfield:after,
    .ui-dialog label.requiredField:after {
        color: #ff0000;
        content: " *";
        font-weight: bold;
    }

.ui-dialog input.input-validation-error,
.ui-dialog textarea.input-validation-error,
.ui-dialog select.input-validation-error,
.ui-dialog .dialogFormRow select.input-validation-error {
    border-color: red;
}

.ui-dialog .dialogFormRow select {
    border: 1px solid #cccccc;
    box-shadow: 0 1px 3px #dddddd inset;
    display: block;
    vertical-align: middle;
    padding: 0.25em 0.6em;
}

/*Buttons*/
.ecd-button, .ui-dialog .FileUploadContainer button, .ui-dialog .toggleDialogSteps, .ui-dialog .ui-dialog-footer a {
    border: 1px solid #aaa;
    background-color: #eee;
    padding: 6px 10px;
    color: #444;
    text-decoration: none;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    -webkit-transition: border 1000ms linear;
    -moz-transition: border 1000ms linear;
    -o-transition: border 1000ms linear;
    -ms-transition: border 1000ms linear;
    transition: border 1000ms linear;
}

    .ecd-button.small-button {
        padding: 3px 4px;
        font-size: 14px;
    }

    .ecd-button.float-button {
        float: right;
        padding: 4px 0;
    }

    .ecd-button.green-button {
        border: 1px solid #6bac00;
        background-color: #f0f5e8;
    }

    .ecd-button.red-button {
        border: 1px solid #c70000 !important;
        background-color: #f5e8e8 !important;
    }

    .ecd-button.secondary-button {
        border: 1px solid #aaa !important;
        background-color: #eee !important;
    }

    .ecd-button.center-button {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .ecd-button.wide-button {
        width: 100%;
    }

.ui-dialog .ecd-dialog-submit, .ui-dialog .ui-dialog-footer a {
    float: right;
    margin-top: 16px;
    border: 1px solid #6bac00;
    background-color: #f0f5e8;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 4px;
}

    .ui-dialog .ecd-dialog-submit.forceFloatLeft, .ui-dialog .ui-dialog-footer a.forceFloatLeft {
        margin-left: 0;
        margin-right: 10px;
    }

    .ecd-button.green-button:hover, .ui-dialog .ecd-dialog-submit:hover, .ui-dialog .ui-dialog-footer a:hover {
        border: 1px solid #538500;
        background-color: #e9f5d5;
    }

.ui-dialog .delete-button {
    float: right;
    margin-top: 16px;
    border: 1px solid #e56951;
    background-color: #f5ebe9;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 4px;
}

    .ui-dialog .delete-button:hover {
        border: 1px solid #e56951;
        background-color: #f5e8e8;
    }

.ui-dialog .ui-dialog-footer .ecd-button.gray-button {
    border: 1px solid #aaa;
    background-color: #eee;
}


.ui-dialog .ui-dialog-footer .toggleDialogSteps.nextStepButton,
.ui-dialog .ui-dialog-footer .toggleDialogSteps.previousStepButton {
    background-repeat: no-repeat;
    background-position: right center;
}

.ui-dialog .ui-dialog-footer .toggleDialogSteps.nextStepButton {
    background-image: url(images/dialogSteps/next.png);
    padding-right: 20px;
}

.ui-dialog .ui-dialog-footer .toggleDialogSteps.previousStepButton {
    background-image: url(images/dialogSteps/prev.png);
    background-position: left center;
    padding-left: 20px;
}

.ui-dialog .ui-dialog-footer .toggleDialogSteps {
    border: 1px solid transparent;
    background-color: transparent;
    background-image: url(images/dialogSteps/checked.png);
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: underline;
    padding-left: 20px;
    padding-right: 0;
    float: right;
    margin-top: 16px;
}

    .ecd-dialog-submit.disabled, .ui-dialog .ui-dialog-footer .toggleDialogSteps.disabled, .ui-dialog .ui-dialog-footer a.disabled {
        border: 1px solid #888;
        background-color: #aaa;
        opacity: 0.4;
    }

.ui-dialog .buttonWaitingInfo {
    float: right;
    margin: 26px 10px 0 0;
    color: #444;
}

    .ui-dialog .buttonWaitingInfo:before {
        content: url(images/dialogWaitingIcon.gif);
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 4px;
    }

.dialogFormRow .ecd-button-group {
    height: 28px;
    width: 100%;
}

    .dialogFormRow .ecd-button-group:after {
        content: "";
        display: block;
        height: 1px;
        position: relative;
        top: -1px;
        clear: both;
    }


    .dialogFormRow .ecd-button-group > input[type="text"] {
        float: left;
        width: 70%;
    }

    .dialogFormRow .ecd-button-group > .ecd-button {
        float: left;
        width: 30%;
        max-height: 100%;
    }

/*Sonstiges*/
.ecd-tree {
    max-height: 600px;
    overflow: auto;
}

.nodeStructureTree.ecd-tree {
    max-height: none;
}

.ecd-tree ul.jqtree-tree {
    padding: 0;
    margin: 0;
}

.ecd-tree li.jqtree_common, .ecd-tree li.jqtree_common.jqtree-folder.jqtree-closed {
    padding: 3px;
    margin-bottom: 6px;
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
}

.ecd-tree > ul > li {
    display: list-item !important;
}

.ecd-tree li.jqtree-selected {
    background-color: #f0f5e8;
    border: 1px solid #6bac00;
}

.ecd-tree li ul {
    margin-top: 6px;
}

.ecd-tree li li {
    border: 1px solid #ccc;
}

    .ecd-tree li li.jqtree-selected {
        background-color: #f0f5e8;
        border: 1px solid #6bac00;
    }

.ecd-tree ul.jqtree-tree li.jqtree-selected > .jqtree-element, .ecd-tree ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
    background: none;
}

.ecd-dialog p.divide {
    margin-bottom: 30px;
}

    .ecd-dialog p.divide.up {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .ecd-dialog p.divide.small {
        margin-bottom: 15px;
    }

    .ecd-dialog p.divide.up.small {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .ecd-dialog p.divide.large {
        margin-bottom: 45px;
    }

    .ecd-dialog p.divide.up.large {
        margin-top: 45px;
        margin-bottom: 0;
    }

.ecd-dialog p.nowrap > b,
.ecd-dialog p.nowrap > strong,
.ecd-dialog p.nowrap > span {
    white-space: nowrap;
}

.ecd-dialog .dialogInfoRow {
    padding: 2px 0;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .ecd-dialog .dialogInfoRow.highlighted {
        padding: 6px;
        background-color: #f5f5f5;
    }

    .ecd-dialog .dialogInfoRow span.infoLabel {
        display: inline-block;
        width: 33%;
        max-width: 120px;
    }

.dialogStepTwo, .dialogStepThree, .dialogStepFour {
    display: none;
}

.radioGroup.ui-buttonset label {
    background-color: white;
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
    padding: 4px 10px;
    float: left;
    cursor: pointer;
}

.radioGroup.ui-buttonset:after {
    content: " ";
    clear: both;
}

.dialogRadioGroup > * {
    display: inline-block;
    vertical-align: middle;
}

/*Big Select Areas (neuer Benutzer)*/

.dialogBigSelect {
    padding: 10px;
    min-height: 140px;
    height: auto;
    background-color: #eeeeee;
    margin-bottom: 10px;
    cursor: pointer;
    vertical-align: top;
    border: 2px solid #fff;
    margin-left: 35px;
    position: relative;
}

    .dialogBigSelect:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 35px;
        height: 100%;
        background-image: url(images/unchecked.png);
        background-repeat: no-repeat;
        background-position: center left;
        top: 0;
        left: -35px;
        position: absolute;
    }

    .dialogBigSelect.selected:before {
        background-image: url(images/checked.png);
    }

    .dialogBigSelect:hover {
        box-shadow: inset 0 0 14px #eee;
        border: 2px solid #bbb;
    }

    .dialogBigSelect.selected, .dialogBigSelect.selected:hover {
        border-color: #69ab00;
        background-color: #f0f5e8;
    }

    .dialogBigSelect.disabled {
        cursor: default;
        opacity: 0.4;
    }

    .dialogBigSelect p {
        color: #444;
        margin: 10px 0;
        max-width: 90%;
    }

.optionalPermissionsTrigger {
    opacity: 0.4;
    background-color: #eee;
    border: 1px solid #d1d1d1;
    position: relative;
    margin-left: 35px;
    margin-bottom: 6px;
}

    .optionalPermissionsTrigger:hover {
        border: 1px solid #000;
    }

    .optionalPermissionsTrigger:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 35px;
        height: 100%;
        background-image: url(images/unchecked.png);
        background-repeat: no-repeat;
        background-position: center left;
        top: 0;
        left: -35px;
        position: absolute;
    }

    .optionalPermissionsTrigger p {
        margin: 6px 10px;
        display: inline-block;
    }

.dialogBigSelect.selected .optionalPermissionsTrigger {
    opacity: 1;
}

.dialogBigSelect .optionalPermissionsTrigger.checked:before {
    background-image: url(images/unchecked.png);
}

.dialogBigSelect.selected .optionalPermissionsTrigger.checked {
    background-color: #f0f5e8;
}

    .dialogBigSelect.selected .optionalPermissionsTrigger.checked:before {
        background-image: url(images/checked.png);
    }

.ui-dialog li.hybridAttachmentListElement {
    border-radius: 0;
    border: 1px solid #ccc;
    height: auto !important;
}

    .ui-dialog li.hybridAttachmentListElement a,
    .ui-dialog li.hybridAttachmentListElement > span {
        padding: 4px 0;
        display: inline-block;
    }

    .ui-dialog li.hybridAttachmentListElement:hover {
        background-image: none;
        background-color: #eee;
        border: 1px solid #aaa;
    }

.ui-dialog.modalShowAttachments .documentAttachments {
    margin: 0 !important;
}

.ui-dialog .documentAttachments .attachments li {
    width: auto;
    position: relative;
    margin-left: 30px;
    height: 32px !important;
}

    .ui-dialog .documentAttachments .attachments li .filesize {
        display: none !important;
    }

.ui-dialog .documentAttachments .attachments .getAttachmentCheckbox {
    position: absolute;
    left: -30px;
    top: 8px;
}

.ui-dialog.direktFormDialog #formContent p {
    margin-bottom: 4px;
}

    .ui-dialog.direktFormDialog #formContent p > label,
    .ui-dialog.direktFormDialog #formContent p > input,
    .ui-dialog.direktFormDialog #formContent p > select,
    .ui-dialog.direktFormDialog #formContent p > textarea {
        display: inline-block;
        vertical-align: top;
        width: 48%;
        font-size: 16px;
    }

        .ui-dialog.direktFormDialog #formContent p > input.hasDatepicker {
            width: 40%;
        }

.ui-dialog.direktFormDialog .fileUploadParagraph,
.ui-dialog.direktFormDialog .uploadTypeSelect {
    margin-top: 20px;
}

.ui-dialog.direktFormDialog #errorField {
    display: none !important;
}

.ui-dialog.direktFormDialog .formFooter {
    margin-top: 20px;
    min-height: 70px;
    background-color: #f5f5f5;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}

    .ui-dialog.direktFormDialog .formFooter input[type=submit] {
        background-color: #f0f5e8;
        border: 1px solid #6bac00;
        float: right;
        margin-left: 10px;
        margin-top: 16px;
        color: #444;
        padding: 6px 10px;
        margin-right: 0.9375rem;
    }


/*Tables*/
.ec-dialog-table {
    border: 1px solid #cbcbcb;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    width: 100%;
}

    .ec-dialog-table caption {
        color: #000000;
        font: italic 85%/1 arial,sans-serif;
        padding: 1em 0;
        text-align: center;
    }

    .ec-dialog-table td, .ec-dialog-table th {
        border-left: 1px solid #cbcbcb;
        border-width: 0 0 0 1px;
        font-size: inherit;
        margin: 0;
        overflow: visible;
        padding: 0.5em 1em;
    }

        .ec-dialog-table td:first-child, .ec-dialog-table th:first-child {
            border-left-width: 0;
        }

    .ec-dialog-table thead {
        background-color: #e0e0e0;
        color: #000000;
        text-align: left;
        vertical-align: bottom;
    }

    .ec-dialog-table td {
        background-color: rgba(0, 0, 0, 0);
    }

.ec-dialog-table-odd td {
    background-color: #f2f2f2;
}

.ec-dialog-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

.ec-dialog-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}

.ec-dialog-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0;
}

.ec-dialog-table-horizontal td, .ec-dialog-table-horizontal th {
    border-bottom: 1px solid #cbcbcb;
    border-width: 0 0 1px;
}

.ec-dialog-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0;
}

.ui-dialog-content {
    position: relative;
    padding-top: 90px;
    width: 100% !important;
}

    .ui-dialog-content.hasSubtitle {
        padding-top: 114px;
    }

.entityTypeAssignment .ui-dialog-content.hasSubtitle {
    padding-top: 93px;
}

.ui-dialog a.link,
.ui-dialog a.link:visited,
.ui-dialog a.link:hover {
    color: #444;
    text-decoration: underline;
}

.ui-dialog .newShareBoxAddContainer input {
    padding: 5px 0.6em;
}

.ui-dialog select {
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px #ddd inset;
    display: inline-block;
    padding: 4px 0;
}



/*Font Sizes*/
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: 24px;
}


.ui-dialog .dialogFormRow.dialogHeadlineRow label,
.ui-dialog h2 {
    font-size: 20px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:visited,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus,
.ui-dialog .webAkteHelpLink,
.ui-dialog .webAkteHelpLink:visited,
.ui-dialog .webAkteHelpLink:hover,
.ui-dialog .webAkteHelpLink:active {
    font-size: 16px;
}

.ui-dialog .ui-dialog-subtitlebar h3 {
    font-size: 20px;
}

.ui-dialog .fileUploadParagraph h2,
.ui-dialog .uploadTypeSelect h2,
.ui-dialog .dialogFormRow label,
.dialogBigSelect p {
    font-size: 16px;
}

.ui-dialog .dialogFormRow p.text input[type=checkbox] + label,
.ui-dialog .dialogFormRow p.text input[type=hidden] + label {
    font-size: 14px;
}

.ui-dialog .shareNodesLabel,
.ui-dialog .newShareBoxListContainer h2,
.newShareBoxList li,
.ui-dialog .fileUploadParagraph table td,
.ui-dialog .showMoreDialogLink, .ui-dialog .showMoreDialogLink:hover {
    font-size: 14px;
}

.ui-dialog input[type=text],
.ui-dialog input[type=email],
.ui-dialog input[type=tel],
.ui-dialog input[type=date],
.ui-dialog input[type=time],
.ui-dialog .dialogFormRow select,
.ui-dialog textarea,
.ui-dialog div.validation-summary-errors,
.ui-dialog .newShareBoxAddContainer input,
.ui-dialog .newShareBoxAddContainer select,
.ui-dialog #addContactInput,
.ui-dialog .ec-combobox input {
    font-size: 16px;
}


.ecd-button, .ui-dialog .FileUploadContainer button,
.ui-dialog .toggleDialogSteps,
.ui-dialog.direktFormDialog .formFooter input[type=submit] {
    font-size: 16px;
}

.ui-dialog p.text {
    font-size: 14px;
}

    .ui-dialog p.text span {
        font-size: 14px !important;
    }

/*Media Queries*/
@media only screen and (max-width:640px) {
    body.ecd-open {
        overflow: hidden;
    }

    .ui-dialog .ui-dialog-footer.fixedsticky.fixedsticky-on {
        bottom: 0;
        width: 100% !important;
        max-width: 100% !important;
    }

    .ui-dialog {
        width: 100% !important;
        max-height: 100% !important;
        max-width: 100% !important;
    }

        .ui-dialog,
        .ui-dialog.dialog-mega,
        .ui-dialog .ui-dialog-titlebar {
            top: 0 !important;
            max-width: 100% !important;
        }

            .ui-dialog .ui-dialog-subtitlebar {
                top: 54px;
                max-width: 100% !important;
            }

            .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
                display: inline-block;
                width: 1px;
                max-width: 1px;
                opacity: 0;
                overflow: hidden;
            }

            .ui-dialog .ui-dialog-subtitlebar .webAkteHelpLink span {
                display: none;
            }

            .ui-dialog .ui-dialog-subtitlebar h3 {
                display: none;
            }

            .ui-dialog .columns.small-12.medium-6 {
                margin-bottom: 30px;
            }

            .ui-dialog .ui-dialog-content {
                padding-top: 80px;
            }

                .ui-dialog .ui-dialog-content.hasSubtitle {
                    padding-top: 104px;
                }
}



/*Special Rules*/
#acceptExternalRequestDialog textarea {
    height: 200px;
}

.ui-dialog .dialogRadioGroup label {
    width: auto !important;
}

.ui-dialog .dialogRadioGroup.dialogFormRow.collapsed {
    padding-top: 2px;
}

    .ui-dialog .dialogRadioGroup.dialogFormRow.collapsed > label {
        width: 40% !important;
    }

    .ui-dialog .dialogRadioGroup.dialogFormRow.collapsed .radioGroup {
        margin-left: 1%;
        float: left;
    }

.ui-dialog .ui-buttonset label.ui-state-active {
    color: green;
}

.fixedsticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    z-index: 4000;
}

/*Identify Edge Browser and avoid fixedsticky misbehaviour*/
@supports (-ms-ime-align:auto) {
    .fixedsticky {
        position: static;
    }
}

/* When position: sticky is supported but native behavior is ignored */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
    position: static;
}

.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
    position: fixed;
}

.fixedsticky-dummy {
    display: none;
}

.fixedsticky-on + .fixedsticky-dummy {
    display: block;
}

.fixedsticky.fixedbottom {
    bottom: 0;
}




/* Slider
http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html
*/
/* Slider
/*-----------------------------------------------------------------------------------*/
.slider_container {
    padding-bottom: 10px;
}

.flex-caption * {
    font-weight: normal !important;
    color: #333 !important;
    font-size: 16px !important;
}

.caption_title_line {
    width: 450px;
    height: 75px;
    padding: 5px 15px 10px 15px;
    color: #303030;
}

.flex-caption h2 {
    color: #303030;
    font-size: 20px;
    padding: 5px 0 5px 0;
    margin: 0px;
}

.flex-container a:active,
.flexslider a:active {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

#hukMessageContainer .fileUploadParagraph .uploadDropBoxContainer {
    max-height: 230px;
    overflow: auto;
}

.modalNeueMitteilung .fileFormatsInfoContainer h2 {
    display: none !important;
}

.modalNeueMitteilung .fileFormatsInfoContainer .appendAllowedFormats p:first-child {
    margin-bottom: 10px;
}

.modalNeueMitteilung .fileFormatsInfoContainer .appendAllowedFormats p,
.modalNeueMitteilung .fileFormatsInfoContainer .appendAllowedFormats p a {
    font-size: 14px;
    line-height: 18px;
}

    .modalNeueMitteilung .fileFormatsInfoContainer .appendAllowedFormats p a {
        font-weight: bold;
        color: #444;
    }

.ui-dialog .hybridAttachmentListElement a.showSize:after {
    display: inline-block;
    content: attr(data-size);
    position: absolute;
    border: 1px solid #ccc;
    border-right: 1px solid #aaa;
    background-color: #fafafa;
    color: #888;
    top: -1px;
    right: -1px;
    height: 24px;
    padding-left: 4px;
    padding-right: 4px;
    padding: 6px 4px 0 4px;
    min-width: 20px;
}

.ui-dialog .ui-tabs .hybridAttachmentListElement a:after { /*Bei Tabs erstmal nicht anzeigen, zerschie�t die Position*/
    display: none;
}
/*BreadCrumbs*/
.ui-dialog-breadcrumbs {
}

    .ui-dialog-breadcrumbs .breadcrumb {
        font-size: 16px;
        font-weight: normal;
        display: inline-block;
        white-space: nowrap;
        -ms-word-break: keep-all;
        word-break: keep-all;
    }

        .ui-dialog-breadcrumbs .breadcrumb:before {
            content: "\203A";
            font-weight: bold;
            font-size: 20px;
            color: black;
            margin: 0 4px;
        }

        .ui-dialog-breadcrumbs .breadcrumb.first:before {
            content: none;
        }

.ui-dialog label .tooltipContainer {
    margin-left: 0;
}

    .ui-dialog label .tooltipContainer img {
        height: 15px;
        opacity: 0.6;
    }

    .ui-dialog label .tooltipContainer div.tooltipContent {
        width: 240px;
        z-index: 4010;
    }

/*Attachments Dialog*/
div.modalShowAttachments div#formHeader {
    width: 420px;
}

.modalShowAttachments .hybridAttachmentListElement {
    display: list-item;
    float: none;
    margin-bottom: 6px;
    background-color: white;
}

/*Erweiterung auf Formulare*/
.ecd-inline-dialog {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: none !important;
    padding-top: 20px;
}

    .ecd-inline-dialog.no-padding-top {
        padding-top: 0;
    }

    .ecd-inline-dialog label {
        overflow: hidden;
    }

    .ecd-inline-dialog .smallContainer {
        background: white;
        border: 0px;
        margin-bottom: 40px;
        padding: 0;
        float: none;
        clear: both;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
    }

        .ecd-inline-dialog .smallContainer:after {
            content: " ";
            display: block;
            clear: both;
        }

        .ecd-inline-dialog p.headline,
        .ecd-inline-dialog .smallContainer p.headline {
            background-color: #f4f4f4;
            border-bottom: 1px solid #aaa;
            margin: 0 0 10px;
            padding: 6px 0 8px 10px;
            clear: both;
            width: 100%;
        }

            .ecd-inline-dialog p.headline,
            .ecd-inline-dialog p.headline span,
            .ecd-inline-dialog .smallContainer p.headline,
            .ecd-inline-dialog .smallContainer p.headline span {
                font-size: 20px !important;
                color: #555;
                font-weight: bold;
            }

    .ecd-inline-dialog .dt {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }

        .ecd-inline-dialog .dt:after {
            clear: both;
        }

        .ecd-inline-dialog .dt:before,
        .ecd-inline-dialog .dt:after {
            content: " ";
            display: table;
        }

    .ecd-inline-dialog .dtc {
        box-sizing: border-box;
        width: 50% !important;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left !important;
    }

    .ecd-inline-dialog > .smallContainer {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }

    .ecd-inline-dialog .ui-dialog-footer {
        position: static;
    }

    .ecd-inline-dialog.settings-inline-dialog .ui-dialog-footer {
    }

div.ecd-inline-dialog input.ecd-dialog-submit,
div.ecd-inline-dialog a.ecd-dialog-submit {
    background-color: #f0f5e8 !important;
    border: 1px solid #6bac00 !important;
    display: inline-block;
    float: right;
    margin-left: 10px;
    margin-top: 16px;
    border-radius: 0 !important;
    padding: 6px 10px !important;
}

.ui-dialog .fileUploadParagraph.required,
div.ecd-inline-dialog .fileUploadParagraph.required {
    border: 1px solid transparent;
    padding: 10px;
}

    .ui-dialog .fileUploadParagraph.required.input-validation-error,
    div.ecd-inline-dialog .fileUploadParagraph.required.input-validation-error {
        border-color: red;
    }

.ui-dialog .ecmContainer {
    width: 100%;
}

    .ui-dialog .ecmContainer .ecmHeader,
    .ui-dialog .ecmContainer .ecmList {
        width: 100%;
    }

.ui-dialog .medium-6 .ecmContainer .ecmHeader,
.ui-dialog .medium-6 .ecmContainer .ecmList {
    width: 97%;
}

.ui-dialog .ecmContainer .ecmHeader {
    height: 30px;
    font-size: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}


.ecd-inline-dialog.ecd-result-container {
    padding: 20px !important;
}

    .ecd-inline-dialog.ecd-result-container h3 {
        margin-top: 30px;
    }


/*Neuer User Footer*/
.ui-dialog .ec-new-user-footer .ec-dialog-footer-validation,
.ui-dialog .ec-new-user-footer .ec-dialog-footer-buttons {
    width: auto;
}

.ui-dialog .mobileNextStepButtonContainer {
    display: none;
}

.ui-dialog .desktopNextStepButtonContainer {
    display: inline-block;
}

@media only screen and (max-width:640px) {
    .ui-dialog .ec-new-user-footer .ec-dialog-footer-validation,
    .ui-dialog .ec-new-user-footer .ec-dialog-footer-buttons {
        width: 100%;
    }

    .ui-dialog .mobileNextStepButtonContainer {
        display: inline-block;
    }

    .ui-dialog .desktopNextStepButtonContainer {
        display: none;
    }
}

/*Combobox*/
.comboboxForceHide {
    display: none !important;
}


.ui-dialog .ec-combobox {
    position: relative;
}

.ui-dialog .dialogFormRow .ec-combobox input,
.ui-dialog .dialogFormRow.collapsed .ec-combobox input {
    width: 100%;
    height: 100%;
}

.ui-dialog .ec-combobox a {
    position: absolute;
    display: block;
    width: 20px;
    height: 100%;
    right: 0;
    border: 1px solid #cccccc;
    background-color: #fff;
    background-image: url("images/comboboxarrow.gif");
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 -1px 3px #dddddd inset;
}

.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-state-focus {
    background-color: #a4ddc0;
}

/*Tooltip in Formular*/
.ui-dialog .formParagraph.tipp {
    padding: 8px 10px 8px 52px;
    background-image: url(images/lightbulb.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #fcfae9;
    position: relative;
    top: 10px;
    margin-bottom: 10px;
}

.ui-dialog .dialogWillClose {
    font-size: 20px;
    color: #555;
    display: block;
    margin: 40px auto;
    text-align: center;
    font-weight: normal;
    font-style: italic;
}

/*Folgekorrespondenz Dialog*/

#modalFolgekorrespondenz #kommentar,
.fastlane.foko #kommentar {
    width: 98%;
    width: calc(99% - 2px);
    min-height: 260px;
    margin-bottom: 20px;
}

.modalFolgekorrespondenz.ui-dialog.direktFormDialog .fileUploadParagraph {
    margin-top: 4px;
}

.modalFolgekorrespondenz.ui-dialog.direktFormDialog #formContent .fileFormatsInfoContainer .maxSize {
    margin-bottom: 10px;
}