<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*PAGE setting common to all pages*/

/*div#main-body {*/
/*  max-width: 1550px !important;*/
/*  width: 1250px !important;*/
/*}*/

/*.table-body-div {*/
/*  !*margin: 20px;*!*/
/*  flex: 1.5;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  width: 110%;*/
/*}*/

.fas.fa-external-link-alt {
  font-size: 0.8em;
  top: -4px;
  margin-left: 3px;
  position: relative;
}

div#filterEdit {
  margin-left: 1rem
}

table {
  border : none;
}

.btn, .btn-group-sm &gt; .btn, .btn-group-xs &gt; .btn, .btn-md, .btn-sm, .btn-xs {
  border-radius : 1rem;
}

button.btn.btn-default.mb-2.submit-new-filter {
  margin-left: 0.85rem;
}

.fa-plus-circle {
  color     : #2ECC71;
  font-size : 15pt;
}

#addFilterItem, #removeFilterItem, #removeFilterItems {
  margin-top  : 7px;
  margin-left : 6px;
}

.fa-minus-circle {
  color     : #E74C3C;
  font-size : 15pt;
}

button.submit-new-filter {
  margin-left  : 10px;
  margin-right : 20px;
}

label#MatchModeLabel{
  display: inline-block;
  padding-top: 0.375rem;
  text-align: center;
}

.switchToggle {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.switchToggle input[type=checkbox] {
  height     : 0;
  width      : 0;
  visibility : hidden;
  position   : absolute;
}

.switchToggle label {
  cursor        : pointer;
  text-indent   : -9999px;
  width         : 70px;
  max-width     : 100px;
  height        : 30px;
  background    : #007bff;
  display       : block;
  border-radius : 100px;
  position      : relative;
}

.switchToggle label#retractedLabel {
  cursor        : pointer;
  text-indent   : -9999px;
  width         : 80px;
  max-width     : 100px;
  height        : 30px;
  background    : #007bff;
  display       : block;
  border-radius : 100px;
  position      : relative;
}

.switchToggle label:after {
  content       : '';
  position      : absolute;
  top           : 2px;
  left          : 2px;
  width         : 26px;
  height        : 26px;
  background    : #FFFFFF;
  border-radius : 90px;
  transition    : 0.3s;
}

.switchToggle input:checked + label, .switchToggle input:checked + input + label {
  background : #007bff;
}

.switchToggle input + label:before, .switchToggle input + input + label:before {
  content       : 'Or';
  position      : absolute;
  top           : 5px;
  left          : 35px;
  width         : 26px;
  height        : 26px;
  border-radius : 90px;
  transition    : 0s;
  text-indent   : 0;
  color         : #FFFFFF;
}

.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {
  content       : 'And';
  position      : absolute;
  top           : 5px;
  left          : 10px;
  width         : 26px;
  height        : 26px;
  border-radius : 90px;
  transition    : 0s;
  text-indent   : 0;
  color         : #FFFFFF;
}

.switchToggle input#showRetracted-switch + label:before, .switchToggle input#showRetracted-switch + input#showRetracted-switch + label:before {
  content       : 'Hide';
  position      : absolute;
  top           : 5px;
  left          : 35px;
  width         : 80px;
  height        : 26px;
  border-radius : 90px;
  transition    : 0s;
  text-indent   : 0;
  color         : #FFFFFF;
}

.switchToggle input#showRetracted-switch:checked + label:before, .switchToggle input#showRetracted-switch:checked + input#showRetracted-switch + label:before {
  content       : 'Show';
  position      : absolute;
  top           : 5px;
  left          : 10px;
  width         : 80px;
  height        : 26px;
  border-radius : 90px;
  transition    : 0s;
  text-indent   : 0;
  color         : #FFFFFF;
}

.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {
  left      : calc(100% - 2px);
  transform : translateX(-100%);
}

.switchToggle label:active:after {
  width : 60px;
}

select:invalid {
  color: #666;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: #000;
}

.header_class {
  height: 65px;
}

.bootstrap-table .fixed-table-container .table thead th .sortable {
  cursor: pointer!important;
  background-position: left bottom .7rem!important;
  background-repeat: no-repeat!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
}

div.table-body-div {
  width: calc(110% - 20px); /* Adjust the width as needed, considering any margins or paddings */
  margin: 0 auto; /* Center the div horizontally */
  display: flex; /* Use flexbox */
  justify-content: center; /* Center the contents horizontally */
}</pre></body></html>