@CHARSET "ISO-8859-1";

div#registration { margin-top: 250px; display: none; }
div.register--login { margin-top: 250px; width: 100%; text-align: center; }
div.register--login div.register--existing-customer { width: 500px; margin: auto; }

div.table { display: table; }
div.row { display: table-row; } 
div.tr { display: table-cell; }
div.th { display: table-cell; font-weight: bold; }

/*
div.account--content { margin-top: 170px; }
aside.sidebar-main { margin-top: 120px; }
*/
div.autoteilePortal { margin-top: 20px; }

form.autoteileEditUser { width: 50%; }
form.autoteileEditUser input[type="checkbox"] { display: inline; }

div.autoteilePortal table { border-collapse: collapse; }
div.autoteilePortal input[type="checkbox"] { display: inline; }
div.autoteilePortal table tr th { padding: 4px 10px; }

div.autoteilePortal button { background: #004c8b; border: 0; border-radius: 3px; color: #ffffff; padding: 10px 20px; }
div.autoteilePortal button:hover { background: #9c9c9c; }
div.autoteilePortal button.cancel { background: #004c8b; }
div.autoteilePortal button img { display: inline-block; }
div.autoteilePortal form.autoteileUsersHeader { padding-bottom: 20px; }

div.autoteilePortal .loader { margin: 10% 20%;  left: 35%; top: 20%; border: 16px solid #f3f3f3; border-top: 16px solid #004c8b; border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

ul.sidebar--navigation li.level2 { margin-left: 20px; }
ul.sidebar--navigation li.navigation--entry a { font-weight: 300; }
ul.sidebar--navigation li.navigation--entry a.unread { font-weight: 800; }

div.newsletterCampaign input[type="checkbox"] { display: inline-block; }

table tr.unread td { font-weight: 800; }
table tr td.msgLabel { background: #fff !important; font-weight: 800; }
table tr td.msgContent { background: #fff !important; }

div.buttons button.deleteUserBtn { background: #f55; float: right; }
div.buttons button.confirmDeleteUserBtn { background: #f55; }

div.newsBar { margin-bottom: 20px; }

form.newMessage { }
form.newMessage div.row { padding: 4px 0px; }
form.newMessage div.row label { width: 120px; vertical-align: top; display: inline-block; }
form.newMessage div.row input[type="text"] { width: 600px; }
form.newMessage div.row textarea { width: 600px; height: 400px; }
form.newMessage div.buttons { margin-top: 20px; }
form.newMessage input[type="checkbox"] { display: inline-block; }

form.newMessage div.customergroup { display:block; padding: 2px; }

form.newMessage div.customergroup input[type="checkbox"] { margin: 0px 4px; }

form.editCustomerGroups div.table { display: table; padding-bottom: 5px; width: 70%; }
form.editCustomerGroups div.row { display: table-row; }
form.editCustomerGroups div.tableHead { display: table-row; font-weight: 700; }

form.editCustomerGroups div.cell { display: table-cell; }
form.editCustomerGroups div.name input { width: 100%; }
form.editCustomerGroups div.name { width: 65%; }
form.editCustomerGroups div.ident input { width: 100%; }
form.editCustomerGroups div.ident { width: 5%; }



form.properties input[type="checkbox"] { display: inline-block; }


.fade-in-2 {
    animation: fadeIn ease 2s;
    -webkit-animation:  fadeIn ease 2s;
    -moz-animation:     fadeIn ease 2s;
    -o-animation:       fadeIn ease 2s;
    -ms-animation:      fadeIn ease 2s;
}

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
  
@-moz-keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}

@-o-keyframes fadeIn { 
    0% { opacity:0; } 
    100% { opacity:1; }
}

@-ms-keyframes fadeIn { 
    0% { opacity:0; }
    100% { opacity:1; }
}



/* Modal Message */
.aa-modal-overlay{
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 1ms opacity ease;
       -moz-transition: 1ms opacity ease;
        -ms-transition: 1ms opacity ease;
         -o-transition: 1ms opacity ease;
            transition: 1ms opacity ease;
    background: rgba(0,0,0,.6);
}
.aa-modal-modal{
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    opacity: 0;
    width: 94%;
    -webkit-transition: 1ms opacity ease;
       -moz-transition: 1ms opacity ease;
        -ms-transition: 1ms opacity ease;
         -o-transition: 1ms opacity ease;
            transition: 1ms opacity ease;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 2px;
    background: #fff;
}
.aa-modal-modal.aa-modal-open.aa-modal-anchored{
    top: 20px;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
.aa-modal-modal.aa-modal-open{
    opacity: 1;
}
.aa-modal-overlay.aa-modal-open{
    opacity: 1;
}
.aa-modal-close{
     font-family: Helvetica,Arial,sans-serif;
     font-size: 24px;
     font-weight: 700;
     line-height: 12px;
     position: absolute;
     top: 5px;
     right: 5px;
     padding: 4px 7px 9px;
     cursor: pointer;
     color: #fff;
     border: 0;
     outline: none;
     background: #004c8b;
}
.aa-modal-close:hover{
    background: #6b6b6b;
}
.aa-modal-overlay.fade-and-drop{
    display: block;
    opacity: 0;
}
.aa-modal-modal.fade-and-drop{
    top: -300%;
    opacity: 1;
    display: block;
}
.aa-modal-modal.fade-and-drop.aa-modal-open{
    top: 50%;
    -webkit-transition: 500ms top 500ms ease;
       -moz-transition: 500ms top 500ms ease;
        -ms-transition: 500ms top 500ms ease;
         -o-transition: 500ms top 500ms ease;
            transition: 500ms top 500ms ease;
}
.aa-modal-modal.fade-and-drop.aa-modal-open.aa-modal-anchored{
    -webkit-transition: 500ms top 500ms ease;
       -moz-transition: 500ms top 500ms ease;
        -ms-transition: 500ms top 500ms ease;
         -o-transition: 500ms top 500ms ease;
            transition: 500ms top 500ms ease;
}
.aa-modal-overlay.fade-and-drop.aa-modal-open{
    top: 0;
    -webkit-transition: 500ms opacity ease;
       -moz-transition: 500ms opacity ease;
        -ms-transition: 500ms opacity ease;
         -o-transition: 500ms opacity ease;
            transition: 500ms opacity ease;
    opacity: 1;
}
.aa-modal-modal.fade-and-drop{
    -webkit-transition: 1000ms top ease;
       -moz-transition: 1000ms top ease;
        -ms-transition: 1000ms top ease;
         -o-transition: 1000ms top ease;
            transition: 1000ms top ease;
}

.aa-modal-overlay.fade-and-drop{
    -webkit-transition: 500ms opacity 500ms ease;
       -moz-transition: 500ms opacity 500ms ease;
        -ms-transition: 500ms opacity 500ms ease;
         -o-transition: 500ms opacity 500ms ease;
            transition: 500ms opacity 500ms ease;
}
#aa-modal-content{
    display: none;
}
.aa-modal-wrapper{
     display: flex;
 }
.aa-col-4{
     background-color: #004C8B;
     background-image: url(../img/icon_newsmeldung.png);
     background-size: 40px;
     background-repeat: no-repeat;
     background-position: 90% 50%;
     width: 30%; 
 }
 .aa-col-8{
     width: 70%;
     margin-left: 30px;
 }
 .aa-modal-wrapper img{
     width: 50px;
     height: 50px;
 }
 .aa-modal-wrapper a{
     color: #fff;
     text-decoration: none;
     background: #004c8b;
     padding: 5px 10px;

 }
 .aa-modal-wrapper span{
     font-weight: 600;
     font-size: 1.3rem;
}