647 lines
11 KiB
SCSS
647 lines
11 KiB
SCSS
.ItemWiseReport-table .ant-table table {
|
|
// height:60vh;
|
|
// overflow:scroll;
|
|
overflow: scroll;
|
|
// height: clamp(30vh , 85vh,95vh);
|
|
border-spacing: 0 0.3rem;
|
|
}
|
|
|
|
.ItemWiseReport-table .ant-table-thead {
|
|
position: sticky;
|
|
top: 0 !important;
|
|
background-color: #bad4f9;
|
|
z-index: 1;
|
|
border-spacing: 0 0 !important;
|
|
}
|
|
|
|
.ItemWiseReport-table .ant-table-wrapper .ant-table-thead > tr > th,
|
|
.ant-table-wrapper .ant-table-thead > tr > td {
|
|
color: #000000;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
border-spacing: 0 0.3rem;
|
|
}
|
|
|
|
.ItemWiseReport-table .ant-table-row > td {
|
|
color: black !important;
|
|
font-weight: 500 !important;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.ItemWiseReport-search {
|
|
display: flex;
|
|
justify-content: end;
|
|
column-gap: 1rem;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ItemWiseReport-search-button {
|
|
border: none;
|
|
background-color: #e167ff;
|
|
padding: 1rem 1.5rem;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.ItemWiseReport-Date-from-heading {
|
|
width: 7rem;
|
|
}
|
|
|
|
.ItemWiseReport-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: 0.5rem;
|
|
// padding: 10px 15px;
|
|
height: 88vh;
|
|
// overflow: hidden;
|
|
overflow: auto;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
background-color: #fff;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.ItemWiseReport-table .ant-pagination {
|
|
position: sticky;
|
|
bottom: 0;
|
|
margin: 0 !important;
|
|
padding: 0.5rem;
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.ItemWiseReport-header {
|
|
display: flex;
|
|
gap: 10px;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.ItemWiseReport-heading {
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.search-purchase {
|
|
input,
|
|
.ant-input {
|
|
border-start-end-radius: 6px !important;
|
|
border-end-end-radius: 6px !important;
|
|
padding-top: 6px !important;
|
|
}
|
|
|
|
.ant-input {
|
|
height: 40px;
|
|
}
|
|
|
|
.searchDiv {
|
|
height: 42px;
|
|
}
|
|
}
|
|
|
|
.ItemWiseReport-submit-btn-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
width: max-content;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.ItemWiseReport-PrinttAndSubmit {
|
|
display: flex;
|
|
column-gap: 3vw;
|
|
align-items: center;
|
|
// width: 100%;
|
|
justify-content: space-between;
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.ItemWiseReport-dateaAnd-buttons {
|
|
display: flex;
|
|
column-gap: 2rem;
|
|
row-gap: 1rem;
|
|
// align-items: center;
|
|
// flex-wrap: wrap;
|
|
}
|
|
|
|
.ItemWiseReport-Date-picker {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
column-gap: 2rem;
|
|
|
|
// row-gap: 1rem;
|
|
.ant-form-item {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
}
|
|
|
|
.ItemWiseReport-Date .ant-picker {
|
|
width: 20rem;
|
|
}
|
|
|
|
.ItemWiseReport-submit-btn {
|
|
padding: 0.6rem 1rem;
|
|
border: none;
|
|
background-color: var(--PRIMARY_BUTTON_BG_COLOR) !important;
|
|
margin-bottom: 2px;
|
|
font-size: 16px;
|
|
font-family: "Gilroy";
|
|
color: #ffffff;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
// .ItemWiseReport-submit-btn:hover {
|
|
// background-color: #a8a8a8;
|
|
// }
|
|
.ItemWiseReport-PrinterIcon-Container {
|
|
cursor: pointer;
|
|
// position: absolute;
|
|
// top: 6rem;
|
|
// right: 5rem;
|
|
}
|
|
|
|
.ItemWiseReport-printerIcon {
|
|
font-size: 25px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ItemWiseReport-printerIcon:hover {
|
|
color: #414141;
|
|
}
|
|
|
|
.ItemWiseReport-Date {
|
|
display: flex;
|
|
column-gap: 1rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.ItemWiseReport-Details-container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-right: 2rem;
|
|
column-gap: 1rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.ItemWiseReport-Details {
|
|
margin-left: 0.7rem;
|
|
display: flex;
|
|
column-gap: 1rem;
|
|
row-gap: 0.5rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.ItemWiseReport-Details-buttons {
|
|
border: none;
|
|
padding: 0.6rem 1rem;
|
|
width: max-content;
|
|
background-color: #006aff;
|
|
border-radius: 5px;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ItemWiseReport-printerIcon {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.ItemWiseReport-table-container {
|
|
margin: 1rem 1rem;
|
|
}
|
|
|
|
.ItemWiseReport-Date p {
|
|
font-size: 11px;
|
|
color: #5a5a5a;
|
|
margin-left: 5px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.ItemWiseReport-table {
|
|
overflow: auto;
|
|
height: clamp(50vh, 30vh, 95vh);
|
|
scrollbar-width: thin;
|
|
|
|
tr:nth-child(even) {
|
|
background-color: #e9e8e8 !important;
|
|
border: none;
|
|
}
|
|
|
|
//dhana
|
|
// height: clamp(30vh, 50vh, 95vh);
|
|
}
|
|
|
|
// writed by sree
|
|
.ItemWiseReport-table1 {
|
|
overflow: auto;
|
|
height: clamp(40vh, 30vh, 95vh);
|
|
width: 79vw !important;
|
|
}
|
|
|
|
.ItemWiseReport-table .ant-table-thead tr .ant-table-cell {
|
|
font-size: 25px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.ItemWiseReport-Amount-Collected-table {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.ItemWiseReport-netAmount {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.ItemWiseReport-search .ant-input {
|
|
border-radius: 10px !important;
|
|
padding: 0.35rem 0.5rem !important;
|
|
}
|
|
|
|
.BSitemwise-Search-icon {
|
|
font-size: 25px;
|
|
color: #1292ee;
|
|
}
|
|
|
|
.dropDownandsumit {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
|
|
.ant-form-item {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
}
|
|
|
|
.Submit_Print {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
@media only screen and (max-width: 950px) {
|
|
.ItemWiseReport-PrinttAndSubmit {
|
|
display: flex;
|
|
column-gap: 3vw;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
// margin-left: 30px;
|
|
// margin-bottom: 23px;
|
|
}
|
|
|
|
.ItemWiseReport-PrinterIcon-Container {
|
|
margin-left: 30px;
|
|
|
|
cursor: pointer;
|
|
// position: absolute;
|
|
// top: 5rem;
|
|
// right: 1rem;
|
|
}
|
|
|
|
.ItemWiseReport-table {
|
|
overflow: scroll;
|
|
height: 40vh;
|
|
}
|
|
|
|
.ItemWiseReport-container {
|
|
padding: 15px 15px;
|
|
}
|
|
|
|
.ItemWiseReport-dateaAnd-buttons {
|
|
column-gap: 0.5rem;
|
|
}
|
|
|
|
.ItemWiseReport-netAmount {
|
|
justify-content: flex-start !important;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.dropdownUserid {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
// .ItemWiseReport-dateaAnd-buttons {
|
|
// // flex-wrap: wrap;
|
|
// }
|
|
|
|
.ItemWiseReport-submit-btn-container {
|
|
margin-left: 4.5rem;
|
|
justify-content: flex-start !important;
|
|
flex-direction: row;
|
|
column-gap: 0.5rem;
|
|
margin-bottom: 24px;
|
|
width: 83px;
|
|
}
|
|
|
|
.ItemWiseReport-Date p {
|
|
padding: 0;
|
|
}
|
|
|
|
.ItemWiseReport-table .ant-table-wrapper .ant-table-thead > tr > th,
|
|
.ant-table-wrapper .ant-table-thead > tr > td {
|
|
font-size: 10px !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.ItemWiseReport-submit-btn-container {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.ItemWiseReport-table {
|
|
width: 80vw;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 499px) {
|
|
.ItemWiseReport-submit-btn-container {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.centerPageSub {
|
|
margin: 0;
|
|
}
|
|
|
|
.ItemWiseReport-table {
|
|
overflow-x: scroll;
|
|
height: 26vh;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 280px) {
|
|
// .ItemWiseReport-PrinttAndSubmit {
|
|
|
|
// position: absolute !important;
|
|
// top: 18rem !important;
|
|
// }
|
|
.ItemWiseReport-PrinterIcon-Container {
|
|
position: absolute;
|
|
top: 290px !important;
|
|
left: 200px !important;
|
|
}
|
|
|
|
.Submit_Print {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.ItemWiseReport-Date {
|
|
width: 3rem !important;
|
|
}
|
|
|
|
.ItemWiseReport-Date p {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.dropDownandsumit {
|
|
margin-top: 30px !important;
|
|
height: 160px;
|
|
}
|
|
|
|
.ItemWiseReport-search {
|
|
display: flex;
|
|
justify-content: start;
|
|
column-gap: 1rem;
|
|
width: 4rem !important;
|
|
}
|
|
|
|
.ItemWiseReport-heading {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.ItemWiseReport-submit-btn-container {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.ItemWiseReport-dateaAnd-buttons {
|
|
column-gap: 0.5rem;
|
|
width: 75vw !important;
|
|
overflow: auto !important;
|
|
}
|
|
|
|
.ItemWiseReport-table {
|
|
overflow: scroll;
|
|
height: 30vh;
|
|
}
|
|
}
|
|
|
|
.ItemWiseReport-table .ant-table-thead th.ant-table-column-has-sorters:hover {
|
|
background-color: #bad4f9;
|
|
}
|
|
|
|
.ItemWiseReport-table .ant-table-wrapper .ant-table-thead > tr > th,
|
|
.ant-table-wrapper .ant-table-thead > tr > td {
|
|
background-color: #bad4f9;
|
|
}
|
|
|
|
.ItemWiseReport-printerIcon-disabled {
|
|
opacity: 0.5;
|
|
/* You can adjust the opacity to visually indicate it's disabled */
|
|
pointer-events: none;
|
|
/* Disable pointer events so it won't respond to clicks */
|
|
cursor: not-allowed;
|
|
/* Change cursor to indicate it's not clickable */
|
|
font-size: 30px;
|
|
}
|
|
|
|
.dropdownUserid {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.itemwiseDropdown {
|
|
width: 9rem !important;
|
|
}
|
|
|
|
.ItemWiseReport-Date {
|
|
width: 8rem;
|
|
}
|
|
|
|
.ItemWiseReport-table .ant-table-content table {
|
|
table-layout: unset !important;
|
|
}
|
|
|
|
.toggle {
|
|
display: flex;
|
|
width: inherit;
|
|
height: 2vw;
|
|
flex-direction: row-reverse;
|
|
z-index: 1;
|
|
// padding-right: 93px;
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
// .ant-switch:hover:not(.ant-switch-disabled) {
|
|
// background:var(--SELECTED_COLOR) ;
|
|
// }
|
|
//nk
|
|
@media only screen and (max-width: 499px) {
|
|
.ItemWiseReport-Amount-Collected-table tr {
|
|
justify-content: flex-start;
|
|
column-gap: 5rem;
|
|
}
|
|
|
|
.ItemWiseReport-border-dashed {
|
|
width: 10rem;
|
|
}
|
|
|
|
.ItemWiseReport-Amount-Collected-table {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.centerPageSub {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.ItemWiseReport-border-dashed {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.ItemWiseReport-border-dashed {
|
|
width: 10rem;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.overalTotal {
|
|
width: 7rem;
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
|
|
.ItemWiseReport-Amount-Collected-table {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.ItemWiseReport-Amount-Collected-table tr {
|
|
display: flex;
|
|
// width: 15rem;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.ItemWiseReport-border-dashed {
|
|
border-bottom: 1px dashed rgb(46, 46, 46);
|
|
width: 17rem;
|
|
}
|
|
|
|
.ItemWiseReport-border-dashed {
|
|
font-size: 23px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.custom-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border: 1px solid #909090;
|
|
font-family: "Poppins", sans-serif;
|
|
|
|
> thead {
|
|
position: sticky;
|
|
top: -1px;
|
|
}
|
|
}
|
|
|
|
.custom-table th {
|
|
background-color: #a4c5f4;
|
|
color: #1e1e1e;
|
|
padding: 6px;
|
|
text-align: left;
|
|
border: 1px solid #909090;
|
|
-webkit-text-stroke-width: 0.2px;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
font-family: VAR(--HEADING_FONT_FAMILY);
|
|
// text-transform: uppercase;
|
|
text-transform: capitalize;
|
|
letter-spacing: 0.2px;
|
|
}
|
|
|
|
.centerDivList {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
// width: 100%;
|
|
// height: 43vh;
|
|
overflow: scroll;
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.custom-table td {
|
|
padding: 4px 6px;
|
|
border: 1px solid #909090;
|
|
text-align: left;
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.custom-table tbody tr td {
|
|
text-align: left;
|
|
|
|
.ant-select.ant-select-in-form-item {
|
|
width: 190px !important;
|
|
}
|
|
}
|
|
|
|
.custom-table tbody tr td[colspan="7"] {
|
|
padding: 20px;
|
|
}
|
|
|
|
.custom-table tbody tr.additionalCharges-selected {
|
|
background-color: #dddddd;
|
|
}
|
|
|
|
.custom-table tbody tr.setAsDefault-selected {
|
|
background-color: #cceaf0;
|
|
}
|
|
|
|
.custom-table {
|
|
.ant-form-item {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.float-label {
|
|
margin-bottom: 8px !important;
|
|
}
|
|
}
|
|
|
|
.ChargesAddAndCancel {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: 1rem;
|
|
|
|
> div {
|
|
border-radius: 6px;
|
|
padding: 5px 10px;
|
|
color: #fff;
|
|
font-weight: 600 !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
> div:nth-child(1) {
|
|
background-color: #28aa3a;
|
|
}
|
|
|
|
> div:nth-child(2) {
|
|
background-color: #ff0000;
|
|
}
|
|
}
|
|
|
|
.custom-table {
|
|
Button:disabled,
|
|
Button[disabled] {
|
|
width: unset !important;
|
|
height: unset !important;
|
|
border-radius: 50px !important;
|
|
}
|
|
}
|