/***************************
COLOUR CATALOGUE

The names in the catalogue describe the colour, not its use.
Avoid using catalogue colours directly in your SCSS.

Consider this catalogue immutable.
***************************/
/** GREY SCALE **/
/** RAINBOW **/
/** ALPHA **/
/***************************
COLOUR APPLICATION

Use these variables in your SCSS.
These variables primarily describe their use.

DO NOT use $color-border for a background. That makes no sense.
Create $color-background instead.

The values for all of these variables must be taken from the catalogue.
If they do not exist in the catalogue you might want to have a chat with the UX people.
***************************/
/** FEEDBACK **/
/** TEXT **/
/** ALPHA **/
/** BACKGROUND **/
/** INTERACTIVITY **/
/** BORDER **/
/***************************
IN PROGRESS

These colours are in the process of being converted.
Make sure they are useful before moving these up. Use the chance to consolidate colours.
***************************/
/** TEXT **/
/** BACKGROUND **/
/** INTERACTIVITY **/
/** BORDER **/
/***************************
BROKEN

These colours don't exist in the catalogue. Bad. Very bad.
***************************/
/** VIEWPORT **/
/** SPACING **/
/** GRID **/
/** GRID PARENT **/
.awGrid {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-left: -8px;
  margin-right: -8px;
}

.awGrid > * {
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
}

/** GUTTERS **/
.awGrid-noGutter {
  margin-left: 0;
  margin-right: 0;
}

.awGrid-noGutter > * {
  padding: 0;
}

.awGrid-boxGutter > * {
  padding: 8px;
}

/** HORIZONTAL ALIGNMENT **/
.awGrid-left {
  justify-content: flex-start;
}

.awGrid-middle {
  justify-content: center;
}

.awGrid-right {
  justify-content: flex-end;
}

/** VERTICAL ALIGNMENT **/
.awGrid-top {
  align-items: flex-start;
}

.awGrid-center {
  align-items: center;
}

.awGrid-bottom {
  align-items: flex-end;
}

/** GRID CELL **/
.awGrid-cell {
  flex: auto;
  max-width: 100%;
}

.awGrid-cell-top {
  align-self: flex-start;
}

.awGrid-cell-center {
  align-self: center;
}

.awGrid-cell-bottom {
  align-self: flex-end;
}

/** GRID CELL SIZES **/
.awGrid-cell-1 {
  flex: 8.33333% 0 0;
  max-width: 8.33333%;
}

.awGrid-cell-2 {
  flex: 16.66667% 0 0;
  max-width: 16.66667%;
}

.awGrid-cell-3 {
  flex: 25% 0 0;
  max-width: 25%;
}

.awGrid-cell-4 {
  flex: 33.33333% 0 0;
  max-width: 33.33333%;
}

.awGrid-cell-5 {
  flex: 41.66667% 0 0;
  max-width: 41.66667%;
}

.awGrid-cell-6 {
  flex: 50% 0 0;
  max-width: 50%;
}

.awGrid-cell-7 {
  flex: 58.33333% 0 0;
  max-width: 58.33333%;
}

.awGrid-cell-8 {
  flex: 66.66667% 0 0;
  max-width: 66.66667%;
}

.awGrid-cell-9 {
  flex: 75% 0 0;
  max-width: 75%;
}

.awGrid-cell-10 {
  flex: 83.33333% 0 0;
  max-width: 83.33333%;
}

.awGrid-cell-11 {
  flex: 91.66667% 0 0;
  max-width: 91.66667%;
}

.awGrid-cell-12 {
  flex: 100% 0 0;
  max-width: 100%;
}

/** GRID CELL SIZED MEDIUM **/
@media (min-width: 200px) {
  .awGrid-cell-md {
    flex: auto;
    max-width: 100%;
  }
  .awGrid-cell-md-1 {
    flex: 8.33333% 0 0;
    max-width: 8.33333%;
  }
  .awGrid-cell-md-2 {
    flex: 16.66667% 0 0;
    max-width: 16.66667%;
  }
  .awGrid-cell-md-3 {
    flex: 25% 0 0;
    max-width: 25%;
  }
  .awGrid-cell-md-4 {
    flex: 33.33333% 0 0;
    max-width: 33.33333%;
  }
  .awGrid-cell-md-5 {
    flex: 41.66667% 0 0;
    max-width: 41.66667%;
  }
  .awGrid-cell-md-6 {
    flex: 50% 0 0;
    max-width: 50%;
  }
  .awGrid-cell-md-7 {
    flex: 58.33333% 0 0;
    max-width: 58.33333%;
  }
  .awGrid-cell-md-8 {
    flex: 66.66667% 0 0;
    max-width: 66.66667%;
  }
  .awGrid-cell-md-9 {
    flex: 75% 0 0;
    max-width: 75%;
  }
  .awGrid-cell-md-10 {
    flex: 83.33333% 0 0;
    max-width: 83.33333%;
  }
  .awGrid-cell-md-11 {
    flex: 91.66667% 0 0;
    max-width: 91.66667%;
  }
  .awGrid-cell-md-12 {
    flex: 100% 0 0;
    max-width: 100%;
  }
}

/** GRID CELL SIZED LARGE **/
@media (min-width: 300px) {
  .awGrid-cell-lg {
    flex: auto;
    max-width: 100%;
  }
  .awGrid-cell-lg-1 {
    flex: 8.33333% 0 0;
    max-width: 8.33333%;
  }
  .awGrid-cell-lg-2 {
    flex: 16.66667% 0 0;
    max-width: 16.66667%;
  }
  .awGrid-cell-lg-3 {
    flex: 25% 0 0;
    max-width: 25%;
  }
  .awGrid-cell-lg-4 {
    flex: 33.33333% 0 0;
    max-width: 33.33333%;
  }
  .awGrid-cell-lg-5 {
    flex: 41.66667% 0 0;
    max-width: 41.66667%;
  }
  .awGrid-cell-lg-6 {
    flex: 50% 0 0;
    max-width: 50%;
  }
  .awGrid-cell-lg-7 {
    flex: 58.33333% 0 0;
    max-width: 58.33333%;
  }
  .awGrid-cell-lg-8 {
    flex: 66.66667% 0 0;
    max-width: 66.66667%;
  }
  .awGrid-cell-lg-9 {
    flex: 75% 0 0;
    max-width: 75%;
  }
  .awGrid-cell-lg-10 {
    flex: 83.33333% 0 0;
    max-width: 83.33333%;
  }
  .awGrid-cell-lg-11 {
    flex: 91.66667% 0 0;
    max-width: 91.66667%;
  }
  .awGrid-cell-lg-12 {
    flex: 100% 0 0;
    max-width: 100%;
  }
}

html {
  font-size: 1px;
}

body {
  background-color: #FFFFFF;
  margin: 0;
}

body, td, th, span, div, a, a:link, a:active, a:visited, a:hover, input, textarea, select, option, button {
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}

::-webkit-input-placeholder {
  color: #B4B5B5;
}

::-moz-placeholder {
  color: #B4B5B5;
}

/* IE 11 */
:-ms-input-placeholder {
  color: #B4B5B5 !important;
}

/* Edge */
::-ms-input-placeholder {
  color: #B4B5B5;
}

/* CSS Working Draft */
::placeholder {
  color: #B4B5B5;
}

body.dialog {
  background-color: #F7F7F7;
}

td {
  text-align: left;
}

div.dependency_dialog div.header {
  padding: 10px;
  background-color: #EFEFEF;
}

div.dependency_dialog div.header div.bo {
  height: 16px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-top: 2px;
}

div.dependency_dialog div.body {
  padding: 10px;
  overflow: auto;
  cursor: default;
  background-color: white;
}

div.dependency_dialog div.body table {
  width: 100%;
  border-collapse: collapse;
}

div.dependency_dialog td.section {
  font-weight: bold;
  padding: 2px;
  padding-bottom: 5px;
  white-space: nowrap;
}

div.dependency_dialog tr.dependency:hover {
  background-color: #D4E3F2;
}

div.dependency_dialog tr.dependency td.name {
  padding: 2px;
}

div.dependency_dialog tr.dependency td.name div {
  background-repeat: no-repeat;
  height: 16px;
  padding-left: 20px;
  padding-top: 2px;
  white-space: nowrap;
}

div.dependency_dialog tr.dependency td.type {
  padding: 2px;
  padding-left: 5px;
  white-space: nowrap;
}

div.dependency_dialog tr.dependency td.info {
  padding: 2px;
  padding-left: 5px;
  white-space: nowrap;
  color: gray;
}

/* Styles for Input Elements ------------------------------------------------------------------ */
button, input.button, div.appwayButton {
  background-color: silver;
  border: 1px solid #C2C2C2;
  padding: 2px 10px;
  margin: 0;
  height: 21px;
  cursor: pointer;
  color: #222222;
  background-image: url(/img/general/buttongradient_admin.gif);
  line-height: normal;
  /* prevent broken inheritance in ie, see case #5786 */
  border-radius: 2px 2px 2px 2px;
  -khtml-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
}

button[disabled], input.button[disabled] {
  color: #909090;
  cursor: default;
}

textarea,
input[type=password],
input[type=text] {
  padding: 2px;
  margin: 0;
  border: 1px solid #C2C2C2;
  border-radius: 2px 2px 2px 2px;
  -khtml-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
}

input[type=password],
input[type=text] {
  height: 15px;
}

input.main {
  border-width: 2px;
  font-weight: bold;
}

.tabcontent select.propertyinputselect {
  width: 240px;
}

.tabcontent table.dynamicproperty select.propertyinputselect {
  width: 222px;
}

.tabcontent input.propertyinputtext {
  width: 240px;
}

.tabcontent table.dynamicproperty input.propertyinputtext {
  width: 222px;
}

.tabcontent table.dynamicproperty .largePropColumn {
  width: 100%;
}

.tabcontent .inlineproperty_warning {
  display: flex;
  align-items: center;
}

.tabcontent .inlineproperty_warningContainer {
  background-color: #FFFFFF;
  border: 1px solid #F1B447;
  padding: 5px;
  max-width: 300px;
}

.tabcontent .inlineproperty_warning:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-right: 5px;
  background: url("/img/properties/Warning16.svg");
}

/*** VISUAL OPTIONS ***/
/* Visual options are a set of options with images.
   These options can optionally contain a label.
*/
.propvisualoptions {
  display: inline-flex;
}

.propvisualoptions_imageContainer {
  border-color: #C8D1DF;
  border-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-right-width: 0;
}

.propvisualoptions_option:first-child > .propvisualoptions_imageContainer {
  border-left-width: 1px;
}

.propvisualoptions_option:last-child > .propvisualoptions_imageContainer {
  border-right-width: 1px;
}

.propvisualoptions_option:not(:first-child) .propvisualoptions_imageContainer {
  margin-left: -1px;
  /* Must be of the same size of the border width for correct overlapping */
}

.propvisualoptions_option--hasLabel {
  width: 40px;
}

.propvisualoptions_input {
  display: none;
}

.propvisualoptions_imageContainer {
  background-color: #E3E4E4;
  transition: all 0.2s ease;
  cursor: pointer;
}

.propvisualoptions_imageDecorator {
  border: 1px solid #FFFFFF;
  text-align: center;
}

.propvisualoptions_imageDecorator > img {
  vertical-align: middle;
  margin-left: 1px;
  /* Needs a marign equivalent to the negative margin on the image container for proper centering */
}

.propvisualoptions_label {
  display: block;
  font-size: 9px;
}

.propvisualoptions_option:hover .propvisualoptions_imageContainer {
  background-color: #F4F5F5;
}

.propvisualoptions_input:checked + .propvisualoptions_imageContainer {
  background-color: #898B8D;
  position: relative;
  z-index: 1;
  /* When an element is active, all its borders should be shown on top of it sibling elements */
}

.propvisualoptions_input:checked + .propvisualoptions_imageContainer > .propvisualoptions_imageDecorator {
  border-color: #5E6266;
}

div.popupdropdown {
  border: 1px solid #717173;
  width: 240px;
  height: 18px;
  padding-left: 2px;
  padding-top: 4px;
  background-color: #EEEEEE;
  /*
	background-repeat:no-repeat;
	background-position:right center;
	background-image:url(/img/edit.gif);
	*/
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

table.dynamicproperty div.popupdropdown {
  width: 222px;
}

div.admin_header {
  background-color: #F7F7F7;
}

div.admin_header div.menu {
  padding: 10px 0 0 30px;
  border-bottom: 1px solid #A5A5A5;
  cursor: default;
  position: relative;
}

div.admin_header div.menu img.popup_menu {
  cursor: pointer;
  position: absolute;
  left: 7px;
  top: 13px;
}

div.admin_header div.admin_tabs {
  height: 25px;
  white-space: nowrap;
}

div.admin_header div.admin_tabs div.tab {
  display: inline-block;
  white-space: nowrap;
  line-height: 25px;
  padding: 0 10px;
  position: relative;
  top: -1px;
  left: 0;
  cursor: pointer;
  background-color: #F1F1F1;
  border-top: 1px solid #A5A5A5;
  border-right: 1px solid #A5A5A5;
  border-radius: 6px 6px 0 0;
  -khtml-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
}

div.admin_header div.admin_tabs div.tab.first {
  border-left: 1px solid #A5A5A5;
}

div.admin_header div.admin_tabs div.tab.active {
  background-color: white;
  position: relative;
  top: 0;
  left: 0;
  cursor: default;
}

/* Table Style "Tabs" ------------------------------------------------------------------- */
table.tabs {
  border-collapse: collapse;
  margin: 0;
}

table.tabs td {
  background-color: #E7E8E5;
  padding: 5px 7px 6px 8px;
  border: 1px solid #A5A5A5;
  border-bottom: 0;
  cursor: pointer;
}

table.tabs td.active {
  background-color: #F7F7F7;
}

/* Table Style "Modal" ------------------------------------------------------------------- */
table.modal {
  margin-left: 10px;
  margin-right: 10px;
}

table.modal td {
  padding: 5px 5px 0 0;
}

/* Table Style "Application Vertical" --------------------------------------------------------- */
div.scrollable table {
  width: 100%;
  border-collapse: collapse;
}

div.scrollable td {
  padding: 0;
  background-color: white;
  border: 1px solid #EDEDED;
}

div.scrollable div.cell {
  padding: 1px 10px 1px 5px;
  background-color: white;
}

div.scrollable input {
  outline: none;
  /* removes the outer glow of safari */
  width: 100%;
  padding: 0;
  background-color: transparent;
  border: none;
}

div.scrollable div.head {
  overflow: hidden;
}

div.scrollable div.head,
div.scrollable div.head div.cell {
  background-color: #EDEDED;
}

div.scrollable div.head input {
  font-weight: bold;
}

div.scrollable div.head td {
  background-color: #EDEDED;
}

div.scrollable div.body {
  overflow: auto;
}

div.scrollable div.body input[readonly] {
  color: gray;
}

div.resizeable_table {
  overflow: hidden;
}

div.resizeable_table table {
  border-collapse: collapse;
  table-layout: fixed;
}

div.resizeable_table div.thead {
  overflow: hidden;
  border-bottom: 1px solid #CCCCCC;
  background-color: #F1F1F1;
}

div.resizeable_table div.thead td {
  padding: 0 5px 0 18px;
  border-right: 1px dotted #CCCCCC;
  cursor: default;
  height: 25px;
  vertical-align: middle;
  background-color: transparent;
  background-image: url(/img/resizeable_table/no_sort.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

div.resizeable_table div.thead td.sort_up {
  background-image: url(/img/resizeable_table/sort_up.png);
}

div.resizeable_table div.thead td.sort_down {
  background-image: url(/img/resizeable_table/sort_down.png);
}

div.resizeable_table div.thead td.filler {
  background-image: none;
  border: none;
  padding: 0;
}

div.resizeable_table div.tfilter {
  overflow: hidden;
  background-color: #F1F1F1;
  border-bottom: 1px solid #CCCCCC;
}

div.resizeable_table div.tfilter td {
  padding: 2px 5px;
  border-right: 1px solid transparent;
}

div.resizeable_table div.tfilter td.filler {
  border: none;
}

div.resizeable_table div.tfilter select {
  width: 100%;
}

div.resizeable_table div.tbody {
  overflow: auto;
}

div.resizeable_table div.tbody div.no_content {
  padding: 5px;
  color: #444444;
}

div.resizeable_table div.tbody td {
  padding: 4px 5px;
  font-size: 11px;
  line-height: 18px;
  border-right: 1px solid transparent;
  border-bottom: 1px dotted #CCCCCC;
  text-align: left;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}

div.resizeable_table div.tbody td.icon {
  padding-left: 27px;
}

div.resizeable_table div.tbody td.separator {
  padding: 3px 0;
  background-color: #F1F1F1;
}

div.resizeable_table div.tbody td.filler {
  padding: 0;
}

div.resizeable_table div.tbody tr:hover {
  background-color: #DAEAF9;
}

div.resizeable_table div.tbody tr.selected {
  background-color: #D4E3F2;
}

div.resizeable_table div.tstatus {
  padding: 2px 5px;
  background-color: #F1F1F1;
  border-top: 1px solid #CCCCCC;
}

div.resizeable_table div.tinfo {
  border-bottom: 1px solid #CCCCCC;
  background-color: white;
  max-height: 57px;
  overflow: auto;
}

div.resizeable_table div.tinfo div.message {
  padding: 3px 5px 3px 25px;
  background-color: transparent;
  background-image: url(/img/logging/info.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  line-height: 16px;
  color: #444444;
}

div.resizeable_table div.tinfo div.warning {
  padding: 3px 5px 3px 25px;
  background: url(/img/logging/warn.png) no-repeat 5px center;
  line-height: 16px;
  color: #AA6600;
}

div.resizeable_table div.tinfo div.error {
  padding: 3px 5px 3px 25px;
  background: url(/img/logging/error.png) no-repeat 5px center;
  line-height: 16px;
  color: #AA3333;
}

div.resizeable_table div.percentage {
  position: relative;
  border: 1px solid #A1A1A1;
  height: 15px;
}

div.resizeable_table div.percentage_bar {
  position: absolute;
  background-color: #CCCCCC;
  height: 15px;
}

div.resizeable_table div.percentage_label {
  width: 100%;
  position: absolute;
}

table.properties {
  margin: 5px 0;
  width: 100%;
  border-collapse: collapse;
}

table.properties td.key {
  white-space: nowrap;
  color: #444444;
  padding: 5px 3px 5px 10px;
  text-align: right;
  width: 1%;
  vertical-align: top;
}

table.properties td.val {
  padding: 3px 10px 3px 3px;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
}

table.properties td.info {
  padding: 0 10px 8px 5px;
  text-align: left;
  vertical-align: top;
  font-size: 9px;
}

table.properties td.title {
  padding: 12px 3px 3px 13px;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
  color: #444444;
}

table.properties td.val select[readonly],
table.properties td.val textarea[readonly],
table.properties td.val input[type=password][readonly],
table.properties td.val input[type=text][readonly] {
  width: 100%;
  background-color: #EAEAEA;
  border: none;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

table.properties td.val pre, .aw_widgets_datatable_ContentPanel_innerCell_content {
  width: 100%;
  background-color: #EAEAEA;
  padding: 4px;
  margin: 0;
  border-radius: 3px;
}

table.properties td.val div.flowtext {
  width: 100%;
  background-color: #EAEAEA;
  padding: 4px;
  margin: 0;
  border-radius: 3px;
  white-space: normal;
}

table.properties td.val input[type=password],
table.properties td.val input[type=text] {
  height: 21px;
}

table.properties.editable td.val textarea,
table.properties.editable td.val input[type=password],
table.properties.editable td.val input[type=text] {
  padding: 2px;
}

table.properties.editable td.val select,
table.properties.editable td.val textarea,
table.properties.editable td.val input[type=password],
table.properties.editable td.val input[type=text] {
  width: 100%;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div.titled_box {
  padding: 5px 10px 10px 10px;
}

div.titled_box div.title {
  position: relative;
  padding: 5px 3px 3px 3px;
  margin: 0;
  font-weight: bold;
  font-size: 11px;
  color: #444444;
}

div.titled_box div.title span {
  font-weight: bold;
  font-size: 11px;
  color: #444444;
}

div.titled_box img.icon {
  position: relative;
  top: 2px;
  max-width: 16px;
  max-height: 16px;
  margin-right: 2px;
}

div.titled_box div.title span.hint {
  position: absolute;
  right: 3px;
  bottom: 1px;
  font-size: 10px;
  color: #444444;
}

div.titled_box div.title span.hint a {
  color: blue;
  font-size: 10px;
  text-decoration: none;
}

div.titled_box div.title span.hint a:hover {
  text-decoration: underline;
}

div.titled_box div.description {
  padding: 0 3px 3px 3px;
  color: #666666;
}

div.titled_box div.body {
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  position: relative;
  -khtml-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
}

table.vertical td {
  padding: 5px 7px 6px 8px;
}

table.vertical td.left,
table.vertical td.right {
  border-top: 1px solid #FFFFFF;
}

table.vertical td.left {
  background-color: #F1F1F1;
}

table.vertical td.right {
  background-color: #FFFFFF;
}

table.vertical td.noline {
  background-color: #F1F1F1;
}

table.vertical td.preview td {
  background-color: #F1F1F1;
  padding: 0;
}

/* Table Style "Application" ------------------------------------------------------------------ */
table.application td,
table.application th {
  padding: 5px 7px 6px 8px;
}

table.application tr.header {
  background-color: #F1F1F1;
}

table.application tr.header td.normal,
table.application tr.header th.normal {
  border-right: solid 1px #FFFFFF;
}

table.application tr.header td.active,
table.application tr.header th.active,
table.application tr.active {
  background-color: #DAEAF9;
  cursor: pointer;
}

table.application tr.active {
  background-color: #DAEAF9;
  cursor: pointer;
}

/* Table Style "Explorer" ------------------------------------------------------------------ */
table.explorer td {
  padding: 5px 7px 6px 8px;
}

table.explorer td.icon {
  padding: 4px;
}

table.explorer td.name {
  padding: 5px 7px 6px 2px;
}

table.explorer tr.header {
  background-color: #F7F7F7;
}

table.explorer tr.header td {
  border-bottom: solid 1px white;
}

table.explorer tr.header th {
  border-bottom: solid 1px white;
}

table.explorer tr.header td.normal {
  border-left: solid 1px white;
}

table.explorer tr.header th.normal {
  border-left: solid 1px white;
}

table.explorer tr.header td.active {
  background-color: #E7E8E5;
  cursor: pointer;
}

table.explorer tr.header th.active {
  background-color: #E7E8E5;
  cursor: pointer;
}

table.explorer tr.first {
  background-color: #FFFFFF;
}

table.explorer tr.normal {
  background-color: #FFFFFF;
}

table.explorer tr.normal td {
  border-top: solid 1px #E7E8E5;
}

table.explorer tr.active {
  background-color: #E7E8E5;
  cursor: pointer;
}

/* Table style rich ------------------------------------------------------ */
table.explorer tr.richheader {
  background-color: #E7E8E5;
}

table.explorer tr.richfirst {
  background-color: #E7E8E5;
}

table.explorer tr.richfirsterror {
  background-color: #F7F7F7;
}

table.explorer tr.richfirsterror td {
  border-top: solid 1px #717173;
  vertical-align: top;
}

table.explorer tr.richfirst td {
  border-top: solid 1px #717173;
  vertical-align: top;
}

table.explorer tr.richfirstvalid {
  background-color: #F7F7F7;
}

table.explorer tr.richfirstvalid td {
  border-top: solid 1px #717173;
  vertical-align: top;
}

table.explorer tr.richnormal {
  background-color: #F7F7F7;
}

table.explorer tr.richsubheader {
  background-color: #F7F7F7;
}

table.explorer tr.richnormalerror {
  background-color: #F7F7F7;
}

table.explorer tr.richsubheader td {
  border-top: solid 1px #717173;
  vertical-align: top;
}

table.explorer tr.richnormal td {
  vertical-align: top;
  padding-left: 28px;
}

table.explorer tr.richnormalerror td {
  vertical-align: top;
  padding-left: 28px;
}

table.explorer tr.richmaster {
  background-color: #E7E8E5;
}

table.explorer tr.richmastererror {
  background-color: #E7E8E5;
}

table.explorer tr.richmastervalid {
  background-color: #E7E8E5;
}

table.explorer tr.richmaster td {
  border-top: solid 1px #717173;
  vertical-align: bottom;
}

table.explorer tr.richmastererror td {
  border-top: solid 1px #717173;
  vertical-align: bottom;
}

table.explorer tr.richmastervalid td {
  border-top: solid 1px #717173;
  vertical-align: bottom;
}

/* Table style lean ------------------------------------------------------ */
table.lean tr.lean td.lean {
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

/* Table style lean modal application ------------------------------------ */
td.leanapp {
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  cursor: pointer;
}

/* HtmlList ------------------------------------------------------------------ */
.nmhtmllist {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 5px;
  margin-left: 5px;
  list-style-type: square;
}

.nmhtmllist li {
  margin-left: 10px;
  padding-left: 2px;
}

/* Menu ------------------------------------------------------------------ */
div.menu {
  background-color: #F7F7F7;
  cursor: pointer;
  color: #000000;
  padding-left: 8px;
  padding-top: 5px;
  padding-right: 8px;
  padding-bottom: 6px;
}

div.top {
  border-top: solid 1px black;
}

div.middle {
  border-left: solid 1px black;
  border-right: solid 1px black;
}

div.bottom {
  border-bottom: solid 1px black;
}

div.disabled {
  color: #717173;
}

/* Local Navigation. ------------------------------------------------------------------ */
table.localnav td {
  padding: 5px 7px 6px 8px;
}

table.localnav td.pagetitle {
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

table.localnav td.sublevel {
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}

table.localnav td.toplevel {
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

/* Misc. ------------------------------------------------------------------ */
.textred {
  color: #FF0000;
}

.pleasewait {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

.title {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

.titlebold {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

.dropshadow {
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.5);
}

/*** user notification ***/
.notification {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: black;
  color: white;
  font-size: 16px;
  width: 320px;
  min-height: 40px;
  z-index: 2000;
  padding: 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/* Selectors ------------------------------------------------------------------------- */
#selectoritemtooltip {
  width: 250px;
  height: 30px;
  padding: 5px;
  line-height: 1.5em;
  border: 1px solid lightgray;
  position: absolute;
  background-color: white;
  display: none;
  z-index: 999999999999;
}

/* Business Object Properties -------------------------------------------------------- */
select.propertyentryelem {
  margin: 2px 0 10px 0;
  width: 99%;
}

input.propertyentryelem,
textarea.propertyentryelem {
  margin: 2px 0 10px 0;
  width: 100%;
  border: 1px solid #C2C2C2;
  resize: none;
}

input.propertyentryelem[disabled],
textarea.propertyentryelem[disabled] {
  border: none;
  background: none;
  opacity: 0.65;
}

span.propertiesDescriptionLink {
  display: inline-block;
  background-color: #4090CD;
  color: white;
  cursor: pointer;
  font-size: 8px;
  width: 10px;
  height: 10px;
  text-align: center;
  font-weight: bold;
  vertical-align: 15%;
  border-radius: 5px;
}

div.propertiesDescriptionPopup {
  position: absolute;
  background-color: #AFDCEE;
  border: 1px solid #4090CD;
  border-radius: 5px;
  padding: 5px;
  padding-right: 20px;
  max-width: 300px;
  z-index: 200002;
  cursor: pointer;
  overflow: hidden;
}

img.propertiesDescriptionPopupCloseButton {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* Invalid Input Fields ------------------------------------------------------------- */
.invalidInputField {
  border: 2px solid red !important;
}

.invalidInputFieldMessage {
  z-index: 999999;
  position: absolute;
  background-color: white;
  padding: 3px;
  border: 1px solid gray;
  opacity: 0.9;
}

/***** Deployment -> Import -> VersionInfo comparison *****/
table.importVersionComparison {
  border-collapse: collapse;
}

table.importVersionComparison tr.header {
  padding: 0 5px;
  border-right: 1px dotted #CCCCCC;
  height: 15px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  overflow: hidden;
  border-bottom: 1px solid #CCCCCC;
  background: #FFFFFF url("/img/businessobjectbrowser/dependencies_head.png") repeat-x center center;
  text-overflow: ellipsis;
}

table.importVersionComparison tr td {
  width: 50%;
  border-right: 1px dotted #CCCCCC;
}

table.importVersionComparison tr td div.versionInfo {
  margin: 10px;
  padding: 10px;
  border: 1px solid #8d98a3;
  padding-left: 20px;
  position: relative;
  background-color: #A2AFBA;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a2afba), to(#d4e3f2));
  background-image: -webkit-linear-gradient(top, #a2afba, #d4e3f2);
  background-image: -moz-linear-gradient(top, #a2afba, #d4e3f2);
  background-image: -o-linear-gradient(top, #a2afba, #d4e3f2);
  background-image: -ms-linear-gradient(top, #a2afba, #d4e3f2);
  background-image: linear-gradient(top, #a2afba, #d4e3f2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#a2afba', EndColorStr='#d4e3f2');
  -webkit-box-shadow: inset 0px 5px 20px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 5px 20px 0px rgba(255, 255, 255, 0.2);
}

table.importVersionComparison tr td div.versionInfo img.commitpicture {
  position: absolute;
  left: 8px;
  top: 14px;
}

table.importVersionComparison tr td div.versionInfo img.userpicture {
  position: absolute;
  left: 4px;
  top: 24px;
  width: 12px;
  height: 12px;
}

table.importVersionComparison tr td div.versionInfo p {
  margin: 0;
  padding: 0;
}

/*# sourceMappingURL=admin.css.map */