code.dz-response {
  color: #525f7f;
}

.text-none {
  text-transform: none !important;
}

.nosort::after { display: none!important; }
.nosort::before { display: none!important; }
.nosort { pointer-events: none!important; cursor: default!important; }

/*
theme fix
'#' is now reserved
https://stackoverflow.com/questions/30733607/svg-data-image-not-working-on-firefox-or-chrome-72
 */
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-image: url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'><path fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\'/></svg>');
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-image: url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'><path fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\'/></svg>');
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\'/%3e%3c/svg%3e');
}

.dz-response-thead th:first-child {
  text-align: center;
}

.dz-response th {
  text-align: center;
}

.dz-response td {
  white-space: normal;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

.project-list-overlay {
  margin-top: -22px;
}

.hidden {
  display: none;
}

#poll-list .active-col {
  width: 50px;
  text-align: center;
}

#poll-list .details-col {
  width: 50px;
}

.poll-question {
  color: #4e5761;
}

/* .thumbnail-zoom:hover {
  position: relative;
  top: 0px;
  left: 0px;
  width: 200px;
  height: auto;
  display: block;
  z-index: 999;
  transition: width 0.15s;
  transition-timing-function: ease;
}
.thumbnail-zoom-large{
  width: 120px;
  height: 120px;
}
.thumbnail-zoom-large:hover {
  position: relative;
  top: 0px;
  left: 0px;
  width: 300px;
  height: auto;
  display: block;
  z-index: 999;
  transition: width 0.15s;
  transition-timing-function: ease;
} */


/* Custom styles */
.injected-breadcrumb {
  margin-top: -130px;
  position: absolute;
  width: 90%;
}

.popover-header {
  border-bottom: none;
}

.flag-click {
  position: relative;
}

.flag-click .region-atc {
  position: absolute;
  bottom: -13px;
  width: 24px;
  left: 0px;
  font-size: 9px;
  text-align: center;
}

.tooltip {
  pointer-events: none;
}

.note-dropdown {}
.note-dropdown .created             { display: none;  }
.note-dropdown .not-created         { display: unset; }
.note-dropdown.created .created     { display: unset; }
.note-dropdown.created .not-created { display: none;  }

.edit-note-controls > button { margin-left: 5px; margin-right: 0px !important; }
.edit-note-controls {
  display: inline-block;
  position: absolute;
  right: 1.5rem;
  bottom: 1rem;
}
.edit-note-controls.not-created .delete-note {
  display: none!important;
}

.edit-note-container {
  position: relative;
}
.edit-note-container .note-content {
  white-space: pre-wrap;
  max-height: 167px;
  overflow-y: scroll;
}

.edit-note-container textarea {
  position: absolute;
  top: 1rem;
  padding: 0px;
  max-height: 167px;
  color: #32325d;
  width: 100%;
  font-weight: 600!important;
  font-size: 1.25rem;
  border: 0px;
  outline: none;
}

#datatable-stats_wrapper th, #datatable-stats_wrapper td {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.dataTables_wrapper .pagination {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.dataTables_info {
  margin: 2px 0 !important;
  padding-top: 15px !important;
}

/*
EXTRA SMALL
<576PX
 */
@media (max-width: 576px) {
  .project-cards .avatar {
    height: 100px;
    width: auto !important;
  }
}

/*
SMALL
≥576PX
 */
@media (min-width: 576px) {
  .project-cards .avatar {
    height: 100px;
    width: auto !important;
  }
}

/*
MEDIUM
≥768PX
 */
@media (min-width: 768px) {
  .project-cards .avatar {
    height: 100px;
    width: auto !important;
  }

  .project-cards .card-avatar {
    height: auto !important;
  }
}

/*
LARGE
≥992PX
 */
@media (min-width: 992px) {
  .project-cards .avatar {
    height: auto;
  }

  .project-cards .card-avatar {
    height: 100% !important;
  }
}

/*
EXTRA LARGE
≥1200PX
 */
@media (min-width: 1200px) {
  .project-cards .avatar {
    height: auto;
  }

  .project-cards .card-avatar {
    height: 100% !important;
  }
}

.sidenav .navbar-brand {
  padding: 0.3rem;
}

.navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand>img {
  max-height: 100%;
}

@media (min-width: 1200px) {
  .sidenav .sidenav-toggler {
    padding: 1.5rem 1.5rem 1.5rem 0.2rem;
  }
}

.pagination{
  justify-content: flex-end;
  margin-bottom: 0;
}
.pagination-wrapper{
  min-height: 75px;
  align-items: center;
}

.custom-control-input{
  left: 1.75rem !important;
}

.custom-control-label::before,.custom-control-label::after{
  left: 0 !important;
}

.custom-control {
  padding-left: 0 !important;
}

.bulk-delete-longtail-action,
.bulk-review-longtail-action,
.review-longtail-action,
.delete-longtail-action {
  width: 88px;
}

.longtails.dropdown-menu {
  min-width: 8rem;
  opacity: .8;
}

.text-xxs
{
  font-size: .60rem !important;
}

.json-data {
  font-family: "Courier New", monospace;
  background-color: #f4f4f4;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.json-display-container {
  overflow-x: auto; /* Enable horizontal scrolling when needed */
  max-width: 100%; /* Limit the maximum width to the container's width */
  border-radius: 5px;
}

/* Style for the JSON data */
pre {
  white-space: pre-wrap; /* Allow wrapping within the <pre> element */
  font-family: "Courier New", monospace;
}

.zoom-avatar {
  font-size: 1rem;
  display: inline-flex;
  width: 5em;
  height: auto;
  color: #fff;
  border-radius: .375rem;
  background-color: #adb5bd;
  align-items: center;
  justify-content: center
}

.table-responsive {
  min-height: 300px;
}

.table-project-details-wrapper { 
  width: 100%; 
  overflow-x: scroll; 
  overflow-y: hidden; 
}

.table-project-details-wrapper { 
  height: 20px; 
}

.table-project-details-scroll { 
  height: 20px; 
}

.table-project-details { 
  overflow: none; 
}


::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .4);
}

.product-image-hover:hover img {
  width: 200px;
  height: auto;
  object-fit: cover;
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  transition: transform 0.15s ease;
  transition-timing-function: ease;
}

.hidden {
  display: none !important;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}