﻿/* JQUERY-UI CONTROLS */

html body .ui-widget-content .ui-state-hover
{
  background-image: none;
  background-color: #efefef !important;
  font-weight: bold;
  color: #000 !important;
  opacity: 0.8; 
}

html body .ui-widget-content .ui-state-active
{
  font-weight: bold;
  color: #000 !important;
  background-image: none !important;
  background-color: #dddddd !important;
  border-color: #d6d6d6 !important;
}

body .ui-widget-overlay {
  background-image: none !important;
  background-color: #eeeeff !important;
  opacity: 0.6;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

body.has-widget-overlay {
  max-width: 100vw;
  max-height: 100vh;
  overflow: hidden !important;  
}

/* JQUERY-UI CONTROLS - DATEPICKER */
.ui-datepicker.ui-widget {
  min-width: 220px
}

.ui-datepicker.ui-widget {
  min-width: 220px
}

#ui-datepicker-div.ui-widget-content {
  border: 1px solid rgba(0, 0, 0, 0.15);
}

#ui-datepicker-div.ui-widget-content .ui-state-default
{
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-image: none;
  background-color: white 
}

html body .ui-widget-content .ui-state-highlight,
#ui-datepicker-div.ui-widget-content .ui-state-highlight
{
  background-image: none;
  color: #ffffff;
  background-color: #428bca !important;
  border-color: #357ebd !important;
}


.ui-datepicker .ui-datepicker-title select
{
  font-size: 13px !important;
  border: 1px solid #cccccc;
  border-radius: 4px
}

#ui-datepicker-div
{
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.ui-datepicker .ui-datepicker-header
{
  padding: 2px 0 !important;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

/* JQUERY-UI CONTROLS - DIALOGS */

.ui-dialog
{
  -webkit-box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
  -moz-border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  border-radius: 6px !important;
  padding: 0 !important;
  border: none !important;
}

.ui-dialog-titlebar
{
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #dddddd !important;
  background-image: none !important;
  background-color: white !important;
  -moz-border-radius: 6px 6px 0 0 !important;
  -webkit-border-radius: 6px 6px 0 0 !important;
  border-radius: 6px 6px 0 0 !important;
  padding: 7px 10px !important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title
{
  padding: 1px 10px;
  margin: 7px 0;
}

.ui-widget-header
{
  color: inherit !important;
  font-weight: inherit !important;
  font-size: 18px;
}

body .ui-widget-content
{
  border-color: #cccccc;
  background-image: none;
  background-color: white
}

button.ui-dialog-titlebar-close
{
  right: 10px !important;
  background-color: transparent;
  border: none;
  opacity: 0.6;
  outline: none
}

body .ui-dialog .ui-dialog-content
{
  padding: 7px 10px;
  text-align: left;
  line-height: 150%;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

.dialogcontainer.embed-responsive 
{
  -webkit-overflow-scrolling: touch /* Safari iPad-fix */
}

button.ui-dialog-titlebar-close:hover
{
  opacity: 1
}

.dialogSimple .dialogbody
{
  padding: 10px;
}

.dialogSimple .dialogcontents .buttons
{
  text-align: right;
  padding: 20px 10px
}

.dialogopenerControl:hover
{
  cursor: pointer
}

.ui-dialog.dialogChoice .ui-dialog-content
{
  padding: 7px 20px 0 20px;
}

.ui-dialog.dialogChoice.no-title .ui-dialog-content
{
  padding-top: 20px
}

.ui-dialog.dialogChoice .ui-dialog-buttonpane
{
  border-top: 1px solid #dddddd;
}


/* JQUERY-UI CONTROLS - AUTOCOMPLETER */

.arthurAC {
  display: inline-block;
  position: relative;
  height: auto;
}

ul.ui-autocomplete {
  max-height: 384px;
  overflow: auto;
  text-align: left
}

ul.ui-autocomplete.ui-menu
{  
  border-radius: 3px
}

ul.ui-autocomplete li {
  list-style-type: none !important;
  list-style-image: none !important;
}

ul.ui-autocomplete.ui-menu > li:first-child
{
  border-radius: 3px 3px 0 0
}

ul.ui-autocomplete.ui-menu > li:last-child
{
  border-radius: 0 0 3px 3px
}

ul.ui-autocomplete.ui-menu > li:first-child:last-child
{
  border-radius: 3px
}

ul.ui-autocomplete.ui-menu .ui-state-active
{
  border: none
}

ul.ui-autocomplete.ui-menu li.ui-state-focus,
ul.ui-autocomplete.ui-menu li.ui-state-focus .ui-state-active
{
  font-weight: normal !important;
  background-color: #efefef !important
}

.arthurAC .dropdown 
{
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
}

.arthurAC span.aacDropDown,
.arthurAC span.ui-icon,
.arthurAC .icon {
  display: inline-block
}

.arthurAC img.aacDropDown {
  vertical-align: middle;
}

.arthurAC.focus .aacDropDown {
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.arthurAC.has-dropdown,
.memberAnythingInput.hasSearchBtn .arthurAC {
  display: inline-flex
}

.arthurAC.has-dropdown .aacDropDown
{
  background-image: none;
  background-color: #B5CEE2;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border: 1px solid #cccccc;
  margin-bottom: 6px;
  margin-left: -1px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

body.firefox .arthurAC .aacDropDown {
  line-height: 15px;
}

.arthurAC .aacDropDown .icon
{
  opacity: .6;
  margin: 0 3px
}

.arthurAC .aacDropDown:hover .icon
{
  opacity: 1
}

.arthurAC .aacDropDown:hover {
  cursor: pointer
}

.arthurAC.readonly .aacDropDown:hover {
  cursor: not-allowed
}

.arthurAC.focus .aacDropDown {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.arthurAC .lockedSelection,
.editableListContainer li .itemContainer {
  display: inline-block;
  padding: 4px 7px;
  height: auto;
  background-color: #B5CEE2;
  color: #444444;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  white-space: nowrap
}

.arthurAC .lockedSelection { 
  position: absolute;
  top: 0;
  left: 0;
}

.arthurAC .lockedSelection a,
.arthurAC .lockedSelection a:hover,
.arthurAC .lockedSelection a:active,
.arthurAC .lockedSelection a:visited
{
  color: #444444
}

.arthurAC .lockedSelection .removeIcon,
.editableListContainer li .removeIcon {
  display: inline-block;
  padding-left: 3px;
  margin-left: 5px;
}

.arthurAC .lockedSelection a .icon,
.editableListContainer li .removeIcon .icon {
  opacity: .6
}

.arthurAC .lockedSelection a:hover .icon,
.editableListContainer li .removeIcon:hover .icon {
  opacity: 1
}

.arthurAC .lockedSelection .removeIcon:hover,
.editableListContainer li .removeIcon:hover {
  cursor: pointer;
}

.arthurAC .lockedSelection.readonly,
.editableListContainer ul[data-readonly=true] li .itemContainer {
  opacity: .6
}


.arthurAC .lockedValue {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

  .arthurAC .lockedValue.short {
    max-width: 120px
  }


  .arthurAC .lockedValue.medium {
    max-width: 240px
  }

  .arthurAC .lockedValue.long {
    max-width: 360px
  }


.arthurAC .placeholder
{
  position: absolute;
  left: 8px;  
  top: 3px;
  opacity: .5;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
}

body.edge .arthurAC .placeholder,
body.ie .arthurAC .placeholder 
{
  top: 4px
}

.arthurAC:hover .placeholder
{
  opacity: .7;
  cursor: text;
  pointer-events: none
}

.arthurAC.locked .placeholder,
.arthurAC.focus .placeholder,
.arthurAC:not(.empty) .placeholder
{
  opacity: 0
}


#arthurAC-use-full-viewport.small-display {
  display: block;
  z-index: 200;
  position: fixed;
  -webkit-backface-visibility: hidden;
  top: 0;
  left: 0;
  width: 100vw;
  line-height: 1rem;
  background-color: white;
  border-bottom: 1px solid #dddddd;
  padding: 2rem 7rem 2rem 5rem
}

#arthurAC-use-full-viewport.small-display .arthurAC {
  width: 100%
}

.arthurAC.small-display-mode input.input-text {
  width: 100%;
}

.arthurAC.has-dropdown.small-display-mode input.input-text {
  width: calc(100% - 25px)
}

.arthurAC.small-display-mode input.input-text,
.arthurAC.small-display-mode.has-dropdown .aacDropDown {
  margin-bottom: 0
}

.arthurAC.small-display-mode .placeholder {
  opacity: 1;
}

#arthurAC-use-full-viewport.small-display .placeholder .icon,
#arthurAC-use-full-viewport.small-display .small-display-closebutton .icon {
  font-size: 2rem
}

label.small-display-label,
.small-display-closebutton {
  display: none
}

#arthurAC-use-full-viewport.small-display label.small-display-label {
  display: block;
  white-space: normal;
  line-height: 150%;
  margin: 0;
  padding-bottom: .5rem
}

#arthurAC-use-full-viewport.small-display .small-display-closebutton {
  display: inline-block;
  padding: 0;
  width: 2rem;
  height: 2.5rem;
  border: none;
  background: transparent;
}

div.ui-widget-overlay.autocomplete-small-display-overlay {
  opacity: 1;
  background-color: rgb(242, 242, 247) !important;
}

body.autocomplete-small-display-menu-open div.ui-widget-overlay.autocomplete-small-display-overlay {
  background-color: white !important
}

ul.ui-menu.ui-autocomplete.small-display-suggestions {
  width: 100vw;
  border: none;
}

ul.ui-menu.ui-autocomplete.small-display-suggestions li {
  padding: 1rem 7rem 1rem 5rem;
  border-bottom: 1px solid #dddddd
}

.iphone ul.ui-menu.ui-autocomplete.small-display-suggestions {
  /* Safari gider ikke lave momentum scrolling med mindre man rent faktisk beder den om det. Dovne hund. */
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}


@media (max-width: 768px) {
  .arthurAC + .cbx {
    display: block
  }
}



/* JQUERY-UI CONTROLS - TOOLTIPS */

.ui-tooltip, th[data-tooltip]:hover::after, tr.header td[data-tooltip]:hover::after {
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
  -moz-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25) !important;
}

th[data-tooltip]:hover,
tr.header td[data-tooltip]:hover
{
  position: relative
}

th[data-tooltip]:hover::after,
tr.header td[data-tooltip]:hover::after 
{
  content: attr(data-tooltip);
  padding: 4px 8px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: normal;
  background-color: white;
  position: absolute;
  left: 0;
  top: -100%;
}

.infoToolTip
{
  vertical-align: middle;
  position: relative;
  top: -2px;
  opacity: 0.66
}

.infoToolTip:hover
{
  opacity: 1;
  cursor: help
}

.infoToolTipHeader
{
  border-bottom-color: #dddddd
}

.infoToolTipBody p:last-child {
  margin-bottom: 0
}

.infoToolTipHeader.tooltip-smaller,
.infoToolTipBody.tooltip-smaller {
  font-size: smaller;
  line-height: 150%
}


/* SELECTIONSET */
.selectionset {
  display: inline-block;
}

.selectionset,
.btn-group:not(.btn-group-vertical)
{
  white-space: nowrap;
}

.btn-group:not(.btn-group-vertical) {
  vertical-align: unset
}

.input-group-wrapper.date-input + .selectionset > .btn-group:not(.btn-group-vertical) {
  vertical-align: middle
}

.selectionset + label {
  padding-left: 0.5em;
}

label + .selectionset
{
  margin-left: 0.5em;
}

.formInputGroup label + .selectionset
{
  margin-left: 0;
}

.selectionset .btn-group > .btn
{
  float: none;
}

.selectionset button
{
  opacity: 0.5;
}

  .selectionset button.selected
  {
    opacity: 1;
  }

  .selectionset button[disabled]
  {
    opacity: 0.25;
  }

    .selectionset button[disabled].selected
    {
      opacity: 0.75;
    }

  .selectionset button:not([disabled])
  {
    cursor: pointer;
  }

.selectionset.readonly
{
  cursor: not-allowed;
}

  .selectionset.readonly button[disabled]
  {
    background-color: #dddddd;
    color: #333333;
    opacity: 0.5;
    border-width: 2px;
    padding: 3px 11px;
  }

    .selectionset.readonly button[disabled].selected
    {
      opacity: 1;
    }

.selectionset .btn-group > .btn:not(:last-child)
{
  margin-right: 2px !important;
}

.selectionset .btn-group.icons-only button:not(.selected):not([disabled])
{
  opacity: .33
}



/* BOOTSTRAP-SELECT */

html body .bootstrap-select > .btn
{
  margin-bottom: 0
}

html body .bootstrap-select.form-control:not([class*="col-"])
{
  width: auto;
}

html body .bootstrap-select > .dropdown-toggle
{
  z-index: inherit
}

.bootstrap-select .notify {
  display: none
}

.bootstrap-select .icon.selectionlist-icon
{
  margin-right: 10px;
}

.bootstrap-select.form-control.display-as-panel
{
  vertical-align: text-top !important;
  height: auto
}


/* EDITABLE LIST */

.editableListContainer ul,
.editableListContainer li {
  padding: 0;
  margin: 0;
}

.editableListContainer ul.horizontal,
.listInputContainer .horizontal .editableListContainer {
  display: inline
}

.editableListContainer ul.vertical li {
  display: block;
  margin-right: 1em
}

.editableListContainer li {
  list-style-type: none !important;
}

.editableListContainer ul.horizontal li {
  display: inline-block;
  margin-right: 1em
}

.editableListContainer li .itemContainer {
  display: inline-block;
  height: auto;
  padding: 4px 4px 4px 8px;
  margin-bottom: 5px;
}

.editableListContainer li .itemContainer .itemValue {
  display: inline-block;
  vertical-align: top;
  text-overflow: ellipsis;
  overflow: hidden
}

/* COLUMNVIEWSELECTOR */

.columnview-selector input[type=checkbox] {
  visibility: hidden
}

.columnview-selector .cbx {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 1px solid #444444;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  margin: .6em .5em 0 .5em;
  opacity: .5;
  vertical-align: top;
}

.columnview-selector .cbx.is-checked  {
  background-color: rgb(75, 180, 202)
}

.columnview-selector .columnview-group-selectall .cbx.is-checked {
  background-color: rgb(36, 79, 101);
}

.columnview-selector .cbx:not(.is-checked)  {
  
}

.columnview-selector .columnview-group-selectall label {
  font-weight: bold
}

.columnview-selector .columnview-groupselectors .columnview-groupselector:hover,
.columnview-selector .columnview-columnselector:hover,
.columnview-selector .columnview-group-selectall:hover,
.columnview-selector label:hover {
  cursor: pointer
}

.columnview-selector .columnview-columnselector:hover,
.columnview-selector .columnview-group-selectall:hover
{
  background-color: #ebf7fd
}

.columnview-selector.flex .columnview-groups
{
  display: flex;
  flex-wrap: wrap;  
  align-items: stretch;
  margin: 0 -1em
}

.columnview-selector.flex .columnview-group {
  flex: 1;
  min-width: 300px;
  padding: 0 1em 1px 1em;
}

.columnview-selector .columnview-group {
  margin-bottom: 1em;
}

.columnview-selector .columnview-group-columnselectors 
{
  border: 1px solid rgb(187, 208, 218);
  border-width: 0 0 0 1px;
  padding-bottom: 1px;  
}

.columnview-selector.flex .columnview-group-columnselectors 
{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  border-width: 0 1px 1px 0;
  padding-bottom: 0
}

.columnview-selector .columnview-group-selectall {
  display: inline-block;
  border: 1px solid rgb(187, 208, 218);
  border-bottom-width: 0
}

.columnview-selector .cbx,
.columnview-selector .columnview-columnselector,
.columnview-selector .columnview-group-selectall {
  transition: background-color 0.3s;
}

.columnview-selector label {
  user-select: none
}

.columnview-selector .columnview-group-columnselectors .columnview-columnselector
{
  display: inline-block;
  border-color: rgb(187, 208, 218);
  border-style: solid;
  border-width: 1px 1px 1px 0;
  margin-bottom: -1px
}

.columnview-selector.flex .columnview-group-columnselectors .columnview-columnselector
{
  flex-grow: 1;
  display: inline-flex;
  border-width: 1px 0 0 1px;
  margin-bottom: 0
}

.columnview-selector .columnview-columnselector.is-checked,
.columnview-selector .columnview-group-selectall.is-checked
{
  color: #31708f;
  background-color: #d9edf7;
}

.columnview-selector label {
  padding-right: 1em;
  white-space: nowrap
}

.columnview-selector .columnview-groupselectors
{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  color: #fff;
  background-color: #337ab7;
  border-color: white;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin-bottom: 1em
}

.columnview-selector .columnview-groupselectors .columnview-groupselector, 
.columnview-selector .columnview-groupselectors .columnview-groupselector-empty
{
  flex: 1;
  color: #fff;
  border: 1px solid white;
  border-width: 0 1px 1px 0;
  padding: 5px 10px
}

.columnview-selector .columnview-groupselectors .columnview-groupselector-empty
{
  flex: 2
}

.columnview-selector .columnview-groupselectors .columnview-groupselector:hover
{
  background-color: #286090; 
}


/* TABBAR */

.tabBar
{
    background-color: #FAFAFA;
    background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
    background-repeat: repeat-x;
    border: 1px solid #D4D4D4;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    height: 42px;
    overflow: hidden;
    padding-right: 20px;
    position: relative;
    margin-bottom: 20px;
}

.tabBar[class*=dropdownActive]
{
  padding-right: 60px;
}

.tabBar .tab
{
  border-right: 1px solid #D4D4D4;
  float: left;
  white-space: nowrap
}

.tabBar .tab a,
.tabBar .dropdown > a
{
  display: block;
  line-height: 20px;
  color: #777777;
  padding: 10px 15px;
  text-shadow: 0 1px 0 #FFFFFF;
  text-decoration: none
}

.tabBar .tab a
{
  padding: 10px 15px 10px 10px
}

.tabBar .tab a:hover:not([class~=active]),
.tabBar .tab a:active,
.tabBar .tab a:visited
{
  text-decoration: none;
  background-image: linear-gradient(to bottom, #F2F2F2, #E2E2E2);
  color: #444444
}


.tabBar .dropdown
{
  position: relative
}

.tabBar .dropdown:hover
{
  color: black;
  cursor: pointer
}

.tabBar .dropdownContainer
{
  position: absolute;
  top: 0;
  right: 20px;
  background-image: linear-gradient(to left top, #FFFFFF, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffffffff', GradientType=0)
}

.tabBar .active
{
  background-color: #E5E5E5;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
  color: #555555;
  text-decoration: none;
}

.tabBar .tabNumber
{
  font-size: x-large;
  vertical-align: bottom;
  opacity: 0.3;
  padding-right: .5ex
}

.tabBar a:hover:not([class~=active]) .tabNumber
{
  opacity: 0.7
}

.tabBar .dropdown-menu .tabNumber
{
  font-size: large;
  line-height: 1
}


/* FORM.cs */

.collapsiblePanel .head
{
  background: none !important;   
  padding: 0 !important;
  padding-left: 10px !important;
  font-weight: normal !important;
  text-shadow: none !important;
  font-size: inherit !important;
  color: inherit !important
  
}

.collapsible .grid-head .icon,
.collapsible .head .icon,
.collapsiblePanel .head .icon
{
  font-size: inherit
}

.collapsible .grid-head .icon:hover,
.collapsible .head .icon:hover,
.collapsiblePanel .head .icon:hover
{
  cursor: pointer
}

.collapsiblePanel .body
{
  padding: 10px !important;   
}



/* FLAPPANEL */


.flapPanel.bordered .tab-content
{
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-radius: 0 0 4px 4px;
  padding: 6px 10px;
}

.flapPanel.bordered.has-footer .tab-content
{
  border-radius: 0 0 0 0
}

.flapPanel .tabs-footer
{
  padding-top: 10px
}

.flapPanel.bordered .tabs-footer
{
  padding: 10px;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-radius: 0 0 4px 4px;
}

.flapPanel.bordered .tabs-footer .form-control,
.flapPanel.bordered .tabs-footer .btn {
  margin-bottom: 0
}

.flapPanel.bordered .tabs-footer .formInputGroup {
  margin-top: .1em;
  margin-bottom: .1em
}

.flapPanel.solid .tab-content,
.flapPanel.solid .nav-tabs > li.active > a,
.flapPanel.solid .tabs-footer
{
  background-color: #F2F2F2
}

.flapPanel.clean .nav-tabs
{
  border-bottom: none;
}

.nav-tabs > li > a > .icon
{
  margin-right: 8px;
}

.nav-tabs > li > a.tabs-explode > .icon 
{
  margin-right: 0
}

.flapPanel .explode-header {
  margin-top: 12px;
  margin-bottom: 6px;
}

.flapPanel .explode-header .icon.inputs-changed {
  display: none
}

.flapPanel .tab-content .tab-pane:first-child h3.explode-header {
  margin-top: 6px
}

.firefox .nav-tabs > li > a > .icon
{
  position: relative;
  top: 2px;
}

.nav-tabs > li > a
{
  border-color: #DDDDDD #DDDDDD rgba(0, 0, 0, 0);
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #555555;
  outline: 0;
  margin-top: 5px;
  padding: 5px 10px;
  display: inline-block;
  min-height: 23px
}

.nav-tabs > li.active > a
{
  margin-top: 0;
  padding-bottom: 10px;
}

.nav-tabs > li > a .icon.inputs-changed 
{
  margin-right: 0;
  margin-left: 8px
}

.flapPanel.nav-tabs-hidden .nav-tabs 
{
  display: none
}

/* INLINE TABLE EDITOR */

.inline-table-editor td.editableCell:hover
{
  background-color: #dddddd;
  cursor: pointer;
}

.inline-table-editor td.editableCell div.inlinetableviewer
{
  position: relative
}

.inline-table-editor td.editableCell div.inlinetableviewer:before
{
  content: "\e009";
  font-family: 'icomoon' !important;
  speak: none;
  position: absolute;
  top: -2px;
  right: 0;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  opacity: 0
}

.inline-table-editor td.editableCell:hover div.inlinetableviewer:before
{
  opacity: 0.7
}

.inline-table-editor td.editableCell.active div.inlinetableviewer:before
{
  opacity: 1;
  color: #a94442
}

.inline-table-editor td.editableCell div.inlinetableviewer:before
{
  -moz-transition: opacity 0.2s, color 0.2s;
  -o-transition: opacity 0.2s, color 0.2s;
  -webkit-transition: opacity 0.2s, color 0.2s;
  transition: opacity 0.2s, color 0.2s;
}

.inline-table-editor td.editableCell
{
  -moz-transition: background-color 0.2s, box-shadow 0.2s;
  -o-transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-transition: background-color 0.2s, box-shadow 0.2s;
  transition: background-color 0.2s, box-shadow 0.2s;
}

.inline-table-editor td.editableCell.active
{
  background-color: #fcf8e3;
  box-shadow: 3px 3px 8px rgba(204, 200, 185, 0.5) inset;
}

td.editableCell div.inlinetableviewer:hover
{
  background: none
}

td.editableCell div.inlinetableviewer
{
  box-sizing: border-box;
  width: 100%
}

body div.inlinetableeditor
{
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.3) !important;
  padding: 10px 15px 5px 15px
}

/*
body div.inlinetableeditor:after 
{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 8px 7px;
  border-color: #ffffff transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -7px;
  left: 16px;
}

body div.inlinetableeditor:before 
{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 8px 7px;
  border-color: #dddddd transparent;
  display: block;
  width: 0;
  z-index: 0;
  top: -8px;
  left: 16px;
}
*/

div.inlinetableeditor .buttonsContainer
{
  padding-left: 0.5em
}

div.inlinetableeditor .buttonsContainer button
{
  margin-left: 0.5em;
  padding: 7px 8px 5px 8px
}

body.ie div.inlinetableeditor .buttonsContainer button
{
  padding: 5px 7px 4px 7px
}

div.inlinetableeditor .buttonsContainer button .icon
{
  font-size: 120%
}


/* EDITABLEPANEl */

.editablePanel .displayPanel
{
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 4px 19px 4px 5px;
  margin-bottom: 6px;
	background-color: white;
	position: relative;
	min-height: 28px
}


.editablePanel .displayPanel:hover
{
  cursor: text
}

.displayPanel .editIcon
{
  position: absolute;
  top: 2px;
  right: 2px;
}

a.editControl .editIcon
{
  opacity: 0.5;
  color: #444444;
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -o-transition: opacity 0.15s ease-in-out 0s;
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;  
}

.editablePanel .displayPanel:hover .editIcon,
a.editControl:focus .editIcon,
a.editControl:hover .editIcon
{
  opacity: 0.7;
}


/* FLOATLABELS */

div.floatLabel
{
  display: inline-block;
}

  div.floatLabel label
  {
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 2px 0;
    opacity: 0.5;
    -moz-transition: margin 0.3s ease 0s, opacity 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -o-transition: margin 0.3s ease 0s, opacity 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -webkit-transition: margin 0.3s ease 0s, opacity 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
     transition: margin 0.3s ease 0s, opacity 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  }

.floatLabelPanel.clean label
{
  -moz-transition: margin 0;
  -o-transition: margin 0;
  -webkit-transition: margin 0;
  transition: margin 0;
}

.firefox div.floatLabel label
{
  margin-left: 1px;
}

div.floatLabel label.emptyInput:not(.focusedInput):not(.noHide)
{
  opacity: 0 !important;
  margin-top: 5px;
  margin-bottom: -3px;
}

div.floatLabel label.focusedInput
{
  opacity: 1;
  color: #317EAC;
}

.floatLabelPanel.clean input.input-text,
.floatLabelPanel.box input.input-text,
input.input-text.clean
{
  border-color: #999999;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-top: none;
  border-right: none;
  border-left: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-right: 6px;
}

  .floatLabelPanel.clean input.input-text:focus
  {
    border-color: #66AFE9;
  }

  .floatLabelPanel.clean input.input-text::-moz-placeholder,
  .floatLabelPanel.box input.input-text::-moz-placeholder
  {
    color: #999999;
    opacity: 1;
  }

.floatLabelPanel.box
{
  border: 1px solid #999999;
  display: table;
}

  .floatLabelPanel.box .floatLabelRow
  {
    display: table-row;
  }

    .floatLabelPanel.box .floatLabelRow .floatLabelCell
    {
      display: table-cell;
      white-space: nowrap;
    }

  .floatLabelPanel.box .floatLabelCell
  {
    border-bottom: 1px solid #999999;
  }

  .floatLabelPanel.box .floatLabelRow:last-child .floatLabelCell
  {
    border-bottom: none;
  }

  .floatLabelPanel.box input.input-text
  {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 2px;
  }

  .floatLabelPanel.box div.floatLabel
  {
    border-right: 1px solid #999999;
    padding-left: 6px;
    padding-top: 3px;
  }

  .floatLabelPanel.box .floatLabelRow div.floatLabel:last-child
  {
    border-right: none;
  }
  
/* CALENDAR */

.navbar.month-pager .navbar-collapse,
.navbar.year-pager .navbar-collapse {
  padding-left: 0
}

/* TREESTRUCTURE */

ul.treestructure,
ul.treestructure ul.treestructure-subtree {
  list-style-type: none
}

ul.treestructure,
ul.treestructure > li,
ul.treestructure-subtree > li {
  padding-left: 0;
  margin-left: 0
}

ul.treestructure-subtree { 
  margin-left: 0;
  padding-left: 2em
}

ul.treestructure button.treestructure-nodeitem-actions {
  padding: 1px 4px 0 6px;
  margin: 0 0 1px 0;
}

ul.treestructure button.treestructure-nodeitem-actions .icon {
  font-size: larger
}

ul.treestructure .btn-group ul.dropdown-menu {
  margin-top: 1px
}

.treestructure-container:not(.node-edit-enabled) .nodeitem {
  padding: 1px 8px;
  position: relative;
}

.treestructure-container:not(.node-edit-enabled) ul.treestructure .nodeitem {
  padding-left: 30px;  
}

.treestructure-container:not(.node-edit-enabled) ul.treestructure .nodeitem-icon {
  position: absolute;
  left: 8px;
  top: 4px
}


.treestructure-container.node-edit-enabled ul.treestructure .nodeitem {
  padding-left: 50px
}

.treestructure-container.node-edit-enabled ul.treestructure .nodeitem .btn-group {
  margin-left: -50px;  
  vertical-align: top
}

ul.treestructure .nodeitem .nodeitem-name {
  display: inline-block;
  margin-left: .25em;
  padding-top: 5px
}

ul.treestructure .nodeitem:not(:hover) .btn-group:not(.open) button.treestructure-nodeitem-actions {
  border-color: rgba(255,255,255,0);
  background-color: rgba(255,255,255,0);
  color: #444444
}

ul.treestructure .nodeitem:not(:hover) .btn-group:not(.open) button.treestructure-nodeitem-actions .caret {
  visibility: hidden
}

ul.treestructure .btn-group.open + .nodeitem-name {
  /*text-decoration: underline;
  text-decoration-style: dotted;*/
  font-style: italic
}


ul.treestructure a.nodeitem-name,
ul.treestructure a.nodeitem-name:hover,
ul.treestructure a.nodeitem-name:active,
ul.treestructure a.nodeitem-name:visited {
  color: #444444
}

.treestructure-container.node-set-active-enabled li:not(.node-activeselect-disabled) .nodeitem:hover {
  background-color: #F5F5F5;
  border-radius: 4px
}

ul.treestructure li.nodeitem-active > .nodeitem {
  background-color: #B5CEE2;
  border-radius: 4px;
  box-shadow: inset 1px 1px 0 rgba(0,0,0,0.1), inset -1px -1px 0 rgba(0,0,0,0.1);
}

/** NANO-SCROLLER **/

.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}

.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}

.nano > .nano-content:focus {
  outline: thin dotted;
}

.nano > .nano-content::-webkit-scrollbar {
  display: none;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}

.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}

.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}


/* HOWLS */


.howls {
  position: fixed;
  top: -15px;
  left: 30%;
  width: 40%;
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 0 0 6px 6px;
  border: 1px solid #dddddd;
  border-top: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
  z-index: 9999;
  padding-top: 15px;
  animation-name: bounceInDown;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInDown;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
}

  .howls .alert {
    margin: 10px;
  }

  .howls .alert-sticky {
    position: relative
  }

    .howls .alert-sticky .howl-closebutton {
      position: absolute;
      top: 5px;
      right: 1px;
      font-size: 10px;
      opacity: 0.7
    }

      .howls .alert-sticky .howl-closebutton:hover {
        opacity: 1;
        cursor: pointer
      }

@media (max-width: 768px) {

  .howls {
    left: 5%;
    width: 90%
  }

  .howls .alert-sticky .howl-closebutton {
    font-size: 16px
  }

  .howls ul.error-list {
    padding-left: 1.5em
  }
}


@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-1000px);
  }

  10% {
    opacity: 0.2;
    transform: translateY(-500px);
  }


  20% {
    opacity: 0.2;
    transform: translateY(-100px);
  }

  60% {
    opacity: 1;
    transform: translateY(15px);
  }

  80% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1000px);
  }

  10% {
    opacity: 0.1;
    -webkit-transform: translateY(-500px);
  }

  20% {
    opacity: 0.2;
    -webkit-transform: translateY(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(15px);
  }

  80% {
    -webkit-transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

/* ROWSELECTORS */

tr.rowselector-checked > td:first-child
{
  position: relative
}

tr.rowselector-checked > td:first-child > .rowselector-marker
{
  display: inline-block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 4px;
  background-color: #337ab7;
}

table.rowselector-highlight-row tr.rowselector-checked > td
{
  background-color: #d9edf7;
  border-top-color: rgb(187, 208, 218);
}

table.rowselector-highlight-row tr.rowselector-checked + tr > td
{
  border-top-color: rgb(187, 208, 218);
}

table.rowselector-highlight-row tr.rowselector-checked:hover > td
{
  background-color: #ebf7fd
}


/* HOWLS */


.howls {
  position: fixed;
  top: -15px;
  left: 30%;
  width: 40%;
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 0 0 6px 6px;
  border: 1px solid #dddddd;
  border-top: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
  z-index: 9999;
  padding-top: 15px;
  animation-name: bounceInDown;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInDown;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
}

  .howls .alert {
    margin: 10px;
  }

  .howls .alert-sticky {
    position: relative
  }

    .howls .alert-sticky .howl-closebutton {
      position: absolute;
      top: 5px;
      right: 1px;
      font-size: 10px;
      opacity: 0.7
    }

      .howls .alert-sticky .howl-closebutton:hover {
        opacity: 1;
        cursor: pointer
      }

@media (max-width: 768px) {

  .howls {
    left: 5%;
    width: 90%
  }

}


@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-1000px);
  }

  10% {
    opacity: 0.2;
    transform: translateY(-500px);
  }


  20% {
    opacity: 0.2;
    transform: translateY(-100px);
  }

  60% {
    opacity: 1;
    transform: translateY(15px);
  }

  80% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1000px);
  }

  10% {
    opacity: 0.1;
    -webkit-transform: translateY(-500px);
  }

  20% {
    opacity: 0.2;
    -webkit-transform: translateY(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(15px);
  }

  80% {
    -webkit-transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@media (max-width: 768px) {

  .howls {
    left: 5%;
    width: 90%
  }

  .howls .alert-sticky .howl-closebutton {
    font-size: 16px
  }

  .howls ul.error-list {
    padding-left: 1.5em
  }
}


@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-1000px);
  }

  10% {
    opacity: 0.2;
    transform: translateY(-500px);
  }


  20% {
    opacity: 0.2;
    transform: translateY(-100px);
  }

  60% {
    opacity: 1;
    transform: translateY(15px);
  }

  80% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1000px);
  }

  10% {
    opacity: 0.1;
    -webkit-transform: translateY(-500px);
  }

  20% {
    opacity: 0.2;
    -webkit-transform: translateY(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(15px);
  }

  80% {
    -webkit-transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

/* ROWSELECTORS */

tr.rowselector-checked > td:first-child
{
  position: relative
}

tr.rowselector-checked > td:first-child > .rowselector-marker
{
  display: inline-block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 4px;
  background-color: #337ab7;
}

table.rowselector-highlight-row tr.rowselector-checked > td
{
  background-color: #d9edf7;
  border-top-color: rgb(187, 208, 218);
}

table.rowselector-highlight-row tr.rowselector-checked + tr > td
{
  border-top-color: rgb(187, 208, 218);
}

table.rowselector-highlight-row tr.rowselector-checked:hover > td
{
  background-color: #ebf7fd
}


/* HOWLS */


.howls {
  position: fixed;
  top: -15px;
  left: 30%;
  width: 40%;
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 0 0 6px 6px;
  border: 1px solid #dddddd;
  border-top: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
  z-index: 9999;
  padding-top: 15px;
  animation-name: bounceInDown;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInDown;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
}

  .howls .alert {
    margin: 10px;
  }

  .howls .alert-sticky {
    position: relative
  }

    .howls .alert-sticky .howl-closebutton {
      position: absolute;
      top: 5px;
      right: 1px;
      font-size: 10px;
      opacity: 0.7
    }

      .howls .alert-sticky .howl-closebutton:hover {
        opacity: 1;
        cursor: pointer
      }

@media (max-width: 768px) {

  .howls {
    left: 5%;
    width: 90%
  }

}


@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-1000px);
  }

  10% {
    opacity: 0.2;
    transform: translateY(-500px);
  }


  20% {
    opacity: 0.2;
    transform: translateY(-100px);
  }

  60% {
    opacity: 1;
    transform: translateY(15px);
  }

  80% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1000px);
  }

  10% {
    opacity: 0.1;
    -webkit-transform: translateY(-500px);
  }

  20% {
    opacity: 0.2;
    -webkit-transform: translateY(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(15px);
  }

  80% {
    -webkit-transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}






/* LISTINPUTLIST */

.listinputlist
{
  margin: 0 1.5em 1.5em 0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: .75em 1.5em;
  box-shadow: 1rem 1rem 2rem rgba(0,0,0,0.05)
}

.listinputlist:last-child
{
  margin-bottom: 0.75em
}

.listinputlist.horizontal
{
  display: flex;
  flex-direction: row
}

.listinputlist.horizontal > .left
{
padding-right: 2rem
}

.listinputlist.horizontal > .right
{
flex-shrink: 5;
padding-top: 6px
}

.listinputlist.horizontal > .right.nopad
{
    padding-top: 0
}

  /* FILEUPLOAD */

.fileupload-droparea {
  border: 2px dashed #ccc;
  border-radius: 6px;
  min-width: 320px;
  max-width: 640px;
  padding: 20px;
  margin-bottom: 1.5em
}

.fileupload-droparea.highlight {
  border-color: #46b8da;
}

.fileupload-droparea .fileupload-progressbar,
.fileupload-droparea .fileupload-selectUploadButton {
  display: block;  
}

.fileupload-droparea .fileupload-progressbar {
  height: 4px;
  margin: .5em 0
}

.fileupload-dropareahint,
.fileupload-allowedextensions {
  font-size: smaller;
  margin-bottom: .5em
} 

.fileupload-droparea .fileupload-progressbar {
  width: 100%;
  border-radius: 4px;
  color: #5bc0de;
  background-color: #f5f5f5;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  -moz-appearance: progressbar;

}

.fileupload-droparea .fileupload-progressbar::-webkit-progress-bar {
  border-radius: 4px;
  background-color: #f5f5f5;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.fileupload-droparea .fileupload-progressbar::-moz-progress-bar {
  border-radius: 4px;
  background-color: #5bc0de;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1)

}

.fileupload-droparea .fileupload-progressbar::-webkit-progress-value {
  border-radius: 4px;
  background-color: #5bc0de;  
}

.fileupload-droparea .fileupload-progressbar:not([value="0"])::-webkit-progress-value {
  transition: width .5s cubic-bezier(0.645, 0.045, 0.355, 1)
}


.fileupload-droparea .fileupload-tempfile {
  margin-right: 1em;
  font-size: smaller
}

/* MISC */
.datetime-inputs input.datetime-hour, .datetime-inputs input.datetime-minute {
  width: 2em;
  vertical-align: middle;
  padding-left: 3px;
  padding-right: 3px;
}

.edge .datetime-inputs input.datetime-hour,
.edge .datetime-inputs input.datetime-minute {
  width: 2.2em
}

td.indexedfile-list-file {
  vertical-align: middle
}

button.indexedfile-list-filedelete {
  margin-right: .5em
}

.indexedFileDownload-fileName {
  font-style: italic;  
}

.mod-message.func-view .indexedFileDownload-fileIcon + a > .indexedFileDownload-fileName {
  vertical-align: text-bottom
}

ul.manualprocessingreasons {
  margin: 0 0 0 2em;
  padding: 0
}

ul.manualprocessingreasons > li:not(:last-child) {
  margin-bottom: .5em
}

.header-selector.header-selector-inline {
  display: inline
}