@tattvafoundation/upyog-css 1.0.18 → 1.0.20

package/dist/index.css

@@ -137,7 +137,7 @@ ol, ul {
   list-style: none; }
 
 html {
-  font-family: Roboto,sans-serif;
+  font-family: Noto Sans,serif;
   line-height: 1.5; }
 
 *, :after, :before {
@@ -875,8 +875,10 @@ body {
 
 .navbar {
   margin-bottom: 16px;
-  background: #fff !important;
-  color: #000 !important; }
+  background: #faefcf !important;
+  color: #000 !important;
+  -webkit-box-shadow: 0 0 7px 0 rgba(192, 192, 192, 0.72157);
+  box-shadow: 0 0 7px 0 rgba(192, 192, 192, 0.72157); }
   .navbar img {
     height: 24px; }
   .navbar h3 {
@@ -918,7 +920,7 @@ body {
   border-bottom: 1px;
   border-color: rgba(11, 12, 12, var(--border-opacity));
   border-style: solid;
-  font-family: Roboto Condensed,sans-serif;
+  font-family: Noto Sans,serif;
   color: #0b0c0c;
   color: rgba(11, 12, 12, var(--text-opacity));
   margin-left: 8px;
@@ -963,7 +965,7 @@ body {
   border-bottom: 1px;
   border-color: rgba(11, 12, 12, var(--border-opacity));
   border-style: solid;
-  font-family: Roboto Condensed,sans-serif;
+  font-family: Noto Sans,serif;
   --text-opacity:1;
   color: #0b0c0c;
   color: rgba(11, 12, 12, var(--text-opacity));
@@ -989,8 +991,6 @@ body {
         max-width: 540px; }
       .app-container form .card button, .app-container form .card-emp button {
         max-width: 240px; }
-      .app-container form .card .card-text-button, .app-container form .card-emp .card-text-button, .app-container form .card .input-otp-wrap, .app-container form .card-emp .input-otp-wrap {
-        text-align: left; }
   .h1 {
     font-size: 36px;
     line-height: 40px; }
@@ -1062,7 +1062,7 @@ body {
   background-color: initial; }
   .profile-section img {
     width: 89px;
-    height: 88px;
+    height: auto;
     margin: 0 auto 16px; }
   .profile-section .label-container .label-text {
     color: #767676; }
@@ -1308,7 +1308,7 @@ body {
   .card .card-header, .card-emp .card-header {
     font-size: 32px;
     line-height: 40px;
-    font-family: Roboto Condensed,sans-serif;
+    font-family: Noto Sans,serif;
     margin-bottom: 16px; }
   .card .card-header, .card-emp .card-header, .card .card-sub-header, .card-emp .card-sub-header {
     --text-opacity:1;
@@ -1408,7 +1408,7 @@ body {
   .employeeCard .card-header {
     font-size: 32px;
     line-height: 40px;
-    font-family: Roboto Condensed,sans-serif;
+    font-family: Noto Sans,serif;
     margin-bottom: 16px; }
   .employeeCard .card-header, .employeeCard .card-sub-header, .employeeCard .employee-card-sub-header {
     --text-opacity:1;
@@ -1523,7 +1523,7 @@ body {
   -webkit-box-shadow: inset 0 -2px 0 #0b0c0c;
   box-shadow: inset 0 -2px 0 #0b0c0c; }
   .submit-bar header {
-    font-family: Roboto Condensed,sans-serif;
+    font-family: Noto Sans,serif;
     font-weight: 500;
     font-size: 19px;
     line-height: 23px;
@@ -1548,7 +1548,7 @@ body {
   opacity: .5;
   background-color: #882636 !important; }
   .submit-bar-disabled header {
-    font-family: Roboto Condensed,sans-serif;
+    font-family: Noto Sans,serif;
     font-weight: 500;
     font-size: 19px;
     line-height: 23px;
@@ -1572,8 +1572,9 @@ body {
     -ms-flex-direction: column;
     flex-direction: column; }
     .card .card-header, .card-emp .card-header {
-      font-size: 48px;
-      line-height: 56px; }
+      font-size: 30px;
+      line-height: 56px;
+      color: #c6a32b; }
     .card .card-sub-header, .card-emp .card-sub-header {
       font-size: 36px;
       line-height: 40px; }
@@ -1785,7 +1786,7 @@ body {
     outline: 2px solid transparent;
     outline-offset: 2px; }
   .selector-button-primary h2 {
-    font-family: Roboto Condensed,sans-serif;
+    font-family: Noto Sans,serif;
     font-weight: 500;
     font-size: 19px;
     line-height: 23px;
@@ -1812,7 +1813,7 @@ body {
     outline: 2px solid transparent;
     outline-offset: 2px; }
   .selector-button-border h2 {
-    font-family: Roboto Condensed,sans-serif;
+    font-family: Noto Sans,serif;
     font-weight: 500;
     font-size: 19px;
     line-height: 23px;
@@ -1839,7 +1840,7 @@ body {
     outline: 2px solid transparent;
     outline-offset: 2px; }
   .input-mirror-selector-button h2 {
-    font-family: Roboto Condensed,sans-serif;
+    font-family: Noto Sans,serif;
     font-weight: 500;
     font-size: 19px;
     line-height: 23px;
@@ -1864,7 +1865,7 @@ body {
     outline: 2px solid transparent;
     outline-offset: 2px; }
   .selector-button-primary-disabled h2 {
-    font-family: Roboto Condensed,sans-serif;
+    font-family: Noto Sans,serif;
     font-weight: 500;
     font-size: 19px;
     line-height: 23px;
@@ -2376,7 +2377,7 @@ body {
   .emp-success-wrap header, .success-wrap header {
     display: block;
     margin-bottom: 8px;
-    font-family: Roboto Condensed,sans-serif;
+    font-family: Noto Sans,serif;
     font-weight: 700;
     font-size: 32px;
     line-height: 40px; }
@@ -2424,7 +2425,7 @@ body {
   .emp-error-wrap header, .error-wrap header {
     display: block;
     margin-bottom: 8px;
-    font-family: Roboto Condensed,sans-serif;
+    font-family: Noto Sans,serif;
     font-weight: 700;
     font-size: 32px;
     line-height: 40px; }
@@ -4614,8 +4615,6 @@ video::-webkit-media-controls-panel {
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
-  margin-left: 16px;
-  margin-right: 16px;
   padding: 16px;
   margin-bottom: 24px; }
   .CitizenHomeCard .header {
@@ -4645,11 +4644,8 @@ video::-webkit-media-controls-panel {
     .CitizenHomeCard .links a {
       display: inline-block;
       margin-bottom: 10px;
-      padding: 5px 8px !important;
       background: #fdf5e2;
-      border-radius: 50px;
-      line-height: 17px;
-      border: 1px solid #d2b03a; }
+      line-height: 17px; }
 
 @media (min-width: 780px) {
   .citizenAllServiceGrid {
@@ -4665,14 +4661,9 @@ video::-webkit-media-controls-panel {
     gap: 1px; }
   .CitizenHomeCard {
     padding: 16px !important;
-    margin-right: 16px !important;
     display: block !important;
     -webkit-box-shadow: rgba(50, 50, 93, 0.18) 0 50px 100px -20px, rgba(0, 0, 0, 0.16) 0 30px 60px -30px, rgba(10, 37, 64, 0.17) 0 -2px 6px 0 inset;
-    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.18), 0 30px 60px -30px rgba(0, 0, 0, 0.16), inset 0 -2px 6px 0 rgba(10, 37, 64, 0.17);
-    display: inline-block;
-    margin-right: 24px;
-    padding: 24px;
-    vertical-align: top; }
+    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.18), 0 30px 60px -30px rgba(0, 0, 0, 0.16), inset 0 -2px 6px 0 rgba(10, 37, 64, 0.17); }
     .CitizenHomeCard .header {
       padding-bottom: 24px;
       font-size: 36px;
@@ -5035,7 +5026,7 @@ video::-webkit-media-controls-panel {
 
 @media (min-width: 780px) {
   .CardBasedOptions {
-    width: 100%;
+    width: calc(50% - 16px);
     padding: 0 !important;
     height: 250px !important; } }
 
@@ -5762,9 +5753,12 @@ video::-webkit-media-controls-panel {
 .employeeChangePassword .submit-bar {
   width: 100% !important; }
 
-.employeeChangePassword .card-text, .employeeChangePassword .input-otp-wrap {
+.employeeChangePassword .card-text {
   text-align: center; }
 
+.employeeChangePassword .input-otp-wrap {
+  text-align: center !important; }
+
 .submit-bar .submit-bar {
   width: 100%; }
 
@@ -5915,6 +5909,9 @@ video::-webkit-media-controls-panel {
 .employeeForgotPassword {
   z-index: 2; }
 
+.bmc-otp {
+  text-align: center !important; }
+
 .employee .breadcrumb {
   margin-left: 8px;
   margin-bottom: 24px; }
@@ -6082,8 +6079,8 @@ video::-webkit-media-controls-panel {
   font-size: 1.5rem; }
 
 .citizen .main {
-  padding-top: 82px;
-  min-height: calc(100vh - 48px);
+  padding-top: 60px;
+  min-height: calc(100vh - 45px);
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important; }
@@ -6404,8 +6401,8 @@ video::-webkit-media-controls-panel {
     content: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/employee-login.png); }
   .citizen .main {
     width: 100%;
-    padding-top: 80px;
-    min-height: calc(100vh - 48px);
+    padding-top: 60px;
+    min-height: calc(100vh - 45px);
     margin-bottom: 18px !important;
     display: -webkit-box !important;
     display: -ms-flexbox !important;
@@ -7819,7 +7816,7 @@ body {
 .HomePageWrapper {
   margin-top: -11px; }
   .HomePageWrapper .BannerWithSearch {
-    margin-bottom: 40px;
+    margin-bottom: 0;
     width: 100%;
     position: relative; }
     .HomePageWrapper .BannerWithSearch .Search {
@@ -7829,16 +7826,14 @@ body {
       margin-right: 16px;
       position: absolute; }
     .HomePageWrapper .BannerWithSearch img {
-      width: 100%;
-      -o-object-fit: cover;
-      object-fit: cover; }
+      width: 100%; }
   .HomePageWrapper .ServicesSection {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
-    padding: 40px 15px 0;
+    padding: 24px 15px 0;
     width: 100% !important;
     float: left !important; }
   @media (min-width: 780px) {
@@ -7848,7 +7843,7 @@ body {
       display: flex;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
-      padding: 40px 15px 0;
+      padding: 24px 15px 0;
       width: 100%; } }
   .HomePageWrapper .WhatsNewSection {
     margin: 8px;
@@ -7882,7 +7877,6 @@ body {
         padding-right: 15px;
         padding-top: 0; } }
   .HomePageWrapper .WhatsAppBanner {
-    padding: 0 20px;
     margin: auto;
     cursor: pointer;
     clear: both; }
@@ -7949,16 +7943,12 @@ body {
   .HomePageWrapper {
     width: 100%; }
     .HomePageWrapper .BannerWithSearch {
-      margin-bottom: 56px;
+      margin-bottom: 0;
       width: 100% !important; }
       .HomePageWrapper .BannerWithSearch .Search {
         width: 100%;
         margin: 0;
         padding: 0 15px; }
-      .HomePageWrapper .BannerWithSearch img {
-        height: 20vw; }
-    .HomePageWrapper .WhatsAppBanner img {
-      height: 20vw; }
   .moduleLinkHomePage img {
     min-width: 100vw;
     height: 20vw; }
@@ -8985,6 +8975,34 @@ body {
 .CardBasedOptions {
   margin-bottom: 24px; }
 
+.mobile-CardWrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  height: 100%; }
+
+.mobile-CardWrapper .card, .mobile-CardWrapper .card-emp {
+  width: 510px; }
+
+.CardBasedOptions, .CitizenHomeCard {
+  -webkit-transition: all .5s linear;
+  transition: all .5s linear; }
+
+.CardBasedOptions:hover, .CitizenHomeCard:hover {
+  -webkit-box-shadow: 0 10px 9px rgba(202, 169, 61, 0.98);
+  box-shadow: 0 10px 9px rgba(202, 169, 61, 0.98);
+  cursor: pointer; }
+
+.ChildOptionName a {
+  font-size: 14px;
+  color: #b08904; }
+
 @media screen and (max-width: 768px) {
   .line {
     top: 10px;
@@ -9032,6 +9050,11 @@ body {
   background-size: cover;
   background-repeat: round; }
 
+.citizen-home-container-forLoginBack {
+  background-image: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/CitizenBG.png);
+  background-size: cover;
+  margin: 0 !important; }
+
 .logo-ic {
   background-image: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/logo-bmc.png);
   height: 80px;
@@ -9045,10 +9068,16 @@ body {
 .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; }
 
+.employee-banner-image, .scheme-back {
+  width: 100%;
+  background-size: cover !important; }
+
+.scheme-back {
+  background-image: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/scheme-banner.png);
+  height: 400px; }
+
 .aadhaar-container {
   text-align: center; }
 
@@ -9068,7 +9097,7 @@ body {
 
 .bmc-card-button, .bmc-card-button-cancel {
   width: 147px;
-  height: 48px;
+  height: 36px;
   outline: none;
   color: #fff; }
 
@@ -9081,6 +9110,16 @@ body {
 .bmc-card-master-button {
   background-color: #d1b03f; }
 
+.bmc-card-button, .bmc-card-master-button {
+  -webkit-transition: all 1s linear;
+  transition: all 1s linear; }
+
+.bmc-card-button:hover, .bmc-card-master-button:hover {
+  background: #3255a7 !important;
+  border-radius: 50px;
+  -webkit-box-shadow: 0 5px 10px 0 #2f3237;
+  box-shadow: 0 5px 10px 0 #2f3237; }
+
 .bmc-radio-wrap {
   margin-bottom: 24px;
   line-height: 2.5rem; }
@@ -9293,7 +9332,7 @@ body {
 .bmc-card-button-cancel {
   background-color: #b1b4b6;
   width: 147px;
-  height: 48px;
+  height: 36px;
   color: "black";
   outline: "none"; }
 
@@ -9369,7 +9408,7 @@ body {
 .bmc-card-button {
   background-color: #d1b03f;
   width: 147px;
-  height: 48px;
+  height: 36px;
   color: #fff;
   outline: none; }
 
@@ -9379,7 +9418,7 @@ body {
 .bmc-card-master-button {
   background-color: #5aae06;
   width: 174px;
-  height: 48px;
+  height: 36px;
   color: #fff;
   outline: none; }
 
@@ -9631,6 +9670,8 @@ body {
 .bmc-modal .popup-module {
   width: 650px;
   text-align: center;
+  -ms-flex-line-pack: center;
+  align-content: center;
   padding-bottom: 1rem;
   border-radius: 10px;
   --bg-opacity:1;
@@ -9772,6 +9813,311 @@ body {
     max-width: 200px;
     overflow: scroll; } }
 
+.bmc-modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  z-index: 9999; }
+
+.bmc-modal-content {
+  background: #fff;
+  width: 90%;
+  max-width: 500px;
+  border-radius: 10px;
+  padding: 16px;
+  position: relative;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.bmc-modal-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-size: 18px;
+  padding-bottom: 16px; }
+
+.bmc-modal-title {
+  font-size: 18px;
+  font-weight: 700; }
+
+.close-btn {
+  cursor: pointer;
+  background-color: #ccc;
+  padding: 10px;
+  border-radius: 8px; }
+
+.bmc-modal-body {
+  padding-bottom: 16px; }
+
+.bmc-modal-footer {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  grid-gap: 10px;
+  gap: 10px;
+  margin-top: 16px; }
+
+@media screen and (max-width: 600px) {
+  .bmc-modal-content {
+    width: 95%;
+    max-width: none;
+    padding: 10px; }
+  .bmc-modal-header {
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start; }
+  .bmc-modal-title {
+    font-size: 16px;
+    margin-bottom: 10px; }
+  .bmc-modal-footer {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    grid-gap: 8px;
+    gap: 8px; }
+  .close-btn {
+    padding: 8px; } }
+
+@media screen and (min-width: 601px) and (max-width: 1024px) {
+  .bmc-modal-content {
+    width: 80%;
+    padding: 14px; }
+  .bmc-modal-header {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+  .bmc-modal-footer {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between; } }
+
+@media screen and (min-width: 1025px) {
+  .bmc-modal-content {
+    width: 50%;
+    padding: 20px; } }
+
+.bmc-pagination2 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 1rem;
+  gap: 1rem;
+  margin-top: 1rem;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding: 0 1rem; }
+
+.bmc-pagination2-button {
+  padding: .5rem 1rem;
+  font-size: 1rem;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  background-color: #f4f4f4;
+  cursor: pointer;
+  -webkit-transition: background-color .3s;
+  transition: background-color .3s; }
+
+.bmc-pagination2-button.disabled {
+  opacity: .5;
+  cursor: not-allowed; }
+
+.bmc-pagination2-info {
+  font-size: 1rem; }
+
+@media (max-width: 768px) {
+  .bmc-pagination2 {
+    grid-gap: .5rem;
+    gap: .5rem; }
+  .bmc-pagination2-button {
+    padding: .5rem;
+    font-size: .9rem; }
+  .bmc-pagination2-info {
+    font-size: .9rem; } }
+
+@media (max-width: 480px) {
+  .bmc-pagination2 {
+    grid-gap: .25rem;
+    gap: .25rem; }
+  .bmc-pagination2-button {
+    padding: .4rem .8rem;
+    font-size: .8rem; }
+  .bmc-pagination2-info {
+    font-size: .8rem; } }
+
+.WhatsAppBanner img {
+  width: 100%; }
+
+@media (max-width: 320px) {
+  .WhatsAppBanner img {
+    content: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/banner2forsmallscreen.png); } }
+
+@media (max-width: 576px) {
+  .WhatsAppBanner img {
+    content: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/banner2forsmallscreen.png); } }
+
+@media (max-width: 650px) {
+  .WhatsAppBanner img {
+    content: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/banner2forsmallscreen.png); } }
+
+@media (max-width: 768px) {
+  .WhatsAppBanner img {
+    content: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/banner2forsmallscreen.png); } }
+
+.bmc-links {
+  display: block; }
+
+.CitizenHomeCard .bmc-links a {
+  padding: 8px 0 !important; }
+
+.bmc-main-heading {
+  font-size: 23px;
+  font-weight: 700;
+  margin-left: 10px;
+  color: #c9a33e;
+  margin-bottom: 5px; }
+
+.bmc-links .linksWrapper a {
+  -webkit-transition: all .5s linear;
+  transition: all .5s linear; }
+
+.bmc-links .linksWrapper a:hover {
+  background: #3255a7;
+  color: #fff;
+  font-size: 18px;
+  -webkit-box-shadow: 0 0 4px 4px #4f83be;
+  box-shadow: 0 0 4px 4px #4f83be; }
+
+.mobile-CardWrapper .card, .mobile-CardWrapper .card-emp {
+  margin-top: -50px; }
+
+.mobile-CardWrapper .card header, .mobile-CardWrapper .card-emp header, .mobile-CardWrapper .card p, .mobile-CardWrapper .card-emp p {
+  text-align: center; }
+
+.mobile-CardWrapper .card button, .mobile-CardWrapper .card-emp button {
+  margin: auto; }
+
+.mobile-CardWrapper .card p, .mobile-CardWrapper .card-emp p {
+  font-size: 16px;
+  font-weight: 100; }
+
+.SideBarStatic {
+  overflow: hidden; }
+
+.drawer-desktop, .SideBarStatic {
+  width: 60px;
+  -webkit-transition: all .5s linear;
+  transition: all .5s linear;
+  height: 100%; }
+
+.drawer-desktop:hover {
+  width: 150px; }
+
+.drawer-desktop:hover .profile-section {
+  display: block; }
+
+.drawer-desktop .profile-section .name-Profile {
+  display: none; }
+
+.drawer-desktop:hover .profile-section .name-Profile {
+  display: block; }
+
+.drawer-desktop .profile-section .loc-Profile {
+  display: none; }
+
+.drawer-desktop:hover .profile-section .loc-Profile {
+  display: block; }
+
+.drawer-desktop .profile-section .label-text {
+  text-align: center; }
+
+.SideBarStatic:hover, .SideBarStatic:hover .drawer-desktop {
+  width: 150px; }
+
+.card p.message-text, .card-emp p.message-text {
+  font-size: 14px;
+  font-weight: 100; }
+
+.scheme-back h3 {
+  font-size: 45px;
+  font-weight: 700;
+  color: #fff;
+  background: rgba(176, 137, 4, 0.7098);
+  padding: 10px 20px; }
+
+.scheme-back {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
+
+.ChildOptionName a {
+  -webkit-transition: all .5s linear;
+  transition: all .5s linear; }
+
+.ChildOptionName a:hover {
+  font-size: 18px; }
+
+.bmc-mobile-card .card, .bmc-mobile-card .card-emp {
+  background-color: rgba(255, 255, 255, 0.76) !important;
+  padding-top: 40px;
+  padding-bottom: 45px; }
+
+button.submit-bar {
+  -webkit-transition: all 1s linear;
+  transition: all 1s linear; }
+
+button.submit-bar:hover {
+  background: #3255a7 !important;
+  border-radius: 50px;
+  -webkit-box-shadow: 0 5px 10px 0 #2f3237;
+  box-shadow: 0 5px 10px 0 #2f3237; }
+
+.checkbox-wrap .custom-checkbox, .checkbox-wrap .custom-checkbox-emp, .checkbox-wrap .custom-checkbox-emp {
+  width: 28px !important;
+  height: 28px !important; }
+
+.checkbox-wrap .label {
+  margin-left: 42px;
+  line-height: 8px; }
+
 @media (max-width: 768px) {
   .deonar-security {
     display: -webkit-box;
@@ -10376,6 +10722,9 @@ body {
 .primaryColor {
   color: #0b0c0c !important; }
 
+.citizen-form-new {
+  width: 100% !important; }
+
 @media (hover: hover) {
   .primary-label-btn:hover {
     color: #000; }