@pmidc/upyog-css 1.0.39 → 1.0.41

package/dist/index.css

@@ -10908,6 +10908,123 @@ body {
   color: red;
   font-weight: 700; }
 
+.ViewAttendence .tablechart {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.ViewAttendence .attendanceimage, .ViewAttendence .tablechartinner {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 300px;
+  flex: 1 1 300px;
+  min-width: 300px; }
+
+.ViewAttendence .attendanceimage {
+  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;
+  padding: 16px; }
+
+.ViewAttendence .attendanceimg {
+  max-width: 100%;
+  max-height: 300px;
+  -o-object-fit: contain;
+  object-fit: contain; }
+
+.ViewAttendence .attendancecard {
+  margin-bottom: 16px; }
+
+.swachempfilter {
+  background-color: red;
+  padding-bottom: 90px !important; }
+
+.alignmentSettle .form-field {
+  width: calc(25% - 15px) !important;
+  margin-right: 15px !important;
+  margin-bottom: 16px !important;
+  min-width: calc(25% - 15px) !important;
+  max-width: calc(25% - 15px) !important; }
+
+.alignmentSettle .form-field:nth-child(4n), .alignmentSettle .submit {
+  margin-right: 0 !important; }
+
+.alignmentSettle .submit {
+  width: calc(25% - 15px) !important;
+  min-width: calc(25% - 15px) !important;
+  max-width: calc(25% - 15px) !important;
+  margin-top: 0 !important;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-orient: vertical !important;
+  -webkit-box-direction: normal !important;
+  -ms-flex-direction: column !important;
+  flex-direction: column !important;
+  -webkit-box-pack: end !important;
+  -ms-flex-pack: end !important;
+  justify-content: flex-end !important; }
+  .alignmentSettle .submit button {
+    width: 100% !important;
+    height: 40px !important;
+    margin-bottom: 4px !important;
+    font-size: 14px !important; }
+  .alignmentSettle .submit p {
+    width: 100% !important;
+    margin: 0 !important;
+    text-align: center !important;
+    font-size: 12px !important; }
+
+@media (max-width: 1024px) {
+  .alignmentSettle .form-field {
+    width: calc(50% - 10px) !important;
+    min-width: calc(50% - 10px) !important;
+    max-width: calc(50% - 10px) !important; }
+  .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(4n) {
+    margin-right: 10px !important; }
+  .alignmentSettle .form-field:nth-child(2n) {
+    margin-right: 0 !important; }
+  .alignmentSettle .submit {
+    width: calc(50% - 10px) !important;
+    min-width: calc(50% - 10px) !important;
+    max-width: calc(50% - 10px) !important; } }
+
+@media (max-width: 640px) {
+  .alignmentSettle .form-field {
+    width: 100% !important;
+    min-width: 100% !important;
+    max-width: 100% !important;
+    margin-bottom: 12px !important; }
+  .alignmentSettle .form-field, .alignmentSettle .form-field:nth-child(2n) {
+    margin-right: 0 !important; }
+  .alignmentSettle .submit {
+    width: 100% !important;
+    min-width: 100% !important;
+    max-width: 100% !important;
+    margin-top: 8px !important; }
+    .alignmentSettle .submit button {
+      height: 44px !important;
+      font-size: 16px !important; } }
+
+@media (max-width: 480px) {
+  .alignmentSettle .form-field {
+    margin-bottom: 10px !important; }
+  .alignmentSettle .submit button {
+    height: 48px !important; } }
+
 .requiredField {
   color: red !important; }
 
@@ -11037,6 +11154,79 @@ body {
       margin-top: -24px;
       left: auto; } }
 
+.sanction-fee-wrapper {
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch; }
+
+.sanction-fee-table {
+  width: 100%;
+  border-collapse: collapse; }
+
+.sanction-fee-table td, .sanction-fee-table th {
+  padding: 8px 12px;
+  border: 1px solid #ddd;
+  color: #0d43a7;
+  text-align: left;
+  white-space: nowrap; }
+
+.sanction-fee-table th {
+  background-color: #fff;
+  font-weight: 600; }
+
+.sanction-fee-table tr:nth-child(odd) {
+  background-color: #f4f4f4; }
+
+.sanction-fee-table tr:nth-child(2n) {
+  background-color: #fff; }
+
+@media (max-width: 768px) {
+  .sanction-fee-wrapper {
+    overflow-x: hidden;
+    padding: 0 8px; }
+  .sanction-fee-table, .sanction-fee-table tbody, .sanction-fee-table td, .sanction-fee-table th, .sanction-fee-table thead, .sanction-fee-table tr {
+    display: block;
+    width: 100%; }
+  .sanction-fee-table thead {
+    display: none; }
+  .sanction-fee-table tr {
+    margin-bottom: 12px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background: #fff;
+    padding: 8px 12px; }
+  .sanction-fee-table td, .sanction-fee-table tr {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 100%; }
+  .sanction-fee-table td {
+    border: none;
+    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;
+    text-align: left;
+    white-space: normal;
+    padding: 6px 0; }
+  .sanction-fee-table td:before {
+    content: attr(data-label);
+    font-weight: 600;
+    color: #3f4351;
+    -ms-flex-preferred-size: 50%;
+    flex-basis: 50%;
+    text-align: left;
+    padding-right: 8px; }
+  .sanction-fee-table td > * {
+    -ms-flex-preferred-size: 50%;
+    flex-basis: 50%;
+    word-break: break-word;
+    text-align: right; } }
+
 .display-none {
   display: none; }