updated file

Author: IrfanGhuori

css/bootstrap.css

@@ -597,7 +597,7 @@ mark,
 .img-thumbnail {
   padding: 0.25rem;
   background-color: #fff;
-  border: 1px solid #dee2e6;
+  border: 1px solid #dee2e654;
   border-radius: 0.25rem;
   max-width: 100%;
   height: auto;
@@ -1898,16 +1898,16 @@ pre code {
 .table td {
   padding: 0.75rem;
   vertical-align: top;
-  border-top: 1px solid #dee2e6;
+  border-top: 1px solid #dee2e654;
 }
 
 .table thead th {
   vertical-align: bottom;
-  border-bottom: 2px solid #dee2e6;
+  border-bottom: 2px solid #dee2e654;
 }
 
 .table tbody+tbody {
-  border-top: 2px solid #dee2e6;
+  border-top: 2px solid #dee2e654;
 }
 
 .table-sm th,
@@ -1916,12 +1916,12 @@ pre code {
 }
 
 .table-bordered {
-  border: 1px solid #dee2e6;
+  border: 1px solid #dee2e654;
 }
 
 .table-bordered th,
 .table-bordered td {
-  border: 1px solid #dee2e6;
+  border: 1px solid #dee2e654;
 }
 
 .table-bordered thead th,
@@ -2145,7 +2145,7 @@ pre code {
 .table .thead-light th {
   color: #495057;
   background-color: #e9ecef;
-  border-color: #dee2e6;
+  border-color: #dee2e654;
 }
 
 .table-dark {
@@ -4654,7 +4654,7 @@ input:checked+.slider:before {
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
-  background-color: #dee2e6;
+  background-color: #dee2e654;
   border-color: transparent;
   border-radius: 1rem;
 }
@@ -4684,7 +4684,7 @@ input:checked+.slider:before {
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
-  background-color: #dee2e6;
+  background-color: #dee2e654;
   border-color: transparent;
   border-radius: 1rem;
 }
@@ -4723,13 +4723,13 @@ input:checked+.slider:before {
 }
 
 .custom-range::-ms-fill-lower {
-  background-color: #dee2e6;
+  background-color: #dee2e654;
   border-radius: 1rem;
 }
 
 .custom-range::-ms-fill-upper {
   margin-right: 15px;
-  background-color: #dee2e6;
+  background-color: #dee2e654;
   border-radius: 1rem;
 }
 
@@ -4793,7 +4793,7 @@ input:checked+.slider:before {
 }
 
 .nav-tabs {
-  border-bottom: 1px solid #dee2e6;
+  border-bottom: 1px solid #dee2e654;
 }
 
 .nav-tabs .nav-item {
@@ -4816,7 +4816,7 @@ input:checked+.slider:before {
 .nav-tabs .nav-item.show .nav-link {
   color: #495057;
   background-color: #fff;
-  border-color: #dee2e6 #dee2e6 #fff;
+  border-color: #dee2e654 #dee2e654 #fff;
 }
 
 .nav-tabs .dropdown-menu {
@@ -6946,7 +6946,7 @@ a.close.disabled {
   align-items: flex-start;
   justify-content: space-between;
   padding: 1rem 1rem;
-  border-bottom: 1px solid #dee2e6;
+  border-bottom: 1px solid #dee2e654;
   border-top-left-radius: 0.3rem;
   border-top-right-radius: 0.3rem;
 }
@@ -6971,7 +6971,7 @@ a.close.disabled {
   align-items: center;
   justify-content: flex-end;
   padding: 1rem;
-  border-top: 1px solid #dee2e6;
+  border-top: 1px solid #dee2e65454;
 }
 
 .modal-footer> :not(:first-child) {
@@ -8431,23 +8431,23 @@ textarea:focus {
 }
 
 .border {
-  border: 1px solid #dee2e6 !important;
+  border: 1px solid #dee2e654 !important;
 }
 
 .border-top {
-  border-top: 1px solid #dee2e6 !important;
+  border-top: 1px solid #dee2e654 !important;
 }
 
 .border-right {
-  border-right: 1px solid #dee2e6 !important;
+  border-right: 1px solid #dee2e654 !important;
 }
 
 .border-bottom {
-  border-bottom: 1px solid #dee2e6 !important;
+  border-bottom: 1px solid #dee2e654 !important;
 }
 
 .border-left {
-  border-left: 1px solid #dee2e6 !important;
+  border-left: 1px solid #dee2e654 !important;
 }
 
 .border-0 {
@@ -12285,7 +12285,7 @@ a.text-dark:focus {
 
   .table-bordered th,
   .table-bordered td {
-    border: 1px solid #dee2e6 !important;
+    border: 1px solid #dee2e654 !important;
   }
 
   .table-dark {
@@ -12296,12 +12296,12 @@ a.text-dark:focus {
   .table-dark td,
   .table-dark thead th,
   .table-dark tbody+tbody {
-    border-color: #dee2e6;
+    border-color: #dee2e654;
   }
 
   .table .thead-dark th {
     color: inherit;
-    border-color: #dee2e6;
+    border-color: #dee2e654;
   }
 }
 
@@ -13993,49 +13993,28 @@ a.text-dark:focus {
   -webkit-backdrop-filter: blur(5px) !important;
 }
 
-/* width */
-::-webkit-scrollbar {
-  width: 20px;
-
-} Track */
-::-webkit-scrollbar-track {
-  box-shadow: inset 0 0 5px grey;
-  border-radius: 10px;
-  -webkit-border-radius: 10px;
-  -moz-border-radius: 10px;
-  -ms-border-radius: 10px;
-  -o-border-radius: 10px;
-
+::-webkit-scrollbar-track
+{
+  background: transparent !important;
 }
+::-webkit-scrollbar-corner{
+  background: transparent !important;
+  /* 6 */ }
+::-webkit-scrollbar
+{
+	width: 1em;
 
-/* Handle */
-::-webkit-scrollbar-thumb {
-  background: rgba(255, 255, 255, 0.19);
-  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
-  backdrop-filter: blur(7.4px);
-  border-radius: 10px;
-  -webkit-backdrop-filter: blur(7.4px);
-  border: 0px solid rgba(255, 255, 255, 0.3);
-  -webkit-border-radius: 10px;
-  -moz-border-radius: 10px;
-  -ms-border-radius: 10px;
-  -o-border-radius: 10px;
 }
 
-/* Handle on hover */
-::-webkit-scrollbar-thumb:hover {
-  background: rgba(255, 255, 255, 0.53);
+::-webkit-scrollbar-thumb
+{
+  background: rgba(0, 0, 0, 0.31);
+  border-radius: 16px;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
-  backdrop-filter: blur(7.4px);
-  border-radius: 10px;
-  -webkit-backdrop-filter: blur(7.4px);
-  border: 0px solid rgba(255, 255, 255, 0.3);
-  -webkit-border-radius: 10px;
-  -moz-border-radius: 10px;
-  -ms-border-radius: 10px;
-  -o-border-radius: 10px;
-  cursor: pointer;
+  backdrop-filter: blur(11.9px);
+  -webkit-backdrop-filter: blur(11.9px);
 }
+
 /**
  carousel slider 
 */