/* 
    ================================================================================

	 	Projekt:	 DAXLibrary

		File:		 DXBlackPearl.css

		Development: Sandro Roellin (www.dynamosystem.ch)

    ================================================================================
*/
/*
	--------------------------------------------------------------------------------
	Box-Makro
	--------------------------------------------------------------------------------
*/
.DXFrame, .DXImageView, .DXTextInput-Input, .DXTextInput-Inputbox, .DXTextareaInput-Input, .DXTextareaInput-Inputbox, .DXPanel, .DXGoogleMap, .DXClipPanel, .DXPopover, .DXComboBox-Input, .DXCanvas, .DXWebView, .DXYoutubePlayer, .DXTreeItem-Text, .DXTreeItem, .DXTreeItem-Alternate, .DXTreeItem-Selected, .DXTreeItem-Rollover, .DXVerticalScrollBar, .DXHorizontalScrollBar, .DXVerticalScrollThumb, .DXHorizontalScrollThumb {
  position: absolute;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px; }

/*
	--------------------------------------------------------------------------------
	DXImageView-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXImageView {
  background-color: #353535;
  border: 1px solid black; }

/*
	--------------------------------------------------------------------------------
	Input
	--------------------------------------------------------------------------------
*/
.DXInput {
  font-family: Arial;
  font-size: 12px;
  padding: 0px;
  margin: 0px; }

/*
	--------------------------------------------------------------------------------
	DXTextInput-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXTextInput {
  border: 1px solid black;
  border-radius: 6px;
  background-color: white;
  box-shadow: 2px 2px 2px #000000 inset; }

.DXTextInput-Input {
  width: 100%;
  height: 100%;
  color: black;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  border: none; }

.DXTextInput-Inputbox {
  top: 3px;
  right: 4px;
  left: 4px;
  bottom: 4px;
  overflow: hidden; }

/*
	--------------------------------------------------------------------------------
	DXPlaceholder-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXPlaceholder {
  position: absolute;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px; }

/*
	--------------------------------------------------------------------------------
	DXTextareaInput-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXTextareaInput {
  border: 1px solid black;
  border-radius: 6px;
  background-color: white;
  box-shadow: 2px 2px 2px #000000 inset; }

.DXTextareaInput-Input {
  width: 100%;
  height: 100%;
  color: black;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  border: none;
  resize: none; }

.DXTextareaInput-Inputbox {
  top: 5px;
  right: 5px;
  left: 5px;
  bottom: 4px;
  overflow: hidden; }

/*
	--------------------------------------------------------------------------------
	DXPanel-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXPanel {
  background-color: #353535; }

/*
	--------------------------------------------------------------------------------
	DXGoogleMap-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXGoogleMap {
  background-color: #353535; }

/*
	--------------------------------------------------------------------------------
	DXClipPanel-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXClipPanel {
  background-color: transparent; }

/*
	--------------------------------------------------------------------------------
	DXPopover-Vorlagen
	--------------------------------------------------------------------------------
*/
/*
	--------------------------------------------------------------------------------
	DXToolBar-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXToolBar {
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  border: 1px solid black;
  border-radius: 6px;
  box-shadow: 1px 1px 2px #000000; }

/*
	--------------------------------------------------------------------------------
	DXColorPicker-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXColorPicker {
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  border: 1px solid black;
  border-radius: 6px;
  box-shadow: 1px 1px 2px #000000; }

.DXColorPicker-Rollover {
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  border-radius: 6px;
  box-shadow: 1px 1px 2px #000000;
  border: 1px solid #606060; }

.DXColorPicker-Preview {
  border: 1px solid black;
  background-color: white;
  border-radius: 3px;
  cursor: pointer; }

.DXColorPicker-Panel {
  border: 1px solid black;
  background-color: #353535;
  border-radius: 6px;
  box-shadow: 6px 6px 12px #101010;
  overflow: hidden; }

.DXColorPicker-Input {
  color: black;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  border: none;
  padding-left: 4px;
  padding-top: 2px;
  box-shadow: 2px 2px 2px #000000 inset; }

.DXColorPicker-Button {
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  color: white;
  cursor: pointer; }

.DXColorPicker-Button-Over {
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  color: #d0d0d0;
  cursor: pointer; }

/*
	--------------------------------------------------------------------------------
	ProgressBar-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXProgressBar {
  color: white;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  background-color: #282828;
  box-shadow: 2px 2px 2px #000000 inset;
  border-radius: 9px; }

.DXProgressBar-Bar {
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  border: 1px solid black;
  border-radius: 6px;
  box-shadow: 1px 1px 2px #000000; }

/*
	--------------------------------------------------------------------------------
	DXButton-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXButton {
  color: white;
  cursor: pointer;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  border: 1px solid black;
  border-radius: 6px;
  box-shadow: 1px 1px 2px #000000; }

.DXButton-Rollover {
  color: #d0d0d0;
  cursor: pointer;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  border: 1px solid #606060;
  border-radius: 6px; }

/*
	--------------------------------------------------------------------------------
	DXPopup-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXPopupPanel {
  background-color: #353535;
  border: 1px solid black;
  transition: height 0.5s; }

.DXPopupPanel-Header {
  cursor: pointer;
  color: white;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  background-image: url("images/gradient.svg");
  background-size: 100% 100%; }

.DXPopupPanel-Rollover {
  cursor: pointer;
  color: #d0d0d0;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  border: 1px solid #606060; }

/*
	--------------------------------------------------------------------------------
	DXToolButton-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXToolButton {
  color: white;
  cursor: pointer;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px; }

.DXToolButton-Rollover {
  color: #d0d0d0;
  cursor: pointer;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px; }

/*
	--------------------------------------------------------------------------------
	DXRadioButton-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXRadioButton {
  color: white;
  cursor: pointer;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  text-align: center; }

.DXRadioButton-Rollover {
  color: #d0d0d0;
  cursor: pointer;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  text-align: center; }

/*
	--------------------------------------------------------------------------------
	DXCheckBox-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXCheckBox {
  color: white;
  cursor: pointer;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px; }

.DXCheckBox-Rollover {
  color: #d0d0d0;
  cursor: pointer;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px; }

/*
	--------------------------------------------------------------------------------
	DXPopup Vorlagen
	--------------------------------------------------------------------------------
*/
.DXPopup {
  color: white;
  cursor: pointer;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  border: 1px solid black;
  border-radius: 6px;
  box-shadow: 1px 1px 2px #000000; }

.DXPopup-Rollover {
  color: #d0d0d0;
  cursor: pointer;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  border: 1px solid #606060;
  border-radius: 6px; }

.DXPopup-Menu {
  background-color: white;
  border: 1px solid black;
  box-shadow: 5px 5px 6px;
  border-radius: 6px;
  animation: resize 1s; }

.DXPopup-Menuitem {
  vertical-align: middle;
  box-sizing: border-box;
  padding: 5px;
  cursor: pointer;
  color: black;
  width: 100%;
  height: 24px;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  border-bottom: 1px solid #c0c0c0; }

.DXPopup-MenuitemRollover {
  vertical-align: middle;
  box-sizing: border-box;
  padding: 5px;
  cursor: pointer;
  background-color: #d0d0d0;
  color: black;
  width: 100%;
  height: 24px;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  text-align: left; }

/*
	--------------------------------------------------------------------------------
	DXComboBox Vorlagen
	--------------------------------------------------------------------------------
*/
.DXComboBox {
  cursor: pointer;
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  border: 1px solid black;
  border-radius: 6px;
  box-shadow: 1px 1px 2px #000000; }

.DXComboBox-Rollover {
  cursor: pointer;
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  border: 1px solid #606060;
  border-radius: 6px; }

.DXComboBox-Input {
  color: black;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  border: none;
  padding-left: 4px;
  padding-top: 2px;
  box-shadow: 2px 2px 2px #000000 inset; }

.DXComboBox-Menu {
  background-color: white;
  border: 1px solid black;
  box-shadow: 5px 5px 6px;
  border-radius: 6px;
  animation: resize 1s; }

@keyframes resize {
  from {
    max-height: 1%; }
  to {
    max-height: 100%; } }
.DXComboBox-Menuitem {
  vertical-align: middle;
  box-sizing: border-box;
  padding: 5px;
  cursor: pointer;
  color: black;
  width: 100%;
  height: 24px;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  border-bottom: 1px solid #c0c0c0; }

.DXComboBox-MenuitemRollover {
  vertical-align: middle;
  box-sizing: border-box;
  padding: 5px;
  cursor: pointer;
  background-color: #d0d0d0;
  color: black;
  width: 100%;
  height: 24px;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  text-align: left; }

/*
	--------------------------------------------------------------------------------
	DXSlider Vorlagen
	--------------------------------------------------------------------------------
*/
.DXSlider {
  background-color: #353535;
  box-shadow: 3px 3px 6px #101010 inset;
  border-radius: 6px; }

.DXHorizontalSliderThumb {
  top: 3px;
  bottom: 2px;
  width: 20px;
  background-color: #909090;
  cursor: pointer;
  border-radius: 6px; }

.DXVerticalSliderThumb {
  left: 0px;
  right: 3px;
  height: 20px;
  background-color: #909090;
  cursor: pointer;
  border-radius: 6px; }

/*
	--------------------------------------------------------------------------------
	DXImage-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXImage {
  background-repeat: no-repeat;
  background-color: #353535; }

/*
	--------------------------------------------------------------------------------
	DXText-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXText {
  font-family: Arial;
  font-size: 12px;
  color: white; }

/*
	--------------------------------------------------------------------------------
	DXStyledText-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXStyledText {
  font-family: Arial;
  font-size: 12px;
  color: white; }

/*
	--------------------------------------------------------------------------------
	DXCanvas-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXCanvas {
  background-color: #353535; }

/*
	--------------------------------------------------------------------------------
	DXWebView-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXWebView {
  background-color: #353535; }

/*
	--------------------------------------------------------------------------------
	DXYoutubePlayer-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXYoutubePlayer {
  background-color: #353535; }

/*
	--------------------------------------------------------------------------------
	DXTitledPanel-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXTitledPanel {
  background-color: #353535;
  border-radius: 6px;
  border: 1px solid black;
  box-shadow: 2px 2px 5px #101010; }

.DXTitledPanel-Header {
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: white;
  background-image: url("images/gradient.svg");
  background-size: 100% 100%; }

/*
	--------------------------------------------------------------------------------
	DXTitledPanel-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXCalendar {
  font-family: Arial;
  font-size: 12px;
  color: white;
  background-color: #353535;
  border-radius: 6px;
  border: 1px solid black;
  box-shadow: 2px 2px 5px #101010; }

.DXCalendar-header {
  font-family: Arial;
  font-size: 14px;
  color: white;
  font-weight: bold;
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  overflow: hidden; }

.DXCalendar-names {
  font-family: Arial;
  font-size: 12px;
  color: white;
  font-weight: bold;
  text-align: center;
  padding-top: 5px; }

.DXCalendar-cell {
  font-family: Arial;
  font-size: 12px;
  color: white;
  font-weight: normal;
  text-align: center;
  padding-top: 5px;
  cursor: pointer; }

.DXCalendar-select {
  background-color: dodgerblue;
  font-family: Arial;
  font-size: 12px;
  color: white;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  border-radius: 5px; }

/*
	--------------------------------------------------------------------------------
	DXAccordion Vorlagen
	--------------------------------------------------------------------------------
*/
.DXAccordion {
  background-color: #353535;
  border: 1px solid black; }

/*
	--------------------------------------------------------------------------------
	DXWindow-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXWindow {
  background-color: #353535;
  border-radius: 6px;
  border: 1px solid black;
  overflow: hidden;
  box-shadow: 5px 5px 10px #101010; }

.DXWindow-Header {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: white;
  background-image: url("images/gradient.svg");
  background-size: 100% 100%;
  overflow: hidden;
  cursor: move; }

/*
	--------------------------------------------------------------------------------
	DXDataGrid-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXDataGrid {
  background-color: #353535;
  border: 1px solid black; }

.DXDataGrid-Content {
  background-color: white; }

.DXDataGrid-Title {
  color: white;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer; }

.DXDataGrid-Title-Rollover {
  color: #d0d0d0;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer; }

.DXDataGrid-Header {
  background-image: url("images/gradient2.svg");
  background-size: 100% 100%;
  overflow: hidden; }

.DXDataGrid-Footer {
  background-image: url("images/gradient2.svg");
  background-size: 100% 100%; }

.DXDataGrid-Cell-Rollover {
  background-color: #004499;
  color: white;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }

.DXDataGrid-Cell-Selected {
  background-color: #004499;
  color: white;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }

.DXDataGrid-Cell-Alt {
  background-color: #e5e5e5;
  color: black;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }

.DXDataGrid-Cell {
  background-color: white;
  color: black;
  font-family: Arial;
  font-weight: normal;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }

/*
	--------------------------------------------------------------------------------
	DXStackPanel-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXStackPanel {
  background-color: #353535; }

/*
	--------------------------------------------------------------------------------
	DXSplitPanel-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXSplitPanel {
  background-color: #282828; }

.DXSplitPanel-HDivider {
  background-color: #353535;
  background-image: url("images/h-grip.png");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: e-resize; }

.DXSplitPanel-VDivider {
  background-color: #353535;
  background-image: url("images/v-grip.png");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: n-resize; }

/*
	--------------------------------------------------------------------------------
	DXTabPanel-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXTabPanel {
  background-color: #353535; }

.DXTabPanel-Header {
  background-color: #353535; }

.DXTab {
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  color: white; }

.DXTab-Rollover {
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  color: #d0d0d0; }

.DXTab-Select {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #d0d0d0; }

/*
	--------------------------------------------------------------------------------
	DXTree Vorlagen
	--------------------------------------------------------------------------------
*/
.DXTree {
  border: 1px solid black;
  background-color: #353535; }

.DXTreeItem-Text {
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  color: white;
  vertical-align: middle; }

.DXTreeItem {
  cursor: pointer;
  background-color: #303030; }

.DXTreeItem-Alternate {
  cursor: pointer;
  background-color: #393939; }

.DXTreeItem-Selected {
  background-color: #004499;
  cursor: pointer; }

.DXTreeItem-Rollover {
  background-color: #004499;
  cursor: pointer; }

/*
	--------------------------------------------------------------------------------
	DXRepeater-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXRepeater {
  position: absolute;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*
	--------------------------------------------------------------------------------
	DXSlidePanel-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXSlidePanel {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.DXSlidePanel-Content {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 4px 4px 8px #101010 inset;
  border: 1px solid #404040; }

/*
	--------------------------------------------------------------------------------
	DXScrollBar-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXVerticalScrollBar {
  width: 22px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #404040;
  cursor: pointer;
  overflow: hidden; }

.DXHorizontalScrollBar {
  height: 22px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #404040;
  cursor: pointer;
  overflow: hidden; }

.DXVerticalScrollThumb {
  left: 3px;
  right: 3px;
  top: 0px;
  background-color: #909090;
  cursor: move;
  border-radius: 4px; }

.DXHorizontalScrollThumb {
  left: 0px;
  top: 3px;
  bottom: 3px;
  background-color: #909090;
  cursor: move;
  border-radius: 4px; }

/*
	--------------------------------------------------------------------------------
	DXScrollPanel-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXScrollPanel {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #303030; }

.DXScrollPanel-Content {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px; }

/*
	--------------------------------------------------------------------------------
	DXMenuBar-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXMenuBar {
  background-color: #353535; }

/*
	--------------------------------------------------------------------------------
	DXMenu Vorlagen
	--------------------------------------------------------------------------------
*/
.DXMenu {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  background-image: url("images/button.jpg");
  background-repeat: repeat-x;
  padding-top: 4px;
  padding-left: 7px;
  border: 1px solid #000000;
  border-radius: 6px; }

.DXMenu-Rollover {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #d0d0d0;
  cursor: pointer;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  background-image: url("images/button.jpg");
  background-repeat: repeat-x;
  padding-top: 4px;
  padding-left: 7px;
  border: 1px solid #606060;
  border-radius: 6px; }

.DXMenu-Menu {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #000000;
  box-shadow: 5px 5px 6px;
  border-radius: 6px; }

.DXMenu-Menuitem {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 5px;
  cursor: pointer;
  color: black;
  width: 100%;
  height: 24px;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  text-align: left; }

.DXMenu-MenuitemRollover {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 5px;
  cursor: pointer;
  background-color: #d0d0d0;
  color: black;
  width: 100%;
  height: 24px;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  text-align: left; }

/*
	--------------------------------------------------------------------------------
	DXBoxEditor-Vorlagen
	--------------------------------------------------------------------------------
*/
.DXBoxEditor {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #303030;
  border: 1px solid black; }

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