.wrap.pdb-record {
position: relative; }
.pdblog { }
.pdblog .pdblog-search {
display: inline-block;
width: auto; }
.pdblog [data-sort] .dashicons {
vertical-align: text-bottom;
margin-right: 1px; }
.pdblog [data-sort]:hover [class*=sort-icon]::before {
background-color: rgba(0, 115, 170, 0.7);
color: white; }
.pdblog button[disabled] {
opacity: 0.3; }
.pdblog .break {
flex-basis: 100% !important;
height: 0; }
.pdb-pagination .active .page {
background-color: rgba(0, 0, 0, 0.5);
color: white; }
.pdb-record-log-input {
position: absolute;
max-width: 50em;
padding: 10px;
z-index: 100;
border: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: 0 0 14px rgba(0, 0, 0, 0.5);
margin-bottom: 2em; }
.pdb-record-log-input .entry-input-item {
margin-top: 1em;
display: block; }
.pdb-record-log-input .entry-input-item label {
display: inline-block;
margin-right: 0.5em; }
.pdb-record-log-input .entry-controls {
display: none; }
.pdb-record-log-input .entry-controls.busy .ajax-loading {
display: block; }
.pdb-record-log-input .entry-input-submit {
margin: 1em 0;
border-top: 1px solid rgba(0, 0, 0, 0.5);
padding-top: 1em; }
.pdb-record-log-input .entry-input-error .dashicons.dashicons-warning {
vertical-align: sub;
color: HSL(20.6, 93.7%, 43.3%);
font-size: 200%;
width: 32px;
height: 32px; }
.log-import-form .ajax-loading object, .log-export-form .ajax-loading object {
width: 1.5em;
height: 1.5em; }
.pdb-record-log .entry-item-entry_id {
display: none; }
.pdblog-entry {
position: relative;
overflow: hidden;
border-bottom: rgba(0, 0, 0, 0.05) 3px solid; }
.log-display-interactive .pdblog-launch-buttons {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
max-width: 50em; }
.log-display-interactive .pdblog-launch-buttons .button {
margin: 0.5em 0; }
.log-display-interactive .pdblog-launch-buttons .button .dashicons {
vertical-align: middle; }
.log-display-interactive .dashicons-yes:hover::before {
color: #02ba02;
background-color: inherit; }
.log-display-interactive .entry-delete-control button {
margin-left: 15px; }
.log-display-interactive.active .pdblog-entry:hover .entry-controls,
.log-display-interactive.pdblog-template-table.active .entry-controls {
display: block;
right: 0; }
.pdblog-dialog {
padding: 12px;
background: white;
box-shadow: 0 0 26px rgba(0, 0, 0, 0.5); }
.pdblog-dialog .ui-dialog-titlebar {
display: none; }
.pdblog-dialog button {
margin: 6px 12px; }
.entry-controls {
right: -3em; }
.entry-controls {
position: absolute;
top: 0;
background-color: rgba(255, 255, 255, 0.8);
transition: right 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); }
.entry-controls .ajax-loading {
display: none;
width: 20px;
height: 20px; }
.entry-controls .ajax-loading object {
width: 20px;
height: 20px; }
.entry-controls .dashicons {
display: block; }
.entry-controls .dashicons-no:before {
color: #D64E07; }
.entry-controls .dashicons-no:hover:before {
color: white; }
.entry-controls .dashicons-no:hover:before {
background-color: #D64E07; }
.entry-controls .dashicons-edit::before {
color: #468aff; }
.entry-controls .dashicons-edit:hover:before {
color: white;
background-color: #468aff; }
.entry-controls.busy {
right: 0; }
.entry-controls.busy .ajax-loading {
display: block; }
.entry-controls.busy .dashicons {
display: none; }
.item-title .dashicons {
display: block; }
.item-title .dashicons[class*=sort-icon]:before {
white-space: nowrap;
color: #0073aa; }
.item-title .dashicons.dashicons-arrow-up, .item-title .dashicons.dashicons-arrow-down {
font-size: 26px; }
.item-title .dashicons.dashicons-arrow-up:before, .item-title .dashicons.dashicons-arrow-down:before {
position: relative;
top: -3px;
left: -3px; }
.item-title.pdblog-sort .sort-icon-asc, .item-title.pdblog-sort .sort-icon-desc {
display: none; }
.item-title.pdblog-sort.asc .sort-icon-none, .item-title.pdblog-sort.asc .sort-icon-desc {
display: none; }
.item-title.pdblog-sort.asc .sort-icon-asc {
display: block; }
.item-title.pdblog-sort.desc .sort-icon-none, .item-title.pdblog-sort.desc .sort-icon-asc {
display: none; }
.item-title.pdblog-sort.desc .sort-icon-desc {
display: block; }
.csv-form button .dashicons {
vertical-align: middle; }
.csv-form button[disabled] {
opacity: 0.3; }
.csv-form .import-form input[type=file] {
width: 100%; } .pdb-admin-edit-participant .pdblog-template-responsive .pdblog-entry {
border-bottom: 2px solid rgba(0, 0, 0, 0.05); }
.pdb-admin-edit-participant .entry-input-item label {
margin-right: 0.5em; } .pdb-record-log-input .reqd {
color: #e05454;
margin-left: 0.125em; }
.pdb-record-log-input .image-field-wrap img, .pdb-record-log-input .pdbiex-image-field-wrap img {
height: 50px;
width: auto; }
.pdb-record-log-input h3.log-entry-name {
margin-top: 0.5em;
margin-bottom: 1em; }  .pdblog-template-table .entry-item {
position: relative; }
.pdblog-template-table .entry-item.pdblog-id-column {
padding: 0 9px; }
.pdblog-template-table .entry-item span.entry-controls {
top: calc( 50% - 20px);
left: 0;
right: auto; }
.pdblog-template-table .item-title {
font-size: 80%;
vertical-align: bottom; }
.pdblog-template-table .item-title.pdblog-sort {
cursor: pointer; }
.pdblog-template-table .item-title.edit-controls {
width: 26px; }
.pdblog-template-table .entry-controls {
display: none; }
.pdblog-template-table .deleting .entry-controls.busy {
display: block; }
.pdblog-template-table .entry-controls.busy .dashicons {
display: none; }
.pdblog-template-table .pdblog-entry .edit-anchor {
display: none; }
.pdblog-template-table .pdblog-entry.deleting .edit-anchor {
display: table-cell; } .pdblog-template-responsive .pdblog-entry {
margin-bottom: 1.5em; }
.pdblog-template-responsive .item-title {
font-size: 80%;
font-style: italic; }
.pdblog-template-responsive .entry-item {
display: inline-block;
margin: 0 1em 0.75em 0; }
.pdblog-template-responsive .entry-item .item-title {
display: block;
width: auto; }
.pdblog-template-responsive .entry-item.empty-item {
display: none; }
.log-header {
margin: 1em 0;
background-color: rgba(0, 0, 0, 0.05);
padding: 3px;
display: flex;
align-items: center;
justify-content: space-evenly;
flex-wrap: wrap-reverse; }
.log-header .search-control {
margin: 0.25em; }
.log-header .item-title {
font-size: inherit;
font-style: inherit;
display: inline-block;
margin: 0 1em 0 0; }
.log-header .item-title.pdblog-sort {
cursor: pointer; }
.log-header .item-title .sort-icon-asc, .log-header .item-title .sort-icon-desc {
margin: -4px 0 1px 0; }
.log-header .pdblog-date-range-filter {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
flex-wrap: wrap; }
.log-header .pdblog-date-range-filter span, .log-header .pdblog-date-range-filter input, .log-header .pdblog-date-range-filter button {
flex-basis: auto;
width: auto; }
.log-header .pdblog-date-range-filter .flex-heading {
flex-basis: 100%;
text-align: center; }
.log-header .pdblog-date-range-filter .range-search-to,
.log-header .pdblog-date-range-filter button {
margin: 0 0.5em; }
.log-sum-header .ajax-loading {
height: 1.5em;
width: 1.5em; }
.log-sum-header .ajax-loading object, .log-sum-header .ajax-loading image {
height: 1.3em;
width: 1.3em; } .pdblog-template-grid .pdblog-entry {
margin-bottom: 1.5em;
display: grid;
align-items: flex-start;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
grid-gap: 0.75em 1em; }
.pdblog-template-grid .pdblog-entry .entry-item {
overflow: hidden; }
.pdblog-template-grid .item-title {
display: block;
font-size: 80%;
font-style: italic; }
.pdblog-template-grid .entry-item.empty-item {
display: none; }