@tattvafoundation/upyog-css 1.0.16 → 1.0.17

package/dist/index.css

@@ -1120,11 +1120,11 @@ body {
     padding-right: 16px;
     padding-left: 16px; }
     .drawer-list .sidebar-list.active {
-      border-left: 5px solid #d1b03f; }
+      border-left: 5px solid #b08905; }
       .drawer-list .sidebar-list.active .menu-label {
-        color: #d1b03f; }
+        color: #b08905; }
       .drawer-list .sidebar-list.active .icon {
-        fill: #d1b03f; }
+        fill: #b08905; }
     .drawer-list .sidebar-list .submenu-container {
       cursor: pointer;
       display: -webkit-box;
@@ -1224,12 +1224,12 @@ body {
       padding-right: 16px;
       padding-left: 16px; }
       .drawer-desktop .sidebar-list.active {
-        border-left: 5px solid #d1b03f;
+        border-left: 5px solid #b08905;
         padding-left: 11px; }
         .drawer-desktop .sidebar-list.active .menu-label {
-          color: #d1b03f; }
+          color: #b08905; }
         .drawer-desktop .sidebar-list.active .icon {
-          fill: #d1b03f; }
+          fill: #b08905; }
       .drawer-desktop .sidebar-list .submenu-container {
         cursor: pointer;
         display: -webkit-box;
@@ -1561,7 +1561,7 @@ body {
 @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;
@@ -1748,7 +1748,7 @@ body {
   width: 100% !important; }
 
 .language-selector .submit-bar, .submit-bar-disabled {
-  background-color: #5a1166 !important; }
+  background-color: #d1b03f !important; }
 
 .owner-details {
   display: -webkit-box;
@@ -1770,9 +1770,6 @@ body {
 
 .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;
@@ -1782,7 +1779,8 @@ body {
   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; }
@@ -1851,9 +1849,6 @@ body {
 
 .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;
@@ -1970,9 +1965,7 @@ body {
     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;
@@ -3895,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; }
@@ -5042,28 +5035,28 @@ video::-webkit-media-controls-panel {
 
 @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://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg);
+  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://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back2.jpg);
+  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://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg);
+  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://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg);
+    background-image: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg);
     background-size: cover; }
 
 .employee-card-banner {
@@ -5764,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; }
@@ -6129,15 +6122,16 @@ 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: #d1b03f !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: #d1b03f !important; }
+        fill: #b08905 !important; }
     .citizen .sidebar .sidebar-link .employee-search-input, .employee .sidebar .sidebar-link .employee-search-input {
       border: none;
       outline: none;
@@ -6148,7 +6142,7 @@ video::-webkit-media-controls-panel {
         margin-left: unset !important;
         left: unset !important; }
     .citizen .sidebar .sidebar-link svg, .employee .sidebar .sidebar-link svg {
-      fill: #d1b03f !important;
+      fill: #b08905 !important;
       width: 21px;
       height: 21px; }
     .citizen .sidebar .sidebar-link:hover, .employee .sidebar .sidebar-link:hover {
@@ -6163,20 +6157,21 @@ video::-webkit-media-controls-panel {
       height: 21px; }
       .citizen .sidebar .sidebar-link .search-icon-wrapper svg path, .employee .sidebar .sidebar-link .search-icon-wrapper svg path {
         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: #d1b03f;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
-    font-size: 14px;
-    color: #d1b03f; }
+    font-size: 14px; }
   .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%; }
@@ -6191,10 +6186,10 @@ video::-webkit-media-controls-panel {
       .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;
@@ -6293,12 +6288,10 @@ video::-webkit-media-controls-panel {
     gap: 10px; }
 
 .link {
-  color: #d1b03f;
+  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;
@@ -7285,7 +7278,7 @@ video::-webkit-media-controls-panel {
   color: #a82227 !important; }
 
 .employee .customEmployeeCard:nth-child(odd) .employeeCustomCard {
-  background-image: url(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg);
+  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 {
@@ -7295,7 +7288,7 @@ video::-webkit-media-controls-panel {
   fill: #858585 !important; }
 
 .employee .customEmployeeCard:nth-child(2n) .employeeCustomCard {
-  background-image: url(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/back2.jpg);
+  background-image: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/back2.jpg);
   background-size: cover; }
 
 .employee .employeeCustomCard {
@@ -7314,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;
@@ -7819,7 +7817,7 @@ body {
   margin: 8px; }
 
 .HomePageWrapper {
-  margin-top: -25px; }
+  margin-top: -11px; }
   .HomePageWrapper .BannerWithSearch {
     margin-bottom: 40px;
     width: 100%;
@@ -7831,7 +7829,6 @@ body {
       margin-right: 16px;
       position: absolute; }
     .HomePageWrapper .BannerWithSearch img {
-      height: 33vw;
       width: 100%;
       -o-object-fit: cover;
       object-fit: cover; }
@@ -8884,7 +8881,7 @@ body {
   background: none; }
 
 :root {
-  --primary-color:#f47738;
+  --primary-color:#d1b03f;
   --secondary-color:#0b0c0c;
   --text-color:#333;
   --background-light:#f0f0f0;
@@ -8940,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;
@@ -8985,6 +8982,9 @@ body {
   border-top-color: rgba(0, 0, 0, 0.8);
   top: 100%; }
 
+.CardBasedOptions {
+  margin-bottom: 24px; }
+
 @media screen and (max-width: 768px) {
   .line {
     top: 10px;
@@ -9014,20 +9014,26 @@ 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(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/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://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/logo-bmc.png);
+  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;
@@ -9037,7 +9043,7 @@ body {
   margin-bottom: 10px; }
 
 .employee-banner-image {
-  background-image: url(https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/login-back.png);
+  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;
@@ -9072,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; }
@@ -9080,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 {
@@ -9097,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;
@@ -9193,7 +9202,7 @@ body {
 
 .toggle-switch-inner:before {
   content: attr(data-yes);
-  background-color: #038403;
+  background-color: #d1b03f;
   color: #fff; }
 
 .toggle-switch-inner:after {
@@ -9205,7 +9214,7 @@ body {
   display: block;
   width: 34px;
   margin: 0;
-  background: #f47738;
+  background: #d1b03f;
   position: relative;
   top: 0;
   bottom: 0;
@@ -9312,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;
@@ -9339,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;
@@ -9358,7 +9367,7 @@ body {
   padding-bottom: 1rem; }
 
 .bmc-card-button {
-  background-color: #f47738;
+  background-color: #d1b03f;
   width: 147px;
   height: 48px;
   color: #fff;
@@ -9465,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; }
@@ -9524,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;
@@ -9596,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 {
@@ -9963,7 +9976,7 @@ body {
   cursor: pointer; }
 
 .deonar-btn-confirm {
-  background-color: #007bff;
+  background-color: #d1b03f;
   color: #fff; }
 
 .deonar-btn-cancel {
@@ -10346,7 +10359,7 @@ body {
   display: flex;
   grid-gap: 10px;
   gap: 10px;
-  color: #5a1166;
+  color: #d1b03f;
   cursor: pointer;
   font-weight: 500;
   width: -webkit-fit-content;
@@ -10567,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; }