@tattvafoundation/upyog-css 1.0.15 → 1.0.17

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 #b08905; }
       .drawer-list .sidebar-list.active .menu-label {
-        color: #a82227; }
+        color: #b08905; }
       .drawer-list .sidebar-list.active .icon {
-        fill: #a82227; }
+        fill: #b08905; }
     .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 #b08905;
+        padding-left: 11px; }
+        .drawer-desktop .sidebar-list.active .menu-label {
+          color: #b08905; }
+        .drawer-desktop .sidebar-list.active .icon {
+          fill: #b08905; }
+      .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;
@@ -1552,7 +1561,7 @@ img, video {
 @media (min-width: 780px) {
   .submit-bar, .submit-bar-disabled {
     width: 240px;
-    background-color: #882636 !important;
+    background-color: #d1b03f !important;
     height: 2rem !important; }
   .card, .card-emp {
     display: -webkit-box;
@@ -1739,7 +1748,7 @@ img, video {
   width: 100% !important; }
 
 .language-selector .submit-bar, .submit-bar-disabled {
-  background-color: #5a1166 !important; }
+  background-color: #d1b03f !important; }
 
 .owner-details {
   display: -webkit-box;
@@ -1761,9 +1770,6 @@ img, video {
 
 .selector-button-primary {
   height: 2rem;
-  --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
   text-align: center;
   --border-opacity:1;
   border-color: #464646;
@@ -1773,7 +1779,8 @@ img, video {
   outline: 2px solid transparent;
   outline-offset: 2px;
   padding-left: 24px;
-  padding-right: 24px; }
+  padding-right: 24px;
+  background-color: #d1b03f; }
   .selector-button-primary:focus {
     outline: 2px solid transparent;
     outline-offset: 2px; }
@@ -1842,9 +1849,6 @@ img, video {
 
 .selector-button-primary-disabled {
   height: 2rem;
-  --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
   text-align: center;
   --border-opacity:1;
   border-color: #464646;
@@ -1961,9 +1965,7 @@ img, video {
     border: 1px solid #464646;
     border-color: rgba(70, 70, 70, var(--border-opacity)); }
     .employee-select-wrap .select:hover {
-      --border-opacity:1;
-      border: 1px solid #a82227;
-      border-color: rgba(168, 34, 39, var(--border-opacity)); }
+      border: 1px solid #b08905; }
     .employee-select-wrap .select input[type=text], .employee-select-wrap .select .checkbox-wrap .input-emp[type=text], .checkbox-wrap .employee-select-wrap .select .input-emp[type=text] {
       width: calc(100% - 32px);
       background-color: initial;
@@ -3886,7 +3888,7 @@ video::-webkit-media-controls-panel {
 
 .bannerCard .customBtn-selected {
   border-color: transparent;
-  background-color: #5a1166 !important; }
+  background-color: #d1b03f !important; }
 
 .bannerCard .bannerHeader p {
   font-size: 19px; }
@@ -4638,10 +4640,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,43 +5016,47 @@ 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 {
-    width: calc(50% - 16px);
+    width: 100%;
     padding: 0 !important;
     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://bmc-prod-s3.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://bmc-prod-s3.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://bmc-prod-s3.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://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg);
     background-size: cover; }
 
 .employee-card-banner {
@@ -5702,7 +5714,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 +5741,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;
@@ -5744,7 +5757,7 @@ video::-webkit-media-controls-panel {
 
 .employeeForgotPassword .submit-bar {
   width: 100%;
-  background-color: #5a1166 !important; }
+  background-color: #d1b03f !important; }
 
 .employeeChangePassword .submit-bar {
   width: 100% !important; }
@@ -5817,7 +5830,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 +5964,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 +6100,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 {
@@ -6109,19 +6122,19 @@ video::-webkit-media-controls-panel {
     display: -ms-flexbox;
     display: flex; }
   .citizen .sidebar .sidebar-link, .employee .sidebar .sidebar-link {
+    color: #b08905;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 20px; }
     .citizen .sidebar .sidebar-link.active, .employee .sidebar .sidebar-link.active {
-      color: #a82227 !important;
-      border-right: 4px solid #a82227; }
+      color: #b08905 !important;
+      border-right: 4px solid #b08905; }
       .citizen .sidebar .sidebar-link.active svg, .employee .sidebar .sidebar-link.active svg {
-        fill: #a82227 !important; }
+        fill: #b08905 !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,26 +6142,27 @@ 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: #b08905 !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 .sidebar-link .search-icon-wrapper input, .citizen .sidebar .sidebar-link .search-icon-wrapper .checkbox-wrap .input-emp, .checkbox-wrap .citizen .sidebar .sidebar-link .search-icon-wrapper .input-emp, .employee .sidebar .sidebar-link .search-icon-wrapper input, .employee .sidebar .sidebar-link .search-icon-wrapper .checkbox-wrap .input-emp, .checkbox-wrap .employee .sidebar .sidebar-link .search-icon-wrapper .input-emp {
+      color: #d1b03f; }
   .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;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
@@ -6156,7 +6170,8 @@ video::-webkit-media-controls-panel {
   .citizen .sidebar .dropdown-link, .employee .sidebar .dropdown-link {
     height: 40px;
     margin-left: 40px;
-    text-decoration: none; }
+    text-decoration: none;
+    color: #d1b03f; }
     .citizen .sidebar .dropdown-link .actions .tooltiptext, .employee .sidebar .dropdown-link .actions .tooltiptext {
       left: unset;
       right: 1%; }
@@ -6165,16 +6180,16 @@ 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; }
     .citizen .sidebar .dropdown-link.active, .employee .sidebar .dropdown-link.active {
-      color: #a82227 !important;
-      border-right: 4px solid #a82227; }
+      color: #b08905 !important;
+      border-right: 4px solid #b08905; }
       .citizen .sidebar .dropdown-link.active svg, .employee .sidebar .dropdown-link.active svg {
-        fill: #a82227 !important; }
+        fill: #b08905 !important; }
   .citizen .sidebar span, .employee .sidebar span {
     margin-left: 16px;
     text-overflow: ellipsis;
@@ -6273,14 +6288,10 @@ video::-webkit-media-controls-panel {
     gap: 10px; }
 
 .link {
-  --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #b08905;
   cursor: pointer; }
   .link :hover {
-    --text-opacity:1;
-    color: #c8602b;
-    color: rgba(200, 96, 43, var(--text-opacity)); }
+    color: #06f; }
 
 .RightMostTopBarOptions {
   display: -webkit-box;
@@ -6469,6 +6480,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 +7215,7 @@ video::-webkit-media-controls-panel {
     padding: 0 !important; } }
 
 .employeeTotalLink {
-  color: #a82227;
+  color: #d1b03f;
   font-size: 12px; }
 
 @media (min-width: 780px) {
@@ -7264,11 +7278,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://bmc-prod-s3.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://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/back2.jpg);
   background-size: cover; }
 
 .employee .employeeCustomCard {
@@ -7287,6 +7307,11 @@ video::-webkit-media-controls-panel {
   box-shadow: 1px 5px 6px 0 #e3e4e3;
   border-radius: 10px; }
 
+.employee-card-banner .links-wrapper {
+  background-color: #fff;
+  padding-bottom: 10px;
+  border-radius: 10px; }
+
 .text-employee-card {
   font-size: 1.5rem;
   font-weight: 700;
@@ -7792,7 +7817,7 @@ body {
   margin: 8px; }
 
 .HomePageWrapper {
-  margin-top: -25px; }
+  margin-top: -11px; }
   .HomePageWrapper .BannerWithSearch {
     margin-bottom: 40px;
     width: 100%;
@@ -7804,7 +7829,6 @@ body {
       margin-right: 16px;
       position: absolute; }
     .HomePageWrapper .BannerWithSearch img {
-      height: 33vw;
       width: 100%;
       -o-object-fit: cover;
       object-fit: cover; }
@@ -7814,7 +7838,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 +7884,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) {
@@ -8854,7 +8881,7 @@ body {
   background: none; }
 
 :root {
-  --primary-color:#f47738;
+  --primary-color:#d1b03f;
   --secondary-color:#0b0c0c;
   --text-color:#333;
   --background-light:#f0f0f0;
@@ -8910,11 +8937,11 @@ body {
   height: 30px;
   border-radius: 50%;
   text-align: center;
-  border: 2px solid #f47738;
+  border: 2px solid #d1b03f;
   border: 2px solid var(--primary-color); }
 
 .circles.completed {
-  background-color: #f47738;
+  background-color: #d1b03f;
   background-color: var(--primary-color);
   display: -webkit-box;
   display: -ms-flexbox;
@@ -8955,10 +8982,8 @@ 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; }
+.CardBasedOptions {
+  margin-bottom: 24px; }
 
 @media screen and (max-width: 768px) {
   .line {
@@ -8989,18 +9014,41 @@ body {
   .TLComments h3 {
     font-size: 10px; }
   .TLComments p {
-    font-size: 12px; } }
+    font-size: 12px; }
+  .employeeCustomCard .inboxButton, .employeeCustomCard h2 {
+    font-size: 14px !important; }
+  .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionName {
+    font-size: 10px; }
+  .CardBasedOptions {
+    margin-bottom: 10px; } }
 
 .bmc-card-full {
   padding: 0 4rem; }
 
 .bmc-card-aadharimage {
-  background-image: url(../img/aadhaarCard.jpg);
+  background-image: url(https://bmc-prod-s3.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://bmc-prod-s3.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://bmc-prod-s3.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; }
 
@@ -9030,6 +9078,9 @@ body {
 .bmc-card-button-cancel {
   color: #000; }
 
+.bmc-card-master-button {
+  background-color: #d1b03f; }
+
 .bmc-radio-wrap {
   margin-bottom: 24px;
   line-height: 2.5rem; }
@@ -9038,7 +9089,7 @@ body {
   position: relative; }
 
 .bmc-radio-btn-wrap:hover .bmc-radio-btn-checkmark {
-  border-color: #f47738;
+  border-color: #d1b03f;
   border-color: var(--primary-color); }
 
 .bmc-radio-btn {
@@ -9055,12 +9106,12 @@ body {
   border-radius: 50%; }
 
 .bmc-radio-btn:checked + .bmc-radio-btn-checkmark {
-  border-color: #f47738;
+  border-color: #d1b03f;
   border-color: var(--primary-color); }
 
 .bmc-radio-btn:checked + .bmc-radio-btn-checkmark:after {
   display: block;
-  background-color: #f47738;
+  background-color: #d1b03f;
   background-color: var(--primary-color);
   height: 1.25rem;
   width: 1.25rem;
@@ -9151,7 +9202,7 @@ body {
 
 .toggle-switch-inner:before {
   content: attr(data-yes);
-  background-color: #038403;
+  background-color: #d1b03f;
   color: #fff; }
 
 .toggle-switch-inner:after {
@@ -9163,7 +9214,7 @@ body {
   display: block;
   width: 34px;
   margin: 0;
-  background: #f47738;
+  background: #d1b03f;
   position: relative;
   top: 0;
   bottom: 0;
@@ -9270,7 +9321,7 @@ body {
   position: relative; }
 
 .bmc-radio-wrap .bmc-radio-btn-wrap:hover .bmc-radio-btn-checkmark {
-  border-color: #f47738; }
+  border-color: #d1b03f; }
 
 .bmc-radio-wrap .bmc-radio-btn {
   opacity: 0;
@@ -9297,11 +9348,11 @@ body {
   content: ""; }
 
 .bmc-radio-wrap .bmc-radio-btn:checked + .bmc-radio-btn-checkmark {
-  border-color: #f47738; }
+  border-color: #d1b03f; }
 
 .bmc-radio-wrap .bmc-radio-btn:checked + .bmc-radio-btn-checkmark:after {
   display: block;
-  background-color: #f47738;
+  background-color: #d1b03f;
   height: 1.25rem;
   width: 1.25rem;
   border-radius: 9999px;
@@ -9316,7 +9367,7 @@ body {
   padding-bottom: 1rem; }
 
 .bmc-card-button {
-  background-color: #f47738;
+  background-color: #d1b03f;
   width: 147px;
   height: 48px;
   color: #fff;
@@ -9423,6 +9474,10 @@ body {
   font-size: 12px;
   color: #333; }
 
+.linksWrapper a {
+  width: 100%;
+  text-align: center; }
+
 @media only screen and (max-width: 768px) {
   .bmc-card-aadharimage {
     display: none; }
@@ -9482,7 +9537,7 @@ body {
     display: flex; } }
 
 @media only screen and (max-width: 480px) {
-  .bmc-card-aadharimage {
+  .bmc-card-aadharimage, .RightMostTopBarOptions img#topbar-logo {
     display: none; }
   .bmc-radio-wrap {
     margin-top: 8px;
@@ -9554,7 +9609,7 @@ body {
   background-color: #e9ecef; }
 
 .bmc-pagination li.active button {
-  background-color: #f47738;
+  background-color: #d1b03f;
   color: #fff; }
 
 .bmc-pagination li.disabled button {
@@ -9699,7 +9754,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 +9813,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; } }
@@ -9882,7 +9976,7 @@ body {
   cursor: pointer; }
 
 .deonar-btn-confirm {
-  background-color: #007bff;
+  background-color: #d1b03f;
   color: #fff; }
 
 .deonar-btn-cancel {
@@ -9892,6 +9986,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;
@@ -10139,7 +10359,7 @@ body {
   display: flex;
   grid-gap: 10px;
   gap: 10px;
-  color: #5a1166;
+  color: #d1b03f;
   cursor: pointer;
   font-weight: 500;
   width: -webkit-fit-content;
@@ -10360,9 +10580,7 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   position: relative;
   width: 100%; }
   .text-input input:hover, .text-input .checkbox-wrap .input-emp:hover, .checkbox-wrap .text-input .input-emp:hover {
-    --border-opacity:1;
-    border: 1px solid #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border: 1px solid #b08905; }
 
 .text-input-width {
   max-width: 540px; }
@@ -10626,7 +10844,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; }