@tattvafoundation/upyog-css 1.0.15 → 1.0.16

package/dist/index.css

@@ -861,7 +861,7 @@ img, video {
   -webkit-box-sizing: content-box;
   box-sizing: initial; }
 
-.body-container, body {
+body {
   --bg-opacity:1;
   background-color: #e3e3e3;
   background-color: rgba(227, 227, 227, var(--bg-opacity)); }
@@ -870,14 +870,17 @@ img, video {
   height: 100%;
   min-height: 100vh;
   overflow-x: hidden;
-  position: relative !important; }
+  position: relative !important;
+  background-color: #f1f5fe; }
 
 .navbar {
   margin-bottom: 16px;
-  background: -webkit-gradient(linear, left top, right top, from(#feeee7), color-stop(#a82227), to(#feeee7)) !important;
-  background: linear-gradient(90deg, #feeee7, #a82227, #feeee7) !important; }
+  background: #fff !important;
+  color: #000 !important; }
   .navbar img {
     height: 24px; }
+  .navbar h3 {
+    border-color: #9f9e9e !important; }
 
 .h1 {
   font-size: 24px;
@@ -1056,7 +1059,7 @@ img, video {
   -ms-flex-align: center;
   align-items: center;
   padding-top: 30px;
-  background-color: #fff; }
+  background-color: initial; }
   .profile-section img {
     width: 89px;
     height: 88px;
@@ -1117,11 +1120,11 @@ img, video {
     padding-right: 16px;
     padding-left: 16px; }
     .drawer-list .sidebar-list.active {
-      border-left: 5px solid #a82227; }
+      border-left: 5px solid #d1b03f; }
       .drawer-list .sidebar-list.active .menu-label {
-        color: #a82227; }
+        color: #d1b03f; }
       .drawer-list .sidebar-list.active .icon {
-        fill: #a82227; }
+        fill: #d1b03f; }
     .drawer-list .sidebar-list .submenu-container {
       cursor: pointer;
       display: -webkit-box;
@@ -1175,100 +1178,106 @@ img, video {
     .drawer-list .dropdown-link .actions span {
       color: #5f5c62; }
 
-.drawer-desktop .menu-item {
-  border: 10px;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  cursor: pointer;
-  text-decoration: none;
-  margin: 0;
-  padding: 0;
-  outline: none;
-  font-size: 16px;
-  position: relative;
-  color: #5f5c62;
-  line-height: 48px;
-  -webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-  min-height: 48px;
-  white-space: normal;
-  background: none; }
-  .drawer-desktop .menu-item .icon {
-    display: block;
-    color: #757575;
-    fill: #757575;
-    height: 21px !important;
-    width: 21px !important;
-    float: left;
-    margin-top: 12px; }
-  .drawer-desktop .menu-item .edit-btn-ico {
-    height: 17px;
-    width: 17px;
-    margin-top: 16px; }
-  .drawer-desktop .menu-item .icon + .menu-label {
-    margin-left: 36px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap; }
-
-@media (min-width: 780px) {
-  .drawer-desktop .sidebar-list {
-    padding-right: 16px;
-    padding-left: 16px; }
-    .drawer-desktop .sidebar-list.active {
-      border-left: 5px solid #a82227;
-      padding-left: 11px; }
-      .drawer-desktop .sidebar-list.active .menu-label {
-        color: #a82227; }
-      .drawer-desktop .sidebar-list.active .icon {
-        fill: #a82227; }
-    .drawer-desktop .sidebar-list .submenu-container {
-      cursor: pointer;
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column; }
-      .drawer-desktop .sidebar-list .submenu-container .sidebar-link {
-        -webkit-box-pack: justify;
-        -ms-flex-pack: justify;
-        justify-content: space-between; }
-        .drawer-desktop .sidebar-list .submenu-container .sidebar-link svg {
-          width: 21px;
-          height: 21px;
-          color: #757575;
-          fill: #757575; }
-        .drawer-desktop .sidebar-list .submenu-container .sidebar-link .actions .tooltip {
-          margin-left: 16px; }
-      .drawer-desktop .sidebar-list .submenu-container .actions, .drawer-desktop .sidebar-list .submenu-container .sidebar-link {
+.drawer-desktop {
+  background-color: #f5eacd;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  padding-top: 80px;
+  width: 190px; }
+  .drawer-desktop .menu-item {
+    border: 10px;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    cursor: pointer;
+    text-decoration: none;
+    margin: 0;
+    padding: 0;
+    outline: none;
+    font-size: 16px;
+    position: relative;
+    color: #5f5c62;
+    line-height: 48px;
+    -webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
+    transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
+    min-height: 48px;
+    white-space: normal;
+    background: none; }
+    .drawer-desktop .menu-item .icon {
+      display: block;
+      color: #757575;
+      fill: #757575;
+      height: 21px !important;
+      width: 21px !important;
+      float: left;
+      margin-top: 12px; }
+    .drawer-desktop .menu-item .edit-btn-ico {
+      height: 17px;
+      width: 17px;
+      margin-top: 16px; }
+    .drawer-desktop .menu-item .icon + .menu-label {
+      margin-left: 36px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap; }
+  @media (min-width: 780px) {
+    .drawer-desktop .sidebar-list {
+      padding-right: 16px;
+      padding-left: 16px; }
+      .drawer-desktop .sidebar-list.active {
+        border-left: 5px solid #d1b03f;
+        padding-left: 11px; }
+        .drawer-desktop .sidebar-list.active .menu-label {
+          color: #d1b03f; }
+        .drawer-desktop .sidebar-list.active .icon {
+          fill: #d1b03f; }
+      .drawer-desktop .sidebar-list .submenu-container {
+        cursor: pointer;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center; }
-      .drawer-desktop .sidebar-list .submenu-container .actions {
-        overflow: hidden !important; }
-        .drawer-desktop .sidebar-list .submenu-container .actions span {
-          margin-left: 13px;
-          line-height: 48px;
-          white-space: nowrap;
-          color: #5f5c62;
-          overflow: hidden;
-          text-overflow: ellipsis; }
-  .drawer-desktop .dropdown-link .actions {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    padding: 1em; }
-    .drawer-desktop .dropdown-link .actions svg {
-      width: 21px;
-      height: 21px;
-      color: #757575;
-      fill: #757575; }
-    .drawer-desktop .dropdown-link .actions span {
-      color: #5f5c62; } }
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+        flex-direction: column; }
+        .drawer-desktop .sidebar-list .submenu-container .sidebar-link {
+          -webkit-box-pack: justify;
+          -ms-flex-pack: justify;
+          justify-content: space-between; }
+          .drawer-desktop .sidebar-list .submenu-container .sidebar-link svg {
+            width: 21px;
+            height: 21px;
+            color: #757575;
+            fill: #757575; }
+          .drawer-desktop .sidebar-list .submenu-container .sidebar-link .actions .tooltip {
+            margin-left: 16px; }
+        .drawer-desktop .sidebar-list .submenu-container .actions, .drawer-desktop .sidebar-list .submenu-container .sidebar-link {
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: flex;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          align-items: center; }
+        .drawer-desktop .sidebar-list .submenu-container .actions {
+          overflow: hidden !important; }
+          .drawer-desktop .sidebar-list .submenu-container .actions span {
+            margin-left: 13px;
+            line-height: 48px;
+            white-space: nowrap;
+            color: #5f5c62;
+            overflow: hidden;
+            text-overflow: ellipsis; }
+    .drawer-desktop .dropdown-link .actions {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      padding: 1em; }
+      .drawer-desktop .dropdown-link .actions svg {
+        width: 21px;
+        height: 21px;
+        color: #757575;
+        fill: #757575; }
+      .drawer-desktop .dropdown-link .actions span {
+        color: #5f5c62; } }
 
 .side-bar-footer {
   width: 200px;
@@ -4638,10 +4647,16 @@ video::-webkit-media-controls-panel {
     line-height: 24px;
     --text-opacity:1;
     color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: rgba(168, 34, 39, var(--text-opacity));
+    color: #d2b03a !important; }
     .CitizenHomeCard .links a {
-      display: block;
-      padding-bottom: 8px; }
+      display: inline-block;
+      margin-bottom: 10px;
+      padding: 5px 8px !important;
+      background: #fdf5e2;
+      border-radius: 50px;
+      line-height: 17px;
+      border: 1px solid #d2b03a; }
 
 @media (min-width: 780px) {
   .citizenAllServiceGrid {
@@ -5008,21 +5023,22 @@ video::-webkit-media-controls-panel {
       margin: auto; }
       .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionImageWrapper {
         margin: auto !important;
-        background: rgba(244, 119, 56, 0.12);
+        background: rgba(202, 170, 63, 0.21176);
         mix-blend-mode: normal;
-        padding-top: 14px;
+        padding-top: 11px;
         height: 3rem;
         width: 3rem;
         border-radius: 9999px;
         cursor: pointer; }
         .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionImageWrapper svg {
-          height: 20px;
-          width: 20px;
-          fill: #a82227;
+          height: 25px;
+          width: 25px;
+          fill: #d1b03f;
           margin: auto; }
       .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionName {
         font-size: 12px;
-        line-height: 14px; }
+        line-height: 14px;
+        margin-top: 8px; }
 
 @media (min-width: 780px) {
   .CardBasedOptions {
@@ -5031,20 +5047,23 @@ video::-webkit-media-controls-panel {
     height: 250px !important; } }
 
 .citizen .ServicesSection .CardBasedOptions:nth-child(odd) .employeeCustomCard {
-  background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
+  background-image: url(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg);
   background-size: cover; }
 
+.citizen .ServicesSection .CardBasedOptions:nth-child(odd) .inboxButton, .citizen .ServicesSection .CardBasedOptions:nth-child(odd) h2 {
+  color: #858585 !important; }
+
 .citizen .ServicesSection .CardBasedOptions:nth-child(2n) .employeeCustomCard {
-  background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-green-card.png);
+  background-image: url(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back2.jpg);
   background-size: cover; }
 
 .citizen .employeeCustomCard {
   border-radius: 10px;
-  background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
+  background-image: url(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg);
   background-size: cover; }
   .citizen .employeeCustomCard .employeeCustomCard {
     border-radius: 10px;
-    background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
+    background-image: url(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg);
     background-size: cover; }
 
 .employee-card-banner {
@@ -5702,7 +5721,8 @@ video::-webkit-media-controls-panel {
   margin-top: 15px; }
   .loginFormStyleEmployee .employeeCard .submit-bar {
     width: 100%;
-    height: 2rem !important; }
+    height: 2rem !important;
+    background-color: #d1b03f !important; }
   .loginFormStyleEmployee .employeeCard .employeeCard .submit-bar .submit-bar header {
     line-height: 2rem !important;
     font-size: 16px; }
@@ -5728,7 +5748,7 @@ video::-webkit-media-controls-panel {
     z-index: 999;
     background-color: rgba(255, 255, 255, 0.92157); }
   .banner .bannerCard, .loginFormStyleEmployee .employeeCard {
-    min-width: 270px !important;
+    min-width: 340px !important;
     background-color: rgba(255, 255, 255, 0.83922) !important; }
   .employeeChangePassword .employeeCard, .employeeForgotPassword .employeeCard {
     max-width: 270px !important;
@@ -5817,7 +5837,7 @@ video::-webkit-media-controls-panel {
   padding-top: 0 !important; }
 
 .banner {
-  height: 100vh !important; }
+  height: calc(100vh - 140px) !important; }
 
 .employeeChangePassword .employeeCard .field .field-container {
   margin-bottom: 24px; }
@@ -5951,10 +5971,10 @@ video::-webkit-media-controls-panel {
     font-weight: 700; }
   .employee .topbar .right {
     float: right;
-    margin-top: 12px; }
+    margin-top: 0; }
     .employee .topbar .right .user-img-txt {
-      background: #a82227;
-      padding: 10px 15px;
+      background: #d1b03f;
+      padding: 7px 15px;
       border-radius: 50%;
       color: #fff;
       font-weight: 700; }
@@ -6087,7 +6107,7 @@ video::-webkit-media-controls-panel {
   white-space: nowrap;
   height: calc(100vh - 36px);
   padding-bottom: 5rem;
-  background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-green-card.png), url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
+  background-color: #f5eacd;
   background-blend-mode: lighten;
   background-size: cover; }
   .citizen .sidebar .actions, .employee .sidebar .actions {
@@ -6114,14 +6134,13 @@ video::-webkit-media-controls-panel {
     justify-content: space-between;
     padding: 20px; }
     .citizen .sidebar .sidebar-link.active, .employee .sidebar .sidebar-link.active {
-      color: #a82227 !important;
+      color: #d1b03f !important;
       border-right: 4px solid #a82227; }
       .citizen .sidebar .sidebar-link.active svg, .employee .sidebar .sidebar-link.active svg {
-        fill: #a82227 !important; }
+        fill: #d1b03f !important; }
     .citizen .sidebar .sidebar-link .employee-search-input, .employee .sidebar .sidebar-link .employee-search-input {
       border: none;
       outline: none;
-      background-color: transparent;
       margin-left: 13px; }
     .citizen .sidebar .sidebar-link .custom-link .tooltip, .employee .sidebar .sidebar-link .custom-link .tooltip {
       margin-left: 16px; }
@@ -6129,30 +6148,31 @@ video::-webkit-media-controls-panel {
         margin-left: unset !important;
         left: unset !important; }
     .citizen .sidebar .sidebar-link svg, .employee .sidebar .sidebar-link svg {
-      fill: #fff !important;
+      fill: #d1b03f !important;
       width: 21px;
       height: 21px; }
     .citizen .sidebar .sidebar-link:hover, .employee .sidebar .sidebar-link:hover {
-      color: #a82227 !important;
-      background-color: #486480;
+      color: #fff !important;
+      background-color: rgba(202, 170, 63, 0.76);
       cursor: pointer; }
       .citizen .sidebar .sidebar-link:hover svg, .employee .sidebar .sidebar-link:hover svg {
-        fill: #a82227 !important; }
+        fill: #fff !important; }
     .citizen .sidebar .sidebar-link .search-icon-wrapper svg, .employee .sidebar .sidebar-link .search-icon-wrapper svg {
-      fill: #fff !important;
+      fill: #d1b03f !important;
       width: 21px;
       height: 21px; }
       .citizen .sidebar .sidebar-link .search-icon-wrapper svg path, .employee .sidebar .sidebar-link .search-icon-wrapper svg path {
-        fill: #fff !important; }
+        fill: #d1b03f !important; }
   .citizen .sidebar .dropdown-link, .citizen .sidebar .sidebar-link, .employee .sidebar .dropdown-link, .employee .sidebar .sidebar-link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    color: #fff;
+    color: #d1b03f;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
-    font-size: 14px; }
+    font-size: 14px;
+    color: #d1b03f; }
   .citizen .sidebar .dropdown-link, .employee .sidebar .dropdown-link {
     height: 40px;
     margin-left: 40px;
@@ -6165,8 +6185,8 @@ video::-webkit-media-controls-panel {
       height: 20px;
       fill: #fff; }
     .citizen .sidebar .dropdown-link:hover, .employee .sidebar .dropdown-link:hover {
-      color: #fe7a51 !important;
-      background-color: #486480;
+      color: #fff !important;
+      background-color: rgba(202, 170, 63, 0.76);
       cursor: pointer; }
       .citizen .sidebar .dropdown-link:hover svg, .employee .sidebar .dropdown-link:hover svg {
         fill: #fe7a51 !important; }
@@ -6273,9 +6293,7 @@ video::-webkit-media-controls-panel {
     gap: 10px; }
 
 .link {
-  --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #d1b03f;
   cursor: pointer; }
   .link :hover {
     --text-opacity:1;
@@ -6469,6 +6487,9 @@ video::-webkit-media-controls-panel {
     box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.07843), 0 30px 60px -30px rgba(0, 0, 0, 0.18), inset 0 -2px 6px 0 rgba(10, 37, 64, 0.21961);
     border-radius: 12px; } }
 
+.actions.search-icon-wrapper svg:hover {
+  fill: #fff !important; }
+
 .flex-fit {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -7201,7 +7222,7 @@ video::-webkit-media-controls-panel {
     padding: 0 !important; } }
 
 .employeeTotalLink {
-  color: #a82227;
+  color: #d1b03f;
   font-size: 12px; }
 
 @media (min-width: 780px) {
@@ -7264,11 +7285,17 @@ video::-webkit-media-controls-panel {
   color: #a82227 !important; }
 
 .employee .customEmployeeCard:nth-child(odd) .employeeCustomCard {
-  background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
+  background-image: url(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg);
   background-size: cover; }
 
+.employee .customEmployeeCard:nth-child(odd) span {
+  color: #858585 !important; }
+
+.employee .customEmployeeCard:nth-child(odd) .logo-removeBorderRadiusLogo svg {
+  fill: #858585 !important; }
+
 .employee .customEmployeeCard:nth-child(2n) .employeeCustomCard {
-  background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-green-card.png);
+  background-image: url(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back2.jpg);
   background-size: cover; }
 
 .employee .employeeCustomCard {
@@ -7814,7 +7841,9 @@ body {
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
-    padding: 40px 15px 0; }
+    padding: 40px 15px 0;
+    width: 100% !important;
+    float: left !important; }
   @media (min-width: 780px) {
     .HomePageWrapper .ServicesSection {
       display: -webkit-box;
@@ -7858,12 +7887,13 @@ body {
   .HomePageWrapper .WhatsAppBanner {
     padding: 0 20px;
     margin: auto;
-    cursor: pointer; }
+    cursor: pointer;
+    clear: both; }
 
 @media (min-width: 780px) {
   .SideBarStatic {
     width: 219px;
-    background: #fff;
+    background: transparent;
     margin-top: -24px; } }
 
 @media (max-width: 780px) {
@@ -8955,11 +8985,6 @@ body {
   border-top-color: rgba(0, 0, 0, 0.8);
   top: 100%; }
 
-.bmc-card-bannerImage {
-  background-image: url(../img/Free-Silai-Machine-Yojna-1-jpg.jpeg);
-  height: 40vh;
-  background-size: cover; }
-
 @media screen and (max-width: 768px) {
   .line {
     top: 10px;
@@ -8995,12 +9020,29 @@ body {
   padding: 0 4rem; }
 
 .bmc-card-aadharimage {
-  background-image: url(../img/aadhaarCard.jpg);
+  background-image: url(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/aadhaarCard.jpg);
   height: 60vh;
   width: 100%;
   background-size: cover;
   background-repeat: round; }
 
+.logo-ic {
+  background-image: url(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/logo-bmc.png);
+  height: 80px;
+  width: 80px;
+  background-size: 80px;
+  background-position: 50%;
+  width: 100%;
+  background-repeat: no-repeat;
+  margin-bottom: 10px; }
+
+.employee-banner-image {
+  background-image: url(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/login-back.png);
+  height: 100vh;
+  width: 100%;
+  background-size: cover !important;
+  position: absolute; }
+
 .aadhaar-container {
   text-align: center; }
 
@@ -9699,7 +9741,36 @@ body {
   background-color: #eee;
   background-color: rgba(238, 238, 238, var(--bg-opacity)); }
 
+.RightMostTopBarOptions .select-wrap svg {
+  fill: #000; }
+
+.scheme-ic {
+  background: #fdf5e2;
+  padding: 5px;
+  border-radius: 50px;
+  border: 1px solid #d1b03f; }
+
+.img-responsive {
+  width: 100%;
+  height: auto; }
+
 @media (max-width: 768px) {
+  .deonar-security {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap; }
+  .deonar-security-card {
+    width: 100% !important; }
+  .deonar-token-gen {
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap; }
+  .deonar-input-gen {
+    -webkit-box-flex: 0 !important;
+    -ms-flex: none !important;
+    flex: none !important;
+    width: 100%; }
   .deonar-scrollable-table {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
@@ -9729,6 +9800,16 @@ body {
   .bmc-form-field.half {
     grid-column: 1/-1; } }
 
+@media (min-width: 1024px) {
+  .deonar-token-gen {
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap; }
+  .deonar-input-gen {
+    -webkit-box-flex: 0 !important;
+    -ms-flex: none !important;
+    flex: none !important;
+    width: 100%; } }
+
 @media (max-width: 1280px) {
   .deonar-scrollable-table {
     display: block; } }
@@ -9892,6 +9973,132 @@ body {
 .deonar-btn-cancel:hover, .deonar-btn-confirm:hover {
   opacity: .9; }
 
+.bmc-receipt-watermark {
+  background-image: url(../img/bmc_receipt.png);
+  background-size: contain;
+  background-repeat: no-repeat;
+  width: 100%;
+  height: 100%;
+  opacity: .1;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  pointer-events: none; }
+
+.bmc-edit-count-input {
+  width: 60px;
+  padding: 4px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  text-align: center; }
+
+.bmc-action-buttons {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 8px;
+  gap: 8px; }
+
+.bmc-cancel-btn, .bmc-edit-btn, .bmc-save-btn {
+  padding: 4px 8px;
+  border-radius: 4px;
+  cursor: pointer;
+  border: none;
+  font-size: 14px; }
+
+.bmc-edit-btn {
+  background-color: #1976d2;
+  color: #fff; }
+
+.bmc-save-btn {
+  background-color: #4caf50;
+  color: #fff; }
+
+.bmc-remove-icon {
+  cursor: pointer;
+  margin-left: 10px;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.bmc-count-adjuster {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 8px;
+  gap: 8px; }
+
+.bmc-count-adjuster, .bmc-count-info {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.bmc-count-info {
+  grid-gap: 16px;
+  gap: 16px;
+  font-size: 14px; }
+
+.bmc-count-input-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 8px;
+  gap: 8px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.bmc-count-input {
+  width: 80px;
+  padding: 4px 8px;
+  border: 1px solid #ccc;
+  border-radius: 4px; }
+
+.bmc-count-summary {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 12px;
+  gap: 12px; }
+
+.bmc-count-display {
+  font-size: 14px;
+  color: #666; }
+
+.bmc-adjust-btn, .bmc-apply-btn, .bmc-cancel-btn {
+  padding: 4px 8px;
+  border-radius: 4px;
+  border: none;
+  cursor: pointer;
+  font-size: 14px; }
+
+.bmc-adjust-btn {
+  background-color: #1976d2;
+  color: #fff; }
+
+.bmc-apply-btn {
+  background-color: #4caf50;
+  color: #fff; }
+
+.bmc-cancel-btn {
+  background-color: #f44336;
+  color: #fff; }
+
+.bmc-adjust-btn:disabled {
+  background-color: #ccc;
+  cursor: not-allowed; }
+
 .ebe-add-employee-wrp {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
@@ -10626,7 +10833,7 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   background-color: #d7aefc !important; }
 
 .icon-banner-employee svg {
-  background-color: #bf2f3b !important;
+  background-color: #d1b03f !important;
   width: 40px;
   height: 40px; }