/* DataTable Column Visible Css */ .dt-button:not(.dt-button-collection >.dt-button) { font-size: .8125rem !important; border-radius: 0.3rem !important; box-shadow: none !important; font-weight: 500 !important; padding: 0.275rem 0.75rem !important; background-color: rgb(132 90 223) !important; background-image: none !important; color: #fff !important; border: 0 !important; margin-bottom: 0 !important; } div.dt-button-collection { position: absolute; top: 0; left: 0; width: 200px; margin-top: 3px; margin-bottom: 3px; padding: 0.75em 0; border: 1px solid rgba(0, 0, 0, 0.4); background-color: white; overflow: hidden; z-index: 2002; border-radius: 5px; box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3); box-sizing: border-box; } div.dt-button-collection .dt-button { font-family: 'Public Sans', sans-serif; background: none; margin: 0; padding: 0.5em 1em; border: none; text-align: left; border-bottom: 1px solid #efebeb; cursor: pointer; color: #2b0e68; font-size: 12px !important;font-weight: 600; } div.dt-buttons .dt-button { overflow: hidden; text-overflow: ellipsis; font-size: 0.7em; } div.dt-button-collection .dt-button.active { background-image: none !important; box-shadow: none !important; } div.dt-button-collection button.dt-button:hover:not(.disabled), div.dt-button-collection button.dt-button:hover:not(.disabled), a.div.dt-button-collection button.dt-button:hover:not(.disabled) { border: 0px solid #fff; background-color: #ffffff !important; border-bottom: 1px solid #efebeb; } div.dt-button-collection .dt-button:after { content: ''; position: absolute; top: 50%; margin-top: -13px; right: 1em; display: inline-block; color: inherit; font-weight: 600; border: 1px solid #ddd; padding: 10px; border-radius: 4px; } div.dt-button-collection .active:after { position: absolute; top: 50%; margin-top: -12px; right: 1em; display: inline-block; content: "✓" !important; color: #845adf; font-weight: 600; border: 1px solid #845adf; padding: 1px 6px !important; border-radius: 4px; } div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) { background-color: #ffffff; background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%); background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%); background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f0f0f0', EndColorStr='#dadada'); box-shadow: none; } body { font-family: 'Public Sans', sans-serif; } div#example1_length label { font-size: 0.875rem; } table.dataTable thead .sorting { line-height: 1.2 } .dataTables_wrapper .dataTables_filter input { border: 1px solid #ced4da; border-radius: 0.25rem; } .dataTables_filter label, .dataTables_length label { display: inline-block; font-family: 'Public Sans', sans-serif; font-weight: 600; font-size: 0.875rem; } /* DataTable Column Visible Css */
@media(max-width:767px) {.dt-button:not(.dt-button-collection >.dt-button) {font-size: .75rem !important;padding: 0.25rem 0.65rem !important;margin-bottom: 5px !important;}}
@media (max-width: 1024px) {.dataTables_filter label,.dataTables_length label {font-size: 0.785rem;}.dt-button:not(.dt-button-collection >.dt-button) {font-size: .625rem !important;}}

/* Global DataTables column visibility dropdown */
div.dt-button-collection {
  box-sizing: border-box !important;
  min-width: 260px;
  max-width: min(92vw, 420px);
  max-height: 62vh;
  overflow: auto !important;
  padding: 6px !important;
  border: 1px solid #5c4cc0 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .22) !important;
}

div.dt-button-collection .dt-button,
div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: max-content !important;
  min-width: 100% !important;
  margin: 0 !important;
  padding: 7px 46px 7px 12px !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #7357d8 !important;
  background-image: none !important;
  color: #fff !important;
  font-family: 'Public Sans', sans-serif;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

div.dt-button-collection .dt-button:hover,
div.dt-button-collection button.dt-button:hover,
div.dt-button-collection div.dt-button:hover,
div.dt-button-collection a.dt-button:hover,
div.dt-button-collection .dt-button:focus,
div.dt-button-collection button.dt-button:focus,
div.dt-button-collection div.dt-button:focus,
div.dt-button-collection a.dt-button:focus {
  border: 0 !important;
  background: #6248c8 !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
}

div.dt-button-collection .dt-button::after,
div.dt-button-collection button.dt-button::after,
div.dt-button-collection div.dt-button::after,
div.dt-button-collection a.dt-button::after {
  content: "" !important;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  right: 14px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 3px;
  background: rgba(255, 255, 255, .08);
  box-shadow: inset 0 0 0 1px rgba(91, 67, 197, .12);
}

div.dt-button-collection .dt-button.active::after,
div.dt-button-collection button.dt-button.active::after,
div.dt-button-collection div.dt-button.active::after,
div.dt-button-collection a.dt-button.active::after {
  content: "\2713" !important;
  background: #fff !important;
  color: #5b43c5 !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

div.dt-button-collection .dt-button:hover::after,
div.dt-button-collection button.dt-button:hover::after,
div.dt-button-collection div.dt-button:hover::after,
div.dt-button-collection a.dt-button:hover::after {
  border-color: #fff;
  background: rgba(255, 255, 255, .18);
}

div.dt-button-collection .dt-button.active:hover::after,
div.dt-button-collection button.dt-button.active:hover::after,
div.dt-button-collection div.dt-button.active:hover::after,
div.dt-button-collection a.dt-button.active:hover::after {
  background: #fff !important;
  color: #5b43c5 !important;
}

div.dt-button-collection::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

div.dt-button-collection::-webkit-scrollbar-thumb {
  border: 2px solid #fff;
  border-radius: 8px;
  background: #9b8be7;
}

div.dt-button-collection::-webkit-scrollbar-track {
  background: #eeeafd;
}

div.dt-button-collection button.dt-button.buttons-columnVisibility,
div.dt-button-collection button.dt-button.buttons-columnVisibility span,
div.dt-button-collection div.dt-button.buttons-columnVisibility,
div.dt-button-collection div.dt-button.buttons-columnVisibility span,
div.dt-button-collection a.dt-button.buttons-columnVisibility,
div.dt-button-collection a.dt-button.buttons-columnVisibility span {
  color: #fff !important;
}

div.dt-button-collection button.dt-button.buttons-columnVisibility:hover:not(.disabled),
div.dt-button-collection button.dt-button.buttons-columnVisibility:hover:not(.disabled) span,
div.dt-button-collection button.dt-button.buttons-columnVisibility:focus:not(.disabled),
div.dt-button-collection button.dt-button.buttons-columnVisibility:focus:not(.disabled) span,
div.dt-button-collection button.dt-button.buttons-columnVisibility.active:hover:not(.disabled),
div.dt-button-collection button.dt-button.buttons-columnVisibility.active:hover:not(.disabled) span,
div.dt-button-collection div.dt-button.buttons-columnVisibility:hover:not(.disabled),
div.dt-button-collection div.dt-button.buttons-columnVisibility:hover:not(.disabled) span,
div.dt-button-collection div.dt-button.buttons-columnVisibility:focus:not(.disabled),
div.dt-button-collection div.dt-button.buttons-columnVisibility:focus:not(.disabled) span,
div.dt-button-collection div.dt-button.buttons-columnVisibility.active:hover:not(.disabled),
div.dt-button-collection div.dt-button.buttons-columnVisibility.active:hover:not(.disabled) span,
div.dt-button-collection a.dt-button.buttons-columnVisibility:hover:not(.disabled),
div.dt-button-collection a.dt-button.buttons-columnVisibility:hover:not(.disabled) span,
div.dt-button-collection a.dt-button.buttons-columnVisibility:focus:not(.disabled),
div.dt-button-collection a.dt-button.buttons-columnVisibility:focus:not(.disabled) span,
div.dt-button-collection a.dt-button.buttons-columnVisibility.active:hover:not(.disabled),
div.dt-button-collection a.dt-button.buttons-columnVisibility.active:hover:not(.disabled) span {
  color: #2b0e68 !important;
}

div.dt-button-collection button.dt-button.buttons-columnVisibility:hover:not(.disabled),
div.dt-button-collection button.dt-button.buttons-columnVisibility:focus:not(.disabled),
div.dt-button-collection button.dt-button.buttons-columnVisibility.active:hover:not(.disabled),
div.dt-button-collection div.dt-button.buttons-columnVisibility:hover:not(.disabled),
div.dt-button-collection div.dt-button.buttons-columnVisibility:focus:not(.disabled),
div.dt-button-collection div.dt-button.buttons-columnVisibility.active:hover:not(.disabled),
div.dt-button-collection a.dt-button.buttons-columnVisibility:hover:not(.disabled),
div.dt-button-collection a.dt-button.buttons-columnVisibility:focus:not(.disabled),
div.dt-button-collection a.dt-button.buttons-columnVisibility.active:hover:not(.disabled) {
  background: #fff !important;
  background-image: none !important;
}

/* Common report filter form alignment */
.CSSTableGenerator .report-design.report-custom td,
.CSSTableGenerator .report-design.report-custom th {
  text-align: left !important;
}

.report-design.report-custom input,
.report-design.report-custom select,
.report-design.report-custom textarea,
.report-design.report-custom .form-control,
.report-design.report-custom .chosen-container,
.report-design.report-custom .chosen-container-single,
.report-design.report-custom .chosen-container-multi,
.report-design.report-custom .chosen-container-single .chosen-single,
.report-design.report-custom .chosen-container-single .chosen-single span,
.report-design.report-custom .chosen-container-multi .chosen-choices,
.report-design.report-custom .chosen-container-multi .chosen-choices li.search-field input[type="text"],
.report-design.report-custom .select2-container,
.report-design.report-custom .select2-selection,
.report-design.report-custom .select2-selection__rendered {
  text-align: left !important;
}

.report-design.report-custom .chosen-container-single .chosen-single span {
  margin-left: 0;
  padding-left: 0;
}

.report-design.report-custom .chosen-container-single .chosen-single div {
  right: 4px;
}

.report-design.report-custom .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: left;
}