::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BBB;
  font-style: italic;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #BBB;
  font-style: italic;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #BBB;
  font-style: italic;
}

.itemIcon {
	  height: 1.2em;
	  width: 1.2em;
	  background-size: 1.6em 1.6em; 
	  background-position: center;
	  background-repeat: no-repeat;
	  padding: 0.8em 0.8em;
	  min-width: 0px; 
	  outline: none;
	  background-color: transparent;
}

.itemIcon:hover {
	background-color: #2f353a;
}

.expandIcon {
  background-image: url("../res/plus_icon_white.png");
}

.shrinkIcon {
  background-image: url("../res/minus_icon_white.png");
}

.editItemIcon {
  background-image: url("../res/document.png");
}

.deprecateItemIcon {
  background-image: url("../res/trash.png");
}

.viewItemIcon {
  background-image: url("../res/eye.png");
}

.itemFirstLine {
	font-size: 0.8em;
	color: #FFF;
}

.itemSecondLine {
	font-size: 0.75em;
	color: #CCC;
	margin-top: 0.2em;
}

.thumbnail {
	width: 2em;
	margin-right: 0.5em;
	transition: width 0.25s, height 0.25s;
	cursor: pointer;
}

.thumbnailClicked {
	width: 12em !important;
	transition: width 0.25s, height 0.25s;
}

.resultTree img {
	background: none !important;
} 

.itemHelper {
  height: 1.6em;
  width: 1.6em; 
  margin-right: 1em;
}

.browsingSearchPanelContainer {
	width: 94%;
	margin-bottom: 2em;
}

.browsingSearchPanelContainer .browsingResultCount {
	padding-top: 1em;
	text-align: end;
}

.browsingSearchPanel {
	border-radius: 0.3em;
	padding: 0.5em;
	background-color: #3a4149;
}

.browsingFilter {
	padding: 0.4em;
	margin: 0.1em;
	border-radius: 0.3em;
	width: 90%;
}

.browsingSearchActions {
    display: flex;
    justify-content: flex-end;
}

.browsingSearchButtons {
	outline: none;
	margin-right: 1.3em;
}

.browsingSearchActions .searchStudiesActionsContainer {
    display: flex;
}

.searchStudiesActionsContainer .browsingSearchButtons.studySearch {
    margin-right: 0;
    border-radius: 3px 0 0 3px;
}

.browsingSearchButtons.advancedStudySearch {
    min-width: 1.7em;
    border-radius: 0 3px 3px 0;
    background-image: url("../res/expand_down.png");
    background-size: 0.8em 0.5em;
    background-position: center;
    background-repeat: no-repeat;
}

.advancedStudySearchMenu {
    font-size: 0.85em;
    padding: 0.2em;
    background: #20a8d8;
    border-radius: 0.3em;
    transition: background 0.2s;
}

.advancedStudySearchItem {
    cursor: pointer;
    border-radius: 0.2em;
    padding: 0.2em;
}

.advancedStudySearchItem:hover {
    background: #1b8eb7;
    transition: background 0.2s;
}

.gwt-TreeItem {
	display: block !important; /* avoids scroll up when clicking lower tree items (workaround for a known bug) */
}

.itemCorrectDrop {
	background-color: #00b700 !important;
	transition: 0.3s;
}

.itemInvalidDrop {
	background-color: #c10000 !important;
	transition: 0.5s;
}

.selectedSeries {
	background-color: #515b65 !important;
	transition: 0.5s;
}

.mainPanel {
    height: 2em;
}

.mainPanel.seriesSelectionStudy {
    width: 42em !important;
}

.deselectMultiSeries {
    background-image: url(../res/deselect.png);
    height: 1.2em;
    width: 1.2em;
    background-size: 1.6em 1.6em;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0.8em 0.8em;
    min-width: 0px;
    outline: none;
    background-color: transparent;
}

#multiSeriesDrag {
    position: absolute;
    top: -100em;
    left: -100em;
    width: 25em;
    min-height: 4em;
    color: white;
    background-color: #3a4149;
    border-radius: 0.3em;
    border: 1px solid #ffffff3d;
    padding: 0.3em;
}

#multiSeriesDrag div:first-child {
    font-size: 1.2em;
    padding-bottom: 0.3em;
}

.flashItem {
    animation-name: flashItem;
    animation-duration: 3500ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
}

@keyframes flashItem {
    0% {
        background-color: orange;
        opacity:1;
    }
    
    100% {
        background-color: #3a4149;
    }
}

.statusStripe {
    height: 100%;
    width: 0.2em;
    border-radius: 0.2em 0em 0em 0.2em;
}

.deprecatedItem {
	pointer-events: none;
	opacity: 0.5;
}

.inWorklistItem {
	background-color: #00b700;
}

.mismatchWorklistItem {
    background-color: orange;
}

.orderItem {
    background-color: #20a8d8;
}

.reasonTextArea {
  width: -webkit-fill-available;
  height: 150px;
  resize: none;
  border-color: #3a4149;
  border-radius: 3px;
  background-color: #515b65;
  color: white;
  outline-width: 0px;
  margin: 0.5em 0.5em 0em 0.5em;
}

.reasonDialogBox {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.reasonErrorLabel {
  color: red;
  margin: 0.2em;
}

.reasonHintLabel {
  font-size: 0.7em;
  margin: 0.4em;
  color: white;
}

.reasonButton {
  float: right;
}

.tokenTextArea {
    margin-bottom: 1em;
    width: 100%;
    height: 10em;
    border-color: #3a4149;
    border-radius: 3px;
    background-color: #515b65;
    color: white;
}