128 lines
2.7 KiB
CSS
128 lines
2.7 KiB
CSS
:root {
|
|
--teal: #01696f;
|
|
--teal-hover: #0c4e54;
|
|
--teal-dark: #054e53;
|
|
--teal-bg: #edf6f6;
|
|
--teal-border: rgba(1,105,111,0.18);
|
|
--green: #437a22;
|
|
--green-bg: #f2f7ee;
|
|
--surface: #fff;
|
|
--surface-2: #f7f9f9;
|
|
--border: rgba(0,0,0,0.10);
|
|
--text: #1a2e30;
|
|
--muted: #5a7476;
|
|
--faint: #9ab4b6;
|
|
--radius: 6px;
|
|
--radius-lg: 10px;
|
|
--shadow: 0 2px 8px rgba(1,105,111,0.10);
|
|
--fs: 11.5px;
|
|
--lh: 1.4;
|
|
--transition: 150ms cubic-bezier(.16,1,.3,1);
|
|
}
|
|
|
|
.modern-button {
|
|
width: 150px; /* Adjust the width as needed */
|
|
padding: 10px 20px;
|
|
border: none;
|
|
border-radius: 25px;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
transition: background-color 0.3s ease, box-shadow 0.3s ease;
|
|
}
|
|
|
|
.modern-button:hover {
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.btn-success {
|
|
background-color: #28a745;
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-success:hover {
|
|
background-color: #006400;
|
|
}
|
|
|
|
.btn-warning {
|
|
background-color: #ffc107;
|
|
color: #fff;
|
|
}
|
|
.custom-modal-PR-List {
|
|
max-width: 1320px !important;
|
|
margin: 0 auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.btn-warning:hover {
|
|
background-color: #ff8c00;
|
|
}
|
|
.text-left {
|
|
text-align: left !important;
|
|
}
|
|
.charges-right-align {
|
|
text-align: right;
|
|
}
|
|
.table-dest-container {
|
|
height: 150px; /* Adjust height as needed */
|
|
overflow-y: auto; /* Enables scrolling if content overflows */
|
|
border: 1px solid #ddd; /* Optional: adds a border for visibility */
|
|
}
|
|
|
|
#DocRequiredTable tbody td {
|
|
padding-top: 1px !important;
|
|
padding-bottom: 1px !important;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
line-height: 1 !important;
|
|
font-size: 12px;
|
|
vertical-align: middle;
|
|
}
|
|
/* Body rows only */
|
|
#SourceChargesTable tbody td {
|
|
padding-top: 1px !important;
|
|
padding-bottom: 1px !important;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
line-height: 1 !important;
|
|
font-size: 12px;
|
|
vertical-align: middle;
|
|
}
|
|
.btn-choose {
|
|
background: var(--teal);
|
|
color: #fff;
|
|
border: none;
|
|
border-radius: var(--radius);
|
|
padding: 8px 14px;
|
|
font-size: var(--fs);
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
transition: background var(--transition);
|
|
}
|
|
|
|
.btn-choose:hover {
|
|
background: var(--teal-hover);
|
|
}
|
|
/* Keep header normal */
|
|
#SourceChargesTable thead th {
|
|
padding: 4px 6px;
|
|
font-size: 12px;
|
|
}
|
|
.responsive-input {
|
|
width: 100%;
|
|
max-width: 550px;
|
|
min-width: 200px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.responsive-input {
|
|
width: 100%;
|
|
max-width: 300px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.responsive-input {
|
|
width: 100%;
|
|
max-width: 200px;
|
|
}
|
|
} |