แก้ไข css ให้เหมือนทะเบียนสมาชิก

wwwroot/BackendScript/css/bootstrap-reset.css

@@ -95,8 +95,9 @@ a:hover {
 }
 
 .form-control {
-    color: #000000 !important;
+    color: blue !important; /*myfix*/
     font-size: .8rem;
+    font-weight: bold; /*myfix*/
 }
 
 /*modal*/
@@ -118,7 +119,7 @@ a:hover {
 
 .form-control {
     box-shadow: none;
-    color: #000000;
+    color: #c2c2c2;
 }
 
 

wwwroot/BackendScript/css/style-custom.css

@@ -157,7 +157,7 @@
 }
 
 div#auth-page {
-    background-image: url("../../BackendScript/images/background/login-bg.jpg");
+    background-image: url("../../images/login-bg.jpg");
     background-size: cover;
     height: 100vh
 }
@@ -180,7 +180,7 @@ div.auth-wrapper .alert {
 
 .login-logo {
     margin-top: 10px;
-    content: url("../../BackendScript/images/logo-login.png")
+    content: url("../../images/logo-login.png")
 }
 
 .title-login {
@@ -566,8 +566,9 @@ ul.sidebar-menu {
 }
 
 body[data-fontsize="1"] #main-content :not(.select2-selection__rendered):not(.fa):not(.btn):not(.input-group-text) {
-    font-size: 18px !important;
-    line-height: 22px !important
+    font-size: 22px !important; /*myfix*/
+    line-height: 22px !important;
+    font-weight: bold !important; /*myfix*/
 }
 
 body[data-fontsize="2"] #main-content :not(.select2-selection__rendered):not(.fa):not(.btn):not(.input-group-text) {
@@ -666,11 +667,12 @@ body[data-fontsize="3"] #main-content :not(.select2-selection__rendered):not(.fa
 }
 
 .btn {
-    font-size: 19px;
+    font-size: 24px; /*myfix*/
     height: 30px;
     line-height: 1;
     color: #fff;
-    border: 1px solid
+    border: 1px solid;
+    font-weight:bold;
 }
 
 .btn:focus {
@@ -874,7 +876,7 @@ label {
 
 input.form-control {
     border: 1px solid #cdd5da;
-    font-size: 19px;
+    font-size: 19px; 
     padding-bottom: 0;
     padding-top: 0;
     height: 31px
@@ -958,13 +960,15 @@ input.is-invalid:focus {
     height: 32px
 }
 
-.select2-container .select2-selection--single .select2-selection__rendered {
-    height: 30px;
-    line-height: 31px;
-    font-size: 19px;
-    padding-left: 12px;
-    padding-right: 30px
-}
+    .select2-container .select2-selection--single .select2-selection__rendered {
+        height: 30px;
+        line-height: 31px;
+        font-size: 22px; /*myfix*/
+        padding-left: 12px;
+        padding-right: 30px;
+        color: blue; /*myfix*/
+        font-weight: bold; /*myfix*/
+    }
 
 .select2-container .select2-selection--single .select2-selection__rendered li {
     line-height: 1
@@ -991,8 +995,8 @@ input.is-invalid:focus {
 }
 
 .select2-container--default .select2-search--dropdown .select2-search__field {
-    font-size: 19px;
-    
+    font-size: 22px; /*myfix*/
+    color: blue; /*myfix*/
 }
 
 .select2-container--default .select2-selection--multiple {
@@ -1042,7 +1046,9 @@ input.is-invalid:focus {
 }
 
 li.select2-results__option {
-    font-size: 19px
+    font-size: 22px; /*myfix*/
+    color: blue; /*myfix*/
+    font-weight:bold;
 }
 
 .datepicker td.disabled,

wwwroot/css/mycustom.css

@@ -30,4 +30,44 @@ select:disabled {
     -moz-appearance: none;
     text-indent: 1px;
     text-overflow: '';
-}
+}
+
+/*=================My Auto Complete==================*/
+
+/*the container must be positioned relative:*/
+.autocomplete {
+    position: relative;
+    display: inline-block;
+}
+
+
+
+.my_autocomplete-items {
+    position: absolute;
+    border: 1px solid #d4d4d4;
+    border-bottom: none;
+    border-top: none;
+    z-index: 99;
+    /*position the autocomplete items to be the same width as the container:*/
+    top: 100%;
+    left: 0;
+    right: 0;
+}
+
+    .my_autocomplete-items div {
+        padding: 10px;
+        cursor: pointer;
+        background-color: #fff;
+        border-bottom: 1px solid #d4d4d4;
+    }
+
+        /*when hovering an item:*/
+        .my_autocomplete-items div:hover {
+            background-color: #e9e9e9;
+        }
+
+/*when navigating through the items using the arrow keys:*/
+.my_autocomplete-active {
+    background-color: DodgerBlue !important;
+    color: #ffffff;
+}