#dataItemTreeContainer {
  overflow-y: auto;
  height: 200px; }

.columns#searchAndAddToListControlsBox {
  justify-content: flex-end; }
  .columns#searchAndAddToListControlsBox .columns--column {
    padding: 2px; }

#publicationObjectsList {
  max-width: 100%;
  width: 100%; }

#publicationObjectsSelectListColumn {
  flex-grow: 1; }

#publicationObjectsRemoveButtonColumn {
  flex-grow: 0; }

.columns--column#fromAndToDateColumn {
  align-self: flex-end; }

.rows#fromAndToDateColumn .columns {
  align-items: flex-end; }

/* jquery date time picker overrides */
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-secondary {
  opacity: 1;
  font-weight: bold; }

@media (max-width: 48em) {
  .web-direct-access {
    display: none; } }

.web-direct-access {
  display: inline-block; }

.web-direct-access input {
  color: #333;
  background-color: #e6e6e6;
  border: #999999 1px solid;
  padding: 2px 4px; }

.popup {
  position: relative;
  display: inline-block;
  cursor: pointer; }

.popup .popup-text {
  visibility: hidden;
  width: 260px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding-bottom: 12px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  right: 0; }

.popup .popup-text::after {
  content: "";
  position: absolute;
  top: 100%;
  margin-left: 5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; }

.popup-text input[type=text] {
  width: 220px;
  padding: 4px 4px; }

.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }