@pmidc/upyog-css 1.0.6 → 1.0.8

package/dist/index.css

@@ -1593,11 +1593,15 @@ img, video {
     .employeeCard .employee-card-sub-header {
       margin-bottom: 40px; }
     .employeeCard .card-section-header {
-      margin-bottom: 20px;
+      margin-bottom: 10px;
       color: #0d43a7;
       font-size: 24px;
+      line-height: 28px;
+      font-family: Noto Sans,sans-serif;
+      font-size: 24px;
       line-height: 32px;
-      font-weight: 500; }
+      font-weight: 500;
+      font-family: Noto Sans,sans-serif; }
     .employeeCard .card-section-sub-text {
       --text-opacity:1;
       color: #0d43a7;
@@ -2303,7 +2307,8 @@ img, video {
   border: 1px solid #464646;
   border-color: rgba(70, 70, 70, var(--border-opacity));
   height: 6rem;
-  padding: 8px; }
+  padding: 8px;
+  border-radius: .5rem; }
 
 .inputWrapper {
   display: -webkit-box;
@@ -5055,25 +5060,27 @@ 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://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashboardImage1.png);
   background-size: cover; }
 
 .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://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashBoardImage2.png);
   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://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashboardImage1.png);
   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://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashboardImage1.png);
     background-size: cover; }
 
 .employee-card-banner {
   height: 60%;
-  margin-bottom: -10%; }
+  margin-bottom: -10%;
+  -webkit-box-shadow: 1px 5px 6px 0 #e3e4e3;
+  box-shadow: 1px 5px 6px 0 #e3e4e3; }
 
 .citizen .employee-card-banner {
   margin-bottom: -5% !important;
@@ -6001,69 +6008,79 @@ video::-webkit-media-controls-panel {
   .appbar-box-right {
     display: none; } }
 
-.topHeader {
-  width: 100%;
-  background-color: #fff;
-  overflow: none;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box; }
-
-.topHeader, .topHeader-container {
+.topHeader-container {
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex; }
+  display: flex;
+  -webkit-box-pack: space-evenly;
+  -ms-flex-pack: space-evenly;
+  justify-content: space-evenly;
+  padding: 20px 40px; }
 
-.topHeader-container {
-  width: 1300px;
-  max-width: 100%;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  margin: auto;
-  padding: 2rem 0;
-  color: #000; }
+.topHeader-box-left img {
+  width: 50px;
+  height: 50px; }
 
-.topHeader-box-left {
-  -webkit-box-align: start;
-  -ms-flex-align: start;
-  align-items: flex-start;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  justify-content: flex-start; }
+.topHeader-box-left img:first-child {
+  margin-right: 20px; }
+
+.topHeader-box-center {
+  font-weight: 500;
+  font-family: Inter,serif;
+  margin-top: 20px; }
 
-.topHeader-box-center, .topHeader-box-left {
-  width: 30%;
+.topHeader-box-center ul {
+  list-style-type: none;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex; }
+  display: flex;
+  padding: 0;
+  margin: 0;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
 
-.topHeader-box-center {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  font-family: Inter,serif;
-  font-optical-sizing: auto;
-  font-weight: 500;
-  font-style: normal; }
-  .topHeader-box-center ul li {
-    display: inline;
-    padding: .75rem 1rem; }
+.topHeader-box-center li {
+  margin-right: 20px;
+  font-weight: 500; }
+
+.topHeader-box-center a {
+  text-decoration: none;
+  color: #000; }
 
 .topHeader-box-right {
-  width: 30%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: end;
-  -ms-flex-align: end;
-  align-items: flex-end;
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  justify-content: flex-end; }
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-top: 10px; }
+
+.topHeader-box-right button {
+  width: 75px;
+  height: 30px;
+  border-radius: 5px;
+  margin-right: 10px;
+  border: none; }
+
+.topHeader-box-right button:first-child {
+  background-color: #fff;
+  border: 1px solid #294a97;
+  color: #294a97;
+  font-weight: 500; }
+
+.topHeader-box-right button:last-child {
+  background-color: #294a97;
+  color: #fff; }
+
+.heroSection img {
+  width: 100%;
+  -o-object-fit: cover;
+  object-fit: cover;
+  opacity: .75;
+  max-height: 508px; }
 
 .heroSection {
   width: 100%;
@@ -6097,18 +6114,13 @@ video::-webkit-media-controls-panel {
   display: flex; }
 
 .loginFormStyleEmployeeNew {
-  -webkit-box-shadow: 0 1px 4px 0 rgba(80, 90, 95, 0.37647);
-  box-shadow: 0 1px 4px 0 rgba(80, 90, 95, 0.37647);
   width: 40%;
-  background-color: #fff;
-  border-radius: 8px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   min-height: 400px;
-  padding: 3rem;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
@@ -7069,18 +7081,7 @@ video::-webkit-media-controls-panel {
     padding-top: 8px;
     padding-bottom: 8px;
     font-size: 16px;
-    line-height: 24px;
-    width: "100%";
-    display: "flex";
-    font-size: "0.8rem";
-    padding-left: "10px";
-    -ms-flex-wrap: "wrap";
-    flex-wrap: "wrap";
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: "row";
-    flex-direction: "row";
-    padding-top: "10px"; }
+    line-height: 24px; }
     .complaint-links-container .links-wrapper .link {
       padding: 0 0 4px !important;
       color: #a82227 !important; }
@@ -7619,8 +7620,6 @@ video::-webkit-media-controls-panel {
   position: absolute;
   margin: 0 auto -10%;
   left: 6%;
-  -webkit-box-shadow: 1px 5px 6px 0 #e3e4e3;
-  box-shadow: 1px 5px 6px 0 #e3e4e3;
   border-radius: 10px; }
 
 .text-employee-card {
@@ -8137,19 +8136,12 @@ body {
     left: 0; } }
 
 .middle-content {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   height: 522px; }
   @media (min-width: 768px) {
-    .middle-content .middle-content {
+    .middle-content {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
@@ -8157,13 +8149,6 @@ body {
       min-height: 360px; } }
 
 .middle-left-half {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
   width: 100%; }
   @media (min-width: 768px) {
     .middle-left-half {
@@ -8172,62 +8157,212 @@ body {
 .middle-left-half-upper {
   min-height: 162px;
   margin-bottom: 18px;
-  border: 1px solid #000; }
+  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  font-family: Noto sans;
+  background-color: #ffe5e5; }
   @media (min-width: 768px) {
     .middle-left-half-upper {
       height: 50%; } }
 
 .middle-left-half-upper-body {
   list-style-type: none;
-  padding: 10px; }
+  padding: 0 10px; }
 
-.middle-left-half-upper-body li, .middle-left-half-upper-body li :before {
-  padding: 10px 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center; }
-
-.middle-left-half-upper-body a {
-  text-decoration: none;
-  color: #00f; }
+.middle-left-half-upper-body ul li {
+  text-decoration: none !important;
+  margin-top: 20px; }
 
 .middle-left-half-lower {
   min-height: 162px;
-  border: 1px solid #000; }
+  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922); }
   @media (min-width: 768px) {
     .middle-left-half-lower {
       height: 45%; } }
 
-.middle-right-half {
-  min-height: 162px;
-  width: 100%;
-  border: 1px solid #000; }
+.middle-section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 16px;
+  gap: 16px;
+  padding: 16px;
+  min-height: 360px;
+  position: relative;
+  z-index: 2;
+  margin-bottom: 20px; }
+
+.middle-content {
+  -ms-flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  flex-direction: column;
+  grid-gap: 16px;
+  gap: 16px;
+  width: 100%; }
   @media (min-width: 768px) {
-    .middle-right-half {
-      height: 360px;
-      width: 48%; } }
+    .middle-content {
+      -webkit-box-orient: horizontal;
+      -ms-flex-direction: row;
+      flex-direction: row; } }
+
+.middle-content, .middle-left-half {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-box-direction: normal; }
+
+.middle-left-half, .middle-right-half {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  -ms-flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  flex-direction: column; }
+
+.middle-right-half {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922); }
 
 .middle-header {
   font-size: 20px;
-  height: 50px;
   background-color: #092e86;
   color: #fff;
-  font-family: Noto sans,sans-serif;
   padding: 10px; }
 
+.middle-right-body {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+  @media (max-width: 768px) {
+    .middle-right-body {
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+      flex-direction: row; } }
+
+.middle-image-section, .middle-right-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.middle-image-section {
+  -webkit-box-flex: 40%;
+  -ms-flex: 40%;
+  flex: 40%;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 10px;
+  height: 160px; }
+  .middle-image-section img {
+    max-width: 100%;
+    height: auto;
+    -o-object-fit: cover;
+    object-fit: cover; }
+  @media (max-width: 768px) {
+    .middle-image-section {
+      width: 100%;
+      height: auto; } }
+
+.middle-right-content-section {
+  -webkit-box-flex: 60%;
+  -ms-flex: 60%;
+  flex: 60%;
+  padding: 10px; }
+  @media (max-width: 768px) {
+    .middle-right-content-section {
+      width: 60%; } }
+
+.middle-right-content-section li {
+  padding: 10px 0; }
+
+.middle-right-content-section li, .photo-gallery {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.photo-gallery {
+  position: relative;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  overflow: hidden;
+  padding: 10px;
+  height: 150px;
+  background-color: #f5f5f5; }
+
+.gallery-image {
+  width: 100%;
+  height: 150px;
+  -o-object-fit: cover;
+  object-fit: cover;
+  -webkit-transition: -webkit-transform .5s ease-in-out;
+  transition: -webkit-transform .5s ease-in-out;
+  transition: transform .5s ease-in-out;
+  transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
+  transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out; }
+
+.gallery-btn {
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  border: none;
+  padding: 10px;
+  cursor: pointer;
+  font-size: 18px; }
+
+.gallery-btn.left {
+  left: 10px; }
+
+.gallery-btn.right {
+  right: 10px; }
+
+.gallery-btn:hover {
+  background: rgba(0, 0, 0, 0.8); }
+
 .help-section {
   text-align: center;
-  padding: 20px 60px; }
+  padding: 20px 60px;
+  position: relative;
+  clear: both; }
+  @media (max-width: 768px) {
+    .help-section {
+      margin-top: 35vh; } }
+  @media (max-width: 600px) {
+    .help-section {
+      margin-top: 40vh; } }
+  @media (max-width: 450px) {
+    .help-section {
+      margin-top: 75vh; } }
 
 .help-section-header {
   margin-bottom: 20px;
   color: #18191c;
   font-size: 32px;
   font-family: Poppins;
-  font-weight: 400; }
+  font-weight: 500; }
 
 .help-section-button-container {
   -webkit-box-orient: vertical;
@@ -8236,7 +8371,7 @@ body {
   flex-direction: column;
   grid-gap: 15px;
   gap: 15px; }
-  @media (min-width: 640px) {
+  @media (min-width: 768px) {
     .help-section-button-container {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
@@ -8292,10 +8427,8 @@ body {
   color: #61646b; }
 
 .help-section-icon {
-  width: 70px;
-  height: 70px;
-  background: -webkit-gradient(linear, left top, left bottom, from(#ff895e), to(#d8693f));
-  background: linear-gradient(#ff895e, #d8693f);
+  width: 55px;
+  height: 55px;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -8305,7 +8438,8 @@ body {
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
-  align-items: center; }
+  align-items: center;
+  margin-right: 10px; }
 
 .about-section, .middle-section {
   padding: 20px 60px; }
@@ -8357,13 +8491,84 @@ body {
     .about-left-half, .about-right-half {
       width: 48%; } }
 
-.footer-bottom {
-  background-color: #294a97;
+.top-section-parent {
+  position: relative;
   width: 100%;
-  min-height: 200px;
+  background: -webkit-gradient(linear, left top, left bottom, from(#3765ca), to(#294a97));
+  background: linear-gradient(180deg, #3765ca, #294a97);
+  height: 160px; }
+
+.top-section {
+  position: absolute;
+  top: -50px;
+  left: 0;
+  right: 0;
+  -ms-flex-pack: distribute;
+  justify-content: space-around; }
+
+.logo-box, .top-section {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.logo-box {
+  width: 120px;
+  height: 100px;
+  background-color: #fff;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  text-align: center;
+  padding: 10px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  border-radius: 8px; }
+
+.logo {
+  max-width: 70%;
+  max-height: 50%;
+  padding-top: 25px; }
+
+.logo-text {
+  margin-top: 8px;
+  color: #000;
+  font-size: 15px; }
+
+.nav-button {
+  background: #fff;
+  border: none;
+  color: #000;
+  font-size: 24px;
+  cursor: pointer;
+  margin: 0 10px;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
+
+.footer-bottom, .nav-button {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.footer-bottom {
+  background-color: #294a97;
+  width: 100%;
+  min-height: 200px;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
@@ -8376,9 +8581,6 @@ body {
   color: #fff; }
   @media (max-width: 639px) {
     .footer-bottom {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
@@ -9585,7 +9787,18 @@ body {
   border-radius: 4px;
   padding: 20px;
   margin-bottom: 20px;
-  background-color: #f0f8ff; }
+  background-color: #f0f8ff;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 20px;
+  gap: 20px;
+  -webkit-box-shadow: none;
+  box-shadow: none; }
 
 .category-card h3 {
   font-weight: 600;
@@ -9651,6 +9864,48 @@ body {
 .category-card span {
   color: #ff2400; }
 
+.create-survey-card {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 20px;
+  gap: 20px; }
+
+.create-survey-card, .survey-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.survey-row {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+
+.survey-column {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 10px;
+  gap: 10px;
+  width: 48%;
+  color: #232323;
+  font-family: Noto Sans;
+  font-size: 16px;
+  line-height: "100%";
+  font-weight: 400;
+  letter-spacing: "0%"; }
+
+.create-survey-card .heading {
+  color: #0d43a7;
+  font-size: 20px;
+  line-height: 24px;
+  font-weight: 700; }
+
 .frame-54925, .frame-54925 * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }
@@ -10144,7 +10399,8 @@ body {
       font-size: 28px;
       line-height: 32px;
       letter-spacing: 0;
-      color: #fff; }
+      color: #fff;
+      text-transform: uppercase; }
     .employee-dashboard-container .employee-dashboard-welcome-card .employee-dashboard-welcome-card-content {
       color: #fff;
       font-family: Noto Sans;
@@ -10249,7 +10505,8 @@ body {
           font-weight: 700;
           font-size: 20px;
           line-height: 27.32px;
-          letter-spacing: 0; }
+          letter-spacing: 0;
+          padding: 2rem .5rem; }
         .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-quick-services-header .employee-dashboard-view-all-link {
           color: #00f; }
       .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper {
@@ -10261,8 +10518,8 @@ body {
         grid-gap: 16px;
         gap: 16px; }
         .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper .employee-dashboard-quick-service-card {
-          width: 350px;
-          height: 72px;
+          width: 32%;
+          height: 102px;
           padding: 8px 16px;
           border-radius: 8px;
           background: #fff;
@@ -10281,10 +10538,6 @@ body {
             align-items: center;
             grid-gap: 16px;
             gap: 16px; }
-            .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper .employee-dashboard-quick-service-card .employee-dashboard-quick-service-card-content .employee-dashboard-quick-service-card-module-icon {
-              width: "48px";
-              height: "41px";
-              background: #0d43a7; }
             .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper .employee-dashboard-quick-service-card .employee-dashboard-quick-service-card-content .employee-dashboard-quick-service-card-module-name {
               font-family: Noto Sans;
               font-weight: 500;
@@ -10293,6 +10546,19 @@ body {
               letter-spacing: .15px;
               color: #1e293b; }
 
+.employee-dashboard-quick-service-card-module-icon {
+  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: "100px";
+  width: "100px";
+  padding-top: "5px";
+  border-radius: "8px 0 0 8px"; }
+
 .display-none {
   display: none; }