body {
  {{/* font-size: 0.82rem !important */}}
}
.padding-zero{
  padding:0%
}

.table-responsive {
  min-height:170px !important
}

.page-wrapper{
  display:block;
  pointer-events: initial !important;
}
.tab-pane > .card {
  border-top:0px solid white;
}
.form-selectgroup-check, .form-check-input{
  border: 1px solid #595959
}
.my-indicator{
  display:none;
  position: fixed;
  top: 0px;
  z-index: 1;
}
.progress-bar{
  background:rgb(183, 213, 34);
  height:calc(100% - 100vh + 6px);  
}
.progress-bar-indeterminate:after, .progress-bar-indeterminate:before{
  width:70%
}
.htmx-request.my-indicator{
  display:block;
}

.htmx-request.my-indicator ~ .page-wrapper{
  pointer-events: none !important;
}
tr:hover {
  background-color: #f2f2f2;
}

th {
  color:black !important;
  font-weight:bold !important
}
.clickable-row{
  cursor:pointer
}

.clickable-row:hover{
  background-color: #f2f2f2;
  font-weight: 400;
}

.objection-border{
  border-left:3px solid #d63939
}

.center-align {
  text-align:center
}

.table-sort{
  font-weight:bold;
}

.text-cb {
  color:#3973ac;
}
.text-end_user {
  color:#527a7a;
}

.steps-counter {
  --tblr-steps-dot-size: 2.5rem;
}
.card-pointer{
  cursor: pointer !important;
}
{{/* .tradeq-navbar > .dropdown:hover .one-menu {
  display: block;
}

.so-navbar > .dropdown:hover .one-menu {
  display: block;
} */}}

div.strike {
  position: relative;
}
div.strike:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #111;
  width: 100%;
}

.pagination-div{
  padding-top:8px;
}

.hidden-pagination-rows {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.form-help {
  color: var(--tblr-primary-fg) !important;
  background: var(--tblr-warning) !important
}

.datagrid-title.required:after {
  content: "*";
  margin-left: 0.25rem;
  color: #d63939;
}
/*.datagrid .datagrid-item .datagrid-title {
  font-size:12px;
  font-weight:bold;
  color:black;
}*/
.table-sort:after {
  mask-image: unset !important;
  background: unset !important;
}

.copy-icon {
  cursor: pointer;
  margin-left: 10px;
  color: blue;
}
.copied-msg {
  color: green;
  margin-left: 10px;
  font-size: 12px;
  display: none;
}

.copy-icon svg {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.copy-icon:hover {
  color: #007bff;
}