@import url(https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css); .row.row-tight {
margin-left:  -0.5rem;
margin-right: -0.5rem;
}
.row.row-tight > [class*="col-"] {
padding-left:  0.5rem;
padding-right: 0.5rem;
} .row.gutter-half {
margin-left:  -9px;
margin-right: -9px;
}
.row.gutter-half > [class*="col-"] {
padding-left:  8px;
padding-right: 8px;
}
.table-md th,
.table-md td { padding-top: 0.4rem;
padding-bottom: 0.4rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
} 
th.rsortable {
cursor: pointer;
}
#buttonFooter .btn {
border-radius:2rem; -moz-border-radius:2rem; -webkit-border-radius:2rem; border: 1px solid #256fa3 !important;
background-color: #256fa3 !important;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px !important;
font-weight: bold;
}
.top5 { margin-top:5px; }
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
background-color: #256fa3 !important;
}
.btn-success, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
background-color: #61946f !important;
}
.btn-cancel {
background-color: #c82333; color: white;
border: none;
}
.btn-cancel:hover,
.btn-cancel:active,
.btn-cancel:visited {
background-color: #c82333; color: white;
}
.small {
font-size: 8pt;
}
.saved-highlight {
background-color: #e0ffe0; transition: background-color 0.6s ease;
} .loading-bar {
width: 100%;
height: 8px; background: linear-gradient(
to right,
#99ccff 25%, #66a3d2 50%, #3399cc 75%, #66a3d2 100% );
background-size: 200% 100%;
animation: loadingShimmer 1.2s linear infinite;
border-radius: 4px; overflow: hidden;
margin: 12px 0; }
@keyframes loadingShimmer {
0%   { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.blue-hr {
height: 2px;
background-color: #256fa3;
border: none;
}
.green-hr {
height: 2px;
background-color: seagreen  ;
border: none;
}
.red-hr {
height: 4px;
background-color: #c82333;
border: none;
}
.td-sm-pad {
padding-top: 1px !important;
padding-bottom: 1px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.input-button-container { align-items: center;
}
.input-button-container .form-control {
margin-right: 10px; }
.input-button-container text-bg-cancel {
padding: 5px 10px; }
#emailHtmlBody {
font-size: 9px;
}
th.sortable {
cursor: pointer;
}
th.sortable[data-order="asc"]::after {
content: ' ▲';
color: #4c27d3; }
th.sortable[data-order="desc"]::after {
content: ' ▼';
color: #4c27d3; }
.form-rounded {
border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem; border: 1px solid #256fa3;
padding-left: 10px;
padding-bottom: 2px;
margin-bottom: 2px;
outline-width: 0;
text-indent: 5px;
font-size: 12px !important;
font-weight: bold;
width: 100%;
}
.form-rounded-borderless {
border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem; border: 0px solid #256fa3;
padding-left: 10px;
padding-bottom: 2px;
margin-bottom: 2px;
outline-width: 0;
text-indent: 5px;
font-size: 12px !important;
font-weight: bold;
width: 100%;
}
.form-rounded-90 {
border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem; border: 1px solid #256fa3;
padding-left: 10px;
padding-bottom: 2px;
margin-bottom: 2px;
outline-width: 0;
text-indent: 5px;
font-size: 12px !important;
font-weight: bold;
width: 90%;
}
.form-rounded-h1 {
border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem; border: 1px solid #256fa3;
padding-left: 5px;
padding-bottom: 4px;
margin-bottom: 0px;
outline-width: 0;
text-indent: 5px;
font-size: 1em;
font-weight: bold;
}
.form-rounded-sm {
border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem; border: 1px solid #256fa3;
padding-left: 2px;
padding-bottom: 4px;
margin-bottom: 1px;
outline-width: 0;
text-indent: 3px;
font-size: 11px !important;
}
.form-rounded-80 {
border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem; border: 1px solid #256fa3;
padding-left: 2px;
padding-bottom: 0px;
margin-bottom: 0px;
outline-width: 0;
text-indent: 3px;
font-size: 9px !important;
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.text-bg-sub {
background-color: limegreen; 
color: white;
border:none;
}
.text-firebrick {
color: firebrick;
}
.border-firebrick {
border-color: firebrick;
}
.text-bg-firebrick {
background-color: firebrick; 
color: white;
border:none;
}
.text-bg-gold {
background-color: gold; 
color: black;
border:none;
}
.text-forestgreen {
color: forestgreen;
}
.border-forestgreen {
border-color: forestgreen;
}
.text-bg-forestgreen {
background-color: forestgreen; 
color: white;
border:none;
}
.text-bg-lime {
background-color: lime;
color: black;
border:none;
}
.text-turquoise {
color: turquoise;
}
.border-turquoise {
border-color: turquoise;
}
.text-bg-turquoise {
background-color: turquoise; 
color: black;
border:none;
}
.text-maroon {
color: maroon;
}
.border-maroon {
border-color: maroon;
}
.text-bg-maroon {
background-color: maroon; 
color: white;
border:none;
}
.text-indigo {
color: indigo;
}
.border-indigo {
border-color: indigo;
}
.text-bg-indigo {
background-color: indigo; 
color: white;
border:none;
}
.text-bg-green {
background-color: green; 
color: white;
border:none;
}
.text-green {
background-color: green; 
}
.text-darkorange {
color: darkorange;
}
.border-darkorange {
border-color: darkorange;
}
.text-bg-darkorange {
background-color: darkorange; 
color: white;
border:none;
}
.text-darkviolet {
color: darkviolet;
}
.border-darkviolet {
border-color: darkviolet;
}
.text-bg-darkviolet {
background-color: darkviolet; 
color: white;
border:none;
}
.text-darkblue {
color: darkblue;
}
.border-darkblue {
border-color: darkblue;
}
.text-bg-darkblue {
background-color: darkblue; 
color: white;
border:none;
}
.text-bg-cancel {
background-color: darkred; 
color: white;
border:none;
}
.text-bg-info {
background-color: rgb(34, 64, 196); 
color: white;
border:none;
}
.text-bg-success {
background-color: seagreen; 
color: white;
border:none;
}
.text-bg-primary {
background-color: #256fa3; 
color: white;
border:none;
}
.text-bg-skyblue {
background-color: skyblue; 
color: white;
border:none;
}
.text-bg-yellow {
background-color: yellow; 
color: black;
border:none;
}
.text-bg-danger {
background-color: #e22030; 
color: white;
border:none;
}
.badge {
border:none;
} .edit-column {
width: 80px;
}
.table-lists {
width: 100%;
border-collapse: collapse;
}
.table-lists th,
.table-lists td {
padding: 8px;
text-align: left;
}
.table-lists th {
background-color: lightgrey;
}
.table-lists tr:nth-child(even) {
background-color: rgb(245, 245, 245);
} .spinner {
display: inline-block;
width: 50px;
height: 50px;
border: 3px solid rgba(208, 162, 226, 0.6);
border-radius: 50%;
border-top-color: rgb(167, 15, 228);
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
to { -webkit-transform: rotate(360deg); }
}
#batch-entry-table {
width: 100%;
border-collapse: collapse;
}
#batch-entry-table th, #batch-entry-table td {
border: 1px solid #f2f2f2; padding: 8px;
text-align: left;
}
#batch-entry-table tr:nth-child(even) {
background-color: #f2f2f2;
}
#batch-entry-table th {
background-color: #f2f2f2; }
.scrollable-div {
height: 200px;
overflow-y: scroll;
border: 1px solid #ddd;
padding: 10px;
border-radius: 8px;
}
.scrollable-div-4 {
height: 400px;
overflow-y: scroll;
border: 1px solid #ddd;
padding: 10px;
border-radius: 8px;
}
.scrollable-div-10 {
height: 1000px;
overflow-y: scroll;
border: 1px solid #ddd;
padding: 10px;
border-radius: 8px;
}
.list-group.location-info-list {
border: none;
}
.list-group-item {
border: none;
}
.text-bg-returnsub {
background-color: #751fbb; 
color: white; 
}
.text-bg-cmd {
background-color: #256fa3; 
color: white;
}
.text-cmd {
color: #256fa3; 
}
.text-light-grey {
color: lightgrey;
}
.text-sub {
color: #1fbb24; 
}
.text-returnsub {
color: #751fbb; 
}
.text-bg-key {
background-color: #1f56bb; 
color: white;
}
.text-key {
color: #1f56bb; 
}
.text-bg-equity1 {
background-color: #bd1f8d; 
color: white;
}
.text-equity1 {
color: #bd1f8d; 
}
.text-bg-equity12 {
background-color: #63104a; 
color: white;
}
.text-equity12 {
color: #63104a; 
}
.text-bg-equity2 {
background-color: #0bbb95; 
color: white;
}
.text-equity2 {
color: #0bbb95; 
}
.text-bg-equity22 {
background-color: #08725b; 
color: white;
}
.text-equity22 {
color: #08725b; 
}
.text-stc {
color: #37611f; 
}
.text-stctotal {
color: #361f61; 
}
.div-container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 4px;
margin: 4px;
width: 100%;
}
@media (max-width: 767px) {
.custom-padding {
padding-left: 8px !important;
padding-right: 5px !important;
}
} .table-container {
display: table;
width: 100%;
border-collapse: collapse;
} .table-row {
display: table-row;
} .table-header-cell,
.table-cell {
display: table-cell;
padding: 10px;
border: 1px solid #ddd;
} .table-header-cell {
font-weight: bold;
background-color: #f2f2f2;
} @media (max-width: 300px) {
.table-row {
display: block;
margin-bottom: 10px;
}
.table-cell,
.table-header-cell {
display: block;
box-sizing: border-box;
}
}
.hidden {
display: none;
}
.visible {
display: block; }