/* ======================= *
 * ## Databrowser Noise ##
 * ======================= */

/* ## NMT layer ## */
.db-nmt-container.select .db-label-container .db-label:after {
   /* disclaimer
      The border-color styling is so specific for this element that adding it to the colors.css is
      deemed unnecessary */
   border-color: #2F2F2F transparent transparent transparent;
}


/* ## NMT position list ## */
.nmt-position-list .role-listitems {
   max-height: 150px;
   overflow: auto;
}


/* ======================== *
 * ## Dropdown Component ##
 * ======================== */

.dropdown-component .display-wrapper .display-container,
.search-location-component .input-container {
   border-style: solid;
   border-width: 1px 0 1px 1px;
}

/* ========================== *
 * ## Noise Button Primary ##
 * ========================== */

.noise-btn-primary:hover { opacity: 1 !important; }


/* ==================== *
 * ## Radio Checkbox ##
 * ==================== */

.group-checkbox:not(.disabled).checked:hover .role-button .icon,
.radio-checkbox:not(.disabled).checked:hover .role-button .icon {
   opacity: .5;
}


.search-location-component .role-ac-list .tip-container {
   left: 0;
   position: absolute;
   width: 100%;
}

.search-location-component .role-ac-list .tip-container {
   height: 15px;
   overflow: hidden;
   top: 0;
   z-index: 2;
}

.search-location-component .role-ac-list .tip {
   height: 10px;
   left: 20px;
   position: absolute;
   top: 30px;
   width: 10px;
   z-index: 0;
   
   transform: translate(-50%,-50%) rotate(45deg);
   transition: top .33s;

   -webkit-transform: translate(-50%,-50%) rotate(45deg);
   -webkit-transition: top .33s;
}
.search-location-autocomplete.input-searching .role-ac-list .tip { top: 15px; }


/* ============= *
 * ## Uploads ##
 * ============= */

.db-page .uploads-table .uploads-row .additional,
.db-page .uploads-table .uploads-row .content,
.db-page .uploads-table .uploads-row .header {
   font-size: 12px;
   line-height: 18px;
   text-align: right;
}

.db-page .uploads-table .uploads-row .additional { font-style: italic;  }
.db-page .uploads-table .uploads-row .header { font-weight: bold; }

.db-page .uploads-table .uploads-row .info-data-component { justify-content: flex-end; }