Verbesserungen an CSS

Customers/Customers.master

@@ -385,10 +385,10 @@
                                                 </div>            
     
      <div class="d-none d-md-block">         
-          <div style="width:10px;margin-top:10px;z-index:1031;position:sticky">
+          <div id="divübernavpills" style="width:10px;margin-top:10px;right:-830px;z-index:1031;position:relative">
            <ul class="nav nav-pills">                                             
-                                                                                              <li class="nav-item dropdown">
+                                                                                              <li class="nav-item dropdown" style="position:sticky;right:10px;left:90%;top:5px;bottom:50px;">
-                                                            <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" style="margin-left: 730px;z-index:1031; position:sticky" <button type="button" class="btn btn-primary" data-bs-toggle="dropdown"  style="background-color:#fff;color:#043381;border:none;z-index:1031; position:sticky"><img src="../images/samples/default-avatar.jpg"; width="25"; /><asp:LoginName ID="LoginName1" runat="server" /></button></a>
+                                                            <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" style="" <button type="button" class="btn btn-primary" data-bs-toggle="dropdown"  style="background-color:#fff;color:#043381;border:none;z-index:1031; position:sticky"><img src="../images/samples/default-avatar.jpg"; width="25"; /><asp:LoginName ID="LoginName1" runat="server" /></button></a>
                                                                                            <ul class="dropdown-menu">                    
                                                                                                <li>           
               <div class="modal-dialog" style="z-index:1031">

css/Customers/MasterpageCustomers.css

@@ -166,7 +166,7 @@ ContentPlaceHolder1 {
     }
 }
 
-@media (min-width: 575px) {
+@media (min-width: 575px)  and (max-width: 768px) {
     body {
         font-family: 'Poppins', sans-serif;
         background: #fafafa;
@@ -235,7 +235,6 @@ ContentPlaceHolder1 {
         right: 20px;
       
     }
-
     .modal-body {
         /* background-color:#043381;*/
         background-color: #fff;
@@ -249,8 +248,109 @@ ContentPlaceHolder1 {
     #divueberdropdown {
         margin-right: 7px;
     }
+    #divübernavpills {
+        width: 10px;
+        margin-top: 10px;
+        right: -830px;
+        z-index: 1031;
+        position: relative;
+    }
+}
+@media (min-width: 575px) {
+    body {
+        font-family: 'Poppins', sans-serif;
+        background: #fafafa;
+        background-image: url("../../images/road.jpg");
+        background-position: center center;
+        background-repeat: no-repeat;
+        background-attachment: fixed;
+        background-size: cover;
+        /* background-color:#043381;*/
     }
 
+    #offcanvasWithBothOptions {
+        min-width: 17.692852087756545vw;
+        max-width: 17.692852087756545vw;
+    }
+
+    #normaltable {
+        padding-left: -0.125em;
+    }
+
+    h1 {
+        color: #043381;
+        font-size: 32px;
+    }
+
+    #conovertab {
+        max-width: 150px 11.25em;
+        margin-left: 35px;
+        overflow-x: auto;
+    }
+
+    .containerSearch {
+        width: 3.1821797931583133vw;
+        color: #043381;
+        background-color: #fff;
+    }
+
+
+    .sidebar-header {
+        background-color: #fff;
+        max-width: 250px;
+        color: #043381;
+    }
+
+    .container-fluid {
+        background-color: #fff;
+        color: #043381;
+    }
+
+    #navbarhomebar {
+        background-color: #fff;
+        color: #043381;
+        margin-left: 21%;
+    }
+
+    .container-xxl {
+        background-color: #fff;
+    }
+
+    .list-unstyled components {
+        background-color: #fff;
+        max-width: 250px;
+    }
+
+    .dropdown-toggle::after {
+        display: block;
+        position: absolute;
+        top: 50%;
+        right: 20px;
+    }
+
+    .modal-body {
+        /* background-color:#043381;*/
+        background-color: #fff;
+        color: #043381;
+    }
+
+    .modal-header {
+        background-image: linear-gradient(to right, #003680, #0055cc);
+        color: #fff;
+    }
+
+    #divueberdropdown {
+        margin-right: 7px;
+    }
+
+    #divübernavpills {
+        width: 10px;
+        margin-top: 10px;
+        right: -230px;
+        z-index: 1031;
+        position: relative;
+    }
+}
     #ContentPlaceHolder1 {
         align-self: center;
         width: 1700px;