/* @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i'); */
@import url('roboto.css');
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
}
body {
    background-color: #EDEFED;
    font-size:13px;
    color:#333;
}
body > .container{
    min-height:500px;
}
.table>thead>tr>th{
    font-weight: 600;
}
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6{
    font-family: 'BellGothic', serif;
}
.h1, h1{
    font-size: 26px;
    color: #75ad3f;
    font-weight: 800;
    margin: 60px 0 15px;
    text-transform: uppercase;
}
.h2, h2 {
    font-size: 28px;
    color: #3b4859;
    font-weight: 800;
}
.h3, h3 {
    font-size: 22px;
    font-weight: 800;
    color: #75ad3f;
}
a{
    color: #75ad3f;
    transition: all 0.35s;
}
a:focus, a:hover {
    color: #417b23;
    text-decoration:none;
}
dt, kbd kbd, label {
    font-weight: 600;
    margin:0;
}
body label{
    margin:10px 0 0;
}
body table label{
    margin:0;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th, table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
    vertical-align: middle;
}
label.normal{
    margin:0;
}
.panel-heading label{
    margin:0;
}
.navbar-inverse {
    background-color: #FFF;
    padding: 25px 0 15px;
    box-shadow: 0 0 40px -20px #000;
}
.navbar {
     min-height: 0;
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text {
    color: #666;
    padding: 14px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    position: relative;
}
.navbar-inverse .navbar-nav>li>a.loading{
    max-width: inherit;
    color: #CCC;
}
.navbar-inverse .navbar-nav>li>a.loading:before{

}
.menulink .dots{
    position: absolute;
}
.loadtable{
    line-height:30px;
    height:30px;
    width:80px;
}
.loadtable .dot{
    background:#FFF;
}
.dots{
    left: 0;
    width: 100%;
    line-height: 0;
    height: 5px;
    bottom: 0;
    text-align: center;
}
.dot{
    width: 5px;
    background: green;
    display: inline-block;
    height: 5px;
    margin: 0 2px;
    border-radius: 50%;
    -webkit-animation: fadeinout 2s linear infinite;
    animation: fadeinout 2s linear infinite;
}
.dot2{
    animation-delay: 0.33s;
}
.dot3{
    animation-delay: 0.66s;
}
@-webkit-keyframes fadeinout {
    0%,10%,90%,100% { opacity: 0; }
    50% { opacity: 1; }
}

@keyframes fadeinout {
    0%,100% { opacity: 0; }
    50% { opacity: 1; }
}
.navbar-inverse .badge {
    background-color: #75ad3f;
    color: #FFF;
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-text:hover {
    color: #75ad3f;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #75ad3f;
    color: #fff;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #75ad3f;
}
.navbar-nav>li>.dropdown-menu{
    border-radius:0;
}
.affix{
    padding: 0;
    transition: all 0.35s;
}
.affix-top{
    padding: 25px 0 15px;
}
.brand{
    display: block;
    overflow: hidden;
}
.navbar-header{
    margin-top:10px;
}
.navbar-inverse img {
    transition:all 0.35s;
}
.affix .brand{
    height: 40px;
    margin-top: 5px;
    transition: height 0.35s;
}
.affix.navbar-inverse img {
    max-height: 40px;
    image-rendering: -webkit-optimize-contrast;
}
.dropdown-menu>li>a {
    color: #666;
}
#footer{
    background-color: #555;
    padding: 20px 0 50px;
}
#footer img{
    opacity: 0.25;
}
#footer h4{
    color: #717171;
    font-weight: 500;
    font-size: 18px;
    font-style: italic;
}
#footer p{
    color:#AAA;
    font-size: 12px;
    line-height: 16px;
}
#footer a{
    color:#CCC;
    font-size: 12px;
    line-height: 16px;
}
#footer a:hover{
    color:#EEE;
}
#footer .disclaimer{
    color: #717171;
    margin-top: 20px;
    font-style: italic;
}
#footer .fa{
    color:#999;
    margin-right:5px;
}
#footer #socials .fa{
    color:#EEE;
    font-size: 16px;
    width: 30px;
    line-height: 30px;
    background: #5f5f5f;
    text-align: center;
    transition: all 0.35s;
}
#footer #socials .fa:hover{
    background: #75ad3f;
    color: #FFF;
}
footer{
    background-color:#333;
    padding:5px;
    position: fixed;
    bottom: 0;
    width:100%;
    z-index: 1000;
}
footer span{
    color:#CCC;
    font-size:12px;
}
#page-wrapper {
    background:none;
    padding:0;
}
.container.login{
    max-width: 500px;
}
.well{
    background: #FFF;
    border-radius: 0;
    padding: 0;
    border:none;
    margin-bottom: 80px;
    box-shadow: 0 4px 20px -10px #000;
}
.content.well{
    padding:40px;
}
.steps{
    overflow: hidden;
    position: relative;
}
.step{
    display: inline-block;
    width: 33.3333333%;
    background-color: #AAA;
    padding: 25px 30px 5px;
    position: relative;
    box-shadow: inset 0 -8px 10px -10px #666;
}
.step.active{
    box-shadow:none;
}
.step span{
    position: absolute;
    font-size: 45px;
    bottom: 2px;
    left: 10px;
    color: #BBB;
    line-height: 43px;
}
.step.active span{
    color: #FFF;
    font-size: 17px;
    background: #75ad3f;
    line-height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 50%;
    bottom: 5px;
    font-weight: 500;
    left: 15px;
}
.step p {
    font-size: 17px;
    margin: 0 15px;
    position: relative;
    font-weight: 500;
    color: #CCC;
}
.step.active p{
    color: #4c5868;
    text-transform: uppercase;
}
.step.active{
    background-color: #FFF;
    z-index: 100;
}
.step.active:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 65px 0;
    border-color: transparent #FFF transparent transparent;
    position: absolute;
    top: 0;
    right: 100%;
}
.step.active:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 54px 0;
    border-color: transparent #AAA transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
}
#editor{
    padding:45px;
}
#presets{
    position: relative;
    padding-top: 30px;
    margin-top: 30px;
}
#presets:before{
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    border-top: 1px dashed #CCC;
}
.preset span{
    padding-bottom: 60%;
    display: block;
    background-size: cover;
    border: 1px solid #CCC;
    cursor: pointer;
    transition: 0.35s all;
}
.preset span:hover{
    border-color: #75ad3f;
}
.preset + p{
    font-style: italic;
    color: #777;
    margin: 6px 0 0;
    font-size: 16px;
    font-weight: 600;
}
.getform img{
    max-width:100%;
    border: 1px solid #CCC;
    box-shadow: 0 5px 40px -20px #000;
    margin-bottom: 10px;
    image-rendering: -webkit-optimize-contrast;
}
.form-group{
    text-align:left;
    margin-bottom:10px;
}
#datensenden > div{
    width:47.5%;
    margin-right:5%;
}
#datensenden > div.pull-right{
    margin:0 0 20px;
}
#datensenden > .clearfix{
    width: 100%;
    display: block;
    height: 1px;
    background: #d8d8d8;
    clear: both;
    margin: 20px 0;
}
#datensenden > div.clearfix:last-of-type{
    height:0;
}
.input-group{
    width:100%;
}
.form-control{
    height:38px;
    padding: 0 10px;
}
.input-group{
    margin-top:5px;
}
.input-group .form-control{
    margin:0;
}
.input-group-addon:last-child,
.input-group-addon:first-child {
    border-radius: 0;
}
.form-control, input,
.input-group .form-control{
    border-radius:0;
    border:1px solid #AAA;
}
.form-control:focus{
    border-color:#75ad3f;
}
.form-control[readonly]{
    opacity: 0.7;
}
#paginate_length .form-control{
    margin:0;
}
.btn {
    border: none;
    margin: 0 0 10px;
    border-radius: 0;
    display: inline-block;
    transition: 0.35s all;
    font-weight: 700;
    font-size: 14px;
    padding: 0 10px;
    line-height: 30px;
    font-family: 'BellGothic', serif;
}
.btn.small{
    font-size: 12px;
    line-height: 30px;
    text-transform: inherit;
    height: auto;
}
.btn.pull-right{
    margin-left:10px;
}
.btn-primary:focus,
.reset-btn{
    outline: none;
}
.margin-right{
    margin-right:10px;
}
.btn-cancel{
    background:#888;
    margin-right:10px;
}
.btn:hover{
    background-color: #75ad3f;
}
.btn-primary{
    background: #75ad3f;
}
.btn-primary:hover{
    background: #5c8c2e;
}
.btn.back{
    position: absolute;
    top: 75px;
    left: 15px;
    padding: 5px 10px 3px;
    font-size: 12px;
}
.btn-danger {
    background-color: #AAA;
    border-color: #AAA;
}
.btn-danger:hover {
     background-color: #e74c3c;
     border-color: #e74c3c;
 }
#login-form{
    background:#FFF;
    padding:30px;
    -webkit-box-shadow: 0 4px 20px -10px #000;
    -moz-box-shadow: 0 4px 20px -10px #000;
    box-shadow: 0 4px 20px -10px #000;
}
#login-form label[for="remember"]{
    margin:0;
}




/*---------------------------------------------------------------------------------------------------ADMIN*/
.admin-tabs a{
    display: inline-block;
    background: #FFF;
    padding: 20px 0;
    text-align: center;
    width: 10%;
    margin-right: 1.25%;
    color: #666;
    -webkit-box-shadow: 0 2px 10px -5px #999;
    -moz-box-shadow: 0 2px 10px -5px #999;
    box-shadow: 0 2px 10px -5px #999;
}
.admin-tabs + .alert{
    margin-top:20px;
}
.admin-tabs a:hover{
    color: #75ad3f;
    -webkit-box-shadow: 0 2px 15px -7px #000;
    -moz-box-shadow: 0 2px 15px -7px #000;
    box-shadow: 0 2px 15px -7px #000;
}
.admin-tabs a:last-child{
    margin:0;
}
.admin-panels a{
    padding: 20px 0;
    display: block;
    font-size: 2em;
    background: #FFF;
    text-align:center;
    color: #666;
    -webkit-box-shadow: 0 2px 10px -5px #999;
    -moz-box-shadow: 0 2px 10px -5px #999;
    box-shadow: 0 2px 10px -5px #999;
}
.admin-panels a:hover{
    color: #75ad3f;
    -webkit-box-shadow: 0 2px 15px -7px #000;
    -moz-box-shadow: 0 2px 15px -7px #000;
    box-shadow: 0 2px 15px -7px #000;
}
.admin-panels p{
    margin:0;
}
.panel.security h2{
    margin:0;
}
.small-table > tbody > tr > td{
    padding:0 8px;
}
.table a:not(.btn), table a:not(.btn) {
    text-decoration: none;
}
.table>tbody>tr>th{
    background: #6d6d6d;
    color: #FFF;
}
.label-success {
    background-color: #6c9a4e;
}
.label-success[href]:focus, .label-success[href]:hover {
    background-color: #75ad3f;
}
.admin-settings{
    margin-bottom:80px;
}
.admin-settings > .panel{
    border:none;
    border-radius:0;
    background:#FFF;
    -webkit-box-shadow: 0 2px 10px -5px #999;
    -moz-box-shadow: 0 2px 10px -5px #999;
    box-shadow: 0 2px 10px -5px #999;
}
.admin-settings .panel .panel-heading{
    border:none;
    /*background: none;*/
}
.admin-settings > .panel.with-nav-tabs > .panel-heading{
    border-radius:0;
    padding:0 10px;
    border:none;
    background: #666;
}
.admin-settings .with-nav-tabs.panel-default .nav-tabs > li{
    margin:0;
}
.admin-settings .with-nav-tabs.panel-default .nav-tabs > li > a{
    border:none;
    border-radius:0;
    margin:0;
    color:#CCC;
}
.panel-default {
    border-radius: 0;
    border: none;
}
.panel-default>.panel-heading {
    font-family: 'Roboto Slab', serif;
    color: #ffffff;
    background-color: #75ad3f;
    border: none;
    margin-bottom: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 13px;
    padding: 8px 15px;
}
.modal .panel-body{
    border:none;
    padding:0;
}
.panel-body {
    padding: 15px;
    border: 1px solid #DDD;
}
.admin-settings > .panel > .panel-body{
    padding:20px 40px;
    border:none;
}
body .panel.with-nav-tabs .panel-heading {
    padding: 8px 15px;
}
.inner.wrapper{
    position: relative;
    padding: 30px;
    background: #FFF;
    box-shadow: 0 4px 20px -10px #000;
    margin-bottom: 100px;
}
.h1-links a{
    line-height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
    background: #999;
    color: #fff;
    margin-left: 5px;
    height:35px;
}
.h1-links.fullwidth a{
    width:auto;
    padding-top:0;
}
.h1-links a:hover{
    background: #75ad3f;
}
.h1btn{}
#paginate_length select,
#paginate_filter input{
    margin: 0 0 0 10px;
    height: 26px;
    border-color: #CCC;
}
.dataTables_info{
    font-style:italic;
    font-size:12px;
}
.dataTables_length label,
.dataTables_filter label{
    font-weight:400;
}
#paginate_length select{
    margin:0 5px;
}
#paginate_wrapper > .row > .col-sm-6 + .col-sm-6 {
    text-align:right;
}
#paginate .sorting_desc,
#paginate .sorting_asc{
    position: relative;
    font-weight: 400;
}
#paginate tr:nth-child(1) td{
    padding-top:10px;
}
.sorting_desc:before,
.sorting_asc:before{
    content: "\f077";
    position: absolute;
    right: 0;
    top: 9px;
    font: normal normal normal 14px/1 FontAwesome;
}
.sorting_desc:before{
    content: "\f078";
}
#paginate{
    position: relative;
    margin-top:20px;
}
#paginate th{
    cursor: pointer;
    background: #75ad3f;
    color: #FFF;
}
#paginate th:first-child{
    padding-right: 0;
}
.text-danger, .text-danger:hover {
    color: #fff;
    font-size: 13px;
}
.bg-danger {
    background:none;
}
.alert-danger {
    border-radius:0;
    padding: 10px 0;
}
.alert li{
    font-size: 13px;
    padding: 4px 10px;
}
.wrapper{
    background: #FFF;
    padding: 20px;
    -webkit-box-shadow: 0 4px 20px -10px #000;
    -moz-box-shadow: 0 4px 20px -10px #000;
    box-shadow: 0 4px 20px -10px #000;
}
ol {
    margin-bottom: 10.5px;
    padding-left: 13px;
}
.inner{
    padding:30px;
}
.faketable p{
    margin:0;
}
.faketable p span{
    display: inline-block;
    float: left;
    text-align: left;
}
#paginate_length{
    text-align: left;
}
.loading,
.loading img{
    max-width:60px;
}
.avatar{
    padding:20px;
    border:1px solid #DDD;
    display:block;
    text-align: center;
}
.avatar img{
    max-width:100%;
}
.avatar-form{
    position: relative;
}
.freigabe h3{
    margin-top: 0;
}
.table tr:nth-child(2n) td{
    background:#EEE;
}
.result-sum.table > tbody > tr > th{
    font-weight:500;
}
.result-sum.table > tbody > tr > th,
.result-sum.table > tbody > tr > td {
    font-size: 13px;
    padding: 3px 10px;
}
.created-preview{
    max-width: 100%;
    padding: 20px;
    border: 1px solid #e8e8e8;
    background: #EEE;
}
.alert{
    border-radius: 0;
}
.alert-success {
    background-color: #FFF;
    border-color: #61a041;
    color: #4a4a4a;
}
.alert-dismissable .close span,
.alert-dismissible .close span{
    font-size:20px;
}
.close:focus,
.close:hover {
    color: #000;
    opacity: 1;
}
.badge {
    background-color: #8c8c8c;
}
.uploadProcess{
    position: absolute;
    top: 1px;
    left: 16px;
    right: 16px;
    bottom: 1px;
    background: rgba(255,255,255,0.75);
}
.picUploadForm,
.uploadTarget,
#picUploadForm,
#uploadTarget{
    width: 0;
    height: 0;
    border: none;
    overflow: hidden;
    display: block;
}
.uploadProcess .loading{
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.editLink{
    position: absolute;
    top: 6px;
    right: 20px;
    font-size: 15px;
    background-color: #666;
    color: #FFF;
    line-height: 30px;
    text-align: center;
    width:0;
    overflow: hidden;
}
.editLink:hover{
    background-color:#75ad3f;
    color:#FFF;
}
.users-kdgrp{
    max-height:20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    border:none;
}
.kdgrp .editLink{
    top:0;
    right:0;
}
.kdgrp .avatar{
    padding: 0;
    border: none;
    height: 40px;
    line-height: 40px;
}
.kdgrp .avatar img{
    max-height:40px;
    max-width:80px;
}
.kdgrp #paginate tr:nth-child(1) td {
     padding-top: 5px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover ,
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background-color: #75ad3f;
    outline-color: transparent;
}
.avatar-form:hover .editLink{
    width: 30px;
}
.img-thumbnail{
    border-radius:0;
    padding:20px;
    border: 1px solid #DDD;
}
.notifications .img-thumbnail{
    padding: 0;
    border: none;
    max-height: 30px;
    max-width: 30px;
}
.notifications .table>tbody>tr>td{
    vertical-align: middle;
}
.notifications .table>tbody>tr>td.meldung{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
}
.meldung p{
    cursor: pointer;
    margin:0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.meldung p:hover{
    color:#999;
}
.meldung p.focus{
    white-space: normal;
}
.meldung p.focus:hover{
    color: #333;
    cursor: inherit;
}
.notifications .table tr td:nth-child(2),
.notifications .table tr td:nth-child(3),
.notifications .table tr td:nth-child(5){
    white-space: nowrap;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.pagination>li>a, .pagination>li>span{
    background:#bbb;
    padding: 5px 12px;
}
.pagination>.disabled>a,
.pagination>.disabled>a:hover{
    background:#aaa;
}
.pagination>li>a:hover {
    background-color: #75ad3f;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #616161;
    outline:none;
}
.dataTables_info,
.dataTables_paginate{
    text-align: center;
}
.modal-content{
    border-radius:0;
}
.modal-footer {
    border:none;
}
.modal-footer .btn {
    margin-bottom: 0;
}
.modal-header {
    padding: 15px;
    border: none;
    background: #75ad3f;
    color: #FFF;
}
.green{
    color: green;
}
.red{
    color: red;
}
.grey{
    color: grey;
}
.green, .red, .grey{
    margin:0;
}
.nowrap{
    white-space: nowrap;
}
.messages .img-thumbnail{
    padding: 0;
    border: none;
    max-height: 30px;
    max-width: 30px;
}
.transfer .fa{
    margin: 5px 10px;
}
.message-admin .img-thumbnail{
    padding: 0;
    border: none;
    max-height: 30px;
    max-width: 30px;
}
.message-admin .table p{
    margin:0;
}
.table p{
    margin:0;
}
.pagination {
    margin: 20px 0 0;
    border-radius:0;
}
img{
    max-width:100%;
}
.sort-wrapper{
    position: absolute;
    right: 0;
    top: -48px;
}
.preview_wrapper{
    margin: 0 0 20px;
}
.preview img{
    position: relative;
    padding: 10px;
    border: 1px solid #CCC;
    background-color: #EEE;
    margin: 0 0 10px;
}
.ainfos{
    margin: 0 0 10px;
}
.ainfos p{
    margin:0;
}
.ainfos hr{
    margin:10px 0;
}
.ainfos .download{
    float: right;
    background: #999;
    width: 28px;
    text-align: center;
    color: #FFF;
    line-height: 28px;
}
.ainfos .download:hover{
    background-color: #75ad3f;
}
.lastchange{
    float: right;
    font-size: 11px;
}
.token,
.lastchange strong{
    font-size:11px;
}
.checkboxj{
    display:inline-block;
    border:2px solid #75ad3f;
    width:18px;
    height:18px;
    margin: 2px 4px 0 1px;
    position: absolute;
    left: 0;
    background:#FFF;
    top: 0;
    transition: all 0.5s;
}
.boxouter input + .checkboxj:before{
    color:#75ad3f;
    transition: all 0.5s;
}
.boxouter input:checked + .checkboxj:before{
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    color:#FFF;
    position: absolute;
    left: 3px;
    bottom: 0;
}
.boxouter{
    cursor: pointer;
    position: relative;
    padding-left: 6px;
}
.boxouter input{
    margin-right: 5px;
}
.boxouter input:checked + .checkboxj{
    background:#75ad3f;
    border-radius: 50%;
}
.list-group-item:last-child{
    border-radius:0;
    margin-bottom: 10px;
}
.chat .right .chat-body p{
    text-align: right;
}
.chat {
    list-style: none;
    margin: 0;
    padding: 0;
}
.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.chat li .chat-body{
    border:1px solid #dedede;
    display: inline-block;
    position: relative;
}
.chat li.left .chat-body {
    background: #ddf3d1;
    padding:10px 100px 10px 20px;
}
.chat li.right .chat-body {
    margin-right: 20px;
    float:right;
    background: #EEE;
    padding:10px 20px 10px 100px;
}
.cstate{
    position: absolute;
    top: 0;
    right: -16px;
}
.chat .green{color:green;}
.chat .grey{color:lightgrey;}
.chat li .chat-body p {
    margin: 0;
}
.panel .slidedown .glyphicon, .chat .glyphicon {
    margin-right: 5px;
}
.readtime,
.readtime i{
    font-size: 10px;
    margin-top:10px;
    color:#AAA;
}
.chat .img-thumbnail {
    max-width: 50px;
    max-height: 50px;
    padding: 0;
    border: none;
}
.filter .form-control{
    margin-bottom:10px;
}
#reportrange{
    padding: 0;
    position: relative;
}
#reportrange input {
    border:none;
    margin:0;
    display: block;
    text-align: right;
    width: 100%;
    height:100%;
    padding-right: 15px;
}
#reportrange i{
    position: absolute;
    left:10px;
    top: 10px;
}
.filter .reset-btn{
    padding: 0 10px;
    background:none;
    border:none;
    border-radius:0;
    line-height:30px;
    height:30px;
    display:inline-block;
    color:#666;
}
.filter .reset-btn:hover{
    background:#DDD;
}
.nomargintop{
    margin-top:0;
}
.count{
    color: #FFF;
    background: #95a5a6;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
    margin-top: 4px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
}
#datatable table{
    margin:0;
}
#datatable th{
    text-align: left;
    background-color: #888;
    line-height: 12px;
    color: #FFF;
    font-weight: 400;
    border-bottom: 10px solid #FFF;
}
#datatable th.details-control:before{
    display:none;
}
#datatable > tbody > tr{
    cursor: pointer;
}
#datatable > tbody > tr[role="row"]:hover > td{
    background:#DDD;
}
#datatable > tbody > tr[role="row"].shown:hover > td{
    background:#1f63af;
}
#datatable > tbody > tr > td{
    position: relative;
    padding:5px;
    font-weight: 500;
}
#datatable .shown > td{
    color:#FFF;
}
#datatable .shown + tr > td{
    padding:10px;
    background:none;
    cursor: default;
}
#datatable .shown + tr > td tr > td{
    padding:0;
    background:none;
}
.details-control{
    text-align: center;
}
.details-control:before{
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    color: #999;
}
.shown .details-control:before{
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    color:#FFF;
}
#datatable .sorting_desc:before,
#datatable .sorting_asc:before{
    display:none;
}
#datatable_filter label{
    width:100%;
}
#datatable_info{
    width:100%;
    opacity: 0.6;
}
#datatable_paginate{
    width: 100%;
    text-align-last: center;
    margin-top:20px;
}
table.dataTable.no-footer{
    border:none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    border: none;
    background: #888;
    color: #FFF !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    border: none;
    border-radius: 0;
    margin: 1px;
    background: #EEE;
}
.dataTables_wrapper .dataTables_paginate li.paginate_button{
    padding:0;
}
.dataTables_wrapper .dataTables_paginate li.paginate_button a{
    padding: 0.5em 1em;
}
.pagination>.active>a{
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border: none;
    background: #75ad3f;
}
.drops{
    padding: 0 10px;
    background: none;
    border: none;
    border-radius: 0;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    color: #666;
    cursor: pointer;
}
.drops:hover{
    background: #DDD;
}
.dateiabfrage{
    color: #034EA2;
    margin: 10px 0;
    padding: 3px 10px;
    background: #EEE;
    border: 1px solid #DDD;
    transition: 0.35s all;
	display: none; /* ANPASSUNG 2024-06-17 */
}
.dateiabfrage:hover{
    background: #FFF;
    border-color:#034EA2;
}
.even.shown + tr > td{
    border-bottom: 1px solid #DDD;
}
#datatable tr:nth-child(2n) td{
    background:none;
}
#datatable tr.even > td{
    background:#EEE;
}
#datatable tr.shown td{
    background:#034EA2;
}
.gruppen{
    border-bottom:1px solid #ecf0f1;
    margin-bottom:20px;
    /*text-align: center;*/
    padding-bottom:20px;
}
.gruppen img{
    max-height:80px;
}
.noh1{
    padding-top:60px;
}
.portal{
    text-align: center;
}
.portal .himg{
    margin:40px 0;
}
.portal h2{
    font-size:20px;
    position: absolute;
    bottom: 20px;
    left:20px;
    right:20px;
    color:#999;
    margin:0;
    padding-top:10px;
    border-top:2px solid #CCC;
}
.page{
    position: relative;
    padding: 0 20px 20px;
    background-color:#FFF;
    -webkit-box-shadow: 0 4px 20px -10px #000;
    -moz-box-shadow: 0 4px 20px -10px #000;
    box-shadow: 0 4px 20px -10px #000;
    cursor: pointer;
    display: block;
}
.page .pimg{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height:240px;
    background-image:url(../images/rechnungen.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:auto 125px;
    margin-bottom: 20px;
    transition:0.35s all;
    opacity: 0.7;
}
.bestand .pimg{
    background-image:url(../images/bestand.png);
}
.auftraege .pimg{
    background-image:url(../images/auftraege.png);
}
.page:hover{
    -webkit-box-shadow: 0 4px 20px -8px #000;
    -moz-box-shadow: 0 4px 20px -8px #000;
    box-shadow: 0 4px 20px -8px #000;
}
.page:hover .pimg{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}
.page:hover h2{
    color:#75ad3f;
}
div.dt-buttons {
    float:none;
}
.filterinfo{
    padding: 5px 0;
    font-style: italic;
}

@media (min-width: 768px){
    body {
        margin-top: 90px;
    }
}
@media screen and (max-width: 1199px) and (min-width: 768px){
    body {
        padding-top: 0;
    }
}

/* ANPASSUNGEN 2024-06 */

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

.reset-btn {
  padding: 0 10px;
  background: none;
  border: none;
  border-radius: 0;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  color: #666;
}

a.reset-btn:hover {
  background: #DDD;
  color: #666;
}

#datatable th.first_th {
width: 90px !important;	
}

/** LIGHTBOX MARKUP **/

.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%; /* 50vw */
  height: 40vw;
  margin: 0 auto;
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  /* Anpassung 25-03-27 */
  position: absolute;
  top: 10em;
}