Map: edit the number form buttons

public_html/assets/css/mapMAPCSS.css

@@ -271,7 +271,7 @@
   .property.highlight .modal-header{
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
-
+    
   }
   /*
    * Property styles in highlighted state.
@@ -467,11 +467,11 @@
 }
 
 .mapBtn{
-  border:none;
+  border: none;
   color: #fff;
   padding: 15px ;
   border-radius: 5px;
-  font-size: 12px;
+  font-size: 15px;
 }
 .btn-primary-modal{
   background-color: #558B2F;
@@ -497,6 +497,16 @@
 .btn-info-modal{
   background-color: var(--color-sub);
 }
+.blink {
+  animation: blink-animation 1s steps(5, start) infinite;
+  -webkit-animation: blink-animation 1s steps(5, start) infinite;
+}
+@keyframes blink-animation {
+  50% {
+    opacity: 0.3;
+  }
+}
+
 /*Sidebar filter*/
 .pg-location  .td-search td {
 	height: auto;
@@ -713,4 +723,44 @@ position: fixed;
 bottom: 0px;
 width: 100%;
 z-index: 34;
-}
+}
+
+/* Map > Input > Sludge */
+.number-input {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+
+.number-input input {
+  width: 100%;
+  text-align: center;
+}
+
+.number-input button {
+  padding: 5px 10px;
+  cursor: pointer;
+}
+
+/* 기본 화살표 제거 */
+.d_sludge::-webkit-inner-spin-button,
+.d_sludge::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.d_sludge {
+  -moz-appearance: textfield;
+}
+
+.left, .right {
+  background: none;
+  border: none;
+  color: #77B469;
+  font-weight: bold;
+  cursor: pointer;
+  padding: 0;
+  margin: 0;
+  appearance: none;
+  box-shadow: none;
+  outline: none;
+}