neue Stylesheets erstellt und die Rechnungsseite weiter angepasst.

Rechungen.aspx

@@ -93,7 +93,7 @@
       #togglecollapse{
           background-color: #043381;
       }
-     tableStatus:hover{
+     table:hover{
          background-color:lightgray;
       }    
     /* Btn primary */
@@ -200,9 +200,9 @@
         navbar{
             background-color:#fff;
         }
+       
          main-page{           
         }        
-
           /* ---------------------------------------------------
                 CONTENT STYLE
             ----------------------------------------------------- */
@@ -215,13 +215,16 @@
                 transition: all 0.5s;
             }         
         
-        
          .btn btn-primary{
                color: #043381;
                background-color: #fff;
             }
 
+        .align-self-center{
+            margin-left: 0.1530221882172915vw /*2px*/;
+            margin-right:  0.1530221882172915vw /*2px*/;
             
+        }
         /* ---------------------------------------------------
         MEDIAQUERIES
     ----------------------------------------------------- */
@@ -285,8 +288,6 @@
                   width: 130px;                   
                 }              
         
-        
-        
          #navbar navbar-expand-md navbar-light bg-light{
               background-color:#fff;     margin-right:-30px;         
          }     
@@ -306,9 +307,6 @@
          #bodycontent{
              width: 100%;
          }              
-         #container{
-               width: 100%;
-         }         
     }
 
         /* @media (min-width: 320px) and (min-height: 640px) {*/
@@ -361,9 +359,7 @@
              #innerhtmltable{
                 margin-left: /*5px*/0.19615535504119264vw;
             }      
-             table table-responsive table-primary{
-                 width:85%;
-             }
+            
         }             
              #navbar.menu_class{
                    width:  2.604166666666667vw;
@@ -491,6 +487,7 @@
                  background-color: #fff;
                color: #043381;               
             }
+       
         </style>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <title>Rechnungen Verag</title>
@@ -499,7 +496,7 @@
       <div class="align-self-center">
         <form id="leftLinks" runat="server">                           
            <div id="bodycontent">                                       
-             
+              <span class="content_all" style="background-color:#fff;align-content:center;width:100%">    
              <!-- Große Bildschirme-->   
             <div class="d-none d-md-block">
                 <nav class="navbar navbar-expand-lg navbar-light bg-light" style="width:100%">            
@@ -616,7 +613,7 @@
 
             <!-- Page Content-->
             <h5>Rechungen</h5>
-            <form class="d-flex">
+            
                      <div class="row justify-content-md-start">
                          <div class="col-4">
                              <asp:Label ID="Label1" runat="server" Text="Datum"></asp:Label>        
@@ -635,10 +632,13 @@
                         </div>
                     </div>
                  </div>
-            </form>
+           
                <div style="height:/*20px*/2.1621621621621623vh;"></div> 
-            <table class="table table-responsive table-primary">
-                <thead><tr><th>Rechnungsnr</th><th>Rechnungsdatum</th><th>LKW</th><th>Grenzsztelle</th><th>Rechnungsbetrag</th><th>Abfertigungsdatum</th><th>Filiale</th><th>Abfertigungsnr.</th><th style="width:/*20px*/ 0.7927070947284979vw;">Download</th></tr></thead>
+                 
+              <div id="conovertab">                                       
+         
+            <table class="table table-hover table-responsive table-primary" id="tablerechnungen" contenteditable="false">
+                <thead style="width:fit-content;font-size:14px;"><tr><th>Rechnungsnr</th><th>Rechnungsdatum</th><th>LKW</th><th>Grenzsztelle</th><th>Rechnungsbetrag</th><th>Abfertigungsdatum</th><th>Filiale</th><th>Abfertigungsnr.</th><th style="width:/*20px*/ 0.7927070947284979vw;"></th></tr></thead>
                 <tbody id="bodyoftable">
                     <tr><td>045100110</td><td>18.08.2021</td><td>14334234</td><td>SUBEN</td><td>509,21€</td><td>18.08.2021</td><td>SUBEN</td><td>512</td><td><center><button type="button" class="btn btn-primary"  data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
                      <tr><td>0487110</td><td>17.05.2021</td><td>14334234</td><td>NEUHAUS A INN</td><td>509,21€</td><td>17.05.2021</td><td>NICKELSDORF</td><td>512</td><td><center><button type="button" class="btn btn-primary"  data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
@@ -646,9 +646,10 @@
                      <tr><td>25100110</td><td>29.02.2021</td><td>14334234</td><td>SUBEN</td><td>509,21€</td><td>18.08.2021</td><td>SUBEN</td><td>512</td><td><center><button type="button" class="btn btn-primary"  data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
                      <tr><td>542110</td><td>29.02.2021</td><td>14334234</td><td>SUBEN</td><td>509,21€</td><td>18.08.2021</td><td>SUBEN</td><td>512</td><td><center><button type="button" class="btn btn-primary"  data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
                 </tbody>
-            </table>
-        </div></form></div>
-
+            </table></div> 
+              </span> </div>
+        </form>
+    </div>
 
 
      <!-- jQuery CDN - Slim version (=without AJAX) -->

css/navbar.css

@@ -0,0 +1,2 @@
+body {
+}

css/sidemenue.css

@@ -0,0 +1,2 @@
+body {
+}