From c05d41a4680106335631e574bd6537ba52daceec Mon Sep 17 00:00:00 2001
From: ja <ja@verag.ag>
Date: Wed, 24 Nov 2021 09:38:35 +0100
Subject: [PATCH] =?UTF-8?q?=C3=84nderungen=20CSS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Customers/Customers.master |   2 +-
 Customers/Invoices.aspx    |   2 +-
 css/navbarsidebar.css      | 214 ++++++++++++++++---------------------
 3 files changed, 94 insertions(+), 124 deletions(-)

diff --git a/Customers/Customers.master b/Customers/Customers.master
index 4ec0a11..93c9a1d 100644
--- a/Customers/Customers.master
+++ b/Customers/Customers.master
@@ -609,7 +609,7 @@
                                                   <button class="dropbtn" class="btn btn-primary" id="dropbtnbtnbtn" style="height:50px; width:205px;right:-194px;white-space:nowrap" 
                                                   <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff;color:#043381; width:30px;height:50px;white-space:nowrap"><img src="../images/samples/default-avatar.jpg"; width="15"; /><a data-bs-toggle="modal" data-bs-target="#exampleModal"><asp:LoginName class="pointer" ID="LoginName2" runat="server" style="margin-left:6px"/></a></button>
                                               </button>                                                
-                                              <ul class="dropdown-content" id="dropdownmenuecont" style="width:210px;right:-198px;top:2px;z-index:1032;margin-right:-2px;">                           
+                                              <ul class="dropdown-content" id="dropdownmenuecont" style="width:210px;right:-198px;top:5px;z-index:1032;margin-right:-2px;">                           
                                                            <li><button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="text-decoration: none;background-color:#fff;color:#043381;z-index:1032;text-align:left;margin-left:-16px;border:none;font-size:16px;white-space: nowrap; width:200px"><img src="../images/Icons/main/gear_blue.png"; style="font-size:14px;width:15px; height:15px;color:#043381;background-color:#fff;margin-right:6px;" />Profil bearbeiten</button></li>                                                              
                                                          <li><a type="button" class="btn btn-primary" href="../login/Logout.aspx" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:18px;width:200px;z-index:1032;margin-left:-16px;width:200px"><img src="../images/Icons/main/Logout.svg.png"; style="font-size:17px;width:20px; height:20px;color:#043381;background-color:#fff; margin-right:6px;"/>Logout</a></li>                     
                                                         <!-- <div class="dropdown-divider"></div>-->                                                                       
diff --git a/Customers/Invoices.aspx b/Customers/Invoices.aspx
index 3368c85..3e36ffb 100644
--- a/Customers/Invoices.aspx
+++ b/Customers/Invoices.aspx
@@ -215,7 +215,7 @@
                             <asp:HiddenField ID="hfAccordionIndex" runat="server"/>
                             <div id="collapseOne" class="accordion-collapse collapse hide" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                 <div class="card card-body">
-                                    <!--optionale parameter könnten hierhin -->
+                                    <!--optionale parameter könnten hierhin-->
                                 </div>
                             </div>
                         </div>
diff --git a/css/navbarsidebar.css b/css/navbarsidebar.css
index 017bbc3..aa7d429 100644
--- a/css/navbarsidebar.css
+++ b/css/navbarsidebar.css
@@ -96,6 +96,7 @@ a:focus {
 .wrapper {
     display: flex;
     align-items: stretch;
+    margin: 0 auto;
 }
 
 #sidebar {
@@ -279,7 +280,6 @@ a[data-toggle="collapse"] {
         width: 150px;
         width: 19.97336884154461vw;
     }
-
     .navbar navbar-expand-lg navbar-light bg-light justify-content-md-center flex-nowrap {
         max-width: /*575px;*/ 126.65198237885463vw;
     }
@@ -295,10 +295,9 @@ a[data-toggle="collapse"] {
         background-color: #fff;
         color: #043381;
     }
-
-        #sidebar.active {
-            margin-left: -250px;
-        }
+    #sidebar.active {
+        margin-left: -250px;
+    }
     #content_all {
         font-size: 1rem;
         font-size: 1.2333000033333vw;
@@ -306,7 +305,6 @@ a[data-toggle="collapse"] {
         float: left;
         background-color:#fff;
     }
-
     #footer_content b {
         font-size: 1rem;
         padding-inline: 0.13480833333333331vw;
@@ -314,26 +312,21 @@ a[data-toggle="collapse"] {
         max-width: 100%;
         min-width: 60%;
     }
-
     .nav-link dropdown-toggle {
         font-size: 0.86rem;
         font-style: inherit;
     }
-
     nav-item dropdown::marker {
         font-size: 0rem;
         overflow: hidden;
     }
-
     #navbarDropdown {
         font-size: initial;
     }
-
     #navbar {
         font-size: initial;
         overflow: hidden;
     }
-
     #sidebar.active {
         margin-left: 250px;
     }
@@ -345,143 +338,120 @@ a[data-toggle="collapse"] {
     height: 1.09460516028147vh;
     height: 0.875em;
 }
-
 #pagecontent {
     font-size: 1em;
     display: flex;
     align-items: center;
     justify-content: center
 }
-
 .btn-primary {
     color: #fff;
     background-color: #043381;
     border-color: #043381;
 }
-
-    .btn-primary:hover {
-        color:#043381;
-        background-color: #fff;
-        border-color: #0a58ca;
-    }
-
-    .btn-check:focus + .btn-primary, .btn-primary:focus {
-        color: #fff;
-        background-color: #043381;
-        border-color: #0a58ca;
-        box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
-    }
-
-    .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
-        color: #fff;
-        background-color: #043381;
-        border-color: #0a53be
-    }
-
-        .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
-            box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
-        }
-
-    .btn-primary.disabled, .btn-primary:disabled {
-        color: #fff;
-        background-color: #0d6efd;
-        border-color: #0d6efd
-    }
-
+.btn-primary:hover {
+     color:#043381;
+     background-color: #fff;
+     border-color: #0a58ca;
+}
+.btn-check:focus + .btn-primary, .btn-primary:focus {
+     color: #fff;
+     background-color: #043381;
+     border-color: #0a58ca;
+     box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
+}
+.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
+    color: #fff;
+    background-color: #043381;
+    border-color: #0a53be
+}
+.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
+     box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
+}
+.btn-primary.disabled, .btn-primary:disabled {
+     color: #fff;
+     background-color: #0d6efd;
+     border-color: #0d6efd
+}
 .btn-secondary {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d
 }
-
-    .btn-secondary:hover {
-        color: #fff;
-        background-color: #5c636a;
-        border-color: #565e64
-    }
-
-    .btn-check:focus + .btn-secondary, .btn-secondary:focus {
-        color: #fff;
-        background-color: #5c636a;
-        border-color: #565e64;
-        box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
-    }
-
-    .btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
-        color: #fff;
-        background-color: #565e64;
-        border-color: #51585e
-    }
-
-        .btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus {
-            box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
-        }
-
-    .btn-secondary.disabled, .btn-secondary:disabled {
-        color: #fff;
-        background-color: #6c757d;
-        border-color: #6c757d
-    }
-
+.btn-secondary:hover {
+     color: #fff;
+     background-color: #5c636a;
+     border-color: #565e64
+}
+.btn-check:focus + .btn-secondary, .btn-secondary:focus {
+     color: #fff;
+     background-color: #5c636a;
+     border-color: #565e64;
+     box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
+}
+.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
+     color: #fff;
+     background-color: #565e64;
+     border-color: #51585e
+}
+.btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus {
+     box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
+}
+.btn-secondary.disabled, .btn-secondary:disabled {
+    color: #fff;
+    background-color: #6c757d;
+    border-color: #6c757d
+}
 .btn-success {
     color: #fff;
     background-color: #198754;
     border-color: #198754
 }
-
-    .btn-success:hover {
-        color: #fff;
-        background-color: #157347;
-        border-color: #146c43
-    }
-
-    .btn-check:focus + .btn-success, .btn-success:focus {
-        color: #fff;
-        background-color: #157347;
-        border-color: #146c43;
-        box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
-    }
-
-    .btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
-        color: #fff;
-        background-color: #146c43;
-        border-color: #13653f
-    }
-
-        .btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
-            box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
-        }
-
-    .btn-success.disabled, .btn-success:disabled {
-        color: #fff;
-        background-color: #198754;
-        border-color: #198754
-    }
-
+.btn-success:hover {
+    color: #fff;
+    background-color: #157347;
+    border-color: #146c43
+}
+.btn-check:focus + .btn-success, .btn-success:focus {
+    color: #fff;
+    background-color: #157347;
+    border-color: #146c43;
+    box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
+}
+.btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
+    color: #fff;
+    background-color: #146c43;
+    border-color: #13653f
+}
+.btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
+    box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
+}
+.btn-success.disabled, .btn-success:disabled {
+    color: #fff;
+    background-color: #198754;
+    border-color: #198754
+}
 .btn-info {
     color: #000;
     background-color: #0dcaf0;
     border-color: #0dcaf0
 }
-
-    .btn-info:hover {
-        color: #000;
-        background-color: #31d2f2;
-        border-color: #25cff2
-    }
-
-    .btn-check:focus + .btn-info, .btn-info:focus {
-        color: #000;
-        background-color: #31d2f2;
-        border-color: #25cff2;
-        box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
-    }
-
-    .btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
-        color: #000;
-        background-color: #3dd5f3;
-        border-color: #25cff2
-    }
+.btn-info:hover {
+    color: #000;
+    background-color: #31d2f2;
+    border-color: #25cff2
+}
+.btn-check:focus + .btn-info, .btn-info:focus {
+    color: #000;
+    background-color: #31d2f2;
+    border-color: #25cff2;
+    box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
+}
+.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
+     color: #000;
+     background-color: #3dd5f3;
+     border-color: #25cff2
+}
 
         .btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus {
             box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)